From ce397333ce4708ef172c3cff31d4dec05b39cc2e Mon Sep 17 00:00:00 2001
From:  <>
Date: Sat, 22 Mar 2025 16:10:41 +0000
Subject: [PATCH] Deployed 50b20ad with MkDocs version: 1.6.1

---
 .nojekyll                                     |     0
 404.html                                      |  3956 ++++++
 assets/images/favicon.png                     |   Bin 0 -> 1870 bytes
 assets/images/social/README.png               |   Bin 0 -> 17128 bytes
 assets/images/social/containers/docker.png    |   Bin 0 -> 19994 bytes
 .../images/social/containers/kubernetes.png   |   Bin 0 -> 21104 bytes
 assets/images/social/databases/mongo-db.png   |   Bin 0 -> 21551 bytes
 assets/images/social/databases/redis.png      |   Bin 0 -> 19212 bytes
 assets/images/social/databases/sql.png        |   Bin 0 -> 17714 bytes
 .../social/languages/assembly/intel.png       |   Bin 0 -> 15466 bytes
 .../social/languages/assembly/riscv.png       |   Bin 0 -> 20208 bytes
 .../images/social/languages/bash/commands.png |   Bin 0 -> 22530 bytes
 .../social/languages/bash/scripting.png       |   Bin 0 -> 21540 bytes
 assets/images/social/languages/c/c.png        |   Bin 0 -> 14708 bytes
 assets/images/social/languages/css/css.png    |   Bin 0 -> 17277 bytes
 .../languages/dotnet/asp.net/blazor.png       |   Bin 0 -> 18488 bytes
 .../languages/dotnet/asp.net/filters.png      |   Bin 0 -> 17237 bytes
 .../languages/dotnet/asp.net/middleware.png   |   Bin 0 -> 21760 bytes
 .../languages/dotnet/asp.net/minimal-api.png  |   Bin 0 -> 20658 bytes
 .../languages/dotnet/asp.net/razor-syntax.png |   Bin 0 -> 24841 bytes
 .../languages/dotnet/asp.net/signalr.png      |   Bin 0 -> 21002 bytes
 .../languages/dotnet/asp.net/web-forms.png    |   Bin 0 -> 22794 bytes
 .../dotnet/csharp/async-programming.png       |   Bin 0 -> 28504 bytes
 .../languages/dotnet/csharp/collections.png   |   Bin 0 -> 22841 bytes
 .../social/languages/dotnet/csharp/csharp.png |   Bin 0 -> 16081 bytes
 .../social/languages/dotnet/csharp/linq.png   |   Bin 0 -> 15092 bytes
 .../dotnet/csharp/reactive-extensions.png     |   Bin 0 -> 28993 bytes
 .../languages/dotnet/csharp/unit-tests.png    |   Bin 0 -> 18804 bytes
 .../languages/dotnet/database/ado.net.png     |   Bin 0 -> 19383 bytes
 .../dotnet/database/entity-framework.png      |   Bin 0 -> 24612 bytes
 assets/images/social/languages/html/html.png  |   Bin 0 -> 14783 bytes
 assets/images/social/languages/java/dao.png   |   Bin 0 -> 17803 bytes
 .../java/java-collection-framework.png        |   Bin 0 -> 32899 bytes
 assets/images/social/languages/java/java.png  |   Bin 0 -> 16410 bytes
 .../social/languages/java/spring/pom.xml.png  |   Bin 0 -> 17604 bytes
 .../languages/java/spring/spring-project.png  |   Bin 0 -> 23470 bytes
 .../social/languages/java/web/servlet.png     |   Bin 0 -> 19207 bytes
 .../social/languages/javascript/ajax.png      |   Bin 0 -> 17513 bytes
 .../social/languages/javascript/dom.png       |   Bin 0 -> 17926 bytes
 .../languages/javascript/events-animation.png |   Bin 0 -> 27240 bytes
 .../languages/javascript/javascript.png       |   Bin 0 -> 21964 bytes
 .../social/languages/javascript/jquery.png    |   Bin 0 -> 19965 bytes
 .../javascript/react/react-router.png         |   Bin 0 -> 21847 bytes
 .../javascript/react/react-tests.png          |   Bin 0 -> 21357 bytes
 .../languages/javascript/react/react.png      |   Bin 0 -> 18987 bytes
 .../javascript/react/redux-tests.png          |   Bin 0 -> 21665 bytes
 .../languages/javascript/react/redux.png      |   Bin 0 -> 18911 bytes
 .../languages/javascript/svelte/svelte.png    |   Bin 0 -> 18567 bytes
 .../images/social/languages/kotlin/kotlin.png |   Bin 0 -> 17329 bytes
 assets/images/social/languages/markdown.png   |   Bin 0 -> 22390 bytes
 .../images/social/languages/php/composer.png  |   Bin 0 -> 22439 bytes
 .../images/social/languages/php/database.png  |   Bin 0 -> 20820 bytes
 .../languages/php/dependency-injection.png    |   Bin 0 -> 28689 bytes
 assets/images/social/languages/php/php.png    |   Bin 0 -> 13825 bytes
 .../languages/php/plates-templating.png       |   Bin 0 -> 19128 bytes
 assets/images/social/languages/php/psr-7.png  |   Bin 0 -> 18442 bytes
 .../languages/php/simple-mvc/rest-api.png     |   Bin 0 -> 19260 bytes
 .../languages/php/simple-mvc/simple-mvc.png   |   Bin 0 -> 24680 bytes
 .../social/languages/php/unit-tests.png       |   Bin 0 -> 18804 bytes
 assets/images/social/languages/php/web.png    |   Bin 0 -> 17993 bytes
 .../social/languages/powershell/commands.png  |   Bin 0 -> 22530 bytes
 .../social/languages/powershell/scripting.png |   Bin 0 -> 21540 bytes
 .../languages/python/libs/beautiful-soup.png  |   Bin 0 -> 24187 bytes
 .../social/languages/python/libs/numpy.png    |   Bin 0 -> 18037 bytes
 .../social/languages/python/libs/pandas.png   |   Bin 0 -> 19058 bytes
 .../social/languages/python/libs/requests.png |   Bin 0 -> 20050 bytes
 .../social/languages/python/libs/seaborn.png  |   Bin 0 -> 21941 bytes
 .../social/languages/python/libs/tkinter.png  |   Bin 0 -> 17688 bytes
 .../languages/python/modules/argparse.png     |   Bin 0 -> 21428 bytes
 .../languages/python/modules/collections.png  |   Bin 0 -> 19208 bytes
 .../social/languages/python/modules/csv.png   |   Bin 0 -> 17220 bytes
 .../languages/python/modules/ftplib.png       |   Bin 0 -> 16393 bytes
 .../languages/python/modules/itertools.png    |   Bin 0 -> 19311 bytes
 .../social/languages/python/modules/json.png  |   Bin 0 -> 17564 bytes
 .../languages/python/modules/logging.png      |   Bin 0 -> 17866 bytes
 .../languages/python/modules/shutil.png       |   Bin 0 -> 16604 bytes
 .../languages/python/modules/smtplib.png      |   Bin 0 -> 18800 bytes
 .../languages/python/modules/socket.png       |   Bin 0 -> 20543 bytes
 .../languages/python/modules/sqlite.png       |   Bin 0 -> 18297 bytes
 .../python/modules/time-datetime.png          |   Bin 0 -> 21985 bytes
 .../languages/python/modules/unittest.png     |   Bin 0 -> 18207 bytes
 .../images/social/languages/python/python.png |   Bin 0 -> 18476 bytes
 assets/images/social/languages/rust/cargo.png |   Bin 0 -> 20161 bytes
 .../social/languages/rust/concurrency.png     |   Bin 0 -> 22628 bytes
 .../images/social/languages/rust/macros.png   |   Bin 0 -> 21453 bytes
 assets/images/social/languages/rust/rust.png  |   Bin 0 -> 16957 bytes
 .../social/languages/rust/unit-tests.png      |   Bin 0 -> 18804 bytes
 .../images/social/languages/swift/swift.png   |   Bin 0 -> 18119 bytes
 .../social/linux/filesystem/file-links.png    |   Bin 0 -> 18523 bytes
 .../images/social/linux/filesystem/procfs.png |   Bin 0 -> 18554 bytes
 .../images/social/linux/filesystem/sysfs.png  |   Bin 0 -> 17510 bytes
 assets/images/social/linux/init/open-rc.png   |   Bin 0 -> 21451 bytes
 assets/images/social/linux/init/systemd.png   |   Bin 0 -> 22691 bytes
 assets/images/social/misc/git.png             |   Bin 0 -> 15450 bytes
 assets/images/social/misc/graph-ql.png        |   Bin 0 -> 20934 bytes
 .../social/misc/regular-expressions.png       |   Bin 0 -> 19390 bytes
 assets/images/social/misc/ssh.png             |   Bin 0 -> 15538 bytes
 assets/images/social/misc/web-components.png  |   Bin 0 -> 26571 bytes
 assets/javascripts/bundle.56dfad97.min.js     |    16 +
 assets/javascripts/bundle.56dfad97.min.js.map |     7 +
 assets/javascripts/lunr/min/lunr.ar.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.da.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.de.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.du.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.el.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.es.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.fi.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.fr.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.he.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.hi.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.hu.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.hy.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.it.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.ja.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.jp.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.kn.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.ko.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.multi.min.js |     1 +
 assets/javascripts/lunr/min/lunr.nl.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.no.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.pt.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.ro.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.ru.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.sa.min.js    |     1 +
 .../lunr/min/lunr.stemmer.support.min.js      |     1 +
 assets/javascripts/lunr/min/lunr.sv.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.ta.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.te.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.th.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.tr.min.js    |    18 +
 assets/javascripts/lunr/min/lunr.vi.min.js    |     1 +
 assets/javascripts/lunr/min/lunr.zh.min.js    |     1 +
 assets/javascripts/lunr/tinyseg.js            |   206 +
 assets/javascripts/lunr/wordcut.js            |  6708 +++++++++
 .../workers/search.07f07601.min.js            |    42 +
 .../workers/search.07f07601.min.js.map        |     7 +
 assets/stylesheets/main.35f28582.min.css      |     1 +
 assets/stylesheets/main.35f28582.min.css.map  |     1 +
 assets/stylesheets/palette.06af60db.min.css   |     1 +
 .../stylesheets/palette.06af60db.min.css.map  |     1 +
 containers/docker.html                        |  4978 +++++++
 containers/kubernetes.html                    |  4597 ++++++
 databases/mongo-db.html                       |  5918 ++++++++
 databases/redis.html                          |  4382 ++++++
 databases/sql.html                            |  4925 +++++++
 img/android_activity-lifecycle.avif           |   Bin 0 -> 11460 bytes
 img/android_fragment-lifecycle.avif           |   Bin 0 -> 11358 bytes
 img/android_fragments.avif                    |   Bin 0 -> 8467 bytes
 ...issions-and-ownership-basics-in-linux.avif |   Bin 0 -> 7270 bytes
 img/css_box-model.avif                        |   Bin 0 -> 2621 bytes
 img/docker_architecture.svg                   |  2597 ++++
 img/docker_container-architecture.svg         |  3648 +++++
 img/docker_virtual-machine-architecture.svg   |  3390 +++++
 img/dotnet_blazor-server.avif                 |   Bin 0 -> 5191 bytes
 img/dotnet_blazor-webassembly.avif            |   Bin 0 -> 4216 bytes
 img/dotnet_covariant_contravariant.avif       |   Bin 0 -> 12524 bytes
 img/dotnet_filter-pipeline-1.avif             |   Bin 0 -> 5762 bytes
 img/dotnet_filter-pipeline-2.avif             |   Bin 0 -> 7839 bytes
 img/dotnet_middleware-pipeline.avif           |   Bin 0 -> 15310 bytes
 img/dotnet_mvc-endpoint.avif                  |   Bin 0 -> 20175 bytes
 ...y-reference-vs-pass-by-value-animation.gif |   Bin 0 -> 119091 bytes
 img/dotnet_request-delegate-pipeline.avif     |   Bin 0 -> 5410 bytes
 img/dotnet_xamarin-layouts.avif               |   Bin 0 -> 6706 bytes
 img/dotnet_xamarin-pages.avif                 |   Bin 0 -> 14537 bytes
 img/git_branches.avif                         |   Bin 0 -> 11397 bytes
 img/java_java-collection-framework.avif       |   Bin 0 -> 22004 bytes
 img/javascript_event-inheritance.avif         |   Bin 0 -> 20927 bytes
 img/kubernetes_cluster-overview.svg           |   412 +
 img/mongodb_ixscan.avif                       |   Bin 0 -> 15562 bytes
 img/mongodb_shared-cluster.avif               |   Bin 0 -> 22695 bytes
 img/node_url-structure.avif                   |   Bin 0 -> 8751 bytes
 img/rust_container-types.svg                  |   106 +
 img/webcomponents_shadowdom.svg               |     1 +
 index.html                                    |  4053 ++++++
 languages/assembly/intel.html                 |  4480 ++++++
 languages/assembly/riscv.html                 |  4658 ++++++
 languages/bash/commands.html                  |  4600 ++++++
 languages/bash/scripting.html                 |  4943 +++++++
 languages/c/c.html                            |  6550 +++++++++
 languages/css/css.html                        |  6558 +++++++++
 languages/dotnet/asp.net/blazor.html          |  4632 ++++++
 languages/dotnet/asp.net/filters.html         |  4562 ++++++
 languages/dotnet/asp.net/middleware.html      |  4432 ++++++
 languages/dotnet/asp.net/minimal-api.html     |  5110 +++++++
 languages/dotnet/asp.net/razor-syntax.html    |  4503 ++++++
 languages/dotnet/asp.net/signalr.html         |  4553 ++++++
 languages/dotnet/asp.net/web-forms.html       |  4333 ++++++
 .../dotnet/csharp/async-programming.html      |  4600 ++++++
 languages/dotnet/csharp/collections.html      |  4810 +++++++
 languages/dotnet/csharp/csharp.html           | 11686 ++++++++++++++++
 languages/dotnet/csharp/linq.html             |  4334 ++++++
 .../dotnet/csharp/reactive-extensions.html    |  4539 ++++++
 languages/dotnet/csharp/unit-tests.html       |  4274 ++++++
 languages/dotnet/database/ado.net.html        |  4466 ++++++
 .../dotnet/database/entity-framework.html     |  4452 ++++++
 languages/html/html.html                      |  5795 ++++++++
 languages/java/dao.html                       |  4382 ++++++
 languages/java/java-collection-framework.html |  4417 ++++++
 languages/java/java.html                      |  7640 ++++++++++
 languages/java/spring/pom.xml.html            |  4183 ++++++
 languages/java/spring/spring-project.html     |  4577 ++++++
 languages/java/web/servlet.html               |  4254 ++++++
 languages/javascript/ajax.html                |  4402 ++++++
 languages/javascript/dom.html                 |  4530 ++++++
 languages/javascript/events-animation.html    |  4368 ++++++
 languages/javascript/javascript.html          |  6907 +++++++++
 languages/javascript/jquery.html              |  4780 +++++++
 languages/javascript/react/react-router.html  |  4377 ++++++
 languages/javascript/react/react-tests.html   |  4552 ++++++
 languages/javascript/react/react.html         |  4768 +++++++
 languages/javascript/react/redux-tests.html   |  4473 ++++++
 languages/javascript/react/redux.html         |  5064 +++++++
 languages/javascript/svelte/svelte.html       |  4646 ++++++
 languages/kotlin/kotlin.html                  |  4770 +++++++
 languages/markdown.html                       |  4352 ++++++
 languages/php/composer.html                   |  4393 ++++++
 languages/php/database.html                   |  4405 ++++++
 languages/php/dependency-injection.html       |  4306 ++++++
 languages/php/php.html                        |  6707 +++++++++
 languages/php/plates-templating.html          |  4454 ++++++
 languages/php/psr-7.html                      |  4223 ++++++
 languages/php/simple-mvc/rest-api.html        |  4350 ++++++
 languages/php/simple-mvc/simple-mvc.html      |  4477 ++++++
 languages/php/unit-tests.html                 |  4708 +++++++
 languages/php/web.html                        |  4450 ++++++
 languages/powershell/commands.html            |  4176 ++++++
 languages/powershell/scripting.html           |  5280 +++++++
 languages/python/libs/beautiful-soup.html     |  4645 ++++++
 languages/python/libs/numpy.html              |  4978 +++++++
 languages/python/libs/pandas.html             |  5989 ++++++++
 languages/python/libs/requests.html           |  4585 ++++++
 languages/python/libs/seaborn.html            |  4774 +++++++
 languages/python/libs/tkinter.html            |  5832 ++++++++
 languages/python/modules/argparse.html        |  4474 ++++++
 languages/python/modules/collections.html     |  4248 ++++++
 languages/python/modules/csv.html             |  4258 ++++++
 languages/python/modules/ftplib.html          |  4305 ++++++
 languages/python/modules/itertools.html       |  4238 ++++++
 languages/python/modules/json.html            |  4371 ++++++
 languages/python/modules/logging.html         |  4462 ++++++
 languages/python/modules/shutil.html          |  4195 ++++++
 languages/python/modules/smtplib.html         |  4180 ++++++
 languages/python/modules/socket.html          |  4226 ++++++
 languages/python/modules/sqlite.html          |  4354 ++++++
 languages/python/modules/time-datetime.html   |  4361 ++++++
 languages/python/modules/unittest.html        |  4379 ++++++
 languages/python/python.html                  |  8121 +++++++++++
 languages/rust/cargo.html                     |  4468 ++++++
 languages/rust/concurrency.html               |  4976 +++++++
 languages/rust/macros.html                    |  4499 ++++++
 languages/rust/rust.html                      |  7850 +++++++++++
 languages/rust/unit-tests.html                |  4274 ++++++
 languages/swift/swift.html                    |  5836 ++++++++
 linux/filesystem/file-links.html              |  4342 ++++++
 linux/filesystem/procfs.html                  |  4319 ++++++
 linux/filesystem/sysfs.html                   |  4295 ++++++
 linux/init/open-rc.html                       |  4214 ++++++
 linux/init/systemd.html                       |  4083 ++++++
 misc/git.html                                 |  4592 ++++++
 misc/graph-ql.html                            |  5005 +++++++
 misc/regular-expressions.html                 |  4590 ++++++
 misc/ssh.html                                 |  4256 ++++++
 misc/web-components.html                      |  4636 ++++++
 search/search_index.js                        |     1 +
 search/search_index.json                      |     1 +
 sitemap.xml                                   |   383 +
 sitemap.xml.gz                                |   Bin 0 -> 958 bytes
 267 files changed, 482076 insertions(+)
 create mode 100644 .nojekyll
 create mode 100644 404.html
 create mode 100644 assets/images/favicon.png
 create mode 100644 assets/images/social/README.png
 create mode 100644 assets/images/social/containers/docker.png
 create mode 100644 assets/images/social/containers/kubernetes.png
 create mode 100644 assets/images/social/databases/mongo-db.png
 create mode 100644 assets/images/social/databases/redis.png
 create mode 100644 assets/images/social/databases/sql.png
 create mode 100644 assets/images/social/languages/assembly/intel.png
 create mode 100644 assets/images/social/languages/assembly/riscv.png
 create mode 100644 assets/images/social/languages/bash/commands.png
 create mode 100644 assets/images/social/languages/bash/scripting.png
 create mode 100644 assets/images/social/languages/c/c.png
 create mode 100644 assets/images/social/languages/css/css.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/blazor.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/filters.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/middleware.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/minimal-api.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/razor-syntax.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/signalr.png
 create mode 100644 assets/images/social/languages/dotnet/asp.net/web-forms.png
 create mode 100644 assets/images/social/languages/dotnet/csharp/async-programming.png
 create mode 100644 assets/images/social/languages/dotnet/csharp/collections.png
 create mode 100644 assets/images/social/languages/dotnet/csharp/csharp.png
 create mode 100644 assets/images/social/languages/dotnet/csharp/linq.png
 create mode 100644 assets/images/social/languages/dotnet/csharp/reactive-extensions.png
 create mode 100644 assets/images/social/languages/dotnet/csharp/unit-tests.png
 create mode 100644 assets/images/social/languages/dotnet/database/ado.net.png
 create mode 100644 assets/images/social/languages/dotnet/database/entity-framework.png
 create mode 100644 assets/images/social/languages/html/html.png
 create mode 100644 assets/images/social/languages/java/dao.png
 create mode 100644 assets/images/social/languages/java/java-collection-framework.png
 create mode 100644 assets/images/social/languages/java/java.png
 create mode 100644 assets/images/social/languages/java/spring/pom.xml.png
 create mode 100644 assets/images/social/languages/java/spring/spring-project.png
 create mode 100644 assets/images/social/languages/java/web/servlet.png
 create mode 100644 assets/images/social/languages/javascript/ajax.png
 create mode 100644 assets/images/social/languages/javascript/dom.png
 create mode 100644 assets/images/social/languages/javascript/events-animation.png
 create mode 100644 assets/images/social/languages/javascript/javascript.png
 create mode 100644 assets/images/social/languages/javascript/jquery.png
 create mode 100644 assets/images/social/languages/javascript/react/react-router.png
 create mode 100644 assets/images/social/languages/javascript/react/react-tests.png
 create mode 100644 assets/images/social/languages/javascript/react/react.png
 create mode 100644 assets/images/social/languages/javascript/react/redux-tests.png
 create mode 100644 assets/images/social/languages/javascript/react/redux.png
 create mode 100644 assets/images/social/languages/javascript/svelte/svelte.png
 create mode 100644 assets/images/social/languages/kotlin/kotlin.png
 create mode 100644 assets/images/social/languages/markdown.png
 create mode 100644 assets/images/social/languages/php/composer.png
 create mode 100644 assets/images/social/languages/php/database.png
 create mode 100644 assets/images/social/languages/php/dependency-injection.png
 create mode 100644 assets/images/social/languages/php/php.png
 create mode 100644 assets/images/social/languages/php/plates-templating.png
 create mode 100644 assets/images/social/languages/php/psr-7.png
 create mode 100644 assets/images/social/languages/php/simple-mvc/rest-api.png
 create mode 100644 assets/images/social/languages/php/simple-mvc/simple-mvc.png
 create mode 100644 assets/images/social/languages/php/unit-tests.png
 create mode 100644 assets/images/social/languages/php/web.png
 create mode 100644 assets/images/social/languages/powershell/commands.png
 create mode 100644 assets/images/social/languages/powershell/scripting.png
 create mode 100644 assets/images/social/languages/python/libs/beautiful-soup.png
 create mode 100644 assets/images/social/languages/python/libs/numpy.png
 create mode 100644 assets/images/social/languages/python/libs/pandas.png
 create mode 100644 assets/images/social/languages/python/libs/requests.png
 create mode 100644 assets/images/social/languages/python/libs/seaborn.png
 create mode 100644 assets/images/social/languages/python/libs/tkinter.png
 create mode 100644 assets/images/social/languages/python/modules/argparse.png
 create mode 100644 assets/images/social/languages/python/modules/collections.png
 create mode 100644 assets/images/social/languages/python/modules/csv.png
 create mode 100644 assets/images/social/languages/python/modules/ftplib.png
 create mode 100644 assets/images/social/languages/python/modules/itertools.png
 create mode 100644 assets/images/social/languages/python/modules/json.png
 create mode 100644 assets/images/social/languages/python/modules/logging.png
 create mode 100644 assets/images/social/languages/python/modules/shutil.png
 create mode 100644 assets/images/social/languages/python/modules/smtplib.png
 create mode 100644 assets/images/social/languages/python/modules/socket.png
 create mode 100644 assets/images/social/languages/python/modules/sqlite.png
 create mode 100644 assets/images/social/languages/python/modules/time-datetime.png
 create mode 100644 assets/images/social/languages/python/modules/unittest.png
 create mode 100644 assets/images/social/languages/python/python.png
 create mode 100644 assets/images/social/languages/rust/cargo.png
 create mode 100644 assets/images/social/languages/rust/concurrency.png
 create mode 100644 assets/images/social/languages/rust/macros.png
 create mode 100644 assets/images/social/languages/rust/rust.png
 create mode 100644 assets/images/social/languages/rust/unit-tests.png
 create mode 100644 assets/images/social/languages/swift/swift.png
 create mode 100644 assets/images/social/linux/filesystem/file-links.png
 create mode 100644 assets/images/social/linux/filesystem/procfs.png
 create mode 100644 assets/images/social/linux/filesystem/sysfs.png
 create mode 100644 assets/images/social/linux/init/open-rc.png
 create mode 100644 assets/images/social/linux/init/systemd.png
 create mode 100644 assets/images/social/misc/git.png
 create mode 100644 assets/images/social/misc/graph-ql.png
 create mode 100644 assets/images/social/misc/regular-expressions.png
 create mode 100644 assets/images/social/misc/ssh.png
 create mode 100644 assets/images/social/misc/web-components.png
 create mode 100644 assets/javascripts/bundle.56dfad97.min.js
 create mode 100644 assets/javascripts/bundle.56dfad97.min.js.map
 create mode 100644 assets/javascripts/lunr/min/lunr.ar.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.da.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.de.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.du.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.el.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.es.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.fi.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.fr.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.he.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.hi.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.hu.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.hy.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.it.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.ja.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.jp.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.kn.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.ko.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.multi.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.nl.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.no.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.pt.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.ro.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.ru.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.sa.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.stemmer.support.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.sv.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.ta.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.te.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.th.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.tr.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.vi.min.js
 create mode 100644 assets/javascripts/lunr/min/lunr.zh.min.js
 create mode 100644 assets/javascripts/lunr/tinyseg.js
 create mode 100644 assets/javascripts/lunr/wordcut.js
 create mode 100644 assets/javascripts/workers/search.07f07601.min.js
 create mode 100644 assets/javascripts/workers/search.07f07601.min.js.map
 create mode 100644 assets/stylesheets/main.35f28582.min.css
 create mode 100644 assets/stylesheets/main.35f28582.min.css.map
 create mode 100644 assets/stylesheets/palette.06af60db.min.css
 create mode 100644 assets/stylesheets/palette.06af60db.min.css.map
 create mode 100644 containers/docker.html
 create mode 100644 containers/kubernetes.html
 create mode 100644 databases/mongo-db.html
 create mode 100644 databases/redis.html
 create mode 100644 databases/sql.html
 create mode 100644 img/android_activity-lifecycle.avif
 create mode 100644 img/android_fragment-lifecycle.avif
 create mode 100644 img/android_fragments.avif
 create mode 100644 img/bash_files-permissions-and-ownership-basics-in-linux.avif
 create mode 100644 img/css_box-model.avif
 create mode 100644 img/docker_architecture.svg
 create mode 100644 img/docker_container-architecture.svg
 create mode 100644 img/docker_virtual-machine-architecture.svg
 create mode 100644 img/dotnet_blazor-server.avif
 create mode 100644 img/dotnet_blazor-webassembly.avif
 create mode 100644 img/dotnet_covariant_contravariant.avif
 create mode 100644 img/dotnet_filter-pipeline-1.avif
 create mode 100644 img/dotnet_filter-pipeline-2.avif
 create mode 100644 img/dotnet_middleware-pipeline.avif
 create mode 100644 img/dotnet_mvc-endpoint.avif
 create mode 100644 img/dotnet_pass-by-reference-vs-pass-by-value-animation.gif
 create mode 100644 img/dotnet_request-delegate-pipeline.avif
 create mode 100644 img/dotnet_xamarin-layouts.avif
 create mode 100644 img/dotnet_xamarin-pages.avif
 create mode 100644 img/git_branches.avif
 create mode 100644 img/java_java-collection-framework.avif
 create mode 100644 img/javascript_event-inheritance.avif
 create mode 100644 img/kubernetes_cluster-overview.svg
 create mode 100644 img/mongodb_ixscan.avif
 create mode 100644 img/mongodb_shared-cluster.avif
 create mode 100644 img/node_url-structure.avif
 create mode 100644 img/rust_container-types.svg
 create mode 100644 img/webcomponents_shadowdom.svg
 create mode 100644 index.html
 create mode 100644 languages/assembly/intel.html
 create mode 100644 languages/assembly/riscv.html
 create mode 100644 languages/bash/commands.html
 create mode 100644 languages/bash/scripting.html
 create mode 100644 languages/c/c.html
 create mode 100644 languages/css/css.html
 create mode 100644 languages/dotnet/asp.net/blazor.html
 create mode 100644 languages/dotnet/asp.net/filters.html
 create mode 100644 languages/dotnet/asp.net/middleware.html
 create mode 100644 languages/dotnet/asp.net/minimal-api.html
 create mode 100644 languages/dotnet/asp.net/razor-syntax.html
 create mode 100644 languages/dotnet/asp.net/signalr.html
 create mode 100644 languages/dotnet/asp.net/web-forms.html
 create mode 100644 languages/dotnet/csharp/async-programming.html
 create mode 100644 languages/dotnet/csharp/collections.html
 create mode 100644 languages/dotnet/csharp/csharp.html
 create mode 100644 languages/dotnet/csharp/linq.html
 create mode 100644 languages/dotnet/csharp/reactive-extensions.html
 create mode 100644 languages/dotnet/csharp/unit-tests.html
 create mode 100644 languages/dotnet/database/ado.net.html
 create mode 100644 languages/dotnet/database/entity-framework.html
 create mode 100644 languages/html/html.html
 create mode 100644 languages/java/dao.html
 create mode 100644 languages/java/java-collection-framework.html
 create mode 100644 languages/java/java.html
 create mode 100644 languages/java/spring/pom.xml.html
 create mode 100644 languages/java/spring/spring-project.html
 create mode 100644 languages/java/web/servlet.html
 create mode 100644 languages/javascript/ajax.html
 create mode 100644 languages/javascript/dom.html
 create mode 100644 languages/javascript/events-animation.html
 create mode 100644 languages/javascript/javascript.html
 create mode 100644 languages/javascript/jquery.html
 create mode 100644 languages/javascript/react/react-router.html
 create mode 100644 languages/javascript/react/react-tests.html
 create mode 100644 languages/javascript/react/react.html
 create mode 100644 languages/javascript/react/redux-tests.html
 create mode 100644 languages/javascript/react/redux.html
 create mode 100644 languages/javascript/svelte/svelte.html
 create mode 100644 languages/kotlin/kotlin.html
 create mode 100644 languages/markdown.html
 create mode 100644 languages/php/composer.html
 create mode 100644 languages/php/database.html
 create mode 100644 languages/php/dependency-injection.html
 create mode 100644 languages/php/php.html
 create mode 100644 languages/php/plates-templating.html
 create mode 100644 languages/php/psr-7.html
 create mode 100644 languages/php/simple-mvc/rest-api.html
 create mode 100644 languages/php/simple-mvc/simple-mvc.html
 create mode 100644 languages/php/unit-tests.html
 create mode 100644 languages/php/web.html
 create mode 100644 languages/powershell/commands.html
 create mode 100644 languages/powershell/scripting.html
 create mode 100644 languages/python/libs/beautiful-soup.html
 create mode 100644 languages/python/libs/numpy.html
 create mode 100644 languages/python/libs/pandas.html
 create mode 100644 languages/python/libs/requests.html
 create mode 100644 languages/python/libs/seaborn.html
 create mode 100644 languages/python/libs/tkinter.html
 create mode 100644 languages/python/modules/argparse.html
 create mode 100644 languages/python/modules/collections.html
 create mode 100644 languages/python/modules/csv.html
 create mode 100644 languages/python/modules/ftplib.html
 create mode 100644 languages/python/modules/itertools.html
 create mode 100644 languages/python/modules/json.html
 create mode 100644 languages/python/modules/logging.html
 create mode 100644 languages/python/modules/shutil.html
 create mode 100644 languages/python/modules/smtplib.html
 create mode 100644 languages/python/modules/socket.html
 create mode 100644 languages/python/modules/sqlite.html
 create mode 100644 languages/python/modules/time-datetime.html
 create mode 100644 languages/python/modules/unittest.html
 create mode 100644 languages/python/python.html
 create mode 100644 languages/rust/cargo.html
 create mode 100644 languages/rust/concurrency.html
 create mode 100644 languages/rust/macros.html
 create mode 100644 languages/rust/rust.html
 create mode 100644 languages/rust/unit-tests.html
 create mode 100644 languages/swift/swift.html
 create mode 100644 linux/filesystem/file-links.html
 create mode 100644 linux/filesystem/procfs.html
 create mode 100644 linux/filesystem/sysfs.html
 create mode 100644 linux/init/open-rc.html
 create mode 100644 linux/init/systemd.html
 create mode 100644 misc/git.html
 create mode 100644 misc/graph-ql.html
 create mode 100644 misc/regular-expressions.html
 create mode 100644 misc/ssh.html
 create mode 100644 misc/web-components.html
 create mode 100644 search/search_index.js
 create mode 100644 search/search_index.json
 create mode 100644 sitemap.xml
 create mode 100644 sitemap.xml.gz

diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..41b392d
--- /dev/null
+++ b/404.html
@@ -0,0 +1,3956 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+      
+      
+      
+      <link rel="icon" href="/dev-notes/assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="/dev-notes/assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="/dev-notes/assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("/dev-notes/",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="/dev-notes/index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="/dev-notes/index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="/dev-notes/containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="/dev-notes/databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="/dev-notes/languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="/dev-notes/misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="/dev-notes/linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="/dev-notes/index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/dev-notes/linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+  <h1>404 - Not found</h1>
+
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "/dev-notes/", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "/dev-notes/assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="/dev-notes/assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/assets/images/favicon.png b/assets/images/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1cf13b9f9d978896599290a74f77d5dbe7d1655c
GIT binary patch
literal 1870
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
IM6N<$f(jP3KmY&$

literal 0
HcmV?d00001

diff --git a/assets/images/social/README.png b/assets/images/social/README.png
new file mode 100644
index 0000000000000000000000000000000000000000..c08d90197104eebd071524e62c70330b595086f0
GIT binary patch
literal 17128
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
RfQ)?C4NVP7{&IZuzW`%rWd8sF

literal 0
HcmV?d00001

diff --git a/assets/images/social/containers/docker.png b/assets/images/social/containers/docker.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ba7c1d48c1ce7d44acbb2e77297febce25bc663
GIT binary patch
literal 19994
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
TOXzwC7+*FtHOTq*)|3ASYtuAV

literal 0
HcmV?d00001

diff --git a/assets/images/social/containers/kubernetes.png b/assets/images/social/containers/kubernetes.png
new file mode 100644
index 0000000000000000000000000000000000000000..9957b4923c9693e6972becdf86616cb341e7aeca
GIT binary patch
literal 21104
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
DIpdi;

literal 0
HcmV?d00001

diff --git a/assets/images/social/databases/mongo-db.png b/assets/images/social/databases/mongo-db.png
new file mode 100644
index 0000000000000000000000000000000000000000..074f8696c7a46e87042dc1ced7bef9aa0e048bdf
GIT binary patch
literal 21551
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/databases/redis.png b/assets/images/social/databases/redis.png
new file mode 100644
index 0000000000000000000000000000000000000000..b94af6a0ffc76c8990ce87c2ec1856a039763783
GIT binary patch
literal 19212
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
URy)T4F5Y(D!p6M(@2hwJKMTWEO#lD@

literal 0
HcmV?d00001

diff --git a/assets/images/social/databases/sql.png b/assets/images/social/databases/sql.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf4b4feeb076d82a6b97df39fba3a8f7ea3264b2
GIT binary patch
literal 17714
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/assembly/intel.png b/assets/images/social/languages/assembly/intel.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd20cd505bb32ea6d4fe2cd5885d4d275f1d98ba
GIT binary patch
literal 15466
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
F{%?u!ZvX%Q

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/assembly/riscv.png b/assets/images/social/languages/assembly/riscv.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdad2562b501b4d66286952cc3db202a6d9d0a1c
GIT binary patch
literal 20208
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
XdT+fxZV8~}eb=s<8kAgi`se=v5VN4^

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/bash/commands.png b/assets/images/social/languages/bash/commands.png
new file mode 100644
index 0000000000000000000000000000000000000000..25407b934a0f4de8d3bba6bfb47e126d0d89df7b
GIT binary patch
literal 22530
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
HDWM4f7muW6

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/bash/scripting.png b/assets/images/social/languages/bash/scripting.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5d6cbc9ab71150194ad840aab5a0ed3018ee630
GIT binary patch
literal 21540
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/c/c.png b/assets/images/social/languages/c/c.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a405f44b63e0cfaf912ee8a352e79f1fb8f1eb8
GIT binary patch
literal 14708
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/css/css.png b/assets/images/social/languages/css/css.png
new file mode 100644
index 0000000000000000000000000000000000000000..35d0789d0f58480c95b1ebf28348e34b06bebbf7
GIT binary patch
literal 17277
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/blazor.png b/assets/images/social/languages/dotnet/asp.net/blazor.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e911745f8a2b78d0b7889cc8db77b81a5fd6229
GIT binary patch
literal 18488
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/filters.png b/assets/images/social/languages/dotnet/asp.net/filters.png
new file mode 100644
index 0000000000000000000000000000000000000000..90c768a38ba4fa57d24f1b460fd00e5637f860ee
GIT binary patch
literal 17237
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/middleware.png b/assets/images/social/languages/dotnet/asp.net/middleware.png
new file mode 100644
index 0000000000000000000000000000000000000000..68709a7e3650d6a1d233817d4264172e455375b0
GIT binary patch
literal 21760
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
S6{0{d-`3Q-iMVe4{Qm)=BHcm&

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/minimal-api.png b/assets/images/social/languages/dotnet/asp.net/minimal-api.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7a6f4105dd57fe2dfac39e50079785e88022bb7
GIT binary patch
literal 20658
zcmeIa=UY?T7d46p6&oTdy&dt`s3J{T&;!U(1Vn^@ln4lj5D@7liHb@m$3l^+AVqqw
zfv6CIROux^Frl{)T7VFE*T&!b+~@uS_scyWcu-(xuf5h>bB;O2SUdENfiC9}!6R&J
zY@9d$(Z0*Zw!e^#?GNum2f<GauLW4LvEA{zseS#PZ{os;PvWpw(gvO3LT=08`{S>_
zE{gp9_nXms@du<%YaA#_9R1>`!qc*;rql5>%<4|Z5ec2sJSV=0@BiEF%%8QN{~ax<
zZKGlN|0zy*=&)W>lQN>7g5|&lyH2XD{AhJ}>$i|Oz8t#{!v${4_Rqb+YkU7-E5Gse
z5AcIOo&Mm3esS{@7#{e2{Idh#+qJI!QqX_jo`0|peEU~n-%;@G+2_M%&`<x;|L@ZO
zZ>K4Te;Qf`HZ8c89(;SbuZ*5R>L=J89ZIc|7CSrFOc{gUBQg>4SK8HcVNa``i=O+^
zG9gQn*8CX+UG_RzWrajx*R&Ay(HtozkZ^1NZf($+jl`GS6RfLO4hqRbi~p=uqo`2Y
zdKZ7x?pt$I-smEhq12FSB0}%)SUjCJJMXF85$Fhg+=s`sRw4(c$R&aPIH)GsHB{EJ
zC>5(qc<?(~K2-Y|cnoi0CsXq`C-UYfRp|>T1@VJwdok416U|UMjncPsh7WK2V=NZ&
z`qQ<&Xu8rp9E1IU<x^%p4kGfF+N%q`KJxpD*0dGUE$br#L&+V!3deZ%;`QGTc#Wac
zNml7rH7%84E*$m$p4p4k4^{34PE50jr`);=<_Yvi{1SVC{O2jz{P_@$6gTOap__IR
zl&@Af@}k^Yul82)A*DU@zOBBo(;NqOAnp8(p61i5tv=8`{Wo;ZF}6JLvN&aY#!DdT
z<)`0!#y=0tx_rtbnVF&LSxe#CSXRNn6%y0!+YbbSUs=6);;E%IuUu-mly#Msy>NMe
zK5oKfjXsNdd^UEDc>VaZ<mA{|@9Z$$Iu#X(mWrJOjDvf?{7#BT4GOjM%Gj=ppBx5m
z9yFM^nMWUfyZ$ymNvTTJJL%2`dI<lm)~^yqj_`);#{A0Ns=msx*NXI^0vvxgOv5dw
z(>crE*2ZFcY)g?{;~4migFnfl$f*24r+!h*Jf-H>8!u1z>wazi2_lCwULYHRwJeoV
z)gzU-{@hxQmbCj3-~L>*kyo+QQ)dy8JhP6_bquBDgU`YJm4dA-YB(%XW!Z4JdmcmR
zJ8Xs;dm+@<Fvur!sY;#ehI2v<r8`zeY}y9=`DHe1%U*6S82Nrz*}KMj4bP4DraLk+
zIP6KgTs;-nP1M%b)}7kY{HWaF6eUJ3J#VVuqRN~uR_iB>s=*sEc(2xL$Gom>`%hMH
zFsQnXziRrAt=<72J+12l>pkh5pl1>0Ii9R2hwIxGEN}Puhx-PnB=!qc(r$L6c>rl^
zFI?k;-0t{bNBKcp?4mjyM(j|teQj+>Y!RMgf#dL&@|+J)ENfe8)~vEV8YaV}>fc<x
zci2pT-vS{DPpPq+zv9|`7%7spxj~`9kN?a%*vQ^d(b(Z;uJ*GYT=+3Xp<=>rlG=98
z$^xDgp2jE+3r3c_ynHrowwWU77!~Qmdi3KwVwZ}FEOJ3QMu-`WQoWL_xZxw@6Y$}Y
z6Ablk!J}|5ZAUn)ky93nI&VU_#Bn^FA*?KZqu0wVa(8_to!*T{3Wgh~eTMBUrJM=~
z%q`e)GTFvUnz}5PY5C-Y*6cdomBaTUx3+1f4FbWv#A%yaS{hPhbAvU)NhdM|sn4hG
z+jh>jPtP|K<F=LueD0bgmSU_DJ?57N-0yXen}b=57nM^VVx&hg6XqRttM~%uyn*}j
z>Y@<G`lRBJnTG{T=0llGzTZbVQU6bhF}dcu0RrZ5(Hg_t2<rNmNRKE1(EysI$yf<H
zSoNjJR=3Eh*z#D<g`Jvv#2$LI05;^)KOo*dfWd);Ath*mux5}tKVY539!L0ysil$@
z!~*LS+c)WNeLc|(``3DXo{eu6+vp5pJT(V%pGVW5ym57<aH~z!&9~y&T7_;xYKdej
zE;#0?7T1NpUC=4%Sp}EEU&q8^I$HX@8Zn3>aT(u^4eJqF-tMC)#tykllzb>QZy~~B
zw^O)cCrzc!bE0|UyOSM7J~OI)d!To;?uO9tvYAKXO4_-i2ll!Z2#dj=0$_EZuajh)
zg9(mS$xUZ@H0oNF$v@o3_H1=TJ+o>&?_m_VKxU=G{g{5t35TreD}2EVqpb0l=7!!W
z`#k3~<EdFIysP{-lqym`$&aqH2=p8a<wz6ag0avkrG&w<>MuD&0o}Ry8cKd<4TcqQ
z?2kTkT}~|g_CRUe?)aplT!5?7g*)2XmS{&U;oV-oquCqM3!57SE${|4S+m5M9Sd{Z
z4emK=FUUCqcDNx+m>7KpUl7@kva>1m8n_L1|34NmG57Aou62C#gt$RmA4=0{I`mm|
zQF07Mqt>_k&<dqF%6HC(SI5JGam^?uJWGnEqPfeIjX@S)3iLB?a0>S3x}&^)xqCK-
z7@wBr(M?o)+7Tb8Ue0*8lr8B&uk~m|E|<0Ehkz`izI;w0ZqTE@!+&=E7h8CqhGr~z
z@C0I$nh_9{gnony+-P`1-|6>E*~iCC|90v|W3Zv+E?GuMgU`J728dYS4#OC2rb7qI
z^^_!)S|G%eg6f|3ZL1q07dpa5g~?UkURW$Bfi7bHTesiG^TE9uf;wWA{A`v7!md7e
z%((fd`NfHni%wt%+EHKokmnwQT&BOXJ0*kQ&Jk2bT@W-zh-&(QU|RcVV`TCsT$itu
zZ~<MS?mC+Fu)=Gciqp)EXwlqS7KJ;Cnu=-GIklZ<cu~*lyN}M;DQ(_2Y~kpbK7)>)
zea{|DxXJ8CE?=$C>=ee=<eV8rYrA7tI>Tdq5>N{6_xvn3lIir<?0uS=B~xXML|JRm
z3S_y_7<{KxViYwW606j++asi_qpb~<^4#FI3CxrB%B<-#H|*C0N46h%v|7~7wB|s&
zO9)nBe9r{8UAY_3o4qkSk+5jEo|e$p;7C@eCQcn<W8;tCS%2iQ{VVx(oJNJBphb=C
zYT>ePuVfB&LH8Io$a^7Spj)UU*(J2BEj_yYEF&xOSJ_}&&Ij<v`IR+i7E$Gjrb?bS
zQ2OS#$>|aXYNfEK5z_5~Z|%o&BTV3)*fY`#vc$M^&Z^X6HKFQ}NguJ1GwoM%VPN&&
zwCLPUu;l4a1evmWunQ+iLq;g-%i>jpOMH;Gh0B~2YCv9brBA$Wi&AKtC^m;x7Kz~k
z0xLe;oU$$se8(y(pZLUgzb47r$hsUIv{oUyyu2cBcgxFiw<^iDBS|TV-Z%OIn=*`Z
z`YCA|Q_$(5S1tQIkovq{DHP7lErwxbxiVwg5S`pD{YXJgurEJ3b<RdzWz~dJHwx<b
zHLLvehu1vy)UOmsy9VG?>ega=-N*U(8gymv^Xlh0=}XT#6>ER;SJlor-G<!U7<Y>$
z{z90YKrmObEBy?N)i<`cI$|_&Hu|_NjCBNN^B2YSogTmC{@e)UT;8}Wmy)+dv(L1v
zqWgB~BIb#+gopc<L&;}V)fKt9FR_ebi58s-k|(nK;3j}S^kIj9n<BMv<h+6^>9B9W
zyqQ3XZ+(`2T{*}&fomN(N9wRSi*EDlWfh`##pE+QcW-Lx+snW_nzLLHyB=H&qX;QP
zT2Xz?E;n-`&zVYSTd&Xl(n`P`&1l>{s?2g*Elf5n*bjhSR8@-_Wo@_SVm_{d$<?L&
z2-!j8ax*(c!#$v%fA`nHyT;CSr2Q}d=FE`+H7k2&jsHGrg`O`a9ZIvTsU}K45bu+{
zfZJ|=?OU&Wgp?4cVE%VpQJ?7OKaV94$w-e~kCFa^*lfx0aM!syoU}OQmHmk0k~-bi
z0*7vFk(+3(pQXMKQcCjjte?+_HE19OuJ^un-uga8R#!!PFsscfXD5_jfm^AL1`LN>
z9DfkX;cupf`kU+5qoDpa{=NlgLn)W=$@0J+(`fJaI$+sDnf-*q*<yWzjBVnJa^DH!
zRHG0VKX1WEfs*xFb9|g!y2Q#yuoXVLEiOl0UE6*|Z^9wPM0tvKIM&IP{w9I+QaMtc
zyI6uezU*UAg@5s`jES6m;6%AwB`0}vZg!(y!{RtbC}3=}&$qjRmtc}IBzHcNzUf>@
z53|qBycDVy5$MO;hMO4KeL`OP$JnS_2Cn3~#jm?qg;wfq?0iIx99G8Dk{yut_P$8-
z#NGBHdi&8B+-g~QRAAsX#U3ghZYx^{B&++E+6=D_4>TA}jQn8)6DxXRqKkVP+%<Zv
zBrvkEFP8X<CL%`Lp}*Bf*OqCB!AD6;U4~{idSVDSyXPoLy2r7`#|0<(&Dq!nj-M7P
zP}<n>%Aq0<8sgrfV~0Fe5+~mpzR*P9w<^$NNLi1Vul|Aq04A83jK7!<gEt7eNS$dN
zpvrn<sDmg<%b9eiqsD^aokiwn=PvytZ8pfgYxa{DLOV>m1cMoM@020^)cbuq6CuCc
zdy*3j4zT9x_35#}<+Y^+Rlx!-r1+aA@Y*#LF)Vt`*%QKavmQQyPIjBgxyZ#ZGI`{L
z+s=CGz;5@7f8qfErH_fEH|B(dm_%A>B*Vxl%Lzy;;|NO`%1ftO@;#OtRw=sFZAnWu
z7i+c>5O?i*_5R#risjw}jgC@J=GLzOoUn%yIZI8_O%2D4$QBZH3ad$8M2l-9q{W8+
zj18|G)1cP$uFCG9CzJ~E^5#X;%1fjCoblG(^{ms`ves$F$Ax(fF+R7px3tt6<{W#F
zip?73AEl!<yIxez%`B4j*x0^~^(Xk2eXIA-!z&#<YU<sfCHsCoi1EWt(tmiW(u}J^
zn#HlpRa=Nw`4pn)8z&q4sfFe;t+bMfb3x$-9t6J`Nm*Vo5bK^>YYC=Vp8~MgrTEOq
zT1kSfeSHQ!8z)66)!I^eprd^|<*vvsdb??(Q(u<WX42G|{jSl}GvJgz+B`se)p9B}
ze_`Ic*+z!1cE~Whz&b5E%rX(Rx^$H}{j0O@4VIaVj8sc`9F-&XC_*iHSiw}WVuGrP
zE|U`77#g?MI1jp(7`~V?;+HAeFqM@6zK=?yH|+mx^)F^V4E<ZA%n^C4V1d>8{B_J|
zUh?3HqWrC%C^^4e^|z|>g;$ERizMrQ)*nlQ(hyY_hqI)O!95FFL7B5jn0u|P$>Zh$
zI)D!eZQtWJeLc2k>hzUM0@~`l5+X8XQ4>fzI~SBY*6U~fNJ@%@=*aRHUJd<(5$DY8
zx5`hjO^b@N&AQv$G-u^axB5%rCOlPF0iL+Zc;D&H^m|9C23;o4L_*Z&w<!y|!TUtq
zA8cRmyfMLrg}_F5GfoiZxp7tR*2&A)tq5^fvl$)FCtd~xKZ|~D@2p1UB%4+KI6uoh
z=ctxcF_@cFfy-td9KqrTcoD4bnAm=(PH<q**FjgBCuZp1=)inXRysv3I*?E&=PFvY
z)irHnPmiwPQFflu=kU=qS>j?StX?fE&pRtd#`&966yU3ZnN7$~jvy!t?gGeSUlrnk
zsZk%@?M|0vF`lPLN4ATi{{hIkT9i5xb`WY@U%!x|nlx;g-)2w$q9`UWM&6q0mKHFz
z;?<>@lq?AGjx}i%SEU3`g_#9Ce`fNstj!9-pHg5ec1R;ZC#*~aX!gqb);La-A-RQd
z6F9}Zojo+}Y)phVlCb=v3+0FnR`b;<q8<el(zG;rF{{mxOuh<Y{|-(f1LI)bnoJVR
zL^~USQWn#{AzE#re|w}^?laFsmG4|mH8H7f^?83(1bYT=UHRs-FTL)qqX~7~6+V+x
zs51ohJY=$bt)s2p!-Bd-HXB%I!xyXbL4oVauz;KJMo)}L_CdGe&07qK=1h_$q=Fjt
z&e3J--K%u4Bqg!ZG^K>OFFFhKX$O4la`6)hC=cv2C+0xSPEi1t<yZfQ*3P)XT;|Ne
zt2kJ?M25?RhqGMNaEVfeV_~dmLkqX_=u>V<ld5g|nzfy#vNO|QWb?i6o8*t@U|Td*
zi->mD`3e>z1X7at^!irSYaHqoHKff+_Le&8%-TyMF$u_}89jKzCcvH1r;E_>lWQrY
zFCXb{Hw`;lh}Oyyb&Py>3*01V|0zwfG6R%?4*ZkZ^PeW)_#x@p9Ua*6sARliOG_%z
z{5Cf?LLGTK(Z|1|r0)3k@OGZ-l}dUUhy;(x3c~f21hIt#Y1v_vtv$}4Jj8Eg!7D2@
z7XrGR`Emgk)SB^#B~%jVfN`4%urUuve7ckBs#z#w0$_HEW|bX|{&goQv9PFM+sS^L
z!9#+5&bffNio6}@bTnn~mOE=c<Lbn=4r$ms^NxJRJt8PlTbGuP9g{EI`WkG&FA%#!
zJgx!q>)M<r)WBH`hi6NYJ@~)mw-UI>8t8DkgzemgV|A>M9SZ=%&aP*LmS7iQX-<0U
z0QSl3j2*X7=X|0^pG5}u6Zy)EJGWGbE~sNdniJspy3fN2pfZscybWbtu_-%9WZ;}^
z4i#(=&v5uVqG<!8WAN!|fIYex+g&bH6B$1GLP;a%BV6;;S=V^uq2+ITX?}1XQ}*o#
zC}aUN!3shLnc%;XBI(@Pa0~k^`V;Dc2?3#5Vr;oFnx~r)vZgm7y1g~7Z*Xxqo&|2d
zfJi)@DO$Ql659@&^(DMq?3T-scuLO*;y4fTY2b<oHMK5d$*rP7%t%ZbgPs~F3nsTr
zLM_UKd}G78-OiPW3Qm|Or75q@+}qXkbFqKq=x#i>ds~$nZ{QUQ1Tm}-$*0w#?r!g6
zdr;_)b_z(`%A2S5LNW4=DcSoXTExO?uvoDsA}>V1IJ+EGFOGs58c^CDd5avv&2BCq
zuF{^c=RW(m#kL|e+I_%Pkv<9UCFU@`j8GhYX?#$~5YLDC5Pg?6`zjyyRmXwssa{g4
z(Wl^}W1=H-KJrTl)X>Xw<$xkTTUWFZljv@S3bZR}Ycm|i%iQ1+s<c)Cy+xwWR@_F9
zTP$B-n>(|o@f3OV92(=JwN0;U^c|~;F)OW>hY+a0ncsY^hkc?#tqg>-UQq7X`^oHV
zeGs8eVGu(2T01KU77O052J<Gh9%m-Nu`q;U|C(!^rYw3@DtX7%%JPb{mF3DcJ9YI6
z#hCns2modxvZTY|i+2P7u_olEnF>2j)<}pv1c3MRPCojqnj<zG%k>0g>q_d6Nwa?3
zD|<Q8lOF3b9etOJjhMtzwCp(63g?n=p^48{tD$=6>Gy{N>=3JbrPyY0Z1TeQSc!CB
z9&Y-gm~3dcW4`3f5CZckIJG?X65)Vy?hh$jP&s#}lFf{@bN4wOJ_9a%I93G<fs^$w
zS}T@KQr9oszg6vR=4CEi3nv#SZDQYTJy7|zdDJd{;w8HQL@_?I_ICv<JH$bM{E>kh
z8kqOXqkk`k=rt(!M3B}+iRMkJwi;Io^c!wH+oJ|+3pE-5Y)P0>h{h?<UOIW{EC`HP
zi1+<G3$cyYLbq%O#~7p0*1v<j+p?<+lt;RS3U^(>Hu2_JDhG|X=zlckt->?btg}?#
zwa$0C_D?b9@%YrUqRAw{ko_;Ju811hzyfX8x#!-y$w>KKI+wmj$$$K(L*|E)b@Vym
z0&#H%jb35E8QiK~pRRqJR_8FbtkuWu+`e57kgtxospju14t2;lVU6+8?l@J)z+$?D
zIAv>4{~RKqYjp<!t5o53Ui$ra*HBkhW)tc3H}7sZJjI|s6_rW4Vp7vTJI^^cQ?fLi
z!HAr+bHDAe{m=ez34vqrl`JqHYfM<1v|JYeGCanOCJySUU28fGsvtqpx9@W26zquv
zg`6Ey?J#Q;=EU9v0>lQfkja<xWS$BTQga`Q6p1F0c{9;^4YSUBjIIkoKD?ji7wv`H
z!d^d7u)G<PAch1CE65%jtb^#?oa7L*Ane|%SX}n;BYF#g`IyX`4hgn?1X$fmR0+Gr
zp6m$S_eoqSSFfNqlIPF%ZS#l>4xdRl0kPX3Ir0F1(w`#JreMt)8wt8#t)mT4kqX!a
zU^>Cm+M0O{4gS))@KCG>D(jtnMwEEH@{0?!zrfY}f5wt~PXMyAdAv@kAqU*Tmtvyb
zuvVhC%Sut#XqyO1Xi>Et0S$tsyN{NVPov%*?>zkt5Qgu5u#WZl_6`j3_^1!w?J8SS
zw08#^Ljapa1Ji)sswf*A=9cCDJxH#O1y<L$p=`_TC5<3iXpG4uUXR%5@=Kc$mrROU
z2ErnAdn%N)bBD4=;km(6G39Rj7JIz=H7-F5JrdK&E>l!N3g-EJEFAR7V8mhhCo7(+
z+T6DqzY^cplLCIz1d$-Mbt!iloOUh0$9Wy4Pt&}DU|qA@p3ZQI5ns;?gi$h1GIl{9
zE3Aop0<w3N*huO5eDuene#X14$+e(2j;F!I_+JJ+djTyCFydmHy~UMFjo)~Rz_MKQ
zJ3R589xaEuWzu+dHh^!m@;q!g$G&s8k9lgp<FW5#%<TVWh{IY<{2g<qSvPPs)!zLZ
zXV3-P5xTa=kCw5hp%RCmZP%)o8WriC;W5#;hfh6rx8lE5xhU8N&8b1!+SU(<TD-}0
zEIFMoDMl{}=P+!jMteK8aGVu4NQPC$a5;z+M5UPWxoP5H32M}Hd$G3qF<YEZllk@K
zfZJ20mTzD-#m<Ws0se#%b;06Rbvek25DKAkuO%IIZBnvcsP!<}-ey0QTK)9I;)9f{
zd%8sV1He61ZW*gN2o}MTeH;8YUX{ny;A%fRbH&{k0h_wXR~rSo;l2i<OuLe`73+(L
zU329(I#bML@5u+ktS;Ph5G{gv(~CF0t>ws9;d251V?3@Gp-QB|g{rP!-pneX^a4h#
zq)MxLFFqa!0U1C5B3*8`T(q57;TGFnTZS4z=;HAeZsoR1$laV`K++2=2=v9G2RP`n
z@g9Vny5AA9FC(fTB1b;TY<DxERJ?C^Vgb;M7B~A11P}sD+S@jdZaCVvK7PYjtRV-!
z_^0)n;@*=U>49_41%ztnssSqLbxi)-d=3ACcz)9)SBEB5>jn9nxLLy)v?G)eUu=on
zqQu{Xc(LZYVz_Q-C#q|VOay6GqP-^Rv$KYwaMsPeR4lG9f)MBr^v`TP+vl@etqQ8F
z4&cLv!NT9{KVBdm4#=uDU+qC?VyINSwd-W>pBMIW?%|AxoDgSNt+4|W1|}e7d*Q1N
z*azhV9FNF3D>V>}w?!@9&_n#)v~Ut@_Xuss5O_fxcoyZoXSt;S(4i&D6{K0U{`~gw
zoiO*6#EiFE9f!MtJk#Q>Uc1JcD~^OS!{F?<epiiYkntAK5oVi#4f-CpNW0lme1P;R
zUB_=h9k?du9THc4A18R{cW8CJ4pBti@^WBoegW5b#8wdJtB_z|UV-+v$>(awK5n6K
zt#^BQOd#$`zIgslPt*t9TsM|IxTfM9U=>eB=2@My3RtyPG=e8JZhfPzUB?x>T;|;S
z{D%)?VIgKy)?Ezlx!1b4EMWZH?p>=2F<fX`buT^i7_}GuuAi7=MacQ<5G2<A`>8I>
zYzk2#QNkpd{l8{7Z9NyvFoC&<D8a(vm|M78p}$8(I#J~CkiQ6qnhAq_2whtmE|057
zP5T|zpsjtVo=OSa1vmRa4ufkY?OlU<5bMt4Zqmp-Cm$;VQCY3?JK}vQFtf+oDmM3#
z;|HHGbMWc|aemN)=>MLmH&%@%4ZTwid_~pE+$ps#IzNQ+8J-yBj{k))oyj@81J}>n
z+-S9zOqEZ_6whGETkDI+TBrZBw=ggTKbLauxzJZg_c_g5q>{%T9<gQr&uq`*^}I`3
z!n{b-Hahk|dL+sNg0j67li%9*w4IQ6-#+7#!!SUQ{uoC?m2Z5|k~nWA<kibwfnJKb
zP!j4(=^guXFYGkq)V*2BX6D+tfDV=CH)`O-zTZ;@KeISoHy>y>P<m@I#~X6KY3+>-
z{nn&G(3-@=u0Z8FnV<mFK#)>0`t7D8x8g@NIGD7%JRtrr&>#Q%yF7{67bRW}H@D>K
zKt^s#s@_6x1EJDi<Mk+@xU$Ec833sR1eqCk#q|M(>-29xgI02C-3sv<%O?b9$*oPe
ze=i-f#{SAsX?xQV>%DNedsbZe2??R2-2g${X&ZtgC;jo0lTe{~z;;`(1g&CI#65Sa
zK#WH%a?vUfq~Kxo%u-fC^HXl3<B6aC&Qo$c^rHSqiCIDV<E7u%J#z^$<KW>hGSDoA
z!PXj$YSF`0Ekjh$F`cujnS0qBr=*h5eL7$c$SYCGV(PgcN$qiWrL8$__ZI!wM@W4g
z>X<(b5F|RhW%+T=Q+lX!L>PqivhwFyL$x0aOSOSGe6wE^5Xn6zTuWQuFc8;yZdXnY
z_Oz=h4<?%_au@Kw^HG%EKVw=D<rblm)*$yhlNwp~^|16a)M`!c=jD{PlFO)5KkjGm
zmFQ=Nx}EZNBsbG%`^im9@2Tpy`L)|=r>LOaaa4-QRbL8pwnR@=SJDRi%z6g|>a$yH
zx8BcQW&PapT|l$r$KQ<ZCEq`<Zw9XZxG@7()D~~p5$@L#uKE0lHqu;uJ<sak_Wtk4
znfb7b6_YOi(4PXh33B1=dptlVU^&CEpcZp1-WO40JZ0b9`O}(H!x~sZ*ao786*5(p
z&*c-K0-f?oaX|2QZ8-&cd4PW;W`;mAr+3evBYfQplLu-LWc3Ao^UeN6)lXM4^xIv}
z`dxgzw+l(3q?AXY8GT)STziveYOdMze=h?)WaHZc4L^UY*Jqzo_EJNkh*|$I4~YIt
zGeg{E_U;X$iUQa}NA}X}SMRZJeD@(A07&*v`ez6HJarn+zWDwd+lf><8Gt%P+L15-
z-O1B(ye-?_FD^HDO`LU2hHx-wh9HiX%6;8^uiEibk`Y6qpjnRbT*yBqVK+2B8=<?O
z@Vlyo)UZM)A3c^vvc}{BdT$`3*Mg2o?M=k%$~i~n=)eWgIbIPy{C-b=e|E+N=>Z?!
zyr*}wKPp!;9Q3n4e6{bW|GuCQsQi%!B-H?@11i5A2x0J0VZR^hgg5bB+Z$OVGv}&%
z{6x^_>wA0kjLYb9mjfa?RtM*;xi4H{Z*nfbG%<Pa{bEe={Jlo>yPPYcod5Ucxjl!x
zT1U%_EKKfizsUXl+%J<VF;>TNWOk^#PQg8lZ;w7I{El~<g19>ZG!0i@qkiEEL!_`~
zUOD#0e!?F9eh|W3{$NL48gV{Sz3>@qH7X+#+x)bJ<7V*Qa%v4{RTpopWO_$bxZ0VI
zeX8kgC`%c<v_AA>a^ds2SiDQc_BAfZ!!sQKN)wNdazlr!`6-5Gzo2t`b!xc;AJZT^
ztOP463huAn(;qkYxBq^rEh{)Iwe@z-3*Y>vW`w9qgmF9KUXP-is;}Ah<~z0Z&Jgf{
zN8oZl*&j?ZNoj5La3Ct08!8gRCDnlRYU_gX6E1Z2N<>c=`ZDCsrdHog4_&f^O21+2
z*VGOLK-#Kk-WLSybzv`QL8<7<&PJ#RSnUO$$g-)hI){V6ZFD)#eBf5f^n94_N(G;r
ze3P~|)C)(kx?cDKCxm8%lt!{7v^iAu4h1YVd@mnhzFYA}X^N@ZJOm5@T_7UM6Wi(>
zK9e%TqD`O*M7cG0zrK9owhIjvv}!zoOu#eK-82z`7$!z7_6qKLo5umx6o3(;WW1}F
zQNQK-n^5}t*>d!KLqyXoE%onvCgTA9%RnB2q#Lo2a$VHXZUTW<;kp3*h%d6V6*-U_
zFBxnMeNQb&SZTAe)hxNYkL|Vkz8o&rPV(!G9TjS7YT($qRP}tj7yELhX0?-kXFsGY
zs}~g_Yt-_4!4T4F<;7x$jkW_QIu&^$|32$Y8B$$_NL^^W+g<B%YY$uW@G$^#LqtbQ
z&MXz8{jC}|Gl9I$>NxowRtmfXAZ7S{71ace3{TTtj@*pCK+q$AKGFwxdlrN^&m>Du
zYxcu>P6I)l7d4{q5l<mRi=Zy2emes$0Xc3@MDD@XoybhYKYI5S_`O)yzs}mRbN{PU
zx$-3@t^&8K>6zy$vBOR|C@EBZMfm2HI{YU_rW%R7*$*~25OTiO#%BJNg24Rw)o4mO
z1ccB-O&9><k<WUGJDvzTg|g$V*Riq3?x+iC<f=bCmme>zhNCgeZ-!1C*&-H~CAlwX
zy`m{rRE0YnF-u^!1Vt9@I!+R}@)06_Qv&R4KZ*NuVSS)s>Q^5apkX1yfaK!P`WJ81
zCn&6Gcdfe00LlK2{-|rR>cx)xOs-dFr@6nq-%}flVf#T>Wk}H*Ahb{;XwssEVts6E
zg{TvSTh}io9AxxGdc@o5Xw9^A`_I*1h?3fhKb6r-5LGi>|F-vOb&MR6|1K=h{UAf`
zo|T{5p89U5|1Q0ajct{4Uyc}Xj9fBZ_qZ(>@~FIsQR}Y_St`C&h$-XL(c5)&)YVi^
zzx<DGZD387Z4L|7Z0CD*4m-qj#z1l;j-GHdEq%meKijqS{kiC$K;qOK?#8qnO1Qt`
z-pgX)UEJ*ex2%b_CHj(nkzoGlj-+f#x$L}f!LSW8(P+HtMV*(?4f)JI1uudaO(ZUT
zFo+;xSl+;aF8BNxypQeciN7AKz1vZbT$<$&Oe^vli*@fYnW8LX4I(V?g&w%MxL@?J
z!_klg4l2v>vn|xmtT_tbuF@IN&BpNo$Gg4PxO}cb58&xJ31r`rfL)eJ=mh~+LrA~d
zmvZ13+t;7QAUzCNw+5!F@aE2k+_c-;xkT$QGYzq0<VS)pk!hP_N0KF*`XKe=NBn%u
z6EfHbtrnx)H4%D@f(}43<z|`3TUl*Ba%~}gHxZF@L|e2XIy>j&0_Q0c^ey(+0Ii@6
z4zgWS>SFP2oOsuvYpLXHl^D=G4MQdJa3+Cj)`bn@;J;OTA69uCSRdv{{f)Z;EpfML
z%6hbbwGiKxZ}qq8c4i0*?wv^Iy)JBMvddv5|Iu^=M6w1lbKTEj!LCx8)J<an-w_i{
zdoM|IideT6=Ha@0FBklsvuG<?^DE$@!naSL6Gi~H8@PtFqyC`XzBKzRw2cK^8tndp
zGQgD={;U@Z`C~*eMR|r|)VB>WTz?#U-{PRCZK1oKKJ$UF07T)KR+_TnDcxuyl*HR%
z{=PT+l>u+1T)|X3%=XOXkQpmi*3kx1DnJh~?8xA{9B0`R3^4HoD)TdtkDxV*8c56d
zJcpb-&UVdo{&{bQOj4Olo#$3u(?l_z)<P2=YPrAF1u`|IdQe|(?newT)i^`*o|90W
z3UW`GNfkfXklrE)?(WQcM5BPd#vk&tw)aNXNf?MopA&VBFgGk~0QNB3(d8(!&YuFn
zn~{~>1eU{IZm)w$SB)CUJa4URXZE854*Vr#4{3MECP6OAqpwod&2ZIc`;>fiK#|F~
z!lxFI8v?(b1vt|j>OieC6%c4f7QGyprX#DZl=Vtb^nI6J_4)c61+-d?a<}w(H&(~w
zKbmXO)$x-7$WYF~%>1^X1vhXTh0PdeLzEO1)buo$vDdJN>Z*8YQQx|<F%ld;nOau6
zr2JEI(KSRYQ64s%9lR56VxAnHvOV`QZs&ua&aMcMuJej~y&P`~n~W+4v9mp>IrG5&
zBe3o8*jGJr8CiFzfJn1|6lAEDkK{t;poPaw?srF@NKsSX96>!&V#NuJU!k0V3dYE&
zA2%~*L!UBStZXBV&>!jvqefr6p!uv87MpFZz&)A%U|JTmBIzUe{3!fxnqRnBYyAC{
z&YmG|$b<;>&_~@YPXYPMckWC*WyMYO6jMK6!dFUTre#V(JQWBz(T*AxJuJ<ovLEha
z`Mo1`XdnP=te53bfl!L1Z$1X1KBYGadYoaFr`|T1+^6kjFEi@xi`r&bG&Z=NI;tju
zwDN#k`cmUJ@c6t)APBnAy+Ky=1>yrxTr^z$a#iX)7G@#$6a*1cRJ=TI&t!H}c8Weq
z%fwg7<l{2WBwJKZ&~M~o^!pU2?7+uCi&T;v=%+GN`D=n61Lq89h$@R8CuuMlp$j@i
z@}Hrmzyb6xx>J1RtpVT)Kuo{BI+xWI)6b~{bzeZbH|<Kc1w5E=rr3QlN7^534+4r=
z24{ZU0iMPLgvmyzA*$#zh0aH!{Hl7@rj&KD1IXWc<T#%~^WFiTq=d3+(CasHBP^ln
zb<x$&rG@@j4^&b2%_L4ami!83STBb01E$9AG+3>#Y>oCrTR`jMJF+Vikuc?=VvW4%
z8~{UWcv#H`EaEmAdvnVDSOu<DLIoQG!@y%BSuR*m{`ph7Bs#D=9smyyss+Y;BvbyB
z8zxo7V0-BM0AtwCeMd2;T%e%bezUrLV^G?ex+E(Vau#3trvuE@{7Dg@;OQiBvSY{9
zQds-NE5$CdEr*n^<}}n69%0oSW`nHP&DV5+ugTl@mslWh;(W5WGm~fQfT%^^u<9{I
zB4k;O7i>_F%wm#)I05Q9Q$Ma|d5%VVSs)EuHYnw^JiIi5xxC`_jnkR(aW`HJ%qVjz
z2gsFBBaK^majvto-suC__LMfV^=TRlpI#JbMKhFj1_`$+RthVR$6sA(sss^~NUtTh
zx5ipWBupyU`;&zrTrJF;;G>RcTA!SY4{m3`5jALUV<~gv4Td4G3PGv@FacFQ^J=kc
zlXLUaEvgqP1!lPN&vVI^12tKI)93!f)ZsX}He*Z!7Lz*@VIkVG$nFNiquuiUP6AT)
zBbUKC*fCiINdOokX-s^&`{KElfQSpVax3&nU_9aDEekeij>(&g03>7@pL956Q(f8c
z7)+X@urw{ofAm9|V_JvB3HS(N`(!$DvtEOf9wjCdnje7{>em=P%}iF4-Fae27HKXl
zf)aR;rY63>q^6vYZ^U$XK1W&9j88GTY9L@L8+amr>AhIl3_+0VSgqe7n^?{J!oPgz
zvkMoN_p$x-0fryo^aMbRw+@#YCtyr^N-L2*fGHF)hx59rKQU8qaogu?<%nYf9X7UN
zeI&Te9F$`)$FveA%@8sr5;3*v5UmCahzNJJ5W;Uw%@q}YlDB3?zdAtEycY&Zt!~z}
z+5L<aDsXoR;j1p2Dy^blo5>~L?-A8S(Fwi|MImL1l7gz?qnS?B^dQ1wuP42AVQwiR
zNtaKourFTY5Zkqb&`8U@dCD}KfW=x{??#DN*r4$ou;iqHR2-Q{>b#I2vay;j88&(<
z^EBUZ<@v<`?<E>zIme<Of?gw2*p)AOrVU}Q+kKf_F%4ANbt~M^SUAQ^po3w{+ugBS
zrvzJVvH#FEF433TD?+b!lbY{l=Ra5j3f*Z%yC*<<!MQfJ1n~3LL@fQTd84ugB2tfU
zT^%W@#aPIKO8Nd-^qWQiSmW+mEroi5PMR_l?2o^fUE<72zW+*<neql1knr5AL!Py=
zPd){^fq~~v#}a4tj>6YE-lhPV*?rXyRT11X32ph&Xi2?l@4k1^^lu0$(mE$|Kt7yA
z4Z@qL{;dDUv`8oi|La+G*2u-?d9^PR>qB2E-|19jwhdbhg%wno@DOytfCdu5fH<#D
zTj{iZZ>A`Gw-A*KETI4&F*Qr0-|c%%ZQIvbLuFXkX+x=b=AgEg4yF|-N9iSkw)9y_
z#!CfIz~{x*aP;kK8zWYn?)7I`r&tHy=}uJ;*gN=?*^4s;;Dq+?)s)58kA@6Jji(AO
z!d$W0D~6naIq$$r$QPeER7-98Wn?<Wm9V?@#JIpPU(!J~uOv!Pv<edi%|$PH%dSd1
zeP+6qXz#<z*b3a;>OCi`A*_)r1=$HJmujih=G{bo_|8<ro~IvQ>;3RHztO-qE{)Ca
zJn3zJ2{nf$9X0_b<^Hy;x%D+$_P*-L{L1Cgoxz`&Kcy{50!K}G#R|P8Y{=lu$3P;+
z#NlE67qlAoO9-51A%qDi^-Jh4EuW$`2MAGWiIEp)<ScglP@mdIA9<S@A8xt!`Yq6C
zAQTx149uWT+YK)jH%*;2Rq!MjhYwLe%_64IWKpJsUWRfbyj?hfp2g7zb+eEz4y@q_
zRd){^EjW-Q6?eAo7+W%)*kuH0aRL$;qml}<u0dD<n^ZHuwJ}8M(6@^r;1E;k(pPO(
zU0&Mem0yjQ+gVvlJ5r6b(1q18`+IdXZ<xzaO56lRQZOrVSviYUk1-4@DrF9y7Y2d9
zPNC;yri<S2uB9{7Xr&UBPJ4OtV6HaKWpIVt^p0Sn<dIKJ=BtcN)Xf`iHzT%D3+HJ?
zTAhfnVPQ;=hIekOFVKWsuwcWvsHe@$r|F(PT_`RNz*zqHv$a?bAv>$*nQ9`{7H#Ln
z#LK4y%z_t9PidldUk+emlNnVik2~UhY3^rjXNKJAb-Nb#yMoKX`3zefEysvFS=4KN
zAV%hdq|{;lPOQW*K1guSr4(=_UA_V#%+akR0$_kfQ{FOm`XfTzaCVjvqJ0`N!j+&W
z_x=YJ$Xc+Yp2C}pYF1TkygNzruReEwXvN65YGLNBvU=C)mRpDHA>jkLGnk*(Oo;8^
zKLtV3V2t_p&V4+-=K9yIOi&02sl9}@<3mHYbGo@ifQQET*FNXTQ*BU>I^gyFXQU$d
z_|n?C<I5UHK;i+;vZls>TS?wch0^Vn1H)u7XPGUn{)4gY5`h9e=DM}&@*mUW5j~fz
zw0;cga$!jwB)@R_W4lu~-V?<%<>aD9bILyx{l}`lVFZ7DE69ps;+6LPfa7*vRKkvP
zW>&$>2&ozJ$3e3wO6_fgctb#!$of~ofyKrI+bTJ~R#o(}He>Y3*TU5AtB@<=!fn#J
z2d>IOw1lhgAilb+vhuF+hj3-#!ilNv2(55t9dIbfB&&GF9!ID;TMaW^=)pGcV+ncz
zvVX8$b30@vFz9>37!*8kdgB#pW2U)){BM;RR8oh6k1&_+8zqDIT%MpSxLio!bX$Zr
z0DQMj>s|~WTHF-U+i3`5?5b}N>MUd;+p{-OU-QAjU4TJ={zExJVpC2N)jYlN^YGd5
z>PeDgWcc#Q(I3gaMTH-1x$t)aL$)iZ;VCBO({CFiK{FZC+PKW_<Yf%ET)XBje-5FX
z=9*LF1$fHT*gDqMx|fdZ0g+>(fpul$r><g$O1u-~1Obur3lS|axP1>F>8Os>lav3V
zv_Y-qJkXKq&x)wlk11Ak4Q}Dk?TaSphz)=G{IiJBZUWJOIta%1;x322bV?>I<<33a
z(8r#0MUZQC*JCmc@E_{s;!z_t8v>%QWV|d3i#H~MI2P`2zx@K`3lpAK#NLpQ_4dG4
zD_AAIqxi{Y(j36&l~3<AwbphYzvRl>x1vX)mJ^R!z+h(Ei}|m8*LHFI&POft>#D$+
zfKtW*cD9eZ1MHG#Bl8k=s5_u*kOSTaDeKw=E<8hnBnTN%MlSH~bnobeU7c`UiF{Q-
zWEB9aw@pt78%wD~J*Kv2hFQQ$9_l*@MPz;i&C~b{LDnfeWB`ai^FVZ&<Pk7!*Rc2O
z+~*hs=)*{m_GN^nWR})8`^@dqs+zR8ZmC!mg0cx6bRhDcR`zfM$0&R!j%)dl)Bm>g
zv~btlp9S1C0MC}Uk&+;<1}ob{C(0fvT+uOReWf3qWrAFaG(?4}D@%9gx+^7X*_X);
zk%EIKfYHwHtAuR0FY!%16{t`$(_1YLdEv5&rUUcuUgfAB*|{TEoG)dd@}!&VF^PKk
zW%}zkoZgaWPUN}@<M!pGhS<kw3?hS@Q`!5DpVi}vs4=*>ljovuY;&e!!2D{hT=`1@
zw*)-H#Vy%vfR~|eY-tH|+O6idu34CggSHgp;^>gMwEf@(;2!w-aG5#%0pHdd&-vtr
zGgBnDRentM>*heVI?z7TmxlXN9ZT27@uTV)AA?S^v3)%8hv^NVn(x}}&ZiyaGK(D@
zyz}Ji7ASw6CS#7_kcVZq4R*~1D_`jE{P$sZ`+#Gwgd${Z4&HT?t&`SMStz>nZOPdD
z?|Nsl0oTKUj{}2n?pMIaIku`bM-_te!H(ttBLYBgS~%uFS4@|~FD}Mue1UD>aUiRT
zN!iF=1y$-~zytfwndT=THx&9^1!~AjyW!nY66M>}QIb@3oJPs0*KG#Zi3D0dp*;FZ
zkaNJOWx&d#q5fNbs38v8ewCdsC6W~73O>HVY>B5M4(YD?mohD5PWHZj3r=)FF40y0
z^A|vlzx}njDaJt&S-0EMXL<KpoWH+&0H_-_pPa!tqpQWiZN#>(64sZ*>dVQ2CPOQ|
zIm8tezZ%c(#0;~_?8@})3yTQ8vvWswb7&s{8Qp)FAbqB80f1bz)327}!BF8$#gIRZ
ziH!mR^%Imw!Odz{ntss-TTD-TmTpb>C^c--g!$|(HZNPZ&gTGNFiPbJkT3j5gSs&;
z_5PEP0j)cnWCu0u#TjQ!6}=%PwbW}opv>}Ztd%EeD78R^^^@Xw4?2jEh|zaXs6wcF
zSOG5^J@fH#hpOSNZauvZWx$<B5(l&DezYXsThy4lV6Z}IXMMU{*$Ppaeb$w!>jA87
z(kTy2T4#c2su@#*2!{vPy;W<(K`(g;TCU;CHJ2uNtNb+5%}088Fm?E%EN6)p5BJ&Y
zuVlgUMx12t<1-K{=@t9u*g2rFP*S-JE?znTa_t$YkRnaH2X(O*FFw%8O|dCUf425@
z1!5Gw$D|7b=i)r9Xv$ue#Qb9a?<=4{1Dk;&unIWae!JC~jkf~gO{!tD8u~smLezA-
zc{2!MBm&takG32^@NNLX1oB&fof(7qQ|=zXo+9|oLi-@V=ShPwdgxpdZ=m+jtjCmR
z-EITyh(ZFFJ)yNubuLSqR%?Iw%xb$E&5W-G73dncUd%)3WvlXapbMp^c>m*667;lc
zjYcJGnH<&==6LtU%buQB(nzR9B>e>>sh?BOgGnFh?SD_OIJ!MnTKz>bKV_t6Va{rE
zE#M(fYAP^PJ{^w{bJJ@Pd7kI|xQ$4v!(VN$dva6CoXTJSd>N46mCTu#)ch}?54Ny2
z34A&9@qM~Ge6;)OU$HJU^$hX4z{WV=U%|%IcW(SV(FQ{M**=Py{T&BDc7D@TMWEmi
zI8`L;d$9LhNgpBM_~>d-A9OHEC+BFw41G($ORl^wFdRSn)Ak_mX=i<7c;f2XEB6k0
z!mCro@aFlP&iZDGGe*W$EGKfpj>QZ(!|~MRC*WlPQaCf}F&y$%OqoY5Dmw%q%kXZl
zJS?D6Z@hYRfbAM^B3<d}>Eo%-4oL3t{$5%=VDr%LdWq7`@&mhE=f$vJWwPXcd!0m>
z?|P?&HH_beOX{L&fFsO+)hAAu*ay@v@~Cy-*Zbw=@^z?%*?EpqPCU+Q;o~8*=!vSV
zFU<rXjQ|(0`gv?##K;9xNTQ+q9C>V8AtF(+!44|lG}j-duLbWf%jH&2Ate8oYilr8
zwQWo%&;zF|ItR|2{?@l12u{y@kKuxJB;(`5TUS1Os{DLlt7{5Vam4{<J#hV)#-RH>
z9pM^7eQ?}GL@i1JYolndk!-+7mxMQhgQ@;<U7u(%x(Nq+>+C=ieiGCsGUbyX>X%{4
zu-s_ilbM!t``G@}0fULZUn6eYqQ?N4$!4FVEz9Yp&>wwXfFboVw&|RK+O+DYbDHNX
zLe)+$LI%_%XFUslZ%~b)BS@4oX73t*t`g&2LVrWrik^SgLZi+(DKX(kd>xiT2o;a{
zYg~ZMJgAsZ>6m3BWb>%;{VZs0Z7wK6mJ%te8g$jKbR8+Nz<xQBb++x{Gp83@;Q0~l
zCwH3mAY;_ZdBWlDBjIot($Hi+012<!Zs`9g0Ijo(rZQxm<1V~%uW1HN8cKN_1de=3
zE<O$cj%D{Y_Q(TP@_-o>uF`E&as$S^(+=Pm&PF$i!0}Et33eXF%;;P{);s{@DQyqZ
znB;Z9kTpnSy)~^sDZB`}uTOu+OeT5tEWOa|u?8?~d$X?bk(2B^yTvEQh{7RFw(r+A
zR#1^T9f=>5sw7~$F>)yRj|;<)elmULy~|}8)PA;S?*UkA=6h1N)eh8UMP?tbC&ou(
z<mA+D`ckcr()@=qX@W327pa7FYoL-<e<3pBDJ}Oy07&Jn{!f>Z|JWo3^mk+d9po0(
zu8$4yRp0+M);=95J_wqW)wxUXLJe@dYU9*CEV&?`>&AD2JO^zactSE;tlb%7Bs?HI
z?w)zT`3%|sL)k9M#7mxT(jT9I2R-e@1SEU@sh8uqUK9OpFJS|mljr^g0@%;}x%=)Q
zjCtMsOi&ICIDnEBVsA!R`?$dgj8wz<+}x(M*@o*a0Ri4EY5F?EhSP2S#pjZ(hhfm!
z(`VPe*nZ?FtOe&~e*x*k#o;s#^ts^NYVr@%zB!&6zW{A*z;QteK~psaqx7>Y8Jo!)
zDx`7Ao_*C)#`YUHW1QKETInA~0+YEr0$nscCzD*IRQGgp0N6=@NgL_#fb(A}BPUYi
zhQp~Oz#<&IcpKPMvn9e(3;^pxaN8E;rhg&JU=K)g>`JBO=7BRGnxhumqei;(M%|8(
z<1kA@FMw-zt<~!s!3fmr(Zgo!pFz5#T`gw(a(ZZGp7?aE@Ys$0F0Qfe1de}K3d~Jb
z?|v;nlu5|o-1R%LWg3-G&+IB$w~^@nh%A#MBO88o;a`fF-A-6k<wR%3{|5R;A6v66
zb*)0gTC6vE(De{kt}<`{0pSg3E!+JxP(w+*`d04k*w_Y)mG!_vK$p?5l2wqw7on7t
zQR2QFWvo&2+kgHyz-i!uFQR?UwjLpZQq=TF;p-&mK7r`PqM77S^vU;61KDwo-al0^
z9Rdw?eY>No7G_nD{&MhU&|VD&T!aq7XJb*ZXeF+WOrgisI@^5@p~Q0U&_`dJk<=Sn
z&H~?R>-k0Y`T4Y9qNA)Na-9IwM)&bO?R{XZRBM)M$0rM%=ajRZy<7^7(ARr+o}zvO
z6W|64_mbWObh$;VRq}{6TubGprMmnGz)y3r+;z|ya|}k(b<+`?+C}@owQ#$NXf~kC
zzPiHh{H%5*>(?7e_XA^ty0K{KLL^o9J;VPCZFoWikQVy%OmJ9uQbqp*bVz4nPF21Z
zf6sFwZG6y)#REE9K=+jrw<hw^2`XT!tif8kbj5}FuEEl!jhk(`q#w-H`3}Wp72IUx
zJ+*GUF2y4+<`xB954*LX3D&=vK#QFP^uO)!5}1imz*qxGbn09NfIL1kXbDo(`;)21
zNAk{lr<e_Lr0r8u@^jG%1pWF!e}0SA9?B<y>*(mE$pxVts0MOfTKH=q98y5o4xB1H
z`DEzK8c^bg?_Vn^__(`0m!sRjVNGH%c^1ly>A|W{i|@%<gc=sQUrlKa5Y($)FFk2@
z*DcY=R)GnEvs1;h;xaqiv)hNw4)a@E@Vdb&m$<G$CnT8MEVUN4avx29+Dl(X5sI$}
z5Sr&*HQlDNzDUV96o48Aj0Ov7Mw}4<GMtFaBg7^JdFMr0U0B_1?SW2j7OfFv&ssvz
z30?Yy>jrShYXPr&h>wWzMntx<@Ev$p@VSqkz$by<t~g9DtH4GsN03#>o=b(5bi8+%
zdwmOa>7)T~?d(pMgJk+_DyfT%L)k%NTgkbVu(>9gP{q!6?fU*)ZDBkDIe)ph@S<0r
zQ4H7jYfTg4Fh)kFdk6eH@l1gfOabW%Tq=-sPR}%)-{`tQ&lENbJXGa7IW#>jEI4;4
z1z0mGG)94KBR%<0+^f4{%nm@+%$}bE_U;E3;12iRPf-w21Kx3h=5W(44$D8)K*J~E
zv)l2xa%)(Gy5Z#YM$)wx0a?TiQ?95cZ;rl)`da0x9T6a4XNOT1pMZVqJN@cY(T9L9
zLJ4A*%T%qa>c5J((Bo0gcB_Sy-CIbYYE1YHwTb|Oe9ztRiEbD0Y+o@rCI=`X<5vId
zbD{}k;DxOqf|nmaDiKIYjXkl@{*eQl9_K(F@~z)jpPFCYGz*e>p~#-g0=&}X+)Lml
z`0uSH|GnJhzZcp3_r9P1-fi^Xdz}7z-PM1u_WBPH{P(uE|DV3uj)i&jgR852%BKRt
P#W!^fwDbRd@Z$df>Rz|T

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/razor-syntax.png b/assets/images/social/languages/dotnet/asp.net/razor-syntax.png
new file mode 100644
index 0000000000000000000000000000000000000000..edcbadaf30280fdf47b7880e29b19f3eafd76a6f
GIT binary patch
literal 24841
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/signalr.png b/assets/images/social/languages/dotnet/asp.net/signalr.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd09c8d75d78ff5d75f0471fd5f9dbc7e6574fd2
GIT binary patch
literal 21002
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
QV45ttT85hCf7?I%KN=o4Q~&?~

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/asp.net/web-forms.png b/assets/images/social/languages/dotnet/asp.net/web-forms.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c4b07e6af96812d7e5dd1cf93b7068c88e9a85d
GIT binary patch
literal 22794
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
b)_-=F4-&SL6L$6klMI8WtDnm{r-UW|fan&d

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/csharp/async-programming.png b/assets/images/social/languages/dotnet/csharp/async-programming.png
new file mode 100644
index 0000000000000000000000000000000000000000..dec0acecd4ba7650bc7fe2dbc215656395af06cd
GIT binary patch
literal 28504
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/csharp/collections.png b/assets/images/social/languages/dotnet/csharp/collections.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ff42d32eb7a4872a44875abf13f55f49a014458
GIT binary patch
literal 22841
zcmeFZ=UY?T7d47{)T12bpcJJZK|raZQlwfa3IZY`9TY@Fnh`<`#7-wFRjPo1^iHTj
zF(Cp1(h@qF&;x`3A)zJj+W5QodH;m_;eN<tNwW9atIRp(7-J^<ma+bk!vcpnI5>{n
zxUO@XgX6C<4vxLPe;)w<V{$pjmV?8J<A%<aJN~JQV}41(@TM=nsYCXC>SyDA-ndG&
zOBOq0&_gj_X!<W=5O+Y@@|LWHsr#81Vn%biYS%e4Ul|{s(;OM8Lt_7K^L(E+R5>)%
zxuwO`?M<z?;Nsie)s9%Vc)Fo&(sdBrj^n`{QwIm=FC6Ys&-Q~qF6SPyg#P&;`Tzgt
z|L14J`o^EdJNINj36AwzvgAe9y1_Lrp(O-tRupRs&a98uXlOl|{G|$KCx4&X+>~ys
zw`Fz5t_BBlgEjv0<${y3A!6AglEj)xR%TxE8bV8kurTiwAK#)qY&^dyC=PZe$FmnH
zmr5nZm(v0i{j5gxw5ja}DUPg_8s^Ll9`{ySMz}{w`y}|><tx=SGi32*`^Gl^YC>?g
z63#-wVYtIW7b$sf4|sn+yd$c$mYm<JgWsNx8K9A}2=?`2o9cTw!JB73H)~oZGLtr^
zV`}GUZ|rLY4($E&MpA16Vsyi&qQ}Bb^AbAei^aFgr~X`T6`PvSZ?-4JW_3SC;K1Sk
zecUGFQP_Hn58hbF^!8xn{V)Iid4@Vyy?S`j)4H&ienqm&1Lto24ej&GR~jpd<U|7U
zFAbEFL*udOBXRu9h!bc2k_B&m{BJ3^=ImYNPbu2|zmD=Me!iXi(JkaWc<0%R+WUd^
zb1%8M@kWKxzv9pR{Bt#wQq3f}>qB&YOtEw~?v%O}JK{)XBm01m-*{s!jdmoFOv(zo
z60ci6HrqRh+=@_j%}7>tOl<!?rA*dce_n!7P>+_0#5b#)GKf@R;k27SD%G&pii|}w
zR{M&bw$EutfSd0OMP2Hoky;3M@Wvl*iHt-^%PsRNzCH0g{&tW)c4afhe-<}gJKGvh
ztM_U;W~QYQl-=X@F&V632;y5i2J;WN#^%prlZ$%#T4Uw<M)^@$d$j(0mCjvuc($!h
z4mKLFN;=+bC$u<6D59V-G_-U16XzfYht>mNm+34mcKdDS6>Cm;S%B-XWHL~-XQ!UU
z*vgY;&k~v)$$u5uKk12<A*X5ECDm&%^a};lN#027UScBH1D8epodaw%R&IM2IN`Zu
z!Zp$I3SjI%E&b0t@8c?t_BIyb<L35Qbo2aa^YCJ8x0n4%LkdAScx@)g0^em5-)b>_
zzDPm7+GLy6H9-5FeE`2_#A1z}14dGIa%{`ptmyGg72dgz!ZKMky-We+E|cqfuN6c(
zQQqa0)4%s7Y2;o!I#PEY6EI)qKOK6!VN~w7poKi@!>aY>FN3WvDS4|#-Dr({9320V
z-ptJrUut<;!}pZFdT#JV`q^(K9IVsI$%zyOKUh^=JwtZ0kfmf7&I@ui_Y3h))D)B|
zfG<Al{8TO>>Zdi9G(T9dVk=Y;Yo+0yeD>A;^PdXNVBqu1{={y+l2w`v+fFpnq8k7G
z3eHZ1IL-~DUxULocHp!xtDTBo0X9{BlTJDwu!Zv&S>wS<wQ+Ce#}l^)>XbreNxHNS
z8)CGs*BDxowK=C~hasTZ7!3?!qZh7KGcg%a%T6K3BJxw#a++nM&DKl9GY2%O*>WBm
zwIo)3?aBn5wj61sh|~>&?qO*JTTsKu#-v&E=84`FbPDy^$!=s@Ot<dqR`FQg&S7u0
zAlX!kwzhms3L)V4m-I&c(t*MEC_}21Fj31^6onZT;<PB)us&eHi(hv#ATQfVlh>}f
zIn5Ne*Kdr0HJ=T-Fntkk7-?-LtPXb!aM!G;`eK2-eEJ^m&-^VSRzIXkbw0%*jWI$<
zM<F$=MX6fuxAMA?lR49>J2RZ*@JnfVC*^I2L^v&!TNh1~TcL*yS;xGC&9js!P4*sn
z&)}5fM|#G&O-FSN>&hdAPZ6|T1eADnO^Ivs#Ks5kAjH&44y-3gZ+*7WPh;Q&b*EX^
zjwNQ>SfIJ&U!VxRFf6n)Z2)~VveHDzdfCGwXj7yZJ`x)Z+wA6R9d-6dV~thRulxVn
zfL^)G@#+q8a41&<r-|rE^QrZ>AaPbu6HZ3wC%(V*7+vr}8?Sio!&S@6Q#p0uly|91
zjjrCD;l2#r{9wifbjP_0Ob&bzHvF2C^j@71Z5~R!eKMOMI8>dLnccyyUnr<f!px{4
zx8wHyRm9e;Rjv`P_Eco!<Yb&Si+t2?>FC({df5rl7cJ_|X(`sLG+akQtGc}Pt)F!C
zVVa0;QMd&@O{KKMzZ!$kB9TTcaFk|s1?yp1NdPe(*l3BuR-=3<4pUFL^-bm)(=Yny
zevvLK$wg|S?~VPv+FnuP-@!Gl?_@Z0*)%TljNFo%Hj+t<BwF!cYR{00x8O%_slXL`
z=WC<{vx|eri0Y5<5lQD7XI?J18+y~S`}B)e%hzMVOtyV*OqyLxnyVy41wN)a?u(2L
zM#?v!<uUN7dbgOgMh7FrLef{-b8&Ulv&b;!_nwzzCw$R{3&{<`|2hz5J-k9ocaV)D
z&@qfyd|d0vQqf}>$iAPdPl;X4WmH7HV#qRz*A4@osmytH{=*qJd#iCiRAZdya?7jV
z66JV8+QH{MSCd^#D>`{v_6nMg1QZv(mKh;#u$!L@^;+6DFL`C%SHjUE8PQS483i#F
z?`<^{(Gp$T-`>|wDM>Ws$cfHu!>w%B+boE+Y9NC$H#%jAmxx9v73?J`E}I!AJ0nqz
zoJeLo;ZV?Be7RX6At0^cp>nIkQeh-oIB5Z{wb3AvrY9PG^0tt6aQAoB5R}qH#$06z
zIch>K99fLM^$X3yXp9FBeq_skW)G<x4G#;e&y8W4^G9~DnQPppy}D7-{Xsq*$D<X4
z+Umtik51&A_uOu&JtGr9hc|oESC}o%loFHm$`p&%nTd;49aNCl&z&3F)N$ITKd(>H
zD!eqGqVD(z4qK?S3us*YGCb&(G9Ip}3G2RKR9>KH=c@iFwEc6j>}YNBTxBwOWs5@k
z%Af3HWf#<chX+>`?o1=>JSLT;MX$|Mqrfg%dEce@DW5)Yq7tNp?Tztz<BZirlb9GN
z%&hd<PCn%}lZ?YvyF^EO5K@vE=z|m|=Wm70LPy8y&bR(!rIM_<j4;b%J|zd*Bu_tm
z{XvUqtsTPnZY&<#RqxZLMsf0J&sI?J8*a*~ebl*^;x)t=pms0Cwv*o|L`4eYi`7ZR
z)taKswa#N76Yrdw$mZwwP2aoGs#!=3x8UY>X}o_u58g2?>k%nYNQ};aAkIaku1)Ip
zxBakwv_rVVXvO)Zppvs98Dq!Tf%S^=wVt{{Yt?nMwh8%|H`DG%<mMlj>G;8`!|w`2
z%WW`!h$dq9IHU>A*jH<Ke(3oZ)mSw>v?8Ta5+#n=FlgM7;#4~#pNRyS)7`Aupd{!M
zrtc1BN74doYNj?(%bQcD8qj2V+hcK~c4o+eSRvi6o7X*O>2-7^GSZriqZ8h%J;-Z6
zp;A@0Z`t>Rjev`Y_JcH3ryYTB0`oWk-3^igJxyypA=u54aU+f0d&@K#M5q(Jb7TuR
zEavp#4Ur?Ii-^db=@@fbdm!b$dEB()x~>gAHKSy!`{#U#U+G^Q90y{o42MZaCO(KF
zgUVJ#dx?)dJMku-wkN5zkG`tCJiU4Qnm4A8<JD4uyh6k^--211(na(%*-qQ$gf<f&
zA)ojx-10)&azzk@#H9Lqc{o<If#c-1MB=}pJ6D+PAre@=I{NFBxh`!42~QvA<EE{U
zy2Sk-VtS8x4eksiJq2+Z))P&MQLBdqena|UZIEjN!%l(U62~<zvYrs<lhE4(4u_$8
z`BQ(t%u*LL)ELE$&Sf|Jt?$+p!k9M}h43dpw5C=Go-&bFG5YwM#S!x>S#aN6#A8oG
zcfZymf3nB`t$s|}DPvI@%$4(gE`XFSuXkGa@=2v@D~Mz?&2?sr5w^dw8i=x}(kA#|
zu6A8wXHws2aWuOAJlxUhrhrxboXO}b(QR*CaCVM_HWLGxIn(}q`&Y^H-7(R$ZyHFt
z%6R!+%H!*#*{`KBSs$7{t#$^J$w$K9*vS_<FqDoC!#W=o5cRT&@{<@=U4uZi`I+i?
zT^LLK4IYGN<^-y`Y6?30F(7f&wUKA!7j3^0Cw?zixBhc>i6?AjBP^g}#Id1gF61QN
zil%_Q83-HH@BWN#{*qNHfVnhqo>*J_2>?OD7OD#T@mH#0E%pO7@Ah*%le^ptQ1@$M
zX&6IP@l4G;`EPFkxBJz<iYnz4;JY<B?^a2TZ_mF=OeSMjXYfic;g&nm0GF(<$)q7^
z?%LA>Z+pw0pNhUwRZRR|fB3d{Vl~dp+a{}6QxvUTxAeB_n{U3YQ~~es2v<?`OFvt`
zGqc*FZebLWv9*3otGr&B$K%uH<{Pa<VZ(x-)SkIeLaUNX^bWOU#m;JAklSL^f!~Y8
z+D_W68?uYp3y{)*m@1mIm}5Y&equwnm+=NYq2z{GVx(%IK{vm7Gd=vx9m)ai&6VUZ
zrM$>JJP#6|nO~-N3Ilv(l%^H(<!EVZDxH5`KCbWRtVY&+D_#&vnbf~~Z2Aro+o#0j
z1G~Q)EA0S`HZoZrpOfa)|7KdzYhl8|2bR7xAI+G3rCCU>6E%*QK>GMJ-e(j<>(xok
z)L=6mG6Wf##0{520J*ROkChSv-S2KXao%47X>o1J2kD=2uJKa`JSG<Uf9-8(gmbUN
z?y~PU+U~IfX*utmHcr=#gtN{*=*LRP@Lnks>2}b%w-s?hyXZmM{yER2@qat!3DFif
zU2Xv3{Px||!B*Xv+6A-So*{6Lk|p<IwGjUsc@9?<<UFIpN+{b|=8I{*mwrrT=~Hgd
z2|;)6zK`@1xh+W5_@oSFNh*IbdE7;ioE%CaFS!6b0fjE6L?rpQx76CK(jJay?g0TX
zw^V;H{fc=md*-V<KCitFN}toP%xX9~UVi?uOpw;ok0tpol`aImqC#zTWyyaM^((sm
zF4}8lKf&#===iF~X1zH4-Antl5;UVGO=cD3xRJ@m-*i8mje|TtY(6l%Yzd@f7K;k!
zuT+0ZEP$8fsRUE1ek(Rg4!JE>8_iI=JxtvFEh0<abS_;ik)`il;(i^3Qd{BX2f;24
zNm#0|1kd%-w<xUA_=JF8+6Ao=_IB-=v-XT+QBa@pl~#1haB%#?^E$$UyQi?D#Yg|W
z(hH*BLjMu3{&;NCDNVLWlJOw&Z_E8<{^mhK?6ClfY?es*!>YbZl<470t{GjNKH575
zhKMbyV7k4Ei>uATPEH*RZzedAz7|I(e0}`56CdkM+`-j`OwJo!D~u%B<VgrtujMwW
zQ>B^2gY)%5)+4<MD5_m$V;_EE6nE*V;H(wBGp+DW=6H6NE!GNYdrXu$mBnVQesz$G
zSeIvAhmBSh$dku<)u7_^z>BM`g<(qBNt*`OytS4Pf#mKy!P|EBJfRDB%I8cL-n{fZ
z^CLhcMZ%GOaPQr{pmK5qyDq7rNY382UjWn;CmiY!Rtsw%hU`i#)}~_L;N;02gpEOh
zxFOl&Ai;NYwA8*_)|kD~0(R>3Be!mSeJxVm{$kjYd56>RP$fW*)2g%=8?^6+g6ZT2
zP$~=tijTZa;F%%GZTZBgH_g2)6%-0`AKR(x405*<30-PjQXmo55m5Qc9C-=v8LXHN
zS{*E!_W$NL1K*r-uuhHS5>=}03n*-l$f~OK#;Gw1ra)<7BU|Xk_L7yJ4DuOWqOhFr
z_Y|x%w=)ub1Ul&p+XR2drqZ0+GYb)*JlJ<RlRN;P1AvSz`FomL4VUcgM*|q^OG(Q4
zvXUN?bxPr2Pei%yw=|R?4TLELg@?tP*KKD=F%TWqduD4_r|FNbPo4#pgmZ>a-&D;<
z5a{qr85zQy7QUMG4;K~fjI2^rvrgMHdp;TWbrLp5GZI=ih`u86Jmn9QrjIzBAQn?5
z-h$FQBXH*}v!_ANeK{#8!z1D)M%nKrJEY45Z7<cYq17O<zR{cd$d$6GUs-#mUI@p-
zO{)eKgSYWgU_UY4A*r%Q_kcr?JJ<>*y{#Qf6@G*h=(+r!+PN2F2CL5>Fz3T{M2?U|
zQ3OBhC|2B#8)?NPdgvE@F9*jEV}(Re{k^@B#=4hw7iNkz&p0XQHR`>3)Y!k+YbV$W
z6fj0!y#w*37`P=Ocwe`>>*%?rQ^u-DmSp1CT*;VJJboZ!j48jec0{}^@T)#bL<qUb
zoRue=W0M2wiO7)A1H`QP?|#C15JHdjLyg{Rj2L7ded(qCWYtI%QM}LZbC{n<Z-7qU
zo11Bte9c?mXOAo$sLk|;5ARW;4MfXUg=}UDHoqZ;ba2u|j6U4rgA$W*24nOEfjL!N
zNP0oJi**qFOyMb&{6`_2(`4ca4}cyO)EwQ{(H3>KSO(iqC!@6xlq1t8=W@BGq0-~*
zk4+0VVU=R(khKzSK?KWqzMTD|Nb#6V&|gJ+hv5jT?bQVst&icUabCCRgEZrNz;VJ*
z<`XC1lv{j$!5)azT4Jj<lIqdnG-8?->XZ;aNiqsz7=4KdV~(?<!jdDF*tJcIUy^I5
z3~g}Ab_h9&j6x?)#rPy&Vn`!}+siF@E$OS^j`I-4{vANsYtO|GLdbP-y(<g?7+V-c
zt=6Na+j}@ZHV3+zg7A6eH+dk>Ui;I3Glp*9U`BVj4<&_vGlcL)3Jd#6%lF5x+U2!(
z`y(y;bc=4Tyh^<d*79R}7DPL&XV`Lkjps?m4CXw28Ts1JdAsa=?Q~H&IE$UIIgpFG
z@&w5n`-{sf%Ej9ao+^e|-dIqn6EhxbmNXtLTx}r<K5b_y(Z=X}D%uYpoBvb1)L?(<
z;dNLlNHEL=(L|rEq;G!tQ6DBUPC%*Fg4LiU5>kG4y7UpMW*zZQv3yJ#S~}V(&m0%T
zCE8!CdIua`WV)uZJSNzDo3=DSV=g3ocAE#YmNj_)rt1O-*!wxaS~tPE=lz#L&3DH*
z3=&MaRcHAl^PsA#DW_Y`rtT{B7oiL??t9Njs4VzCpBPy7O+7Dcp=hJGPHGPxq<GSj
zi+~fHd>|L+-ttx5TvA~0Ef$ZmtK?hB3qkwGs(<&x4~M~{=U#ode*~i4&b+PeJ3yS^
z)+(086^4cRu@U#Tm%0Y>V|I4*^`)%sC8HxfZLP|}c)1l9wcQ+zj+Jkwo_z(rc#A_}
z{c7Xp{Wm0YD842S#mx@_n5g<7Z#=_eh2|7=U+wqCs$;_3t6<|V;M_eE350=l9pt1H
zloA^Qi=oPF3Rj#TlLm#J=)pAs{Oen@VRYsKAGgfDT}p8Fx!fsxU7gYM*{A6JjoEp3
zB&;vg=jjwZ*WbNhT%gnNFVuK^lYe}-{-{Q_;y^jr{HB6K+!!=sd+;lb>=$Xd@AWRV
zezqvu!h~1VK6s_})c#8jr#h{M`B0sYjo}MeP`z$_s@Usb$^aE|i+<5@jEVyNjzRBn
zh|2sglb?@I*`C)~6&lE@yHk<p!gct<DRpx_Bi)Iq(5w1IAOMj7$cwa0`LKJdLycu+
zO2&;JztHB_-hGG$m6FO$uj|1J<$cQRwXbx51T%I&H`XsBUTQ3QGDFq($(1gmAgCQl
zB_E6co0)$m0`R71mU(l;9qC?s`M@}Qz76}+*JNyr8zU?$m->q0-aQ=tRFQNs3(z}p
z_Fg(g$Gb8_737YU2d3;^JY{+NMGL-=bL&cDL|E+x?al1>JoWY2v*zz)Zpli=fniHc
zS7F2X!z`POb|*91Kjdq&Qt4sgQmt_=k~yF)KpmVP(>Wy;Gh9q1HqS?d4X}54*Rnm8
z2~{5D5S(1^g<#q=phg8u1sc5U?*5XIPDKe{Pz_m02QzueaOAM}Rl+WTe3?HPKx&qQ
zy!4~SO<Kd22{f*m53S%BfcgBYepd$`P*eF$A0>~#ZhleV*EO_hzm({Hs|NWVJpM<N
zt*?U}*a(^b%~%VTYWdz|LnWxnO%pa<R7EZYz)*|XFgPd=AX@MBrITz4h_$}VFOTtX
zzS7m_KsFEd)*s!uX;$FmCLKZgl_t%J&~3{5$xTT_mq`BzXDaLx+V#tWMd>EOMY0_@
zlkq+_$y^7!W+kWS2CLU?^UJuycRVzahZzw_91b(LBCJNx2a9|tZ_4lgS)xqLrLkd?
zQaH(efYy_}<p4dQv)(nIPqyuIyEFguQEum4wmw%3AV8LA0lg)Ht#5V(pr5akBht0c
zJFGql-d>n)xv4vv3d)ldvl6y>T%_t_1GXjmaj<qnfU_<51gblhj-zaePnd#<nQZ~}
zdJrN8(Dn$@dmODVWzzzi+*Bn;=V`woZs-Iy3E0`xtvMqZ^6^Aj@VRvAf3-o{+nbet
zPNh6z8UFI{)ASewRtnjmDqmmD)+uUmQO-?2;I|yZyW{y+uZfrS$&BqqQoorbk--w*
znyKoMr8sCqw=esUT8}gmQm;N|_8Wl9j7>XsxFuK>mEdz?q*~V<x6OM1aG07EkUS3d
z^GrY3PTbv{c4uVTaHU$R(jdDe&E0boCzzZUDTfZgl1uV!VH-13o`Z{)R=;HCHTlOZ
z2mPy8?>fV12laIWT(xb#YLR!N!{D<+-wa8~-7#{HuxjFDZc2HgjU(YbAnKRO;Q=>=
z>~Dkb3-gcFp4Xx`w6qqwX#u1iJuB*fM2bV3<BOjAg@USI+!V8B8zF7XecdZv7LU*x
zJ^yaRna+G3lNKj(9T278ZA{k4tvV<5>G<vjQNEvIngd$|%(TICvAf`uv{DnXpbk9q
zedDkMVCMt$>glBsAmQ>q>MR>yi?t84Af`*$)0O{huls--hZ#K=C*-l;7KbUh-Eg~^
zG4OtV5L&8vYzx9Gumd6sT-L5O4trMl4~+bYgSq1omfG#tvGrRYa{n9{5P-me@x5?u
z7ti4eJI^*~TY&|6d!>oHyz2+}=>IF3bS$lX6`d%{`bC>h?vAiXiQQd-LmrwH7fW_V
zYhUOWiL$)G!zb$5ndy&eR)R1J)zLqX#_z{uwJ>Q%WJpmH3W_TQ8Gj<;>l@+*q~Y#p
znZbIK4FuMOHRuQC9-NXOSDOMSa7sjuzu7${o*s<`4TYplLTjOiez---pU8C9NWk<M
zG1Z(IMt_Mc0`vABIwbQyz1QM^GIKacQxpE14sc9EghjBypTsd+97f;iJW&pv371bc
z?1D4=u>LsrVkG#a45<%!#=Ws#uW{aN_ZY7I91c_RxE=7dYhws}=b@Zy^jxL&ZQ%w;
zl29&x;^1czZn5vrB<w%us&m73b*Owl%97s}opo<!<SpP7bwR8saN-)u7b|G5R75W8
zH~m|BQ}D-u-8DS?z)?Y`s8W7$2Z}cUUg_xwsmlrW9Yp%<M5tCiqdi6+aw82WlguS|
z!{x2ZO}yn@&Awnj3~RWNFpTk|^$wnJmk$Sm9v?H}{nl@7PSMhmjUxYeiQOmQ85|C)
z4%#D5m|;~_S?D=xDi=yTRPZo_FNoMA;+gj)z`8t;Zw%2zOruBxm!)<iok9|T-6ir*
zuxeW-hNSt>c}`zUm{J2*ZnU<(Nq&^As5}xrCQjdvvdBI1@XymXJs^cau&7112%P>I
zcH>3*3yNJD;MV5|&44`<s<xRZMh^T;MOA|LhB;S@!_I=RYlGq`t+>9sGWHkm``;HQ
z{0NW(l^qbUtS5?a#frgq4GWymB31%sQhc61R<|MUFFiSBX_%<ueAUWU+}`<*+}-5v
zfgN_DwEUG3l<q41JpjTGfftFH>K1zD0TZ2~jawgDbTnuM$X!wK-i4%dh|Xlo*I|~N
z7B&38BE&oq8e?l;!@`{M)_4EhFB8bp{I_(I>(5Dzy{cO@+@7x8RSHtJW`rvMP(oEs
zx~S4jsmIcR>zYYw<+9)asL~2D{&xdutWV3;C=%crynk2?Cv4JzYBonxTEl`Eds`If
zDOR@Lgj$evy_yfyo9xa&r~7u961Q8o$NSLFfZm3IO)TQ@t@DC_c!r7JLXTO27}2l8
zL01Q>XjTZA;gzCO_H>g!`}8^O8{wwZO@Z<*#J9JAmUN-zh=Z&Pi3PkM>q=j~Ovx{P
z6ORQT_;imV$^3sQP1H)Te0}~QRxO}8nYkbsy2gaN0OkVkg8roD3xboP^VR#lW()a1
zToLdZZ>YD)XxRGnlvW_RdwM@|MT_1&##Rlo1^jgK5#x?Rkm^3*xxyi4CN6Ouu{54`
zAteh_Cq7Ufx?~FkmtYO#vbMB=H*5}%$4bQrH}+6FY#7Di$dHgC{{ht03Nk(QX)7QL
zIBs2sR+_bb+3qG_e8E;%EXq|~A1l#-aCNSc^yue2_C{L^bG50^OgLyr3XgRKNnyeI
z@YHX>lT`rGvDx8K%oKgm6jbSblJWSqtpO~>m$G#hwf4s^aWbx3zf?93Q(rFbyEVFy
z)O32|=&P5~k)$?G$#wA8lwKfAxpxgcBP{}C{Oq6kVmp>daNVV8StF5BF|qa0T#cIf
z-+Nb5UivF7`x}BJaF6rpYE<j@ywpheT3mrWr(2og?&`Ro0_hASgSYd8fNL-{E0WNi
z__Iqm0pm*WNB9C!6@AiNz)X_I^Hjj~tGl~F4r>P{FZ0sa_Sb8EB~k6?R}an!{_lF8
zN%k3=gXCOu-erUTPVR2e8V*Q&N{3RO`sa!>M@KWWzF7P<wtJwz@cnw1nBoK~ACS-L
zi~`)1sy_YSZ%&^)^3DXkZ7y`7TKZ{1a~9VwkT~}RJ}C~kbD)O;?VGrG7v#_v4|bEt
ziC^~C{Q^K8%=>?~Nx<{czu$91DEHp82DgV!7cb@k?S0lb-qh+L>%U;b-ACH9^k(iz
zK1$Qm+I&yxU%h`m&S3*cMuyf1fc#(0bzwlR-;WWy{s&O(Spcl(|2^&^XxwdohWBi2
z=cdzSpB$1Ge^W8|t^1!T<w$8dJvLjoJ7URu?~d%w*gyB2CFXqp9reBAx}cm{^u=P|
z+-^KQ_bey+7PK|vo##mWJbyyTzCm!lvg$Q9$ZW7T=Ux{+_xbbCUuuNS1*n>h$~}sZ
z?g#Yug&dg|lmD9$3~YW`6|jY#!Al^l(pG^s)$7=Iu<hvX@*JoIJUeW_1>b6;tSI-S
zxs8{Gs>I`r$+F|dHIvZ3r&1!p>~RD-03ZO#$%P|#Tdyf7<J;fFd<N&L1Q0E0q5Z9(
z2;@=XZLNQ+xtDKW7aY}(KQz;A;`1YAy(Fek>w@y}nNXv-@A^C^JC6Ws&=rHt&Al9h
zwZK{t<uHMfUJ9sDw6`MgEedmgbBl07d9;%!cM8a3p+_TDZtDW3>qPBevd^Llyq3cH
zkTqvm>-X&Pkm#xsO-MsQ|9BL}Sz^O&k$y=z_hy+f*z)Jj9kOhCL@QXY1#7OcecM|@
z2`yo7J<1n(w+7$dy8g($O<!INa2KWkhCz2MypMzQ{6Xi!ib3y`l|jFTh|kh01$%3B
zz>omV`~oEKZ<5*!P*B4Li8HM)CzAgK8lvZ$LO?tZHUfSj1>Gpe@@LFLnz%pU`M-NT
zcwLUrxmYuqU7n-KSNa&30>s1w*jrS?NN?D(F)yrFONmyq@3G_LN76V3@t=4|@K%8*
zuCO|R=!XrJx935J1QgmgN`pg=IdzZsJGs(^)L58^<7E(agY@rr4GpKGMl#%^pjS5w
zb|bX{X@p>5Gs{z4ub%t0voIYWj;dR1YfZXTic7!)EcndH>xYPSS(fHFz4CSW){G0@
znZYM-Ut9`w$;9y{wcK<~_3<raq~q6!_3?mHAG?(<&Oi*`9sD@k*6evH&_zE|4_RtH
znHwu~%Ip3Sp*>n1m~FP7^DF>`lQHJy6st<I38QFSL*cOdT^WJigY(YtraL`gJvQH-
zeRUQRfyA4wgc3)~3%X1014*!vob?)H)o8%U#DHBH*>ugT_E$YGjF4k^On9}^EEJb$
zB9O4D6nd9mU!Fg|g}H3)HU%!X55;YHsMvir%&9Adm`9th4uOvpsInSXvoixO9NDuk
z(9YRPKG#^*1ik?596Zd&U;}TaKa2lT&>EvUJsJR;>5EQbO?J+L2t#XKozXQb4BNjC
zhmSd#%1i<^IPR#EVbJg0ZzVh%Fak~o)w!)z@>l+fy2~q&WuO6xc~V)7+rL)A5LP?`
zybc44-J+%dVk0NM+c%0qOD28~-UsN2)1E=+ZNy6njKr;Z643c(DIFY#KLT(!^}&f;
zwePX=MxA<$Oe8WGUO4Dk)dMUrU%ouxW_Z>vjMp=PK+pNKBwXCUu{W&ugl%=MFhRu+
zOEO=i^=8$4_FCFlx}UMt*Q@GjUG1uKj^j@J45`8-CLAR+cA~k?$s7RPv(xf!k$|s>
z61pSQU?Pn&<N6#9835W1+$X`L{A0V9ASr7-AR^lE0EX&<VN2p^m~RJh<$VQ?*aN<Q
zcg%>Vf0#I?V(b+*!2(7w<-$t?Zc1Ps$)L_k!Kju<CI0i^`+aqbR`6P<JA+HEo!sMg
zT+46nz2#kE`ut!UaBw72MS1lX>gNu2+sZrU!JNzcYAcxilu)b^7ZHySsZ<4nG~BLN
z>3$R@DC%{+D&#1*&gHvS``pAuQU-*Yo890APN?+Tyr@+5OdDE(jMS33Fe=35>Oym{
zZUMPDV5;H{9&8Ja2hq=}xgFS)iaQOP!i`S40Ll!0E?yWy`vK>REqeo2zLPXbu^L;w
zX{NE}SnnDJzQbW9cF*HW<*E&NK9q7?R3)oMwM5m){Z1U;!z)ve2)Tud0ThaYm)wt*
zRp|4<Z332p%aJyBa|MFokP?@4%1)s_oxmEgz(SgajA)Ue&*+3m5h|leMN|U!dLpf;
zPDzxZF~S4V$%zXO(O6DS8>jJ=b<3WgB1Xj<-*t6#t>pFk`S63MB)|v(gwNMFI$SOW
zaD`YzPTvd4cYTe`r{2J`<^-)k`Uj!_B&Mxwu0MKgwfe1bUGt=N(P>`+3%(!^8<EgO
z+mj733KVi7a-grY3Y&I8ko+!@fH(pu4P0;iZtM%v*Mc}f;2;7*VYr800(J?&?&s=v
zuvgUY=$Y50F$4P&d?uQKm8~RW{9lGfACJio*O(#0VMpC-`c*YE*%h+<K+teXc_*O=
z3K5}3CubpakoiCP!`lwOHW?kj;!+MolZ#c8*+B2h!PR}vxAbnZIU*AdHiQ$J=3EYm
z1uhLw8!Yy6{Pfz*G-7@KxC3ST1fwU>iB|9+5=~Vtkxj3^=g32ES^Wa+Wv!+YArdqg
z8tGi9ib!l(uulM-*rv`kTf|mD?fSdTM~{pd*%zwn&x}`i88uSFuD~w0D`AwU>-Fc!
zuU2QI)TWI900UfjO8BZ29eDi!(<}p76dZrI`v@L&S1-6Y9&p_QG5h(7qVM-<>Ts#7
zTcpEyjWo-jIPVXby#jCOh#hILz;DHz;K3UgN7%mDT85}<t3>%5^m^9?Fye<HNRpnm
zl#I5^&TmXJsAg3sQ|rP@oQH5DzMKA9qBN8~g&fMZ<wk1{B+a5uI7`&|cVGr+IVxO{
zW0Gs0|AySZ@3y_UZVnp?hSP4hZ%K${)i<7rnaGxgM%M@g>=51)dpHJHPCOrYJ(BKz
zQwZQbE%@j!dx$TBAb|MeNT;^>2Sj+s@gw^WSz2h`*)^VkI(!wrn_f!29C(`nQ41JW
zT?Ek7U=P}HOXvrHEsRmHuen%)EXu^sKwKtb$E$;+4is)Kp-X2l>xBD?Sv6(ihZ-vG
z=>{R_5jjAjFODIsr&q7NnMObk5hi6HynN(Ug(}tK8#y}YF8{0n`sO}5#sSEFi^Ao`
zWdWe_Kui)N$-p6cJFODRJ!3Zfi4zw5z^rf@6Fj{90_7R#dBttlWQE&-_n1D@)*JwF
zZ;C<0L9d!@19GI7hyd_)y#-FG%aR-2{qnXuw^pi4!KS9IzkCd0H{pzY#GO;~=`OvR
zQN?sf4%q~8zn3w?KY7YG7znaFrCS6UT7u{g)P9-XXp!OGesBw^kOtND&6d;`*uq^`
zgDx;;q;;hVCyu4Kw?Dq!+z2;ccrsnY9PlU%6aqmV>>)^Ifv$_s;!zAVL`#e^3@P@(
zV-O(OLb!U)`_rw3H<V`7!R^Z{GPCi3M7<!*OtFxUw9{5sXFYYePa4>S<TxsODr=Au
z=}r2b=+3bhcn$uxv;!8;Nz-4z0T&d!6B}G3V}khMq>zXFcLQi=iu8p`pp<ISdtb7>
zGeO_YzHjE5*w#Bk(6JwPNEHOcP=$qvBhlKLDB{I#d%?td@#_cOPyfm;EXfx)X8nG_
z{E3TnggZSq!K4?86rjes(~q-5zU~X~^Ek`cd2hZ5TyQiD+lI%*uKx7!VIfn<B^ARS
zZ+zsrI24cwfJ)CyS0oS#i+*LIW%^u{@OvCS2x`~$Nd5<+apbe=bl^WAy?)(B<N-dm
z@r=Wj-v%cs1x1f$uPe3u4kF5<Vv)5UiTl2}$rZYx$iP$<5>k0EuVhrIQt>EreiUFA
z=gOvOXc^2DY;TnvoN)#=w@I{pc(cUl+mBK}jfnh)QB?5^s(@8CJw#SZj4=%FqVXU<
zp9}HE7uW|ygSvaZXZW!pWtjZ4v^!coeYjD(p?GnFIqAiZA3|E!TRHG^a4742vF_dn
z)YE*}m!nOhWvyI>=m$d`k+J*hyi2XeUAW|hH^NY?hcH|Jod~UfouYciP_F8d`s<YU
zaoBh+0&a`tWs2%HBldISQ`JjN^sYh1UC0-at$E^|>Q4_>#txu5E<y;=9+?*DY5if|
z1q0Fo9_bgNq3E)@pF$6&4o}g>+!7c=lzkju+^n#{ny$p456b0!erXY5gFz!J-`N3A
zOEIlfs;#iYrr`v8V5bjhd5j#Ih=nQwis78Mf~<Qqpvf}=8R)CbZ+3-%99?1lpk2Ey
zoYAe{xSGeg<>QeCEYZM_$A=Z4F$&8Z7~XO72xsi<>t-OD3YWgmh(pHDS{f($n6MuJ
zV#*^*o<H~%Yy`GEEx7duAMN9KrZs)mQ`4mB{dVaX6w!y<S?pp2!WS67N$IGnv#)?C
zx0WFn;WCpqAr|uABj64?t8EQD3Y#IPRur}aTs5@R#~!`q^s?l($QcyM{0a0~0hjF%
zn1h2}ZY?!v0{G!hCvR>6V+O3pNHgWO6_A#Ij3h#h8hM9e{=!9O<rGu*s&R1W{B4=m
znB=%qctd=XeYu9Pj@YK^at1d3dU6U17;Ki$m9PBVR1*wrs^Z7ZAUBV0JOr#aUTKRd
z$Ulx&uqQCGg9w{DX@$V<uod#akgt}il5x6^w;8cffn`|fU_)YMNbk8&5kveQ!kx%L
z`MVAk9#!^gm+Tv#+_qi$ZCcJ==WR0);O<s<6zwoE9_03V565M{HTKHwdmu$iXgwVL
z$zpqK_h?&SqvG6(ft}53uu08$I8P10Q`Ebc5n>rA%d!eh;CZ@KQrj%Ql>EVyn}lrs
zDWu&T;0!4|`7zY)^yHCa6Aiw)^JEAG<%!%n4q-X)Z78{}CZKUpK?a4!oo)$~Dnpyd
zlQ`kPpC|lt=d8U8>;8?4HJ><7AEa7xgRcq(dD)0K9e@Be<ig(GdOcmcfEfV(y}7IX
zmymXRD#5gYvvyRiBITHry8}}*_A904G(cls_hF$#)m63D>W{F0BqXjsvAp@bmg*4S
zp$oWi>G4_@_|23%BI1vU2u(wZ8fj=l4n{d14I8)y&(B-2U%eHKp!EMv*=_{h=wnn4
zD_b5~wqJA<q@+Bh>^uT=Pz|6OfcHGQk4u<GyV=<paUQpn1xRaW#N@0Tm2nQ}+CA(J
z!#$w<=PNbPGIs-olYMP+rwgbg00QvgqyzUlUo(4fb};yM0H_Z;KlehFFB4n-k_^11
z<fdlJ6O{?4xn4mo%tp%3;S(1*a$O~9uR9X-Y$C?klF?_vwL=g$0h*cV;TwsTj|T3w
zD3j*<*SE<%o2ol5k&dn{bKw)4TNP0MgE3dTT>x<J)~ez9zh(~T(i%`PF~`@7me!~>
zfEnB}DhY!o3^-Ue{U_LRQB(A`^j5F*@`naQV=|%04uYC`{l3AXDB<_p#L3yOIFLBU
z9r#P7Mj55UUQczmSN3H)&L1G0*YN*iWpnH)_!Ewan(wz=0$WoPEJ0-d=BCVQ=C>Hl
zK!kRQV%#2}9f5%cs51xkZGyCbF7Tj1yepM>>;e$O;-c8L`#8=$@vzdpcl@r3ua16%
zb_s(~_7oWG%@#fV`r`^}sVU?JM3~*gyN0`<%uWAU+-)}jU?cFVYT9t+HbeOvNHi;<
zlXk6%xP24JKb;$`Cul);@H-PiqS*(fILiQ33|DWsR51;Z(P=e5Y_dO`c!}H)WkFGQ
z&6uyHq|yYVOa#5>#@eoZy-dP5kRbxWZpOX(D@c~v2YB)EE-~TPd=1baH@+!&2C6Nm
zU5JgA9t8qEP%j^dXKRHlyd88#to#cHjI3TiIB}=esNlpEru53y-!@N(p1bS{Fe-Tl
zeHwXv^uD{R?Z%v<sonUFXr}4Q2(qXP%1G#@7(v6Gt4ax`Jgv{ReaB21ZqKS+FM2RB
z0aYv!7g~MXE)KW>BcxGjXe9tUAjP(c_eh9}2scRj*N#JGf_3riW6j3NrWg0U-U<Oq
z_+1?Ib`EZ=d5=M)Hw{S@{V-3juY9}JcSz+JunQ$)Iji}n#KvK_JStv_Ikqmi7vT?b
zd`Y<RB`}&0*B~2z+Mn5$OaUIa{W9-OQnouo_40-TV52|Z0~5d`7ZSq!awey3_;Z`B
z0XLPHm!!8wj}3+J&~Z_}@5b>o?L(puOG7?~#P$iYpH9qUX}>?8HK*k^sc5b|4#rbW
zo4zU)DNoXdI?L-}oCR5>zcHv2w&py|JKtx|7}J_xsC$|79b9^gxU!bW?-eLLl@;GM
zo>=@QC#40`?c1i0>$DkXG-U4OD4VJ{KydrCV~8|CpQRcCbfgg{)T|E|>W@DASa8>$
zIX*B2Nb-v2Y4#MRUe)(;#q}OhJI3{3l5V&D5$UC#y&V~sLay5;-%G5DKOzk4t~7!T
zb_u2%&>2W6(ceDPf^SZ1JuHUK5Ae6`4EDT3`9JkEoKG9tyub*?Vn)n?L2Hhvpn*ti
z$2M5WFX*K{HdIA5sn0C5A9ac~(FDuBav9W-uR(S974V!YTImR%Z&E1AkntU$pabu>
z5Oo8WrGwugzuN>!kLH7BNp@z<P&FNI-C4Wm(x6!*kMhuuZw1EMhTtE<CQ6>??t!Fo
zI;0jV^z}_{plfdF0P40dBBIy!VzsX}M`P`0cqFIg(w0)YL7;C-TXrlym6x6pWAsuc
z(oy$Cb=$62eQi23Tz{_#5QzAjq{i-C2l^&w?!TU2bGskMI3M!+C<v}zI#N87eQLbk
z%ZPOFyKdnyxvj2^5IW}t#G#S&o0wZGXSW8{nAKcEXRW?(FgOK8Zg{i3JA0C!9K?zH
z6)*JojDj&OG@4hu&hLw{pX(lFyjGOPCEFhvJ7HDl(Q;1N+ujhdrV@$%th5&t66X(D
z+LUc&7%E?t6eA6~n&%UutQ<U?O-c8Tal_cFZKZYE0U`I@WUbOP<QK}}D|B}Pnq2#U
zHbaY+o!wqGY@5it8uiLRO`-@B&=EB6H^Hx$%x#-uts*aWySSJR7(?8tnIF*y&ohJf
zay+}L`1%RwI&)z%Tj1!KUp|GvDimdtab0=%%-rUsolYkODfZ_21SadhzCyiz$w+PQ
zgc@BZLoMls!Pl$dm)ejuzA0~IKf<RnTu>C+r2}e=;QOEIrs^+9(&V=KvAQaf6Q@=%
zGs%wZ(jUN9S`_9ds(c1GUexrC7&Ny6s0T;_x`3<xiBBU9WmHY{M=!B&)_sx^+C=Zw
zhGso8<l2vIOpr-$QKk}b^d)ktOIaDZ6&LGU{}<@}WWr_Scf*}l$Uj~l*RuqaTu99Y
zCQ~4^XdE5O7h6xW<=!$W32Sp2bpl+7!(M`0T&`_Dy1E!CSu|v*+?2DmSz}oK1a_)h
zDadujZOP=JoH2_&w(WoIhr{?PwS$v0R{sT9@`isbz0Dd;oPx^4g~nzu-8G;eN<R-3
z_N|#_fa;3vE<IVN9DLUsi`4Uhx&cC$?wrIM7e)Z?9ao#lIt~~p);DAmMh_lPf66lY
zkgsOP`-_~Gs2k-^Xm8x(Nxxk`D%5KtbyrHMkTCH(ar0rsKtXE>@vU|06XDWcl5PJT
z%lBT;6Hh?&j?0AVX~^4trMm$HL)#Ff9rOZl2Fh}MM?Z(7g>R+!@2CPYbW}qT)B3U9
zXCfy4P>n`+1VYOZZdO4l$v-pSBM+kp-i_UU?n*!KqU|!Mhme||ReZ|-4%F8Il7dw~
zu!W3v^9oL5sM?s-b#B<xJ-+;7ZxJD#FIX9@o%bi$<%y(XZQFnSw9*g<?|_@x{#8T-
zmEMVT(r@Xxgf*+5fD}cvJa=*>Tpvy%WnJICmpWa)72BG?qT{OJwCs$B1|FyO9ooG^
zM5GvNExd=u5<fuSbgTB$vE8_5C$t`IK??K297E*}-UOB&;5DgEr+tex@w#zgv9J{W
z$^XR7hVQ|d-9zcqq^<CpJ?DO&?rbpo<lw=#w8hG)Qsr;n{Pmf+sIQkNaw@eS#En)^
zi5+)nba$<)_6nHr1|~K`P-}eRZrevF!tHp47G3=Mv5B8#knGKuFZ>~4dTgjykGRIm
z2xj|iW>(XFa7p4CxCE=L9KC?~5)i<6*u)2-Lf&_f#{tVt8G_la$c?)I?X+>)#6iYL
z(YdhhOM_gEpAM;cIgw}Pz}lm<=gZYOL!Ffa*HN7<!4pVm!z3d7?`XikVwt}v2XvjS
zsK{%c!C8tinqKz(e&qyVz|nj9p0e$ZJJhxhSO93)(P@Yix3A5zfTDQn6V^5sugUm!
zLowh-y$x~ZDL2s5!};{>#|A-}|2pM%+{3Rcol4QUrE&cJO_`Wmagm>;yCov(={vF<
z3=1$-UU--@lp}d(nw@l@&9pt2J^&H3P3LdRi;<qsq>#q69e6BK6?6UU0qs`bX7)7@
zYCj!-acNC#MUHpb5fbKWO<y+HCxxsX(84H2TJU-{l?HUgX2^6ZF{G{)9&DAnl%+hh
z)!&;y_2V3bZu|T`kVqTZfEpS}L`Upz9+ZT(01QlYIY5g>qNzWD=`d1esZ@p;u!rNn
zL*iwGO2Ag0072RCu2j(X`knk%CbRry&|Cq*-#28Xx(4ueUQgCqfW?Zo{o=t4!WHHg
zb@FynXj|g#B4K4koY>Y*TWw}rGlt6QUS^ISx(3LJ-js8VrynZZ;Iri~dPIp2^&(7R
zMExNK5c0yKMJ)xnxmPW!aG+%lKL+SK0A4vO3V&IYTJlLzEsoc*w6F7UJPUbz?;pmQ
zk03C7x03+~ppSf{r+>IX{5osrsu{`2cl_};GcmMiETVog*4yToXyqxBA2&iu7V$?H
zz9<Ixtdx3rN3jeakMNw5Ui|yod)NdQ!YMQko5CoG;bi&gXgnQ%<v-<OgMSUej$Nx1
zl1hYHK9_>zH`oUN=E?;81ZY5-$Kv}zuP{)27%c-u<pt&9BG<X4*M~g8&GU>5Sm#zR
z?-9MX6a<LwTq6S&TxIk1RXXS=x;D*sWkL>T{q({Ny?IPyOPsNj-~zA?a}suq6izjY
z>d;n_9Jt;c264h?mgB)486OgRULRlIZLF#~JsM2Gs}x1WG79J7-8M(|!Sls%nd%<?
z7l%S(V-?hpz}pp$nltcr(_+zmR=gK8NXc8VJCcd|^5}<7&z7uvesZ(@t4@tK`mHPv
z+pG^uZfvcAk`uI#9i-2~Czi(oU^`A@$nPvd{x`Crl(XBWvzPaTR~_j1g_@H<_d=9-
z^M(QG9UO&;YwAe{N9NLBMe@KI8KJUdC2XOU<lZw3b#Fn;CB@fJYd_2hBydpneqh#C
zydTxeyS9XZ2mDibHpUq~=0K$Yry%6KS5d1dREJFcg~t|N@o|IJY1qQ>%d_WpzLq7E
z2E8dO{;I!Ul2EKVF|$2x&23Yr)~SX(c3waT+d!;6icb4P@jOy6ymBD3o?1DVUnfU%
z2haoBTVK_4IfEd0Evlugw!Ynxs)KJzb=(2%$7gu<xb4$I^nb+ekr5+7ULmeD^;6OY
zoao*~3AQzFpNj;$gF*2tjTnx0*LDDYE#JrHpjm4myep{3NQUGmdJ-_k1Wo;w|NOSo
z2W+r=Tcj4vVpZ?$Q07{h_-uN9ZnNhPawRe9XOfzt)#cB?{Rh(i^^3y~3GZuasdc%k
zPeOgTrXZ4L&f<OanGZh=BVS6Lyn?Q)0}l~#aGsRfEKgaVp#qgy1F`g~zZ8upOew-0
zhmcg-(scn*;HiCE)A;+~m`}f_c|L2NJvo}d9Q5MjUr<X=9XSTrg&PG<6G&`so)d8J
zPMV1*GzGym243o>c_AwlJwLod$i;)kkF>cDR;w{D`xe*enUVZ>l6jkN_h=G7e|4)M
zMqMFBlN#^uYP#}{UurQ{BR7~WDg#ax0it7s4}I&A7aW@WD0NrGx%S@cEv?8JfdtuH
ztqY~qc()0OU?YI@4EGWafRyPF&{1{=&jLMGkhAJ^NRs^or0pen&*0{Hko0t5?zL~;
z%H7ujO}OH<h~sGuP2!|6P`q}Y^|iAF5mvO`-;_jd1^v$1zJ&$|TVxf`F7JrvLlUZ#
z{W<OVlprmzF+pN~>kUZZglgOi-bK)_HUs`_0|@V6zaFe*;+%z+B|lp810wnp4q!}>
zTBOt-_J1S|hWyC&L(3TX2I=TvS2+)(-5k6C4lwC8jRE~Kpw%<I*r?`_b45^~rBOr*
z&|MDed>Mw$#Equu4ya$qsmn;^X%1+s)83wmQ2kZt?Kr;jz-_aL4mu3rG9qz&GbG>;
zG)Ax>o`daeS`j(~niTz40g38;h!9{!A>)r43tii+tTefaE@SS1#{WzQqy*hs$%DNy
zq`vItP23m?0_?O9BMl-|w_xr+-je)R$J_L~fuy*fhIo<j4kEcIT>Pg+g4bI;jg3YI
zFOD9mn+k8e^E<#BHsR8p4g`<4uiPqv7b9|d5}xu979>1qvmI@@($sUleP01k4D8@r
zdGyxURGuV76*;MUmgrDN4{sf${TPDUNFxCAK015N0d&ZN217iNT_Y=*p(q12dqO(I
zy^5_*EB-U5s>fK{po%$7dufJE?l~VCvJ>xVBm*^q4YFmt&7w<Af~G9d8?>^q3`ns8
zjYB@-CeY6Z05w($<F~ltiE4fPs0$DM7DGe2k~(yKdF0(ZP%S`q*l4*icAW<0)u}Po
zXf<EaBh<cTWfe~ZqOY$LGKC!7o*xAg_)12hpYU)~(1ZSuli9|g?#CWfu#fYX>g#L^
z&XAM9)u}qOAADtG@~4nr@+-uwzbdX07p1*(P%zLiP+i>g0lt^N`MwOkf*KJ461<4<
z^Qf4+;RgLW0~&;f<{e@I<aRVB8vr3)0@Bnswv&4fffR-Z!rHOd&ySpyk6;cQ)R&0x
zgxX*XrH({a${S$_gqI2zadF+9F;K*WR6R4P1kl0mCKAD4{1}C|_k`56$P`xPH(P<3
zR1Mh!IVbk_P3+9By@OF=E6q%XASW2v2I(LIY(Q#IGpp}-fvg^ZPv7c>{Cu(+DSpa>
z)<2q1>;2Gdbj|--zmmu1S!T(HXxKbxm8Jrk;XTQS{dN%;<HxJ~;6OwO&Z0PgKJFNG
zFMA=3p)(|^gOVp8>ZGmEMwn$qy(ToRC7XW1qvtd?k`1`IAv!H|akOddDq1++v%k%m
zLBKV2E8}d|^TUBdK61F-wyIiRw$uv+bxpp~BsMAp<AO6ZGgLjVL&BBLM5Q5ETTtcT
z6vkD~*9bPvWei9Zj*xenZF$%T*`cP`j^d$v0E%u#JR3MNp#irXrQLDTU|uytb@hSn
zA>fKSJxo8F4|)(S7n(d)Tv4F!<QJ1XR%o{9JNOP&JN<hTydJ#EQePj=MMMg`rdf}m
z&PIEi2#REEIMwTJixXZI0WDvR^~9n=c;=5@2HhQCL?3kSFT3R!ZWwv(%_9SD(*OF~
zT`1c=Qw{73StA(@JA=Kz2$FO7M`dCa4prjNGu51OK2ug~Q~sWAEw%Dt`>P87kv-Mn
zeqoKk1i9cp4SFj9(%TjpDDU>2D)0Q>3)+Pv5^4~#R%0TlZqIO}mbK`v<~vsmw#1lQ
zgD+4+{FtRZp3o+PxS^fq^D5KwhG@xw=_f7eKst-<mD7NFhqMvyJ_}npm-4S(^ZE?B
zPXU{^##ed3*g|XP%_&-Go?wu~u{CTp>LL~}S|>~!=H}o~CwPFDs7Qu!UCP7Ew2((0
zLUnG8Z>Fv=`J+Sm=RN0J<62J-pD)u%*wPB>LgJU1GfwnyLJE*^j_d#r;&GJkLJY9=
zc%`0i`~_MZo}I4wssC!SM&Rx-6~uj8w8-FA3nZ+9W}?`@rjjrv<PIC01m2~rz*!Yh
z5nlCZ!<q}k%ds80+cc+ar&5nz56Pc`5P<~RppAVL5c9RCXwyxx)FR7A5I+NTH)HWl
z@QLT@@OE%|AqL(d_&;^3z7Ez(>K~&<LtsAumZA7BkTqw$)ScJnNC)9dH6R9}1e?#v
z7qkc6DrJ$8TqV)o69fj*mHky+ADe%O|Dwp}$1;(m&2H3IcU&dL{5F`*U`HPzC5fTE
ztAH{Q-BiU!i`WVg)0LD5>J8Z5w~YQN76F{~7-ML+m895gi?tILrV6@A5UX)M;z3YS
zKCpD$N@2+3s?{jFllI{x_v%;TkqAM|Ir+!ZhZ%Q6ej8mQzhDdZ6w{**%OyrKe>do1
z^Cr$cSZ(%y6Ae5Ie(4vqdiv2<3jtzq>lP4{q9)3pgF4BL9EA9{+|e7<G}tvmQi6iV
zK(TH~!)*|H92Ay$3f4c_e4(Fb1lJ(uK4k`rltUd;B@5GUfcfa>$X`V~Q0@%EXlX(F
zB6y{Yzx-k3Mu*lVNfvb{JFALcL|)5#`z>=MuP^%U4Y%v&rndAC<*-&tsCx}@!Q{;y
zUR<=p34Z9u14N8?jhu)yXWADPJRa8fJ{pjr0H@V1cG%>^+=JR)0-z@^x8c$+3kJVV
z5U!u@adUWVBQSPL%Le1q`?Gc-)+wuo%hw6P=6*@qti<cW>)1CzSBBtrqN@S;!3QR^
zKAH}q%~twxJp8(dS@=t*X)eiD*Mn=Ge}Uh7nNMPk9fB?Nw`f**eTM<##-^WCYj_ZS
zN9~5yU9gC&<H{OKJFUz??+a0TWx)yJpU}7{qULuM{1nJJvlCFO0H8au3fkuiEUw+S
z0h8Ba=VrpFDy{qv7*)U+IF%t#X@#K%L#ZN9_||b$u*=me<hfRNrJ~a%8s6^P^Dncr
z8vDNkdt}A6FY}rEYD&WnVlJIxu|AYT@<`LVTD)@|^UJ%Jq&ccdghL~8@}bSm5XdF|
zjlXrbwI6V8+b_4kPvzj@8G?eKz0CHe(7WPlT!lMiNTYh0glQukZ=&@1;5kL7`Kj8D
zw=`B?hSL`N-stNpXnYU(_5BKMflCS(iW0D0Hhtwa+@O|=bh(<!_&@EOe@jzg9K{78
z69fH2o#fI&h+zsXjTxnp(=1_D#++H2OeUpP=E7#v(gF)5{i{iBg*elpW4Us+r6{6y
zAzd?c=4_hYB~li#78=d2ooBs)Uch|^mwTV*-0zQbK7C84a<a|xVASNqVWXgiP01+|
z<(A4_&JY|9vhlyn&}Q?Ogd%Lp76Nre^`TVNmB=U?Q<$ykZEoF)J*=XFSBoag3hw~v
zjWP;KnuuB&Zs=05xth~@a#YLoJy1&Gy)&c84VKMZOkPz&<J`aqxYn?E5M0+ckoD@T
zj%z0t0TRJTw%f=1i1}SE>SPQ&4vb)>H0(e$SU+y>K?!9Kwo}lk=@ktuyv$1LoWizr
zM>^fQ(A=&K;83=Yf_;P4I6c4C#O_YOB3^i=<^?eUVHAqHQM?CkfB1#oTuBMOZgX_x
zj_9O{lNzP{2h97zuFth%nIn3h9<-?h-|~I`-IvLZh?b2~@i{d2`m$r^Q@h{Dai+Qy
z-Z~R`+Mw;^Hc$FEUyGS>{v)2CJnYQWG}2q{pL^o@n3WM95hA8-Sm|4G6T*yrZM>t~
zVw(a-GNnGxE+X;j+$e9E<cTAI=)DuJGUvMU(X;Px)d5kXBtOZHnf-^e!8wS?%jdf4
z!>LdFrzrEQxMpEGF)I`g85jeq;dd=+UqadKh<79ZNg}N(JxV22b+2hf+n&TRg;^pF
z=#q9f@$NsS9=u-okTZ(OU9mKABEge~w=4p)#>&SWbOLY$aC0(7ZW)FK5;?-I1}VDG
z*_$M?cBzW{{Iu+Ae|~!C`Vm)+?9AB>kFnm2)vrRDMf}s@<E!tTE)-C@*zqyl@E9Ln
zd(dwV5l1koM&$huEAQf>lTh_!qxI^hT*R-bln?ZjTfIi+Pk~s~2uHQi-b2s+^MJ;Y
zSRZC;dqp8=@P)*l>bG-BU&oTvSdbjc(Zgk6F@mfVuu{NE0V@Tp60%CjD&c=A;oPSG
Xa+*`d3$nb0ZulKf&q_0-7T*2~#I@LJ

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/csharp/csharp.png b/assets/images/social/languages/dotnet/csharp/csharp.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe43cbd1c54a2ae8299d235b8e3e657dc0106cc0
GIT binary patch
literal 16081
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
B$&>&9

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/csharp/linq.png b/assets/images/social/languages/dotnet/csharp/linq.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9f38c753aab89b746dc17f51838ef34a8b4ebbe
GIT binary patch
literal 15092
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
TcaF9YHodE%b1VO*<zN2?_6~3b

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/csharp/reactive-extensions.png b/assets/images/social/languages/dotnet/csharp/reactive-extensions.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6ee646fca7683bb64fa567504b50a8adc7fd755
GIT binary patch
literal 28993
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
X6av>{lz$UIu1&d{N;fjE8$J6UqMT1L

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/csharp/unit-tests.png b/assets/images/social/languages/dotnet/csharp/unit-tests.png
new file mode 100644
index 0000000000000000000000000000000000000000..08e652af44e1c6802f42c5f733d9d9456dbabad8
GIT binary patch
literal 18804
zcmeIaXH-*J*fwk#WyZ!J0!md-P^t)o4vv6`2&hPtrbK#)A#@VZaa4M&AYDO3X`v>R
zKu{o2dJ#g8Celj?E%dzmz&y`-*LwedKfX0TSkb`A-e;eC-}iN2*R>OQ-PG{#0l@>i
zcI`TBbVdK>u3f(s?%K5{;P?ID9kYv}cDr^NX&UMObt@=kW+?DYigWcGi{?dZ@d;sG
z96$YzouhoP_iPB7@7Ax6XQltPj*F^(5cRi6=)=8H2O>_sz4FIj?nY<dUAc0m+6S?)
z^_=%)pGmQjW^#4l!m6DBb*Uy9lUBh_OjU0UWUhx@==03Jw-=1N>!`)|f$e`h@a6&2
z*|qCR(t~~A<znY=ve18DNZ#2EUY;rMJ_ueOy#K=*diS(R?H=%Q(tQs<^j{<1|1SOi
zcA2h*ghC5{kz+B?E2>)+irH8jKFq4m7<F@NCBMzdPz$2Y2QhQ^H`qM2GL-BZ$UN<z
zI9+C5T&?{(xa=(_v7}JFmGf=>&8io}k~G%x)RMwItR#N<i0tq~iA<d0Ug&9`Ew3<6
zVw5@B9*wpn_$;jZY*={{%Ri|2Y}WT4w{y;x&=^yNV(09~c)S;plP!Z6!oh-n^pRJl
zmvTdbZY?@*hsX8nfvxTlRq0+|C*GtFRi8?89PZSU$iQs}&4a(!>PQ|aoeu?{w6|bY
zHC&hV!cT6m<-V@=l-SU;M(^crNi$gw`8l_7h3%Mpdq>o<H-&w(_CvhaLqomrQ#*f-
zqB52`deUe`yiXI31)N_L+8O+Oc=Ah{j%DJt`i@Xb{vhQ=ft~mNjJ6_>B^HwAH3Bx;
zU#Q(rnBRkq*t)bG*9V-)O0h)+I;5pXhO;+#_R2UP_@7&i7;qUOpwElbzfV}~6aHf}
zc6+z@+3KNSvxx)Gs6`ediE1ti>yAbKcs4D{oK$(*C%t;f*Us*kVqx*w03i#(r%VSP
zgvNUf)86b07ZOF(zB;t``S*Ex*)(sF|2Zo+yv)rR?2PZ-%v{h!V}7zFDJ$>7_`oJy
zD^@?4OkZ`D3l`DzzZ5)up}4eGB12bkuZ)@Z43FnzKjYn4GJSG@+K@{sRr?Tz{tU~s
z3Rej<LZR7s|7z_+;8BHi*ke`oLt!MiS<3Ab2Ak+hzYj^=;cMrOPGWq=$wzW;IvJFX
z5M1rkmmcfp#W_#)hlC!tg@P=RpiTWr>cMN#?7>`uj9@}6f|iuuy$d{2CS@GH0m(Z{
z4{{NX0?d`+Vqz1@v9#u$w$4`7>wm}nOjpTgeI<S%#);^bo<5Rd=kSB4gVq~#mTOGd
zmNy|)QCVF4_5iHrA~U7yPu+63eO}HGdby)a306PMxXMsMi1rKV&G3;bUG<2}`oEC%
zvwYRs$G{y0ygkvTOkR7k5ic%M=4$Z$R+3{Ke)aIT&p&oIC<g1hUlY9{Xnr|?j109R
z3$zIenuUitWd|Cse2MjRntd_qaNM1_+TLb0eM_kgd|E`gx8>IQU+Ef{i@Oakg`c^@
zS6etqFQ0g!sEAw{<?X*cP|T_jvSfFD458F5B+-*dIOfb<aADyiWo1`JTDIW420llN
zmon|l$35Ws$K8jA3Z$bHQdMM!S2vxLF`MLYYD3hLx1!S>WHzO&%y47%U4MC)i?`N_
zow=+{m!S7d-*E?X;q@4W=&mEee=;?~?i?zZ>=op!CylTeRWPgpLcLTYjMLGPs?(Fe
zDVN+DTeC>U%oLvEQ(TB<pjK}Xrn)#)(ydxVjVFi3!^FIOTF8f$JQ>iyb#1ETXwQL+
zd~G4U+-NwB<&11B%~2aGPdcttzTh}gr(1GX6kUMK9aGp0=LAo1HmPPYvF6!<gKCAE
zZ5=Wy;1&sNL`1S!LA0TxTa@z@Y)kf0P86Kok%ipQd5vr>QYm7W7t1?{fLbxE>U!6_
z*>?B^wWv!np7M()Yo933=JN*@7hOdhM3|h3sE?i@!9xg7TiDjTn|(^?VC@ka2gHcl
z7*`XW^;jg~guE@4zo|#1UN_AxLV<%cL36Yv=y`Rygdk$lk=;`Tl&Q>o?Tqr5@xGx_
zf&cW*r>uS~I2+YZP6!`;E!0m}qT-@*X(}1EW7X^5o&>S6@qufX%bhT`gPZsCpda)W
zcP^s@aY8U5P3Qd&g8j@as`MKz-7NxDLz3ms_nDbP<a!R!Kacf;A3=tYDlU>Otb4u&
z)f(|pI*{82lt2tfZeK%X5_#FV(ko+XYf{F)AN)vE=6%W>X0`so)*V9bZyz#))psPw
zO)AHDxm$SKrfjBWu@<USu@)4j`3VWao4zu9O?B4^Lm|O_#zR-lu+8Q@zvXcP{Y<7c
zd>5Ry>NKehd8?~K55>jll_$!O^aO#xPjprMJ%%|oKZ@X3UHWz%!ADn*>OGD#-JE=3
z%IJ<S?u+o;D$;RSSUS@&=%J(tX6oJNRWE{?AK*y8j8t>?plrT>r?kiNp+A0OsxK?q
z@J&OmEu)1Nq9~Z8xj!o7n!Y=7Y;_f*YhTp&VXnb|2cez^f3RjNrIf$5rLR|t_udLJ
zoU!5Iec~T})FIeivOvpq#l_Ln6T8x`V0jsa-LK@iMYb{XP93auvZaoJiL<hVRB5Q`
zn7SOs-!HiuLLIx2`|b4W*Ubcv38WBNq)1#j|KpIjB-;{JftY-Byj;QNtBx$zbLycu
zGveJVL=RdVqL;1J{U>d$sozu#l%8I7zvaZUD$&$Zkjm$iiRbTH8wsDUV4Qw->FZd@
zS@)8E3TvNG{RXEz`YQ1)Tby*Fk44_6fsIr*H-F^D90;bxNBi|{j3h-JzY7a&hByzd
zM!gssOp0v^BWV;=&5dXmv}zDF!tPTlTUwV0eM`u`6MCxaw_TgK+NMv3jZBs9<*Gl|
zl>-Y+2_1vgb9Al?A+#?LC>3)FGMddgg4*S3HS7W&R^?upL%PkuB)SC2?gVGhDYI5#
z6KMiPd;;t{X=Uk=gm?zNNIR_a+vq$^+coHw-_gtiOTt5|L3*;*6|2p;4ECp(0bO-i
z<5h>SLEL7r33|S=g)OzdB{D_lMI7&(Pyu*sExSq-5kb?n7AhH4HLy1iJ#^x_@Y88a
zQG|A}<dOa?S0}T;L5?3h5AhXODpF?X{QVZck3&n|stIzlxqpQkp5)~3ZF|e=Si@qZ
zGb<iErt<2R#mTAWTIs_17jcU3i$+F{mw4IR+G%Fu>)0F2$C>ozy4*|<?V!AV|HB!%
za0c#_AQwNn`P0$As9<YE^(mZP5YzEU73;#SL+w3PGg#9gXQGt&MOF-*#Z1%8sB3<2
z99HF9vRQ;5>kvrN7_81HcVq0ILg*}xOqFon&zH}<gu~m4lG}nj-J8hV%t5X3k(_63
z9Scnw@(<CQ5BI{Nt$29Ef@gjlS&x^q>lTzz^%B+Hz3ai&L_=9Vl1xY-M>;wP>k?7+
zT613TW`}lR4m#&lLAkTH@KS{V@~48OKF0jEd9+5dY==eakiLxA;g-IYUW6r?C*A&-
z<7!t@Im#5HbpgR}ZOZj=6p%tAk;IvtED_0scEa!0`|#C-7q+6GrV3v%K@LXJzsD&I
zMs;3GDQb}Y)PwgL<TN*h+VDAN)UituMf+D*N90%={Gmo7C05QcA~$>g2nvlk7aQ%M
z8dQRlyFDc6xYd;;pU!CG?)G2lPv*{#+m!O(FxE40mz3A`zW)@*`ScR?D+4S*VN#qz
z5r9)V{D>kkOYnPsJ8gCTFvJ1}r2UQA*AO^V40rY<E_*7F#kRUx+!M*lW%n3403QtC
z94h-xM-Jbjy_z|{`(5t-R{{-+p%#9jhfL)9g2vbh4TP;?e3#rEahSXm(dV)^adygn
zAo-25%_ZwQCaJ{dw_ep~4UE1U(=0eFYG-kbwBkw`@#f)C$QxIC<T^_q4Vu|fpu8$M
zf{V*V(9k^{GbNLbl@i18B{-N!7q8AH`4np^RJHzviUR2zdP>2QF+|~xDHyb-|1|9}
zP5*AB*8fXooqK$)3;@u~cj`i~omYn%p}YRpmE&|VxWgsz1KRfnYI^zkDr;@;{`y>Y
zZj4?)Zp5b4Yd)>BU@J@{lZsVLNob>Hhr-QdLj$jkN1If{ZQk_IruLa|6nAn-;U{C&
z;mPLGNM}WN{fT7~QnSW?s()qkku7&PZgGzIA*hZ|ft;=&%FB4Vw$V)uA|J>rITx9^
zzgjEW<#S`4!t8)6bxe82*MDdfi~OD@<Z51hL9p6af-ToJ)R&ik>C-3Ks3w|@>~Ppp
zaY9WGNGjM3Ujy`53eSLcSVvBr3c5*CxTbUbbA!m98!(}wdnTUKFlmx%-6b8vx}0c6
zC{vVYZ0k;+3upNIi&))_+~q7%;h{X)DDw|i4FlMm$gU%TKVZcGdhmW#aqyl`B^AUj
zm>xgQ2vPqssGfa_srflwtt@9CJv6?+yJ>aQ3ft@%)uj-w=u@d*Kj|rZO13bYKM>96
z!z?zP$_kS)7esYb8c0mZUV-A!Ox`07gzp9;vL)M3lwdaEawETeIN+X%aP`=z`CkZ3
zo{mqj-@5U-phn_ne0Ab2i;;ohKv}EDVR5bMcuAkid(Fl|O@S^Lz0kq)C9vU@76Eua
zMZizvAb_Fcy7RGM*8<3@S-rjy_iD&#D#>meNzQD2m<-f*NT=3(#?}-nI>}An+p}-t
zXyJj6pg#c6q^ORH?PZL-DH*vu^w@WqN5u8kkWQ73Xb_$uaw^1Q^@k+LMBPlmj&~oz
zXP<NrXyc1Z;W7RF8l&Eup$1Z86FF%?ai*I0FKVsN7_oA>W1^_Dj%6)p*`Re&TV9B!
zgYvs24*)L4F_7LZiEU})^j@+qtyB@koFeHG&5m1kPUui7LcGGZ!dJo<AICQRVUSl-
zhpyOD3AV}8MBN4hAx48_=6-+TF92#w2c{CRz18AmZn-`$y~+WXZpvhT3&R3=qu%z&
zOy2`O9!1Q}U<lB%HZ>iFlXGPVmLj@&@9UD=iF|TA9l@!NH8uHl_D7Tw$9uwVYA*@D
zetnNFLit{=8TTo2w8v{>UDrgBk@%#1;%8+!bD{-q0U8mVl?6W5oRy^Clp;ukrNqLF
zGp3}ChBqaJp}Qwv4}4sFvYtMxW|NT{H(YYTL%K>A^%h?gn(GQP$kTPyl9W93((tD1
ze#?h>pFFW`0T=4Vq4qH1p@ITcGl&}ZdNo|^<Irs7PdR23A?unXJx|W%?$E+5y$u#E
z8R5dt!Q{e(%*@t0`|6ym{e7_h?eZeHHkuf1&0bC;8CFH@Eheho$DSQTeNT%m9~GNY
zT}O1;^EX|+0Co`{@|(LJeYlBCanx0WU5!!|TL3+pQ$q+Lcpu2=8P{3T;vs&vZwkIT
zV}Hn{Uhtk$oos9v|2#z6AJ4livd40Fo;8ghx4!nG1$G15t2QuEEax&qoOl)|<fmI!
zu3oc2$ydPHmglG(*;>pfU;pM!OIvJ~TmJ0f^^MFM4GV`4UhrLde`;?O-Pm;u<~ebg
zE0CD`gDI9b<LBXx@`TkOyONGLhQp=CzItW3cB}a3-2{*&>H<%~hKn<iO=)smV{W9&
zV)3S1SCEs7Ii`%EoZAq0vi9f_IX5D<<V}b%#vC>q>@kpTMsT?pd_%azs$rQ_bTF<z
z^ZZz_S4~8>!0*=T*0gp}&~=kDy7O5Z^YP_lpPsBVFXh5<Sh;aOQU)iutG(A1-RI(%
ztd*fW9CFX(DRXoBa4sW7Om-WZgS}hoDv@U2e-tWVZ^9=2expJ<XG)?s1l=3%p{|I+
zvcx434A}cK4T(Vur$iX0W*VICNAw5Z>>UTtwZG=o0+=nd2;2T*<fK(Xz1Wt8(BT##
zTnl_5nO^4T*!i;s^q9O%P2}~b3zo0>4BU~FsHNAs`H=!tJbAJopWt-kRC=a4o3^2F
zu!%}&kSeh6y9=W#Dd6iFwi~hy20sgq@7mSQeN4k)MyW<NZlH?2r)PSf3F}K#Tp)rO
zHSx01sS~C{7^Q#ImVt-tUha$vQg@QGKIfDr{jxgXDjQMJ!=1X;eP$@>Xz=LIZsgG8
zOwDS!@y;^uB90V)eX)OPTS1@SHCN*v$s-Dp96R+-b-pDgpd+<FuC|D{o-y!B`4BuH
zMG0`<u<h#eU!C*ZPkGH0uIYxmXmuSo#Q1bra-i-T!SCUs;1;K+Q++<kR+G~$D<5U*
zs%W5(o|V&M6f0?@FZutF67WI2{A?v^`*F;z^~<Q*_{)Qt&e0=}tFZF1yvzA94__OA
z`|4R~%Jdh3W$G@>O_p!fWfC+Tp#DK2&n>b`KD?+-EN{WW?iec@8yiU#D~C%-5jzvM
z$~AOQo6CsK?!>klXE$`1OnTouav*O_ZDwA8P&H#}HKY4UYYWZ7GsVrA=lAAvp?|#p
zi&e!PH>vDk;ANM+4m!A@NrziAeXVs@Ae62VSZ~R&sK+zUuk=U+4$gnJ((uJb1yK}5
zT$R0BKsjVJv9bM=L%Rt4xK^DE4V|jk*q%1^fB|^W$Qgz2C}sakHfZLMga(>cVr)yN
z1m<I9d~AeB;e~iTV$%7%)1W!($vg=t!<yixgF?6qi4lk`($8u^9B4^2M}GnGWV`*i
zyG-i;1xOU+h~`to(n4T?=sM}Oii=a0VXgFA3?-o<KOrubSsgm?{G1cxW`$vm#@!Ol
zV?Iq`yp8nXwpeTzcmFb5jOZCWtx?SIYc76qjrjA&@E_JZJhT<u&l~m~OO6DBsEtTq
zScu(p=eM@vtohDs=%3B+SOeSvIt=fZ+$maa$%uGw+hd<DX&W*z-L>VbFBI)-l;{9t
z&>t$qU=<(ng@a<1J1U2W?82Qz6W2hH2>e2?-Y%{5PnNO8JJSna^oHN;TP7(Q3Z!VA
zh5Ew34f1TnEnlE7wVH!0U)z}R=0c_Nk@TB92(4|($2T|mai9yJoFGyGVnkMEHihVb
zIG|T#$rTm6({8+aK{3qDNEmETsP{0{{Kz2FZBZb`Sxa&-Ro&p*7Kcu>hgSP8{-Bpn
z$Gk(b5S9U}Z=epLf|hbzwK*?Vh+{9ntxG$uP~aU65&_f(gkoi4A>dGj73<AXyLCGy
z(pEu)m%0JRY>d_%Rt)_M^&N&c^f$OMtq7*upT*e!0OU1?@E;F?mIo|Y1M8~wE!@-w
zu>GA@*YIwDQ~<Zu>wU{zxZ2g3xb$^W&58ZROCPX{i*acYR<sbx+{zUNN^V5NdYVtf
z;ls8z{3RlWOpC;>`X_eixmU5Fr@~hfWbmO}s|CHsihPPw&YxI@$hQZ3`bxd-H)(zu
zlgSF=<3Y}H$2TZ2`v9{>TC4q-f=~EH=_cT0tm~s9-fRIb$K+^HNa~q?00nb>R~!2x
zaV_8yE2rk15WCg8d8&8!hyk+MK^uhHqwK|6-!DxG_2{NQLQ}U{yP-vpS=Fk!=oScO
z@Y2;1e&vRPGPeOCxc0vIjWT*YR9N8BI|-1LTEs2)Y*UZpPf|}g80Z6drNhh$mNLn2
zbZ;A<JzBITwoQ-Ef9Gx5k3+kLu%we?%i*Sa4ip!_kNGg-=Cns1Wgm)SrpY)h?GTW^
z?wS)rifdVuU(C5cOg%2WZ{ev0Bb~#+rH;r%LO?c1-yZe(+heSCHU@4qY<%up`u42V
z*V>A|kaIKsVOZ$bZ?-AdKY6lDjMH|(HGV7@uim&m9--oT7nKsW8ZF*)WShOecx0<2
z4?utnFj@-FH&BKEi`hMfnLgJQxH11(F47va^U?O-C6sWjCwRm(oUi}YO68qQ>SqjB
z#0HDl+TS>4$h5ifgJ;CBesW-EE&euPO@3<7G$Tg!mNUCHv?N*<jR2Sqa(`&}ij)>%
zoo&D6)NCv7w6vog;29NJkFi#?iM^nP)8qP<I?`I0y)Qpl8hp4|^zr%uks?6r3THc>
z`riwFR%8jWiPC<=wL4-FR)D=o#j5`D_mbpA(!;7r91B<dyc)ypn8|-bD)!HYFy%qZ
zGIFMZ@`(TR`=41woL|LzupjTss|8=TTPpZsnD;pM_CeGom;^)_UzAF^U5p&YCI~1y
zVAz8-yf|_3+3?C!9zp{P8q4F_GN9Aw@B6t|iciO>8dUbo3Y9jM1TTwzk`aiucH@H3
zx3Jk1bH`^W?<gyQl)*qccp%;-^PE+))U;8su6!C!5I8MJx3PWml67=DL^O~sG%DXO
zEsTmow@MiWW2QRl?*+D<aJ7~5L&NVVunb{n>e`o-h=kuEsii%VG8z~@amU$4vLM8Y
z1~t2&xu<OKt$JUr;ea?*%X?odF=>-5Zs}~pmg#{nEDWf|<ZpB9Z+ZPqR%bRBuV#xW
zpVYa3bNlMR)=$`FErPFxyNAWS1Io$nhHJG(k02hzZ(VD3R*2lQE%CHRPDag!->U(*
za%D^8u}xIDgmVc`;I9gf)eT8{{U;2ZlPibe#Q7t;>imav%qEkmY=eTcV8(t<9HWsT
z9YY9+E&?E0O<Ky2D7$0fIc$7ZD)wwFsO$%{GSb-9r2J^^O|*fsav<l(-|Otp>AL>g
z)Vv>k!-`w>YjA%FkHD6bfgL847HQ3H@%|cmVi0inixnrX(AEbk%jX1S<{d6nWGy&!
zt0u&L$U|&i22Zv2h;I*o1C6C$WFLFBT}H1YV5FReU^1kUM?5^)rcB!=u7e^t)0EqM
z2<?o@^HPj6JA-EAo#xe555G69`tE$wX8?tBk7BL;O=gg^uK(EpGd4Cqc$QLf5ei<!
z{!lv`JJi<KvkEhhG<&5?{|!S>|9mQguKgv^V+bzCR<{c;SmA&9Pw#%&1P8?e1f#1R
zX1#J{P63og=r6Ac4y%T3)m+}b-n-ZNp8IEso~Pjz;x(ZI{eP$6+Go*3o#NojseoUM
zxhD1o{oS19(Kz1uCFR+X?QPf_XMZ`K+>#Iz`DtI2HP|GEVPzL;7N}+W)E(d51COlv
z8-kOYajo8HU%yhGlzsPJ*5s&heQw%LY7l_<aaBGwC(I(%-5_sO#@4B4W0V+|s+^(x
z!9=#XY~q~NP>sA!=U$cv;RfBpY$vj!L!_PT6R*@)GAGC%y}jC|dg04C5xYkwT%KH_
z<YLItR+={}Nq`^S_3SN31p;S|7WpK<rp<qjh%nF2u0qdM5%T4Nh?NsgEDyt@ka~F1
z@TK7^a*LRl?Oept4B&l1odutaT_1&kJ#XTCLl_WN4-Ib}r&W7<qkmb+v=Ap5+bi(3
z?)}d*$OQ_8-;0**1*5}B6V(w*y&I#}g*hrXI6M88DDRWk$Aa{S2<IF|LaiF)z<#ZY
zJBAC`Nlf#~?m<R_envkfdLY{4<XBTfDr$1!h&IUYG1op6GA0U`8)bzo4@Xvx)z0QP
ztj$+cQ?XaV5+;PCq--pcq#N~9)Ku~}anQ=MIvfRH4nwCMmZZ1$e5Jd2eUi>6;+-*K
z5ZC4ZYmEVP|6nFN*fwNOx8R)K&Pltk2|65Awb%OagJ&wrwugTjZHr<Kl0SNS{JX|E
z^U6Kk4t;xBjm4jpw^PLRlf0oPo$Tia(y-QqwpPUI9euz_c3JBLjW|-t2K!>H)=dC2
z9KeHnv8}9K+`V+GzH(z!WuGQZrW=N*U{FFpwfInc7W9L~wGxd(1cV%V``JkEY>s2S
zA0o=acT4n8!U;KsE>7Aok~)8$N6S?2UdaR?Po3E(dc$Y?&WmUfR+~H3Rr?No?!^k~
zp+rv>$@WBe*vEo9W6`}q?9XUMn~}MUL|62H<IwyS`_GKm&X3%;W8m%6Yr@do-z<;l
zPK#ZsFUy@DzF%FkFr+R;+Qfk-OKO%Hy6)Jm>dff$v@)>0D{pXZlN6*9{7=wp@$ID!
zY5(W$<5+7{f-+^uY?R>I9Y2b5i?mrtUeE}bkLY{@E4p9O<h#@c;MO;T)mV(Nxzwu$
z6S~EY+C6?ZS-fZW%Y(dVPzQ=mj#UKuz=umJ;)bd&<TQpNHh*Bu1SIK^R+vZIl~}X(
zpSwcrdTIUo+xUX~T@q2{n1HY*E(vkd#GX*-HNIeGOXW}8+L7(K1w6ZCkeAdr8=gXI
zZ%<>(egJI&)bb9A>IL4i@?#2KOSa}$4M*n%bsKI!*uuShPU?40xgf!MpW`p^Xjx}b
zxaB66k5|GuM$W-vn%+(}gMQz7-zXCU!}nM2<RB5RjrLfcsaktq?i)blVZ8tJdPuZR
z1SKe*{6FQEjVDD#M7+$lXn3}}!u2pK2eGsI0x@EhNcFn~JX0CeBXLD~l>&|+2M4zP
zn?NG>{q8oT;^St7UQv03(zr~Vtl9wrXTYlcWglbhDr_ktKnlB05DVOjihoo6RviZq
zJYgefE_H0wCu+!lVnUA|%f&t3$)45yWJjE=+qv9;@ie~PQC<X4=fxqpP4m)C7myuO
z`zbh`^U{sRRiprBT1D&)>i0Bi5oOl?gvCfTF>H==>y-<gASNsVuu3}&*JOJnKh9QH
z5lpHMGB^CHp!0#Ga`t_=PWPYTL4`0EIk&ie^78T9_QFqREkz*(s!NK`r>862zD%|t
zwdfQMj;p%wmx9sv|4hDlmb=X}YRbhcBAk<buIGDM!-M&ZH#(oRTGjG29I73e3c>F~
zw<mw)I!s8r_{JK*V7*MnL8s4+gUpL+K<G^?cXGnf9^Mb_@0W<mSD&)dO5I6@l}$8&
zPa3{hR6yW(Z{RsBa%k{km>~!gF|%{vZ>IHU-*o-ir$u#2RW8e+d=d1D-ifxzWe5RL
z$NasvEAaA*jKG~Rc^P!qz!)&wuc$>;F|x6rcn=VsYyH}mvLB?@SEGb7Yt8{F8(O^A
z&OO|nn%h(FH5!EF$}{0+sSXyk&oBDyy!nThn;UjL-3MT2C_I0O@&VD#Z)ZnqJ~VW2
zi!#Wy1@NfWz7an73>38A|BbuUS`pNwL^5sJ3OQez^R;&?%3&v?=~4mBgMzRyzkmTT
zgwzPG@!bJnx~hm^<7S)Q|DAZ_K`rsGJCge5AeeZ@zZ19EnfSl)Hs+ITk<Kp4HpNN*
zxN=f=yM8air-b_9K(+_s_{W^Haf6u|wGw|1?xbt1_66KIAm>2|3tDhJ;{#xvotxV1
z1sF^pMw-FVe|?JQezAXhudWsClUYc{K>hgS=5Ml{JBd@*(((mO<hMW(8^LvxvodpT
z|2z2V<&Tik(OA4e7dW=#pxNx*A**M_I5b~3f9{z5^Z(v8e(Gyy5Syi<E`owYQ~LKt
zQ9+(xJKHyG_Mq$GXo&zE*d=jdw~y)uwMCqj!=s=1?ZCmd!$42gwbzmyCZ;++d}{J3
zf@G%wTNd<O2<UwA%|Y|bz`!FAM7u&9Kxu+hoo_U1gI=3zL*?4?N7<(O8b;GLe+c@(
z<K29tmCr<XN2gv5g=Kt|h2ZA6Ipi#9e>odMJQcQvT|#n{4i^RadzO|N9?F%E+Z%8W
zt8_%@&oNQW^Nq%Qa^Q+9i6^WVjUk}a%1)pFo~WvYnG9N9AEMi}YpHiIs^D+lH-52P
zOT{losD_~?0-(MH1*n7aHif9Mc>MH(=K!|tS}pvike3pE7rC+U=}Agl@KV@o<XARk
z>1z<c<C&xOZDZ&`vsSSaW2xs0xh}uLr*FYApbx8QqLDrnXm0^|97*LYHZLS30nGr;
z1T@*q-D86!lGdps!(~LmQwZ>LpWhoDHntv^*R=YEq}%Z)C=={jH!%2v*`tNyR+Gua
zik@NS4wP0jzNj`6n$>~7YBL;dY-#cAA|M1GR67dZdwYHQp#kZ_y^BadS@&tp=Bwuc
z$r=txN_O)Duhm5s8cLp!IYf82R_s2^b1LYGumA3HrvrB@-r1?YegihI<HU~IgN1xw
zXMfubW(3sG5p=VWd9D*yF-!ZrAT$Vw^|e%X%K7uAiI&|XOfg^zfMP*Zm<Rl}U1Sgc
zrYT4R<Y;nzpW!V8JCrSK%g@=EF7Nez)n^6%<e7AGd6$C4Ygc;ZK|{*AnMVX97R@FP
z90#=GWuUoVJ|qjorPmZ2!&?-NW~C(H9jdi~32oOMAux0qW4Ry({7lc>J?;GU0euCc
zKBmzq0aeOO$rMUwwi+jR++yT$@^2a**JlHt{|2Uv__Oeil#<7Fq}^)kPXI3bl{^*>
zSUUz!6&`nx&;ZL>h}mxO|6kvjcHuY=<i~Mz?WSy+sgfB7lR+x&v9_g&%6a!ear<m{
zLs3)23n&RgthMP7NqWE4#HYnHkQAYOs%@rH4{?(dXXJ|9{5=769Zeqf($~NB%GoK%
z1Q`RiQfRDP^rHYdEOcjpU|O0Vmq@!kD9mp5jxZdp)>`J98px<o7s~hUJ1f_!@83YC
z4wt_>qv-7CKCN0KdnEZL571I;x`t!B{P*s9P;&~RA@KyR=Sd7wq1x8!Ej?2Tl-|l0
zx)>q%w8~;<ZY&gxft8XP!^Qw%rhJH51<<nEXt9C44)fV=gQB%0drh=<axBCPvH;{I
z>!x`{cpV|xIG+KW?7O}6E`%^hG~*73%1548LX00uWArc=cZ4p+>smG^ph3=)@q$(`
z-Sft`XsoyR&3a3u<}|Bv3X<CKx$&du!6-52i+agftb$jZ7_CembfQ8{J!K>QarTDs
zWJp5b=pgUJoFFo`<mb|z<yc+edDtn@kFmi`w(~k|py&k+?Y3aW!9D0ej*FlR+xj|&
z#=iF*0z0NaX>W8&K2Qko%e~We{m|NP>e}-tr32a}r6s?w9Oxl-oQvLei<O^QBPCB0
z`z~UEY+{a{th8WJDZZpf^myO|JDSd^n_THP@uWim1<7-wv8XnA@5nYglC;ko8=;wf
zE4=zZ%eK=kfkE@Hij$2st43ad#PcwLdv+kdj8|>6dCeE+ERQ5gTMZV&j;t<b5E<Pv
zWv;4e%=b9iNdKjoAssQVPe4P`S&ZgGwo3`{pLVFeX>JTFsKMAz`*-{eP4}-h5uT3z
z_*jMEa*gHcpuaYldml%hw+#skHcnwPMv(2<{A6JIIl$RfUAr9uX0_r9GE{<rZD@UH
zSgDr$>P(}Xx6HKEm(Vni2r6K0l*_DtUj3;Bgoh(r-!sbBmi@JlD#C0m2KW(G9`5LI
z0hx^aiy{Fg_Ms_@ug|dhge(n>A37pZ69HErx6+(ZJ_)Yavey0v4Y&0dG@NQ_Lxrw2
zKjittYLmfcnQh1TkJDyT2mUlf2i$13?<CfVE<i3Y8=6i3%>CjVyj<Mo2BdWiE{{$X
z#N)l}R=^reFfC`=DRRfChk-W1y*rwS-U!U4tFpbvS(J)3#1x&zDFRR_k#!B8vQ{>1
z6Cc7Lc`&qfZ>O<YkV-s6b&R11%$CpLvk-$s$(pdPB!|!qbh!`6PNd(he~o+|t0d7Z
ztUwFOK~>uv`o+|3x=k-_a*SE~Fl-yQ2I;@5oMIRbt^k%zWI1FY-prmLy~V1JOa1m;
zq(BHTi3)r8zpW2UuZdJnM{i|*IwR!jP@!x|qJP+1J@S%T5Y>0kcU?Pdu7X^?h8P+!
z{sa_>Za#w>-&>MH@U9ZAB$r@i!UvK<>J&(|n`TA`?p>A89Yz2@RvzK$Ut$Z7g{&x<
z3h#@4E6b7-;$T|l->_C$&nKLYt)@>|8N#r$$lg~`LA1!djP7-d2GHm{|K@e*+=5kU
zy>7ZkgxFA-4zB8n4x#i6R4Z9qFZYk=d=&Y*{jdycGfo2T+x&w?!xXphpIso+&Lw4h
zb&;^_##59OU=(1)t4|lrX$d_+HR0}Fx?QWmE>BYP53$JREH8u?U=btb%F_^O$O&8O
z(ft~q5P)jr;^ATa${1ZCw|Fk-Y`y<vf$ZVwE&?`*<BEl9z?%k%$XbhNb7-^Ro+&Q$
zks)sx0JTd2q(I<ygRBguV+!(7<@2c$bWnEuBkma_MnDXLyo50$1<pn0p0yJY7)2)3
zGl%g7dJ#qwDxC??!)OQO%uoPWjulp@AsOfdsaxxSjj4x#L=%-8%ieGc9t7=ND^?NE
zk9j%X(RaHWhD3Z?pHPp1J8u;WZ2mFmcqwx~A0>=egJgNERSIXzmmfU1iRc7<Vhfic
z1$>;}3SsE-Ycen+kPRI*)wX?M3!5WF(v*=%$2G>J+SJ_SOzW4*yDr|QW3dq{%bJGu
zTxNY?r@!43*SX*M*3G+#{4_jqAXR5f-aQWZCE=4YVNcCNVi&WZAn;2Cl_ow=*qoQ`
z0Q1RZO}++>*Ek^sK@rNdMIsfhy@3`q{(OZ7WwQ@YQQTRO508ta{H`mgEQ=~~{-jG7
z5*;J>%JvopeHS&T6u6!oLQ_&DoN!o=Q;0rj+UotJjmzu=u<x~Le*^}z%H$VS(1y_c
z!}{0ED|ZXl0y{RUlU|?@EF;%ik8KrtPG$6cO)aRL?<rFkGdH(6rs{Y>GW(<oC_004
z&pYggyF6Zkx*b+UTlh{N45QKfuK2eK#R)iz4~N|{@!>M4PuVv?zPG)JrNAaWlp`JG
zNDRMqY>XvT3Y>UqzSx<z`+c2&*G7e(56}Q0nX#r7{~WUw^R5WM&=jmDAdXjX!f<lB
zSkA!gJb7fw*EUJb$1SYMle;fpYYZNrH?diz;S;;PiC$_Ker<YJWl=x=d6jAC58x|M
zp9kaDWSdxz&S_=?BTV#@(ZS^!LG{9NTOqITY5zySG3Y%$&&K5<KwsewFvakiZ-3A7
zVAvD1qgZInH_RVHqHtesjAqo%2oDS#8n0FcW)sh4`f^SZ@TRp+>suSwXG0yU*Z+BV
zqa(ITSM+>^RsaCuZ3>8qdBs58zQUFVDj$o__Vfg9S_V>EKE|4nkXK&)Dtxc%#Q3me
zMUo*oSD%B**4yynf1WugUZBL{B*Z6CDHe6DQlJ2@^Hv~UVMgzE4~0#`mm9rprb(QV
znayVbEsFE4_MO6FD}7OJQz2Co3ETB1{WsYV10AJuJi+x(EkfQIOP{aaABN|W=xTR-
zXV*`7ySEip488VQ4uCDTx~7+>Z(uOOsJ@J#xr)K~v1O_4+-A0izgj%K;r2Y=z(ViA
z3fjob+>nfKP4petC)8iC-1|Rsdc0@5mqzvGllhiwOJb2LuKW#(335>o@RfBWq2#Ll
zcW#J_za62q>4a*fOsk$EB%0g4Y!khG(5lSGAI^kSAqeEb7f@JV9v-&#&~fMom?TOg
zN08GFe8}-vQEKR`2G>pug{$%gZhzv@!UtjSt*D+9Yy~_3LoAnMGw_S)&i1rg%*&Cf
z0lZ)#NNh4~CqyB*P9VQ-x!jyYI|g~q25aQS#V>Qq$HCb-F_7H!sVmoM`q|b(_<@~;
z+rS~-(t?oQvrRRkY1CufZA}QgX<$C0ce(W^WybylL?758oBIFOnFUHN)WARq4B%|2
z(<#Azj3bEN;LYS33w!kV`*x|}^zJ=4uG-Vh&c{SgCga1Ws&LibK`A#LRGs!QfeAq=
zaAh24NnSZP+F)B#tvnkn&DK=^K;F*L2DN+EV!gei(lUDF7xDCr2pY!iR!ZQPT2V1G
zP}5^MIkAkILN(JBIz31kYr-=BS-Bh7s>JW?-n=}uETz0;l+}>9@@-XuA;1*l+ba{;
zJg^LTJwK=4KAv9bV^NA<%0FKoxgFO}AM9&4OhI{>Xl>>jA!m_$GtaV<MMv|rg;?FX
zxJYvn{xrCYA&qfp2$~caf*cpYTkQ>0zLnMW%jB0<*J2hNwa-g8g={^onPNRr8_6}!
zC^#4zkkz;iMoela^^u}hS=C%tQKciRecAOTO{O1+eo|+xIj(I*&aBLZ%j8b6*`pB4
zol=N!c3|4uFa1EpLJ}K$aPRcV?YJ~KQ?32r*vP`Ea(vO))|WJ<BeUshKpOYLpFE29
zYFn+mxh(k`f~5{YkoGu)MnK!oShiV0whfZs5QtfCu}kY*o{T4nWysN=+JS*2k%sN*
z8PrZfAYNUp#0k^3FOP4k>V9sq>8}OUMMqe`m05(lBL{bv#p-&pSnC!*{HfBw!b^D4
zy$yTx_3NWOZ5f}(lIS%RhgobX!2`a5#J1r=4Tz1ou=x=SrPyaWyK{LZxJE_8K%XBA
zoH5wu5CGgf9VoGar|%S@5-;Q^kHNQ=?AQ$b9P%OgNL5k0qX?~_i~9PI?Hb6}urNRB
zS`cuRIgF)Ly;ld8B1MQrc&2BvotP&2R(l5gKELXy2>;y&R2g8%#T53Xp*d?LTT!vm
zcM8d%H5r40##!fff5?5_s(*mJ@2EhUhMFjcTo38}3rR)%JjnIwwLMr_@9njQ=DZ#w
z(==61T55m#65Xm9aK-3Q&irCAO5N*faI0}?PY;3OC^}T}<q}Z6APIP!DhYacR5&Tr
z&w-O#hL_v^AW`GrHIZ`#BR5`s+id-tR2{B|o{ZHyP)Yd)HQK<s4BC*wa}{m+4{Lnf
z{E@<H6<VULipT7Nr}`7(qnGef0xA?G<Eom-6)1^?v~9#^#R^*slWOkV5?=ZCSY3qu
zCF+Zhufy-#qapTKN_j{})7v4>dEeld4)f?_#uM<+^Y#q8Pd0_$en~~*`UyFA;BO0y
zH7Oot4htXja!^OCA?GDj(uuPVzFf}hI|!4PNrM$lmH7JrhE9Hcb5cH>^RVg_rOq+&
z*+MT&{f=)i;6#@@t*e|cdTm3c;^HJ~#P)7VR&lXK_CH+3JllkJcjMvJA(i{aoS=+T
zVZm){Kn|UGtL*Z!z2nK{eYsNAo4^pcxJ;wweO-@BPYnimp13?^On-%wj|*<9(phjB
zY#-bzm|J`i@5B80dJ4W=igu9r_f~r>H%OVD^J{++0k$Ikj1s8YOjwrUSE2OL?31Y1
z{(-tlqdH7sKhM>L@(u>dIMk&i9F_#AeO%%#sHdH<A|CfQ8A?C109o5diyI(5Mb>_R
zUn(rv2)vf5#W#87M?_S9ScW8HojUZldH;&XRqwj(ISsTMxaV5|P`}mkhqbLDGRTN{
zs?Fw_Qkr{ArVin(XmUF3Np<*&l{Zvhh^~+9?$5s^#z_RKysjYq1Eix<Fzc(|Gv&20
zR~#rUXb{nx8+0OD+5-eI0bws>80K>Wg#TJ6H665K*<s#BdAYQ$g|HvL=8vZ^4j<PE
ztjlq0LBTryex0vQoAARb+LP)g;sBf?K##%8w6^~VCwQTqsCq9P03zYVZ;zqQlMJw}
z7hCTpXxkw3A2g^MW55`0VjuPpp3Z{2#Rmvn0s}DLJF`mCFy&IpDpeLcYH9pOXd{Fv
zJ=tvtv2w#vm4;Gd0kW!(L)S>3^^!^7O5e~FoMy~lZ$NT5VIn7zJ^+~g?VjSvsJAW?
zSeew6D40djkeYJ<{DXrmEBKDI*dUHs!Wg<PN`gJUHaey`snSV<o^7G}R5SkPTl+>v
zD)7^7TMSq;eGyYG-^qZu$gIpbd*qFsC}iPz*KKga@<rs6Q7>6X8h;zHR~QI;gEO1f
z;^H-%aX)X|s;xR%>|GVtjJVtYE`?Y~)~H?%oQZV4VV)S-gO5=0_lCT<DFHtosD-5i
z1~g#IcSK!+ULeKqC-@TYs;3ufw^n7r%F-<WiHXRn=mqj(%*S(az}5nM85HR748Z;6
zu0HS$?*Pnqm=EdiK~2J`*0t8o6^21(=KG*2h40*{8fpcrl(m%jKRFw-OGUs@0D0V<
z2sZ{e)pix{<XYER^W{rLYX!Pj^zU5|Qf*}Bh^z`um_hKdH|0T@2n|h{10n_{fsN}+
z0(5zKppPCHCp5IctEqx=IOb(`#rlu9()Bl;fRphGv@~($&-03v;Z)+g!jm=L$%_A$
zH`|Nxb4QO%-(?li@|xF$p)(Cswoim3E!nYtwpkAQy&+iFK~y)K_A$S8E(KgP9HMVx
zrzt_8RD<qhI=Eva2-v#m{#=J5^a5nC_LpB>2I`+O!393@1P_S{KA2MZFn{I~VtjF0
zSo?!F=kumG*>J;}%WDuZvkNvBZi1kIQ#&g(Kz!xal&Xz6OKNrwGaBhRsHf~@fPz8Q
zR)b*g!1SOC+{?`K3&|7nZM)w9EY9HKeR~AAvy!UrO|e{$0jHpro&>7>*79BC6x`pw
zUv=s=p!5MCwFgIczHpks$p}X^l(i{kdYpPCyaJS>+R^EU-TNT6T~`Bf55W!3y?j_Y
z&Q?c9GDk)$wfd*r)7$*7a)5DCRUjtnQNTIo%sb+H(7JL$e}43a%o%{6rb{tRrZ8hK
zx}N+(6G#yv>;FEbphS9y0aN|%9XtQo2%@S#^IRsE03|hDG=Z(7<VOn^u@KSQA9OA&
z2dH^lYmr49!mqr**T-DxfntJuQl>NgH)%@TxHyH>*W~6@NC6UP6HcNQX|AbsIzpRb
z?m~JcYVNc7{sw=6xHzCSO7}p9tF1OHcJt`Uof@TFaK5HZASn2{Z2>_Qo(z$Qq4Gjv
zAl<W<`Ji7WE1ckU{S}nZZbovyf}^~F{BJ^p64nNOk?i?i7lMI5ocCD9LEfgVrK~@Y
zcN7$iLcmc)@?OW|h*1l1$gGjz+U;i`A9y3vbH5c|!%VucP<l|^Gm)_DR>&Fl$Wd4<
z+q8`t_^S&cc$8|drr{wSxM8~tp%RjV25kSUKxR=WL#0z}d!Ik&IHx`}5xY!6way*C
zT|I;GIxzF#+X#~FN@>8-G&|F*{y5jDZ^!xBQ7sDV!@r<kLoemmIgtg(%x7acz!s1m
z!gv-mF2n1T&KgQS7re~V&FZB}9#h`q-2@0iB*Oqshd93Z&RGG{FvyKd+qv=mgI}NC
ztMNhzz+q+f{R%n!aP&8ckO0Z=P<I<E5F7cFbm0_ae2o9A$X{>&u?AgTP5I$4KNCXR
z>v<7{^+$CdZq-8scEM)*xTwwFwjc*Vpvx@W(+RygefP$Vx6hy+uAE^GXPAiz@pefq
zUHg6e%*k5MT~;$evLX4%iR<ksc8}+KoFiEHlNs*`T<z5ETl@`YvJXdMtHZ8rpM(NA
z8Y;`OcHR9mD6w+mVB%KoZh*gl-Lz=AV)9^)Ow@L;vTHo<phwI+>2c~y!E#)A(n_ez
zY(CJ7hTQXql(Ru4!l^L-wkInKdj3U#cVePUfuzatzhy$4T6w7Gd#A0X6<zmvFXT3<
zhmKjLb5IzFG|0<sBZXK3t{Uo*A>0SCoW(EF);FhGs8<|oz^*DRX}X6?bt0sS&H>jJ
zIJdfemID%cGc59p&=^~Yav1H20DiYu{H__`3?6jEZTcA<<cHJCC#?9nuE}F1mOn<^
z)eH(2e@p;HcyP@c(;W0c5%`XdfqsdcRJja{ZI_LZk~xhR6n(EFAuS#>_E^0@87$OE
zA@#~ehTD5YS>p${UDr@HN((MJ13^x3-Yf&0RLJ)hN+%>mU5hzxEesB#l852Oj34$g
z^c9RWoIW=kJPe&~YF{vc8k09=Z_h!_toS_lsq?cr#j#9P#uI)@frK%f1P;@zfX>Y8
zssT<e@c&wb|2d?s{ojde$S?8V!Sw%EOnLC%`ThUCtKh%yW%%#wEB^bcj{l0}e?<~<
k*8W!{|Ns7lKI<IJ`;PU~`h#rnw09X9nCcf?y7Tw{0o9$h>i_@%

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/database/ado.net.png b/assets/images/social/languages/dotnet/database/ado.net.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef8e0dbde34999fa79a6a0f516c18c259890f260
GIT binary patch
literal 19383
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
axi)SemS-tlxW<9Yw{?wfmS4Aj_WuF62<i?1

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/dotnet/database/entity-framework.png b/assets/images/social/languages/dotnet/database/entity-framework.png
new file mode 100644
index 0000000000000000000000000000000000000000..47db2b5ea1fa75ac9d478a089b50905c2242b50a
GIT binary patch
literal 24612
zcmeFZXH-*L*folJkfVqQ3Meg#1(hZuMG#N{5osd53y9Q!NS6{6l@5y1n<CO7^b!In
zy(2B5g-EE<LTCx0<gSh9eeW1|-2dO7?*}7Fva{D->#1|jhmgk_%1p;OkJHi7F{wOM
zd_qU}PZ1s6VUK^0g5PM~^)aENGhb9uyr<)pyo~dVH*v3KSoN%^+_=yBWM1~tnLp|o
z7lWVtQy5GrC%+jkOt&N+CzN}hYChZ__V9GZm9OM8{XP|y)rjc_(Mwlk=9V0{mS)$z
zc~cj0T?yOjBc)<^Z#+4!)4W()4&0CK{I^F`pF_~Uif$hkgkEo|2hf9;yP3zpvgqjA
zZXIHWUK6hTI1FCS5By^Q{r6cS9V2)NP&@q;y846N|GoJC;D*I)lA*&1_?cH%E#~jv
zx<KhRbs&(u3;G5Vqb$TP7t>D0khZ=BH5)PvDG6iod6yPnZVPyHkjZ=pm)T&(F<z~j
z?5%#i63%Nkou$4A3nRwj&&rg!F&2iuen1bIz+*SfZs&+kb<*;)LeBW5nf+ZN)u1R{
zwvg8J_N<vzKMQWX1AL4wG`HX)jJQ7%&D)sgzQ5_{>bsR|?T5a8^yYyjJ=Ur0u@99=
zwSDB))k`!uEh6Z&_>E2U*MYeOq@$?#&5$TN+dtt+HWFJu?a!V#Fu1#Yx5{UydiX!-
znis57&=@}C`=9p@4E0R6m8-FK<>895nJ_fxQO3VFxm78PIm?ssCo<&@D!(es;@7DI
zJ5_RB&v$dpe_0*e=usfNW`9=j@3(8A(P&v-|KiI-#ix~Ho9o8(*}aucupb!pm#Zs&
znYZ=CGZ$fZp2g*!H4@7F;$wCWJn3DnajA=@J5Lpxjt$s{R<R!CI=J~S2layOs`Z>q
zomPy_EMXPbRc|>EPR74IU3XL7DY5#`bXD0UOIvr9r7CrA?lM<h^uDe;X+bvkV%*r9
zuq6hZtZ<Ebc5s4u+L@W}N%iZ!LXKf6@^@-Fd*{q5Ox3vmeE*k@?#74i#4%P8L3>sA
zr9qXL;=SQDK4kDuMS8tQJSi*!oYGT2IgAMXNqWr=!rr$t{e63$D<FR^<ZKs^_PF#n
z$v46J=as=Ook`htYvmOymwt5A``*8`7k^w&Z=EY|IcA;!BhqG~=O0RzI{lzF40T%d
z<wowCwOkpJ^n9?AJcruFPJCQj0&(mIVtSoLGD~p2ZH6y0#eSbHiT}sKk+_Mn>peA&
zS_{+O=Z$cK=U}wG{(Unj$nE`}VOu7xh6&|Frbv|tZs7_`+5{|%M7^%QUXMD<%8@2|
zlaFsy2DATWLOSo7aJ{vzU>?4RIv?tTZCV+NZKa_to*@Lw&3CCi;-o^W_su_LzypCm
zN;mxG;HV_OJ19xJVRO$uDX4qjy?$KfsTbVNQ8M#R1(!CjOoTwxMNed;NUHeF)cu}m
zCr?#MLz;e*_PX(o#rM6ry?TQZUENd=)lRugg>S5X(TvwKZi=~KaI7fwsg9|giR&aK
z{?4n$Hx*lvzP>9_ojZ2AdsAOIj0stl$Q7bBSVqyizs8#MgvVGrA*|7Jpjn}}>=b+Z
zYGQQNbiNj87A8FUdk*3M<w9)!O0cMcYK?5+H!*@UGp1FSJk+|^Ti&$Gw%pg35Y?yf
z$SNv?&84HRoP_!IzGXGB&~Qoyfs*p~9eZ!l_lIGyIZf_P;n*0p-(0WBrqHP3XYa}J
zoa-w)gr-ZL<;rRMjU`g+Ur=YY#&&$m%4J~)G*WJV_pZX7jr*>G1|uvyDcffa^*Mbs
z@`I<yg(2%v+^kbUp0p=&^N88zy<TzWHEJh*V;8YcW=e}c#jmy~Emb7h+eb|_S|`=`
zV4BLA#hWgQlsBd8IuJXH68nd}O}x3wmEDsOO&^B+#zGInctBv<mvnGaMORe`4Hf%n
z7KSgkeC7cD_26(mpY-Avloz=-R#Bl-z^{IpXS-_U<9n~pj|w#=`;%Z(cRM+ntz2s=
z&Iub0v4rV~H_P)nhl=c3EA6hrtqA#n3lgZ>3#Nzj$9NsWBYT4Tok~6@p+;CNrxw+|
z73N-ANHVYPRmHkB(M-w(h5Z)e%}j|rnzx$iX*E@2rzfL_cwAaft3yAe?Yy{F8%@|b
zjuh$i`LV*St=mR(TdhfiU6^pFcjs8m?${bNvWiv>{mfFR<pKn_GE)RGMgEHY_2mm7
z8$QDqlqNojioX3EnV61<w0hBh-#{^DrdrB&u26=5eBBLu{0oSCp^d_+Son>SV(U#F
zQVUTi+<d&)!oYoycSzLZTSs9`L<&xiyTEQC93eZlIcLLu;m4~13kA!dVy-K*@+f!R
zuJ{xuhS1<(0b)UvRo%wRd)NG3jpgLrXG$nYRStIdeLd0CZ^7l0L%@acaIf-WUpYb+
z&47pBAMRgP!F2_=;4@=6m`i8A+d2|NLaQu~6n-Wg%TqQ(&t>yo;qe=9y}iAC(34|~
z={e;NceSF!u8J(n`TJvgV;ygtsVlog*f>&i^s%I;ww?RVlzQJp@#HcO%0X9+b7+ST
z-LYokOWy6{+RX<Ry;pC-xqaqbSNMoSUaB-|<cFneRBsF!(|Q>(@nUxP90R7=CyI;R
zSsvv;Z=%>#6UD<$lyzE0e8Tz&hHi3~SIkWn$Qzx3bIEQ&e#@L9bw`ebVsY6>HPsyU
zlp8sNuXD1ltOU;L$b;HZ`z$Vkw2cZfSJOw|u+uSIDmBIOeXxAEZur@8;J(4LZ$WM;
z?&Y?+tw(7zexwPz0H?&A(-HXs5wKdgS~AKUuJd_@Q0!em`iK{dFvhBu7>}*HkkVpX
zV_;s^EkhuAHqTV%kN!qErH-5hVd`aInmbm`>$&8lzEReaF;^?mwDjll_@<8b?xgvq
z%hrW<r@15bMx)=Uw&Sb)RZ9g{glRvFoSfKfSyPaI`K|rxzAryi_e=ODUQYj_ofxDI
zI|L~!D*CzF>}DiQuHoeoZlB#xKVVzDjoK{Ej4yR-?8y7Jl^vNRcl*Ni4zp?;av!eb
zyVk)p_i1l6R+kiljhNpO1(m?jEZ`2I@;Gyt*z-z71y!5yY@rDKWrK4zu$z~*#_F6K
zQYWhB{>&QSJ`3B)xWz4;ePW76C7vraCgkocOyPSgn}Drn=Uor6`y>EPdy&wF(|yI{
zcD*Pxza-z`Z2$PyqqC*9y2>Ul&VF&7yOT%8ni4>1VeKsp3@Yc-b;2lPYwH$Q`K;+4
z@x8$irK5c^7?)=?zRILfx|8Ox!df?8))$*uZQ?S@fF<u$hW~kz;5JE&b-Dq|<BviQ
z_FI!f`=iT`VDK+~2t@U6T#Ip;;^%KFJS~y$<*?Y+8s&t$@k=!~zPFDt3{`Qr&I3Qn
z)Q}e(%$#xy-8o)T-8pLYCy}X9laB7`3!|bE*&a$ygVe052)NLcjrOYI_VXUQ2n1w5
zyE`3H8?NhwBlRY%5ke!^g%%18(jVjC=`jzq9pvPwW8Ym?ZRVQeXed6Xl%ccC^;KJ?
zGt5p#Y{-2=r%MkryT>(Qi>HwDXl6y%%a8y19z*<*l1qrsF-5rKb-22;JkWgtg|)c^
z{pW@;)9Ibo(vl1J{4HFJ(M5fNIgOrqk;g8E8V6K%Qr0MK?TwO@5%kP5>3e<QRf_cf
z)>DPJwA#r4RJ`2xMM);znd++f&y%M9`&g&Kiy@YB%HQ6*?Xm4_^W;s<M9f;~#>`pv
zd>?Bb@08eeR)mvl^no=5wk~~NcInsWXd0reP?f0CLhx<MPxU-Py|8K3y^o3rd&hRq
zYj>~ez^zrd>x^}g*kApzQIfP5TE07|7+hpPh{2eK*G%oE%Nq80lDe9N-37stSSO83
zx-&?fu{)Ie*oohh;+ILC2oJb(Sg@C!3ifzvmYGw;r_6fR%w+e+rY5fj-s>t$cH8du
zMtX7Sn-|Driuh8?SV&1V7?A0Z$!F^Pa2-{@v%hM!wXia~56JjAO8)GV=GQ<jua#!a
zRzhcyE6@+O*6Ny@uc~!OuPAvIm~t&G9?L1?Z|i~fNE`L)HX9=4^5j`kKZm9>go5g9
ztJ`dpH_PA3zbkoQeO8Obp}vSVDlR~9&5ByuZt!!&jK{u_m{{nU_#|N25x<ryG92h^
zUVn4njg}c$zbU(6sfu1nVk9`jxL~K1sk`F8yjnu@YoeRr?`xkZiP_j;%~z71OI*2L
zV=_@R3Fk&Fj@svLDty~ysCM?n;dJ3_ogWsWDJ_VIP#Vgu58;m)O^ssSvsdvY?uyFt
z$~zlkZ~0E~oWx2xdD+DUTuqCLuTPit7{7vRF9L?0jRFzljVLL$lLNj=1V>f{Dr4IA
zduvcQa?2N7*<bv1!KK5$yy7E0T|mLz{#E-FBChD>{?3qs)tLWD3t+9EU-46{GBF!e
z*WQL0o)F3USCr;hsZB0MLL%ckgCh~_4SYUpGll%ADXq1v8MmC$GekqSB5szf9L@m=
zZz=@z4-+4w5O?Y<ROUYV=s2IsWgEL4bRwkD16OorgR0CmMU2`QAH@!;(;I8X=!nN8
zrOCwV6sLWI$~dfv)V_S+Oid{&M{M8A+%I{nfWDaAI_G9g4>HgRUb{x%uWU>yxD~nj
z%QKRkrk@mrIb4<oCzy5Xmy26;Tmxa=cJN^F%A~``OH>1N6`6!mTxhP{rvCn`!pOI`
zxtJG(V<maV%hMM!6Cy}Ro0^q>`}CIs7pGsc#MQa0#ogL-MVL%X6%WmrHfF1DiaM|0
z^H9~P_cxne-Jo)6$uqMFi7!=8zE%6Y^y~Q4y3tf{Z*Lfsb<6(&EA*{BhQxTgc~Gsw
zEGE{ryr#dqnWHs1bur7yQyIJ|Df?kGWiz8OjjK(ZQiGjreITuQ=ImY*GUPJLFYPWW
zWZrJJ314!jt%35ix#^=d*NKc8mj_mYNc;`-b)gWcy?{EVB0j!M^_*}|9x*|GuTFu|
z>f<9u?u6_TVg9ciab-%1<UhNFAs$nY+g&s1`s*3gh1<DTJDa_Om_yc2!dMHIx4nLE
z$5xROGOK34zOUN(!_=6YiSb1fIaCQ>MKl+N;K2Py*7~C>pi{TRj8D)%UX0TE!%V(|
zD+ggNXxWHIA=k(J_GA2b%}Rp%1q@zJLhecgYt*xp<N17seZS77EoU~&Gl4QQ{wuO<
zak*Xr`+1w0mP;&l_L?#!NyK(4C6{ZlVNx_Dn$3BKU&Q13d@znhsdaAcT*}SasArYs
z_$^ad+8AtXqmUgJ)4d|`m2Z=d988c^PT3Al+qc?0N-G$%E>0KZ2wE{><4C>9w}SGr
z9A6DNrlp6POoV}^EH=NQTL7F0d-HK5U%F;%!x_Hz@ZS+U_2f*+g-77C6Y@t#k1?D)
zq{kv?h-2YL!1s?T3|_?O$(W+GhI$swhurUyKZ#Vf#O;^-*+N0tfu`9TCX+h6yOm+%
zbc-RcS_l@^JGR<X<<d43_h2x#>9Vt$Uik)UuV&>sC2MD~MyLP|?`_2*4f|&1vfN#H
zs@10rnS@NWb1Y?*FINXMB5H0;>`yh*wuwCQhTJ?jUlo^zvP7rG8tYA{i9CBE^qiSe
zeu3qJNQ4mR4cogBa=6c<9nn(0mAR=R1_275*LpVZNE-)>pZd3m)d2KM>#>!sP$Fm`
zRDjQCQquBbTb*Dj1Iy_2UbO$SCDCHbz%)2$YI@|JJ&f!0--_y-f{JBOj4S#m%So@Z
z^a?wMiO}4Y)M{)sy5e!HS^lo~?(7mWeSDcghfp!rC6QtMz1piW5A|Ng?+*|19Q%%=
zzL)d5+?Z|)OO3M^pA*QmP#>sItC34I!pccR^*Dums*|YiY_CV(;vh;tH;7v-$hjJ_
z)?auH1Eomze8;GnO&;2@u+VMplpB7H&g|^Sm0(Si;xbintQg}cp*Uhi)lOxY?Fgt+
zURws~`>5pyU-Tr_(>cs0$3m$CH^wLmf25=~(lv*<bP`uCoyleqtJfrO0h9dwetv$(
z401S!Y+T56pWoNoANh!{_fEEO;qH$rr%HO$s*;PD2ulq?qai={Zj=?u!7%9#N-&kS
z@>zKK`J(SGxs$+!^(c50YG9n{4GM}gW&7%XR$R7!hcr&rIP=!FTS5Kf$-Qy3`u@&%
zXT{k0?1bA{;%1wFs{2MK_EbyDE};r6LxU;fe=bfD#861;DEX7Cq|CDydsbna+@K@p
z-0^$qR0bb3t6HyG^V&=u5-merGBfJu#me^ovOc>9s-$LJ7<Xm+Cgho9$TMfS7*W0!
zDSCD)P3H2_a%MHeSRoAq{AGk8FU?iAH_6R?t~4tuyw{l^X3QzsV;inrSNx^5Sms@#
z-1nRNTgBZ(K26%=*Fy{wu1iIfy`73b66jEau`HiP{wt0z*>!E|cAjRG+~JV->Wo)^
zug{W%w^&_Ls4&_2O+7jC{d$iK+Cga`b4j+E&wq0TE>X?(JF_8AlGlVI4cGN$b3JN!
zmlK0%1COVkqQeqrdLy%QCe?J9UA_+P?z>JDn9?L;J&z%;L|hLerqus=d<tNObsQWV
zlIV^ZzPioKzCBK}nRS-Ru18q8_)aBmnR2OhB<8k-k-9Ir`<vwUwoHyPt-kcZWxcI`
zi$ZOCL9@H3bed4YC;_{vln;;bp$L4E82<Xgbt_Sa#naEpG8u)R6{!b^R&nES;Y>W6
zb+s36fA92DB}L!8@jfkmT}tQjlEMN3qv^~w=ILrKp=X#HCX#&nra!rEMPLHs-RsgQ
z;Zw3SeD&jXjOzw~#ahZaB1ODxnx?i2LlAxzmf<jA5(8bp>xJfKxXXfM7|hIXwP{kR
zx~>dDz8q~jXVrLh*$1+8Hhh1+o$whiqD*XCg|b_ApR%-$)@-{L6RUWlKsY3&C8qVB
zjBc|XGB-@0s8!o;F^Nk6fJb5V3*S4tma4lesp2kkpVUd?4HX7MgXh4L#Dlk?_Ps|s
zTUcWRx%iZ%ej9Y}l+g!`-BDvTR~`&*nVa1P^@53SOB-d_IgZ`8OUp;6RU4nk{r~Ok
zLD6|u%b2sq*_gLgGcSZOlGEt1l#W?q*rEt0Onwi5gv&Sw%h_a1w)09jDmQxA+QfUQ
z(hqwmp!rp#S&cLN&Q3}q1t;r37!Bei^o<A=d$}u@Rm@ra4{}xE;GXRF(3BhP>T;9?
znDgE@k%m0yG)ZZ>!QM$-#U`AlWOHJsdRg<v?;>38X*P*Vq`E0=&;9-1$k>glK;H|P
zcLrEn{;m^Z5YqhRA*P(k34PJm$Ph$%&=PH@Q-)F;p787}k{v(UqSZJ7qLgcUK~J%%
zjFuK6t`s~(EIS2mdzS_Mi(zue^X3^d@rvoG!mLDX9%Exe)*vE=jJraVsbd~JRxc|5
z+<|||^8nDB|IWc)*_`8d%50O|mABa)Kfo#?WCw7xvTJOj)^5FGkzrqlFJQWE7u?T3
zaey1%6>(&Oo~WRdQ@e7ON2dHrU)THut0j}%!52Qv5g9#Nzcah^PJi3CNeF-dJW0UP
zOA~k|cRF?=VeEKB*eQpizh8BHu_2E?l-tbj_gl!MEE8+;WqDI@(F?=v-#Vb;l@FPH
zgD6`_xq!K5o|cA+iQYKCC_nsK4-4foi+Lu64h;s~M5e*OV8X&M)IXqd_rqYJJeE-W
z0rl?dQx1#=u>9S_y(0Eu+VzIhs|&lL2~1#Hos#?Fsl!uQ@a?Ui5yy&;${iq<XR<Y~
zBYR+{iSqsiT7^iFTV-x7rkdhe(iH$gIXPCI+a~ZxIas{t0Hggv2R(uL#4FHnmAj@r
z&pKfTYM9__-#Ww4=^IqOCTS4S2+hs+^Xm>cg8<$;l|_`vA@b3?UTiEbon0;SU0E_)
z!#Uy~1)dn_2sWQA=1qbYt{pstJ$TfjbG<?)GV8g+lS4b;qL^OgajJoKu9YhQE4CJB
z+xj>bOQt&qTR;4EM0KokboDx)WlsrIqs8j9YMe9W9jMH^x)vHbSKG=I21A#F%^bI0
zZmzyBaUP;E0-VaqW~S;9=&Ee6F8s|GQ19rI>J&<y?a^uFt#HsC)O#-D;niE*%v=oR
z^}f;6lDTO0jxB*>z*MR2F|^z$V;gby85HK7K0qvfztv}9k?eVhplQa(c7v^DlW9WP
zJ-0G(H}`WX45$4)dP)CRJGtp5y?2?AoJP`9D_KdvQuTFNgO>G7r`a}BEQ1W7sOnM}
z{67}}!`Q+6TnIJU{atWG1RQ+4XpQ)D5f#bLzQ9uA@8ssU2`m^d-p^kMoyanX>d}yt
z3|Ieq_L7`N{oVdX_?(@g7N1BSum9}#o7l|NEUPSxV&TIfHRFEp4tv&${@CK8ip>9e
z=|b)++Q;og;Pye4XR_E_R6FJ_I;q^I<z3=%=^A`3O0&0;M_cQftUp#jBKa2^7a91X
zu7Ztmv!Z_PFf&&M-P!~#?6S*9_Yr}n#L|3OcgC5|qBBrl|ENDm7OwHuMbkJ`0lY+(
z`BwuLK$c%TIQU-?p6KVcT7_9+Fw$#t;Sg14PN@qRoTm79r$8A;Z0;fb*KQ--c~G++
zjk11eMf2PE;mFlp@_I8AI#r=*fCmyNwP6Ftu?bO>-^imH!R}MxZp(ozEc|L*2FroX
zCy|i}MyG9HCi=+&Q}X}aG_=HIcbdn_3aQd;$6(B1xp#i*f*wFk#`oM@bFCJ09}#|;
z<^kibbN!><%!Ks7SMd2$Ba5{R<>>f_ZITa|FbRwP?2@WktEn(fOTVjA7ck#M%3GGc
z!*e2WHZ>jpofH=Yipx>*2=Dc=zK*_X=VWiJ(C%J5Fv;#=e@E{=g?#3H&>_-VVxZVi
zvsv8ImUY5CawJds<&iIxY-B?o$SNFj$N&5#KV+ecOnd+$ZIp3JAT5gW3mMl!b}}&h
zyeJS0aKBi?KeOgB(|nOa{ar<M8-a5FA`5FDd;RBUj{^V@+bXVfvRH06$?=^*X<S8f
z_(%bO<!@%**-AA@Zp}pQ{?61TeFfKfj6e9_>%P<-FRn}acxn-t@Hap?4HX9w_1MZ|
zMk3CI@|Z1)YI&7kwkF3wJmR@Qjtdy&o2-_&|D{Sw#^fk~gJ73Mqh_rd@`O|lc${NU
zEnB!pd7B<&fUowq)+!W<0Pa||1Mw&)bA&?_JadGBOHb`c7KStLy~^pxJEU=N<u$c)
zrtDaM-}`;Da-h<H?ZIj9fG;>j-0mFJ=8^GxWUa=js|Orx0=0U5xiFN=n8R%OhMrgX
z_k(zL{yPX=pd${0S^5FI1MK@H&^yOV&)@d2cb|UQY^v$(M|=;C%;z|g8gp>iuf8Jh
z=R3oHLR(&Ct%usy2R(pQ=5vSrA+Y)9VEgJWjd>1l_4ghfEU>mrxG7QMdx<S}yIAO~
zC4eQ^0WOy*?NI~y#7okOr}Hu7QU1T7_~++7YnSfU77p1a>MUNLeVHmT19IB8uiyXM
zX7QMjdDyNK?5+Oj(b9VdH&D7+&3r$f5rHLNz^IE2lruk2<dzrWS`Nh5T3GvL1Wyi`
zeZsugA7ez`{O^K6{R<e$LQ}1>MPqY-H;(V=fcP4u6W3%>qX(e*cE33)AqW_$npe!_
zgFt(=1ayZReD4hak5eL-)AY*C!=cL%le#eMSCJPUa<MZMo&K!Ov$2CR@BB_bFy&yM
zs6VFrtVxx8K?WRq{&u^|Ki{XDnm3K&7zW<Uw`vqbn#f1iQ+FDfl$eoaOwT|4y`~LZ
z<I?@EnXwr3Flkkmh6}G3ai#!U@9(a^-VV~LKCQbRKvu0v`hsDRgga+MH))M|%Ps#R
zOCBEVhM#SJHsQSi#8%3r0{Y6{sx+?buVLey)Vx8Z>osJpvIm+fFH192xwGR!MrhRo
zub96a_PiAcr+yUz8oyn82fCH2Q)^P~HB7tRn^uOjv_}wofu8cF$)_~E#Bclyl`T&h
z<8Rq7tL0n1H3-vlKVzZ9BH68ml{?GgvOBQ{y%xW)Cc=(P4*j@r;O0UZ1{W|N7A6qM
z<{*EgLhT?p2Y}}QbmMZ@t@Swp{Eh_}^P5%sfP<{@gIy=wqrp<gMOM1z@~p6frr!>r
zC^ug*)r$H(Qd+PgL!UR1x{w*Zg5SA2`8R>SQ|GRhXd3n0nZ7sJhU%9BmW;%{=*-V-
zn;YQqSsF}i+r(2q&XaN?CZ5$wx`R1o#-#SQIAS=hTnOh^15s=`V^Y*Yk=PK|;|nUE
z|8`&dEnPun1&<*+?2e09y473#BXNI^tsQmBq5iN!zSzn9u&7!OFQl{QR&+%?XrG3P
z$D)Lyaz2HYCRsY0x-A4t!D*v!gn?szU$v+Eo2}#%p~ASv_CBa6aaYFHas^(JK7I;n
zg#a3zSaO{wvFCq$KzYfGM?7Y4T%JP9?QkX4kR!s#FnPz)s7{Ct+e|wvg68}I(c6zk
zNRZ0n%z%8FV`v@`8FkLp2#Qt@FflEMWb|4fJiqK(bKWayGD8>vu!|YeTOG{dVW9WX
zFDpOOsUT9(6azRhhE(SeHYOe|P*V<M>a;+lg##!<VwGPhAK2Tu&%MfNCmw<GJm=%*
ztI=hc=*!UXb?7pQBFRtQIr&!h&wTjRAy<iPFKIwjoDZbh$JHyF*@skjMhAhiVaLh*
z+}PI3fZf>hXincd-@%fL*s87dw5PSVEJ3ZA+51L(nEN0&I9>)WQ7MOsUl@)yX%f}$
zj!sAXwL$?BXeGgB0|NWM&6a$~8~xXS^axP=D86h;`^{3Luk8MA{~k5y;Ls{qK|lG>
zZ|N_6{qVuT;~2jdS5I*Pwx1KpV`R!2wDd%Gn(f|yhQ;PZ`5qfziIyEIK3I3;Re`n8
zFE9SqV#mjC=83NTX)$kh@xdzgPz0zS4{md``oMxfS!`^?N=mHF4MX$&ceB9pu&^-z
zOo6h^NxtGvrbe#dTIl(62TyzArKjxBnFygjREDVG0_j|V4d(v(1N*+whLidxx>?Mx
zmUoTt=seHgk6Y#?Nl#7Kfbw4^Kl2jkZ9&=kX8P|1!Lp#?>N1{y;#DOw9IhP8=B@PM
zZ|Xi;T$AP$>Wd=jyNv5B2R;k@yXfNEssp;_pqE2G7dgZ}^0#ojm!B?(JNZT?Tqvsc
zitZV2@eh&zeY)(z;KA-Hp;j3~|7vIghoOCdTdzgYvS5#~40*5J{#(uRjfy+MQuYti
zts+OiNrRFEr~JQ5ZS$MV*K%3y(WN)_AheZK?ZU0n(K<WlNB#zodrn^JD!ZFjQ&UW`
zW%RsN+PWs5eQ$^1Zzh+YsR|>SHMaN70DMXJi@dfSoVSt}l{Q{?o!9s4Wj%3^2kuJ3
zTge72b3AgF!0l}Zb#vS=`21t=_#c49u@05f-F>9%>@R0DdK_VF2D;{1bK-E2z~KPL
zYl}qsA9vlxtkg-Ri2O*ORJ+i)xJqSZn<fBL58D6^W$MSMS0{_Yw-S?dDD5|&|MBJ@
zsK^EEX=EPF6hDKH9rA=4s40wL1gX0o87_}_=Bt*H;mi#_{z}zK;7m3k49lE_mL$-l
z!>){Dgf@W2&aqd(U&jEq`SCmRa2^*F({b|BS@m&RMc8F?F2vqE1!xk!kfBvU1-b7w
zfRsr+X~L0Xa;0!sVQAg04?Xm0{(Hd?@xE7k0+fkzUk@`L-)J<}yDT>g5xhVX;a9{7
zRx$kQ-=Z&c0H6a^HgF`e?3l^)5cvHMj8XtSy}`)vN9yp*W{Q#t)C4&Cb^Wls3#I6m
zclE}J^YM_NKyID-F~<ooFLnTh-u7LyQf9iQ?%NexhX7Z6u)Yqyeu%Al*yp8nt`+k{
zb#7Z8c(j0mFgmcHiK+KsL7*)v227Bg0TXl&S#UOADr;Zaa@TvR|BQplX54~=IdUc}
z(7Qa)yC4vx$={Tl@Oohy6^C=bue7^fI@S_7mR$#x#1l80cv!P@x|(BPXE}&+71tnj
z5U8nUAs-%<SrdJ3Yp0g><eUwU35T<^<3qrJQhlnym*2Pw(3tsYKYObz7vnm@bC4s2
z{F97pAn6470YZllT6-?SQqMS$${-7_vOZ<&L%?KjX^hoZ)W;p#5SxQ;Pq=yH|5ql~
zeL|4c2awF;H@=Ckc%yEE29VV?wxYG8rN?%$O&ORe0AX9UtU4@5KX*tuVi%+=Ua6lz
zevE0ji@|)1a^STOc7WLjGnm<ijHr%&D=rti-uY70$;)u54(^TKo3|iQ^*8;uu#g#n
z;76E@Ga`)8!$p1Ud?19_AyMWV&_V$8GrO>@xotE$UMg46gIAvg#CNCyY6SwI2kmsj
zbZ(O!kyVp@??Jyk>*Z?(DxOi^&IOrta4|q@0KCFF7I7^Kkfc*>vblt&Kjk^S-v9(~
zMC4X$w;0#d>p5e>$U8VF0eteE7Q%ac6?MIZE6(Y$gZL5l2f(Z!YxG--wH?w?=?GXG
z2$GPJ0)o=N0Vej(HeA%%+b7?4K6n=6tEi}>J8ik~p&x>XJdz%>>?{{~?D=SvRjaU<
zgJw3>CJ~B#mY8IWm%o;Amw6wH0GCWU0Jf{WW^VJyqoL>Hh4R<e8og$a{*?aEc?lF>
z?v0@<DsKm%>NPw*tSu36Z7nOXluwkZdS5r+*`tzp&;xP%lhAKO<kKrI#nRk@gynnZ
zE*AP^T&Q#1>!1MT#7E85+#EnlaGlJK&`guKx%H^XiXcg=yD7Yj>u+$*j`K))%%bV%
zuy%#EM`V_4x`sFSFfVOhiGc5Jew(V<tK3H;=1eQD`umU*o3Jjl%crLTc=BG=#`?+M
zmgM!$x!flTHrwFEwufj*VHvj4Jp1Ph;p|uI>wW!t6p<x)`5HKPao@?L`Z`y2-v#DQ
z!pzKalI)gg>xr;Vyu_6uX^1AQN4u(<_#ynzML>k&uBaH!`-BsT(1n}482kkU8WZ(;
z7lGzzO=~}M?ljN(uQ+~41m>~59U;a!WsEHd2ZXws8*hPNZ!;HjVHnMOukDRzl?h1s
zaX9q#eR9PRNWjmc>`Zl4l07LOs^$k-M6EYs_X-z_s|!d|V|vYyuqR!YC#TRVsCdR@
zVp4&S(t09-)HqN;^Q$*t1z(f<yE6)A#=b6s7aoGwmSqT4(0(lOijb=Zlv@Cmq~^{A
z+wShC^lS<+*6sdUC?_(!;^Ks$RUmbP@Vu(6$@jL7D&z`RMYswYaK>I^c|k2dm8du~
zbM~GX73|}`A>Ckg21_2R!8Uov2|aRm1kScXS*lR-mZzgr$^Kz^1c=AJeG`-LYNXCD
z#X{PgCLjyULiJ#_d`-Na{Y*BIREVgaQg!BLW3xW;MbYw<4EfiEoWuFRCzm$4Fd#MX
zp9El2B);Z(*n55BJP?y<+xX4y6iE3LT7T!)<6p(r*HWR<I#gueTM4QgwtwObP?;C~
zU+yeW+L!aDKA7eb1Z<)f)-JfJ8k9V5{5=Eh<Vu=QWKEieCokNtvlU4+Ijuio3^SK<
zedfFSndReHm)!=3XMSW9&EHVa^ph}ME`T;WoekOQcjp!;4GG@}-}ssFOUrDHkb`OK
z3x{#>F7G)^zH5db$ba;ahAhtVuWWr+Ha?2JdRW3S55QIa<3$jyK`$_-P5)f7=jxIi
z{!Xc=d%)&uSbI+mXnb*ts|!eGiKb?R5wF;De)&0PM<oTD-6dGwlnv0`Fc3}H;?OQS
z+_iJDG@KbicF{4!)mjt>WFqKg1V@&%L|j-EVQ=cKKHWyxp~vCfu@(9IG0b-$X@b{K
z*4+1#NDMZ?+{drg-`hXmerai&j@nhMooChcYnu24>78ANt@K-Nd{_GuKaAj!$iP;r
z_hR<;k@idB`Uuj@8~G1Pil5`yQ(p+0jIh}Fds=Xlw&TLs&EQKQUQD%#pt+r^eYNuK
zMoZ?Bzvr3Xjxu{SkULD&cGV8jUvvPh7k{AvJI(!1x-D_uD5tojSWIIF^QP)ISUR*a
zpfF`bRNm^LPBhrUiAisk-^ccN(L~~!{L_++Kd;*RLDcm|rf%_=@+>H)ugD;H68I=;
zoU8?|>s<{iWJqInD*4QH8f`gV1t`a;FXq2rhPy1q&9yGpmw&lBIn)A)NYS&=aZ^lq
zvr~-vTl?;*EwR%2>|=~!V+1C=25o0IW&J_x;>{-(Cw^d*1C%&a^*t3qaWb~=>0&~u
z`Hu5{xDX)&x`0pha`IXUcbawe62rup^HqJv0m>`t^Jmuh;;S`s&?m&*f&#%1?XAuC
z-l_&>_;Ub5_iC)<XbKd$wDa3g?{`oM7cV?qRwVf}0##3bZF|AreJ*jBHsI<rlo&r4
zEza|?SK0S>oGK)Ida|)P2T2yk5J0PtCS)+e8)SY*1SmRCAG}=m-4K4sJAq1lhSLLE
z5H-1<mdF7C-1FGlIv@;#lqD@Yi0Vty$GZ?MCxq1Rs4jkeTQA1qV65Zplb`dY(_{9c
z?(dx?KpmvqXj12T3Y0d~;hpqq7Y7*qz~WBl5vJm~cdo|^p9*9OxfBXk09_er6e;qM
z#|Z(DXVTBpK^&f1bRPof!h~ZB{{&Z>)Ln&Y1G$<A0EAAYucyr~j4KT2-ZCXWq%yZc
z<olRaySy#hi8h*@Gw6Z3EQllqL*gYT1iFZMa8W?yOEz)M80byG9>-#xM{+}K*vpzN
z(tK{G8dq80&;RZqO;D&e<CL$;S!FNF@ZatoB8Ac9HATSpU`=kygBoDerqXk>esO9M
zn}2n56Y>!5-4Son;BKAqdW&$aoo@1G?Ylm`-yC8p3dtGw9yE>Gr(c?Ul2~-bZgc3@
zLiDgrO`+KMtF=uB{ibtx!zv{K-Z-phQ@eQ*EDqoAS?`d9!qwf;XEz1}Y0vITgV)-O
zTfH;DKe_O7&Tb#|>FL`4Et)4x)tkrK%RPA#H-Wy+>s3c7pg%JU!qF2Zn-z8UR(O=S
zl51#(%yOV{k8JO)*0}vd;f(p5+~1JMj<~%YEmu%Bk_^JdR1>mWbLdUXpva2BX?(ql
zbsD~>)xS~@DuhSy=AWs7cC2YT18ZKz|He3y<p#L<eajJ}?KGgPelthA#8kxlsPDd)
z_G_SN7{4Pna+Hpx9UJp}e+VL4g{gZb&luQLY~%>C^5(4g8jBhBnr`rHTkpuUmv#%e
zRgm0EAB`9f7^Y_p_}QJthXT6AiC(*FigGYgLLPOlTiAi2IQ3Kd@x@5~#Pqt`xS*c;
ztayZYZsD!Slu<<Bt4ax=u=|XHS6Pa|I-n|TVz2aa(k@wOrurQmMB?vUX30RkQ|nMJ
zGzjEkQoDq@q>B~BP@3@FTr)FmT@M>2e0COmSj%N9x;tAaPAXW`+w!Ug<)g+ewEuqS
zR+CtQlbRHH5hQF91^vuoMgjO)jlWuh>k1Ux)Aki;G+ElJb8O2HZQ^D@yPtdE5+fev
zWW76&abvTGI$Z~m<S)lL1Jq7E?Lz`tUX{|A^6=wCi3YHWpGShQalKhwzx`+Lx$jA@
z#x}t1Z3<dqeUr(JD?yRuAo<-qIhP^TSa?WB-sawZDs?ch)OZwAAqxM)-oN6z7HTc(
z+A|BQ0RmksVtc#MA6|`Lg_UmV%ITfRPZ<$KNQSE3<N;11#SS0T@UCs{Vh?SS;Pw1x
zY?5bOOYHc&)zKg>!qhcoi4(|cAzZ?ou(1=RM{dx8Rx%wA5Aje!NxDB#S`xoD@_`T>
z?4W(Z5;5N#s{?!0d;8LMkvFw9^Gyp8S9Q~UY$SLz8q&m0l`yt64Z(Oh^buYrCi@kl
zq#o>vu;ObT{U&pz`kRHJwhkDe*b!J!_ng>oNQ>h?sZD)ktSmRNJ<u#$F?BgLaMO2k
zNCR-O6DI*eH5J}af5OW}#W=lUgr)p4eUJwn#Jhp-jAG^2Q~~~t{!{Xfo_UeTY`mbF
zplnmwbQ`Z(xqV;BP<WqOOe$V{J56Mv`+~d#3ux5ij|-FXCnkC=*Odd9-x`!xte_As
zq4sz^zvnQ%WuU#g`I9=hd>(se_*7i7cy4De{^j%sDL?~Pw(b(r@}|b<%MkfQzgFfj
z&${QsS7@~*zMXp8&t~>heC9t;24mWd<e{Py03er-@s>F7J~HzYcX?*WU6Hi)^L2Vn
z?i+C8zH`)=5F}tJASq-ps6}6XDiFYXug_CD@On*vQBRfnheBTOCjDj<0y7cq47yqF
zzcqASfPEAbJz_+iD5DGxhJH3cFvg0N?>{SfXY}#l_EUviRYEdgl*N69nj*(Ow|>Zt
zhB#B8&;j7Ecq<z@KcqQtK==M005~bDDvh9kY(iroiLf@#OtA?R_&}(<2)MnDvtnhp
zpsov{<O6hbst`RiPIg?|BJZTaBcWzpk{A8w%Wk%8?&)s5M>m}p-oJ&sAJpKtDyA9j
z7avI*>;oYsqg*9|OpOs0m}xmwZPKJN;4rm`%#En!*Kdjc>VP*EG#O%HuKUFbQNk;)
zu5Sly1P4PX7E}rmW&8&ar*{TovwtK4y_v=~^^L8qO5F6`Zi>}Z8*Xop{=D%&21*;?
z3C_x95b-fUMXNNZ=afLGKH`}h3aj^X1PJPm^KZZlUWY&gK{HwDiLLrD?QW?=@k((h
zx@Du7U^PIxF1hU$2}|AmUejIFuQT+(@3H`y2sV<H!9Z2dvk7GWR-lby^X)3Xb~xYl
zBv16!OWzRg`noR$x>^jP`7Uj@%e1u6D>LDitRXz`otSb<)#P{5L>hk@a<g@3q4HsX
zxV4+%E@jzjs;ahzIiDFU2~t5oJRp>}TU1qF;r9<Heryj9&qe#1{eodnfL81UpeP+9
z-v}4$4HNApdg{UM&sO;AT>f`o-g~A*2cDt*Ag<XNFDVQja&h~4E4*WB6_-2J$j=nD
z$ZHq8j;NA~z3ixoo)+nxf;8y27Z-wYxqNY9Zxs6PAIbNXd(tcH04h}ZRNL@R<eX(v
zNz|6s&TkMU2Nk-qG;)K@>phboNhcA%Wz{+LJ0*{>2P}UK<{ZlCUv~Amh`OBi3PD~d
zN)je|>Aju}a^wqApa|03qnw3<y*mfG2|EPCi}2LLcdvlC1Y1?68-CMypHO}S`i>B|
z<G<BYOkdl_DN}Z9fA^ycDN%Jci`ugBmBUD4dor@F92dVP1!h@*a_rd<BUWzk@rwX)
z&}-h2mhm3@RULG)YwIT-S9^t5P3qR|2uXCV@D{F)*h>#sjzG_xPzVFSRTc!hG(P&4
zS#n8Qdc8RFHmq||#&V)$3(CO`Dq<qb06XwGfy9tgt%91(VYUyskB;wqSt+^|><eb@
zd1i-m$%%gbA|kmpQh3v8d+_b>+$UFU=g+5DTt?`v2(qnPCf-j>KOS^&kV(OasuC0w
z=)1+{%9;+zuzQ^Ja`RBlz1}5zMXzZ&ZKUGMxjXzsZ7#B(izT-Q32ji8yLt+0zFg+C
z)syli&KXvEoWz75?zIpRagI{TlYV8g9)A1JXfC$e?t#T2z5e6*;NVo9jbiLM+JR^i
z(&7|;5g|lQluGaKeOGbWjho}&=PJpsy9iCBm;e~N$w4hoa<0SjPnUAC=SX@}?~b&y
z&*m>m*P=4Jw=Ugd?!$s8_uUC`QkW<FlWphpTEEFI5fK$4D<{EET9y^B*9{no>XCJO
zxJI`)`JS>i^3IQ<sqI(3Q^96@DSMd_fkJdHy(u4%nDOI$3P`*O_pTxeCFi1L$GjUt
zI9d;(sEA&VZvazPa=!hmO@}amy90tvVyVzFf5deGDYTJImdgyO55VYi+AAAmlJ<i$
zXUqzS#?G8Ph<#5#Lc%@G+Ht)X0h_op@C+!(jWT{>`Y>T<;=M~!m?D7IAUV5WW6m>w
z!m(x$bV3~5Pl1N5LE4TwOUuN4etOEMvX$fPN&bY}dh@$^6_LIssp&7B<47~4Ic5%a
zvjQ;>TRQ+wQig#@>NNc)76*k2zzis+lW*FcnKCgHgoaZFWkh*_o&rL(_>lk7h4TBj
z4{g+dnKe?UCqE++GXiEvfT=c&bzr>h+G9svrmm!TKQ<-I?SQkTuay37CnS!pMMUHZ
zM99e1z)d`U#+&(_PpZ7*{jS~r+Wl&Mq9G5Pb^Duau)JJM#{E4IEVRpG_;cip@xoJ`
zQ(-ojk;(D5as`L-lkOvE`jYM~y2k|2e0*|<mbPIFM{mN^Nqm7c>0}<lr^upoIYNb@
zT3+Wa{c~r}2H)rRjH8k+LZFZ;_RPMF0oVo5AE@cdZmoMdomO~KwxNDjiybc`?_G2g
zxED|{;8&!K@<I2vy9QET9zqq5@!kw-9oggvP}6>`#KEv+u$gwK(GHrRA=sy8;B%jt
zSOvwlfE2<C@8&J`xUs{aakg%x6H;g_NAWug$j+Twm!zr!T*-+#_*Um$e@oqVrWTm{
zb6n9%#L)u<dNHI#^EE4Z-Os4!0rJ-+W|db@j98P#GrsbFQjTi|bekx@MU}_owTrAl
zUW?o%s_q2*z&rZXO4|Mlg<R~9n$vpG1w_y}N8v9IPkQKD*^IBNtzQX5TlW5h8tj_1
z1-~ScI>5V3TOFw`k8VDeOJDu6(&6)oAsTYYAP=$D{KqytIvnQP#*+ofiwDyYzA#-c
zj&+j}V`z+nNKsic3}9gyixdo7lo!3ATlFuUaWrU6`u*vE6`z3})tC6Uh&l#BlM46K
zy}ij6-Xr+{?^SYb5W+AI7hm__)Zcyly1{q9>!Z@nT@UIZ<HBesolyI%G8wncj7oTj
z3|u=^>c^vg`^w_w)+-2^$Md`2>Sg26hu7ceGppY^?{5XfkLMs<pW{{bV<S9|<{9Uc
z7zNob7!^QVeX*8b_F8~=Mmr!z@RGo#9}8VsdAvJ6j@6E_+=vUK{0eC#fI*ey`Km=;
zr(j<>iQ5_VlA+#(OA$b9Iu%Y7R@+R>%`+Oym2t_4`iJgW8q(-0s`#3mqWG0vk5qyT
zAjGl@A8wtbfl}O3ePC9;DbpUt{iSh?0phmM^>H5_d57+17RV;erHWq5{T1C)WQ1?2
z`N5uE9Iz^q7Nx@$Z^Jvh<N9N==5pSa_wViQAPtq#f9HgpqneXO{7Nf<<gR*;)XiYQ
z%%A<^y4(IxIM8$5nbe5-7WBCVuvva=gMdA|ydMoGEkriOB)scrs4n>~1hetAvB<@l
zsjBkrQ@*<RN$c>^g{lN7^?lFz{iw8Dx>-B}bxC8Sa*n3}gT;KrFG-TNcSkLVDxX2P
z@+zXstJjI0V`WG<V{R>y8`b~Nb;3#D_xhS^*eGlF(@+C0k26z8HVaQ*XEpVoO(xJA
z0C6H17*X~)S#%|QzMAj3y0*=(gP72ctnQlv<gaagvTPE1lSHu-S2~v=2X5_h;~a|%
z-nALeCLu7_0aO8YyF1%%Wa3(7ggS2F1l`^}XszBd{B<4gGXkS7O28h=g1U>a{TvD6
zdJ8kQ;|B(=iV$20+sX}gt9i@|rZKfJpWFiWfm|plWvJZgq~2HF3B{cW05u%9hwnBd
zTm&g^j%!?Jk=!Y(^BSK2>v&FrYqY)?589PFqR%DsEN+_X<fW7(@yC$HNcoyaV0bVD
z2ZH(A0r=TNbbHNNiofMG;`L5nv{$uMQkblL2$h;VDSgY8iz<0YzW#T%CwPGrqg4T*
z$oT;C0zH0wX_+j0fqfJJ(zNj7=Ya6rth}SxTDJDQ_i!;b<5`S$QuOopkj4p+2P<<#
zXsF4rGEdO!1~oG`?RbK?L39{UNtU}TH!{igoPu=dzS~P$rq1${bYy)F1B<PthJ7E6
zi$IO8;&0k3eASnI6!RNWQ3~MD&*{zsdCm_6I7%=Jv;Ym0nXZaLLv;Wb^sK2FEN8yV
zSaiMPCF#A8)JD=iw(p$F&Qt^m=%%MK&qavJO#XgZ0^f?B?wu17<Ffi0I#GWz)%^3F
zG6OWq>eC^;rcsH8H%Ic-O$tA3>oY9rut7E%GT`v)L=n(Gv4-h;x{cI|weRLZ!;rlp
z@8}g&BsqeE(^obUW>K?(u4ab#W-!uGnyX4TuL?#Ash!HLt#&*7Nf-VxbY1zXzzXcj
zL7+h5WD$^WMk$}JfG49h0h`b_f)<DB_)aG?Hb|H=D@2}rS!7gnbNlI^ATvi56ImU>
zJfGpu1W=Ac7_i_x3h?hlRzWb9#>i=p=-)`B(dx@til3Fnb<bhnTh8&+S!~)z(=E1v
z68+?@=!$pBis6gRClk2FDgs8Ha;cWi{#?R=cD>T?mGK33x+8!)9RBgqCqLz0`BUr3
zuMOg0m{PxYq=@H&-6oJ5js%^E+`4D6HM_U9B2FsC3vYgXDNvN_@>I4}b~)dR;^e@P
z;>j*mMFMplARmxju_$uFEO?}9hOG=gOsYI2$^}iqhLq>RY=Y^L{BEX?c!RG;7S^|e
z#p&}Ae(t)Lwe*b88PA@D@`(A23VAxLM*%`ixw0_S6DE^iA9t88<f=QJ#N+5NskvXz
z;J%u5<D=hA=ZMGV%!hO@<LN)X{$6|;=Da)6AVn-uYRD^Snth*cqvgXa(g{*{h{r=;
z+i&+)B%PmQG43r)<}wZrDee}S+3{PYE`g8XfLu{Dzki1FX}SCK#kAFH>SAGzu8&mt
zT+YWn#|7d5t;Q}QB+7Ln;5Fdi+&(`4K&8Ic1%2r~_{~M1y*zud;>)-FtUx~E_G|BS
z8S>lQt36ZkW$T^+<%#X^=|1-lJ{OLRYbKl3+;hOT)BgiC9gam)Q;o+w5NbDRxxYF}
zH{C0LDm#C#?uon=25W-&N)W{bhmSnH%kuP)DNw^&FG*h*(a^-^V{dvb=4aYEscsbx
zuLK6_gRWX*Z}tr|3z{l&;#}O-A4bk6hXBA&dU)t(fBVj$<0=h?cGV5fUfy0FrA`h9
z_Hyjk#6H{CRS6}YrCMTt-NG71KPLr_L*uB-&W1zyPP%|M39sqh7NK4f6#pWWH9&xK
z0~*H)P`-q%p8$uLimyFRd))S8?T@@*luVkM-p9&1Qe!6p&`*{N869Wk(YNgL9-;Qm
z??L0NR<4rr0>MHKH=Z9=nSELy-&Xr!>nA8fxh35j>GHrJCy1mjGqp)bGc*(t7Rp#y
zKIR`5P&u!kY8k7m>f@s7D=mF-R3_Tg#?a2`aUFZuWIA3X>{BMTY0E0CQu`9!2HPR_
zUj?qrpm+OW55@%`)+-#$3y!`$gh^n)u(`L1jEK5wIDknqwwy>=sOO-Be*_u;`{UHr
z?Qh2VV7ONscg8QHq-{N_<SC9j|GwuV6G^a8x<$}&Sw3{f+UG$Xl;{sCwzRuAw^;1`
z(C15|uWzUX#B?g1$Pre#b;b{*2{$)(WXz537CMC*Z#Ba_pq3J*;G11`Y?dDVdv|L)
z?4+B+oXZSo`rk1NL>i1ep!{a+4q<R}fN`ViUTm)EEX$eS_R$&lBQ*iBjKw6|h|a^s
zvAdryZFqy3srfD>Puaw$(^;PK#D%wZvNYZ@&*>=`I5;q!BkE~rab)~cSG|!<l101c
zA(Il6SCT}R`Nv&Uf4;Xvdd#VS*Z1k!i&W-#r7!jAErDo%O8Wu7Oo1A&DLYVC#JJg=
zpkvglXf@}3C|9<(ZWA7^iFQ(i<p&GF8-k~u#p*m(vMH2nBmVnQKrB$_j_Y_MyaSd`
znpYK~e<#J&3+@bvL8+%%xmCoG?%oO%sjo$`X8&>mqP%BX%Npp*pVeS%t1^UIm_#&!
zH!MR_)~`g3N>8lJzGQ((yLkDM-^YXml{#Gh=jr*g$>tG<l}Igti>$i!fO`xl;yx@H
zkGq~cmkzi1KwUh-6yhnAB%Q-2w@3ZxS9-ppDy2eY--3egW#dgG$GN)}9Ve}VbuG(P
zfj>zACcxG86;f{1?!0jDlk9d>8<g{M3mplRiBi=oW@7=MAE7%_Rcy{_j%2KS)pf+U
zwW+d~i-&mI!+>CgEoU7Cn<oeqLP@tQ6b;k$5`xQ}-+cNdC*`##*8F>m%qyR7Tl#Vy
zF_3x5K_N1@3e1h!s!C<}sB-CPv+l4BTguwl`Rwkeip!c6W(6#i?|9(Ns_Nom%h=qE
z7tzv_+p>IsV4gmN*^||YybNZ@qRsUav6FXQ|A2+m(B!MA03@&^v`y>U7#%y*CJj3s
z(7n(ZU<Za2ipkT{u=i)rKJU^nyXMkmCaa%t;{|t>wl(2+CxF^ra2I9u1ve{!?w{gN
z{^5AWC-R8zU2&jA42Mm)Ue&S%ZC&FdtIA{Tz4Z($pV2crnAU#ceN<g+g>UZD-7jYx
zcpuiS&-Rffrp$6soKH+yp_#VaMbtc)VQFq|AG>wvsVb27B)L;xyK8A-BxU{QxYMcj
zHw4^1Y)D_OzJaj*a1PA%?>NPwsWUZLq~N|~sGyzu!mN(|^ec3oi7+8Uy{qlf#qM1o
z1B0mOHq^8Ad@!lP4w$DM%r7pRTP+L!$ee$m7|xUE`*`o}TDhxobC3r2#LOIWtX@Jx
z{);ea)9&&==R5x~a1=kflT=)XLNq!&lDKV9RoQd<)^?J^(f8m_BoI9M*Gf!~9^BkZ
z^;1WN7R_UJ$-8NQ<93e%o+|{}`IfHR%?Yh;!-cv^4xX~FdK0q?=eL{9+dwS%&h-1y
zOO{q*iZ2fU<8KZv!@YRg$Hp`!Dm{Mn7z&DX!#x@URq@hS-Va?ue6$Cv$%9sdxy8Jq
zS?T9ZqozMu_>z)m$uJ}lsMkNa%;GQ>s3(4fu@+<J)Y&S=SXTS255c1scm1x{oMzma
zGFS7jW(MQz{C;qMZdy!SSU(?B;BJl8Nfp?=)6;{L{~fAfpISCD-z+UDL<dFJ*Z8R4
z=?k-1p?RUNIi<v)%Qqqzm?uOYJ$mKEArA&Me3!?yate0<rNAj-3)W}#kHLwDGuJ$(
z{GBXF9`_a;3~LZbT&2W&9S*Xai$*B(-4on^?ba#Cs+3Q4(gTD+&8=A>O-xB!Y%xG>
zc;{r?=Kx#|#!@&g6;3bqGy;*@Bu70rglfDKkRim2bc0tPSR`9sMA5HSn}<MNSZ7RB
zC@q7gZd_iehjXPaG3x?y%oqSoMx)VLV-AVZQz<~yNT~uc&I)SvE27jZ18~tA*3L>*
zPMGph?>=3LQb2RS=PPQ}U=ZEl(+iIWi1yLFJRqKc&hyB8=HGgMTR#vt-Pi8<liE@)
zz>0WEg<x0fYer$iFNLMu2jCh>uK3b!m!>)M$hg>yynpP7ZLOY#=I4TZoy@w-NsoSP
zgK0OZ$-H%K{oMlB4YOM2qOEuX7H!tu!sO3<C&q{K$ZC=_`xKDE&~w8UvgR)?0&8WR
zGfNa~f;!QGy7Kd>rt!Ptt8z7o4}>{LQ<YIFo9`Nc0Pv*~{dw(Z1nTK0e@}9v*Xlb0
zoXs?wr!}_KIEoY1>|7}y!IOwqv;(OGJ(U$UrB9s5?0p~2p~_CggRV2g9B)Y3T1o<o
z5-;v9I%EC(#8of=)Z%(f-fe$zWR@}ri*45LS*c#OwzjhIUDa28wTW_solV#Z@C1hK
z0&2yo{l00Tr_A-ktUl(qB!N<h1vvM6CAf8Oh$7hM!d+}41&k+4j2KB<d8j6@MbNtp
zfDyG@h+LVVl_zXKtYS-iXrB3!Q1*=NKIp4Y!*<{cNnybRoyb}uWs<bKsQ3T0bN2sC
z_H7(jU0v$FuM%!lL{t>zDTP+6S1HlOs<jlMEP1w;MvWe+JW~?osVG-sWb%+QiHRtw
z<}p^AqOr}WZ7kb$d|mes_rGwzUVhjw=g#wdeP8GKJ&*7AIF9${)A%|{|8tJQUC%y(
zvE{s|xU|$>rJkinEnNkjiQLO!2am9U*E$mxn;c}`6SN(?11Kvv<1S{nh!KEk6H>$l
z?PDt23=#PQsxC<jpK+puM>BolDBHz*9X^Zz6Yc^~Goj+2J`2VZeW?AND#}&X$T~DB
zJ_S$cXA~Y~K9u-nu1n+M%u~J{fiBsV&JjWu@41v!ON%!8R^F)9wp1e=CzzZSCZLOv
z2#EvnY2+sq>j)QGZ;kbhziJ3dYIEq@9@;KUV?xzl^)G&{cyk5R#Vk(j_5(yI7bs2-
zk9J*LYXG!${S(0|XxF)rwz}6)j%OZbyDh#j(Nwj1kA>SK(65Nu_bdhB8>iA-O8Tr1
z?_>q58+*x0zt-I0Qa%c56c}sZTF_!f2LAy=teD+q{pw><TTG|GO&fIvkza|$j?Ujx
zAP;FkP(OOU)@}ZO_Pq=hEm=YIz3#?VrsJ|U8WdNTV6!7^4==7NP8}61x+`2V0+qH|
z%zL~zIaJqE7r-xHN70v%x9`PL!2%QDUce~9AXhP`Xl;Kj{r!<l%1IE)<Apu*jax#<
zlb2=}(drP<s(hi`%C$G8HW6C=`o-|ek2j6$Gdy7D<ZaqvHOTFr3mt4f(Fu2&?(!gJ
zWZhftYi<jm8Nk7hy&z@*%sDNyCkc$5H~88$u=RqY6><?r%6wMgz&aQPz9R*5ieR@+
z?kaBfam|9%h!-M)I(un=**8y`Fw$sY9J{~9@I-5{LqwpDJe57})k~5&vRt$g^n>fi
zZd|DN^}ONU=jwwmC3-@Oxpyy2_{YvFcy5*EzuFH+fA4&gB?}YWtI2VrjA6?e8f?e-
zC9X>cm-RpEY(>rlQ0<pOyP7;))R+tUL{+Gzk<u_!@t2gVuL@)uq->AUBeIjkwS_o|
z>yQ&m0L8HVg!8LtJ+7V>h4C$WLPQyoV0FUR?lo@;pnK0|kTPiJ#e^^rj~e%rPggJE
zsl((R)ar)Kg#2q8W=_X<<v#?*+3?sSLm$QR!)=whpLUdm)ed2DFz1ecBzQ}3Z!!&(
zy#hTTg!IC_WkH_Z>^&1nsDg{UE{62Ke;cD^M5Z=2%kKB;3nAaj%eU+cVo;Mfg4d|4
zhx8<I)T|oOcvu3TwJ<KS4;l~}>bq8wUibpK4)!xPn<(yc-X+mx1+%Fq1@|ZxxuK(s
zsIoH(aL@>$TGaYO<gV*wuD1d4f+p%=A@8LvW#$tneW@s_BZahr{r*$!YsV0gOhQtB
z^{0~_?;|0#p)ho}ZqwIOsz%PZFl>==8?!w;-)+1-T(h=X;&g36jG5MB(RNRn_-r2Z
zE+QQ0w)Osw9A%P2m^0%;ag@@JvcPkjuKvaY*~_?(rer~g{Z)o*D{pGpN&5@TNAE|h
zsCBTMZL#VX-C?kO4V+laNV6voR}U!@uik3R(!!0Tm_OJHsU?|zh0BdMXdS>%O9muF
zHs3hBTsz<nj|TKD)0sPY!ulzW5o{MR?v#grqdH83Jqd=SyG#%3C%siGnl-ID_mlng
zZ(O<B>~}e^Zu)}K>QD*8mVKzFFLBZlB6GI7$$l5-ANka{OZ;nE@d=eW-C_D2NO142
zMar;Q?hb&KN^N?C(uNxA=lLsxCkLXW4a2(vMSX7&2P?Ti_R2J;*$j4CJ)6w>6lZ%7
zghCG<_Vb3_L$^}LMyn?4xs^ki^~l|#Gbs`I&qT!aeLFfDS(zB4zb4y=29FDL8*^M8
zOgWEK664OTx57P0r&AU3;l~4nLr}UE2b9m9LaElEP)FMn8-Aeunn^7%6jc*=b%gWT
zoJkwNR72;GBfPxp7<!kfW%kS(&-ALDZ$n@sApPjKf>URPi``<VS#m`L7((9WFFHjj
z`4ZF3NZc%TlzMOXR6eAtifFc0Y0rIV!*bsC@ZJK{?bX<6=yQsAu_yzeLB<U_A8(?s
zG=-LO6!hd1-9h*(#@fS8O{P)9Eu1OLVDdn~S#BMrKzZ4En}JgSz43zD<NI|U6UXlQ
z5qA{s0ab2egD2J!j2$>QhkdNELX3-j__b4)<)@*IDteJ-$kY((rP<tEV~3i=U`4_G
zPQoRc)sPRgyWI{j4k5pAzM^~*&6C2|QB3k_>z7ukUenfG!M_Hgs>ClvrEQ^16+=lM
z!%{96iO8T~Zh#$y@{O_%WDcY(%oI=_qVIV53$MM%poYx|%c$Z4@d~K*{p`AZ`0H;j
zt_qNl#)jx!>yQ0>X<L(?#r#ZXi&M#LEu+Q_T8T--e8US{R6wAclw)a-Efd@XonQS%
z8~LXl*I?LmlT4(@Jlkw8kspM*hb*}|eWJXX{K}^?0W`Er^LX#uqGO|h;oTYWGjpGX
zgwE#}2^VYkCVbDBz^OJr%5cu~z~8KBUP(A|&Q{@%pO(`8N_Bu-v?9S804*2HjSl!s
zfz?_WtZ1ze0c_a4=>9y|=x#kP>uO*{szS0cr1$if24><z{oV1gF){2N8lhSD?Mz_s
zo>un`U4-cU7ho-DVs;&S0J_z~BetcM3%g1!5mH{U%+{RI%ooZeaCQ1GM%us5bE_dC
zJ0pLFpY*OW>$Zj#^rul@B9!t&He)M6R2U>{8-5Bl3@e5my^t^oauuB#9}3jUf<7Lg
zS_CbCQUIbcK_b5f+2<g-2Mh{IfrkLQv%DH2-<GtSU<$BOLUUdVQ8FK8+XOPKFONbj
z^I^2WQ|ln_9aPjqo^}%^o1p$_Z&gW~iri1gj#Djv0D2R@5vyV(K3f8*u?DbnsWzFv
zEB&rDOEbCaA4xoG?6R4n;KQzlwEixITM-xun4A0Q|EAVFxB>vCJ9e+`-@c6y^x=7r
zFWSi`j^n|1Y_yJsHzNFK-g^T6sL-9gcKP+3DIz7eMZ15YlF~NP{KpqBZ`oM6p}5NW
zu<Y~GX*mNGbZP%Ne)gPw=G4@c_V&Y43p679$ZW7L*=7b;==O>1@H*11<H%_-CJ`e%
z$#Q|)|HytnZ@Ga1auY=LMp!efD!&q&d5J(9byS@_NZfqgyec*tCT}|yjQqCkgK<Vj
zOTVluR8#R~XDZJBe7D$@)})T;?eXtwtE)kt81bXLUKWl#2mer;z4q=9_B3ZS-DdwK
zBRIkYT|lfqYEgqtz|gb-oq06eGq(U>RXwbYslQ2<E1b7lH^=f)?&@_hQhs=4%v43m
zh!AN_%$wj`k3v``5F+lQbEuQO2cYz$i!8mD45j+vjk%q|ZbNt>?f)E4Ry#VYAP}?~
zSV~VcLjH4$tUB2()0aS|uBs|R??#R}&{zX-6atzvAMi`_pRPCPsF(+elBJknysk{R
zR|CWwF)Jhw6V;w-z%bml{f~A*DKJ)F00(DmMrW*5VHV7I(a!kq&IAL9urof(Gr<66
r!HgOA%+6pY7@$4=|NGA1iDJ&=Qq6VIz1{}syLQ;=Y*)Pf=;glwL_Q>g

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/html/html.png b/assets/images/social/languages/html/html.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e55f23257d57103d1a569b7389a3839d10cb56b
GIT binary patch
literal 14783
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/java/dao.png b/assets/images/social/languages/java/dao.png
new file mode 100644
index 0000000000000000000000000000000000000000..8513373329084324940528f64242dbee8e3255b0
GIT binary patch
literal 17803
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
QuHSX-s<Cd~m3x2xKX_HBmH+?%

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/java/java-collection-framework.png b/assets/images/social/languages/java/java-collection-framework.png
new file mode 100644
index 0000000000000000000000000000000000000000..df865859fefbaa3b8f602e3af3eb24aca4fe4260
GIT binary patch
literal 32899
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/java/java.png b/assets/images/social/languages/java/java.png
new file mode 100644
index 0000000000000000000000000000000000000000..a325d53e55a15f25c77f0f420ca6baccf10b6dfc
GIT binary patch
literal 16410
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/java/spring/pom.xml.png b/assets/images/social/languages/java/spring/pom.xml.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6b1a67444dbcdfcbf9b04d42ab21904be1cb677
GIT binary patch
literal 17604
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
Pq01M|jf>Aa{qz3-KP58h

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/java/spring/spring-project.png b/assets/images/social/languages/java/spring/spring-project.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb629c658abbed7c738b29c55a6b2619644358c6
GIT binary patch
literal 23470
zcmeFZ=U<cC7Bz}{+Yym2eG4L+E+V~IC@LT#C3KV`(nWepRHT<EN|mCZbO^meq)V4x
zLXku|A%qrM$XySfbKdv<1^3JSkY7ZS@H}hHHRqUPjG3@U57lYTvz@1+qN2HfPvtQc
z)yX0%s=qwXo(BJ;eap|3ips>}zRGPq?_~UxR|2O#S$Vy0%KU>C;aq*lPx*h(zBzSL
zwI#gXlBJkOO89fS<(_~AwUi#?Nu75*1M+Ww`uP$t7&4iT_iF9^o!;JOwl3zVg;^i>
zQroq0c{kg&x`pJvjyXz^t`hirRR3f=I9>ZU^sge>zl5RZ8(ObUfu~!U=fGuAQT@1i
zf*E>Fy!QPs@bu5%NkiyI>m({_@bpTP;mHZ`{Lb$GfAjx`3l>Y`c?Q}I?C{tGC%Vc`
z>u^4<ocN<|=eb>9`+8E0%#)B#?>_NnT-n`ao_O|E^B9lnLvGJbT2KDtw@ElS`_+*a
zG_bu{#?pK8D8+11_(q|)xToQg!7A(BC^~4*Z!L3K{NzF%&c8{hOm{0qlSXUVt!6uW
zciU~RsojlwpuW}n9*Tvpxfw#-+`H&+CKpg6wYZ!SnFZ~xGgYt)HpemYkN#+%eb^^1
zCxPr9F=u1;KGCJipSi?`j>GMh9(iu9?G5H;xko#i%bx4i^rH*M0e8#Zcw*Ca(<&&c
z!I<#g2QNShw!Cs2k&idmCwE$OPhjLW{;&UZYi{o8A5O`~5B1wDc?PHd_q8aaj%CBS
zmvri@#wjmd{$>7iNlcqC_cn50IiJ0}kG0WiWq?hmV!Gj3=m5OZn>@01$aj7yg;*~#
z%e6EtPk1ved*k>wrV<k4TaBTi49|wXjxmHs9UqCs%D5f>$wP0A^a{z?YMGbP+o-Xd
zb7bk+w=Tk=4%`#&FHMc<#q(>fdUC+HLRL+gvN#M`)CoGA)sqIRzyDdp2aG#esw!;Z
z1$4}7_LPs7R5^<`+igj^dz0KwEFaY67{MY3ml(NWu;Z<qVG|G29<ySQBHGpJj10U*
z^vlc9hT}t=Bqa<pi&?Fl`A+$sIC;=birtqfubri=owm?Oacl}){*y~n>n}9i7e16L
zdir{NWZZjoX<z+SY`Xe<dHcB;!%N&p!vl*C3`(7U>~~riv|xwL0;i(1>>csZlk910
zL<?J3Q>hU69Lk42^+TcASJ9@T*s7&vi(;R@@=v_zFVDjjC>tls_;7`fl)1NOA<&LR
zwcyIX|C4|&kyt|%is)cEc)KjoctPDYx>mK>FMlPw>IEeGE&m7&U0gLLov4Q!XdM2o
z87{7KZSGe`R0TM#D&;6N>`uH7>>s}E+R@{HBe!2f-t{VETP*|^Qp7X`?UdbpDW;`$
zv%K_%iCs3SKDx)Rf+q&XoHczMr85;g*(|uk#_Q!8d?$W*WBqjf%tU5|5N51MvFF@x
zQ!l2{QeG}eNp4&K`yT4>>>BD!KvU!dqu-rk`X}F>=$YA>`i#6ykn?Rm;gn*ww>yvq
zyYLuwx;>z;ytP%jkag7=x{TPevIX3HyD@!vK~8t;``X0T=D5T=2{FM*F}o9X8CWM}
z^SZ`9im$e=u-PD!RdDRiL}8vh)`cY1mbT^?S)1w{aY{%&BTt??V@1OX*}>$Bg_jef
z<1a=8C#4$U4n)oAm200i7cF|68E&=V=AKz`2q1675`&aQW`5b8A?PuA!98AHK`b)|
z93i`K+aW`(p%X_78TgdF-OZFJ;;3H|w!zlKYBslUak;nsN6o;P+e=jrw3k*gF=jvE
z=g)&L{y$h2TFta8onIczx%kW@C<ke2iI@4i7mZ|!ln)kL!C55MVn*8ZNs_I9_f@uH
zhgXi`W+lHBZ|-h*FL4dKw&`paAAAj0YLEvj66i8AS>f$`Up>9TPrD!z-}W(Uk~jQ4
zm5^!{=VKNqQ}hq*G}X=Y7W$i#Z|T;N`I>zXkHB$kWmPufpzXuU_Pii27aG>p@Ewuw
zY4}4oi}Q*K8@!l<S=?UsJ83AbFv(#yMfa`VT3~digr}tqqnTcqdzH<^V)s*g0X|&p
z$j--fD_Wd9v8IKrXpyJP#F%Tp)fjbeg?@w{@stvtUZ1HSG6!Gja>QyUW&+BlqmX4S
ztjgvbn+EPXyOm5)X0D@y(4&Be&ogMNHJ1}^K(r-f=adD5!uc)$q_z8|59Y_}?H{9&
z88TqY(>pgzIZE96Vi}zM(ihHt21zfBw>M?f;d)8&T$C9xm>?EzF<ti5aC<;8*J@Rb
zx7I+?izJ7A?xf*0N!060Ln{SQt%#@(wO_Q7*6c?3l9v-?<;Tx6($U3FPhW0_2f))F
zAC5%(`>zem5$7YAzZoNhq5>F;MeF2d*{OYLP*QPy>ZXSTNn*H*Na)VP))o-hj$I49
zg`Z;ckMu=ZTqn0ux4(Xo{wx3EwiJ0KN0mMJI+P0?(6!f%C;Uz`@>Pd!3{2w|NR*iY
zn((IhIF-7!U#TaC(7vp89ynf+{_*nJ70w0+eNEP3%5Cr1x$3I*$bR<2d=SyiXk+HR
zldRp{<11>49@{0aTIZ+JG+bOFQDl$iB&#egQx<ODy>(ES6xF}0s`&q^nk9aTM;*8<
zM@&bQ?dbT~DoqmyTl<Uq{m_HE8@ppdY*+~tD_#5Q_~zSyO)C-NR32=5pA96HiZ7LZ
z>G_GrnMHK`SCBwPr{xUZ_u^mo@5cD)l=Lt*eT*t37_HcYIHEbC*ov8P34M}MV2H{W
zib`v6&`d5vIO%<y!_NBPiD5Is5i1rStt-9eag$vJE#J6(zO)V7fn%gyXj0!;akTx&
z4N6lq@Da>b<0y$9&gTJ6sO#ahBzs-22(q$;oA5kxkXC5bLuq5hMp2DB%H`iE?s_ZD
zI{O(9LSMJ66S3GrEP~>w_wTwxJSwshZ9PUgzl>NOrlF(j2NhhI@U7~Qw)ZlpP5oOP
zJAB3pw{w_mmlTH&6eqZezK4<FB`oHoPY4s%w0igEeQV_gXAl2*NnYOoB!mLoo0~;k
z$IYU|-8@a8N*X#bAoHTVQ-)l$KZZDXea>$mSHW*=rKM5w6~Atlo6#Uw?<y%_TiJS?
zf70wCK&<P)^ywus4O&(%7DmLcI)5E~WP8$}Q?Sc7_(}n%*jw=km{%*ev&$+`9&z}i
z%A0(}L&qpJ!c^39|6_R7a{jquvYPJZ(MvDgd}sLV?-xUB!{QB3n}4nrW|{cC6&rOf
z`)Vf|-@Dbwa?prr-@2UWK0=6ddc^IZ!R6gh(7w#{jc?_AK6>Xf%XC^mrhc1bTFT|x
zhm$W_Ow?gYa9?upYx6Gylj?n<YqF;{h7X3FFPVb~T8*VqT#oB8n`Z4AalQ-(fVI_b
zHn&%1+b;q;hU!D6nWN>_ymKYFk_NdbKKXp2y9c>4hZ>t$UbHb=kJC7t@et-oSi`at
zUBOi-$92qzM%?X7WLYpPzEPMq%t2DFT$|nq87+*?K+7pl?>4I{o{qm>cDCqo#W&rK
z8G_5Qcr4*pN-lP6Nm02<f38}_BSYsgC>2%s4i<Z(*x%{x1b3I4XZFVVIEkxj<zJ&G
z3*@dv-}9oH7G>zfF`(?ne%XR_(>97S9A9uc#7}2(Df{7XdldJTrE0U~cDlLlgwZI%
z;i_Voe^rtWp6dnlA;$oUV%U_<4bj(6jgVz=VsS&1%_4a1{VeL~si^+tDvkGO6GB&C
z2b<A%W@)9|<2Mev18Ix0=YhBB19PfHW~`|0SPUD)wY;y@->#)~;@tDbAX(bIQ0Bu9
z=Mq9a2G5Dr*NdBP7c>lCyY@-*il&i?7=KLe28$YI^1!jLx{*ebkC;c<N}gt>BOVT<
z@_KWn&2XV67lN+O0mO+-caY}raL0GgQwl;WiHmvLPN$m|w7KZe)izGThI>u-XKP`o
zaIXe;!!4VqVF$j6@&Tq|js3o;v8;;rJ_vP+;P<i%?^S$MO*&Yd^BYxhvgtT2q^l%{
zQuI6=TlL;<C?}TG=i<I|=2@oMG3A^I2XJ+#$9#m9KLz~{S5oO*YX;AVVi9E|RtTqo
zVy~XF;CfOzU$JdBTQI$<Sk99fB`~ug=G^E-DHas1br@`%iI^gpn$*p|2_jZ%YlU|3
zP9bO{cMLmy*<)m!cd0X;&kL{Y%{J_OnST>(R``5kUGn0L$JFy&mJl^D(ccZk3P1Mp
z*tq@W7#T`W2DXPq<Y=aELVgoE_)&y3@n;eE1rb7GuuEOjYy?OTc)Ck-n{?C$o^8>%
zn3M~Hlj<4E4{+)P4h9!W2bSijzJQk-QC&+!Xd4FW$F~qA?6Ex|qwQe_qsD5WJ*zko
z6bxGlprqwtr_^a9?gw%-nJVY;5g)9#KSV8&0{YVR%}$BIJt%HYt^<42xX#kIhIgX`
z-U|3R!uuHddT|zKA16tRe=WY0!fs<-f9f$5gBhC>8Kpwp6u5Qsl@zh@4Bx;<B2F#}
z`AX4a9?f4qQ@o30kB+{_W$l!2-FV}q!JA_*C~e`D|HzJzArYO66zWS_M>lQM8x0O{
zA{t7?A0G8KjU5cS`Es5Doh~Et>#V*?OK0YqIV^1^X@fnsP(bCl9v!jhqi1L5RXhT@
zz2Rn|l9ll%7_H+0SkQ8sf{HJQ{zXx-x3cUk%MZKQFXCm>mnTA!aM4-5g=fVd4W1e8
zn&T1mZBO8`+mAo0vy5=c>+%cM`IOXNSB*d|+sFq<UOHH8A=~3}2wD*uN;0D6)!IGJ
z?p8y%SH~ii#Y<s$(-35i;D)2OuoXoac^}NpZj*jiT7|UL#)FSKHuWR2qC<hDACz|y
zzxKe{2r|4ILVPJuv$fO4#fx~LF%rbG62(5fDWXgodQVP8`!DwDi~CrQpFXuzm^jWM
z#3p?K^+1Ei-0SD}(}r|(5+J)BAUU~|8`gp*OaqLJJvOpSxcI*;#CfWy5S9*OB+V2J
zWV`3mEw;a&w&&IdRjNRJq}>FWkKF0?pWM_m0S$_VsgH&3<bF%=Q+*9TrQXB2fht0s
z0NGaybnGUn787*f99)0agSVjC#@-MNoUP#Zy%@Kc$Lm=Ty}x{f<aq9gpIJ@ZzA`eS
zBzYw>k{)TDLT4yo1R9Bjts6~?<p60WJQdR%m46bFDzFLa+a$JbHVW2?F$8-yp_WnP
z3<ud1ZQE?=*}iI2dK+<iV08MrpxQ9gj`4xZ%qF>-IID%S@5dC4PhB&(D*B7-{j}0@
z?=d!EKdgkuwuYCOasU{S?12rfnw#t(_VsB-mJHAw_=A`&c8{_#KSA}`@GFzKYRjv*
zprwdA_9tCdck89=AHlA)NpDdUucy3NyaYh{Qc|J!a3!<jBNau<spna4(ro2!ov#(C
z-Ib-#iVg6+%&bwUKAiD~n@?^n&d2iykkvejjO8~#yG)}U$sS_*x1Ea9eSbVnP?WK6
z&k02sQ{8G|n|a7c1;7IsSm7#h^Ml{Gnlposfv!oPo?t<MUQC3{N@W*TQQ2ezO_@H}
z<m(^qx*HC<!Y#IG5f?_lklYf#Cs7w}C>?HBbhB~}bO%xhM2$dsET8LdXMK~SRwWt#
zc=w9UUyfHs9{uxO@Ox6+8fda5<_i`hZR6crdXVKUER-@H&x7B|<||AAvmf6VxBm{O
zfmci=Y(Qn53+>mN1_Njn;AMpwW>9e!d({=nvw3@KEp57G{2q2EPcieG6<uFLI1jq{
z(@y6IR$#hse6{&j?Tvq}*qriuYdW3=8Bn=$FgYJknHQPiIkT=Z*&mB!Xej;%R1T}M
zGL)YS7x)y^;m8{<e#*vxX&q&3R<XiFSBHM?o1$+1W}zV~HO!+eyseNDq-wX8!LT#F
z-q8f&mzbz5yds{o(h<Z-TvtPA*xff|0-RI$t%=!Tt`9<3zFJ!ISKB|6E4<-$eZ!ao
z%eJ!cgo?z2kvkwHJi70Fi8E-SzA}<*b0<H)6QZst@uos|`2DSJqk~l%j^5Q&ZSms#
z%$VK#a|_27B-|{C%hT$k`7VQ)kL5WTUD!nGtnCEnifPb<D)gdr7qY*GdNkie?X9*b
zZ6kDj{VbIB!-K2Voie1y=Xdx`aO+|{nBV9=a=$10NlDrsJLKQW%F+|^e#$pBG}1?P
zH0kIpd_k)~8k$xQz>~(SKZ)Gf#Z~~I2AXm!N?&hObW|qGnnHs@^mM5ll&?26<Z;Vq
zl6)C65CA9<vyjm<)`$~SuU7rwcIwIAM@?L``5y#D!m6+z7_h?!PE(EN#CFQNV9=(|
zsn+<q^{%M3#Y?;P#kELEe8RPCvN#v7KD59~6x=x4$>~Ay^!>X2mjjjmIzZ3|67Ab;
z=BoLhvJSu*nzR<lUGpb2-m~!$h41c&f4YF;kwQ29S_*NhUkViS923<ij_~?LKcDzm
zpJmX3Qoio|A@78<V4ZLC7Z2CoXXgvjT!-cl*0Gfe1pzk$9;hBJrdatNPU}X<VQr=J
z!>ErMK*7u_R`-^)(KGU=L~4b+foiW}<<+Tm!T5;XUK2H1d+%7#hDZwmvgDW~SQ<hb
z6W+2)y3S(MTsDqsAJHCpJ&Ss8IL`b1L4PU;2yR>LNbY*K%`3VsH90Ry2&>N1LX6J6
z=DLE|I5Dm04?8o51n#1{Hmlbw7G89N)KNG8s_|SA4^IO*vtI``Olrn&H7{fL`?SOH
zetRZT1^}9(>fqLgYu(f8bp@oxc-ooOjuM9q6>xmFQmukp^=-8lH#<YcW@@jk?RNf7
z`1ud<4ArYI%hi0Gt^=o*LSWnhs&@r38uruSy*<5-<H<Ro!vIhNoZY_y7U!CA2ey&-
zMOu;sS~{<K{WupJr*a`rG%TepzWs{4erv~>k=A}cJ(m(gZ<lLG;RsM0FOif-nbEaQ
zPLqd*8VdE<yatu->Z(Sf(60l%a>GG$8^J&#7#aHOnj`L+`8#A_=b@`p8@gz2F5B?s
zX0M`$wf}Nu*Z$=EH$T00+)N@HRA!F=uP{k+bPzTjW&&y8vW^K`t+pT%XFJp)Zy}ej
zJ^RSVPV~ri=WW&Qj03i^vM?%SzD(W9!D~oAwnY@zWktdJF;i(eaM$~yC%l*aB>&gw
z2bN+iJCX{Y6S~`rmSe_TO?^0u9XyiZhGrZ!ZgN3qK|D8#Uz#2Envs)JlKKIa_X6#*
zmWenm&4}?gyq<ZY&!61A(yIVB6Zwri@?Bzvy(2_`k`tTB@GO`OVi@1WY!9B6Hm6g{
z5e|aU(LvB>ce}@dp}hWgAnv@N*oPL?(ZYu!E#aXF#F-?+!MBEiy^MFj8}Bui{(Z?j
zK<w_UzMF}XvrnC*4rZb=M&@PZ>oljA^TfZer>q~I634hV-R6f#!&h)$&-?1hH>qZa
zpN!V|7ALw*VE4WOGOahkfNoIDrMk_PZQx=tXcI(RI;oBc@U7+wsKo%VN|rcOhszvg
z)RU+|zcp-CKc>si(X^B`QqRQIuM4IjtDFr0`&Vt+QvAt?4*ogW=Wu<u5ffzCdgsq;
z^J!6BTC#QfKhDwQIErbx#e21Z#icJ#k;@g{Ni=x>61hKrS4>;EMUIG}rq}*<RrdH2
z7#9;;mx5t@tQS!{JkEY4d?OX^{PupooriT`lHSC-6IVv^tML%P3o<lGJSHR0uXkgk
zWtQH2Y|fKtvzDq053PFk%nb`r_1OO48R=^+Z2QOb>QD8*Z)_|_iW6sXAz3B$uYV4W
za8@czCuKXC>E8$2tlz2lKrK|V?3kqeOgj<+L-x#gHsytSc%(h!zhL)FGcVLGqf2*9
z=jGpYmMI{kc{_()a`=4w`X|(><{#nS+vF?9D@c0ecFa0D`)d7ud_H0z#xryqP`ENn
ze_a{5bu1@*f2L6X+^i?B3|w`{t>ffDdGVhW^`n84^QO-h2Xh^-iDT2MO$x@*n~6@`
z*2h+1-QOg=Vo)u<T?wQAbuweiA3B;LgnP;@NwswnDKsS~{%mGCz|(}I@ff}4Jnp)H
z#kU~ZDi!<bqY9?NCb+=u4jDX?_uT#Ex)fqa*c*>|PSBKDh|%iYd4Ce(vwjcAv*GrQ
zdU6~c0=&1s#M7p%3-Vx-5<4hI49~3H_J6g3;3*8qmOXN}wUT4UA^xm!M1+fJN~dSA
zz4tJ*yh{E5U0xH9PDM5uyAVUb>uJfcWB>d5Gqxne@)HkLkh!D3uz=_TRUEW)*MuH4
z^nnTqqGgVYCV%^ifrlzZH~)++e;#|=9~I&=i<VP|y>k87{e#iAGe~w{=rnGZCS}M!
z703d?t0MZXU(;j|{DzAkZ-F7;uNM5Dw|eN4(KZbm4Vk+{k0njj$)t_F&=vX-ieQH-
zhkU^EA@sx;5@o^(n;sn^;H~Su$&Y?>0?Fu=`Km-g$qWY496}J)H{n~TFHDv_M$?Jj
z=jY1A=ftgyRl$9FEANjk@2-o*t7-UAV3#Is&mNJD{+vqlI+9KE<MD@HO2-X3i<!Lp
zoqQ8+m-`AdYoTU&!INjda+4iA{C~qV7_<{7$7+$RNrP&oj?X!Dz_t{{CVSp913adj
z?rhB_9XEOV=egp-#6-vaCn_!HB!Wk_8bLr=WsSBhg^YXynexxct<V0qtF>=NUTP;P
zrq{g)BqUl1E=x&3n}F<f&E5p?ARz=G79daes*Yx|o8y&octqiZv20=PH%zM%508)Z
zr|Y2lneOGB%Lz8*?(z=Z{<Vo0_cH>F=YcbfRaZUs+hoRTSBMnPKtGhOtJ%<Hu$)-@
zLL|{j9xD)Ik@)twEH2A{tx*l!nbG_QHhy-sN3-)k_%C=wPvyzIy!&Lm|5gx8K1xj6
zHgM~o<0K|B26yx^^#F`?>f=yQVf|NQY=~q;A@t^s|8jiy0W1H}KA7e!_r+V@9>YdW
zd9RO^yjMyPCvKYfGIX0bV=dH@RG-iLtk+q4$a5lLW6aN9j?i;!Zx&pz709f3nTOtz
zKmVI4m@Lf_-d|c7;Wy4GE|=HA@OtHiPjs%fU9by*`DrqnJ86w8mVgcUC-5{+%f5=*
zoqRy0e^R<k=h_sx`jGpuQ8Mo_EvoSF<GQ^AJpjj4w_aDU>vF*Yd@Yx+jF66s1!M7i
z5D!+VG#!)e6yR~6qd@~4kq3}?!Ngr_o%kMhH~Bcf(I-gN2p8^ewG1sQfd)G55dSO4
zkha$uDcdE_P(EdAY@^Al9|!WOOMrK*yMAj_0WHe&vQXW`#PQ9%`&rg+<2q*qj`>Wz
zuf8Bg2s$JTXB6ADP(aU^I@%f~Q4*cK%d^()AN|RF+@}Rw_InL36hnvN8DAbkAE19v
z-->06<Mtbez7MwdvA1OQpViV{xtq^AD5#5>&#JHtl>{LH&Twir-qWhns%>cNXzhsJ
zoQeN9DSdr1u~<?CBI7Y_F+@xaRa6Rq9Lxs#UXYZkP4tKKo>?9J3Ih9)D3w5S95?qm
zhEAL<?%kjI9%4AE^zk^<i4rB^0qaeO!f@@cm(B5#HfG-Cpe!-`x#RTL=ZkyM_BQqy
zzv8x$wW@7moQl&*o(2{iFp$1y8%W5l<~$)~zPe8OKbPeg5L&Jseq{upXa8GjmWnd9
ziu1w*%^}Yjyr9*_kCKmmdI<!Io4)@>WmBHzpObvzx`(^bp~&2&mDL%s2=o-@<HQcn
zNP$wq%|lsdUyt9Xiw}nZUG_k+?uOI#Psdkw{Z?kQC_qLJ#9BaO=s!=}#lT`paPk}N
zdtgAxy~^UcY90uq<W`Gt+fttTxPRL;XxX9!!!S{F<~Hw-gW>egk2*`ihCs_fe&W(H
zD7CjLjrVNn9><4GI0NlxCpBq$vE&YUp*YUl-Mpm1#Sx+^AA86C(XKB)0b3PNslmTq
zjSm~qt8nYW6@;m~ahCge4C!5*K5R5eyT{+cU{3RA<;TuvMjFEygrY7v08W|Fm(dk}
zw<D8QO@#wZ`lZDk8EROTOCh{ow+CG*Bzqae7=-FuOi?g<<swsI>f$s29yWUwEPHY9
zXB6fl2#wRaLfBkwZANn%x<4r)d?4XrLfgNEX8<ufIhPV<fdGpQCw)<dAVL)$dVOc<
zwYIYUzys-@UVq-xc@1gGVu`N|n7us&gdG{M*64#5Q~7Z}Ae|4YxTjHv`YI}Q{)8j|
z4ZZWP)UhS~S^l%&t<ot)KQFB?pd3TPc=uTv+(8magM<Q*M8+8ZDmzNLSt1PeN^d64
zqJl+_!{b5>$e2d~7m6P$R*5QYF9*ZXYpdTli9eHfRGccgO}GZLzLq9gB2oedLS^<|
zO(>Dqlm-QZV0RP#>{<Ws_cpHE;|w?e*rjAeP&GU(Y2NyGO*a}{b&RGd)qc{-|2+bK
zc4FhOk&-Le*GlN+;O16>?>?J}ALZ0zq3m{_oE^Rt*F|}n^;QC~1yrwYLR-Dt1@Yhy
z{ccuxLQ<E^bHIb+-_<0Di`46AyX?<mcboAL!UP>8jt10)k@&Jn!2Fr|9!yj%Bvt?|
zl?k-zpmy0L`@S%%b3`?!ZQP?AOT+&JZtPutcW24Lq{a%R-3KW8^A@jP7<$}Sc-c5~
z8~jtFriS-HkF1d3vCMA$^H#wI>HDUWxR=i?RFB~pSld@P^Sc?gx3JcBQK*DE{qQI?
z=1F@YI^sI$a9Y?fu!rtAdZg0jxn0T4Jz*1Zzj>ll3gZ|9?;aN(Oy~lL@w;vl^yO2a
z8fd1)m|yYv_wDi8R?tD|qsOUZo|X%&ogOSf`Nyw6(I^GbidGmV^?Js&*3?^1k0YRn
z#t<{W31CoCHXZ<c8OQkCkA5cu{v2qh?_{9!)iI@nO{@WVT$4=)WYy1v|GW_ZUbo*L
zV$tF81TzNNIn-s9<8b`<<rGMgw&hptO^oRwf)*&fjB3Z%t-1y}D{%*B0M~$cja<@&
zRN(*pF0S1qy;@}aurb3kFM9d><{4Jg|9s$Rx8uXf9nd=p?3|1_UYlEVCV*kAR2~PH
z4Ot!jTz1egki11#OR27am=qlhxdIh=pSSBV_%nZMw(2UVU_5F0hx&E?HA{ikfyav$
zK9+3Lp=JRZxH?C%6U^g(N-d9pPMqVZM$WdlcF=@AUZc6ndt8Ef;%>f`vnMSBa+(=_
z`%h7M)MDP?r8Q*03_qaM1TLTcEd4I>KOcS3stcDQRv?z$qe04!w#tIhK0<ze@t<3>
zkaf}nos@nW+zTA^-HzHe6`ve%T_JzoY<gGgz9}*19C1QKlUl($E4ONYHLMt;(u(Pb
zGd-e}pF2~_0E+JS??B#zaOdG++psI4)Ty|pT0U3kW%0uAaPO7(+r(ZVB-aR9nf(9&
z+L3RM0v~v(HVb;9Temxb6X;PsfKG_|T5-77%0$)X(g;XnLOeWe(jVJy%Nw+QLS`d%
zX$vFhUqhxK$2dB}>r~8z%aMbkri=j4){M`{yD#Kct>SQ2*t15EOTsaniu!Ry<~R9^
z`%QJ;mbd-V;E2&MCRftvwe}+W&2H8ja7egPG0Y^zQD%s1$zt(nnVjP+cGvRCw_A#i
z+gSrt7SQI>D{ipx+G|*KW|t&LWeV>ko6;S)STKdGnKDVn244ktpm?sxm$>_8XN>&8
zt)kPR0G;TNEfN*R`@pJJe6G0tYj}cq0nf#$YC*M;Sm#*yyHuoEiEsm@Pd}*KNA<2h
z!71ZR=H2VJk|t_!od-$S4WN_Pgd|z%yLq82VCG2?5Y8FpG-Yv-DHBzbrGOMe;rqVa
zI&z^%ia$OA^4Q4CeXsG}oZS}pD6@NJG&=Df*-!8hO`14g`yPc74YN_kC<%5(DqT59
zH6EgyIcU$_?GbSRAPVtiI8!ff0jmW#ecOj@bhVoQa=#k|s~3Fngn?KI{gZmYvl4Ry
z9B>l+QK6u0u&u5Yor63cXW($>^a@&kw+8@x-<adN?F(&3AH`Mma9`OW-A~9&7I4ke
z0bA?4`%Ao0KmGzaCLvw^u8I;jk#z708|t>u8nz%730D1rXZ&I-An)L1oC)uR-vy`5
zR9*8tXi46k(=rhQ<R#2xg)&tnx3l{@c^6Z!WkLu79lxeHzth?M1G1JYFx(J(q@%-W
zxo0lPmiFGT(hJz2<H=b5-Ep_)6vBeZmh5bF+X*sW>^2GTp2=2UasZ72km9jbfH}X7
zZwEx7>xLI|+c>zz&4=7fd}IZJ6ZJv#muBKwsv?`Ugph3DtnuF(?ZR%eh=$KgmEJ0~
zM0GF$rE<4Dw*eSx()7fs6yN+dkoIctYLG(wY|djjfD|7Q7Ln*)(FH{+s<F7UMZs0*
z$*E)UJb!Ir+2U(Pi2@5j_L*TL9xT)KQ<EJZfudfwVM2|K&N4nzE2MZhyHidqOcM#K
zy8t|I6|8^d^So%+Eg&wth=q<^^l~#=pVL)uGuPc$O0w_kU?R@xYW;o1WZH`uQ$_Ar
z4T7zhz1*DGosShdQ_Bt^0iN%I^x&|t5y*Qnjcccio#lSfSR^p2<IU?^XB1ynE?3P`
ze*pFs_4lj0IL;`@=>pzqvel|Af~-yLb^ZbLldtM@B%X~=CL?V`ztI+OEV)+;9XH!9
z3PpWtkP$fYw9q}=i7SWnlHwQowkj%`&;N}G^vn&f<j~>f=YEuTRylD1AZ%{**CNY-
zdRB8?di6B}PGHXn1v%0Z)Uc1gdDu)g#Su2P3O8#-oZ)rl7D8U09_q(7v4+h|6{8$l
zATKgXoG=JCueWeol_{+2L(fd5Ai*XH8;-LAd95A57V=uNI-*|KyxPSnGFvj;wg{N7
zzy+{_hy0k?Yo!CCM;?Wx;#x7mGnP0$8W}pu@u;@7#u*Y#_g~NNE?dA_fWL;%w;u3R
z?Jh26>@JA=v*in*Sbn(+>`Gpoiuo2#TOmFYMloW5JWnHKSA{wo>WYOLJomyO0+N62
zOp#OP0x$gKRFaC5#!I?|6eYo4IaigBTdvpjjO;|s-EKK0S0SAIS2|;fd&;8PdI@9`
zSYfzCG~2VAyx=ayo850%FA(R5+tQKY{0;IV(SV90dIBMO*>D<ZC;Po(sW;06cg!Ij
zVaYh`>W6(U^Lj%7oJxUX0qskvQbCbHZmQZ219%%8oG-Uu#oorTKfo=Q^0%2FH4VBT
zXp64qJ2;i_+7ZYl)>nSAst>obs&AurrZGTJqveuT(7|-A*)Nk;0DC^p_q{WFASRUJ
zH!}tmJrz8{E02o$-|oOtYSi7>E>-^}4_@7sW|%fRtA~D&MUu1sSJ`sN^f{h!+8{VK
zejb}e;9{5PP1Sv2mf)A>6rq||W9ff)>ASl#FDF=iKmb%NgU7;nMM8a<L=vVpqePem
z$KGj4x<5w*q-ndrnM~cEb%08#R2*jm6_~yhY>`BSyk%o&q2cf(Qvv7R4^<U?RZ+Fk
z__nvfC1XDRKHUihte~G}I)gW4`i6Prj!8j!|Jtjl+5@Qkg{O%^@n>F0^@!Cn>z`;?
z`)*7z*Wxl_uGPv9C3|H@#;=-l`aLYX{CgVxt9TFZx``8UrMRse1&?>hS@~GOfb|M8
zPBGb3KhG8jBhuIulM_nDY->BA6#^Q|a(0d$M~+yk$>ZIvMo8ztx9<cH!$nw)U~EuY
zKO)Qo4P$-X&HbQHs!87^ZI39;FtabvOW8WW8^Y)IFHo6ih*CmQ=s$LgI76+*l(KBr
zFVA?y%cfWPGG36nntMQ<#<jVCjDkufW|g2<k57EQvUqT1J<aV}t4=M<WxZ6x*_=J?
z0Jo8Vw%inouLnvB@q<^?(x!uxFyIe?{&`H#<{o^4aL^a|^opzIevi!RRu-SSF7|e)
zRXO!SuBCp96pKfn;_>>NqX_upT(Y;fv)|!r@Gvn;p52PLY%SUEdD(=^MX^L_+H18a
z;b+nI=GvZ+9L`p{Fl=VJL@HJ5QlW~<kls8t_F$;3HkymMonWT>;tK(y^+8uzqJm0k
zDP$1B5(%19_9&92e1M~;LTObIX%BKGxhQ?i_Z-eV-0N+V!5>7NcP6dx=}K4SbWJpL
zHSO(`)Ux5WS(taG8=%W3`n59;&9|=k=Sp5wv^Br&1RbG5pux1Ds>K&#Xqa%W?}GYZ
z7EI0CtW>81g{Cj9$MLQ(oPyeUjO8o+>{u<a{OB=|v|J8|*s8<ShV6oU?!d;vs!D<0
zdPmi6&FigpRzja@aFnC^YhWWCus>7sunsPlnSdl&KNozr1(2**w|G$`LTQX5pbw0v
zp<)ypRsT(J=phXt-dy^I+9>T|b^|yG*kolfqy^d5$=!Wh%*w^NtKG&+vJHAbDg=8L
zG8{&*wSM4I!%#OoXS0O7m#8E;{^JdB?nT(^H9bjji3oE$_vyyvG?ZnP(%;{oOaxzh
zOk>u*7AtJ(V|lwItNT+a+@pE8XUcU8wm{nJGH<C7cpu~o^dJte={GWS^3=NLP*R>y
zohd=}AV=X|Plb&o%V5rq_AAk}6nnc>%6N5-zbw4CBHG{79ltz=XK=#~VAyr1cG}>c
z%}HZ(45hdQ>B1!v%|aUhSX}(6=<5&ndYcSOo;@cJUO$R|;;R>97h)2#buC|DHoH52
zVqyVfi8F1QckJnd6`Q7=cv8grTJmHh@JIm_&9b+oht_UpEL}f{47bRCz8VeudUZRs
z)VOI|YU+=j=MS4m@wMzYPGvKC&=FN0c9Grp6t#$H?ei_5S7YJt&SqU7)xcP7VsPa%
zW{i;K^5>}0^ca)N;cPlE$jkycsO_t<Mm`{wrjI`G5#wvm98vEwk)(hXu`dc8V1I|B
z%4+Tvdis&LtBO%~lF693`wBxr&M1c6%z|xCc@>Zh!MO!K4I<Zi`L<d|_Wh4zsibMn
zDKz0``g*==57kL!A+}m9<ho+#wiBpw@;O1OoN2JPN#3tlHQ}o>c2Tv0)h&bC&p%o)
zZI4O}2FE81Sb(H|Swvf`raQpe?Pe@KPGko|cEIk@d6!uB-fakS#rxZsr(0DU;-zxd
zm%KprDli_kH7P0Yt!!<ne%mm?_9qZ-K>#E)_oR@6$A$0t!I)IXD3nF<4INB_Qn3Od
zJl1uG5YO)$bp%l$>ns|$1B$8SzbK1rOqyd9LqqjH2GTC|pIz$F(^HoT`v{Hw`V>Io
zc<=d8V^eJh(s*k4fKx_h=`e`+eba<eUb<Lh79(Q6jxiZ+8x_;`G=DN!(Y9BSAQS&6
z^!3qymPhTCq)NWU!|F>+e?Kza1IE>KiCNwHa3%lQ+TZi#pd4O&=)G;pP3b8q*gvTp
zX3Ol=0uZBS9h(&!+^uV3w|6*?zOrwDcX~gg)pf=#&}(oM(Ay~TS~|`7edoO6O6h~6
zMi_GuYP~x?b0J%weFnWGSd}|8zZdc@7xq!TQ~fLdisjly(~6PgkhKHJ*={%$D))Y3
zy=@H5{z}+LZm}?amQ0J!ax{=Ti5wJRsfzo>LVL8z9oK%>Ek+BudnB2M4fmtAcq-x4
zCx#CN*xtRUR(vsd^ka)%$W@E#El94c?@MKXO-t_{xSLcK6x>-fZ5k=7{uAu~M3lt7
z_?h?3p~iALyy@@!uyf1LXukFoObh}QywbGn-wC-A3EzyI0{Q8U4AuVF#*ih8y_N88
zP5q_C&UVO^yZ4vZRH=p>NHG_Wp4V=RR{J;sYsShGFRPycJCeNn`iG>%R!(9PHFMh)
zi)0o=ZKc46v^1y2in8-x+|HR`=9Mg3Uj&?fmEUR5bQ^U9N0elBf=)oYnx9-+%^$~d
zWToGjmsSwprCRqgZ36Tf6M(0+iDWgP-}7%tA2x%!J>r5qJ1(yM1Jh_dU@vw%Jo0ee
zxDbAO<x5;Cqg)`;^|3pE+yvg)f(Xc0m+<sk|9C7Cq%ClaF<5OcskRhtCOFPx0VEz!
zMF1zV6R_3G4=)uqrq_&$3YD=O&6UCb+=tqo%gS{(Usi{<=GB7eo4^jpkF+^yU#;~~
zAeAr?QGHsIzia_mBVU7M9?l^~TD+)}(_QC@&A0$D%ob74NU5r^8Iu3+in)Yxo0jHU
zV5(P^Mr8KnsjZe5OT0<_%~+_)>{wN<$=aD<yu>O*qQ1WrT{4S{ZnrGW`OmiHoix1r
zT^nWbA$#gb-rC_lK})gNw0|tN>fQ2|0F!G+NL#DYpzl!uL^A-dIOtE56#x|Co8B92
z1r+@(?>JOF>hRh7mkm;)PDB7lrB8YdClHZZUHUk<)mJA<ACaPQowy%Uxi}o4#`3tI
zhfBcguEw#*kY_<A35BFuQ|`6IHQyS^qqrwEeW4REyW3~lTf+{9fpHl4o!c9M2%OkX
zi|iuUg?o|Ft*1uQs{v=C(C}H&^V4pVy+362b`KzU2{EvpR}PA1H)r$H67Vla7cA8c
zs<)NXO13iy<R?qo8rddqE-<-5W{;<}daaNv6%v=r`u|4kjWd&`d@-G8g%@JJxGFGz
z(h6t@p9O%$=-T(rs+pMzsWo`!I=}NbK4|(ukxFqn2e7J(zyJ_4m1jk|&m<1_wj0um
zQ-OIYja1BAflSzKGR=D6JnHw^6G#^f1p{uYTS>s9fXk?O+0{58?q|?GWsyeTo>ut}
zSF+jI&m+jx{9(nQ9kg)&Rw3>D0H90XzvHJ_7|M>mF3?6Zvr!ZY!<(=}26YbCwK`zw
zCRoI9gW?2OK6<h7fUfo_&?^ov;0vVz<Z+hudbuj=(<SW)W+d2aH4`|*$eo9V6%|Ed
z`{>$oaj2Pma{$w{7t+AGq;YVE_`90tKX5%&0A)+)0X6tLQ-wDGc5(vZP{6!e#4{rV
zNIq@VZ*OidZ0ZY-+EV?val#;YiehTw|BDjC6sTx9x_ntjzKA#Y!Am-VvZuHI{#Uv%
zbzOJ&IUN5eO0;SUvTCBZ2`1j<(_>G+LFA<+y02GcF~Xvy<{e%awPxY;`KIYEQvXzC
z4(R&xdXs);iM6lbZ#F0#9TpRbF{o~_Y|l1e+bnGr`w?N_(K<(BY-qxX%_tXYODC`3
zWvhAM+pmkE22*&^10;eEpL#>bJS<fYaS{x;T`)&dF0#Z@;tOyygq?S>X$CDP<n`KE
z)oCIsIgHY(Tlq_PqBfn1T}7{m*!lk_3Kkw-$vE;>x8fiV?-gI0jly9p9;dxTO5MyY
zyy+}w`xtU|?0ZOT_nrA<)t}o0Ti$CuXj2V%BM`u#{;`$RcUkvEtq%Z?`yrpGo#Qhl
zMW#T4phg=VY~=7-g`6x8fy}Ja?%q$^`)AgiCa_y!%G1RaznZ3j2Qh4v<ELA0UmS2i
zPiT!KkADQ&o#x&X2}Vvpcuj7#-Ve)^X2L=l2$;s%7?jsd>ozGO_f2V0hTl9IM5KE8
zzFvv?&w*b#X~;S-kct#qa|(xSxDP3f=`FLvyTJp%3H6$~2y)5d7p}Fvuid8HpZ-?K
zauh_+KNxA7tse?o%!3XqYyD97M2zyZj<?0&7GOcni|Q$O8rlH^`tMVV%6qxNZ{P?I
zH?PTxpy5hUbk@26bDFo!Q?hsQ9qM(j1zxU1{#!;aXuJ?^dh=R)zu(2f4+o&>J>1BY
zEGA_wv<QJZt<#9L{4l>)F(woL)4~oMM5uExTF`M0KPJ{l;|&Pe9}A;XMIvAZL|bGz
z6tMiNChC;5=zz7~?{y?!<<SQ0ZSw**#({;!H$eX4?*<|5fn$JdLU$e5YQ}_u+vVXk
zUq5@oW@Z@o{4W^O4P6ZipYho$f^$+sqN9AI2oiY5wyJxykj^!|YPu#~ja^;HLa``Z
zCO^8`d)!=72N;G&{!%i5knmm4hg>ntpTc-Mk8Lvq^LoMFz0D19GfaRh?s4tuo`)*V
z?#?H*_J_F29yudBfN`VT&e`2t+0?%P&e7%bCk+K^Rtp<Bzc3W9QTLpQ=9K!30*(Uq
z$K$=-<4(ot-(%gOPOxi7(2-5u#oP-tGz9Fo{^@ZN`+Giz8Z4OW3M^UHRpNF9lLe<L
z{m6}E3#kK;chB#?@$ZxPBpQQQ&~@t9`NbG)wUZxR0?*Gj0Jkv3uix@_AF19O@kMf=
z;uIKJ(5|n!0-brtA44Anzkkf-0Rt9}Ix8}?ukKlkRB6q$@BeN9_a_ltKCgL2m<J4P
zRRO!n{`RQ=4Z$uq9kchnJ0CP@<=|>sf<Z%&Qubr&JVFq@Fc>Itc(l~Yc?$JPvZmo?
zZ0rxu6hp%&q@T%Jh}#W>>ZTd=O*OGdmqowVlc63N@{3at{fkOVxFn6RdkmC>g3YVw
zdI|1@LmyQR&)&K>&LhD!H~%E3qX%G7q2zS=d?a9tfRzL_t?c|r?F=8V$u&6yawK8(
zBAY#PqS?7bS96xS#{)O#2#tTG?xMVY^y=qmdU2RpjL~2K|I$B@O4x4uHG8tPdQc{l
z;=0oUcL}87tTyp5rR?25o@S{><cFgt71vL_Ap}&2T-=?U1OzSvHlg6rhltgeqF02D
zgZJ)hIz!ceK<JJ8wY9C#E>T`=6)feb2D<%SG976b<g$_z6ezKe3kwP)ne*lJ1ChfP
zrL29!_gSqt<{3WY3l{Rl4<I9v3yA9?4gSkN5^mT(NsGvLT#knMyWLJtl3=7=pf5=`
z1bFZ|<K@?qEs!G}rF32Dq1KnUrV%Myqgjh|PmcI$ntL%$J*;2F;HB}*M>V60Lmbqw
z9W=U6SoBcM6*!c}Z0_`tyv*N_T<*Nq^}NjSK`pLT7RAnL;f?=MMFg$&Z@`R!)}((d
z>4-5Gm}rxC$f}Ux^d`Ln`<&?=1I8}Uf(HL}V&qaqUs>mFPe|}cStE<a<4MoM^)2UH
z*P{MCT<6YzQ%4PBI;w$qYm%b0j4sz`*%p_vut?Fvd%$9~oO^+h^8qL!Q1%0+0~O%Q
zh3vnON2?J2+3rKTDm|FU0;37kxFZ)$@selkzyDu<`et3`RcP3a_?{t{cATji=*{J)
zqPw&61n-yMBLApqYAz}d+-i04*!*eSky{<#)C$Cw`HCj{tHb&<J-AOEfb@6md|eJb
z`bXX)5xtJlGgCEEg>|T$&rG+ZZESSC>d5>W*cprDj}H`CgHMCi{|ce;>w2I^c?Wnv
zY=9U$Gq=*0D{S_`J0E^W7yAFEu0v=&UU}*UNafB4Zl{=1&1VP&0i}}zN=2>3gCpZz
zq`l~quUl^wW_OI}1J~UL+UzLk0U?7tN`6#Cp&2KD=N4ww6onCbXsEAlX?_2r?}HK9
z_;-BA@b}A|SFx@PY@Jx9gQ1q3Go!7pgLx728s1)S2!7xGem5Q)$9QA|Cg#w?q`S6s
z3fHwZn9yHkE_zAb0EJ8mWbfU@bImx&*(PRI!K0&9w+#V2;8Ux|*|5)=-ic#`7>3~U
zCr17e66;X~^c0)@13-M)0jmI)JW>o<pQ+aZ0k(&@&WM-xnlYck3Qz3DBv^mqTYF1?
zf1{8|?g8@4xBQzdE{KjIASUk1EcA8ZYAJ@X&(oBF=hoS~N;dkF`3E?E2gd?EAlyFy
z_c|bm?j-x)!h>$$-o3}Qc_KkcvSK5{oTq?RZ0OajczI7>-1^y^O%R2S^VAx5aAs1c
zsp)!Lzw2({u<Jf8GhZ&!V+kMiSH9C*w{u31j}xw7u;&%N;Cxfj^oE+EW*0CumYY!&
z!)VTF@FZ>UapFrds_{{b35y<Mdd~MdJr|rH6s7FDkf7p(`ZS#U(&dNX|GnjxZ{mVk
z8qWV3kX+K|HY+Mwcj8-eV^bSqZddnk4|qzj@Uw;gVEXY50ci3fXrAZ|1~{n`m-k*f
zy8WLdA@KG>67WW1msEoaZtYACL|>kH_b_zJ^v!TzW;9zevb%*Y2)$N0eN#{=02_K@
zQR}6yS}c=kzF&WCFYvSMQEi8YhTiA)S7Oc=c0@zLu{)KBJN;GJMXpY1%_p<qm#4Py
zYN&YgX@2WxEB{w^YFE3El+q4koSX+`B&YtU*^PQ;q?h6J!n|#kEBKRB+ALgD7s@#4
zClz{4-urvV?PpeeUjhdFyrk34WrJYD`RpsL%dKooK#cq^1uzFbYbyiYU~Q_s7Ji%H
z4OXQm!C-eN^X65bDRwUBUej4@eI{c=AGgJ$-Fvd<br;?9LqiwhE}CAxt~9GR)i&bD
zNw@&Q;J=A2;m(iG_iunA8)EX<2M@TL!-e9eN{@R@@2`+O)*r^c?_#Q8Jj|V6gV=A)
zg2-yhP7oU5r8va~X%uL4QtXWJC5nF$LA3$xIg!14D1hnRiso#OZRb1{+zb(t`aM(q
zk3Jl^z580}AzS{jGW%v@j9pOSNR6aS{FZhx#~GtX|E(;RKUYi5YyiRI__Y;yl<9}t
z#>arc7)*ve)nJR}G+^_4D0-NKU;~0#8yv%Q^pVtr$bW#AAin@ts$*_E7BvX`GSoHV
zi&|gGUk20M`uBs)!Bv?GkgEVgAwyLk=B+flSlDRH=l*X_;lB!1hSLey4U~YZ=u(=c
z?8TDLf0DiR<|ii1+ZfXppk**luB9UimPrm4Td3hvl|IAp@<6#J+{eFH&O2|WwHsqW
z8GlUZ0*W{8i)_&7rMx`Bux3vI$KNf$2zUy4(f4?=a_q2aU(SXqVw*%d?fVZ$xrs-*
zC(B`gzB|o#MLZ2HDd25a1fM{rX{hj8?HxW=aZ<~hqhT(N(45D;d}Mj9h&h=b;m5ok
zaN}D(N`V{BTI@r>&AW`db&>*xP=OD0o&C2ohcN^p=XsauPdx|hhMln42lGZeWZ4%&
zm;Vz@X*&dSud|Xi4`qwi1sG<kef1liMj%?H-|SbwAlHY}&R?e{E{xbsAVNA5em>fb
z+JWe?Iw6Cv6Y;<&Lfm8@y=q_EMI~19t~CIbeKoI22_%?Q?IQaXUqrP$`P0_fg_t7_
zWUD)e^=*i<`v;)o3%RgWUEOt-rNXt)N{YK{nFr(1TmZ-p0B!M|s{Eu-A`Cob>;0B?
z6TkunAbFF^*gR@6@`I@1Wi2N%x1bv|C-l2|)9NU^7t(*D$@_1>bCK8#;K-F8P%CU6
zZm+df5#KjC#6kFVW*5`>W+D>Ai#(EGa_MpE=aJpPh!T=@-BlK1MaD8iIeEZF2s<i`
z(kc++-rFuwk#+|xe(3C}NI`)(a9>~${Cuh}3muW-e2-ah8qB31t|#dO+fJC<{S91k
zLUf?;zi}%PRMsg}5x4b$6brPFx?i3og+XSQn(U%Wd4Mv6=8L@Tb!N5s`V`>ajnWVP
zo?ZPA!}NE<Cin(|<*rQzWktejXFFssyLd2AXIQim#C9D*zJF*n61j^6wGex+n$%0{
z_tI5~?k5fk0o!9vs#iS~as?&&B=>p1n<R}<<w<%6>U?yCB;@PO78W}UmP$i<A83O-
z34|^-lMfU#h@+Zm)c}greb2zd&c9r^BJ5_E(m}}pUTpub6VOF~j@gjhh)^D&&+_+r
z+L#fy-&uWik7%gbe%s)<LY0XAUHRK_rB|WhijHD5#Q3QP_`uUL8K!|hg=3@DCoHuN
znJW}Ud-d%2=_a~bgH|EZeJT3YqlF1eLg_+VCCYewA*;T}X>Yex%fYg*biM`9IQgUB
zU(Byo$Pf>M`Uj>-wI50!IxcP!3M-%M!#H-n`G7{lB=u+y*i>A{WH+&K?bI_fL6ItK
z^7-pe833<~t7j1l+v#<j>Vb3_ZrLwaTn_+wBUnNCvAVkfz9>K<;sDM&GM$Ko7>6At
zzlVpyvy0K8p_N=lV`ob&C%l5>tQVSK>kcbF+PnHperCBX0?~PQixA)Ly3oVD{=M(N
z%fNh$!%7^V2u<JNj?5Mb>r1<F15zd4V5Z5M4w_)#(0dyU-VPj<7n6oMFH1O@U9Pa!
zf+_6!`#}M^3sW{olLJFoiN;f_O%iP_G|2Az3PBsdl7>W?HQacp^jXThM%@E^tpHEk
zP`ny&-?N$2S{-%v0)Lnv_zDMy!<8@dN>RDhbHq4E;J|KZM<Pp<G&N*_{ldHFL^-k2
zk2)``#9a%PydHIm2u<fg<Ms_0{kGlNZ|{+zHV(De*9#axOeR78;P6+_)Iyy#se$F@
z%u~mbBn@be8z^UND8(XCpkLE%4_7a)hC{9+Xlyg=pa3Inf{{gW(#1~=CscWMmXw>h
zu7R@z4JJeF#OD-2tI=~z;&#?X&<b^Kcpw&XDMu+lG>HJ?=1ZiruOY|lmO#)jn_xu%
zEEGp7ywAui3Qn!q!Nj4=v%X~+SIPuM3$wZyY1lu+q%FJ{YLfOm%;A|7znn7PtZB@l
zw{RxzAEEzJNjwa|0X9p7DCO?IvaYG9KrXR5lt5vf82PVaV97{K?1!!3!SqY7Uvu{E
zZx?FX!x0nUEP|#z!S|AE*|U(zN15IvFwAnycnm%h_1;{p@_go2c5OEuF_<CZI+ziJ
z3>}Mcskd{#jYe<2-N-Kd!RK3}2<R`<-9G*LBTUWpXDcE9c<A#HF|<(;@o*bB8g{`C
znEDlJnZnO5yri3v3D9fAhda$MVc)Wr>sXk@c<Xh8iT<l>J#vqdHDWlCt)BnQnRz7=
z`EQ+!0cwYDesR@_{d~IbR!)I%*i5RdC__0)YKI7uYPo;FVt(E8vzZ6NP1t4CBqaeF
z?vS1~^j^RIs8=ReDSEuL=+~FJn=I;Uad5+a+0as_i<obM@WVp!z|q%#1#G<yhB(tV
z7$#i9N*+LWb#tNCst2V%s;vj5ycC!*uJ4%sL;wCNkj3NzOB8m2z$rgAwVP&9hj3h#
za{U!|i+}_ZG?m<JEMTE`qYiEfi1oB`E8h@R8zt4pb*XDV5B)%U`A}@XRy#M8yH3&Q
z`DRVvc`=?84}y}fVKQaDN$uT*;JcoM;VwJ8RsXgHjKb3V_3!Fv@xK(kpE>rwJo}z1
zLer;<Zrj!T&C)HqgEbTNcDoSkgZT<zvpCvI3_CS?#CjGCkL{8}+5zsT7JBljOZD*C
zJM<zFP?xY2$t$iYrP7?{z_AlS(A&>}Nw>5TIN9e|>#L_69;ia5WfdX*LRkJmp&0Z%
zDBMa)CW9FV&DB>EE#)tkr2i2GF!R!0H}H^v&QfQy^?Atd#~e=ssiL0<_QR3PqWz@1
zXrO9uvg4FC?7l7-RDeEKX8V`*YYXth;ffmr7znOBidtx)vvDOa@VA25TBb+QhNBcQ
zw9?eiav|Q89yBCPZpL40-8o0CN&7Lw6BYfbH*tv2f3mfXu#a`fiV9b}MtexJb44D;
zXG|=7)XS&1J?AZ4@xK$n`<>^*ao5q+{z19pVfvTMtA)G2-$LJ3P%+_<`33r!yxOwc
z?VzU8VQ`TQ8JD~QJYFVW&p>E<ssm&dWsy*(kG3YD18gSuhC7O3=e2(*Z*9!xC`~=A
zv7EmpW4(}@u#FcWcEBVr>_5*3Kne25tSBpss||mXV9HD&O~pYXZYP*jc5Oc6Y}|hY
ztcAmAsh1eoDtd?bfVv7@bKC!}ndduCDS#wW&)^OZfM4}HVo&a=npXGW$Pln^<0DE2
zO#N|NI<5z>Ywd88r{}dmW>oUp2(2R33FIhNqX6VmMmYK(t}0rcxmhJF)YEEfF2UnW
z0drF~1XF?xfx`l^zqnhlF-;o`#&D{BiDcm3Q)jk)x`>)tmbRp$gS;kQh=2$Fn^75$
zX$HarW}G@8iapMapXBiSXJ+!tCr*>@y<aZ_S)QicM6BwCsDP<B*BK)nsPFl4{seO(
zH2GLHU&?^XExp##fcZvgJ!a$x;HD{u-7N`naw+WZ8r|0)>bv%hX0>oDDJaGEQ?cg(
zvwtm;i&@*>%if<%lX2R5_y>tYLiqn_=i0xTEaNz)o(KZXn4oEpB;%r>gc}@flw&F)
z$|No_F%Tg{MJG8)*fPjV$cCQKR1^rgbhzj?5M>hu8SESjG<7<JZAVZLXd(iEGPgbt
z9sh!U=$HMt=XuX|_Pp==y?rkE25n8MNzxSRI5d2AYEoPey-Yy|35gQlmz)MYsG;{<
z;82fU_-OyFXKQ(+OVpkB^US}#Co27An9b4zb%Qp$2hBeCj}Q6DTRROUfm6eEi5&I*
zylR-D5H&7LQTi&^(9xt4`M~%9)g>TWCA&1oW*Nsca5yC}Rv9OG`xhN{GEJiMyKYvD
zRR|*nBR(<-iWdsF_b`0dmL~2D=9NW4mT<|hkft5I8_OMWdQj@%in-Ul85PG+liHJM
z`Y)Z=Xhz=d&>N?2Ytxcgq?1Zj1|4ZuPqAIR-~okc1i?^YzaH<FDJ|Gwti3$+<fbT~
zWA0~_KH5Er(L~%S>9z0|Uc}wj2@*G7>pdOI)lxjVWt&=mD$P}WwQZs$ZbI^u+sIj^
zr0aa$38*re2+&)mI@U)boZ4zi+_%*44o36MPjcqeZsWA?&-2D$1LJKjpdcHrG0dYo
zD=n|6zFJI=={hPU_n^y}>Z5oe%*blA@;n!0g>roKZ8;u8<e&FumaC@>)Ig34yDA93
zqq-a0cMXjci6X^Pk8s*P)()kNDJx$wNf+!odRM(Y{X2;Ky-7GG^uJMRj~9=m86fZW
z_j}^g!jz*01wLPV9yMlXB-t7o(5_$o^yEMYck~n-WH8_TmiP1mD!9?GItQE)$m%&7
z>M14W?#&=`wke*~P-oXDTXU|o@Nd^PcUwP-gH$k5R_bxq)M0`VjL-dC1p*PV$Wf!(
zhc>MrWaM(!`Ne6agp=VogQnDPsBLLV=>QViMogUa=LfWdXR|hE&)+ha;8Bo9b{Ed~
z=q7r<;uD!B0acQ^FQOB*5K11-iaN1#KIhQ~)~1QN%^k92|C3J^l)LX`M{JsP;mFCB
zV*K_SwN%aD$ofkj9Y60X6M_O;fn`mVUM{RkdM^4NgEX*z=YoWJ3?Q#zFr6JG^^BRL
z3z;o9j8*gg$X9XIo~q2hH+lS+5~!mLzfD+Gtb^0te&0ID>t&w#X4`QoqcTd%^rVkF
zuLs@82?*VBsjBtR!=Cba4Q@g#ErHvYQ~ZWSiC$NOnN>Lpu(UHvp0K7}HN%I}nXvbS
zod6uSgFiSmWY|Sdgrs!74%pGC=bZ^*Skx0{cNaEti4;#ep2-3u8IkkWzZ<dIStEab
z{X98aUXXkY$XoN($0h7A_N>Kv4S7O{`mJ*$F{nr{!XUgabUKk8irwB>^bFeFN04_{
zt>eoHJ#FFaPayR=80>v$=Ih^<`!DI>>m*I@CN$ylkWZ&Y-dU}AHS%F4B;EjCPBSdA
zoafw-@#RL0ysUM!1Cv%)7H6nfdRc!(B#Nenzt5xNDyQLTkxMMw7~5fY<9qoMRtmi;
zS6cG#Yc!@^;M`q*)xzdJ0Q>&NQtYW$S&9pDUdyc>1Iiq#9?KRYb+0XBVoNNX8PjO7
zoS?D8<A;&;WUkA$+hfDZr6GfHKpE5@hwPa80uWIWdo|RcutebjVPJsYtD@97fH8r=
zOY_G+yHC<&V5*@gKEX)97u<0q-f;cB3RirvaPW2U!I7IC{=ks_A07TC#Ybi{M!Y~~
z14^^$rrD(w5!vj_Y7Pb{QP!Cqc+Hl@=3wxjD+8l{Wp!0H?G5ccQuYS2)(2c%8I$o3
DgB9eJ

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/java/web/servlet.png b/assets/images/social/languages/java/web/servlet.png
new file mode 100644
index 0000000000000000000000000000000000000000..68aea2f5d629f4eadd393c74f27d9b7b2b06c11b
GIT binary patch
literal 19207
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
Kbqg;$JpMoCpS!RC

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/ajax.png b/assets/images/social/languages/javascript/ajax.png
new file mode 100644
index 0000000000000000000000000000000000000000..1631217e4d630eb0682e02afe0fda3fbd1fa3ab7
GIT binary patch
literal 17513
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/dom.png b/assets/images/social/languages/javascript/dom.png
new file mode 100644
index 0000000000000000000000000000000000000000..62df4a7e896d6c8e26e7160bb4efbd19dc52b9a0
GIT binary patch
literal 17926
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
MW@TD-!R_z=2fob=!T<mO

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/events-animation.png b/assets/images/social/languages/javascript/events-animation.png
new file mode 100644
index 0000000000000000000000000000000000000000..da04cd63a17c62d398792bf13bb8e82d40fbeab5
GIT binary patch
literal 27240
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/javascript.png b/assets/images/social/languages/javascript/javascript.png
new file mode 100644
index 0000000000000000000000000000000000000000..e034acac11fa17f6645f2a74107ed75417fccbb6
GIT binary patch
literal 21964
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/jquery.png b/assets/images/social/languages/javascript/jquery.png
new file mode 100644
index 0000000000000000000000000000000000000000..22c995a160b4d76152513b55bb79554a4b2c515c
GIT binary patch
literal 19965
zcmeHv`9IWq_;%;CI44OGLMSR_P1ds2K~4#$WQ##|+0JA)n3hv^b6SwS5VDQ2jBU&)
z%#=O*KADNZV2o`rjOYE)_xrq_zu@`l{NOdwe75&;-`9Oz*Zqn9%fyi9u*l(k`}XnN
z{8Rt#zI_ME_U-#M@V7(YFQ(TJw)^%OH{aC1elIwEVLa%~m`lS3v&)Ozk;f80?f-{+
zPf?HD>05VJ^M}xu2W1`61(uk{?<VMLBLdBbFBn{Vd0tZW{j+PKjM33;PSlgL^*00Y
zn)U4Y>9woUw3*9YL3mB&VZZf^{2$Afo$XxUlKajU<`R6Nf9%5=HvS4ePJ8?+2>p7K
zAKci!eSfAtJ_tUp^&F6cetmV`;TQ1nugWjn;Nx-b?^e)X&l>-C=>OkglBF|5p^-m?
zuFFf<nDnMo-GaQL427`zPDVN}2H!NFskb0%+F#Y`yn<7ERLj8|-A!(@zoJYgt3&g5
zM8{94vbmlU6f(Br->W9EGNR{6MfggHQePylPi81}zkLGD`iXJ=SR0DKZk2{$sn6&l
zH6q9tCTHC%IEeJR8&`no<%6w!h3+Dzuu5BEcM~ZacoMC)$?i2~rW9GOEyI-l-CG~m
z?u=iqR`Nj<W8Nw0;=J{=>Ty-ci&0NZ_Et^ITs3PzKr0VlE5*^ue=oH7;?uRC|B;6|
zCsD0yH#A>lEDjsG`=kCr*)eEQKF$ttzHT)A;c-XFrX-o?+4H@zKhaTwQqe~kVllnM
zHv%lzlPY^l_MJONOMO(wqSm(g8^S_p)90kz&%a*~Eb)ou%Jl4132ZGW*Kkj6l_c~1
z@3~sWO;ua!UU<>DP-8hVFU;Fc_;*O}2iLw3BP!8}4Z9>s=^Iux!0{gv-P;K>7-CY`
z7)ReJ52Kn`tKq81w#Rs5S>zXHgmMj^)QW{iw)c-K71x~&6tx$RWY`IyLvDJfmzf6q
zcoZJ|dgooypbPq@fD+BqEC=V$CT}Yn**LLyJL#)y2gxaXW;Zr3fW3Ld*-uD?RMB={
zIX*+R>T;m4rQHur$4g54WpmaOqEy$!;N*%9c#AQe;v%FNV=a+E7@twK(#F)B!-rGr
zICvg#|6AX{DBUpB86DzxGdKKtI_uaUUB6iwtj>H+(pZy?rEW{0qt?9;13Xst8w+z*
z*wO}quT$Dw>Q%|0Mdb`mWtH3ZEQnr>+{>F$x^C&+FWU^#RoXa~URjU(xl3z2V7OV$
zw#&)1C+^`+hGDD8vTU{*xa<s9>_BD9{w`HF5lxqS)~8f*%D)6PJ2+9_|C$~&-@P$r
zog*okT@p^U@3xs%BeHz#go@^{>EZrU<D!m?uT#v~!Gt-K&4Q3_L%1G}-8>0zUNqkc
zmj$O@eP5sTFlH@&I7w2h%FX;pi5lU>!piR#8>7yAP;&ALX+LQrt}OkA1V>nsgt~+U
zOd~w+C+D9Fn+)=#M7PNA{GGo;+m<L9`skVow#G3ywP~33OebLdU&)EzpCvvvKak^T
zL>=LlCRQrhn7Dg-c9GnW4Ru+Ig~+j8Tfgn^iuC_^M5%cB&6*u1@wStvj32z+&VpIy
zlypq+YgFp1nvL{t%xQ+gD1}a7yM-59k;R=N69cc5Hb_xY*>jXR#2iJUONB&H_5L>T
z5~ZYP<dk($06ubEk5WS7jpb9#u%RNi9YVr(2jrc;r9=)8eRVY6x6!tG7=z9ErFK;<
zgGbY>1z2J5TW82~N5hvbizxF=o=!jh&18K`!iH^cW!7zs>(Z$lw=~DEBkS&rFQkHz
zo}r*y2I=KU<Mg1h?zbA*bky=>mfgwS;5?7CLB(C<Zs;VEyo9+4pPTO#<y!xtJz@)@
zO9XuIMa?2-D|l&h+6wDKWnISQsRU;IB~D_PiP6L~Rn{|YzjauG?DB561J-@2OWwCb
zC2-dx5t@vbjHpk4Hp*oC9Yx3QZW9FVkhdvyWbAs__Uxyv;5K;ERc+1_S}GOCkdHMK
z^tW@Z@q!`bYz9vv!z-2Wt87)~cr_{>96dg_`6BSJRkcpfu>~={53tHNX>}TWj&x7g
zJ2vLW1B?|Tx@6TWN%?3y0ZUwf7pfF7>J-n!?pjYw@qQMdk5aKDk-eW40!%FHir+n3
z|E(|C67?g!Ece$0t&x+o@E~hB+wp-}LP@D73aQmA4#wpoK5#rWn9XdWl&=tP7=KW9
z{$=0eRVccxSX`D~v@}~KQ%|PLosr9KUA8@iN6=pLFNT({9C<e??irV(TV2+6sl3WO
zV1ZfJmPADPj9#`7BbWxnjXrc89C?wT;C9N}eLjkyJHAPG6FTFtL&%9FmQt~D)4Snq
zb-}@QSpEx=lBIR^3MSh<**@mmc>`f#ltObRQ8r01V7J5(XUHc??f+<RJ?4TNxvwL^
zd`2imB_jjim6gM{kAP%uqay)d8S`S>Pd(z3?wG@6srVZ-%9NKTA+;O)+kUHX53s?l
zrx|5qKKQ-6@YUc=a$rUlc?T(r9Xf%pJWFYBy2@3c8>G}br-)L!VZ%=93hK)=R|@d&
zlAbhAqEUKQh+fPp5Q|ojxXa7JBJE8pYMr4E8I*mo3k^D!<1itiU7t2>Qs>oTwF$)X
zQZUU(v+Hqe)JE6q7bJw~#D?35E7|}vkpq@2ZjF#^K(|2ewEsTEe3FccLN$as<NV2;
zx@EpdoDzOBzY3-U7Fn6!%v?}*pWOXkL0+w7@8!>Z-(29|<2qkoi#gNA$j<FJ{#jB~
zxpKwMvTdNsm$|DO(O+m~Mwl|qzEkyqNd`GDUqb7wOzR`&m(NKX-CY($`Lx7&a06kB
z>P6H-Zo4t+TzV78j_T-9%6(*J@3AaR&pttW`oqod!?0#_v5BVppI{Sp2zL3A_~V&H
zguxa%N^U+xVdHD7Nd@YB+=X}sSb@0Z#&~pB(@Gk3zpk|~a`a(NV=R(ze&W$snUGrF
z?w6t)`uh4XGsA6Pp|mz68>e(<z#vX$0O8*z6|aPxN>WBAkn^wlY;EKgTtF~GcIm0A
zOlA>wENi}A9UTh|PBNNr-@Z#4<6D0^ZBI)CFqd%C1-^?>FZFIw&()g~>8Mj8T#Oz~
zOujT&lNSfnU1hxu7w(AZ6~(Hfrzb-?;A`3ea0VgODFBA(vq)^7_Yi<jKd6F_O}K{g
z_`5m?Si4x$PWJR|ImTIIOSMaJ^`*T|5dohzG}ucc1#(>m3PMVr4-IUCCYy&`iavx8
z8me^$RB;<klS2(fPM@RXbB1*@J?2i>`;5%}*=t*>(Z;3DTBwd&P*I-!Y+pR)h%6Qh
z0YSwi-||h8*O<djRV036>(r%&%Rbv1xkG+ENy-!VM^~8SYA@l{!{+U*nPHcV<ZJl3
zcV}#xi=v`<agO@=;cbG&4`UNWv2j@-OMS0&_O?l1EBOGYBn!46$>j<hj=x!Z3i&t^
z0oD+QR0Z#I6Cxhewd3RI@GzF2dswa?6c7+)AqZmm#!{ChkuS^oq&=r8wZ_FqPitw6
zNS0S5c)-$^S`6TeQ%0J`3J)Ck%3{0>b#HMtu7&4+2#f3}j^TF;;KbUPXU0}wQ_uAe
zWTNUbL*a@=uWbE8Z<8!M|ILC;h;;c>CHE;I%t^T~TQVM3lbV+|x@8T)_IX}3N-;uO
z^)7hY`q_u)qZ`({M>HHlX-JO(nXVRt{P>yGHC=yr{2wP)v_-TlSL`to6IdNV?<xrk
z^ALq;dnGBsFt;{csYw6u&~sox1h?A^3!*pB=a{1i&0W2%^8hu~Z07|)QNu^+X11=X
z3Qg1a+Dz%0#B(5PnQP-Crw77toAqs!H01r!DZxv8qRISr0YNa_a?$u`+FKRtKdhWP
zVB4oZ${^v`j_|HPJ5jCdyt5J8)tzmll9HMB-$D*`@yFh$2yo#}nn4H@0E0GbLv`)3
zrO(m9HeL7;l|1#Z<+zv33Qe_UimD>#uZ`)f0pe(agy8rUD+)(pz$B~BKx5>`6xWg2
z)hcPhY6#aB%9e|{+yV3cW5?6+PnWNP(q=l?vU7p#MqF_J6FrIx+ni(+SQN8A&+>#e
z1ej*is>|g~2+r{K6auv=M^cURY{wD}<ImFe>r0RrYnxVZUmW;k0~<!(H@GcfgQs#W
zHmalTMG2cEY!i8U5m|c0ZfETryu<K3@y(rxT@iPjlfgj$n`UN{eY$}%(uGDCQ}6J&
z;65@nw<VuNEznl)%p1`X@y5So4-76o9I(I~DN%?vn$Wm95!_NPgdgZhLh)`p8`uU;
z42dP!*A)8kkhlJ6>M%ZeXXN6ssTIE1!O9jNYQ@eaxoLz-9aaUug2gbC81kbOf_n8d
z6(Hq?B}KWWLL<tXVO1tE=LOM&ix(aTYP0zRhvO~NYy+D{f=RzOIX==gd<&42tIqG7
zW@}Y#PJ`R*$of-WLg@F}X^ov%=im#^B?qoK{r=#kHojnmH*;JXck-?XR_O!gn755;
zdFj)>&;8!aq0dR~0PxsLj6b?XgR}4X^7Y3oj7dcjzaf0C2&`^JicnCzi@_fDPD08<
zfhw;H^B%F;2?B*fjBg>Nqw$`K=^LMk%P?#55FY`buh6+cd^NP2vr?aa5Y)Rz#I333
z`pv0Z2@0lJ45Q5wZ0SXP1tEA(ai(u!1YL?JWt}HtX)~VB^STiKg+G%Yo9nN2h%r%a
zsaL~yqO|SeuGskY!Q{}I*(-5{Y11mr<gCRoNqt{=iLtZEu{D$uC(ZuVE>7s$QIbV+
zP{N(j`y^b$u3djiKwXjgL{9Hfk>jRF&(Q5vZ7NlOtItclRlBb2T*A)w=M8pmhOQBa
zAB}^rgR8#kt(2qWUqJiv6Rl#Wi48IgY|+oQAadGeH*%LNi(HfbSF?yld$MeH(PAlG
zWhKAT*$Fq~yuH+^xJm02>8Gx>8P3}YnB7S9#+(_C=T&c>tCOdid)#bJiCp(-jEQ=y
z-Ees#oU*jB*rB-C(VvlHo*$<`U)7tb6)55R7LZ|&$2as|jI6a?b=Unk5sHG+Ri4ue
zVp@W*h`jga291zPUCbAuj<D&}PU-46a}d6Q$ta8F9sA6Y9NK|>`+AnQV+Np!R|>k`
z^=sesXu)b^edfHDb#{HiM8(w?7Ob%8YcR7ei!QGitHCg5$J=7^sNBvY#gf)$WWKCf
z#~0r`c}wCkO?I}WL0?KUWLMA}yXvNZCY!97>MC0WN_vUwgK<u<(>5o|#>bV_6Yhzv
z$(rzI(r=JvMm}fKzr(H)bdVv=qxtv!RlNg2wUeU$H|oL!qVFYY<CFcMFVn5}Vyu8m
zt;WNy!kVSZmv9m-ubD?8?S#t*n~4=rI*?-45<(8{d;BTeiYX%*8esEw@q#nzdr3z5
zE|zyrruiQ}Z6uGJ^eK%4#gbMSytdtDe~XP*wm1fk?WJK;t5#Bz{U_eBnFjLA4`g3N
z$oNxpZ}=B!A)+_RdpEeJqI!g@=%cCxN?~l7i#qVKNIm}4-Qz-p(lTo!v`+5I$ESo%
zLs+tzr_IPRv&wVOe``w^W-C=4pJ`4WtGy*a*OvKeV7sxB$n0b&A}70`>bf$Bi8_(r
zSvq@pqNETaR2(i{aK*(8X~cdcsHo7W>!j*k_AK_uN4aRH^}-S6{`$!R?HIp|$mwXS
z{ZAg7KVFL$!~7j!1AwStmx6EnsDy8vseQxM^{u6C1(xhqpXZGh9Wxp1#z-7yin%2f
z85lb67SV9ElRZ%m;d8Kg4GncDvmZ*BQ@X{`!$KXXNSZ2X*53X&uU7SfDjv#K!lPGS
zR2HiUp~G*|YI@Tq*2*UVfLcU*>->Gg<y1W@NjJ)7bOk<VDM<2Vl*AH~;?W&?E2&fg
zd)U})Br?Q90b05ygC!p?L@)Pr3eek-R{TZ-*p|7vbs@()O5_|f-l1iC!6dXV3I(ez
z@AWFpPpTwJ*@P>8I5&9@;L?)^V#LtvDR=ou3**RNJUh3igCh)Ry`%L`>#H$u@fl<r
zZg^j2zf%2g2oD3?Nz63*1m<oc;4>;{hNV1z<VU!`QF;2A;lbXv0iXU+KplkDVYQEL
z3~ht@l|HPRM)a?8_8xg#zA^ZrS5sbn^hXZCRv_7SFvQ|+GtnbeJtFLG^&--yE)+Jg
zyUYilO(S{vwL=WRoh(>Q$1eW6rZV<7Rln)#W+R>2)AvW}IPOVF`pFe<B_(wb(*>Y<
zg>`LRouP7L>%V@Vc8XmS2ZhgZE@asCN}np+->l!K;GgmRQ27sXqaZT04BzXz>Ly_)
zYDqwTR$~YOWKLd@y-%$)O7h?0q8HyXlH@E+Ml%baZ3RC1JgvalncG<H*VM@^l7&i@
zun18?g$pQDdEg`Gi~?&GOoGG!N-Ev_vTph^ANlr4Klg-R&(g*en;0aFmQ*Y4ZJ2a=
zjja_jH^kE~-L=k)Z6jX}Ok>J8vZasUIbZNLIyJRYtb!PIvEGmyz1Vr(63K|=ENXR#
z$agHIpPo<<-{s|&v$m2j&e8Vbyb_{or>a&-Lb)kJoVD6Bu)!&zQ|U-skT?xt`N66I
z{?;JFVRKFcrVvj{5>mGV^#*wZ>9nP42a=q6R|jBFl4CVIEa2;eksp9b*&Fi}7UK`?
zRYsz!tK$blP$Y)u-)mkIGLB*3yxA`=I#Tb}a^Wur#PT1mb|ZWgfRo(vn`gOvcbSp%
z_l4^d=vrbG*>XZ)t0I53&~F}`xODzuQQa;avGcMD-X<+gQh<di+7!ukwFq^J3lM_s
z2bCw(Lb|>-RkNGQ!;2)%i&--nieiF;Fb&M8v{WVzX}rC|ZRSY%twjP5ZH2U?YT~TD
zVgxR9x6SaxRH(JQ?KpNkQGQg}+us_XR7Vo8TsOj0Ts%2L9qZ0Vf50buGeWPkpz^Gv
zRlv>m^uNR-yNY9!?e2<7&zm)LbbPMA444pG#AI_Y$jKWmFj2}nNtBxMp#)QkkpdB3
z2_j0=Dr6u4WujTLLZpm7TA!?9_Lr!s>xS&6p1hK~8#?t5-v?%G#f=uj2z>dd6I3H)
zZV)Rs0G4OgBL_%3U1}|_susQh5DE$bCqSjZTjx`QN107^0+Fpoe()UwekvCdCZS94
z(}RF<fUy`<K_hNoKs^hZ#r@&{$}vkZm9v=~3*&7{DGz*nXN}p7o3_H^weOEC|1YOy
z$gmbe>z1n}3^izo@&W9%lcP@QS0}5S*Xiy8;hNGZE$XC4RZD7_Z~TTZ7gE8zKgQ5>
zq1t_6?0$_A%REgMOOqU^O5#7?Bo1-Pf1OQB;_(TW470e{0<e8`n6LHrk9D3DA_t^v
z?h(85v9dn*Ei0o0_>|aWgrl(#W-H^|KhS{(y4L@|ZCU)mEPQ`OB1r4o8;|*aTVH9o
zq9^RVm+@wy53Wp}i*?GJ`e$d4e|#(+8W`f4KEcf_B(QKJV^D>*DNvF^?98;|>m|(x
zqo|G-0-IBn2?ou#9`7-Y+GWa6y#e5rvt4RXPjTwg^|-~0e4a~u5IcD~XTnM?cs8v!
z)^anfxx-IXIlf~`(qybNdZ}S5JpTyF7o17tCkgq*!3-B#{DnF9)C^iuEtL-DHd-p^
zE4@P=Ic=23vjPVAoW&5v*A|pjez-S$`okM%X^4Qo_JmVaT*E9pI~gp%2Ol(x$Gpc#
z^$vj?k}y)pY2$54u!0EQ*<?9B%+}kzn?ATPSPlRH-5|k|7H_O(XP`f}@weVICck}=
zJ@w3nA9F}&kIAh2Xz6N~p{~}c>k@pYbWn6IO_P!!oq9RGq(mk<hgB@IEaoER$m6xA
z68Jae1+Q&nXGq%_c#W|<?1+CVBSHa`HUq?DYpJ^AfJd@iG%YFCs$owdcq|s|>cOP;
zyX-#=U0*Bz%+=*#Vx~&b`9}sZ1}%5zqt?DWO#(M5Y2mvkKR9S+TGzq5iX2HrES|@~
ziCu<c%YOon6_B~n?6qBvC5#VqNPO?Uu@5F%u^G^FwcGa#^6HS&J?2-Hrr?cnF_Ppv
zOdRXSBz)5*RssX+L)p%Q!%z1{1?KM4LDIw%a0Se{QD0#VXr-1)i{_Mm1j7lQHs(yC
zhg&2o{oZ!e8c6G?By60g!f;-t?oBY$-KM2m2-w)=>h~80M^2ytqtO^`$;YRzlfJ{&
z4G2ta<Eplpj|%8be^CSYH;QeX&~MPv?tU(@?E<?~s{9w#JlxN4Y}45+4^w4+4!&yF
z59WKq3=G4L&7ctN58NIR{#XGl37QdCk?bSz1YCBwm?*#n8MWKI^fp@twN7*8Hy7x*
zs*8^1ma8~NZ572)`~$DFpAT5z+lgiMPMhck|B0jJJ`qAoO8TUX9upI;estBt!uUsw
zO4>)o23qbUeCv~5Xjn!u`vu1P=j6V}7Safp?GecEFxE6h&S2gMTF}C*T>x~_H9Q^W
zkyTZU37i7pi1DPso8c>4Prk@P(iRNVt1c+?x1m?46=Wqy6tpJ-AZb5r!~OGUYiJpu
z-Rv(xeQfae05}I_0cyK0(_>l=`yzHf?oInUZbs;ES+;Gylmz?}%CcENohLmifW{x6
zlKe@m!L9#s+LP4`U34sW1Wt10)z^{+>WBS)!|ttz2Be|OZ+*EEIY_+77IM323((Jw
zuCN9lofugmFA*1|5wPBPU&m@bIDk@|8oa|-)lz#>aZgov#|^;e2017`b|+8J?aEMI
zR6q!YuL#Hzi(%y#dxu5}Ujb-32Nn~fmXb#y7Bxs)HuFxXD#)~PeLuP${d2*J<|Qb^
zdg@-r6!6jaM;jJLX8J~l$l55!YXdNKTNGyTLvv2da;#EeV)r#T2l%E^9!mHmdH0$W
zw6Pll=P#GyX87nky4HMTJly+Esijx7R?o4`xI47wokA(~edi_CEO4n;-s3cca{2d`
zexO4#d<s7PoZrdfrKAO*{hnl%#<lra*}S0(82vBfm-s`{M5ZV6LBs5_U6kb@?1J5z
z+RqLDfH<^VgZ;usf2M0B>)2s4EW+F6`Bfzl%+wI_KHM&C;?XA16!te9LkEf~{@=qs
zR!a_ih}JLG%<_r>BGhds)Nql^i+g!#!h2v&(r)d8zpgcyj(^`xL|IAPI_o&T@i%tr
z86RJMr%BM}_iA5To7Lce1;ged{MnyD%{5LQMc29d5j?-mAX>h4t-Qc<E=n`Yy<H{H
zJ>cf4D#L)6i~<dyW{hk!np&oYs5b5iO#gmbRdRuk8%hg!lk>xLC{4NyLeyF}F6k|y
zP`-Bv>=7cU*}xvj96f<9&n&E|GG;y;gj3Az_a^Oh&a6`_WrQ092Z&ZQsI@x-w#dI%
zR?}6Au0E=zOqiO&0`=h3emupTa2$&9@3=x`9m8{YrNC(aBvhf{O-~%)SSF8`sp)J~
zKy%wt6mf3v!Fau6tSa&?1s75!W}Bi^eO)}Yw9w~zhlHKloYpHT;biS|c049~o9@Kk
zqbwMn7u0qP-$8lC1~z!tQls+#llMhs{cS^GcHZUqwP(p7$CZ0s;`w>Z*Gju6D<Muc
zOKQN_uY7Nry9A1~aVa)D@D3}8Vm>5%1iY{U#r*i5^mQS7BE~A&wmQ#!aMTu1j$@mU
zZlzabM48bpiVZV-&K_86L0Jw)=;Llh??n*<>_tbhznY`gzS)<~C8k*Mc6df_7L8o~
zxvGWD!K#*NcTq2n=iRl%iOla^W#%Bz;aXG;60C%F9=SkV*0)k240H8UF_V^S-T#tK
zT0ldb**9vU%QKIk!<u|s)J$;D&I%XR530hU#G=c-H52`7J}GJ5yMR7}f<BpJ$<wh}
zGt+AR%`QDz(sf7EuH&Sv-G@IR&G50EN`OCHY5<Zgv83_^>#C{{fU74%<Uu|MIuP4b
zc4EH#kDUc3G1%(?7C{~<20*eTIPs^R9Xbp){r5P^fvoyWFPYYW#o+9VD_*5etkQ(k
zR*sEsFzt0qbTFmA@$}xbO1!-qO3k!tiLwIJve0CLq)+N=?@b5&=8J3=dHGXR)CW%l
zM<mK}f8^dEhUZ%GdAbL5Av4I`LoY)Fd&}mah*Bs{)-&z1SesV`yUoCs_3b95f8Uv(
z7my)7`s~<F33a#gle6ki+T6^Klc6)USDSz7mA#A_hrW-P%zdkqha_;-neL5%j+#p!
zF)E;2;dx{MV7LLBGAB-M0x(1>t4nP?*IM-@ov;9s00kn^e*F8n;zh9PrM+F$&6^iD
zQj=cR9kuq}GA`<-6hhGc>M~z-dk1#c{H6k>S@J+-W~x@998@G7jORliQrHV1TVKJb
z{jDxFU>(^{G_+IACUt508h8RQ`O0Hnf!gXc&__wn8!{8h(7D{H;rwT{IHGa&7W3i0
zpRr!TSlC<;S?7Ki$N4hit<Y9f`lTh(?uul@Rwna~^~6dQqFVRc3BdfM5XI|*0{ZT)
zuWWrn76C3)aYFqJfGHb+_Q}eCo1p8e-NA`8KH8LZbG2nciQq&pS=={{%*jy@&)h?{
zN`+XJqvIu)AxQ0NsyI=cuWpN%E5#x7@-UXLOK0qY^u50=ez1a=ztTE{-u8-p2PO}%
z{o-Cy^ZaZgeBeP9vwUX@`Bh4LFI-=Hy1Y4)7~i9=64)Feks+~SDH!qVB$(IWReJB%
z&VkQj9*n39RnuO7F$2N!y!JGd{)WJn<(qJ@=r9UE1+Im=!mklEPr~evp$|#;UIh0%
zukVvNdU7+)6JwHU-s|~*=cg~@afUufWl4r2m*eH3?AvB{ca`^N^grH(c8|ZZlBOI#
z?qVC#o_Ze_|Kt6!y~r?s7Fxn0sTCy>T7itYg3_{xe>r<=tI>o)jHD~0v;zW-`4|Td
z|I9un4th?8V`~r~fjGu5+J!M;hTY*m&vigN7=HyA0oqj7-@#;@mcNt(!Q4M<Z*6Nn
zNu#Oh>x`~j!k0O!FDrHgc7ATi>!l!vw~YZ&)W}HE4r>nr_;3GnvD2)v<$<^L?*Q6`
z5fe$p9}^AmQWxU(&i8Cg%v9xuo*#DY8EMg6tY2V&w}-G7R!;u#39C7?GGyj9c!Fti
z`ltMU2m^=`ILpj9g?JQwF&fme0H$7_{CPmLcyQ_ed*21neV_OV{;$u2x<o3=n_Z+4
zk~H-!_xj!*y6(kk^{POFGTaWE_1Hk<f6gP*TAp#bhF-Hg<onRzCF4-}9^Q92)+X{k
zVZ8n-pr>0DFZ@iZhcK^M=;$+v&v&<w)9<Sq{#O4t{^x@Yl~P-&-Xvam_jV@x9x1w_
z5HXwZ?(e-JKJv(3!_EH`24P+;4$0(Uj0LA0T;KBbo}Y7eS{=~roTZo1%n>m;ZY?iY
z^X=K}o0!3~Y1OZjY&oqdn;iV_P<mp4D%+B5CbY{=4uDJnn9}!Bg|d$@j5jgCy-Iq}
z^<zh5{9u2g0LQdVu>Y8D{RSMjFFdc9;CtFdY%_{HZX-mf@zWbyxosu~8x`l{<G=BS
z_`cq}MHD42;wEMxdhRLY6S{_0+V3fvRO}t=rvMWP(iyHCCy9Xv*q(mI@7VLF{4wZu
z)PJ*rSpg0>GUDL_t=gIoHYl>+U4t<M^UX<%@oM@%E1OY<g4kwlQ}vc6Kr8`O9*|xL
zNF^5)(aZ+k5|<CP1t2WUjP$(KDpYYzP(<zISwMF~e4t#ET|Ty|1TJ&h`&SDgou%GH
z_%M$rx9G|;AG1UqHJc$iavNl6ApgRFnScT)Qm5g%_4dI+aKdPIe=|gH4B~Rt9?G;p
z7N^tNzYbWW-d|Cg&ge1#@ccUUg++36D}!-dz@>rzNvh2X6Ioq?@`Vx9GOb7MuhMzJ
zf(y#h&;n6$QVIUg)W6WETuqO!O*9m&JaGzyS~U<IoMP*$f0P{q09uhTatsmXZiiz<
z%7&f;^-8hlOcdI#{=931gI(CxT>rQ3Vowk(_IVsD!<N@6uwUW&1D;2s7p%()<xRGh
zvxBJuZH}B)Y_=W3MkI9w&SY4Uicy^?g7(CabQd)LWzaL+;Fa&t!D53IX*|5D&GWI-
zq!QGssXkQg;#Om0DMkc){*c!g@b$+LXC1s<2p0uF;lI&#xw7soknr!kK>#+I4lt6<
zDbKlB&77jYz_KufHOO=}gn3j}euPSyYrEhcAwnq#?{D>qIsyM&mhJVOQ$-(WMj&e>
zuO6Q>Ab=7nof&`b+gNJ1F+jNcG<kk0;?C0byf?32#jg0co^h8C`VE!ELhhF9C~Qp?
zireR_k1hSBmyX!%$^9$>J&@nAvbsy)#(Z}AerSM5CZ+>nA?kpsal-q4ZN$ahEq5mz
z4GgG%{KPsN@E!&P+hKAwbiH|JC?lkrRq%kpS7i;7x)?*pAT2+scs%&{_hvp9_)L4@
z2GWo>Uiql-@mlfHQ?}(;c~|?&(-y^D5x-KVAqn@ZRGZ_U<~J)Vr=ZpIwmQ4Yy&^wi
z<<swQu)RSI0WQ>d^f#;DgQqNoNNc>R&f-~Z2DrJ#GeD$?B(|*=B`CqtbB91h1i4l0
z!QO-jmp*kj^67|s-X2<^Un}2Ul4M86gA?r=Kj*MkQN;KdI|#$7tZYzO9}{FJuBxqP
z^z3NYTl7~!wgxeBeF$utrcGNK+306WJB#yz1G{1CjdO;O4`oScnDu6B+d78=#z^4;
zSY~mh^6?D3w-=<(7L>HE^Fc-FPrnK@Ooz`ntmW+DU106@!$}_VF0}aQuJkK1w?fNy
z2a14Hg5)&k7JO_Ee2KD8oQ{qLM>KwybXa>0w8F53I@J^+9;zWfeUyrMBms#Xx)H36
z+fIy#!izqLb~$Kgy$ecQWAV%vN35~xtm?2!W?ZbdR^sHa-nZEkZNs2q3*kK)pEZVm
z{~bfFi|{@LoDp{zZe{c@hFTk8eq%sefT)p7+c6Pt%j%ZYt#$W@!!_q%<^~GHBl7VV
zb6OpNr~qFoO$3T{|3O8e1<#U&&6;)27UWjhpjC7z`5M@$RQl_?SSx@jjct%lCP5ZC
zyOmdGcEXFm9UeKY24{TsMyV2ix3|65{Wf{QQmi`c(W7b!<SI>&2s2d^2=#<Fk<Pb#
ztnfT6UM<x&SWRl@ZI9)Nf1Y7t^(xkCDMMJv<41zcj4$VokemJep%-hux(}?jzr(19
zMJj3$nLaU6Iu&K_l=A28`61qUnl_dM;zTpc7bXNn?6v^`aYZS~Kru^k->a_f+ob3w
zM@kfBjaI0>E1POlznk;jH!I~7X|chjW_xx)l)_KAFA!_ti?p7vH$5dzMzDv1dxMf%
zx)^d=sT?ZhB7DZj{2*#{<hq3YF~Ex0cE61&x0TzRh&yRcKVSkjKi>KG2fBcl@yrVj
z7-}!HgD4DO10(_}({8CI0SZ`!^yiu)TH>jLr_dX7l(%c&HsPQmyi5Wlm|Jo+k%p|l
z8d&RKm%d9Cz&z4h_gn*_o{*j!C@mm22?dyWMjrsy;sQH}9ny41Pg$E4z*2V>sjf9B
z8a<p~2}~<_!N70W%{ovVu~d(A<<?<nepqU}7sbld((27yBGg+p&fNmR7`g&{i6qp_
z!@H(c=T%y(Dgo8f>s#I1HFJx2<c?*(_YpU`$W_WeiV890-3t7uQ=5@`#20|2#GE1p
z#Ge7Kf<|Tp@cQpYsI!PU6$a{H-a~IR&T$Qn+ixg#0ry_;g3&|7q>r5n$iO%+!e_VO
zagYQ-Hqupoau={&Ng6-+xv4Q}0|thQ3Oz9ML2;TLUZr!F8RM?#wdRH@E~Q5SN7LS;
z<K4K^zTR7BJT|vTjjiC7-B#9ii!f?$3l627M~1yydZ&?Fe%3_u%LEME#?JM|IVZrs
z!n>58E5fdZSQz)+bA2mr{!SSjD6|R+TeOK(*e8ID_G}5Jaz3*aG#n)_0N&|hlvCB<
zi><VQ4T=lxMi_5TefvyiEq9!Uxxj90<a1SYyaTF}^5THuVO}e=j`N>c+hRZ!e5d?N
z5o(-`o_23LCS2Yg*GhS_Q=#28ZYqG!A9U~sfC@f`luroY3D*#tBSZF2+zv8{_0?~D
z?VefKEU)L~_;Ho}vXT%|bliITSv`j^ji3L8K42)4^YJkcT^$n!0KmK5->kyt@op8*
zGo{vNHa~ifLsqcc;^x7B0p;>QF;d<$zE{EeI8Vn;P#LXjap)L%qj$s(nF-{s_7jd$
zk}_)CR)F%W6$TRHx|LI(s!QxY$o8_`egFu7h_IF*@f(Chj+Jc<rEfl0l$Dk3Xo)bB
z37zz*3+#?-eM-_Qe|K(qXV7~K=I5!?iTC#abF|ygs1q?&csr{Ce;3=2U$9Q%!&XjF
zyZjE@A9~y6HrluY9CY?WVdBspk#<<a<R_gF7Yr1(5loy4XSJ>92s;jM5fgyKv`aNc
zZhmH1ke+o3;j68E-Mza=kXx_(I-Gt?1z2K0rd#S73lLUwB<$8sL$R-Gw$^Zc@fWB_
z@v@)vY?*lpWRi%`5l}86CQY#3)y&~c--*_Nx0ka0NxY|=#chU;+t>SePcx-E3Zwl1
zWPwPHp$8uzV!y?6go1ZVqe3pi%zSS9%#f~LW5~_Jtdr{DR<!AA1ar?#=eI18nYjwo
zCmm4LojX`L?x~!<?<yoRG$c<wgVx{8#yLF@Gp%ahFAYoZvo#L841>vay!j$U{@EuI
z`hKE^ZUID<&=_gQ3>m{A$ck}dG6^!VaM>$Ka#kI}(^=zFn8L=XXs`$a(*1(He;l{j
z9O%D`^FtNOYdDkuNC%}}pc1gzO|axM4jG8P?x&K%;OZ@4jNc2;D-LF2nzqy&;)PSa
zU1pav{{DRuh>gk}bHi@847R7tUOR0si4m&NT7UmJw$gGD4g#}a<?WT12j$^x{&*1j
z!<7*QXRDcIPpIpq2@ps3&*X<YX4c0S#5RYz-=O*f7BGLC+ngF|5%*LkCXrqu?g@mY
zP6e<AgESq0q$9}NAsd!L6HU0~D+nysjh!Gi=!uF{WTdK97W!7ph}vZ=Y^phH3HY3@
zU)`!Yh!VaJI}T|^Hq3{wQ}|n{gA#9#k-{I`xsI^eS;DS0h?m`Z#K+Kq2Zyb$zEldo
zy)JRlSL31k<S+CmTN}%C!ypDm_z&vDYgxeeKbLq2M&cTLxVeG1U)^ogyuL2mcTmyX
z(wS|gqQbEK#S^${ZNp7rpQt*>fr25`CcG<Y-W;|R9X>c_ndK4U6ci8A{HTud6-b@a
zjsdaNbW2u#DTf7!bs(yGR*SPqNAh_`aAE-J^89Kc@sR#S@OW$8kaB@~qTBqj63yYm
zpLKQql8Bdo-jEOF0c56%){0-mMxxZ=(CxYx2{lEH*2d%Jz}=LlqjWLhV$UHO^tGE6
z4-bnEW}HihJQ~S{qTKlPT0=p>BLG{>h=J?OebKo75v@MiX@HfUzu@dWdiw8<@aJ7K
zA)~)HWfy9(MMJ-Xo$BTbHu&UZo~90Ry+9*4nWBJ}^?zZl-z*{FJ~ZhBXt|TdCC|fk
zc*jd*Tuo+1`L99e2R#bHKUQ9P+~^vPTnoE7qJ#+8?Q4jNLUM|h;@j$}+h#XT?4-J#
zx}5v{Tt&6^Kuy!m)Ma^z$`DO3*q0B;efgf^QUWs91JCoMBk~K&2k?I^T=|&&j?|T6
zzx~+UI+LE*FbtIe9$Y*Z-EVs$bRbK&wbkY}v15Y!&a2qqaXzSkyC!p>Sm)j=X8$5R
zF$Acw|C|eN7{EwquZB(DnOPbyiYY(k-`>3lJhprop!9q~1gz!Dwf$BtRIrG^UP&sE
zl~c<s^9{ItYVuzT5OwZ>uvt)i)~3OIp~dV+T^JtgMQshtHtl_FbpNn;1-b9DtBJQ!
zl6IwFaqC9j`ZG`xH-9<vJp64bvh2)AH72I4d)Sh1SQ0|e4Wtv#bncm@$UCg9&8HBP
zyy`m!?=5N_^qh$K{H(jfPsH(SYG!0E2*vWj?aONm7*g{S%$X3E5QR>yO0|fk!L@Pm
zibr|~&@W(is>+SF^Qn|hy!bq==t5hICvO!L=1-pk(=1|<A-`1Y`6W2)!3}y~*_m~$
z^A6`w_Bl^(n^%H-@Lj(S@Y7K7ek-B4Ya??#S^bo1<-5lM7<gX)z%QPYbJ$>ay9ek^
zS>EDkK2^;wHxL;dPA}Qqmk`k`E^CNYvo^O3mYa<RaYEaEfZ==k{$O`C<EE*q3UBe_
zfH9rtjOzj3LdqqFGr|S<fFVL&0%W;A;~)1!TIWIEMln8&djNUSzS2DatDy{U?&L2!
z)RQ;E$LGDjsM-LKTw^(hZHO$8<W1UScdfp2EUV0)XFY||3xgk|mpIIG^hlUb2>DR4
zTe1+IbXUJQ4zu40^}*3y)QUg#P_CTlM_=(`NHhZ$SwR(!s-p1megVxck5n)T`=3AV
zC#}D=+PLWtIGcrDVO^BG-1a{WKw3Dd8%9fcV!+T0PHr9YyZZoXuV#NE7!W7!59Q|>
z@x5GNo%fstS;*Rqo7W0dVzt~`J}V5aOvUY5sD!G`aHrh*YO>m}p6`c}^Aer}D4}Hp
zDG~bD%<?Bp(=93x54c4@2g5ZolqNxYh^t5t$nOUD*QMHoY}MXO8*2jkNnyF|r#bHD
zoly@#4$Gpc=o>~*KmPMvgIzXqL3Rxf%F^6F0Z4&tBRxmZTP3Iy*kn_SYUi*_sX(;M
zaz?KAk7LMyt<Q`6t=tJYgA?`=EbY+~0Mugr8uoI`tW208Jk%Lt^VKQ}zYCjJw|hqc
z`JkX=Zv5}%NTi^er_1Z)MQ0=Q`FOc)bf+cx(p8<%kuP>NX`dE&40+<&nG2lq0lGvn
zYS!s60+|<oF;<E-R4WN8jK*t@A~$t|r=I8?7Vqs#MS&`7kUMB4`-A5wHSY?~L6jz>
z!JNYQRduIOxpm>p3AZgDiHc7@0u1{ED``W(iB>cJBH*Alsn+o5_{a6X!El{)2blEl
zfd|jMZ#R6MQZI=OQxw0kp<7)Vi(UVm^<7o*qShB4|B8GeJZ%u_Kk<Aq804nz;cN}c
zmj}w*U?Ch1#qB-02UtI!#QEE(Whu`UEkl7j2h=8BM%#hT)Z)Y{P(Lwe7I&8IQzvKe
za@R`~!SIxS7uNI?y-G3V71U{ppWwO8Hu)H}lP?f)^#WK-;f9TK(jc!`<-sL5o2~Bd
z3K4yqeP|0%8GUvw(bosib#5rYmX*|NZh1ny%%Wc)!ZiE=s5L?J#gesEvK;}tp<cnS
zu~IftaDkqo8bK5HSQh{bWDY#>GVl@+fwkZuiVbArn(xxGF`<g;T7AdJ4Yg(3&(uPI
z2g09?k$QM|w?-Q<I^UJj=pE+}psQul==$zDuz}5fqI6}aDHG03w=;%46U+Hj&oNu~
zdxlPp(8LqHZz}%p6PQocZhV)$;Vi;N0vCdPL!j}UMW@c~Bn{T`2SD1V-seNhIOuK3
zeOiQEOu)qUl;piUia@x1b<uAYMU{3`GFbp@83254SIG{B*bPciEcFdqE{2xmhAg=|
zD60J7D7m3<RQWe3SLps~p?h`r4WClTJ!~&qCvd6|SZj)Ma=7^8e1NaqWP_4zHTbW0
z%0#lAZr!`b$^aj|NfxvV<Io1y4x*x?YSvy7Yqp7C!U9Rabd_TA#<sFf-eh;{)l+p5
zMl0k~Q_8YA5o=N1(o?kn`Ho3FRV}ej7eo55>p8jyz>&@wh}>aIC>%U_+>ZjZ9Q>=O
zp_@1o;&DLTc><*%=QV2uil;qqe^0CsFj9G8sDQ7hR6aW#s}9JpA;hD}3K%|MX9R>x
zzw1sMi2j&PGYUPiQAf@0H3WMbf`IchA(u?p0Dy=PU6rss|Je$cx9}XTTaQyU*+I9Y
z<T$s2>l<h@%g+h{usDwdRoJCtzgg|fLncqzqhIjVT?;66B1A7K<1uGJ1u(AGWB{0G
z2yap?OJam+U9o7}it{7NY6-wV4B9i|J5<(}#<_LFF`zn=MuxyaEkYF22?VZk&<|8Z
z$yHR0;fZgMfCJy5%nF;;=+}YSHQ=Ur4wlTWdlkQ!4%-H>3B!24Le<l?5$-6-;2wuq
zL12yoLUF3J#=5?esZ`i(gsM_R@MPP4Xi^cw1L!;VbT?3NC3g0~6qZ3NO{%mOtpoi$
zs*QpHocHFNi&E}op^^nY*@0>j=&y<`cb1ogS{9mt;dVjPzm=oP+&N<Ot7Wk-Dj9~m
zU{~iGkRG`7FVrM+1aN!<*r@)s1?CURK+VcmVhwZhg+h*rZ`~>m1E=S#C~Grb5EE)<
zzyngq=xB&Zg8E?)rlnCBJ)<08Oag@+#@*OP3pkd2kl7bOuiKfq)WB_>38ubNy5Dfm
z#!lpUed`x4X&*y}fmzJQ%0o`^v$&&g8I)Tc8jqD7zXaE}-ky8<JABzv(9nk0w4;rt
zt{{cLCabMPfYup`nDmi0El%ICC`+mJswUK<5$Ji|!hR(DkC3p<fE;R*u6@d;2%uCc
zP_tmxIOe@OYmLM;M-?O6i|d90z9y|BzW_J^X{YXpT8_P0=xaBYY4Zb301&uoy!PPt
z2a+a3)mJ$*vEihtwM2fm{?!d}(CozAO%M-b9}Qm;kfN+Ui>=l*!`QN}=@qxubXgb1
zVB(e%xsFCZFqk+7)lw5w^_qWh3mXrBnV~1ninIU|LvAen17gtTy-Z%hqvm(_2L$;*
zU)lC{1C{z6Cc|c1*!^Xf8fy=`q(eL+X3N$R)2WaN6i)X3oqpa|qjg>uob`!*<E?hK
ziLkitHVS_8V5X(G#@SMW`(0qI>?FBVGpFF3i%qeQO5Q+*Y*8Jxi>}5cGYp&P@*dmm
z<!vUMQasOfAXf&M(yF=GmOS7~mf~+Gysm(4iZyP$)op{45L8Dx-aRgzyJwaFmhc<K
zF7Rg~Ews3V@VwQCnJZze!rRgkuBw4n9%G!^i_D(zBKG{1Y75||0`-AXr${qGYt31B
z60~pKFb}!<1aO9r#rVsP2W;!~GnXv$TZ(vR$tjZRUEWc^A9-S@4sa1Q>r(s()gCdN
zk<0dM4!;v63eWRI>ftR)9?CQZYWjGy3YQ)RD|DM0YX({ppZQMrPXj#gG9=H&)YTX4
zjc(lo#s9=h*olBaZU$>inz+axilv!am@0b5>*-cq;`|MiS#-nb#&QkS&&;u!*|IwU
zQDX2>xARbw*h!^ahFf`J;xt7TEg=?!d~oYj9~axv{LK`F-z_eVjn}F&b;W-89xr@!
z|4H@YN_#gFxGa!6RQILBzx*3KPw%A|GQ<ZJ*|Pnr0nMHujOeV;`@g+ZT&xNLZDTBC
z$iws?FSyD1Q!pD5-QdBRjq%9yH@y3aC{|P|hy7Lpc;GmjA3nmTHu)V1cEJqD{hYx6
zqUAL?UC=&sd?w?e#~7$JI4L3Hd{s9W6hT+eHP#!zHFj%*SP6BNQRGQHv3tbpMAaE6
zC;%CYUV+%4fTA6W*g#3tc_E~9m<Q~0iCx-8F!`bs<rQGDB^HZ-=jZdS;oO%l%tijl
zmV@~TGyc9i!ex?@psa%&Z;)mPb$)KIuE#UR3n6J?3<$Hh$%6OH0cvDR&4V3+<$dH^
zwLCcpsG$_*ImZY65M@D-e6k~*OnBt_lGb-54AdnjrNiKNt~)_8+1T>euMPf&qw7B?
zNj2<`c_7Xk0qNx2bct6iXdr_G9pJvZ16ZZG7~42tRDOLUsRam+H6cEFKM+f$3?+;f
zFoZS_dERBTAF>(k=7U<7g0zQE_)V*m2uW4MR-OgOpwsgzKJAU^$vc8S9e*Wp$%{5(
zhKqN^KJ0hbd4Mo%e%7T<0$x~R`ldXy@6~`+P2IwCMg?fqM5tHF2!S?6&=@&|VdXAs
zI1d(TL}bmqRl9+(1359TfwAe+b$ASjlH2s2*_X<YT<Orrv{~9$P0NiLs%ZSzzaxB&
zxr?um0}ZB^wP|KXYKyUJ6|6W$qVcq0-<xL0$8#l;ccKFe)Wf60RhPjJi$xMCj##Z;
zJ1Fm=&H8d5QhFU8i(K=w*fL29&wR9hMxAOYarx}xCglylKkFU6kUHy$uRW{7N~17h
z4{E;ZG6X4x=V1KTayMuafY4G`R{DM^<z}MGerX2-{dvs~l8ZY%Z^SdcBy|~vajJ``
zacIS8&|~WAcU=%_9m=$s7+D~7rQZK0n>GVrVz>H%Vg)ci?6g08FFSr|L|il+Od=Xf
zWSyX8UB(#>)-FET3U09!V!7MPUufRl2?)QAs)owX#zwWJLL-Td-e&+^q+EXJ;3I7T
zCe@eV;sue$**KL^xpIhQK}~2+aQ;}0hREW?AR%nn(w_OF@$q>F?<s(8;k4Jrfai5`
zT;IvPyR;6rhrN#W6(WzUy!#js$ta78x1-0UkIXZ&o;(1l7{?hk%4v8kPz0u0pf_U#
zR5+L3{ce?33;LYW*$V)AiR0QDb&VH+C4`b?pDMx?u!6Wk{r3!W@W?mr@|pz<QDeTB
zoBHkfb9rWXuac`h*z`yIYqt}XgXS_~BM`nYt%^!jNUH^n-%7oz5J&H_TVeF($g6Yy
zz`+qrM=Hhwjbn7$NkJn(KWxR=Df`~9AEN$8tc_jnu~n&>c52yL4-UIyv<;TEmW4x2
zOjH4|AsUb~_?imC{{ojhRGtw5>#!!bs!<>MfePQb8?t7mw%S5Y@VDCG#$j`F<~ClP
znQaDPJMm5wJ@lz>zAV!Bwehq;0o--=I*$6!0}6n>ji<k>*Gq1o_z{6I_Avl7n5HXT
zhFsWpY^s<}cLCjDk92q%-17LZJ4vy;gopY_GW5;{gVPRc-9QbX{0rmaa4bh30T&%5
zQ_&>4$<?AoJ}do{oA~`va`l1nWzfTTvMm1@D51*E5ysc9fznzbeB~_%A8%I;blDnO
ztl1V@?cFHUAr4&L&i`|M$3qspVRU0B$F7?KJK>^@t{@{bi&&;nXA&cD(3lHGG_}nD
z%m)!Q8|(O|Pl`dOCXFE`!Ns^7oV*6EHy;N&QvU+QEum9POeoVe<almwp_Y&?g0Z1N
zzr?PD&Z73K#V;TwMllF}P~)mOl6<%<Ww=+Cn$HlHV4GIt0+YJKrQ>CFlhA?)&yS0$
zI9e2cH&)?{aDALC3L315NAukmWINVa3t(KjjRLnGo13M?0)5E;2P8f#xw?DY7J~`0
zZ<j`aVlf61$iL<UZYBS|)hyk4QW$b^2kG{o03yYy6-#W(i@b!Wp&I?a$I5z!yu(6H
zm3x|}U#&l%Fq(h$mOqs8uPZ{a6HoAk#L|7(mZuuf=YMag`0s5T|Gl*2zZbOp_a2-7
v-r4it`-%R0jnjXC;J?>%{eORp8GHBH@?Q=_&HmRAB)w^1qF?%l!_)r*1xg_A

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/react/react-router.png b/assets/images/social/languages/javascript/react/react-router.png
new file mode 100644
index 0000000000000000000000000000000000000000..50a9b903d292e81f1b1953eed62224ea0d009f0a
GIT binary patch
literal 21847
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
P<K}fEosw&J|M`Ca2zrAb

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/react/react-tests.png b/assets/images/social/languages/javascript/react/react-tests.png
new file mode 100644
index 0000000000000000000000000000000000000000..862d5c03f71d6f87a2cab8e8e8e95a7b3ba1dfbe
GIT binary patch
literal 21357
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/react/react.png b/assets/images/social/languages/javascript/react/react.png
new file mode 100644
index 0000000000000000000000000000000000000000..d01ca22a1dde637c3427fd4914ddfaf3df0e7676
GIT binary patch
literal 18987
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/react/redux-tests.png b/assets/images/social/languages/javascript/react/redux-tests.png
new file mode 100644
index 0000000000000000000000000000000000000000..c53b87b241fae0853e83e509e8757afb6ba18eb7
GIT binary patch
literal 21665
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/react/redux.png b/assets/images/social/languages/javascript/react/redux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3119c4290cff0c2488abc994a173c7df8ed89b0a
GIT binary patch
literal 18911
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
F{|mi9(%Aq2

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/javascript/svelte/svelte.png b/assets/images/social/languages/javascript/svelte/svelte.png
new file mode 100644
index 0000000000000000000000000000000000000000..e29b368522f040a14f1ded2b8a897177ac9df057
GIT binary patch
literal 18567
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/kotlin/kotlin.png b/assets/images/social/languages/kotlin/kotlin.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f60c1a65e61464168e3b1e236411668594106b7
GIT binary patch
literal 17329
zcmeHv=U-D<+b&jS#)63Srtl~#A|gdPjtGn*A|iwugosEt^cLcbg-#q1kUoNd(n66A
z2}p@jg0xTqi6-=FXaN$Evo=2G{k?y|`Euq{W=PiFYv1cG*L_|0HtNo8qa(kG{l>$?
zbL7S!*YEQ1>@Vfv*&Fc7LGTyTtD$y0Jo-U5uK#{7D1C7}@HO0`ar67KR%0&n<=#Hy
z<NI@;zE?S9b#=gf&wQoK-3xl+AqudvfBv#66+U)=|BlVQcQJoGd$RWG+8@}2S>@$r
z%oxv?Td#t9(!VT-X1Wv?<tB_wF9cH^NvWnAl>9plLCH?wwmes}I}V2Ih5oBlb*~Wg
zc|!o~iihWq)F%hP$JM_57oh)rb>{va@bOY*&mr*f<lV1U&|m*!(gdwN>H6=||F>qc
zX}f9)9e_xkm~9<R?n+6V1Et~OlEbi2w`ZG(8B9nq<ahsuX=hp5#8a{CJ0dgIuj;Nb
zX!g<jbbbZP?$4yu|D!-*<>Vp>vI@5B^daf5$Aoe2cCpfMoTN+peZ&FC7hcx$3Rkwt
za|6vT*o~A8_SCb9?Li?HM(izt1jK`kg!q}1<-_22Ct-^jZ9!a2vZpfK(~l*qz!))x
zt*sV`bnRN@B&=dujS$Cmz3AFy>SZU4QS@BS7gZYG^`WaJ7wap^CY0uF>uKAeY1@u!
zhY##})62A}DyOlvtFDDuwK}w;EwRG!{V~WjpNx%F|D&*K*+klK`d@!!PvY`s7CO`d
zMu(%r<XT>y+I864+HkKb-=g21N45lDyMxsZ3;w)#Oul76>$vI1hhkdJeg+HG=Ke%w
zr~h8xZfxVRagl3B75c}^aW|)+;#<G>gt>q_^VHS^+^$-D%Fj>eF6cy_Is7wZzPbRT
z*UUCg-9pS4971kN5%Er)63h4l1eCLxUEp$3Co<T&^~Y%WaPT!}iI46k4NGlD7=4Xy
zId_KR6C`+a8ZU<4Dv1uotEryvtmd@o)z#<(?94QHNjp4lj#qO2=xqR=y4hptFH%t0
zjnKR@<vdHmZMwW~Ccl1^pp~e9fI*QBRgfFfpi0DhnKZCtOxt2H-Bh<Vu>vW(0U>H_
zK=)PCec&2<){<GNIfZXL7tEC1ay%jxe|hV@zer*nU#bw#>d4;w(UWB0Ql&h9uvpQq
z>T*)iti+6~hZ({cc7nowRIMkOA&Ra80skY`Nr|={dq@+QHOEDr8(l0=y4}1rR2)@p
zU-}>4V5wM=T3{O?ydvzMe2_Joc!Jz4jK+4ZyXTde8^T({wJfK#WnYN#@+E$IE&HNP
zLoO~pGBTccg!?BklPn=jDLrGU;#IdjLnD*gGPUltyTJ8APUdNz3`h3Y1yRjpY2WPK
z4~Cov2jXE=tuuDqJ*~piK+}(zDq`u5I$}Gm^=`lHd?$i{Oe~|<bPPK?IX67$8QsiE
zFe2zvQ%Usx<G9CL1woI^$UI$s-@-QYJ2PSOJ>YVY;Cwe$|G}hLWYKSl6adr2x}L?z
z_hg>vZ}+PEr#PoVB#SlPu_tw~sb)TkR5OEh=M52q_93_H0)PIG3j{DqJ*$pQJ$PVm
z9mbeYVr(ocj7-pzxxT0iwq#NIi)5yHNrgNO!*z=_UVapd)*cm$vGl+00#j-~DvxQ*
zyVu5G4HC5CC8T8M>#EzixJRz+ABt)1*#dlzBB^LUCk%7DPuj9AU(vqo3*qQk?wO^{
ztaG_xAINJTs3nnCBnFP<%&{m&WX)(sy_Oh#1zm!vm-3FvhXopfn;2esO`w<;(1ug|
zksZb_+TQ)GgO-<GOL@+~7}-_@?Q~S@Zgg>RQvwO}8tZYsqYIs(Yj)rfH`j~jX$AEp
z0zS(l?zFpFn1bwF2Vy8H5jg>`M0W7EIQ2*tglx?LlN@fSJ!C_V%3VxpC#G9UYQ-0J
z1sfhV*lQVoTlf7b3YYF&hFc#&;UzQLHv92Igb#|Ml*QHM@NCuFwU2Lr5ND~ioOahl
zd`X?!B=2-Ha`lR$mmA&f(!=hwJY<TK6z=crMtt<y<+r(ZLoEWQ)bJ05j;K2K4zDZ>
zHH6u_giZAcA~{;^>$7!NIQbfst*5y<oRfA{Rmxs$Q{S=8tf@`5vpl^*E<PTUb?H2l
zP_nVEGdhE1ULl;L+8#dy3-DvrC&py}n`qIcF;%TYB{qV~nm$2ctk+00*rI4TsE^wZ
zdpwC@ue;1x1CyLk3H=0xXBq`17g~R>4?z2TD(3Td*yBe>r_xJ(g*HSC)vB}0lqs8w
zZH#{LD{&S^OBUkvE4Cw*bsq`|f=2VH^|TG6IyC!;#{QyeDYXmmOX2-aoShMOCt`z#
z=|7Q?H4|0s>T|}X>jkvxkHU1WeYp(9heNaLp?1)9qKA)Rp)i)B4^Bn5MaFQd)ZmOk
zgI?12OG+R~d$u{X9`UWnKwF%>E}@gd3hw(Vut(lS$CDfKfRV>P^&wG`vF)uZ+3h*L
z&%pXrc6q}zn~jrJBv0JgTq%zf;9HRTr)1eNchF(kJ3gLhvK%<Gq^jh9iz@ux0wzRj
zFmLx-DI=Cd@^L+aPbjOr(O6Y03YlB@zDLM56m_w-SP2)jmFE(l;dfs@?8h5^MrJaw
zjW9ohlVjA%iy8UhGU^MDX`tj(#XB|7S;pC@ilOji;91-9hV622<@4~WK&JHY6`ijV
zRCfQI)H28{+InkiT4rvUHiP_udVhN|J`E@dGCoPxEAIWGpF}mdkp>P!T&sv>4KpVB
zd985ug1<ytRfhLxUC$BkptF|6gyj|-q%8!W*LXYHrZYMxl~@|5>x*+lrrF`nc0QvO
zE_NAVcl7OoT2f6){C65nki;7~SGKH7$-LCB`s|Lm&7C<qh@rHx=_%ecdUf@c_Ozqt
z7IpJ?!h)*@jRcI62nUu$gs~ytUkter*(CLy=}!7`n&gSiHsH<X4wu;}`__9x);~u^
zKJu82mR^5c!w$SHDlVwg`W{$fgsDnkPo|YLX!>ABYnBocatdf8EY7kttW8dFWG$?G
zdA#(DE+f@U2WJS<>{lqe)0x~yu^Ov32$VZ4wm=ahylf}wt@*%e0dLN2&BWELzfH0t
zrx$;eth4nzT-fbx-<=*@jGUE>Lrx=#%gW1?#oRiaNFNK-8BH&OzGPa490{<zKUq|l
z9eUW+6|L5O!Ma~mm`WO6^bHRkeHPU6`w=sH>&R=ToZ1HpYUUPhl=VNfUA<WEiz;#r
z*@$T24<)s?{+(u60Ww^l0?w{_MAqcc^ROyD-J!tSl0%-(eIs}{?#q@Hd1YD7wqB<(
zyTPMn&pcM|+sKd$b#@TBC?`i)O1NUrAW^JimwPBGGl}PWm@|yi<JDJjA^2?*n#J|j
zS**m!;#m0sc}=ISIup7a56>kPoyI!Z+uI}>6fSK{7i<(++BGV4y1I=j{U{#m(5QKI
zXY7;uqDyD?2i4+S1098=nc_^T>_h`!TO}fUa7BHy;t;(PRunzrn?_rbQ)7E=jn9)>
zjk(hwf>r~C18wa-eUrIA>0zsPvji84sxA)WUAik^)IGzI_A+rkb$iq!@t%>3k{4=o
zq@t+fx86nHIyLfB_GaHkP*_F9yQ9<`wKJHGz&#YNg!A-RSlrkI0%V-l<PxjFd3QF$
zVZI)<u+FQ}itDfE8ta2A>V~sFdr9N7Bivuh^e`WFl`e6kb|%^@83PZe9S83TIdQhM
z+W$JFwxe8to6d)UI;~G=n3QC6a8a57W3lw!c@K=jW0&F8XP}&6B6Q>MyF8Lp^?_d+
zEgbBHB9_hir!_uS3DXxr^4kqD%#*0$(u^Ok$YOL0hsE)c)^}foKBZS~{CN5<Z)Idq
z4ImB{<=fx>&Ws9tAeAD-&zLA*k`Iy!D^P&fE>|c`0`N&=&#T${`;DjPxnxFGZ_O3P
zA+}rc;acazgIDXUKF*Cu{|4PFX!`G#oGW}uHH8t4{YK1V@oFJ$xb<<}jc?gikG$j!
zJuRw?tS7dlB$X>J&J}j51z(;-3stod^Lt`o_)=Xs&eXFZXgYN`FvMc%cYe^mP{E@k
zKh?(2C|l(4pnI(^(52kD#6p^{Ts&n%j#&YUQ|S7);>@meOTm7Eg%?Yp`g<B0E{W$7
zl3J*~<LlSm8>Z$>3DP~OC(I35JMN{7_{pOD(@_G3+V#;7IV($Cq(h*$`HjwtuoCK;
zRKya_QFYKar`MOyhsqw+DIV?UEFCRZXDT3Q3e$?gQwUGVHYomS<osCj)aG;fx}hK4
zS&ujEK$ZwRbR8t;YzxV<)n^`hhgZWe?JBQ9>W~o5hu1tvz<YZtwmS!^>8>hXXmRhP
z4O{y&lJp}0L>LN<1?`zO-)k|f+V+NOA$?p?QcCOa<7X*4)f%e_-!Q3WL(|kyA?(tH
zt?#fvy<Rc7be5l8a8;!0@bI-a6}*{qoTn~BQ9UnS=P6upy<k9i7*~{kvhuOB5!=Pl
z*3VCf?#=YBd$)QzbkOVg;L667{);xpdhfauYduVrwm~jsgM^!svMlv<KW$;ZPU?}A
zx1cQdo-;Ze15ndiSM!RFHF-=BU!S7{XT{|srU+Ban%_XrAfj2`UKkl^F<&1Nw$0wS
zH?}a7diTU{{6;-9thaOMTI{+0+GcLJkAADo*OtA%^_{*y`3Ph*HoZ5=OIk0e+66(J
z;`N`NjN=V-F!LV=nVBU!p7l$w1DW^A`4cikG@-^zb;lQPTiab$nK+IZNZL^HUR-t$
zsk!aFP6+j5hp#g}SLYEFbuXQQ*Lsgz=8WweBGV#!6l2NKvz*5L0KkN!qG00V%8IOE
zZP5SlbHgu_^%_hi&3ow@gxoq8_y&5D%S;fj5{R~X8nN!9Q3r~%mpr<oQ>`^7?o8|q
z=T(+(-;D0EgKp4J>YK}TP6_*FOEUUT$b-@kn{?)vllqF^BQN7bTASNNwV_wEL)Bp3
zQpK9iw+yPKubEzO$3$k%v->JD#xs4a&R)+VCd^@(?+dbzd25APH7x#c>?N7SqIF4P
z00m3HD3!Wi!H@c_2FEO8`F8xQ$JQr5pz1&}e3>MdTuJzKT36CncunD|4pSuY&&Tun
z<HE*kB**%p_R>)tRss|t@={71|2)RUB>Dql;_m_LKNAzc0nsXSiY|rh>^Y+3wOK)4
zhp+v$l(+>-otH25$CPOs+3xKz<jTXsQm>GIG&nzcO!z87M=1VjUHN(_MjXQFmcA=<
z6rI0>?QvKpub3-@*r?SLCJMTEYm6qCQvQOn7q`iyCLE8j4krtPQ%A=e&k%LP?~R2K
zU)KQmnUfvXuR#T^!v))UB`nD6_a+3fGT9E8=d*EliN8?B%9N|w|CHRlB{9MrY6|$&
ztl!kpTwa;MD8ODEojA50d89CdIN~u#oQIF?JXzw+bc<2kaqJ||3l+^o3ZvW{0SqkG
z%UnB>mhp734<5@B_S$}mT>U(lWjL7JCQP*&Eyx{ec+WCFfaYS_rIJZi{wL_}u#&kA
z#?Z#&xKBbMq;1lY#d&ZnMaPgE*d#(|c+Fah-ttaw-^{{y>2vXE7DI>z+upOF9c{Yv
z(xoAKxHQ`JAC*cWdLC~Thc%lt084KB9y;K`5(xeNb$q3ksIz*#sQGHs`R387604eW
zS)r1JNJ4TI!GuqR;BwJkG&EfUPgsrC-Kpy>8+u(}qFV*JoS^<wEp@0R7j*Sy2tTt~
zUq~}E7Yt!aw7=UH8I$ssZAF+K3;+i7XIMSSK)td_9UN4!w7e#j-U&`V588>TCuDHe
zD9M;e;iX|#W4Gd1nP&X3Z@+Xa=<d~*<YQ>%TH-mio-OXaJq@IwNtm!d>$`(BJd!D?
znoahfFX#Y}F|=)aMX-=IJ17aT#A=Gw>*-LxF<cs_^Aqr5MpR64pl$d1kN!m@^`V1t
zuyxRRKz<$G6HF+CS{~yKiJB+=%WP7Rk2N#Dn%Q17YoUaa$5$uOzK**iERVXl8fc4`
zO(_bO-L*IiZ!o4x*Q)K8WF{J*Y>sce0LA82|Cx<VtFLW^S_rCX7v{8k2;9B`dCSz6
zlowYVNg$?CJnKgcrCHt4>db<r!dEhC7y27E5)wjHxeBwh{#%~`)(rNRu5VL<`pSrK
zukS+K@a6+rUdP>*GN?j|oPoa{&ChJvRy14)v1>cQ&!`nJB5261H_W-?O)n15oqF0M
znKl%v68O9A0{6>-UfjsWCwn=|c4KBq-1kanP#@!=W+zZ9mUDzxwKZ2drKW8QRO;DK
zAL~#F^iuygr&+TQplx|#`Uxz>n|1MaP>CYP(HZnIo_g;J<+5~;eqrH<@D<L;#q>ON
z&RBkR@WO5HMXg3nP7sNdCDYSXy0=g|?Ar`KBaP2wMhR}<F`OUTEqBJ7aiO5ZsmJkM
zUHLJpj{let-J+G0b!jtCzlyriJgxblIyH#=eH^CZ`K8O%g0adp9j5j3RD)dvJ=PBk
zkmoJV@@XYa{}@Zw#xfs4XzyDFy$(f@jUm$`(AMG(_z-_KM>=ktHVC2cMe{0&1ABO$
ztm%}gP=i3r5k@aY@T$NCWB9LhbyuNE??kGH80t<tc>0YM)u}HpBC0o8fghH(@ENL>
zPPs-+9lcP4+9RDMA>80Q|Mxkk7R%at{AK?Hxf5R9y5@znsUDLkfeq^RG=Ap5AmcB_
zcrwD$;si}qQS8kVL4HOhS4{kfY9luwwExr*C6>8X>usGdg|tG@n+a1cX@>8-&4e|0
zuKkHH^jME@o_=TmVt7VJQCtd^q4QzL)KL53L;Eq#^K(kB?`V8HJWmG&jL9H&rlqmE
zE75<~+9?)3m)EMQt8jMDi~A6X%7=Nf1dP|35r(bRrlQHVt*Nq3r@wfA7EMexIE+<@
zu|H$k{(JpEtGmP4F~#x1fS8Eq%m*Da(KRazH;_z$V#d7fP#YBCIWc5}i7)J)#R(_y
zwff`aRQ0WYUZ{t2mw02mzla}oi^O^b)NCm!&pX}QX<F}ylI^6YCm0f}@ivrsC8(q1
z3rE<nm*U%N*je-R5`ry=#*E%x>sYh($+GFAiO7YbItXrs3PzmoJj9sBm_|dbVz_^2
zT}@!PtxA=jfxe0Lf?C<-4eAHho+rVLMpz0~S8B`Bp1n=-M-JN0(=&sM%ltfDKKh?P
z1bJF7XurLDl-#IB@%uwxqQPC4mmj$Fz8pQ;;1#Nx+HL7?L4y3qPW|q(lHfyRr>gIz
zI&Q``!*`<jB<sIln82{ZM%1!SQpLq(Nr_bgXIexdZuw<G9QoiCv`m=gxi$b4%oXj9
z>)~DP^UCm>P0wD%Cw~FJk~ASyCL{B3hniy5Z&0+y<<KdxaN-*yJQ7B|c^0k;a_khZ
z?d7;)?8TTC<_vfIjI?Hzbd^A6{n@FJ+v?wT*~yt4D7XH)a}0ZMyQ^?IRT;0EX-CR*
zUD!=N3spVpM12bXJY~yM#&Yk^6;G%28=@oM=v1FuB{k%@3?%wJ^mB-^(#Pyl=A!F_
zs^(QnCcNRikgV4ma=NPrsE`AenZHmSbo~}0H;Er)NOyMW$*Tv&>4RvWcv!yVmCMQV
zldjFt@ii`Rz?1d2-vh|M&?nPu88pjmSrWs+_I0rQ>5*O1^iDP*X+j*^aXcQz&tI)O
zCIOg(%W*nkn9)b?MQhkE16xx8zk6Gq>B{e}wae%Kvmc}2iV?tN`Zj1f+m$oU%g{zO
zOi~C^TJ9`w>9O=k)y>^2e>L7IUzvN2WPC>$P53l&N^zC)Ug4#u`-fkomaBU(Q`22u
z$3?2v{QU7Du>F0eI%t|j>kHqkDd$*~iac1`T3Mn-&)IrTq!l5H<)>YCuXWCQmv!}M
z$%$FTz^GFDq5HoGP0NO;$X?~S?3d;jI*fspaR)q+pN0&IIJ<H~lcjcDP)iC7ln1^e
ze+5}wFzmu%HTs9Ioua)*9ptbJGb62@{xrJnCGTLusv6wjdY3~lfNJHc{ll{ec?4Aw
zvSGMxP*>#UlGX~w>X4=1gzxWaKh4i)LyloANnh+%g`=hingy^jGG3_n8h}#=)&vjx
z9(!9$3*=H@e^Ay{Ml~-l)jo*n<J<=R{bY~Nm&G`xP%ra~L!%;CaEEVE;53GaUpVX1
zSLC}FpQd$cIoX32!7juIp({)m-L=8mw`_dLmr2d1s_<g(#b{e8w=XJHZ}To3CFiJ3
zi>_xi$ddTD<!V`n7>9SImXOCi4LEPfqT=(dfmEeUsM}2s_Ehq=uG0U)%zz65N14#h
z;Z!O)4O*@@Isv#!u66WC+4V#nD{AWELjJU-BX@hVsrRWOWS&g&342kDk7kIW{RtnN
z?vFYsP%Dt1IO{0fZIW-x@a3Pk{d%XL>5zhLa7TqLzX+?6@iK+zBheo2dHL%Ss))zw
z=*n7%ekcLI$igOUe_wz4H|zw6zmU@9wK-jfoZ4a$Y0hkU&A07l!Lljr%;$#ZKHD`N
zZ&Vx4gXhE_Dsd2izJKI3&l1?rlzirZp8FYH&7lsu+R5{Ng0i<+BjxJcx@Lhgui#QZ
zC)EHBU(`?j<;9wClk|-W=alMOUQ6SO;^|~VbF~^=4!HY$Ee$AJ20YZY{azQ%FTJ((
zEy@a<Nfqjn46VlcsXOaFg)#SD)Sr>}RD7jYq-R%B_=gv8K%2dx1cI*l>d4V5B`4Gs
zMr0-A`@!%3>-&Dp(R7yqG!cK18dN!b)B*{9Zsb3CQoC6f`O~|bLES@6S||9#S>?+~
zl`RFAD@-YP_o!?<*RmvhR1(zad5=y<kEd>a?pck4!7^3P<zXZx9Ju#oA*rItazO=m
znHjnMca~zzvR%C<$OoPqC=;_T5&!tne6`=6-e;Jh+X_J;nezR;jvtaj?u!SAIf#OS
zb?)KBi88?X^`pzQaj5P&yOQK&z|p^`9U<bO1Iy@7aom}$2T86()3)Ki;kfoGo_?O*
zkuFOzLZ?`^rdBuTOm(?;ssupCq@j>Cl!p&v)~O;x^jZru<RW1^yK3JP_#8IUA1=c`
zpA=z}U6w1~KitB6AGJN_r>sw5xM9!H1~*<W1w#7Kf8OiKkVK=d7r9SAAnS_oBgcyT
zs`<jFM+a*Oh4MYeu~l-r&UW)70I)T4hy-7Z6?J<R+Pwh~9mZDf`{tFkxOD>b=jNMf
zri=4koKxQs?ksK)o7nZ0&-b^7qjwi-F+W(vs;|QK370LU3<<5m{2qwa14n$LnI{9>
zZM;1was5Md8d(GjzXWd>rTkp}2wJ|f0K)qU_aiWPqSMA$Uf0{{8PQ6!vlCibIM7pX
zwHG$F74A6=ozYe4HCXF*dqAw!|8S|6k?L-SHq#C$R_Y+5*I`N=TXF(>@bzx|p*|`(
zb*I8J$f`Y~@%-+Tm5n#bScU#!NrFXtk?R&}9CaFg#AMfbCU&1>rRYYjQ4vH=RnL2V
z>E^3y-6oaXLhw;@&de3`59<ZN^;+f02m4R%ZsvC0x_+xBYiLKhtfc-5d80Wp65*0t
zhWgRqZb=Z;XfH(Nc}2psqF^_6o&2QHj$j$F(apkZD72(KsibBSQmi5dlR!g1G^L%>
zhnnx%`gtyQWp-~sR5L6>`Nmp7csblU%D<<f>J2_ywtrZ7$x0F^IUw=$g@NZrPGMUM
z-`<9_;3wgiJUtB9O4E_+4C)1p9>*Q!H54=aW39P}v1?Y5COQ`4%a#}&Rn00t%ZMoi
z&gFZEicX*%)I~C)yLd~OevKo$WHn^qtUtB51s^I!r13!pep9P=TVuH~Fs*n2?A`zD
zZd5N-^9(g|9dJc8480Lz(dbx%^P-Xq+%~Ta=nk<d{VTTimIZjduM%AAH=avrX-bvn
z!7=?5wXf=tMatkc2;JssQiP39EfLuL0leG4HM7zTrt_G^>m7VHD^d=A<mk^Z=QSsI
zs0+wrA}b%5xExiEu34gZka=Zg;xjZJL!W?bVY#1#ACda`bGcxHBF9P;*FW6e7dB;a
z3nFkpH?yrBfqV3Rmh67X*T%wbz3dBZ@Z@e$Y6^Hw2>7IJi5yqPs)8={a~Strjy&{p
zh}@bgQ_i<&OLQ@fpGEL)xc|f4b>v}UUM%HU*#`N;+A-C-x7zWUX5?v&u}jq&(QO_G
zOs1Le^FOsX=VfH#Q>=w^=8Sv9XoKH&P1nTp=5k0&z^A*iBvGt{XoAtY0uE%}hdtc^
z91CkuXC?O9I4oYOlYv0*={SDuLB-vWJ@~mjvJ$N*OS-|U)@qHF8kuGhZAns0qBqDN
z`HVy*gqyCZ`9dKitiV~>+i=tpfHQ4{zu(&Rl07Owb!E@e6X+%pDjrB%xTnP_V$k5{
z%{JaM*ZrNT%%$<Q`^H7yiybN(kvi@<B_U6ke4MP*j%(~~eF1t4A%1vn-iNm52xHpx
z)^Y5?GDzIMyc7hDEUc_Cc~j}-XqEQ#EzjQJK0%1<f09v12W%wZTG*C4J41oVt!>rC
zohlokVQd%Y^ZM+0F}M~|^d_qO89f9W#NamZJwT1t{e|>*`^0IJti$Xiqiw_8&F>eC
z=~d*-#kwy=qjc5urW6%-etiZVD+g;T{zLAVm$3`%daaI&esr|}*w66+2h%MUGoiTb
zzQHU2K2G?I0z`za)JeQfBupPu4HeByBLEa7+G0b?z|jqPJ07X}d8_HD5~tP$R_f(A
z1*q({Sl>PT6BcC30gwuryZir|JDm56{<&Rm2+FM4YEF9O)(r$~$aqy9oZk<=*v&{i
z0z*XWtl$M?#hg$2udn}mlRy2t?UD2P3MuVJL8qc0Q1~U-@N4L<`)c!z?L2S?^w;06
z3*lN8grhm<eKPsiGJjre-<2-UXs0SVmi8va-|R74aNi%h7CKc@C<2fX$lieFQl#bs
zWb?c0?%qUbnO37xzQRCwukYXNc%xLQ`M<scNK+%#reaZA+X*xJzPKFy^3UD8+jJ}t
zbh}*$Aj~GyZ=Dq1b-@><m0;WC7O?I3_wxVU_8ratepjFMC=N7em*d90^XG;g{S1i8
zfA#IAn@i8eSMK<psE|Yp61qxJFI9el`i)D^x*ak-*DZij-^t`J{p0EG6Y5)87*xsq
zg1aB)yr5ipetP7p+OAm+J6g*Q0Br-}r8f@*??UYRzi5G$5wJO&d2ST1%36!Z|7=t^
z78@HVrBU>5w?8xLe!rM6`upsE4T5{T@<tsngdjv-_X;Av*S8xu*DgMNr~lKGUO+;&
zLz3PF?Wk29kg72@fx-rX`Et}-PT@JNt^NdW$Z@d$t6X^@*^7-iO5tlmsthc_7GYuz
z8?Y2~T0UpNsA`F5)51td9Z@CKy_DK>XnSU^eu%)B*0t|@1K2Iy5_R9Z7n#fF4PRT2
zfcc)LW0p!^1$b_*LV6MbZ7UA77^cMwkwD#3Ix@-llu-bpVxB%A`@+aSHyZ?9)7Mk?
zn@^Sjz;t_y(pR%UZ1+M#QYR2cclDEb7&gAM=gkS_ywQrI(9iE9<PY!7u;<6_w9_EH
zQp$czN^y(*Daa4W3V0(59%xNZzBJ?qNa@3?U0bIytd^7nTBTw^4@wuzGx&#1Om`|{
zq`{;Mm)$oo?C<0pU*QzG&7hLn7ivu!Ic$iy#4Fl}p|{qK?x@Ry3l8fRHQgLr#C&W8
zt@7W&VIaHF_)I~uhHz}&gc7<DuK~s-NPHEb(mz==Zn`-Ph(zQ{a7<34GV7@feq~CD
z5sjMnNf#vBn!76jtkkWt5pQJUlX(PO-UGeYGF!7=h7!{J3S#Y6RUw_57{2~q!lmu1
z)%ZY4@Ips>iG&NNl05rBlN+@Ssn6S?q3EgJsf`S{q#la;?Cc4j^nsH<)(c^T5&Xr)
zhElFZuwU4=e-6vl5Ot*hrwv9foL)Q+LcB<v);k3~6%jnu*Gk`1S`6AMC73<zIEiet
zPRK6V4z|R;ct2Wj4JaHLt_#ieqzP?tXaQ$`QEQh2h2L8PeIsvBjh`Q|f1Bg80*Gy^
znE4m4_@tDxCzOnO-p7oe(P)qcrf4>8y7`BDsM2lC<yotdH#=Q9-VOe@Bx+%v@f9)$
zmP2NL0KC1-N0-(r(!LlrR1=;K1Q;F<y}g##h?|ouo70GqOf?|%#>++!TnTYq-q-$<
z1IW@X(F9r??-h?#-@q(8K{R*aXxZxiLcsCzh=?sH8@GCU*$Y$a9ZjYfybE>$!npqE
zw6{eib;pv^)s!e`KVLS`zL1?y70Q5E0fY*~*pC%ZA^p?C9_u%(mpYnRd}k|zi@i9y
zM}7}e(IbY*d1O7sNHDZ)opiYsJ9o2}w)O2akSC2dKAM0W{A8NX_7`3&fIHJSi`yVq
z?%ynkzGfHD-a72~Q3x8FI&89+#1lHim(;EwGkO_=|6xyuMp1lrpZBWG{-Ql=kVKdp
zsPa&X`zMgKLCj^+W5G(EKH2+6UP20_GP+iKbyIeuC~oz(Xxe|jocQ)`PpOBeOL`cE
z_GtOSLoq!FL~+)l%&c)JK2J#gDdwwg_2j!k7~Aq>48Pj2`dFZBdBxw*I8^C3elv56
z$g-9WMBnFVC=$9-;gS(cZ~@3{lRmSn?dI}Yv{VffD8(bGf05qc8)U&+gHRVGx5D3)
zfKvsC!T3SvPJqM!B#YGcS(ADaY<lfh(<l*iQQnRBZ|s(UFd#!-)I;2j6^Cc8c7<48
zFodSAYG%CM=>_#eM&|QLIkrkNsWvf6_)6I+#pOt#`X0yEIon^q4z%bPXvz$77u~Fp
z^`9P2#D#eJX4U#Z{AQvpn>8*6YkNw4lSJMrui0K&N3v^8lU1fv6$>zc5dGNQQ$P7O
zNu8bkyb-tbe!JW%xc5*Us=+FDcYvgt)1b-O$eKFq_1!iXfJKvHNyb1&d<|Fvnow0U
z3$w@}={wR{A&WD^E^ZdsX%L7_t52U)W@N0g5|KdNPa$w8P;>-0qrf-4H_4uXT}Kj^
zVeLR5N8v~X>-G#fzBo>r>*)zdE|V}IZqS@Vho&wWS5<>-lU*UNW^EP-QR83|u1ym2
z@j=}~TO%cC^5J4*qtY(C=@Tbhw`kk2cl-rp?7D@Kk$6ZDa$vV4!L~g*M+lhcE7F%Q
z5JcA(zBn%;*OG<X=5Y+aiwrm4YQ4VWid>rc?ubSVEO06uwM~s~ccE58?E;+r;du&u
z(AQt^irw;zqGGhFi9HG@1<p_(dcgmN`xl{V3(w9n<$0RCw^+jRyO75t8F5Oh^h2QS
zStx7`ndjr$Nrz_X=z&dfnKBNYLjhn|sI@-4RE5Y{UzzzFlu1qkBYD1n?vBZ>)S=D;
z6JApP)r$N(NDq|96dFhmo|U~sf%Eh$(wSeEBmO}z7FZzrs)Y!3Q;XFr&dvyzhPlER
z+9z?6M|EglVCRs3`v>8RQCVX(Rn#TOL2EPpfh5rM?eu+5UKfsA@Yt4B)uII$>tPTo
z&a}<E;OKnZfmC@6_n`rvf-r`f{LL@rn?U^Jo#4D)Lg1|#U3+$RX4&&Yt$Na(XmKd_
zKaF`Z*aJjxrHeJXthsE5u>02*baK&I9UC!eq_+HUtxJr#THWo=NhGkyKAj^W-=#4d
zI}L@DvqG}EsM#j8H}s^X`-{TYCdxO0n0!ef!bbr2KM%LdqQ}<N1LCxSnZ4lKWnLzN
z>|iFfx0qJ*t=;?M^Ey+l?P<*D!QC;j!zcF?W_=74qIXm6j~6QI-dKcOyC*|kbK2Uo
zps_;4TL+E2%j=8<%uqGFR9#c&N&NJ%6j=~dq(5L_=JWph?KN*$yCmiT`C%o{el{lo
zUba3peZzCAK@S^Wd#JqF<J<`uplG7Nkm0(LuZ=&5RUy!=(o{1bR6q|5RB7+#Q*)`?
z(35tLJLGL8Agvj29fL;CfiW-u3q#oTSsavS*s5uvaUC@xUXq`?vy!<i$Zuvp(&OEF
z?9N$_pu1Cr%t8#n#)yT|BUC<lv3lC~d@@ZDjH?KOfwnx7N7-5jx)`IFImR{p4y4qR
zCVMUQYB-cUb>^JKPq+pN94&6FK;&3QJ8`p5aAZmy;by_6Jr!^QV;|!jFVI9Ff0U>~
zL}V*8aTFMizR_h%F<a3gZtZjgvB0cZ5FfS$)H|gBtDcBaQ!(r9>a}P5lVv>v932;r
zvs!>U-~1lhPUv#g!M})DgbOTd`vhIE*HWXbKg~t1kIx(92xA94%K%PkUt4W~CRzW0
z#<y(C^OPw8&9BZrw0d;cGO}i~MF1Lc+cNb~o_44{LwYbw2^xs4tJy*4t%+dOnB|S`
zbfTik;^4HGmjS}XE=Yf)WqCxG60liXvz0DcC4$X#Xa88KVaG;+;n2#ICI2CMrXk1x
zKf-{l{l2hJ#Je6OSbK7cD?8soPZM6|-D68%82|$>hg_1SA_CIxi6(=QzX2GNLw*RZ
zwAoLPYkS6@i%r+y)~OOd-5iEuI)6FsSmI<O)yW!Ya?%Z<c6ls~&yqYm-?of_m~w^N
zpb2`6*THP)^lfS_3fz}mquUCNF&=tb%fF^nsoj>c;HT>5u04VZY8OtCHGhLE3ILW~
zDEHafo*x1az-S*048-1)VosFzRcAvH0kE@1-TGUPh$`>3YE~MZ7d^}M^i3WkS*^T*
zHJ0iEId^TQwD$|px{40l{)!F_o%PM-N|ySX+>%Jy(Jqi>o=1s)f2BHNsRmsRaL`d(
z!`_yy?86b6OiLhM)`c274El{CZNqOmc!T+Xe0=trJ9~C%o$PEOmiwV#hMXW8m~v-Z
z!@F?k5QO7<V0$f{NUDKt_2`<9)NE+F2`G^tk6j9|3T_C?!ew>)gSPQ>1SZ#Ai_UpY
z)D?4UcTpE8{$TP2IBF2?c<FJ!ma)9e5$e!JXXSFxyEV^v0<oaekJLN$0&peYLto>L
zFyf6^RjLVV53HL9d(S}>gti0N`u2=sGQnJam3lL1ncW9dmTYj}sKBZPe)h`ELa6{=
z--{`C#9HlS2MpS%1Hg+U75_Hg@bU}HdEN4wwI`K50|jGCdhQ{!Lm?Bh8)HjAc;Y#%
zyVvp)M6<HDll*Jp%AI={S}y93wR+sU9eU9bqhPR?XI7x}c;IMHGU1i#mJUjxv+~SC
z^~a&c0U{P=D{r*%;ov9tfAE)9CA>)WP+SKQH&%6AD29LDrtYR#{~dE7!Aa}e7v@H0
zUi2Y`>!$jqpjbGpu$L6@V*?E6#$}D4T1{YI#8)VV2O1%=rh9>FIz`Dj4&9p)2Ap|E
zXZFO&Bxed(1T_Nd6+^i9U|Na7DC6D+<WQlZGmaP$UUwl0J5RQ(D>=-6*4?j@m6~CF
zX7~Ai1<66v&CnhU+_kz`N}!fndsFzXJJeMv0|IzOw>$qri&FtHe7G@rGS&Hit<iu2
zyhT(XXIsPe$6Uc7Mhi2xC#*Zh+g2FHc1KMy5=DvSZi}A-C(S`aZsg)RRCHGHLA3Yo
zHc#GPe<})8L?AE@(3=+($@OX!<iwAzp>V2!F~Z-x%GvDswbs(nKFSK{j%!Ok+4SGr
zR{Q+@G!be}L~LIFncfJxLOUk+jQ6^0C^cw)_|2v4wS0!bb!bE`pR3I>|FvQ)aAXvh
z(YS6GW0@FUT!a+_Yj=YtRl7juA==I7mY6jdtQWU%5CWR4-4u(>&hv+q-CKzKxRLF#
zkd@Z*ja$r)c^m7WXCevaXF1Gngi}7FQS03fBqIOH8gju6g`z*IkkpcK)!su<7N;?_
zU}F9YqG|$nAlJct=*GxV951-_i-UXQjdC*;*Bb-l<%7Enffxdsq4PT*o>k-}OO<jM
ze;7lHHX@Aiq@vlu+HnB?c|^hhu>IIF6TLZ?MtC5_&B2$%jrbaqZw7t4sCt^}vVrP8
zjhVdx5CDgBb#_SeY)d-SK)uy(61&eu4MeH~S*nXpUCjZLxqYnSXRIZw#=(74p(~)0
zg5IDw_jYlb`?N}8!y*#ow&Bp5vxV*8wm&c6{5(>+(Zvp^p_k*(KqC)Zc_nyyd>PDK
zo~BN-=V8g(c`Q}ZYwalu)}YZTvT?tAn-dofZF@!>;Qo5kl4w)B*S#r*upR!4*Lg>G
zO4?D^vs+SloU=VUpD&`8yU3Y(Rjp-sy@BzqZ`!87U*R{1x_)=7>1Hc5b-Iy~>RD)4
zCc-F@z8IHBqC9^CTd)-dGh0=0rC@-2U|BJWw9$v?shcX<T#iXf()NN>Teqw}%NUEK
z4QGSvtw8e%?T`W2e5tobo<DK&dCg2CJ?8>Fpw>vZnvfq(t}lKD{t5&d*_${5RF%1!
z_>Yl;fVl$QaX;fTZR6E4^DV;YdT<o=t##&{Itw>t1*46C7lwG6He~Ogo@lanqqTs}
zN}HoKR1&Wx<vKe!9X>Psw^Dh@S~Yh?OPn6rqc>Q%_$*MTSBw|+(2>2)>C4hq&wHy)
z$vRaYCk@{|UIg5nL5WE+w2df!2JJRG`p-<BwCz4|BT&^nVuL%iZc33YV%67K#t0(!
zcHCS?vErl{@Z7AB@fmg2P^U4jCj(R23SK?Hz?Nas&}c0nD+x8<#hr%1^arvh!4tWa
z5r^CX96RqjXf{eD6U@vVYKJ|nqn@r-ZTAE{&OFe^LznIdwzwVY?G-I^L%D#W&rbl?
zGg?aAas3<Y>}mi=@n8s$##)w=#%@v#Qrh)CzE=P<{T-VCV1tHIZzY<aQD{qQ1KIyH
zHNQ{<ISEATj(U<y%9Q0I-rPTL5J+|Pw+muHf2>lS2q!|#%4&)AIGx)4#zv6;C&{zl
z_7?$YIswc@v|PsQjt@FuytQsxBni`!rPGh8lC6p>bq2xw4pvv??F2~m1s4=szlTmp
zr)o<44RMkC44ZBaKq7ei(as-#G!Fl0ZGvzNmgtuXDCqDt3L|ByUpjmR$0#FAc$gx_
zW?J`&`J_U8!ppsT<joKfi3BiCkQU4aK!uSjZ@E6_OAQ$=-CRklYMd;^qgFi;fY;oX
z%Hqs_eIa78YzwvcFMh*M$}QlJN(vE(MV;Cl2rq|Dd$U~s<mb-{>wdqvZA&n8<OvWE
z`i-9&!W!P3kvE$1X#@)ICR=>vh);%n<{bb}c=j0p!i0~a3~FR~qX`()S6}~hy0>?v
ze$xje^>%0JjMuZXXzREl`4|Y!<>Q?mlnm{BQ<9~<7agHfr^<CrASPf&YmYp#pJ3T4
zY$}xz%!Xbaz`|?mhO)SI!b5~~?Cr(=4lG5}%hJAUYwn{u5G%*9_5gRS$qFC<SL%yb
z0~aYp{c82JDFP!d3Z|A4g4x0s9YmQ5Gvk(@A|oL^r7|mB0usUik<Z!l2rQ$|VN9ak
zb(J)LxbS&rTRaXlpm=mZL{O*WNY+e^S$_U806ChT@RuI^v;11C!Lp=u;^fHD_ipoN
z+ac^Q@yqHQnC@P}-ipJAheQO;JGNZ*c8(o>d~wkBsJIY%XYD9*C^^5q5dMZ+P^d7@
zgaMDZ5*`qt4p_h`W!zlB!EcW*ft{a}k@>AHCJ<T2*VqTf^+0s~97Ue0Y=>q&dJBkF
zl{jUa(JNu%&=l`IRPZe+3#s~BML@SGpaZ}KaSYi7PTyp|LXA8$cL@aw>W~crj0=FZ
z@}rv3W@hlnx`J!5(q>YSrNQXTF6I5X(G3yNyHkA^D(J&MxzQ)@My^4p`|qoL|Gvif
z@7tdLzS;WkTfG0i?ELSG-T%JC{x2Z-_un=6|MQ=J80GTj%E~23Ns1Q$T+DOB;P&;B
IYxn>9Kb~UPcmMzZ

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/markdown.png b/assets/images/social/languages/markdown.png
new file mode 100644
index 0000000000000000000000000000000000000000..963035d6bc538eef7481d078577194c392d5d0a4
GIT binary patch
literal 22390
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
E0N$~0Qvd(}

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/composer.png b/assets/images/social/languages/php/composer.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ece4675c027f68f43a403c9bd71665f94fce376
GIT binary patch
literal 22439
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%0DZLrkyCkg-jQIjkX@?M(N#Bq-dag3Rq+
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/database.png b/assets/images/social/languages/php/database.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6973fdcb0d305119a5d684970e063970c05c06a
GIT binary patch
literal 20820
zcmeIaXH=70)HRBF6pxCC3MdF1K}D(3k!k~uqH+)+Adm<Mh!8N+g%Hc3NQ<cSrl52P
zy#}HXh=LFi37u#ny@b#b2qfQr@O|&NV|@Sbk2}tfjA%%nviI6+%{AxT&+~t7m<a3<
z+r!7lCvfHO%QyM>{wU?++wQk}7x={Ne2^U<pSk#z%NK41q|J@^zqWU7WdCF&8@#%r
zeByZML7n5vqqkCa9yn8-nFZI4gzq$JbQBeC4I3L=DfsL3?$Zai8KwNC@$W&MsYWxe
z36@Fpi!UeCT*=8_bYD%_L{-hFe;IWpkIK?@GVv!9368f7z)AW3GC#SA-Uj`vRAajc
z^nT?KxF$Znzf&IX1aIfR{h<K;_vNWO(6?TwZ`%vr9>4q38v69a^$**@+h1<~{q+Ca
zVY+RDK|m95HlSC-mq_-s73KMp)&o2)n5tL*atgS9<rv=789y`DLQiXPmr0yq6rS*{
z+Ys(q+(Zk3pMChD78GKN=a4#R8M&#|Y<-+=rDn(i!pUj4^cyn3d7rxR)^r<bxtg2e
zr{$v@KNeIMhfp<m1yQYqL$tQ2Q*9Aq@)F$|jD6s6Z}M&rEis!il^B|E<T5!ol}0PH
zT4h?Qyx0np^X4O}4Jw{N__8-nA$~*a0iHJQQuabS(zhb)aIX~C61JeS(ka30GZ9<=
zasSA^t-*YAPt0}^#W@rj(=<3)wo}olNo?2Nt?)aYVlq*4H)Bu#aEkI`?^)~JP%xhF
z9$vq9snY+hu3vjnISsz=S=jI6cOqO}ZAo&8QQD8N)6ximXQ978Z*8_jGJh;}Cda0$
z7bxr>t}FipBi=dw`^Hf$i|b|8$A>mP%J}0V9eP!F+Anp1v+zaIa%={21dT7Jsb=Ry
zz?$#KZ2h2-(*F`WG@<UIQ=OwKN}6@sl&}7>$hCdYelp5&T*g+3^!}t!OM$6lpF}%-
zVWfZ-ed#{kIS6K=R3o5VF6HBkSWUAQ!UiKBzE1Sq49B=!ai3kKdh4RmT$W$tm2A8)
zSbn?82bNOlb?=M8B^%VK`bomzzvLays%)3fUX6|DU6DZXygN~AU#ggq%1Y5wQmHk)
zlN#2YHs23Y>)enS1e9hrCn+Z4*)o}P{fBa3CZGS3I&hJ(+uCTk|7n8u*h?ekM}z`)
z)x(`4V4cZpDX^}uZX_r>MNOyZNVD2pbvFAb8O$1aa2#G7*<?e5{y5f7iAJ2F5FBUz
zC^C2eojZY{*lCx+pXD1P!7QVeOfova*WXAf*o}w?8c@@w`mbcS(>|ojMFkt}(-e`E
z`%p*PA4AU2kdu}k9Msy_+34)&wDDuSs;u0zr`rTJ+-R^mSf*#NS#Q3H%HO2HYH(Oq
z##z1C{^A0HGRRSnk(2YeDUS9|)%ky$%$W;cDvZH7%-}EWIqUeh+pK!Eo}ZYlWKUZn
z2^C~X674!FY!>2uHL>AjFgK-F1;n?Zof~iM2RYFTCPM~S8d2+JwYu`gELr6pG`%P9
z2!EU${8r0t{!_*IOU{nL!NDbFav^M`$8rVBpWzjoxq-C*J+woAJDD1IVzN|v$~5BZ
zv|Y?90wy!g{A;9|m2;vgpldQ<hLz~KxZ*xvh#i|5beb*wri688MAXi6>uaYo>T6la
z<JOh+ii5g~DlYfjX7%%>Z|Fbx8^6hRP|3>ib`K_-CA4BaN7O~q1MeX>xCD~_+HFL=
zpYI0QQeJCq(4nV*mZ5x2?w83NB{!r-waWmnX}o_5EroRJAoa4ow`#C@Nju0Itu&3f
z?$J1`dDZ(e^1DdwKthT(tM;vm!{t7&u@=L|zvj_7Zc!7;JPesT!Q*xq9iqQJnl8G3
zwo~m<ep^ED#(2pJs%6It^XuNuGM~AyOy_{>ZnK(Ada=|7oi2U9d$UzeMuLp}U`g^)
z^$F)P5R{au{>_|QZ8w}cph-90ZY7lN9e~6$ayzn{)>;Dz$hkH4(xnw<H9gFCoy(u;
z73+;DRhLYs2B!S{Ry9}VgLK;1ENf$bt16^(cp92r=kR_Ned2>>?u=}$`OB~Ux^KGp
zmB|ptC%$A=7o3<*fo~+kioCF9h$>Yj45uHS&Z;Jf(<OKfMIDHLJNl|fNUT;H^qSz7
z$|)Im-wNKSj5DJ8Rn?I1WfSx%M<zlrZVJ}Dlqs@RZxyMLTnS$4t$m)>5<K6HQub<{
zQ+Ccb$#QU)>z>IYNr7jQ53LrTS)b6}C2O%eDz98mG@L;RocOmPV^(kbBy{pgveKk#
zw1=m&eGr~IWJ;T;L5dYZgVu)BEO)<t$s|!GmZIfHG|ZgeSgD9QP|BrtUvf%BrHU*`
zjh1V=baqznFuF{P_wQ@{6LGsgJCgc61#1ScQymRndzn>2u#9#+Ty`9u{_t~_61{hP
zaV;Wq18t9AER4!}-|6TGu5=K5mI|^V56Xt9M-waW-pX&ciu2XjoS8bAYMc~WI7stN
zRE%v)=z5ZMLev~S=o=EkFiZ3*KOO9Lg_s=fyZ;}|oa4J*s-$~#_3Cv5BTv7;adC1~
zu(?oy+*;EmQSrHNP*>W39VHw`{(8rybL8xFeq)q?LbV^J1mB?46wsOD9-HoKjZE|Z
zwh++Qp^JSS6%jyv-a^N}(%jG*JITtjCg;6Zl=9;J{C00-cGOH9At@Cy7EwF79LHQl
z>+qVJHlMfE&XV2hg9Z5b?r^^Lx@LX<om?`J3(dc}olzfdr1L*Hd?|sP^{(@9v$VKc
z<<f1KX<xP1A`e4rk1wka>7icEzHdqo2eEWR_uk*PUXRhbcPcXDc(y_{_;+_}D#z#*
z1cWdwgGUpCO&o)Z8`cKSotjvmkr7}HR2U-{t4eYNGe(Ry+NZzo2q%8#^m;7n_<wPW
zrfya!jXt>Rfb-@m!+gZh>LHiif*Es8^j?0CTEmKQ4N^F!PMTXbaPbKO@8^r3t99Vn
z{KI?N7ab81QJ)jbMu|psU?zrD%qd3Eaul`tvF^5{8pobE7>Qvop=PL}BG(QN9>Lkw
z=op~Ja%NtkdE-^6?kSlDya`m-eP*&_n4F*)N6PScp4WUt+@-7Z7xwaW0h9eP&-~_7
z`+LOw^#=~mh*iW_XZzt|-}bhO!_?e8z3qI>>^Eix#;q;;B&#e>syJOWN(;0`9;-==
zgYQTevNp1^p_~g-uWCBtlu&}i%Fma~Eb9|=G2z;rg~2=pvXPRg3i_eZ@PnWK_6Jtv
z2V&STbP+Ounb=YW(k@#l)wm)k({1`N!o{=ty_*s&ZR(lwN_tJqoVw~%GqtGyF1l!5
zZ~3Bk?uh(VQ%!|ZZv7<$-jHKf9Gz;QqOzJ)I~7qwSq<J;NVxtC{x)(gI>UA_aL+II
z{m06$;3Fg03x&o$w`)AO?bX(0AwBFr`S|wTi0Z3swV~P_lnr)s06(l^LeL~GP?3q1
z6{F8!ZXYs1yIe@)MU8cTO{09xD%oYad<&L(&$%1aaxC|e(J>VBDSJ^0MpCR0r+u8z
z3a;Lm2L-NNSs_|0#Q#d}$CLXMpyk6V{ADIc@lR>@@2@P-c6c;FsI?rc({`^gzX>v1
z?M%LCU%A|8qg=*RzsLSX?~dE_x=zYV9T)O+l6HCRjs?HWe<Y;>S0b)ARo}6+4W7al
z1_j5?%;Ol#Rech-#W`kk8_ELUh-`Mgj1GDeYoC^Vpf%VyJKT>ezgjUwX>IPLv=qpZ
zTk#$Kk!#eUWkTGg`q9RNe0)dr#!K!+!O+gAjh~2g-f?vHI3+mPe|#`tY0Omf=!x!3
zv6Q9sU4Jcqf6@L@+l5>JM_lrDHyB;te2*H)?DMJn;~Ft+>R;HXy(o@*pG-M*>Uz!r
z5gTt&!ruk$h+{}^o_G4hE^OYJ=ZKB$rRC~~2+;(8$&YHT4yO3~JW;3ibK!k$V`^Fw
zzUtmqEf_!IQ1EhZo6~x8E?ifY%ZObmySEZWIIP53N(mq_Te4)uP4&LE4o@9w*li--
z_>gxzy-5?4XaH)n>!pXRM8I9k&cO~{k~7sDNM2;_R4khbpJ;R6f8-#pzeZ>OK$YBT
z=56!kH@o@x-g(VOR%_3FGh%+i&ud{L`xgXP5se|f!Q)@dM=;(}pfuH)h<o`u6V3>$
z_<97gsQob=o_2=_1pkhojQ5fOP3La#)@il#PybYLdrd~{h>^9rYcFtR*nu6DeQ&&Y
zaw9QlTt;B0K!cqnVaokj6)CLymU4`-vi&FYlDEIc{X*+7t3={^FG&fnrr;?|6Xjb1
zR*?5FFqku3HX=#5<2)hOw6;H7Sp%eq-1D!=CJMJlL>lH_%q2RgWOf70!5-CZYa0qF
z^?7CJ<=IIBFqxH!aX4yae^8d3_gqU#L;Z&Sy$IypZG3lh|G9@BoE*Z~9AX3yl=hcp
z%6tJatH$^P)4ZGl$IRQ5=QRH4#7PE&n`-bu*<s#BXnak&XnogAVRj?RwT7u2_Bu>)
zpPRzvA(xn<!oR9O9O^Z_ISGLs7D-d$Tj20$Z|dbL#~^y#CHkbkro^5{^cDeTZg_p>
zU|)ah?&^8to4vO@(IaISg*ivlgJ!=%h>2%o-6TIFrc0X+nx<7zt&efg9`MBM4*;}%
zlyL{k*4m!hJvP5IbTg#lz5AZH4x=>fMpje-6;$;c-)B;f94--4sI7c^z5y6!j`lVg
z=3KML#YvTMqEuX$LhGZ(R!n>(%{7+d!q^i%>Hhyt7EV1AAA2a2NI-k!rf>mH^9}Ow
z4V*Yq^*->6EoZ4fsjJ5V&5VYCmELA&KC_U;IDi`@xD=YtgBAldJ0Y@Fe&L|4-PJTo
zER2!NNZssrv@R`Blzeo2$PjNPX-^r`A%#8)@La{PF_WPJJ%1V%J!uK3ldfN!ufHLK
z0qKhv72|hgbS(k1T4dgsK?o*#TB^9+8aTE0+lYGMajRaW81Aa6beCSG*AA=8#OVBZ
z=IEg?63Z(Dg)GVNDAsZFvB^bTBrAKxM3l^Il>5%5`<?qTmIa%+veK(oaJr+_Huk8P
z*EyGam7q{Hxu(+RbH(WE{L}O<S*;k$7{xXA2XZ252O?v*u<s8(zHf`oixjXFT2+EV
z7~8*_CYnzPf+`SLdf7~((ZqLO@%-keC-pg_of!j1%1RpUT)ZZ!h<(?!yGYu`o+>2j
zuhKl}8%}BKcTm33ryG#i6~E@sE1K~eT^MhmA(a4>aIG-6t}*OB(l=T&<>;qO&2@P-
zGi8bh-kdyQZ`<!KQRzLwS*kIq!513AT3lFZ)^UN`SP?Y+?ATzU8Mn#v6;E@%+}b=L
zDtk3Aa<7@hQU74Sn;T<U&&{psr!)-N!QKi8*HjqDX9|(RIO#02#L%hd7b&|(hd*<W
zf!QS&qoukzL3eb1emD-``l9a~a~h{Kcvom8LLfWcpkW{{U2Xpq{ygi@UR#=JpJ(8s
zk&SpHY9UvIh{SrKgT7U0+42|WYe-=g`<F%O<8g(`F~@EmL<FN9vJ-9?)-IJiB@k*#
zI^I?(BG=f1D}}n~%_{penVQfHOX_glRpFVV@xP>%HdZ17`mhO`69j)=fK8=86MH!K
zOWu^~XmJt5soXhx+65oke>O6opsqeaUzM%quKAdT-AW*;1X=m=V)P$;pKm=!Zt(`;
zbpC_fhx)cyDC|Uv?ng}|RJF~Sski0gZVLy6_`nlqgg41YvmF^%gj0i&xn*O_Fqv?_
z_0cFCTzG<e#|<i^l~ohjGE&Utmz1p%7L6rG*?6bYD{;!P{F&6nW7L)$%hnsV17Vd#
z>Y_N^cizKOri_r*1?@Yz8Dylvo!oY9KiqYUP)+p&{k5q`D@Z@0F^b~zoh{%fmI(Xr
zQ;C>BH>J^_=7k#*#rdb7FMjJ1p6S5YNkC<{pnjD{%yKlywpgVuBSaF4-LX+6*4=LE
zeHKx+^zP1(gl{iP<v~NbZ+mMjEXb@Ng1$OUc)aonKOW!^I59F5<k<E-GO0eETpX%>
zA3L37{%=*KG(6gR$tuD+zkLjsMBym*?RsmWWb?i7c$}*gTpX5R*wlf%kXYn~-BeBy
zHSP1$uXmxV*k89vRn1Yz*ra^F(bK89-tPr#d#~jq8GpFUA!+=2W>SCl4E1Hnd`CF^
zoOII)Ma5Qc9Q2d4JhDPREtAX}y^;EFiph8t@pxv6lp@lepkZp7)nR^3NGS6h=o(gw
zN=(oa?B{E?_IDTFlSF2Yc4kly@}nI?Dm^tDAJj0%nC0jKCu`p;_)@$gcjF&)ZtEl&
zv}PsiU)hRqWx%O5i6+#v<tHl5FAGv^;u9`!FtZQQH26J-KK`k^(&`Rt&BaZJyecWN
z3m(s74~rO7IHP)s!n9YuwT>t?^jJU`X-27kU1@PyP^NVK1IO%`Bw_Qze*3n<2!SOZ
z-otL9Vu?|2978AiR>B0W!ArcMH9)v*MPe8A!LRC61NKdmdAP9Gxtyhl9K`{zt414(
zXk8DK)(6Gb!agZ;aZxYlw=3S*k#!CHa)Rj0(d(IZLewBq{|zb&3a;+r85)G8pcP_)
zPtmJaXhP2?Wd8--*hHeR796BwDjVapt^prg64D}fX`;_=bss1SVQ}*GQ4MBsP3!<|
zf^kuQgORLZ?D*c~gIpH+lqE4nD)R_95k<y=7?%G~5Uv{dN@7oq3-z-wisX8#)r}vy
z$q^iVuj+TSFHqaX$VLe)Rm^sfQ2R#JPu(wk#PthmiK{|&<oZRYH?VCqVKy02<V=0J
zkfkRjCV1pB_f?qJN}@Bz#i+oVJZY~iC8A}g{g$LFlTnGdzOl6Q%CUKOs}v{%1rv!?
zZEgtV5d8XAd6UCq!8VH4z16+RineObJ~p$4RaqP_g|C6K0$8t1-RgTn?g<g`Co*5C
z$tgZR0;)B{J^TdCc~$uLwvN@3QJUjV`(!{ll@K0W)C0L~tD)u`ieY|vNwFU47ZP@^
zOM)1wR4ZYq^~ja{9_YYSJO^+#d)g%`H4|K2^s#T4#)lgb-`KM@*|et!+$2*4Y7o4e
zR8E#O<tmlb;S3}LO3sMj+_2TF!O_QViUrMCOG3E8|CnKs2`Ue-E~*t0d~xF!V}{n}
zUxEb@e%ao_<hxZoah~2mf0M4O%x7KXx|{;qn;vS>bLw!FfoH%Q1Idh`V;z(#6H{A*
zFv~<@iSBDschD`8cx+LOjGuhh#ebo;e=;h-cfhud7|uBdH@ZB$cGs!MYq+^G$@5sF
ztM7#!;(M4+UTGDDZoEY(G5q+~GWtQ;(Mmsil=1=8-N(`c+Q<h>5<e@ho&mqc&+(hm
z6Kil}pIO`};nIbUj=K=WWfWyCB&5b|JVm)BR7g#}2oN8i(Sn^6vC!+(VH`lUC{kL^
zHPZfkh38JIvz&obQrdNbIfvl&r^i!n^fR^?#>w|kVs%3wz^w;$7AB@>;LgFVM*&%J
z)I#2II%&R7TPe)ZqzDX6g!P{XAX@y5Xmxmiun?+aHtdVV(v38@#n+VX#*>Z$23rjH
z-S473y9g_kWtydd6l!U<?HXzPp^&VHvkALt@yV-jlK<!_M*)%F-z`;v>%)Hq_;Sz4
zL_TbCOd*sjg24s+*qQ7OM_#_LQBzjNImSDhNs$Gi`t;JRtL0nF{G0P+B}GrX+!bwT
zXjg85p`HEYGYe{n3DS}`77i|WV9AzNX(}3JJ(RRXb?yxCb8}ByU6CdgdXr9x<D{iM
zQ+i*l^}llU;7mPBJyf>KV2f9MlxJoPPuJBn2v}UmO2a9C*YYPyc&DgJ*xFhiG+~%q
z{*rGuCW`g{9=s<p%<1Q$LuR0+mCpAJN5{E98Cxd@{|WZm9&x$ILfQTpS@}@e`fnv+
zB*5hglipjye;(kz+O@c_$xp7jtHdddIQg3jatY8lPt*|I5TgJ416!~j1l-}mx^VOz
zK4M|80WHBqTumYsfW%TS9uCthEad(}2%42UdqI~o<Vm-@OvJ|{Azlg)q&hiztJM6g
zPq15h6Y1)DO`KIQl56rqk=_?Iw@BXeqA9jZ%q}TK`TO|wuAyBwpzE6X+?MA)4aO4$
zb?b}v%8C|_nL-Hh5vc1%rnYV85<ScZ87IIwCuL#W3MIh&{PWry84Uxcct8W^zg|(!
z+sOU$xA*#w@kog>7lUsHU?Uc=v{y{2ty%Z^DT}eSeZ92rdjNnALjDE=uc!J43tnnJ
zA_H#PoO;HOxDGOEq_;Hp($->7($lM9S@0LiKV**72;xETsknQZezDI$nlEnVS`lA&
zJA*)Js#0;Zge^BY>g#C@)jN13Z_T@Xo>y1(YL98U-`5ubyyrWVp@>m!IIg3rH0DEF
zPWdG4rruM%%smuNa^n}6S_v#K5pPS_;_SbM4i=1J?ly6sth2eDt;vzKict1;wc{0@
z5JfdFKPlt(jyGYJ25Z4L;F+>3tuy@6{)fT9)R*$Ux5G2D%T7v3ZLBS_M-lv1#FUzH
z#ihgT`A!{9AV{Da<%}Zw+W0X|dSbSZ2+w|ScPvbp{T2l516cB5!ee?8YY|JBGCift
za}T5`>E2>$X3umVVGFitZJ!Fl*o#l_90SMCyh;t4=-?l(?0zj!v~_w987ODUGGJ->
z55N%wHy{4ET$JkKoN91H2-P0_L<3#g&z$~uN&`Tq`%&Ji|2xbO1w>*<igIo!b@`OW
z2+cG+Hz`^lkF8z$4AKY%q($?fTcT@`>s@1NQQ|m2NlS+;&ZEq24ESKBW@%gFZF@G*
z$Horx@!u@tB0*WnGRcs)CqZO(`pj<AwQT#JncCv#-y%e`;P&8~NjfffHa2#|{QiB}
zQte`vNfEf{z~G4-4Wo02vXRAmmwu@krvq{^c9`!-@OK#V{vdmimiFSt?`7E5MQ^8v
z?Uf}iOB)q|MbbjJEkxyZq<{r%{l9cy0hlw#ILf{mQ|jEa0N<8SnkC|QGU12F@jlUW
zj+-prd*L#0wJ|o{wyF}kpd+5udaupO!9jEZ`vFL-_WmGI{$9-b-(f;Cw$CpY>1KLF
z0@~^tNwUJ#a$o*6Ew#hC@Hzb}_`!s4Xjh<FoPWA5?T9`R7vbAe<k7<~BYh(|ZhrYA
zW4JPBk~zJ;msp6rvK8pt=Kxjj$?hkD0q`2F%{e{MkyVl}GoRLzG}ZsM_ay53d@qP}
z8oTSdJ9Lu{zk2y(A?@Y-E(_A@RspG0>q_5DaK~6~Jx`j_;%)0V+FpH)G;dg?dJ3x~
zzbL#i+7=M+3v2BJ>$M^J5UyHdE9<GI=;VM}T*?-jDL2HOX<ys3mEPY@5T|<MI)qt|
z9?cA4&UoSnP4LsOtwp?i5n)v1<<SxmPc|9W(;Zreove#El#^S<?XBUJpW<?Ok>a=#
zQQUg`*0eTOsyKEg-L|RphL;M+P=<wzp(UK-<PU~kE$1*}VqTGX|G~kn`m#GG_Ds}_
za?(G`5i2W(#b*ZBs(;0vyKYV$j+^RtS}lr9X;&W?3@H?(#k)Oo`(2a%&RM=dtY6SV
zOM!gz61jfoGV!z8w<H60F`?)=_OJ?kPB-upe$WPg_37627(tWwP25U!E?C*J@4JwH
zm)jSg*{{<e2|)sx`Ol_6Cy=REL?d8lw({$nPnyO>n^8x~3|5EY(W(b$e%2|fcsbkV
zI0^RWtDcIH1A{9(4zUkXn^gfC{l7B^e@-;GmB?dd2HYWG)X3(FkuHK5Ho{-gmU$=_
zW>O-RNLcTAwqk^Z<p|{bjsXKz=WAdAIWVQIOblpQ@>VYJ2aSbGBdY&9#;bFL6{xr~
znetY~K`2k7YdnAapj%Nuy!6&wu7Ca2-5O)<Em8$KJ6GF^``+G(HEl(8ipjAfZd(x@
zklnFo1>*mhI|oY8-aWD~;tI|3x5_=~BrZeQrYkJV9$vX?Vcz8pAjFsKy4aCIo%?be
zFYb?YGZ9(ZbJ&h&TjMzN;a9gfg(zoCybWZs-LS(dOL4zLd=$rnBtiw79!}6-aDii6
zQR5-g8fks0Fo=f=K|7g@n_mNRAPw;6kI({*=C-{JL8a8!k+naa4z(6;ySTL^ka<UX
z{)|$I1moSQf^oJT@5@v#DC+C`3Mj$iPr<Vx7IL)py|QiJRW><lU%h{y#p#tXGQygF
z-Yy_Q%+gj&_6BZ#MPpd6L1l5xgOs7&c<SM1&4%UW%V}FM@@4?#0B+Z*--Gw@ow<0<
zArY}MgT(?N71Uh@%@j;S!oUE90O-rKfBt<;vDJ;0ixO;nc=-Y;0=6S@YaBN3IuUj9
z!i8pvTJF;UlRddI(`7#@hW+CH*=H7HC#UsawAq|~TPZ{2UHs~g<NE8PpmIgRcKk*s
zoA<uum9v*fvTXoFj?gOc(~)+;zj|e8Fb4IwTt|?hKV$X(Splqq*p&8=3`4dT#D{kB
zw~_eGB%69U569nDq3A}3h=tn}Aag_8Q5>j6=T$c8&)e87jlL@GaMSNVD$g7IrtQ<$
zu063Zn50q_kexBQJn|mZIx?ds5j3_&r>~fN7n!>qIrd~CmEPXaM?#Y|Nz?1AM{e32
zRLikyvkC8QlV6?Voxv{0Zr%Hz?GxE%B3BXAej!eX2mFhzIeY)V(8QME%%)fpyBm5&
zh0O1F4ZNYD0JH_k@O~m89DXl$O@1#HCL{!=>8S4N!)<HG3wW_$J>Ur8>yO=<tfLc-
z>DrAs<YqCC-^F3*IUq|Ev6^>vs-X((<9?;vaH|6J-vFJZhGcRdfR5>;c+&FcR@=WN
z_iSOD4}LU|JpjFp<o*CWyoqn<+OuWBt=X<Vq}5qK4xT-uc0V%U<UdD#f4E~tT$ffN
zn+hsGQT>V7;l_ebus`&-^6Uq{A0I_ioPZMmWcylg=UMIYqW||F#|H%B$kiK`P+<L1
zz!({BWwbjlW<Hq!&;dkIpnwCGwjTT@^fzpK5fozM{v`v_gnwUnyit?%>FBM2eKsuN
zEtdWE98ln$SVghZdzSd85L*$x@1a)beGvV>FZ{*t(RtPn=#pAaJ_Px3XPyJmUT#tN
z!q2S%IzohaPr##e_{=`hg|)?Iw?_sW{iD5g$Ggfv35yP{9>dYzP2~u_-1R@72FjPm
zG=T;#ptWhc$nQjZ=Ro1<j_PMWlt4&>CKUJ)J{fPV(+djj|LXYRrt?ZZi4flWhQ~*U
zHwJO1!fuIhnY=HT+&Mq)|0VuEhqiBvC+WsY-Tu1OvdLb<&1cI$ZQe?nXFs92Y27Hm
z7lK6s>E!%Cp=vk1E_FiUf9_r8{#6=Q^jbupubSdQshcHp0&5nnFMAuGUioVgcCCZO
zG6F%whgQzSLZUL8Nu{)Hk~K(!VX@%yS`A*w(G*GhVn7$DaKA9x_qhIckpq@qXw4Mc
zAa3Cspjuuh3|0x^pmqv=q7cOF|K<59E+Q!ZWdx;IxKujqyEo`?K*tI-x=vvU5Xw<O
z1_#cn<xBq$9WUfueHyY7O<w*mXbkEzP#_e%kdOpUe;%p`a;7LR7@|iUsngo@7lYt+
z+z$=D&&Sr<CNBiB$Ag?{I(Rw#?R*74l{d&{z+xgA{fZ_TraPeH!ot>0<TcgFglyFK
zmXSl3XlY)`&s`HLS6L?kJm6avmnl7%KsK>M1BHv(v|jr|Lxx6EGcmHP^DVC)hqwz-
zu8YwHQt;0-bEctd^mMj7bl;CUb{B1XQ>8DJ2*kGi++Q0>`h@ocWq$CdJE;dtcfBBq
zR1zI{YKA4XL1+vDa&>*sl({2t7VxhDJ^qPpFdSlpng|`L^!je=9p8;$MbXN36~MIs
zUG^LDpVmA2TVc3J1{GiZKcATmgqB9Y(H~wUX*S_I3}+@knb><9BorgDvZ6J_3R7E|
zOva{r29T`EhS-Zh!oAKggIpai{@PX;F}k+sz#M!QzC0NO>+>ge0@13*zZfennTL&y
zRw-<hp>-xI$AlA9&z*{0)&@iK_#^3XbBOB0zptbLIev?F`rMHNB{>&^K8Qtynxpmz
zC2)er-*;R82`);nguB45oxViRu9h2;S?g#KfRblaurv4$-=^7ztDgpd;$x^Zs$$%m
z;G)BIBG?~|Q4Di{CgNF?(W`^rKf2;kbdoF)m5DggSsdD$2Z_#$$?mjf3zOCEUgQE`
zL28|DIO(x3dh0dTYCr-OWS2l&m;kmr8<3T~!gWV9-kmrVqZBpL1_SiDFlt${7X=P%
z{&J?L!*uix0mITCI;Le{C&e=8Ic%or8S~zKC>w;xRnvzmm2#qoOcGk>548i9qmcIR
zR4;0>#4>JXBGc`S;VW5@YT}%?82uwC0H2MD%kK1s&3N7WY+@T^&~EB&ZW|v3BvmJp
z`R^##1yK%Yn(*1%M}?i;@cBB6LV}H7k3n3xAQ{bc1^l_>bzba}CAeg@N_7C0qV#30
zh!+}ewLxwauo~Cbrnm7uZhGB;Q0aV;-uVTXb%M}7@Q);WPWPYsaAKn_l@N$bV^xgp
zl+pr9ksdESJ*xm;EA_V&;_E>|EgHS?bF?0^RE;l1AH6N+dQA1iC~BirJGiFc+5~$&
zlR^w7*u<@g?WrOWBa@b5&NS+nTxH?p!J@BzbLTeT#BvaG>zO<PAd6FV`$(`7galUk
z-kHg&TmVHOr_Ctl+rkm6#<^XgIoxaYOS9i7>?vwrYdo(gY9a`=3B)*BFaLKUq)Fh0
zF@L{aZK)lGdU>p;y*Oxo0TWy8szU-<lMZDbR@zyGQ_%}vYQVkLzuVgW@8fqsXGse2
zya0G2i;pBO4XsNAmLSD;-(i(pm8J)s)3t$qm(06ZTRdeV-ofWs1I+gVN#Nb%c-rR7
zRj=)oS5dcVNJBdjmYzL3Xytv|KE)VQs-DiM-*72BJy&<fShC0G9@E?O9$0a7AtS#7
zA2gLPt6HLGur?S6nNE<eUaTw(kF$Tp%hQzwMHw~_Q3?@)5XBpPGzF=n3D%gT`<;`(
zIKduFCEe9oC1GrbX8I82Ir?2(%1iB4@4cK~&q6K}N6a)@q1g7~eEeoj?eCVwbt9@1
zIjmg%8Tt=1#YtaC_9|=AALX_<qsFxomp_x$zGhwl@da+Rpnu|NAhQ7@VhCDwy_zD8
z(Y0)6)K}RFVBFCX<?ZAagCGX(iZSrnxTpsBl6uWJ9jqQFGWJW9JflQ@x(<XBSLV*i
z*$Ch=OVZyf^%>Ro>Uv|!&E>>!amUQP6Rix!h^7=bB#^VN&9+zy(uk2iIn=S)0IEg6
zoR)}*y#?x0C*<^VGN?J5P~4#zUnIX{Gr6dQ5pjrsKdsdC$g;AUwfSZMk`p4#lp`2j
zv*>-)VMtv0VWt$(;aW2HYIjX{d;Mwv-9M4Y51RNvewY+L-{ZNLkK=3o3DQG81v8R)
zWS?O{Pq;X4Z7|E)5{3`>dI(yn*@hKoGi+2#Whko;dAA1_AwSt%#o4pKqmagaA8K^8
zRsCz`XK-+6$Z5b=6XoNq-!qtjg~$TXYQ!7qP5|gYkBAZ_rWu76zoLjIlI_GNf`dM5
z{)qt?j4D)m(0~2HCDpkD3C_2>fc~U3%BvVd>&Q8}1HLp07UFAOR3eqsa<V#?lSuZ8
zutrZorh)N}MB^q=WoWX1L=NBVZDmewAVq^USykdzBq-U>EDdkovPfHuH!7=k7~*X<
zjU#-S2wsCnDgorsfAqFn(I81!B}k;HV!+-^Q&^q$17Iy0+E6jLuf;J4nErq#Y6s(4
z4yRAcGoaKUB*3)V&Ewh6WIJ}MFp8nph(Hw87zB>BvpG%!CXe+SDm892`k>U+S=7^c
zyap$9FrDnaKDPowU{t7d*JCHOqGu4zgjJp#$cqUZ55|viOtTf^&S(-iuJ&Jo-+74)
z%<r8?Q0pfn<AKY{p@+AtMXipNoKw4jYqWh<09ayR1~I?M{;TV{&o7zL%~#IJ#v>Xa
z=4QPV2gWV58y26-TeZn7t$V49gC$}Q`BF!8?<KZhBk8N+PP$y1<Mw+|D^D$DF=WDD
z6Q}t5+Kx9^wXuJSR~I3wOY|X%q@)q2v~+P;6j3F2V-$C)r)(&N(^o^$@FPOrtR`M;
znZAL`S-n@hy8D(nQ?J6W7e<1#qyR7Tx_(W}QlxG;j8DTq(0v1f`c&IK=Ru9d<denB
z9s(|km9C9{LpQ*576eR&HVt)`9w?q$3xJGtBblj(>)^)vpqLMVV*VK5iBCRu0Lps;
zx15%joy9_(=|dsWbOTj`l|gfJi-8r{k6ul_*X$mSOtWcKp_l`_zKZKxhRX+{%y}e9
zAjZPQM`C*j7we0%dD8Q*!Gpzx0J41b##?-Oa7U&OKgd<`x>$KEq^X3@-xk)5QH)B7
zv{SDhhb)~yW*4Vx`InIKBHtlDuPDLuR<xA);2djzn5!!AKmZI~Dr5^VH1*L;zc%CD
z&ve?gE1oS&1A%sdX+g84?2n4>^o@NDOX!K5s+~KFNTQWQ;8wHfkHQn5_qfy2WbQlh
z^5a$ftlfY#=+r%3UCXN*hcM!`<MY4;Oe+8yJ!pSinn0}H89D^U1Q5|#zo^-#_b{6m
zt33&>!0u3{*AnqkiV$Rnr?ZP0FRbn3fTYrRTn7}W=055A^^AHY!&xk-Lr!6S5~`=7
zPj4tTwk&+>_kURZxAp-BqAUh@MLI@RPj%^gS|?ic0=vdh$b1a>BefY59ncUcvo#=Q
zHruwZt<^PldNqh2#3VTKQ}SkKO>B%{+A!L#eN1{3LtD7#P9}wi)MdTtORC5_=|c8;
zKBd3G0Wk@4NohOhd(CEJeFq)*6?AaCnwkA$s4p44Oe#)H2osWL(6z}ex3>AQOjL$9
z$N@(o<uq`*A30z2M1${j{J7)r!n{d_hv(;%`5hF5T2cJ+^o}qe&IR6k=)3@V{p=aw
zu3E3pXd@Xcuf@soT88N>`W(q$0tdej4A>j%cnJv7xI8LGjC5BlXdKD-Jm<Yf+@=!p
zTr%D@=d7ZC{1Pf-y=!inLt<GTDy;AcP11_schO*OqpT&d5s^0Rj2|2>6g+Z}73^?x
z_MaaN5>!^_yvvoZ3i9!J1Z}7AsXYAq=e9!Go+`<%Qq9hw8<T7Nn=xFDrOX}!7s_zL
zU6G%oFXz^P!TJ|XS@e3e8@*$%&b++WvGg-sJ&-*>W5nU;gG)QKcdzZe4PZ*%3(spj
zA<7)j4ioYF=kk|~z6uVfcwdipI7nOqqBl;T{`)#`<iRij!5_2pft$O2I}SKKC(WR1
zxx3eW(WA4z4UE`R%TTi_oqH3_x$hf2GN<!S%g?&rLy}3u!XsGe8MC3KP0p9(Y{$%f
zG67eA+cjRhu;;vcisntu3WT|q7k#i7^*?4A@FO-t`)*$|X5Of<flv)B#VE@#w-=eZ
z?zcewF8xbPXlqJywmS{`vifADK7q_9YO}-r@o8m6y*n#+J2*HVp}V{PW`B4ss$~za
z)Xp*kfW}0U(_SzY<pI}&X6rBgl)6_F4+be6(;o4KG;i=$uS@%#W(da1A&$-f4pCV|
z!^)WmkcBISYk!P<+y1Q2xWVjn@bu65L-iQL&8d&;*T`?aO6*5WXX7NzzpmeR7uTVc
z013Iau|SP*3c&w40RJyv3G0^AU)vWv{&vVywxrwEIsolHomw$>yQbI!$HIZut5>+u
zb{l8dDO}`O>3mT2nZ>pKX`ix>3)jM6iNut!48sOc;iJqN{qDXNK2i_Cvkt03^&6*0
zw0h271ZP@8SzN@@c7R!-%RhVTXhXC-7U)~6?4%({ufvc5;qlqf7swpF7KL1jWVG}U
zd|x$(6^VAwD*te&top4C(7u+=clWJNC(qvekym#PfT~SHTgkaUmq!7w?1dF>I=?;;
zzG9#UxL(#?0^vKFEYbuQ<Kz1Zh=@0cTOh_hr0+pIn|f|E^+!?D!(a2Ep-B-DQaq&n
zv892XpniqU-Ldu{D<ETpXZEIk(*`c*V=sO-me%Q?5~)5lB%^QlLK4Ih2E<Z#oWotC
zw+$~pR%@cK{*3xySmU$6U(_e@5~=>pFw-*<@+rrz%|6{iqUF8=l(y*@g@*HzO}3UF
z8+Q9SUwdMqGlBDv4=4uN><z{mgv8|Mr?aW@KH-%aNex+wkU9$Gi`>M@HoPzr6hB)C
z;Q%iCo?C~kO3WF{d1_Aitai;kUzESqHD>ZLg1;}2dR2iT2>I{VbTiFX@B*&KGU{vK
zlpq&q``orXW>74b6T=v~E|g(s*Ppd2Bn0FHy}N!VJH&1;!Kzp8IXr@{1~h(`?Y)0)
zbGP<o@b_2wU*4E23uA8rmde}e(ieO4;efOKbr{<kdR{YTry^r4FYC#|wTE>PUg^50
zVtE_Q@O0TsY?4OJIhRgkY*L-3v~(NxbPPn3ymI|c1iXkN?Guel{xCciN+qXCxka=Z
z?S4geIg(!EVc!6;D?1)P);M2OAir^mvyd{otq}0+O{~5uNSY|SWBEvG!D52D@+EJu
z8Fm3-pNZ7|em>|FY0gqY6z_65c+<>1^3mu?_dz;TF~Cb2$oU?(E%Drl!GIQ_OHLaR
z`wG8#xiC|jF);mwU~j#JU|x|)RS8O0Y!UDZfcDei1FhU%_~CQXs@Nj-O8N{PNZ1kY
z-D@`2&pms>>GQTR{!_E^u;j5_(`sw&;w0kUjv*S0MOpd0wzL)zl;If(z4nGQN(0GX
z)4->F0eDrWzf9N-oh_Y5U8>l+$0y)4kmq9YDCKB|PEILl=xZ9bhWEe?SY4^X){?Ws
zgl5aTY=Q4q=cSHLlHXOHpw&nXA2<H~8uBESm?5B!IR(?(3SnV7t0WdGTRmNmcOcD|
zFOHf4B*`n=`;%{>|7o+RQS50C)3quA3Fe}*(y>yhWlkz5@%ojp;t8Ec*53RbYG;%?
zTd`Dqr4VM5L}Yo1z1i?;fYY&!&uh%j@-SoDAcqSDosU7Pcq0f>#RovxIO}-w^7Z#x
z1H7U=Hxor4buDk~TJ75GD9Kfse*frT<1V_|IadE$<}YUpIzS&$FKJ$92d@CW_T`Kf
z=?uc=u)FxJGf=c8U)1J<u+dZOQNUsbnN8b#SpUwjYMna@cgp@#rX8fILdW%A?MY{|
z)WdGY`>bu_cw?-Ev0Y@%6b0vbgrDM3%1vd)M;-dJm1F=(#0)Wv+S<uVA=E&OJB>GQ
zO`Wh<^+Z>y+-SOMKD=&t2=Fv4-gucJ4Wx$BO@Ov*3QF|n1M3&ePngWYg~#5HU|t5_
zg`3)~PW0L+DFTvF&LD`A2beYu{q?WwEw+@l>?O6vTjj%q(R_00<JA`h#U`)kekRYV
zlu2`0>2%sRE$s8c`TQvAC@>{}4Htu)dvCr&_I%)$RDc)?PeM((-A6#ZL;^};7;JoS
zUH@mj{U|to6Pf2=nX`mg4C`hxdyI|4PDbw%X5sv;`h-K4jK6#6-$9y@??Qakl5-0!
z9b{B_N(~8cDURbsVYTQR7J7uDsyy5Z@K|rT8fRPFYu3>+;YrD$3?9w|{SB|t8JR=B
zVHogt4YeZRx~*Lh;^$sF%zTkK<kPOOqr9PUS4Lk}g_4gSQ}gNY-d!`{stQsep84r5
zvrQ)4m>3oWa%CrKBCU-*<P-zx*^MDFkhjZK!m6S7lNRdkPhQ1huU1SfHeIKbVF)sC
z%^yYog1rz<!#um6QaXavVmZH&xA-9jhmKz9Hvh4B4iY+YyN*~cXb2e3BN&aP_=U$B
z&R-HR$iP#|DQB}3;6V>;@T*jnAb<>^T*L%^o+y&qyoU||pBqb4Ioc0d1&Sf$O397+
zfnh?%6xt5ZSi7{m^$+%r3ZZ^_S%Ic_L|KZG&FCoC-UyTx#NK42L_FX{{>*O;4S$_Z
zLY{jOaLQH_b=M{hRN8=LcMDp9U<_IPrkpg`A|+tExdeO{dkrRvv6`3NgQ!Zz0OaiR
z82U)6eli7=xi0lFSFmR$poNfoz}J;B+)V%YCuh|ISv&_ahVEK05tJjYB-N=oVMl`N
zw??op3Cs=sE$&(@`cbXLl&Svm1|@UAp+{~n+{6Ryw%AyETO6(e$|A>QkHb^2Jx#@6
zrNJ^ec5^}A<g%|3*+9PwVbi}{{BoFLLh$ec!I%sTB34CS%9BZe0|EvSMQY0v?lnok
z!<Z>ft<h#6{<AyCBT$D*i59mK<N1&7NBxl9Gi1yR9kV4gfekmPA2;He=e6FtdsFLC
zotPY55TYJ8K3x5xZ>H5cg+Qda>2%gQyhm}*v;-|T0`qvDmy$<e^<uf*>t)CA>fkK3
zf6MLqRzr9IAe#f}uF7(N9|aHe{~1**Rqx&_V#3-N=K632%-#T%r3aS+G`-%!*ym&f
z<8iv26L2~MGjs;l&bF_AQ{MoPtxtDQ3^VRU8yen{!Wq1&6>_JOtEsP>O;Q10H+44j
z>~TVqHyS^?cW==0wlaA{AbnDjKlGw#eQf^$MT+L#hUy$juwGT|gp6tR`<3gV)O{>v
zTB=sb=U@-uCE8$n&FnFl?{6%qVY>qOG^<@uim?cIXzq^di<Mi}2%>eGc%gHf6$3#-
zMq2a@jcFfBfgCx7P4%ZiGI7u&C=?Swbf0(lqv#L4#&;TU{{dP+2P?tY!o6BB8!|k3
z>6W-g)tFoc@_klT(SlhLCa7q^s9Z)`iM<jD?2`);6MHP-x7jLWg)_k;?>;`_?P0z*
zEQ#gcd(63_+Z98Qv+5O=l!JT!NHCcIV|R1%^jk>v5A>^^q23!9Y|d!O8=U98gv9Bd
zzY8F)5;!Q80#4Y&AW;E8kY?-J0>uPiIy}@=c{-u!4Ez{a7S)Q|3Nwq`XCvH!Ytl8?
z2{pSGSBIKIuOyQ-z;3V*?kH*}HXungXCY2BakRAlhnoe&GDAgpC&5bOQsG{VDRuFl
zQxW;>H1g~y;UYxyXdrBlnJFkJ@WD~6^;(6N$zlNK8wB(KIdiPm!Z|wc%&h(fusj>v
zwwVK;WTi0PhB$9)bD8(vAY|~9LgHbT-pFA<v^mtcBavH#Qy@J>dr@t#WB0V^4mz|i
z;WbX7U5^F<dISZy@PN71U>;MF-(l$PPCbjf4^l(GLzMd$oBo$>?LFfFk|5G+E`dFE
z3!!-|(8-Yxm)`NY3>?&+k!D;^XFHH&M?x4WVX^G5%84YLCjzlhh5T;y!?hEDajB<O
zO=Vk@0<(iP_s`ee86N|9d#XUjJhnQulNrO)It3A#r$?>^xq+ViWM6UYR_?CK?$WR3
zjA-z$tDTYWYz2I?h<f89cOr#8VrV027}8f;Jj(0z1#AVY$9X4DQs*HnLs1N~ENRIs
z*mS40h3}=>F93SiiGU?zdFPz&LR*oJ+#J{xqyT^*&#N<NdbByMcw;UNAS{Sp`LaPI
zN_zQ$CGqY8G$>SCcGmaCm3Xb#Sc@9f;`{D^iSW&F=eGM60##X&8R~89e@@y3Y(?3E
zHnv(N&z&3X$T|7%OU?Qk?hc#Jw>QktAdjgpa0J42t%zTz?JBEGib}k&b@GEWXh#t<
z$g7_F?G7Ge1MFQ9ke@i1IcSNZI8;I6P+3p^;*p!lQDF6bvF#S|H|#x3Xmm%9pYaE(
zDA-liKz(xu5GH~ds=%be^4)3Flu4~t8pnA=Npbu7`+dXbdHaj3sgjJ1?((Pfn@Tkf
zPgXP5DRoYC3TfQPJ1oB&k^$*}yWiTRwE9B;!-E_zZTl5tBFpU{A+@;|$z(rGfGXm~
zN?aH)O*Qq80=~9uZS`gCsti55=oWE1-{U9JkQ#e2DD}NVS5`v*O!m?`N44G;6v80&
z`*%$faPHVE6O9KHkptB2kc}hbkbD-{Ks%GV$Xuo+0H7W)vwf4HOKNREbT3skf_=s+
z8xmwAr?{3*GF7*vN6hKj6xXtGW#C$zgY7xqYa!;GH_3;Cem0hjpK36rM>g!08ne7z
z?vP#zlRA3>NK#<itgYmwLeng;$qXv(GE28XOia^Z{zYVU<m&RXaH5o<&f7Om(54jj
zBo20X<2HH@G-YjMYQv?R)^X5cBFR7+ng$wD>qM7WZ=rXzgw>WEe`A>u%Gg!YJuHkg
z+I&E$18t7@+)a2&6mV|D5)5v#E8iDS-5=}&^Lj?i+~Q!SPPXgJ8G!`Xhf}F0q!__I
zQ9Rrt$b<-bS&}cy6=C6J3ib&YVElf5+#nz{q`Az?PIkQWOk6%h4<5IoRFRV29`y?W
z;!5?os9M3ZK!{@x1huW`fPL7>K;lAL)_Xk*JbJM?IeaxZ(!xuijgy#yYYe=0!95jf
zv*|#2XEwAUpA}Bk0pGpNg3@y#@f-;*L|(i}m*@N_D2I?Mql<b04`y@Qi4n6vpK>5Q
z)pC|z(dJ03;H&ojz+DsN)l|jFx7i%aKN&jrKvamClYQUm*9+tlXf#<k+3McP!ixQc
zG5(GCQWob<;3>$jjnI?j9RBI3<3>nfHxCSCuK@=N8|*d(c7f&{)@AYW<6C(AMiRVd
zOGP_;{(~4_`&Dn$M|Wf5B}DSDY&O_qQSPv_SS`Lc<IrB-!XvQ#c_-tg6>uwNcAV{X
zb04gEDD-TOyF#oP)ya7yAzq>VV4|J97E}>)QA~mS%fdB!mKCuA{MqyrX@vj-K#dJ^
z2d;o^h6N40af6%SIKUBnyi3PpDCQg3M-h1mfXSob`<|N+G|wramy#rrCo_9l)b7Bz
zMMoXSnu1z-g|4w>po7%YKCqAT8KCSp9sy?{K2JuWen`l(bc8Su1kAV0nI*r7Zw8M{
zB`dw1hc`YyZ%o;vZJqHM;IpH^#cmL0<;6ktK|6Wa9VA(iIe&6Q%FCp+=g%PknSEDW
zIim@XNVTlJuV}B28pF5oeK>#O&dGa_JPNk_JFfQS5H+Nd4+PykGG?Cl?PWw}qpMx;
znm~4x<VgsYZmhgI<n-n1H*H5&!BZ@`{4d`tN)Qsm?x^Xm*9GH+ylxq&1c@jWg1DF&
zC16G>eYpCw3N_TK+m<&tT5P7Cl<|26n+Iu$fvMMnhETU`?3UvGWYYbyQSIAz*!x4%
z^jX}PG?JNFd7T?#1<ZA?a1uvZn81f%Uo$WFEWkYjyREnE(Ob_RSm8=IeirnPlxlRh
zn{9~ci~2k!ZGc+;RLhEbMgMBQm-kOookQ<QW}|;}jJu)gPeU0uXb;cFiM6r0nXKZ*
zg}?_8zYGbFqruBxpJGSsf&?|6iF>fTOmkutd1T%u;O~fFOUyBoSqdl9A0SC~E5|RQ
z&_KQEUR0@Ij%#^G?PBfPt3!0GRQdt6oYm{>qlQ`PN`Wnt0n_FAsJ7#wJiAb+(H&;J
z|BPzoC$T;=>OnT#Y7~HON=$?s*8hlm2=L17himdVD<Aiq+cA`8q*&HxG9kQ@cCt=D
zDle?>HL>5}eHr~zc|ZDM;H++)DwLB}Q*REq_LP->nvmfx|APkRzbe#Bw!p}Zw?X;P
zZA06GcH)i-IcW{)drl3mCM`Y@&3a#4S~Egu(muC;K!X#$iqY#ng5c62wame=!`Lv0
zT>DgnEOn2Cn=U3Bd%Kgn)*{h`^aQiH+RuGJhliRcsL}yhyEK$83l=e8%k{c+-2(Q_
zw75OoF_-Ld-9U<2LlUD;@T^5Kk4g<Fn#*rWJuh5$R)UE7(SToHwKsnpM>kd5z`y~)
z;}6<EjhE^hK}gBZ460?iLx3|UJFIO8D`oX{J|2wB;2#S0Rrh>tH^zR3fsK(l0Uja1
z%-SthIHL<CWXMQhX?qY*<5*x3YU^O-$3kiQzFg0-xzY!gw!`cPmmrNrPls?0lrs*Q
zeA6lgV$q|;;bKtz0E#LI7kN6nu@DkzlM&u$M+g~!{2zxlm_uz9wB=vHen`^yx<p)*
zKtp$ol(|R)RvG)uFF*QFZXfYygC%ll<;AWZH3)S;)(Hrk7X@}Qf$$0T=j($G01LLk
zS5^_&qmsa31sqW^kfo#Pl{{_1%@PInfM%H;nvGeF6=1w=$h;p7Z5{!;ULfbp4MXzR
z0z0T&ShT$+!4GxNf7ln$po?u!n#I6CY4O?ef$*JBe0#+m($v5Hw(|b>9G3r{IrHD6
zdH#D0(SMIz`tQk9|Cb~0zo&5h_pq}69?bUNL+Jkh{j5F?FEvHT*(A;r^bz1Og+@0n
Kmt4H_^#1@jI6)f#

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/dependency-injection.png b/assets/images/social/languages/php/dependency-injection.png
new file mode 100644
index 0000000000000000000000000000000000000000..62df197f5e4c53df60562abe053157ee89b895bc
GIT binary patch
literal 28689
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
E1-{4NBme*a

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/php.png b/assets/images/social/languages/php/php.png
new file mode 100644
index 0000000000000000000000000000000000000000..29d808e2f8e7147357fe84377ea02355667e3331
GIT binary patch
literal 13825
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/plates-templating.png b/assets/images/social/languages/php/plates-templating.png
new file mode 100644
index 0000000000000000000000000000000000000000..fdbae06e35e4f1f761a63586fe5dc75d8c3a671d
GIT binary patch
literal 19128
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
aBk6ux;D`h2ofm`(jSbDNmi_7a;Qs)t0blh1

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/psr-7.png b/assets/images/social/languages/php/psr-7.png
new file mode 100644
index 0000000000000000000000000000000000000000..97526d5c50b22d01f116d627ae96f10b4f1249a8
GIT binary patch
literal 18442
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/simple-mvc/rest-api.png b/assets/images/social/languages/php/simple-mvc/rest-api.png
new file mode 100644
index 0000000000000000000000000000000000000000..a939afc9471d39a238a08aaf55aedd638540cc93
GIT binary patch
literal 19260
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
VIS<+00ce@y#x;|x=*!NJ{vR?}1K<Dv

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/simple-mvc/simple-mvc.png b/assets/images/social/languages/php/simple-mvc/simple-mvc.png
new file mode 100644
index 0000000000000000000000000000000000000000..5040d88e1a97b366b92bc64766bb99c4cc5a2963
GIT binary patch
literal 24680
zcmeEu=UY=*7cW*u5gDYZG!>*5QE5`5BZ!EAh%|v9gd!!xfb<d_M`;3zQlv#eMQH(~
z6Nn-Z=^)ZeB%!wuN+=1*-3Q<2{tfrT{otblNzU14ueE+{6LrhPfcx;t!yFtO+=kcn
zZgX(#FXG_X>;Kn5@D<a`A$A-b_mmCwuG|SsUmOicv3IFj9(Oav%|2e+yXT)n?*jgQ
zEp=GV_;R#;ynz0G7{jdik!TI^-`htI%jsW^zW(ausY8EXl6}8%6UAUiNGCW;HII4H
z+wxB=F{<%}zV-RFR<2SPzF=1CI@6lrI%kE!hjP5QtsfS)5BgV;>Rv(U@6S^A_JF@$
zc>MqW{=dH(Xa79BuU{?tfAJEkLXgbyF+bX`f0OQeH8=gv%^E;OtZaT2<|NK?_UcLX
z^amIYxs+I$Hq+OQp=Z6XGk;5w_RT>tmJ^E_A`hpBUN&Yfgh?Q3t~AyLx~-{O?(T&H
z>TZrk>B|LAi|@G%TauQxBj%mDbIUgwjR>dfiG~Ib+ufiYeCt-h;@~EZZByPJSoV#8
zMMW#y*JMRdqggk<?gigJJQrsZi{9vo4YFTNtLbkvGO`VsiJPJBR{-C9`?fHoQi<w0
zm!?G)zaSj^+xz%mf4*_=q-_bh^TJj^-O%sP2NVy~2_HPXhYP$!CS`Ed_897bmv_71
zruT7~|NZz<`sm+_qRoXF=d#`xsegZT`p-SA#@jScS-YI)jaa;G^Sj3J?cbpGI3E2Q
z=;vbF7Fea(T}FA9*r5BWl`GWX2><Tpzx6kdc0a%8$%I95ZRhFe<9B4uyHv3!z{@UQ
z8QFF&S$x9FOEksF{mwYo^_MmD<qFkuXG*4KY*b-^TxY|$c{{<W_4x+rUkah>oOfE)
zq>r5)zsjc)8UK;Gi${k(pBXF07>ktIx;US&4SW^$HgBW#mx_zZsum@?G;kiXB_vqU
zWP(i{p6#4wJKugTJY~)cRtlD;O3;Mg{h2y5<W6ZttoVO8P$zNln0(PO4{D^f1&KGl
z?w3e1sa$GoZQTkn<Ti~|4d%Y%D_GtT?`_}HUjfSdvUs(xKjNYDEBlbO(iWMMzq$UI
z5!;jZDD!UDF(Ss-F_an5nx!+?RvkW1z}cQK>MPw?M|zprn;STHgud%x4-N5!`yJrm
z_zf!=jKoOVb-irX6S>gNlrJ~=I=2V<?2fJGgoeo~*xlg)UTm#LkOK+YB4NLKEs!dd
z$tk`5IAP0UjGJ=G%c3e>$F*Natj2wc#id_TICExbsGq&B7Ga5CF3?qrv%GtH4Xj{A
zO8%m@CmpndtQ|%?u$AOYKiYUUC-Iw>#oBrSc;~JdvA{yvJ~gS~=!Y{(0%o@EVcfRU
z7bJPE=Efj?{`i@4vE<^%=W?;?3wKXAXoXp8Gj<NyXC^I^`f<^kT(;Z4O&A?SOwEE{
z*~$^HEh25PH+6ZoH)nef;Q0>9?aAYK*3VDm7K)2IB%x;C)z_C9tIT$H5g)Z61ujfZ
zZLZsUGPc#gb<CWNRUE9Ge$%AaZ<**uUjFP)D?*n4E%@U_Zr0}Z?03otR%vje6Nh=P
zn^b^|fB7W3247e!K}N;*HJ0)8HC|P|NUXO&c8|S`<t=M09<D6WKx5|uJ6}F=x^6Mu
zxB1RNIo4sU%3a~o<fGKh)tqa7TXv+)*4)kdGI_PFFZ*)tG(2$-PVRK@OVec&<jJK^
zJe=<PZ7}W|*{ZSD?%CV1uZL;VZ<{OJ9Ti&?9XxJnE>aUOA48$%N3V|E63&izxbr!*
zOGu~zTnLgzGwKYd!Ppy$Lh(_QoB%PAfsFX>Ca54Mcjn1W#5oGhDizV3x{gWyX3<#O
z^XaFCPeqFcHF9Xc&&wu`DhigePTe!y7mqJh?Jf&3k%>2yFoG&fZ?EN^jPP5=%zm~)
z%=T12eW$$4jWR`?r;MVG|C(KN!;gqe?|2!uWs-u@#uHQ*i=B-T%+=3Ln@tXujiw~^
z^CqxQu3x6}7Ws?*R6K8^ed+7rY7JheRpQO8k6AKvsc?ptvO~X^1KwZXj+OaxG<c*2
z>-~I#<>a31@K-Wee(1l@9~`{meBHyAqRN@~?+(EH%WA~4xtD@-RXP~63D!j=1w9yB
zn|?8#+Aio1KdB0Bfv5hsLi@gY?V3f^1?N2+kJf6yh9#SwH=vqXEcc_2+yu}3R*<_C
zsPfh3LmRN+paWf_rs_?O4mMpb#|KBEtLcH$JVHbib?l<0XqBytSH)mUVK29+eWAwP
z{sCTgc-<-%Yx(GrAKkI6_`83a;3}3>ER~s_wy-}sGSXA*Q%p92=3yd0_^c|-rltze
z3R{JQ9<nS?>t5rXr}WZDb^|W>Av-l;+B~K(Rvi=KSXz2Q3KZdcTQy-cBj0%ycm7Qz
z;-g=tG`Br((c%2OMTbu1v5WQi>Jmj0)>zhkuUQe9=<~cE8ttd2dDxvL#?R`7g!I#W
z?oD&7$17Rh9bLbJC@n*6hej;j=A}dgV0hu+hQl9>MH;j6!Iq{FY{drmb5Au_&0Fb|
z1)v`__Km^%wQmVI5W;)jAaca4`NVbnAB6sn&9M5augC0Hc|yr17P3kI#f}L*-9BDc
z>O#?hIUFlUtEJ|E(p@EKODcsAcLh?GG6?rbt2Ys$)Tv&3T}}>;<?XIs&#clQKMT;y
zH3!L0Y2S^UsD>FrkNN*e=+Anerug3hwXE{h{JgWCL+V>>SU`KUwFP0;D$7x|k+!-K
z`}`HXAg(0gW*fZg7?$;Yr4o^yF#0no7RL;7v0IJmceUHyte_#KY4^cg)f%i!M9Z78
zeq~|HrAlP0+tN$sqQpg;vgXwhtsE8B2FVZIbb3ptQ#zc0@0rUsyBbZArk*%~8VuQC
zOg9I$qgm8sB0)`<e{-FXA00q&?7|$J!%P)iJ#!|j@UujCZ{ve4@eK7dH>xAez*3B=
z)Tm4;k{(X>zO1omLSlvaT+ZTjs1>YoIo*KvkE_k$!Hm?(P2|;@P;t=S_w{6a5vFwV
z^ftcoP0OyUl6Yn*L}Y0t5l=+?YN~q`B1L~l-04(n9BOj@u-KI$pIu(^VBRA$eORPl
z*II~&Fd!m7Ka>qh=%cAjjQP?0DD?%84^|kr1D1~ylOM*NHZH(5rht{C%yG_Ls%>Y7
zJ25mC-=@kax9dsqsUSmbMgqrYQt*R)_<6CycvWs(7+S-rzvZ~9bI*Nx7ngAcxfPiv
z>Ym!n@5=by6u!3fGQ(2JK5%lycnX1RrQj|GT&m5gyub5k{S{B(;?9@;hLy^7UxZV#
zN?Ku{C$h7tlR9v5W-{-Ecy@Bq!?C?vePOxkQC7UX)7W$GdqzsO<cFNLs*Neq931D)
zDc&6w%n8S!MRsDXDANJ?Q5YDB|H5=x10mD>d8_wb(TMP%E1_gC@ZM?K8^u)LRd|_K
zc(nUQR`FS3AtpLVg!$nBy4k_1QS{46r>53<2V2%=xhncsKRosV24C4jKDI5iC+}<d
z`iF^+C)P8{S41^FoQccq+Y<NIcb765^-8>B8=|&^St_%!)PFOxrY4%UcqQE3-4kCr
zsPOrFj%8EIyQlV#DpqHHZm!ur^ICD^vMg^@XI0Bh6E}ym*E3iP6Z<@za8VhUo?B+A
zQ86YWKW97HLyd@uY_I_1Wf|<KovEcV+MMfZk=%_7D%2H26}EI53w7VGKgS9nuYJUk
zNhG?yLa@<~CxE5DeXzY?aFd4gB-<w|k2$~8bMUy|;eYqhi@dp&ER9eP{R-;4DplcW
z)<eVH0*iYTWlhLfPUV~<E0Q{pYAUnNT#k=b187g*XRVd>ssXqWgj$B?+bH1@3KbI>
z=wdT1pzRAsM)A>u6+fnfHg6X`{4p=iJEUYBCQU}xZF_uI)frz!iJ!z&2G}dutq%!3
zrH<k+jfG6S{V{njida3M6?Ri-{QeVls>SGR=ahn1R8x}Iouso`Em`2E5gYl@;9`wU
zK86NgF<J;@jRek*_0m4-$RXIG@?fo84)8<+n6uq(KPD(`UwzKCW0*c}#ygL3WG@O^
zHYS^%C|^`xa{Mx-KK*dn(u$sbOOVeX$(zAlF&=_(5XFSwZyiS=;%i4lP&Hm=%*6}Y
zh>>$R!nUw@@!ok4Lo)q|gRTArRM0eLq@vyHhv(pA%eFC=(q-R=`#7X=5~=+oY?Zj=
z(QEncm!)9i2kJ>NYISHchL!(8QFxjiZo^#0zZ}Mge~a!=4PE6ss;=g79i4Oeb^A31
zyIw&pZ|p*h<7wEn@19WG5IsR<4JH_~LVP{d07zbf5gbq4vEe5g<DvsZ?+QyV*)ATp
z;ot}q{h<y=E`PVRBr@Vp@*@};^&={IDm24o1Jk@Y`g~?%-tej})1#@i9sTn|4EY(C
zem<*7uzqjIRBwkvp#RDByVu<Z>JyqmOObs)st@0WwqXy~-K+u~VRooT&)E#rK!MMz
zPnP%H#BK{mESAjP?jpdt|5n$jTPz5Rwa>pd+;<~4ccq|HwAJbz?Ao-bnXtN@#y0H9
zWKBtVu>^!Z@H;gzPMw_{^F9K{L2W*ej0HuTH>Xvt9ag9AqAqOzD*mPvImLZcJU4uL
z;hCQA6LE}7SVJnQaqr=uMqlOLZcoJp&OH5Sf(c*lz%{0~bNUIjXz?uJv*ya*aMP&M
zTG+q3&4)SFe>k5}!gT&HQQc|9+^uT&lsD2Meo|aSj16IMGi0<+FQ0fe-^S;-X#z~8
zaPtQpT@SagjrB2AydNb|SAB}L6FS{_7GQ1mya|5jcT`m~4ondFVKU7sVTT;XTuxA$
z7MY$0U&qkcoAUD&e9_iB5$iq&9=7lE%dlke3l+o*346gRS8JH^IY;N|tjQ+<xsmAa
zH`GpC514<&U0mYb6KG+_k8atcBV2Um%tup&cph;b4baCuzf}2X-t`+<PB3x!4-W4;
z$!p)g^}%ykE5j$HS+8QsaQzqYQ@$kMv<O@n`lE;(44i133jAHwR5@O}T}d4@Mpz(>
z)O6{?F0_HOl$!N)Pzlxel6+N@>W5}+siaztGTQOPx(Dnp8A3)Ab4B)YU;r@WIp<QV
zD?(haHf#^OT_bLeuUsFpd2DeCJRY)<eg3&iTaQwYYtED{1~V4Bs?M{ig!%F+RN$&P
zO)a@uFTHM1E<XfxRDyQN?715CC3so$&f0q%!8h;-u9;dz&luU-@$Fww#Cml1mJEJI
zv>fAk5HB-A{3Nl9P(~*(!X`Ef^34tJYVI^Vl|C99LO8GFT@`rqH9so2^8(yE&c#!7
z6=)~>^xu&!^wwsqQ|u-#NCf&47po?pRIjLbT;CvZmh;iY0kTxE9Tr1v(d&($eKN>*
zSX@hNw_L;{*d6<-u|Z{L>uAY}C|nvLOOeiC{#(hIEf6;i9&+_9O1=99kY{7UId8G5
z;GbP{0I_SW+Lo=A?_9#lZB9qbRomSi2B?5KQk2_+CDg_ce|Wuf>s1dZybXr5fXf*r
zCI#?q<z&`0Mx5FE^FEcF%numi-1)JBPkexH-a94ZjE}Y^M1RIzyy!;BbSr0VKQzj1
zjR8bKU^x7{h)A`squ6v*)fr37se6--NQ8lc^`IbBiGVGGpFc^7=`Vc#S*UH^2i`3-
zrlR04Yz1(L@kyJLZX&mbXOV=poJ90kXHo;0q6T2@Tq@!1RQ8TF0^{VP!$oCi#!K6m
z%edn4lR9;rCZ8h>Z8e{jzSrQBrjj(5*532fxj$IYk=>|m4>6UCm+&85<3f9esKv3T
z>MNJVtM7Z+u<L@HynWM`7oTR-Z6*u4k-r=8EUi^qxagbR9jS7%U+K3fzVBz7pYO>w
zRgjw?&TQ7I?X=hbEL%j=dRw&$rh>iAJln<=sJHF-O&S3~*z>lF=23xmp*^!_DBWvM
z?-#)-%!dYtD1oAgiLwnEO^v@A@cH@dfs_vdw7U(d6?P3b@@~@SWJh5>NRCUaG_IO5
z$rV6!$f>5!=T@w{K%+z8Vx}7tRPAwvgAa_YZ2P31%R~ub&K39gf8o{*>5Z;jYwE~L
zIMb)xg9pIEr<$!eJGZmatj-f9p04E-)33d3XD+fmdBB!QUB#Ste|77EFWhK>y|vZ-
zvu{1e6>avgDq8joxi#lV3@&|WJr@_ItB%RLdQiQt{FZpO&8n>vsk1%4uf1Go>0<81
zxS`tf2Q35}<y(iyfZ}LzXTtzos-(ZlE)OI?W2zP^PW(f&90zM@&=qL?T-S)U8?&R0
zhlCm14wg+qxKa9Pd;6`Qvfs&hwt?+Q4F#rZ4N=KTLsJ78c8jXT+AR8;0_+)6QqkT#
z&d`aJZ|GiPIrThTKcAEn(%Oh9*NDlL81_3ZtK8lYPtx&;p~*STOCQNZU#B9)M+Q!7
zSv6=z1i-sX&jOAXLt^*SZMC@{7}4f3IQtut%g^86!Aq2f^9U1Kxz<%u)#?<&SH@mu
zj4f?77SLL?`kP$T3*um~JN>foSaJ9<m^P}_>~9W^>xATFK{YrKT}V11df28sFEujV
zrn#KQ^*k@}rhFSSk2?+v7l3I5GzdCiKtE*<+aS(bZvSO{pp;QrvdPd#kfo`k!Ooy$
zEWDf4i720c#`_jj>J*lCRw^~zNd<(RaIM$Gqr-miI2+4^sEWmY^*!=u$Xaf(k*U!m
zu+a{U_fkun%z>1VMv{x~<cBw#)ShRJiQ@CYjl&1UHT{<@3D)H(%lC)ZRkndn))*@k
z*Rkc?0O1P^d!zEWjvkGZ;}L6a@<Rdor_0lLD{ScMi+{D@&~QZhxwZD)JPtn=VyrMs
z7oM8UCLWCw&r~nD$2)JxE1!t}$K+F`jMFU_vzsR@PI4N5j;x?M@EI&xRy8_~+n-R+
zm-McD@DS3T3h@~G5x{5gMU|?37yb2Y45ga5<)a`n4}`mhD2Bh7LfzRM(K~#kF|W$4
z;t<QmuDQDT#O!DML_kCYv0Idtbetxj-YKi2hiEyR^W<%VIZAPIs#EtI{k~^sQ`a0B
zFmiVh^;$UyW2KXCxud06;oUQv>#+VNajLBlK*V}L-}!Zizp*3x27=U_!O0;whgbv9
znzBW;YE0a~#R!Y%#Y<1A5kW0?gEn|2QNNf%|9~D)N(5|26}@co^n~7D92{%0nUPi`
zEjPV%5|Ji%hFs?+jIgH&mN$BRcQlt@y*uzCK3=pUTyRAiL-0zI{xR)zwW0c(fBmm>
z`ygHKu=DrwZ|$c4naUYMuO5Zj9wQLk?6W*^U{D9eCL5AhhWq#xob>f>vI%dj`SkO3
z-MCJJ7xI5K()k-#hs_G??MjagnZ9_oy1W`Ma}+zYT4Sv1Z^z>$jeqFaR+drJc?gp0
zx{Q?-k+H9WPr=vM+wx*{G;x}6n?4|`&GNN6kt30v8cP5DW03!5^{!q%|E^s4Rv69$
zT~nM5cT~lc=!F6~+?(#vvrgRFyMm$QFTUY}m<Qh5WQ$#n4MZTY(+yCQdYhRm#gv1@
z_%TH%?myz9WYKB3j{Wbz^(aaN{{-!@J1e?85H!{-Pw6AdQMFP@0-JF@tKA4L@nREZ
zM}32>tf9$Q0OlWQ*H*qSqUFjoLKniCK8dhL7-V_!VDFw#6$ncfKP+18+K!5PrDQMZ
zw0?e9C|y}5C-iB|mh2_wtzP@62G`dE>g83kXMEZi17Ia-r*+Kk<xhMvu!Lu*pVti^
z`3?5C=_k}u<eyapRPgBVhpevwub)Tu5_T8w#S?DY+#4$g80aKBBRN%vB-+=aTvX6{
z?vJT5Rhg02((q~-I9$$Y{o?LLl#f4c1oZ=3;DoN5{)W5zrLq5_N>A<?^S9P_WS+)Z
zf0?dmFieiJ)-m3_&w@Zl+V&f(r*T%|^WZgUv6TpaM3(1;H<8&JGmI@Od*0%0@jq{U
zZ)v5xABm5SOsU9H6vKP~VlJP->n8ZCmcyY2Pr)K`65~ncn~|y*eOpJd7sk6{ZP(MO
zJ}*2w*@){T4p2}QAMVVVB}}=>T<WD`_8|j6L$uFaT3CLGI4oYQyWIK#?Dz+rXKi0E
zbxJ}ypF}^iMrkRf_tp#I(BC-SU@taAKr3|LFsT^k+Cy*g5xaL1eaH*K<RQ-a!>jk0
z5s!di%3%*lg@;!(c2wa2H#CHGs)0=kEpOUgo8MY<nqVCWcweNWSS0(;j^i?ITV(Zp
zYbm+O+|=1o1`khLv*PTOl9Af$P{4Ck90Ls>Q$M*OBdrr%Mse1rZN_Tq&lMrC!SR-B
zy}j8LhFo|bmPe5wt`PzSc+tfCXEWC|T4qz+EndoYd3+pOdx<zmG-Ox?FwhAd+=$j)
z8GYs-WBm<>^Q2|#Fy<P)-b;VMc+jh1@z68|pd3JMVN(vsrJM>}l(1MHl}>pd78r(^
z(1DyS`vFg<pbGJ9z@Ej~izS=Qux%?av$GUwf-O-JMu_c(lD#CePDV4VuK@_I3MXx=
zG5`LC?<`ZX{=2*I;rJ8O$vZEIvp=putQ-{kwrN8($^=11J^<Q%H`Vgg&V;xpnU7$b
z6xcd3HO6jYRUt37Z}+?LgU??}=;6tYqR<uEEGy%@8l*8K%$dFdQ>kIy<Gg6*8mla<
zsEal?<8Fa&`lk9c=p5_n?ru|ho#;%q5+6~bA9qMuyeE97FWy|N7;+=(+|rKO+nSs4
z1DR|05har>2Lj9H2TC^AIV)mTeuis&)1BO1wSj+u?nHjp`CRFK!zI`x?|hWiU8kj$
zKE3`WozL1*N0eokMc1FVqHOuF%rHkvFE{ptD4)SvJOP7|fLw~NmN&-=OMmmuzalsY
z!m9oJu885fmQqIl9{kU2dPYZ1qK8LNeEkkS^?YvWIiBm%yX)okePZzjrHRXcSh`m~
zA52)Ld=ildWn=$>DF6D;z@2h{o|<e|TT$j3MJ&=v9WDd^Us?K`b9Z(hx%E48{WI*n
zyc6KdCrvw$h7T7TUVbQ^{;wX73T}x97d*Xj89#&$q2=cMss8NDXlvMY!-i_=;Kxs%
zbJrg(j+@J8RcqJ2dAEz^$QGy@R5!>`e1FSSFW)pr(rNVnS|+Ac`Zw{>>gwOLxo4e`
zR<(wI8XJUS)x-U7ev|0iU;`EwpA1c;5%nCE?y|B(ee_I6;(@yC`pxcwJPNo;+o0Y*
zef-7O2Hvx1iW`yNYsnlm-f!XzB_|yfP$dQTjUFz-`C1Wxv4LH;fsC{=G_@ERc@|jq
z-5*@yZke2V7bS56&|%PN>jGBiK<Cp1b^StPP2@ts`SWk;$4moumXqq6@<to;bk9Q1
z>9YFTorZ01<!jJ#13>d<eKV5^x2#}z7r)Rso~N-^>XBAqH+FB#d+6_CfMt~j5aAz%
zB>F}s3uqG~NqYSz;C_3g`Io4p_T=8LlDqG`=cb6+G4)W_hhPx^s8SlBAe(D_Q?r1G
z*IgE2S`eAL@^C?%d4;Dze)wR|mEHH>`=)Cj?|i*{h_2J9+J!;-x5!A!#~cLXH;=cC
zC|2nneh9(b4pg<l-#D<_FAsmpIn(z+y-*Ikc|K4Zm(qGtW`>4ZvNXJsTfj20>ew6g
z#5`eL3HXPo-L7?@{It`e#n;I7!92^gA2;%)r^*}f0?4Ss(U99g&xI{-|JG{h1ba?Y
zh-rpDIrFE5?BToix`A|9q*$riBZ#@!z5TBaykWbC^HmcT@zLViM;@ZX=*8^1-?WzU
zZx4^{Hmr!7$HCp(Syx8(zKpHhoD+!REDTr=3~0Nd#?F=DL$8U2sk3w6X$lM3*Pa>T
zS}lxpXA9w^V)=1DukS8}*v0TbM~S}lr;5O6Y<9IodM}mq1^Rd!fw3B^5UV52@9k$(
z$6CLM(5^i-Sc~!=+AOKOg1@1<yD-56&mzk<-q-KPGO$Rw9~7YF%F;XvCHxDX=dRQZ
z!vaZPo<;?dE!d}apOx})Sm@5p{D1WFffma3z<{@+{bqUCxijQS9fmjKo?ZjFcN8NY
zX|?mG_1C_?#hV9+w(@kps=p+>@ggt+kB)xG8s6v<RTUTw5ns@Jr{K+8I8MvO{^|Wf
z0!~_vr!CQ7FKbTW?i(?gz@vP~5UWOj&L4#v_5H_Y<iU7KibfWSeRSdvJb<ft4{S%4
zbxts^{whi(Yq;KZsi2P2ZDL=xOV!Y!u0LBt1Ct89kZGY(dWoHX8oqA2+ep?Pqrdl|
zq}$Y;!nXfAt>SurgKT7=2C&Zm_P5gI%kzcB-*1p#p~MpURlzd+DF*Suzl-VZDoz=}
z_l!e<gk8OZ_f0NqY70_~D$Ky!yWbRcNa^9Pna_IltZ8^7uVWUuk!r03Uq}4;)OSD?
zAy36LH2`ti3vCN`v60f<Nji;gG$@Z>`3Z`n#?8e1mwJF?H9gW^K06m5zrn-8M*qBN
zw^eLLqfri`)^~hb_NdY}Vhm!ecC4jB)?fdp1qWsN=%4NW3$f_YtA4Zzd=ltVkwEQ7
ze~p_&Z(mVW33D2^)X7+<oJFtin+FrWUHV$17Eht<KrMd@LRp=t%99^s0QZWsSYI@=
zhx7MHClNn$_BEu@XBdj{594?1LKY}?@keer0K+CE)F0kvo5?=(-xIkQ^5<5mwXH+{
z4gVbDHS_8md_?|!2(&`kU*<VX9o7xsHiwrO09OXwe1e`YPH}9Foq}^~>%Ip+vV6&h
zk>B(~Y9z+5tu$AR%kzJ^47|xhX9+M0Ud#+--E8RYX-mjL?ZTMlOSG1fz7&96yUSix
z$j7=<xYVzUt?atqU*{X3-tkUzko67P#4YC;oU_8a%Z@hz7%&WAKrGzitJY)Y|K6*p
zuvh|sAldFR=q_Gl$O8cNLTk4;;GC}bpCW+woUQi9HczVf-v_|sFCXdM!8QMN@yp3G
zX<keVks3D(=jVhhp4~Zd?yDbk*}b5@kh3Dy7tO!~{rAs@o%>n~OhJHEO&%_S35FQj
zT-i(FoiNy~<2_4bnz7wo>0a#Lyyo)RC2g!L+ey1izHbCjU&%W9=Bx#<X0KoS^W$DX
zDS<e9mM5o`KqH{D{F`y7{-D|;_aN~Ih<C^AYdR-Zj%($={~EA=Yq#~^<EWtyg4Gtr
z2oO!aguQsUTX*+3(kiqE=kj*1`1HM(M|W53$UT>{%_e`3IM)0eK!n;nrXEb-g__nq
z4x^Lr;s(mj%e5vnD$D#qy9bN@NYqRR7S`voG0zCM<ev%8QU2Zk18q#gbG3Tv$EX}-
z#ywHzp}`B-?h+rYWb1|nir~%lO;B3i)`n0PBfE5fe&y#Mkg~`7x`i2Y{X#Zn0_nx2
z{oscFNN9IT%B7}d|DR`H)dt@v$DyF4#Y_+YYml3aTe`~!r2#xoUdk#_;DelA-=nzL
z4KYm_54n85(_#A+E&-gyZzFr-@yNw&T}Xp~_v4X-xy|_l*&v+(y&3Ap_V&S<kbn;F
z=j^TNp-OgD6BL>#4bVG+lZ~sDP6l;hNvw%K&OiAf8k+cB>ihHii-A<DLCrCuR7cET
z+NlumTZEuzCBpKmoqx|<C95YJF%%f`7An&*>3ag!AqEW#TkW)g)^-&jwLnZ5bi7y>
zPc0|#XfKvO)H6`a0;*^4<eTGn?L{aN$qfxJ&lUrfU?9LpA6l|Ii5m;iIrO;53QPbR
zDBq50C`LWGFYvpSP{VfzadGo&iS(JUJ?G9r;^0Py`*R}L7CAzt4Xv$1PP3_W>z)BI
z;NAbw(*rK1hg`H%pfUQnsHMoOYe`Msh*l@C=Rxn#Vb}f*1c9qx<sN|>gap^kR*7{q
zqwSgXXjgH&=iQ+ah#Fh0i_(7n?2B}RGf*EI-$1SkFiwr}tG`o^!_DoMLs(c$VY@6G
zS(IBRp}RK!0X;3$B*=t6%2Wken}y(ScyCyTLEH%uSP=Ec-Vrk&$go<Asb&WRk<6Zu
z`^85JTiNudo>mR&tP;6y3Tx`>aAQcE$gd3B*5P%Y{zh4nL;B2+IZu8RECZH%Z=>Xa
zg)Ng-=eH{k6ep)i)FjHL4Mu{T&^3fn2(%==g4gsevZe`;q*wG=fEKsoNq+vs(`n*u
zJw|yykis97URKv8RI2K(q`9cfeaAJ}z~IL)!9_|rfn|yy`cpX%-1!+)QsY28{up(q
z@n;|q`t~ess={i+jK}&%fL+{XGjO|$!Lc0=)43yrTnr0YBKGp+&(o$g=3fjo^p9y|
z*F6eInD?DxwMMpQ1pVlX@9yXYg9JSlFGTz=zV?`qec2hYF!y<yoDdW?nl_K6MUfO^
z(BffdJ6O#LDLSN$Qyh=_<@d-x*3TOz*AlExn!|JesAQyq{vTdClmJK{lfG0|JnS~r
z6oIK#u>4gPz)%rR{Q@u<h^6RmhMHGk#b>ZkI%C*P6<9(c*8!&N-O&**0%B`Y;1mh?
zzt?;{srq$*U$n<d$GAehQZd9TV17#o=N<2hsg|Ty2g2=EFWZ-HbX9y$D)+JrB2^Ep
zW(Cp4928<3^J@O=BK@x|J)lH|!6hn(hinYZ%rrjzYf+S!Q0Z&D;QtK|?7vY4H+$~c
z1Z)$RKVN0d`Q8Dw|Gi?+@2Za}75D<H%=!GQuL|mO0a35P&es0e0Oo437qSF5n<HY~
zQ^4nn!=vnP*531ma$%!zWFn-%RRrK-N0rn2bFeXhF6r)(HvrpSW0e>~c|y2*(o>kB
zL{_i|`Z;?kYZrp;8v^Rl56RH>^Z33a#{zX2V8eHJji?X*g<EL6hrXs>-Z#2wO+`v9
zbogc@E>j0aQe&ZvMf%RGv&A1dhNoUxgYX3KzYIf{t&FnE;w#Gba&&3!&lkyepNUit
z+v%;GdR$#sm&o3vbLWv4T9YMH4a{wlqI9HRO9zhu<K+57(R1ej1XycM&nc&S*)gbN
zjFZ}cxQLYamf!+vw^&uO<G!&cZ;Kc#!V@?AK)WLkpp>4I#%k5NR|SWlH3oJ-mTpWg
zxMQ(Bp29%s2ZpFn6Tw`AF+0cE*T@L3y4c+p8!x7%LG_G#V=15&uhh<Neza$@g%OOI
z2cEyGp!30dx*az)+QP<G%2Rr|zBf(#Q-Vyiilm}fnTPIyHYF0$Twj?ZRB?R@umWyc
zpOMftbL9@PeH?E$4p|Q`L)jh9Od|*2C`E_#HCA~4U{`Kzh^orO4PV$G)y02OjKkKV
zoX0x%9nr4P9sFB9L{n;A|Dx97Tc$+k!P?^3bF*`Kk&ywSNe=0r?yXH)bu}_#;VKy<
z9`@E91fJn$6pR!U;^3$?{W=uQ-U+a`Lz`|#G=$TJ1ZZ7cTeY8LTJ-GLv)#0gClxyT
zT#{8>XgKBASka1#?Zc7xfvt`epQ}asaJLV7i^E?w(4V|Qeu<fZ+qLv^ACee6I-J<F
zM{BA=X9ciRu>hUK!bGby1_{&O2>9VB6f3*TBRe}Ud_AxFW8CI1f!3NGjVF20z}ZLy
zM6v|TT}hyU>zhes70L?Z3O!=p_@;rZobl-0_O3DB-4r5G>4f;%#wt@c97xZpVvh^3
z{ca+dz}rTX(m#S6j^fbJ7Zsmd=mj8no4_iiI&|~ZT5cp@?;JRyZ8b_z(%t-crFO+m
zUE5N8y*=!L0yF=r2c*>nIaG{4{QB}q@YL@ZaB;x#alSH}f7NsK(hmw`YlBpP;hJ4q
z+PN%AsW_R~Zx-_yj3sG=x3#aF*lIL<ctwS^U?EQiX|VE|eH=$F@9h%=s)#DEIaVk`
z8<}^+upuCpG92DJ{2Yb^jc|+hY;$N`9tf~$d^#l1zi328Ut<mF1)Hk{3ZS6?TIgQg
zi!<G5bAJwyiPK0?CR@$NLOD~nvg#Gjrzj|HbKkucg}Ms>IMwuGLy&=FT6UQtJ7w_2
zh7R(9t5^<?5~xw}oy8Kp&M)80YOI<VaU#2(Ft4pfvszkgpud^X2;KQAbID<z42;S;
zA+-uu3W8uS$lk;ts(o7lGk>A@pZyP4iE#gr622r5^&wsI4b%>9-h{#&>6S`~{BC3<
z!-DvobX+_+T}2y5dX8EcR?k;s@0$?-2&1?5?<CMZi3O%pguS`94g%z5OE)2@)eE~x
zhG1`Et;K3$<y*HFVIh+%4f6j%8J?QDb81W5^#g(Zj%Bvb0S$R`vjIdNX^`_mB&g~F
z8>2glG6TRQx%^GohUPww%bkB0RWJYMGKOHTUO#K<`!G>onmaaYKQCZ}w5kg3SW;LZ
zL$6Z@49<}auWGl~An?%3^J{(6*KXrhSZVnN@(oO4-2FeG&4niZ>H|2M#R@FZ@b7z9
zg{un&lB*pWRdPKD!0i+?xOa~Y=e!Wpp^8gl?7mHn`#DTkKjd=Ryp>e-Q4sSwR#g3<
zf5Dk|1~1{kRboFeBH;m~wIe1Ek*K4V2jL`0eas9h`(S{jwCIlLR(^|O+%YiLXOWcV
zQ!kM--43&jo<_j$M}P2qRS<oN@_U3}5Vqba&sQ*~<CPp;IbPpwW;<9bu5#^{AQ4L4
zWn7ztb<VNe(#YM(3COGaIZkEl&sUOsQwtK8p<AyV57b29GISNXxjxopmLT`e=;%}(
z_5@OLWq=6@Cs&}*+5jjQxVoPO;kLfM^}SX=LgVGTHc_rft<o=`RqW3Zi35EHfP_nO
zH@JM4i6F;ONtS4~Jj-6`s6Ud)$#F{b2%1{oYP3qyt=xFOl7hD%H_<r>a)VUuN-5Sf
zcB`En3_=(e%bl}JyzXV3tPJ!E8ClT_8)4g-YnQz}JEe$<0q74xMIc~xq(CVeL;w-n
z|E&am_ZFZ{)#f6uTa@UgwO`X-xoyrwxL(y>aq@+5h9J&6rYu&p`(^AWnRd{PjGQ7C
zZ#dx$CxKBYPXSE!b12sB%Wm2ggUQkr3w|e?Y5VIW2&)=|`5N#Gxnz}};X^!2YEVM7
zkROS*LN6%>44|%V5#IgMp78Gs<fleewbK^r`=IV(*;`>?-n#7~E#UIzxS6d86bJ^J
zvzU5x9yV4pt#bAL+nPC+AFbCs;%w$<g=)Wck&>$KPKS1>8Y|F&mG{j%)l3|CUwT)l
zlTG^_Wu10Nr>$TFgmKo!4io_ab`5=^@ri$KBvj+`;vLFK@QnvRV67d*n@k_zI8_TC
zZ9bR^GStx~LDqpqbcp4oXc4e*flo0y#kG*;`ilrmzn1x8Qn`a4bN%1$;m{f|5MO8R
zIKkt0AhZ97G&DI#wLyL(nl+9w${$m0zZ8Qfq5vNi<IyGYL(t-NvMU+#^@K<&3Lhsb
zcbtKPz=R}Kp@72Cxg(_@X#=GNfERKyK&SUOsV2w|vV}Aw`kSE2i_$E7FpwJU>+pQ4
zZ^S`IX{T`l$^{6;iVjA?MrxGmd?~qs!B_fi@t|E7=jsaQ&DoMcavQz#-49s6@*u|L
zLIa|6Bj=cgMxt3^jcX?=3S?TP3d4$&lJW<))$*TBd9`_Z#{{(wlOIo~lGOun>{Zcn
z`B;d&@QCWjT;n+r=y0vo=z`hp*HPP3NQ`1A+R#&*>0~aVadt32tDtI*HSz?QWLef0
zSa$!C9k6Q7LkZq!ZO&9eX{l-^yepyq_gcZ53cR9gM=NI7)etRZ0+XrOvH}fUuh<)0
zBYKH<3;SPMOuWbi4eFz^l0u!OkaF3$k#^Y{kV1G2dgsjbW!veWA|}FZ{iTPR;maVr
zWBFTaHmJ1^xt;ZZ&P>u^%5#z1Nq3J2v<>;-cfqF}y0dy<r#^@Va!AP4Z3v?HZ%&MC
zj;P8X<6g!AkpeqfC*=<?o1MQo6??Gi{<<fX0P&Q^4k_YL5=gNruOP_Z(I|9fqZKi2
z+TPAMfJlWTB9l#eeF}Xrh(;Oi^SS^>wnLeLy#9jc&Dazm#*da**C}lwK9~WjHN4Ro
z);f}S$cb34z3O4qF<fO7eE~hP<}7_+Dz{XFFGnne0ermC*AH49PK(c{xF_1`9C(0$
zwnOW&wt?*l+7mv}dkHZT0j)bMb$_DQ@Z25_kju~GQk~pl@6U7|9xs>Na@0AKRi}A2
z#CxSEG+W3B%7xQ+Fsl?GsaNk*g5U~-FF|lMS<hBT`b~lN48+~c@Ebx#T*ppBDdX|P
zR?3>V($dQwV!3no+<Ny4V3SU4<u>IX%Va2z^O~w0x54&thv$9!`4MQOx~v*duhUaR
zMN@uyqZdd_DG`vyH+R<Xl^=ynCgv5v(+!;dRz*zp6wi;L?^O<Oaa->_6k?(8V$+Gy
zYMtIsh#kH2RnywAf~QVCe(?z=<RW`oM!tEXOkc&JQUB%rv%Nb9Hg)%MT)uP!U#ooJ
zoa=qVwp1*sC6SSdj0VXAu1gGr9un=0%e-AgH2UH)KO~VByE#Ek1~5sU`Fk`^+*%0o
zp%)`67@b%soJfS1oO7MtD(+~+is!}vfIhTpus#s|U#z0tpdf+KKNLt(PLjHNrBao>
z+F1tC%1Rm-6ZT_-)Qt<c@`h%Tt%$E6eZeqDer|};CaxUEzzT~1Q{9<=0~cVPe01#d
znQPp#agBKuqW;PG?(sF59w7KD;3{xOttPzOvamxF4`stUIUBxzv}_u1JWHEvVOmy=
zvAqx=#S!nQI?7<(0&s{OdWrpxp6K!>&{pi~3@Ysn=7ARQoEv;OeaqN!leFoG6@~_k
z7X9ikuot5DET7L?{wS5=*4tMXKFQsz0Fv0#4#ju_a_>Rtt~M7(=iQ<Uzz3*@)w+Q%
z_UqUQk*XXm;&oU}kRuMfIbawHL!obt*`NBg)w%gKOBp@KIWg{6;)!{&_Tj^+8aoj&
z*<~@k;XB44@`SU{+R9HEN{Vpsica>i>%CN&D>GJY>i0`^eFS6;0K##bC_ayT61T7&
z6h68h|0Xud@@i(Ksb5FVkP-;qDJwN&^l9B8Ys~b|83xmA&_%BrnD7dMxz7jY{*R94
zXS{5PM8^`=Op1=*2b`@Maw9^RLAt(^(bi`DVs6a)hM=N4Bf$B9AeVSA<<Sw4#pSAd
z>gfv=54JiBqc_Bv34(ouvU7cs8ZX|}6k;ls#x`O;)UxnTA=K$6o*DAB8VcLUby@a=
zx_Us-<2$cigOT%VHis&jM_)XcCpCGezFbgQshW;}UoUr>{hbk_doNZv$*Vgsq3Ric
zcJZJ+X?S<$f~_lg7r6o{1$co1+Kw+stp96s7iU$g8W`?kA0om^v<f*3aw6Do>xuK0
zO;olg10GbDN$(l%Z%Et7jjmXF#qfVWMu#k9+E4xNu81$cSr4eyDZ0hlN`b8}bZa7(
za#0;1R@{n+r@3er+_3{{s5%TTo+I+Y%jDO=MbUXTkIA`oc8phT@m~2ekdOkM6bKAQ
zhnr3GNee>(!?TUeb;<yld7GU38g}2$Oax1O#E|wCNhegz9^w&gCW4p;!MnV7A4k_4
z0c-o?b{4N!(G>fw$qY|KXUvqqg!&Rc9Mzb|U06-<zKnF-`hiMXcNZB-1#~~1{-m+E
zq>xG?VQYf*+tT}Mu%1s#PydyXMwH9{C;eJrzd5%i_HRvyPnNfCC&Frj0`(IdCm|L&
zrrFFH4coqLp7rX2spea$79-zyS5xWDZ4G~G!(W!$=)D||GAE@w6gNkPpZR<Ky&7Y5
zmx4@IjDAvAd5T599~O_Io~Z?M5Qxm97)Pw&s#R$tuw?*W>i)p43wP1ZOnBE0Nf}+Z
z<ZEgf1*kN&{qMdUEok35^)E<Qb}b^)w%UGPViXPiV3KOr`wr(vMqc1Cq;tgy^Lg)i
z9$85%cD_)$5{pzmn}ShA|JOJI7_K(V&-<G<rG*R<DYJCDj}YL5IxFO^P+=ao(!;Eg
zkkfchUGpoHRyNW4Bt?I7hlTACwfg1P&=%BA+aL;)lceXkE|ucTOJq8<-%E{^8dxk;
zhPnT;<kttb93G#q3aXLcibPOKDl{%HnFdE#h&d+5Z&#+Ze*?RLvdFL^>b{b9TIeEw
zQm|!j1bJLBf<(qbaQ0>B*im8jQhOc+cnRsb=7+E#cMpzL_>t%10r$=kx8nn$8t8OP
zHrO0oR%MOZ%Bn<2(R|W5O$eU)Hk}69>g0?=2QeFE+ib3X5D|$D5DUuqQW3Uo|0gM{
z1Vvr+ItSM<{nK;lv6d04rE756^h+NV=$Usi0~BiAuZ4wD(|MyZFBmdU>b#eX8&M<-
z-r-u&c2sfNX|4rIW)JgMl>p#A3f^ghe|HN0=Klg=5+e*aM6})0q5)2YY3#gB4P>xX
z!+l4eLOx=$_<&N}=$H8_MF?q&Yq~zr27-S&v$pZTi7v)t^`p@!tm>I(mH|i4Gj1xy
zn;-oYh00XX*4>Giq^)YLz+`EpPIY~APc^xfftFXlOtNoKz*~C9DBEqku@i#=pPh;x
zu>tmV8e(CxYyl&X)TgvC=EzS_Hw5K^>!%BCUdsG11|}kgIq(S>dL0q!&{Gr9EjzF4
zSN{TV(``tWMd)V^^AT9diI5k<wvqki;DyhcP5;h0$q(YFh1D2)@*}^V=iAo(DZ@8%
zp(IjAwgbcEGOF-vbfgC5MJj$@-)f941(1lekpLwC@{KO0%{{;B;RDwZDh}`HE7|`t
zeBvz`j{}EeLO-}|=^eI67HT9Z9T&Kodzj%J3?wWKcJ!pmECtt~i%k=EV7ImedcQOW
zp*)`1u(bplpohZ4z+N0-v707BwV6rGiCPJ0Eecx$%Zi~q1W?B*rTbUAf#wP{<4zP(
zE7ZdU;;-qJ_6yq87g_5c(6pw}R~ce-aNba=x=>mhprr1$s?nyz#;XqEByd1x#Fkzd
z$4O9ADi=>D#jJx9h2%`lsz&U^!N8BdWI69lhsrd<upZC#^InOzJm}r2LY3(-iux@b
z%F5jMM60_+K^Qts=7yAwp`ZD`<BPoWR2A|0lUm0LJVc#Y0zixTYML=z)S3dqY>kLu
zugi-dmq`@D*`KHh4fcith3GA$r<0$$+mAIXNYsWnA8%O|=fASqH){NT4!fC(oP;(J
zygzhffj4R@yFIAPO=7YV3~3M&oLqM*$<^k=T*BPRqRff|2Bb>tVgIJ)t=4@6W$TT9
z@DP5*qvg}j&7Q67m7_xL(P33Xf%@jg`eq;wJ5rAX@&bmP!BG3kZK?hch?&!B)1N^Y
z)J<%AXy@1Zw|9HNH8I^Dh3b0WI97Db?t;r5_XPqX2;QG>R2f~6n~zn5q+y3+MLrLf
zO$5*zLd2$-(>gVy)b8X|3OE2Hh+xf622z!in({^B3dOI7Z#`aIiMA4!94#z`4m=Fa
zeqX8c2JU>|_rfj0gT>i_)g51hhN4s^3G>|}no{!RRr_R>`?Zp9KcAL@5P4zPIrhC3
zK)@Q09-8VF1)I8~#rGVYBxbCO%Ex(y=aQP_Gt19n6YmJyu^-rX<b5(3$dh}9TC0MS
zT0z!HL*m=H4UlP?S~rS@^!xeGOsnNdhUQ7$?$ieYwuZ&PW4heQSL9O)h+^Pc0vdg%
ze$jFZI!=qC!i7V^{o(j6TP{BC_$5?y%$YcB-6Had{ToO)l1w@4KOS{8J702;3wPDO
zgS~o>mg>Ckw=ZDo={}cNu8czgKCRdm*wlzh4Rv3i@rAi;mCik5!`yOl>=xh2(WVvq
z^@@-0fB{#C+0iOQja@7O5rjEdgsfMqgt8iOHD;Bo+-fX2WNj!gFhq~qNf`QFy3cb3
z9y>V3i=OAJV%JoKSt2f0Oo=BYq`yvCD;)`)@&dZt?Y)*_O-B@?v~*!=N@4wxpB6qS
z@<BWif>NM0>C^tnRQ`+cYKe6a(?Z`OCWpG6KzgnCZ*hK6)u~i1&6n&cI6bcaCUS$I
z!cO#ZkIaK$@uCG)$KzJT!8s}jw@`a+17M?sse4GVqUe|v+g@KkvAiO|LXXz1oeKbl
znT+HFzk<!T^Zli+1{6Gz3ySRJ%ual{<S-{BpqUe2Plkchg74ovO3VQUr`y;iNmqwU
zr@;Z)^>SsI7X<Cw;x!H$%60xbE%z7QY+nXnO)xJ?C{&A#G%i=31d)KzFYP`V=+a_f
z#UsXZo%hvnolc9@8_qM)I=AIf#(fl9z4(nP95T_EDNc5{?q{4q=<uprarZ0?KDB|&
zU^A%I=@AiFfV5tt1jQL12Q2kiPku_A@eV7|&B4J2y-FS>Ix|jzE6jM5*ac~!>sT?-
zjnE)3ynB2m$?|wHOR`3J$K6F_<--Ah(I3~Gl#gn6=%SZO+Va?jcyl^lSpZ4kCZ0}=
z%b+>ewzuUlm(g9sRyA|1Si&O)K{edsu2^bO3Mzas8*47Z<-RIl&C3f7L7k>)`bIe5
zd*EbS1;JPM!j}%6tkoOe+Nb^2KY~PQ#)d~7u$$2AFT+Q1klAOnG7_BLESc60@@DSR
z_xyT5GKUh^86OL^xv`)J#<(M2!qz@a4N%$brll*+Z|4?y6-EaOlU*6q6jE+hWTa5?
zn*Gf%aw0Rk>xz~I{{$tO`gk8eE|WTWdCEw43v=DPqQbV*H+6tY1Ex?#Jmvk%4<MeC
z0W)Cu9O!%7k`>rGwuNh|m5tyNLftIdo&zFql!?Frjz^_@MTaN8$_k(%yImfZdfY+B
z&pInnVGBCAjAHfG>#bt$8TpGRvq#dm<hQ-K#=pd@IP4_OAI?G=p1+!>OtRV<`kDI?
zoP0_1<-kupMxwae0EHWj@Y@*)s{;6voPTxIf%dw!@2l`?N@8zD$lxi`<2B(mtO6Iu
zWz1B6=>au>-9l$yJJO!MifFX|B211B>2Gup`%HZ)uosY0h*MCKVu%gGA>$AA4%SKL
zXe!wb2ZTsWE49M@8rA)BT2SDgw^c%-n^Au`u_JpG_Ta7ZFVwhaA4Hv+M&&6TgTwGW
z)sW*hKigE0IhNWv`(#?IdwmX9XZILn@ao5U&1`M>=TG_);@!Y8DWT-jrZ`)TM^4{b
zpbTiZ{1J$ad#F#<BuZ%~mX#UT@8x(qeaKqpJ(Phd&D99LYXS5&3INY!QvizE<NJw2
z+VBZ4K={>6c34>{w04?`yE8k`@n-N@%{OR^FjC_a{k+w9H|R)H{G>+O=dQzBC_)Yr
zY0;w@!P6ppPe0$mvFyX6bzs2KLgRAs!~ibzKiRw9Us*T>HX6uVq~kGuOjhOy!meT4
z!Ws%fE3zs=MPapa-Fx_i?<7mx{@Xhs2jT!-t6rxU4nRDS$m#__^osZogcK1>)xC%5
zAR>}=<+r^Jc-TP7`1vE4`-(dE=N7inKMqY#RJmob&k1izv3ga-1qB}9g!9}dh1SLS
zeux)ODejL8wRFe`8%T0Pt*;B#102kk&a5aqVWr+aK!2WZveDH(zW7A$)z0;zkMG!_
zaKIHXhpcP!@fZ0}B-|y|L)Itj%`b-N!9j_`B|dWwofn&Wc_uc7F#~o9JtD)~MW@$u
z-p%laG3r|S`?79<83}$Lf_Jeq;D8`2F@3z}r9DhSUg#{abA9E%WR#bV7OU5~Z?qiO
zlp*w*ZfN)Xnk@eg4HaMi@I858ETe{%*^Vp1@=DQq@|Bi->)EDW930z<d-8a=fpN|?
zc3v`*&H4{g0*o$V?jszwR$GuqZ$2xKz41WX!9ZMT$8(<Ht#S|KM7{jL*>6idWMN*<
zU)1nw6~TfIq~PG85M-FAoxM2;GcGUN(cm7`f%QOk`k&YU2cnM~2YI)K4A-efRd9HF
z+5NlkdV<#^sK3xd*0Q&5r$>P!r?<3y2OBDXD_-@{9ryGFr$pKr74)KF`u+nK4cD?T
z_wNt-oYr=|YteC`2MC)a_Yd8@LFu}I9pkp~E@3+RJfBDo|Ah+1ud3BcuHwqe|4|g@
z<71w2St?=jTm-H@^hviZGNW2M#CZF|JRXv_tgF169~Vy4%t@R%tk$X+b!IW&0Eu)l
zN1HX+XdX-hvLkcyWq;O9fZkcmTiy<NkfRXA@B%mKfc>ZP+dD0*iP{7@HC|nhajgQ|
z?j5FPY4xm^pGfP;Td8(6@;_mow4u6cS*m~a@YIVv9OsHOpPqXPMu^`oblgX<OWi1|
z=q%YAGm&rvQTTbLCi=Crt5B6K>|uCoUOs56Y9RU6tEtmx0mAOS@z&ya@1T;?meZS6
z{s1KpGc|G?BSZAS8CQ@UEu&=!TTO<xulOwjbIln2qeFnVnC0Bm806iowfHqvMp3Da
z@YJ2M%3}?zl7$29AUq&&pejNUpqa4rz}YN3E`-J4L$nB*6hZEK(O&rvW0+rW2Qb7H
z{O;kTqyp9W|D2PgHb)H4uT|Z8X303#_iC=3_ZdAEI4kk3ih%$}jKi=FR+GhH%Oes8
zk*mm`B~Q<t8MLg6tvE8aY)wLnKaT{z1B6MS>gj1S|MC5{<Y*+A--dJ@nksKa=gD($
z%(@=vyVevwk!W2hM-YF}d8t&bkU2ot@qxL4vxV{a6n4zNZbD^KVJ8Lk^q_nbSA*Hr
z?ImAiTNjh?Ul=2QoHoc8LH{~>M7t_|DWGG#43c=uxBP*P-Os8~f)>@gP37lJkadh$
z!Y^9rxDWnwyjXY6Skzn){7#CA(Dv91bCiS&&kXcftGK44@=@SO?37=7-%aoX&}0N7
z(uocOhxFq`)hq99bSF*=PQpArfyQ<um%kb)O?zRz$oJLSY{lbw^C8}4J&(;3kVNZh
zsX^4|@i$h!nC{wd4ZL9$s%`+<zyeVD{3m3522%sTxq3};ZD8!rlX3CCrnNm4`-$H7
z4T*yF+#TAI1OYQBk1pSOm(rVvq;1M?g@tFL9~fV8`v#7)phk4qr|9u-xT9QWCMhq4
z(pKtR`-`_wQGfiI*yo?xF=v}wTZ5GZV{cS0p5``a>4E9ceOPF>>FzM0qK~F+m>TGi
zc2?Oa;iaAPm*H?&tf*yz@ABrxsxf-jxT-T^=-dTQTc65yc;d{(`V-vtnb#{7tB(Hc
zB-+x)w!4^xzf}DsFX^aQc?xTh-|eSqHd}^raQrm<I`kv%kfkq3S|qHVBZr<1GftZK
z_-kMQKZ&HR{A8BTIG^VYkvzU_C&OtX+sRlBgW4Oj^83-lvkTvS;$^-}PnWk)!Gtb0
zhl%2AflvbiHsRwFO()jT6vS2-eCa&k&&{hrK4@}XZ<LA9PIrOl;c#VPV7A$3Er;su
zsQ_n=yDIkQ$1bSKvW517-M`K=?Jp8q2RE#&ZpHH?fW*ueMvSUksNf;Dy|jw7HbyVJ
z`b}Eo@zK_dAAx4Xog{(sbgXaSxRv1g$55+lqdN}~Bbr)-M}C%>wgSGYrPYwG$I2^$
z^gs|yQrO&a{=y5p`8ToU#`&o7t9v<KnA{*<OJIGZm!w%5gzzZTw`?@F9W*>>+d}}q
zSD<EHGo}3+a~tcqTDMeWzs+hK*P?f_^_kF_@H9TJ{-Gpr>ceRY&zz224^S1*kJ3GA
zdmFUP3&AoSYe^T5es1>ky9b6X^~7z%a=EFw?*=Hw8nF<P<PYm|%~!DR3Y&JcV;H|7
z3GFVSYY)fqb4=%omtg@i@!eNf;$fZmp<~HRKbI?17s!2?D`Y<TM~~DYnS}y3f~iy=
zoHo*Ha1bx}Kkc09U(;6>#-nX@6bn_bpiyFL5nHg9N&#6Cl`5csD4Jl|R77DwAeGff
zKq<%;qF4c0KcYel36V_@15`_(KmkG74S|HEfFXn}Aqiy8WoG_^`E=g!k~ieH-Fwb`
z&i8rR!hE{xlQP`yOAo4yxZWPo+-QWPB2GzpwAoKXPr#OhFa|R3#&;rS+6RX}BiUAa
ziVC#c-qfBvz4JiXW2*|5u);Eo?pJJnonFur?y}q;l>;d+xTThoTigaml^+l<u3NRR
zWTlf30PXF)$nv|nwo{f-#*z^NE0M=5EjllmiR0}*Imf>)A$uBBHr<|||LZ`6%jQ|q
zaIG-V&eH0JOl`6D5Cevd25)54kGh~6jEk|aML`l(zNY}(h*%s>OwABXv)J2NMZO6j
zlMDXx*H7dWQl@_DFf_eRZ|cDhy;RR=zLG~w&kFNuV}5QndnY>_2Wt&wzU2BuT$A)6
zy`a6lCE5wWP{pbGi9xhQB{u8Z0>c3|Y1tjf2kZS$JPzQ@`~rSX9j(m-;XPCWR!FcJ
znNOrA*Y5K3YpK6Ytu~}eSeFXD?X9PeWZ%4S)RltFjF2xfHS`#K@1Wq4*(LhQt(Lk%
z=bfD+<I*iZw%b^$yGjOOY1Wb4?dBx(SY)aKNZnL*apsm&<wSX?6m)r$WoH!+JGGtD
zcaA}qa4R#`7@d4<zlr#gW^eIy&+&Mbh=OB#)T>K4$ga30hc7{H?c&rgoM}C>2xXD#
za)-ih*>yyqBGUSlGcKL^5Oe6JRP1*EO(J!ZaLG~`VDqMXA};#fn6J7o<|n_42=E6I
z1l22x{pp&u>;sF$r^|S0+SCJ!TAc+s3|mrkpIH#D!bsR;G&!0)d9U#@Gkn@EO5L?v
z9Xvgs+xO`82G?%`;5A#bg)Vwm`PEpb6Cfbc7OsznL}iSVuY78r{vvI07Wk+Y1-R#Q
zPuL-EVl0b*Ccy3cH+OgeDz~HJ%1}kGHYAy_{xsEZ`d%UB?tZj)=r%ONwBqLcF%E@V
zV+ffl#my1ASYQW{Du!;tU_|j;JWkN3$BbT52199^qI`z=4Rfh4M6)Jv=CyRzGAM4W
z2MrHUe<W?nA=R&tD2`1YsqLNy(8{Bc@=S+qS-BOX$e;ck^f{R6qMRwN8xwWQX-0VE
z1D#F!$VIz>=ce^v+3ka1eLDCxa!VL{k<X(S#^DmkpP@^bCw7pKA^TDAq+A$<mA?$z
zEojXjy*ht%CWYbiJ~pA~hs_{Y6@<#Eo#bJ^`^De|(K_e6!&B!0f{aNZSAuUIbR;`5
zl!$}OGIof)N9OYH9C7MN`o!J)Cf=nmNQbp}&b)lr;x73$Rh-kc1khOX2G_5fn_GBE
zL!vBxw(BA4F?6bG$}O-f6BBN2*D>%0<|Tbe0}dNy+(7&i04+{sRTeP%K7FUh8O)=F
zYJRCEP#EvHttDy#$jGPTxcDT6i1etunnG|u<4?DV=$oy8UKqD&4G7vSl_-)aP5k4s
zZpa9~FkkhAp-Hu_5RR)~hmB2F4$>Rf;jI{I=TKGyfMl;)N?$+^gRE163furbNK~2~
z@SnoJ#nlYS=vCK_f+@+r8bDI$;5B@8+~Bfd351;VQh?;cpUTGyhBPy(=1t(drA_#C
z78z-mf~}tkH)A3LOQQo+RC}L)PL<W%4G+g2ln;w76|e1Cpb_0Cchrn$o|^krJ?8Pu
zfL~_&CwdcZI7==s$muHI0osp7mR(_b{HxYEQ|k4zo0wBve=fWhgqs3n6R2#RtOGye
ztjO9ZRC{Hr^Nhb_^>O?O-gmhye~%25$yF1S*GZaV!+}SkSlaD~-3Bo^1Ztoh${@fZ
z$Tlfa?{A3hdzJY*H5eA=7Xxml4r8BYor@e=z-nA{pl(50G&2W#udhvD8C(?WgEwgE
zIt)H%+u!<P+SozX3RzVDQSakp-N?xb8r@vvw(GW4OArZR5M*05#^{8|2+#p-IOdhf
zd|Q`!u@ErfXxwntWt$^!Z#sT;G5^#PivZ(rQOlb`NQIKra*3%D;RYJQdn2f1-$c9K
z;|y@%Z>tFRvpsWPj{gVdn>!nv4u&FhG<!dt*4Y1KlGC~Q1+kv%zCELl7yE|t?SsF>
zy9ETY;*NAML)H)}1npgr%}Pu#o*D>=8ufwC2rNbt89Ud|1d^xVt?u8m>1`(vJTS}*
zZCJxqnj-)zT-zHARG+F*ue$t`c#sPF48N<57MH$}(2Buq3Z(Lz+d)yNV~7&zaQ=DR
zM)E+ec~ft%cj83@1NJfY#ihh_-VHCgc0Ydhq4CE_qMVFnVHp;C`m6@J8yCg1ht)Mq
zFDOLf*WL9T@f&w{J(kfgO#S!@Q7Yx>mv9c+c6-zN*CE6;%T$r6{?5Dp@17=CDhmaC
zN8L^1rNTNCssTpvcy~6TTJP~1%wGL9dTN~`N71<uar<@WZg(v-GH5871(8nxMOEVZ
zdh4EBy{*q_#ck~ziI!h+g>{xy8q?6mBb2zerl6mNwWO`4kW}{MYZ4QYn@m|9?uFFo
zo~tfA{|oO=jA`Gc_=YtPoc#b_k1MB~^(B}r^2liGG-Ha08h%A^P(`lUcgjw3u`;Q;
zVtZkwSGYsYZ1n~p_SOf_eTX^lxR$uqjP?~xkMJy<JslNCe(4-j_s3xi`76D9acJIG
zxum4UQEJSMzH>IV&Ow|BKy{ky-#fJn8`5E9r>*FdR!-MF{HU_DCTQ^I_|RdjKrlh4
z$6H)KZ$yMuiq0UR3lw!eR<uKV>*WqkJLSyi4&PS$#-`ltGmuyzJKPx6JifmBdz+0B
z-r)HKwy?Xt!ToEko$G~fmsn=brvcqmW0M`sXSs2Ztwb*i(#8x1?RCB9B!AEd!kOn4
zdaQreL30$a<rm7p`{i_g0y7Qaf(Js62eb6}ObUsEqKc$L_%p+o5iTNP(Gm)$+%<W!
z{(?}LBe`{p%$}RK5-wP0hFM>ww{=d~fjkL)SzL&=i#o#U^rp^fMo`M|0I2Cw{{)nj
z1MjsS5NVD6`G7yB{EvgeGWuD$ILevmKQCNInirm*83-JGSdQq4FJ2gNob|zKS|K9s
zMB>3^h$CCs{^r|d5N{)?(IlpL@_zw<AF_E?Le?BcFtS@vuLr*EEzG|pm+e`XjuMh!
zm*dBg($SnmJX6x;R90XCm{CJjo^M(Cl}CHkPn}AMOP|TrGWf-$UUgp_JfFHEfXziV
zBgIP9t>Jh^YK<d#Dxv*dx}4AgRnE}0*dtXbgxIx}u(XGo=^m}GQk+WiEWo##3;)mg
zlm^;=(DV<<Y>;aL<*B=^t70K(UX%lq=S1ji`EWT9=ID&dDsA7Sl9{4$1<_Kw*Kck3
zY4elf$+QkQHpZhcx3q7LIK}J>yFm6q{t7fe0lZBI*!%>@B=G>~wXDo@xB6sla3_(W
z#G6o^Y+$lzm}j>)VO+fl(s-I5G3q3TF_<p(r@NvzZd<W=)s|}Gz$XxSX2pbovHrLF
z>TmqB8Sso`;baC}1SWD{@mgd%{~Le)|8?7|zYFjA@Bi9XAN%TKU;XM<_t@1Ev$_+m
k?u4s5;s0zWELW<{s#Wyf-CprKd{-EoqxRny9XWsNUmYbl00000

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/unit-tests.png b/assets/images/social/languages/php/unit-tests.png
new file mode 100644
index 0000000000000000000000000000000000000000..08e652af44e1c6802f42c5f733d9d9456dbabad8
GIT binary patch
literal 18804
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/php/web.png b/assets/images/social/languages/php/web.png
new file mode 100644
index 0000000000000000000000000000000000000000..f87d41ea634688d6e95ec96f362c45afb3943f92
GIT binary patch
literal 17993
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
S-|OG<an8cpyyT4czyAy1R~q90

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/powershell/commands.png b/assets/images/social/languages/powershell/commands.png
new file mode 100644
index 0000000000000000000000000000000000000000..25407b934a0f4de8d3bba6bfb47e126d0d89df7b
GIT binary patch
literal 22530
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
HDWM4f7muW6

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/powershell/scripting.png b/assets/images/social/languages/powershell/scripting.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5d6cbc9ab71150194ad840aab5a0ed3018ee630
GIT binary patch
literal 21540
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/libs/beautiful-soup.png b/assets/images/social/languages/python/libs/beautiful-soup.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef7fdfdd694441eae941e0c191aa849a734be372
GIT binary patch
literal 24187
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/libs/numpy.png b/assets/images/social/languages/python/libs/numpy.png
new file mode 100644
index 0000000000000000000000000000000000000000..801304570443a94f47aa01f750c499aadb39403a
GIT binary patch
literal 18037
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
Qdf>XIV|XR+-#d^0FMq`akN^Mx

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/libs/pandas.png b/assets/images/social/languages/python/libs/pandas.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e8bae222705898cdcfe98073f8040a60f003131
GIT binary patch
literal 19058
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
N>ziK1{OS15{{#8{YS#b&

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/libs/requests.png b/assets/images/social/languages/python/libs/requests.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b55888e97163c60180932536fb6f600b985509e
GIT binary patch
literal 20050
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/libs/seaborn.png b/assets/images/social/languages/python/libs/seaborn.png
new file mode 100644
index 0000000000000000000000000000000000000000..e865862c8a71cccf72112b52098563eecb2dcbc2
GIT binary patch
literal 21941
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
P19!CaG)w=ndG>z*G$2~X

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/libs/tkinter.png b/assets/images/social/languages/python/libs/tkinter.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3cf74541269cb34d6a6ded473afe1922ab5ef72
GIT binary patch
literal 17688
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/argparse.png b/assets/images/social/languages/python/modules/argparse.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe13458b8f1033af33ceb1b7af86d3c9eddcc100
GIT binary patch
literal 21428
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%0AYh3dEde6%+AvHXjvU?w0!lM>9!er
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
ah#F6e-Va_e1X!az*L82|l>Kw}$^QYYu#Un2

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/collections.png b/assets/images/social/languages/python/modules/collections.png
new file mode 100644
index 0000000000000000000000000000000000000000..c029b08d64d9d43fdf7afddbb15d2c8c543ec2c9
GIT binary patch
literal 19208
zcmeIaXH-*L+cs)<ZxIoZCM616*>nLZQWD*OQ4tZ5CRGrSZp1(!Ky=%XmTdu~D<~i>
z6zN?dQCg&ijwI5Xp(Q}dHy1qbd!BK|`2L<BXY3!0K*(Bit~u{{m+QLjJim4o$$Q|~
zfgL+`@LsxTaDB&)Jq0^<?DGF@A9%;)9M*Qnj?3gr2Ip^JlIDj4lI&cPne@fvkxuNz
zcZ@&IOdpqP+oiDwr(tV{RSwIq3J(#S%c@dZd)jyS+PP~lMov6FqAmNLamAOxKt}$d
z_UiURvReG))saO?1jREzb#lmUqFvNsQjNTvWXrL{PVNSS?l@wu(Y^J{gL!^1mmNDU
zCOp^+Ue0yyQGot@dCGAoc=_kdP9E^`;QjAb(7S&a*Y5%^$K7`cL4RHn`1jKPZ<k5#
zX%MvV^}l-h1|$&GxAa+a8Bz4_)U`YAWKvdTk(LvA1~bTmZ0bj98YpRYr~iSjU=h~Z
z`BsmE%N~rmjijw%Ho19WgD~IWiOK4juTPmHHZqNkFUECHw_hJqgEsU*Ynwx-r1JXW
z$wG|rq(5Sj5uicrEJ>zM;!UDD(Ei$KzM-nn=dPgdkJIcBRux|`CH>y`GGeBZjo#Pv
zwAWkKaxNo3m2yN=cj)?e6);t2-I6rte=Zn&+%lR6SJ(^f#J}<G9<$MPy5DtwOTVRc
zczf_qpC)NU<blMHl79V&K{ZL<FHg2i^Y%o8;k=>pUa#4&Zo0>w@@!e=*H#CZS9JaY
zH9A?PR%)=}wAXKtrJi%;s1nLUa_?1y(HJ>xm@@~3w@mh*=Wdky#2S+_LG;|GLP1oY
zWREC5Z0xTsvsOjTI_DMER+O(kA}!bmNPD^**qD%kPRZ9sb-xH3xClRLBdPKr^7CEk
zt!>}k+nItFn=Ctu_Oe4OUF{p?Sb8PSv&+U-log+Q!utHrDk(>ZSlb9;jk6=u86Tfp
z!U-qr?>c(_yr+ZuNB=Ehv4vxnLw!iNf^S}$$I(p`X2U|@pWaeP!Xa*qHyXWoDex$=
ziDg-eDK|$<y9<jmEJ>0A@@kU&U!IFv8P3c^TMc$g1R#2ZgdM8j_ABdd&b=fdAI%_M
z%jLLFq_TW#ME4gkf5+e0s|~SJ?ZN?b--<obz22DocFS>3?m@jz<$71Soi8z?c*_fx
zC~R*`E}7$Ftl%)J-u<O7gV?+9m0c$j#HRF{|May4H{zU3#WRgw2xx<aHFNFfhR+KW
z>}zPE<l{9%-2ywtD~@{KnU2P@@AX{c0}J=y#IL!5_HxE_X<Br$Myb@H!5VEEzsgV_
zCTquJik6g;mZz72!F_-4%5wx@E2C9DA-O(7L2DfZpJ9>xa~7i9)$BrjmF^StE-_7_
zj)|loY0gZoTOYV4N14ji!rs2`*N3jZr>*5Y=P#L{6oiESb>MVmt*(FSHPI@QtjHP}
zOX4zLRunl|PeYQu5eZL?{nbB8h*~!qc;@(Ce=-Ddv%;uN7tHiHHKC$uaev50(gw7@
zCmmfJZS@0fQ6sP4sD#e`?wxG6&Rp^BJ=l@;l&EJ?)^rj#czSzjW!%Bhi^6~UUn7u{
z^lv@#IWjU|K7yR8r!=xMJZ=-hVg#r+HS^l3+`1i@N<yQNEcybmd~S_cPJ3QzRaB~0
zS-GqdY7i){l_%G(l?&(0zki`pnIGU8Ogbq~-NX%R3)O6Z!#e-$6l49S1M|xOliXtA
zyIPpOmj8SZp_%uOGWr>OeYS_5kS^wQg<ZdS2kQn8^}{-|IQbdnlOKDnD)Z%`K}z50
z9!jtf%xue#@JmHVWkfD)BG;$5H^l>VJ1X0jEo;ZV;n<^=xL}VYcqW7RaCacSv>VvD
z!%&e*es!ko0yaZ2mN2?f5}7TJ4>@H?ytKcUSRoS~w%b2vW-?$u*qW&}n{FW!!qlHL
zef?_L&Wzt<phI@CzWF<FON~{b1*!=HDK?D3{un%Bm~zxNl=Ia-6}Q;sjap#Dk{(3_
zDXZDm*2>2ce4p1Lx{qu<?E>&p;OZ4j4S&t9-t9vlwgkV~ToR(opEh|mqT`yGP*ff{
zq%B9ozX@kos;$H+`+c|eA}?QAqYWp(FtzSCOP{H5F-f22&<~mAV;nrw<4j|zk#2MP
zdLGsy6WR0cVzn4mEzb0Wc6)AVMxp!yCJp*gue~=ufSJ7{O-r1-8dm8+{s+X$&H#3G
zY+BjNv+F-9TNh~}DGDcAuc2L(qDL|ruLOJoKQRuzg+`(&TMfC1OuM6<Et8hpT<Gay
zrP1ax5>{dY*w(q5l%e6t$n+@1Vbmb42Ej=<xT{wz8pe;kI#l_FOJ1FIUih1ua*m%L
zHJulQS`to~w`}sA|4PEyR%+Yh=tWl;qs>&k@V=u2=p4go<|gaGjVE!Vhm|=?FYhdV
ziWdPvyfhe2tqg3M$HlZ5CaLByLOZ_;@052AQRD^%_xJKo^s6V+vk8h(v1=m_(-eeF
ztw#bvLnrwxd`e`41Fai#@G}x`Ih~{{Idyv7N0RMq>PAqTJ&h}<-Kmc)?cyVRlXOCJ
z@W7_47fCr%4hE0ns~o#>GxOn+j)gUg<PT*U#7SJ;YKpU)M9<;Hv*;Vu^G|Br>J1I5
zXJ4DrQ_M8kn$8i6h8Byaz+^e|xL70-zsMeWB~N>#EGYrQt-ryHov*>&8f9KI3Z6Ha
z-3aCdMn?Hg(KGc(u^SX+!0m>9KAEP;QNIskO?G|zONEj4z6~6~C|C!UkTX78Rl31N
zpr&W620yL(rWNvz(-FSOhutLYVdjDrn7b%!Fw-rEx}kX4A51`rIiFCz!Y0q7&}$vM
z^qSdTUvxeQQR2c$>i#+S)so;}>LHB;r(~2>NRmdCPY$KRJ=BP`QA)(j7e1+J-^3MV
zQ|8jYrMJ*@xEd$ygQhYT$wN=P=?$s5;kcE)KYuObti&Lj$9ZRQJL00E!@_{0W!Awp
z;<&vPwDdH*NK6m*KKqek;oY8IHNsWx0*!ojV|P|IW&zFJ#Cy^N;(Tfl{Q(3U7_>O>
zIwX`4tWfsbP|E_&5Qp}9cXankIM1}u0<q>KPrL;GvqcrHLbv0<Ce<}Q9km>Y9xT(i
z(Cw;8a9#Mjbju4Ze=D`>>J#KucTsV>U|zkE^%TR|=^7NHtyZ9FVb`Ja^pn4?uyZV7
zG2CHzpl{YMl+C#Wxtg>}RpAQT#@uOh)Oeto6JFA2IW)k{EY~-5A@0lb{oTZ$9X7~f
zos>KCf)4rf^ow1#N{Qo-Y&LomWmXd6?~f>3c$Xl0qlXw*YzUc_uj9N29NFebID>um
zwkz6p`T57f(e6CAYADgb<&SDl3CguFraq3>#GR|1E7-`Rnj19kcTlaQ)Vf4i1Q4^M
zY)B@+HZV6U^VQlnHj1>?dB{YrZ5`YPTdgi>)hEftyg#W_>0u|%m~NtTV1&qt(oY#e
ztLoNibsIrp7AiLfmgz523E|H060KUy`apT8z2DI0N(Q#Y7mBdID%@z?5Ue%f+sW5L
z;0Wn#nBVKEF|LVSk|+r<PSVX`Jh3s0k0=gmeK|ANOj5+_mBpD`D+PsI4Zy2^HOZR_
z%M6-3iT=zfQ9)lR75KH5d|eb4Iz5#KFU1(U1&=M2u;C=wqR-4~p`}Fs;b*OL?6{{1
z&9+H6;*>qCt{U%mRH}t>XDDnWu8+^R?=X3-k1r=fRhUP4L{BKhZI(;yX0TT-gC$^E
z6=bW~FO3?}0s_`J`Wvp^66?&hl3CiSu=1eC%f@RSJ}r!d2j3l5dt6YTIqJJ5^=*)F
zC|J=;5P7qHJa58`TYgurDN(WC80X9zUr7M&&B_K=chN&GHPPFTVOB%ghX*kZ#!Y7|
zm4=16S*)crsB!z(FyBs)n_d^=eZnFL!$G|rC4PzARfFo3VuA)tO$5Fku0k(P)F8er
zA+xVD2U2^RY_1*?Wd{~C>V@Pc!$08fe(I0l`?$DT2%>cQ2R&Gcd6Ql<c<QO{ezd8B
zU1`rNS(yEhBsS#k`Rcjv8<>uU5_)xw2lbzL^Z5OSAe4vjSfGjV!b;Eg3oS6mO!*Tz
zj@)tiUSg($o<Av7_v?hB$1LSh*@i0if_ZDwwF;Wa&_e<{(2lhh?ftAyad`Q@O*Jd+
z1D%Aw`rO@l7#DMF(Tcc{@KVdY+pqYJQ2tB^%3<@I-}x>j${BC=G17dQyGBoJ$DNj_
zA#6$&!P>@J)YL{uxHi<bnnNAuZdd`Y0%yL8p||<T%>80E<zOklQcSdlI)8SI*X%Nd
z!wPSEyUnS8EO&TnU5lh0Yo_V=#vk_Oj4b7GYVxFEbydZ52iz@DkVs~>eT<;MG^N_L
zsz;n}@7&=ieC<y4z+9pwAp(bM_}b?kCf&Nad^0@s2<uz%%)a2!VlO+(2EMvVkb-F~
zfBt}K3Y4<=Sorv~GhTOaQ<w~YmC7UAHu$E~Dy&^HDwlA)1el?2b-A8))e@cYtTd%_
zoweJuEZoC-6Gw^$x%6O=+*InKZ*<PWAic9T7VcUwf9I6B-Rc@cLjFeYVh5B6$hRjh
z5u(O7i{5?EfijS4YL1cf8cAsFEYHCmJ4E2&QI`Dto{5#4!5ggh*NcT{;}cuyByX_U
zY8|}Kw!5~0p;s*Hq&VZeYwz@t0@ZHd&OmlDFiRuNZQ8a@SC|G^w4cpjL}q)!?nDnt
zF0u{68g9bNt(AmP^g81y^DYECQC&y3w6rK7a-dgxVxEmPhD}Zr8ZdY$xsv2=v@)lw
zWSWc)eH`?8jlF}yCNblipa_hM1zBsS=0BjIVe^C|G<YIFy%0h^%6P^A0cK-pviurD
z`A-fX7tGN8?7J{??bf)K?;ymjC9Ip-m&)3EX}I55^j+WU7A5g(W88V|BQPQP(t&>#
z5-QpXGf=Y_b9*8BjP!m@M?-_wcx#D8-M|~cjLONii5YUbd1h43)T+_cbc_UlM?kVe
z;kz7)*&)9Qk?*0`AFWE7oByOn$wY=}rks`<&{;-NUU`F(MG@7cXN+1-w;^T6t_4>!
zkn*$?<*Tsoo}g5B4|H`wCIyalzA3xoxYMJ>`^MAHiukn@g$@VOqNSL$$9}lq+d{Ns
zj++KD7ZG~@@)ej2{(bww+{j$-nP`($l`m7~NR7tFFUX1%9VhZg%sQn^ec|r#U2-OM
z^)<*QhMk3aLGs%OTNnsZs}h#HQPzXm*ELBN6{a0KfX(~Dm}0Zn2OkZFW*a(mxiV63
zny>6z;P0<N4zGt9acXbna5WGvh1pWVq<Kq$$z+vNK9!C)ZQ1mXrlz&4Zx%x;6)k*z
zy#b|%h*D9wCBI76;O7<O3G5!m{ed}eL{`q>S4ch<*75AE>B9x81^4tVt5;f#N(T(|
zoVvU+d4gI80>_twe80257SGe4AiS`F!)ZOqs74uK5-*=Gm;RnGUC3wQiG)kutX@?n
zro8Yx9raNe<n3mCxgX+S9h)EjuB%BeB!4WKPhMv>3wmNhSb`x*(q&O8J>9)kmt9sR
zW5%W0H`lW<gA7a7Y+V_5G<<4?hCiA~{y3{PlIL?26t#|8Usdf5y%L(v+(;N)LeZoL
z>kz}S8#6^(x3~!sI46X7nXkrV1@2*(`GGyTySzXN)#RxSWuX`kL*x)hdsq|~PbV&3
zVa~5EjT=1Pr*-#cj|FTn<S&=%wLbnDIK!;YT3|BNHxLS>_x;DybzpR6Q8be}?&;jV
z&I6K2aQxFgpccCZ?P=KV5%t1Ne@XqDrYRAYdW3)>(JQ{Vjx4SF3=Y8?exEU;MSqZo
z;|~Bq7pi1Ohx<ho=M!r+8OnDe;(`M&5ga%%;}w|6Z|OnFW%=0(axGZPTxI)OjoAFz
zNcAW?Znz<EWSOv{RR<vpuc>f6*TbC9Z;Mx)58ICoRvdR3`v}s~(+6)$5Dq0-2$B(w
zQ@eV1^9)ksV`@@IMqqxf7EP`5LuEqLa<+%_)qPlZLtWuQq5LC-*JE0^9*YkV_q;{4
z*+xeD&YWCQ2PMUa#nhom=ksxSv*G&i+S4FS!TPsNIB(o6(r^wo)LoB?uZd0cUMqCS
zkLDrF>B-AFb)9MRgsYS|&_-ixYn5Rb`V^CxNc3HPV*~SyqQPr0iQL*Lohn~J4=8IO
zZ~jcXvpBbjEUs4ANNPIDPoK8LNAa}JV0$UIQmsA>8}BRA)yQGo0q}|zOCTaGowW2B
zs*QLKWk<azaiO<1w==s!jB7N~acv#EsQ&$@eEq6HZNHIX-Oul4TmFdx%Z&h@0kw|I
zXlyw&Sn*1rbY&fp`<z?pMdF*DY00$L(|{L8VN0EC)ymGcm*1T}R5m<K(08>U!4Q?~
z%&%%^TI-MPS%kaXU@g_W+K9B|Pwbtx2M1|zC?Z>DG(hBIerr?NsP3&qx}4LdiAeB#
zp^oqRkJ#wpvQs0NzZOM}2cdY#`f2y7bp1@dcT<jEw0oF|w_EzEpUDtMq?8rwwkp|{
zU@tft*z(vul>wO-$3e5v&@wM#bflwC-rg8y$v>(aFlc%hz=@+>@<maWAT_icJso<H
zW)6p;hO4Qud=vNhGh3ToxjAiDQ_X}&F<ngW5uET02bZ6#A|S7~%i<|io#Nm)kKjqg
zLHrf|#MtKH%@5NydhhOH52e@(YK8>eObTSKA-G|BInLzgHJQ#9z%Py?4;t5phcTOH
ziAa58E^f#k>!okY{Wk1`hu6lYWXt=}`zeu84%KCgqP~eWo86{^Y?uC?^o!sK*UUeW
zrZq2TtZaS@%WTh&7=-I6W<*-BcJ6q4L$4-Hy1n|(P0Z>;VSM|~;HI0^8GcprHl=RF
z@^G!&u07F+!gEkj6TCe1d%R(8g_On1p%cO%s}-DXdt1-xRj5XfRGqS?S3kuxJS-U;
zQm9t$B3d*GP8vVQrusxcRkcs>`;#eFz5KH_mFd6}LjN|!QlM(LQS=#O#46av-tWGC
za0O{%0-Bx5sy;<t2CszYX+I_gW3Ok2!u&cPmZ)%Z)To+en#9FLk8o^?N7RSe%Cus6
z7*q#57?z`bI*X>qzPhj`f5<#`l1iR5c@F&ViO|qxBF6C+_DrciST^f9oeI@Mqv?!&
z53FmD$~sV}46<WUW1~>xAjWY2F10FrCl5l8N>Qo8TEY!cD2NdBN>4=h%OpnqwsXgW
zcPb+E8Bbqv7)+ds5#$G9NwKidMXbfi{|A%p$&=7`EsT*;>aP5gk9B+eQ0nnfSfX^V
zV64EYFOm>$_s@&AmVH<_f31~lQ%+czCeAmI^^+K7D6!cUU?O)18}DQrJipN@Wns{m
zgj;y7Zq|70UhH8I=+5m+IrbQ{y84)E?q>t{Nf^D^UAUduKB^n|S(C~8`QB%qxW-*A
zzduXbLKAndbcaW4`5mVATw4q*`B1UteIyJeblhCcTgB^WdeO!Ipc{i6Z&iiG?AU@D
z_c>aIfy9ME_EZXTACWDdIWV9W^wuDE3<;r!52SdBMGd~yvNf0(GSXI)@FC0DuOjSK
z*|Gt%VQHl6LQ~m@f)npH40-gHUv-cc4YSJWLb~0nRZzS+EDD^f{7j!HsA54PD~iv;
zjre)2@y|vQ6l8;BPd06#rf<)gD3LYnV@`?_q@;WTb5ClN-WNvC{k}=Lpx^d={8_Ga
zZ?)k(YT}8JVQ%u3t!eGjt*C|!n1(?wJibi>^^&?@Vg!8c(^(zdx}%Ad#q{=_Q}?+{
z^i&8?Lo%b9e+EB#_c2drdlf-Rh+>7RgBfW_S-5Y17^XqWL8c6&spgFtA*n(~McpS_
zbHn3l0GTwU?~?|#@mMD&=t-D*-xizD_fRI*1xBc~-bI&_qE_xtNY`-~D$H!nj<CH@
z_@}%zGIzgl2`OIqxz(dBg5kkD#;HF;k5CkCxv2PXYdyJ+My4d-J7i$GE1M3hhK+K1
zTY#?Dm%q)EtGuei!>r0H)c`h?m*wmhO^DR@Cp2RW`UA-y)2V~p*pSAXpDNW71&Rc>
zwsPZp?+ZMR%L%_i>nR(t)rO`Oi?m5AEUC(J#*Y$C&E#~oA6kT;+zeYST_l99wM$WK
zi;Ug5e*omM{&2-gDG@3RPfZSp6Tmi2Hv(JroDkx!rov^~#vkdqNEGIWygjQ_Ril#l
zimtph)0MH8b$R5Ux*v`a5(X-16G)o~?b3G{3elr=8Z>_16tH&;ZsmzYf&cwHXYXzY
zZ7Z9Y2w$$vG;|y)cm|vsnyDHm5x0Snidep&hwY<Ggqho@{|ZNQ|E8|-IuC9w_>{hx
z4GN3!o^JgzOB>F7Z4cH5n(%$$ikL27xl(Z*UKz>L!<mucYJ3FPufXtO%}DR<z2)Oo
z-(BZYOHIjOE};7r42R;E*28AQhqyTk!l<R(&OUB-=AwNWJik2Cy?*ji$nwVZpE?k=
z6#~5B>H~5IzzP}cJ1)VK${z$l&|Xjo`hC3h_ZSs$u!z#ff=Aa|HUQpialvS_KJ_@}
z;_spCZA#!RA4o#JUTN=2#$&j6OJWlx_G)8gV5m_?%a7<$LdH+m;~|sEvotos-g@Qb
zw-gTh$%hKBGcF%i1t8{1=NsfO-HVH@4^Wcv%zBf{GER1CW#!|K`1v!*vU%f=tVubq
z+<KZk@$O$IZnGk`+(1ZH_SYtEO^B1Yu3qA}BXCA#0(dK9?_uD%@(d*g0jLNv(?qb)
z<R*%%7~xP~o}5zPW@A>qLW9JdfDFU~)N5P;k<T*t{^bn**+<Wjxtpo(_`NyW;o588
zhjW}koQOo8(Ne1Q4+;Ju(@)Hihijj7jaH5#)OBx>6$KL5E4i(@P9Z;J<Y_jP+?Jog
z)>WK_iLb(<=&SH@je93guiq)4_5ehz`0R<A?Q3>}Ya->ziARc6!>s`3w;xw2R~xum
zd8Iur=6~Qm^VkTjlj(Y2_H~u*KVfedn1cDwft-3aEOUb>D2mMGV=Lr^l{lIsTkXEv
zcNeOGx93FrgMIh4lo9NJ6Mu{;q5MJjDA;0jzMDJ}EUbNTv9WT!qxX*2ywXgcz#8HC
z#>{;+{a*S^y*st1{q=$g#0~y&=d@JsGlAz;lvYKbbw`87X}?Z8I5W?)*F}<$&&<M<
zsBPWy+FNKQF|fphz{ZV@REo>JS|<>TNNvkD;oANN-qs*B_9jX<69JbY3}a2psSz%3
zJ8;7{XKSVMS$*BDYaz{(((t9_cM(>=iQ=E+=tO9*{S)7#5@KrzEUvtbp52!z2Rxqr
z{8`iLf&Q%{@@Ho&T@aMR{m5Jb+uiQeq<rJ*azex*J>Zt2Y?TJ-2fH;1?HcwHf7tWN
z{>T3pNcCC<I5mRN@)IqGIF>HJzq@@X;r3_}?1f<))}{2B19XpzTMu^n9I&ON_@4OW
z<#ZhtCq=6sem~()z*#Q{$T_!1&ebkFJVJOXvvp_H(|*B*w)76!cw}xw{>`}l_0sW-
z^*n&$*>xAn%sB|4d)#wjEaLG-`IdcM$03_Lcfs}GUya&}!jE8(tJ${lwoA_IKQ!~f
zT-s0DOX!A}RS)P_U;cZ`&_$2shM~t|Jk@kYV~^QX(I(avL9k0J1^$Ns{Ey(mEUq1H
zZ$~$!%bncvSGT?V8nyrU61EDmX35v_|FyJ`Q4jP1qrUOR*S<yxzT`*uDBp4(j)z-C
z9QbjqT29H_7IQkODp6I(p)n(qPe=@RHQrpT;=~YVCL5cminomA&A7A`pw6p;6x|kO
z@6VqDiWa&<o>I`4)!KFdu2a|Q<UolT{OkKXu4gC~zl<x<t}I%&Xw1bCbB1NYEM<>C
zjG^OUV_2MbV?y0~Js(VYxn54t&4ME738g#AGkuV80efy!lJ7=Hx<7v=EUdYf;%ZC?
zmv7A3=Cn_L1(mOU0QnSiXz7mUsYw9ldUh07T-AN6F_Znwhy9}s?<zoV%<0@(_WG-*
zLxwW+3X8(5S||Z7r_;hbVSjGfw|nukt=A&-ZmwjQ<p=$(hfDq=Crmxf|3}%fm`!Cw
zO4AvTH$@K;T<e`h!k#8P4B>MnXNAinG|a2z__tPl&cIqhrqxM^!sZ!p>X>OybHIV6
z-ig0;{7}5L`AT82+l?lWJ4VIRo~?Pl<!*=9Zy8a;M+*-PrvEyu4(J`Q(mFp>Knikl
zX`LFa=VD>^^Qq4!h#y*Lf4j(!%DSFle%p(G;<Wc%#`xnW7jpUPZr{Hmp;o}`OvZyy
zf!cHch3(b$<8OJpeVpZ~yOkyFzN=8p0UQG@d6-wU)iZ{gQ!@I7e(;J*`hHd=kA;6D
zsNo{C{qfIZR6K(;Ow7cymdWA*1g*4Mhg9s>Ru6ji<L$HYI3p@A43Ugb2TA%Djkxh1
zi*f1~WeEvH2;+TLzBqHB2C%9Z%xnToNhz3f-reSW^o<5w_Q%#H<q@5;BLM?h^Pvv*
zA-DBe>ol{*oFlPNRVZay4f3!Z)*B>gMS7LaG3SNPYrsiG1H2#g)4m4<(0mYs{EJiU
z8S~@x92-p`^c*N0#V5tP{^_?Wx<>~5({!E~EnjBP$=l4b+cK^RoL^M0DK9<k(X-HR
z(z~}<-*bO2t&6;l>eMW~PilbKi11hna`t?NioEZJYEN0eKi28&kuddX>o1_r?*Vz?
z9^PIv4n&#><tgdf8ybk0BGGdi^}Ig=_R&3<^jI+GdZnM0fr>Ab?<w|z;Ji;Uw_$DD
z$wy4JBW<~kex{^Yuo)>X%Cb+NZk^^T0Jm-}H*k{M%k3}rP5;EUIT#L|sZ&oF47WjG
zs5?tcZCu#L^|#H@4od#Q;cF{r(W23N4s1P7y^^D|Q2=E8rljax#Rz9c-ZzZFcigr)
z?pg=|Gbc<d%=CR(%ZeT*-ngwRHHFx6TmCyKZJyD=s6mIOkHxc6ZkzH?|Jj<|7ux_h
zbt4cs7#jd~r9JWlg!R!2TL<FS!nB}-im$1SDQQ8aP!$}-c8tL_k*)hZtw@|GGw`!P
z&F(iDs?+eu$%Wm%vu!Y~Ad**1Ih&-K#f@EjtF<+^gU(_%D`~x?o5195*jbBL`5F_Y
z|NgvvLFDk}eH#V)F6-{XXY-~KRZ)3g!8lsm;}j;syr2JP-U_fkc>i-du#=jb+0_bE
z!~Hx~@6T_~H#a-2T;{ihvxTal_>7_7`QO2tE@TM+YIz`=N)^7nownYZ+lHu_^V}S~
zm&oIebEvHy5h1Q6S&90dbvHOqO1kgp4R`|oe=h8Kvh6e9Y|i!5sBc0%HdZU3+K(}!
zeL}895%!0~_PqSkXPc=@0E@PqceMTiRfehUsmC@=N&<D<zm4Nc0z$L)gNU%>U@eII
zMT25AE~gZ}5Sp#ns~LdwHdlh`X<yx22G!&5Uvyk^&gYrtFSs~j&d_KQ6;@K5dJ_jT
zg~j1+Up_MVY<{{O`8qxx&}#*Dg8F(p9@u>YOzU$PD@1>2$;wE#Dg*G;(nR&wq<7dG
zBx__3DbYk+v?nGUg#7y0Jqiz!--5cKoxKpw98Qj^;dlei(-uKE3xpuz!geJ}q1-W9
z70*gNKoalJC@v6m{0CwUsW~kGuh7#g%#}{z#y8O$i=vZH1A)l{$mbp`f<^~7sTfVI
zEB&Z5g8CMIUYvi&j&trnxU>&q!5n_6;ILUICzRb`k2}DfUrX-faXhSEHV(mFY0))o
zdT%5WaQxR2zzolS%CE?oa;BW|chfoojWI6!xL#>IEvL6Bu+GZ-yGp7K){8YMPZC-U
z0;RKbT*TK&9)$l;*ixFk0PuX}D!akWfx~iIi=0V|)^klw_^+F<rI;ZFgImEVb{dt9
zd35?1Gy*tg2aC#T9d84=Fn=@^0cif<#XNz1C<8Fr4~F%-L~esjVibqDoaA@q%OONS
z-A8je-eexgMpQRJX6>k!SiXC154xuU@RF}+cA1|VA?`<$>>CAO!gNsM3tWgLolwi6
z%{d>V@{;gj+2KRi_=Eu!BD+hd{^|;Aw+C%~fA^u)(_p~M;U^!1m;bAl%Xmm_381AY
z8Y>nOZeZ?TLMmAGh~|h@r2#U=Zg?Han5Qa>-so0Jt-ZO%|7^})0+P#+=555#J^I|n
z!qVtqU@e|Q8&*cGHhq#NN{eA9J*%AT{478D|CAQyS2wQ^L8R$sMCOM<7#ZYbheFkX
zk5)HTdg7X|14E6fc>|PG5daRx2ulcoAIQkR<4s03`YnC~vYkS1ceYkAP&#pTmY}|W
z%03~<KJ_8g?qEPwCz?B#&|V(o;|Do3-SR9&K-WZ~+lD(jV(<gmwjlc9^-kSrgvMlr
zmY_CHpn=NbaqT$(Fi+fDcbHFx&76Oo4T*#p+){v!bP*v4)^su}ryXJo@c-FHrF%N`
z6g{AYnSIoT`ZlWB7{kyo1fC0V0N4x_g3N6kPOC=uXP%;&Ua&>`nk9jX`0wbzb^cWd
z;`;-|`Ae@nORttoSw;2FM->K#Sej1u`8l~%(;xHGqhBG3uRC<g%rfuV+1~G|)LInI
z2@jfgn$s+io4}!o8eF{(sfE|e7kooMsb4L3M4flG_WPDn15Y6%S<|%{Opr)7jlz7M
z2k&(7FgH}PN8b(!UJ`Vs{g`&&b8E+rzL@xj=8s)wE2#iBmOyYw#Hp!cR$Nb?7LxDc
zok)P@iR?Eage%wh+g1aXHS$8GciiakQDK(9F(?x>e)#19asWD(tRIVFkmsT<Pew)n
z@ISHP&j3XTCFYjjN85(rmLHH;0nEZ|UF>bdITUJ)tbKm51)b8Ro7F_dOL?EoI+cs%
zQ`iF;3sW=Ed9II#>)tAktUiiCZPM}#lZ$KAU~wY@B5}jLA`nf={Ct*{mi;*w+Ag_X
z<k2Z0j5)j+iaF039o0C<JXMnk0SUmZMOlWT-E;e{4YejpY*8RfO(*Hi1f{m0r%E#i
zC4HlWLpc4I9!e~+2>obT{h%hO_~^BO4*r5D{PPv2<O8r_2x;o$e&L~Y+K8#?F=8*X
zD@7LkpUj4$X?_H3hxsfuFxA%fe)YihfY7e>tLxO4R-;3DKbC<nZsIT4_*ht?15wZz
zAmDLwZuv3NXd4<}CVr2TRzCa9%l8Z}z|FZ8jx)7IC=Xujj6)3d9NnK>b~-;^he<GR
zmJBS_i)P}RQ1p`7bnIc_<$RyHa4uusWowrC2XVpAzMxfx=H)2tY+k#L9tnCc*N%UZ
z?PPx6Rs6ayKospaVorAS-s;f<kzw!799Zue|0W&;*Ne5#-jLYP+0}_ornAUO(LmGj
z^4mHjaM7BbZP}-%>g8_iyhWo>v6Q?~cY^h000bQ&1$&@c9Xe~f?3byY6jJ}FZR|IN
zk7IYYPhFh{xMUsMLVKp^CGv?<KHkxrTv-OZ-!Ji<p8KJCqgz=?^rbaSaejS^ha6Sg
zjh%-mgLdxtOymXgHw(dyRk(6hsDwQc$i6YWVda^`8PzZTV;WK)+HeD!9<-~7=SPhB
zSXM0{)>?Y#%ZZwYHfC*EajUL7cL7x9a6zebDjq`%h$ZQn@C~<J2Ki(4jAsi-=1}iw
znVLS4CY+!<K2BvT?^5#yKB}Rwul-z#)}np>V2EHV@*t|*or70RW<f@!Wh?w;I3F`S
zN^h)ZRL$T)Ttz60Z7eG8*fHm^CwHDXp*~Aps!DtsBm$8AXyy+SOQGN)ko?l-;|_Xd
z7+V0u#ILSOO44RPrCVS0I-uS$ZJM!73B-4!kt~6_n-Y8q3c>46A033hB+rKaVvj$Z
zNUmG~4jVkf^hZGnIxH?@*>Wv)q+A6k;<#!DwJVqCPb1<^mW<tno@z{|MRnMqx;uD{
z;rY^fqZc^00NWy|rM;}M*BihrDi#7#k_&A?l*C+Zy2f|h9LDL-zT>XEaOxM6?LnP$
zzR<{zwIKa89e>ec2-JRp0ebyHaU-QFKp|2tw!jlwb&9hDGuvFP7-cS3zA4Kp7u^M*
ze8>R;2_qa7Ez!SAw@9Vptx9X<p;QB+c|q1$Zv1I6s7SFkV0Z(w=$;;~UHe)OkjcQf
zD%0=?P>3XjT+tU-E!I92seo_K4_2@q6ou4_al<1bWe9sFxn~}zNL>JkeU@})Wp>$U
zyb`m#j0E7p%m#}EV>{~y=hctDTGaEtQB5-(<izLYw+h~`ZJ<`-t^)3NV6GC=e`^(F
z`RGVk;q<KaaGwNT(Hjp)<s-m>S*=_jkzeo$hg5kqQ;-l0N;$5MMa$fz;SCjD95Zte
zLIg72YtafefcR_kakG}kVgmFSR6d~H0~Q$Au*tC1^zAB&VP{%+GnSzfC9LFN^Swed
zQN2bkbR*>w>TBx^xR}(~tOXJS%qY0nm#+lq&)fn*5Vij0Y5QwXot`0pZ2UT4=eg^L
zjFO#1vY{^9cY+ztT*u0g=$kz&8)Y@8%!vThB|fuP)#luHFiYAT7A&l+AAg?8{gR-y
zIra4G{M&}tooGlg7zr~SnVd8cwPO-$E~PgEA3s>P@HAnTa~3&oCoqZ|Y<#1azQ~w^
zHeOLCDpF94NCFRI2%^#$g0d`BLYg7wi%`BZ$f5v$&$G)pzS0Fa9eL&(l~os1*WRv;
z>Pw5$G2|S4qSBkvHnF++^`<tRk;Ci24G6E^uYw>o@6^QJNn<Y)W!)@|1=i=4&=4OJ
zkT5_FM44HB-5(GK<<ykVzAyOz-4_rX8k9=U&Ww}12`j_-+`MwkypP=TC}My{3~kMo
zT?HY*Z`gN<C~%?CSa`0q4S3_{(k(OwEJYk(AvWEf!^=00wLApk2g~D*s|7&dz#7Z{
z?E4hA(tZhK103>qtvff(Sxh?tp3r28wxd&1%_K&?GV2ryq-69>KI7<(84ma26>)1x
zoHp)qL&G0VU2SW32L;@)we(5!UYHs{Me=nC1&fQ222B%|RQ;v@h93LZQ{F)~<9eOa
zQymKX6r`Vo)%ab%5zFB2%2FUVaXFih)9lF?7C`d6{F{{?P=rP89d%6B%~7%sZH#t%
zv$E2uKU-E|LN3)UC{WZW^};@|932&J=@sNWu7cG%UyuCL$(`J-A_#OMJay|f)fsB}
zxPpoww96e&V;6u*>obk)1}Gow)m#N;IRM_GC=!}!Z=E@qfG+<y&DiaOFMXjWrU^f)
zF54WzbSMFu%y4JMFkOL^l45PmybhE>pn$R9!<Fa!iWi54ew#{jAbdBDs#@mfQyf`y
zU<1L=uWL(SqO|f*1=GP;NXB#4P(gNM)w_yVM95k2mc!7Nq5ZJSJX$xlinQ0Rd`os1
z9g-;Xnsg7{%EIzD!=xG6&%dQdjN)hB@8)s1P#zpI)&W?-KcgR%Jjp0sC`apP(nCZ+
z5(u!0A&x9Rzp{3@lE;DIzx&PPwKrH8P(KdrKae{7i_^7#?RJ5!67`X?5=$IcSth&G
zq_-pY{n29jx{dwmq93UdiV~GrbVG3&0Dl%k3bvxOEhF)U`N6qM|6onzf=g+Yr=Yse
zUudT%PZ?rFNMbMi<ieBvJr@jjZsx7r0D7(6{_=Cvu7evnTp*q+%&3?79tAU%1am4F
zzZnv^`hs`w=(+s9@9J}IZ9kX!ao9T~vG<IXg!E(kSOdT&`{oj=Qs%JwGuy@yqH#*7
zFw@fSp_)8k#Hhbp*_2OCe|C*GFc7aXp&Q-RkiXw=WM(spWe;&MV>E>KRXbBGapg=}
zY3>ilBmAgMfhYKi*Sdw((iYwdx=P}e*fFExpaEZxTRW#7J_*^M`#-~k$2XMJgwQ~Z
z;bnesb;tFkA8DW6_KNG)6kPlshe$=B>nFp)0J{gqIQ8gzL4V<9FVO*};8of&wD-%V
z$_fKv#-s$Sz}5F63=5QL$fH6Jgz^?5fr_Nt!kbO~&t`fZ_51b>C@>0^-#jdN;<Wa?
zKjg2m&5VPwq&QyVJAGd5t)I!O%+9eI-;Q*nXA63=u6%ihIaq{wUN<3PtR2k<qUM3t
z`hm|>xX(zy?dBaRK`|vyat^?_Koen`G+rSjMAuV3$zvhJS+!%F^HZ?X`L)>cs)Yx?
zM_%K8Q>|HPD9i}Ty=)nv%FI6p?$o@CA(yQ{Hq<xPe$^M=-xzd{UrgAy#mD&o7j<kw
z%vagY5<D0L=#abgiyJ-kjTS@R|Hm?*d(_)aAkdT234;d)JKn!L^(ZP_^(7hU<)!E)
zF#9y2Xs4cRer6%>lhLETbJA}P%FHGj&0eUfAYGW+UJ@**$t+JevdxfgV}o?pKmo05
z5_aofg_$Rh79%^?UdIV?z$y%Vc>kg1Q*C*>WX*rAgxsE7oZN(cw!*v3l?AEV2TSKM
zjEJ*tmMV{w`IAq=JKq04i?;RA8UC5yhjD@eyp{V-<RA5GS8bBE{(sHF#c)j1Ou}w@
z=%b}jp;t~`*!Zo%t{#aF>mQ8wX}X%ZZga0UC>Ar6rn{4spz`(?+|`Q!;NDC&PgS~y
z++Dxf2B74L%u<}2AL{E&p7x4#(old||9E3$j3#dK&U^jWaAQhNJit!Y&g8AN2VYOT
zZ*t6>*;Q}h^L0Ts(5P1^G~bD6dzsiB$2s|5<Lw1d!h_ckN5W%?7P{YBgibC55%T;o
z(_5~QIbkxf=%e>ryX1A8mZrRXPNmvg_jw|{jxFESKwlYi7>#q#RD$~x-<%gQM*Y_o
zzFo<DcKZ%l%BNhIAUj74Jw2~hk^RG2^5#%V|16?B>zCiWnhORQT_YpNSsh+C7(5>N
z9`j#Ma@^5-?8o$z(cjt~t~2KzHK@9|j?wC9^xjq|ejh+kAnd*-G(3ELgR|l2cU|mV
z+_r-SN80WoTHHn}7@zPrzJm6=7izdUG=+9p8b66zWw)_8EGWZ(uQ!hvwMGwA{h~Vn
z_OgMr@&Rc1fd2HCpM+iG8>4TgSWBdm@C)U)$UM)5Xdr|a2S{n?uYDE|w$C?6+zaGS
z@Al*Yaop~g^EBv?u)UTvW%O>7Cn|S#(_7~@V@71~T3@XOId?9sDn*?6vcz*jgY-1^
zv!u5M>UN;`nY>^9(jRVn=?99JV#kV&q43tvmvQmGmZ89Ngzl{mn12AD-BQ~vlsgkS
zxUWFm4FET~OJ29IU$2Z3_k9KMM3*Z?Q1@vBw<!OIb5N>tNCT;QrC{T$V6WljPWe>I
zwO=Zbv=&NMCY%F-pa8_Ug48nbBt@sci)g<2pR+qN7DJW?qH{~`r~E0(=5&-;dR2WQ
zZFj)n+T0V0qzy&^WEWzzv7KHsEXK2&07Yaw%#`$>B^`zLUSHXuiG^3*!hwp)dHiX9
zE0GS0OU$>pxJGw}AdM7z(>_Ua=-Il7y^nb;$``;^jhWQXj3qf=FbI4&8Z$cDF9MLF
zUm=bbpc6oujq*NEg3^G^D<f+H)%L*`?XF1L_1#O$UkKCWl9%qx{>eHO0>IH~+DpN`
zFimeSKt|jhE52~K1CThh56^@oAEelIiMrW;I+HMPz$UFH4w7^TC}A|9w_AGAP2U`>
zj<ocyBBEn9(1jnGKP%yZLw2(EH<=eZm=C!Tz?%dCBt_RAWiY0;2U7Hde{<bR&Xk}@
zId!$UKSVW@2OE|Wo0n{>H(#6XO;(el0)U!|78dqb8w5>Y1m;X9ruqQ^Tg*t&$o_Hs
zdUHFXxV){&7gw!*mDO4d3KVL}3<b1W5V(PM;+xY=g}3MZu$T2p(xk6)L5o*y1rC)9
zoQ`5tmLhBa;>La(C+CM)z4<HK^YfGMc(&XwV)si0dY-~mdvOZ9fOb-yq1Pou3iUvN
ztp8WPtgkkz@epFNCNnC!!_eyvds9b@)=1VJB)AwdbccnITnaVKwJ*~1PkewNs@Sd>
zkWQ!U?_ETxnJfT_pKEH}pHKlBN+tqTG6@2=pi&slDmD+<7Y<l&Y9vqG1tTn%Y6wcE
zL}PJl=FwcxGC^N6vM|89RT}+n2Ze^a8kj1{xB{pn2EsIP)l~(?pP-(PuDVZuKq`7j
zMgyWL`ii8v<a(G@3Fz+txV%zbj%<Fs4YO8-pC37AEkQ=S^?#PCnNh0%j&LCgNYn*c
z#{%H}$BN;lr|tcL>OT+@(wbr_A#lN`Qq~>_Vis^2dZ9QsXO_zjllZD1xrHi4Vb-TV
zEQo<-kvjONf~k`>liYjgU=E)rO%T~lf;wh)R+%?F<{vjTe-Q!H{}_MoE!nM4(&#Z<
z;M=puYy!lqpt9Qy=V#3t`|>K?X}`%a1&|vT>&dM7e!OJ@!6Iew-eZIydwuZ&8}rDl
zHbXbdMgWvS!tZu1udYqi8(XLD?kPv_FNOpdjMDBM-7Dqv1?q_5<r9YM-$K^1D(P&_
z5MMRs28%Tjr4n%7rhxzmc#y4UfS<Y4zXO<(JymlGkq}ZR3}l_K^}w-*w~C?Fhg95T
zpMf|1<@q2l<FGg7smR5oPhVUhKWktxr}jbBBj+AFC9w3vlN@cDm?dF$c@!ew!rt*%
z@o$+Ib7}IIcOUkiOYk%|N^Is9s|6Ae3rlu$6KTNYS#x@?(lS(&CwnM>jUkWfxW|p`
zp43+sl>p5f%%=;F=9{sJ&S+XRBUx^BR?4ZX1W4KYpJlY~DgAnH7*u#)Vr;_anf24@
zVBHUfcxgG7WivtR!O`F$(6K<r`KD_9CN0;_H+oiOE%heoc@wz~%3SiOnk*1O1!X;3
zQU*Fl=IW+Q6O*4kD3%S5Nm!UA%$oUh<-=zvu{ns`)$9NB9zQ~i+IQOhMxbrr$m=vl
zbl?}dG&O=Cu_3DFfTb}(#Wp6!dq4%MD>%$<oYGmbn}XoR<C~|Nz7=oOHL&iME7=Fw
z>PLQr)z)#gcTFvL@rP<B&>!H|@gIS}-JjF80g3|@TP7f)=9FOB^onaLX8le16fZ5H
zyspFX>$p@cCxcFZ7Z*9QuAEW;3UnHgCquBBrDz0cctCpwH8=eL-$AfBXS!cEx!J$+
z{xLmsb@ulsTU((8FsoZ2RIug|0rE2!>a3nEno2<RnRrr%LNdPk{(aVheiPYBmI%P#
za+b6iNXaE@y6lTzL!EA(2o-fWXGz7h^p*6N^Ih50XtHrc*W?Or!rTN5SUuToy0=Yt
z@P$)q`+tJL-4l+hW+3peCLX<_ZTco^WobTw7KPbDYRpSb7V09oZ2t2Vf*U461A~$@
zbgB~9yw8SQwQFTBMgF0wU~<VYP^orh0EL=$%WS%(bL)~lfI2xeL1*fM@>TrqOkUkx
zF-vIE*ogAE-LC?g86kgGY(<1~^>W__?X^@TH#b@#4QpDF?x4GxG9nE=!C|a0J3UE;
z=1o7Yd;@8&3)F$KwQ}Ewi|bGbFZ@jTjI$Ya1~kHo(u#TSe(8t!7(0hIl666&KU-ag
zy*~m4AD8p@3;GnrwNbcTG;ZB&=JIN#2tXIO%x)k01`T<TX>0ep?vuMV&_<v8=$C2w
z7%JScpeKpD-mJ2PCoB8*ivYdspEI@)whz#dMyUI7zsqUqj5^2%LAWe)Q(uw(MNFe{
zJV4XX*%KA;1MD+>NqUBs2kLy`gJUUIKjbS2(+8Zzs7ZhsAg(KJ^-+TUlJK4=JHu4J
zwa9GDFiM&_3OX<ZkZX&wkDBCqX48NwDU_3PiC!uk9SLD{`H2+U?tAr>*(dtEvd=-*
z^7h8~Qr&<~L$b|fa=H<y+}HC^WHWCS+$Ag^-9+Uz?;HAI;h>4Y6!eF6pj|+>i{YFa
zq%ADgzS>u(5j~W1s#)O8e#%HZ9<(AyL6GdG@TVq$7Hy|*1Noq<RWMH?G1S0A&QB$y
zRyQMB77z7u&WZM*=4#bZt#I{68qQvplpcvKt^kPO>Ghx2FkbFRXn4>8XxM_lmC7~y
zsid6}hE_0=9)qgyZU+6)30l+j11C~>&B7^7#h%(UGDDM;hc6)l00JW1p@!P|<iuJE
z+Pvb8R<^EdG$HI!hB@g4Xr+SuwvV&X;^NNjHP|9)cl@FFumS-wDh1wKgx$Yw@&A5%
z!2gw9+v3On{gQ=$zfj^|FY&LJ_}5GP`?WLwe#OqeUnlhcyKh~Z=kD%3@AtN1*ZCh%
PVtmQ)szLr=j(`6jZrhec

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/csv.png b/assets/images/social/languages/python/modules/csv.png
new file mode 100644
index 0000000000000000000000000000000000000000..1cbfc024f66374b21cf14c0da1860bea812f9094
GIT binary patch
literal 17220
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
bo7l&$+M$a#E<;bP@3?4cdA{JU>kt1A3)efZ

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/ftplib.png b/assets/images/social/languages/python/modules/ftplib.png
new file mode 100644
index 0000000000000000000000000000000000000000..b701a4d3e213d1791d72d06c318eae662575b324
GIT binary patch
literal 16393
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/itertools.png b/assets/images/social/languages/python/modules/itertools.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca68f58b3cebe50346cedaede0f499886ee07929
GIT binary patch
literal 19311
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
Uu6jHJ)y01q-MCWmr|ZN217@WT^8f$<

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/json.png b/assets/images/social/languages/python/modules/json.png
new file mode 100644
index 0000000000000000000000000000000000000000..06660237032079cb12c55539ff5492b169e0ebc4
GIT binary patch
literal 17564
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
Oy>4(*AA8mL(f<Mrpd#o1

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/logging.png b/assets/images/social/languages/python/modules/logging.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbeb551e31e967eb3600055ad5e41451f1741299
GIT binary patch
literal 17866
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/shutil.png b/assets/images/social/languages/python/modules/shutil.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b00cb6629ce3f8aba524719eef2f3f564f45ec2
GIT binary patch
literal 16604
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/smtplib.png b/assets/images/social/languages/python/modules/smtplib.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5398828f4a90872771d7e28928013ab33bc9227
GIT binary patch
literal 18800
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
CI?%fS

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/socket.png b/assets/images/social/languages/python/modules/socket.png
new file mode 100644
index 0000000000000000000000000000000000000000..00ebc5d3f73ca43413694c3c24e1494de13956ce
GIT binary patch
literal 20543
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/sqlite.png b/assets/images/social/languages/python/modules/sqlite.png
new file mode 100644
index 0000000000000000000000000000000000000000..98d9bfad6023c4cee5840eb962ee8a5633f3f044
GIT binary patch
literal 18297
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
TcuD}mrsvG8P0RlFxck2VhyB96

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/time-datetime.png b/assets/images/social/languages/python/modules/time-datetime.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbdaf2302e14efae4dc84dd6b2b63a50c9aecfb4
GIT binary patch
literal 21985
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/modules/unittest.png b/assets/images/social/languages/python/modules/unittest.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7667a52800c354a97d7d10c3a9b299cb7f90099
GIT binary patch
literal 18207
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
T+5K~VTe#TJ^it7ZP7nVN#&5YF

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/python/python.png b/assets/images/social/languages/python/python.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ab78f7969d7801ac4d8dc361577975fb68c999a
GIT binary patch
literal 18476
zcmeIaXH-+!8$OET%&22QM4B{(QKW-NZz>=vO{D~+3epTkq!Wq`Djig$w-E%Cl2D`v
zqEaF?QUe5tCPL^TlmrNnyAS^Ucipw_=X*cR2UhgtlzsMo%kw_(vlDaMSpWE6XZ~Vi
zV>^EHhVET9w%;q**nSH*{3keKas^?-#-_h^Q}?P_Q1;Sf;F}!(oJ|@oXKDa(<G|ec
zBSvb`x2m7~akWy4UbBD{Y21@)s;yC$f>TA{e-vKVo4axJE#vgHkesPyYLds<&Yr)0
z^MWs|<#aCipP<bC)WYrdH7on}q1U9JlTdVV=#gxHmw3EC1pR|eUBux4_;`8wz)|q=
z<lPZV=;+@@pMC=$XWf6}hW>k#6AYJ)?MCL4KfuS8f#0Q||GvKP-=+WmPLuhu4QS$@
zyeh4%Q4bGV>ew9f&mv6~F7*%C#moCU`~0jfAxq=<IVnPeC!c@0o%DK$D;6_etTGe{
zU3WeAxxqNOoM_FbtUWPKak2|H(+Oo7B|EOpuG*?xdcm&%E%TEJ&5ANjyG>%Z<J@?k
zpw@C=ol=MCf*N_1-6*NjKR_)%P>T<ocLk}|7)zrImyNrl$4Ny|)?}x&GQOX8<g@o}
z=n8U1)*}W^g^SN+3fnb_3t5lJ-w<`I-#4WvHoNqZj@KynhYN|NR4<`t{c@)cLzZ{N
z>)v=AEs1H66;{*UY(Vf8IxhNr-|BwO<ep#3Nc*kU|MdU!pe*CEJ}j^n?rK!_HBc^|
zci&)NW|i`|5U?e;qgC#+#<TTXZ=BmV)rO$Qo~{$LAnPKyYdk8tl~K|ctQ&v&*EMnc
z!VeRU_l}LQ3)R^h#UoS1XLC#-Z+RIf$@9Qki<iTv1KlW~|K*10{>=`KfJu+g`1X2k
zym9_ocF>bu)NIz$F7r``Yg)T`Aj3AXyIbTsKDB+yRDzry1}8b=yrL;WX8g~;$O!yA
zIlJVq>JVZ+vAdOV$Et<wz4vNbu#$?Ao~Lb`Cr&81#53;v&c?>u$1UR?hqdr~&=}Cy
zGd~J{?A#~n__zE)$pYkZw7=1$55dXPr{A2Pw3QcfX(sd$?L-0o#>S^A`sQ{D|BDb_
zF#cn2F%yHQCfhymxtEHSx~^|NJNf7JPhI_BddcxPnYch!khz~Tq1tP78%0DWaPc>S
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/rust/cargo.png b/assets/images/social/languages/rust/cargo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b131ec3d5ff493be488b0f64507ba64650f6d556
GIT binary patch
literal 20161
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/rust/concurrency.png b/assets/images/social/languages/rust/concurrency.png
new file mode 100644
index 0000000000000000000000000000000000000000..e67eadf68f8ecd3ae2e60b72e1a686569337cecc
GIT binary patch
literal 22628
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
ZT_nxx_ngL*rWC;+ixT5ch&8d&@;^)N<S_sM

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/rust/macros.png b/assets/images/social/languages/rust/macros.png
new file mode 100644
index 0000000000000000000000000000000000000000..28ff23f5267bddd309e92ddec9264cfdf76f2f44
GIT binary patch
literal 21453
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
A<p2Nx

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/rust/rust.png b/assets/images/social/languages/rust/rust.png
new file mode 100644
index 0000000000000000000000000000000000000000..8785478381cded826d600913af4fd4514c5f38df
GIT binary patch
literal 16957
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/rust/unit-tests.png b/assets/images/social/languages/rust/unit-tests.png
new file mode 100644
index 0000000000000000000000000000000000000000..08e652af44e1c6802f42c5f733d9d9456dbabad8
GIT binary patch
literal 18804
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/languages/swift/swift.png b/assets/images/social/languages/swift/swift.png
new file mode 100644
index 0000000000000000000000000000000000000000..1727fadea1e618e6e249afad2d555f461bcb704b
GIT binary patch
literal 18119
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
biMK_$|G4{czktnehcPm^b}9d&{XhQ)gYE24

literal 0
HcmV?d00001

diff --git a/assets/images/social/linux/filesystem/file-links.png b/assets/images/social/linux/filesystem/file-links.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c23defd1d0ce690ff383f1e6a57107c76aab1a0
GIT binary patch
literal 18523
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
YrZq9{`HA;B5GuT2YIUyUFSkek2i!*Z)Bpeg

literal 0
HcmV?d00001

diff --git a/assets/images/social/linux/filesystem/procfs.png b/assets/images/social/linux/filesystem/procfs.png
new file mode 100644
index 0000000000000000000000000000000000000000..dac8bc7ee637603af01185090e361b82bbed6ea0
GIT binary patch
literal 18554
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/linux/filesystem/sysfs.png b/assets/images/social/linux/filesystem/sysfs.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9e1f5fb8809da223039253b417b7c157a05e41a
GIT binary patch
literal 17510
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
D%G^-7

literal 0
HcmV?d00001

diff --git a/assets/images/social/linux/init/open-rc.png b/assets/images/social/linux/init/open-rc.png
new file mode 100644
index 0000000000000000000000000000000000000000..535ceef999f19f91b8430f3a2a5a9518ee9e2512
GIT binary patch
literal 21451
zcmeJF_g9nY_XP|)I-_G{=t_%%h;)(ORYXKY29O#c3L?@c(jgF)QRygBq)S%<gc@21
zDkTB}g7g59L^=dQ4J~=D8$aLoPk7h!tTjKlW`HF3RnOUH?|l;f_Z_{H$M}vNIB?*k
z{>|$q2M+vRdf>o8-#-t7-xys9vN>?TG*18e)w}*_i(`KAwmuEZ6HCcjZ<5#S#IrcB
zEuFo^{m1cVfzt2nEv~TtA!)~boagTaLPW%~i^94QPlOGxSpO;NZE~~w{F~dJ(|aPy
zuO2*%Qw`eqy72F`Rb&;-@ZnO$bXqc1Eps=7oZf-Z(u9HM9(ZM}8yfr@^naz|2YI0X
zCSSM*{rt-LzaRhKzZ#;yHt*vAhEOXX61+3V*h_b%(Eljz=}U>dZ>C$e<U2|KG<Y)7
z^i)xdjYlaquBc;DHZudZ5DD!yPOD<Ny7gs9tpY7Lzm|v%m}mCWzq3V!m+3?vS#BTd
zwS4*qcv-GT*XIEhCj7X=Rrj3>jWq1$ATc{(5!qDB>ENHBujk!u1Rdg6g}4|LYK<jL
za>H9sYj-OUldv{D-4-p0w?7^Pe>d@&U&yc73(tQRv$ekHO4-VD-}BaWoBdr1{PC=r
z#TWvyEO$~mogS;lzcb-7#P_Eq_`?;K6zf$a@y+vMg7q|*nK<Gk{P=Ij!C!86I;_Gu
zJ^yfX?kGShx=H`~9K~wQfzyKNZ87O;b?3(-?_<vGpXU!-#Dxc5MUQL4bo>f$Z@COv
z|N3+ZyF&Namv)czy%&DI7A@PvO^PGf|L*}UnnuccwhrZcp+}Z1*>xlxkJU|!9fBU+
zVptL94vPv?@pxz!Vext3#{LYqi#{mA{JuKh@^&)|kU2#f-jxh|h)1)<>`Z;G+3LyY
zKq8HszqMx%h1fU?)adBq9UJHT7fTXecbxp8d+Hf2BPm@hu_cF`%#qiU%ACry9pzC+
zxp*XLXR@g7_A58FBfzua<-@CR%9f~mcucxno(4`3p0dJSrdW1RGApJlEa7B2{o|@M
zvaQnx`Ew8vaV9gpx^1SaDy5=SF~r|=>>dKzs?Zr6F(q3*b73gw;oTcO=7h8V64*;k
z))>zQRA{Nksc({GB4ZxN&*LmvL1yk!ALdUlbj%nBdpZ3a-*QW0ji_@F>cN&Sm!q^O
zu%o=*KOeK}bzfpd7;=_we-c$5YzYd%pGO9aa};~bMRhZgTmO6PkGzCM`nTiKVCWj<
z=QqalH6|tPT^*MH{_Tz?{z4a;^d&6p(URrP@j!4?7_-toW!WK3{d!5{iVMEUcli*3
z^ItyI^j)Rbs}D5m#qjYQS^QgWC<%<@<AJ*A*(uAhcsI%3bLwW-4fEC&-BL1N9XtUu
z5g<j0N4vMix31Ci=qa`mRM&#2sDhA7Rit{+-6e!YYufYT(0}qmr{6SMZ4_DufCakJ
z4EDD>RLf)P6&Lp3;)Ev&&y4$9kc+CE_H#2Qc`K{@eo`gTC4#vaJ^?nuH;%^b>A6pY
z6JTWz-!ygAqWPDL_mr7U)~dKU)%y==!2dM8j4!-M2x))szhso?wmgmA^VE@okFh(v
z;PDHx(Q|56Wa}d)Yz`2EyK&8*6Bc`Vl4E-mTgv8tmaE)fI!7mnyl7o6EGecpHCppE
z*0?uWdiR36nq(Bcv{6PtuD3HN36e^TibMGp%?*fDn=jRMRtU!T2$ijmbEoBUmx3#+
zG+}5$wH9-m{K9{EYs#{+P()2_Rj#~F#W&T4he$K#E+FJzxNu^Lskik}Ryu4a!<|Oo
z&07kgO|o`cy~J9P^7W@qEp)h667mO7yAw1;<XGrQ`f{XnS+2+8=H;S772necKD`C&
zGX+9+ob|UQ<|iw_UAe?~*zFn4n}`!t^Nsy5S=RZsHy#^S{Q5~kHWZX%nT?J;-&WcQ
z<c%2A?%u=;l|@CJdeokdY-RHYZCj4m&ZWA}fAnqjq&~Ptpf$(2$TfkEyFU*(P~s0^
zlmqc8GQZ8^h<rIY^4T@1iI2UM{r(+dr0L(a;L;6Vl_amOC<@Z^BrTdnm-xRItd29U
zo8np12KB)rHn=(w4|KLT^p6l|=8oFReNC_B)XNPa^%Dp;=66@=`6}yT2KHCogOVCC
z#Y<pC7NJ#%S+c3Vto2Xxw;D#DoUs{As2rS^jWM-)ar(vN9AE6MJud;c7})Z=b}5mE
z{AL2D|E<rQt2;QeA(le<w#w_xe?tkEO%NFmp;H*0i~OyHBEH2@W&Fhp*8M}nixD}B
zhUxT7r#j|VoA~cVelTlJQuJ8qTh_ur-CITFVZn>S!X-5YS~1(L1`UObPWLUwF1IAb
zHc9G^57V3vYur5I?=z~*>&uT-O6=C#okL)#>twsr#fvY(L1G^UzZ<=*KD>*uk)h0-
zv7Oe}@%z0f-luwRKDmYe#@i$p61A9&;4&<>J)~<alU-S}v%CA6RqYm<wcMi1E++U*
z@ycFKYJxcng%=-DS3==+d<(<GbG8Y8V(|*Ryy<Fzq1y8^QH-B?9U__UK7CE8_w6^;
zQ&uh=>Ra_{(OjpmH+raeEw~@KOC-jg;enxS2f6=YXNPG9TB3H}R<R6imuhd$E4sLM
z6L&&z=SP$RX$7&e(G_;u8ePHP!~DlQY{{id;DQlYn`UEL;Ib~yeH(MiE(&mV4ANM;
zR^D>l^hQFn9m(7F_qZ45Gj-dPz+NcT<<A#kM12JLcUjZ6Wy0o4Zj3t$;P8iRJe5OI
zv~;qI&hy4fKZ-VDg#?V&*|m9q=Wn4uL`!!0JGS<VA2BByd43@MuwnUE%0Y4JB(tb~
zF;vWtvoTH$Tu|hKkQu*5SGrdU#fbGG)=$7@h?+(xP1>5nqG5Id+9Bk({!MnSnVD9r
z)|4W$Of1?{;o|bV1vcuto&4J5)9uUv>T+1vdrw*v!dKpg`LZA;CeFkDt~Iu&I99O*
zKgnN$SF;~%ui3(f8=J4RQ$yxc5|HEE{9R%@ZPGqSTIvn&9RaYv@B)&MYeeIy1*~EU
zcU{N8DeAO|z>YgYXi25!!p1NTZEu7a-Mi~m<Z;V<<kWE4WfzI>a0_`?4+EP3&)`v(
zjX~dl-*q2d<F9GfJYs@>3u1>`ZegX<xh=&dWoP+xQb=~;at3p1l$D^ldQ@j-*J)lc
zn5E!kUhS7j;fJ@yBj>x4{~~!*DlQf7@Mo9M6O>;z`F)6@Hz`Lw+|(qEiV{ZgJ<^6=
zwca?klBJgg(X-{3XVbK$$oI4crZjf#4U+0DxOj^NOPK?Eh=7odG;<;4bY(f;l$wc%
zYJe|x7Y0s-+GX{kqB9V^KF5FZZwi%P#Ycpx%rhozrxH66JwhFWZl|?>JMg6Vd$!pk
z9S4(&$sy29z#Hor-SVCE8T<fa^Nk^WY~G^f9Kz}^C!0DcK6rUm<@@>;j)wj*!^*fv
zE}g{TB<a{t0{*NFgVbK*<LjWY_Iac`QM;~I#%`x7iIT2uJ?e-&3g`Jv(lIqivX+_k
zLI%Ed>a88SUgykqB-}V9vf91!R$+q(%ujo-T?&(J<Gq#A6}@p*yRlL_gZwD5@4mW4
zYcu<-%tsRPnlozqWRo(Z;*Y9DdURv)!n$fnz`LxD%myFU+>n>`Almu;#m<)LJEzAd
zyIBLBs>fbWxhfRq&tr$Mo(Mr%cLg>~wgT^}%<zRNmVXoL#)(-bEdiv(0SDU327qpn
zl){~Qrp~sSG>8{Hoj&vu10K)PoA#F!aX;&&uFMplo76=Pb#Vt1UL@jB_)Reb$_^UQ
zzxe0duqx6~EQmMb%ZuZk7cQi_ox5#ipzL{`I}clg3;3~B5)}H<g1aS;MXPI&7N)c~
z+FC4s4fvoKLtagI`?&pSKY$|qC2Dm6=F|?qW|IGUf1Sg26Ysc&a0q%j#j<84LHYR-
zE7%Or3d`zA<u}k6>KvcVsXwYWj}PfSXUlX0*c0rBo}*Pc+$wjAPq0GI?1Z@N$d9gg
zBdJHxi`^;wo};ce1!{vF7pjAG7gUR-*5Cbk;J^d&=;R`j^87fpCm^*k;BNB>x|Fq1
zB}tVOiyqzO-K+p8D$s{oOk0qvlFE-3AKT^iXx;R*<VM$Gr<bb<M-Y#~m4p3^ZB~<y
z$_3<hBj9{k%l0~WoQlVgB<9hS^wM@m@M=!<AJX+j?nBFRr-q#uT?*H8dbUGHm9_l*
zFt}b5Q!6fBg6m!Ue4MB(%gQxKt806)97-FhnjxPeN)%C4b%7Gk-DQf*(~Ft0mNn&?
zI9Sp`=cUfUM|XXYyNo>tN@b?Z@Q)?<$O^K5Z(WvkyaT{T72k(u`1w~UD)%$bd58cg
zj6L|g72_jAK$@j7N3!IcUx|Dzu1Mt|A7#EjV;0ODt?)O~`=s0$IP*MFh5lI=;27b7
z#8#fq@tRvEgUT6#t&JQed_k7ImSG#wd{%x}T|my$D0`<kqP{}M5|wRww^D2+mBU<|
zgQh<zB4_UK%ly$W@w&B!Inn94=sNfC57LymiCKbYAk8wXHzXRuawVEhpF2V)>nrL$
z$TLx%!T7D9Nc-6Cu6bYX)1cT~zsZLc22t4CH)wO~X*~Inx8XT}&2yaAg5Phu$0}Y(
z;on`3bQKxc_2BvYmF+?E2tI2yD#0nWes}AtI)TGWNvJP9u^QIrqubvZtJI3lm<`km
zV~%Lm+>zl$w(Ycff0#vVc`ZJSEtXp3%LyDI;y*NEXQnh7`eE3fqd{!pP9c}1LpIBh
z$lVOH)Tqa?vX7#h8tcw7S8oqyiXJ#{uVXODzp6{b>kTaR1#~NyBioo0!R_zkJf;PB
z=U&&gu_jm(yn`NMTxB?cfsVYH2oMm9cEx3^`DF*rC>PC}hA>GtHUd~HSJm$}gW7`s
zL~gyaxkKN8=V@$2r0|`QM)V=`>&;)CC+V+qUbGl_1UM>LczP781>Dt7QqJN{tkS){
z=@T+L7bD}R`gJnfXf=0xUQt4_ttIFbCVW%CoU?dwi?QS-jqLtzh+GUki5xTqU;=<M
z6h*m%^67Z~+N>N1gKhyxD|nj!MD|<FM$g||_T(f&CujwAGKn+ApcINqX(wO>K;9wI
zl6~0cQ@U@1Wd8GYQN=+?QAvI^YR6d7r9e;?$~~NsB&~0ZmAE=GzoX}r>plIc^%Qrh
zq(~LV95YKljbSbemS59-Uo5HEC3Jq)2!Y;tf7;A;$YHU<eQ<g@Gj<(i5lKtzq-m5%
z(GP5ft=Z*tp_;MGs=!dzz?fqh$iFWa?y^s(T@t2gpdXL=)0!`ek1wad0<%ODi+xiq
z4jdS=&gI4mXCsK8*KVAXf2QoaAf!otkNJ!Ga&u3$H2t5BbNBM@4bR2+H&yd`T)M7l
zzvxo1s%%}gnz&bYY9?eQZ-CL-ujz?RZOqo(*!%np)S`yujJ2Q9Q}-0BC#m#5_z7|z
z0=3)U!_Mi_*Q<GPF0+O^z73ck2pVR|*V!FhV1n0Ty9}B+<<a$eKFdk5(!1Eix#5Ox
zZJ3t~TnM(?(woHE`6iomLr<A?6FK^|(1SV_5eQYQxWmq^n6N6$+rtJ92B1KA{5{hs
z=yERp;we(C{VHPU_{)X2T>(PLlJ@RLe=j;%1nMSm>dM~XG&2w*JkatY>dKXTwSw%b
zS0f0F#Me-1aFXekDwju(33aVQEhe#S_zRfc`cM+B^!u4352Jsj;A(z&N;*tUPqh@)
zN+T(Lye&GiYk1=3lUeSv&I=wo)+T9@)wDrH+FAjdpsLiyNd9I}>gGtk#woI6lQIP)
zT!GEb=TPkF>8snQ4S3*TAi!FDZacnf5a|V-TOU<VGb`hG9=~Es-d%S`DeHcrs&zqG
zVzvSzhq^JkjNnNup@n(LBE}sR2fs&-P|BhSNtEn=EI_d|bSzg8>zi)FgB^BUJ~)sA
zpb<zPOXK7G@&ySkm4+w}>1I&OwSMJ#=&Xz9D4UYzEi0EuYD5K+J!^5?YM@fxsXV{(
z^ALs_A>Zm31pn58QM2#%nr?}!qgf0Vspr>AyPE1HHGA<I&X<q5rGrXT*T&y=&`h7*
zHOYD0d%W4s7Hw1)WY>k-TdtXD$O+Pz$|y*szQRh)(3hrJ{;4Ogb%J3zG|GOB9oV3u
z6(S?ENoKd%*%7MF57JmTnnmzp@c6FbsWUdLp-Q_PkW(BoSEuwyH%Q0*KsAINE57`~
zoTnwSV}!cIrtE#@26_c##K~l85Z(@u9y@k613Y3jHSasLEyc`ixaidtV$A^347D7c
z-`Vc30;P*G`b`OKzc}d^(y9<eelKcOnfR=mDp>y=9&|@C)>W%ww*HH}O3}x;BQW(q
z%UwDrwJzF%-F0(z9NZxxCu5(fdNvUN&=@_=4uMe??5TvNAL^%sY8FH1)%}SP{@wR&
zEfm%t#C~w3lVW4$=^jrsTQJqIyMl=E=6CC+Y~(e?B369CI$!5o6CUjl)>|3GCOBD)
z7IzG_eh>?RO|qz+;Tbay-pmm%uHO$FC|`P>H`@wT7(q)yn(yfnnXxsFzU7OdwKmN?
z^1aFEsxG8FhLXJ*L!+<yWeIIHrYoA;JH~>VaO^@-%gM~t)8IMzBBsqF#gEy7z1k1^
zT^x-cD~NANM<fe~(JE%KWWV~AArH5~$+wQ8wf^4;p`4|{!h}`roSeGsO>GZ=cGW!g
zKIabMQkNVZpvjZp=(WPMdiEl!eYAYPmKqYQeBJKm_6A04G3v6AW2&5i!A{K%8}B1n
zyGuXcUb3MdIq*cf|F{8((!7)p!$K$IZdX#@vylx$n%i*vhn!pX-Oi4wtj`C7ci-Me
z(myzuL|Rr{FS@;QR5go|9hQ}#D;JD%7Eoyr9>*hm@V<lXLNA~DIjww&tJz393b7#c
zm-U0qf<{U$6_KRuk`MCjw;sy{JkS@o)F6CEwN&lSP{I5?dPW-Ro)0Q0XJU%DV9YJ@
z;)ESmKpU?D)gX+ojvYb4U)k%;Tho>dqqWI!7{n`RFi>9L9<nbAZh_KY1tLy}T}2U_
zFu6(#<oik$US*WWwf(xVyndh=9Pb=J9u`VQ*c0h_W!*U2BM0)=`5KUbb@<9wNMZBC
zhR+MRh3QS<ntS^Ndqy&1!PLt3YI;??3)=mOpZbyCPR*VW2HSpE58aGeYIO2WQ~W}g
z5T=wAq}UspvXShSsNd2hk6RD@9cCm@@5{52+-Qp%R{yfuS{LS1y!dbO{lgITocmx5
z_bGbm&&<1t6tnBi&Y=2lY;Z8lc0hwP{YP|?J|!-79xO6DyFAPD!hiz1>$l-+0O=hN
z_b0$8{cM-Huzc_p<aFB9b>b;;*@z}z8f)xArV0**<Fu=}G&OQZWoDlvoXMF^!nK6&
z{e?XoG}XWTu+uf1H>nEn6H}GtZ<PX9<zv3T@@)?Ew!?%a{I*YnuYJOtv(vpks#Y&Y
zAHe50-Q`x0uftw1Dvo^u5u``giMUUZ<Eah)2~c%i56B;I(v4GVL{R9h=CUTr%Ytyr
z|B;Fumb}=Eo2qu{$WiD(<!?!jP+!+VjF?*Cc~I^ou5hn+5o7hW?bDajpNChQ#HH;&
z<BvcO{W^N##U^NFX$7fZWu3Ae*hsaP3ndTBYUc`;0iGqAQ`Y9Z{mD!F{OGae(Kwt6
zy<VJ%F(p1wg2u0ak)xLpy95}Eq5Pa>IMlDnnKTyR)qHNFR)+3>NW*F?RC>39LY7ky
zZfnf-l6Lp?3b&|;z5DR5wR`SEpKD99)1*t-FOC+}9u?{Q>g*`z?(N)e5pRROUc@P5
z!zC-lUACRNKkQWc0%eWb-vYk^inN-^p4OSKV(J?+XUtw3i1Xx$E{3fS?GAuJ3Y()j
zfgW<;9%qIv-gnAugg(a!-qSuU;t^c*zxAwVWA0*TVU}>A{rLr6@(b9(K=b+v?-62a
z9EzJ6a?UYu=yq>6A!M%sHsL-!XEP60Hidm;H2tsJ6^NsK;!#;SNnJxo87kWCEmum5
zLCdmt*R)UB?}FOKw{!{nn*q3rCSuGTZTsM5UW1$}&4~<y!1%??^I&wR&s*#kXnCZM
zy=|`@Xu-t7DkhsTVPUBcMOn<))Z|XEtOn}#W4n(WplVu8jOw_*!roL1R*}J^2HXYj
z@@O`yKEvgXw;QOj1?s#U+b#Ogy)l-6)ALaiqx|3NU)Khc)hw+NBVi4m9g!C7?4X)&
z9d&Gb5w`>ioctIG{jG@Y!MZRrtAWjk^)I6jyqac`_ZNKZ(Ib7O9p_*%n*4b!-?c<u
zfV07XPp2Q%Qx(+Ak$5a#{E+V^lqu3`x?gE!ip`E*3f$Lxt|%8uZZltRjU3^ph*jrS
za3jx7uCiC3Ph*+IN2<8ACd#o~9JFimWJ-cdv%06-wwJf1UpsMuWvMHhu3XW|%mM6o
z=5A*>gRYG$3RCpd4WdZLe+R@XI3eN)W7ZB`dyWD~RvyFR;KtA&8So#QnLhtpARWC^
zhLalUTVe7twmeCr_{r-<^-~I><A?ob?r_6LkLAKxIWk=}-c}UpH~i{*KJY1Aj})mq
zBpW(2PtqRW^AV`mQ-e>at+G2YeLKP}l{;_Yf-ebEYLejt8=oqv{l@Zz6u~2A1zwl!
z{x@9^Z|NOu(a~cCxfOzLw$0ndts>@tG8tXJ>y_<*k&K|cN|!JtWHY_mIzc+Ky^zp?
z)lyJuH>m!2bmNQ|q$^xu%a4)>ch#0Z*B|C%-YPO6A`A9u5^(cluBj_;!IhqroP#Be
z+VDCtmB##i7M(6MSN6bLHyiWVe;s#-zYlCyTdnS(yi_i}HHmVrUoUI@A{M2lw`g~!
zR{9>@7~O)Ir5b!!J!iYGS(Kh3#Yjg(Jd3<Zgyj~h*{TsP#7nM`NLbAi{gr9AEC3|U
zF-<u$kQvg)MxU$mYQ`{s&05w?K3}24P}M$oZgV)o(krPNK*M4Xew6YRHr}Rmd3{HO
zczfBV^|R4kc90aaU)S<o(zc|%ZT#ynpFz`3WAbS7%uthWN!Yo`;m#AzM2xLiq{Sie
zdTlGP8?UbJv6pG3gO`3UdO$iNA{>*NJhm9BjdwPiqtA_Whglrb-@l0m-Jy}}EHw9t
z46u1vCbVzGLHrlA?P|FE@{15VH7R+E$mVIy?X>4nn_vM~*}wQ4Z<XrK@4s<M3!G3V
zgpxn|{Oj6cIdI~#9X0`F1Q@_vlx}dfjGbr$hSCbI>SAkz#UaD}=l+`?EfenA4I*qX
zYYAhbiZ};dXq7bq&78}RYrU}rSQ&!cn15BOzvBB}F)x%EVM*ry7`7kXA?`FAM0fde
zMb;dJ-=d`;B+~<5XO8E)`zxIG)P*T}SqHdG?|waSqo}rnWIr%EaGmG@X8Z7t;nEIG
zlI}8pe*g3w+aC%zJ?mlXfRD=aC1i}M7N~++ms2nZ&@skl8PR*8yz4sna`#L8`-8dJ
z))x|HIlY_35*g@>y+G1B&5m67>gEQ+&$OD+XSt~TG}D1rjC%{__FvEmJFC0LT_%I~
zaCDi5BY=W4s#pNRsbYdIsN)mBt(*w?M`!!jzE}zG52}4Yw@A}8$})408WCa@4x-Dz
z+v;r1p0Xf!Q=vC{iC|@)*D_kokQ<Ja{((FDYZ`LN$6Md#&Ew|nQCJdDkxe1jmk?Iv
z2fNLOj>#}SQ+rha?X#zI@&i$lbhzTz_J>@C-V$^tkR2lrL((QCIoNELXsGJ0J4&p=
zi@eA_TBtIsuuK$|S&!27&RxCR9L0*XAVslb%WwXArh?<$I(ApU4}n7NfjmY@$<GS@
zHHDNiGX$wULZ;v0w&w5A+QVE%Qa61U`9Y~9Rl<$E{Oc5i;AHF<s|?jXP16ceOjWy~
zjE9|4LnXDpmw@5-Lj5!o?lf~^aVPdS^~4kLoPn<9TO#(-ALegPL<oC?C=73W3JY`C
zJdIxrWoM7HSl?6q3yTx@_3~Gh!sdpKWbH1j^W1HGg!3auV}Wv0-ArtjEC{k20ubp0
zPVjZQ%kh1E^5cP94(j*$Ff~HSB#u>!O0kgLHW7nu)X88FTFaY>H0br3PWHF?HEYO+
z8unw)#{;PvkKLO`f=Hir`o7FjR03}}W@0B2hYeqM|1Zb#<LMxGAioNk$=TnWu+qVg
zTs{hks+az}5NlJPUivL;eU|!?*vuXrDGOpR+(|4I4F!9N=T8PK-rPuRPR7FQzR6Mg
z6Akv4{AxK^wC^2Z>$pRORC!N<@o8dueUY?K`XIFE#KhJp@!3(sGOU&#CCq=7pcA-W
z1!@#tEbiW~WyuDUqAUS;5Ab;%(LEr+v6ivM|AM%rr6kjCutV@$ic#(C`PK`C7r+`9
zu3R10W}qc*dC^}QMa3Eksk^=D?$F<{AfBAQ0~Y&U?e64vPMSZ2!Ft!0#8LsvIp;8d
zAAsV>>;9H9*2W|fP>^z7)`6G|=Cqyxpsfeat8IXCkw{`Iyt8QCyYl0>G_pn0mD1Q<
z)!hCf=Cp|&7bri8q*L!>MEqd8(y?pN`-$~Te79cXiCc*8eP`;?zII>Xb_~HkUxMO}
zN={ds@jE-32IN=!pe~$*-5oHVFYlOj9poliT=OpXb0Po<4b{@I`oRKcwf}0y6vrk(
zdDBkUBYBK#>))U<a7p?-@1IoC-Ct&la6pX!-v5Fc4!Q^@DsoT%I#>8x_?rFY22kgJ
z%Y8EL<+c5^uq**V-$!oxIP~(etwc`wSLW5jFZYLz<xuW)xrtf;MVASl<6_jWUmkQ#
zQKN#x&nc*038L+Inee3Kv+;ct_QUK)7B3u<zCb)3$7x)Mz6b!vyUqOw<j)O?IftKb
zq8lTidMS-=aYA@MF5@2WpCM%szH2U0zKltl5`_QvFnBFc09zKe0L~rrb#wmu)+A$v
z`|ADu&l_qVQ!NnZgU2nxG*Hv+@1-ixuRe)Fq3EMIE#E3SJXUjGWk1;VEB$f9$NJ7}
zYK*1L3;~M+ayf<@NcLR6;!yDrBpiYw?K+Xx;2v<B&ngZ)XX4j$BF5J5n*JL1!y&Dk
zO8@(~)M}04IZ%y;iTLrBemVSWD)x?|ZM3sBV?(_|!MCj1Ee`$P!wvYdPLcC2OLWAw
z$lm;gap7gqI-Hw)j^5RFX3d4v@ZH?^13W1n@^vtv?&<Y$dGA+g#_|$7vk~w9*}n{K
zlg!O{V^BPCH*AkU_o4uHnlrBj#}+5}zrVi#ygFG+{@i$7vis8`x3OW3Xb<}Zjh<!S
za#4r{2`QBYi1xq?8ejlOI|dvxFPjFL!zVi37(hp;l-{QbVR8zEl0`n}f_^Uw0f+dj
z)exVb_Lu;Gl+E&yBlbWcuq5P*m@E6-01Vfy2ruZ(>^c$lfb2~2G_7N8a3epi9rHsS
zum|K?jn^Gh4aPMCh#$7I91t>?R|B=H2ry~9jtpDrwE@a&%lkRXTZM8J+!<58`a2Sl
z(8=Gc#)cI>UINVOM-WTqj`(Tz3!w2qhBiC*bntgc84L~Xyjm5YaDj?a5!uVsx%&_9
zm=_PORmQ1%evk;nrCSk?jg1o{C(Lx^JS>r5XF0wT6Ix5&bl7LQcQ|Z{Pa3C9AU-^o
zBvGNVHgl;s7NYP`u<;LoszT0manlp`3aJ1A65nRE%-UWABRTL_sY&m^>sT_m_5xvZ
z(~REyY@n|j0ciVzM&Cz}B;x?e^}cSlLyl(;ntPromWmMZ!$v7D!390XJ#U^U{(7Sm
zl!>mW)szv&YQs8E?U`F0w;m%Ql7|*9V!tUq#Rql>e)u=ZKP*_)=d^Z+lb|5Ng`kTf
zdTr9SwkPN<)lsFwk<upS2M4w#Iv&$YbX+J4%BNtJ_Y)#5e43qDH5xMYu7;WB@O5)Q
zZI8IVX#K+z#!Y<*e+|OkgVZPeM<6*4@&ycPe7p1`R@3pW{_d0r6}o^&cFVG4%TJdM
zh;KK(U+wgZi6}c%(@A6VD-MrkJ+$gm+-Qo!be^`d70_05_ulP3r+A1t1P0vTc+}{c
zUzc-4Lsz=?MNo0tGb1)swx1<YA}vb7?i}SX0saKW`Xa_5sbabXv4maPB)U3x5O>f7
zh4DSAXebA$I$Y+}Az3<{ZSS#jrH{WnxX|VLA8-ADw#S%kc{<Wu6!tCS1+b9t10D2@
zthGR=yO#eoYv_HsK(&*#wIX?vw&wWMsc$`HqR69!I<(NcD~-F;a}dL;>kzrg0q_kt
z)d%-hGBMN!Z7YuA#o?`2n}a*^)PIlj>YBRxmK?<$Ml{wbbukvp`?~9a8WB@_@BS$L
zf$7{dEfW4vxs_km=3*EyDkO{C<NnbeG*1Ofsdn~I;&EVCYE_w}wCp_|yzH-7|8uI2
z(d8p)s*V7+WPGJT7s>MK{E#kh$O^=Z-`SasyG`f@Q^eXGG?yJ?*?0jFZJ7DDA3!|-
zD0Lj!xqJ`fH9je60+;rg@=PLX!@39BG0}Uo+UxY3REv`vj$qyKMGs14?-~3JC$oF*
ze4;$kcZPS?+;4$cp}PsZx^O+M!~vgXJojQx#^(c*k)Af(kTI!1z%u=F!a;V|m-U&<
z$UM0nb<-TYLJ~v6V$>9-U0)@W03v<ed4M&e@0+=@1hcd9<P(c&VIU;y=@^ic>_awU
zB|)L2V^2Jq7p%p5;J_8cQOkzqaI#eFmgKfl>E4iLA*JEvVDsyGixw~*TP6XNdYf9`
z1%PP_)>!XlSmb<*`P*7kqYdB71xxlfHv$8O1Mz@D0zA=pOMF)sN}+1Xp{Fp$A9d9g
zq_E=dSQbPfZn^s)Taitif{orjdZ=CH;M9WkkueGCA-xmP4o>DRGbtrYBJ8f7wB^3+
zftmnw2b=9BMf#V~#OtyBy@|0#yAQ2)sjHkjkK4fFefR=d+a?T=p-UiZ(6>FMZ=-g9
z`z}c#F2Oi=+~DK$4(5u!t&pk@8>^I1<0PnwEg}TbTYZcNM|89yhm@~skliPuZScmw
z5PIRzoC2AoW*1mp=!QOY6Ze(V(B;A}H@Ro4e43j79#VHcB#4-DJysnseY=#kGCCOi
zajgxgf~Gdw@f_y}Aw%kQ%vg>@PZ=1Zv)mz9PN1qGAHrx?Ha-C8Wjk#oaS?D3C$JI`
zk>l!W9%`QUC$P6RIBb2;!Ml=FFW-CbZVOp)K)Of<lUd0CbP`9V6S$6068=Qgyj(3B
z;^$QE@3R(F=s)vJJRIWA!go%Dzid<#JvEvo+(Sp~xVmRk!Q*?+-*f+*=T{V7z$;1$
zTzg&}6$a6D@myk=NnYUnjOnBc4I0$^zafhR-JxmVeW3;~hzz$;)WsZ*OzIqKfEV@E
zf@P9AbNDa746zSp$e(kO*x4}GtjkyN(D1WgxI|bEF!$5$7hu!KbmJEWN6Gs4A|Y?@
z8z^8{2#*OS{nk&fdh-T-#g1%8iYI1v3BYQ97hC|!9(CY%jP5<x%`N5Fn|Q&pZwb*x
zvM!OXLT(os$Qy%P#LVuLzqo@>^EDDc3ZU1=MjLo9$a)w!Eo*>>nB=22e{8?xqtuE%
z#}fFIi&R3kvdY4rnHoWB-=*T=Z-b&1K8tObX{`fP#>Z}K+q8&~KS9*PKldCh2&bB1
z*T)0mD0DR<A|D%@zK#qRxn*Av?zoR3!P*Sfe=JVi%LA$kusi`jq9Jq){ax<ErQW;8
zCY%)P8Ljg@W2kE-b7QcmA@ye$C&){S?Nr73yR9B?Iu38m1x@FH!-O<<fb16<N{ymZ
z(w?zq(dj)P0kxOgKt2spjCgqR_jbURN>FPwF&v&worOz;Aa5v1e)5{iuo~sTq^dbQ
zlC{v?19pb%7_1Cx@cn6R{La-yeL=`j2<!rk`Mu}G!u4~^7mT)@)nIF5U^)KA`=Vy^
z$4OuVQr0kG%;gzqtI0qr?fSeGfV1C$hHhZt$K`D!!%L^IRfm7b2^y4;9N)32tXya6
z+0S-YN6YCTwqA{apbr^L)d!2C#CR%syo=Qhr6OYmH5CAfe&5(iX&Dv|OC<w?TCq$C
zzFI4>k9$J{TLC~65E&Hd6FDzh|DBj!n*an@Oj8%)+dLK~mwV9#U1gi3-90VBWd5VG
z`{RWf9V?b{EJ6Yz_UD;8l;fU4XX=e+;ko=#=V+P%d(}Lxh84$HnvJY^Q~Sn6Wta^~
zeMOG$Alq7g5bf!gV##BK@^j%@Z^C{8N^*-a+5f{2Dsw$gAK6^eHuVpP(QEw!Rk^~V
zP~M!<JI?yM9<bT|n_06EOiyXgW_;y;$&0dKvYwfstt#gd*rp(-!6AZ*HWcQcQNaZ>
zJr1XS1vVZ*ZN=&z+`_@oVNhX`jytqEO}E5)lo$wr1PCd2h=xKXoTh^ZYNgk)3}v|D
zC0bRUC9kHYyjuY=>YsoC1?WE)nOpw%L7L45E<Gq{%WEskc5OASJaQ+i)os#)M339c
z7B7qm?t#~teu5a_uhbXo29WOsK&I2Sri}IyIIKeO44^1A4w@@N<`IJfGtppcq#}0c
zXZC))ZZp4N+aD|UsHbov2?hkME+faGRS@1(W{*Tde5mvzMawKmWQV+;!Ck2^<qMYX
z)#AV}QUfyI(AM`=N<`3MnbzWpY-Ylv705jkg0TDxB!SWCRo|(>jHQ|5JU46|o+09*
zhP|xI`yXKV0(tYmNS22!psk!fx5xQeL>NflJ+}&hBW|ag4Z66{XwmPN+0p@H<+uKQ
z4&wvC-tZkRg8k2l{TgJ+Jc`TZzIzae{r$*x-N>9W(XpX57PCst4oHzb-{L|p1^{h$
zXmj;Aq!1j-czQRCdtH#;1(S|3va6Fa<}!5Inv0nMrnHaUNv*1AOQA)<*^oDosOrh+
z`W$jH>d^i6_YX)K@W9%G(rvf8fFW;TGr*x?m|0V%XXh<;4RDOhe_Ha-f{)mI^L)%v
zN*JOB9Y#yNkI48<7w=ezsg*R+ZZIH0XSUID#FKpn5v$x1&MR}vr(*<ig}sxN4O2aS
zoILfm5Aw%~^UB8H;&n`n60x&k`*{SIw?l%W>N8zpyqKkUa+mgBFXF|5j!Vt9FbM$E
za*q8;c|W#;?&^!-JcbCs6_&~KVEGu*P*!0-XwD0a+|6_OpOe}JDu^FXC~LWFwqN&C
z!B5XJhnZd^2g5x=`AjAlQb9=4or|@=E2~0-hgR$@LSF78Aq4L$Lh}`98}_8Jeso3m
zK<!VM51l-X8%<E{JZkZ(e~ohL-%ZWbg#gt@L?&7`S>y6>dj)S2x6n^0tGw!R@5Kr0
zYe&H@AAqTe2;VU0C4%@zX-hf=*Nks<EBv(f20lkw4>E7z-@FsTTQ{9p*>V)DO)$pc
z9OMFet6Hql71FdE5}dY^A^0{x7ZfzSSQ~cbOl9O1Az61>(NSx4-<c^3cvnj5f}h7!
zA7N~=Oc}TlG**&~0QLlT`er1zC4YchNV&UXkSCmRJ2`hlf7ue)It+tP^<LQ-!X}Bv
z7=hEQvX$Lp4A*AB-*o|ANkh%^2TpdQ8m%#+@{T0;eeLhhwRcES!>Ao}_Qx**>~hWz
z^s(lC;Pde#jNHoC1stfqGB4rJzgS=WHo3ld`NJ|dAFyG(ZOld=u4Rjd#GGt?3sJQV
zG|QTw&FR6PJ^-_6?PBs?lgooBhY#D=+oKsl&-j)4?((!$_T;7R)lGALZA?)b$p*a4
z6B?tk@^x*;@mLK~H2+Wmvc4>pwLF>*<SHWWXsmRz7AcXKy2;N0W(YtQ7cfN`1L2~T
zdfb`{B|j|7{U)AoAqb7&b|QpWUTvz*wEV_LuJtg>CPsz<e#k8C@!vkcBBjxKLONz6
z1|?-PECf}I7UOUL=S&&C4MCaCF_NHms)oh8T|{RAPmaT;W&IysQ<W<q%y5B?iP-M)
z4>Wci-LN#>U3|LTEIC>d{O%m&ZH~v*p*1UNq&-s17@a3irP=jhRK4|SyQ;{4s~`N|
z>~t~5Sl?8gpJ;pE5qQ1e@lu~qeGQ-ng%J9uG7zB0x(|_pNGtpKVl5lzKPVc>**RGV
z?6=yZW-yrA<44$7)ujmT@Mpu7J)+2Au~uT1x|#P@{URs^AxB+73`_`(t~qySudUb8
z_{T;w7GcW|A>>CF(dQt4UL)hj&`{3H;ad=ZS<<$DBxS3qrnS79hYWsZrVlklL~O^L
zHXCF4QEuyK!H@u~i`E5A(SZ?u!xhL29p=0QTc6vq4_%>C!8d%ZCSza&m0kZmy70^p
zTY3(s)_89nGnM5%)RjR0_=hQw+~*;O-|kMw8>&yeC_jodPqNtDc7*||Z&1t9|JAV1
zW2@24b@8!QOmxG2>^bDp;00pM{pSrbv7MgL>Qf5bDEH^kiXf-A-asG6uU@Ib+@7Ta
z$6lLV(vj+S{C}V(Wvh@>5deN9WFk~1KXzhM;NSa_FUFiyWB~y14z49#>}2RQ0dmJ-
zZ>AYS2&*-*S*;4_+-7o@5aQd*rNR}P-K`=zs5K@qgAgPF-h}$CYrJEng+EpY!EyDO
zzJ2lHO+y%h53S{j`h@v#EFAe9n7V-pS+7;s8M!1|2*hP=?cm$lL=wm0T4mf%sz{?X
z&oB6CG}2gSLE4QYB;8F|UwsTf+Y{;dCsi3QrXH-K4{z%@IesR(-c%t!@(NiV?~%Lw
zX`l=+c=R#9*gI=)2em7=`sD%kp@IVKxYnixS?O|5S{aZaqFAcA`R^P`0?uw}lp3Bf
zH{(hQ@wVX-W1J*Anpg?osZ$mi?h7rB!wvdZ+=KOO9(&m?tR&acS4ndm={bO=>JW=w
z=pV#Yi3J%N91DvE@eF(6;l1Jl&9;op(+sxs=SA<W5OD2(<7_+@3*&R|XqBoFyd9l2
zDr!pAabw$-4k*gd{nXu*d6-LB{=jF#H0Yh7=ID8D<5M4R0BRF<tVRT3>)<rH=k0}m
znDl_O5m*iw6}b@qmEvN^Ex)N@JM_=C=w6MkqA*CY1I;20_%{!<gj1{sPm$255LXQ~
ztY}XnVLf<dXrhetbA0T#N|6bBqVV4Sz8)M1RO1Yp5t!*t(|;MVxqb-c2Xw7qzH4@X
z$KCVMp?aZhjK3ipYFEjMY+PD9b9-1pKJL7>#;gXMc<f?pV(Y3w5bP&pgI|AQX5L$!
z**;4>hIooA%t9X;$Yh!_T<R(p)M}*&%#HD40wA2u2IKy^JTqR7n2@YV?DGNb3Ywl)
z9RR*<`A;0`HPSk}<x=hgY)z$$eym`bpr&pjkIE}8;q0=H{T}cLXj37V%d5wpNno)<
zTf{CO9y>)faA<%3nfH(u;oWrBM7NA{<fQ8{IJ*KUD}W~n|6_h==niL4b*Edp-n66a
zJyEMq{jduBVG^LdYbIAY9bVF(V{d{Y{;Vcgj|dJe{zH3ZnwiVLRcIib8W)el_?V+{
z8P&7vzUIB#peV{VBApvNV{1Azmj^=j@r?d{a-7D=;q6n~9-st9c3X(GjFUDrUBGO=
zDT7bE#le%2>nC6!F?(r4iab$N-BdQHjMnXj|Cwpsw>nppv7nW=>^gHN?u>Qnw%uv}
zC3X8p8vdW+pILk_e)E$S%MM5U4h#}EBhS(1KS&ty_@|5<-f(d0?N`&`2tgmZKR5Fk
z&6QM43yAzN>iGOf7F@_ZN;mZ_rXQYaeP-ZI9!4FM=C}_hagYb5r64AJaB-kIYdi1g
z%NaKB6GwoR%H&VW`7_qZZo}7Y9X^wIFT}6WT_noue|XqD%bJkn4-66FDVErc@rSxq
z*a(+YR^OW|pIqqvi=R)vQYB<LqX%-4abPp75xq~B4hc4a*oNa8mgWn62aI`5g~!mh
zl&U!1YfBk2{Pk&4%74EQ^B?E84vf+Ai9WQGvSvoTK;Ydbr{s6300reP#jH7z^Veq_
z9Jq1ege=N<<k`s6bOabytCPyT1hKdL{e<uv2~}A$sTCiVo-+qW6JxP<W~n1v03hBl
z<7Muc!<UYLQM^+Jp8%Ld|Br!MpT6c0Zf^UNqS|OtdD*{Lv*t&e7f+L<A7ougVg~tq
zwX$R^vodZAnK6R&<BGA+T|WHqp8Eq(#zDTRXE9cFbs~UXvVZW5n^zya-2Wrwr>y)P
z>G96nn}=X8p}%I|;j=!>N$K1<HQPU!@y|qd4X}1U>mv7@p+DE|Z#B#0%lx@g2Pu#b
zJEh(7M@AhF@&B5sId~E<QH93@Jv#6bt-Xx$`b1n%$Wpi!S;3D=;XHwrAvLFuN0jdr
zUp~Ox{P{XOW@mnH9l)&KE!%Nt`-vsdRr5+chmORmJ#GLv&pz<e?>al|S08bm2#9Mh
z0mU4NNzAMZWN>_loWLk-jA;#TD*hdJ0$WltQ)?oc{GnyQ0qfpQg?cN1Wl@$f1blZw
z)xk)UOzi#E_|J#TwP5t2XNg0NnP>zS{r=pYntzM|g|Hgx46I7N)xzKc!DS^&mC8v!
z%dh+WwL{E#?yi1&E^)X`X!?g>g<xsis1?#wr(Ev@J!j8lv%fm}b|uFW1S^Y=qPqvG
zLAPOeOg(FuiResTyYZJ5;f*-(`ubEHbQJ-;BfuGYnYnT0{;C%(7^lip;uae&vb`xT
zy;e7%3gBuy_Pp(CA}{l4;O=sU_HD5MLBgJP4y8gY>LNp>+<CCgk=_NkQNUe_Glo`6
zEZOyFcHF^dDsZdK<p7!pbPRIwII-5Rn?eD(4OYXOVRx4y(FMAw!YNvy(%?h!&9?Gy
z(#GD+tOM0JNtE%<CJfZyz&iW<ND&bC9k);Y%g$~@xXTzL=SS1Ff>N|fmY4j_niDRS
zc4<35;1css3i`2?STo1`Tn#IcO@i|`9bX5{ikzMQN;ac2B~dZsGH>EKk3cs)^htlT
z@}m0rTO21eSZ&&K*~K|5Eq~?;uI`ck@~4g5Jq&1Z>|MY2>>NY=&Wx%_XPP-<qZssV
zEDR3DK2-*MQrbpJR(Q-FC84TkoS6AidBM#81lE%##W)r5+!9hiM8m3f+%w$_&O?*?
zy~rb~L_7w(ig9HFXwKBZYAo%gr1ehL#*T8)E$@YTwoc!VDb;vQJ4@@K#C#hW`%S|W
zZCdvN13r-&Azq9O6MAd)@I;zygU^F(^?$UgN)=@qay&5-Mng_tE-WPuzk!Y49V{S@
z#bam~BQ6&<vMP!63hJ`}9CRp~V6xlc&ZLqeY5yrhPt@LALYcqW#B^|{OhVcBW;f5h
z+U>^Yp8X^4kFD-ntnE_OLGKOd|6Ar3;T4Vg_rV|lbD&XG6#m?YiEsf%k}ZiMAVF}r
z>l1+90AWoEaZw+jG2}B9bMrWZN<oPFl|E?B7L#g~aB&yvrGqiHdcPFZa4vSK?ss<p
zKhM`eHlw9$b&zQ-rt2qhdX>F#+hPJUaB9qX6_!tiQdl>0?|~_3JX@>w)KtSN3Z+{x
z(qwx9EgusW(firrTEktE5b&cE8pZCt&WUTOkVn@`ty@_(Zf(xJRjgiK48@WwBwSAX
z1A_43*GA_xFShHVn1*e%n|_cby9<_B@K~^0#v}4gNU4hP`4Iq0@XqAV7HBTvOo&Wr
zt2SgVK7HZu7BX>vdMG)SOxY^Y!Elc0(f|$3(_vmv9YF()vdG<P-qtcQ>cfxXxLk+N
z%W;e$xi)jNkkym~<H5K1UZJWWvjwHv<<m^i!pUHOVkcyj*5x;_6xSe|&K!BberkWY
z1}@;|zoi&<S&hUm?FE~m76v=E6}WbvPQxk7SVFu?K1B3oU%dKJyw6Dn&JKiVz=Htr
zg4*7Ej(%4n)zQ);uhe+Z6-epfFCI05r4bA9GghcvyYD>A3V_-R7Iu>;fakKr7m9!m
zwa?e#S7+;2#}$NM#Pc!}s{!>PbGzo?W&1@uZvUJ)ph4ZMGVj-sQxSW-4Cu&wM4Qq}
z0}9+sc};K!Knn=-<OGQ0sUr8>uYu-SHY33|3`XX-3Gb0$=c^jasQYkVAU)BeF&3>*
zGf$*Bx6lh=VY_;`BWSLDy7jFVblSzRHa=UL4DMX|4me}K-G7jPfnMg;2M(#+!E+QZ
zu?uirza{xjB*Ox6%R87IGEOo+oy1UnV5P#IOCkbJW&$FI80>mK(|qmK*O?RwXf}F)
zDV3?qDlwX%1N$*2xn&7*g2?fnhc^svptWBf2@YT$)_(b%L4n`6QO3#xQ#hO)E1C)s
z#MEHD^JJ}6pgWh5d8deUz{;Vwje<en73*9L;1>av#8}C6b*Ps|M9JFK3R{!jNY}py
zYu{}IOJ$_I0cXW^VP|U#!2Q(5Nb)ZCB697I<J5esHX6g?%ac9e>JOuCO6|tPvAbFr
zEz)bZ=;`z38-a@Ez<CZei4QHN1<+^7vayLC4^MZdkT@U*vQg6~{iy}zsIdEH&l?wk
zv%Pf?TVl9d185moy3z%D#22WsEL}@ec6_rUkKRp8t=p@$F36Fm0G5V=vFLAItC(sn
zKsRatC3mlA5fqu@UY3UCk)T8Grg7Un#K*)R!0;QRp5YcTop?SI;Y}5ZmL;YG#~$dZ
z?R{VJ1;`uM0YukmcrQJd`rRtQYoh)J5g<cTRf}^xeYpLF0)?*-MB49oA|R8`bx;69
zc12TQEPwHmp8}+%^D)YheDCTfz2NZ(v?E^d2ttit&|ceo01T5T8W1|5t~=!=_46@9
zRhNM|mdC**A_st+_0Dv9Z~KP7{Z-ddxdK%t{gDIKj;KDZuus-tv^9Y=dgNZF7<<`9
z$rGo>`~Ik{?&rk!h*6xH*4~SWvaz8Djc`b%?ZzXoqo(T~kl0CTE6CYK3t}G2P7qLF
zLjm^AkZ#$}t^2xL4=UWV%>?Od*#mbekHFcM)mHGmf;$J2uv^TN{^L55plQn}I#!3U
zVj|)7dP>GKwzlJq`}A-c<jsZ|sT8S6vo!!T*YGzZy(^H4@#ME!zPBORnzSzvIw2BK
zrAz?G_8HqvzY={^OtdZQZ=EzC5z$j)qYM<>G9K(3-x;lSmOV`_Uot9veo{NoCD9#P
zS~7G8^kV#L<PN7Hq;rLLgK5(;_kx`|uxSdHH^yX!aeAPHs~o;IWB{!<w^LNdnoDx1
z@B1(^>ipKr`Jx~Y`ax%9+f-oi9AhFpcF|~1v(NIMn^~TaBi_kKAY*1od%WSo!%jmX
zCm@>A2aRH5+e9k%JdcPiXr3o5Cq4+B1^{q7^oiLMWt!%B(5+LJEbs{5jhlqNdLXA<
zs{U!QEMyL;_)a`;_aVMR*Jgu`1QzCDD`OMuv`FoAIl#tqv2Enx=TMZl6QJgr=neuH
zXiL(3ZMIA-S}HuXEA{R0;NA~GNeb|Ukkp{Yv0H~tZ{r$Pf27oGFC0xirVE+)J$5L$
zr!(%UtS3?^ro?8zZf$$V0IIl#J{m6PaEsja=0zOEW|#hkN_l^#?eN#{%24<B637F8
z2Q-O917}9QmL?Mj0Tcuxh3m~_9LKy*y;*DLv>`CLEZ`f#Jg@(08J<?U`Ko4qw+(bj
zKZV5;%3=i+r99O9?6cJ|dFPTMLlCchfm}w_(Yw&d`Ewg0an!pq1pu%ry}ImNSaLA}
zas_&-zYF|U@-&PMrYe;mb&Ka!*F06CC@c)B9YAk*TC&+wh({R(?GNuumbF21%9Ra9
zZrrzVKrS_rQ#cBQv{b6!!T_X#q%p?qk=E;0Z9j?=F9N8H)z&B><M@LaU+&XGH)HOs
zr!`?BC{wE!T5CP|<bIHHp=R>UVE4xY%HP{DpUgoEv}}Xoa9ROGY=RPbW>pbVv;5FL
zk5S-MgerYOgHAUaWGjQQHS3V0&?L_Ur^-V4Hw+s@1Lwg6d8<S2n=Hur+{5K1a7|Nk
z^w=T`2-=EwMzr}Q{l|m+4fjclT#W`;0kCi^?RLLs49_}ji(ZCaow{_IdlUHihk_26
ze~eG~Nm=z2VrR3tB<h>4!GNE(ny(z}YxZ?`Q=GdCny9no$(ybhWjk9o$?|G6=G@OA
z&z-06XfvBirN6qjn0@{`SBL#&!B)+LgD(VtoB%*$Q!LT&LN$*063V4`VW_ch{wwvS
zR5749ieM@f4{QT&m>9}?I|le4W>#w-f`*NtMkUcM)pNs9+1DVaKXWHq9JwV%B+~XS
z@nb+7f~*G`>w6#Q(bcgL5hjv0<+*@XL8yukOB8|r5^Ag;R)5j@)JT>vZD%ANI-|%R
zr-E6Ub8Q_<qU2N_ZS~;W4_~%{Fj6E7=lr+&9*E#?*otDHe~=@hgJ#1ys4?`HtdzR}
zs;ie`16;_ukbxFY{gLvO&6(_MZ?!w^`UZMXxTkH!Wxx(uf1?8dRme$DTVp)npUx-a
zvt<`~LB)unE&@M=AmF$CfU4*!^avu}!@FyVedUZy0M>(nj$5Yl$1|y*!7N4OCq+r>
zhv(1t@HejSF6W!kX*%CYH_|$E@d4y>^r_&N&5(CzX~~8Y9rW&;olW9y@OgXp%0Tc1
z8T5g@L4w}N;;$P)M}cpn_3>6mK|$%!7a1D$HPW<zI#tLvXGG}Z0~HjpykD>k==|2C
zRpa=`_Y$%ZkYxmUUEfU^r{J4u!UJ_fLth;6<50r?Pvgo4z3ZKgBm${1h|!YB*l9Y6
zBv(kwIo)>!Uw#p`J=FzZUEf`<mR#^1A<%a++zZqdXmm1LxGb&?pI1{Gv}1v<3TXko
z6x3N=cc^O%;`Ko*9@L1HtHP_uU3(hT+4(Ut(Y6;7TL~nyW~ghUuV>`a>@Xwv0g!Vo
z>&AC($_y}N2Eb!xvRdREALzTO;}jm=mX1s|?Qm#Z>^S0ME(9(s(B|FFcJ6z)ULD@K
z382M+FADpvr6;%d-CO^E{ISx8xiY);i2$`>fNQ}GnF|j*NZB9UmHd6L;eS8=w;JHo
z{&yJuyBhz6g8xFnf1%*NNcdkQ{4Wyze<2c%u#Q}toFDV&nt(bw4(RLNxn6SZ-n0J)
D%i4+Y

literal 0
HcmV?d00001

diff --git a/assets/images/social/linux/init/systemd.png b/assets/images/social/linux/init/systemd.png
new file mode 100644
index 0000000000000000000000000000000000000000..49046383fac62d3ff7ddca56349294adc84a6bef
GIT binary patch
literal 22691
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/misc/git.png b/assets/images/social/misc/git.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e21d62389a51cdb20d3836dc3aa7e0e1af63497
GIT binary patch
literal 15450
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/misc/graph-ql.png b/assets/images/social/misc/graph-ql.png
new file mode 100644
index 0000000000000000000000000000000000000000..159ba756a4231c411bd10b23af73dcb782ed31a4
GIT binary patch
literal 20934
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/misc/regular-expressions.png b/assets/images/social/misc/regular-expressions.png
new file mode 100644
index 0000000000000000000000000000000000000000..b35ee43472d586f03744dac05ac13b7dcd2d2b8e
GIT binary patch
literal 19390
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

literal 0
HcmV?d00001

diff --git a/assets/images/social/misc/ssh.png b/assets/images/social/misc/ssh.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba93c0478605e9e5253cd8efbe2ad4f98f4a7cf5
GIT binary patch
literal 15538
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
F`F~K=ZD9Za

literal 0
HcmV?d00001

diff --git a/assets/images/social/misc/web-components.png b/assets/images/social/misc/web-components.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d35d31968deba541c05a735885d3afffbe7d9d0
GIT binary patch
literal 26571
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

literal 0
HcmV?d00001

diff --git a/assets/javascripts/bundle.56dfad97.min.js b/assets/javascripts/bundle.56dfad97.min.js
new file mode 100644
index 0000000..1df62cd
--- /dev/null
+++ b/assets/javascripts/bundle.56dfad97.min.js
@@ -0,0 +1,16 @@
+"use strict";(()=>{var Fi=Object.create;var gr=Object.defineProperty;var Wi=Object.getOwnPropertyDescriptor;var Ui=Object.getOwnPropertyNames,Vt=Object.getOwnPropertySymbols,Di=Object.getPrototypeOf,yr=Object.prototype.hasOwnProperty,io=Object.prototype.propertyIsEnumerable;var no=(e,t,r)=>t in e?gr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,$=(e,t)=>{for(var r in t||(t={}))yr.call(t,r)&&no(e,r,t[r]);if(Vt)for(var r of Vt(t))io.call(t,r)&&no(e,r,t[r]);return e};var ao=(e,t)=>{var r={};for(var o in e)yr.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Vt)for(var o of Vt(e))t.indexOf(o)<0&&io.call(e,o)&&(r[o]=e[o]);return r};var xr=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Vi=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ui(t))!yr.call(e,n)&&n!==r&&gr(e,n,{get:()=>t[n],enumerable:!(o=Wi(t,n))||o.enumerable});return e};var Lt=(e,t,r)=>(r=e!=null?Fi(Di(e)):{},Vi(t||!e||!e.__esModule?gr(r,"default",{value:e,enumerable:!0}):r,e));var so=(e,t,r)=>new Promise((o,n)=>{var i=p=>{try{s(r.next(p))}catch(c){n(c)}},a=p=>{try{s(r.throw(p))}catch(c){n(c)}},s=p=>p.done?o(p.value):Promise.resolve(p.value).then(i,a);s((r=r.apply(e,t)).next())});var po=xr((Er,co)=>{(function(e,t){typeof Er=="object"&&typeof co!="undefined"?t():typeof define=="function"&&define.amd?define(t):t()})(Er,function(){"use strict";function e(r){var o=!0,n=!1,i=null,a={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function s(k){return!!(k&&k!==document&&k.nodeName!=="HTML"&&k.nodeName!=="BODY"&&"classList"in k&&"contains"in k.classList)}function p(k){var ft=k.type,qe=k.tagName;return!!(qe==="INPUT"&&a[ft]&&!k.readOnly||qe==="TEXTAREA"&&!k.readOnly||k.isContentEditable)}function c(k){k.classList.contains("focus-visible")||(k.classList.add("focus-visible"),k.setAttribute("data-focus-visible-added",""))}function l(k){k.hasAttribute("data-focus-visible-added")&&(k.classList.remove("focus-visible"),k.removeAttribute("data-focus-visible-added"))}function f(k){k.metaKey||k.altKey||k.ctrlKey||(s(r.activeElement)&&c(r.activeElement),o=!0)}function u(k){o=!1}function d(k){s(k.target)&&(o||p(k.target))&&c(k.target)}function y(k){s(k.target)&&(k.target.classList.contains("focus-visible")||k.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(i),i=window.setTimeout(function(){n=!1},100),l(k.target))}function M(k){document.visibilityState==="hidden"&&(n&&(o=!0),X())}function X(){document.addEventListener("mousemove",J),document.addEventListener("mousedown",J),document.addEventListener("mouseup",J),document.addEventListener("pointermove",J),document.addEventListener("pointerdown",J),document.addEventListener("pointerup",J),document.addEventListener("touchmove",J),document.addEventListener("touchstart",J),document.addEventListener("touchend",J)}function te(){document.removeEventListener("mousemove",J),document.removeEventListener("mousedown",J),document.removeEventListener("mouseup",J),document.removeEventListener("pointermove",J),document.removeEventListener("pointerdown",J),document.removeEventListener("pointerup",J),document.removeEventListener("touchmove",J),document.removeEventListener("touchstart",J),document.removeEventListener("touchend",J)}function J(k){k.target.nodeName&&k.target.nodeName.toLowerCase()==="html"||(o=!1,te())}document.addEventListener("keydown",f,!0),document.addEventListener("mousedown",u,!0),document.addEventListener("pointerdown",u,!0),document.addEventListener("touchstart",u,!0),document.addEventListener("visibilitychange",M,!0),X(),r.addEventListener("focus",d,!0),r.addEventListener("blur",y,!0),r.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&r.host?r.host.setAttribute("data-js-focus-visible",""):r.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if(typeof window!="undefined"&&typeof document!="undefined"){window.applyFocusVisiblePolyfill=e;var t;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(r){t=document.createEvent("CustomEvent"),t.initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}typeof document!="undefined"&&e(document)})});var qr=xr((ly,Sn)=>{"use strict";/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */var ka=/["'&<>]/;Sn.exports=Ha;function Ha(e){var t=""+e,r=ka.exec(t);if(!r)return t;var o,n="",i=0,a=0;for(i=r.index;i<t.length;i++){switch(t.charCodeAt(i)){case 34:o="&quot;";break;case 38:o="&amp;";break;case 39:o="&#39;";break;case 60:o="&lt;";break;case 62:o="&gt;";break;default:continue}a!==i&&(n+=t.substring(a,i)),a=i+1,n+=o}return a!==i?n+t.substring(a,i):n}});var Br=xr((It,Yr)=>{/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */(function(t,r){typeof It=="object"&&typeof Yr=="object"?Yr.exports=r():typeof define=="function"&&define.amd?define([],r):typeof It=="object"?It.ClipboardJS=r():t.ClipboardJS=r()})(It,function(){return function(){var e={686:function(o,n,i){"use strict";i.d(n,{default:function(){return ji}});var a=i(279),s=i.n(a),p=i(370),c=i.n(p),l=i(817),f=i.n(l);function u(V){try{return document.execCommand(V)}catch(A){return!1}}var d=function(A){var L=f()(A);return u("cut"),L},y=d;function M(V){var A=document.documentElement.getAttribute("dir")==="rtl",L=document.createElement("textarea");L.style.fontSize="12pt",L.style.border="0",L.style.padding="0",L.style.margin="0",L.style.position="absolute",L.style[A?"right":"left"]="-9999px";var F=window.pageYOffset||document.documentElement.scrollTop;return L.style.top="".concat(F,"px"),L.setAttribute("readonly",""),L.value=V,L}var X=function(A,L){var F=M(A);L.container.appendChild(F);var D=f()(F);return u("copy"),F.remove(),D},te=function(A){var L=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{container:document.body},F="";return typeof A=="string"?F=X(A,L):A instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(A==null?void 0:A.type)?F=X(A.value,L):(F=f()(A),u("copy")),F},J=te;function k(V){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?k=function(L){return typeof L}:k=function(L){return L&&typeof Symbol=="function"&&L.constructor===Symbol&&L!==Symbol.prototype?"symbol":typeof L},k(V)}var ft=function(){var A=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},L=A.action,F=L===void 0?"copy":L,D=A.container,Y=A.target,$e=A.text;if(F!=="copy"&&F!=="cut")throw new Error('Invalid "action" value, use either "copy" or "cut"');if(Y!==void 0)if(Y&&k(Y)==="object"&&Y.nodeType===1){if(F==="copy"&&Y.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if(F==="cut"&&(Y.hasAttribute("readonly")||Y.hasAttribute("disabled")))throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`)}else throw new Error('Invalid "target" value, use a valid Element');if($e)return J($e,{container:D});if(Y)return F==="cut"?y(Y):J(Y,{container:D})},qe=ft;function Fe(V){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Fe=function(L){return typeof L}:Fe=function(L){return L&&typeof Symbol=="function"&&L.constructor===Symbol&&L!==Symbol.prototype?"symbol":typeof L},Fe(V)}function Ai(V,A){if(!(V instanceof A))throw new TypeError("Cannot call a class as a function")}function oo(V,A){for(var L=0;L<A.length;L++){var F=A[L];F.enumerable=F.enumerable||!1,F.configurable=!0,"value"in F&&(F.writable=!0),Object.defineProperty(V,F.key,F)}}function Ci(V,A,L){return A&&oo(V.prototype,A),L&&oo(V,L),V}function ki(V,A){if(typeof A!="function"&&A!==null)throw new TypeError("Super expression must either be null or a function");V.prototype=Object.create(A&&A.prototype,{constructor:{value:V,writable:!0,configurable:!0}}),A&&br(V,A)}function br(V,A){return br=Object.setPrototypeOf||function(F,D){return F.__proto__=D,F},br(V,A)}function Hi(V){var A=Ri();return function(){var F=Ut(V),D;if(A){var Y=Ut(this).constructor;D=Reflect.construct(F,arguments,Y)}else D=F.apply(this,arguments);return $i(this,D)}}function $i(V,A){return A&&(Fe(A)==="object"||typeof A=="function")?A:Pi(V)}function Pi(V){if(V===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return V}function Ri(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(V){return!1}}function Ut(V){return Ut=Object.setPrototypeOf?Object.getPrototypeOf:function(L){return L.__proto__||Object.getPrototypeOf(L)},Ut(V)}function vr(V,A){var L="data-clipboard-".concat(V);if(A.hasAttribute(L))return A.getAttribute(L)}var Ii=function(V){ki(L,V);var A=Hi(L);function L(F,D){var Y;return Ai(this,L),Y=A.call(this),Y.resolveOptions(D),Y.listenClick(F),Y}return Ci(L,[{key:"resolveOptions",value:function(){var D=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=typeof D.action=="function"?D.action:this.defaultAction,this.target=typeof D.target=="function"?D.target:this.defaultTarget,this.text=typeof D.text=="function"?D.text:this.defaultText,this.container=Fe(D.container)==="object"?D.container:document.body}},{key:"listenClick",value:function(D){var Y=this;this.listener=c()(D,"click",function($e){return Y.onClick($e)})}},{key:"onClick",value:function(D){var Y=D.delegateTarget||D.currentTarget,$e=this.action(Y)||"copy",Dt=qe({action:$e,container:this.container,target:this.target(Y),text:this.text(Y)});this.emit(Dt?"success":"error",{action:$e,text:Dt,trigger:Y,clearSelection:function(){Y&&Y.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(D){return vr("action",D)}},{key:"defaultTarget",value:function(D){var Y=vr("target",D);if(Y)return document.querySelector(Y)}},{key:"defaultText",value:function(D){return vr("text",D)}},{key:"destroy",value:function(){this.listener.destroy()}}],[{key:"copy",value:function(D){var Y=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{container:document.body};return J(D,Y)}},{key:"cut",value:function(D){return y(D)}},{key:"isSupported",value:function(){var D=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["copy","cut"],Y=typeof D=="string"?[D]:D,$e=!!document.queryCommandSupported;return Y.forEach(function(Dt){$e=$e&&!!document.queryCommandSupported(Dt)}),$e}}]),L}(s()),ji=Ii},828:function(o){var n=9;if(typeof Element!="undefined"&&!Element.prototype.matches){var i=Element.prototype;i.matches=i.matchesSelector||i.mozMatchesSelector||i.msMatchesSelector||i.oMatchesSelector||i.webkitMatchesSelector}function a(s,p){for(;s&&s.nodeType!==n;){if(typeof s.matches=="function"&&s.matches(p))return s;s=s.parentNode}}o.exports=a},438:function(o,n,i){var a=i(828);function s(l,f,u,d,y){var M=c.apply(this,arguments);return l.addEventListener(u,M,y),{destroy:function(){l.removeEventListener(u,M,y)}}}function p(l,f,u,d,y){return typeof l.addEventListener=="function"?s.apply(null,arguments):typeof u=="function"?s.bind(null,document).apply(null,arguments):(typeof l=="string"&&(l=document.querySelectorAll(l)),Array.prototype.map.call(l,function(M){return s(M,f,u,d,y)}))}function c(l,f,u,d){return function(y){y.delegateTarget=a(y.target,f),y.delegateTarget&&d.call(l,y)}}o.exports=p},879:function(o,n){n.node=function(i){return i!==void 0&&i instanceof HTMLElement&&i.nodeType===1},n.nodeList=function(i){var a=Object.prototype.toString.call(i);return i!==void 0&&(a==="[object NodeList]"||a==="[object HTMLCollection]")&&"length"in i&&(i.length===0||n.node(i[0]))},n.string=function(i){return typeof i=="string"||i instanceof String},n.fn=function(i){var a=Object.prototype.toString.call(i);return a==="[object Function]"}},370:function(o,n,i){var a=i(879),s=i(438);function p(u,d,y){if(!u&&!d&&!y)throw new Error("Missing required arguments");if(!a.string(d))throw new TypeError("Second argument must be a String");if(!a.fn(y))throw new TypeError("Third argument must be a Function");if(a.node(u))return c(u,d,y);if(a.nodeList(u))return l(u,d,y);if(a.string(u))return f(u,d,y);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function c(u,d,y){return u.addEventListener(d,y),{destroy:function(){u.removeEventListener(d,y)}}}function l(u,d,y){return Array.prototype.forEach.call(u,function(M){M.addEventListener(d,y)}),{destroy:function(){Array.prototype.forEach.call(u,function(M){M.removeEventListener(d,y)})}}}function f(u,d,y){return s(document.body,u,d,y)}o.exports=p},817:function(o){function n(i){var a;if(i.nodeName==="SELECT")i.focus(),a=i.value;else if(i.nodeName==="INPUT"||i.nodeName==="TEXTAREA"){var s=i.hasAttribute("readonly");s||i.setAttribute("readonly",""),i.select(),i.setSelectionRange(0,i.value.length),s||i.removeAttribute("readonly"),a=i.value}else{i.hasAttribute("contenteditable")&&i.focus();var p=window.getSelection(),c=document.createRange();c.selectNodeContents(i),p.removeAllRanges(),p.addRange(c),a=p.toString()}return a}o.exports=n},279:function(o){function n(){}n.prototype={on:function(i,a,s){var p=this.e||(this.e={});return(p[i]||(p[i]=[])).push({fn:a,ctx:s}),this},once:function(i,a,s){var p=this;function c(){p.off(i,c),a.apply(s,arguments)}return c._=a,this.on(i,c,s)},emit:function(i){var a=[].slice.call(arguments,1),s=((this.e||(this.e={}))[i]||[]).slice(),p=0,c=s.length;for(p;p<c;p++)s[p].fn.apply(s[p].ctx,a);return this},off:function(i,a){var s=this.e||(this.e={}),p=s[i],c=[];if(p&&a)for(var l=0,f=p.length;l<f;l++)p[l].fn!==a&&p[l].fn._!==a&&c.push(p[l]);return c.length?s[i]=c:delete s[i],this}},o.exports=n,o.exports.TinyEmitter=n}},t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={exports:{}};return e[o](n,n.exports,r),n.exports}return function(){r.n=function(o){var n=o&&o.__esModule?function(){return o.default}:function(){return o};return r.d(n,{a:n}),n}}(),function(){r.d=function(o,n){for(var i in n)r.o(n,i)&&!r.o(o,i)&&Object.defineProperty(o,i,{enumerable:!0,get:n[i]})}}(),function(){r.o=function(o,n){return Object.prototype.hasOwnProperty.call(o,n)}}(),r(686)}().default})});var oM=Lt(po());var wr=function(e,t){return wr=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])},wr(e,t)};function oe(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");wr(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}function lo(e,t,r,o){function n(i){return i instanceof r?i:new r(function(a){a(i)})}return new(r||(r=Promise))(function(i,a){function s(l){try{c(o.next(l))}catch(f){a(f)}}function p(l){try{c(o.throw(l))}catch(f){a(f)}}function c(l){l.done?i(l.value):n(l.value).then(s,p)}c((o=o.apply(e,t||[])).next())})}function Nt(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,a=Object.create((typeof Iterator=="function"?Iterator:Object).prototype);return a.next=s(0),a.throw=s(1),a.return=s(2),typeof Symbol=="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(c){return function(l){return p([c,l])}}function p(c){if(o)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(r=0)),r;)try{if(o=1,n&&(i=c[0]&2?n.return:c[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,c[1])).done)return i;switch(n=0,i&&(c=[c[0]&2,i.value]),c[0]){case 0:case 1:i=c;break;case 4:return r.label++,{value:c[1],done:!1};case 5:r.label++,n=c[1],c=[0];continue;case 7:c=r.ops.pop(),r.trys.pop();continue;default:if(i=r.trys,!(i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1],i=c;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(c);break}i[2]&&r.ops.pop(),r.trys.pop();continue}c=t.call(e,r)}catch(l){c=[6,l],n=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}function he(e){var t=typeof Symbol=="function"&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&typeof e.length=="number")return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function N(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var o=r.call(e),n,i=[],a;try{for(;(t===void 0||t-- >0)&&!(n=o.next()).done;)i.push(n.value)}catch(s){a={error:s}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(a)throw a.error}}return i}function q(e,t,r){if(r||arguments.length===2)for(var o=0,n=t.length,i;o<n;o++)(i||!(o in t))&&(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}function nt(e){return this instanceof nt?(this.v=e,this):new nt(e)}function mo(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o=r.apply(e,t||[]),n,i=[];return n=Object.create((typeof AsyncIterator=="function"?AsyncIterator:Object).prototype),s("next"),s("throw"),s("return",a),n[Symbol.asyncIterator]=function(){return this},n;function a(d){return function(y){return Promise.resolve(y).then(d,f)}}function s(d,y){o[d]&&(n[d]=function(M){return new Promise(function(X,te){i.push([d,M,X,te])>1||p(d,M)})},y&&(n[d]=y(n[d])))}function p(d,y){try{c(o[d](y))}catch(M){u(i[0][3],M)}}function c(d){d.value instanceof nt?Promise.resolve(d.value.v).then(l,f):u(i[0][2],d)}function l(d){p("next",d)}function f(d){p("throw",d)}function u(d,y){d(y),i.shift(),i.length&&p(i[0][0],i[0][1])}}function fo(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],r;return t?t.call(e):(e=typeof he=="function"?he(e):e[Symbol.iterator](),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(i){r[i]=e[i]&&function(a){return new Promise(function(s,p){a=e[i](a),n(s,p,a.done,a.value)})}}function n(i,a,s,p){Promise.resolve(p).then(function(c){i({value:c,done:s})},a)}}function H(e){return typeof e=="function"}function ut(e){var t=function(o){Error.call(o),o.stack=new Error().stack},r=e(t);return r.prototype=Object.create(Error.prototype),r.prototype.constructor=r,r}var zt=ut(function(e){return function(r){e(this),this.message=r?r.length+` errors occurred during unsubscription:
+`+r.map(function(o,n){return n+1+") "+o.toString()}).join(`
+  `):"",this.name="UnsubscriptionError",this.errors=r}});function Qe(e,t){if(e){var r=e.indexOf(t);0<=r&&e.splice(r,1)}}var We=function(){function e(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return e.prototype.unsubscribe=function(){var t,r,o,n,i;if(!this.closed){this.closed=!0;var a=this._parentage;if(a)if(this._parentage=null,Array.isArray(a))try{for(var s=he(a),p=s.next();!p.done;p=s.next()){var c=p.value;c.remove(this)}}catch(M){t={error:M}}finally{try{p&&!p.done&&(r=s.return)&&r.call(s)}finally{if(t)throw t.error}}else a.remove(this);var l=this.initialTeardown;if(H(l))try{l()}catch(M){i=M instanceof zt?M.errors:[M]}var f=this._finalizers;if(f){this._finalizers=null;try{for(var u=he(f),d=u.next();!d.done;d=u.next()){var y=d.value;try{uo(y)}catch(M){i=i!=null?i:[],M instanceof zt?i=q(q([],N(i)),N(M.errors)):i.push(M)}}}catch(M){o={error:M}}finally{try{d&&!d.done&&(n=u.return)&&n.call(u)}finally{if(o)throw o.error}}}if(i)throw new zt(i)}},e.prototype.add=function(t){var r;if(t&&t!==this)if(this.closed)uo(t);else{if(t instanceof e){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(r=this._finalizers)!==null&&r!==void 0?r:[]).push(t)}},e.prototype._hasParent=function(t){var r=this._parentage;return r===t||Array.isArray(r)&&r.includes(t)},e.prototype._addParent=function(t){var r=this._parentage;this._parentage=Array.isArray(r)?(r.push(t),r):r?[r,t]:t},e.prototype._removeParent=function(t){var r=this._parentage;r===t?this._parentage=null:Array.isArray(r)&&Qe(r,t)},e.prototype.remove=function(t){var r=this._finalizers;r&&Qe(r,t),t instanceof e&&t._removeParent(this)},e.EMPTY=function(){var t=new e;return t.closed=!0,t}(),e}();var Tr=We.EMPTY;function qt(e){return e instanceof We||e&&"closed"in e&&H(e.remove)&&H(e.add)&&H(e.unsubscribe)}function uo(e){H(e)?e():e.unsubscribe()}var Pe={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1};var dt={setTimeout:function(e,t){for(var r=[],o=2;o<arguments.length;o++)r[o-2]=arguments[o];var n=dt.delegate;return n!=null&&n.setTimeout?n.setTimeout.apply(n,q([e,t],N(r))):setTimeout.apply(void 0,q([e,t],N(r)))},clearTimeout:function(e){var t=dt.delegate;return((t==null?void 0:t.clearTimeout)||clearTimeout)(e)},delegate:void 0};function Qt(e){dt.setTimeout(function(){var t=Pe.onUnhandledError;if(t)t(e);else throw e})}function be(){}var ho=function(){return Sr("C",void 0,void 0)}();function bo(e){return Sr("E",void 0,e)}function vo(e){return Sr("N",e,void 0)}function Sr(e,t,r){return{kind:e,value:t,error:r}}var it=null;function ht(e){if(Pe.useDeprecatedSynchronousErrorHandling){var t=!it;if(t&&(it={errorThrown:!1,error:null}),e(),t){var r=it,o=r.errorThrown,n=r.error;if(it=null,o)throw n}}else e()}function go(e){Pe.useDeprecatedSynchronousErrorHandling&&it&&(it.errorThrown=!0,it.error=e)}var _t=function(e){oe(t,e);function t(r){var o=e.call(this)||this;return o.isStopped=!1,r?(o.destination=r,qt(r)&&r.add(o)):o.destination=Qi,o}return t.create=function(r,o,n){return new at(r,o,n)},t.prototype.next=function(r){this.isStopped?Mr(vo(r),this):this._next(r)},t.prototype.error=function(r){this.isStopped?Mr(bo(r),this):(this.isStopped=!0,this._error(r))},t.prototype.complete=function(){this.isStopped?Mr(ho,this):(this.isStopped=!0,this._complete())},t.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,e.prototype.unsubscribe.call(this),this.destination=null)},t.prototype._next=function(r){this.destination.next(r)},t.prototype._error=function(r){try{this.destination.error(r)}finally{this.unsubscribe()}},t.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},t}(We);var Ni=Function.prototype.bind;function Or(e,t){return Ni.call(e,t)}var zi=function(){function e(t){this.partialObserver=t}return e.prototype.next=function(t){var r=this.partialObserver;if(r.next)try{r.next(t)}catch(o){Kt(o)}},e.prototype.error=function(t){var r=this.partialObserver;if(r.error)try{r.error(t)}catch(o){Kt(o)}else Kt(t)},e.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(r){Kt(r)}},e}(),at=function(e){oe(t,e);function t(r,o,n){var i=e.call(this)||this,a;if(H(r)||!r)a={next:r!=null?r:void 0,error:o!=null?o:void 0,complete:n!=null?n:void 0};else{var s;i&&Pe.useDeprecatedNextContext?(s=Object.create(r),s.unsubscribe=function(){return i.unsubscribe()},a={next:r.next&&Or(r.next,s),error:r.error&&Or(r.error,s),complete:r.complete&&Or(r.complete,s)}):a=r}return i.destination=new zi(a),i}return t}(_t);function Kt(e){Pe.useDeprecatedSynchronousErrorHandling?go(e):Qt(e)}function qi(e){throw e}function Mr(e,t){var r=Pe.onStoppedNotification;r&&dt.setTimeout(function(){return r(e,t)})}var Qi={closed:!0,next:be,error:qi,complete:be};var bt=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function le(e){return e}function yo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Lr(e)}function Lr(e){return e.length===0?le:e.length===1?e[0]:function(r){return e.reduce(function(o,n){return n(o)},r)}}var j=function(){function e(t){t&&(this._subscribe=t)}return e.prototype.lift=function(t){var r=new e;return r.source=this,r.operator=t,r},e.prototype.subscribe=function(t,r,o){var n=this,i=Yi(t)?t:new at(t,r,o);return ht(function(){var a=n,s=a.operator,p=a.source;i.add(s?s.call(i,p):p?n._subscribe(i):n._trySubscribe(i))}),i},e.prototype._trySubscribe=function(t){try{return this._subscribe(t)}catch(r){t.error(r)}},e.prototype.forEach=function(t,r){var o=this;return r=xo(r),new r(function(n,i){var a=new at({next:function(s){try{t(s)}catch(p){i(p),a.unsubscribe()}},error:i,complete:n});o.subscribe(a)})},e.prototype._subscribe=function(t){var r;return(r=this.source)===null||r===void 0?void 0:r.subscribe(t)},e.prototype[bt]=function(){return this},e.prototype.pipe=function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return Lr(t)(this)},e.prototype.toPromise=function(t){var r=this;return t=xo(t),new t(function(o,n){var i;r.subscribe(function(a){return i=a},function(a){return n(a)},function(){return o(i)})})},e.create=function(t){return new e(t)},e}();function xo(e){var t;return(t=e!=null?e:Pe.Promise)!==null&&t!==void 0?t:Promise}function Ki(e){return e&&H(e.next)&&H(e.error)&&H(e.complete)}function Yi(e){return e&&e instanceof _t||Ki(e)&&qt(e)}function Bi(e){return H(e==null?void 0:e.lift)}function E(e){return function(t){if(Bi(t))return t.lift(function(r){try{return e(r,this)}catch(o){this.error(o)}});throw new TypeError("Unable to lift unknown Observable type")}}function T(e,t,r,o,n){return new Gi(e,t,r,o,n)}var Gi=function(e){oe(t,e);function t(r,o,n,i,a,s){var p=e.call(this,r)||this;return p.onFinalize=a,p.shouldUnsubscribe=s,p._next=o?function(c){try{o(c)}catch(l){r.error(l)}}:e.prototype._next,p._error=i?function(c){try{i(c)}catch(l){r.error(l)}finally{this.unsubscribe()}}:e.prototype._error,p._complete=n?function(){try{n()}catch(c){r.error(c)}finally{this.unsubscribe()}}:e.prototype._complete,p}return t.prototype.unsubscribe=function(){var r;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){var o=this.closed;e.prototype.unsubscribe.call(this),!o&&((r=this.onFinalize)===null||r===void 0||r.call(this))}},t}(_t);var vt={schedule:function(e){var t=requestAnimationFrame,r=cancelAnimationFrame,o=vt.delegate;o&&(t=o.requestAnimationFrame,r=o.cancelAnimationFrame);var n=t(function(i){r=void 0,e(i)});return new We(function(){return r==null?void 0:r(n)})},requestAnimationFrame:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=vt.delegate;return((r==null?void 0:r.requestAnimationFrame)||requestAnimationFrame).apply(void 0,q([],N(e)))},cancelAnimationFrame:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=vt.delegate;return((r==null?void 0:r.cancelAnimationFrame)||cancelAnimationFrame).apply(void 0,q([],N(e)))},delegate:void 0};var Eo=ut(function(e){return function(){e(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}});var g=function(e){oe(t,e);function t(){var r=e.call(this)||this;return r.closed=!1,r.currentObservers=null,r.observers=[],r.isStopped=!1,r.hasError=!1,r.thrownError=null,r}return t.prototype.lift=function(r){var o=new wo(this,this);return o.operator=r,o},t.prototype._throwIfClosed=function(){if(this.closed)throw new Eo},t.prototype.next=function(r){var o=this;ht(function(){var n,i;if(o._throwIfClosed(),!o.isStopped){o.currentObservers||(o.currentObservers=Array.from(o.observers));try{for(var a=he(o.currentObservers),s=a.next();!s.done;s=a.next()){var p=s.value;p.next(r)}}catch(c){n={error:c}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}}})},t.prototype.error=function(r){var o=this;ht(function(){if(o._throwIfClosed(),!o.isStopped){o.hasError=o.isStopped=!0,o.thrownError=r;for(var n=o.observers;n.length;)n.shift().error(r)}})},t.prototype.complete=function(){var r=this;ht(function(){if(r._throwIfClosed(),!r.isStopped){r.isStopped=!0;for(var o=r.observers;o.length;)o.shift().complete()}})},t.prototype.unsubscribe=function(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null},Object.defineProperty(t.prototype,"observed",{get:function(){var r;return((r=this.observers)===null||r===void 0?void 0:r.length)>0},enumerable:!1,configurable:!0}),t.prototype._trySubscribe=function(r){return this._throwIfClosed(),e.prototype._trySubscribe.call(this,r)},t.prototype._subscribe=function(r){return this._throwIfClosed(),this._checkFinalizedStatuses(r),this._innerSubscribe(r)},t.prototype._innerSubscribe=function(r){var o=this,n=this,i=n.hasError,a=n.isStopped,s=n.observers;return i||a?Tr:(this.currentObservers=null,s.push(r),new We(function(){o.currentObservers=null,Qe(s,r)}))},t.prototype._checkFinalizedStatuses=function(r){var o=this,n=o.hasError,i=o.thrownError,a=o.isStopped;n?r.error(i):a&&r.complete()},t.prototype.asObservable=function(){var r=new j;return r.source=this,r},t.create=function(r,o){return new wo(r,o)},t}(j);var wo=function(e){oe(t,e);function t(r,o){var n=e.call(this)||this;return n.destination=r,n.source=o,n}return t.prototype.next=function(r){var o,n;(n=(o=this.destination)===null||o===void 0?void 0:o.next)===null||n===void 0||n.call(o,r)},t.prototype.error=function(r){var o,n;(n=(o=this.destination)===null||o===void 0?void 0:o.error)===null||n===void 0||n.call(o,r)},t.prototype.complete=function(){var r,o;(o=(r=this.destination)===null||r===void 0?void 0:r.complete)===null||o===void 0||o.call(r)},t.prototype._subscribe=function(r){var o,n;return(n=(o=this.source)===null||o===void 0?void 0:o.subscribe(r))!==null&&n!==void 0?n:Tr},t}(g);var _r=function(e){oe(t,e);function t(r){var o=e.call(this)||this;return o._value=r,o}return Object.defineProperty(t.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),t.prototype._subscribe=function(r){var o=e.prototype._subscribe.call(this,r);return!o.closed&&r.next(this._value),o},t.prototype.getValue=function(){var r=this,o=r.hasError,n=r.thrownError,i=r._value;if(o)throw n;return this._throwIfClosed(),i},t.prototype.next=function(r){e.prototype.next.call(this,this._value=r)},t}(g);var At={now:function(){return(At.delegate||Date).now()},delegate:void 0};var Ct=function(e){oe(t,e);function t(r,o,n){r===void 0&&(r=1/0),o===void 0&&(o=1/0),n===void 0&&(n=At);var i=e.call(this)||this;return i._bufferSize=r,i._windowTime=o,i._timestampProvider=n,i._buffer=[],i._infiniteTimeWindow=!0,i._infiniteTimeWindow=o===1/0,i._bufferSize=Math.max(1,r),i._windowTime=Math.max(1,o),i}return t.prototype.next=function(r){var o=this,n=o.isStopped,i=o._buffer,a=o._infiniteTimeWindow,s=o._timestampProvider,p=o._windowTime;n||(i.push(r),!a&&i.push(s.now()+p)),this._trimBuffer(),e.prototype.next.call(this,r)},t.prototype._subscribe=function(r){this._throwIfClosed(),this._trimBuffer();for(var o=this._innerSubscribe(r),n=this,i=n._infiniteTimeWindow,a=n._buffer,s=a.slice(),p=0;p<s.length&&!r.closed;p+=i?1:2)r.next(s[p]);return this._checkFinalizedStatuses(r),o},t.prototype._trimBuffer=function(){var r=this,o=r._bufferSize,n=r._timestampProvider,i=r._buffer,a=r._infiniteTimeWindow,s=(a?1:2)*o;if(o<1/0&&s<i.length&&i.splice(0,i.length-s),!a){for(var p=n.now(),c=0,l=1;l<i.length&&i[l]<=p;l+=2)c=l;c&&i.splice(0,c+1)}},t}(g);var To=function(e){oe(t,e);function t(r,o){return e.call(this)||this}return t.prototype.schedule=function(r,o){return o===void 0&&(o=0),this},t}(We);var kt={setInterval:function(e,t){for(var r=[],o=2;o<arguments.length;o++)r[o-2]=arguments[o];var n=kt.delegate;return n!=null&&n.setInterval?n.setInterval.apply(n,q([e,t],N(r))):setInterval.apply(void 0,q([e,t],N(r)))},clearInterval:function(e){var t=kt.delegate;return((t==null?void 0:t.clearInterval)||clearInterval)(e)},delegate:void 0};var gt=function(e){oe(t,e);function t(r,o){var n=e.call(this,r,o)||this;return n.scheduler=r,n.work=o,n.pending=!1,n}return t.prototype.schedule=function(r,o){var n;if(o===void 0&&(o=0),this.closed)return this;this.state=r;var i=this.id,a=this.scheduler;return i!=null&&(this.id=this.recycleAsyncId(a,i,o)),this.pending=!0,this.delay=o,this.id=(n=this.id)!==null&&n!==void 0?n:this.requestAsyncId(a,this.id,o),this},t.prototype.requestAsyncId=function(r,o,n){return n===void 0&&(n=0),kt.setInterval(r.flush.bind(r,this),n)},t.prototype.recycleAsyncId=function(r,o,n){if(n===void 0&&(n=0),n!=null&&this.delay===n&&this.pending===!1)return o;o!=null&&kt.clearInterval(o)},t.prototype.execute=function(r,o){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;var n=this._execute(r,o);if(n)return n;this.pending===!1&&this.id!=null&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))},t.prototype._execute=function(r,o){var n=!1,i;try{this.work(r)}catch(a){n=!0,i=a||new Error("Scheduled action threw falsy error")}if(n)return this.unsubscribe(),i},t.prototype.unsubscribe=function(){if(!this.closed){var r=this,o=r.id,n=r.scheduler,i=n.actions;this.work=this.state=this.scheduler=null,this.pending=!1,Qe(i,this),o!=null&&(this.id=this.recycleAsyncId(n,o,null)),this.delay=null,e.prototype.unsubscribe.call(this)}},t}(To);var Ar=function(){function e(t,r){r===void 0&&(r=e.now),this.schedulerActionCtor=t,this.now=r}return e.prototype.schedule=function(t,r,o){return r===void 0&&(r=0),new this.schedulerActionCtor(this,t).schedule(o,r)},e.now=At.now,e}();var yt=function(e){oe(t,e);function t(r,o){o===void 0&&(o=Ar.now);var n=e.call(this,r,o)||this;return n.actions=[],n._active=!1,n}return t.prototype.flush=function(r){var o=this.actions;if(this._active){o.push(r);return}var n;this._active=!0;do if(n=r.execute(r.state,r.delay))break;while(r=o.shift());if(this._active=!1,n){for(;r=o.shift();)r.unsubscribe();throw n}},t}(Ar);var se=new yt(gt),Cr=se;var So=function(e){oe(t,e);function t(r,o){var n=e.call(this,r,o)||this;return n.scheduler=r,n.work=o,n}return t.prototype.schedule=function(r,o){return o===void 0&&(o=0),o>0?e.prototype.schedule.call(this,r,o):(this.delay=o,this.state=r,this.scheduler.flush(this),this)},t.prototype.execute=function(r,o){return o>0||this.closed?e.prototype.execute.call(this,r,o):this._execute(r,o)},t.prototype.requestAsyncId=function(r,o,n){return n===void 0&&(n=0),n!=null&&n>0||n==null&&this.delay>0?e.prototype.requestAsyncId.call(this,r,o,n):(r.flush(this),0)},t}(gt);var Oo=function(e){oe(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t}(yt);var kr=new Oo(So);var Mo=function(e){oe(t,e);function t(r,o){var n=e.call(this,r,o)||this;return n.scheduler=r,n.work=o,n}return t.prototype.requestAsyncId=function(r,o,n){return n===void 0&&(n=0),n!==null&&n>0?e.prototype.requestAsyncId.call(this,r,o,n):(r.actions.push(this),r._scheduled||(r._scheduled=vt.requestAnimationFrame(function(){return r.flush(void 0)})))},t.prototype.recycleAsyncId=function(r,o,n){var i;if(n===void 0&&(n=0),n!=null?n>0:this.delay>0)return e.prototype.recycleAsyncId.call(this,r,o,n);var a=r.actions;o!=null&&((i=a[a.length-1])===null||i===void 0?void 0:i.id)!==o&&(vt.cancelAnimationFrame(o),r._scheduled=void 0)},t}(gt);var Lo=function(e){oe(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.flush=function(r){this._active=!0;var o=this._scheduled;this._scheduled=void 0;var n=this.actions,i;r=r||n.shift();do if(i=r.execute(r.state,r.delay))break;while((r=n[0])&&r.id===o&&n.shift());if(this._active=!1,i){for(;(r=n[0])&&r.id===o&&n.shift();)r.unsubscribe();throw i}},t}(yt);var me=new Lo(Mo);var S=new j(function(e){return e.complete()});function Yt(e){return e&&H(e.schedule)}function Hr(e){return e[e.length-1]}function Xe(e){return H(Hr(e))?e.pop():void 0}function ke(e){return Yt(Hr(e))?e.pop():void 0}function Bt(e,t){return typeof Hr(e)=="number"?e.pop():t}var xt=function(e){return e&&typeof e.length=="number"&&typeof e!="function"};function Gt(e){return H(e==null?void 0:e.then)}function Jt(e){return H(e[bt])}function Xt(e){return Symbol.asyncIterator&&H(e==null?void 0:e[Symbol.asyncIterator])}function Zt(e){return new TypeError("You provided "+(e!==null&&typeof e=="object"?"an invalid object":"'"+e+"'")+" where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.")}function Ji(){return typeof Symbol!="function"||!Symbol.iterator?"@@iterator":Symbol.iterator}var er=Ji();function tr(e){return H(e==null?void 0:e[er])}function rr(e){return mo(this,arguments,function(){var r,o,n,i;return Nt(this,function(a){switch(a.label){case 0:r=e.getReader(),a.label=1;case 1:a.trys.push([1,,9,10]),a.label=2;case 2:return[4,nt(r.read())];case 3:return o=a.sent(),n=o.value,i=o.done,i?[4,nt(void 0)]:[3,5];case 4:return[2,a.sent()];case 5:return[4,nt(n)];case 6:return[4,a.sent()];case 7:return a.sent(),[3,2];case 8:return[3,10];case 9:return r.releaseLock(),[7];case 10:return[2]}})})}function or(e){return H(e==null?void 0:e.getReader)}function W(e){if(e instanceof j)return e;if(e!=null){if(Jt(e))return Xi(e);if(xt(e))return Zi(e);if(Gt(e))return ea(e);if(Xt(e))return _o(e);if(tr(e))return ta(e);if(or(e))return ra(e)}throw Zt(e)}function Xi(e){return new j(function(t){var r=e[bt]();if(H(r.subscribe))return r.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}function Zi(e){return new j(function(t){for(var r=0;r<e.length&&!t.closed;r++)t.next(e[r]);t.complete()})}function ea(e){return new j(function(t){e.then(function(r){t.closed||(t.next(r),t.complete())},function(r){return t.error(r)}).then(null,Qt)})}function ta(e){return new j(function(t){var r,o;try{for(var n=he(e),i=n.next();!i.done;i=n.next()){var a=i.value;if(t.next(a),t.closed)return}}catch(s){r={error:s}}finally{try{i&&!i.done&&(o=n.return)&&o.call(n)}finally{if(r)throw r.error}}t.complete()})}function _o(e){return new j(function(t){oa(e,t).catch(function(r){return t.error(r)})})}function ra(e){return _o(rr(e))}function oa(e,t){var r,o,n,i;return lo(this,void 0,void 0,function(){var a,s;return Nt(this,function(p){switch(p.label){case 0:p.trys.push([0,5,6,11]),r=fo(e),p.label=1;case 1:return[4,r.next()];case 2:if(o=p.sent(),!!o.done)return[3,4];if(a=o.value,t.next(a),t.closed)return[2];p.label=3;case 3:return[3,1];case 4:return[3,11];case 5:return s=p.sent(),n={error:s},[3,11];case 6:return p.trys.push([6,,9,10]),o&&!o.done&&(i=r.return)?[4,i.call(r)]:[3,8];case 7:p.sent(),p.label=8;case 8:return[3,10];case 9:if(n)throw n.error;return[7];case 10:return[7];case 11:return t.complete(),[2]}})})}function we(e,t,r,o,n){o===void 0&&(o=0),n===void 0&&(n=!1);var i=t.schedule(function(){r(),n?e.add(this.schedule(null,o)):this.unsubscribe()},o);if(e.add(i),!n)return i}function ve(e,t){return t===void 0&&(t=0),E(function(r,o){r.subscribe(T(o,function(n){return we(o,e,function(){return o.next(n)},t)},function(){return we(o,e,function(){return o.complete()},t)},function(n){return we(o,e,function(){return o.error(n)},t)}))})}function Ke(e,t){return t===void 0&&(t=0),E(function(r,o){o.add(e.schedule(function(){return r.subscribe(o)},t))})}function Ao(e,t){return W(e).pipe(Ke(t),ve(t))}function Co(e,t){return W(e).pipe(Ke(t),ve(t))}function ko(e,t){return new j(function(r){var o=0;return t.schedule(function(){o===e.length?r.complete():(r.next(e[o++]),r.closed||this.schedule())})})}function Ho(e,t){return new j(function(r){var o;return we(r,t,function(){o=e[er](),we(r,t,function(){var n,i,a;try{n=o.next(),i=n.value,a=n.done}catch(s){r.error(s);return}a?r.complete():r.next(i)},0,!0)}),function(){return H(o==null?void 0:o.return)&&o.return()}})}function nr(e,t){if(!e)throw new Error("Iterable cannot be null");return new j(function(r){we(r,t,function(){var o=e[Symbol.asyncIterator]();we(r,t,function(){o.next().then(function(n){n.done?r.complete():r.next(n.value)})},0,!0)})})}function $o(e,t){return nr(rr(e),t)}function Po(e,t){if(e!=null){if(Jt(e))return Ao(e,t);if(xt(e))return ko(e,t);if(Gt(e))return Co(e,t);if(Xt(e))return nr(e,t);if(tr(e))return Ho(e,t);if(or(e))return $o(e,t)}throw Zt(e)}function ue(e,t){return t?Po(e,t):W(e)}function I(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=ke(e);return ue(e,r)}function $r(e,t){var r=H(e)?e:function(){return e},o=function(n){return n.error(r())};return new j(t?function(n){return t.schedule(o,0,n)}:o)}var ir=ut(function(e){return function(){e(this),this.name="EmptyError",this.message="no elements in sequence"}});function Ro(e){return e instanceof Date&&!isNaN(e)}function m(e,t){return E(function(r,o){var n=0;r.subscribe(T(o,function(i){o.next(e.call(t,i,n++))}))})}var na=Array.isArray;function ia(e,t){return na(t)?e.apply(void 0,q([],N(t))):e(t)}function Ze(e){return m(function(t){return ia(e,t)})}var aa=Array.isArray,sa=Object.getPrototypeOf,ca=Object.prototype,pa=Object.keys;function Io(e){if(e.length===1){var t=e[0];if(aa(t))return{args:t,keys:null};if(la(t)){var r=pa(t);return{args:r.map(function(o){return t[o]}),keys:r}}}return{args:e,keys:null}}function la(e){return e&&typeof e=="object"&&sa(e)===ca}function jo(e,t){return e.reduce(function(r,o,n){return r[o]=t[n],r},{})}function z(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=ke(e),o=Xe(e),n=Io(e),i=n.args,a=n.keys;if(i.length===0)return ue([],r);var s=new j(Pr(i,r,a?function(p){return jo(a,p)}:le));return o?s.pipe(Ze(o)):s}function Pr(e,t,r){return r===void 0&&(r=le),function(o){Fo(t,function(){for(var n=e.length,i=new Array(n),a=n,s=n,p=function(l){Fo(t,function(){var f=ue(e[l],t),u=!1;f.subscribe(T(o,function(d){i[l]=d,u||(u=!0,s--),s||o.next(r(i.slice()))},function(){--a||o.complete()}))},o)},c=0;c<n;c++)p(c)},o)}}function Fo(e,t,r){e?we(r,e,t):t()}function Wo(e,t,r,o,n,i,a,s){var p=[],c=0,l=0,f=!1,u=function(){f&&!p.length&&!c&&t.complete()},d=function(M){return c<o?y(M):p.push(M)},y=function(M){i&&t.next(M),c++;var X=!1;W(r(M,l++)).subscribe(T(t,function(te){n==null||n(te),i?d(te):t.next(te)},function(){X=!0},void 0,function(){if(X)try{c--;for(var te=function(){var J=p.shift();a?we(t,a,function(){return y(J)}):y(J)};p.length&&c<o;)te();u()}catch(J){t.error(J)}}))};return e.subscribe(T(t,d,function(){f=!0,u()})),function(){s==null||s()}}function ne(e,t,r){return r===void 0&&(r=1/0),H(t)?ne(function(o,n){return m(function(i,a){return t(o,i,n,a)})(W(e(o,n)))},r):(typeof t=="number"&&(r=t),E(function(o,n){return Wo(o,n,e,r)}))}function Et(e){return e===void 0&&(e=1/0),ne(le,e)}function Uo(){return Et(1)}function Ue(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Uo()(ue(e,ke(e)))}function C(e){return new j(function(t){W(e()).subscribe(t)})}var ma=["addListener","removeListener"],fa=["addEventListener","removeEventListener"],ua=["on","off"];function h(e,t,r,o){if(H(r)&&(o=r,r=void 0),o)return h(e,t,r).pipe(Ze(o));var n=N(ba(e)?fa.map(function(s){return function(p){return e[s](t,p,r)}}):da(e)?ma.map(Do(e,t)):ha(e)?ua.map(Do(e,t)):[],2),i=n[0],a=n[1];if(!i&&xt(e))return ne(function(s){return h(s,t,r)})(W(e));if(!i)throw new TypeError("Invalid event target");return new j(function(s){var p=function(){for(var c=[],l=0;l<arguments.length;l++)c[l]=arguments[l];return s.next(1<c.length?c:c[0])};return i(p),function(){return a(p)}})}function Do(e,t){return function(r){return function(o){return e[r](t,o)}}}function da(e){return H(e.addListener)&&H(e.removeListener)}function ha(e){return H(e.on)&&H(e.off)}function ba(e){return H(e.addEventListener)&&H(e.removeEventListener)}function ar(e,t,r){return r?ar(e,t).pipe(Ze(r)):new j(function(o){var n=function(){for(var a=[],s=0;s<arguments.length;s++)a[s]=arguments[s];return o.next(a.length===1?a[0]:a)},i=e(n);return H(t)?function(){return t(n,i)}:void 0})}function Me(e,t,r){e===void 0&&(e=0),r===void 0&&(r=Cr);var o=-1;return t!=null&&(Yt(t)?r=t:o=t),new j(function(n){var i=Ro(e)?+e-r.now():e;i<0&&(i=0);var a=0;return r.schedule(function(){n.closed||(n.next(a++),0<=o?this.schedule(void 0,o):n.complete())},i)})}function O(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=ke(e),o=Bt(e,1/0),n=e;return n.length?n.length===1?W(n[0]):Et(o)(ue(n,r)):S}var Ye=new j(be);var va=Array.isArray;function wt(e){return e.length===1&&va(e[0])?e[0]:e}function b(e,t){return E(function(r,o){var n=0;r.subscribe(T(o,function(i){return e.call(t,i,n++)&&o.next(i)}))})}function st(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=Xe(e),o=wt(e);return o.length?new j(function(n){var i=o.map(function(){return[]}),a=o.map(function(){return!1});n.add(function(){i=a=null});for(var s=function(c){W(o[c]).subscribe(T(n,function(l){if(i[c].push(l),i.every(function(u){return u.length})){var f=i.map(function(u){return u.shift()});n.next(r?r.apply(void 0,q([],N(f))):f),i.some(function(u,d){return!u.length&&a[d]})&&n.complete()}},function(){a[c]=!0,!i[c].length&&n.complete()}))},p=0;!n.closed&&p<o.length;p++)s(p);return function(){i=a=null}}):S}function Vo(e){return E(function(t,r){var o=!1,n=null,i=null,a=!1,s=function(){if(i==null||i.unsubscribe(),i=null,o){o=!1;var c=n;n=null,r.next(c)}a&&r.complete()},p=function(){i=null,a&&r.complete()};t.subscribe(T(r,function(c){o=!0,n=c,i||W(e(c)).subscribe(i=T(r,s,p))},function(){a=!0,(!o||!i||i.closed)&&r.complete()}))})}function Le(e,t){return t===void 0&&(t=se),Vo(function(){return Me(e,t)})}function Be(e,t){return t===void 0&&(t=null),t=t!=null?t:e,E(function(r,o){var n=[],i=0;r.subscribe(T(o,function(a){var s,p,c,l,f=null;i++%t===0&&n.push([]);try{for(var u=he(n),d=u.next();!d.done;d=u.next()){var y=d.value;y.push(a),e<=y.length&&(f=f!=null?f:[],f.push(y))}}catch(te){s={error:te}}finally{try{d&&!d.done&&(p=u.return)&&p.call(u)}finally{if(s)throw s.error}}if(f)try{for(var M=he(f),X=M.next();!X.done;X=M.next()){var y=X.value;Qe(n,y),o.next(y)}}catch(te){c={error:te}}finally{try{X&&!X.done&&(l=M.return)&&l.call(M)}finally{if(c)throw c.error}}},function(){var a,s;try{for(var p=he(n),c=p.next();!c.done;c=p.next()){var l=c.value;o.next(l)}}catch(f){a={error:f}}finally{try{c&&!c.done&&(s=p.return)&&s.call(p)}finally{if(a)throw a.error}}o.complete()},void 0,function(){n=null}))})}function de(e){return E(function(t,r){var o=null,n=!1,i;o=t.subscribe(T(r,void 0,void 0,function(a){i=W(e(a,de(e)(t))),o?(o.unsubscribe(),o=null,i.subscribe(r)):n=!0})),n&&(o.unsubscribe(),o=null,i.subscribe(r))})}function No(e,t,r,o,n){return function(i,a){var s=r,p=t,c=0;i.subscribe(T(a,function(l){var f=c++;p=s?e(p,l,f):(s=!0,l),o&&a.next(p)},n&&function(){s&&a.next(p),a.complete()}))}}function Rr(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=Xe(e);return r?yo(Rr.apply(void 0,q([],N(e))),Ze(r)):E(function(o,n){Pr(q([o],N(wt(e))))(n)})}function He(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Rr.apply(void 0,q([],N(e)))}function Ht(e){return E(function(t,r){var o=!1,n=null,i=null,a=function(){if(i==null||i.unsubscribe(),i=null,o){o=!1;var s=n;n=null,r.next(s)}};t.subscribe(T(r,function(s){i==null||i.unsubscribe(),o=!0,n=s,i=T(r,a,be),W(e(s)).subscribe(i)},function(){a(),r.complete()},void 0,function(){n=i=null}))})}function _e(e,t){return t===void 0&&(t=se),E(function(r,o){var n=null,i=null,a=null,s=function(){if(n){n.unsubscribe(),n=null;var c=i;i=null,o.next(c)}};function p(){var c=a+e,l=t.now();if(l<c){n=this.schedule(void 0,c-l),o.add(n);return}s()}r.subscribe(T(o,function(c){i=c,a=t.now(),n||(n=t.schedule(p,e),o.add(n))},function(){s(),o.complete()},void 0,function(){i=n=null}))})}function De(e){return E(function(t,r){var o=!1;t.subscribe(T(r,function(n){o=!0,r.next(n)},function(){o||r.next(e),r.complete()}))})}function Te(e){return e<=0?function(){return S}:E(function(t,r){var o=0;t.subscribe(T(r,function(n){++o<=e&&(r.next(n),e<=o&&r.complete())}))})}function Z(){return E(function(e,t){e.subscribe(T(t,be))})}function zo(e){return m(function(){return e})}function Ir(e,t){return t?function(r){return Ue(t.pipe(Te(1),Z()),r.pipe(Ir(e)))}:ne(function(r,o){return W(e(r,o)).pipe(Te(1),zo(r))})}function Ge(e,t){t===void 0&&(t=se);var r=Me(e,t);return Ir(function(){return r})}function K(e,t){return t===void 0&&(t=le),e=e!=null?e:ga,E(function(r,o){var n,i=!0;r.subscribe(T(o,function(a){var s=t(a);(i||!e(n,s))&&(i=!1,n=s,o.next(a))}))})}function ga(e,t){return e===t}function ee(e,t){return K(function(r,o){return t?t(r[e],o[e]):r[e]===o[e]})}function qo(e){return e===void 0&&(e=ya),E(function(t,r){var o=!1;t.subscribe(T(r,function(n){o=!0,r.next(n)},function(){return o?r.complete():r.error(e())}))})}function ya(){return new ir}function ie(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(r){return Ue(r,I.apply(void 0,q([],N(e))))}}function _(e){return E(function(t,r){try{t.subscribe(r)}finally{r.add(e)}})}function Ae(e,t){var r=arguments.length>=2;return function(o){return o.pipe(e?b(function(n,i){return e(n,i,o)}):le,Te(1),r?De(t):qo(function(){return new ir}))}}function jr(e){return e<=0?function(){return S}:E(function(t,r){var o=[];t.subscribe(T(r,function(n){o.push(n),e<o.length&&o.shift()},function(){var n,i;try{for(var a=he(o),s=a.next();!s.done;s=a.next()){var p=s.value;r.next(p)}}catch(c){n={error:c}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}r.complete()},void 0,function(){o=null}))})}function Qo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=ke(e),o=Bt(e,1/0);return e=wt(e),E(function(n,i){Et(o)(ue(q([n],N(e)),r)).subscribe(i)})}function Re(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Qo.apply(void 0,q([],N(e)))}function ct(e){var t,r=1/0,o;return e!=null&&(typeof e=="object"?(t=e.count,r=t===void 0?1/0:t,o=e.delay):r=e),r<=0?function(){return S}:E(function(n,i){var a=0,s,p=function(){if(s==null||s.unsubscribe(),s=null,o!=null){var l=typeof o=="number"?Me(o):W(o(a)),f=T(i,function(){f.unsubscribe(),c()});l.subscribe(f)}else c()},c=function(){var l=!1;s=n.subscribe(T(i,void 0,function(){++a<r?s?p():l=!0:i.complete()})),l&&p()};c()})}function Fr(e,t){return E(No(e,t,arguments.length>=2,!0))}function pe(e){e===void 0&&(e={});var t=e.connector,r=t===void 0?function(){return new g}:t,o=e.resetOnError,n=o===void 0?!0:o,i=e.resetOnComplete,a=i===void 0?!0:i,s=e.resetOnRefCountZero,p=s===void 0?!0:s;return function(c){var l,f,u,d=0,y=!1,M=!1,X=function(){f==null||f.unsubscribe(),f=void 0},te=function(){X(),l=u=void 0,y=M=!1},J=function(){var k=l;te(),k==null||k.unsubscribe()};return E(function(k,ft){d++,!M&&!y&&X();var qe=u=u!=null?u:r();ft.add(function(){d--,d===0&&!M&&!y&&(f=Wr(J,p))}),qe.subscribe(ft),!l&&d>0&&(l=new at({next:function(Fe){return qe.next(Fe)},error:function(Fe){M=!0,X(),f=Wr(te,n,Fe),qe.error(Fe)},complete:function(){y=!0,X(),f=Wr(te,a),qe.complete()}}),W(k).subscribe(l))})(c)}}function Wr(e,t){for(var r=[],o=2;o<arguments.length;o++)r[o-2]=arguments[o];if(t===!0){e();return}if(t!==!1){var n=new at({next:function(){n.unsubscribe(),e()}});return W(t.apply(void 0,q([],N(r)))).subscribe(n)}}function G(e,t,r){var o,n,i,a,s=!1;return e&&typeof e=="object"?(o=e.bufferSize,a=o===void 0?1/0:o,n=e.windowTime,t=n===void 0?1/0:n,i=e.refCount,s=i===void 0?!1:i,r=e.scheduler):a=e!=null?e:1/0,pe({connector:function(){return new Ct(a,t,r)},resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:s})}function Ce(e){return b(function(t,r){return e<=r})}function Ur(e){return E(function(t,r){var o=!1,n=T(r,function(){n==null||n.unsubscribe(),o=!0},be);W(e).subscribe(n),t.subscribe(T(r,function(i){return o&&r.next(i)}))})}function Q(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=ke(e);return E(function(o,n){(r?Ue(e,o,r):Ue(e,o)).subscribe(n)})}function v(e,t){return E(function(r,o){var n=null,i=0,a=!1,s=function(){return a&&!n&&o.complete()};r.subscribe(T(o,function(p){n==null||n.unsubscribe();var c=0,l=i++;W(e(p,l)).subscribe(n=T(o,function(f){return o.next(t?t(p,f,l,c++):f)},function(){n=null,s()}))},function(){a=!0,s()}))})}function U(e){return E(function(t,r){W(e).subscribe(T(r,function(){return r.complete()},be)),!r.closed&&t.subscribe(r)})}function Dr(e,t){return t===void 0&&(t=!1),E(function(r,o){var n=0;r.subscribe(T(o,function(i){var a=e(i,n++);(a||t)&&o.next(i),!a&&o.complete()}))})}function w(e,t,r){var o=H(e)||t||r?{next:e,error:t,complete:r}:e;return o?E(function(n,i){var a;(a=o.subscribe)===null||a===void 0||a.call(o);var s=!0;n.subscribe(T(i,function(p){var c;(c=o.next)===null||c===void 0||c.call(o,p),i.next(p)},function(){var p;s=!1,(p=o.complete)===null||p===void 0||p.call(o),i.complete()},function(p){var c;s=!1,(c=o.error)===null||c===void 0||c.call(o,p),i.error(p)},function(){var p,c;s&&((p=o.unsubscribe)===null||p===void 0||p.call(o)),(c=o.finalize)===null||c===void 0||c.call(o)}))}):le}function Ko(e,t){return E(function(r,o){var n=t!=null?t:{},i=n.leading,a=i===void 0?!0:i,s=n.trailing,p=s===void 0?!1:s,c=!1,l=null,f=null,u=!1,d=function(){f==null||f.unsubscribe(),f=null,p&&(X(),u&&o.complete())},y=function(){f=null,u&&o.complete()},M=function(te){return f=W(e(te)).subscribe(T(o,d,y))},X=function(){if(c){c=!1;var te=l;l=null,o.next(te),!u&&M(te)}};r.subscribe(T(o,function(te){c=!0,l=te,!(f&&!f.closed)&&(a?X():M(te))},function(){u=!0,!(p&&c&&f&&!f.closed)&&o.complete()}))})}function pt(e,t,r){t===void 0&&(t=se);var o=Me(e,t);return Ko(function(){return o},r)}function re(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=Xe(e);return E(function(o,n){for(var i=e.length,a=new Array(i),s=e.map(function(){return!1}),p=!1,c=function(f){W(e[f]).subscribe(T(n,function(u){a[f]=u,!p&&!s[f]&&(s[f]=!0,(p=s.every(le))&&(s=null))},be))},l=0;l<i;l++)c(l);o.subscribe(T(n,function(f){if(p){var u=q([f],N(a));n.next(r?r.apply(void 0,q([],N(u))):u)}}))})}function Yo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return E(function(r,o){st.apply(void 0,q([r],N(e))).subscribe(o)})}function Vr(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Yo.apply(void 0,q([],N(e)))}function Bo(){let e=new Ct(1);return h(document,"DOMContentLoaded",{once:!0}).subscribe(()=>e.next(document)),e}function P(e,t=document){return Array.from(t.querySelectorAll(e))}function R(e,t=document){let r=fe(e,t);if(typeof r=="undefined")throw new ReferenceError(`Missing element: expected "${e}" to be present`);return r}function fe(e,t=document){return t.querySelector(e)||void 0}function Ie(){var e,t,r,o;return(o=(r=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.activeElement)!=null?r:document.activeElement)!=null?o:void 0}var xa=O(h(document.body,"focusin"),h(document.body,"focusout")).pipe(_e(1),Q(void 0),m(()=>Ie()||document.body),G(1));function et(e){return xa.pipe(m(t=>e.contains(t)),K())}function $t(e,t){return C(()=>O(h(e,"mouseenter").pipe(m(()=>!0)),h(e,"mouseleave").pipe(m(()=>!1))).pipe(t?Ht(r=>Me(+!r*t)):le,Q(e.matches(":hover"))))}function Go(e,t){if(typeof t=="string"||typeof t=="number")e.innerHTML+=t.toString();else if(t instanceof Node)e.appendChild(t);else if(Array.isArray(t))for(let r of t)Go(e,r)}function x(e,t,...r){let o=document.createElement(e);if(t)for(let n of Object.keys(t))typeof t[n]!="undefined"&&(typeof t[n]!="boolean"?o.setAttribute(n,t[n]):o.setAttribute(n,""));for(let n of r)Go(o,n);return o}function sr(e){if(e>999){let t=+((e-950)%1e3>99);return`${((e+1e-6)/1e3).toFixed(t)}k`}else return e.toString()}function Tt(e){let t=x("script",{src:e});return C(()=>(document.head.appendChild(t),O(h(t,"load"),h(t,"error").pipe(v(()=>$r(()=>new ReferenceError(`Invalid script: ${e}`))))).pipe(m(()=>{}),_(()=>document.head.removeChild(t)),Te(1))))}var Jo=new g,Ea=C(()=>typeof ResizeObserver=="undefined"?Tt("https://unpkg.com/resize-observer-polyfill"):I(void 0)).pipe(m(()=>new ResizeObserver(e=>e.forEach(t=>Jo.next(t)))),v(e=>O(Ye,I(e)).pipe(_(()=>e.disconnect()))),G(1));function ce(e){return{width:e.offsetWidth,height:e.offsetHeight}}function ge(e){let t=e;for(;t.clientWidth===0&&t.parentElement;)t=t.parentElement;return Ea.pipe(w(r=>r.observe(t)),v(r=>Jo.pipe(b(o=>o.target===t),_(()=>r.unobserve(t)))),m(()=>ce(e)),Q(ce(e)))}function St(e){return{width:e.scrollWidth,height:e.scrollHeight}}function cr(e){let t=e.parentElement;for(;t&&(e.scrollWidth<=t.scrollWidth&&e.scrollHeight<=t.scrollHeight);)t=(e=t).parentElement;return t?e:void 0}function Xo(e){let t=[],r=e.parentElement;for(;r;)(e.clientWidth>r.clientWidth||e.clientHeight>r.clientHeight)&&t.push(r),r=(e=r).parentElement;return t.length===0&&t.push(document.documentElement),t}function Ve(e){return{x:e.offsetLeft,y:e.offsetTop}}function Zo(e){let t=e.getBoundingClientRect();return{x:t.x+window.scrollX,y:t.y+window.scrollY}}function en(e){return O(h(window,"load"),h(window,"resize")).pipe(Le(0,me),m(()=>Ve(e)),Q(Ve(e)))}function pr(e){return{x:e.scrollLeft,y:e.scrollTop}}function Ne(e){return O(h(e,"scroll"),h(window,"scroll"),h(window,"resize")).pipe(Le(0,me),m(()=>pr(e)),Q(pr(e)))}var tn=new g,wa=C(()=>I(new IntersectionObserver(e=>{for(let t of e)tn.next(t)},{threshold:0}))).pipe(v(e=>O(Ye,I(e)).pipe(_(()=>e.disconnect()))),G(1));function tt(e){return wa.pipe(w(t=>t.observe(e)),v(t=>tn.pipe(b(({target:r})=>r===e),_(()=>t.unobserve(e)),m(({isIntersecting:r})=>r))))}function rn(e,t=16){return Ne(e).pipe(m(({y:r})=>{let o=ce(e),n=St(e);return r>=n.height-o.height-t}),K())}var lr={drawer:R("[data-md-toggle=drawer]"),search:R("[data-md-toggle=search]")};function on(e){return lr[e].checked}function Je(e,t){lr[e].checked!==t&&lr[e].click()}function ze(e){let t=lr[e];return h(t,"change").pipe(m(()=>t.checked),Q(t.checked))}function Ta(e,t){switch(e.constructor){case HTMLInputElement:return e.type==="radio"?/^Arrow/.test(t):!0;case HTMLSelectElement:case HTMLTextAreaElement:return!0;default:return e.isContentEditable}}function Sa(){return O(h(window,"compositionstart").pipe(m(()=>!0)),h(window,"compositionend").pipe(m(()=>!1))).pipe(Q(!1))}function nn(){let e=h(window,"keydown").pipe(b(t=>!(t.metaKey||t.ctrlKey)),m(t=>({mode:on("search")?"search":"global",type:t.key,claim(){t.preventDefault(),t.stopPropagation()}})),b(({mode:t,type:r})=>{if(t==="global"){let o=Ie();if(typeof o!="undefined")return!Ta(o,r)}return!0}),pe());return Sa().pipe(v(t=>t?S:e))}function ye(){return new URL(location.href)}function lt(e,t=!1){if(B("navigation.instant")&&!t){let r=x("a",{href:e.href});document.body.appendChild(r),r.click(),r.remove()}else location.href=e.href}function an(){return new g}function sn(){return location.hash.slice(1)}function cn(e){let t=x("a",{href:e});t.addEventListener("click",r=>r.stopPropagation()),t.click()}function Oa(e){return O(h(window,"hashchange"),e).pipe(m(sn),Q(sn()),b(t=>t.length>0),G(1))}function pn(e){return Oa(e).pipe(m(t=>fe(`[id="${t}"]`)),b(t=>typeof t!="undefined"))}function Pt(e){let t=matchMedia(e);return ar(r=>t.addListener(()=>r(t.matches))).pipe(Q(t.matches))}function ln(){let e=matchMedia("print");return O(h(window,"beforeprint").pipe(m(()=>!0)),h(window,"afterprint").pipe(m(()=>!1))).pipe(Q(e.matches))}function Nr(e,t){return e.pipe(v(r=>r?t():S))}function zr(e,t){return new j(r=>{let o=new XMLHttpRequest;return o.open("GET",`${e}`),o.responseType="blob",o.addEventListener("load",()=>{o.status>=200&&o.status<300?(r.next(o.response),r.complete()):r.error(new Error(o.statusText))}),o.addEventListener("error",()=>{r.error(new Error("Network error"))}),o.addEventListener("abort",()=>{r.complete()}),typeof(t==null?void 0:t.progress$)!="undefined"&&(o.addEventListener("progress",n=>{var i;if(n.lengthComputable)t.progress$.next(n.loaded/n.total*100);else{let a=(i=o.getResponseHeader("Content-Length"))!=null?i:0;t.progress$.next(n.loaded/+a*100)}}),t.progress$.next(5)),o.send(),()=>o.abort()})}function je(e,t){return zr(e,t).pipe(v(r=>r.text()),m(r=>JSON.parse(r)),G(1))}function mn(e,t){let r=new DOMParser;return zr(e,t).pipe(v(o=>o.text()),m(o=>r.parseFromString(o,"text/html")),G(1))}function fn(e,t){let r=new DOMParser;return zr(e,t).pipe(v(o=>o.text()),m(o=>r.parseFromString(o,"text/xml")),G(1))}function un(){return{x:Math.max(0,scrollX),y:Math.max(0,scrollY)}}function dn(){return O(h(window,"scroll",{passive:!0}),h(window,"resize",{passive:!0})).pipe(m(un),Q(un()))}function hn(){return{width:innerWidth,height:innerHeight}}function bn(){return h(window,"resize",{passive:!0}).pipe(m(hn),Q(hn()))}function vn(){return z([dn(),bn()]).pipe(m(([e,t])=>({offset:e,size:t})),G(1))}function mr(e,{viewport$:t,header$:r}){let o=t.pipe(ee("size")),n=z([o,r]).pipe(m(()=>Ve(e)));return z([r,t,n]).pipe(m(([{height:i},{offset:a,size:s},{x:p,y:c}])=>({offset:{x:a.x-p,y:a.y-c+i},size:s})))}function Ma(e){return h(e,"message",t=>t.data)}function La(e){let t=new g;return t.subscribe(r=>e.postMessage(r)),t}function gn(e,t=new Worker(e)){let r=Ma(t),o=La(t),n=new g;n.subscribe(o);let i=o.pipe(Z(),ie(!0));return n.pipe(Z(),Re(r.pipe(U(i))),pe())}var _a=R("#__config"),Ot=JSON.parse(_a.textContent);Ot.base=`${new URL(Ot.base,ye())}`;function xe(){return Ot}function B(e){return Ot.features.includes(e)}function Ee(e,t){return typeof t!="undefined"?Ot.translations[e].replace("#",t.toString()):Ot.translations[e]}function Se(e,t=document){return R(`[data-md-component=${e}]`,t)}function ae(e,t=document){return P(`[data-md-component=${e}]`,t)}function Aa(e){let t=R(".md-typeset > :first-child",e);return h(t,"click",{once:!0}).pipe(m(()=>R(".md-typeset",e)),m(r=>({hash:__md_hash(r.innerHTML)})))}function yn(e){if(!B("announce.dismiss")||!e.childElementCount)return S;if(!e.hidden){let t=R(".md-typeset",e);__md_hash(t.innerHTML)===__md_get("__announce")&&(e.hidden=!0)}return C(()=>{let t=new g;return t.subscribe(({hash:r})=>{e.hidden=!0,__md_set("__announce",r)}),Aa(e).pipe(w(r=>t.next(r)),_(()=>t.complete()),m(r=>$({ref:e},r)))})}function Ca(e,{target$:t}){return t.pipe(m(r=>({hidden:r!==e})))}function xn(e,t){let r=new g;return r.subscribe(({hidden:o})=>{e.hidden=o}),Ca(e,t).pipe(w(o=>r.next(o)),_(()=>r.complete()),m(o=>$({ref:e},o)))}function Rt(e,t){return t==="inline"?x("div",{class:"md-tooltip md-tooltip--inline",id:e,role:"tooltip"},x("div",{class:"md-tooltip__inner md-typeset"})):x("div",{class:"md-tooltip",id:e,role:"tooltip"},x("div",{class:"md-tooltip__inner md-typeset"}))}function En(...e){return x("div",{class:"md-tooltip2",role:"tooltip"},x("div",{class:"md-tooltip2__inner md-typeset"},e))}function wn(e,t){if(t=t?`${t}_annotation_${e}`:void 0,t){let r=t?`#${t}`:void 0;return x("aside",{class:"md-annotation",tabIndex:0},Rt(t),x("a",{href:r,class:"md-annotation__index",tabIndex:-1},x("span",{"data-md-annotation-id":e})))}else return x("aside",{class:"md-annotation",tabIndex:0},Rt(t),x("span",{class:"md-annotation__index",tabIndex:-1},x("span",{"data-md-annotation-id":e})))}function Tn(e){return x("button",{class:"md-clipboard md-icon",title:Ee("clipboard.copy"),"data-clipboard-target":`#${e} > code`})}var On=Lt(qr());function Qr(e,t){let r=t&2,o=t&1,n=Object.keys(e.terms).filter(p=>!e.terms[p]).reduce((p,c)=>[...p,x("del",null,(0,On.default)(c))," "],[]).slice(0,-1),i=xe(),a=new URL(e.location,i.base);B("search.highlight")&&a.searchParams.set("h",Object.entries(e.terms).filter(([,p])=>p).reduce((p,[c])=>`${p} ${c}`.trim(),""));let{tags:s}=xe();return x("a",{href:`${a}`,class:"md-search-result__link",tabIndex:-1},x("article",{class:"md-search-result__article md-typeset","data-md-score":e.score.toFixed(2)},r>0&&x("div",{class:"md-search-result__icon md-icon"}),r>0&&x("h1",null,e.title),r<=0&&x("h2",null,e.title),o>0&&e.text.length>0&&e.text,e.tags&&e.tags.map(p=>{let c=s?p in s?`md-tag-icon md-tag--${s[p]}`:"md-tag-icon":"";return x("span",{class:`md-tag ${c}`},p)}),o>0&&n.length>0&&x("p",{class:"md-search-result__terms"},Ee("search.result.term.missing"),": ",...n)))}function Mn(e){let t=e[0].score,r=[...e],o=xe(),n=r.findIndex(l=>!`${new URL(l.location,o.base)}`.includes("#")),[i]=r.splice(n,1),a=r.findIndex(l=>l.score<t);a===-1&&(a=r.length);let s=r.slice(0,a),p=r.slice(a),c=[Qr(i,2|+(!n&&a===0)),...s.map(l=>Qr(l,1)),...p.length?[x("details",{class:"md-search-result__more"},x("summary",{tabIndex:-1},x("div",null,p.length>0&&p.length===1?Ee("search.result.more.one"):Ee("search.result.more.other",p.length))),...p.map(l=>Qr(l,1)))]:[]];return x("li",{class:"md-search-result__item"},c)}function Ln(e){return x("ul",{class:"md-source__facts"},Object.entries(e).map(([t,r])=>x("li",{class:`md-source__fact md-source__fact--${t}`},typeof r=="number"?sr(r):r)))}function Kr(e){let t=`tabbed-control tabbed-control--${e}`;return x("div",{class:t,hidden:!0},x("button",{class:"tabbed-button",tabIndex:-1,"aria-hidden":"true"}))}function _n(e){return x("div",{class:"md-typeset__scrollwrap"},x("div",{class:"md-typeset__table"},e))}function $a(e){var o;let t=xe(),r=new URL(`../${e.version}/`,t.base);return x("li",{class:"md-version__item"},x("a",{href:`${r}`,class:"md-version__link"},e.title,((o=t.version)==null?void 0:o.alias)&&e.aliases.length>0&&x("span",{class:"md-version__alias"},e.aliases[0])))}function An(e,t){var o;let r=xe();return e=e.filter(n=>{var i;return!((i=n.properties)!=null&&i.hidden)}),x("div",{class:"md-version"},x("button",{class:"md-version__current","aria-label":Ee("select.version")},t.title,((o=r.version)==null?void 0:o.alias)&&t.aliases.length>0&&x("span",{class:"md-version__alias"},t.aliases[0])),x("ul",{class:"md-version__list"},e.map($a)))}var Pa=0;function Ra(e){let t=z([et(e),$t(e)]).pipe(m(([o,n])=>o||n),K()),r=C(()=>Xo(e)).pipe(ne(Ne),pt(1),He(t),m(()=>Zo(e)));return t.pipe(Ae(o=>o),v(()=>z([t,r])),m(([o,n])=>({active:o,offset:n})),pe())}function Ia(e,t){let{content$:r,viewport$:o}=t,n=`__tooltip2_${Pa++}`;return C(()=>{let i=new g,a=new _r(!1);i.pipe(Z(),ie(!1)).subscribe(a);let s=a.pipe(Ht(c=>Me(+!c*250,kr)),K(),v(c=>c?r:S),w(c=>c.id=n),pe());z([i.pipe(m(({active:c})=>c)),s.pipe(v(c=>$t(c,250)),Q(!1))]).pipe(m(c=>c.some(l=>l))).subscribe(a);let p=a.pipe(b(c=>c),re(s,o),m(([c,l,{size:f}])=>{let u=e.getBoundingClientRect(),d=u.width/2;if(l.role==="tooltip")return{x:d,y:8+u.height};if(u.y>=f.height/2){let{height:y}=ce(l);return{x:d,y:-16-y}}else return{x:d,y:16+u.height}}));return z([s,i,p]).subscribe(([c,{offset:l},f])=>{c.style.setProperty("--md-tooltip-host-x",`${l.x}px`),c.style.setProperty("--md-tooltip-host-y",`${l.y}px`),c.style.setProperty("--md-tooltip-x",`${f.x}px`),c.style.setProperty("--md-tooltip-y",`${f.y}px`),c.classList.toggle("md-tooltip2--top",f.y<0),c.classList.toggle("md-tooltip2--bottom",f.y>=0)}),a.pipe(b(c=>c),re(s,(c,l)=>l),b(c=>c.role==="tooltip")).subscribe(c=>{let l=ce(R(":scope > *",c));c.style.setProperty("--md-tooltip-width",`${l.width}px`),c.style.setProperty("--md-tooltip-tail","0px")}),a.pipe(K(),ve(me),re(s)).subscribe(([c,l])=>{l.classList.toggle("md-tooltip2--active",c)}),z([a.pipe(b(c=>c)),s]).subscribe(([c,l])=>{l.role==="dialog"?(e.setAttribute("aria-controls",n),e.setAttribute("aria-haspopup","dialog")):e.setAttribute("aria-describedby",n)}),a.pipe(b(c=>!c)).subscribe(()=>{e.removeAttribute("aria-controls"),e.removeAttribute("aria-describedby"),e.removeAttribute("aria-haspopup")}),Ra(e).pipe(w(c=>i.next(c)),_(()=>i.complete()),m(c=>$({ref:e},c)))})}function mt(e,{viewport$:t},r=document.body){return Ia(e,{content$:new j(o=>{let n=e.title,i=En(n);return o.next(i),e.removeAttribute("title"),r.append(i),()=>{i.remove(),e.setAttribute("title",n)}}),viewport$:t})}function ja(e,t){let r=C(()=>z([en(e),Ne(t)])).pipe(m(([{x:o,y:n},i])=>{let{width:a,height:s}=ce(e);return{x:o-i.x+a/2,y:n-i.y+s/2}}));return et(e).pipe(v(o=>r.pipe(m(n=>({active:o,offset:n})),Te(+!o||1/0))))}function Cn(e,t,{target$:r}){let[o,n]=Array.from(e.children);return C(()=>{let i=new g,a=i.pipe(Z(),ie(!0));return i.subscribe({next({offset:s}){e.style.setProperty("--md-tooltip-x",`${s.x}px`),e.style.setProperty("--md-tooltip-y",`${s.y}px`)},complete(){e.style.removeProperty("--md-tooltip-x"),e.style.removeProperty("--md-tooltip-y")}}),tt(e).pipe(U(a)).subscribe(s=>{e.toggleAttribute("data-md-visible",s)}),O(i.pipe(b(({active:s})=>s)),i.pipe(_e(250),b(({active:s})=>!s))).subscribe({next({active:s}){s?e.prepend(o):o.remove()},complete(){e.prepend(o)}}),i.pipe(Le(16,me)).subscribe(({active:s})=>{o.classList.toggle("md-tooltip--active",s)}),i.pipe(pt(125,me),b(()=>!!e.offsetParent),m(()=>e.offsetParent.getBoundingClientRect()),m(({x:s})=>s)).subscribe({next(s){s?e.style.setProperty("--md-tooltip-0",`${-s}px`):e.style.removeProperty("--md-tooltip-0")},complete(){e.style.removeProperty("--md-tooltip-0")}}),h(n,"click").pipe(U(a),b(s=>!(s.metaKey||s.ctrlKey))).subscribe(s=>{s.stopPropagation(),s.preventDefault()}),h(n,"mousedown").pipe(U(a),re(i)).subscribe(([s,{active:p}])=>{var c;if(s.button!==0||s.metaKey||s.ctrlKey)s.preventDefault();else if(p){s.preventDefault();let l=e.parentElement.closest(".md-annotation");l instanceof HTMLElement?l.focus():(c=Ie())==null||c.blur()}}),r.pipe(U(a),b(s=>s===o),Ge(125)).subscribe(()=>e.focus()),ja(e,t).pipe(w(s=>i.next(s)),_(()=>i.complete()),m(s=>$({ref:e},s)))})}function Fa(e){return e.tagName==="CODE"?P(".c, .c1, .cm",e):[e]}function Wa(e){let t=[];for(let r of Fa(e)){let o=[],n=document.createNodeIterator(r,NodeFilter.SHOW_TEXT);for(let i=n.nextNode();i;i=n.nextNode())o.push(i);for(let i of o){let a;for(;a=/(\(\d+\))(!)?/.exec(i.textContent);){let[,s,p]=a;if(typeof p=="undefined"){let c=i.splitText(a.index);i=c.splitText(s.length),t.push(c)}else{i.textContent=s,t.push(i);break}}}}return t}function kn(e,t){t.append(...Array.from(e.childNodes))}function fr(e,t,{target$:r,print$:o}){let n=t.closest("[id]"),i=n==null?void 0:n.id,a=new Map;for(let s of Wa(t)){let[,p]=s.textContent.match(/\((\d+)\)/);fe(`:scope > li:nth-child(${p})`,e)&&(a.set(p,wn(p,i)),s.replaceWith(a.get(p)))}return a.size===0?S:C(()=>{let s=new g,p=s.pipe(Z(),ie(!0)),c=[];for(let[l,f]of a)c.push([R(".md-typeset",f),R(`:scope > li:nth-child(${l})`,e)]);return o.pipe(U(p)).subscribe(l=>{e.hidden=!l,e.classList.toggle("md-annotation-list",l);for(let[f,u]of c)l?kn(f,u):kn(u,f)}),O(...[...a].map(([,l])=>Cn(l,t,{target$:r}))).pipe(_(()=>s.complete()),pe())})}function Hn(e){if(e.nextElementSibling){let t=e.nextElementSibling;if(t.tagName==="OL")return t;if(t.tagName==="P"&&!t.children.length)return Hn(t)}}function $n(e,t){return C(()=>{let r=Hn(e);return typeof r!="undefined"?fr(r,e,t):S})}var Pn=Lt(Br());var Ua=0;function Rn(e){if(e.nextElementSibling){let t=e.nextElementSibling;if(t.tagName==="OL")return t;if(t.tagName==="P"&&!t.children.length)return Rn(t)}}function Da(e){return ge(e).pipe(m(({width:t})=>({scrollable:St(e).width>t})),ee("scrollable"))}function In(e,t){let{matches:r}=matchMedia("(hover)"),o=C(()=>{let n=new g,i=n.pipe(jr(1));n.subscribe(({scrollable:c})=>{c&&r?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")});let a=[];if(Pn.default.isSupported()&&(e.closest(".copy")||B("content.code.copy")&&!e.closest(".no-copy"))){let c=e.closest("pre");c.id=`__code_${Ua++}`;let l=Tn(c.id);c.insertBefore(l,e),B("content.tooltips")&&a.push(mt(l,{viewport$}))}let s=e.closest(".highlight");if(s instanceof HTMLElement){let c=Rn(s);if(typeof c!="undefined"&&(s.classList.contains("annotate")||B("content.code.annotate"))){let l=fr(c,e,t);a.push(ge(s).pipe(U(i),m(({width:f,height:u})=>f&&u),K(),v(f=>f?l:S)))}}return P(":scope > span[id]",e).length&&e.classList.add("md-code__content"),Da(e).pipe(w(c=>n.next(c)),_(()=>n.complete()),m(c=>$({ref:e},c)),Re(...a))});return B("content.lazy")?tt(e).pipe(b(n=>n),Te(1),v(()=>o)):o}function Va(e,{target$:t,print$:r}){let o=!0;return O(t.pipe(m(n=>n.closest("details:not([open])")),b(n=>e===n),m(()=>({action:"open",reveal:!0}))),r.pipe(b(n=>n||!o),w(()=>o=e.open),m(n=>({action:n?"open":"close"}))))}function jn(e,t){return C(()=>{let r=new g;return r.subscribe(({action:o,reveal:n})=>{e.toggleAttribute("open",o==="open"),n&&e.scrollIntoView()}),Va(e,t).pipe(w(o=>r.next(o)),_(()=>r.complete()),m(o=>$({ref:e},o)))})}var Fn=".node circle,.node ellipse,.node path,.node polygon,.node rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}marker{fill:var(--md-mermaid-edge-color)!important}.edgeLabel .label rect{fill:#0000}.label{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.label foreignObject{line-height:normal;overflow:visible}.label div .edgeLabel{color:var(--md-mermaid-label-fg-color)}.edgeLabel,.edgeLabel p,.label div .edgeLabel{background-color:var(--md-mermaid-label-bg-color)}.edgeLabel,.edgeLabel p{fill:var(--md-mermaid-label-bg-color);color:var(--md-mermaid-edge-color)}.edgePath .path,.flowchart-link{stroke:var(--md-mermaid-edge-color);stroke-width:.05rem}.edgePath .arrowheadPath{fill:var(--md-mermaid-edge-color);stroke:none}.cluster rect{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}.cluster span{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}g #flowchart-circleEnd,g #flowchart-circleStart,g #flowchart-crossEnd,g #flowchart-crossStart,g #flowchart-pointEnd,g #flowchart-pointStart{stroke:none}g.classGroup line,g.classGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.classGroup text{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.classLabel .box{fill:var(--md-mermaid-label-bg-color);background-color:var(--md-mermaid-label-bg-color);opacity:1}.classLabel .label{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.node .divider{stroke:var(--md-mermaid-node-fg-color)}.relation{stroke:var(--md-mermaid-edge-color)}.cardinality{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.cardinality text{fill:inherit!important}defs #classDiagram-compositionEnd,defs #classDiagram-compositionStart,defs #classDiagram-dependencyEnd,defs #classDiagram-dependencyStart,defs #classDiagram-extensionEnd,defs #classDiagram-extensionStart{fill:var(--md-mermaid-edge-color)!important;stroke:var(--md-mermaid-edge-color)!important}defs #classDiagram-aggregationEnd,defs #classDiagram-aggregationStart{fill:var(--md-mermaid-label-bg-color)!important;stroke:var(--md-mermaid-edge-color)!important}g.stateGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.stateGroup .state-title{fill:var(--md-mermaid-label-fg-color)!important;font-family:var(--md-mermaid-font-family)}g.stateGroup .composit{fill:var(--md-mermaid-label-bg-color)}.nodeLabel,.nodeLabel p{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}a .nodeLabel{text-decoration:underline}.node circle.state-end,.node circle.state-start,.start-state{fill:var(--md-mermaid-edge-color);stroke:none}.end-state-inner,.end-state-outer{fill:var(--md-mermaid-edge-color)}.end-state-inner,.node circle.state-end{stroke:var(--md-mermaid-label-bg-color)}.transition{stroke:var(--md-mermaid-edge-color)}[id^=state-fork] rect,[id^=state-join] rect{fill:var(--md-mermaid-edge-color)!important;stroke:none!important}.statediagram-cluster.statediagram-cluster .inner{fill:var(--md-default-bg-color)}.statediagram-cluster rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.statediagram-state rect.divider{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}defs #statediagram-barbEnd{stroke:var(--md-mermaid-edge-color)}.attributeBoxEven,.attributeBoxOdd{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.entityBox{fill:var(--md-mermaid-label-bg-color);stroke:var(--md-mermaid-node-fg-color)}.entityLabel{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.relationshipLabelBox{fill:var(--md-mermaid-label-bg-color);fill-opacity:1;background-color:var(--md-mermaid-label-bg-color);opacity:1}.relationshipLabel{fill:var(--md-mermaid-label-fg-color)}.relationshipLine{stroke:var(--md-mermaid-edge-color)}defs #ONE_OR_MORE_END *,defs #ONE_OR_MORE_START *,defs #ONLY_ONE_END *,defs #ONLY_ONE_START *,defs #ZERO_OR_MORE_END *,defs #ZERO_OR_MORE_START *,defs #ZERO_OR_ONE_END *,defs #ZERO_OR_ONE_START *{stroke:var(--md-mermaid-edge-color)!important}defs #ZERO_OR_MORE_END circle,defs #ZERO_OR_MORE_START circle{fill:var(--md-mermaid-label-bg-color)}.actor{fill:var(--md-mermaid-sequence-actor-bg-color);stroke:var(--md-mermaid-sequence-actor-border-color)}text.actor>tspan{fill:var(--md-mermaid-sequence-actor-fg-color);font-family:var(--md-mermaid-font-family)}line{stroke:var(--md-mermaid-sequence-actor-line-color)}.actor-man circle,.actor-man line{fill:var(--md-mermaid-sequence-actorman-bg-color);stroke:var(--md-mermaid-sequence-actorman-line-color)}.messageLine0,.messageLine1{stroke:var(--md-mermaid-sequence-message-line-color)}.note{fill:var(--md-mermaid-sequence-note-bg-color);stroke:var(--md-mermaid-sequence-note-border-color)}.loopText,.loopText>tspan,.messageText,.noteText>tspan{stroke:none;font-family:var(--md-mermaid-font-family)!important}.messageText{fill:var(--md-mermaid-sequence-message-fg-color)}.loopText,.loopText>tspan{fill:var(--md-mermaid-sequence-loop-fg-color)}.noteText>tspan{fill:var(--md-mermaid-sequence-note-fg-color)}#arrowhead path{fill:var(--md-mermaid-sequence-message-line-color);stroke:none}.loopLine{fill:var(--md-mermaid-sequence-loop-bg-color);stroke:var(--md-mermaid-sequence-loop-border-color)}.labelBox{fill:var(--md-mermaid-sequence-label-bg-color);stroke:none}.labelText,.labelText>span{fill:var(--md-mermaid-sequence-label-fg-color);font-family:var(--md-mermaid-font-family)}.sequenceNumber{fill:var(--md-mermaid-sequence-number-fg-color)}rect.rect{fill:var(--md-mermaid-sequence-box-bg-color);stroke:none}rect.rect+text.text{fill:var(--md-mermaid-sequence-box-fg-color)}defs #sequencenumber{fill:var(--md-mermaid-sequence-number-bg-color)!important}";var Gr,za=0;function qa(){return typeof mermaid=="undefined"||mermaid instanceof Element?Tt("https://unpkg.com/mermaid@11/dist/mermaid.min.js"):I(void 0)}function Wn(e){return e.classList.remove("mermaid"),Gr||(Gr=qa().pipe(w(()=>mermaid.initialize({startOnLoad:!1,themeCSS:Fn,sequence:{actorFontSize:"16px",messageFontSize:"16px",noteFontSize:"16px"}})),m(()=>{}),G(1))),Gr.subscribe(()=>so(this,null,function*(){e.classList.add("mermaid");let t=`__mermaid_${za++}`,r=x("div",{class:"mermaid"}),o=e.textContent,{svg:n,fn:i}=yield mermaid.render(t,o),a=r.attachShadow({mode:"closed"});a.innerHTML=n,e.replaceWith(r),i==null||i(a)})),Gr.pipe(m(()=>({ref:e})))}var Un=x("table");function Dn(e){return e.replaceWith(Un),Un.replaceWith(_n(e)),I({ref:e})}function Qa(e){let t=e.find(r=>r.checked)||e[0];return O(...e.map(r=>h(r,"change").pipe(m(()=>R(`label[for="${r.id}"]`))))).pipe(Q(R(`label[for="${t.id}"]`)),m(r=>({active:r})))}function Vn(e,{viewport$:t,target$:r}){let o=R(".tabbed-labels",e),n=P(":scope > input",e),i=Kr("prev");e.append(i);let a=Kr("next");return e.append(a),C(()=>{let s=new g,p=s.pipe(Z(),ie(!0));z([s,ge(e),tt(e)]).pipe(U(p),Le(1,me)).subscribe({next([{active:c},l]){let f=Ve(c),{width:u}=ce(c);e.style.setProperty("--md-indicator-x",`${f.x}px`),e.style.setProperty("--md-indicator-width",`${u}px`);let d=pr(o);(f.x<d.x||f.x+u>d.x+l.width)&&o.scrollTo({left:Math.max(0,f.x-16),behavior:"smooth"})},complete(){e.style.removeProperty("--md-indicator-x"),e.style.removeProperty("--md-indicator-width")}}),z([Ne(o),ge(o)]).pipe(U(p)).subscribe(([c,l])=>{let f=St(o);i.hidden=c.x<16,a.hidden=c.x>f.width-l.width-16}),O(h(i,"click").pipe(m(()=>-1)),h(a,"click").pipe(m(()=>1))).pipe(U(p)).subscribe(c=>{let{width:l}=ce(o);o.scrollBy({left:l*c,behavior:"smooth"})}),r.pipe(U(p),b(c=>n.includes(c))).subscribe(c=>c.click()),o.classList.add("tabbed-labels--linked");for(let c of n){let l=R(`label[for="${c.id}"]`);l.replaceChildren(x("a",{href:`#${l.htmlFor}`,tabIndex:-1},...Array.from(l.childNodes))),h(l.firstElementChild,"click").pipe(U(p),b(f=>!(f.metaKey||f.ctrlKey)),w(f=>{f.preventDefault(),f.stopPropagation()})).subscribe(()=>{history.replaceState({},"",`#${l.htmlFor}`),l.click()})}return B("content.tabs.link")&&s.pipe(Ce(1),re(t)).subscribe(([{active:c},{offset:l}])=>{let f=c.innerText.trim();if(c.hasAttribute("data-md-switching"))c.removeAttribute("data-md-switching");else{let u=e.offsetTop-l.y;for(let y of P("[data-tabs]"))for(let M of P(":scope > input",y)){let X=R(`label[for="${M.id}"]`);if(X!==c&&X.innerText.trim()===f){X.setAttribute("data-md-switching",""),M.click();break}}window.scrollTo({top:e.offsetTop-u});let d=__md_get("__tabs")||[];__md_set("__tabs",[...new Set([f,...d])])}}),s.pipe(U(p)).subscribe(()=>{for(let c of P("audio, video",e))c.pause()}),Qa(n).pipe(w(c=>s.next(c)),_(()=>s.complete()),m(c=>$({ref:e},c)))}).pipe(Ke(se))}function Nn(e,{viewport$:t,target$:r,print$:o}){return O(...P(".annotate:not(.highlight)",e).map(n=>$n(n,{target$:r,print$:o})),...P("pre:not(.mermaid) > code",e).map(n=>In(n,{target$:r,print$:o})),...P("pre.mermaid",e).map(n=>Wn(n)),...P("table:not([class])",e).map(n=>Dn(n)),...P("details",e).map(n=>jn(n,{target$:r,print$:o})),...P("[data-tabs]",e).map(n=>Vn(n,{viewport$:t,target$:r})),...P("[title]",e).filter(()=>B("content.tooltips")).map(n=>mt(n,{viewport$:t})))}function Ka(e,{alert$:t}){return t.pipe(v(r=>O(I(!0),I(!1).pipe(Ge(2e3))).pipe(m(o=>({message:r,active:o})))))}function zn(e,t){let r=R(".md-typeset",e);return C(()=>{let o=new g;return o.subscribe(({message:n,active:i})=>{e.classList.toggle("md-dialog--active",i),r.textContent=n}),Ka(e,t).pipe(w(n=>o.next(n)),_(()=>o.complete()),m(n=>$({ref:e},n)))})}var Ya=0;function Ba(e,t){document.body.append(e);let{width:r}=ce(e);e.style.setProperty("--md-tooltip-width",`${r}px`),e.remove();let o=cr(t),n=typeof o!="undefined"?Ne(o):I({x:0,y:0}),i=O(et(t),$t(t)).pipe(K());return z([i,n]).pipe(m(([a,s])=>{let{x:p,y:c}=Ve(t),l=ce(t),f=t.closest("table");return f&&t.parentElement&&(p+=f.offsetLeft+t.parentElement.offsetLeft,c+=f.offsetTop+t.parentElement.offsetTop),{active:a,offset:{x:p-s.x+l.width/2-r/2,y:c-s.y+l.height+8}}}))}function qn(e){let t=e.title;if(!t.length)return S;let r=`__tooltip_${Ya++}`,o=Rt(r,"inline"),n=R(".md-typeset",o);return n.innerHTML=t,C(()=>{let i=new g;return i.subscribe({next({offset:a}){o.style.setProperty("--md-tooltip-x",`${a.x}px`),o.style.setProperty("--md-tooltip-y",`${a.y}px`)},complete(){o.style.removeProperty("--md-tooltip-x"),o.style.removeProperty("--md-tooltip-y")}}),O(i.pipe(b(({active:a})=>a)),i.pipe(_e(250),b(({active:a})=>!a))).subscribe({next({active:a}){a?(e.insertAdjacentElement("afterend",o),e.setAttribute("aria-describedby",r),e.removeAttribute("title")):(o.remove(),e.removeAttribute("aria-describedby"),e.setAttribute("title",t))},complete(){o.remove(),e.removeAttribute("aria-describedby"),e.setAttribute("title",t)}}),i.pipe(Le(16,me)).subscribe(({active:a})=>{o.classList.toggle("md-tooltip--active",a)}),i.pipe(pt(125,me),b(()=>!!e.offsetParent),m(()=>e.offsetParent.getBoundingClientRect()),m(({x:a})=>a)).subscribe({next(a){a?o.style.setProperty("--md-tooltip-0",`${-a}px`):o.style.removeProperty("--md-tooltip-0")},complete(){o.style.removeProperty("--md-tooltip-0")}}),Ba(o,e).pipe(w(a=>i.next(a)),_(()=>i.complete()),m(a=>$({ref:e},a)))}).pipe(Ke(se))}function Ga({viewport$:e}){if(!B("header.autohide"))return I(!1);let t=e.pipe(m(({offset:{y:n}})=>n),Be(2,1),m(([n,i])=>[n<i,i]),ee(0)),r=z([e,t]).pipe(b(([{offset:n},[,i]])=>Math.abs(i-n.y)>100),m(([,[n]])=>n),K()),o=ze("search");return z([e,o]).pipe(m(([{offset:n},i])=>n.y>400&&!i),K(),v(n=>n?r:I(!1)),Q(!1))}function Qn(e,t){return C(()=>z([ge(e),Ga(t)])).pipe(m(([{height:r},o])=>({height:r,hidden:o})),K((r,o)=>r.height===o.height&&r.hidden===o.hidden),G(1))}function Kn(e,{header$:t,main$:r}){return C(()=>{let o=new g,n=o.pipe(Z(),ie(!0));o.pipe(ee("active"),He(t)).subscribe(([{active:a},{hidden:s}])=>{e.classList.toggle("md-header--shadow",a&&!s),e.hidden=s});let i=ue(P("[title]",e)).pipe(b(()=>B("content.tooltips")),ne(a=>qn(a)));return r.subscribe(o),t.pipe(U(n),m(a=>$({ref:e},a)),Re(i.pipe(U(n))))})}function Ja(e,{viewport$:t,header$:r}){return mr(e,{viewport$:t,header$:r}).pipe(m(({offset:{y:o}})=>{let{height:n}=ce(e);return{active:o>=n}}),ee("active"))}function Yn(e,t){return C(()=>{let r=new g;r.subscribe({next({active:n}){e.classList.toggle("md-header__title--active",n)},complete(){e.classList.remove("md-header__title--active")}});let o=fe(".md-content h1");return typeof o=="undefined"?S:Ja(o,t).pipe(w(n=>r.next(n)),_(()=>r.complete()),m(n=>$({ref:e},n)))})}function Bn(e,{viewport$:t,header$:r}){let o=r.pipe(m(({height:i})=>i),K()),n=o.pipe(v(()=>ge(e).pipe(m(({height:i})=>({top:e.offsetTop,bottom:e.offsetTop+i})),ee("bottom"))));return z([o,n,t]).pipe(m(([i,{top:a,bottom:s},{offset:{y:p},size:{height:c}}])=>(c=Math.max(0,c-Math.max(0,a-p,i)-Math.max(0,c+p-s)),{offset:a-i,height:c,active:a-i<=p})),K((i,a)=>i.offset===a.offset&&i.height===a.height&&i.active===a.active))}function Xa(e){let t=__md_get("__palette")||{index:e.findIndex(o=>matchMedia(o.getAttribute("data-md-color-media")).matches)},r=Math.max(0,Math.min(t.index,e.length-1));return I(...e).pipe(ne(o=>h(o,"change").pipe(m(()=>o))),Q(e[r]),m(o=>({index:e.indexOf(o),color:{media:o.getAttribute("data-md-color-media"),scheme:o.getAttribute("data-md-color-scheme"),primary:o.getAttribute("data-md-color-primary"),accent:o.getAttribute("data-md-color-accent")}})),G(1))}function Gn(e){let t=P("input",e),r=x("meta",{name:"theme-color"});document.head.appendChild(r);let o=x("meta",{name:"color-scheme"});document.head.appendChild(o);let n=Pt("(prefers-color-scheme: light)");return C(()=>{let i=new g;return i.subscribe(a=>{if(document.body.setAttribute("data-md-color-switching",""),a.color.media==="(prefers-color-scheme)"){let s=matchMedia("(prefers-color-scheme: light)"),p=document.querySelector(s.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");a.color.scheme=p.getAttribute("data-md-color-scheme"),a.color.primary=p.getAttribute("data-md-color-primary"),a.color.accent=p.getAttribute("data-md-color-accent")}for(let[s,p]of Object.entries(a.color))document.body.setAttribute(`data-md-color-${s}`,p);for(let s=0;s<t.length;s++){let p=t[s].nextElementSibling;p instanceof HTMLElement&&(p.hidden=a.index!==s)}__md_set("__palette",a)}),h(e,"keydown").pipe(b(a=>a.key==="Enter"),re(i,(a,s)=>s)).subscribe(({index:a})=>{a=(a+1)%t.length,t[a].click(),t[a].focus()}),i.pipe(m(()=>{let a=Se("header"),s=window.getComputedStyle(a);return o.content=s.colorScheme,s.backgroundColor.match(/\d+/g).map(p=>(+p).toString(16).padStart(2,"0")).join("")})).subscribe(a=>r.content=`#${a}`),i.pipe(ve(se)).subscribe(()=>{document.body.removeAttribute("data-md-color-switching")}),Xa(t).pipe(U(n.pipe(Ce(1))),ct(),w(a=>i.next(a)),_(()=>i.complete()),m(a=>$({ref:e},a)))})}function Jn(e,{progress$:t}){return C(()=>{let r=new g;return r.subscribe(({value:o})=>{e.style.setProperty("--md-progress-value",`${o}`)}),t.pipe(w(o=>r.next({value:o})),_(()=>r.complete()),m(o=>({ref:e,value:o})))})}var Jr=Lt(Br());function Za(e){e.setAttribute("data-md-copying","");let t=e.closest("[data-copy]"),r=t?t.getAttribute("data-copy"):e.innerText;return e.removeAttribute("data-md-copying"),r.trimEnd()}function Xn({alert$:e}){Jr.default.isSupported()&&new j(t=>{new Jr.default("[data-clipboard-target], [data-clipboard-text]",{text:r=>r.getAttribute("data-clipboard-text")||Za(R(r.getAttribute("data-clipboard-target")))}).on("success",r=>t.next(r))}).pipe(w(t=>{t.trigger.focus()}),m(()=>Ee("clipboard.copied"))).subscribe(e)}function Zn(e,t){return e.protocol=t.protocol,e.hostname=t.hostname,e}function es(e,t){let r=new Map;for(let o of P("url",e)){let n=R("loc",o),i=[Zn(new URL(n.textContent),t)];r.set(`${i[0]}`,i);for(let a of P("[rel=alternate]",o)){let s=a.getAttribute("href");s!=null&&i.push(Zn(new URL(s),t))}}return r}function ur(e){return fn(new URL("sitemap.xml",e)).pipe(m(t=>es(t,new URL(e))),de(()=>I(new Map)))}function ts(e,t){if(!(e.target instanceof Element))return S;let r=e.target.closest("a");if(r===null)return S;if(r.target||e.metaKey||e.ctrlKey)return S;let o=new URL(r.href);return o.search=o.hash="",t.has(`${o}`)?(e.preventDefault(),I(new URL(r.href))):S}function ei(e){let t=new Map;for(let r of P(":scope > *",e.head))t.set(r.outerHTML,r);return t}function ti(e){for(let t of P("[href], [src]",e))for(let r of["href","src"]){let o=t.getAttribute(r);if(o&&!/^(?:[a-z]+:)?\/\//i.test(o)){t[r]=t[r];break}}return I(e)}function rs(e){for(let o of["[data-md-component=announce]","[data-md-component=container]","[data-md-component=header-topic]","[data-md-component=outdated]","[data-md-component=logo]","[data-md-component=skip]",...B("navigation.tabs.sticky")?["[data-md-component=tabs]"]:[]]){let n=fe(o),i=fe(o,e);typeof n!="undefined"&&typeof i!="undefined"&&n.replaceWith(i)}let t=ei(document);for(let[o,n]of ei(e))t.has(o)?t.delete(o):document.head.appendChild(n);for(let o of t.values()){let n=o.getAttribute("name");n!=="theme-color"&&n!=="color-scheme"&&o.remove()}let r=Se("container");return Ue(P("script",r)).pipe(v(o=>{let n=e.createElement("script");if(o.src){for(let i of o.getAttributeNames())n.setAttribute(i,o.getAttribute(i));return o.replaceWith(n),new j(i=>{n.onload=()=>i.complete()})}else return n.textContent=o.textContent,o.replaceWith(n),S}),Z(),ie(document))}function ri({location$:e,viewport$:t,progress$:r}){let o=xe();if(location.protocol==="file:")return S;let n=ur(o.base);I(document).subscribe(ti);let i=h(document.body,"click").pipe(He(n),v(([p,c])=>ts(p,c)),pe()),a=h(window,"popstate").pipe(m(ye),pe());i.pipe(re(t)).subscribe(([p,{offset:c}])=>{history.replaceState(c,""),history.pushState(null,"",p)}),O(i,a).subscribe(e);let s=e.pipe(ee("pathname"),v(p=>mn(p,{progress$:r}).pipe(de(()=>(lt(p,!0),S)))),v(ti),v(rs),pe());return O(s.pipe(re(e,(p,c)=>c)),s.pipe(v(()=>e),ee("pathname"),v(()=>e),ee("hash")),e.pipe(K((p,c)=>p.pathname===c.pathname&&p.hash===c.hash),v(()=>i),w(()=>history.back()))).subscribe(p=>{var c,l;history.state!==null||!p.hash?window.scrollTo(0,(l=(c=history.state)==null?void 0:c.y)!=null?l:0):(history.scrollRestoration="auto",cn(p.hash),history.scrollRestoration="manual")}),e.subscribe(()=>{history.scrollRestoration="manual"}),h(window,"beforeunload").subscribe(()=>{history.scrollRestoration="auto"}),t.pipe(ee("offset"),_e(100)).subscribe(({offset:p})=>{history.replaceState(p,"")}),s}var oi=Lt(qr());function ni(e){let t=e.separator.split("|").map(n=>n.replace(/(\(\?[!=<][^)]+\))/g,"").length===0?"\uFFFD":n).join("|"),r=new RegExp(t,"img"),o=(n,i,a)=>`${i}<mark data-md-highlight>${a}</mark>`;return n=>{n=n.replace(/[\s*+\-:~^]+/g," ").trim();let i=new RegExp(`(^|${e.separator}|)(${n.replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&").replace(r,"|")})`,"img");return a=>(0,oi.default)(a).replace(i,o).replace(/<\/mark>(\s+)<mark[^>]*>/img,"$1")}}function jt(e){return e.type===1}function dr(e){return e.type===3}function ii(e,t){let r=gn(e);return O(I(location.protocol!=="file:"),ze("search")).pipe(Ae(o=>o),v(()=>t)).subscribe(({config:o,docs:n})=>r.next({type:0,data:{config:o,docs:n,options:{suggest:B("search.suggest")}}})),r}function ai({document$:e}){let t=xe(),r=je(new URL("../versions.json",t.base)).pipe(de(()=>S)),o=r.pipe(m(n=>{let[,i]=t.base.match(/([^/]+)\/?$/);return n.find(({version:a,aliases:s})=>a===i||s.includes(i))||n[0]}));r.pipe(m(n=>new Map(n.map(i=>[`${new URL(`../${i.version}/`,t.base)}`,i]))),v(n=>h(document.body,"click").pipe(b(i=>!i.metaKey&&!i.ctrlKey),re(o),v(([i,a])=>{if(i.target instanceof Element){let s=i.target.closest("a");if(s&&!s.target&&n.has(s.href)){let p=s.href;return!i.target.closest(".md-version")&&n.get(p)===a?S:(i.preventDefault(),I(p))}}return S}),v(i=>ur(new URL(i)).pipe(m(a=>{let p=ye().href.replace(t.base,i);return a.has(p.split("#")[0])?new URL(p):new URL(i)})))))).subscribe(n=>lt(n,!0)),z([r,o]).subscribe(([n,i])=>{R(".md-header__topic").appendChild(An(n,i))}),e.pipe(v(()=>o)).subscribe(n=>{var a;let i=__md_get("__outdated",sessionStorage);if(i===null){i=!0;let s=((a=t.version)==null?void 0:a.default)||"latest";Array.isArray(s)||(s=[s]);e:for(let p of s)for(let c of n.aliases.concat(n.version))if(new RegExp(p,"i").test(c)){i=!1;break e}__md_set("__outdated",i,sessionStorage)}if(i)for(let s of ae("outdated"))s.hidden=!1})}function is(e,{worker$:t}){let{searchParams:r}=ye();r.has("q")&&(Je("search",!0),e.value=r.get("q"),e.focus(),ze("search").pipe(Ae(i=>!i)).subscribe(()=>{let i=ye();i.searchParams.delete("q"),history.replaceState({},"",`${i}`)}));let o=et(e),n=O(t.pipe(Ae(jt)),h(e,"keyup"),o).pipe(m(()=>e.value),K());return z([n,o]).pipe(m(([i,a])=>({value:i,focus:a})),G(1))}function si(e,{worker$:t}){let r=new g,o=r.pipe(Z(),ie(!0));z([t.pipe(Ae(jt)),r],(i,a)=>a).pipe(ee("value")).subscribe(({value:i})=>t.next({type:2,data:i})),r.pipe(ee("focus")).subscribe(({focus:i})=>{i&&Je("search",i)}),h(e.form,"reset").pipe(U(o)).subscribe(()=>e.focus());let n=R("header [for=__search]");return h(n,"click").subscribe(()=>e.focus()),is(e,{worker$:t}).pipe(w(i=>r.next(i)),_(()=>r.complete()),m(i=>$({ref:e},i)),G(1))}function ci(e,{worker$:t,query$:r}){let o=new g,n=rn(e.parentElement).pipe(b(Boolean)),i=e.parentElement,a=R(":scope > :first-child",e),s=R(":scope > :last-child",e);ze("search").subscribe(l=>s.setAttribute("role",l?"list":"presentation")),o.pipe(re(r),Ur(t.pipe(Ae(jt)))).subscribe(([{items:l},{value:f}])=>{switch(l.length){case 0:a.textContent=f.length?Ee("search.result.none"):Ee("search.result.placeholder");break;case 1:a.textContent=Ee("search.result.one");break;default:let u=sr(l.length);a.textContent=Ee("search.result.other",u)}});let p=o.pipe(w(()=>s.innerHTML=""),v(({items:l})=>O(I(...l.slice(0,10)),I(...l.slice(10)).pipe(Be(4),Vr(n),v(([f])=>f)))),m(Mn),pe());return p.subscribe(l=>s.appendChild(l)),p.pipe(ne(l=>{let f=fe("details",l);return typeof f=="undefined"?S:h(f,"toggle").pipe(U(o),m(()=>f))})).subscribe(l=>{l.open===!1&&l.offsetTop<=i.scrollTop&&i.scrollTo({top:l.offsetTop})}),t.pipe(b(dr),m(({data:l})=>l)).pipe(w(l=>o.next(l)),_(()=>o.complete()),m(l=>$({ref:e},l)))}function as(e,{query$:t}){return t.pipe(m(({value:r})=>{let o=ye();return o.hash="",r=r.replace(/\s+/g,"+").replace(/&/g,"%26").replace(/=/g,"%3D"),o.search=`q=${r}`,{url:o}}))}function pi(e,t){let r=new g,o=r.pipe(Z(),ie(!0));return r.subscribe(({url:n})=>{e.setAttribute("data-clipboard-text",e.href),e.href=`${n}`}),h(e,"click").pipe(U(o)).subscribe(n=>n.preventDefault()),as(e,t).pipe(w(n=>r.next(n)),_(()=>r.complete()),m(n=>$({ref:e},n)))}function li(e,{worker$:t,keyboard$:r}){let o=new g,n=Se("search-query"),i=O(h(n,"keydown"),h(n,"focus")).pipe(ve(se),m(()=>n.value),K());return o.pipe(He(i),m(([{suggest:s},p])=>{let c=p.split(/([\s-]+)/);if(s!=null&&s.length&&c[c.length-1]){let l=s[s.length-1];l.startsWith(c[c.length-1])&&(c[c.length-1]=l)}else c.length=0;return c})).subscribe(s=>e.innerHTML=s.join("").replace(/\s/g,"&nbsp;")),r.pipe(b(({mode:s})=>s==="search")).subscribe(s=>{switch(s.type){case"ArrowRight":e.innerText.length&&n.selectionStart===n.value.length&&(n.value=e.innerText);break}}),t.pipe(b(dr),m(({data:s})=>s)).pipe(w(s=>o.next(s)),_(()=>o.complete()),m(()=>({ref:e})))}function mi(e,{index$:t,keyboard$:r}){let o=xe();try{let n=ii(o.search,t),i=Se("search-query",e),a=Se("search-result",e);h(e,"click").pipe(b(({target:p})=>p instanceof Element&&!!p.closest("a"))).subscribe(()=>Je("search",!1)),r.pipe(b(({mode:p})=>p==="search")).subscribe(p=>{let c=Ie();switch(p.type){case"Enter":if(c===i){let l=new Map;for(let f of P(":first-child [href]",a)){let u=f.firstElementChild;l.set(f,parseFloat(u.getAttribute("data-md-score")))}if(l.size){let[[f]]=[...l].sort(([,u],[,d])=>d-u);f.click()}p.claim()}break;case"Escape":case"Tab":Je("search",!1),i.blur();break;case"ArrowUp":case"ArrowDown":if(typeof c=="undefined")i.focus();else{let l=[i,...P(":not(details) > [href], summary, details[open] [href]",a)],f=Math.max(0,(Math.max(0,l.indexOf(c))+l.length+(p.type==="ArrowUp"?-1:1))%l.length);l[f].focus()}p.claim();break;default:i!==Ie()&&i.focus()}}),r.pipe(b(({mode:p})=>p==="global")).subscribe(p=>{switch(p.type){case"f":case"s":case"/":i.focus(),i.select(),p.claim();break}});let s=si(i,{worker$:n});return O(s,ci(a,{worker$:n,query$:s})).pipe(Re(...ae("search-share",e).map(p=>pi(p,{query$:s})),...ae("search-suggest",e).map(p=>li(p,{worker$:n,keyboard$:r}))))}catch(n){return e.hidden=!0,Ye}}function fi(e,{index$:t,location$:r}){return z([t,r.pipe(Q(ye()),b(o=>!!o.searchParams.get("h")))]).pipe(m(([o,n])=>ni(o.config)(n.searchParams.get("h"))),m(o=>{var a;let n=new Map,i=document.createNodeIterator(e,NodeFilter.SHOW_TEXT);for(let s=i.nextNode();s;s=i.nextNode())if((a=s.parentElement)!=null&&a.offsetHeight){let p=s.textContent,c=o(p);c.length>p.length&&n.set(s,c)}for(let[s,p]of n){let{childNodes:c}=x("span",null,p);s.replaceWith(...Array.from(c))}return{ref:e,nodes:n}}))}function ss(e,{viewport$:t,main$:r}){let o=e.closest(".md-grid"),n=o.offsetTop-o.parentElement.offsetTop;return z([r,t]).pipe(m(([{offset:i,height:a},{offset:{y:s}}])=>(a=a+Math.min(n,Math.max(0,s-i))-n,{height:a,locked:s>=i+n})),K((i,a)=>i.height===a.height&&i.locked===a.locked))}function Xr(e,o){var n=o,{header$:t}=n,r=ao(n,["header$"]);let i=R(".md-sidebar__scrollwrap",e),{y:a}=Ve(i);return C(()=>{let s=new g,p=s.pipe(Z(),ie(!0)),c=s.pipe(Le(0,me));return c.pipe(re(t)).subscribe({next([{height:l},{height:f}]){i.style.height=`${l-2*a}px`,e.style.top=`${f}px`},complete(){i.style.height="",e.style.top=""}}),c.pipe(Ae()).subscribe(()=>{for(let l of P(".md-nav__link--active[href]",e)){if(!l.clientHeight)continue;let f=l.closest(".md-sidebar__scrollwrap");if(typeof f!="undefined"){let u=l.offsetTop-f.offsetTop,{height:d}=ce(f);f.scrollTo({top:u-d/2})}}}),ue(P("label[tabindex]",e)).pipe(ne(l=>h(l,"click").pipe(ve(se),m(()=>l),U(p)))).subscribe(l=>{let f=R(`[id="${l.htmlFor}"]`);R(`[aria-labelledby="${l.id}"]`).setAttribute("aria-expanded",`${f.checked}`)}),ss(e,r).pipe(w(l=>s.next(l)),_(()=>s.complete()),m(l=>$({ref:e},l)))})}function ui(e,t){if(typeof t!="undefined"){let r=`https://api.github.com/repos/${e}/${t}`;return st(je(`${r}/releases/latest`).pipe(de(()=>S),m(o=>({version:o.tag_name})),De({})),je(r).pipe(de(()=>S),m(o=>({stars:o.stargazers_count,forks:o.forks_count})),De({}))).pipe(m(([o,n])=>$($({},o),n)))}else{let r=`https://api.github.com/users/${e}`;return je(r).pipe(m(o=>({repositories:o.public_repos})),De({}))}}function di(e,t){let r=`https://${e}/api/v4/projects/${encodeURIComponent(t)}`;return st(je(`${r}/releases/permalink/latest`).pipe(de(()=>S),m(({tag_name:o})=>({version:o})),De({})),je(r).pipe(de(()=>S),m(({star_count:o,forks_count:n})=>({stars:o,forks:n})),De({}))).pipe(m(([o,n])=>$($({},o),n)))}function hi(e){let t=e.match(/^.+github\.com\/([^/]+)\/?([^/]+)?/i);if(t){let[,r,o]=t;return ui(r,o)}if(t=e.match(/^.+?([^/]*gitlab[^/]+)\/(.+?)\/?$/i),t){let[,r,o]=t;return di(r,o)}return S}var cs;function ps(e){return cs||(cs=C(()=>{let t=__md_get("__source",sessionStorage);if(t)return I(t);if(ae("consent").length){let o=__md_get("__consent");if(!(o&&o.github))return S}return hi(e.href).pipe(w(o=>__md_set("__source",o,sessionStorage)))}).pipe(de(()=>S),b(t=>Object.keys(t).length>0),m(t=>({facts:t})),G(1)))}function bi(e){let t=R(":scope > :last-child",e);return C(()=>{let r=new g;return r.subscribe(({facts:o})=>{t.appendChild(Ln(o)),t.classList.add("md-source__repository--active")}),ps(e).pipe(w(o=>r.next(o)),_(()=>r.complete()),m(o=>$({ref:e},o)))})}function ls(e,{viewport$:t,header$:r}){return ge(document.body).pipe(v(()=>mr(e,{header$:r,viewport$:t})),m(({offset:{y:o}})=>({hidden:o>=10})),ee("hidden"))}function vi(e,t){return C(()=>{let r=new g;return r.subscribe({next({hidden:o}){e.hidden=o},complete(){e.hidden=!1}}),(B("navigation.tabs.sticky")?I({hidden:!1}):ls(e,t)).pipe(w(o=>r.next(o)),_(()=>r.complete()),m(o=>$({ref:e},o)))})}function ms(e,{viewport$:t,header$:r}){let o=new Map,n=P(".md-nav__link",e);for(let s of n){let p=decodeURIComponent(s.hash.substring(1)),c=fe(`[id="${p}"]`);typeof c!="undefined"&&o.set(s,c)}let i=r.pipe(ee("height"),m(({height:s})=>{let p=Se("main"),c=R(":scope > :first-child",p);return s+.8*(c.offsetTop-p.offsetTop)}),pe());return ge(document.body).pipe(ee("height"),v(s=>C(()=>{let p=[];return I([...o].reduce((c,[l,f])=>{for(;p.length&&o.get(p[p.length-1]).tagName>=f.tagName;)p.pop();let u=f.offsetTop;for(;!u&&f.parentElement;)f=f.parentElement,u=f.offsetTop;let d=f.offsetParent;for(;d;d=d.offsetParent)u+=d.offsetTop;return c.set([...p=[...p,l]].reverse(),u)},new Map))}).pipe(m(p=>new Map([...p].sort(([,c],[,l])=>c-l))),He(i),v(([p,c])=>t.pipe(Fr(([l,f],{offset:{y:u},size:d})=>{let y=u+d.height>=Math.floor(s.height);for(;f.length;){let[,M]=f[0];if(M-c<u||y)l=[...l,f.shift()];else break}for(;l.length;){let[,M]=l[l.length-1];if(M-c>=u&&!y)f=[l.pop(),...f];else break}return[l,f]},[[],[...p]]),K((l,f)=>l[0]===f[0]&&l[1]===f[1])))))).pipe(m(([s,p])=>({prev:s.map(([c])=>c),next:p.map(([c])=>c)})),Q({prev:[],next:[]}),Be(2,1),m(([s,p])=>s.prev.length<p.prev.length?{prev:p.prev.slice(Math.max(0,s.prev.length-1),p.prev.length),next:[]}:{prev:p.prev.slice(-1),next:p.next.slice(0,p.next.length-s.next.length)}))}function gi(e,{viewport$:t,header$:r,main$:o,target$:n}){return C(()=>{let i=new g,a=i.pipe(Z(),ie(!0));if(i.subscribe(({prev:s,next:p})=>{for(let[c]of p)c.classList.remove("md-nav__link--passed"),c.classList.remove("md-nav__link--active");for(let[c,[l]]of s.entries())l.classList.add("md-nav__link--passed"),l.classList.toggle("md-nav__link--active",c===s.length-1)}),B("toc.follow")){let s=O(t.pipe(_e(1),m(()=>{})),t.pipe(_e(250),m(()=>"smooth")));i.pipe(b(({prev:p})=>p.length>0),He(o.pipe(ve(se))),re(s)).subscribe(([[{prev:p}],c])=>{let[l]=p[p.length-1];if(l.offsetHeight){let f=cr(l);if(typeof f!="undefined"){let u=l.offsetTop-f.offsetTop,{height:d}=ce(f);f.scrollTo({top:u-d/2,behavior:c})}}})}return B("navigation.tracking")&&t.pipe(U(a),ee("offset"),_e(250),Ce(1),U(n.pipe(Ce(1))),ct({delay:250}),re(i)).subscribe(([,{prev:s}])=>{let p=ye(),c=s[s.length-1];if(c&&c.length){let[l]=c,{hash:f}=new URL(l.href);p.hash!==f&&(p.hash=f,history.replaceState({},"",`${p}`))}else p.hash="",history.replaceState({},"",`${p}`)}),ms(e,{viewport$:t,header$:r}).pipe(w(s=>i.next(s)),_(()=>i.complete()),m(s=>$({ref:e},s)))})}function fs(e,{viewport$:t,main$:r,target$:o}){let n=t.pipe(m(({offset:{y:a}})=>a),Be(2,1),m(([a,s])=>a>s&&s>0),K()),i=r.pipe(m(({active:a})=>a));return z([i,n]).pipe(m(([a,s])=>!(a&&s)),K(),U(o.pipe(Ce(1))),ie(!0),ct({delay:250}),m(a=>({hidden:a})))}function yi(e,{viewport$:t,header$:r,main$:o,target$:n}){let i=new g,a=i.pipe(Z(),ie(!0));return i.subscribe({next({hidden:s}){e.hidden=s,s?(e.setAttribute("tabindex","-1"),e.blur()):e.removeAttribute("tabindex")},complete(){e.style.top="",e.hidden=!0,e.removeAttribute("tabindex")}}),r.pipe(U(a),ee("height")).subscribe(({height:s})=>{e.style.top=`${s+16}px`}),h(e,"click").subscribe(s=>{s.preventDefault(),window.scrollTo({top:0})}),fs(e,{viewport$:t,main$:o,target$:n}).pipe(w(s=>i.next(s)),_(()=>i.complete()),m(s=>$({ref:e},s)))}function xi({document$:e,viewport$:t}){e.pipe(v(()=>P(".md-ellipsis")),ne(r=>tt(r).pipe(U(e.pipe(Ce(1))),b(o=>o),m(()=>r),Te(1))),b(r=>r.offsetWidth<r.scrollWidth),ne(r=>{let o=r.innerText,n=r.closest("a")||r;return n.title=o,B("content.tooltips")?mt(n,{viewport$:t}).pipe(U(e.pipe(Ce(1))),_(()=>n.removeAttribute("title"))):S})).subscribe(),B("content.tooltips")&&e.pipe(v(()=>P(".md-status")),ne(r=>mt(r,{viewport$:t}))).subscribe()}function Ei({document$:e,tablet$:t}){e.pipe(v(()=>P(".md-toggle--indeterminate")),w(r=>{r.indeterminate=!0,r.checked=!1}),ne(r=>h(r,"change").pipe(Dr(()=>r.classList.contains("md-toggle--indeterminate")),m(()=>r))),re(t)).subscribe(([r,o])=>{r.classList.remove("md-toggle--indeterminate"),o&&(r.checked=!1)})}function us(){return/(iPad|iPhone|iPod)/.test(navigator.userAgent)}function wi({document$:e}){e.pipe(v(()=>P("[data-md-scrollfix]")),w(t=>t.removeAttribute("data-md-scrollfix")),b(us),ne(t=>h(t,"touchstart").pipe(m(()=>t)))).subscribe(t=>{let r=t.scrollTop;r===0?t.scrollTop=1:r+t.offsetHeight===t.scrollHeight&&(t.scrollTop=r-1)})}function Ti({viewport$:e,tablet$:t}){z([ze("search"),t]).pipe(m(([r,o])=>r&&!o),v(r=>I(r).pipe(Ge(r?400:100))),re(e)).subscribe(([r,{offset:{y:o}}])=>{if(r)document.body.setAttribute("data-md-scrolllock",""),document.body.style.top=`-${o}px`;else{let n=-1*parseInt(document.body.style.top,10);document.body.removeAttribute("data-md-scrolllock"),document.body.style.top="",n&&window.scrollTo(0,n)}})}Object.entries||(Object.entries=function(e){let t=[];for(let r of Object.keys(e))t.push([r,e[r]]);return t});Object.values||(Object.values=function(e){let t=[];for(let r of Object.keys(e))t.push(e[r]);return t});typeof Element!="undefined"&&(Element.prototype.scrollTo||(Element.prototype.scrollTo=function(e,t){typeof e=="object"?(this.scrollLeft=e.left,this.scrollTop=e.top):(this.scrollLeft=e,this.scrollTop=t)}),Element.prototype.replaceWith||(Element.prototype.replaceWith=function(...e){let t=this.parentNode;if(t){e.length===0&&t.removeChild(this);for(let r=e.length-1;r>=0;r--){let o=e[r];typeof o=="string"?o=document.createTextNode(o):o.parentNode&&o.parentNode.removeChild(o),r?t.insertBefore(this.previousSibling,o):t.replaceChild(o,this)}}}));function ds(){return location.protocol==="file:"?Tt(`${new URL("search/search_index.js",Zr.base)}`).pipe(m(()=>__index),G(1)):je(new URL("search/search_index.json",Zr.base))}document.documentElement.classList.remove("no-js");document.documentElement.classList.add("js");var ot=Bo(),Wt=an(),Mt=pn(Wt),eo=nn(),Oe=vn(),hr=Pt("(min-width: 960px)"),Oi=Pt("(min-width: 1220px)"),Mi=ln(),Zr=xe(),Li=document.forms.namedItem("search")?ds():Ye,to=new g;Xn({alert$:to});var ro=new g;B("navigation.instant")&&ri({location$:Wt,viewport$:Oe,progress$:ro}).subscribe(ot);var Si;((Si=Zr.version)==null?void 0:Si.provider)==="mike"&&ai({document$:ot});O(Wt,Mt).pipe(Ge(125)).subscribe(()=>{Je("drawer",!1),Je("search",!1)});eo.pipe(b(({mode:e})=>e==="global")).subscribe(e=>{switch(e.type){case"p":case",":let t=fe("link[rel=prev]");typeof t!="undefined"&&lt(t);break;case"n":case".":let r=fe("link[rel=next]");typeof r!="undefined"&&lt(r);break;case"Enter":let o=Ie();o instanceof HTMLLabelElement&&o.click()}});xi({viewport$:Oe,document$:ot});Ei({document$:ot,tablet$:hr});wi({document$:ot});Ti({viewport$:Oe,tablet$:hr});var rt=Qn(Se("header"),{viewport$:Oe}),Ft=ot.pipe(m(()=>Se("main")),v(e=>Bn(e,{viewport$:Oe,header$:rt})),G(1)),hs=O(...ae("consent").map(e=>xn(e,{target$:Mt})),...ae("dialog").map(e=>zn(e,{alert$:to})),...ae("header").map(e=>Kn(e,{viewport$:Oe,header$:rt,main$:Ft})),...ae("palette").map(e=>Gn(e)),...ae("progress").map(e=>Jn(e,{progress$:ro})),...ae("search").map(e=>mi(e,{index$:Li,keyboard$:eo})),...ae("source").map(e=>bi(e))),bs=C(()=>O(...ae("announce").map(e=>yn(e)),...ae("content").map(e=>Nn(e,{viewport$:Oe,target$:Mt,print$:Mi})),...ae("content").map(e=>B("search.highlight")?fi(e,{index$:Li,location$:Wt}):S),...ae("header-title").map(e=>Yn(e,{viewport$:Oe,header$:rt})),...ae("sidebar").map(e=>e.getAttribute("data-md-type")==="navigation"?Nr(Oi,()=>Xr(e,{viewport$:Oe,header$:rt,main$:Ft})):Nr(hr,()=>Xr(e,{viewport$:Oe,header$:rt,main$:Ft}))),...ae("tabs").map(e=>vi(e,{viewport$:Oe,header$:rt})),...ae("toc").map(e=>gi(e,{viewport$:Oe,header$:rt,main$:Ft,target$:Mt})),...ae("top").map(e=>yi(e,{viewport$:Oe,header$:rt,main$:Ft,target$:Mt})))),_i=ot.pipe(v(()=>bs),Re(hs),G(1));_i.subscribe();window.document$=ot;window.location$=Wt;window.target$=Mt;window.keyboard$=eo;window.viewport$=Oe;window.tablet$=hr;window.screen$=Oi;window.print$=Mi;window.alert$=to;window.progress$=ro;window.component$=_i;})();
+//# sourceMappingURL=bundle.56dfad97.min.js.map
+
diff --git a/assets/javascripts/bundle.56dfad97.min.js.map b/assets/javascripts/bundle.56dfad97.min.js.map
new file mode 100644
index 0000000..eb83bdb
--- /dev/null
+++ b/assets/javascripts/bundle.56dfad97.min.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["node_modules/focus-visible/dist/focus-visible.js", "node_modules/escape-html/index.js", "node_modules/clipboard/dist/clipboard.js", "src/templates/assets/javascripts/bundle.ts", "node_modules/tslib/tslib.es6.mjs", "node_modules/rxjs/src/internal/util/isFunction.ts", "node_modules/rxjs/src/internal/util/createErrorClass.ts", "node_modules/rxjs/src/internal/util/UnsubscriptionError.ts", "node_modules/rxjs/src/internal/util/arrRemove.ts", "node_modules/rxjs/src/internal/Subscription.ts", "node_modules/rxjs/src/internal/config.ts", "node_modules/rxjs/src/internal/scheduler/timeoutProvider.ts", "node_modules/rxjs/src/internal/util/reportUnhandledError.ts", "node_modules/rxjs/src/internal/util/noop.ts", "node_modules/rxjs/src/internal/NotificationFactories.ts", "node_modules/rxjs/src/internal/util/errorContext.ts", "node_modules/rxjs/src/internal/Subscriber.ts", "node_modules/rxjs/src/internal/symbol/observable.ts", "node_modules/rxjs/src/internal/util/identity.ts", "node_modules/rxjs/src/internal/util/pipe.ts", "node_modules/rxjs/src/internal/Observable.ts", "node_modules/rxjs/src/internal/util/lift.ts", "node_modules/rxjs/src/internal/operators/OperatorSubscriber.ts", "node_modules/rxjs/src/internal/scheduler/animationFrameProvider.ts", "node_modules/rxjs/src/internal/util/ObjectUnsubscribedError.ts", "node_modules/rxjs/src/internal/Subject.ts", "node_modules/rxjs/src/internal/BehaviorSubject.ts", "node_modules/rxjs/src/internal/scheduler/dateTimestampProvider.ts", "node_modules/rxjs/src/internal/ReplaySubject.ts", "node_modules/rxjs/src/internal/scheduler/Action.ts", "node_modules/rxjs/src/internal/scheduler/intervalProvider.ts", "node_modules/rxjs/src/internal/scheduler/AsyncAction.ts", "node_modules/rxjs/src/internal/Scheduler.ts", "node_modules/rxjs/src/internal/scheduler/AsyncScheduler.ts", "node_modules/rxjs/src/internal/scheduler/async.ts", "node_modules/rxjs/src/internal/scheduler/QueueAction.ts", "node_modules/rxjs/src/internal/scheduler/QueueScheduler.ts", "node_modules/rxjs/src/internal/scheduler/queue.ts", "node_modules/rxjs/src/internal/scheduler/AnimationFrameAction.ts", "node_modules/rxjs/src/internal/scheduler/AnimationFrameScheduler.ts", "node_modules/rxjs/src/internal/scheduler/animationFrame.ts", "node_modules/rxjs/src/internal/observable/empty.ts", "node_modules/rxjs/src/internal/util/isScheduler.ts", "node_modules/rxjs/src/internal/util/args.ts", "node_modules/rxjs/src/internal/util/isArrayLike.ts", "node_modules/rxjs/src/internal/util/isPromise.ts", "node_modules/rxjs/src/internal/util/isInteropObservable.ts", "node_modules/rxjs/src/internal/util/isAsyncIterable.ts", "node_modules/rxjs/src/internal/util/throwUnobservableError.ts", "node_modules/rxjs/src/internal/symbol/iterator.ts", "node_modules/rxjs/src/internal/util/isIterable.ts", "node_modules/rxjs/src/internal/util/isReadableStreamLike.ts", "node_modules/rxjs/src/internal/observable/innerFrom.ts", "node_modules/rxjs/src/internal/util/executeSchedule.ts", "node_modules/rxjs/src/internal/operators/observeOn.ts", "node_modules/rxjs/src/internal/operators/subscribeOn.ts", "node_modules/rxjs/src/internal/scheduled/scheduleObservable.ts", "node_modules/rxjs/src/internal/scheduled/schedulePromise.ts", "node_modules/rxjs/src/internal/scheduled/scheduleArray.ts", "node_modules/rxjs/src/internal/scheduled/scheduleIterable.ts", "node_modules/rxjs/src/internal/scheduled/scheduleAsyncIterable.ts", "node_modules/rxjs/src/internal/scheduled/scheduleReadableStreamLike.ts", "node_modules/rxjs/src/internal/scheduled/scheduled.ts", "node_modules/rxjs/src/internal/observable/from.ts", "node_modules/rxjs/src/internal/observable/of.ts", "node_modules/rxjs/src/internal/observable/throwError.ts", "node_modules/rxjs/src/internal/util/EmptyError.ts", "node_modules/rxjs/src/internal/util/isDate.ts", "node_modules/rxjs/src/internal/operators/map.ts", "node_modules/rxjs/src/internal/util/mapOneOrManyArgs.ts", "node_modules/rxjs/src/internal/util/argsArgArrayOrObject.ts", "node_modules/rxjs/src/internal/util/createObject.ts", "node_modules/rxjs/src/internal/observable/combineLatest.ts", "node_modules/rxjs/src/internal/operators/mergeInternals.ts", "node_modules/rxjs/src/internal/operators/mergeMap.ts", "node_modules/rxjs/src/internal/operators/mergeAll.ts", "node_modules/rxjs/src/internal/operators/concatAll.ts", "node_modules/rxjs/src/internal/observable/concat.ts", "node_modules/rxjs/src/internal/observable/defer.ts", "node_modules/rxjs/src/internal/observable/fromEvent.ts", "node_modules/rxjs/src/internal/observable/fromEventPattern.ts", "node_modules/rxjs/src/internal/observable/timer.ts", "node_modules/rxjs/src/internal/observable/merge.ts", "node_modules/rxjs/src/internal/observable/never.ts", "node_modules/rxjs/src/internal/util/argsOrArgArray.ts", "node_modules/rxjs/src/internal/operators/filter.ts", "node_modules/rxjs/src/internal/observable/zip.ts", "node_modules/rxjs/src/internal/operators/audit.ts", "node_modules/rxjs/src/internal/operators/auditTime.ts", "node_modules/rxjs/src/internal/operators/bufferCount.ts", "node_modules/rxjs/src/internal/operators/catchError.ts", "node_modules/rxjs/src/internal/operators/scanInternals.ts", "node_modules/rxjs/src/internal/operators/combineLatest.ts", "node_modules/rxjs/src/internal/operators/combineLatestWith.ts", "node_modules/rxjs/src/internal/operators/debounce.ts", "node_modules/rxjs/src/internal/operators/debounceTime.ts", "node_modules/rxjs/src/internal/operators/defaultIfEmpty.ts", "node_modules/rxjs/src/internal/operators/take.ts", "node_modules/rxjs/src/internal/operators/ignoreElements.ts", "node_modules/rxjs/src/internal/operators/mapTo.ts", "node_modules/rxjs/src/internal/operators/delayWhen.ts", "node_modules/rxjs/src/internal/operators/delay.ts", "node_modules/rxjs/src/internal/operators/distinctUntilChanged.ts", "node_modules/rxjs/src/internal/operators/distinctUntilKeyChanged.ts", "node_modules/rxjs/src/internal/operators/throwIfEmpty.ts", "node_modules/rxjs/src/internal/operators/endWith.ts", "node_modules/rxjs/src/internal/operators/finalize.ts", "node_modules/rxjs/src/internal/operators/first.ts", "node_modules/rxjs/src/internal/operators/takeLast.ts", "node_modules/rxjs/src/internal/operators/merge.ts", "node_modules/rxjs/src/internal/operators/mergeWith.ts", "node_modules/rxjs/src/internal/operators/repeat.ts", "node_modules/rxjs/src/internal/operators/scan.ts", "node_modules/rxjs/src/internal/operators/share.ts", "node_modules/rxjs/src/internal/operators/shareReplay.ts", "node_modules/rxjs/src/internal/operators/skip.ts", "node_modules/rxjs/src/internal/operators/skipUntil.ts", "node_modules/rxjs/src/internal/operators/startWith.ts", "node_modules/rxjs/src/internal/operators/switchMap.ts", "node_modules/rxjs/src/internal/operators/takeUntil.ts", "node_modules/rxjs/src/internal/operators/takeWhile.ts", "node_modules/rxjs/src/internal/operators/tap.ts", "node_modules/rxjs/src/internal/operators/throttle.ts", "node_modules/rxjs/src/internal/operators/throttleTime.ts", "node_modules/rxjs/src/internal/operators/withLatestFrom.ts", "node_modules/rxjs/src/internal/operators/zip.ts", "node_modules/rxjs/src/internal/operators/zipWith.ts", "src/templates/assets/javascripts/browser/document/index.ts", "src/templates/assets/javascripts/browser/element/_/index.ts", "src/templates/assets/javascripts/browser/element/focus/index.ts", "src/templates/assets/javascripts/browser/element/hover/index.ts", "src/templates/assets/javascripts/utilities/h/index.ts", "src/templates/assets/javascripts/utilities/round/index.ts", "src/templates/assets/javascripts/browser/script/index.ts", "src/templates/assets/javascripts/browser/element/size/_/index.ts", "src/templates/assets/javascripts/browser/element/size/content/index.ts", "src/templates/assets/javascripts/browser/element/offset/_/index.ts", "src/templates/assets/javascripts/browser/element/offset/content/index.ts", "src/templates/assets/javascripts/browser/element/visibility/index.ts", "src/templates/assets/javascripts/browser/toggle/index.ts", "src/templates/assets/javascripts/browser/keyboard/index.ts", "src/templates/assets/javascripts/browser/location/_/index.ts", "src/templates/assets/javascripts/browser/location/hash/index.ts", "src/templates/assets/javascripts/browser/media/index.ts", "src/templates/assets/javascripts/browser/request/index.ts", "src/templates/assets/javascripts/browser/viewport/offset/index.ts", "src/templates/assets/javascripts/browser/viewport/size/index.ts", "src/templates/assets/javascripts/browser/viewport/_/index.ts", "src/templates/assets/javascripts/browser/viewport/at/index.ts", "src/templates/assets/javascripts/browser/worker/index.ts", "src/templates/assets/javascripts/_/index.ts", "src/templates/assets/javascripts/components/_/index.ts", "src/templates/assets/javascripts/components/announce/index.ts", "src/templates/assets/javascripts/components/consent/index.ts", "src/templates/assets/javascripts/templates/tooltip/index.tsx", "src/templates/assets/javascripts/templates/annotation/index.tsx", "src/templates/assets/javascripts/templates/clipboard/index.tsx", "src/templates/assets/javascripts/templates/search/index.tsx", "src/templates/assets/javascripts/templates/source/index.tsx", "src/templates/assets/javascripts/templates/tabbed/index.tsx", "src/templates/assets/javascripts/templates/table/index.tsx", "src/templates/assets/javascripts/templates/version/index.tsx", "src/templates/assets/javascripts/components/tooltip2/index.ts", "src/templates/assets/javascripts/components/content/annotation/_/index.ts", "src/templates/assets/javascripts/components/content/annotation/list/index.ts", "src/templates/assets/javascripts/components/content/annotation/block/index.ts", "src/templates/assets/javascripts/components/content/code/_/index.ts", "src/templates/assets/javascripts/components/content/details/index.ts", "src/templates/assets/javascripts/components/content/mermaid/index.css", "src/templates/assets/javascripts/components/content/mermaid/index.ts", "src/templates/assets/javascripts/components/content/table/index.ts", "src/templates/assets/javascripts/components/content/tabs/index.ts", "src/templates/assets/javascripts/components/content/_/index.ts", "src/templates/assets/javascripts/components/dialog/index.ts", "src/templates/assets/javascripts/components/tooltip/index.ts", "src/templates/assets/javascripts/components/header/_/index.ts", "src/templates/assets/javascripts/components/header/title/index.ts", "src/templates/assets/javascripts/components/main/index.ts", "src/templates/assets/javascripts/components/palette/index.ts", "src/templates/assets/javascripts/components/progress/index.ts", "src/templates/assets/javascripts/integrations/clipboard/index.ts", "src/templates/assets/javascripts/integrations/sitemap/index.ts", "src/templates/assets/javascripts/integrations/instant/index.ts", "src/templates/assets/javascripts/integrations/search/highlighter/index.ts", "src/templates/assets/javascripts/integrations/search/worker/message/index.ts", "src/templates/assets/javascripts/integrations/search/worker/_/index.ts", "src/templates/assets/javascripts/integrations/version/index.ts", "src/templates/assets/javascripts/components/search/query/index.ts", "src/templates/assets/javascripts/components/search/result/index.ts", "src/templates/assets/javascripts/components/search/share/index.ts", "src/templates/assets/javascripts/components/search/suggest/index.ts", "src/templates/assets/javascripts/components/search/_/index.ts", "src/templates/assets/javascripts/components/search/highlight/index.ts", "src/templates/assets/javascripts/components/sidebar/index.ts", "src/templates/assets/javascripts/components/source/facts/github/index.ts", "src/templates/assets/javascripts/components/source/facts/gitlab/index.ts", "src/templates/assets/javascripts/components/source/facts/_/index.ts", "src/templates/assets/javascripts/components/source/_/index.ts", "src/templates/assets/javascripts/components/tabs/index.ts", "src/templates/assets/javascripts/components/toc/index.ts", "src/templates/assets/javascripts/components/top/index.ts", "src/templates/assets/javascripts/patches/ellipsis/index.ts", "src/templates/assets/javascripts/patches/indeterminate/index.ts", "src/templates/assets/javascripts/patches/scrollfix/index.ts", "src/templates/assets/javascripts/patches/scrolllock/index.ts", "src/templates/assets/javascripts/polyfills/index.ts"],
+  "sourcesContent": ["(function (global, factory) {\n  typeof exports === 'object' && typeof module !== 'undefined' ? factory() :\n  typeof define === 'function' && define.amd ? define(factory) :\n  (factory());\n}(this, (function () { 'use strict';\n\n  /**\n   * Applies the :focus-visible polyfill at the given scope.\n   * A scope in this case is either the top-level Document or a Shadow Root.\n   *\n   * @param {(Document|ShadowRoot)} scope\n   * @see https://github.com/WICG/focus-visible\n   */\n  function applyFocusVisiblePolyfill(scope) {\n    var hadKeyboardEvent = true;\n    var hadFocusVisibleRecently = false;\n    var hadFocusVisibleRecentlyTimeout = null;\n\n    var inputTypesAllowlist = {\n      text: true,\n      search: true,\n      url: true,\n      tel: true,\n      email: true,\n      password: true,\n      number: true,\n      date: true,\n      month: true,\n      week: true,\n      time: true,\n      datetime: true,\n      'datetime-local': true\n    };\n\n    /**\n     * Helper function for legacy browsers and iframes which sometimes focus\n     * elements like document, body, and non-interactive SVG.\n     * @param {Element} el\n     */\n    function isValidFocusTarget(el) {\n      if (\n        el &&\n        el !== document &&\n        el.nodeName !== 'HTML' &&\n        el.nodeName !== 'BODY' &&\n        'classList' in el &&\n        'contains' in el.classList\n      ) {\n        return true;\n      }\n      return false;\n    }\n\n    /**\n     * Computes whether the given element should automatically trigger the\n     * `focus-visible` class being added, i.e. whether it should always match\n     * `:focus-visible` when focused.\n     * @param {Element} el\n     * @return {boolean}\n     */\n    function focusTriggersKeyboardModality(el) {\n      var type = el.type;\n      var tagName = el.tagName;\n\n      if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {\n        return true;\n      }\n\n      if (tagName === 'TEXTAREA' && !el.readOnly) {\n        return true;\n      }\n\n      if (el.isContentEditable) {\n        return true;\n      }\n\n      return false;\n    }\n\n    /**\n     * Add the `focus-visible` class to the given element if it was not added by\n     * the author.\n     * @param {Element} el\n     */\n    function addFocusVisibleClass(el) {\n      if (el.classList.contains('focus-visible')) {\n        return;\n      }\n      el.classList.add('focus-visible');\n      el.setAttribute('data-focus-visible-added', '');\n    }\n\n    /**\n     * Remove the `focus-visible` class from the given element if it was not\n     * originally added by the author.\n     * @param {Element} el\n     */\n    function removeFocusVisibleClass(el) {\n      if (!el.hasAttribute('data-focus-visible-added')) {\n        return;\n      }\n      el.classList.remove('focus-visible');\n      el.removeAttribute('data-focus-visible-added');\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      if (isValidFocusTarget(scope.activeElement)) {\n        addFocusVisibleClass(scope.activeElement);\n      }\n\n      hadKeyboardEvent = true;\n    }\n\n    /**\n     * If at any point a user clicks with a pointing device, ensure that we change\n     * the modality away from keyboard.\n     * This avoids the situation where a user presses a key on an already focused\n     * element, and then clicks on a different element, focusing it with a\n     * pointing device, while we still think we're in keyboard modality.\n     * @param {Event} e\n     */\n    function onPointerDown(e) {\n      hadKeyboardEvent = false;\n    }\n\n    /**\n     * On `focus`, add the `focus-visible` class to the target if:\n     * - the target received focus as a result of keyboard navigation, or\n     * - the event target is an element that will likely require interaction\n     *   via the keyboard (e.g. a text box)\n     * @param {Event} e\n     */\n    function onFocus(e) {\n      // Prevent IE from focusing the document or HTML element.\n      if (!isValidFocusTarget(e.target)) {\n        return;\n      }\n\n      if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {\n        addFocusVisibleClass(e.target);\n      }\n    }\n\n    /**\n     * On `blur`, remove the `focus-visible` class from the target.\n     * @param {Event} e\n     */\n    function onBlur(e) {\n      if (!isValidFocusTarget(e.target)) {\n        return;\n      }\n\n      if (\n        e.target.classList.contains('focus-visible') ||\n        e.target.hasAttribute('data-focus-visible-added')\n      ) {\n        // To detect a tab/window switch, we look for a blur event followed\n        // rapidly by a visibility change.\n        // If we don't see a visibility change within 100ms, it's probably a\n        // regular focus change.\n        hadFocusVisibleRecently = true;\n        window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n        hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {\n          hadFocusVisibleRecently = false;\n        }, 100);\n        removeFocusVisibleClass(e.target);\n      }\n    }\n\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange(e) {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        if (hadFocusVisibleRecently) {\n          hadKeyboardEvent = true;\n        }\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    function onInitialPointerMove(e) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. \u00AF\\_(\u30C4)_/\u00AF\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      hadKeyboardEvent = false;\n      removeInitialPointerMoveListeners();\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    // For focus and blur, we specifically care about state changes in the local\n    // scope. This is because focus / blur events that originate from within a\n    // shadow root are not re-dispatched from the host element if it was already\n    // the active element in its own scope:\n    scope.addEventListener('focus', onFocus, true);\n    scope.addEventListener('blur', onBlur, true);\n\n    // We detect that a node is a ShadowRoot by ensuring that it is a\n    // DocumentFragment and also has a host property. This check covers native\n    // implementation and polyfill implementation transparently. If we only cared\n    // about the native implementation, we could just check if the scope was\n    // an instance of a ShadowRoot.\n    if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {\n      // Since a ShadowRoot is a special kind of DocumentFragment, it does not\n      // have a root element to add a class to. So, we add this attribute to the\n      // host element instead:\n      scope.host.setAttribute('data-js-focus-visible', '');\n    } else if (scope.nodeType === Node.DOCUMENT_NODE) {\n      document.documentElement.classList.add('js-focus-visible');\n      document.documentElement.setAttribute('data-js-focus-visible', '');\n    }\n  }\n\n  // It is important to wrap all references to global window and document in\n  // these checks to support server-side rendering use cases\n  // @see https://github.com/WICG/focus-visible/issues/199\n  if (typeof window !== 'undefined' && typeof document !== 'undefined') {\n    // Make the polyfill helper globally available. This can be used as a signal\n    // to interested libraries that wish to coordinate with the polyfill for e.g.,\n    // applying the polyfill to a shadow root:\n    window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;\n\n    // Notify interested libraries of the polyfill's presence, in case the\n    // polyfill was loaded lazily:\n    var event;\n\n    try {\n      event = new CustomEvent('focus-visible-polyfill-ready');\n    } catch (error) {\n      // IE11 does not support using CustomEvent as a constructor directly:\n      event = document.createEvent('CustomEvent');\n      event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});\n    }\n\n    window.dispatchEvent(event);\n  }\n\n  if (typeof document !== 'undefined') {\n    // Apply the polyfill to the global document, so that no JavaScript\n    // coordination is required to use the polyfill in the top-level document:\n    applyFocusVisiblePolyfill(document);\n  }\n\n})));\n", "/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param  {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n  var str = '' + string;\n  var match = matchHtmlRegExp.exec(str);\n\n  if (!match) {\n    return str;\n  }\n\n  var escape;\n  var html = '';\n  var index = 0;\n  var lastIndex = 0;\n\n  for (index = match.index; index < str.length; index++) {\n    switch (str.charCodeAt(index)) {\n      case 34: // \"\n        escape = '&quot;';\n        break;\n      case 38: // &\n        escape = '&amp;';\n        break;\n      case 39: // '\n        escape = '&#39;';\n        break;\n      case 60: // <\n        escape = '&lt;';\n        break;\n      case 62: // >\n        escape = '&gt;';\n        break;\n      default:\n        continue;\n    }\n\n    if (lastIndex !== index) {\n      html += str.substring(lastIndex, index);\n    }\n\n    lastIndex = index + 1;\n    html += escape;\n  }\n\n  return lastIndex !== index\n    ? html + str.substring(lastIndex, index)\n    : html;\n}\n", "/*!\n * clipboard.js v2.0.11\n * https://clipboardjs.com/\n *\n * Licensed MIT \u00A9 Zeno Rocha\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ClipboardJS\"] = factory();\n\telse\n\t\troot[\"ClipboardJS\"] = factory();\n})(this, function() {\nreturn /******/ (function() { // webpackBootstrap\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ 686:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"default\": function() { return /* binding */ clipboard; }\n});\n\n// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js\nvar tiny_emitter = __webpack_require__(279);\nvar tiny_emitter_default = /*#__PURE__*/__webpack_require__.n(tiny_emitter);\n// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js\nvar listen = __webpack_require__(370);\nvar listen_default = /*#__PURE__*/__webpack_require__.n(listen);\n// EXTERNAL MODULE: ./node_modules/select/src/select.js\nvar src_select = __webpack_require__(817);\nvar select_default = /*#__PURE__*/__webpack_require__.n(src_select);\n;// CONCATENATED MODULE: ./src/common/command.js\n/**\n * Executes a given operation type.\n * @param {String} type\n * @return {Boolean}\n */\nfunction command(type) {\n  try {\n    return document.execCommand(type);\n  } catch (err) {\n    return false;\n  }\n}\n;// CONCATENATED MODULE: ./src/actions/cut.js\n\n\n/**\n * Cut action wrapper.\n * @param {String|HTMLElement} target\n * @return {String}\n */\n\nvar ClipboardActionCut = function ClipboardActionCut(target) {\n  var selectedText = select_default()(target);\n  command('cut');\n  return selectedText;\n};\n\n/* harmony default export */ var actions_cut = (ClipboardActionCut);\n;// CONCATENATED MODULE: ./src/common/create-fake-element.js\n/**\n * Creates a fake textarea element with a value.\n * @param {String} value\n * @return {HTMLElement}\n */\nfunction createFakeElement(value) {\n  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';\n  var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS\n\n  fakeElement.style.fontSize = '12pt'; // Reset box model\n\n  fakeElement.style.border = '0';\n  fakeElement.style.padding = '0';\n  fakeElement.style.margin = '0'; // Move element out of screen horizontally\n\n  fakeElement.style.position = 'absolute';\n  fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically\n\n  var yPosition = window.pageYOffset || document.documentElement.scrollTop;\n  fakeElement.style.top = \"\".concat(yPosition, \"px\");\n  fakeElement.setAttribute('readonly', '');\n  fakeElement.value = value;\n  return fakeElement;\n}\n;// CONCATENATED MODULE: ./src/actions/copy.js\n\n\n\n/**\n * Create fake copy action wrapper using a fake element.\n * @param {String} target\n * @param {Object} options\n * @return {String}\n */\n\nvar fakeCopyAction = function fakeCopyAction(value, options) {\n  var fakeElement = createFakeElement(value);\n  options.container.appendChild(fakeElement);\n  var selectedText = select_default()(fakeElement);\n  command('copy');\n  fakeElement.remove();\n  return selectedText;\n};\n/**\n * Copy action wrapper.\n * @param {String|HTMLElement} target\n * @param {Object} options\n * @return {String}\n */\n\n\nvar ClipboardActionCopy = function ClipboardActionCopy(target) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n    container: document.body\n  };\n  var selectedText = '';\n\n  if (typeof target === 'string') {\n    selectedText = fakeCopyAction(target, options);\n  } else if (target instanceof HTMLInputElement && !['text', 'search', 'url', 'tel', 'password'].includes(target === null || target === void 0 ? void 0 : target.type)) {\n    // If input type doesn't support `setSelectionRange`. Simulate it. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    selectedText = fakeCopyAction(target.value, options);\n  } else {\n    selectedText = select_default()(target);\n    command('copy');\n  }\n\n  return selectedText;\n};\n\n/* harmony default export */ var actions_copy = (ClipboardActionCopy);\n;// CONCATENATED MODULE: ./src/actions/default.js\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n/**\n * Inner function which performs selection from either `text` or `target`\n * properties and then executes copy or cut operations.\n * @param {Object} options\n */\n\nvar ClipboardActionDefault = function ClipboardActionDefault() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  // Defines base properties passed from constructor.\n  var _options$action = options.action,\n      action = _options$action === void 0 ? 'copy' : _options$action,\n      container = options.container,\n      target = options.target,\n      text = options.text; // Sets the `action` to be performed which can be either 'copy' or 'cut'.\n\n  if (action !== 'copy' && action !== 'cut') {\n    throw new Error('Invalid \"action\" value, use either \"copy\" or \"cut\"');\n  } // Sets the `target` property using an element that will be have its content copied.\n\n\n  if (target !== undefined) {\n    if (target && _typeof(target) === 'object' && target.nodeType === 1) {\n      if (action === 'copy' && target.hasAttribute('disabled')) {\n        throw new Error('Invalid \"target\" attribute. Please use \"readonly\" instead of \"disabled\" attribute');\n      }\n\n      if (action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {\n        throw new Error('Invalid \"target\" attribute. You can\\'t cut text from elements with \"readonly\" or \"disabled\" attributes');\n      }\n    } else {\n      throw new Error('Invalid \"target\" value, use a valid Element');\n    }\n  } // Define selection strategy based on `text` property.\n\n\n  if (text) {\n    return actions_copy(text, {\n      container: container\n    });\n  } // Defines which selection strategy based on `target` property.\n\n\n  if (target) {\n    return action === 'cut' ? actions_cut(target) : actions_copy(target, {\n      container: container\n    });\n  }\n};\n\n/* harmony default export */ var actions_default = (ClipboardActionDefault);\n;// CONCATENATED MODULE: ./src/clipboard.js\nfunction clipboard_typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return clipboard_typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n\n\n/**\n * Helper function to retrieve attribute value.\n * @param {String} suffix\n * @param {Element} element\n */\n\nfunction getAttributeValue(suffix, element) {\n  var attribute = \"data-clipboard-\".concat(suffix);\n\n  if (!element.hasAttribute(attribute)) {\n    return;\n  }\n\n  return element.getAttribute(attribute);\n}\n/**\n * Base class which takes one or more elements, adds event listeners to them,\n * and instantiates a new `ClipboardAction` on each click.\n */\n\n\nvar Clipboard = /*#__PURE__*/function (_Emitter) {\n  _inherits(Clipboard, _Emitter);\n\n  var _super = _createSuper(Clipboard);\n\n  /**\n   * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n   * @param {Object} options\n   */\n  function Clipboard(trigger, options) {\n    var _this;\n\n    _classCallCheck(this, Clipboard);\n\n    _this = _super.call(this);\n\n    _this.resolveOptions(options);\n\n    _this.listenClick(trigger);\n\n    return _this;\n  }\n  /**\n   * Defines if attributes would be resolved using internal setter functions\n   * or custom functions that were passed in the constructor.\n   * @param {Object} options\n   */\n\n\n  _createClass(Clipboard, [{\n    key: \"resolveOptions\",\n    value: function resolveOptions() {\n      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n      this.action = typeof options.action === 'function' ? options.action : this.defaultAction;\n      this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;\n      this.text = typeof options.text === 'function' ? options.text : this.defaultText;\n      this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;\n    }\n    /**\n     * Adds a click event listener to the passed trigger.\n     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n     */\n\n  }, {\n    key: \"listenClick\",\n    value: function listenClick(trigger) {\n      var _this2 = this;\n\n      this.listener = listen_default()(trigger, 'click', function (e) {\n        return _this2.onClick(e);\n      });\n    }\n    /**\n     * Defines a new `ClipboardAction` on each click event.\n     * @param {Event} e\n     */\n\n  }, {\n    key: \"onClick\",\n    value: function onClick(e) {\n      var trigger = e.delegateTarget || e.currentTarget;\n      var action = this.action(trigger) || 'copy';\n      var text = actions_default({\n        action: action,\n        container: this.container,\n        target: this.target(trigger),\n        text: this.text(trigger)\n      }); // Fires an event based on the copy operation result.\n\n      this.emit(text ? 'success' : 'error', {\n        action: action,\n        text: text,\n        trigger: trigger,\n        clearSelection: function clearSelection() {\n          if (trigger) {\n            trigger.focus();\n          }\n\n          window.getSelection().removeAllRanges();\n        }\n      });\n    }\n    /**\n     * Default `action` lookup function.\n     * @param {Element} trigger\n     */\n\n  }, {\n    key: \"defaultAction\",\n    value: function defaultAction(trigger) {\n      return getAttributeValue('action', trigger);\n    }\n    /**\n     * Default `target` lookup function.\n     * @param {Element} trigger\n     */\n\n  }, {\n    key: \"defaultTarget\",\n    value: function defaultTarget(trigger) {\n      var selector = getAttributeValue('target', trigger);\n\n      if (selector) {\n        return document.querySelector(selector);\n      }\n    }\n    /**\n     * Allow fire programmatically a copy action\n     * @param {String|HTMLElement} target\n     * @param {Object} options\n     * @returns Text copied.\n     */\n\n  }, {\n    key: \"defaultText\",\n\n    /**\n     * Default `text` lookup function.\n     * @param {Element} trigger\n     */\n    value: function defaultText(trigger) {\n      return getAttributeValue('text', trigger);\n    }\n    /**\n     * Destroy lifecycle.\n     */\n\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      this.listener.destroy();\n    }\n  }], [{\n    key: \"copy\",\n    value: function copy(target) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n        container: document.body\n      };\n      return actions_copy(target, options);\n    }\n    /**\n     * Allow fire programmatically a cut action\n     * @param {String|HTMLElement} target\n     * @returns Text cutted.\n     */\n\n  }, {\n    key: \"cut\",\n    value: function cut(target) {\n      return actions_cut(target);\n    }\n    /**\n     * Returns the support of the given action, or all actions if no action is\n     * given.\n     * @param {String} [action]\n     */\n\n  }, {\n    key: \"isSupported\",\n    value: function isSupported() {\n      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];\n      var actions = typeof action === 'string' ? [action] : action;\n      var support = !!document.queryCommandSupported;\n      actions.forEach(function (action) {\n        support = support && !!document.queryCommandSupported(action);\n      });\n      return support;\n    }\n  }]);\n\n  return Clipboard;\n}((tiny_emitter_default()));\n\n/* harmony default export */ var clipboard = (Clipboard);\n\n/***/ }),\n\n/***/ 828:\n/***/ (function(module) {\n\nvar DOCUMENT_NODE_TYPE = 9;\n\n/**\n * A polyfill for Element.matches()\n */\nif (typeof Element !== 'undefined' && !Element.prototype.matches) {\n    var proto = Element.prototype;\n\n    proto.matches = proto.matchesSelector ||\n                    proto.mozMatchesSelector ||\n                    proto.msMatchesSelector ||\n                    proto.oMatchesSelector ||\n                    proto.webkitMatchesSelector;\n}\n\n/**\n * Finds the closest parent that matches a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @return {Function}\n */\nfunction closest (element, selector) {\n    while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {\n        if (typeof element.matches === 'function' &&\n            element.matches(selector)) {\n          return element;\n        }\n        element = element.parentNode;\n    }\n}\n\nmodule.exports = closest;\n\n\n/***/ }),\n\n/***/ 438:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar closest = __webpack_require__(828);\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction _delegate(element, selector, type, callback, useCapture) {\n    var listenerFn = listener.apply(this, arguments);\n\n    element.addEventListener(type, listenerFn, useCapture);\n\n    return {\n        destroy: function() {\n            element.removeEventListener(type, listenerFn, useCapture);\n        }\n    }\n}\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element|String|Array} [elements]\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction delegate(elements, selector, type, callback, useCapture) {\n    // Handle the regular Element usage\n    if (typeof elements.addEventListener === 'function') {\n        return _delegate.apply(null, arguments);\n    }\n\n    // Handle Element-less usage, it defaults to global delegation\n    if (typeof type === 'function') {\n        // Use `document` as the first parameter, then apply arguments\n        // This is a short way to .unshift `arguments` without running into deoptimizations\n        return _delegate.bind(null, document).apply(null, arguments);\n    }\n\n    // Handle Selector-based usage\n    if (typeof elements === 'string') {\n        elements = document.querySelectorAll(elements);\n    }\n\n    // Handle Array-like based usage\n    return Array.prototype.map.call(elements, function (element) {\n        return _delegate(element, selector, type, callback, useCapture);\n    });\n}\n\n/**\n * Finds closest match and invokes callback.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Function}\n */\nfunction listener(element, selector, type, callback) {\n    return function(e) {\n        e.delegateTarget = closest(e.target, selector);\n\n        if (e.delegateTarget) {\n            callback.call(element, e);\n        }\n    }\n}\n\nmodule.exports = delegate;\n\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(__unused_webpack_module, exports) {\n\n/**\n * Check if argument is a HTML element.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.node = function(value) {\n    return value !== undefined\n        && value instanceof HTMLElement\n        && value.nodeType === 1;\n};\n\n/**\n * Check if argument is a list of HTML elements.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.nodeList = function(value) {\n    var type = Object.prototype.toString.call(value);\n\n    return value !== undefined\n        && (type === '[object NodeList]' || type === '[object HTMLCollection]')\n        && ('length' in value)\n        && (value.length === 0 || exports.node(value[0]));\n};\n\n/**\n * Check if argument is a string.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.string = function(value) {\n    return typeof value === 'string'\n        || value instanceof String;\n};\n\n/**\n * Check if argument is a function.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.fn = function(value) {\n    var type = Object.prototype.toString.call(value);\n\n    return type === '[object Function]';\n};\n\n\n/***/ }),\n\n/***/ 370:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar is = __webpack_require__(879);\nvar delegate = __webpack_require__(438);\n\n/**\n * Validates all params and calls the right\n * listener function based on its target type.\n *\n * @param {String|HTMLElement|HTMLCollection|NodeList} target\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listen(target, type, callback) {\n    if (!target && !type && !callback) {\n        throw new Error('Missing required arguments');\n    }\n\n    if (!is.string(type)) {\n        throw new TypeError('Second argument must be a String');\n    }\n\n    if (!is.fn(callback)) {\n        throw new TypeError('Third argument must be a Function');\n    }\n\n    if (is.node(target)) {\n        return listenNode(target, type, callback);\n    }\n    else if (is.nodeList(target)) {\n        return listenNodeList(target, type, callback);\n    }\n    else if (is.string(target)) {\n        return listenSelector(target, type, callback);\n    }\n    else {\n        throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');\n    }\n}\n\n/**\n * Adds an event listener to a HTML element\n * and returns a remove listener function.\n *\n * @param {HTMLElement} node\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNode(node, type, callback) {\n    node.addEventListener(type, callback);\n\n    return {\n        destroy: function() {\n            node.removeEventListener(type, callback);\n        }\n    }\n}\n\n/**\n * Add an event listener to a list of HTML elements\n * and returns a remove listener function.\n *\n * @param {NodeList|HTMLCollection} nodeList\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNodeList(nodeList, type, callback) {\n    Array.prototype.forEach.call(nodeList, function(node) {\n        node.addEventListener(type, callback);\n    });\n\n    return {\n        destroy: function() {\n            Array.prototype.forEach.call(nodeList, function(node) {\n                node.removeEventListener(type, callback);\n            });\n        }\n    }\n}\n\n/**\n * Add an event listener to a selector\n * and returns a remove listener function.\n *\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenSelector(selector, type, callback) {\n    return delegate(document.body, selector, type, callback);\n}\n\nmodule.exports = listen;\n\n\n/***/ }),\n\n/***/ 817:\n/***/ (function(module) {\n\nfunction select(element) {\n    var selectedText;\n\n    if (element.nodeName === 'SELECT') {\n        element.focus();\n\n        selectedText = element.value;\n    }\n    else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {\n        var isReadOnly = element.hasAttribute('readonly');\n\n        if (!isReadOnly) {\n            element.setAttribute('readonly', '');\n        }\n\n        element.select();\n        element.setSelectionRange(0, element.value.length);\n\n        if (!isReadOnly) {\n            element.removeAttribute('readonly');\n        }\n\n        selectedText = element.value;\n    }\n    else {\n        if (element.hasAttribute('contenteditable')) {\n            element.focus();\n        }\n\n        var selection = window.getSelection();\n        var range = document.createRange();\n\n        range.selectNodeContents(element);\n        selection.removeAllRanges();\n        selection.addRange(range);\n\n        selectedText = selection.toString();\n    }\n\n    return selectedText;\n}\n\nmodule.exports = select;\n\n\n/***/ }),\n\n/***/ 279:\n/***/ (function(module) {\n\nfunction E () {\n  // Keep this empty so it's easier to inherit from\n  // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n  on: function (name, callback, ctx) {\n    var e = this.e || (this.e = {});\n\n    (e[name] || (e[name] = [])).push({\n      fn: callback,\n      ctx: ctx\n    });\n\n    return this;\n  },\n\n  once: function (name, callback, ctx) {\n    var self = this;\n    function listener () {\n      self.off(name, listener);\n      callback.apply(ctx, arguments);\n    };\n\n    listener._ = callback\n    return this.on(name, listener, ctx);\n  },\n\n  emit: function (name) {\n    var data = [].slice.call(arguments, 1);\n    var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n    var i = 0;\n    var len = evtArr.length;\n\n    for (i; i < len; i++) {\n      evtArr[i].fn.apply(evtArr[i].ctx, data);\n    }\n\n    return this;\n  },\n\n  off: function (name, callback) {\n    var e = this.e || (this.e = {});\n    var evts = e[name];\n    var liveEvents = [];\n\n    if (evts && callback) {\n      for (var i = 0, len = evts.length; i < len; i++) {\n        if (evts[i].fn !== callback && evts[i].fn._ !== callback)\n          liveEvents.push(evts[i]);\n      }\n    }\n\n    // Remove event from queue to prevent memory leak\n    // Suggested by https://github.com/lazd\n    // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910\n\n    (liveEvents.length)\n      ? e[name] = liveEvents\n      : delete e[name];\n\n    return this;\n  }\n};\n\nmodule.exports = E;\nmodule.exports.TinyEmitter = E;\n\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(__webpack_module_cache__[moduleId]) {\n/******/ \t\t\treturn __webpack_module_cache__[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t!function() {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__webpack_require__.n = function(module) {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\tfunction() { return module['default']; } :\n/******/ \t\t\t\tfunction() { return module; };\n/******/ \t\t\t__webpack_require__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/************************************************************************/\n/******/ \t// module exports must be returned from runtime so entry inlining is disabled\n/******/ \t// startup\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(686);\n/******/ })()\n.default;\n});", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport \"focus-visible\"\n\nimport {\n  EMPTY,\n  NEVER,\n  Observable,\n  Subject,\n  defer,\n  delay,\n  filter,\n  map,\n  merge,\n  mergeWith,\n  shareReplay,\n  switchMap\n} from \"rxjs\"\n\nimport { configuration, feature } from \"./_\"\nimport {\n  at,\n  getActiveElement,\n  getOptionalElement,\n  requestJSON,\n  setLocation,\n  setToggle,\n  watchDocument,\n  watchKeyboard,\n  watchLocation,\n  watchLocationTarget,\n  watchMedia,\n  watchPrint,\n  watchScript,\n  watchViewport\n} from \"./browser\"\nimport {\n  getComponentElement,\n  getComponentElements,\n  mountAnnounce,\n  mountBackToTop,\n  mountConsent,\n  mountContent,\n  mountDialog,\n  mountHeader,\n  mountHeaderTitle,\n  mountPalette,\n  mountProgress,\n  mountSearch,\n  mountSearchHiglight,\n  mountSidebar,\n  mountSource,\n  mountTableOfContents,\n  mountTabs,\n  watchHeader,\n  watchMain\n} from \"./components\"\nimport {\n  SearchIndex,\n  setupClipboardJS,\n  setupInstantNavigation,\n  setupVersionSelector\n} from \"./integrations\"\nimport {\n  patchEllipsis,\n  patchIndeterminate,\n  patchScrollfix,\n  patchScrolllock\n} from \"./patches\"\nimport \"./polyfills\"\n\n/* ----------------------------------------------------------------------------\n * Functions - @todo refactor\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch search index\n *\n * @returns Search index observable\n */\nfunction fetchSearchIndex(): Observable<SearchIndex> {\n  if (location.protocol === \"file:\") {\n    return watchScript(\n      `${new URL(\"search/search_index.js\", config.base)}`\n    )\n      .pipe(\n        // @ts-ignore - @todo fix typings\n        map(() => __index),\n        shareReplay(1)\n      )\n  } else {\n    return requestJSON<SearchIndex>(\n      new URL(\"search/search_index.json\", config.base)\n    )\n  }\n}\n\n/* ----------------------------------------------------------------------------\n * Application\n * ------------------------------------------------------------------------- */\n\n/* Yay, JavaScript is available */\ndocument.documentElement.classList.remove(\"no-js\")\ndocument.documentElement.classList.add(\"js\")\n\n/* Set up navigation observables and subjects */\nconst document$ = watchDocument()\nconst location$ = watchLocation()\nconst target$   = watchLocationTarget(location$)\nconst keyboard$ = watchKeyboard()\n\n/* Set up media observables */\nconst viewport$ = watchViewport()\nconst tablet$   = watchMedia(\"(min-width: 960px)\")\nconst screen$   = watchMedia(\"(min-width: 1220px)\")\nconst print$    = watchPrint()\n\n/* Retrieve search index, if search is enabled */\nconst config = configuration()\nconst index$ = document.forms.namedItem(\"search\")\n  ? fetchSearchIndex()\n  : NEVER\n\n/* Set up Clipboard.js integration */\nconst alert$ = new Subject<string>()\nsetupClipboardJS({ alert$ })\n\n/* Set up progress indicator */\nconst progress$ = new Subject<number>()\n\n/* Set up instant navigation, if enabled */\nif (feature(\"navigation.instant\"))\n  setupInstantNavigation({ location$, viewport$, progress$ })\n    .subscribe(document$)\n\n/* Set up version selector */\nif (config.version?.provider === \"mike\")\n  setupVersionSelector({ document$ })\n\n/* Always close drawer and search on navigation */\nmerge(location$, target$)\n  .pipe(\n    delay(125)\n  )\n    .subscribe(() => {\n      setToggle(\"drawer\", false)\n      setToggle(\"search\", false)\n    })\n\n/* Set up global keyboard handlers */\nkeyboard$\n  .pipe(\n    filter(({ mode }) => mode === \"global\")\n  )\n    .subscribe(key => {\n      switch (key.type) {\n\n        /* Go to previous page */\n        case \"p\":\n        case \",\":\n          const prev = getOptionalElement<HTMLLinkElement>(\"link[rel=prev]\")\n          if (typeof prev !== \"undefined\")\n            setLocation(prev)\n          break\n\n        /* Go to next page */\n        case \"n\":\n        case \".\":\n          const next = getOptionalElement<HTMLLinkElement>(\"link[rel=next]\")\n          if (typeof next !== \"undefined\")\n            setLocation(next)\n          break\n\n        /* Expand navigation, see https://bit.ly/3ZjG5io */\n        case \"Enter\":\n          const active = getActiveElement()\n          if (active instanceof HTMLLabelElement)\n            active.click()\n      }\n    })\n\n/* Set up patches */\npatchEllipsis({ viewport$, document$ })\npatchIndeterminate({ document$, tablet$ })\npatchScrollfix({ document$ })\npatchScrolllock({ viewport$, tablet$ })\n\n/* Set up header and main area observable */\nconst header$ = watchHeader(getComponentElement(\"header\"), { viewport$ })\nconst main$ = document$\n  .pipe(\n    map(() => getComponentElement(\"main\")),\n    switchMap(el => watchMain(el, { viewport$, header$ })),\n    shareReplay(1)\n  )\n\n/* Set up control component observables */\nconst control$ = merge(\n\n  /* Consent */\n  ...getComponentElements(\"consent\")\n    .map(el => mountConsent(el, { target$ })),\n\n  /* Dialog */\n  ...getComponentElements(\"dialog\")\n    .map(el => mountDialog(el, { alert$ })),\n\n  /* Header */\n  ...getComponentElements(\"header\")\n    .map(el => mountHeader(el, { viewport$, header$, main$ })),\n\n  /* Color palette */\n  ...getComponentElements(\"palette\")\n    .map(el => mountPalette(el)),\n\n  /* Progress bar */\n  ...getComponentElements(\"progress\")\n    .map(el => mountProgress(el, { progress$ })),\n\n  /* Search */\n  ...getComponentElements(\"search\")\n    .map(el => mountSearch(el, { index$, keyboard$ })),\n\n  /* Repository information */\n  ...getComponentElements(\"source\")\n    .map(el => mountSource(el))\n)\n\n/* Set up content component observables */\nconst content$ = defer(() => merge(\n\n  /* Announcement bar */\n  ...getComponentElements(\"announce\")\n    .map(el => mountAnnounce(el)),\n\n  /* Content */\n  ...getComponentElements(\"content\")\n    .map(el => mountContent(el, { viewport$, target$, print$ })),\n\n  /* Search highlighting */\n  ...getComponentElements(\"content\")\n    .map(el => feature(\"search.highlight\")\n      ? mountSearchHiglight(el, { index$, location$ })\n      : EMPTY\n    ),\n\n  /* Header title */\n  ...getComponentElements(\"header-title\")\n    .map(el => mountHeaderTitle(el, { viewport$, header$ })),\n\n  /* Sidebar */\n  ...getComponentElements(\"sidebar\")\n    .map(el => el.getAttribute(\"data-md-type\") === \"navigation\"\n      ? at(screen$, () => mountSidebar(el, { viewport$, header$, main$ }))\n      : at(tablet$, () => mountSidebar(el, { viewport$, header$, main$ }))\n    ),\n\n  /* Navigation tabs */\n  ...getComponentElements(\"tabs\")\n    .map(el => mountTabs(el, { viewport$, header$ })),\n\n  /* Table of contents */\n  ...getComponentElements(\"toc\")\n    .map(el => mountTableOfContents(el, {\n      viewport$, header$, main$, target$\n    })),\n\n  /* Back-to-top button */\n  ...getComponentElements(\"top\")\n    .map(el => mountBackToTop(el, { viewport$, header$, main$, target$ }))\n))\n\n/* Set up component observables */\nconst component$ = document$\n  .pipe(\n    switchMap(() => content$),\n    mergeWith(control$),\n    shareReplay(1)\n  )\n\n/* Subscribe to all components */\ncomponent$.subscribe()\n\n/* ----------------------------------------------------------------------------\n * Exports\n * ------------------------------------------------------------------------- */\n\nwindow.document$  = document$          /* Document observable */\nwindow.location$  = location$          /* Location subject */\nwindow.target$    = target$            /* Location target observable */\nwindow.keyboard$  = keyboard$          /* Keyboard observable */\nwindow.viewport$  = viewport$          /* Viewport observable */\nwindow.tablet$    = tablet$            /* Media tablet observable */\nwindow.screen$    = screen$            /* Media screen observable */\nwindow.print$     = print$             /* Media print observable */\nwindow.alert$     = alert$             /* Alert subject */\nwindow.progress$  = progress$          /* Progress indicator subject */\nwindow.component$ = component$         /* Component observable */\n", "/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\n\nvar extendStatics = function(d, b) {\n  extendStatics = Object.setPrototypeOf ||\n      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n  return extendStatics(d, b);\n};\n\nexport function __extends(d, b) {\n  if (typeof b !== \"function\" && b !== null)\n      throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n  extendStatics(d, b);\n  function __() { this.constructor = d; }\n  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\n\nexport var __assign = function() {\n  __assign = Object.assign || function __assign(t) {\n      for (var s, i = 1, n = arguments.length; i < n; i++) {\n          s = arguments[i];\n          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n      return t;\n  }\n  return __assign.apply(this, arguments);\n}\n\nexport function __rest(s, e) {\n  var t = {};\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n      t[p] = s[p];\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n              t[p[i]] = s[p[i]];\n      }\n  return t;\n}\n\nexport function __decorate(decorators, target, key, desc) {\n  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n  if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n  return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\n\nexport function __param(paramIndex, decorator) {\n  return function (target, key) { decorator(target, key, paramIndex); }\n}\n\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\n  function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\n  var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\n  var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\n  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\n  var _, done = false;\n  for (var i = decorators.length - 1; i >= 0; i--) {\n      var context = {};\n      for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\n      for (var p in contextIn.access) context.access[p] = contextIn.access[p];\n      context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\n      var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\n      if (kind === \"accessor\") {\n          if (result === void 0) continue;\n          if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\n          if (_ = accept(result.get)) descriptor.get = _;\n          if (_ = accept(result.set)) descriptor.set = _;\n          if (_ = accept(result.init)) initializers.unshift(_);\n      }\n      else if (_ = accept(result)) {\n          if (kind === \"field\") initializers.unshift(_);\n          else descriptor[key] = _;\n      }\n  }\n  if (target) Object.defineProperty(target, contextIn.name, descriptor);\n  done = true;\n};\n\nexport function __runInitializers(thisArg, initializers, value) {\n  var useValue = arguments.length > 2;\n  for (var i = 0; i < initializers.length; i++) {\n      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\n  }\n  return useValue ? value : void 0;\n};\n\nexport function __propKey(x) {\n  return typeof x === \"symbol\" ? x : \"\".concat(x);\n};\n\nexport function __setFunctionName(f, name, prefix) {\n  if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\n  return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\n};\n\nexport function __metadata(metadataKey, metadataValue) {\n  if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\n\nexport function __awaiter(thisArg, _arguments, P, generator) {\n  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n  return new (P || (P = Promise))(function (resolve, reject) {\n      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n      function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n      step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n}\n\nexport function __generator(thisArg, body) {\n  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\n  return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n  function verb(n) { return function (v) { return step([n, v]); }; }\n  function step(op) {\n      if (f) throw new TypeError(\"Generator is already executing.\");\n      while (g && (g = 0, op[0] && (_ = 0)), _) try {\n          if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n          if (y = 0, t) op = [op[0] & 2, t.value];\n          switch (op[0]) {\n              case 0: case 1: t = op; break;\n              case 4: _.label++; return { value: op[1], done: false };\n              case 5: _.label++; y = op[1]; op = [0]; continue;\n              case 7: op = _.ops.pop(); _.trys.pop(); continue;\n              default:\n                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                  if (t[2]) _.ops.pop();\n                  _.trys.pop(); continue;\n          }\n          op = body.call(thisArg, _);\n      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n  }\n}\n\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  var desc = Object.getOwnPropertyDescriptor(m, k);\n  if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n  }\n  Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nexport function __exportStar(m, o) {\n  for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\n}\n\nexport function __values(o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n      next: function () {\n          if (o && i >= o.length) o = void 0;\n          return { value: o && o[i++], done: !o };\n      }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\n\nexport function __read(o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o), r, ar = [], e;\n  try {\n      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n  }\n  catch (error) { e = { error: error }; }\n  finally {\n      try {\n          if (r && !r.done && (m = i[\"return\"])) m.call(i);\n      }\n      finally { if (e) throw e.error; }\n  }\n  return ar;\n}\n\n/** @deprecated */\nexport function __spread() {\n  for (var ar = [], i = 0; i < arguments.length; i++)\n      ar = ar.concat(__read(arguments[i]));\n  return ar;\n}\n\n/** @deprecated */\nexport function __spreadArrays() {\n  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n  for (var r = Array(s), k = 0, i = 0; i < il; i++)\n      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n          r[k] = a[j];\n  return r;\n}\n\nexport function __spreadArray(to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n      if (ar || !(i in from)) {\n          if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n          ar[i] = from[i];\n      }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n}\n\nexport function __await(v) {\n  return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\n\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n  if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n  var g = generator.apply(thisArg, _arguments || []), i, q = [];\n  return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\n  function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\n  function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\n  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\n  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\n  function fulfill(value) { resume(\"next\", value); }\n  function reject(value) { resume(\"throw\", value); }\n  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\n}\n\nexport function __asyncDelegator(o) {\n  var i, p;\n  return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\n  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\n}\n\nexport function __asyncValues(o) {\n  if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n  var m = o[Symbol.asyncIterator], i;\n  return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\n  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\n  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\n}\n\nexport function __makeTemplateObject(cooked, raw) {\n  if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n  return cooked;\n};\n\nvar __setModuleDefault = Object.create ? (function(o, v) {\n  Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n  o[\"default\"] = v;\n};\n\nexport function __importStar(mod) {\n  if (mod && mod.__esModule) return mod;\n  var result = {};\n  if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n  __setModuleDefault(result, mod);\n  return result;\n}\n\nexport function __importDefault(mod) {\n  return (mod && mod.__esModule) ? mod : { default: mod };\n}\n\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\n  if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n  if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n  return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n}\n\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\n  if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n  if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n  if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n  return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n}\n\nexport function __classPrivateFieldIn(state, receiver) {\n  if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\n  return typeof state === \"function\" ? receiver === state : state.has(receiver);\n}\n\nexport function __addDisposableResource(env, value, async) {\n  if (value !== null && value !== void 0) {\n    if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\n    var dispose, inner;\n    if (async) {\n      if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\n      dispose = value[Symbol.asyncDispose];\n    }\n    if (dispose === void 0) {\n      if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\n      dispose = value[Symbol.dispose];\n      if (async) inner = dispose;\n    }\n    if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\n    if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\n    env.stack.push({ value: value, dispose: dispose, async: async });\n  }\n  else if (async) {\n    env.stack.push({ async: true });\n  }\n  return value;\n}\n\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n  var e = new Error(message);\n  return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nexport function __disposeResources(env) {\n  function fail(e) {\n    env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\n    env.hasError = true;\n  }\n  var r, s = 0;\n  function next() {\n    while (r = env.stack.pop()) {\n      try {\n        if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\n        if (r.dispose) {\n          var result = r.dispose.call(r.value);\n          if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\n        }\n        else s |= 1;\n      }\n      catch (e) {\n        fail(e);\n      }\n    }\n    if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\n    if (env.hasError) throw env.error;\n  }\n  return next();\n}\n\nexport default {\n  __extends,\n  __assign,\n  __rest,\n  __decorate,\n  __param,\n  __metadata,\n  __awaiter,\n  __generator,\n  __createBinding,\n  __exportStar,\n  __values,\n  __read,\n  __spread,\n  __spreadArrays,\n  __spreadArray,\n  __await,\n  __asyncGenerator,\n  __asyncDelegator,\n  __asyncValues,\n  __makeTemplateObject,\n  __importStar,\n  __importDefault,\n  __classPrivateFieldGet,\n  __classPrivateFieldSet,\n  __classPrivateFieldIn,\n  __addDisposableResource,\n  __disposeResources,\n};\n", "/**\n * Returns true if the object is a function.\n * @param value The value to check\n */\nexport function isFunction(value: any): value is (...args: any[]) => any {\n  return typeof value === 'function';\n}\n", "/**\n * Used to create Error subclasses until the community moves away from ES5.\n *\n * This is because compiling from TypeScript down to ES5 has issues with subclassing Errors\n * as well as other built-in types: https://github.com/Microsoft/TypeScript/issues/12123\n *\n * @param createImpl A factory function to create the actual constructor implementation. The returned\n * function should be a named function that calls `_super` internally.\n */\nexport function createErrorClass<T>(createImpl: (_super: any) => any): T {\n  const _super = (instance: any) => {\n    Error.call(instance);\n    instance.stack = new Error().stack;\n  };\n\n  const ctorFunc = createImpl(_super);\n  ctorFunc.prototype = Object.create(Error.prototype);\n  ctorFunc.prototype.constructor = ctorFunc;\n  return ctorFunc;\n}\n", "import { createErrorClass } from './createErrorClass';\n\nexport interface UnsubscriptionError extends Error {\n  readonly errors: any[];\n}\n\nexport interface UnsubscriptionErrorCtor {\n  /**\n   * @deprecated Internal implementation detail. Do not construct error instances.\n   * Cannot be tagged as internal: https://github.com/ReactiveX/rxjs/issues/6269\n   */\n  new (errors: any[]): UnsubscriptionError;\n}\n\n/**\n * An error thrown when one or more errors have occurred during the\n * `unsubscribe` of a {@link Subscription}.\n */\nexport const UnsubscriptionError: UnsubscriptionErrorCtor = createErrorClass(\n  (_super) =>\n    function UnsubscriptionErrorImpl(this: any, errors: (Error | string)[]) {\n      _super(this);\n      this.message = errors\n        ? `${errors.length} errors occurred during unsubscription:\n${errors.map((err, i) => `${i + 1}) ${err.toString()}`).join('\\n  ')}`\n        : '';\n      this.name = 'UnsubscriptionError';\n      this.errors = errors;\n    }\n);\n", "/**\n * Removes an item from an array, mutating it.\n * @param arr The array to remove the item from\n * @param item The item to remove\n */\nexport function arrRemove<T>(arr: T[] | undefined | null, item: T) {\n  if (arr) {\n    const index = arr.indexOf(item);\n    0 <= index && arr.splice(index, 1);\n  }\n}\n", "import { isFunction } from './util/isFunction';\nimport { UnsubscriptionError } from './util/UnsubscriptionError';\nimport { SubscriptionLike, TeardownLogic, Unsubscribable } from './types';\nimport { arrRemove } from './util/arrRemove';\n\n/**\n * Represents a disposable resource, such as the execution of an Observable. A\n * Subscription has one important method, `unsubscribe`, that takes no argument\n * and just disposes the resource held by the subscription.\n *\n * Additionally, subscriptions may be grouped together through the `add()`\n * method, which will attach a child Subscription to the current Subscription.\n * When a Subscription is unsubscribed, all its children (and its grandchildren)\n * will be unsubscribed as well.\n *\n * @class Subscription\n */\nexport class Subscription implements SubscriptionLike {\n  /** @nocollapse */\n  public static EMPTY = (() => {\n    const empty = new Subscription();\n    empty.closed = true;\n    return empty;\n  })();\n\n  /**\n   * A flag to indicate whether this Subscription has already been unsubscribed.\n   */\n  public closed = false;\n\n  private _parentage: Subscription[] | Subscription | null = null;\n\n  /**\n   * The list of registered finalizers to execute upon unsubscription. Adding and removing from this\n   * list occurs in the {@link #add} and {@link #remove} methods.\n   */\n  private _finalizers: Exclude<TeardownLogic, void>[] | null = null;\n\n  /**\n   * @param initialTeardown A function executed first as part of the finalization\n   * process that is kicked off when {@link #unsubscribe} is called.\n   */\n  constructor(private initialTeardown?: () => void) {}\n\n  /**\n   * Disposes the resources held by the subscription. May, for instance, cancel\n   * an ongoing Observable execution or cancel any other type of work that\n   * started when the Subscription was created.\n   * @return {void}\n   */\n  unsubscribe(): void {\n    let errors: any[] | undefined;\n\n    if (!this.closed) {\n      this.closed = true;\n\n      // Remove this from it's parents.\n      const { _parentage } = this;\n      if (_parentage) {\n        this._parentage = null;\n        if (Array.isArray(_parentage)) {\n          for (const parent of _parentage) {\n            parent.remove(this);\n          }\n        } else {\n          _parentage.remove(this);\n        }\n      }\n\n      const { initialTeardown: initialFinalizer } = this;\n      if (isFunction(initialFinalizer)) {\n        try {\n          initialFinalizer();\n        } catch (e) {\n          errors = e instanceof UnsubscriptionError ? e.errors : [e];\n        }\n      }\n\n      const { _finalizers } = this;\n      if (_finalizers) {\n        this._finalizers = null;\n        for (const finalizer of _finalizers) {\n          try {\n            execFinalizer(finalizer);\n          } catch (err) {\n            errors = errors ?? [];\n            if (err instanceof UnsubscriptionError) {\n              errors = [...errors, ...err.errors];\n            } else {\n              errors.push(err);\n            }\n          }\n        }\n      }\n\n      if (errors) {\n        throw new UnsubscriptionError(errors);\n      }\n    }\n  }\n\n  /**\n   * Adds a finalizer to this subscription, so that finalization will be unsubscribed/called\n   * when this subscription is unsubscribed. If this subscription is already {@link #closed},\n   * because it has already been unsubscribed, then whatever finalizer is passed to it\n   * will automatically be executed (unless the finalizer itself is also a closed subscription).\n   *\n   * Closed Subscriptions cannot be added as finalizers to any subscription. Adding a closed\n   * subscription to a any subscription will result in no operation. (A noop).\n   *\n   * Adding a subscription to itself, or adding `null` or `undefined` will not perform any\n   * operation at all. (A noop).\n   *\n   * `Subscription` instances that are added to this instance will automatically remove themselves\n   * if they are unsubscribed. Functions and {@link Unsubscribable} objects that you wish to remove\n   * will need to be removed manually with {@link #remove}\n   *\n   * @param teardown The finalization logic to add to this subscription.\n   */\n  add(teardown: TeardownLogic): void {\n    // Only add the finalizer if it's not undefined\n    // and don't add a subscription to itself.\n    if (teardown && teardown !== this) {\n      if (this.closed) {\n        // If this subscription is already closed,\n        // execute whatever finalizer is handed to it automatically.\n        execFinalizer(teardown);\n      } else {\n        if (teardown instanceof Subscription) {\n          // We don't add closed subscriptions, and we don't add the same subscription\n          // twice. Subscription unsubscribe is idempotent.\n          if (teardown.closed || teardown._hasParent(this)) {\n            return;\n          }\n          teardown._addParent(this);\n        }\n        (this._finalizers = this._finalizers ?? []).push(teardown);\n      }\n    }\n  }\n\n  /**\n   * Checks to see if a this subscription already has a particular parent.\n   * This will signal that this subscription has already been added to the parent in question.\n   * @param parent the parent to check for\n   */\n  private _hasParent(parent: Subscription) {\n    const { _parentage } = this;\n    return _parentage === parent || (Array.isArray(_parentage) && _parentage.includes(parent));\n  }\n\n  /**\n   * Adds a parent to this subscription so it can be removed from the parent if it\n   * unsubscribes on it's own.\n   *\n   * NOTE: THIS ASSUMES THAT {@link _hasParent} HAS ALREADY BEEN CHECKED.\n   * @param parent The parent subscription to add\n   */\n  private _addParent(parent: Subscription) {\n    const { _parentage } = this;\n    this._parentage = Array.isArray(_parentage) ? (_parentage.push(parent), _parentage) : _parentage ? [_parentage, parent] : parent;\n  }\n\n  /**\n   * Called on a child when it is removed via {@link #remove}.\n   * @param parent The parent to remove\n   */\n  private _removeParent(parent: Subscription) {\n    const { _parentage } = this;\n    if (_parentage === parent) {\n      this._parentage = null;\n    } else if (Array.isArray(_parentage)) {\n      arrRemove(_parentage, parent);\n    }\n  }\n\n  /**\n   * Removes a finalizer from this subscription that was previously added with the {@link #add} method.\n   *\n   * Note that `Subscription` instances, when unsubscribed, will automatically remove themselves\n   * from every other `Subscription` they have been added to. This means that using the `remove` method\n   * is not a common thing and should be used thoughtfully.\n   *\n   * If you add the same finalizer instance of a function or an unsubscribable object to a `Subscription` instance\n   * more than once, you will need to call `remove` the same number of times to remove all instances.\n   *\n   * All finalizer instances are removed to free up memory upon unsubscription.\n   *\n   * @param teardown The finalizer to remove from this subscription\n   */\n  remove(teardown: Exclude<TeardownLogic, void>): void {\n    const { _finalizers } = this;\n    _finalizers && arrRemove(_finalizers, teardown);\n\n    if (teardown instanceof Subscription) {\n      teardown._removeParent(this);\n    }\n  }\n}\n\nexport const EMPTY_SUBSCRIPTION = Subscription.EMPTY;\n\nexport function isSubscription(value: any): value is Subscription {\n  return (\n    value instanceof Subscription ||\n    (value && 'closed' in value && isFunction(value.remove) && isFunction(value.add) && isFunction(value.unsubscribe))\n  );\n}\n\nfunction execFinalizer(finalizer: Unsubscribable | (() => void)) {\n  if (isFunction(finalizer)) {\n    finalizer();\n  } else {\n    finalizer.unsubscribe();\n  }\n}\n", "import { Subscriber } from './Subscriber';\nimport { ObservableNotification } from './types';\n\n/**\n * The {@link GlobalConfig} object for RxJS. It is used to configure things\n * like how to react on unhandled errors.\n */\nexport const config: GlobalConfig = {\n  onUnhandledError: null,\n  onStoppedNotification: null,\n  Promise: undefined,\n  useDeprecatedSynchronousErrorHandling: false,\n  useDeprecatedNextContext: false,\n};\n\n/**\n * The global configuration object for RxJS, used to configure things\n * like how to react on unhandled errors. Accessible via {@link config}\n * object.\n */\nexport interface GlobalConfig {\n  /**\n   * A registration point for unhandled errors from RxJS. These are errors that\n   * cannot were not handled by consuming code in the usual subscription path. For\n   * example, if you have this configured, and you subscribe to an observable without\n   * providing an error handler, errors from that subscription will end up here. This\n   * will _always_ be called asynchronously on another job in the runtime. This is because\n   * we do not want errors thrown in this user-configured handler to interfere with the\n   * behavior of the library.\n   */\n  onUnhandledError: ((err: any) => void) | null;\n\n  /**\n   * A registration point for notifications that cannot be sent to subscribers because they\n   * have completed, errored or have been explicitly unsubscribed. By default, next, complete\n   * and error notifications sent to stopped subscribers are noops. However, sometimes callers\n   * might want a different behavior. For example, with sources that attempt to report errors\n   * to stopped subscribers, a caller can configure RxJS to throw an unhandled error instead.\n   * This will _always_ be called asynchronously on another job in the runtime. This is because\n   * we do not want errors thrown in this user-configured handler to interfere with the\n   * behavior of the library.\n   */\n  onStoppedNotification: ((notification: ObservableNotification<any>, subscriber: Subscriber<any>) => void) | null;\n\n  /**\n   * The promise constructor used by default for {@link Observable#toPromise toPromise} and {@link Observable#forEach forEach}\n   * methods.\n   *\n   * @deprecated As of version 8, RxJS will no longer support this sort of injection of a\n   * Promise constructor. If you need a Promise implementation other than native promises,\n   * please polyfill/patch Promise as you see appropriate. Will be removed in v8.\n   */\n  Promise?: PromiseConstructorLike;\n\n  /**\n   * If true, turns on synchronous error rethrowing, which is a deprecated behavior\n   * in v6 and higher. This behavior enables bad patterns like wrapping a subscribe\n   * call in a try/catch block. It also enables producer interference, a nasty bug\n   * where a multicast can be broken for all observers by a downstream consumer with\n   * an unhandled error. DO NOT USE THIS FLAG UNLESS IT'S NEEDED TO BUY TIME\n   * FOR MIGRATION REASONS.\n   *\n   * @deprecated As of version 8, RxJS will no longer support synchronous throwing\n   * of unhandled errors. All errors will be thrown on a separate call stack to prevent bad\n   * behaviors described above. Will be removed in v8.\n   */\n  useDeprecatedSynchronousErrorHandling: boolean;\n\n  /**\n   * If true, enables an as-of-yet undocumented feature from v5: The ability to access\n   * `unsubscribe()` via `this` context in `next` functions created in observers passed\n   * to `subscribe`.\n   *\n   * This is being removed because the performance was severely problematic, and it could also cause\n   * issues when types other than POJOs are passed to subscribe as subscribers, as they will likely have\n   * their `this` context overwritten.\n   *\n   * @deprecated As of version 8, RxJS will no longer support altering the\n   * context of next functions provided as part of an observer to Subscribe. Instead,\n   * you will have access to a subscription or a signal or token that will allow you to do things like\n   * unsubscribe and test closed status. Will be removed in v8.\n   */\n  useDeprecatedNextContext: boolean;\n}\n", "import type { TimerHandle } from './timerHandle';\ntype SetTimeoutFunction = (handler: () => void, timeout?: number, ...args: any[]) => TimerHandle;\ntype ClearTimeoutFunction = (handle: TimerHandle) => void;\n\ninterface TimeoutProvider {\n  setTimeout: SetTimeoutFunction;\n  clearTimeout: ClearTimeoutFunction;\n  delegate:\n    | {\n        setTimeout: SetTimeoutFunction;\n        clearTimeout: ClearTimeoutFunction;\n      }\n    | undefined;\n}\n\nexport const timeoutProvider: TimeoutProvider = {\n  // When accessing the delegate, use the variable rather than `this` so that\n  // the functions can be called without being bound to the provider.\n  setTimeout(handler: () => void, timeout?: number, ...args) {\n    const { delegate } = timeoutProvider;\n    if (delegate?.setTimeout) {\n      return delegate.setTimeout(handler, timeout, ...args);\n    }\n    return setTimeout(handler, timeout, ...args);\n  },\n  clearTimeout(handle) {\n    const { delegate } = timeoutProvider;\n    return (delegate?.clearTimeout || clearTimeout)(handle as any);\n  },\n  delegate: undefined,\n};\n", "import { config } from '../config';\nimport { timeoutProvider } from '../scheduler/timeoutProvider';\n\n/**\n * Handles an error on another job either with the user-configured {@link onUnhandledError},\n * or by throwing it on that new job so it can be picked up by `window.onerror`, `process.on('error')`, etc.\n *\n * This should be called whenever there is an error that is out-of-band with the subscription\n * or when an error hits a terminal boundary of the subscription and no error handler was provided.\n *\n * @param err the error to report\n */\nexport function reportUnhandledError(err: any) {\n  timeoutProvider.setTimeout(() => {\n    const { onUnhandledError } = config;\n    if (onUnhandledError) {\n      // Execute the user-configured error handler.\n      onUnhandledError(err);\n    } else {\n      // Throw so it is picked up by the runtime's uncaught error mechanism.\n      throw err;\n    }\n  });\n}\n", "/* tslint:disable:no-empty */\nexport function noop() { }\n", "import { CompleteNotification, NextNotification, ErrorNotification } from './types';\n\n/**\n * A completion object optimized for memory use and created to be the\n * same \"shape\" as other notifications in v8.\n * @internal\n */\nexport const COMPLETE_NOTIFICATION = (() => createNotification('C', undefined, undefined) as CompleteNotification)();\n\n/**\n * Internal use only. Creates an optimized error notification that is the same \"shape\"\n * as other notifications.\n * @internal\n */\nexport function errorNotification(error: any): ErrorNotification {\n  return createNotification('E', undefined, error) as any;\n}\n\n/**\n * Internal use only. Creates an optimized next notification that is the same \"shape\"\n * as other notifications.\n * @internal\n */\nexport function nextNotification<T>(value: T) {\n  return createNotification('N', value, undefined) as NextNotification<T>;\n}\n\n/**\n * Ensures that all notifications created internally have the same \"shape\" in v8.\n *\n * TODO: This is only exported to support a crazy legacy test in `groupBy`.\n * @internal\n */\nexport function createNotification(kind: 'N' | 'E' | 'C', value: any, error: any) {\n  return {\n    kind,\n    value,\n    error,\n  };\n}\n", "import { config } from '../config';\n\nlet context: { errorThrown: boolean; error: any } | null = null;\n\n/**\n * Handles dealing with errors for super-gross mode. Creates a context, in which\n * any synchronously thrown errors will be passed to {@link captureError}. Which\n * will record the error such that it will be rethrown after the call back is complete.\n * TODO: Remove in v8\n * @param cb An immediately executed function.\n */\nexport function errorContext(cb: () => void) {\n  if (config.useDeprecatedSynchronousErrorHandling) {\n    const isRoot = !context;\n    if (isRoot) {\n      context = { errorThrown: false, error: null };\n    }\n    cb();\n    if (isRoot) {\n      const { errorThrown, error } = context!;\n      context = null;\n      if (errorThrown) {\n        throw error;\n      }\n    }\n  } else {\n    // This is the general non-deprecated path for everyone that\n    // isn't crazy enough to use super-gross mode (useDeprecatedSynchronousErrorHandling)\n    cb();\n  }\n}\n\n/**\n * Captures errors only in super-gross mode.\n * @param err the error to capture\n */\nexport function captureError(err: any) {\n  if (config.useDeprecatedSynchronousErrorHandling && context) {\n    context.errorThrown = true;\n    context.error = err;\n  }\n}\n", "import { isFunction } from './util/isFunction';\nimport { Observer, ObservableNotification } from './types';\nimport { isSubscription, Subscription } from './Subscription';\nimport { config } from './config';\nimport { reportUnhandledError } from './util/reportUnhandledError';\nimport { noop } from './util/noop';\nimport { nextNotification, errorNotification, COMPLETE_NOTIFICATION } from './NotificationFactories';\nimport { timeoutProvider } from './scheduler/timeoutProvider';\nimport { captureError } from './util/errorContext';\n\n/**\n * Implements the {@link Observer} interface and extends the\n * {@link Subscription} class. While the {@link Observer} is the public API for\n * consuming the values of an {@link Observable}, all Observers get converted to\n * a Subscriber, in order to provide Subscription-like capabilities such as\n * `unsubscribe`. Subscriber is a common type in RxJS, and crucial for\n * implementing operators, but it is rarely used as a public API.\n *\n * @class Subscriber<T>\n */\nexport class Subscriber<T> extends Subscription implements Observer<T> {\n  /**\n   * A static factory for a Subscriber, given a (potentially partial) definition\n   * of an Observer.\n   * @param next The `next` callback of an Observer.\n   * @param error The `error` callback of an\n   * Observer.\n   * @param complete The `complete` callback of an\n   * Observer.\n   * @return A Subscriber wrapping the (partially defined)\n   * Observer represented by the given arguments.\n   * @nocollapse\n   * @deprecated Do not use. Will be removed in v8. There is no replacement for this\n   * method, and there is no reason to be creating instances of `Subscriber` directly.\n   * If you have a specific use case, please file an issue.\n   */\n  static create<T>(next?: (x?: T) => void, error?: (e?: any) => void, complete?: () => void): Subscriber<T> {\n    return new SafeSubscriber(next, error, complete);\n  }\n\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  protected isStopped: boolean = false;\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  protected destination: Subscriber<any> | Observer<any>; // this `any` is the escape hatch to erase extra type param (e.g. R)\n\n  /**\n   * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n   * There is no reason to directly create an instance of Subscriber. This type is exported for typings reasons.\n   */\n  constructor(destination?: Subscriber<any> | Observer<any>) {\n    super();\n    if (destination) {\n      this.destination = destination;\n      // Automatically chain subscriptions together here.\n      // if destination is a Subscription, then it is a Subscriber.\n      if (isSubscription(destination)) {\n        destination.add(this);\n      }\n    } else {\n      this.destination = EMPTY_OBSERVER;\n    }\n  }\n\n  /**\n   * The {@link Observer} callback to receive notifications of type `next` from\n   * the Observable, with a value. The Observable may call this method 0 or more\n   * times.\n   * @param {T} [value] The `next` value.\n   * @return {void}\n   */\n  next(value?: T): void {\n    if (this.isStopped) {\n      handleStoppedNotification(nextNotification(value), this);\n    } else {\n      this._next(value!);\n    }\n  }\n\n  /**\n   * The {@link Observer} callback to receive notifications of type `error` from\n   * the Observable, with an attached `Error`. Notifies the Observer that\n   * the Observable has experienced an error condition.\n   * @param {any} [err] The `error` exception.\n   * @return {void}\n   */\n  error(err?: any): void {\n    if (this.isStopped) {\n      handleStoppedNotification(errorNotification(err), this);\n    } else {\n      this.isStopped = true;\n      this._error(err);\n    }\n  }\n\n  /**\n   * The {@link Observer} callback to receive a valueless notification of type\n   * `complete` from the Observable. Notifies the Observer that the Observable\n   * has finished sending push-based notifications.\n   * @return {void}\n   */\n  complete(): void {\n    if (this.isStopped) {\n      handleStoppedNotification(COMPLETE_NOTIFICATION, this);\n    } else {\n      this.isStopped = true;\n      this._complete();\n    }\n  }\n\n  unsubscribe(): void {\n    if (!this.closed) {\n      this.isStopped = true;\n      super.unsubscribe();\n      this.destination = null!;\n    }\n  }\n\n  protected _next(value: T): void {\n    this.destination.next(value);\n  }\n\n  protected _error(err: any): void {\n    try {\n      this.destination.error(err);\n    } finally {\n      this.unsubscribe();\n    }\n  }\n\n  protected _complete(): void {\n    try {\n      this.destination.complete();\n    } finally {\n      this.unsubscribe();\n    }\n  }\n}\n\n/**\n * This bind is captured here because we want to be able to have\n * compatibility with monoid libraries that tend to use a method named\n * `bind`. In particular, a library called Monio requires this.\n */\nconst _bind = Function.prototype.bind;\n\nfunction bind<Fn extends (...args: any[]) => any>(fn: Fn, thisArg: any): Fn {\n  return _bind.call(fn, thisArg);\n}\n\n/**\n * Internal optimization only, DO NOT EXPOSE.\n * @internal\n */\nclass ConsumerObserver<T> implements Observer<T> {\n  constructor(private partialObserver: Partial<Observer<T>>) {}\n\n  next(value: T): void {\n    const { partialObserver } = this;\n    if (partialObserver.next) {\n      try {\n        partialObserver.next(value);\n      } catch (error) {\n        handleUnhandledError(error);\n      }\n    }\n  }\n\n  error(err: any): void {\n    const { partialObserver } = this;\n    if (partialObserver.error) {\n      try {\n        partialObserver.error(err);\n      } catch (error) {\n        handleUnhandledError(error);\n      }\n    } else {\n      handleUnhandledError(err);\n    }\n  }\n\n  complete(): void {\n    const { partialObserver } = this;\n    if (partialObserver.complete) {\n      try {\n        partialObserver.complete();\n      } catch (error) {\n        handleUnhandledError(error);\n      }\n    }\n  }\n}\n\nexport class SafeSubscriber<T> extends Subscriber<T> {\n  constructor(\n    observerOrNext?: Partial<Observer<T>> | ((value: T) => void) | null,\n    error?: ((e?: any) => void) | null,\n    complete?: (() => void) | null\n  ) {\n    super();\n\n    let partialObserver: Partial<Observer<T>>;\n    if (isFunction(observerOrNext) || !observerOrNext) {\n      // The first argument is a function, not an observer. The next\n      // two arguments *could* be observers, or they could be empty.\n      partialObserver = {\n        next: (observerOrNext ?? undefined) as (((value: T) => void) | undefined),\n        error: error ?? undefined,\n        complete: complete ?? undefined,\n      };\n    } else {\n      // The first argument is a partial observer.\n      let context: any;\n      if (this && config.useDeprecatedNextContext) {\n        // This is a deprecated path that made `this.unsubscribe()` available in\n        // next handler functions passed to subscribe. This only exists behind a flag\n        // now, as it is *very* slow.\n        context = Object.create(observerOrNext);\n        context.unsubscribe = () => this.unsubscribe();\n        partialObserver = {\n          next: observerOrNext.next && bind(observerOrNext.next, context),\n          error: observerOrNext.error && bind(observerOrNext.error, context),\n          complete: observerOrNext.complete && bind(observerOrNext.complete, context),\n        };\n      } else {\n        // The \"normal\" path. Just use the partial observer directly.\n        partialObserver = observerOrNext;\n      }\n    }\n\n    // Wrap the partial observer to ensure it's a full observer, and\n    // make sure proper error handling is accounted for.\n    this.destination = new ConsumerObserver(partialObserver);\n  }\n}\n\nfunction handleUnhandledError(error: any) {\n  if (config.useDeprecatedSynchronousErrorHandling) {\n    captureError(error);\n  } else {\n    // Ideal path, we report this as an unhandled error,\n    // which is thrown on a new call stack.\n    reportUnhandledError(error);\n  }\n}\n\n/**\n * An error handler used when no error handler was supplied\n * to the SafeSubscriber -- meaning no error handler was supplied\n * do the `subscribe` call on our observable.\n * @param err The error to handle\n */\nfunction defaultErrorHandler(err: any) {\n  throw err;\n}\n\n/**\n * A handler for notifications that cannot be sent to a stopped subscriber.\n * @param notification The notification being sent\n * @param subscriber The stopped subscriber\n */\nfunction handleStoppedNotification(notification: ObservableNotification<any>, subscriber: Subscriber<any>) {\n  const { onStoppedNotification } = config;\n  onStoppedNotification && timeoutProvider.setTimeout(() => onStoppedNotification(notification, subscriber));\n}\n\n/**\n * The observer used as a stub for subscriptions where the user did not\n * pass any arguments to `subscribe`. Comes with the default error handling\n * behavior.\n */\nexport const EMPTY_OBSERVER: Readonly<Observer<any>> & { closed: true } = {\n  closed: true,\n  next: noop,\n  error: defaultErrorHandler,\n  complete: noop,\n};\n", "/**\n * Symbol.observable or a string \"@@observable\". Used for interop\n *\n * @deprecated We will no longer be exporting this symbol in upcoming versions of RxJS.\n * Instead polyfill and use Symbol.observable directly *or* use https://www.npmjs.com/package/symbol-observable\n */\nexport const observable: string | symbol = (() => (typeof Symbol === 'function' && Symbol.observable) || '@@observable')();\n", "/**\n * This function takes one parameter and just returns it. Simply put,\n * this is like `<T>(x: T): T => x`.\n *\n * ## Examples\n *\n * This is useful in some cases when using things like `mergeMap`\n *\n * ```ts\n * import { interval, take, map, range, mergeMap, identity } from 'rxjs';\n *\n * const source$ = interval(1000).pipe(take(5));\n *\n * const result$ = source$.pipe(\n *   map(i => range(i)),\n *   mergeMap(identity) // same as mergeMap(x => x)\n * );\n *\n * result$.subscribe({\n *   next: console.log\n * });\n * ```\n *\n * Or when you want to selectively apply an operator\n *\n * ```ts\n * import { interval, take, identity } from 'rxjs';\n *\n * const shouldLimit = () => Math.random() < 0.5;\n *\n * const source$ = interval(1000);\n *\n * const result$ = source$.pipe(shouldLimit() ? take(5) : identity);\n *\n * result$.subscribe({\n *   next: console.log\n * });\n * ```\n *\n * @param x Any value that is returned by this function\n * @returns The value passed as the first parameter to this function\n */\nexport function identity<T>(x: T): T {\n  return x;\n}\n", "import { identity } from './identity';\nimport { UnaryFunction } from '../types';\n\nexport function pipe(): typeof identity;\nexport function pipe<T, A>(fn1: UnaryFunction<T, A>): UnaryFunction<T, A>;\nexport function pipe<T, A, B>(fn1: UnaryFunction<T, A>, fn2: UnaryFunction<A, B>): UnaryFunction<T, B>;\nexport function pipe<T, A, B, C>(fn1: UnaryFunction<T, A>, fn2: UnaryFunction<A, B>, fn3: UnaryFunction<B, C>): UnaryFunction<T, C>;\nexport function pipe<T, A, B, C, D>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>\n): UnaryFunction<T, D>;\nexport function pipe<T, A, B, C, D, E>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>,\n  fn5: UnaryFunction<D, E>\n): UnaryFunction<T, E>;\nexport function pipe<T, A, B, C, D, E, F>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>,\n  fn5: UnaryFunction<D, E>,\n  fn6: UnaryFunction<E, F>\n): UnaryFunction<T, F>;\nexport function pipe<T, A, B, C, D, E, F, G>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>,\n  fn5: UnaryFunction<D, E>,\n  fn6: UnaryFunction<E, F>,\n  fn7: UnaryFunction<F, G>\n): UnaryFunction<T, G>;\nexport function pipe<T, A, B, C, D, E, F, G, H>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>,\n  fn5: UnaryFunction<D, E>,\n  fn6: UnaryFunction<E, F>,\n  fn7: UnaryFunction<F, G>,\n  fn8: UnaryFunction<G, H>\n): UnaryFunction<T, H>;\nexport function pipe<T, A, B, C, D, E, F, G, H, I>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>,\n  fn5: UnaryFunction<D, E>,\n  fn6: UnaryFunction<E, F>,\n  fn7: UnaryFunction<F, G>,\n  fn8: UnaryFunction<G, H>,\n  fn9: UnaryFunction<H, I>\n): UnaryFunction<T, I>;\nexport function pipe<T, A, B, C, D, E, F, G, H, I>(\n  fn1: UnaryFunction<T, A>,\n  fn2: UnaryFunction<A, B>,\n  fn3: UnaryFunction<B, C>,\n  fn4: UnaryFunction<C, D>,\n  fn5: UnaryFunction<D, E>,\n  fn6: UnaryFunction<E, F>,\n  fn7: UnaryFunction<F, G>,\n  fn8: UnaryFunction<G, H>,\n  fn9: UnaryFunction<H, I>,\n  ...fns: UnaryFunction<any, any>[]\n): UnaryFunction<T, unknown>;\n\n/**\n * pipe() can be called on one or more functions, each of which can take one argument (\"UnaryFunction\")\n * and uses it to return a value.\n * It returns a function that takes one argument, passes it to the first UnaryFunction, and then\n * passes the result to the next one, passes that result to the next one, and so on.  \n */\nexport function pipe(...fns: Array<UnaryFunction<any, any>>): UnaryFunction<any, any> {\n  return pipeFromArray(fns);\n}\n\n/** @internal */\nexport function pipeFromArray<T, R>(fns: Array<UnaryFunction<T, R>>): UnaryFunction<T, R> {\n  if (fns.length === 0) {\n    return identity as UnaryFunction<any, any>;\n  }\n\n  if (fns.length === 1) {\n    return fns[0];\n  }\n\n  return function piped(input: T): R {\n    return fns.reduce((prev: any, fn: UnaryFunction<T, R>) => fn(prev), input as any);\n  };\n}\n", "import { Operator } from './Operator';\nimport { SafeSubscriber, Subscriber } from './Subscriber';\nimport { isSubscription, Subscription } from './Subscription';\nimport { TeardownLogic, OperatorFunction, Subscribable, Observer } from './types';\nimport { observable as Symbol_observable } from './symbol/observable';\nimport { pipeFromArray } from './util/pipe';\nimport { config } from './config';\nimport { isFunction } from './util/isFunction';\nimport { errorContext } from './util/errorContext';\n\n/**\n * A representation of any set of values over any amount of time. This is the most basic building block\n * of RxJS.\n *\n * @class Observable<T>\n */\nexport class Observable<T> implements Subscribable<T> {\n  /**\n   * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n   */\n  source: Observable<any> | undefined;\n\n  /**\n   * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n   */\n  operator: Operator<any, T> | undefined;\n\n  /**\n   * @constructor\n   * @param {Function} subscribe the function that is called when the Observable is\n   * initially subscribed to. This function is given a Subscriber, to which new values\n   * can be `next`ed, or an `error` method can be called to raise an error, or\n   * `complete` can be called to notify of a successful completion.\n   */\n  constructor(subscribe?: (this: Observable<T>, subscriber: Subscriber<T>) => TeardownLogic) {\n    if (subscribe) {\n      this._subscribe = subscribe;\n    }\n  }\n\n  // HACK: Since TypeScript inherits static properties too, we have to\n  // fight against TypeScript here so Subject can have a different static create signature\n  /**\n   * Creates a new Observable by calling the Observable constructor\n   * @owner Observable\n   * @method create\n   * @param {Function} subscribe? the subscriber function to be passed to the Observable constructor\n   * @return {Observable} a new observable\n   * @nocollapse\n   * @deprecated Use `new Observable()` instead. Will be removed in v8.\n   */\n  static create: (...args: any[]) => any = <T>(subscribe?: (subscriber: Subscriber<T>) => TeardownLogic) => {\n    return new Observable<T>(subscribe);\n  };\n\n  /**\n   * Creates a new Observable, with this Observable instance as the source, and the passed\n   * operator defined as the new observable's operator.\n   * @method lift\n   * @param operator the operator defining the operation to take on the observable\n   * @return a new observable with the Operator applied\n   * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n   * If you have implemented an operator using `lift`, it is recommended that you create an\n   * operator by simply returning `new Observable()` directly. See \"Creating new operators from\n   * scratch\" section here: https://rxjs.dev/guide/operators\n   */\n  lift<R>(operator?: Operator<T, R>): Observable<R> {\n    const observable = new Observable<R>();\n    observable.source = this;\n    observable.operator = operator;\n    return observable;\n  }\n\n  subscribe(observerOrNext?: Partial<Observer<T>> | ((value: T) => void)): Subscription;\n  /** @deprecated Instead of passing separate callback arguments, use an observer argument. Signatures taking separate callback arguments will be removed in v8. Details: https://rxjs.dev/deprecations/subscribe-arguments */\n  subscribe(next?: ((value: T) => void) | null, error?: ((error: any) => void) | null, complete?: (() => void) | null): Subscription;\n  /**\n   * Invokes an execution of an Observable and registers Observer handlers for notifications it will emit.\n   *\n   * <span class=\"informal\">Use it when you have all these Observables, but still nothing is happening.</span>\n   *\n   * `subscribe` is not a regular operator, but a method that calls Observable's internal `subscribe` function. It\n   * might be for example a function that you passed to Observable's constructor, but most of the time it is\n   * a library implementation, which defines what will be emitted by an Observable, and when it be will emitted. This means\n   * that calling `subscribe` is actually the moment when Observable starts its work, not when it is created, as it is often\n   * the thought.\n   *\n   * Apart from starting the execution of an Observable, this method allows you to listen for values\n   * that an Observable emits, as well as for when it completes or errors. You can achieve this in two\n   * of the following ways.\n   *\n   * The first way is creating an object that implements {@link Observer} interface. It should have methods\n   * defined by that interface, but note that it should be just a regular JavaScript object, which you can create\n   * yourself in any way you want (ES6 class, classic function constructor, object literal etc.). In particular, do\n   * not attempt to use any RxJS implementation details to create Observers - you don't need them. Remember also\n   * that your object does not have to implement all methods. If you find yourself creating a method that doesn't\n   * do anything, you can simply omit it. Note however, if the `error` method is not provided and an error happens,\n   * it will be thrown asynchronously. Errors thrown asynchronously cannot be caught using `try`/`catch`. Instead,\n   * use the {@link onUnhandledError} configuration option or use a runtime handler (like `window.onerror` or\n   * `process.on('error)`) to be notified of unhandled errors. Because of this, it's recommended that you provide\n   * an `error` method to avoid missing thrown errors.\n   *\n   * The second way is to give up on Observer object altogether and simply provide callback functions in place of its methods.\n   * This means you can provide three functions as arguments to `subscribe`, where the first function is equivalent\n   * of a `next` method, the second of an `error` method and the third of a `complete` method. Just as in case of an Observer,\n   * if you do not need to listen for something, you can omit a function by passing `undefined` or `null`,\n   * since `subscribe` recognizes these functions by where they were placed in function call. When it comes\n   * to the `error` function, as with an Observer, if not provided, errors emitted by an Observable will be thrown asynchronously.\n   *\n   * You can, however, subscribe with no parameters at all. This may be the case where you're not interested in terminal events\n   * and you also handled emissions internally by using operators (e.g. using `tap`).\n   *\n   * Whichever style of calling `subscribe` you use, in both cases it returns a Subscription object.\n   * This object allows you to call `unsubscribe` on it, which in turn will stop the work that an Observable does and will clean\n   * up all resources that an Observable used. Note that cancelling a subscription will not call `complete` callback\n   * provided to `subscribe` function, which is reserved for a regular completion signal that comes from an Observable.\n   *\n   * Remember that callbacks provided to `subscribe` are not guaranteed to be called asynchronously.\n   * It is an Observable itself that decides when these functions will be called. For example {@link of}\n   * by default emits all its values synchronously. Always check documentation for how given Observable\n   * will behave when subscribed and if its default behavior can be modified with a `scheduler`.\n   *\n   * #### Examples\n   *\n   * Subscribe with an {@link guide/observer Observer}\n   *\n   * ```ts\n   * import { of } from 'rxjs';\n   *\n   * const sumObserver = {\n   *   sum: 0,\n   *   next(value) {\n   *     console.log('Adding: ' + value);\n   *     this.sum = this.sum + value;\n   *   },\n   *   error() {\n   *     // We actually could just remove this method,\n   *     // since we do not really care about errors right now.\n   *   },\n   *   complete() {\n   *     console.log('Sum equals: ' + this.sum);\n   *   }\n   * };\n   *\n   * of(1, 2, 3) // Synchronously emits 1, 2, 3 and then completes.\n   *   .subscribe(sumObserver);\n   *\n   * // Logs:\n   * // 'Adding: 1'\n   * // 'Adding: 2'\n   * // 'Adding: 3'\n   * // 'Sum equals: 6'\n   * ```\n   *\n   * Subscribe with functions ({@link deprecations/subscribe-arguments deprecated})\n   *\n   * ```ts\n   * import { of } from 'rxjs'\n   *\n   * let sum = 0;\n   *\n   * of(1, 2, 3).subscribe(\n   *   value => {\n   *     console.log('Adding: ' + value);\n   *     sum = sum + value;\n   *   },\n   *   undefined,\n   *   () => console.log('Sum equals: ' + sum)\n   * );\n   *\n   * // Logs:\n   * // 'Adding: 1'\n   * // 'Adding: 2'\n   * // 'Adding: 3'\n   * // 'Sum equals: 6'\n   * ```\n   *\n   * Cancel a subscription\n   *\n   * ```ts\n   * import { interval } from 'rxjs';\n   *\n   * const subscription = interval(1000).subscribe({\n   *   next(num) {\n   *     console.log(num)\n   *   },\n   *   complete() {\n   *     // Will not be called, even when cancelling subscription.\n   *     console.log('completed!');\n   *   }\n   * });\n   *\n   * setTimeout(() => {\n   *   subscription.unsubscribe();\n   *   console.log('unsubscribed!');\n   * }, 2500);\n   *\n   * // Logs:\n   * // 0 after 1s\n   * // 1 after 2s\n   * // 'unsubscribed!' after 2.5s\n   * ```\n   *\n   * @param {Observer|Function} observerOrNext (optional) Either an observer with methods to be called,\n   * or the first of three possible handlers, which is the handler for each value emitted from the subscribed\n   * Observable.\n   * @param {Function} error (optional) A handler for a terminal event resulting from an error. If no error handler is provided,\n   * the error will be thrown asynchronously as unhandled.\n   * @param {Function} complete (optional) A handler for a terminal event resulting from successful completion.\n   * @return {Subscription} a subscription reference to the registered handlers\n   * @method subscribe\n   */\n  subscribe(\n    observerOrNext?: Partial<Observer<T>> | ((value: T) => void) | null,\n    error?: ((error: any) => void) | null,\n    complete?: (() => void) | null\n  ): Subscription {\n    const subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);\n\n    errorContext(() => {\n      const { operator, source } = this;\n      subscriber.add(\n        operator\n          ? // We're dealing with a subscription in the\n            // operator chain to one of our lifted operators.\n            operator.call(subscriber, source)\n          : source\n          ? // If `source` has a value, but `operator` does not, something that\n            // had intimate knowledge of our API, like our `Subject`, must have\n            // set it. We're going to just call `_subscribe` directly.\n            this._subscribe(subscriber)\n          : // In all other cases, we're likely wrapping a user-provided initializer\n            // function, so we need to catch errors and handle them appropriately.\n            this._trySubscribe(subscriber)\n      );\n    });\n\n    return subscriber;\n  }\n\n  /** @internal */\n  protected _trySubscribe(sink: Subscriber<T>): TeardownLogic {\n    try {\n      return this._subscribe(sink);\n    } catch (err) {\n      // We don't need to return anything in this case,\n      // because it's just going to try to `add()` to a subscription\n      // above.\n      sink.error(err);\n    }\n  }\n\n  /**\n   * Used as a NON-CANCELLABLE means of subscribing to an observable, for use with\n   * APIs that expect promises, like `async/await`. You cannot unsubscribe from this.\n   *\n   * **WARNING**: Only use this with observables you *know* will complete. If the source\n   * observable does not complete, you will end up with a promise that is hung up, and\n   * potentially all of the state of an async function hanging out in memory. To avoid\n   * this situation, look into adding something like {@link timeout}, {@link take},\n   * {@link takeWhile}, or {@link takeUntil} amongst others.\n   *\n   * #### Example\n   *\n   * ```ts\n   * import { interval, take } from 'rxjs';\n   *\n   * const source$ = interval(1000).pipe(take(4));\n   *\n   * async function getTotal() {\n   *   let total = 0;\n   *\n   *   await source$.forEach(value => {\n   *     total += value;\n   *     console.log('observable -> ' + value);\n   *   });\n   *\n   *   return total;\n   * }\n   *\n   * getTotal().then(\n   *   total => console.log('Total: ' + total)\n   * );\n   *\n   * // Expected:\n   * // 'observable -> 0'\n   * // 'observable -> 1'\n   * // 'observable -> 2'\n   * // 'observable -> 3'\n   * // 'Total: 6'\n   * ```\n   *\n   * @param next a handler for each value emitted by the observable\n   * @return a promise that either resolves on observable completion or\n   *  rejects with the handled error\n   */\n  forEach(next: (value: T) => void): Promise<void>;\n\n  /**\n   * @param next a handler for each value emitted by the observable\n   * @param promiseCtor a constructor function used to instantiate the Promise\n   * @return a promise that either resolves on observable completion or\n   *  rejects with the handled error\n   * @deprecated Passing a Promise constructor will no longer be available\n   * in upcoming versions of RxJS. This is because it adds weight to the library, for very\n   * little benefit. If you need this functionality, it is recommended that you either\n   * polyfill Promise, or you create an adapter to convert the returned native promise\n   * to whatever promise implementation you wanted. Will be removed in v8.\n   */\n  forEach(next: (value: T) => void, promiseCtor: PromiseConstructorLike): Promise<void>;\n\n  forEach(next: (value: T) => void, promiseCtor?: PromiseConstructorLike): Promise<void> {\n    promiseCtor = getPromiseCtor(promiseCtor);\n\n    return new promiseCtor<void>((resolve, reject) => {\n      const subscriber = new SafeSubscriber<T>({\n        next: (value) => {\n          try {\n            next(value);\n          } catch (err) {\n            reject(err);\n            subscriber.unsubscribe();\n          }\n        },\n        error: reject,\n        complete: resolve,\n      });\n      this.subscribe(subscriber);\n    }) as Promise<void>;\n  }\n\n  /** @internal */\n  protected _subscribe(subscriber: Subscriber<any>): TeardownLogic {\n    return this.source?.subscribe(subscriber);\n  }\n\n  /**\n   * An interop point defined by the es7-observable spec https://github.com/zenparsing/es-observable\n   * @method Symbol.observable\n   * @return {Observable} this instance of the observable\n   */\n  [Symbol_observable]() {\n    return this;\n  }\n\n  /* tslint:disable:max-line-length */\n  pipe(): Observable<T>;\n  pipe<A>(op1: OperatorFunction<T, A>): Observable<A>;\n  pipe<A, B>(op1: OperatorFunction<T, A>, op2: OperatorFunction<A, B>): Observable<B>;\n  pipe<A, B, C>(op1: OperatorFunction<T, A>, op2: OperatorFunction<A, B>, op3: OperatorFunction<B, C>): Observable<C>;\n  pipe<A, B, C, D>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>\n  ): Observable<D>;\n  pipe<A, B, C, D, E>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>,\n    op5: OperatorFunction<D, E>\n  ): Observable<E>;\n  pipe<A, B, C, D, E, F>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>,\n    op5: OperatorFunction<D, E>,\n    op6: OperatorFunction<E, F>\n  ): Observable<F>;\n  pipe<A, B, C, D, E, F, G>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>,\n    op5: OperatorFunction<D, E>,\n    op6: OperatorFunction<E, F>,\n    op7: OperatorFunction<F, G>\n  ): Observable<G>;\n  pipe<A, B, C, D, E, F, G, H>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>,\n    op5: OperatorFunction<D, E>,\n    op6: OperatorFunction<E, F>,\n    op7: OperatorFunction<F, G>,\n    op8: OperatorFunction<G, H>\n  ): Observable<H>;\n  pipe<A, B, C, D, E, F, G, H, I>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>,\n    op5: OperatorFunction<D, E>,\n    op6: OperatorFunction<E, F>,\n    op7: OperatorFunction<F, G>,\n    op8: OperatorFunction<G, H>,\n    op9: OperatorFunction<H, I>\n  ): Observable<I>;\n  pipe<A, B, C, D, E, F, G, H, I>(\n    op1: OperatorFunction<T, A>,\n    op2: OperatorFunction<A, B>,\n    op3: OperatorFunction<B, C>,\n    op4: OperatorFunction<C, D>,\n    op5: OperatorFunction<D, E>,\n    op6: OperatorFunction<E, F>,\n    op7: OperatorFunction<F, G>,\n    op8: OperatorFunction<G, H>,\n    op9: OperatorFunction<H, I>,\n    ...operations: OperatorFunction<any, any>[]\n  ): Observable<unknown>;\n  /* tslint:enable:max-line-length */\n\n  /**\n   * Used to stitch together functional operators into a chain.\n   * @method pipe\n   * @return {Observable} the Observable result of all of the operators having\n   * been called in the order they were passed in.\n   *\n   * ## Example\n   *\n   * ```ts\n   * import { interval, filter, map, scan } from 'rxjs';\n   *\n   * interval(1000)\n   *   .pipe(\n   *     filter(x => x % 2 === 0),\n   *     map(x => x + x),\n   *     scan((acc, x) => acc + x)\n   *   )\n   *   .subscribe(x => console.log(x));\n   * ```\n   */\n  pipe(...operations: OperatorFunction<any, any>[]): Observable<any> {\n    return pipeFromArray(operations)(this);\n  }\n\n  /* tslint:disable:max-line-length */\n  /** @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise */\n  toPromise(): Promise<T | undefined>;\n  /** @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise */\n  toPromise(PromiseCtor: typeof Promise): Promise<T | undefined>;\n  /** @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise */\n  toPromise(PromiseCtor: PromiseConstructorLike): Promise<T | undefined>;\n  /* tslint:enable:max-line-length */\n\n  /**\n   * Subscribe to this Observable and get a Promise resolving on\n   * `complete` with the last emission (if any).\n   *\n   * **WARNING**: Only use this with observables you *know* will complete. If the source\n   * observable does not complete, you will end up with a promise that is hung up, and\n   * potentially all of the state of an async function hanging out in memory. To avoid\n   * this situation, look into adding something like {@link timeout}, {@link take},\n   * {@link takeWhile}, or {@link takeUntil} amongst others.\n   *\n   * @method toPromise\n   * @param [promiseCtor] a constructor function used to instantiate\n   * the Promise\n   * @return A Promise that resolves with the last value emit, or\n   * rejects on an error. If there were no emissions, Promise\n   * resolves with undefined.\n   * @deprecated Replaced with {@link firstValueFrom} and {@link lastValueFrom}. Will be removed in v8. Details: https://rxjs.dev/deprecations/to-promise\n   */\n  toPromise(promiseCtor?: PromiseConstructorLike): Promise<T | undefined> {\n    promiseCtor = getPromiseCtor(promiseCtor);\n\n    return new promiseCtor((resolve, reject) => {\n      let value: T | undefined;\n      this.subscribe(\n        (x: T) => (value = x),\n        (err: any) => reject(err),\n        () => resolve(value)\n      );\n    }) as Promise<T | undefined>;\n  }\n}\n\n/**\n * Decides between a passed promise constructor from consuming code,\n * A default configured promise constructor, and the native promise\n * constructor and returns it. If nothing can be found, it will throw\n * an error.\n * @param promiseCtor The optional promise constructor to passed by consuming code\n */\nfunction getPromiseCtor(promiseCtor: PromiseConstructorLike | undefined) {\n  return promiseCtor ?? config.Promise ?? Promise;\n}\n\nfunction isObserver<T>(value: any): value is Observer<T> {\n  return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);\n}\n\nfunction isSubscriber<T>(value: any): value is Subscriber<T> {\n  return (value && value instanceof Subscriber) || (isObserver(value) && isSubscription(value));\n}\n", "import { Observable } from '../Observable';\nimport { Subscriber } from '../Subscriber';\nimport { OperatorFunction } from '../types';\nimport { isFunction } from './isFunction';\n\n/**\n * Used to determine if an object is an Observable with a lift function.\n */\nexport function hasLift(source: any): source is { lift: InstanceType<typeof Observable>['lift'] } {\n  return isFunction(source?.lift);\n}\n\n/**\n * Creates an `OperatorFunction`. Used to define operators throughout the library in a concise way.\n * @param init The logic to connect the liftedSource to the subscriber at the moment of subscription.\n */\nexport function operate<T, R>(\n  init: (liftedSource: Observable<T>, subscriber: Subscriber<R>) => (() => void) | void\n): OperatorFunction<T, R> {\n  return (source: Observable<T>) => {\n    if (hasLift(source)) {\n      return source.lift(function (this: Subscriber<R>, liftedSource: Observable<T>) {\n        try {\n          return init(liftedSource, this);\n        } catch (err) {\n          this.error(err);\n        }\n      });\n    }\n    throw new TypeError('Unable to lift unknown Observable type');\n  };\n}\n", "import { Subscriber } from '../Subscriber';\n\n/**\n * Creates an instance of an `OperatorSubscriber`.\n * @param destination The downstream subscriber.\n * @param onNext Handles next values, only called if this subscriber is not stopped or closed. Any\n * error that occurs in this function is caught and sent to the `error` method of this subscriber.\n * @param onError Handles errors from the subscription, any errors that occur in this handler are caught\n * and send to the `destination` error handler.\n * @param onComplete Handles completion notification from the subscription. Any errors that occur in\n * this handler are sent to the `destination` error handler.\n * @param onFinalize Additional teardown logic here. This will only be called on teardown if the\n * subscriber itself is not already closed. This is called after all other teardown logic is executed.\n */\nexport function createOperatorSubscriber<T>(\n  destination: Subscriber<any>,\n  onNext?: (value: T) => void,\n  onComplete?: () => void,\n  onError?: (err: any) => void,\n  onFinalize?: () => void\n): Subscriber<T> {\n  return new OperatorSubscriber(destination, onNext, onComplete, onError, onFinalize);\n}\n\n/**\n * A generic helper for allowing operators to be created with a Subscriber and\n * use closures to capture necessary state from the operator function itself.\n */\nexport class OperatorSubscriber<T> extends Subscriber<T> {\n  /**\n   * Creates an instance of an `OperatorSubscriber`.\n   * @param destination The downstream subscriber.\n   * @param onNext Handles next values, only called if this subscriber is not stopped or closed. Any\n   * error that occurs in this function is caught and sent to the `error` method of this subscriber.\n   * @param onError Handles errors from the subscription, any errors that occur in this handler are caught\n   * and send to the `destination` error handler.\n   * @param onComplete Handles completion notification from the subscription. Any errors that occur in\n   * this handler are sent to the `destination` error handler.\n   * @param onFinalize Additional finalization logic here. This will only be called on finalization if the\n   * subscriber itself is not already closed. This is called after all other finalization logic is executed.\n   * @param shouldUnsubscribe An optional check to see if an unsubscribe call should truly unsubscribe.\n   * NOTE: This currently **ONLY** exists to support the strange behavior of {@link groupBy}, where unsubscription\n   * to the resulting observable does not actually disconnect from the source if there are active subscriptions\n   * to any grouped observable. (DO NOT EXPOSE OR USE EXTERNALLY!!!)\n   */\n  constructor(\n    destination: Subscriber<any>,\n    onNext?: (value: T) => void,\n    onComplete?: () => void,\n    onError?: (err: any) => void,\n    private onFinalize?: () => void,\n    private shouldUnsubscribe?: () => boolean\n  ) {\n    // It's important - for performance reasons - that all of this class's\n    // members are initialized and that they are always initialized in the same\n    // order. This will ensure that all OperatorSubscriber instances have the\n    // same hidden class in V8. This, in turn, will help keep the number of\n    // hidden classes involved in property accesses within the base class as\n    // low as possible. If the number of hidden classes involved exceeds four,\n    // the property accesses will become megamorphic and performance penalties\n    // will be incurred - i.e. inline caches won't be used.\n    //\n    // The reasons for ensuring all instances have the same hidden class are\n    // further discussed in this blog post from Benedikt Meurer:\n    // https://benediktmeurer.de/2018/03/23/impact-of-polymorphism-on-component-based-frameworks-like-react/\n    super(destination);\n    this._next = onNext\n      ? function (this: OperatorSubscriber<T>, value: T) {\n          try {\n            onNext(value);\n          } catch (err) {\n            destination.error(err);\n          }\n        }\n      : super._next;\n    this._error = onError\n      ? function (this: OperatorSubscriber<T>, err: any) {\n          try {\n            onError(err);\n          } catch (err) {\n            // Send any errors that occur down stream.\n            destination.error(err);\n          } finally {\n            // Ensure finalization.\n            this.unsubscribe();\n          }\n        }\n      : super._error;\n    this._complete = onComplete\n      ? function (this: OperatorSubscriber<T>) {\n          try {\n            onComplete();\n          } catch (err) {\n            // Send any errors that occur down stream.\n            destination.error(err);\n          } finally {\n            // Ensure finalization.\n            this.unsubscribe();\n          }\n        }\n      : super._complete;\n  }\n\n  unsubscribe() {\n    if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {\n      const { closed } = this;\n      super.unsubscribe();\n      // Execute additional teardown if we have any and we didn't already do so.\n      !closed && this.onFinalize?.();\n    }\n  }\n}\n", "import { Subscription } from '../Subscription';\n\ninterface AnimationFrameProvider {\n  schedule(callback: FrameRequestCallback): Subscription;\n  requestAnimationFrame: typeof requestAnimationFrame;\n  cancelAnimationFrame: typeof cancelAnimationFrame;\n  delegate:\n    | {\n        requestAnimationFrame: typeof requestAnimationFrame;\n        cancelAnimationFrame: typeof cancelAnimationFrame;\n      }\n    | undefined;\n}\n\nexport const animationFrameProvider: AnimationFrameProvider = {\n  // When accessing the delegate, use the variable rather than `this` so that\n  // the functions can be called without being bound to the provider.\n  schedule(callback) {\n    let request = requestAnimationFrame;\n    let cancel: typeof cancelAnimationFrame | undefined = cancelAnimationFrame;\n    const { delegate } = animationFrameProvider;\n    if (delegate) {\n      request = delegate.requestAnimationFrame;\n      cancel = delegate.cancelAnimationFrame;\n    }\n    const handle = request((timestamp) => {\n      // Clear the cancel function. The request has been fulfilled, so\n      // attempting to cancel the request upon unsubscription would be\n      // pointless.\n      cancel = undefined;\n      callback(timestamp);\n    });\n    return new Subscription(() => cancel?.(handle));\n  },\n  requestAnimationFrame(...args) {\n    const { delegate } = animationFrameProvider;\n    return (delegate?.requestAnimationFrame || requestAnimationFrame)(...args);\n  },\n  cancelAnimationFrame(...args) {\n    const { delegate } = animationFrameProvider;\n    return (delegate?.cancelAnimationFrame || cancelAnimationFrame)(...args);\n  },\n  delegate: undefined,\n};\n", "import { createErrorClass } from './createErrorClass';\n\nexport interface ObjectUnsubscribedError extends Error {}\n\nexport interface ObjectUnsubscribedErrorCtor {\n  /**\n   * @deprecated Internal implementation detail. Do not construct error instances.\n   * Cannot be tagged as internal: https://github.com/ReactiveX/rxjs/issues/6269\n   */\n  new (): ObjectUnsubscribedError;\n}\n\n/**\n * An error thrown when an action is invalid because the object has been\n * unsubscribed.\n *\n * @see {@link Subject}\n * @see {@link BehaviorSubject}\n *\n * @class ObjectUnsubscribedError\n */\nexport const ObjectUnsubscribedError: ObjectUnsubscribedErrorCtor = createErrorClass(\n  (_super) =>\n    function ObjectUnsubscribedErrorImpl(this: any) {\n      _super(this);\n      this.name = 'ObjectUnsubscribedError';\n      this.message = 'object unsubscribed';\n    }\n);\n", "import { Operator } from './Operator';\nimport { Observable } from './Observable';\nimport { Subscriber } from './Subscriber';\nimport { Subscription, EMPTY_SUBSCRIPTION } from './Subscription';\nimport { Observer, SubscriptionLike, TeardownLogic } from './types';\nimport { ObjectUnsubscribedError } from './util/ObjectUnsubscribedError';\nimport { arrRemove } from './util/arrRemove';\nimport { errorContext } from './util/errorContext';\n\n/**\n * A Subject is a special type of Observable that allows values to be\n * multicasted to many Observers. Subjects are like EventEmitters.\n *\n * Every Subject is an Observable and an Observer. You can subscribe to a\n * Subject, and you can call next to feed values as well as error and complete.\n */\nexport class Subject<T> extends Observable<T> implements SubscriptionLike {\n  closed = false;\n\n  private currentObservers: Observer<T>[] | null = null;\n\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  observers: Observer<T>[] = [];\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  isStopped = false;\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  hasError = false;\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  thrownError: any = null;\n\n  /**\n   * Creates a \"subject\" by basically gluing an observer to an observable.\n   *\n   * @nocollapse\n   * @deprecated Recommended you do not use. Will be removed at some point in the future. Plans for replacement still under discussion.\n   */\n  static create: (...args: any[]) => any = <T>(destination: Observer<T>, source: Observable<T>): AnonymousSubject<T> => {\n    return new AnonymousSubject<T>(destination, source);\n  };\n\n  constructor() {\n    // NOTE: This must be here to obscure Observable's constructor.\n    super();\n  }\n\n  /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n  lift<R>(operator: Operator<T, R>): Observable<R> {\n    const subject = new AnonymousSubject(this, this);\n    subject.operator = operator as any;\n    return subject as any;\n  }\n\n  /** @internal */\n  protected _throwIfClosed() {\n    if (this.closed) {\n      throw new ObjectUnsubscribedError();\n    }\n  }\n\n  next(value: T) {\n    errorContext(() => {\n      this._throwIfClosed();\n      if (!this.isStopped) {\n        if (!this.currentObservers) {\n          this.currentObservers = Array.from(this.observers);\n        }\n        for (const observer of this.currentObservers) {\n          observer.next(value);\n        }\n      }\n    });\n  }\n\n  error(err: any) {\n    errorContext(() => {\n      this._throwIfClosed();\n      if (!this.isStopped) {\n        this.hasError = this.isStopped = true;\n        this.thrownError = err;\n        const { observers } = this;\n        while (observers.length) {\n          observers.shift()!.error(err);\n        }\n      }\n    });\n  }\n\n  complete() {\n    errorContext(() => {\n      this._throwIfClosed();\n      if (!this.isStopped) {\n        this.isStopped = true;\n        const { observers } = this;\n        while (observers.length) {\n          observers.shift()!.complete();\n        }\n      }\n    });\n  }\n\n  unsubscribe() {\n    this.isStopped = this.closed = true;\n    this.observers = this.currentObservers = null!;\n  }\n\n  get observed() {\n    return this.observers?.length > 0;\n  }\n\n  /** @internal */\n  protected _trySubscribe(subscriber: Subscriber<T>): TeardownLogic {\n    this._throwIfClosed();\n    return super._trySubscribe(subscriber);\n  }\n\n  /** @internal */\n  protected _subscribe(subscriber: Subscriber<T>): Subscription {\n    this._throwIfClosed();\n    this._checkFinalizedStatuses(subscriber);\n    return this._innerSubscribe(subscriber);\n  }\n\n  /** @internal */\n  protected _innerSubscribe(subscriber: Subscriber<any>) {\n    const { hasError, isStopped, observers } = this;\n    if (hasError || isStopped) {\n      return EMPTY_SUBSCRIPTION;\n    }\n    this.currentObservers = null;\n    observers.push(subscriber);\n    return new Subscription(() => {\n      this.currentObservers = null;\n      arrRemove(observers, subscriber);\n    });\n  }\n\n  /** @internal */\n  protected _checkFinalizedStatuses(subscriber: Subscriber<any>) {\n    const { hasError, thrownError, isStopped } = this;\n    if (hasError) {\n      subscriber.error(thrownError);\n    } else if (isStopped) {\n      subscriber.complete();\n    }\n  }\n\n  /**\n   * Creates a new Observable with this Subject as the source. You can do this\n   * to create custom Observer-side logic of the Subject and conceal it from\n   * code that uses the Observable.\n   * @return {Observable} Observable that the Subject casts to\n   */\n  asObservable(): Observable<T> {\n    const observable: any = new Observable<T>();\n    observable.source = this;\n    return observable;\n  }\n}\n\n/**\n * @class AnonymousSubject<T>\n */\nexport class AnonymousSubject<T> extends Subject<T> {\n  constructor(\n    /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n    public destination?: Observer<T>,\n    source?: Observable<T>\n  ) {\n    super();\n    this.source = source;\n  }\n\n  next(value: T) {\n    this.destination?.next?.(value);\n  }\n\n  error(err: any) {\n    this.destination?.error?.(err);\n  }\n\n  complete() {\n    this.destination?.complete?.();\n  }\n\n  /** @internal */\n  protected _subscribe(subscriber: Subscriber<T>): Subscription {\n    return this.source?.subscribe(subscriber) ?? EMPTY_SUBSCRIPTION;\n  }\n}\n", "import { Subject } from './Subject';\nimport { Subscriber } from './Subscriber';\nimport { Subscription } from './Subscription';\n\n/**\n * A variant of Subject that requires an initial value and emits its current\n * value whenever it is subscribed to.\n *\n * @class BehaviorSubject<T>\n */\nexport class BehaviorSubject<T> extends Subject<T> {\n  constructor(private _value: T) {\n    super();\n  }\n\n  get value(): T {\n    return this.getValue();\n  }\n\n  /** @internal */\n  protected _subscribe(subscriber: Subscriber<T>): Subscription {\n    const subscription = super._subscribe(subscriber);\n    !subscription.closed && subscriber.next(this._value);\n    return subscription;\n  }\n\n  getValue(): T {\n    const { hasError, thrownError, _value } = this;\n    if (hasError) {\n      throw thrownError;\n    }\n    this._throwIfClosed();\n    return _value;\n  }\n\n  next(value: T): void {\n    super.next((this._value = value));\n  }\n}\n", "import { TimestampProvider } from '../types';\n\ninterface DateTimestampProvider extends TimestampProvider {\n  delegate: TimestampProvider | undefined;\n}\n\nexport const dateTimestampProvider: DateTimestampProvider = {\n  now() {\n    // Use the variable rather than `this` so that the function can be called\n    // without being bound to the provider.\n    return (dateTimestampProvider.delegate || Date).now();\n  },\n  delegate: undefined,\n};\n", "import { Subject } from './Subject';\nimport { TimestampProvider } from './types';\nimport { Subscriber } from './Subscriber';\nimport { Subscription } from './Subscription';\nimport { dateTimestampProvider } from './scheduler/dateTimestampProvider';\n\n/**\n * A variant of {@link Subject} that \"replays\" old values to new subscribers by emitting them when they first subscribe.\n *\n * `ReplaySubject` has an internal buffer that will store a specified number of values that it has observed. Like `Subject`,\n * `ReplaySubject` \"observes\" values by having them passed to its `next` method. When it observes a value, it will store that\n * value for a time determined by the configuration of the `ReplaySubject`, as passed to its constructor.\n *\n * When a new subscriber subscribes to the `ReplaySubject` instance, it will synchronously emit all values in its buffer in\n * a First-In-First-Out (FIFO) manner. The `ReplaySubject` will also complete, if it has observed completion; and it will\n * error if it has observed an error.\n *\n * There are two main configuration items to be concerned with:\n *\n * 1. `bufferSize` - This will determine how many items are stored in the buffer, defaults to infinite.\n * 2. `windowTime` - The amount of time to hold a value in the buffer before removing it from the buffer.\n *\n * Both configurations may exist simultaneously. So if you would like to buffer a maximum of 3 values, as long as the values\n * are less than 2 seconds old, you could do so with a `new ReplaySubject(3, 2000)`.\n *\n * ### Differences with BehaviorSubject\n *\n * `BehaviorSubject` is similar to `new ReplaySubject(1)`, with a couple of exceptions:\n *\n * 1. `BehaviorSubject` comes \"primed\" with a single value upon construction.\n * 2. `ReplaySubject` will replay values, even after observing an error, where `BehaviorSubject` will not.\n *\n * @see {@link Subject}\n * @see {@link BehaviorSubject}\n * @see {@link shareReplay}\n */\nexport class ReplaySubject<T> extends Subject<T> {\n  private _buffer: (T | number)[] = [];\n  private _infiniteTimeWindow = true;\n\n  /**\n   * @param bufferSize The size of the buffer to replay on subscription\n   * @param windowTime The amount of time the buffered items will stay buffered\n   * @param timestampProvider An object with a `now()` method that provides the current timestamp. This is used to\n   * calculate the amount of time something has been buffered.\n   */\n  constructor(\n    private _bufferSize = Infinity,\n    private _windowTime = Infinity,\n    private _timestampProvider: TimestampProvider = dateTimestampProvider\n  ) {\n    super();\n    this._infiniteTimeWindow = _windowTime === Infinity;\n    this._bufferSize = Math.max(1, _bufferSize);\n    this._windowTime = Math.max(1, _windowTime);\n  }\n\n  next(value: T): void {\n    const { isStopped, _buffer, _infiniteTimeWindow, _timestampProvider, _windowTime } = this;\n    if (!isStopped) {\n      _buffer.push(value);\n      !_infiniteTimeWindow && _buffer.push(_timestampProvider.now() + _windowTime);\n    }\n    this._trimBuffer();\n    super.next(value);\n  }\n\n  /** @internal */\n  protected _subscribe(subscriber: Subscriber<T>): Subscription {\n    this._throwIfClosed();\n    this._trimBuffer();\n\n    const subscription = this._innerSubscribe(subscriber);\n\n    const { _infiniteTimeWindow, _buffer } = this;\n    // We use a copy here, so reentrant code does not mutate our array while we're\n    // emitting it to a new subscriber.\n    const copy = _buffer.slice();\n    for (let i = 0; i < copy.length && !subscriber.closed; i += _infiniteTimeWindow ? 1 : 2) {\n      subscriber.next(copy[i] as T);\n    }\n\n    this._checkFinalizedStatuses(subscriber);\n\n    return subscription;\n  }\n\n  private _trimBuffer() {\n    const { _bufferSize, _timestampProvider, _buffer, _infiniteTimeWindow } = this;\n    // If we don't have an infinite buffer size, and we're over the length,\n    // use splice to truncate the old buffer values off. Note that we have to\n    // double the size for instances where we're not using an infinite time window\n    // because we're storing the values and the timestamps in the same array.\n    const adjustedBufferSize = (_infiniteTimeWindow ? 1 : 2) * _bufferSize;\n    _bufferSize < Infinity && adjustedBufferSize < _buffer.length && _buffer.splice(0, _buffer.length - adjustedBufferSize);\n\n    // Now, if we're not in an infinite time window, remove all values where the time is\n    // older than what is allowed.\n    if (!_infiniteTimeWindow) {\n      const now = _timestampProvider.now();\n      let last = 0;\n      // Search the array for the first timestamp that isn't expired and\n      // truncate the buffer up to that point.\n      for (let i = 1; i < _buffer.length && (_buffer[i] as number) <= now; i += 2) {\n        last = i;\n      }\n      last && _buffer.splice(0, last + 1);\n    }\n  }\n}\n", "import { Scheduler } from '../Scheduler';\nimport { Subscription } from '../Subscription';\nimport { SchedulerAction } from '../types';\n\n/**\n * A unit of work to be executed in a `scheduler`. An action is typically\n * created from within a {@link SchedulerLike} and an RxJS user does not need to concern\n * themselves about creating and manipulating an Action.\n *\n * ```ts\n * class Action<T> extends Subscription {\n *   new (scheduler: Scheduler, work: (state?: T) => void);\n *   schedule(state?: T, delay: number = 0): Subscription;\n * }\n * ```\n *\n * @class Action<T>\n */\nexport class Action<T> extends Subscription {\n  constructor(scheduler: Scheduler, work: (this: SchedulerAction<T>, state?: T) => void) {\n    super();\n  }\n  /**\n   * Schedules this action on its parent {@link SchedulerLike} for execution. May be passed\n   * some context object, `state`. May happen at some point in the future,\n   * according to the `delay` parameter, if specified.\n   * @param {T} [state] Some contextual data that the `work` function uses when\n   * called by the Scheduler.\n   * @param {number} [delay] Time to wait before executing the work, where the\n   * time unit is implicit and defined by the Scheduler.\n   * @return {void}\n   */\n  public schedule(state?: T, delay: number = 0): Subscription {\n    return this;\n  }\n}\n", "import type { TimerHandle } from './timerHandle';\ntype SetIntervalFunction = (handler: () => void, timeout?: number, ...args: any[]) => TimerHandle;\ntype ClearIntervalFunction = (handle: TimerHandle) => void;\n\ninterface IntervalProvider {\n  setInterval: SetIntervalFunction;\n  clearInterval: ClearIntervalFunction;\n  delegate:\n    | {\n        setInterval: SetIntervalFunction;\n        clearInterval: ClearIntervalFunction;\n      }\n    | undefined;\n}\n\nexport const intervalProvider: IntervalProvider = {\n  // When accessing the delegate, use the variable rather than `this` so that\n  // the functions can be called without being bound to the provider.\n  setInterval(handler: () => void, timeout?: number, ...args) {\n    const { delegate } = intervalProvider;\n    if (delegate?.setInterval) {\n      return delegate.setInterval(handler, timeout, ...args);\n    }\n    return setInterval(handler, timeout, ...args);\n  },\n  clearInterval(handle) {\n    const { delegate } = intervalProvider;\n    return (delegate?.clearInterval || clearInterval)(handle as any);\n  },\n  delegate: undefined,\n};\n", "import { Action } from './Action';\nimport { SchedulerAction } from '../types';\nimport { Subscription } from '../Subscription';\nimport { AsyncScheduler } from './AsyncScheduler';\nimport { intervalProvider } from './intervalProvider';\nimport { arrRemove } from '../util/arrRemove';\nimport { TimerHandle } from './timerHandle';\n\nexport class AsyncAction<T> extends Action<T> {\n  public id: TimerHandle | undefined;\n  public state?: T;\n  // @ts-ignore: Property has no initializer and is not definitely assigned\n  public delay: number;\n  protected pending: boolean = false;\n\n  constructor(protected scheduler: AsyncScheduler, protected work: (this: SchedulerAction<T>, state?: T) => void) {\n    super(scheduler, work);\n  }\n\n  public schedule(state?: T, delay: number = 0): Subscription {\n    if (this.closed) {\n      return this;\n    }\n\n    // Always replace the current state with the new state.\n    this.state = state;\n\n    const id = this.id;\n    const scheduler = this.scheduler;\n\n    //\n    // Important implementation note:\n    //\n    // Actions only execute once by default, unless rescheduled from within the\n    // scheduled callback. This allows us to implement single and repeat\n    // actions via the same code path, without adding API surface area, as well\n    // as mimic traditional recursion but across asynchronous boundaries.\n    //\n    // However, JS runtimes and timers distinguish between intervals achieved by\n    // serial `setTimeout` calls vs. a single `setInterval` call. An interval of\n    // serial `setTimeout` calls can be individually delayed, which delays\n    // scheduling the next `setTimeout`, and so on. `setInterval` attempts to\n    // guarantee the interval callback will be invoked more precisely to the\n    // interval period, regardless of load.\n    //\n    // Therefore, we use `setInterval` to schedule single and repeat actions.\n    // If the action reschedules itself with the same delay, the interval is not\n    // canceled. If the action doesn't reschedule, or reschedules with a\n    // different delay, the interval will be canceled after scheduled callback\n    // execution.\n    //\n    if (id != null) {\n      this.id = this.recycleAsyncId(scheduler, id, delay);\n    }\n\n    // Set the pending flag indicating that this action has been scheduled, or\n    // has recursively rescheduled itself.\n    this.pending = true;\n\n    this.delay = delay;\n    // If this action has already an async Id, don't request a new one.\n    this.id = this.id ?? this.requestAsyncId(scheduler, this.id, delay);\n\n    return this;\n  }\n\n  protected requestAsyncId(scheduler: AsyncScheduler, _id?: TimerHandle, delay: number = 0): TimerHandle {\n    return intervalProvider.setInterval(scheduler.flush.bind(scheduler, this), delay);\n  }\n\n  protected recycleAsyncId(_scheduler: AsyncScheduler, id?: TimerHandle, delay: number | null = 0): TimerHandle | undefined {\n    // If this action is rescheduled with the same delay time, don't clear the interval id.\n    if (delay != null && this.delay === delay && this.pending === false) {\n      return id;\n    }\n    // Otherwise, if the action's delay time is different from the current delay,\n    // or the action has been rescheduled before it's executed, clear the interval id\n    if (id != null) {\n      intervalProvider.clearInterval(id);\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Immediately executes this action and the `work` it contains.\n   * @return {any}\n   */\n  public execute(state: T, delay: number): any {\n    if (this.closed) {\n      return new Error('executing a cancelled action');\n    }\n\n    this.pending = false;\n    const error = this._execute(state, delay);\n    if (error) {\n      return error;\n    } else if (this.pending === false && this.id != null) {\n      // Dequeue if the action didn't reschedule itself. Don't call\n      // unsubscribe(), because the action could reschedule later.\n      // For example:\n      // ```\n      // scheduler.schedule(function doWork(counter) {\n      //   /* ... I'm a busy worker bee ... */\n      //   var originalAction = this;\n      //   /* wait 100ms before rescheduling the action */\n      //   setTimeout(function () {\n      //     originalAction.schedule(counter + 1);\n      //   }, 100);\n      // }, 1000);\n      // ```\n      this.id = this.recycleAsyncId(this.scheduler, this.id, null);\n    }\n  }\n\n  protected _execute(state: T, _delay: number): any {\n    let errored: boolean = false;\n    let errorValue: any;\n    try {\n      this.work(state);\n    } catch (e) {\n      errored = true;\n      // HACK: Since code elsewhere is relying on the \"truthiness\" of the\n      // return here, we can't have it return \"\" or 0 or false.\n      // TODO: Clean this up when we refactor schedulers mid-version-8 or so.\n      errorValue = e ? e : new Error('Scheduled action threw falsy error');\n    }\n    if (errored) {\n      this.unsubscribe();\n      return errorValue;\n    }\n  }\n\n  unsubscribe() {\n    if (!this.closed) {\n      const { id, scheduler } = this;\n      const { actions } = scheduler;\n\n      this.work = this.state = this.scheduler = null!;\n      this.pending = false;\n\n      arrRemove(actions, this);\n      if (id != null) {\n        this.id = this.recycleAsyncId(scheduler, id, null);\n      }\n\n      this.delay = null!;\n      super.unsubscribe();\n    }\n  }\n}\n", "import { Action } from './scheduler/Action';\nimport { Subscription } from './Subscription';\nimport { SchedulerLike, SchedulerAction } from './types';\nimport { dateTimestampProvider } from './scheduler/dateTimestampProvider';\n\n/**\n * An execution context and a data structure to order tasks and schedule their\n * execution. Provides a notion of (potentially virtual) time, through the\n * `now()` getter method.\n *\n * Each unit of work in a Scheduler is called an `Action`.\n *\n * ```ts\n * class Scheduler {\n *   now(): number;\n *   schedule(work, delay?, state?): Subscription;\n * }\n * ```\n *\n * @class Scheduler\n * @deprecated Scheduler is an internal implementation detail of RxJS, and\n * should not be used directly. Rather, create your own class and implement\n * {@link SchedulerLike}. Will be made internal in v8.\n */\nexport class Scheduler implements SchedulerLike {\n  public static now: () => number = dateTimestampProvider.now;\n\n  constructor(private schedulerActionCtor: typeof Action, now: () => number = Scheduler.now) {\n    this.now = now;\n  }\n\n  /**\n   * A getter method that returns a number representing the current time\n   * (at the time this function was called) according to the scheduler's own\n   * internal clock.\n   * @return {number} A number that represents the current time. May or may not\n   * have a relation to wall-clock time. May or may not refer to a time unit\n   * (e.g. milliseconds).\n   */\n  public now: () => number;\n\n  /**\n   * Schedules a function, `work`, for execution. May happen at some point in\n   * the future, according to the `delay` parameter, if specified. May be passed\n   * some context object, `state`, which will be passed to the `work` function.\n   *\n   * The given arguments will be processed an stored as an Action object in a\n   * queue of actions.\n   *\n   * @param {function(state: ?T): ?Subscription} work A function representing a\n   * task, or some unit of work to be executed by the Scheduler.\n   * @param {number} [delay] Time to wait before executing the work, where the\n   * time unit is implicit and defined by the Scheduler itself.\n   * @param {T} [state] Some contextual data that the `work` function uses when\n   * called by the Scheduler.\n   * @return {Subscription} A subscription in order to be able to unsubscribe\n   * the scheduled work.\n   */\n  public schedule<T>(work: (this: SchedulerAction<T>, state?: T) => void, delay: number = 0, state?: T): Subscription {\n    return new this.schedulerActionCtor<T>(this, work).schedule(state, delay);\n  }\n}\n", "import { Scheduler } from '../Scheduler';\nimport { Action } from './Action';\nimport { AsyncAction } from './AsyncAction';\nimport { TimerHandle } from './timerHandle';\n\nexport class AsyncScheduler extends Scheduler {\n  public actions: Array<AsyncAction<any>> = [];\n  /**\n   * A flag to indicate whether the Scheduler is currently executing a batch of\n   * queued actions.\n   * @type {boolean}\n   * @internal\n   */\n  public _active: boolean = false;\n  /**\n   * An internal ID used to track the latest asynchronous task such as those\n   * coming from `setTimeout`, `setInterval`, `requestAnimationFrame`, and\n   * others.\n   * @type {any}\n   * @internal\n   */\n  public _scheduled: TimerHandle | undefined;\n\n  constructor(SchedulerAction: typeof Action, now: () => number = Scheduler.now) {\n    super(SchedulerAction, now);\n  }\n\n  public flush(action: AsyncAction<any>): void {\n    const { actions } = this;\n\n    if (this._active) {\n      actions.push(action);\n      return;\n    }\n\n    let error: any;\n    this._active = true;\n\n    do {\n      if ((error = action.execute(action.state, action.delay))) {\n        break;\n      }\n    } while ((action = actions.shift()!)); // exhaust the scheduler queue\n\n    this._active = false;\n\n    if (error) {\n      while ((action = actions.shift()!)) {\n        action.unsubscribe();\n      }\n      throw error;\n    }\n  }\n}\n", "import { AsyncAction } from './AsyncAction';\nimport { AsyncScheduler } from './AsyncScheduler';\n\n/**\n *\n * Async Scheduler\n *\n * <span class=\"informal\">Schedule task as if you used setTimeout(task, duration)</span>\n *\n * `async` scheduler schedules tasks asynchronously, by putting them on the JavaScript\n * event loop queue. It is best used to delay tasks in time or to schedule tasks repeating\n * in intervals.\n *\n * If you just want to \"defer\" task, that is to perform it right after currently\n * executing synchronous code ends (commonly achieved by `setTimeout(deferredTask, 0)`),\n * better choice will be the {@link asapScheduler} scheduler.\n *\n * ## Examples\n * Use async scheduler to delay task\n * ```ts\n * import { asyncScheduler } from 'rxjs';\n *\n * const task = () => console.log('it works!');\n *\n * asyncScheduler.schedule(task, 2000);\n *\n * // After 2 seconds logs:\n * // \"it works!\"\n * ```\n *\n * Use async scheduler to repeat task in intervals\n * ```ts\n * import { asyncScheduler } from 'rxjs';\n *\n * function task(state) {\n *   console.log(state);\n *   this.schedule(state + 1, 1000); // `this` references currently executing Action,\n *                                   // which we reschedule with new state and delay\n * }\n *\n * asyncScheduler.schedule(task, 3000, 0);\n *\n * // Logs:\n * // 0 after 3s\n * // 1 after 4s\n * // 2 after 5s\n * // 3 after 6s\n * ```\n */\n\nexport const asyncScheduler = new AsyncScheduler(AsyncAction);\n\n/**\n * @deprecated Renamed to {@link asyncScheduler}. Will be removed in v8.\n */\nexport const async = asyncScheduler;\n", "import { AsyncAction } from './AsyncAction';\nimport { Subscription } from '../Subscription';\nimport { QueueScheduler } from './QueueScheduler';\nimport { SchedulerAction } from '../types';\nimport { TimerHandle } from './timerHandle';\n\nexport class QueueAction<T> extends AsyncAction<T> {\n  constructor(protected scheduler: QueueScheduler, protected work: (this: SchedulerAction<T>, state?: T) => void) {\n    super(scheduler, work);\n  }\n\n  public schedule(state?: T, delay: number = 0): Subscription {\n    if (delay > 0) {\n      return super.schedule(state, delay);\n    }\n    this.delay = delay;\n    this.state = state;\n    this.scheduler.flush(this);\n    return this;\n  }\n\n  public execute(state: T, delay: number): any {\n    return delay > 0 || this.closed ? super.execute(state, delay) : this._execute(state, delay);\n  }\n\n  protected requestAsyncId(scheduler: QueueScheduler, id?: TimerHandle, delay: number = 0): TimerHandle {\n    // If delay exists and is greater than 0, or if the delay is null (the\n    // action wasn't rescheduled) but was originally scheduled as an async\n    // action, then recycle as an async action.\n\n    if ((delay != null && delay > 0) || (delay == null && this.delay > 0)) {\n      return super.requestAsyncId(scheduler, id, delay);\n    }\n\n    // Otherwise flush the scheduler starting with this action.\n    scheduler.flush(this);\n\n    // HACK: In the past, this was returning `void`. However, `void` isn't a valid\n    // `TimerHandle`, and generally the return value here isn't really used. So the\n    // compromise is to return `0` which is both \"falsy\" and a valid `TimerHandle`,\n    // as opposed to refactoring every other instanceo of `requestAsyncId`.\n    return 0;\n  }\n}\n", "import { AsyncScheduler } from './AsyncScheduler';\n\nexport class QueueScheduler extends AsyncScheduler {\n}\n", "import { QueueAction } from './QueueAction';\nimport { QueueScheduler } from './QueueScheduler';\n\n/**\n *\n * Queue Scheduler\n *\n * <span class=\"informal\">Put every next task on a queue, instead of executing it immediately</span>\n *\n * `queue` scheduler, when used with delay, behaves the same as {@link asyncScheduler} scheduler.\n *\n * When used without delay, it schedules given task synchronously - executes it right when\n * it is scheduled. However when called recursively, that is when inside the scheduled task,\n * another task is scheduled with queue scheduler, instead of executing immediately as well,\n * that task will be put on a queue and wait for current one to finish.\n *\n * This means that when you execute task with `queue` scheduler, you are sure it will end\n * before any other task scheduled with that scheduler will start.\n *\n * ## Examples\n * Schedule recursively first, then do something\n * ```ts\n * import { queueScheduler } from 'rxjs';\n *\n * queueScheduler.schedule(() => {\n *   queueScheduler.schedule(() => console.log('second')); // will not happen now, but will be put on a queue\n *\n *   console.log('first');\n * });\n *\n * // Logs:\n * // \"first\"\n * // \"second\"\n * ```\n *\n * Reschedule itself recursively\n * ```ts\n * import { queueScheduler } from 'rxjs';\n *\n * queueScheduler.schedule(function(state) {\n *   if (state !== 0) {\n *     console.log('before', state);\n *     this.schedule(state - 1); // `this` references currently executing Action,\n *                               // which we reschedule with new state\n *     console.log('after', state);\n *   }\n * }, 0, 3);\n *\n * // In scheduler that runs recursively, you would expect:\n * // \"before\", 3\n * // \"before\", 2\n * // \"before\", 1\n * // \"after\", 1\n * // \"after\", 2\n * // \"after\", 3\n *\n * // But with queue it logs:\n * // \"before\", 3\n * // \"after\", 3\n * // \"before\", 2\n * // \"after\", 2\n * // \"before\", 1\n * // \"after\", 1\n * ```\n */\n\nexport const queueScheduler = new QueueScheduler(QueueAction);\n\n/**\n * @deprecated Renamed to {@link queueScheduler}. Will be removed in v8.\n */\nexport const queue = queueScheduler;\n", "import { AsyncAction } from './AsyncAction';\nimport { AnimationFrameScheduler } from './AnimationFrameScheduler';\nimport { SchedulerAction } from '../types';\nimport { animationFrameProvider } from './animationFrameProvider';\nimport { TimerHandle } from './timerHandle';\n\nexport class AnimationFrameAction<T> extends AsyncAction<T> {\n  constructor(protected scheduler: AnimationFrameScheduler, protected work: (this: SchedulerAction<T>, state?: T) => void) {\n    super(scheduler, work);\n  }\n\n  protected requestAsyncId(scheduler: AnimationFrameScheduler, id?: TimerHandle, delay: number = 0): TimerHandle {\n    // If delay is greater than 0, request as an async action.\n    if (delay !== null && delay > 0) {\n      return super.requestAsyncId(scheduler, id, delay);\n    }\n    // Push the action to the end of the scheduler queue.\n    scheduler.actions.push(this);\n    // If an animation frame has already been requested, don't request another\n    // one. If an animation frame hasn't been requested yet, request one. Return\n    // the current animation frame request id.\n    return scheduler._scheduled || (scheduler._scheduled = animationFrameProvider.requestAnimationFrame(() => scheduler.flush(undefined)));\n  }\n\n  protected recycleAsyncId(scheduler: AnimationFrameScheduler, id?: TimerHandle, delay: number = 0): TimerHandle | undefined {\n    // If delay exists and is greater than 0, or if the delay is null (the\n    // action wasn't rescheduled) but was originally scheduled as an async\n    // action, then recycle as an async action.\n    if (delay != null ? delay > 0 : this.delay > 0) {\n      return super.recycleAsyncId(scheduler, id, delay);\n    }\n    // If the scheduler queue has no remaining actions with the same async id,\n    // cancel the requested animation frame and set the scheduled flag to\n    // undefined so the next AnimationFrameAction will request its own.\n    const { actions } = scheduler;\n    if (id != null && actions[actions.length - 1]?.id !== id) {\n      animationFrameProvider.cancelAnimationFrame(id as number);\n      scheduler._scheduled = undefined;\n    }\n    // Return undefined so the action knows to request a new async id if it's rescheduled.\n    return undefined;\n  }\n}\n", "import { AsyncAction } from './AsyncAction';\nimport { AsyncScheduler } from './AsyncScheduler';\n\nexport class AnimationFrameScheduler extends AsyncScheduler {\n  public flush(action?: AsyncAction<any>): void {\n    this._active = true;\n    // The async id that effects a call to flush is stored in _scheduled.\n    // Before executing an action, it's necessary to check the action's async\n    // id to determine whether it's supposed to be executed in the current\n    // flush.\n    // Previous implementations of this method used a count to determine this,\n    // but that was unsound, as actions that are unsubscribed - i.e. cancelled -\n    // are removed from the actions array and that can shift actions that are\n    // scheduled to be executed in a subsequent flush into positions at which\n    // they are executed within the current flush.\n    const flushId = this._scheduled;\n    this._scheduled = undefined;\n\n    const { actions } = this;\n    let error: any;\n    action = action || actions.shift()!;\n\n    do {\n      if ((error = action.execute(action.state, action.delay))) {\n        break;\n      }\n    } while ((action = actions[0]) && action.id === flushId && actions.shift());\n\n    this._active = false;\n\n    if (error) {\n      while ((action = actions[0]) && action.id === flushId && actions.shift()) {\n        action.unsubscribe();\n      }\n      throw error;\n    }\n  }\n}\n", "import { AnimationFrameAction } from './AnimationFrameAction';\nimport { AnimationFrameScheduler } from './AnimationFrameScheduler';\n\n/**\n *\n * Animation Frame Scheduler\n *\n * <span class=\"informal\">Perform task when `window.requestAnimationFrame` would fire</span>\n *\n * When `animationFrame` scheduler is used with delay, it will fall back to {@link asyncScheduler} scheduler\n * behaviour.\n *\n * Without delay, `animationFrame` scheduler can be used to create smooth browser animations.\n * It makes sure scheduled task will happen just before next browser content repaint,\n * thus performing animations as efficiently as possible.\n *\n * ## Example\n * Schedule div height animation\n * ```ts\n * // html: <div style=\"background: #0ff;\"></div>\n * import { animationFrameScheduler } from 'rxjs';\n *\n * const div = document.querySelector('div');\n *\n * animationFrameScheduler.schedule(function(height) {\n *   div.style.height = height + \"px\";\n *\n *   this.schedule(height + 1);  // `this` references currently executing Action,\n *                               // which we reschedule with new state\n * }, 0, 0);\n *\n * // You will see a div element growing in height\n * ```\n */\n\nexport const animationFrameScheduler = new AnimationFrameScheduler(AnimationFrameAction);\n\n/**\n * @deprecated Renamed to {@link animationFrameScheduler}. Will be removed in v8.\n */\nexport const animationFrame = animationFrameScheduler;\n", "import { Observable } from '../Observable';\nimport { SchedulerLike } from '../types';\n\n/**\n * A simple Observable that emits no items to the Observer and immediately\n * emits a complete notification.\n *\n * <span class=\"informal\">Just emits 'complete', and nothing else.</span>\n *\n * ![](empty.png)\n *\n * A simple Observable that only emits the complete notification. It can be used\n * for composing with other Observables, such as in a {@link mergeMap}.\n *\n * ## Examples\n *\n * Log complete notification\n *\n * ```ts\n * import { EMPTY } from 'rxjs';\n *\n * EMPTY.subscribe({\n *   next: () => console.log('Next'),\n *   complete: () => console.log('Complete!')\n * });\n *\n * // Outputs\n * // Complete!\n * ```\n *\n * Emit the number 7, then complete\n *\n * ```ts\n * import { EMPTY, startWith } from 'rxjs';\n *\n * const result = EMPTY.pipe(startWith(7));\n * result.subscribe(x => console.log(x));\n *\n * // Outputs\n * // 7\n * ```\n *\n * Map and flatten only odd numbers to the sequence `'a'`, `'b'`, `'c'`\n *\n * ```ts\n * import { interval, mergeMap, of, EMPTY } from 'rxjs';\n *\n * const interval$ = interval(1000);\n * const result = interval$.pipe(\n *   mergeMap(x => x % 2 === 1 ? of('a', 'b', 'c') : EMPTY),\n * );\n * result.subscribe(x => console.log(x));\n *\n * // Results in the following to the console:\n * // x is equal to the count on the interval, e.g. (0, 1, 2, 3, ...)\n * // x will occur every 1000ms\n * // if x % 2 is equal to 1, print a, b, c (each on its own)\n * // if x % 2 is not equal to 1, nothing will be output\n * ```\n *\n * @see {@link Observable}\n * @see {@link NEVER}\n * @see {@link of}\n * @see {@link throwError}\n */\nexport const EMPTY = new Observable<never>((subscriber) => subscriber.complete());\n\n/**\n * @param scheduler A {@link SchedulerLike} to use for scheduling\n * the emission of the complete notification.\n * @deprecated Replaced with the {@link EMPTY} constant or {@link scheduled} (e.g. `scheduled([], scheduler)`). Will be removed in v8.\n */\nexport function empty(scheduler?: SchedulerLike) {\n  return scheduler ? emptyScheduled(scheduler) : EMPTY;\n}\n\nfunction emptyScheduled(scheduler: SchedulerLike) {\n  return new Observable<never>((subscriber) => scheduler.schedule(() => subscriber.complete()));\n}\n", "import { SchedulerLike } from '../types';\nimport { isFunction } from './isFunction';\n\nexport function isScheduler(value: any): value is SchedulerLike {\n  return value && isFunction(value.schedule);\n}\n", "import { SchedulerLike } from '../types';\nimport { isFunction } from './isFunction';\nimport { isScheduler } from './isScheduler';\n\nfunction last<T>(arr: T[]): T | undefined {\n  return arr[arr.length - 1];\n}\n\nexport function popResultSelector(args: any[]): ((...args: unknown[]) => unknown) | undefined {\n  return isFunction(last(args)) ? args.pop() : undefined;\n}\n\nexport function popScheduler(args: any[]): SchedulerLike | undefined {\n  return isScheduler(last(args)) ? args.pop() : undefined;\n}\n\nexport function popNumber(args: any[], defaultValue: number): number {\n  return typeof last(args) === 'number' ? args.pop()! : defaultValue;\n}\n", "export const isArrayLike = (<T>(x: any): x is ArrayLike<T> => x && typeof x.length === 'number' && typeof x !== 'function');", "import { isFunction } from \"./isFunction\";\n\n/**\n * Tests to see if the object is \"thennable\".\n * @param value the object to test\n */\nexport function isPromise(value: any): value is PromiseLike<any> {\n  return isFunction(value?.then);\n}\n", "import { InteropObservable } from '../types';\nimport { observable as Symbol_observable } from '../symbol/observable';\nimport { isFunction } from './isFunction';\n\n/** Identifies an input as being Observable (but not necessary an Rx Observable) */\nexport function isInteropObservable(input: any): input is InteropObservable<any> {\n  return isFunction(input[Symbol_observable]);\n}\n", "import { isFunction } from './isFunction';\n\nexport function isAsyncIterable<T>(obj: any): obj is AsyncIterable<T> {\n  return Symbol.asyncIterator && isFunction(obj?.[Symbol.asyncIterator]);\n}\n", "/**\n * Creates the TypeError to throw if an invalid object is passed to `from` or `scheduled`.\n * @param input The object that was passed.\n */\nexport function createInvalidObservableTypeError(input: any) {\n  // TODO: We should create error codes that can be looked up, so this can be less verbose.\n  return new TypeError(\n    `You provided ${\n      input !== null && typeof input === 'object' ? 'an invalid object' : `'${input}'`\n    } where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`\n  );\n}\n", "export function getSymbolIterator(): symbol {\n  if (typeof Symbol !== 'function' || !Symbol.iterator) {\n    return '@@iterator' as any;\n  }\n\n  return Symbol.iterator;\n}\n\nexport const iterator = getSymbolIterator();\n", "import { iterator as Symbol_iterator } from '../symbol/iterator';\nimport { isFunction } from './isFunction';\n\n/** Identifies an input as being an Iterable */\nexport function isIterable(input: any): input is Iterable<any> {\n  return isFunction(input?.[Symbol_iterator]);\n}\n", "import { ReadableStreamLike } from '../types';\nimport { isFunction } from './isFunction';\n\nexport async function* readableStreamLikeToAsyncGenerator<T>(readableStream: ReadableStreamLike<T>): AsyncGenerator<T> {\n  const reader = readableStream.getReader();\n  try {\n    while (true) {\n      const { value, done } = await reader.read();\n      if (done) {\n        return;\n      }\n      yield value!;\n    }\n  } finally {\n    reader.releaseLock();\n  }\n}\n\nexport function isReadableStreamLike<T>(obj: any): obj is ReadableStreamLike<T> {\n  // We don't want to use instanceof checks because they would return\n  // false for instances from another Realm, like an <iframe>.\n  return isFunction(obj?.getReader);\n}\n", "import { isArrayLike } from '../util/isArrayLike';\nimport { isPromise } from '../util/isPromise';\nimport { Observable } from '../Observable';\nimport { ObservableInput, ObservedValueOf, ReadableStreamLike } from '../types';\nimport { isInteropObservable } from '../util/isInteropObservable';\nimport { isAsyncIterable } from '../util/isAsyncIterable';\nimport { createInvalidObservableTypeError } from '../util/throwUnobservableError';\nimport { isIterable } from '../util/isIterable';\nimport { isReadableStreamLike, readableStreamLikeToAsyncGenerator } from '../util/isReadableStreamLike';\nimport { Subscriber } from '../Subscriber';\nimport { isFunction } from '../util/isFunction';\nimport { reportUnhandledError } from '../util/reportUnhandledError';\nimport { observable as Symbol_observable } from '../symbol/observable';\n\nexport function innerFrom<O extends ObservableInput<any>>(input: O): Observable<ObservedValueOf<O>>;\nexport function innerFrom<T>(input: ObservableInput<T>): Observable<T> {\n  if (input instanceof Observable) {\n    return input;\n  }\n  if (input != null) {\n    if (isInteropObservable(input)) {\n      return fromInteropObservable(input);\n    }\n    if (isArrayLike(input)) {\n      return fromArrayLike(input);\n    }\n    if (isPromise(input)) {\n      return fromPromise(input);\n    }\n    if (isAsyncIterable(input)) {\n      return fromAsyncIterable(input);\n    }\n    if (isIterable(input)) {\n      return fromIterable(input);\n    }\n    if (isReadableStreamLike(input)) {\n      return fromReadableStreamLike(input);\n    }\n  }\n\n  throw createInvalidObservableTypeError(input);\n}\n\n/**\n * Creates an RxJS Observable from an object that implements `Symbol.observable`.\n * @param obj An object that properly implements `Symbol.observable`.\n */\nexport function fromInteropObservable<T>(obj: any) {\n  return new Observable((subscriber: Subscriber<T>) => {\n    const obs = obj[Symbol_observable]();\n    if (isFunction(obs.subscribe)) {\n      return obs.subscribe(subscriber);\n    }\n    // Should be caught by observable subscribe function error handling.\n    throw new TypeError('Provided object does not correctly implement Symbol.observable');\n  });\n}\n\n/**\n * Synchronously emits the values of an array like and completes.\n * This is exported because there are creation functions and operators that need to\n * make direct use of the same logic, and there's no reason to make them run through\n * `from` conditionals because we *know* they're dealing with an array.\n * @param array The array to emit values from\n */\nexport function fromArrayLike<T>(array: ArrayLike<T>) {\n  return new Observable((subscriber: Subscriber<T>) => {\n    // Loop over the array and emit each value. Note two things here:\n    // 1. We're making sure that the subscriber is not closed on each loop.\n    //    This is so we don't continue looping over a very large array after\n    //    something like a `take`, `takeWhile`, or other synchronous unsubscription\n    //    has already unsubscribed.\n    // 2. In this form, reentrant code can alter that array we're looping over.\n    //    This is a known issue, but considered an edge case. The alternative would\n    //    be to copy the array before executing the loop, but this has\n    //    performance implications.\n    for (let i = 0; i < array.length && !subscriber.closed; i++) {\n      subscriber.next(array[i]);\n    }\n    subscriber.complete();\n  });\n}\n\nexport function fromPromise<T>(promise: PromiseLike<T>) {\n  return new Observable((subscriber: Subscriber<T>) => {\n    promise\n      .then(\n        (value) => {\n          if (!subscriber.closed) {\n            subscriber.next(value);\n            subscriber.complete();\n          }\n        },\n        (err: any) => subscriber.error(err)\n      )\n      .then(null, reportUnhandledError);\n  });\n}\n\nexport function fromIterable<T>(iterable: Iterable<T>) {\n  return new Observable((subscriber: Subscriber<T>) => {\n    for (const value of iterable) {\n      subscriber.next(value);\n      if (subscriber.closed) {\n        return;\n      }\n    }\n    subscriber.complete();\n  });\n}\n\nexport function fromAsyncIterable<T>(asyncIterable: AsyncIterable<T>) {\n  return new Observable((subscriber: Subscriber<T>) => {\n    process(asyncIterable, subscriber).catch((err) => subscriber.error(err));\n  });\n}\n\nexport function fromReadableStreamLike<T>(readableStream: ReadableStreamLike<T>) {\n  return fromAsyncIterable(readableStreamLikeToAsyncGenerator(readableStream));\n}\n\nasync function process<T>(asyncIterable: AsyncIterable<T>, subscriber: Subscriber<T>) {\n  for await (const value of asyncIterable) {\n    subscriber.next(value);\n    // A side-effect may have closed our subscriber,\n    // check before the next iteration.\n    if (subscriber.closed) {\n      return;\n    }\n  }\n  subscriber.complete();\n}\n", "import { Subscription } from '../Subscription';\nimport { SchedulerAction, SchedulerLike } from '../types';\n\nexport function executeSchedule(\n  parentSubscription: Subscription,\n  scheduler: SchedulerLike,\n  work: () => void,\n  delay: number,\n  repeat: true\n): void;\nexport function executeSchedule(\n  parentSubscription: Subscription,\n  scheduler: SchedulerLike,\n  work: () => void,\n  delay?: number,\n  repeat?: false\n): Subscription;\n\nexport function executeSchedule(\n  parentSubscription: Subscription,\n  scheduler: SchedulerLike,\n  work: () => void,\n  delay = 0,\n  repeat = false\n): Subscription | void {\n  const scheduleSubscription = scheduler.schedule(function (this: SchedulerAction<any>) {\n    work();\n    if (repeat) {\n      parentSubscription.add(this.schedule(null, delay));\n    } else {\n      this.unsubscribe();\n    }\n  }, delay);\n\n  parentSubscription.add(scheduleSubscription);\n\n  if (!repeat) {\n    // Because user-land scheduler implementations are unlikely to properly reuse\n    // Actions for repeat scheduling, we can't trust that the returned subscription\n    // will control repeat subscription scenarios. So we're trying to avoid using them\n    // incorrectly within this library.\n    return scheduleSubscription;\n  }\n}\n", "/** @prettier */\nimport { MonoTypeOperatorFunction, SchedulerLike } from '../types';\nimport { executeSchedule } from '../util/executeSchedule';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * Re-emits all notifications from source Observable with specified scheduler.\n *\n * <span class=\"informal\">Ensure a specific scheduler is used, from outside of an Observable.</span>\n *\n * `observeOn` is an operator that accepts a scheduler as a first parameter, which will be used to reschedule\n * notifications emitted by the source Observable. It might be useful, if you do not have control over\n * internal scheduler of a given Observable, but want to control when its values are emitted nevertheless.\n *\n * Returned Observable emits the same notifications (nexted values, complete and error events) as the source Observable,\n * but rescheduled with provided scheduler. Note that this doesn't mean that source Observables internal\n * scheduler will be replaced in any way. Original scheduler still will be used, but when the source Observable emits\n * notification, it will be immediately scheduled again - this time with scheduler passed to `observeOn`.\n * An anti-pattern would be calling `observeOn` on Observable that emits lots of values synchronously, to split\n * that emissions into asynchronous chunks. For this to happen, scheduler would have to be passed into the source\n * Observable directly (usually into the operator that creates it). `observeOn` simply delays notifications a\n * little bit more, to ensure that they are emitted at expected moments.\n *\n * As a matter of fact, `observeOn` accepts second parameter, which specifies in milliseconds with what delay notifications\n * will be emitted. The main difference between {@link delay} operator and `observeOn` is that `observeOn`\n * will delay all notifications - including error notifications - while `delay` will pass through error\n * from source Observable immediately when it is emitted. In general it is highly recommended to use `delay` operator\n * for any kind of delaying of values in the stream, while using `observeOn` to specify which scheduler should be used\n * for notification emissions in general.\n *\n * ## Example\n *\n * Ensure values in subscribe are called just before browser repaint\n *\n * ```ts\n * import { interval, observeOn, animationFrameScheduler } from 'rxjs';\n *\n * const someDiv = document.createElement('div');\n * someDiv.style.cssText = 'width: 200px;background: #09c';\n * document.body.appendChild(someDiv);\n * const intervals = interval(10);      // Intervals are scheduled\n *                                      // with async scheduler by default...\n * intervals.pipe(\n *   observeOn(animationFrameScheduler) // ...but we will observe on animationFrame\n * )                                    // scheduler to ensure smooth animation.\n * .subscribe(val => {\n *   someDiv.style.height = val + 'px';\n * });\n * ```\n *\n * @see {@link delay}\n *\n * @param scheduler Scheduler that will be used to reschedule notifications from source Observable.\n * @param delay Number of milliseconds that states with what delay every notification should be rescheduled.\n * @return A function that returns an Observable that emits the same\n * notifications as the source Observable, but with provided scheduler.\n */\nexport function observeOn<T>(scheduler: SchedulerLike, delay = 0): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => executeSchedule(subscriber, scheduler, () => subscriber.next(value), delay),\n        () => executeSchedule(subscriber, scheduler, () => subscriber.complete(), delay),\n        (err) => executeSchedule(subscriber, scheduler, () => subscriber.error(err), delay)\n      )\n    );\n  });\n}\n", "import { MonoTypeOperatorFunction, SchedulerLike } from '../types';\nimport { operate } from '../util/lift';\n\n/**\n * Asynchronously subscribes Observers to this Observable on the specified {@link SchedulerLike}.\n *\n * With `subscribeOn` you can decide what type of scheduler a specific Observable will be using when it is subscribed to.\n *\n * Schedulers control the speed and order of emissions to observers from an Observable stream.\n *\n * ![](subscribeOn.png)\n *\n * ## Example\n *\n * Given the following code:\n *\n * ```ts\n * import { of, merge } from 'rxjs';\n *\n * const a = of(1, 2, 3);\n * const b = of(4, 5, 6);\n *\n * merge(a, b).subscribe(console.log);\n *\n * // Outputs\n * // 1\n * // 2\n * // 3\n * // 4\n * // 5\n * // 6\n * ```\n *\n * Both Observable `a` and `b` will emit their values directly and synchronously once they are subscribed to.\n *\n * If we instead use the `subscribeOn` operator declaring that we want to use the {@link asyncScheduler} for values emitted by Observable `a`:\n *\n * ```ts\n * import { of, subscribeOn, asyncScheduler, merge } from 'rxjs';\n *\n * const a = of(1, 2, 3).pipe(subscribeOn(asyncScheduler));\n * const b = of(4, 5, 6);\n *\n * merge(a, b).subscribe(console.log);\n *\n * // Outputs\n * // 4\n * // 5\n * // 6\n * // 1\n * // 2\n * // 3\n * ```\n *\n * The reason for this is that Observable `b` emits its values directly and synchronously like before\n * but the emissions from `a` are scheduled on the event loop because we are now using the {@link asyncScheduler} for that specific Observable.\n *\n * @param scheduler The {@link SchedulerLike} to perform subscription actions on.\n * @param delay A delay to pass to the scheduler to delay subscriptions\n * @return A function that returns an Observable modified so that its\n * subscriptions happen on the specified {@link SchedulerLike}.\n */\nexport function subscribeOn<T>(scheduler: SchedulerLike, delay: number = 0): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    subscriber.add(scheduler.schedule(() => source.subscribe(subscriber), delay));\n  });\n}\n", "import { innerFrom } from '../observable/innerFrom';\nimport { observeOn } from '../operators/observeOn';\nimport { subscribeOn } from '../operators/subscribeOn';\nimport { InteropObservable, SchedulerLike } from '../types';\n\nexport function scheduleObservable<T>(input: InteropObservable<T>, scheduler: SchedulerLike) {\n  return innerFrom(input).pipe(subscribeOn(scheduler), observeOn(scheduler));\n}\n", "import { innerFrom } from '../observable/innerFrom';\nimport { observeOn } from '../operators/observeOn';\nimport { subscribeOn } from '../operators/subscribeOn';\nimport { SchedulerLike } from '../types';\n\nexport function schedulePromise<T>(input: PromiseLike<T>, scheduler: SchedulerLike) {\n  return innerFrom(input).pipe(subscribeOn(scheduler), observeOn(scheduler));\n}\n", "import { Observable } from '../Observable';\nimport { SchedulerLike } from '../types';\n\nexport function scheduleArray<T>(input: ArrayLike<T>, scheduler: SchedulerLike) {\n  return new Observable<T>((subscriber) => {\n    // The current array index.\n    let i = 0;\n    // Start iterating over the array like on a schedule.\n    return scheduler.schedule(function () {\n      if (i === input.length) {\n        // If we have hit the end of the array like in the\n        // previous job, we can complete.\n        subscriber.complete();\n      } else {\n        // Otherwise let's next the value at the current index,\n        // then increment our index.\n        subscriber.next(input[i++]);\n        // If the last emission didn't cause us to close the subscriber\n        // (via take or some side effect), reschedule the job and we'll\n        // make another pass.\n        if (!subscriber.closed) {\n          this.schedule();\n        }\n      }\n    });\n  });\n}\n", "import { Observable } from '../Observable';\nimport { SchedulerLike } from '../types';\nimport { iterator as Symbol_iterator } from '../symbol/iterator';\nimport { isFunction } from '../util/isFunction';\nimport { executeSchedule } from '../util/executeSchedule';\n\n/**\n * Used in {@link scheduled} to create an observable from an Iterable.\n * @param input The iterable to create an observable from\n * @param scheduler The scheduler to use\n */\nexport function scheduleIterable<T>(input: Iterable<T>, scheduler: SchedulerLike) {\n  return new Observable<T>((subscriber) => {\n    let iterator: Iterator<T, T>;\n\n    // Schedule the initial creation of the iterator from\n    // the iterable. This is so the code in the iterable is\n    // not called until the scheduled job fires.\n    executeSchedule(subscriber, scheduler, () => {\n      // Create the iterator.\n      iterator = (input as any)[Symbol_iterator]();\n\n      executeSchedule(\n        subscriber,\n        scheduler,\n        () => {\n          let value: T;\n          let done: boolean | undefined;\n          try {\n            // Pull the value out of the iterator\n            ({ value, done } = iterator.next());\n          } catch (err) {\n            // We got an error while pulling from the iterator\n            subscriber.error(err);\n            return;\n          }\n\n          if (done) {\n            // If it is \"done\" we just complete. This mimics the\n            // behavior of JavaScript's `for..of` consumption of\n            // iterables, which will not emit the value from an iterator\n            // result of `{ done: true: value: 'here' }`.\n            subscriber.complete();\n          } else {\n            // The iterable is not done, emit the value.\n            subscriber.next(value);\n          }\n        },\n        0,\n        true\n      );\n    });\n\n    // During finalization, if we see this iterator has a `return` method,\n    // then we know it is a Generator, and not just an Iterator. So we call\n    // the `return()` function. This will ensure that any `finally { }` blocks\n    // inside of the generator we can hit will be hit properly.\n    return () => isFunction(iterator?.return) && iterator.return();\n  });\n}\n", "import { SchedulerLike } from '../types';\nimport { Observable } from '../Observable';\nimport { executeSchedule } from '../util/executeSchedule';\n\nexport function scheduleAsyncIterable<T>(input: AsyncIterable<T>, scheduler: SchedulerLike) {\n  if (!input) {\n    throw new Error('Iterable cannot be null');\n  }\n  return new Observable<T>((subscriber) => {\n    executeSchedule(subscriber, scheduler, () => {\n      const iterator = input[Symbol.asyncIterator]();\n      executeSchedule(\n        subscriber,\n        scheduler,\n        () => {\n          iterator.next().then((result) => {\n            if (result.done) {\n              // This will remove the subscriptions from\n              // the parent subscription.\n              subscriber.complete();\n            } else {\n              subscriber.next(result.value);\n            }\n          });\n        },\n        0,\n        true\n      );\n    });\n  });\n}\n", "import { SchedulerLike, ReadableStreamLike } from '../types';\nimport { Observable } from '../Observable';\nimport { scheduleAsyncIterable } from './scheduleAsyncIterable';\nimport { readableStreamLikeToAsyncGenerator } from '../util/isReadableStreamLike';\n\nexport function scheduleReadableStreamLike<T>(input: ReadableStreamLike<T>, scheduler: SchedulerLike): Observable<T> {\n  return scheduleAsyncIterable(readableStreamLikeToAsyncGenerator(input), scheduler);\n}\n", "import { scheduleObservable } from './scheduleObservable';\nimport { schedulePromise } from './schedulePromise';\nimport { scheduleArray } from './scheduleArray';\nimport { scheduleIterable } from './scheduleIterable';\nimport { scheduleAsyncIterable } from './scheduleAsyncIterable';\nimport { isInteropObservable } from '../util/isInteropObservable';\nimport { isPromise } from '../util/isPromise';\nimport { isArrayLike } from '../util/isArrayLike';\nimport { isIterable } from '../util/isIterable';\nimport { ObservableInput, SchedulerLike } from '../types';\nimport { Observable } from '../Observable';\nimport { isAsyncIterable } from '../util/isAsyncIterable';\nimport { createInvalidObservableTypeError } from '../util/throwUnobservableError';\nimport { isReadableStreamLike } from '../util/isReadableStreamLike';\nimport { scheduleReadableStreamLike } from './scheduleReadableStreamLike';\n\n/**\n * Converts from a common {@link ObservableInput} type to an observable where subscription and emissions\n * are scheduled on the provided scheduler.\n *\n * @see {@link from}\n * @see {@link of}\n *\n * @param input The observable, array, promise, iterable, etc you would like to schedule\n * @param scheduler The scheduler to use to schedule the subscription and emissions from\n * the returned observable.\n */\nexport function scheduled<T>(input: ObservableInput<T>, scheduler: SchedulerLike): Observable<T> {\n  if (input != null) {\n    if (isInteropObservable(input)) {\n      return scheduleObservable(input, scheduler);\n    }\n    if (isArrayLike(input)) {\n      return scheduleArray(input, scheduler);\n    }\n    if (isPromise(input)) {\n      return schedulePromise(input, scheduler);\n    }\n    if (isAsyncIterable(input)) {\n      return scheduleAsyncIterable(input, scheduler);\n    }\n    if (isIterable(input)) {\n      return scheduleIterable(input, scheduler);\n    }\n    if (isReadableStreamLike(input)) {\n      return scheduleReadableStreamLike(input, scheduler);\n    }\n  }\n  throw createInvalidObservableTypeError(input);\n}\n", "import { Observable } from '../Observable';\nimport { ObservableInput, SchedulerLike, ObservedValueOf } from '../types';\nimport { scheduled } from '../scheduled/scheduled';\nimport { innerFrom } from './innerFrom';\n\nexport function from<O extends ObservableInput<any>>(input: O): Observable<ObservedValueOf<O>>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function from<O extends ObservableInput<any>>(input: O, scheduler: SchedulerLike | undefined): Observable<ObservedValueOf<O>>;\n\n/**\n * Creates an Observable from an Array, an array-like object, a Promise, an iterable object, or an Observable-like object.\n *\n * <span class=\"informal\">Converts almost anything to an Observable.</span>\n *\n * ![](from.png)\n *\n * `from` converts various other objects and data types into Observables. It also converts a Promise, an array-like, or an\n * <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#iterable\" target=\"_blank\">iterable</a>\n * object into an Observable that emits the items in that promise, array, or iterable. A String, in this context, is treated\n * as an array of characters. Observable-like objects (contains a function named with the ES2015 Symbol for Observable) can also be\n * converted through this operator.\n *\n * ## Examples\n *\n * Converts an array to an Observable\n *\n * ```ts\n * import { from } from 'rxjs';\n *\n * const array = [10, 20, 30];\n * const result = from(array);\n *\n * result.subscribe(x => console.log(x));\n *\n * // Logs:\n * // 10\n * // 20\n * // 30\n * ```\n *\n * Convert an infinite iterable (from a generator) to an Observable\n *\n * ```ts\n * import { from, take } from 'rxjs';\n *\n * function* generateDoubles(seed) {\n *    let i = seed;\n *    while (true) {\n *      yield i;\n *      i = 2 * i; // double it\n *    }\n * }\n *\n * const iterator = generateDoubles(3);\n * const result = from(iterator).pipe(take(10));\n *\n * result.subscribe(x => console.log(x));\n *\n * // Logs:\n * // 3\n * // 6\n * // 12\n * // 24\n * // 48\n * // 96\n * // 192\n * // 384\n * // 768\n * // 1536\n * ```\n *\n * With `asyncScheduler`\n *\n * ```ts\n * import { from, asyncScheduler } from 'rxjs';\n *\n * console.log('start');\n *\n * const array = [10, 20, 30];\n * const result = from(array, asyncScheduler);\n *\n * result.subscribe(x => console.log(x));\n *\n * console.log('end');\n *\n * // Logs:\n * // 'start'\n * // 'end'\n * // 10\n * // 20\n * // 30\n * ```\n *\n * @see {@link fromEvent}\n * @see {@link fromEventPattern}\n *\n * @param {ObservableInput<T>} A subscription object, a Promise, an Observable-like,\n * an Array, an iterable, or an array-like object to be converted.\n * @param {SchedulerLike} An optional {@link SchedulerLike} on which to schedule the emission of values.\n * @return {Observable<T>}\n */\nexport function from<T>(input: ObservableInput<T>, scheduler?: SchedulerLike): Observable<T> {\n  return scheduler ? scheduled(input, scheduler) : innerFrom(input);\n}\n", "import { SchedulerLike, ValueFromArray } from '../types';\nimport { Observable } from '../Observable';\nimport { popScheduler } from '../util/args';\nimport { from } from './from';\n\n// Devs are more likely to pass null or undefined than they are a scheduler\n// without accompanying values. To make things easier for (naughty) devs who\n// use the `strictNullChecks: false` TypeScript compiler option, these\n// overloads with explicit null and undefined values are included.\n\nexport function of(value: null): Observable<null>;\nexport function of(value: undefined): Observable<undefined>;\n\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function of(scheduler: SchedulerLike): Observable<never>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function of<A extends readonly unknown[]>(...valuesAndScheduler: [...A, SchedulerLike]): Observable<ValueFromArray<A>>;\n\nexport function of(): Observable<never>;\n/** @deprecated Do not specify explicit type parameters. Signatures with type parameters that cannot be inferred will be removed in v8. */\nexport function of<T>(): Observable<T>;\nexport function of<T>(value: T): Observable<T>;\nexport function of<A extends readonly unknown[]>(...values: A): Observable<ValueFromArray<A>>;\n\n/**\n * Converts the arguments to an observable sequence.\n *\n * <span class=\"informal\">Each argument becomes a `next` notification.</span>\n *\n * ![](of.png)\n *\n * Unlike {@link from}, it does not do any flattening and emits each argument in whole\n * as a separate `next` notification.\n *\n * ## Examples\n *\n * Emit the values `10, 20, 30`\n *\n * ```ts\n * import { of } from 'rxjs';\n *\n * of(10, 20, 30)\n *   .subscribe({\n *     next: value => console.log('next:', value),\n *     error: err => console.log('error:', err),\n *     complete: () => console.log('the end'),\n *   });\n *\n * // Outputs\n * // next: 10\n * // next: 20\n * // next: 30\n * // the end\n * ```\n *\n * Emit the array `[1, 2, 3]`\n *\n * ```ts\n * import { of } from 'rxjs';\n *\n * of([1, 2, 3])\n *   .subscribe({\n *     next: value => console.log('next:', value),\n *     error: err => console.log('error:', err),\n *     complete: () => console.log('the end'),\n *   });\n *\n * // Outputs\n * // next: [1, 2, 3]\n * // the end\n * ```\n *\n * @see {@link from}\n * @see {@link range}\n *\n * @param {...T} values A comma separated list of arguments you want to be emitted\n * @return {Observable} An Observable that emits the arguments\n * described above and then completes.\n */\nexport function of<T>(...args: Array<T | SchedulerLike>): Observable<T> {\n  const scheduler = popScheduler(args);\n  return from(args as T[], scheduler);\n}\n", "import { Observable } from '../Observable';\nimport { Subscriber } from '../Subscriber';\nimport { SchedulerLike } from '../types';\nimport { isFunction } from '../util/isFunction';\n\n/**\n * Creates an observable that will create an error instance and push it to the consumer as an error\n * immediately upon subscription.\n *\n * <span class=\"informal\">Just errors and does nothing else</span>\n *\n * ![](throw.png)\n *\n * This creation function is useful for creating an observable that will create an error and error every\n * time it is subscribed to. Generally, inside of most operators when you might want to return an errored\n * observable, this is unnecessary. In most cases, such as in the inner return of {@link concatMap},\n * {@link mergeMap}, {@link defer}, and many others, you can simply throw the error, and RxJS will pick\n * that up and notify the consumer of the error.\n *\n * ## Example\n *\n * Create a simple observable that will create a new error with a timestamp and log it\n * and the message every time you subscribe to it\n *\n * ```ts\n * import { throwError } from 'rxjs';\n *\n * let errorCount = 0;\n *\n * const errorWithTimestamp$ = throwError(() => {\n *   const error: any = new Error(`This is error number ${ ++errorCount }`);\n *   error.timestamp = Date.now();\n *   return error;\n * });\n *\n * errorWithTimestamp$.subscribe({\n *   error: err => console.log(err.timestamp, err.message)\n * });\n *\n * errorWithTimestamp$.subscribe({\n *   error: err => console.log(err.timestamp, err.message)\n * });\n *\n * // Logs the timestamp and a new error message for each subscription\n * ```\n *\n * ### Unnecessary usage\n *\n * Using `throwError` inside of an operator or creation function\n * with a callback, is usually not necessary\n *\n * ```ts\n * import { of, concatMap, timer, throwError } from 'rxjs';\n *\n * const delays$ = of(1000, 2000, Infinity, 3000);\n *\n * delays$.pipe(\n *   concatMap(ms => {\n *     if (ms < 10000) {\n *       return timer(ms);\n *     } else {\n *       // This is probably overkill.\n *       return throwError(() => new Error(`Invalid time ${ ms }`));\n *     }\n *   })\n * )\n * .subscribe({\n *   next: console.log,\n *   error: console.error\n * });\n * ```\n *\n * You can just throw the error instead\n *\n * ```ts\n * import { of, concatMap, timer } from 'rxjs';\n *\n * const delays$ = of(1000, 2000, Infinity, 3000);\n *\n * delays$.pipe(\n *   concatMap(ms => {\n *     if (ms < 10000) {\n *       return timer(ms);\n *     } else {\n *       // Cleaner and easier to read for most folks.\n *       throw new Error(`Invalid time ${ ms }`);\n *     }\n *   })\n * )\n * .subscribe({\n *   next: console.log,\n *   error: console.error\n * });\n * ```\n *\n * @param errorFactory A factory function that will create the error instance that is pushed.\n */\nexport function throwError(errorFactory: () => any): Observable<never>;\n\n/**\n * Returns an observable that will error with the specified error immediately upon subscription.\n *\n * @param error The error instance to emit\n * @deprecated Support for passing an error value will be removed in v8. Instead, pass a factory function to `throwError(() => new Error('test'))`. This is\n * because it will create the error at the moment it should be created and capture a more appropriate stack trace. If\n * for some reason you need to create the error ahead of time, you can still do that: `const err = new Error('test'); throwError(() => err);`.\n */\nexport function throwError(error: any): Observable<never>;\n\n/**\n * Notifies the consumer of an error using a given scheduler by scheduling it at delay `0` upon subscription.\n *\n * @param errorOrErrorFactory An error instance or error factory\n * @param scheduler A scheduler to use to schedule the error notification\n * @deprecated The `scheduler` parameter will be removed in v8.\n * Use `throwError` in combination with {@link observeOn}: `throwError(() => new Error('test')).pipe(observeOn(scheduler));`.\n * Details: https://rxjs.dev/deprecations/scheduler-argument\n */\nexport function throwError(errorOrErrorFactory: any, scheduler: SchedulerLike): Observable<never>;\n\nexport function throwError(errorOrErrorFactory: any, scheduler?: SchedulerLike): Observable<never> {\n  const errorFactory = isFunction(errorOrErrorFactory) ? errorOrErrorFactory : () => errorOrErrorFactory;\n  const init = (subscriber: Subscriber<never>) => subscriber.error(errorFactory());\n  return new Observable(scheduler ? (subscriber) => scheduler.schedule(init as any, 0, subscriber) : init);\n}\n", "import { createErrorClass } from './createErrorClass';\n\nexport interface EmptyError extends Error {}\n\nexport interface EmptyErrorCtor {\n  /**\n   * @deprecated Internal implementation detail. Do not construct error instances.\n   * Cannot be tagged as internal: https://github.com/ReactiveX/rxjs/issues/6269\n   */\n  new (): EmptyError;\n}\n\n/**\n * An error thrown when an Observable or a sequence was queried but has no\n * elements.\n *\n * @see {@link first}\n * @see {@link last}\n * @see {@link single}\n * @see {@link firstValueFrom}\n * @see {@link lastValueFrom}\n *\n * @class EmptyError\n */\nexport const EmptyError: EmptyErrorCtor = createErrorClass((_super) => function EmptyErrorImpl(this: any) {\n  _super(this);\n  this.name = 'EmptyError';\n  this.message = 'no elements in sequence';\n});\n", "/**\n * Checks to see if a value is not only a `Date` object,\n * but a *valid* `Date` object that can be converted to a\n * number. For example, `new Date('blah')` is indeed an\n * `instanceof Date`, however it cannot be converted to a\n * number.\n */\nexport function isValidDate(value: any): value is Date {\n  return value instanceof Date && !isNaN(value as any);\n}\n", "import { OperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\nexport function map<T, R>(project: (value: T, index: number) => R): OperatorFunction<T, R>;\n/** @deprecated Use a closure instead of a `thisArg`. Signatures accepting a `thisArg` will be removed in v8. */\nexport function map<T, R, A>(project: (this: A, value: T, index: number) => R, thisArg: A): OperatorFunction<T, R>;\n\n/**\n * Applies a given `project` function to each value emitted by the source\n * Observable, and emits the resulting values as an Observable.\n *\n * <span class=\"informal\">Like [Array.prototype.map()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map),\n * it passes each source value through a transformation function to get\n * corresponding output values.</span>\n *\n * ![](map.png)\n *\n * Similar to the well known `Array.prototype.map` function, this operator\n * applies a projection to each value and emits that projection in the output\n * Observable.\n *\n * ## Example\n *\n * Map every click to the `clientX` position of that click\n *\n * ```ts\n * import { fromEvent, map } from 'rxjs';\n *\n * const clicks = fromEvent<PointerEvent>(document, 'click');\n * const positions = clicks.pipe(map(ev => ev.clientX));\n *\n * positions.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link mapTo}\n * @see {@link pluck}\n *\n * @param {function(value: T, index: number): R} project The function to apply\n * to each `value` emitted by the source Observable. The `index` parameter is\n * the number `i` for the i-th emission that has happened since the\n * subscription, starting from the number `0`.\n * @param {any} [thisArg] An optional argument to define what `this` is in the\n * `project` function.\n * @return A function that returns an Observable that emits the values from the\n * source Observable transformed by the given `project` function.\n */\nexport function map<T, R>(project: (value: T, index: number) => R, thisArg?: any): OperatorFunction<T, R> {\n  return operate((source, subscriber) => {\n    // The index of the value from the source. Used with projection.\n    let index = 0;\n    // Subscribe to the source, all errors and completions are sent along\n    // to the consumer.\n    source.subscribe(\n      createOperatorSubscriber(subscriber, (value: T) => {\n        // Call the projection function with the appropriate this context,\n        // and send the resulting value to the consumer.\n        subscriber.next(project.call(thisArg, value, index++));\n      })\n    );\n  });\n}\n", "import { OperatorFunction } from \"../types\";\nimport { map } from \"../operators/map\";\n\nconst { isArray } = Array;\n\nfunction callOrApply<T, R>(fn: ((...values: T[]) => R), args: T|T[]): R {\n    return isArray(args) ? fn(...args) : fn(args);\n}\n\n/**\n * Used in several -- mostly deprecated -- situations where we need to \n * apply a list of arguments or a single argument to a result selector.\n */\nexport function mapOneOrManyArgs<T, R>(fn: ((...values: T[]) => R)): OperatorFunction<T|T[], R> {\n    return map(args => callOrApply(fn, args))\n}", "const { isArray } = Array;\nconst { getPrototypeOf, prototype: objectProto, keys: getKeys } = Object;\n\n/**\n * Used in functions where either a list of arguments, a single array of arguments, or a\n * dictionary of arguments can be returned. Returns an object with an `args` property with\n * the arguments in an array, if it is a dictionary, it will also return the `keys` in another\n * property.\n */\nexport function argsArgArrayOrObject<T, O extends Record<string, T>>(args: T[] | [O] | [T[]]): { args: T[]; keys: string[] | null } {\n  if (args.length === 1) {\n    const first = args[0];\n    if (isArray(first)) {\n      return { args: first, keys: null };\n    }\n    if (isPOJO(first)) {\n      const keys = getKeys(first);\n      return {\n        args: keys.map((key) => first[key]),\n        keys,\n      };\n    }\n  }\n\n  return { args: args as T[], keys: null };\n}\n\nfunction isPOJO(obj: any): obj is object {\n  return obj && typeof obj === 'object' && getPrototypeOf(obj) === objectProto;\n}\n", "export function createObject(keys: string[], values: any[]) {\n  return keys.reduce((result, key, i) => ((result[key] = values[i]), result), {} as any);\n}\n", "import { Observable } from '../Observable';\nimport { ObservableInput, SchedulerLike, ObservedValueOf, ObservableInputTuple } from '../types';\nimport { argsArgArrayOrObject } from '../util/argsArgArrayOrObject';\nimport { Subscriber } from '../Subscriber';\nimport { from } from './from';\nimport { identity } from '../util/identity';\nimport { Subscription } from '../Subscription';\nimport { mapOneOrManyArgs } from '../util/mapOneOrManyArgs';\nimport { popResultSelector, popScheduler } from '../util/args';\nimport { createObject } from '../util/createObject';\nimport { createOperatorSubscriber } from '../operators/OperatorSubscriber';\nimport { AnyCatcher } from '../AnyCatcher';\nimport { executeSchedule } from '../util/executeSchedule';\n\n// combineLatest(any)\n// We put this first because we need to catch cases where the user has supplied\n// _exactly `any`_ as the argument. Since `any` literally matches _anything_,\n// we don't want it to randomly hit one of the other type signatures below,\n// as we have no idea at build-time what type we should be returning when given an any.\n\n/**\n * You have passed `any` here, we can't figure out if it is\n * an array or an object, so you're getting `unknown`. Use better types.\n * @param arg Something typed as `any`\n */\nexport function combineLatest<T extends AnyCatcher>(arg: T): Observable<unknown>;\n\n// combineLatest([a, b, c])\nexport function combineLatest(sources: []): Observable<never>;\nexport function combineLatest<A extends readonly unknown[]>(sources: readonly [...ObservableInputTuple<A>]): Observable<A>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `combineLatestAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function combineLatest<A extends readonly unknown[], R>(\n  sources: readonly [...ObservableInputTuple<A>],\n  resultSelector: (...values: A) => R,\n  scheduler: SchedulerLike\n): Observable<R>;\nexport function combineLatest<A extends readonly unknown[], R>(\n  sources: readonly [...ObservableInputTuple<A>],\n  resultSelector: (...values: A) => R\n): Observable<R>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `combineLatestAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function combineLatest<A extends readonly unknown[]>(\n  sources: readonly [...ObservableInputTuple<A>],\n  scheduler: SchedulerLike\n): Observable<A>;\n\n// combineLatest(a, b, c)\n/** @deprecated Pass an array of sources instead. The rest-parameters signature will be removed in v8. Details: https://rxjs.dev/deprecations/array-argument */\nexport function combineLatest<A extends readonly unknown[]>(...sources: [...ObservableInputTuple<A>]): Observable<A>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `combineLatestAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function combineLatest<A extends readonly unknown[], R>(\n  ...sourcesAndResultSelectorAndScheduler: [...ObservableInputTuple<A>, (...values: A) => R, SchedulerLike]\n): Observable<R>;\n/** @deprecated Pass an array of sources instead. The rest-parameters signature will be removed in v8. Details: https://rxjs.dev/deprecations/array-argument */\nexport function combineLatest<A extends readonly unknown[], R>(\n  ...sourcesAndResultSelector: [...ObservableInputTuple<A>, (...values: A) => R]\n): Observable<R>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `combineLatestAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function combineLatest<A extends readonly unknown[]>(\n  ...sourcesAndScheduler: [...ObservableInputTuple<A>, SchedulerLike]\n): Observable<A>;\n\n// combineLatest({a, b, c})\nexport function combineLatest(sourcesObject: { [K in any]: never }): Observable<never>;\nexport function combineLatest<T extends Record<string, ObservableInput<any>>>(\n  sourcesObject: T\n): Observable<{ [K in keyof T]: ObservedValueOf<T[K]> }>;\n\n/**\n * Combines multiple Observables to create an Observable whose values are\n * calculated from the latest values of each of its input Observables.\n *\n * <span class=\"informal\">Whenever any input Observable emits a value, it\n * computes a formula using the latest values from all the inputs, then emits\n * the output of that formula.</span>\n *\n * ![](combineLatest.png)\n *\n * `combineLatest` combines the values from all the Observables passed in the\n * observables array. This is done by subscribing to each Observable in order and,\n * whenever any Observable emits, collecting an array of the most recent\n * values from each Observable. So if you pass `n` Observables to this operator,\n * the returned Observable will always emit an array of `n` values, in an order\n * corresponding to the order of the passed Observables (the value from the first Observable\n * will be at index 0 of the array and so on).\n *\n * Static version of `combineLatest` accepts an array of Observables. Note that an array of\n * Observables is a good choice, if you don't know beforehand how many Observables\n * you will combine. Passing an empty array will result in an Observable that\n * completes immediately.\n *\n * To ensure the output array always has the same length, `combineLatest` will\n * actually wait for all input Observables to emit at least once,\n * before it starts emitting results. This means if some Observable emits\n * values before other Observables started emitting, all these values but the last\n * will be lost. On the other hand, if some Observable does not emit a value but\n * completes, resulting Observable will complete at the same moment without\n * emitting anything, since it will now be impossible to include a value from the\n * completed Observable in the resulting array. Also, if some input Observable does\n * not emit any value and never completes, `combineLatest` will also never emit\n * and never complete, since, again, it will wait for all streams to emit some\n * value.\n *\n * If at least one Observable was passed to `combineLatest` and all passed Observables\n * emitted something, the resulting Observable will complete when all combined\n * streams complete. So even if some Observable completes, the result of\n * `combineLatest` will still emit values when other Observables do. In case\n * of a completed Observable, its value from now on will always be the last\n * emitted value. On the other hand, if any Observable errors, `combineLatest`\n * will error immediately as well, and all other Observables will be unsubscribed.\n *\n * ## Examples\n *\n * Combine two timer Observables\n *\n * ```ts\n * import { timer, combineLatest } from 'rxjs';\n *\n * const firstTimer = timer(0, 1000); // emit 0, 1, 2... after every second, starting from now\n * const secondTimer = timer(500, 1000); // emit 0, 1, 2... after every second, starting 0,5s from now\n * const combinedTimers = combineLatest([firstTimer, secondTimer]);\n * combinedTimers.subscribe(value => console.log(value));\n * // Logs\n * // [0, 0] after 0.5s\n * // [1, 0] after 1s\n * // [1, 1] after 1.5s\n * // [2, 1] after 2s\n * ```\n *\n * Combine a dictionary of Observables\n *\n * ```ts\n * import { of, delay, startWith, combineLatest } from 'rxjs';\n *\n * const observables = {\n *   a: of(1).pipe(delay(1000), startWith(0)),\n *   b: of(5).pipe(delay(5000), startWith(0)),\n *   c: of(10).pipe(delay(10000), startWith(0))\n * };\n * const combined = combineLatest(observables);\n * combined.subscribe(value => console.log(value));\n * // Logs\n * // { a: 0, b: 0, c: 0 } immediately\n * // { a: 1, b: 0, c: 0 } after 1s\n * // { a: 1, b: 5, c: 0 } after 5s\n * // { a: 1, b: 5, c: 10 } after 10s\n * ```\n *\n * Combine an array of Observables\n *\n * ```ts\n * import { of, delay, startWith, combineLatest } from 'rxjs';\n *\n * const observables = [1, 5, 10].map(\n *   n => of(n).pipe(\n *     delay(n * 1000), // emit 0 and then emit n after n seconds\n *     startWith(0)\n *   )\n * );\n * const combined = combineLatest(observables);\n * combined.subscribe(value => console.log(value));\n * // Logs\n * // [0, 0, 0] immediately\n * // [1, 0, 0] after 1s\n * // [1, 5, 0] after 5s\n * // [1, 5, 10] after 10s\n * ```\n *\n * Use map operator to dynamically calculate the Body-Mass Index\n *\n * ```ts\n * import { of, combineLatest, map } from 'rxjs';\n *\n * const weight = of(70, 72, 76, 79, 75);\n * const height = of(1.76, 1.77, 1.78);\n * const bmi = combineLatest([weight, height]).pipe(\n *   map(([w, h]) => w / (h * h)),\n * );\n * bmi.subscribe(x => console.log('BMI is ' + x));\n *\n * // With output to console:\n * // BMI is 24.212293388429753\n * // BMI is 23.93948099205209\n * // BMI is 23.671253629592222\n * ```\n *\n * @see {@link combineLatestAll}\n * @see {@link merge}\n * @see {@link withLatestFrom}\n *\n * @param {ObservableInput} [observables] An array of input Observables to combine with each other.\n * An array of Observables must be given as the first argument.\n * @param {function} [project] An optional function to project the values from\n * the combined latest values into a new value on the output Observable.\n * @param {SchedulerLike} [scheduler=null] The {@link SchedulerLike} to use for subscribing to\n * each input Observable.\n * @return {Observable} An Observable of projected values from the most recent\n * values from each input Observable, or an array of the most recent values from\n * each input Observable.\n */\nexport function combineLatest<O extends ObservableInput<any>, R>(...args: any[]): Observable<R> | Observable<ObservedValueOf<O>[]> {\n  const scheduler = popScheduler(args);\n  const resultSelector = popResultSelector(args);\n\n  const { args: observables, keys } = argsArgArrayOrObject(args);\n\n  if (observables.length === 0) {\n    // If no observables are passed, or someone has passed an empty array\n    // of observables, or even an empty object POJO, we need to just\n    // complete (EMPTY), but we have to honor the scheduler provided if any.\n    return from([], scheduler as any);\n  }\n\n  const result = new Observable<ObservedValueOf<O>[]>(\n    combineLatestInit(\n      observables as ObservableInput<ObservedValueOf<O>>[],\n      scheduler,\n      keys\n        ? // A handler for scrubbing the array of args into a dictionary.\n          (values) => createObject(keys, values)\n        : // A passthrough to just return the array\n          identity\n    )\n  );\n\n  return resultSelector ? (result.pipe(mapOneOrManyArgs(resultSelector)) as Observable<R>) : result;\n}\n\nexport function combineLatestInit(\n  observables: ObservableInput<any>[],\n  scheduler?: SchedulerLike,\n  valueTransform: (values: any[]) => any = identity\n) {\n  return (subscriber: Subscriber<any>) => {\n    // The outer subscription. We're capturing this in a function\n    // because we may have to schedule it.\n    maybeSchedule(\n      scheduler,\n      () => {\n        const { length } = observables;\n        // A store for the values each observable has emitted so far. We match observable to value on index.\n        const values = new Array(length);\n        // The number of currently active subscriptions, as they complete, we decrement this number to see if\n        // we are all done combining values, so we can complete the result.\n        let active = length;\n        // The number of inner sources that still haven't emitted the first value\n        // We need to track this because all sources need to emit one value in order\n        // to start emitting values.\n        let remainingFirstValues = length;\n        // The loop to kick off subscription. We're keying everything on index `i` to relate the observables passed\n        // in to the slot in the output array or the key in the array of keys in the output dictionary.\n        for (let i = 0; i < length; i++) {\n          maybeSchedule(\n            scheduler,\n            () => {\n              const source = from(observables[i], scheduler as any);\n              let hasFirstValue = false;\n              source.subscribe(\n                createOperatorSubscriber(\n                  subscriber,\n                  (value) => {\n                    // When we get a value, record it in our set of values.\n                    values[i] = value;\n                    if (!hasFirstValue) {\n                      // If this is our first value, record that.\n                      hasFirstValue = true;\n                      remainingFirstValues--;\n                    }\n                    if (!remainingFirstValues) {\n                      // We're not waiting for any more\n                      // first values, so we can emit!\n                      subscriber.next(valueTransform(values.slice()));\n                    }\n                  },\n                  () => {\n                    if (!--active) {\n                      // We only complete the result if we have no more active\n                      // inner observables.\n                      subscriber.complete();\n                    }\n                  }\n                )\n              );\n            },\n            subscriber\n          );\n        }\n      },\n      subscriber\n    );\n  };\n}\n\n/**\n * A small utility to handle the couple of locations where we want to schedule if a scheduler was provided,\n * but we don't if there was no scheduler.\n */\nfunction maybeSchedule(scheduler: SchedulerLike | undefined, execute: () => void, subscription: Subscription) {\n  if (scheduler) {\n    executeSchedule(subscription, scheduler, execute);\n  } else {\n    execute();\n  }\n}\n", "import { Observable } from '../Observable';\nimport { innerFrom } from '../observable/innerFrom';\nimport { Subscriber } from '../Subscriber';\nimport { ObservableInput, SchedulerLike } from '../types';\nimport { executeSchedule } from '../util/executeSchedule';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * A process embodying the general \"merge\" strategy. This is used in\n * `mergeMap` and `mergeScan` because the logic is otherwise nearly identical.\n * @param source The original source observable\n * @param subscriber The consumer subscriber\n * @param project The projection function to get our inner sources\n * @param concurrent The number of concurrent inner subscriptions\n * @param onBeforeNext Additional logic to apply before nexting to our consumer\n * @param expand If `true` this will perform an \"expand\" strategy, which differs only\n * in that it recurses, and the inner subscription must be schedule-able.\n * @param innerSubScheduler A scheduler to use to schedule inner subscriptions,\n * this is to support the expand strategy, mostly, and should be deprecated\n */\nexport function mergeInternals<T, R>(\n  source: Observable<T>,\n  subscriber: Subscriber<R>,\n  project: (value: T, index: number) => ObservableInput<R>,\n  concurrent: number,\n  onBeforeNext?: (innerValue: R) => void,\n  expand?: boolean,\n  innerSubScheduler?: SchedulerLike,\n  additionalFinalizer?: () => void\n) {\n  // Buffered values, in the event of going over our concurrency limit\n  const buffer: T[] = [];\n  // The number of active inner subscriptions.\n  let active = 0;\n  // An index to pass to our accumulator function\n  let index = 0;\n  // Whether or not the outer source has completed.\n  let isComplete = false;\n\n  /**\n   * Checks to see if we can complete our result or not.\n   */\n  const checkComplete = () => {\n    // If the outer has completed, and nothing is left in the buffer,\n    // and we don't have any active inner subscriptions, then we can\n    // Emit the state and complete.\n    if (isComplete && !buffer.length && !active) {\n      subscriber.complete();\n    }\n  };\n\n  // If we're under our concurrency limit, just start the inner subscription, otherwise buffer and wait.\n  const outerNext = (value: T) => (active < concurrent ? doInnerSub(value) : buffer.push(value));\n\n  const doInnerSub = (value: T) => {\n    // If we're expanding, we need to emit the outer values and the inner values\n    // as the inners will \"become outers\" in a way as they are recursively fed\n    // back to the projection mechanism.\n    expand && subscriber.next(value as any);\n\n    // Increment the number of active subscriptions so we can track it\n    // against our concurrency limit later.\n    active++;\n\n    // A flag used to show that the inner observable completed.\n    // This is checked during finalization to see if we should\n    // move to the next item in the buffer, if there is on.\n    let innerComplete = false;\n\n    // Start our inner subscription.\n    innerFrom(project(value, index++)).subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (innerValue) => {\n          // `mergeScan` has additional handling here. For example\n          // taking the inner value and updating state.\n          onBeforeNext?.(innerValue);\n\n          if (expand) {\n            // If we're expanding, then just recurse back to our outer\n            // handler. It will emit the value first thing.\n            outerNext(innerValue as any);\n          } else {\n            // Otherwise, emit the inner value.\n            subscriber.next(innerValue);\n          }\n        },\n        () => {\n          // Flag that we have completed, so we know to check the buffer\n          // during finalization.\n          innerComplete = true;\n        },\n        // Errors are passed to the destination.\n        undefined,\n        () => {\n          // During finalization, if the inner completed (it wasn't errored or\n          // cancelled), then we want to try the next item in the buffer if\n          // there is one.\n          if (innerComplete) {\n            // We have to wrap this in a try/catch because it happens during\n            // finalization, possibly asynchronously, and we want to pass\n            // any errors that happen (like in a projection function) to\n            // the outer Subscriber.\n            try {\n              // INNER SOURCE COMPLETE\n              // Decrement the active count to ensure that the next time\n              // we try to call `doInnerSub`, the number is accurate.\n              active--;\n              // If we have more values in the buffer, try to process those\n              // Note that this call will increment `active` ahead of the\n              // next conditional, if there were any more inner subscriptions\n              // to start.\n              while (buffer.length && active < concurrent) {\n                const bufferedValue = buffer.shift()!;\n                // Particularly for `expand`, we need to check to see if a scheduler was provided\n                // for when we want to start our inner subscription. Otherwise, we just start\n                // are next inner subscription.\n                if (innerSubScheduler) {\n                  executeSchedule(subscriber, innerSubScheduler, () => doInnerSub(bufferedValue));\n                } else {\n                  doInnerSub(bufferedValue);\n                }\n              }\n              // Check to see if we can complete, and complete if so.\n              checkComplete();\n            } catch (err) {\n              subscriber.error(err);\n            }\n          }\n        }\n      )\n    );\n  };\n\n  // Subscribe to our source observable.\n  source.subscribe(\n    createOperatorSubscriber(subscriber, outerNext, () => {\n      // Outer completed, make a note of it, and check to see if we can complete everything.\n      isComplete = true;\n      checkComplete();\n    })\n  );\n\n  // Additional finalization (for when the destination is torn down).\n  // Other finalization is added implicitly via subscription above.\n  return () => {\n    additionalFinalizer?.();\n  };\n}\n", "import { ObservableInput, OperatorFunction, ObservedValueOf } from '../types';\nimport { map } from './map';\nimport { innerFrom } from '../observable/innerFrom';\nimport { operate } from '../util/lift';\nimport { mergeInternals } from './mergeInternals';\nimport { isFunction } from '../util/isFunction';\n\n/* tslint:disable:max-line-length */\nexport function mergeMap<T, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  concurrent?: number\n): OperatorFunction<T, ObservedValueOf<O>>;\n/** @deprecated The `resultSelector` parameter will be removed in v8. Use an inner `map` instead. Details: https://rxjs.dev/deprecations/resultSelector */\nexport function mergeMap<T, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  resultSelector: undefined,\n  concurrent?: number\n): OperatorFunction<T, ObservedValueOf<O>>;\n/** @deprecated The `resultSelector` parameter will be removed in v8. Use an inner `map` instead. Details: https://rxjs.dev/deprecations/resultSelector */\nexport function mergeMap<T, R, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  resultSelector: (outerValue: T, innerValue: ObservedValueOf<O>, outerIndex: number, innerIndex: number) => R,\n  concurrent?: number\n): OperatorFunction<T, R>;\n/* tslint:enable:max-line-length */\n\n/**\n * Projects each source value to an Observable which is merged in the output\n * Observable.\n *\n * <span class=\"informal\">Maps each value to an Observable, then flattens all of\n * these inner Observables using {@link mergeAll}.</span>\n *\n * ![](mergeMap.png)\n *\n * Returns an Observable that emits items based on applying a function that you\n * supply to each item emitted by the source Observable, where that function\n * returns an Observable, and then merging those resulting Observables and\n * emitting the results of this merger.\n *\n * ## Example\n *\n * Map and flatten each letter to an Observable ticking every 1 second\n *\n * ```ts\n * import { of, mergeMap, interval, map } from 'rxjs';\n *\n * const letters = of('a', 'b', 'c');\n * const result = letters.pipe(\n *   mergeMap(x => interval(1000).pipe(map(i => x + i)))\n * );\n *\n * result.subscribe(x => console.log(x));\n *\n * // Results in the following:\n * // a0\n * // b0\n * // c0\n * // a1\n * // b1\n * // c1\n * // continues to list a, b, c every second with respective ascending integers\n * ```\n *\n * @see {@link concatMap}\n * @see {@link exhaustMap}\n * @see {@link merge}\n * @see {@link mergeAll}\n * @see {@link mergeMapTo}\n * @see {@link mergeScan}\n * @see {@link switchMap}\n *\n * @param {function(value: T, ?index: number): ObservableInput} project A function\n * that, when applied to an item emitted by the source Observable, returns an\n * Observable.\n * @param {number} [concurrent=Infinity] Maximum number of input\n * Observables being subscribed to concurrently.\n * @return A function that returns an Observable that emits the result of\n * applying the projection function (and the optional deprecated\n * `resultSelector`) to each item emitted by the source Observable and merging\n * the results of the Observables obtained from this transformation.\n */\nexport function mergeMap<T, R, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  resultSelector?: ((outerValue: T, innerValue: ObservedValueOf<O>, outerIndex: number, innerIndex: number) => R) | number,\n  concurrent: number = Infinity\n): OperatorFunction<T, ObservedValueOf<O> | R> {\n  if (isFunction(resultSelector)) {\n    // DEPRECATED PATH\n    return mergeMap((a, i) => map((b: any, ii: number) => resultSelector(a, b, i, ii))(innerFrom(project(a, i))), concurrent);\n  } else if (typeof resultSelector === 'number') {\n    concurrent = resultSelector;\n  }\n\n  return operate((source, subscriber) => mergeInternals(source, subscriber, project, concurrent));\n}\n", "import { mergeMap } from './mergeMap';\nimport { identity } from '../util/identity';\nimport { OperatorFunction, ObservableInput, ObservedValueOf } from '../types';\n\n/**\n * Converts a higher-order Observable into a first-order Observable which\n * concurrently delivers all values that are emitted on the inner Observables.\n *\n * <span class=\"informal\">Flattens an Observable-of-Observables.</span>\n *\n * ![](mergeAll.png)\n *\n * `mergeAll` subscribes to an Observable that emits Observables, also known as\n * a higher-order Observable. Each time it observes one of these emitted inner\n * Observables, it subscribes to that and delivers all the values from the\n * inner Observable on the output Observable. The output Observable only\n * completes once all inner Observables have completed. Any error delivered by\n * a inner Observable will be immediately emitted on the output Observable.\n *\n * ## Examples\n *\n * Spawn a new interval Observable for each click event, and blend their outputs as one Observable\n *\n * ```ts\n * import { fromEvent, map, interval, mergeAll } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const higherOrder = clicks.pipe(map(() => interval(1000)));\n * const firstOrder = higherOrder.pipe(mergeAll());\n *\n * firstOrder.subscribe(x => console.log(x));\n * ```\n *\n * Count from 0 to 9 every second for each click, but only allow 2 concurrent timers\n *\n * ```ts\n * import { fromEvent, map, interval, take, mergeAll } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const higherOrder = clicks.pipe(\n *   map(() => interval(1000).pipe(take(10)))\n * );\n * const firstOrder = higherOrder.pipe(mergeAll(2));\n *\n * firstOrder.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link combineLatestAll}\n * @see {@link concatAll}\n * @see {@link exhaustAll}\n * @see {@link merge}\n * @see {@link mergeMap}\n * @see {@link mergeMapTo}\n * @see {@link mergeScan}\n * @see {@link switchAll}\n * @see {@link switchMap}\n * @see {@link zipAll}\n *\n * @param {number} [concurrent=Infinity] Maximum number of inner\n * Observables being subscribed to concurrently.\n * @return A function that returns an Observable that emits values coming from\n * all the inner Observables emitted by the source Observable.\n */\nexport function mergeAll<O extends ObservableInput<any>>(concurrent: number = Infinity): OperatorFunction<O, ObservedValueOf<O>> {\n  return mergeMap(identity, concurrent);\n}\n", "import { mergeAll } from './mergeAll';\nimport { OperatorFunction, ObservableInput, ObservedValueOf } from '../types';\n\n/**\n * Converts a higher-order Observable into a first-order Observable by\n * concatenating the inner Observables in order.\n *\n * <span class=\"informal\">Flattens an Observable-of-Observables by putting one\n * inner Observable after the other.</span>\n *\n * ![](concatAll.svg)\n *\n * Joins every Observable emitted by the source (a higher-order Observable), in\n * a serial fashion. It subscribes to each inner Observable only after the\n * previous inner Observable has completed, and merges all of their values into\n * the returned observable.\n *\n * __Warning:__ If the source Observable emits Observables quickly and\n * endlessly, and the inner Observables it emits generally complete slower than\n * the source emits, you can run into memory issues as the incoming Observables\n * collect in an unbounded buffer.\n *\n * Note: `concatAll` is equivalent to `mergeAll` with concurrency parameter set\n * to `1`.\n *\n * ## Example\n *\n * For each click event, tick every second from 0 to 3, with no concurrency\n *\n * ```ts\n * import { fromEvent, map, interval, take, concatAll } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const higherOrder = clicks.pipe(\n *   map(() => interval(1000).pipe(take(4)))\n * );\n * const firstOrder = higherOrder.pipe(concatAll());\n * firstOrder.subscribe(x => console.log(x));\n *\n * // Results in the following:\n * // (results are not concurrent)\n * // For every click on the \"document\" it will emit values 0 to 3 spaced\n * // on a 1000ms interval\n * // one click = 1000ms-> 0 -1000ms-> 1 -1000ms-> 2 -1000ms-> 3\n * ```\n *\n * @see {@link combineLatestAll}\n * @see {@link concat}\n * @see {@link concatMap}\n * @see {@link concatMapTo}\n * @see {@link exhaustAll}\n * @see {@link mergeAll}\n * @see {@link switchAll}\n * @see {@link switchMap}\n * @see {@link zipAll}\n *\n * @return A function that returns an Observable emitting values from all the\n * inner Observables concatenated.\n */\nexport function concatAll<O extends ObservableInput<any>>(): OperatorFunction<O, ObservedValueOf<O>> {\n  return mergeAll(1);\n}\n", "import { Observable } from '../Observable';\nimport { ObservableInputTuple, SchedulerLike } from '../types';\nimport { concatAll } from '../operators/concatAll';\nimport { popScheduler } from '../util/args';\nimport { from } from './from';\n\nexport function concat<T extends readonly unknown[]>(...inputs: [...ObservableInputTuple<T>]): Observable<T[number]>;\nexport function concat<T extends readonly unknown[]>(\n  ...inputsAndScheduler: [...ObservableInputTuple<T>, SchedulerLike]\n): Observable<T[number]>;\n\n/**\n * Creates an output Observable which sequentially emits all values from the first given\n * Observable and then moves on to the next.\n *\n * <span class=\"informal\">Concatenates multiple Observables together by\n * sequentially emitting their values, one Observable after the other.</span>\n *\n * ![](concat.png)\n *\n * `concat` joins multiple Observables together, by subscribing to them one at a time and\n * merging their results into the output Observable. You can pass either an array of\n * Observables, or put them directly as arguments. Passing an empty array will result\n * in Observable that completes immediately.\n *\n * `concat` will subscribe to first input Observable and emit all its values, without\n * changing or affecting them in any way. When that Observable completes, it will\n * subscribe to then next Observable passed and, again, emit its values. This will be\n * repeated, until the operator runs out of Observables. When last input Observable completes,\n * `concat` will complete as well. At any given moment only one Observable passed to operator\n * emits values. If you would like to emit values from passed Observables concurrently, check out\n * {@link merge} instead, especially with optional `concurrent` parameter. As a matter of fact,\n * `concat` is an equivalent of `merge` operator with `concurrent` parameter set to `1`.\n *\n * Note that if some input Observable never completes, `concat` will also never complete\n * and Observables following the one that did not complete will never be subscribed. On the other\n * hand, if some Observable simply completes immediately after it is subscribed, it will be\n * invisible for `concat`, which will just move on to the next Observable.\n *\n * If any Observable in chain errors, instead of passing control to the next Observable,\n * `concat` will error immediately as well. Observables that would be subscribed after\n * the one that emitted error, never will.\n *\n * If you pass to `concat` the same Observable many times, its stream of values\n * will be \"replayed\" on every subscription, which means you can repeat given Observable\n * as many times as you like. If passing the same Observable to `concat` 1000 times becomes tedious,\n * you can always use {@link repeat}.\n *\n * ## Examples\n *\n * Concatenate a timer counting from 0 to 3 with a synchronous sequence from 1 to 10\n *\n * ```ts\n * import { interval, take, range, concat } from 'rxjs';\n *\n * const timer = interval(1000).pipe(take(4));\n * const sequence = range(1, 10);\n * const result = concat(timer, sequence);\n * result.subscribe(x => console.log(x));\n *\n * // results in:\n * // 0 -1000ms-> 1 -1000ms-> 2 -1000ms-> 3 -immediate-> 1 ... 10\n * ```\n *\n * Concatenate 3 Observables\n *\n * ```ts\n * import { interval, take, concat } from 'rxjs';\n *\n * const timer1 = interval(1000).pipe(take(10));\n * const timer2 = interval(2000).pipe(take(6));\n * const timer3 = interval(500).pipe(take(10));\n *\n * const result = concat(timer1, timer2, timer3);\n * result.subscribe(x => console.log(x));\n *\n * // results in the following:\n * // (Prints to console sequentially)\n * // -1000ms-> 0 -1000ms-> 1 -1000ms-> ... 9\n * // -2000ms-> 0 -2000ms-> 1 -2000ms-> ... 5\n * // -500ms-> 0 -500ms-> 1 -500ms-> ... 9\n * ```\n *\n * Concatenate the same Observable to repeat it\n *\n * ```ts\n * import { interval, take, concat } from 'rxjs';\n *\n * const timer = interval(1000).pipe(take(2));\n *\n * concat(timer, timer) // concatenating the same Observable!\n *   .subscribe({\n *     next: value => console.log(value),\n *     complete: () => console.log('...and it is done!')\n *   });\n *\n * // Logs:\n * // 0 after 1s\n * // 1 after 2s\n * // 0 after 3s\n * // 1 after 4s\n * // '...and it is done!' also after 4s\n * ```\n *\n * @see {@link concatAll}\n * @see {@link concatMap}\n * @see {@link concatMapTo}\n * @see {@link startWith}\n * @see {@link endWith}\n *\n * @param args Input Observables to concatenate.\n */\nexport function concat(...args: any[]): Observable<unknown> {\n  return concatAll()(from(args, popScheduler(args)));\n}\n", "import { Observable } from '../Observable';\nimport { ObservedValueOf, ObservableInput } from '../types';\nimport { innerFrom } from './innerFrom';\n\n/**\n * Creates an Observable that, on subscribe, calls an Observable factory to\n * make an Observable for each new Observer.\n *\n * <span class=\"informal\">Creates the Observable lazily, that is, only when it\n * is subscribed.\n * </span>\n *\n * ![](defer.png)\n *\n * `defer` allows you to create an Observable only when the Observer\n * subscribes. It waits until an Observer subscribes to it, calls the given\n * factory function to get an Observable -- where a factory function typically\n * generates a new Observable -- and subscribes the Observer to this Observable.\n * In case the factory function returns a falsy value, then EMPTY is used as\n * Observable instead. Last but not least, an exception during the factory\n * function call is transferred to the Observer by calling `error`.\n *\n * ## Example\n *\n * Subscribe to either an Observable of clicks or an Observable of interval, at random\n *\n * ```ts\n * import { defer, fromEvent, interval } from 'rxjs';\n *\n * const clicksOrInterval = defer(() => {\n *   return Math.random() > 0.5\n *     ? fromEvent(document, 'click')\n *     : interval(1000);\n * });\n * clicksOrInterval.subscribe(x => console.log(x));\n *\n * // Results in the following behavior:\n * // If the result of Math.random() is greater than 0.5 it will listen\n * // for clicks anywhere on the \"document\"; when document is clicked it\n * // will log a MouseEvent object to the console. If the result is less\n * // than 0.5 it will emit ascending numbers, one every second(1000ms).\n * ```\n *\n * @see {@link Observable}\n *\n * @param {function(): ObservableInput} observableFactory The Observable\n * factory function to invoke for each Observer that subscribes to the output\n * Observable. May also return a Promise, which will be converted on the fly\n * to an Observable.\n * @return {Observable} An Observable whose Observers' subscriptions trigger\n * an invocation of the given Observable factory function.\n */\nexport function defer<R extends ObservableInput<any>>(observableFactory: () => R): Observable<ObservedValueOf<R>> {\n  return new Observable<ObservedValueOf<R>>((subscriber) => {\n    innerFrom(observableFactory()).subscribe(subscriber);\n  });\n}\n", "import { innerFrom } from '../observable/innerFrom';\nimport { Observable } from '../Observable';\nimport { mergeMap } from '../operators/mergeMap';\nimport { isArrayLike } from '../util/isArrayLike';\nimport { isFunction } from '../util/isFunction';\nimport { mapOneOrManyArgs } from '../util/mapOneOrManyArgs';\n\n// These constants are used to create handler registry functions using array mapping below.\nconst nodeEventEmitterMethods = ['addListener', 'removeListener'] as const;\nconst eventTargetMethods = ['addEventListener', 'removeEventListener'] as const;\nconst jqueryMethods = ['on', 'off'] as const;\n\nexport interface NodeStyleEventEmitter {\n  addListener(eventName: string | symbol, handler: NodeEventHandler): this;\n  removeListener(eventName: string | symbol, handler: NodeEventHandler): this;\n}\n\nexport type NodeEventHandler = (...args: any[]) => void;\n\n// For APIs that implement `addListener` and `removeListener` methods that may\n// not use the same arguments or return EventEmitter values\n// such as React Native\nexport interface NodeCompatibleEventEmitter {\n  addListener(eventName: string, handler: NodeEventHandler): void | {};\n  removeListener(eventName: string, handler: NodeEventHandler): void | {};\n}\n\n// Use handler types like those in @types/jquery. See:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/847731ba1d7fa6db6b911c0e43aa0afe596e7723/types/jquery/misc.d.ts#L6395\nexport interface JQueryStyleEventEmitter<TContext, T> {\n  on(eventName: string, handler: (this: TContext, t: T, ...args: any[]) => any): void;\n  off(eventName: string, handler: (this: TContext, t: T, ...args: any[]) => any): void;\n}\n\nexport interface EventListenerObject<E> {\n  handleEvent(evt: E): void;\n}\n\nexport interface HasEventTargetAddRemove<E> {\n  addEventListener(\n    type: string,\n    listener: ((evt: E) => void) | EventListenerObject<E> | null,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: ((evt: E) => void) | EventListenerObject<E> | null,\n    options?: EventListenerOptions | boolean\n  ): void;\n}\n\nexport interface EventListenerOptions {\n  capture?: boolean;\n  passive?: boolean;\n  once?: boolean;\n}\n\nexport interface AddEventListenerOptions extends EventListenerOptions {\n  once?: boolean;\n  passive?: boolean;\n}\n\nexport function fromEvent<T>(target: HasEventTargetAddRemove<T> | ArrayLike<HasEventTargetAddRemove<T>>, eventName: string): Observable<T>;\nexport function fromEvent<T, R>(\n  target: HasEventTargetAddRemove<T> | ArrayLike<HasEventTargetAddRemove<T>>,\n  eventName: string,\n  resultSelector: (event: T) => R\n): Observable<R>;\nexport function fromEvent<T>(\n  target: HasEventTargetAddRemove<T> | ArrayLike<HasEventTargetAddRemove<T>>,\n  eventName: string,\n  options: EventListenerOptions\n): Observable<T>;\nexport function fromEvent<T, R>(\n  target: HasEventTargetAddRemove<T> | ArrayLike<HasEventTargetAddRemove<T>>,\n  eventName: string,\n  options: EventListenerOptions,\n  resultSelector: (event: T) => R\n): Observable<R>;\n\nexport function fromEvent(target: NodeStyleEventEmitter | ArrayLike<NodeStyleEventEmitter>, eventName: string): Observable<unknown>;\n/** @deprecated Do not specify explicit type parameters. Signatures with type parameters that cannot be inferred will be removed in v8. */\nexport function fromEvent<T>(target: NodeStyleEventEmitter | ArrayLike<NodeStyleEventEmitter>, eventName: string): Observable<T>;\nexport function fromEvent<R>(\n  target: NodeStyleEventEmitter | ArrayLike<NodeStyleEventEmitter>,\n  eventName: string,\n  resultSelector: (...args: any[]) => R\n): Observable<R>;\n\nexport function fromEvent(\n  target: NodeCompatibleEventEmitter | ArrayLike<NodeCompatibleEventEmitter>,\n  eventName: string\n): Observable<unknown>;\n/** @deprecated Do not specify explicit type parameters. Signatures with type parameters that cannot be inferred will be removed in v8. */\nexport function fromEvent<T>(target: NodeCompatibleEventEmitter | ArrayLike<NodeCompatibleEventEmitter>, eventName: string): Observable<T>;\nexport function fromEvent<R>(\n  target: NodeCompatibleEventEmitter | ArrayLike<NodeCompatibleEventEmitter>,\n  eventName: string,\n  resultSelector: (...args: any[]) => R\n): Observable<R>;\n\nexport function fromEvent<T>(\n  target: JQueryStyleEventEmitter<any, T> | ArrayLike<JQueryStyleEventEmitter<any, T>>,\n  eventName: string\n): Observable<T>;\nexport function fromEvent<T, R>(\n  target: JQueryStyleEventEmitter<any, T> | ArrayLike<JQueryStyleEventEmitter<any, T>>,\n  eventName: string,\n  resultSelector: (value: T, ...args: any[]) => R\n): Observable<R>;\n\n/**\n * Creates an Observable that emits events of a specific type coming from the\n * given event target.\n *\n * <span class=\"informal\">Creates an Observable from DOM events, or Node.js\n * EventEmitter events or others.</span>\n *\n * ![](fromEvent.png)\n *\n * `fromEvent` accepts as a first argument event target, which is an object with methods\n * for registering event handler functions. As a second argument it takes string that indicates\n * type of event we want to listen for. `fromEvent` supports selected types of event targets,\n * which are described in detail below. If your event target does not match any of the ones listed,\n * you should use {@link fromEventPattern}, which can be used on arbitrary APIs.\n * When it comes to APIs supported by `fromEvent`, their methods for adding and removing event\n * handler functions have different names, but they all accept a string describing event type\n * and function itself, which will be called whenever said event happens.\n *\n * Every time resulting Observable is subscribed, event handler function will be registered\n * to event target on given event type. When that event fires, value\n * passed as a first argument to registered function will be emitted by output Observable.\n * When Observable is unsubscribed, function will be unregistered from event target.\n *\n * Note that if event target calls registered function with more than one argument, second\n * and following arguments will not appear in resulting stream. In order to get access to them,\n * you can pass to `fromEvent` optional project function, which will be called with all arguments\n * passed to event handler. Output Observable will then emit value returned by project function,\n * instead of the usual value.\n *\n * Remember that event targets listed below are checked via duck typing. It means that\n * no matter what kind of object you have and no matter what environment you work in,\n * you can safely use `fromEvent` on that object if it exposes described methods (provided\n * of course they behave as was described above). So for example if Node.js library exposes\n * event target which has the same method names as DOM EventTarget, `fromEvent` is still\n * a good choice.\n *\n * If the API you use is more callback then event handler oriented (subscribed\n * callback function fires only once and thus there is no need to manually\n * unregister it), you should use {@link bindCallback} or {@link bindNodeCallback}\n * instead.\n *\n * `fromEvent` supports following types of event targets:\n *\n * **DOM EventTarget**\n *\n * This is an object with `addEventListener` and `removeEventListener` methods.\n *\n * In the browser, `addEventListener` accepts - apart from event type string and event\n * handler function arguments - optional third parameter, which is either an object or boolean,\n * both used for additional configuration how and when passed function will be called. When\n * `fromEvent` is used with event target of that type, you can provide this values\n * as third parameter as well.\n *\n * **Node.js EventEmitter**\n *\n * An object with `addListener` and `removeListener` methods.\n *\n * **JQuery-style event target**\n *\n * An object with `on` and `off` methods\n *\n * **DOM NodeList**\n *\n * List of DOM Nodes, returned for example by `document.querySelectorAll` or `Node.childNodes`.\n *\n * Although this collection is not event target in itself, `fromEvent` will iterate over all Nodes\n * it contains and install event handler function in every of them. When returned Observable\n * is unsubscribed, function will be removed from all Nodes.\n *\n * **DOM HtmlCollection**\n *\n * Just as in case of NodeList it is a collection of DOM nodes. Here as well event handler function is\n * installed and removed in each of elements.\n *\n *\n * ## Examples\n *\n * Emit clicks happening on the DOM document\n *\n * ```ts\n * import { fromEvent } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * clicks.subscribe(x => console.log(x));\n *\n * // Results in:\n * // MouseEvent object logged to console every time a click\n * // occurs on the document.\n * ```\n *\n * Use `addEventListener` with capture option\n *\n * ```ts\n * import { fromEvent } from 'rxjs';\n *\n * const div = document.createElement('div');\n * div.style.cssText = 'width: 200px; height: 200px; background: #09c;';\n * document.body.appendChild(div);\n *\n * // note optional configuration parameter which will be passed to addEventListener\n * const clicksInDocument = fromEvent(document, 'click', { capture: true });\n * const clicksInDiv = fromEvent(div, 'click');\n *\n * clicksInDocument.subscribe(() => console.log('document'));\n * clicksInDiv.subscribe(() => console.log('div'));\n *\n * // By default events bubble UP in DOM tree, so normally\n * // when we would click on div in document\n * // \"div\" would be logged first and then \"document\".\n * // Since we specified optional `capture` option, document\n * // will catch event when it goes DOWN DOM tree, so console\n * // will log \"document\" and then \"div\".\n * ```\n *\n * @see {@link bindCallback}\n * @see {@link bindNodeCallback}\n * @see {@link fromEventPattern}\n *\n * @param {FromEventTarget<T>} target The DOM EventTarget, Node.js\n * EventEmitter, JQuery-like event target, NodeList or HTMLCollection to attach the event handler to.\n * @param {string} eventName The event name of interest, being emitted by the\n * `target`.\n * @param {EventListenerOptions} [options] Options to pass through to addEventListener\n * @return {Observable<T>}\n */\nexport function fromEvent<T>(\n  target: any,\n  eventName: string,\n  options?: EventListenerOptions | ((...args: any[]) => T),\n  resultSelector?: (...args: any[]) => T\n): Observable<T> {\n  if (isFunction(options)) {\n    resultSelector = options;\n    options = undefined;\n  }\n  if (resultSelector) {\n    return fromEvent<T>(target, eventName, options as EventListenerOptions).pipe(mapOneOrManyArgs(resultSelector));\n  }\n\n  // Figure out our add and remove methods. In order to do this,\n  // we are going to analyze the target in a preferred order, if\n  // the target matches a given signature, we take the two \"add\" and \"remove\"\n  // method names and apply them to a map to create opposite versions of the\n  // same function. This is because they all operate in duplicate pairs,\n  // `addListener(name, handler)`, `removeListener(name, handler)`, for example.\n  // The call only differs by method name, as to whether or not you're adding or removing.\n  const [add, remove] =\n    // If it is an EventTarget, we need to use a slightly different method than the other two patterns.\n    isEventTarget(target)\n      ? eventTargetMethods.map((methodName) => (handler: any) => target[methodName](eventName, handler, options as EventListenerOptions))\n      : // In all other cases, the call pattern is identical with the exception of the method names.\n      isNodeStyleEventEmitter(target)\n      ? nodeEventEmitterMethods.map(toCommonHandlerRegistry(target, eventName))\n      : isJQueryStyleEventEmitter(target)\n      ? jqueryMethods.map(toCommonHandlerRegistry(target, eventName))\n      : [];\n\n  // If add is falsy, it's because we didn't match a pattern above.\n  // Check to see if it is an ArrayLike, because if it is, we want to\n  // try to apply fromEvent to all of it's items. We do this check last,\n  // because there are may be some types that are both ArrayLike *and* implement\n  // event registry points, and we'd rather delegate to that when possible.\n  if (!add) {\n    if (isArrayLike(target)) {\n      return mergeMap((subTarget: any) => fromEvent(subTarget, eventName, options as EventListenerOptions))(\n        innerFrom(target)\n      ) as Observable<T>;\n    }\n  }\n\n  // If add is falsy and we made it here, it's because we didn't\n  // match any valid target objects above.\n  if (!add) {\n    throw new TypeError('Invalid event target');\n  }\n\n  return new Observable<T>((subscriber) => {\n    // The handler we are going to register. Forwards the event object, by itself, or\n    // an array of arguments to the event handler, if there is more than one argument,\n    // to the consumer.\n    const handler = (...args: any[]) => subscriber.next(1 < args.length ? args : args[0]);\n    // Do the work of adding the handler to the target.\n    add(handler);\n    // When we finalize, we want to remove the handler and free up memory.\n    return () => remove!(handler);\n  });\n}\n\n/**\n * Used to create `add` and `remove` functions to register and unregister event handlers\n * from a target in the most common handler pattern, where there are only two arguments.\n * (e.g.  `on(name, fn)`, `off(name, fn)`, `addListener(name, fn)`, or `removeListener(name, fn)`)\n * @param target The target we're calling methods on\n * @param eventName The event name for the event we're creating register or unregister functions for\n */\nfunction toCommonHandlerRegistry(target: any, eventName: string) {\n  return (methodName: string) => (handler: any) => target[methodName](eventName, handler);\n}\n\n/**\n * Checks to see if the target implements the required node-style EventEmitter methods\n * for adding and removing event handlers.\n * @param target the object to check\n */\nfunction isNodeStyleEventEmitter(target: any): target is NodeStyleEventEmitter {\n  return isFunction(target.addListener) && isFunction(target.removeListener);\n}\n\n/**\n * Checks to see if the target implements the required jQuery-style EventEmitter methods\n * for adding and removing event handlers.\n * @param target the object to check\n */\nfunction isJQueryStyleEventEmitter(target: any): target is JQueryStyleEventEmitter<any, any> {\n  return isFunction(target.on) && isFunction(target.off);\n}\n\n/**\n * Checks to see if the target implements the required EventTarget methods\n * for adding and removing event handlers.\n * @param target the object to check\n */\nfunction isEventTarget(target: any): target is HasEventTargetAddRemove<any> {\n  return isFunction(target.addEventListener) && isFunction(target.removeEventListener);\n}\n", "import { Observable } from '../Observable';\nimport { isFunction } from '../util/isFunction';\nimport { NodeEventHandler } from './fromEvent';\nimport { mapOneOrManyArgs } from '../util/mapOneOrManyArgs';\n\n/* tslint:disable:max-line-length */\nexport function fromEventPattern<T>(\n  addHandler: (handler: NodeEventHandler) => any,\n  removeHandler?: (handler: NodeEventHandler, signal?: any) => void\n): Observable<T>;\nexport function fromEventPattern<T>(\n  addHandler: (handler: NodeEventHandler) => any,\n  removeHandler?: (handler: NodeEventHandler, signal?: any) => void,\n  resultSelector?: (...args: any[]) => T\n): Observable<T>;\n/* tslint:enable:max-line-length */\n\n/**\n * Creates an Observable from an arbitrary API for registering event handlers.\n *\n * <span class=\"informal\">When that method for adding event handler was something {@link fromEvent}\n * was not prepared for.</span>\n *\n * ![](fromEventPattern.png)\n *\n * `fromEventPattern` allows you to convert into an Observable any API that supports registering handler functions\n * for events. It is similar to {@link fromEvent}, but far\n * more flexible. In fact, all use cases of {@link fromEvent} could be easily handled by\n * `fromEventPattern` (although in slightly more verbose way).\n *\n * This operator accepts as a first argument an `addHandler` function, which will be injected with\n * handler parameter. That handler is actually an event handler function that you now can pass\n * to API expecting it. `addHandler` will be called whenever Observable\n * returned by the operator is subscribed, so registering handler in API will not\n * necessarily happen when `fromEventPattern` is called.\n *\n * After registration, every time an event that we listen to happens,\n * Observable returned by `fromEventPattern` will emit value that event handler\n * function was called with. Note that if event handler was called with more\n * than one argument, second and following arguments will not appear in the Observable.\n *\n * If API you are using allows to unregister event handlers as well, you can pass to `fromEventPattern`\n * another function - `removeHandler` - as a second parameter. It will be injected\n * with the same handler function as before, which now you can use to unregister\n * it from the API. `removeHandler` will be called when consumer of resulting Observable\n * unsubscribes from it.\n *\n * In some APIs unregistering is actually handled differently. Method registering an event handler\n * returns some kind of token, which is later used to identify which function should\n * be unregistered or it itself has method that unregisters event handler.\n * If that is the case with your API, make sure token returned\n * by registering method is returned by `addHandler`. Then it will be passed\n * as a second argument to `removeHandler`, where you will be able to use it.\n *\n * If you need access to all event handler parameters (not only the first one),\n * or you need to transform them in any way, you can call `fromEventPattern` with optional\n * third parameter - project function which will accept all arguments passed to\n * event handler when it is called. Whatever is returned from project function will appear on\n * resulting stream instead of usual event handlers first argument. This means\n * that default project can be thought of as function that takes its first parameter\n * and ignores the rest.\n *\n * ## Examples\n *\n * Emits clicks happening on the DOM document\n *\n * ```ts\n * import { fromEventPattern } from 'rxjs';\n *\n * function addClickHandler(handler) {\n *   document.addEventListener('click', handler);\n * }\n *\n * function removeClickHandler(handler) {\n *   document.removeEventListener('click', handler);\n * }\n *\n * const clicks = fromEventPattern(\n *   addClickHandler,\n *   removeClickHandler\n * );\n * clicks.subscribe(x => console.log(x));\n *\n * // Whenever you click anywhere in the browser, DOM MouseEvent\n * // object will be logged.\n * ```\n *\n * Use with API that returns cancellation token\n *\n * ```ts\n * import { fromEventPattern } from 'rxjs';\n *\n * const token = someAPI.registerEventHandler(function() {});\n * someAPI.unregisterEventHandler(token); // this APIs cancellation method accepts\n *                                        // not handler itself, but special token.\n *\n * const someAPIObservable = fromEventPattern(\n *   function(handler) { return someAPI.registerEventHandler(handler); }, // Note that we return the token here...\n *   function(handler, token) { someAPI.unregisterEventHandler(token); }  // ...to then use it here.\n * );\n * ```\n *\n * Use with project function\n *\n * ```ts\n * import { fromEventPattern } from 'rxjs';\n *\n * someAPI.registerEventHandler((eventType, eventMessage) => {\n *   console.log(eventType, eventMessage); // Logs 'EVENT_TYPE' 'EVENT_MESSAGE' to console.\n * });\n *\n * const someAPIObservable = fromEventPattern(\n *   handler => someAPI.registerEventHandler(handler),\n *   handler => someAPI.unregisterEventHandler(handler)\n *   (eventType, eventMessage) => eventType + ' --- ' + eventMessage // without that function only 'EVENT_TYPE'\n * );                                                                // would be emitted by the Observable\n *\n * someAPIObservable.subscribe(value => console.log(value));\n *\n * // Logs:\n * // 'EVENT_TYPE --- EVENT_MESSAGE'\n * ```\n *\n * @see {@link fromEvent}\n * @see {@link bindCallback}\n * @see {@link bindNodeCallback}\n *\n * @param {function(handler: Function): any} addHandler A function that takes\n * a `handler` function as argument and attaches it somehow to the actual\n * source of events.\n * @param {function(handler: Function, token?: any): void} [removeHandler] A function that\n * takes a `handler` function as an argument and removes it from the event source. If `addHandler`\n * returns some kind of token, `removeHandler` function will have it as a second parameter.\n * @param {function(...args: any): T} [project] A function to\n * transform results. It takes the arguments from the event handler and\n * should return a single value.\n * @return {Observable<T>} Observable which, when an event happens, emits first parameter\n * passed to registered event handler. Alternatively it emits whatever project function returns\n * at that moment.\n */\nexport function fromEventPattern<T>(\n  addHandler: (handler: NodeEventHandler) => any,\n  removeHandler?: (handler: NodeEventHandler, signal?: any) => void,\n  resultSelector?: (...args: any[]) => T\n): Observable<T | T[]> {\n  if (resultSelector) {\n    return fromEventPattern<T>(addHandler, removeHandler).pipe(mapOneOrManyArgs(resultSelector));\n  }\n\n  return new Observable<T | T[]>((subscriber) => {\n    const handler = (...e: T[]) => subscriber.next(e.length === 1 ? e[0] : e);\n    const retValue = addHandler(handler);\n    return isFunction(removeHandler) ? () => removeHandler(handler, retValue) : undefined;\n  });\n}\n", "import { Observable } from '../Observable';\nimport { SchedulerLike } from '../types';\nimport { async as asyncScheduler } from '../scheduler/async';\nimport { isScheduler } from '../util/isScheduler';\nimport { isValidDate } from '../util/isDate';\n\n/**\n * Creates an observable that will wait for a specified time period, or exact date, before\n * emitting the number 0.\n *\n * <span class=\"informal\">Used to emit a notification after a delay.</span>\n *\n * This observable is useful for creating delays in code, or racing against other values\n * for ad-hoc timeouts.\n *\n * The `delay` is specified by default in milliseconds, however providing a custom scheduler could\n * create a different behavior.\n *\n * ## Examples\n *\n * Wait 3 seconds and start another observable\n *\n * You might want to use `timer` to delay subscription to an\n * observable by a set amount of time. Here we use a timer with\n * {@link concatMapTo} or {@link concatMap} in order to wait\n * a few seconds and start a subscription to a source.\n *\n * ```ts\n * import { of, timer, concatMap } from 'rxjs';\n *\n * // This could be any observable\n * const source = of(1, 2, 3);\n *\n * timer(3000)\n *   .pipe(concatMap(() => source))\n *   .subscribe(console.log);\n * ```\n *\n * Take all values until the start of the next minute\n *\n * Using a `Date` as the trigger for the first emission, you can\n * do things like wait until midnight to fire an event, or in this case,\n * wait until a new minute starts (chosen so the example wouldn't take\n * too long to run) in order to stop watching a stream. Leveraging\n * {@link takeUntil}.\n *\n * ```ts\n * import { interval, takeUntil, timer } from 'rxjs';\n *\n * // Build a Date object that marks the\n * // next minute.\n * const currentDate = new Date();\n * const startOfNextMinute = new Date(\n *   currentDate.getFullYear(),\n *   currentDate.getMonth(),\n *   currentDate.getDate(),\n *   currentDate.getHours(),\n *   currentDate.getMinutes() + 1\n * );\n *\n * // This could be any observable stream\n * const source = interval(1000);\n *\n * const result = source.pipe(\n *   takeUntil(timer(startOfNextMinute))\n * );\n *\n * result.subscribe(console.log);\n * ```\n *\n * ### Known Limitations\n *\n * - The {@link asyncScheduler} uses `setTimeout` which has limitations for how far in the future it can be scheduled.\n *\n * - If a `scheduler` is provided that returns a timestamp other than an epoch from `now()`, and\n * a `Date` object is passed to the `dueTime` argument, the calculation for when the first emission\n * should occur will be incorrect. In this case, it would be best to do your own calculations\n * ahead of time, and pass a `number` in as the `dueTime`.\n *\n * @param due If a `number`, the amount of time in milliseconds to wait before emitting.\n * If a `Date`, the exact time at which to emit.\n * @param scheduler The scheduler to use to schedule the delay. Defaults to {@link asyncScheduler}.\n */\nexport function timer(due: number | Date, scheduler?: SchedulerLike): Observable<0>;\n\n/**\n * Creates an observable that starts an interval after a specified delay, emitting incrementing numbers -- starting at `0` --\n * on each interval after words.\n *\n * The `delay` and `intervalDuration` are specified by default in milliseconds, however providing a custom scheduler could\n * create a different behavior.\n *\n * ## Example\n *\n * ### Start an interval that starts right away\n *\n * Since {@link interval} waits for the passed delay before starting,\n * sometimes that's not ideal. You may want to start an interval immediately.\n * `timer` works well for this. Here we have both side-by-side so you can\n * see them in comparison.\n *\n * Note that this observable will never complete.\n *\n * ```ts\n * import { timer, interval } from 'rxjs';\n *\n * timer(0, 1000).subscribe(n => console.log('timer', n));\n * interval(1000).subscribe(n => console.log('interval', n));\n * ```\n *\n * ### Known Limitations\n *\n * - The {@link asyncScheduler} uses `setTimeout` which has limitations for how far in the future it can be scheduled.\n *\n * - If a `scheduler` is provided that returns a timestamp other than an epoch from `now()`, and\n * a `Date` object is passed to the `dueTime` argument, the calculation for when the first emission\n * should occur will be incorrect. In this case, it would be best to do your own calculations\n * ahead of time, and pass a `number` in as the `startDue`.\n * @param startDue If a `number`, is the time to wait before starting the interval.\n * If a `Date`, is the exact time at which to start the interval.\n * @param intervalDuration The delay between each value emitted in the interval. Passing a\n * negative number here will result in immediate completion after the first value is emitted, as though\n * no `intervalDuration` was passed at all.\n * @param scheduler The scheduler to use to schedule the delay. Defaults to {@link asyncScheduler}.\n */\nexport function timer(startDue: number | Date, intervalDuration: number, scheduler?: SchedulerLike): Observable<number>;\n\n/**\n * @deprecated The signature allowing `undefined` to be passed for `intervalDuration` will be removed in v8. Use the `timer(dueTime, scheduler?)` signature instead.\n */\nexport function timer(dueTime: number | Date, unused: undefined, scheduler?: SchedulerLike): Observable<0>;\n\nexport function timer(\n  dueTime: number | Date = 0,\n  intervalOrScheduler?: number | SchedulerLike,\n  scheduler: SchedulerLike = asyncScheduler\n): Observable<number> {\n  // Since negative intervalDuration is treated as though no\n  // interval was specified at all, we start with a negative number.\n  let intervalDuration = -1;\n\n  if (intervalOrScheduler != null) {\n    // If we have a second argument, and it's a scheduler,\n    // override the scheduler we had defaulted. Otherwise,\n    // it must be an interval.\n    if (isScheduler(intervalOrScheduler)) {\n      scheduler = intervalOrScheduler;\n    } else {\n      // Note that this *could* be negative, in which case\n      // it's like not passing an intervalDuration at all.\n      intervalDuration = intervalOrScheduler;\n    }\n  }\n\n  return new Observable((subscriber) => {\n    // If a valid date is passed, calculate how long to wait before\n    // executing the first value... otherwise, if it's a number just schedule\n    // that many milliseconds (or scheduler-specified unit size) in the future.\n    let due = isValidDate(dueTime) ? +dueTime - scheduler!.now() : dueTime;\n\n    if (due < 0) {\n      // Ensure we don't schedule in the future.\n      due = 0;\n    }\n\n    // The incrementing value we emit.\n    let n = 0;\n\n    // Start the timer.\n    return scheduler.schedule(function () {\n      if (!subscriber.closed) {\n        // Emit the next value and increment.\n        subscriber.next(n++);\n\n        if (0 <= intervalDuration) {\n          // If we have a interval after the initial timer,\n          // reschedule with the period.\n          this.schedule(undefined, intervalDuration);\n        } else {\n          // We didn't have an interval. So just complete.\n          subscriber.complete();\n        }\n      }\n    }, due);\n  });\n}\n", "import { Observable } from '../Observable';\nimport { ObservableInput, ObservableInputTuple, SchedulerLike } from '../types';\nimport { mergeAll } from '../operators/mergeAll';\nimport { innerFrom } from './innerFrom';\nimport { EMPTY } from './empty';\nimport { popNumber, popScheduler } from '../util/args';\nimport { from } from './from';\n\nexport function merge<A extends readonly unknown[]>(...sources: [...ObservableInputTuple<A>]): Observable<A[number]>;\nexport function merge<A extends readonly unknown[]>(...sourcesAndConcurrency: [...ObservableInputTuple<A>, number?]): Observable<A[number]>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `mergeAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function merge<A extends readonly unknown[]>(\n  ...sourcesAndScheduler: [...ObservableInputTuple<A>, SchedulerLike?]\n): Observable<A[number]>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `mergeAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function merge<A extends readonly unknown[]>(\n  ...sourcesAndConcurrencyAndScheduler: [...ObservableInputTuple<A>, number?, SchedulerLike?]\n): Observable<A[number]>;\n\n/**\n * Creates an output Observable which concurrently emits all values from every\n * given input Observable.\n *\n * <span class=\"informal\">Flattens multiple Observables together by blending\n * their values into one Observable.</span>\n *\n * ![](merge.png)\n *\n * `merge` subscribes to each given input Observable (as arguments), and simply\n * forwards (without doing any transformation) all the values from all the input\n * Observables to the output Observable. The output Observable only completes\n * once all input Observables have completed. Any error delivered by an input\n * Observable will be immediately emitted on the output Observable.\n *\n * ## Examples\n *\n * Merge together two Observables: 1s interval and clicks\n *\n * ```ts\n * import { merge, fromEvent, interval } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const timer = interval(1000);\n * const clicksOrTimer = merge(clicks, timer);\n * clicksOrTimer.subscribe(x => console.log(x));\n *\n * // Results in the following:\n * // timer will emit ascending values, one every second(1000ms) to console\n * // clicks logs MouseEvents to console every time the \"document\" is clicked\n * // Since the two streams are merged you see these happening\n * // as they occur.\n * ```\n *\n * Merge together 3 Observables, but run only 2 concurrently\n *\n * ```ts\n * import { interval, take, merge } from 'rxjs';\n *\n * const timer1 = interval(1000).pipe(take(10));\n * const timer2 = interval(2000).pipe(take(6));\n * const timer3 = interval(500).pipe(take(10));\n *\n * const concurrent = 2; // the argument\n * const merged = merge(timer1, timer2, timer3, concurrent);\n * merged.subscribe(x => console.log(x));\n *\n * // Results in the following:\n * // - First timer1 and timer2 will run concurrently\n * // - timer1 will emit a value every 1000ms for 10 iterations\n * // - timer2 will emit a value every 2000ms for 6 iterations\n * // - after timer1 hits its max iteration, timer2 will\n * //   continue, and timer3 will start to run concurrently with timer2\n * // - when timer2 hits its max iteration it terminates, and\n * //   timer3 will continue to emit a value every 500ms until it is complete\n * ```\n *\n * @see {@link mergeAll}\n * @see {@link mergeMap}\n * @see {@link mergeMapTo}\n * @see {@link mergeScan}\n *\n * @param {...ObservableInput} observables Input Observables to merge together.\n * @param {number} [concurrent=Infinity] Maximum number of input\n * Observables being subscribed to concurrently.\n * @param {SchedulerLike} [scheduler=null] The {@link SchedulerLike} to use for managing\n * concurrency of input Observables.\n * @return {Observable} an Observable that emits items that are the result of\n * every input Observable.\n */\nexport function merge(...args: (ObservableInput<unknown> | number | SchedulerLike)[]): Observable<unknown> {\n  const scheduler = popScheduler(args);\n  const concurrent = popNumber(args, Infinity);\n  const sources = args as ObservableInput<unknown>[];\n  return !sources.length\n    ? // No source provided\n      EMPTY\n    : sources.length === 1\n    ? // One source? Just return it.\n      innerFrom(sources[0])\n    : // Merge all sources\n      mergeAll(concurrent)(from(sources, scheduler));\n}\n", "import { Observable } from '../Observable';\nimport { noop } from '../util/noop';\n\n/**\n * An Observable that emits no items to the Observer and never completes.\n *\n * ![](never.png)\n *\n * A simple Observable that emits neither values nor errors nor the completion\n * notification. It can be used for testing purposes or for composing with other\n * Observables. Please note that by never emitting a complete notification, this\n * Observable keeps the subscription from being disposed automatically.\n * Subscriptions need to be manually disposed.\n *\n * ##  Example\n *\n * Emit the number 7, then never emit anything else (not even complete)\n *\n * ```ts\n * import { NEVER, startWith } from 'rxjs';\n *\n * const info = () => console.log('Will not be called');\n *\n * const result = NEVER.pipe(startWith(7));\n * result.subscribe({\n *   next: x => console.log(x),\n *   error: info,\n *   complete: info\n * });\n * ```\n *\n * @see {@link Observable}\n * @see {@link EMPTY}\n * @see {@link of}\n * @see {@link throwError}\n */\nexport const NEVER = new Observable<never>(noop);\n\n/**\n * @deprecated Replaced with the {@link NEVER} constant. Will be removed in v8.\n */\nexport function never() {\n  return NEVER;\n}\n", "const { isArray } = Array;\n\n/**\n * Used in operators and functions that accept either a list of arguments, or an array of arguments\n * as a single argument.\n */\nexport function argsOrArgArray<T>(args: (T | T[])[]): T[] {\n  return args.length === 1 && isArray(args[0]) ? args[0] : (args as T[]);\n}\n", "import { OperatorFunction, MonoTypeOperatorFunction, TruthyTypesOf } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/** @deprecated Use a closure instead of a `thisArg`. Signatures accepting a `thisArg` will be removed in v8. */\nexport function filter<T, S extends T, A>(predicate: (this: A, value: T, index: number) => value is S, thisArg: A): OperatorFunction<T, S>;\nexport function filter<T, S extends T>(predicate: (value: T, index: number) => value is S): OperatorFunction<T, S>;\nexport function filter<T>(predicate: BooleanConstructor): OperatorFunction<T, TruthyTypesOf<T>>;\n/** @deprecated Use a closure instead of a `thisArg`. Signatures accepting a `thisArg` will be removed in v8. */\nexport function filter<T, A>(predicate: (this: A, value: T, index: number) => boolean, thisArg: A): MonoTypeOperatorFunction<T>;\nexport function filter<T>(predicate: (value: T, index: number) => boolean): MonoTypeOperatorFunction<T>;\n\n/**\n * Filter items emitted by the source Observable by only emitting those that\n * satisfy a specified predicate.\n *\n * <span class=\"informal\">Like\n * [Array.prototype.filter()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter),\n * it only emits a value from the source if it passes a criterion function.</span>\n *\n * ![](filter.png)\n *\n * Similar to the well-known `Array.prototype.filter` method, this operator\n * takes values from the source Observable, passes them through a `predicate`\n * function and only emits those values that yielded `true`.\n *\n * ## Example\n *\n * Emit only click events whose target was a DIV element\n *\n * ```ts\n * import { fromEvent, filter } from 'rxjs';\n *\n * const div = document.createElement('div');\n * div.style.cssText = 'width: 200px; height: 200px; background: #09c;';\n * document.body.appendChild(div);\n *\n * const clicks = fromEvent(document, 'click');\n * const clicksOnDivs = clicks.pipe(filter(ev => (<HTMLElement>ev.target).tagName === 'DIV'));\n * clicksOnDivs.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link distinct}\n * @see {@link distinctUntilChanged}\n * @see {@link distinctUntilKeyChanged}\n * @see {@link ignoreElements}\n * @see {@link partition}\n * @see {@link skip}\n *\n * @param predicate A function that\n * evaluates each value emitted by the source Observable. If it returns `true`,\n * the value is emitted, if `false` the value is not passed to the output\n * Observable. The `index` parameter is the number `i` for the i-th source\n * emission that has happened since the subscription, starting from the number\n * `0`.\n * @param thisArg An optional argument to determine the value of `this`\n * in the `predicate` function.\n * @return A function that returns an Observable that emits items from the\n * source Observable that satisfy the specified `predicate`.\n */\nexport function filter<T>(predicate: (value: T, index: number) => boolean, thisArg?: any): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    // An index passed to our predicate function on each call.\n    let index = 0;\n\n    // Subscribe to the source, all errors and completions are\n    // forwarded to the consumer.\n    source.subscribe(\n      // Call the predicate with the appropriate `this` context,\n      // if the predicate returns `true`, then send the value\n      // to the consumer.\n      createOperatorSubscriber(subscriber, (value) => predicate.call(thisArg, value, index++) && subscriber.next(value))\n    );\n  });\n}\n", "import { Observable } from '../Observable';\nimport { ObservableInputTuple } from '../types';\nimport { innerFrom } from './innerFrom';\nimport { argsOrArgArray } from '../util/argsOrArgArray';\nimport { EMPTY } from './empty';\nimport { createOperatorSubscriber } from '../operators/OperatorSubscriber';\nimport { popResultSelector } from '../util/args';\n\nexport function zip<A extends readonly unknown[]>(sources: [...ObservableInputTuple<A>]): Observable<A>;\nexport function zip<A extends readonly unknown[], R>(\n  sources: [...ObservableInputTuple<A>],\n  resultSelector: (...values: A) => R\n): Observable<R>;\nexport function zip<A extends readonly unknown[]>(...sources: [...ObservableInputTuple<A>]): Observable<A>;\nexport function zip<A extends readonly unknown[], R>(\n  ...sourcesAndResultSelector: [...ObservableInputTuple<A>, (...values: A) => R]\n): Observable<R>;\n\n/**\n * Combines multiple Observables to create an Observable whose values are calculated from the values, in order, of each\n * of its input Observables.\n *\n * If the last parameter is a function, this function is used to compute the created value from the input values.\n * Otherwise, an array of the input values is returned.\n *\n * ## Example\n *\n * Combine age and name from different sources\n *\n * ```ts\n * import { of, zip, map } from 'rxjs';\n *\n * const age$ = of(27, 25, 29);\n * const name$ = of('Foo', 'Bar', 'Beer');\n * const isDev$ = of(true, true, false);\n *\n * zip(age$, name$, isDev$).pipe(\n *   map(([age, name, isDev]) => ({ age, name, isDev }))\n * )\n * .subscribe(x => console.log(x));\n *\n * // Outputs\n * // { age: 27, name: 'Foo', isDev: true }\n * // { age: 25, name: 'Bar', isDev: true }\n * // { age: 29, name: 'Beer', isDev: false }\n * ```\n *\n * @param sources\n * @return {Observable<R>}\n */\nexport function zip(...args: unknown[]): Observable<unknown> {\n  const resultSelector = popResultSelector(args);\n\n  const sources = argsOrArgArray(args) as Observable<unknown>[];\n\n  return sources.length\n    ? new Observable<unknown[]>((subscriber) => {\n        // A collection of buffers of values from each source.\n        // Keyed by the same index with which the sources were passed in.\n        let buffers: unknown[][] = sources.map(() => []);\n\n        // An array of flags of whether or not the sources have completed.\n        // This is used to check to see if we should complete the result.\n        // Keyed by the same index with which the sources were passed in.\n        let completed = sources.map(() => false);\n\n        // When everything is done, release the arrays above.\n        subscriber.add(() => {\n          buffers = completed = null!;\n        });\n\n        // Loop over our sources and subscribe to each one. The index `i` is\n        // especially important here, because we use it in closures below to\n        // access the related buffers and completion properties\n        for (let sourceIndex = 0; !subscriber.closed && sourceIndex < sources.length; sourceIndex++) {\n          innerFrom(sources[sourceIndex]).subscribe(\n            createOperatorSubscriber(\n              subscriber,\n              (value) => {\n                buffers[sourceIndex].push(value);\n                // if every buffer has at least one value in it, then we\n                // can shift out the oldest value from each buffer and emit\n                // them as an array.\n                if (buffers.every((buffer) => buffer.length)) {\n                  const result: any = buffers.map((buffer) => buffer.shift()!);\n                  // Emit the array. If theres' a result selector, use that.\n                  subscriber.next(resultSelector ? resultSelector(...result) : result);\n                  // If any one of the sources is both complete and has an empty buffer\n                  // then we complete the result. This is because we cannot possibly have\n                  // any more values to zip together.\n                  if (buffers.some((buffer, i) => !buffer.length && completed[i])) {\n                    subscriber.complete();\n                  }\n                }\n              },\n              () => {\n                // This source completed. Mark it as complete so we can check it later\n                // if we have to.\n                completed[sourceIndex] = true;\n                // But, if this complete source has nothing in its buffer, then we\n                // can complete the result, because we can't possibly have any more\n                // values from this to zip together with the other values.\n                !buffers[sourceIndex].length && subscriber.complete();\n              }\n            )\n          );\n        }\n\n        // When everything is done, release the arrays above.\n        return () => {\n          buffers = completed = null!;\n        };\n      })\n    : EMPTY;\n}\n", "import { Subscriber } from '../Subscriber';\nimport { MonoTypeOperatorFunction, ObservableInput } from '../types';\n\nimport { operate } from '../util/lift';\nimport { innerFrom } from '../observable/innerFrom';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * Ignores source values for a duration determined by another Observable, then\n * emits the most recent value from the source Observable, then repeats this\n * process.\n *\n * <span class=\"informal\">It's like {@link auditTime}, but the silencing\n * duration is determined by a second Observable.</span>\n *\n * ![](audit.svg)\n *\n * `audit` is similar to `throttle`, but emits the last value from the silenced\n * time window, instead of the first value. `audit` emits the most recent value\n * from the source Observable on the output Observable as soon as its internal\n * timer becomes disabled, and ignores source values while the timer is enabled.\n * Initially, the timer is disabled. As soon as the first source value arrives,\n * the timer is enabled by calling the `durationSelector` function with the\n * source value, which returns the \"duration\" Observable. When the duration\n * Observable emits a value, the timer is disabled, then the most\n * recent source value is emitted on the output Observable, and this process\n * repeats for the next source value.\n *\n * ## Example\n *\n * Emit clicks at a rate of at most one click per second\n *\n * ```ts\n * import { fromEvent, audit, interval } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(audit(ev => interval(1000)));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link auditTime}\n * @see {@link debounce}\n * @see {@link delayWhen}\n * @see {@link sample}\n * @see {@link throttle}\n *\n * @param durationSelector A function\n * that receives a value from the source Observable, for computing the silencing\n * duration, returned as an Observable or a Promise.\n * @return A function that returns an Observable that performs rate-limiting of\n * emissions from the source Observable.\n */\nexport function audit<T>(durationSelector: (value: T) => ObservableInput<any>): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    let hasValue = false;\n    let lastValue: T | null = null;\n    let durationSubscriber: Subscriber<any> | null = null;\n    let isComplete = false;\n\n    const endDuration = () => {\n      durationSubscriber?.unsubscribe();\n      durationSubscriber = null;\n      if (hasValue) {\n        hasValue = false;\n        const value = lastValue!;\n        lastValue = null;\n        subscriber.next(value);\n      }\n      isComplete && subscriber.complete();\n    };\n\n    const cleanupDuration = () => {\n      durationSubscriber = null;\n      isComplete && subscriber.complete();\n    };\n\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => {\n          hasValue = true;\n          lastValue = value;\n          if (!durationSubscriber) {\n            innerFrom(durationSelector(value)).subscribe(\n              (durationSubscriber = createOperatorSubscriber(subscriber, endDuration, cleanupDuration))\n            );\n          }\n        },\n        () => {\n          isComplete = true;\n          (!hasValue || !durationSubscriber || durationSubscriber.closed) && subscriber.complete();\n        }\n      )\n    );\n  });\n}\n", "import { asyncScheduler } from '../scheduler/async';\nimport { audit } from './audit';\nimport { timer } from '../observable/timer';\nimport { MonoTypeOperatorFunction, SchedulerLike } from '../types';\n\n/**\n * Ignores source values for `duration` milliseconds, then emits the most recent\n * value from the source Observable, then repeats this process.\n *\n * <span class=\"informal\">When it sees a source value, it ignores that plus\n * the next ones for `duration` milliseconds, and then it emits the most recent\n * value from the source.</span>\n *\n * ![](auditTime.png)\n *\n * `auditTime` is similar to `throttleTime`, but emits the last value from the\n * silenced time window, instead of the first value. `auditTime` emits the most\n * recent value from the source Observable on the output Observable as soon as\n * its internal timer becomes disabled, and ignores source values while the\n * timer is enabled. Initially, the timer is disabled. As soon as the first\n * source value arrives, the timer is enabled. After `duration` milliseconds (or\n * the time unit determined internally by the optional `scheduler`) has passed,\n * the timer is disabled, then the most recent source value is emitted on the\n * output Observable, and this process repeats for the next source value.\n * Optionally takes a {@link SchedulerLike} for managing timers.\n *\n * ## Example\n *\n * Emit clicks at a rate of at most one click per second\n *\n * ```ts\n * import { fromEvent, auditTime } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(auditTime(1000));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link audit}\n * @see {@link debounceTime}\n * @see {@link delay}\n * @see {@link sampleTime}\n * @see {@link throttleTime}\n *\n * @param {number} duration Time to wait before emitting the most recent source\n * value, measured in milliseconds or the time unit determined internally\n * by the optional `scheduler`.\n * @param {SchedulerLike} [scheduler=async] The {@link SchedulerLike} to use for\n * managing the timers that handle the rate-limiting behavior.\n * @return A function that returns an Observable that performs rate-limiting of\n * emissions from the source Observable.\n */\nexport function auditTime<T>(duration: number, scheduler: SchedulerLike = asyncScheduler): MonoTypeOperatorFunction<T> {\n  return audit(() => timer(duration, scheduler));\n}\n", "import { OperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { arrRemove } from '../util/arrRemove';\n\n/**\n * Buffers the source Observable values until the size hits the maximum\n * `bufferSize` given.\n *\n * <span class=\"informal\">Collects values from the past as an array, and emits\n * that array only when its size reaches `bufferSize`.</span>\n *\n * ![](bufferCount.png)\n *\n * Buffers a number of values from the source Observable by `bufferSize` then\n * emits the buffer and clears it, and starts a new buffer each\n * `startBufferEvery` values. If `startBufferEvery` is not provided or is\n * `null`, then new buffers are started immediately at the start of the source\n * and when each buffer closes and is emitted.\n *\n * ## Examples\n *\n * Emit the last two click events as an array\n *\n * ```ts\n * import { fromEvent, bufferCount } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const buffered = clicks.pipe(bufferCount(2));\n * buffered.subscribe(x => console.log(x));\n * ```\n *\n * On every click, emit the last two click events as an array\n *\n * ```ts\n * import { fromEvent, bufferCount } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const buffered = clicks.pipe(bufferCount(2, 1));\n * buffered.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link buffer}\n * @see {@link bufferTime}\n * @see {@link bufferToggle}\n * @see {@link bufferWhen}\n * @see {@link pairwise}\n * @see {@link windowCount}\n *\n * @param {number} bufferSize The maximum size of the buffer emitted.\n * @param {number} [startBufferEvery] Interval at which to start a new buffer.\n * For example if `startBufferEvery` is `2`, then a new buffer will be started\n * on every other value from the source. A new buffer is started at the\n * beginning of the source by default.\n * @return A function that returns an Observable of arrays of buffered values.\n */\nexport function bufferCount<T>(bufferSize: number, startBufferEvery: number | null = null): OperatorFunction<T, T[]> {\n  // If no `startBufferEvery` value was supplied, then we're\n  // opening and closing on the bufferSize itself.\n  startBufferEvery = startBufferEvery ?? bufferSize;\n\n  return operate((source, subscriber) => {\n    let buffers: T[][] = [];\n    let count = 0;\n\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => {\n          let toEmit: T[][] | null = null;\n\n          // Check to see if we need to start a buffer.\n          // This will start one at the first value, and then\n          // a new one every N after that.\n          if (count++ % startBufferEvery! === 0) {\n            buffers.push([]);\n          }\n\n          // Push our value into our active buffers.\n          for (const buffer of buffers) {\n            buffer.push(value);\n            // Check to see if we're over the bufferSize\n            // if we are, record it so we can emit it later.\n            // If we emitted it now and removed it, it would\n            // mutate the `buffers` array while we're looping\n            // over it.\n            if (bufferSize <= buffer.length) {\n              toEmit = toEmit ?? [];\n              toEmit.push(buffer);\n            }\n          }\n\n          if (toEmit) {\n            // We have found some buffers that are over the\n            // `bufferSize`. Emit them, and remove them from our\n            // buffers list.\n            for (const buffer of toEmit) {\n              arrRemove(buffers, buffer);\n              subscriber.next(buffer);\n            }\n          }\n        },\n        () => {\n          // When the source completes, emit all of our\n          // active buffers.\n          for (const buffer of buffers) {\n            subscriber.next(buffer);\n          }\n          subscriber.complete();\n        },\n        // Pass all errors through to consumer.\n        undefined,\n        () => {\n          // Clean up our memory when we finalize\n          buffers = null!;\n        }\n      )\n    );\n  });\n}\n", "import { Observable } from '../Observable';\n\nimport { ObservableInput, OperatorFunction, ObservedValueOf } from '../types';\nimport { Subscription } from '../Subscription';\nimport { innerFrom } from '../observable/innerFrom';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { operate } from '../util/lift';\n\n/* tslint:disable:max-line-length */\nexport function catchError<T, O extends ObservableInput<any>>(\n  selector: (err: any, caught: Observable<T>) => O\n): OperatorFunction<T, T | ObservedValueOf<O>>;\n/* tslint:enable:max-line-length */\n\n/**\n * Catches errors on the observable to be handled by returning a new observable or throwing an error.\n *\n * <span class=\"informal\">\n * It only listens to the error channel and ignores notifications.\n * Handles errors from the source observable, and maps them to a new observable.\n * The error may also be rethrown, or a new error can be thrown to emit an error from the result.\n * </span>\n *\n * ![](catch.png)\n *\n * This operator handles errors, but forwards along all other events to the resulting observable.\n * If the source observable terminates with an error, it will map that error to a new observable,\n * subscribe to it, and forward all of its events to the resulting observable.\n *\n * ## Examples\n *\n * Continue with a different Observable when there's an error\n *\n * ```ts\n * import { of, map, catchError } from 'rxjs';\n *\n * of(1, 2, 3, 4, 5)\n *   .pipe(\n *     map(n => {\n *       if (n === 4) {\n *         throw 'four!';\n *       }\n *       return n;\n *     }),\n *     catchError(err => of('I', 'II', 'III', 'IV', 'V'))\n *   )\n *   .subscribe(x => console.log(x));\n *   // 1, 2, 3, I, II, III, IV, V\n * ```\n *\n * Retry the caught source Observable again in case of error, similar to `retry()` operator\n *\n * ```ts\n * import { of, map, catchError, take } from 'rxjs';\n *\n * of(1, 2, 3, 4, 5)\n *   .pipe(\n *     map(n => {\n *       if (n === 4) {\n *         throw 'four!';\n *       }\n *       return n;\n *     }),\n *     catchError((err, caught) => caught),\n *     take(30)\n *   )\n *   .subscribe(x => console.log(x));\n *   // 1, 2, 3, 1, 2, 3, ...\n * ```\n *\n * Throw a new error when the source Observable throws an error\n *\n * ```ts\n * import { of, map, catchError } from 'rxjs';\n *\n * of(1, 2, 3, 4, 5)\n *   .pipe(\n *     map(n => {\n *       if (n === 4) {\n *         throw 'four!';\n *       }\n *       return n;\n *     }),\n *     catchError(err => {\n *       throw 'error in source. Details: ' + err;\n *     })\n *   )\n *   .subscribe({\n *     next: x => console.log(x),\n *     error: err => console.log(err)\n *   });\n *   // 1, 2, 3, error in source. Details: four!\n * ```\n *\n * @see {@link onErrorResumeNext}\n * @see {@link repeat}\n * @see {@link repeatWhen}\n * @see {@link retry }\n * @see {@link retryWhen}\n *\n * @param {function} selector a function that takes as arguments `err`, which is the error, and `caught`, which\n * is the source observable, in case you'd like to \"retry\" that observable by returning it again. Whatever observable\n * is returned by the `selector` will be used to continue the observable chain.\n * @return A function that returns an Observable that originates from either\n * the source or the Observable returned by the `selector` function.\n */\nexport function catchError<T, O extends ObservableInput<any>>(\n  selector: (err: any, caught: Observable<T>) => O\n): OperatorFunction<T, T | ObservedValueOf<O>> {\n  return operate((source, subscriber) => {\n    let innerSub: Subscription | null = null;\n    let syncUnsub = false;\n    let handledResult: Observable<ObservedValueOf<O>>;\n\n    innerSub = source.subscribe(\n      createOperatorSubscriber(subscriber, undefined, undefined, (err) => {\n        handledResult = innerFrom(selector(err, catchError(selector)(source)));\n        if (innerSub) {\n          innerSub.unsubscribe();\n          innerSub = null;\n          handledResult.subscribe(subscriber);\n        } else {\n          // We don't have an innerSub yet, that means the error was synchronous\n          // because the subscribe call hasn't returned yet.\n          syncUnsub = true;\n        }\n      })\n    );\n\n    if (syncUnsub) {\n      // We have a synchronous error, we need to make sure to\n      // finalize right away. This ensures that callbacks in the `finalize` operator are called\n      // at the right time, and that finalization occurs at the expected\n      // time between the source error and the subscription to the\n      // next observable.\n      innerSub.unsubscribe();\n      innerSub = null;\n      handledResult!.subscribe(subscriber);\n    }\n  });\n}\n", "import { Observable } from '../Observable';\nimport { Subscriber } from '../Subscriber';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * A basic scan operation. This is used for `scan` and `reduce`.\n * @param accumulator The accumulator to use\n * @param seed The seed value for the state to accumulate\n * @param hasSeed Whether or not a seed was provided\n * @param emitOnNext Whether or not to emit the state on next\n * @param emitBeforeComplete Whether or not to emit the before completion\n */\n\nexport function scanInternals<V, A, S>(\n  accumulator: (acc: V | A | S, value: V, index: number) => A,\n  seed: S,\n  hasSeed: boolean,\n  emitOnNext: boolean,\n  emitBeforeComplete?: undefined | true\n) {\n  return (source: Observable<V>, subscriber: Subscriber<any>) => {\n    // Whether or not we have state yet. This will only be\n    // false before the first value arrives if we didn't get\n    // a seed value.\n    let hasState = hasSeed;\n    // The state that we're tracking, starting with the seed,\n    // if there is one, and then updated by the return value\n    // from the accumulator on each emission.\n    let state: any = seed;\n    // An index to pass to the accumulator function.\n    let index = 0;\n\n    // Subscribe to our source. All errors and completions are passed through.\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => {\n          // Always increment the index.\n          const i = index++;\n          // Set the state\n          state = hasState\n            ? // We already have state, so we can get the new state from the accumulator\n              accumulator(state, value, i)\n            : // We didn't have state yet, a seed value was not provided, so\n\n              // we set the state to the first value, and mark that we have state now\n              ((hasState = true), value);\n\n          // Maybe send it to the consumer.\n          emitOnNext && subscriber.next(state);\n        },\n        // If an onComplete was given, call it, otherwise\n        // just pass through the complete notification to the consumer.\n        emitBeforeComplete &&\n          (() => {\n            hasState && subscriber.next(state);\n            subscriber.complete();\n          })\n      )\n    );\n  };\n}\n", "import { combineLatestInit } from '../observable/combineLatest';\nimport { ObservableInput, ObservableInputTuple, OperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { argsOrArgArray } from '../util/argsOrArgArray';\nimport { mapOneOrManyArgs } from '../util/mapOneOrManyArgs';\nimport { pipe } from '../util/pipe';\nimport { popResultSelector } from '../util/args';\n\n/** @deprecated Replaced with {@link combineLatestWith}. Will be removed in v8. */\nexport function combineLatest<T, A extends readonly unknown[], R>(\n  sources: [...ObservableInputTuple<A>],\n  project: (...values: [T, ...A]) => R\n): OperatorFunction<T, R>;\n/** @deprecated Replaced with {@link combineLatestWith}. Will be removed in v8. */\nexport function combineLatest<T, A extends readonly unknown[], R>(sources: [...ObservableInputTuple<A>]): OperatorFunction<T, [T, ...A]>;\n\n/** @deprecated Replaced with {@link combineLatestWith}. Will be removed in v8. */\nexport function combineLatest<T, A extends readonly unknown[], R>(\n  ...sourcesAndProject: [...ObservableInputTuple<A>, (...values: [T, ...A]) => R]\n): OperatorFunction<T, R>;\n/** @deprecated Replaced with {@link combineLatestWith}. Will be removed in v8. */\nexport function combineLatest<T, A extends readonly unknown[], R>(...sources: [...ObservableInputTuple<A>]): OperatorFunction<T, [T, ...A]>;\n\n/**\n * @deprecated Replaced with {@link combineLatestWith}. Will be removed in v8.\n */\nexport function combineLatest<T, R>(...args: (ObservableInput<any> | ((...values: any[]) => R))[]): OperatorFunction<T, unknown> {\n  const resultSelector = popResultSelector(args);\n  return resultSelector\n    ? pipe(combineLatest(...(args as Array<ObservableInput<any>>)), mapOneOrManyArgs(resultSelector))\n    : operate((source, subscriber) => {\n        combineLatestInit([source, ...argsOrArgArray(args)])(subscriber);\n      });\n}\n", "import { ObservableInputTuple, OperatorFunction, Cons } from '../types';\nimport { combineLatest } from './combineLatest';\n\n/**\n * Create an observable that combines the latest values from all passed observables and the source\n * into arrays and emits them.\n *\n * Returns an observable, that when subscribed to, will subscribe to the source observable and all\n * sources provided as arguments. Once all sources emit at least one value, all of the latest values\n * will be emitted as an array. After that, every time any source emits a value, all of the latest values\n * will be emitted as an array.\n *\n * This is a useful operator for eagerly calculating values based off of changed inputs.\n *\n * ## Example\n *\n * Simple concatenation of values from two inputs\n *\n * ```ts\n * import { fromEvent, combineLatestWith, map } from 'rxjs';\n *\n * // Setup: Add two inputs to the page\n * const input1 = document.createElement('input');\n * document.body.appendChild(input1);\n * const input2 = document.createElement('input');\n * document.body.appendChild(input2);\n *\n * // Get streams of changes\n * const input1Changes$ = fromEvent(input1, 'change');\n * const input2Changes$ = fromEvent(input2, 'change');\n *\n * // Combine the changes by adding them together\n * input1Changes$.pipe(\n *   combineLatestWith(input2Changes$),\n *   map(([e1, e2]) => (<HTMLInputElement>e1.target).value + ' - ' + (<HTMLInputElement>e2.target).value)\n * )\n * .subscribe(x => console.log(x));\n * ```\n *\n * @param otherSources the other sources to subscribe to.\n * @return A function that returns an Observable that emits the latest\n * emissions from both source and provided Observables.\n */\nexport function combineLatestWith<T, A extends readonly unknown[]>(\n  ...otherSources: [...ObservableInputTuple<A>]\n): OperatorFunction<T, Cons<T, A>> {\n  return combineLatest(...otherSources);\n}\n", "import { Subscriber } from '../Subscriber';\nimport { MonoTypeOperatorFunction, ObservableInput } from '../types';\nimport { operate } from '../util/lift';\nimport { noop } from '../util/noop';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { innerFrom } from '../observable/innerFrom';\n\n/**\n * Emits a notification from the source Observable only after a particular time span\n * determined by another Observable has passed without another source emission.\n *\n * <span class=\"informal\">It's like {@link debounceTime}, but the time span of\n * emission silence is determined by a second Observable.</span>\n *\n * ![](debounce.svg)\n *\n * `debounce` delays notifications emitted by the source Observable, but drops previous\n * pending delayed emissions if a new notification arrives on the source Observable.\n * This operator keeps track of the most recent notification from the source\n * Observable, and spawns a duration Observable by calling the\n * `durationSelector` function. The notification is emitted only when the duration\n * Observable emits a next notification, and if no other notification was emitted on\n * the source Observable since the duration Observable was spawned. If a new\n * notification appears before the duration Observable emits, the previous notification will\n * not be emitted and a new duration is scheduled from `durationSelector` is scheduled.\n * If the completing event happens during the scheduled duration the last cached notification\n * is emitted before the completion event is forwarded to the output observable.\n * If the error event happens during the scheduled duration or after it only the error event is\n * forwarded to the output observable. The cache notification is not emitted in this case.\n *\n * Like {@link debounceTime}, this is a rate-limiting operator, and also a\n * delay-like operator since output emissions do not necessarily occur at the\n * same time as they did on the source Observable.\n *\n * ## Example\n *\n * Emit the most recent click after a burst of clicks\n *\n * ```ts\n * import { fromEvent, scan, debounce, interval } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(\n *   scan(i => ++i, 1),\n *   debounce(i => interval(200 * i))\n * );\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link audit}\n * @see {@link auditTime}\n * @see {@link debounceTime}\n * @see {@link delay}\n * @see {@link sample}\n * @see {@link sampleTime}\n * @see {@link throttle}\n * @see {@link throttleTime}\n *\n * @param durationSelector A function\n * that receives a value from the source Observable, for computing the timeout\n * duration for each source value, returned as an Observable or a Promise.\n * @return A function that returns an Observable that delays the emissions of\n * the source Observable by the specified duration Observable returned by\n * `durationSelector`, and may drop some values if they occur too frequently.\n */\nexport function debounce<T>(durationSelector: (value: T) => ObservableInput<any>): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    let hasValue = false;\n    let lastValue: T | null = null;\n    // The subscriber/subscription for the current debounce, if there is one.\n    let durationSubscriber: Subscriber<any> | null = null;\n\n    const emit = () => {\n      // Unsubscribe any current debounce subscription we have,\n      // we only cared about the first notification from it, and we\n      // want to clean that subscription up as soon as possible.\n      durationSubscriber?.unsubscribe();\n      durationSubscriber = null;\n      if (hasValue) {\n        // We have a value! Free up memory first, then emit the value.\n        hasValue = false;\n        const value = lastValue!;\n        lastValue = null;\n        subscriber.next(value);\n      }\n    };\n\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value: T) => {\n          // Cancel any pending debounce duration. We don't\n          // need to null it out here yet tho, because we're just going\n          // to create another one in a few lines.\n          durationSubscriber?.unsubscribe();\n          hasValue = true;\n          lastValue = value;\n          // Capture our duration subscriber, so we can unsubscribe it when we're notified\n          // and we're going to emit the value.\n          durationSubscriber = createOperatorSubscriber(subscriber, emit, noop);\n          // Subscribe to the duration.\n          innerFrom(durationSelector(value)).subscribe(durationSubscriber);\n        },\n        () => {\n          // Source completed.\n          // Emit any pending debounced values then complete\n          emit();\n          subscriber.complete();\n        },\n        // Pass all errors through to consumer\n        undefined,\n        () => {\n          // Finalization.\n          lastValue = durationSubscriber = null;\n        }\n      )\n    );\n  });\n}\n", "import { asyncScheduler } from '../scheduler/async';\nimport { Subscription } from '../Subscription';\nimport { MonoTypeOperatorFunction, SchedulerAction, SchedulerLike } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * Emits a notification from the source Observable only after a particular time span\n * has passed without another source emission.\n *\n * <span class=\"informal\">It's like {@link delay}, but passes only the most\n * recent notification from each burst of emissions.</span>\n *\n * ![](debounceTime.png)\n *\n * `debounceTime` delays notifications emitted by the source Observable, but drops\n * previous pending delayed emissions if a new notification arrives on the source\n * Observable. This operator keeps track of the most recent notification from the\n * source Observable, and emits that only when `dueTime` has passed\n * without any other notification appearing on the source Observable. If a new value\n * appears before `dueTime` silence occurs, the previous notification will be dropped\n * and will not be emitted and a new `dueTime` is scheduled.\n * If the completing event happens during `dueTime` the last cached notification\n * is emitted before the completion event is forwarded to the output observable.\n * If the error event happens during `dueTime` or after it only the error event is\n * forwarded to the output observable. The cache notification is not emitted in this case.\n *\n * This is a rate-limiting operator, because it is impossible for more than one\n * notification to be emitted in any time window of duration `dueTime`, but it is also\n * a delay-like operator since output emissions do not occur at the same time as\n * they did on the source Observable. Optionally takes a {@link SchedulerLike} for\n * managing timers.\n *\n * ## Example\n *\n * Emit the most recent click after a burst of clicks\n *\n * ```ts\n * import { fromEvent, debounceTime } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(debounceTime(1000));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link audit}\n * @see {@link auditTime}\n * @see {@link debounce}\n * @see {@link sample}\n * @see {@link sampleTime}\n * @see {@link throttle}\n * @see {@link throttleTime}\n *\n * @param {number} dueTime The timeout duration in milliseconds (or the time\n * unit determined internally by the optional `scheduler`) for the window of\n * time required to wait for emission silence before emitting the most recent\n * source value.\n * @param {SchedulerLike} [scheduler=async] The {@link SchedulerLike} to use for\n * managing the timers that handle the timeout for each value.\n * @return A function that returns an Observable that delays the emissions of\n * the source Observable by the specified `dueTime`, and may drop some values\n * if they occur too frequently.\n */\nexport function debounceTime<T>(dueTime: number, scheduler: SchedulerLike = asyncScheduler): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    let activeTask: Subscription | null = null;\n    let lastValue: T | null = null;\n    let lastTime: number | null = null;\n\n    const emit = () => {\n      if (activeTask) {\n        // We have a value! Free up memory first, then emit the value.\n        activeTask.unsubscribe();\n        activeTask = null;\n        const value = lastValue!;\n        lastValue = null;\n        subscriber.next(value);\n      }\n    };\n    function emitWhenIdle(this: SchedulerAction<unknown>) {\n      // This is called `dueTime` after the first value\n      // but we might have received new values during this window!\n\n      const targetTime = lastTime! + dueTime;\n      const now = scheduler.now();\n      if (now < targetTime) {\n        // On that case, re-schedule to the new target\n        activeTask = this.schedule(undefined, targetTime - now);\n        subscriber.add(activeTask);\n        return;\n      }\n\n      emit();\n    }\n\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value: T) => {\n          lastValue = value;\n          lastTime = scheduler.now();\n\n          // Only set up a task if it's not already up\n          if (!activeTask) {\n            activeTask = scheduler.schedule(emitWhenIdle, dueTime);\n            subscriber.add(activeTask);\n          }\n        },\n        () => {\n          // Source completed.\n          // Emit any pending debounced values then complete\n          emit();\n          subscriber.complete();\n        },\n        // Pass all errors through to consumer.\n        undefined,\n        () => {\n          // Finalization.\n          lastValue = activeTask = null;\n        }\n      )\n    );\n  });\n}\n", "import { OperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * Emits a given value if the source Observable completes without emitting any\n * `next` value, otherwise mirrors the source Observable.\n *\n * <span class=\"informal\">If the source Observable turns out to be empty, then\n * this operator will emit a default value.</span>\n *\n * ![](defaultIfEmpty.png)\n *\n * `defaultIfEmpty` emits the values emitted by the source Observable or a\n * specified default value if the source Observable is empty (completes without\n * having emitted any `next` value).\n *\n * ## Example\n *\n * If no clicks happen in 5 seconds, then emit 'no clicks'\n *\n * ```ts\n * import { fromEvent, takeUntil, interval, defaultIfEmpty } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const clicksBeforeFive = clicks.pipe(takeUntil(interval(5000)));\n * const result = clicksBeforeFive.pipe(defaultIfEmpty('no clicks'));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link empty}\n * @see {@link last}\n *\n * @param defaultValue The default value used if the source\n * Observable is empty.\n * @return A function that returns an Observable that emits either the\n * specified `defaultValue` if the source Observable emits no items, or the\n * values emitted by the source Observable.\n */\nexport function defaultIfEmpty<T, R>(defaultValue: R): OperatorFunction<T, T | R> {\n  return operate((source, subscriber) => {\n    let hasValue = false;\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => {\n          hasValue = true;\n          subscriber.next(value);\n        },\n        () => {\n          if (!hasValue) {\n            subscriber.next(defaultValue!);\n          }\n          subscriber.complete();\n        }\n      )\n    );\n  });\n}\n", "import { MonoTypeOperatorFunction } from '../types';\nimport { EMPTY } from '../observable/empty';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * Emits only the first `count` values emitted by the source Observable.\n *\n * <span class=\"informal\">Takes the first `count` values from the source, then\n * completes.</span>\n *\n * ![](take.png)\n *\n * `take` returns an Observable that emits only the first `count` values emitted\n * by the source Observable. If the source emits fewer than `count` values then\n * all of its values are emitted. After that, it completes, regardless if the\n * source completes.\n *\n * ## Example\n *\n * Take the first 5 seconds of an infinite 1-second interval Observable\n *\n * ```ts\n * import { interval, take } from 'rxjs';\n *\n * const intervalCount = interval(1000);\n * const takeFive = intervalCount.pipe(take(5));\n * takeFive.subscribe(x => console.log(x));\n *\n * // Logs:\n * // 0\n * // 1\n * // 2\n * // 3\n * // 4\n * ```\n *\n * @see {@link takeLast}\n * @see {@link takeUntil}\n * @see {@link takeWhile}\n * @see {@link skip}\n *\n * @param count The maximum number of `next` values to emit.\n * @return A function that returns an Observable that emits only the first\n * `count` values emitted by the source Observable, or all of the values from\n * the source if the source emits fewer than `count` values.\n */\nexport function take<T>(count: number): MonoTypeOperatorFunction<T> {\n  return count <= 0\n    ? // If we are taking no values, that's empty.\n      () => EMPTY\n    : operate((source, subscriber) => {\n        let seen = 0;\n        source.subscribe(\n          createOperatorSubscriber(subscriber, (value) => {\n            // Increment the number of values we have seen,\n            // then check it against the allowed count to see\n            // if we are still letting values through.\n            if (++seen <= count) {\n              subscriber.next(value);\n              // If we have met or passed our allowed count,\n              // we need to complete. We have to do <= here,\n              // because re-entrant code will increment `seen` twice.\n              if (count <= seen) {\n                subscriber.complete();\n              }\n            }\n          })\n        );\n      });\n}\n", "import { OperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { noop } from '../util/noop';\n\n/**\n * Ignores all items emitted by the source Observable and only passes calls of `complete` or `error`.\n *\n * ![](ignoreElements.png)\n *\n * The `ignoreElements` operator suppresses all items emitted by the source Observable,\n * but allows its termination notification (either `error` or `complete`) to pass through unchanged.\n *\n * If you do not care about the items being emitted by an Observable, but you do want to be notified\n * when it completes or when it terminates with an error, you can apply the `ignoreElements` operator\n * to the Observable, which will ensure that it will never call its observers\u2019 `next` handlers.\n *\n * ## Example\n *\n * Ignore all `next` emissions from the source\n *\n * ```ts\n * import { of, ignoreElements } from 'rxjs';\n *\n * of('you', 'talking', 'to', 'me')\n *   .pipe(ignoreElements())\n *   .subscribe({\n *     next: word => console.log(word),\n *     error: err => console.log('error:', err),\n *     complete: () => console.log('the end'),\n *   });\n *\n * // result:\n * // 'the end'\n * ```\n *\n * @return A function that returns an empty Observable that only calls\n * `complete` or `error`, based on which one is called by the source\n * Observable.\n */\nexport function ignoreElements(): OperatorFunction<unknown, never> {\n  return operate((source, subscriber) => {\n    source.subscribe(createOperatorSubscriber(subscriber, noop));\n  });\n}\n", "import { OperatorFunction } from '../types';\nimport { map } from './map';\n\n/** @deprecated To be removed in v9. Use {@link map} instead: `map(() => value)`. */\nexport function mapTo<R>(value: R): OperatorFunction<unknown, R>;\n/**\n * @deprecated Do not specify explicit type parameters. Signatures with type parameters\n * that cannot be inferred will be removed in v8. `mapTo` itself will be removed in v9,\n * use {@link map} instead: `map(() => value)`.\n * */\nexport function mapTo<T, R>(value: R): OperatorFunction<T, R>;\n\n/**\n * Emits the given constant value on the output Observable every time the source\n * Observable emits a value.\n *\n * <span class=\"informal\">Like {@link map}, but it maps every source value to\n * the same output value every time.</span>\n *\n * ![](mapTo.png)\n *\n * Takes a constant `value` as argument, and emits that whenever the source\n * Observable emits a value. In other words, ignores the actual source value,\n * and simply uses the emission moment to know when to emit the given `value`.\n *\n * ## Example\n *\n * Map every click to the string `'Hi'`\n *\n * ```ts\n * import { fromEvent, mapTo } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const greetings = clicks.pipe(mapTo('Hi'));\n *\n * greetings.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link map}\n *\n * @param value The value to map each source value to.\n * @return A function that returns an Observable that emits the given `value`\n * every time the source Observable emits.\n * @deprecated To be removed in v9. Use {@link map} instead: `map(() => value)`.\n */\nexport function mapTo<R>(value: R): OperatorFunction<unknown, R> {\n  return map(() => value);\n}\n", "import { Observable } from '../Observable';\nimport { MonoTypeOperatorFunction, ObservableInput } from '../types';\nimport { concat } from '../observable/concat';\nimport { take } from './take';\nimport { ignoreElements } from './ignoreElements';\nimport { mapTo } from './mapTo';\nimport { mergeMap } from './mergeMap';\nimport { innerFrom } from '../observable/innerFrom';\n\n/** @deprecated The `subscriptionDelay` parameter will be removed in v8. */\nexport function delayWhen<T>(\n  delayDurationSelector: (value: T, index: number) => ObservableInput<any>,\n  subscriptionDelay: Observable<any>\n): MonoTypeOperatorFunction<T>;\nexport function delayWhen<T>(delayDurationSelector: (value: T, index: number) => ObservableInput<any>): MonoTypeOperatorFunction<T>;\n\n/**\n * Delays the emission of items from the source Observable by a given time span\n * determined by the emissions of another Observable.\n *\n * <span class=\"informal\">It's like {@link delay}, but the time span of the\n * delay duration is determined by a second Observable.</span>\n *\n * ![](delayWhen.png)\n *\n * `delayWhen` operator shifts each emitted value from the source Observable by\n * a time span determined by another Observable. When the source emits a value,\n * the `delayDurationSelector` function is called with the value emitted from\n * the source Observable as the first argument to the `delayDurationSelector`.\n * The `delayDurationSelector` function should return an {@link ObservableInput},\n * that is internally converted to an Observable that is called the \"duration\"\n * Observable.\n *\n * The source value is emitted on the output Observable only when the \"duration\"\n * Observable emits ({@link guide/glossary-and-semantics#next next}s) any value.\n * Upon that, the \"duration\" Observable gets unsubscribed.\n *\n * Before RxJS V7, the {@link guide/glossary-and-semantics#complete completion}\n * of the \"duration\" Observable would have been triggering the emission of the\n * source value to the output Observable, but with RxJS V7, this is not the case\n * anymore.\n *\n * Only next notifications (from the \"duration\" Observable) trigger values from\n * the source Observable to be passed to the output Observable. If the \"duration\"\n * Observable only emits the complete notification (without next), the value\n * emitted by the source Observable will never get to the output Observable - it\n * will be swallowed. If the \"duration\" Observable errors, the error will be\n * propagated to the output Observable.\n *\n * Optionally, `delayWhen` takes a second argument, `subscriptionDelay`, which\n * is an Observable. When `subscriptionDelay` emits its first value or\n * completes, the source Observable is subscribed to and starts behaving like\n * described in the previous paragraph. If `subscriptionDelay` is not provided,\n * `delayWhen` will subscribe to the source Observable as soon as the output\n * Observable is subscribed.\n *\n * ## Example\n *\n * Delay each click by a random amount of time, between 0 and 5 seconds\n *\n * ```ts\n * import { fromEvent, delayWhen, interval } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const delayedClicks = clicks.pipe(\n *   delayWhen(() => interval(Math.random() * 5000))\n * );\n * delayedClicks.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link delay}\n * @see {@link throttle}\n * @see {@link throttleTime}\n * @see {@link debounce}\n * @see {@link debounceTime}\n * @see {@link sample}\n * @see {@link sampleTime}\n * @see {@link audit}\n * @see {@link auditTime}\n *\n * @param delayDurationSelector A function that returns an `ObservableInput` for\n * each `value` emitted by the source Observable, which is then used to delay the\n * emission of that `value` on the output Observable until the `ObservableInput`\n * returned from this function emits a next value. When called, beside `value`,\n * this function receives a zero-based `index` of the emission order.\n * @param subscriptionDelay An Observable that triggers the subscription to the\n * source Observable once it emits any value.\n * @return A function that returns an Observable that delays the emissions of\n * the source Observable by an amount of time specified by the Observable\n * returned by `delayDurationSelector`.\n */\nexport function delayWhen<T>(\n  delayDurationSelector: (value: T, index: number) => ObservableInput<any>,\n  subscriptionDelay?: Observable<any>\n): MonoTypeOperatorFunction<T> {\n  if (subscriptionDelay) {\n    // DEPRECATED PATH\n    return (source: Observable<T>) =>\n      concat(subscriptionDelay.pipe(take(1), ignoreElements()), source.pipe(delayWhen(delayDurationSelector)));\n  }\n\n  return mergeMap((value, index) => innerFrom(delayDurationSelector(value, index)).pipe(take(1), mapTo(value)));\n}\n", "import { asyncScheduler } from '../scheduler/async';\nimport { MonoTypeOperatorFunction, SchedulerLike } from '../types';\nimport { delayWhen } from './delayWhen';\nimport { timer } from '../observable/timer';\n\n/**\n * Delays the emission of items from the source Observable by a given timeout or\n * until a given Date.\n *\n * <span class=\"informal\">Time shifts each item by some specified amount of\n * milliseconds.</span>\n *\n * ![](delay.svg)\n *\n * If the delay argument is a Number, this operator time shifts the source\n * Observable by that amount of time expressed in milliseconds. The relative\n * time intervals between the values are preserved.\n *\n * If the delay argument is a Date, this operator time shifts the start of the\n * Observable execution until the given date occurs.\n *\n * ## Examples\n *\n * Delay each click by one second\n *\n * ```ts\n * import { fromEvent, delay } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const delayedClicks = clicks.pipe(delay(1000)); // each click emitted after 1 second\n * delayedClicks.subscribe(x => console.log(x));\n * ```\n *\n * Delay all clicks until a future date happens\n *\n * ```ts\n * import { fromEvent, delay } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const date = new Date('March 15, 2050 12:00:00'); // in the future\n * const delayedClicks = clicks.pipe(delay(date)); // click emitted only after that date\n * delayedClicks.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link delayWhen}\n * @see {@link throttle}\n * @see {@link throttleTime}\n * @see {@link debounce}\n * @see {@link debounceTime}\n * @see {@link sample}\n * @see {@link sampleTime}\n * @see {@link audit}\n * @see {@link auditTime}\n *\n * @param {number|Date} due The delay duration in milliseconds (a `number`) or\n * a `Date` until which the emission of the source items is delayed.\n * @param {SchedulerLike} [scheduler=async] The {@link SchedulerLike} to use for\n * managing the timers that handle the time-shift for each item.\n * @return A function that returns an Observable that delays the emissions of\n * the source Observable by the specified timeout or Date.\n */\nexport function delay<T>(due: number | Date, scheduler: SchedulerLike = asyncScheduler): MonoTypeOperatorFunction<T> {\n  const duration = timer(due, scheduler);\n  return delayWhen(() => duration);\n}\n", "import { MonoTypeOperatorFunction } from '../types';\nimport { identity } from '../util/identity';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\nexport function distinctUntilChanged<T>(comparator?: (previous: T, current: T) => boolean): MonoTypeOperatorFunction<T>;\nexport function distinctUntilChanged<T, K>(\n  comparator: (previous: K, current: K) => boolean,\n  keySelector: (value: T) => K\n): MonoTypeOperatorFunction<T>;\n\n/**\n * Returns a result {@link Observable} that emits all values pushed by the source observable if they\n * are distinct in comparison to the last value the result observable emitted.\n *\n * When provided without parameters or with the first parameter (`{@link distinctUntilChanged#comparator comparator}`),\n * it behaves like this:\n *\n * 1. It will always emit the first value from the source.\n * 2. For all subsequent values pushed by the source, they will be compared to the previously emitted values\n *    using the provided `comparator` or an `===` equality check.\n * 3. If the value pushed by the source is determined to be unequal by this check, that value is emitted and\n *    becomes the new \"previously emitted value\" internally.\n *\n * When the second parameter (`{@link distinctUntilChanged#keySelector keySelector}`) is provided, the behavior\n * changes:\n *\n * 1. It will always emit the first value from the source.\n * 2. The `keySelector` will be run against all values, including the first value.\n * 3. For all values after the first, the selected key will be compared against the key selected from\n *    the previously emitted value using the `comparator`.\n * 4. If the keys are determined to be unequal by this check, the value (not the key), is emitted\n *    and the selected key from that value is saved for future comparisons against other keys.\n *\n * ## Examples\n *\n * A very basic example with no `{@link distinctUntilChanged#comparator comparator}`. Note that `1` is emitted more than once,\n * because it's distinct in comparison to the _previously emitted_ value,\n * not in comparison to _all other emitted values_.\n *\n * ```ts\n * import { of, distinctUntilChanged } from 'rxjs';\n *\n * of(1, 1, 1, 2, 2, 2, 1, 1, 3, 3)\n *   .pipe(distinctUntilChanged())\n *   .subscribe(console.log);\n * // Logs: 1, 2, 1, 3\n * ```\n *\n * With a `{@link distinctUntilChanged#comparator comparator}`, you can do custom comparisons. Let's say\n * you only want to emit a value when all of its components have\n * changed:\n *\n * ```ts\n * import { of, distinctUntilChanged } from 'rxjs';\n *\n * const totallyDifferentBuilds$ = of(\n *   { engineVersion: '1.1.0', transmissionVersion: '1.2.0' },\n *   { engineVersion: '1.1.0', transmissionVersion: '1.4.0' },\n *   { engineVersion: '1.3.0', transmissionVersion: '1.4.0' },\n *   { engineVersion: '1.3.0', transmissionVersion: '1.5.0' },\n *   { engineVersion: '2.0.0', transmissionVersion: '1.5.0' }\n * ).pipe(\n *   distinctUntilChanged((prev, curr) => {\n *     return (\n *       prev.engineVersion === curr.engineVersion ||\n *       prev.transmissionVersion === curr.transmissionVersion\n *     );\n *   })\n * );\n *\n * totallyDifferentBuilds$.subscribe(console.log);\n *\n * // Logs:\n * // { engineVersion: '1.1.0', transmissionVersion: '1.2.0' }\n * // { engineVersion: '1.3.0', transmissionVersion: '1.4.0' }\n * // { engineVersion: '2.0.0', transmissionVersion: '1.5.0' }\n * ```\n *\n * You can also provide a custom `{@link distinctUntilChanged#comparator comparator}` to check that emitted\n * changes are only in one direction. Let's say you only want to get\n * the next record temperature:\n *\n * ```ts\n * import { of, distinctUntilChanged } from 'rxjs';\n *\n * const temps$ = of(30, 31, 20, 34, 33, 29, 35, 20);\n *\n * const recordHighs$ = temps$.pipe(\n *   distinctUntilChanged((prevHigh, temp) => {\n *     // If the current temp is less than\n *     // or the same as the previous record,\n *     // the record hasn't changed.\n *     return temp <= prevHigh;\n *   })\n * );\n *\n * recordHighs$.subscribe(console.log);\n * // Logs: 30, 31, 34, 35\n * ```\n *\n * Selecting update events only when the `updatedBy` field shows\n * the account changed hands.\n *\n * ```ts\n * import { of, distinctUntilChanged } from 'rxjs';\n *\n * // A stream of updates to a given account\n * const accountUpdates$ = of(\n *   { updatedBy: 'blesh', data: [] },\n *   { updatedBy: 'blesh', data: [] },\n *   { updatedBy: 'ncjamieson', data: [] },\n *   { updatedBy: 'ncjamieson', data: [] },\n *   { updatedBy: 'blesh', data: [] }\n * );\n *\n * // We only want the events where it changed hands\n * const changedHands$ = accountUpdates$.pipe(\n *   distinctUntilChanged(undefined, update => update.updatedBy)\n * );\n *\n * changedHands$.subscribe(console.log);\n * // Logs:\n * // { updatedBy: 'blesh', data: Array[0] }\n * // { updatedBy: 'ncjamieson', data: Array[0] }\n * // { updatedBy: 'blesh', data: Array[0] }\n * ```\n *\n * @see {@link distinct}\n * @see {@link distinctUntilKeyChanged}\n *\n * @param comparator A function used to compare the previous and current keys for\n * equality. Defaults to a `===` check.\n * @param keySelector Used to select a key value to be passed to the `comparator`.\n *\n * @return A function that returns an Observable that emits items from the\n * source Observable with distinct values.\n */\nexport function distinctUntilChanged<T, K>(\n  comparator?: (previous: K, current: K) => boolean,\n  keySelector: (value: T) => K = identity as (value: T) => K\n): MonoTypeOperatorFunction<T> {\n  // We've been allowing `null` do be passed as the `compare`, so we can't do\n  // a default value for the parameter, because that will only work\n  // for `undefined`.\n  comparator = comparator ?? defaultCompare;\n\n  return operate((source, subscriber) => {\n    // The previous key, used to compare against keys selected\n    // from new arrivals to determine \"distinctiveness\".\n    let previousKey: K;\n    // Whether or not this is the first value we've gotten.\n    let first = true;\n\n    source.subscribe(\n      createOperatorSubscriber(subscriber, (value) => {\n        // We always call the key selector.\n        const currentKey = keySelector(value);\n\n        // If it's the first value, we always emit it.\n        // Otherwise, we compare this key to the previous key, and\n        // if the comparer returns false, we emit.\n        if (first || !comparator!(previousKey, currentKey)) {\n          // Update our state *before* we emit the value\n          // as emission can be the source of re-entrant code\n          // in functional libraries like this. We only really\n          // need to do this if it's the first value, or if the\n          // key we're tracking in previous needs to change.\n          first = false;\n          previousKey = currentKey;\n\n          // Emit the value!\n          subscriber.next(value);\n        }\n      })\n    );\n  });\n}\n\nfunction defaultCompare(a: any, b: any) {\n  return a === b;\n}\n", "import { distinctUntilChanged } from './distinctUntilChanged';\nimport { MonoTypeOperatorFunction } from '../types';\n\n/* tslint:disable:max-line-length */\nexport function distinctUntilKeyChanged<T>(key: keyof T): MonoTypeOperatorFunction<T>;\nexport function distinctUntilKeyChanged<T, K extends keyof T>(key: K, compare: (x: T[K], y: T[K]) => boolean): MonoTypeOperatorFunction<T>;\n/* tslint:enable:max-line-length */\n\n/**\n * Returns an Observable that emits all items emitted by the source Observable that are distinct by comparison from the previous item,\n * using a property accessed by using the key provided to check if the two items are distinct.\n *\n * If a comparator function is provided, then it will be called for each item to test for whether or not that value should be emitted.\n *\n * If a comparator function is not provided, an equality check is used by default.\n *\n * ## Examples\n *\n * An example comparing the name of persons\n *\n * ```ts\n * import { of, distinctUntilKeyChanged } from 'rxjs';\n *\n * of(\n *   { age: 4, name: 'Foo' },\n *   { age: 7, name: 'Bar' },\n *   { age: 5, name: 'Foo' },\n *   { age: 6, name: 'Foo' }\n * ).pipe(\n *   distinctUntilKeyChanged('name')\n * )\n * .subscribe(x => console.log(x));\n *\n * // displays:\n * // { age: 4, name: 'Foo' }\n * // { age: 7, name: 'Bar' }\n * // { age: 5, name: 'Foo' }\n * ```\n *\n * An example comparing the first letters of the name\n *\n * ```ts\n * import { of, distinctUntilKeyChanged } from 'rxjs';\n *\n * of(\n *   { age: 4, name: 'Foo1' },\n *   { age: 7, name: 'Bar' },\n *   { age: 5, name: 'Foo2' },\n *   { age: 6, name: 'Foo3' }\n * ).pipe(\n *   distinctUntilKeyChanged('name', (x, y) => x.substring(0, 3) === y.substring(0, 3))\n * )\n * .subscribe(x => console.log(x));\n *\n * // displays:\n * // { age: 4, name: 'Foo1' }\n * // { age: 7, name: 'Bar' }\n * // { age: 5, name: 'Foo2' }\n * ```\n *\n * @see {@link distinct}\n * @see {@link distinctUntilChanged}\n *\n * @param {string} key String key for object property lookup on each item.\n * @param {function} [compare] Optional comparison function called to test if an item is distinct from the previous item in the source.\n * @return A function that returns an Observable that emits items from the\n * source Observable with distinct values based on the key specified.\n */\nexport function distinctUntilKeyChanged<T, K extends keyof T>(key: K, compare?: (x: T[K], y: T[K]) => boolean): MonoTypeOperatorFunction<T> {\n  return distinctUntilChanged((x: T, y: T) => compare ? compare(x[key], y[key]) : x[key] === y[key]);\n}\n", "import { EmptyError } from '../util/EmptyError';\nimport { MonoTypeOperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * If the source observable completes without emitting a value, it will emit\n * an error. The error will be created at that time by the optional\n * `errorFactory` argument, otherwise, the error will be {@link EmptyError}.\n *\n * ![](throwIfEmpty.png)\n *\n * ## Example\n *\n * Throw an error if the document wasn't clicked within 1 second\n *\n * ```ts\n * import { fromEvent, takeUntil, timer, throwIfEmpty } from 'rxjs';\n *\n * const click$ = fromEvent(document, 'click');\n *\n * click$.pipe(\n *   takeUntil(timer(1000)),\n *   throwIfEmpty(() => new Error('The document was not clicked within 1 second'))\n * )\n * .subscribe({\n *   next() {\n *    console.log('The document was clicked');\n *   },\n *   error(err) {\n *     console.error(err.message);\n *   }\n * });\n * ```\n *\n * @param errorFactory A factory function called to produce the\n * error to be thrown when the source observable completes without emitting a\n * value.\n * @return A function that returns an Observable that throws an error if the\n * source Observable completed without emitting.\n */\nexport function throwIfEmpty<T>(errorFactory: () => any = defaultErrorFactory): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    let hasValue = false;\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => {\n          hasValue = true;\n          subscriber.next(value);\n        },\n        () => (hasValue ? subscriber.complete() : subscriber.error(errorFactory()))\n      )\n    );\n  });\n}\n\nfunction defaultErrorFactory() {\n  return new EmptyError();\n}\n", "/** prettier */\nimport { Observable } from '../Observable';\nimport { concat } from '../observable/concat';\nimport { of } from '../observable/of';\nimport { MonoTypeOperatorFunction, SchedulerLike, OperatorFunction, ValueFromArray } from '../types';\n\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `concatAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function endWith<T>(scheduler: SchedulerLike): MonoTypeOperatorFunction<T>;\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `concatAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function endWith<T, A extends unknown[] = T[]>(\n  ...valuesAndScheduler: [...A, SchedulerLike]\n): OperatorFunction<T, T | ValueFromArray<A>>;\n\nexport function endWith<T, A extends unknown[] = T[]>(...values: A): OperatorFunction<T, T | ValueFromArray<A>>;\n\n/**\n * Returns an observable that will emit all values from the source, then synchronously emit\n * the provided value(s) immediately after the source completes.\n *\n * NOTE: Passing a last argument of a Scheduler is _deprecated_, and may result in incorrect\n * types in TypeScript.\n *\n * This is useful for knowing when an observable ends. Particularly when paired with an\n * operator like {@link takeUntil}\n *\n * ![](endWith.png)\n *\n * ## Example\n *\n * Emit values to know when an interval starts and stops. The interval will\n * stop when a user clicks anywhere on the document.\n *\n * ```ts\n * import { interval, map, fromEvent, startWith, takeUntil, endWith } from 'rxjs';\n *\n * const ticker$ = interval(5000).pipe(\n *   map(() => 'tick')\n * );\n *\n * const documentClicks$ = fromEvent(document, 'click');\n *\n * ticker$.pipe(\n *   startWith('interval started'),\n *   takeUntil(documentClicks$),\n *   endWith('interval ended by click')\n * )\n * .subscribe(x => console.log(x));\n *\n * // Result (assuming a user clicks after 15 seconds)\n * // 'interval started'\n * // 'tick'\n * // 'tick'\n * // 'tick'\n * // 'interval ended by click'\n * ```\n *\n * @see {@link startWith}\n * @see {@link concat}\n * @see {@link takeUntil}\n *\n * @param values Items you want the modified Observable to emit last.\n * @return A function that returns an Observable that emits all values from the\n * source, then synchronously emits the provided value(s) immediately after the\n * source completes.\n */\nexport function endWith<T>(...values: Array<T | SchedulerLike>): MonoTypeOperatorFunction<T> {\n  return (source: Observable<T>) => concat(source, of(...values)) as Observable<T>;\n}\n", "import { MonoTypeOperatorFunction } from '../types';\nimport { operate } from '../util/lift';\n\n/**\n * Returns an Observable that mirrors the source Observable, but will call a specified function when\n * the source terminates on complete or error.\n * The specified function will also be called when the subscriber explicitly unsubscribes.\n *\n * ## Examples\n *\n * Execute callback function when the observable completes\n *\n * ```ts\n * import { interval, take, finalize } from 'rxjs';\n *\n * // emit value in sequence every 1 second\n * const source = interval(1000);\n * const example = source.pipe(\n *   take(5), //take only the first 5 values\n *   finalize(() => console.log('Sequence complete')) // Execute when the observable completes\n * );\n * const subscribe = example.subscribe(val => console.log(val));\n *\n * // results:\n * // 0\n * // 1\n * // 2\n * // 3\n * // 4\n * // 'Sequence complete'\n * ```\n *\n * Execute callback function when the subscriber explicitly unsubscribes\n *\n * ```ts\n * import { interval, finalize, tap, noop, timer } from 'rxjs';\n *\n * const source = interval(100).pipe(\n *   finalize(() => console.log('[finalize] Called')),\n *   tap({\n *     next: () => console.log('[next] Called'),\n *     error: () => console.log('[error] Not called'),\n *     complete: () => console.log('[tap complete] Not called')\n *   })\n * );\n *\n * const sub = source.subscribe({\n *   next: x => console.log(x),\n *   error: noop,\n *   complete: () => console.log('[complete] Not called')\n * });\n *\n * timer(150).subscribe(() => sub.unsubscribe());\n *\n * // results:\n * // '[next] Called'\n * // 0\n * // '[finalize] Called'\n * ```\n *\n * @param {function} callback Function to be called when source terminates.\n * @return A function that returns an Observable that mirrors the source, but\n * will call the specified function on termination.\n */\nexport function finalize<T>(callback: () => void): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    // TODO: This try/finally was only added for `useDeprecatedSynchronousErrorHandling`.\n    // REMOVE THIS WHEN THAT HOT GARBAGE IS REMOVED IN V8.\n    try {\n      source.subscribe(subscriber);\n    } finally {\n      subscriber.add(callback);\n    }\n  });\n}\n", "import { Observable } from '../Observable';\nimport { EmptyError } from '../util/EmptyError';\nimport { OperatorFunction, TruthyTypesOf } from '../types';\nimport { filter } from './filter';\nimport { take } from './take';\nimport { defaultIfEmpty } from './defaultIfEmpty';\nimport { throwIfEmpty } from './throwIfEmpty';\nimport { identity } from '../util/identity';\n\nexport function first<T, D = T>(predicate?: null, defaultValue?: D): OperatorFunction<T, T | D>;\nexport function first<T>(predicate: BooleanConstructor): OperatorFunction<T, TruthyTypesOf<T>>;\nexport function first<T, D>(predicate: BooleanConstructor, defaultValue: D): OperatorFunction<T, TruthyTypesOf<T> | D>;\nexport function first<T, S extends T>(\n  predicate: (value: T, index: number, source: Observable<T>) => value is S,\n  defaultValue?: S\n): OperatorFunction<T, S>;\nexport function first<T, S extends T, D>(\n  predicate: (value: T, index: number, source: Observable<T>) => value is S,\n  defaultValue: D\n): OperatorFunction<T, S | D>;\nexport function first<T, D = T>(\n  predicate: (value: T, index: number, source: Observable<T>) => boolean,\n  defaultValue?: D\n): OperatorFunction<T, T | D>;\n\n/**\n * Emits only the first value (or the first value that meets some condition)\n * emitted by the source Observable.\n *\n * <span class=\"informal\">Emits only the first value. Or emits only the first\n * value that passes some test.</span>\n *\n * ![](first.png)\n *\n * If called with no arguments, `first` emits the first value of the source\n * Observable, then completes. If called with a `predicate` function, `first`\n * emits the first value of the source that matches the specified condition. Throws an error if\n * `defaultValue` was not provided and a matching element is not found.\n *\n * ## Examples\n *\n * Emit only the first click that happens on the DOM\n *\n * ```ts\n * import { fromEvent, first } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(first());\n * result.subscribe(x => console.log(x));\n * ```\n *\n * Emits the first click that happens on a DIV\n *\n * ```ts\n * import { fromEvent, first } from 'rxjs';\n *\n * const div = document.createElement('div');\n * div.style.cssText = 'width: 200px; height: 200px; background: #09c;';\n * document.body.appendChild(div);\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(first(ev => (<HTMLElement>ev.target).tagName === 'DIV'));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link filter}\n * @see {@link find}\n * @see {@link take}\n *\n * @throws {EmptyError} Delivers an EmptyError to the Observer's `error`\n * callback if the Observable completes before any `next` notification was sent.\n * This is how `first()` is different from {@link take}(1) which completes instead.\n *\n * @param {function(value: T, index: number, source: Observable<T>): boolean} [predicate]\n * An optional function called with each item to test for condition matching.\n * @param {D} [defaultValue] The default value emitted in case no valid value\n * was found on the source.\n * @return A function that returns an Observable that emits the first item that\n * matches the condition.\n */\nexport function first<T, D>(\n  predicate?: ((value: T, index: number, source: Observable<T>) => boolean) | null,\n  defaultValue?: D\n): OperatorFunction<T, T | D> {\n  const hasDefaultValue = arguments.length >= 2;\n  return (source: Observable<T>) =>\n    source.pipe(\n      predicate ? filter((v, i) => predicate(v, i, source)) : identity,\n      take(1),\n      hasDefaultValue ? defaultIfEmpty(defaultValue!) : throwIfEmpty(() => new EmptyError())\n    );\n}\n", "import { EMPTY } from '../observable/empty';\nimport { MonoTypeOperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/**\n * Waits for the source to complete, then emits the last N values from the source,\n * as specified by the `count` argument.\n *\n * ![](takeLast.png)\n *\n * `takeLast` results in an observable that will hold values up to `count` values in memory,\n * until the source completes. It then pushes all values in memory to the consumer, in the\n * order they were received from the source, then notifies the consumer that it is\n * complete.\n *\n * If for some reason the source completes before the `count` supplied to `takeLast` is reached,\n * all values received until that point are emitted, and then completion is notified.\n *\n * **Warning**: Using `takeLast` with an observable that never completes will result\n * in an observable that never emits a value.\n *\n * ## Example\n *\n * Take the last 3 values of an Observable with many values\n *\n * ```ts\n * import { range, takeLast } from 'rxjs';\n *\n * const many = range(1, 100);\n * const lastThree = many.pipe(takeLast(3));\n * lastThree.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link take}\n * @see {@link takeUntil}\n * @see {@link takeWhile}\n * @see {@link skip}\n *\n * @param count The maximum number of values to emit from the end of\n * the sequence of values emitted by the source Observable.\n * @return A function that returns an Observable that emits at most the last\n * `count` values emitted by the source Observable.\n */\nexport function takeLast<T>(count: number): MonoTypeOperatorFunction<T> {\n  return count <= 0\n    ? () => EMPTY\n    : operate((source, subscriber) => {\n        // This buffer will hold the values we are going to emit\n        // when the source completes. Since we only want to take the\n        // last N values, we can't emit until we're sure we're not getting\n        // any more values.\n        let buffer: T[] = [];\n        source.subscribe(\n          createOperatorSubscriber(\n            subscriber,\n            (value) => {\n              // Add the most recent value onto the end of our buffer.\n              buffer.push(value);\n              // If our buffer is now larger than the number of values we\n              // want to take, we remove the oldest value from the buffer.\n              count < buffer.length && buffer.shift();\n            },\n            () => {\n              // The source completed, we now know what are last values\n              // are, emit them in the order they were received.\n              for (const value of buffer) {\n                subscriber.next(value);\n              }\n              subscriber.complete();\n            },\n            // Errors are passed through to the consumer\n            undefined,\n            () => {\n              // During finalization release the values in our buffer.\n              buffer = null!;\n            }\n          )\n        );\n      });\n}\n", "import { ObservableInput, ObservableInputTuple, OperatorFunction, SchedulerLike } from '../types';\nimport { operate } from '../util/lift';\nimport { argsOrArgArray } from '../util/argsOrArgArray';\nimport { mergeAll } from './mergeAll';\nimport { popNumber, popScheduler } from '../util/args';\nimport { from } from '../observable/from';\n\n/** @deprecated Replaced with {@link mergeWith}. Will be removed in v8. */\nexport function merge<T, A extends readonly unknown[]>(...sources: [...ObservableInputTuple<A>]): OperatorFunction<T, T | A[number]>;\n/** @deprecated Replaced with {@link mergeWith}. Will be removed in v8. */\nexport function merge<T, A extends readonly unknown[]>(\n  ...sourcesAndConcurrency: [...ObservableInputTuple<A>, number]\n): OperatorFunction<T, T | A[number]>;\n/** @deprecated Replaced with {@link mergeWith}. Will be removed in v8. */\nexport function merge<T, A extends readonly unknown[]>(\n  ...sourcesAndScheduler: [...ObservableInputTuple<A>, SchedulerLike]\n): OperatorFunction<T, T | A[number]>;\n/** @deprecated Replaced with {@link mergeWith}. Will be removed in v8. */\nexport function merge<T, A extends readonly unknown[]>(\n  ...sourcesAndConcurrencyAndScheduler: [...ObservableInputTuple<A>, number, SchedulerLike]\n): OperatorFunction<T, T | A[number]>;\n\nexport function merge<T>(...args: unknown[]): OperatorFunction<T, unknown> {\n  const scheduler = popScheduler(args);\n  const concurrent = popNumber(args, Infinity);\n  args = argsOrArgArray(args);\n\n  return operate((source, subscriber) => {\n    mergeAll(concurrent)(from([source, ...(args as ObservableInput<T>[])], scheduler)).subscribe(subscriber);\n  });\n}\n", "import { ObservableInputTuple, OperatorFunction } from '../types';\nimport { merge } from './merge';\n\n/**\n * Merge the values from all observables to a single observable result.\n *\n * Creates an observable, that when subscribed to, subscribes to the source\n * observable, and all other sources provided as arguments. All values from\n * every source are emitted from the resulting subscription.\n *\n * When all sources complete, the resulting observable will complete.\n *\n * When any source errors, the resulting observable will error.\n *\n * ## Example\n *\n * Joining all outputs from multiple user input event streams\n *\n * ```ts\n * import { fromEvent, map, mergeWith } from 'rxjs';\n *\n * const clicks$ = fromEvent(document, 'click').pipe(map(() => 'click'));\n * const mousemoves$ = fromEvent(document, 'mousemove').pipe(map(() => 'mousemove'));\n * const dblclicks$ = fromEvent(document, 'dblclick').pipe(map(() => 'dblclick'));\n *\n * mousemoves$\n *   .pipe(mergeWith(clicks$, dblclicks$))\n *   .subscribe(x => console.log(x));\n *\n * // result (assuming user interactions)\n * // 'mousemove'\n * // 'mousemove'\n * // 'mousemove'\n * // 'click'\n * // 'click'\n * // 'dblclick'\n * ```\n *\n * @see {@link merge}\n *\n * @param otherSources the sources to combine the current source with.\n * @return A function that returns an Observable that merges the values from\n * all given Observables.\n */\nexport function mergeWith<T, A extends readonly unknown[]>(\n  ...otherSources: [...ObservableInputTuple<A>]\n): OperatorFunction<T, T | A[number]> {\n  return merge(...otherSources);\n}\n", "import { Subscription } from '../Subscription';\nimport { EMPTY } from '../observable/empty';\nimport { operate } from '../util/lift';\nimport { MonoTypeOperatorFunction, ObservableInput } from '../types';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { innerFrom } from '../observable/innerFrom';\nimport { timer } from '../observable/timer';\n\nexport interface RepeatConfig {\n  /**\n   * The number of times to repeat the source. Defaults to `Infinity`.\n   */\n  count?: number;\n\n  /**\n   * If a `number`, will delay the repeat of the source by that number of milliseconds.\n   * If a function, it will provide the number of times the source has been subscribed to,\n   * and the return value should be a valid observable input that will notify when the source\n   * should be repeated. If the notifier observable is empty, the result will complete.\n   */\n  delay?: number | ((count: number) => ObservableInput<any>);\n}\n\n/**\n * Returns an Observable that will resubscribe to the source stream when the source stream completes.\n *\n * <span class=\"informal\">Repeats all values emitted on the source. It's like {@link retry}, but for non error cases.</span>\n *\n * ![](repeat.png)\n *\n * Repeat will output values from a source until the source completes, then it will resubscribe to the\n * source a specified number of times, with a specified delay. Repeat can be particularly useful in\n * combination with closing operators like {@link take}, {@link takeUntil}, {@link first}, or {@link takeWhile},\n * as it can be used to restart a source again from scratch.\n *\n * Repeat is very similar to {@link retry}, where {@link retry} will resubscribe to the source in the error case, but\n * `repeat` will resubscribe if the source completes.\n *\n * Note that `repeat` will _not_ catch errors. Use {@link retry} for that.\n *\n * - `repeat(0)` returns an empty observable\n * - `repeat()` will repeat forever\n * - `repeat({ delay: 200 })` will repeat forever, with a delay of 200ms between repetitions.\n * - `repeat({ count: 2, delay: 400 })` will repeat twice, with a delay of 400ms between repetitions.\n * - `repeat({ delay: (count) => timer(count * 1000) })` will repeat forever, but will have a delay that grows by one second for each repetition.\n *\n * ## Example\n *\n * Repeat a message stream\n *\n * ```ts\n * import { of, repeat } from 'rxjs';\n *\n * const source = of('Repeat message');\n * const result = source.pipe(repeat(3));\n *\n * result.subscribe(x => console.log(x));\n *\n * // Results\n * // 'Repeat message'\n * // 'Repeat message'\n * // 'Repeat message'\n * ```\n *\n * Repeat 3 values, 2 times\n *\n * ```ts\n * import { interval, take, repeat } from 'rxjs';\n *\n * const source = interval(1000);\n * const result = source.pipe(take(3), repeat(2));\n *\n * result.subscribe(x => console.log(x));\n *\n * // Results every second\n * // 0\n * // 1\n * // 2\n * // 0\n * // 1\n * // 2\n * ```\n *\n * Defining two complex repeats with delays on the same source.\n * Note that the second repeat cannot be called until the first\n * repeat as exhausted it's count.\n *\n * ```ts\n * import { defer, of, repeat } from 'rxjs';\n *\n * const source = defer(() => {\n *    return of(`Hello, it is ${new Date()}`)\n * });\n *\n * source.pipe(\n *    // Repeat 3 times with a delay of 1 second between repetitions\n *    repeat({\n *      count: 3,\n *      delay: 1000,\n *    }),\n *\n *    // *Then* repeat forever, but with an exponential step-back\n *    // maxing out at 1 minute.\n *    repeat({\n *      delay: (count) => timer(Math.min(60000, 2 ^ count * 1000))\n *    })\n * )\n * ```\n *\n * @see {@link repeatWhen}\n * @see {@link retry}\n *\n * @param count The number of times the source Observable items are repeated, a count of 0 will yield\n * an empty Observable.\n */\nexport function repeat<T>(countOrConfig?: number | RepeatConfig): MonoTypeOperatorFunction<T> {\n  let count = Infinity;\n  let delay: RepeatConfig['delay'];\n\n  if (countOrConfig != null) {\n    if (typeof countOrConfig === 'object') {\n      ({ count = Infinity, delay } = countOrConfig);\n    } else {\n      count = countOrConfig;\n    }\n  }\n\n  return count <= 0\n    ? () => EMPTY\n    : operate((source, subscriber) => {\n        let soFar = 0;\n        let sourceSub: Subscription | null;\n\n        const resubscribe = () => {\n          sourceSub?.unsubscribe();\n          sourceSub = null;\n          if (delay != null) {\n            const notifier = typeof delay === 'number' ? timer(delay) : innerFrom(delay(soFar));\n            const notifierSubscriber = createOperatorSubscriber(subscriber, () => {\n              notifierSubscriber.unsubscribe();\n              subscribeToSource();\n            });\n            notifier.subscribe(notifierSubscriber);\n          } else {\n            subscribeToSource();\n          }\n        };\n\n        const subscribeToSource = () => {\n          let syncUnsub = false;\n          sourceSub = source.subscribe(\n            createOperatorSubscriber(subscriber, undefined, () => {\n              if (++soFar < count) {\n                if (sourceSub) {\n                  resubscribe();\n                } else {\n                  syncUnsub = true;\n                }\n              } else {\n                subscriber.complete();\n              }\n            })\n          );\n\n          if (syncUnsub) {\n            resubscribe();\n          }\n        };\n\n        subscribeToSource();\n      });\n}\n", "import { OperatorFunction } from '../types';\nimport { operate } from '../util/lift';\nimport { scanInternals } from './scanInternals';\n\nexport function scan<V, A = V>(accumulator: (acc: A | V, value: V, index: number) => A): OperatorFunction<V, V | A>;\nexport function scan<V, A>(accumulator: (acc: A, value: V, index: number) => A, seed: A): OperatorFunction<V, A>;\nexport function scan<V, A, S>(accumulator: (acc: A | S, value: V, index: number) => A, seed: S): OperatorFunction<V, A>;\n\n// TODO: link to a \"redux pattern\" section in the guide (location TBD)\n\n/**\n * Useful for encapsulating and managing state. Applies an accumulator (or \"reducer function\")\n * to each value from the source after an initial state is established -- either via\n * a `seed` value (second argument), or from the first value from the source.\n *\n * <span class=\"informal\">It's like {@link reduce}, but emits the current\n * accumulation state after each update</span>\n *\n * ![](scan.png)\n *\n * This operator maintains an internal state and emits it after processing each value as follows:\n *\n * 1. First value arrives\n *   - If a `seed` value was supplied (as the second argument to `scan`), let `state = seed` and `value = firstValue`.\n *   - If NO `seed` value was supplied (no second argument), let `state = firstValue` and go to 3.\n * 2. Let `state = accumulator(state, value)`.\n *   - If an error is thrown by `accumulator`, notify the consumer of an error. The process ends.\n * 3. Emit `state`.\n * 4. Next value arrives, let `value = nextValue`, go to 2.\n *\n * ## Examples\n *\n * An average of previous numbers. This example shows how\n * not providing a `seed` can prime the stream with the\n * first value from the source.\n *\n * ```ts\n * import { of, scan, map } from 'rxjs';\n *\n * const numbers$ = of(1, 2, 3);\n *\n * numbers$\n *   .pipe(\n *     // Get the sum of the numbers coming in.\n *     scan((total, n) => total + n),\n *     // Get the average by dividing the sum by the total number\n *     // received so far (which is 1 more than the zero-based index).\n *     map((sum, index) => sum / (index + 1))\n *   )\n *   .subscribe(console.log);\n * ```\n *\n * The Fibonacci sequence. This example shows how you can use\n * a seed to prime accumulation process. Also... you know... Fibonacci.\n * So important to like, computers and stuff that its whiteboarded\n * in job interviews. Now you can show them the Rx version! (Please don't, haha)\n *\n * ```ts\n * import { interval, scan, map, startWith } from 'rxjs';\n *\n * const firstTwoFibs = [0, 1];\n * // An endless stream of Fibonacci numbers.\n * const fibonacci$ = interval(1000).pipe(\n *   // Scan to get the fibonacci numbers (after 0, 1)\n *   scan(([a, b]) => [b, a + b], firstTwoFibs),\n *   // Get the second number in the tuple, it's the one you calculated\n *   map(([, n]) => n),\n *   // Start with our first two digits :)\n *   startWith(...firstTwoFibs)\n * );\n *\n * fibonacci$.subscribe(console.log);\n * ```\n *\n * @see {@link expand}\n * @see {@link mergeScan}\n * @see {@link reduce}\n * @see {@link switchScan}\n *\n * @param accumulator A \"reducer function\". This will be called for each value after an initial state is\n * acquired.\n * @param seed The initial state. If this is not provided, the first value from the source will\n * be used as the initial state, and emitted without going through the accumulator. All subsequent values\n * will be processed by the accumulator function. If this is provided, all values will go through\n * the accumulator function.\n * @return A function that returns an Observable of the accumulated values.\n */\nexport function scan<V, A, S>(accumulator: (acc: V | A | S, value: V, index: number) => A, seed?: S): OperatorFunction<V, V | A> {\n  // providing a seed of `undefined` *should* be valid and trigger\n  // hasSeed! so don't use `seed !== undefined` checks!\n  // For this reason, we have to check it here at the original call site\n  // otherwise inside Operator/Subscriber we won't know if `undefined`\n  // means they didn't provide anything or if they literally provided `undefined`\n  return operate(scanInternals(accumulator, seed as S, arguments.length >= 2, true));\n}\n", "import { innerFrom } from '../observable/innerFrom';\nimport { Subject } from '../Subject';\nimport { SafeSubscriber } from '../Subscriber';\nimport { Subscription } from '../Subscription';\nimport { MonoTypeOperatorFunction, SubjectLike, ObservableInput } from '../types';\nimport { operate } from '../util/lift';\n\nexport interface ShareConfig<T> {\n  /**\n   * The factory used to create the subject that will connect the source observable to\n   * multicast consumers.\n   */\n  connector?: () => SubjectLike<T>;\n  /**\n   * If `true`, the resulting observable will reset internal state on error from source and return to a \"cold\" state. This\n   * allows the resulting observable to be \"retried\" in the event of an error.\n   * If `false`, when an error comes from the source it will push the error into the connecting subject, and the subject\n   * will remain the connecting subject, meaning the resulting observable will not go \"cold\" again, and subsequent retries\n   * or resubscriptions will resubscribe to that same subject. In all cases, RxJS subjects will emit the same error again, however\n   * {@link ReplaySubject} will also push its buffered values before pushing the error.\n   * It is also possible to pass a notifier factory returning an `ObservableInput` instead which grants more fine-grained\n   * control over how and when the reset should happen. This allows behaviors like conditional or delayed resets.\n   */\n  resetOnError?: boolean | ((error: any) => ObservableInput<any>);\n  /**\n   * If `true`, the resulting observable will reset internal state on completion from source and return to a \"cold\" state. This\n   * allows the resulting observable to be \"repeated\" after it is done.\n   * If `false`, when the source completes, it will push the completion through the connecting subject, and the subject\n   * will remain the connecting subject, meaning the resulting observable will not go \"cold\" again, and subsequent repeats\n   * or resubscriptions will resubscribe to that same subject.\n   * It is also possible to pass a notifier factory returning an `ObservableInput` instead which grants more fine-grained\n   * control over how and when the reset should happen. This allows behaviors like conditional or delayed resets.\n   */\n  resetOnComplete?: boolean | (() => ObservableInput<any>);\n  /**\n   * If `true`, when the number of subscribers to the resulting observable reaches zero due to those subscribers unsubscribing, the\n   * internal state will be reset and the resulting observable will return to a \"cold\" state. This means that the next\n   * time the resulting observable is subscribed to, a new subject will be created and the source will be subscribed to\n   * again.\n   * If `false`, when the number of subscribers to the resulting observable reaches zero due to unsubscription, the subject\n   * will remain connected to the source, and new subscriptions to the result will be connected through that same subject.\n   * It is also possible to pass a notifier factory returning an `ObservableInput` instead which grants more fine-grained\n   * control over how and when the reset should happen. This allows behaviors like conditional or delayed resets.\n   */\n  resetOnRefCountZero?: boolean | (() => ObservableInput<any>);\n}\n\nexport function share<T>(): MonoTypeOperatorFunction<T>;\n\nexport function share<T>(options: ShareConfig<T>): MonoTypeOperatorFunction<T>;\n\n/**\n * Returns a new Observable that multicasts (shares) the original Observable. As long as there is at least one\n * Subscriber this Observable will be subscribed and emitting data. When all subscribers have unsubscribed it will\n * unsubscribe from the source Observable. Because the Observable is multicasting it makes the stream `hot`.\n * This is an alias for `multicast(() => new Subject()), refCount()`.\n *\n * The subscription to the underlying source Observable can be reset (unsubscribe and resubscribe for new subscribers),\n * if the subscriber count to the shared observable drops to 0, or if the source Observable errors or completes. It is\n * possible to use notifier factories for the resets to allow for behaviors like conditional or delayed resets. Please\n * note that resetting on error or complete of the source Observable does not behave like a transparent retry or restart\n * of the source because the error or complete will be forwarded to all subscribers and their subscription will be\n * closed. Only new subscribers after a reset on error or complete happened will cause a fresh subscription to the\n * source. To achieve transparent retries or restarts pipe the source through appropriate operators before sharing.\n *\n * ![](share.png)\n *\n * ## Example\n *\n * Generate new multicast Observable from the `source` Observable value\n *\n * ```ts\n * import { interval, tap, map, take, share } from 'rxjs';\n *\n * const source = interval(1000).pipe(\n *   tap(x => console.log('Processing: ', x)),\n *   map(x => x * x),\n *   take(6),\n *   share()\n * );\n *\n * source.subscribe(x => console.log('subscription 1: ', x));\n * source.subscribe(x => console.log('subscription 2: ', x));\n *\n * // Logs:\n * // Processing: 0\n * // subscription 1: 0\n * // subscription 2: 0\n * // Processing: 1\n * // subscription 1: 1\n * // subscription 2: 1\n * // Processing: 2\n * // subscription 1: 4\n * // subscription 2: 4\n * // Processing: 3\n * // subscription 1: 9\n * // subscription 2: 9\n * // Processing: 4\n * // subscription 1: 16\n * // subscription 2: 16\n * // Processing: 5\n * // subscription 1: 25\n * // subscription 2: 25\n * ```\n *\n * ## Example with notifier factory: Delayed reset\n *\n * ```ts\n * import { interval, take, share, timer } from 'rxjs';\n *\n * const source = interval(1000).pipe(\n *   take(3),\n *   share({\n *     resetOnRefCountZero: () => timer(1000)\n *   })\n * );\n *\n * const subscriptionOne = source.subscribe(x => console.log('subscription 1: ', x));\n * setTimeout(() => subscriptionOne.unsubscribe(), 1300);\n *\n * setTimeout(() => source.subscribe(x => console.log('subscription 2: ', x)), 1700);\n *\n * setTimeout(() => source.subscribe(x => console.log('subscription 3: ', x)), 5000);\n *\n * // Logs:\n * // subscription 1:  0\n * // (subscription 1 unsubscribes here)\n * // (subscription 2 subscribes here ~400ms later, source was not reset)\n * // subscription 2:  1\n * // subscription 2:  2\n * // (subscription 2 unsubscribes here)\n * // (subscription 3 subscribes here ~2000ms later, source did reset before)\n * // subscription 3:  0\n * // subscription 3:  1\n * // subscription 3:  2\n * ```\n *\n * @see {@link shareReplay}\n *\n * @return A function that returns an Observable that mirrors the source.\n */\nexport function share<T>(options: ShareConfig<T> = {}): MonoTypeOperatorFunction<T> {\n  const { connector = () => new Subject<T>(), resetOnError = true, resetOnComplete = true, resetOnRefCountZero = true } = options;\n  // It's necessary to use a wrapper here, as the _operator_ must be\n  // referentially transparent. Otherwise, it cannot be used in calls to the\n  // static `pipe` function - to create a partial pipeline.\n  //\n  // The _operator function_ - the function returned by the _operator_ - will\n  // not be referentially transparent - as it shares its source - but the\n  // _operator function_ is called when the complete pipeline is composed via a\n  // call to a source observable's `pipe` method - not when the static `pipe`\n  // function is called.\n  return (wrapperSource) => {\n    let connection: SafeSubscriber<T> | undefined;\n    let resetConnection: Subscription | undefined;\n    let subject: SubjectLike<T> | undefined;\n    let refCount = 0;\n    let hasCompleted = false;\n    let hasErrored = false;\n\n    const cancelReset = () => {\n      resetConnection?.unsubscribe();\n      resetConnection = undefined;\n    };\n    // Used to reset the internal state to a \"cold\"\n    // state, as though it had never been subscribed to.\n    const reset = () => {\n      cancelReset();\n      connection = subject = undefined;\n      hasCompleted = hasErrored = false;\n    };\n    const resetAndUnsubscribe = () => {\n      // We need to capture the connection before\n      // we reset (if we need to reset).\n      const conn = connection;\n      reset();\n      conn?.unsubscribe();\n    };\n\n    return operate<T, T>((source, subscriber) => {\n      refCount++;\n      if (!hasErrored && !hasCompleted) {\n        cancelReset();\n      }\n\n      // Create the subject if we don't have one yet. Grab a local reference to\n      // it as well, which avoids non-null assertions when using it and, if we\n      // connect to it now, then error/complete need a reference after it was\n      // reset.\n      const dest = (subject = subject ?? connector());\n\n      // Add the finalization directly to the subscriber - instead of returning it -\n      // so that the handling of the subscriber's unsubscription will be wired\n      // up _before_ the subscription to the source occurs. This is done so that\n      // the assignment to the source connection's `closed` property will be seen\n      // by synchronous firehose sources.\n      subscriber.add(() => {\n        refCount--;\n\n        // If we're resetting on refCount === 0, and it's 0, we only want to do\n        // that on \"unsubscribe\", really. Resetting on error or completion is a different\n        // configuration.\n        if (refCount === 0 && !hasErrored && !hasCompleted) {\n          resetConnection = handleReset(resetAndUnsubscribe, resetOnRefCountZero);\n        }\n      });\n\n      // The following line adds the subscription to the subscriber passed.\n      // Basically, `subscriber === dest.subscribe(subscriber)` is `true`.\n      dest.subscribe(subscriber);\n\n      if (\n        !connection &&\n        // Check this shareReplay is still activate - it can be reset to 0\n        // and be \"unsubscribed\" _before_ it actually subscribes.\n        // If we were to subscribe then, it'd leak and get stuck.\n        refCount > 0\n      ) {\n        // We need to create a subscriber here - rather than pass an observer and\n        // assign the returned subscription to connection - because it's possible\n        // for reentrant subscriptions to the shared observable to occur and in\n        // those situations we want connection to be already-assigned so that we\n        // don't create another connection to the source.\n        connection = new SafeSubscriber({\n          next: (value) => dest.next(value),\n          error: (err) => {\n            hasErrored = true;\n            cancelReset();\n            resetConnection = handleReset(reset, resetOnError, err);\n            dest.error(err);\n          },\n          complete: () => {\n            hasCompleted = true;\n            cancelReset();\n            resetConnection = handleReset(reset, resetOnComplete);\n            dest.complete();\n          },\n        });\n        innerFrom(source).subscribe(connection);\n      }\n    })(wrapperSource);\n  };\n}\n\nfunction handleReset<T extends unknown[] = never[]>(\n  reset: () => void,\n  on: boolean | ((...args: T) => ObservableInput<any>),\n  ...args: T\n): Subscription | undefined {\n  if (on === true) {\n    reset();\n    return;\n  }\n\n  if (on === false) {\n    return;\n  }\n\n  const onSubscriber = new SafeSubscriber({\n    next: () => {\n      onSubscriber.unsubscribe();\n      reset();\n    },\n  });\n\n  return innerFrom(on(...args)).subscribe(onSubscriber);\n}\n", "import { ReplaySubject } from '../ReplaySubject';\nimport { MonoTypeOperatorFunction, SchedulerLike } from '../types';\nimport { share } from './share';\n\nexport interface ShareReplayConfig {\n  bufferSize?: number;\n  windowTime?: number;\n  refCount: boolean;\n  scheduler?: SchedulerLike;\n}\n\nexport function shareReplay<T>(config: ShareReplayConfig): MonoTypeOperatorFunction<T>;\nexport function shareReplay<T>(bufferSize?: number, windowTime?: number, scheduler?: SchedulerLike): MonoTypeOperatorFunction<T>;\n\n/**\n * Share source and replay specified number of emissions on subscription.\n *\n * This operator is a specialization of `replay` that connects to a source observable\n * and multicasts through a `ReplaySubject` constructed with the specified arguments.\n * A successfully completed source will stay cached in the `shareReplay`ed observable forever,\n * but an errored source can be retried.\n *\n * ## Why use `shareReplay`?\n *\n * You generally want to use `shareReplay` when you have side-effects or taxing computations\n * that you do not wish to be executed amongst multiple subscribers.\n * It may also be valuable in situations where you know you will have late subscribers to\n * a stream that need access to previously emitted values.\n * This ability to replay values on subscription is what differentiates {@link share} and `shareReplay`.\n *\n * ## Reference counting\n *\n * By default `shareReplay` will use `refCount` of false, meaning that it will _not_ unsubscribe the\n * source when the reference counter drops to zero, i.e. the inner `ReplaySubject` will _not_ be unsubscribed\n * (and potentially run for ever).\n * This is the default as it is expected that `shareReplay` is often used to keep around expensive to setup\n * observables which we want to keep running instead of having to do the expensive setup again.\n *\n * As of RXJS version 6.4.0 a new overload signature was added to allow for manual control over what\n * happens when the operators internal reference counter drops to zero.\n * If `refCount` is true, the source will be unsubscribed from once the reference count drops to zero, i.e.\n * the inner `ReplaySubject` will be unsubscribed. All new subscribers will receive value emissions from a\n * new `ReplaySubject` which in turn will cause a new subscription to the source observable.\n *\n * ## Examples\n *\n * Example with a third subscriber coming late to the party\n *\n * ```ts\n * import { interval, take, shareReplay } from 'rxjs';\n *\n * const shared$ = interval(2000).pipe(\n *   take(6),\n *   shareReplay(3)\n * );\n *\n * shared$.subscribe(x => console.log('sub A: ', x));\n * shared$.subscribe(y => console.log('sub B: ', y));\n *\n * setTimeout(() => {\n *   shared$.subscribe(y => console.log('sub C: ', y));\n * }, 11000);\n *\n * // Logs:\n * // (after ~2000 ms)\n * // sub A: 0\n * // sub B: 0\n * // (after ~4000 ms)\n * // sub A: 1\n * // sub B: 1\n * // (after ~6000 ms)\n * // sub A: 2\n * // sub B: 2\n * // (after ~8000 ms)\n * // sub A: 3\n * // sub B: 3\n * // (after ~10000 ms)\n * // sub A: 4\n * // sub B: 4\n * // (after ~11000 ms, sub C gets the last 3 values)\n * // sub C: 2\n * // sub C: 3\n * // sub C: 4\n * // (after ~12000 ms)\n * // sub A: 5\n * // sub B: 5\n * // sub C: 5\n * ```\n *\n * Example for `refCount` usage\n *\n * ```ts\n * import { Observable, tap, interval, shareReplay, take } from 'rxjs';\n *\n * const log = <T>(name: string, source: Observable<T>) => source.pipe(\n *   tap({\n *     subscribe: () => console.log(`${ name }: subscribed`),\n *     next: value => console.log(`${ name }: ${ value }`),\n *     complete: () => console.log(`${ name }: completed`),\n *     finalize: () => console.log(`${ name }: unsubscribed`)\n *   })\n * );\n *\n * const obs$ = log('source', interval(1000));\n *\n * const shared$ = log('shared', obs$.pipe(\n *   shareReplay({ bufferSize: 1, refCount: true }),\n *   take(2)\n * ));\n *\n * shared$.subscribe(x => console.log('sub A: ', x));\n * shared$.subscribe(y => console.log('sub B: ', y));\n *\n * // PRINTS:\n * // shared: subscribed <-- reference count = 1\n * // source: subscribed\n * // shared: subscribed <-- reference count = 2\n * // source: 0\n * // shared: 0\n * // sub A: 0\n * // shared: 0\n * // sub B: 0\n * // source: 1\n * // shared: 1\n * // sub A: 1\n * // shared: completed <-- take(2) completes the subscription for sub A\n * // shared: unsubscribed <-- reference count = 1\n * // shared: 1\n * // sub B: 1\n * // shared: completed <-- take(2) completes the subscription for sub B\n * // shared: unsubscribed <-- reference count = 0\n * // source: unsubscribed <-- replaySubject unsubscribes from source observable because the reference count dropped to 0 and refCount is true\n *\n * // In case of refCount being false, the unsubscribe is never called on the source and the source would keep on emitting, even if no subscribers\n * // are listening.\n * // source: 2\n * // source: 3\n * // source: 4\n * // ...\n * ```\n *\n * @see {@link publish}\n * @see {@link share}\n * @see {@link publishReplay}\n *\n * @param configOrBufferSize Maximum element count of the replay buffer or {@link ShareReplayConfig configuration}\n * object.\n * @param windowTime Maximum time length of the replay buffer in milliseconds.\n * @param scheduler Scheduler where connected observers within the selector function\n * will be invoked on.\n * @return A function that returns an Observable sequence that contains the\n * elements of a sequence produced by multicasting the source sequence within a\n * selector function.\n */\nexport function shareReplay<T>(\n  configOrBufferSize?: ShareReplayConfig | number,\n  windowTime?: number,\n  scheduler?: SchedulerLike\n): MonoTypeOperatorFunction<T> {\n  let bufferSize: number;\n  let refCount = false;\n  if (configOrBufferSize && typeof configOrBufferSize === 'object') {\n    ({ bufferSize = Infinity, windowTime = Infinity, refCount = false, scheduler } = configOrBufferSize);\n  } else {\n    bufferSize = (configOrBufferSize ?? Infinity) as number;\n  }\n  return share<T>({\n    connector: () => new ReplaySubject(bufferSize, windowTime, scheduler),\n    resetOnError: true,\n    resetOnComplete: false,\n    resetOnRefCountZero: refCount,\n  });\n}\n", "import { MonoTypeOperatorFunction } from '../types';\nimport { filter } from './filter';\n\n/**\n * Returns an Observable that skips the first `count` items emitted by the source Observable.\n *\n * ![](skip.png)\n *\n * Skips the values until the sent notifications are equal or less than provided skip count. It raises\n * an error if skip count is equal or more than the actual number of emits and source raises an error.\n *\n * ## Example\n *\n * Skip the values before the emission\n *\n * ```ts\n * import { interval, skip } from 'rxjs';\n *\n * // emit every half second\n * const source = interval(500);\n * // skip the first 10 emitted values\n * const result = source.pipe(skip(10));\n *\n * result.subscribe(value => console.log(value));\n * // output: 10...11...12...13...\n * ```\n *\n * @see {@link last}\n * @see {@link skipWhile}\n * @see {@link skipUntil}\n * @see {@link skipLast}\n *\n * @param {Number} count - The number of times, items emitted by source Observable should be skipped.\n * @return A function that returns an Observable that skips the first `count`\n * values emitted by the source Observable.\n */\nexport function skip<T>(count: number): MonoTypeOperatorFunction<T> {\n  return filter((_, index) => count <= index);\n}\n", "import { MonoTypeOperatorFunction, ObservableInput } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { innerFrom } from '../observable/innerFrom';\nimport { noop } from '../util/noop';\n\n/**\n * Returns an Observable that skips items emitted by the source Observable until a second Observable emits an item.\n *\n * The `skipUntil` operator causes the observable stream to skip the emission of values until the passed in observable\n * emits the first value. This can be particularly useful in combination with user interactions, responses of HTTP\n * requests or waiting for specific times to pass by.\n *\n * ![](skipUntil.png)\n *\n * Internally, the `skipUntil` operator subscribes to the passed in `notifier` `ObservableInput` (which gets converted\n * to an Observable) in order to recognize the emission of its first value. When `notifier` emits next, the operator\n * unsubscribes from it and starts emitting the values of the *source* observable until it completes or errors. It\n * will never let the *source* observable emit any values if the `notifier` completes or throws an error without\n * emitting a value before.\n *\n * ## Example\n *\n * In the following example, all emitted values of the interval observable are skipped until the user clicks anywhere\n * within the page\n *\n * ```ts\n * import { interval, fromEvent, skipUntil } from 'rxjs';\n *\n * const intervalObservable = interval(1000);\n * const click = fromEvent(document, 'click');\n *\n * const emitAfterClick = intervalObservable.pipe(\n *   skipUntil(click)\n * );\n * // clicked at 4.6s. output: 5...6...7...8........ or\n * // clicked at 7.3s. output: 8...9...10..11.......\n * emitAfterClick.subscribe(value => console.log(value));\n * ```\n *\n * @see {@link last}\n * @see {@link skip}\n * @see {@link skipWhile}\n * @see {@link skipLast}\n *\n * @param notifier An `ObservableInput` that has to emit an item before the source Observable elements begin to\n * be mirrored by the resulting Observable.\n * @return A function that returns an Observable that skips items from the\n * source Observable until the `notifier` Observable emits an item, then emits the\n * remaining items.\n */\nexport function skipUntil<T>(notifier: ObservableInput<any>): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    let taking = false;\n\n    const skipSubscriber = createOperatorSubscriber(\n      subscriber,\n      () => {\n        skipSubscriber?.unsubscribe();\n        taking = true;\n      },\n      noop\n    );\n\n    innerFrom(notifier).subscribe(skipSubscriber);\n\n    source.subscribe(createOperatorSubscriber(subscriber, (value) => taking && subscriber.next(value)));\n  });\n}\n", "import { concat } from '../observable/concat';\nimport { OperatorFunction, SchedulerLike, ValueFromArray } from '../types';\nimport { popScheduler } from '../util/args';\nimport { operate } from '../util/lift';\n\n// Devs are more likely to pass null or undefined than they are a scheduler\n// without accompanying values. To make things easier for (naughty) devs who\n// use the `strictNullChecks: false` TypeScript compiler option, these\n// overloads with explicit null and undefined values are included.\n\nexport function startWith<T>(value: null): OperatorFunction<T, T | null>;\nexport function startWith<T>(value: undefined): OperatorFunction<T, T | undefined>;\n\n/** @deprecated The `scheduler` parameter will be removed in v8. Use `scheduled` and `concatAll`. Details: https://rxjs.dev/deprecations/scheduler-argument */\nexport function startWith<T, A extends readonly unknown[] = T[]>(\n  ...valuesAndScheduler: [...A, SchedulerLike]\n): OperatorFunction<T, T | ValueFromArray<A>>;\nexport function startWith<T, A extends readonly unknown[] = T[]>(...values: A): OperatorFunction<T, T | ValueFromArray<A>>;\n\n/**\n * Returns an observable that, at the moment of subscription, will synchronously emit all\n * values provided to this operator, then subscribe to the source and mirror all of its emissions\n * to subscribers.\n *\n * This is a useful way to know when subscription has occurred on an existing observable.\n *\n * <span class=\"informal\">First emits its arguments in order, and then any\n * emissions from the source.</span>\n *\n * ![](startWith.png)\n *\n * ## Examples\n *\n * Emit a value when a timer starts.\n *\n * ```ts\n * import { timer, map, startWith } from 'rxjs';\n *\n * timer(1000)\n *   .pipe(\n *     map(() => 'timer emit'),\n *     startWith('timer start')\n *   )\n *   .subscribe(x => console.log(x));\n *\n * // results:\n * // 'timer start'\n * // 'timer emit'\n * ```\n *\n * @param values Items you want the modified Observable to emit first.\n * @return A function that returns an Observable that synchronously emits\n * provided values before subscribing to the source Observable.\n *\n * @see {@link endWith}\n * @see {@link finalize}\n * @see {@link concat}\n */\nexport function startWith<T, D>(...values: D[]): OperatorFunction<T, T | D> {\n  const scheduler = popScheduler(values);\n  return operate((source, subscriber) => {\n    // Here we can't pass `undefined` as a scheduler, because if we did, the\n    // code inside of `concat` would be confused by the `undefined`, and treat it\n    // like an invalid observable. So we have to split it two different ways.\n    (scheduler ? concat(values, source, scheduler) : concat(values, source)).subscribe(subscriber);\n  });\n}\n", "import { Subscriber } from '../Subscriber';\nimport { ObservableInput, OperatorFunction, ObservedValueOf } from '../types';\nimport { innerFrom } from '../observable/innerFrom';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\n/* tslint:disable:max-line-length */\nexport function switchMap<T, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O\n): OperatorFunction<T, ObservedValueOf<O>>;\n/** @deprecated The `resultSelector` parameter will be removed in v8. Use an inner `map` instead. Details: https://rxjs.dev/deprecations/resultSelector */\nexport function switchMap<T, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  resultSelector: undefined\n): OperatorFunction<T, ObservedValueOf<O>>;\n/** @deprecated The `resultSelector` parameter will be removed in v8. Use an inner `map` instead. Details: https://rxjs.dev/deprecations/resultSelector */\nexport function switchMap<T, R, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  resultSelector: (outerValue: T, innerValue: ObservedValueOf<O>, outerIndex: number, innerIndex: number) => R\n): OperatorFunction<T, R>;\n/* tslint:enable:max-line-length */\n\n/**\n * Projects each source value to an Observable which is merged in the output\n * Observable, emitting values only from the most recently projected Observable.\n *\n * <span class=\"informal\">Maps each value to an Observable, then flattens all of\n * these inner Observables using {@link switchAll}.</span>\n *\n * ![](switchMap.png)\n *\n * Returns an Observable that emits items based on applying a function that you\n * supply to each item emitted by the source Observable, where that function\n * returns an (so-called \"inner\") Observable. Each time it observes one of these\n * inner Observables, the output Observable begins emitting the items emitted by\n * that inner Observable. When a new inner Observable is emitted, `switchMap`\n * stops emitting items from the earlier-emitted inner Observable and begins\n * emitting items from the new one. It continues to behave like this for\n * subsequent inner Observables.\n *\n * ## Example\n *\n * Generate new Observable according to source Observable values\n *\n * ```ts\n * import { of, switchMap } from 'rxjs';\n *\n * const switched = of(1, 2, 3).pipe(switchMap(x => of(x, x ** 2, x ** 3)));\n * switched.subscribe(x => console.log(x));\n * // outputs\n * // 1\n * // 1\n * // 1\n * // 2\n * // 4\n * // 8\n * // 3\n * // 9\n * // 27\n * ```\n *\n * Restart an interval Observable on every click event\n *\n * ```ts\n * import { fromEvent, switchMap, interval } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(switchMap(() => interval(1000)));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link concatMap}\n * @see {@link exhaustMap}\n * @see {@link mergeMap}\n * @see {@link switchAll}\n * @see {@link switchMapTo}\n *\n * @param {function(value: T, index: number): ObservableInput} project A function\n * that, when applied to an item emitted by the source Observable, returns an\n * Observable.\n * @return A function that returns an Observable that emits the result of\n * applying the projection function (and the optional deprecated\n * `resultSelector`) to each item emitted by the source Observable and taking\n * only the values from the most recently projected inner Observable.\n */\nexport function switchMap<T, R, O extends ObservableInput<any>>(\n  project: (value: T, index: number) => O,\n  resultSelector?: (outerValue: T, innerValue: ObservedValueOf<O>, outerIndex: number, innerIndex: number) => R\n): OperatorFunction<T, ObservedValueOf<O> | R> {\n  return operate((source, subscriber) => {\n    let innerSubscriber: Subscriber<ObservedValueOf<O>> | null = null;\n    let index = 0;\n    // Whether or not the source subscription has completed\n    let isComplete = false;\n\n    // We only complete the result if the source is complete AND we don't have an active inner subscription.\n    // This is called both when the source completes and when the inners complete.\n    const checkComplete = () => isComplete && !innerSubscriber && subscriber.complete();\n\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        (value) => {\n          // Cancel the previous inner subscription if there was one\n          innerSubscriber?.unsubscribe();\n          let innerIndex = 0;\n          const outerIndex = index++;\n          // Start the next inner subscription\n          innerFrom(project(value, outerIndex)).subscribe(\n            (innerSubscriber = createOperatorSubscriber(\n              subscriber,\n              // When we get a new inner value, next it through. Note that this is\n              // handling the deprecate result selector here. This is because with this architecture\n              // it ends up being smaller than using the map operator.\n              (innerValue) => subscriber.next(resultSelector ? resultSelector(value, innerValue, outerIndex, innerIndex++) : innerValue),\n              () => {\n                // The inner has completed. Null out the inner subscriber to\n                // free up memory and to signal that we have no inner subscription\n                // currently.\n                innerSubscriber = null!;\n                checkComplete();\n              }\n            ))\n          );\n        },\n        () => {\n          isComplete = true;\n          checkComplete();\n        }\n      )\n    );\n  });\n}\n", "import { MonoTypeOperatorFunction, ObservableInput } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { innerFrom } from '../observable/innerFrom';\nimport { noop } from '../util/noop';\n\n/**\n * Emits the values emitted by the source Observable until a `notifier`\n * Observable emits a value.\n *\n * <span class=\"informal\">Lets values pass until a second Observable,\n * `notifier`, emits a value. Then, it completes.</span>\n *\n * ![](takeUntil.png)\n *\n * `takeUntil` subscribes and begins mirroring the source Observable. It also\n * monitors a second Observable, `notifier` that you provide. If the `notifier`\n * emits a value, the output Observable stops mirroring the source Observable\n * and completes. If the `notifier` doesn't emit any value and completes\n * then `takeUntil` will pass all values.\n *\n * ## Example\n *\n * Tick every second until the first click happens\n *\n * ```ts\n * import { interval, fromEvent, takeUntil } from 'rxjs';\n *\n * const source = interval(1000);\n * const clicks = fromEvent(document, 'click');\n * const result = source.pipe(takeUntil(clicks));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link take}\n * @see {@link takeLast}\n * @see {@link takeWhile}\n * @see {@link skip}\n *\n * @param {Observable} notifier The Observable whose first emitted value will\n * cause the output Observable of `takeUntil` to stop emitting values from the\n * source Observable.\n * @return A function that returns an Observable that emits the values from the\n * source Observable until `notifier` emits its first value.\n */\nexport function takeUntil<T>(notifier: ObservableInput<any>): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    innerFrom(notifier).subscribe(createOperatorSubscriber(subscriber, () => subscriber.complete(), noop));\n    !subscriber.closed && source.subscribe(subscriber);\n  });\n}\n", "import { OperatorFunction, MonoTypeOperatorFunction, TruthyTypesOf } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\n\nexport function takeWhile<T>(predicate: BooleanConstructor, inclusive: true): MonoTypeOperatorFunction<T>;\nexport function takeWhile<T>(predicate: BooleanConstructor, inclusive: false): OperatorFunction<T, TruthyTypesOf<T>>;\nexport function takeWhile<T>(predicate: BooleanConstructor): OperatorFunction<T, TruthyTypesOf<T>>;\nexport function takeWhile<T, S extends T>(predicate: (value: T, index: number) => value is S): OperatorFunction<T, S>;\nexport function takeWhile<T, S extends T>(predicate: (value: T, index: number) => value is S, inclusive: false): OperatorFunction<T, S>;\nexport function takeWhile<T>(predicate: (value: T, index: number) => boolean, inclusive?: boolean): MonoTypeOperatorFunction<T>;\n\n/**\n * Emits values emitted by the source Observable so long as each value satisfies\n * the given `predicate`, and then completes as soon as this `predicate` is not\n * satisfied.\n *\n * <span class=\"informal\">Takes values from the source only while they pass the\n * condition given. When the first value does not satisfy, it completes.</span>\n *\n * ![](takeWhile.png)\n *\n * `takeWhile` subscribes and begins mirroring the source Observable. Each value\n * emitted on the source is given to the `predicate` function which returns a\n * boolean, representing a condition to be satisfied by the source values. The\n * output Observable emits the source values until such time as the `predicate`\n * returns false, at which point `takeWhile` stops mirroring the source\n * Observable and completes the output Observable.\n *\n * ## Example\n *\n * Emit click events only while the clientX property is greater than 200\n *\n * ```ts\n * import { fromEvent, takeWhile } from 'rxjs';\n *\n * const clicks = fromEvent<PointerEvent>(document, 'click');\n * const result = clicks.pipe(takeWhile(ev => ev.clientX > 200));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link take}\n * @see {@link takeLast}\n * @see {@link takeUntil}\n * @see {@link skip}\n *\n * @param {function(value: T, index: number): boolean} predicate A function that\n * evaluates a value emitted by the source Observable and returns a boolean.\n * Also takes the (zero-based) index as the second argument.\n * @param {boolean} inclusive When set to `true` the value that caused\n * `predicate` to return `false` will also be emitted.\n * @return A function that returns an Observable that emits values from the\n * source Observable so long as each value satisfies the condition defined by\n * the `predicate`, then completes.\n */\nexport function takeWhile<T>(predicate: (value: T, index: number) => boolean, inclusive = false): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    let index = 0;\n    source.subscribe(\n      createOperatorSubscriber(subscriber, (value) => {\n        const result = predicate(value, index++);\n        (result || inclusive) && subscriber.next(value);\n        !result && subscriber.complete();\n      })\n    );\n  });\n}\n", "import { MonoTypeOperatorFunction, Observer } from '../types';\nimport { isFunction } from '../util/isFunction';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { identity } from '../util/identity';\n\n/**\n * An extension to the {@link Observer} interface used only by the {@link tap} operator.\n *\n * It provides a useful set of callbacks a user can register to do side-effects in\n * cases other than what the usual {@link Observer} callbacks are\n * ({@link guide/glossary-and-semantics#next next},\n * {@link guide/glossary-and-semantics#error error} and/or\n * {@link guide/glossary-and-semantics#complete complete}).\n *\n * ## Example\n *\n * ```ts\n * import { fromEvent, switchMap, tap, interval, take } from 'rxjs';\n *\n * const source$ = fromEvent(document, 'click');\n * const result$ = source$.pipe(\n *   switchMap((_, i) => i % 2 === 0\n *     ? fromEvent(document, 'mousemove').pipe(\n *         tap({\n *           subscribe: () => console.log('Subscribed to the mouse move events after click #' + i),\n *           unsubscribe: () => console.log('Mouse move events #' + i + ' unsubscribed'),\n *           finalize: () => console.log('Mouse move events #' + i + ' finalized')\n *         })\n *       )\n *     : interval(1_000).pipe(\n *         take(5),\n *         tap({\n *           subscribe: () => console.log('Subscribed to the 1-second interval events after click #' + i),\n *           unsubscribe: () => console.log('1-second interval events #' + i + ' unsubscribed'),\n *           finalize: () => console.log('1-second interval events #' + i + ' finalized')\n *         })\n *       )\n *   )\n * );\n *\n * const subscription = result$.subscribe({\n *   next: console.log\n * });\n *\n * setTimeout(() => {\n *   console.log('Unsubscribe after 60 seconds');\n *   subscription.unsubscribe();\n * }, 60_000);\n * ```\n */\nexport interface TapObserver<T> extends Observer<T> {\n  /**\n   * The callback that `tap` operator invokes at the moment when the source Observable\n   * gets subscribed to.\n   */\n  subscribe: () => void;\n  /**\n   * The callback that `tap` operator invokes when an explicit\n   * {@link guide/glossary-and-semantics#unsubscription unsubscribe} happens. It won't get invoked on\n   * `error` or `complete` events.\n   */\n  unsubscribe: () => void;\n  /**\n   * The callback that `tap` operator invokes when any kind of\n   * {@link guide/glossary-and-semantics#finalization finalization} happens - either when\n   * the source Observable `error`s or `complete`s or when it gets explicitly unsubscribed\n   * by the user. There is no difference in using this callback or the {@link finalize}\n   * operator, but if you're already using `tap` operator, you can use this callback\n   * instead. You'd get the same result in either case.\n   */\n  finalize: () => void;\n}\nexport function tap<T>(observerOrNext?: Partial<TapObserver<T>> | ((value: T) => void)): MonoTypeOperatorFunction<T>;\n/** @deprecated Instead of passing separate callback arguments, use an observer argument. Signatures taking separate callback arguments will be removed in v8. Details: https://rxjs.dev/deprecations/subscribe-arguments */\nexport function tap<T>(\n  next?: ((value: T) => void) | null,\n  error?: ((error: any) => void) | null,\n  complete?: (() => void) | null\n): MonoTypeOperatorFunction<T>;\n\n/**\n * Used to perform side-effects for notifications from the source observable\n *\n * <span class=\"informal\">Used when you want to affect outside state with a notification without altering the notification</span>\n *\n * ![](tap.png)\n *\n * Tap is designed to allow the developer a designated place to perform side effects. While you _could_ perform side-effects\n * inside of a `map` or a `mergeMap`, that would make their mapping functions impure, which isn't always a big deal, but will\n * make it so you can't do things like memoize those functions. The `tap` operator is designed solely for such side-effects to\n * help you remove side-effects from other operations.\n *\n * For any notification, next, error, or complete, `tap` will call the appropriate callback you have provided to it, via a function\n * reference, or a partial observer, then pass that notification down the stream.\n *\n * The observable returned by `tap` is an exact mirror of the source, with one exception: Any error that occurs -- synchronously -- in a handler\n * provided to `tap` will be emitted as an error from the returned observable.\n *\n * > Be careful! You can mutate objects as they pass through the `tap` operator's handlers.\n *\n * The most common use of `tap` is actually for debugging. You can place a `tap(console.log)` anywhere\n * in your observable `pipe`, log out the notifications as they are emitted by the source returned by the previous\n * operation.\n *\n * ## Examples\n *\n * Check a random number before it is handled. Below is an observable that will use a random number between 0 and 1,\n * and emit `'big'` or `'small'` depending on the size of that number. But we wanted to log what the original number\n * was, so we have added a `tap(console.log)`.\n *\n * ```ts\n * import { of, tap, map } from 'rxjs';\n *\n * of(Math.random()).pipe(\n *   tap(console.log),\n *   map(n => n > 0.5 ? 'big' : 'small')\n * ).subscribe(console.log);\n * ```\n *\n * Using `tap` to analyze a value and force an error. Below is an observable where in our system we only\n * want to emit numbers 3 or less we get from another source. We can force our observable to error\n * using `tap`.\n *\n * ```ts\n * import { of, tap } from 'rxjs';\n *\n * const source = of(1, 2, 3, 4, 5);\n *\n * source.pipe(\n *   tap(n => {\n *     if (n > 3) {\n *       throw new TypeError(`Value ${ n } is greater than 3`);\n *     }\n *   })\n * )\n * .subscribe({ next: console.log, error: err => console.log(err.message) });\n * ```\n *\n * We want to know when an observable completes before moving on to the next observable. The system\n * below will emit a random series of `'X'` characters from 3 different observables in sequence. The\n * only way we know when one observable completes and moves to the next one, in this case, is because\n * we have added a `tap` with the side effect of logging to console.\n *\n * ```ts\n * import { of, concatMap, interval, take, map, tap } from 'rxjs';\n *\n * of(1, 2, 3).pipe(\n *   concatMap(n => interval(1000).pipe(\n *     take(Math.round(Math.random() * 10)),\n *     map(() => 'X'),\n *     tap({ complete: () => console.log(`Done with ${ n }`) })\n *   ))\n * )\n * .subscribe(console.log);\n * ```\n *\n * @see {@link finalize}\n * @see {@link TapObserver}\n *\n * @param observerOrNext A next handler or partial observer\n * @param error An error handler\n * @param complete A completion handler\n * @return A function that returns an Observable identical to the source, but\n * runs the specified Observer or callback(s) for each item.\n */\nexport function tap<T>(\n  observerOrNext?: Partial<TapObserver<T>> | ((value: T) => void) | null,\n  error?: ((e: any) => void) | null,\n  complete?: (() => void) | null\n): MonoTypeOperatorFunction<T> {\n  // We have to check to see not only if next is a function,\n  // but if error or complete were passed. This is because someone\n  // could technically call tap like `tap(null, fn)` or `tap(null, null, fn)`.\n  const tapObserver =\n    isFunction(observerOrNext) || error || complete\n      ? // tslint:disable-next-line: no-object-literal-type-assertion\n        ({ next: observerOrNext as Exclude<typeof observerOrNext, Partial<TapObserver<T>>>, error, complete } as Partial<TapObserver<T>>)\n      : observerOrNext;\n\n  return tapObserver\n    ? operate((source, subscriber) => {\n        tapObserver.subscribe?.();\n        let isUnsub = true;\n        source.subscribe(\n          createOperatorSubscriber(\n            subscriber,\n            (value) => {\n              tapObserver.next?.(value);\n              subscriber.next(value);\n            },\n            () => {\n              isUnsub = false;\n              tapObserver.complete?.();\n              subscriber.complete();\n            },\n            (err) => {\n              isUnsub = false;\n              tapObserver.error?.(err);\n              subscriber.error(err);\n            },\n            () => {\n              if (isUnsub) {\n                tapObserver.unsubscribe?.();\n              }\n              tapObserver.finalize?.();\n            }\n          )\n        );\n      })\n    : // Tap was called with no valid tap observer or handler\n      // (e.g. `tap(null, null, null)` or `tap(null)` or `tap()`)\n      // so we're going to just mirror the source.\n      identity;\n}\n", "import { Subscription } from '../Subscription';\n\nimport { MonoTypeOperatorFunction, ObservableInput } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { innerFrom } from '../observable/innerFrom';\n\n/**\n * An object interface used by {@link throttle} or {@link throttleTime} that ensure\n * configuration options of these operators.\n *\n * @see {@link throttle}\n * @see {@link throttleTime}\n */\nexport interface ThrottleConfig {\n  /**\n   * If `true`, the resulting Observable will emit the first value from the source\n   * Observable at the **start** of the \"throttling\" process (when starting an\n   * internal timer that prevents other emissions from the source to pass through).\n   * If `false`, it will not emit the first value from the source Observable at the\n   * start of the \"throttling\" process.\n   *\n   * If not provided, defaults to: `true`.\n   */\n  leading?: boolean;\n  /**\n   * If `true`, the resulting Observable will emit the last value from the source\n   * Observable at the **end** of the \"throttling\" process (when ending an internal\n   * timer that prevents other emissions from the source to pass through).\n   * If `false`, it will not emit the last value from the source Observable at the\n   * end of the \"throttling\" process.\n   *\n   * If not provided, defaults to: `false`.\n   */\n  trailing?: boolean;\n}\n\n/**\n * Emits a value from the source Observable, then ignores subsequent source\n * values for a duration determined by another Observable, then repeats this\n * process.\n *\n * <span class=\"informal\">It's like {@link throttleTime}, but the silencing\n * duration is determined by a second Observable.</span>\n *\n * ![](throttle.svg)\n *\n * `throttle` emits the source Observable values on the output Observable\n * when its internal timer is disabled, and ignores source values when the timer\n * is enabled. Initially, the timer is disabled. As soon as the first source\n * value arrives, it is forwarded to the output Observable, and then the timer\n * is enabled by calling the `durationSelector` function with the source value,\n * which returns the \"duration\" Observable. When the duration Observable emits a\n * value, the timer is disabled, and this process repeats for the\n * next source value.\n *\n * ## Example\n *\n * Emit clicks at a rate of at most one click per second\n *\n * ```ts\n * import { fromEvent, throttle, interval } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(throttle(() => interval(1000)));\n *\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link audit}\n * @see {@link debounce}\n * @see {@link delayWhen}\n * @see {@link sample}\n * @see {@link throttleTime}\n *\n * @param durationSelector A function that receives a value from the source\n * Observable, for computing the silencing duration for each source value,\n * returned as an `ObservableInput`.\n * @param config A configuration object to define `leading` and `trailing`\n * behavior. Defaults to `{ leading: true, trailing: false }`.\n * @return A function that returns an Observable that performs the throttle\n * operation to limit the rate of emissions from the source.\n */\nexport function throttle<T>(durationSelector: (value: T) => ObservableInput<any>, config?: ThrottleConfig): MonoTypeOperatorFunction<T> {\n  return operate((source, subscriber) => {\n    const { leading = true, trailing = false } = config ?? {};\n    let hasValue = false;\n    let sendValue: T | null = null;\n    let throttled: Subscription | null = null;\n    let isComplete = false;\n\n    const endThrottling = () => {\n      throttled?.unsubscribe();\n      throttled = null;\n      if (trailing) {\n        send();\n        isComplete && subscriber.complete();\n      }\n    };\n\n    const cleanupThrottling = () => {\n      throttled = null;\n      isComplete && subscriber.complete();\n    };\n\n    const startThrottle = (value: T) =>\n      (throttled = innerFrom(durationSelector(value)).subscribe(createOperatorSubscriber(subscriber, endThrottling, cleanupThrottling)));\n\n    const send = () => {\n      if (hasValue) {\n        // Ensure we clear out our value and hasValue flag\n        // before we emit, otherwise reentrant code can cause\n        // issues here.\n        hasValue = false;\n        const value = sendValue!;\n        sendValue = null;\n        // Emit the value.\n        subscriber.next(value);\n        !isComplete && startThrottle(value);\n      }\n    };\n\n    source.subscribe(\n      createOperatorSubscriber(\n        subscriber,\n        // Regarding the presence of throttled.closed in the following\n        // conditions, if a synchronous duration selector is specified - weird,\n        // but legal - an already-closed subscription will be assigned to\n        // throttled, so the subscription's closed property needs to be checked,\n        // too.\n        (value) => {\n          hasValue = true;\n          sendValue = value;\n          !(throttled && !throttled.closed) && (leading ? send() : startThrottle(value));\n        },\n        () => {\n          isComplete = true;\n          !(trailing && hasValue && throttled && !throttled.closed) && subscriber.complete();\n        }\n      )\n    );\n  });\n}\n", "import { asyncScheduler } from '../scheduler/async';\nimport { throttle, ThrottleConfig } from './throttle';\nimport { MonoTypeOperatorFunction, SchedulerLike } from '../types';\nimport { timer } from '../observable/timer';\n\n/**\n * Emits a value from the source Observable, then ignores subsequent source\n * values for `duration` milliseconds, then repeats this process.\n *\n * <span class=\"informal\">Lets a value pass, then ignores source values for the\n * next `duration` milliseconds.</span>\n *\n * ![](throttleTime.png)\n *\n * `throttleTime` emits the source Observable values on the output Observable\n * when its internal timer is disabled, and ignores source values when the timer\n * is enabled. Initially, the timer is disabled. As soon as the first source\n * value arrives, it is forwarded to the output Observable, and then the timer\n * is enabled. After `duration` milliseconds (or the time unit determined\n * internally by the optional `scheduler`) has passed, the timer is disabled,\n * and this process repeats for the next source value. Optionally takes a\n * {@link SchedulerLike} for managing timers.\n *\n * ## Examples\n *\n * ### Limit click rate\n *\n * Emit clicks at a rate of at most one click per second\n *\n * ```ts\n * import { fromEvent, throttleTime } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const result = clicks.pipe(throttleTime(1000));\n *\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link auditTime}\n * @see {@link debounceTime}\n * @see {@link delay}\n * @see {@link sampleTime}\n * @see {@link throttle}\n *\n * @param duration Time to wait before emitting another value after\n * emitting the last value, measured in milliseconds or the time unit determined\n * internally by the optional `scheduler`.\n * @param scheduler The {@link SchedulerLike} to use for\n * managing the timers that handle the throttling. Defaults to {@link asyncScheduler}.\n * @param config A configuration object to define `leading` and\n * `trailing` behavior. Defaults to `{ leading: true, trailing: false }`.\n * @return A function that returns an Observable that performs the throttle\n * operation to limit the rate of emissions from the source.\n */\nexport function throttleTime<T>(\n  duration: number,\n  scheduler: SchedulerLike = asyncScheduler,\n  config?: ThrottleConfig\n): MonoTypeOperatorFunction<T> {\n  const duration$ = timer(duration, scheduler);\n  return throttle(() => duration$, config);\n}\n", "import { OperatorFunction, ObservableInputTuple } from '../types';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nimport { innerFrom } from '../observable/innerFrom';\nimport { identity } from '../util/identity';\nimport { noop } from '../util/noop';\nimport { popResultSelector } from '../util/args';\n\nexport function withLatestFrom<T, O extends unknown[]>(...inputs: [...ObservableInputTuple<O>]): OperatorFunction<T, [T, ...O]>;\n\nexport function withLatestFrom<T, O extends unknown[], R>(\n  ...inputs: [...ObservableInputTuple<O>, (...value: [T, ...O]) => R]\n): OperatorFunction<T, R>;\n\n/**\n * Combines the source Observable with other Observables to create an Observable\n * whose values are calculated from the latest values of each, only when the\n * source emits.\n *\n * <span class=\"informal\">Whenever the source Observable emits a value, it\n * computes a formula using that value plus the latest values from other input\n * Observables, then emits the output of that formula.</span>\n *\n * ![](withLatestFrom.png)\n *\n * `withLatestFrom` combines each value from the source Observable (the\n * instance) with the latest values from the other input Observables only when\n * the source emits a value, optionally using a `project` function to determine\n * the value to be emitted on the output Observable. All input Observables must\n * emit at least one value before the output Observable will emit a value.\n *\n * ## Example\n *\n * On every click event, emit an array with the latest timer event plus the click event\n *\n * ```ts\n * import { fromEvent, interval, withLatestFrom } from 'rxjs';\n *\n * const clicks = fromEvent(document, 'click');\n * const timer = interval(1000);\n * const result = clicks.pipe(withLatestFrom(timer));\n * result.subscribe(x => console.log(x));\n * ```\n *\n * @see {@link combineLatest}\n *\n * @param {ObservableInput} other An input Observable to combine with the source\n * Observable. More than one input Observables may be given as argument.\n * @param {Function} [project] Projection function for combining values\n * together. Receives all values in order of the Observables passed, where the\n * first parameter is a value from the source Observable. (e.g.\n * `a.pipe(withLatestFrom(b, c), map(([a1, b1, c1]) => a1 + b1 + c1))`). If this is not\n * passed, arrays will be emitted on the output Observable.\n * @return A function that returns an Observable of projected values from the\n * most recent values from each input Observable, or an array of the most\n * recent values from each input Observable.\n */\nexport function withLatestFrom<T, R>(...inputs: any[]): OperatorFunction<T, R | any[]> {\n  const project = popResultSelector(inputs) as ((...args: any[]) => R) | undefined;\n\n  return operate((source, subscriber) => {\n    const len = inputs.length;\n    const otherValues = new Array(len);\n    // An array of whether or not the other sources have emitted. Matched with them by index.\n    // TODO: At somepoint, we should investigate the performance implications here, and look\n    // into using a `Set()` and checking the `size` to see if we're ready.\n    let hasValue = inputs.map(() => false);\n    // Flipped true when we have at least one value from all other sources and\n    // we are ready to start emitting values.\n    let ready = false;\n\n    // Other sources. Note that here we are not checking `subscriber.closed`,\n    // this causes all inputs to be subscribed to, even if nothing can be emitted\n    // from them. This is an important distinction because subscription constitutes\n    // a side-effect.\n    for (let i = 0; i < len; i++) {\n      innerFrom(inputs[i]).subscribe(\n        createOperatorSubscriber(\n          subscriber,\n          (value) => {\n            otherValues[i] = value;\n            if (!ready && !hasValue[i]) {\n              // If we're not ready yet, flag to show this observable has emitted.\n              hasValue[i] = true;\n              // Intentionally terse code.\n              // If all of our other observables have emitted, set `ready` to `true`,\n              // so we know we can start emitting values, then clean up the `hasValue` array,\n              // because we don't need it anymore.\n              (ready = hasValue.every(identity)) && (hasValue = null!);\n            }\n          },\n          // Completing one of the other sources has\n          // no bearing on the completion of our result.\n          noop\n        )\n      );\n    }\n\n    // Source subscription\n    source.subscribe(\n      createOperatorSubscriber(subscriber, (value) => {\n        if (ready) {\n          // We have at least one value from the other sources. Go ahead and emit.\n          const values = [value, ...otherValues];\n          subscriber.next(project ? project(...values) : values);\n        }\n      })\n    );\n  });\n}\n", "import { zip as zipStatic } from '../observable/zip';\nimport { ObservableInput, ObservableInputTuple, OperatorFunction, Cons } from '../types';\nimport { operate } from '../util/lift';\n\n/** @deprecated Replaced with {@link zipWith}. Will be removed in v8. */\nexport function zip<T, A extends readonly unknown[]>(otherInputs: [...ObservableInputTuple<A>]): OperatorFunction<T, Cons<T, A>>;\n/** @deprecated Replaced with {@link zipWith}. Will be removed in v8. */\nexport function zip<T, A extends readonly unknown[], R>(\n  otherInputsAndProject: [...ObservableInputTuple<A>],\n  project: (...values: Cons<T, A>) => R\n): OperatorFunction<T, R>;\n/** @deprecated Replaced with {@link zipWith}. Will be removed in v8. */\nexport function zip<T, A extends readonly unknown[]>(...otherInputs: [...ObservableInputTuple<A>]): OperatorFunction<T, Cons<T, A>>;\n/** @deprecated Replaced with {@link zipWith}. Will be removed in v8. */\nexport function zip<T, A extends readonly unknown[], R>(\n  ...otherInputsAndProject: [...ObservableInputTuple<A>, (...values: Cons<T, A>) => R]\n): OperatorFunction<T, R>;\n\n/**\n * @deprecated Replaced with {@link zipWith}. Will be removed in v8.\n */\nexport function zip<T, R>(...sources: Array<ObservableInput<any> | ((...values: Array<any>) => R)>): OperatorFunction<T, any> {\n  return operate((source, subscriber) => {\n    zipStatic(source as ObservableInput<any>, ...(sources as Array<ObservableInput<any>>)).subscribe(subscriber);\n  });\n}\n", "import { ObservableInputTuple, OperatorFunction, Cons } from '../types';\nimport { zip } from './zip';\n\n/**\n * Subscribes to the source, and the observable inputs provided as arguments, and combines their values, by index, into arrays.\n *\n * What is meant by \"combine by index\": The first value from each will be made into a single array, then emitted,\n * then the second value from each will be combined into a single array and emitted, then the third value\n * from each will be combined into a single array and emitted, and so on.\n *\n * This will continue until it is no longer able to combine values of the same index into an array.\n *\n * After the last value from any one completed source is emitted in an array, the resulting observable will complete,\n * as there is no way to continue \"zipping\" values together by index.\n *\n * Use-cases for this operator are limited. There are memory concerns if one of the streams is emitting\n * values at a much faster rate than the others. Usage should likely be limited to streams that emit\n * at a similar pace, or finite streams of known length.\n *\n * In many cases, authors want `combineLatestWith` and not `zipWith`.\n *\n * @param otherInputs other observable inputs to collate values from.\n * @return A function that returns an Observable that emits items by index\n * combined from the source Observable and provided Observables, in form of an\n * array.\n */\nexport function zipWith<T, A extends readonly unknown[]>(...otherInputs: [...ObservableInputTuple<A>]): OperatorFunction<T, Cons<T, A>> {\n  return zip(...otherInputs);\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  ReplaySubject,\n  Subject,\n  fromEvent\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch document\n *\n * Documents are implemented as subjects, so all downstream observables are\n * automatically updated when a new document is emitted.\n *\n * @returns Document subject\n */\nexport function watchDocument(): Subject<Document> {\n  const document$ = new ReplaySubject<Document>(1)\n  fromEvent(document, \"DOMContentLoaded\", { once: true })\n    .subscribe(() => document$.next(document))\n\n  /* Return document */\n  return document$\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve all elements matching the query selector\n *\n * @template T - Element type\n *\n * @param selector - Query selector\n * @param node - Node of reference\n *\n * @returns Elements\n */\nexport function getElements<T extends keyof HTMLElementTagNameMap>(\n  selector: T, node?: ParentNode\n): HTMLElementTagNameMap[T][]\n\nexport function getElements<T extends HTMLElement>(\n  selector: string, node?: ParentNode\n): T[]\n\nexport function getElements<T extends HTMLElement>(\n  selector: string, node: ParentNode = document\n): T[] {\n  return Array.from(node.querySelectorAll<T>(selector))\n}\n\n/**\n * Retrieve an element matching a query selector or throw a reference error\n *\n * Note that this function assumes that the element is present. If unsure if an\n * element is existent, use the `getOptionalElement` function instead.\n *\n * @template T - Element type\n *\n * @param selector - Query selector\n * @param node - Node of reference\n *\n * @returns Element\n */\nexport function getElement<T extends keyof HTMLElementTagNameMap>(\n  selector: T, node?: ParentNode\n): HTMLElementTagNameMap[T]\n\nexport function getElement<T extends HTMLElement>(\n  selector: string, node?: ParentNode\n): T\n\nexport function getElement<T extends HTMLElement>(\n  selector: string, node: ParentNode = document\n): T {\n  const el = getOptionalElement<T>(selector, node)\n  if (typeof el === \"undefined\")\n    throw new ReferenceError(\n      `Missing element: expected \"${selector}\" to be present`\n    )\n\n  /* Return element */\n  return el\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Retrieve an optional element matching the query selector\n *\n * @template T - Element type\n *\n * @param selector - Query selector\n * @param node - Node of reference\n *\n * @returns Element or nothing\n */\nexport function getOptionalElement<T extends keyof HTMLElementTagNameMap>(\n  selector: T, node?: ParentNode\n): HTMLElementTagNameMap[T] | undefined\n\nexport function getOptionalElement<T extends HTMLElement>(\n  selector: string, node?: ParentNode\n): T | undefined\n\nexport function getOptionalElement<T extends HTMLElement>(\n  selector: string, node: ParentNode = document\n): T | undefined {\n  return node.querySelector<T>(selector) || undefined\n}\n\n/**\n * Retrieve the currently active element\n *\n * @returns Element or nothing\n */\nexport function getActiveElement(): HTMLElement | undefined {\n  return (\n    document.activeElement?.shadowRoot?.activeElement as HTMLElement ??\n    document.activeElement as HTMLElement ??\n    undefined\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  debounceTime,\n  distinctUntilChanged,\n  fromEvent,\n  map,\n  merge,\n  shareReplay,\n  startWith\n} from \"rxjs\"\n\nimport { getActiveElement } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Focus observable\n *\n * Previously, this observer used `focus` and `blur` events to determine whether\n * an element is focused, but this doesn't work if there are focusable elements\n * within the elements itself. A better solutions are `focusin` and `focusout`\n * events, which bubble up the tree and allow for more fine-grained control.\n *\n * `debounceTime` is necessary, because when a focus change happens inside an\n * element, the observable would first emit `false` and then `true` again.\n */\nconst observer$ = merge(\n  fromEvent(document.body, \"focusin\"),\n  fromEvent(document.body, \"focusout\")\n)\n  .pipe(\n    debounceTime(1),\n    startWith(undefined),\n    map(() => getActiveElement() || document.body),\n    shareReplay(1)\n  )\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch element focus\n *\n * @param el - Element\n *\n * @returns Element focus observable\n */\nexport function watchElementFocus(\n  el: HTMLElement\n): Observable<boolean> {\n  return observer$\n    .pipe(\n      map(active => el.contains(active)),\n      distinctUntilChanged()\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  debounce,\n  defer,\n  fromEvent,\n  identity,\n  map,\n  merge,\n  startWith,\n  timer\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch element hover\n *\n * The second parameter allows to specify a timeout in milliseconds after which\n * the hover state will be reset to `false`. This is useful for tooltips which\n * should disappear after a certain amount of time, in order to allow the user\n * to move the cursor from the host to the tooltip.\n *\n * @param el - Element\n * @param timeout - Timeout\n *\n * @returns Element hover observable\n */\nexport function watchElementHover(\n  el: HTMLElement, timeout?: number\n): Observable<boolean> {\n  return defer(() => merge(\n    fromEvent(el, \"mouseenter\").pipe(map(() => true)),\n    fromEvent(el, \"mouseleave\").pipe(map(() => false))\n  )\n    .pipe(\n      timeout ? debounce(active => timer(+!active * timeout)) : identity,\n      startWith(el.matches(\":hover\"))\n    )\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { JSX as JSXInternal } from \"preact\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * HTML attributes\n */\ntype Attributes =\n  & JSXInternal.HTMLAttributes\n  & JSXInternal.SVGAttributes\n  & Record<string, any>\n\n/**\n * Child element\n */\ntype Child =\n  | ChildNode\n  | HTMLElement\n  | Text\n  | string\n  | number\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Append a child node to an element\n *\n * @param el - Element\n * @param child - Child node(s)\n */\nfunction appendChild(el: HTMLElement, child: Child | Child[]): void {\n\n  /* Handle primitive types (including raw HTML) */\n  if (typeof child === \"string\" || typeof child === \"number\") {\n    el.innerHTML += child.toString()\n\n  /* Handle nodes */\n  } else if (child instanceof Node) {\n    el.appendChild(child)\n\n  /* Handle nested children */\n  } else if (Array.isArray(child)) {\n    for (const node of child)\n      appendChild(el, node)\n  }\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * JSX factory\n *\n * @template T - Element type\n *\n * @param tag - HTML tag\n * @param attributes - HTML attributes\n * @param children - Child elements\n *\n * @returns Element\n */\nexport function h<T extends keyof HTMLElementTagNameMap>(\n  tag: T, attributes?: Attributes | null, ...children: Child[]\n): HTMLElementTagNameMap[T]\n\nexport function h<T extends h.JSX.Element>(\n  tag: string, attributes?: Attributes | null, ...children: Child[]\n): T\n\nexport function h<T extends h.JSX.Element>(\n  tag: string, attributes?: Attributes | null, ...children: Child[]\n): T {\n  const el = document.createElement(tag)\n\n  /* Set attributes, if any */\n  if (attributes)\n    for (const attr of Object.keys(attributes)) {\n      if (typeof attributes[attr] === \"undefined\")\n        continue\n\n      /* Set default attribute or boolean */\n      if (typeof attributes[attr] !== \"boolean\")\n        el.setAttribute(attr, attributes[attr])\n      else\n        el.setAttribute(attr, \"\")\n    }\n\n  /* Append child nodes */\n  for (const child of children)\n    appendChild(el, child)\n\n  /* Return element */\n  return el as T\n}\n\n/* ----------------------------------------------------------------------------\n * Namespace\n * ------------------------------------------------------------------------- */\n\nexport declare namespace h {\n  namespace JSX {\n    type Element = HTMLElement\n    type IntrinsicElements = JSXInternal.IntrinsicElements\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Round a number for display with repository facts\n *\n * This is a reverse-engineered version of GitHub's weird rounding algorithm\n * for stars, forks and all other numbers. While all numbers below `1,000` are\n * returned as-is, bigger numbers are converted to fixed numbers:\n *\n * - `1,049` => `1k`\n * - `1,050` => `1.1k`\n * - `1,949` => `1.9k`\n * - `1,950` => `2k`\n *\n * @param value - Original value\n *\n * @returns Rounded value\n */\nexport function round(value: number): string {\n  if (value > 999) {\n    const digits = +((value - 950) % 1000 > 99)\n    return `${((value + 0.000001) / 1000).toFixed(digits)}k`\n  } else {\n    return value.toString()\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  defer,\n  finalize,\n  fromEvent,\n  map,\n  merge,\n  switchMap,\n  take,\n  throwError\n} from \"rxjs\"\n\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Create and load a `script` element\n *\n * This function returns an observable that will emit when the script was\n * successfully loaded, or throw an error if it wasn't.\n *\n * @param src - Script URL\n *\n * @returns Script observable\n */\nexport function watchScript(src: string): Observable<void> {\n  const script = h(\"script\", { src })\n  return defer(() => {\n    document.head.appendChild(script)\n    return merge(\n      fromEvent(script, \"load\"),\n      fromEvent(script, \"error\")\n        .pipe(\n          switchMap(() => (\n            throwError(() => new ReferenceError(`Invalid script: ${src}`))\n          ))\n        )\n    )\n      .pipe(\n        map(() => undefined),\n        finalize(() => document.head.removeChild(script)),\n        take(1)\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  NEVER,\n  Observable,\n  Subject,\n  defer,\n  filter,\n  finalize,\n  map,\n  merge,\n  of,\n  shareReplay,\n  startWith,\n  switchMap,\n  tap\n} from \"rxjs\"\n\nimport { watchScript } from \"../../../script\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Element offset\n */\nexport interface ElementSize {\n  width: number                        /* Element width */\n  height: number                       /* Element height */\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Resize observer entry subject\n */\nconst entry$ = new Subject<ResizeObserverEntry>()\n\n/**\n * Resize observer observable\n *\n * This observable will create a `ResizeObserver` on the first subscription\n * and will automatically terminate it when there are no more subscribers.\n * It's quite important to centralize observation in a single `ResizeObserver`,\n * as the performance difference can be quite dramatic, as the link shows.\n *\n * If the browser doesn't have a `ResizeObserver` implementation available, a\n * polyfill is automatically downloaded from unpkg.com. This is also compatible\n * with the built-in privacy plugin, which will download the polyfill and put\n * it alongside the built site for self-hosting.\n *\n * @see https://bit.ly/3iIYfEm - Google Groups on performance\n */\nconst observer$ = defer(() => (\n  typeof ResizeObserver === \"undefined\"\n    ? watchScript(\"https://unpkg.com/resize-observer-polyfill\")\n    : of(undefined)\n))\n  .pipe(\n    map(() => new ResizeObserver(entries => (\n      entries.forEach(entry => entry$.next(entry))\n    ))),\n    switchMap(observer => merge(NEVER, of(observer)).pipe(\n      finalize(() => observer.disconnect())\n    )),\n    shareReplay(1)\n  )\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve element size\n *\n * @param el - Element\n *\n * @returns Element size\n */\nexport function getElementSize(\n  el: HTMLElement\n): ElementSize {\n  return {\n    width:  el.offsetWidth,\n    height: el.offsetHeight\n  }\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch element size\n *\n * This function returns an observable that subscribes to a single internal\n * instance of `ResizeObserver` upon subscription, and emit resize events until\n * termination. Note that this function should not be called with the same\n * element twice, as the first unsubscription will terminate observation.\n *\n * Sadly, we can't use the `DOMRect` objects returned by the observer, because\n * we need the emitted values to be consistent with `getElementSize`, which will\n * return the used values (rounded) and not actual values (unrounded). Thus, we\n * use the `offset*` properties. See the linked GitHub issue.\n *\n * @see https://bit.ly/3m0k3he - GitHub issue\n *\n * @param el - Element\n *\n * @returns Element size observable\n */\nexport function watchElementSize(\n  el: HTMLElement\n): Observable<ElementSize> {\n\n  // Compute target element - since inline elements cannot be observed by the\n  // current `ResizeObserver` implementation as provided by browsers, we need\n  // to determine the first containing parent element and use that one as a\n  // target, while we always compute the actual size from the element.\n  let target = el\n  while (target.clientWidth === 0)\n    if (target.parentElement)\n      target = target.parentElement\n    else\n      break\n\n  // Observe target element and recompute element size on resize - as described\n  // above, the target element is not necessarily the element of interest\n  return observer$.pipe(\n    tap(observer => observer.observe(target)),\n    switchMap(observer => entry$.pipe(\n      filter(entry => entry.target === target),\n      finalize(() => observer.unobserve(target))\n    )),\n    map(() => getElementSize(el)),\n    startWith(getElementSize(el))\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { ElementSize } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve element content size (= scroll width and height)\n *\n * @param el - Element\n *\n * @returns Element content size\n */\nexport function getElementContentSize(\n  el: HTMLElement\n): ElementSize {\n  return {\n    width:  el.scrollWidth,\n    height: el.scrollHeight\n  }\n}\n\n/**\n * Retrieve the overflowing container of an element, if any\n *\n * @param el - Element\n *\n * @returns Overflowing container or nothing\n */\nexport function getElementContainer(\n  el: HTMLElement\n): HTMLElement | undefined {\n  let parent = el.parentElement\n  while (parent)\n    if (\n      el.scrollWidth  <= parent.scrollWidth &&\n      el.scrollHeight <= parent.scrollHeight\n    )\n      parent = (el = parent).parentElement\n    else\n      break\n\n  /* Return overflowing container */\n  return parent ? el : undefined\n}\n\n/**\n * Retrieve all overflowing containers of an element, if any\n *\n * Note that this function has a slightly different behavior, so we should at\n * some point consider refactoring how overflowing containers are handled.\n *\n * @param el - Element\n *\n * @returns Overflowing containers\n */\nexport function getElementContainers(\n  el: HTMLElement\n): HTMLElement[] {\n  const containers: HTMLElement[] = []\n\n  // Walk up the DOM tree until we find an overflowing container\n  let parent = el.parentElement\n  while (parent) {\n    if (\n      el.clientWidth  > parent.clientWidth ||\n      el.clientHeight > parent.clientHeight\n    )\n      containers.push(parent)\n\n    // Continue with parent element\n    parent = (el = parent).parentElement\n  }\n\n  // If the page is short, the body might not be overflowing and there might be\n  // no other containers, which is why we need to make sure the body is present\n  if (containers.length === 0)\n    containers.push(document.documentElement)\n\n  // Return overflowing containers\n  return containers\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  animationFrameScheduler,\n  auditTime,\n  fromEvent,\n  map,\n  merge,\n  startWith\n} from \"rxjs\"\n\nimport { watchElementSize } from \"../../size\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Element offset\n */\nexport interface ElementOffset {\n  x: number                            /* Horizontal offset */\n  y: number                            /* Vertical offset */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve element offset\n *\n * @param el - Element\n *\n * @returns Element offset\n */\nexport function getElementOffset(\n  el: HTMLElement\n): ElementOffset {\n  return {\n    x: el.offsetLeft,\n    y: el.offsetTop\n  }\n}\n\n/**\n * Retrieve absolute element offset\n *\n * @param el - Element\n *\n * @returns Element offset\n */\nexport function getElementOffsetAbsolute(\n  el: HTMLElement\n): ElementOffset {\n  const rect = el.getBoundingClientRect()\n  return {\n    x: rect.x + window.scrollX,\n    y: rect.y + window.scrollY\n  }\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch element offset\n *\n * @param el - Element\n *\n * @returns Element offset observable\n */\nexport function watchElementOffset(\n  el: HTMLElement\n): Observable<ElementOffset> {\n  return merge(\n    fromEvent(window, \"load\"),\n    fromEvent(window, \"resize\")\n  )\n    .pipe(\n      auditTime(0, animationFrameScheduler),\n      map(() => getElementOffset(el)),\n      startWith(getElementOffset(el))\n    )\n}\n\n/**\n * Watch absolute element offset\n *\n * @param el - Element\n *\n * @returns Element offset observable\n */\nexport function watchElementOffsetAbsolute(\n  el: HTMLElement\n): Observable<ElementOffset> {\n  return merge(\n    watchElementOffset(el),\n    watchElementSize(document.body) // @todo find a better way for this\n  )\n    .pipe(\n      map(() => getElementOffsetAbsolute(el)),\n      startWith(getElementOffsetAbsolute(el))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  animationFrameScheduler,\n  auditTime,\n  fromEvent,\n  map,\n  merge,\n  startWith\n} from \"rxjs\"\n\nimport { ElementOffset } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve element content offset (= scroll offset)\n *\n * @param el - Element\n *\n * @returns Element content offset\n */\nexport function getElementContentOffset(\n  el: HTMLElement\n): ElementOffset {\n  return {\n    x: el.scrollLeft,\n    y: el.scrollTop\n  }\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch element content offset\n *\n * @param el - Element\n *\n * @returns Element content offset observable\n */\nexport function watchElementContentOffset(\n  el: HTMLElement\n): Observable<ElementOffset> {\n  return merge(\n    fromEvent(el, \"scroll\"),\n    fromEvent(window, \"scroll\"),\n    fromEvent(window, \"resize\")\n  )\n    .pipe(\n      auditTime(0, animationFrameScheduler),\n      map(() => getElementContentOffset(el)),\n      startWith(getElementContentOffset(el))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  NEVER,\n  Observable,\n  Subject,\n  defer,\n  distinctUntilChanged,\n  filter,\n  finalize,\n  map,\n  merge,\n  of,\n  shareReplay,\n  switchMap,\n  tap\n} from \"rxjs\"\n\nimport {\n  getElementContentSize,\n  getElementSize,\n  watchElementContentOffset\n} from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Intersection observer entry subject\n */\nconst entry$ = new Subject<IntersectionObserverEntry>()\n\n/**\n * Intersection observer observable\n *\n * This observable will create an `IntersectionObserver` on first subscription\n * and will automatically terminate it when there are no more subscribers.\n *\n * @see https://bit.ly/3iIYfEm - Google Groups on performance\n */\nconst observer$ = defer(() => of(\n  new IntersectionObserver(entries => {\n    for (const entry of entries)\n      entry$.next(entry)\n  }, {\n    threshold: 0\n  })\n))\n  .pipe(\n    switchMap(observer => merge(NEVER, of(observer))\n      .pipe(\n        finalize(() => observer.disconnect())\n      )\n    ),\n    shareReplay(1)\n  )\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch element visibility\n *\n * @param el - Element\n *\n * @returns Element visibility observable\n */\nexport function watchElementVisibility(\n  el: HTMLElement\n): Observable<boolean> {\n  return observer$\n    .pipe(\n      tap(observer => observer.observe(el)),\n      switchMap(observer => entry$\n        .pipe(\n          filter(({ target }) => target === el),\n          finalize(() => observer.unobserve(el)),\n          map(({ isIntersecting }) => isIntersecting)\n        )\n      )\n    )\n}\n\n/**\n * Watch element boundary\n *\n * This function returns an observable which emits whether the bottom content\n * boundary (= scroll offset) of an element is within a certain threshold.\n *\n * @param el - Element\n * @param threshold - Threshold\n *\n * @returns Element boundary observable\n */\nexport function watchElementBoundary(\n  el: HTMLElement, threshold = 16\n): Observable<boolean> {\n  return watchElementContentOffset(el)\n    .pipe(\n      map(({ y }) => {\n        const visible = getElementSize(el)\n        const content = getElementContentSize(el)\n        return y >= (\n          content.height - visible.height - threshold\n        )\n      }),\n      distinctUntilChanged()\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  fromEvent,\n  map,\n  startWith\n} from \"rxjs\"\n\nimport { getElement } from \"../element\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Toggle\n */\nexport type Toggle =\n  | \"drawer\"                           /* Toggle for drawer */\n  | \"search\"                           /* Toggle for search */\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Toggle map\n */\nconst toggles: Record<Toggle, HTMLInputElement> = {\n  drawer: getElement(\"[data-md-toggle=drawer]\"),\n  search: getElement(\"[data-md-toggle=search]\")\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve the value of a toggle\n *\n * @param name - Toggle\n *\n * @returns Toggle value\n */\nexport function getToggle(name: Toggle): boolean {\n  return toggles[name].checked\n}\n\n/**\n * Set toggle\n *\n * Simulating a click event seems to be the most cross-browser compatible way\n * of changing the value while also emitting a `change` event. Before, Material\n * used `CustomEvent` to programmatically change the value of a toggle, but this\n * is a much simpler and cleaner solution which doesn't require a polyfill.\n *\n * @param name - Toggle\n * @param value - Toggle value\n */\nexport function setToggle(name: Toggle, value: boolean): void {\n  if (toggles[name].checked !== value)\n    toggles[name].click()\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch toggle\n *\n * @param name - Toggle\n *\n * @returns Toggle value observable\n */\nexport function watchToggle(name: Toggle): Observable<boolean> {\n  const el = toggles[name]\n  return fromEvent(el, \"change\")\n    .pipe(\n      map(() => el.checked),\n      startWith(el.checked)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  filter,\n  fromEvent,\n  map,\n  merge,\n  share,\n  startWith,\n  switchMap\n} from \"rxjs\"\n\nimport { getActiveElement } from \"../element\"\nimport { getToggle } from \"../toggle\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Keyboard mode\n */\nexport type KeyboardMode =\n  | \"global\"                           /* Global */\n  | \"search\"                           /* Search is open */\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Keyboard\n */\nexport interface Keyboard {\n  mode: KeyboardMode                   /* Keyboard mode */\n  type: string                         /* Key type */\n  claim(): void                        /* Key claim */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Check whether an element may receive keyboard input\n *\n * @param el - Element\n * @param type - Key type\n *\n * @returns Test result\n */\nfunction isSusceptibleToKeyboard(\n  el: HTMLElement, type: string\n): boolean {\n  switch (el.constructor) {\n\n    /* Input elements */\n    case HTMLInputElement:\n      /* @ts-expect-error - omit unnecessary type cast */\n      if (el.type === \"radio\")\n        return /^Arrow/.test(type)\n      else\n        return true\n\n    /* Select element and textarea */\n    case HTMLSelectElement:\n    case HTMLTextAreaElement:\n      return true\n\n    /* Everything else */\n    default:\n      return el.isContentEditable\n  }\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch composition events\n *\n * @returns Composition observable\n */\nexport function watchComposition(): Observable<boolean> {\n  return merge(\n    fromEvent(window, \"compositionstart\").pipe(map(() => true)),\n    fromEvent(window, \"compositionend\").pipe(map(() => false))\n  )\n    .pipe(\n      startWith(false)\n    )\n}\n\n/**\n * Watch keyboard\n *\n * @returns Keyboard observable\n */\nexport function watchKeyboard(): Observable<Keyboard> {\n  const keyboard$ = fromEvent<KeyboardEvent>(window, \"keydown\")\n    .pipe(\n      filter(ev => !(ev.metaKey || ev.ctrlKey)),\n      map(ev => ({\n        mode: getToggle(\"search\") ? \"search\" : \"global\",\n        type: ev.key,\n        claim() {\n          ev.preventDefault()\n          ev.stopPropagation()\n        }\n      } as Keyboard)),\n      filter(({ mode, type }) => {\n        if (mode === \"global\") {\n          const active = getActiveElement()\n          if (typeof active !== \"undefined\")\n            return !isSusceptibleToKeyboard(active, type)\n        }\n        return true\n      }),\n      share()\n    )\n\n  /* Don't emit during composition events - see https://bit.ly/3te3Wl8 */\n  return watchComposition()\n    .pipe(\n      switchMap(active => !active ? keyboard$ : EMPTY)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { Subject } from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve location\n *\n * This function returns a `URL` object (and not `Location`) to normalize the\n * typings across the application. Furthermore, locations need to be tracked\n * without setting them and `Location` is a singleton which represents the\n * current location.\n *\n * @returns URL\n */\nexport function getLocation(): URL {\n  return new URL(location.href)\n}\n\n/**\n * Set location\n *\n * If instant navigation is enabled, this function creates a temporary anchor\n * element, sets the `href` attribute, appends it to the body, clicks it, and\n * then removes it again. The event will bubble up the DOM and trigger be\n * intercepted by the instant loading business logic.\n *\n * Note that we must append and remove the anchor element, or the event will\n * not bubble up the DOM, making it impossible to intercept it.\n *\n * @param url - URL to navigate to\n * @param navigate - Force navigation\n */\nexport function setLocation(\n  url: URL | HTMLLinkElement, navigate = false\n): void {\n  if (feature(\"navigation.instant\") && !navigate) {\n    const el = h(\"a\", { href: url.href })\n    document.body.appendChild(el)\n    el.click()\n    el.remove()\n\n  // If we're not using instant navigation, and the page should not be reloaded\n  // just instruct the browser to navigate to the given URL\n  } else {\n    location.href = url.href\n  }\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch location\n *\n * @returns Location subject\n */\nexport function watchLocation(): Subject<URL> {\n  return new Subject<URL>()\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  filter,\n  fromEvent,\n  map,\n  merge,\n  shareReplay,\n  startWith\n} from \"rxjs\"\n\nimport { getOptionalElement } from \"~/browser\"\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve location hash\n *\n * @returns Location hash\n */\nexport function getLocationHash(): string {\n  return location.hash.slice(1)\n}\n\n/**\n * Set location hash\n *\n * Setting a new fragment identifier via `location.hash` will have no effect\n * if the value doesn't change. When a new fragment identifier is set, we want\n * the browser to target the respective element at all times, which is why we\n * use this dirty little trick.\n *\n * @param hash - Location hash\n */\nexport function setLocationHash(hash: string): void {\n  const el = h(\"a\", { href: hash })\n  el.addEventListener(\"click\", ev => ev.stopPropagation())\n  el.click()\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch location hash\n *\n * @param location$ - Location observable\n *\n * @returns Location hash observable\n */\nexport function watchLocationHash(\n  location$: Observable<URL>\n): Observable<string> {\n  return merge(\n    fromEvent<HashChangeEvent>(window, \"hashchange\"),\n    location$\n  )\n    .pipe(\n      map(getLocationHash),\n      startWith(getLocationHash()),\n      filter(hash => hash.length > 0),\n      shareReplay(1)\n    )\n}\n\n/**\n * Watch location target\n *\n * @param location$ - Location observable\n *\n * @returns Location target observable\n */\nexport function watchLocationTarget(\n  location$: Observable<URL>\n): Observable<HTMLElement> {\n  return watchLocationHash(location$)\n    .pipe(\n      map(id => getOptionalElement(`[id=\"${id}\"]`)!),\n      filter(el => typeof el !== \"undefined\")\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  fromEvent,\n  fromEventPattern,\n  map,\n  merge,\n  startWith,\n  switchMap\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch media query\n *\n * Note that although `MediaQueryList.addListener` is deprecated we have to\n * use it, because it's the only way to ensure proper downward compatibility.\n *\n * @see https://bit.ly/3dUBH2m - GitHub issue\n *\n * @param query - Media query\n *\n * @returns Media observable\n */\nexport function watchMedia(query: string): Observable<boolean> {\n  const media = matchMedia(query)\n  return fromEventPattern<boolean>(next => (\n    media.addListener(() => next(media.matches))\n  ))\n    .pipe(\n      startWith(media.matches)\n    )\n}\n\n/**\n * Watch print mode\n *\n * @returns Print observable\n */\nexport function watchPrint(): Observable<boolean> {\n  const media = matchMedia(\"print\")\n  return merge(\n    fromEvent(window, \"beforeprint\").pipe(map(() => true)),\n    fromEvent(window, \"afterprint\").pipe(map(() => false))\n  )\n    .pipe(\n      startWith(media.matches)\n    )\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Toggle an observable with a media observable\n *\n * @template T - Data type\n *\n * @param query$ - Media observable\n * @param factory - Observable factory\n *\n * @returns Toggled observable\n */\nexport function at<T>(\n  query$: Observable<boolean>, factory: () => Observable<T>\n): Observable<T> {\n  return query$\n    .pipe(\n      switchMap(active => active ? factory() : EMPTY)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  map,\n  shareReplay,\n  switchMap\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Options\n */\ninterface Options {\n  progress$?: Subject<number>          // Progress subject\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch the given URL\n *\n * This function returns an observable that emits the response as a blob and\n * completes, or emits an error if the request failed. The caller can cancel\n * the request by unsubscribing at any time, which will automatically abort\n * the inflight request and complete the observable.\n *\n * Note that we use `XMLHTTPRequest` not because we're nostalgic, but because\n * it's the only way to get progress events for downloads and also allow for\n * cancellation of requests, as the official Fetch API does not support this\n * yet, even though we're already in 2024.\n *\n * @param url - Request URL\n * @param options - Options\n *\n * @returns Data observable\n */\nexport function request(\n  url: URL | string, options?: Options\n): Observable<Blob> {\n  return new Observable<Blob>(observer => {\n    const req = new XMLHttpRequest()\n    req.open(\"GET\", `${url}`)\n    req.responseType = \"blob\"\n\n    // Handle response\n    req.addEventListener(\"load\", () => {\n      if (req.status >= 200 && req.status < 300) {\n        observer.next(req.response)\n        observer.complete()\n\n      // Every response that is not in the 2xx range is considered an error\n      } else {\n        observer.error(new Error(req.statusText))\n      }\n    })\n\n    // Handle network errors\n    req.addEventListener(\"error\", () => {\n      observer.error(new Error(\"Network error\"))\n    })\n\n    // Handle aborted requests\n    req.addEventListener(\"abort\", () => {\n      observer.complete()\n    })\n\n    // Handle download progress\n    if (typeof options?.progress$ !== \"undefined\") {\n      req.addEventListener(\"progress\", event => {\n        if (event.lengthComputable) {\n          options.progress$!.next((event.loaded / event.total) * 100)\n\n        // Hack: Chromium doesn't report the total number of bytes if content\n        // is compressed, so we need this fallback - see https://t.ly/ZXofI\n        } else {\n          const length = req.getResponseHeader(\"Content-Length\") ?? 0\n          options.progress$!.next((event.loaded / +length) * 100)\n        }\n      })\n\n      // Immediately set progress to 5% to indicate that we're loading\n      options.progress$.next(5)\n    }\n\n    // Send request and automatically abort request upon unsubscription\n    req.send()\n    return () => req.abort()\n  })\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Fetch JSON from the given URL\n *\n * @template T - Data type\n *\n * @param url - Request URL\n * @param options - Options\n *\n * @returns Data observable\n */\nexport function requestJSON<T>(\n  url: URL | string, options?: Options\n): Observable<T> {\n  return request(url, options)\n    .pipe(\n      switchMap(res => res.text()),\n      map(body => JSON.parse(body) as T),\n      shareReplay(1)\n    )\n}\n\n/**\n * Fetch HTML from the given URL\n *\n * @param url - Request URL\n * @param options - Options\n *\n * @returns Data observable\n */\nexport function requestHTML(\n  url: URL | string, options?: Options\n): Observable<Document> {\n  const dom = new DOMParser()\n  return request(url, options)\n    .pipe(\n      switchMap(res => res.text()),\n      map(res => dom.parseFromString(res, \"text/html\")),\n      shareReplay(1)\n    )\n}\n\n/**\n * Fetch XML from the given URL\n *\n * @param url - Request URL\n * @param options - Options\n *\n * @returns Data observable\n */\nexport function requestXML(\n  url: URL | string, options?: Options\n): Observable<Document> {\n  const dom = new DOMParser()\n  return request(url, options)\n    .pipe(\n      switchMap(res => res.text()),\n      map(res => dom.parseFromString(res, \"text/xml\")),\n      shareReplay(1)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  fromEvent,\n  map,\n  merge,\n  startWith\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Viewport offset\n */\nexport interface ViewportOffset {\n  x: number                            /* Horizontal offset */\n  y: number                            /* Vertical offset */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve viewport offset\n *\n * On iOS Safari, viewport offset can be negative due to overflow scrolling.\n * As this may induce strange behaviors downstream, we'll just limit it to 0.\n *\n * @returns Viewport offset\n */\nexport function getViewportOffset(): ViewportOffset {\n  return {\n    x: Math.max(0, scrollX),\n    y: Math.max(0, scrollY)\n  }\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch viewport offset\n *\n * @returns Viewport offset observable\n */\nexport function watchViewportOffset(): Observable<ViewportOffset> {\n  return merge(\n    fromEvent(window, \"scroll\", { passive: true }),\n    fromEvent(window, \"resize\", { passive: true })\n  )\n    .pipe(\n      map(getViewportOffset),\n      startWith(getViewportOffset())\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  fromEvent,\n  map,\n  startWith\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Viewport size\n */\nexport interface ViewportSize {\n  width: number                        /* Viewport width */\n  height: number                       /* Viewport height */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve viewport size\n *\n * @returns Viewport size\n */\nexport function getViewportSize(): ViewportSize {\n  return {\n    width:  innerWidth,\n    height: innerHeight\n  }\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Watch viewport size\n *\n * @returns Viewport size observable\n */\nexport function watchViewportSize(): Observable<ViewportSize> {\n  return fromEvent(window, \"resize\", { passive: true })\n    .pipe(\n      map(getViewportSize),\n      startWith(getViewportSize())\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  combineLatest,\n  map,\n  shareReplay\n} from \"rxjs\"\n\nimport {\n  ViewportOffset,\n  watchViewportOffset\n} from \"../offset\"\nimport {\n  ViewportSize,\n  watchViewportSize\n} from \"../size\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Viewport\n */\nexport interface Viewport {\n  offset: ViewportOffset               /* Viewport offset */\n  size: ViewportSize                   /* Viewport size */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch viewport\n *\n * @returns Viewport observable\n */\nexport function watchViewport(): Observable<Viewport> {\n  return combineLatest([\n    watchViewportOffset(),\n    watchViewportSize()\n  ])\n    .pipe(\n      map(([offset, size]) => ({ offset, size })),\n      shareReplay(1)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  combineLatest,\n  distinctUntilKeyChanged,\n  map\n} from \"rxjs\"\n\nimport { Header } from \"~/components\"\n\nimport { getElementOffset } from \"../../element\"\nimport { Viewport } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch viewport relative to element\n *\n * @param el - Element\n * @param options - Options\n *\n * @returns Viewport observable\n */\nexport function watchViewportAt(\n  el: HTMLElement, { viewport$, header$ }: WatchOptions\n): Observable<Viewport> {\n  const size$ = viewport$\n    .pipe(\n      distinctUntilKeyChanged(\"size\")\n    )\n\n  /* Compute element offset */\n  const offset$ = combineLatest([size$, header$])\n    .pipe(\n      map(() => getElementOffset(el))\n    )\n\n  /* Compute relative viewport, return hot observable */\n  return combineLatest([header$, viewport$, offset$])\n    .pipe(\n      map(([{ height }, { offset, size }, { x, y }]) => ({\n        offset: {\n          x: offset.x - x,\n          y: offset.y - y + height\n        },\n        size\n      }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  endWith,\n  fromEvent,\n  ignoreElements,\n  mergeWith,\n  share,\n  takeUntil\n} from \"rxjs\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Worker message\n */\nexport interface WorkerMessage {\n  type: unknown                        /* Message type */\n  data?: unknown                       /* Message data */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Create an observable for receiving from a web worker\n *\n * @template T - Data type\n *\n * @param worker - Web worker\n *\n * @returns Message observable\n */\nfunction recv<T>(worker: Worker): Observable<T> {\n  return fromEvent<MessageEvent<T>, T>(worker, \"message\", ev => ev.data)\n}\n\n/**\n * Create a subject for sending to a web worker\n *\n * @template T - Data type\n *\n * @param worker - Web worker\n *\n * @returns Message subject\n */\nfunction send<T>(worker: Worker): Subject<T> {\n  const send$ = new Subject<T>()\n  send$.subscribe(data => worker.postMessage(data))\n\n  /* Return message subject */\n  return send$\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Create a bidirectional communication channel to a web worker\n *\n * @template T - Data type\n *\n * @param url - Worker URL\n * @param worker - Worker\n *\n * @returns Worker subject\n */\nexport function watchWorker<T extends WorkerMessage>(\n  url: string, worker = new Worker(url)\n): Subject<T> {\n  const recv$ = recv<T>(worker)\n  const send$ = send<T>(worker)\n\n  /* Create worker subject and forward messages */\n  const worker$ = new Subject<T>()\n  worker$.subscribe(send$)\n\n  /* Return worker subject */\n  const done$ = send$.pipe(ignoreElements(), endWith(true))\n  return worker$\n    .pipe(\n      ignoreElements(),\n      mergeWith(recv$.pipe(takeUntil(done$))),\n      share()\n    ) as Subject<T>\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { getElement, getLocation } from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Feature flag\n */\nexport type Flag =\n  | \"announce.dismiss\"                 /* Dismissable announcement bar */\n  | \"content.code.annotate\"            /* Code annotations */\n  | \"content.code.copy\"                /* Code copy button */\n  | \"content.lazy\"                     /* Lazy content elements */\n  | \"content.tabs.link\"                /* Link content tabs */\n  | \"content.tooltips\"                 /* Tooltips */\n  | \"header.autohide\"                  /* Hide header */\n  | \"navigation.expand\"                /* Automatic expansion */\n  | \"navigation.indexes\"               /* Section pages */\n  | \"navigation.instant\"               /* Instant navigation */\n  | \"navigation.instant.progress\"      /* Instant navigation progress */\n  | \"navigation.sections\"              /* Section navigation */\n  | \"navigation.tabs\"                  /* Tabs navigation */\n  | \"navigation.tabs.sticky\"           /* Tabs navigation (sticky) */\n  | \"navigation.top\"                   /* Back-to-top button */\n  | \"navigation.tracking\"              /* Anchor tracking */\n  | \"search.highlight\"                 /* Search highlighting */\n  | \"search.share\"                     /* Search sharing */\n  | \"search.suggest\"                   /* Search suggestions */\n  | \"toc.follow\"                       /* Following table of contents */\n  | \"toc.integrate\"                    /* Integrated table of contents */\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Translation\n */\nexport type Translation =\n  | \"clipboard.copy\"                   /* Copy to clipboard */\n  | \"clipboard.copied\"                 /* Copied to clipboard */\n  | \"search.result.placeholder\"        /* Type to start searching */\n  | \"search.result.none\"               /* No matching documents */\n  | \"search.result.one\"                /* 1 matching document */\n  | \"search.result.other\"              /* # matching documents */\n  | \"search.result.more.one\"           /* 1 more on this page */\n  | \"search.result.more.other\"         /* # more on this page */\n  | \"search.result.term.missing\"       /* Missing */\n  | \"select.version\"                   /* Version selector */\n\n/**\n * Translations\n */\nexport type Translations =\n  Record<Translation, string>\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Versioning\n */\nexport interface Versioning {\n  provider: \"mike\"                     /* Version provider */\n  default?: string | string[]          /* Default version */\n  alias?: boolean                      /* Show alias */\n}\n\n/**\n * Configuration\n */\nexport interface Config {\n  base: string                         /* Base URL */\n  features: Flag[]                     /* Feature flags */\n  translations: Translations           /* Translations */\n  search: string                       /* Search worker URL */\n  tags?: Record<string, string>        /* Tags mapping */\n  version?: Versioning                 /* Versioning */\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve global configuration and make base URL absolute\n */\nconst script = getElement(\"#__config\")\nconst config: Config = JSON.parse(script.textContent!)\nconfig.base = `${new URL(config.base, getLocation())}`\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve global configuration\n *\n * @returns Global configuration\n */\nexport function configuration(): Config {\n  return config\n}\n\n/**\n * Check whether a feature flag is enabled\n *\n * @param flag - Feature flag\n *\n * @returns Test result\n */\nexport function feature(flag: Flag): boolean {\n  return config.features.includes(flag)\n}\n\n/**\n * Retrieve the translation for the given key\n *\n * @param key - Key to be translated\n * @param value - Positional value, if any\n *\n * @returns Translation\n */\nexport function translation(\n  key: Translation, value?: string | number\n): string {\n  return typeof value !== \"undefined\"\n    ? config.translations[key].replace(\"#\", value.toString())\n    : config.translations[key]\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { getElement, getElements } from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Component type\n */\nexport type ComponentType =\n  | \"announce\"                         /* Announcement bar */\n  | \"container\"                        /* Container */\n  | \"consent\"                          /* Consent */\n  | \"content\"                          /* Content */\n  | \"dialog\"                           /* Dialog */\n  | \"header\"                           /* Header */\n  | \"header-title\"                     /* Header title */\n  | \"header-topic\"                     /* Header topic */\n  | \"main\"                             /* Main area */\n  | \"outdated\"                         /* Version warning */\n  | \"palette\"                          /* Color palette */\n  | \"progress\"                         /* Progress indicator */\n  | \"search\"                           /* Search */\n  | \"search-query\"                     /* Search input */\n  | \"search-result\"                    /* Search results */\n  | \"search-share\"                     /* Search sharing */\n  | \"search-suggest\"                   /* Search suggestions */\n  | \"sidebar\"                          /* Sidebar */\n  | \"skip\"                             /* Skip link */\n  | \"source\"                           /* Repository information */\n  | \"tabs\"                             /* Navigation tabs */\n  | \"toc\"                              /* Table of contents */\n  | \"top\"                              /* Back-to-top button */\n\n/**\n * Component\n *\n * @template T - Component type\n * @template U - Reference type\n */\nexport type Component<\n  T extends {} = {},\n  U extends HTMLElement = HTMLElement\n> =\n  T & {\n    ref: U                             /* Component reference */\n  }\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Component type map\n */\ninterface ComponentTypeMap {\n  \"announce\": HTMLElement              /* Announcement bar */\n  \"container\": HTMLElement             /* Container */\n  \"consent\": HTMLElement               /* Consent */\n  \"content\": HTMLElement               /* Content */\n  \"dialog\": HTMLElement                /* Dialog */\n  \"header\": HTMLElement                /* Header */\n  \"header-title\": HTMLElement          /* Header title */\n  \"header-topic\": HTMLElement          /* Header topic */\n  \"main\": HTMLElement                  /* Main area */\n  \"outdated\": HTMLElement              /* Version warning */\n  \"palette\": HTMLElement               /* Color palette */\n  \"progress\": HTMLElement              /* Progress indicator */\n  \"search\": HTMLElement                /* Search */\n  \"search-query\": HTMLInputElement     /* Search input */\n  \"search-result\": HTMLElement         /* Search results */\n  \"search-share\": HTMLAnchorElement    /* Search sharing */\n  \"search-suggest\": HTMLElement        /* Search suggestions */\n  \"sidebar\": HTMLElement               /* Sidebar */\n  \"skip\": HTMLAnchorElement            /* Skip link */\n  \"source\": HTMLAnchorElement          /* Repository information */\n  \"tabs\": HTMLElement                  /* Navigation tabs */\n  \"toc\": HTMLElement                   /* Table of contents */\n  \"top\": HTMLAnchorElement             /* Back-to-top button */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve the element for a given component or throw a reference error\n *\n * @template T - Component type\n *\n * @param type - Component type\n * @param node - Node of reference\n *\n * @returns Element\n */\nexport function getComponentElement<T extends ComponentType>(\n  type: T, node: ParentNode = document\n): ComponentTypeMap[T] {\n  return getElement(`[data-md-component=${type}]`, node)\n}\n\n/**\n * Retrieve all elements for a given component\n *\n * @template T - Component type\n *\n * @param type - Component type\n * @param node - Node of reference\n *\n * @returns Elements\n */\nexport function getComponentElements<T extends ComponentType>(\n  type: T, node: ParentNode = document\n): ComponentTypeMap[T][] {\n  return getElements(`[data-md-component=${type}]`, node)\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  defer,\n  finalize,\n  fromEvent,\n  map,\n  tap\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport { getElement } from \"~/browser\"\n\nimport { Component } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Announcement bar\n */\nexport interface Announce {\n  hash: number                        /* Content hash */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch announcement bar\n *\n * @param el - Announcement bar element\n *\n * @returns Announcement bar observable\n */\nexport function watchAnnounce(\n  el: HTMLElement\n): Observable<Announce> {\n  const button = getElement(\".md-typeset > :first-child\", el)\n  return fromEvent(button, \"click\", { once: true })\n    .pipe(\n      map(() => getElement(\".md-typeset\", el)),\n      map(content => ({ hash: __md_hash(content.innerHTML) }))\n    )\n}\n\n/**\n * Mount announcement bar\n *\n * @param el - Announcement bar element\n *\n * @returns Announcement bar component observable\n */\nexport function mountAnnounce(\n  el: HTMLElement\n): Observable<Component<Announce>> {\n  if (!feature(\"announce.dismiss\") || !el.childElementCount)\n    return EMPTY\n\n  /* Support instant navigation - see https://t.ly/3FTme */\n  if (!el.hidden) {\n    const content = getElement(\".md-typeset\", el)\n    if (__md_hash(content.innerHTML) === __md_get(\"__announce\"))\n      el.hidden = true\n  }\n\n  /* Mount component on subscription */\n  return defer(() => {\n    const push$ = new Subject<Announce>()\n    push$.subscribe(({ hash }) => {\n      el.hidden = true\n\n      /* Persist preference in local storage */\n      __md_set<number>(\"__announce\", hash)\n    })\n\n    /* Create and return component */\n    return watchAnnounce(el)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  finalize,\n  map,\n  tap\n} from \"rxjs\"\n\nimport { Component } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Consent\n */\nexport interface Consent {\n  hidden: boolean                      /* Consent is hidden */\n}\n\n/**\n * Consent defaults\n */\nexport interface ConsentDefaults {\n  analytics?: boolean                  /* Consent for Analytics */\n  github?: boolean                     /* Consent for GitHub */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  target$: Observable<HTMLElement>     /* Target observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  target$: Observable<HTMLElement>     /* Target observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch consent\n *\n * @param el - Consent element\n * @param options - Options\n *\n * @returns Consent observable\n */\nexport function watchConsent(\n  el: HTMLElement, { target$ }: WatchOptions\n): Observable<Consent> {\n  return target$\n    .pipe(\n      map(target => ({ hidden: target !== el }))\n    )\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Mount consent\n *\n * @param el - Consent element\n * @param options - Options\n *\n * @returns Consent component observable\n */\nexport function mountConsent(\n  el: HTMLElement, options: MountOptions\n): Observable<Component<Consent>> {\n  const internal$ = new Subject<Consent>()\n  internal$.subscribe(({ hidden }) => {\n    el.hidden = hidden\n  })\n\n  /* Create and return component */\n  return watchConsent(el, options)\n    .pipe(\n      tap(state => internal$.next(state)),\n      finalize(() => internal$.complete()),\n      map(state => ({ ref: el, ...state }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { ComponentChild } from \"preact\"\n\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Tooltip style\n */\nexport type TooltipStyle =\n  | \"inline\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a tooltip\n *\n * @param id - Tooltip identifier\n * @param style - Tooltip style\n *\n * @returns Element\n */\nexport function renderTooltip(\n  id?: string, style?: TooltipStyle\n): HTMLElement {\n  if (style === \"inline\") { // @todo refactor control flow\n    return (\n      <div class=\"md-tooltip md-tooltip--inline\" id={id} role=\"tooltip\">\n        <div class=\"md-tooltip__inner md-typeset\"></div>\n      </div>\n    )\n  } else {\n    return (\n      <div class=\"md-tooltip\" id={id} role=\"tooltip\">\n        <div class=\"md-tooltip__inner md-typeset\"></div>\n      </div>\n    )\n  }\n}\n\n// @todo: rename\nexport function renderInlineTooltip2(\n  ...children: ComponentChild[]\n): HTMLElement {\n  return (\n    <div class=\"md-tooltip2\" role=\"tooltip\">\n      <div class=\"md-tooltip2__inner md-typeset\">\n        {children}\n      </div>\n    </div>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { h } from \"~/utilities\"\n\nimport { renderTooltip } from \"../tooltip\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render an annotation\n *\n * @param id - Annotation identifier\n * @param prefix - Tooltip identifier prefix\n *\n * @returns Element\n */\nexport function renderAnnotation(\n  id: string | number, prefix?: string\n): HTMLElement {\n  prefix = prefix ? `${prefix}_annotation_${id}` : undefined\n\n  /* Render tooltip with anchor, if given */\n  if (prefix) {\n    const anchor = prefix ? `#${prefix}` : undefined\n    return (\n      <aside class=\"md-annotation\" tabIndex={0}>\n        {renderTooltip(prefix)}\n        <a href={anchor} class=\"md-annotation__index\" tabIndex={-1}>\n          <span data-md-annotation-id={id}></span>\n        </a>\n      </aside>\n    )\n  } else {\n    return (\n      <aside class=\"md-annotation\" tabIndex={0}>\n        {renderTooltip(prefix)}\n        <span class=\"md-annotation__index\" tabIndex={-1}>\n          <span data-md-annotation-id={id}></span>\n        </span>\n      </aside>\n    )\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { translation } from \"~/_\"\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a 'copy-to-clipboard' button\n *\n * @param id - Unique identifier\n *\n * @returns Element\n */\nexport function renderClipboardButton(id: string): HTMLElement {\n  return (\n    <button\n      class=\"md-clipboard md-icon\"\n      title={translation(\"clipboard.copy\")}\n      data-clipboard-target={`#${id} > code`}\n    ></button>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport escapeHTML from \"escape-html\"\nimport { ComponentChild } from \"preact\"\n\nimport { configuration, feature, translation } from \"~/_\"\nimport { SearchItem } from \"~/integrations/search\"\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Render flag\n */\nconst enum Flag {\n  TEASER = 1,                          /* Render teaser */\n  PARENT = 2                           /* Render as parent */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper function\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a search document\n *\n * @param document - Search document\n * @param flag - Render flags\n *\n * @returns Element\n */\nfunction renderSearchDocument(\n  document: SearchItem, flag: Flag\n): HTMLElement {\n  const parent = flag & Flag.PARENT\n  const teaser = flag & Flag.TEASER\n\n  /* Render missing query terms */\n  const missing = Object.keys(document.terms)\n    .filter(key => !document.terms[key])\n    .reduce<ComponentChild[]>((list, key) => [\n      ...list, <del>{escapeHTML(key)}</del>, \" \"\n    ], [])\n    .slice(0, -1)\n\n  /* Assemble query string for highlighting */\n  const config = configuration()\n  const url = new URL(document.location, config.base)\n  if (feature(\"search.highlight\"))\n    url.searchParams.set(\"h\", Object.entries(document.terms)\n      .filter(([, match]) => match)\n      .reduce((highlight, [value]) => `${highlight} ${value}`.trim(), \"\")\n    )\n\n  /* Render article or section, depending on flags */\n  const { tags } = configuration()\n  return (\n    <a href={`${url}`} class=\"md-search-result__link\" tabIndex={-1}>\n      <article\n        class=\"md-search-result__article md-typeset\"\n        data-md-score={document.score.toFixed(2)}\n      >\n        {parent > 0 && <div class=\"md-search-result__icon md-icon\"></div>}\n        {parent > 0 && <h1>{document.title}</h1>}\n        {parent <= 0 && <h2>{document.title}</h2>}\n        {teaser > 0 && document.text.length > 0 &&\n          document.text\n        }\n        {document.tags && document.tags.map(tag => {\n          const type = tags\n            ? tag in tags\n              ? `md-tag-icon md-tag--${tags[tag]}`\n              : \"md-tag-icon\"\n            : \"\"\n          return (\n            <span class={`md-tag ${type}`}>{tag}</span>\n          )\n        })}\n        {teaser > 0 && missing.length > 0 &&\n          <p class=\"md-search-result__terms\">\n            {translation(\"search.result.term.missing\")}: {...missing}\n          </p>\n        }\n      </article>\n    </a>\n  )\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a search result\n *\n * @param result - Search result\n *\n * @returns Element\n */\nexport function renderSearchResultItem(\n  result: SearchItem[]\n): HTMLElement {\n  const threshold = result[0].score\n  const docs = [...result]\n\n  const config = configuration()\n\n  /* Find and extract parent article */\n  const parent = docs.findIndex(doc => {\n    const l = `${new URL(doc.location, config.base)}` // @todo hacky\n    return !l.includes(\"#\")\n  })\n  const [article] = docs.splice(parent, 1)\n\n  /* Determine last index above threshold */\n  let index = docs.findIndex(doc => doc.score < threshold)\n  if (index === -1)\n    index = docs.length\n\n  /* Partition sections */\n  const best = docs.slice(0, index)\n  const more = docs.slice(index)\n\n  /* Render children */\n  const children = [\n    renderSearchDocument(article, Flag.PARENT | +(!parent && index === 0)),\n    ...best.map(section => renderSearchDocument(section, Flag.TEASER)),\n    ...more.length ? [\n      <details class=\"md-search-result__more\">\n        <summary tabIndex={-1}>\n          <div>\n            {more.length > 0 && more.length === 1\n              ? translation(\"search.result.more.one\")\n              : translation(\"search.result.more.other\", more.length)\n            }\n          </div>\n        </summary>\n        {...more.map(section => renderSearchDocument(section, Flag.TEASER))}\n      </details>\n    ] : []\n  ]\n\n  /* Render search result */\n  return (\n    <li class=\"md-search-result__item\">\n      {children}\n    </li>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { SourceFacts } from \"~/components\"\nimport { h, round } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render repository facts\n *\n * @param facts - Repository facts\n *\n * @returns Element\n */\nexport function renderSourceFacts(facts: SourceFacts): HTMLElement {\n  return (\n    <ul class=\"md-source__facts\">\n      {Object.entries(facts).map(([key, value]) => (\n        <li class={`md-source__fact md-source__fact--${key}`}>\n          {typeof value === \"number\" ? round(value) : value}\n        </li>\n      ))}\n    </ul>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Tabbed control type\n */\ntype TabbedControlType =\n  | \"prev\"\n  | \"next\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render control for content tabs\n *\n * @param type - Control type\n *\n * @returns Element\n */\nexport function renderTabbedControl(\n  type: TabbedControlType\n): HTMLElement {\n  const classes = `tabbed-control tabbed-control--${type}`\n  return (\n    <div class={classes} hidden>\n      <button class=\"tabbed-button\" tabIndex={-1} aria-hidden=\"true\"></button>\n    </div>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a table inside a wrapper to improve scrolling on mobile\n *\n * @param table - Table element\n *\n * @returns Element\n */\nexport function renderTable(table: HTMLElement): HTMLElement {\n  return (\n    <div class=\"md-typeset__scrollwrap\">\n      <div class=\"md-typeset__table\">\n        {table}\n      </div>\n    </div>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { configuration, translation } from \"~/_\"\nimport { h } from \"~/utilities\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Version properties\n */\nexport interface VersionProperties {\n  hidden?: boolean                     /* Version is hidden */\n}\n\n/**\n * Version\n */\nexport interface Version {\n  version: string                      /* Version identifier */\n  title: string                        /* Version title */\n  aliases: string[]                    /* Version aliases */\n  properties?: VersionProperties       /* Version properties */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a version\n *\n * @param version - Version\n *\n * @returns Element\n */\nfunction renderVersion(version: Version): HTMLElement {\n  const config = configuration()\n\n  /* Ensure trailing slash - see https://bit.ly/3rL5u3f */\n  const url = new URL(`../${version.version}/`, config.base)\n  return (\n    <li class=\"md-version__item\">\n      <a href={`${url}`} class=\"md-version__link\">\n        {version.title}\n        {config.version?.alias && version.aliases.length > 0 && (\n          <span class=\"md-version__alias\">\n            {version.aliases[0]}\n          </span>\n        )}\n      </a>\n    </li>\n  )\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Render a version selector\n *\n * @param versions - Versions\n * @param active - Active version\n *\n * @returns Element\n */\nexport function renderVersionSelector(\n  versions: Version[], active: Version\n): HTMLElement {\n  const config = configuration()\n  versions = versions.filter(version => !version.properties?.hidden)\n  return (\n    <div class=\"md-version\">\n      <button\n        class=\"md-version__current\"\n        aria-label={translation(\"select.version\")}\n      >\n        {active.title}\n        {config.version?.alias && active.aliases.length > 0 && (\n          <span class=\"md-version__alias\">\n            {active.aliases[0]}\n          </span>\n        )}\n      </button>\n      <ul class=\"md-version__list\">\n        {versions.map(renderVersion)}\n      </ul>\n    </div>\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  BehaviorSubject,\n  EMPTY,\n  Observable,\n  Subject,\n  animationFrameScheduler,\n  combineLatest,\n  combineLatestWith,\n  debounce,\n  defer,\n  distinctUntilChanged,\n  endWith,\n  filter,\n  finalize,\n  first,\n  ignoreElements,\n  map,\n  mergeMap,\n  observeOn,\n  queueScheduler,\n  share,\n  startWith,\n  switchMap,\n  tap,\n  throttleTime,\n  timer,\n  withLatestFrom\n} from \"rxjs\"\n\nimport {\n  ElementOffset,\n  Viewport,\n  getElement,\n  getElementContainers,\n  getElementOffsetAbsolute,\n  getElementSize,\n  watchElementContentOffset,\n  watchElementFocus,\n  watchElementHover\n} from \"~/browser\"\nimport { renderInlineTooltip2 } from \"~/templates\"\n\nimport { Component } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Tooltip\n */\nexport interface Tooltip {\n  active: boolean                      // Tooltip is active\n  offset: ElementOffset                // Tooltip offset\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Dependencies\n */\ninterface Dependencies {\n  content$: Observable<HTMLElement>    // Tooltip content observable\n  viewport$: Observable<Viewport>      // Viewport observable\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Global sequence number for tooltips\n */\nlet sequence = 0\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch tooltip\n *\n * This function tracks the tooltip host element, and deduces the active state\n * and offset of the tooltip from it. The active state is determined by whether\n * the host element is focused or hovered, and the offset is determined by the\n * host element's absolute position in the document.\n *\n * @param el - Tooltip host element\n *\n * @returns Tooltip observable\n */\nexport function watchTooltip2(\n  el: HTMLElement\n): Observable<Tooltip> {\n\n  // Compute whether tooltip should be shown - we need to watch both focus and\n  // hover events on the host element and emit if one of them is active. In case\n  // of a hover event, we keep the element visible for a short amount of time\n  // after the pointer left the host element for a better user experience.\n  const active$ =\n    combineLatest([\n      watchElementFocus(el),\n      watchElementHover(el)\n    ])\n      .pipe(\n        map(([focus, hover]) => focus || hover),\n        distinctUntilChanged()\n      )\n\n  // We need to determine all parent elements of the host element that are\n  // currently scrollable, as they might affect the position of the tooltip\n  // depending on their horizontal of vertical offset. We must track all of\n  // them and recompute the position of the tooltip if they change.\n  const offset$ =\n    defer(() => getElementContainers(el)).pipe(\n      mergeMap(watchElementContentOffset),\n      throttleTime(1),\n      // Note that we need to poll the value again if the active state changes,\n      // as otherwise the tooltip might be misplaced. This particularly happens\n      // when using third-party integrations like tablesort that change the\n      // position of elements \u2013 see https://t.ly/Y-V7X\n      combineLatestWith(active$),\n      map(() => getElementOffsetAbsolute(el)),\n    )\n\n  // Only track parent elements and compute offset of the tooltip host if the\n  // tooltip should be shown - we defer the computation of the offset until the\n  // tooltip becomes active for the first time. This is necessary, because we\n  // must also keep the tooltip active as long as it is focused or hovered.\n  return active$.pipe(\n    first(active => active),\n    switchMap(() => combineLatest([active$, offset$])),\n    map(([active, offset]) => ({ active, offset })),\n    share()\n  )\n}\n\n/**\n * Mount tooltip\n *\n * This function renders a tooltip with the content from the provided `content$`\n * observable as passed via the dependencies. If the returned element has a role\n * of type `dialog`, the tooltip is considered to be interactive, and rendered\n * either above or below the host element, depending on the available space.\n *\n * If the returned element has a role of type `tooltip`, the tooltip is always\n * rendered below the host element and considered to be non-interactive. This\n * allows us to reuse the same positioning logic for both interactive and\n * non-interactive tooltips, as it is largely the same.\n *\n * @param el - Tooltip host element\n * @param dependencies - Dependencies\n *\n * @returns Tooltip component observable\n */\nexport function mountTooltip2(\n  el: HTMLElement, dependencies: Dependencies\n): Observable<Component<Tooltip>> {\n  const { content$, viewport$ } = dependencies\n\n  // Compute unique tooltip id - this is necessary to associate the tooltip host\n  // element with the tooltip element for ARIA purposes\n  const id = `__tooltip2_${sequence++}`\n\n  // Create component on subscription\n  return defer(() => {\n    const push$ = new Subject<Tooltip>()\n\n    // Create subject to track tooltip presence and visibility - we use another\n    // purely internal subject to track the tooltip's presence and visibility,\n    // as the tooltip should be visible if the host element or tooltip itself\n    // is focused or hovered to allow for smooth pointer migration\n    const show$ = new BehaviorSubject(false)\n    push$.pipe(ignoreElements(), endWith(false))\n      .subscribe(show$)\n\n    // Create observable controlling tooltip element - we create and attach the\n    // tooltip only if it is actually present, in order to keep the number of\n    // elements low. We need to keep the tooltip visible for a short time after\n    // the pointer left the host element or tooltip itself. For this, we use an\n    // inner subscription to the tooltip observable, which we terminate when the\n    // tooltip should not be shown, automatically removing the element. Moreover\n    // we use the queue scheduler, which will schedule synchronously in case the\n    // tooltip should be shown, and asynchronously if it should be hidden.\n    const node$ = show$.pipe(\n      debounce(active => timer(+!active * 250, queueScheduler)),\n      distinctUntilChanged(),\n      switchMap(active => active ? content$ : EMPTY),\n      tap(node => node.id = id),\n      share()\n    )\n\n    // Compute tooltip presence and visibility - the tooltip should be shown if\n    // the host element or the tooltip itself is focused or hovered\n    combineLatest([\n      push$.pipe(map(({ active }) => active)),\n      node$.pipe(\n        switchMap(node => watchElementHover(node, 250)),\n        startWith(false)\n      )\n    ])\n      .pipe(map(states => states.some(active => active)))\n      .subscribe(show$)\n\n    // Compute tooltip origin - we need to compute the tooltip origin depending\n    // on the position of the host element, the viewport size, as well as the\n    // actual size of the tooltip, if positioned above. The tooltip must about\n    // to be rendered for this to be correct, which is why we do it here.\n    const origin$ = show$.pipe(\n      filter(active => active),\n      withLatestFrom(node$, viewport$),\n      map(([_, node, { size }]) => {\n        const host = el.getBoundingClientRect()\n        const x = host.width / 2\n\n        // If the tooltip is non-interactive, we always render it below the\n        // actual element because all operating systems do it that way\n        if (node.role === \"tooltip\") {\n          return { x, y: 8 + host.height }\n\n        // Otherwise, we determine where there is more space, and render the\n        // tooltip either above or below the host element\n        } else if (host.y >= size.height / 2) {\n          const { height } = getElementSize(node)\n          return { x, y: -16 - height }\n        } else {\n          return { x, y: +16 + host.height }\n        }\n      })\n    )\n\n    // Update tooltip position - we always need to update the position of the\n    // tooltip, as it might change depending on the viewport offset of the host\n    combineLatest([node$, push$, origin$])\n      .subscribe(([node, { offset }, origin]) => {\n        node.style.setProperty(\"--md-tooltip-host-x\", `${offset.x}px`)\n        node.style.setProperty(\"--md-tooltip-host-y\", `${offset.y}px`)\n\n        // Update tooltip origin - this is mainly set to determine the position\n        // of the tooltip tail, to show the direction it is originating from\n        node.style.setProperty(\"--md-tooltip-x\", `${origin.x}px`)\n        node.style.setProperty(\"--md-tooltip-y\", `${origin.y}px`)\n\n        // Update tooltip render location, i.e., whether the tooltip is shown\n        // above or below the host element, depending on the available space\n        node.classList.toggle(\"md-tooltip2--top\",    origin.y <  0)\n        node.classList.toggle(\"md-tooltip2--bottom\", origin.y >= 0)\n      })\n\n    // Update tooltip width - we only explicitly set the width of the tooltip\n    // if it is non-interactive, in case it should always be rendered centered\n    show$.pipe(\n      filter(active => active),\n      withLatestFrom(node$, (_, node) => node),\n      filter(node => node.role === \"tooltip\")\n    )\n      .subscribe(node => {\n        const size = getElementSize(getElement(\":scope > *\", node))\n\n        // Set tooltip width and remove tail by setting it to a width of zero -\n        // if authors want to keep the tail, we can move this to CSS later\n        node.style.setProperty(\"--md-tooltip-width\", `${size.width}px`)\n        node.style.setProperty(\"--md-tooltip-tail\",  `${0}px`)\n      })\n\n    // Update tooltip visibility - we defer to the next animation frame, because\n    // the tooltip must first be added to the document before we make it appear,\n    // or it will appear instantly without delay. Additionally, we need to keep\n    // the tooltip visible for a short time after the pointer left the host.\n    show$.pipe(\n      distinctUntilChanged(),\n      observeOn(animationFrameScheduler),\n      withLatestFrom(node$)\n    )\n      .subscribe(([active, node]) => {\n        node.classList.toggle(\"md-tooltip2--active\", active)\n      })\n\n    // Set up ARIA attributes when tooltip is visible\n    combineLatest([\n      show$.pipe(filter(active => active)),\n      node$\n    ])\n      .subscribe(([_, node]) => {\n        if (node.role === \"dialog\") {\n          el.setAttribute(\"aria-controls\", id)\n          el.setAttribute(\"aria-haspopup\", \"dialog\")\n        } else {\n          el.setAttribute(\"aria-describedby\", id)\n        }\n      })\n\n    // Remove ARIA attributes when tooltip is hidden\n    show$.pipe(filter(active => !active))\n      .subscribe(() => {\n        el.removeAttribute(\"aria-controls\")\n        el.removeAttribute(\"aria-describedby\")\n        el.removeAttribute(\"aria-haspopup\")\n      })\n\n    // Create and return component\n    return watchTooltip2(el)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n\n// ----------------------------------------------------------------------------\n\n/**\n * Mount inline tooltip\n *\n * @todo refactor this function\n *\n * @param el - Tooltip host element\n * @param dependencies - Dependencies\n * @param container - Container\n *\n * @returns Tooltip component observable\n */\nexport function mountInlineTooltip2(\n  el: HTMLElement, { viewport$ }: { viewport$: Observable<Viewport> },\n  container = document.body\n): Observable<Component<Tooltip>> {\n  return mountTooltip2(el, {\n    content$: new Observable<HTMLElement>(observer => {\n      const title = el.title\n      const node = renderInlineTooltip2(title)\n      observer.next(node)\n      el.removeAttribute(\"title\")\n      // Append tooltip and remove on unsubscription\n      container.append(node)\n      return () => {\n        node.remove()\n        el.setAttribute(\"title\", title)\n      }\n    }),\n    viewport$\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  animationFrameScheduler,\n  auditTime,\n  combineLatest,\n  debounceTime,\n  defer,\n  delay,\n  endWith,\n  filter,\n  finalize,\n  fromEvent,\n  ignoreElements,\n  map,\n  merge,\n  switchMap,\n  take,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom\n} from \"rxjs\"\n\nimport {\n  ElementOffset,\n  getActiveElement,\n  getElementSize,\n  watchElementContentOffset,\n  watchElementFocus,\n  watchElementOffset,\n  watchElementVisibility\n} from \"~/browser\"\n\nimport { Component } from \"../../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Annotation\n */\nexport interface Annotation {\n  active: boolean                      /* Annotation is active */\n  offset: ElementOffset                /* Annotation offset */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  target$: Observable<HTMLElement>     /* Location target observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch annotation\n *\n * @param el - Annotation element\n * @param container - Containing element\n *\n * @returns Annotation observable\n */\nexport function watchAnnotation(\n  el: HTMLElement, container: HTMLElement\n): Observable<Annotation> {\n  const offset$ = defer(() => combineLatest([\n    watchElementOffset(el),\n    watchElementContentOffset(container)\n  ]))\n    .pipe(\n      map(([{ x, y }, scroll]): ElementOffset => {\n        const { width, height } = getElementSize(el)\n        return ({\n          x: x - scroll.x + width  / 2,\n          y: y - scroll.y + height / 2\n        })\n      })\n    )\n\n  /* Actively watch annotation on focus */\n  return watchElementFocus(el)\n    .pipe(\n      switchMap(active => offset$\n        .pipe(\n          map(offset => ({ active, offset })),\n          take(+!active || Infinity)\n        )\n      )\n    )\n}\n\n/**\n * Mount annotation\n *\n * @param el - Annotation element\n * @param container - Containing element\n * @param options - Options\n *\n * @returns Annotation component observable\n */\nexport function mountAnnotation(\n  el: HTMLElement, container: HTMLElement, { target$ }: MountOptions\n): Observable<Component<Annotation>> {\n  const [tooltip, index] = Array.from(el.children)\n\n  /* Mount component on subscription */\n  return defer(() => {\n    const push$ = new Subject<Annotation>()\n    const done$ = push$.pipe(ignoreElements(), endWith(true))\n    push$.subscribe({\n\n      /* Handle emission */\n      next({ offset }) {\n        el.style.setProperty(\"--md-tooltip-x\", `${offset.x}px`)\n        el.style.setProperty(\"--md-tooltip-y\", `${offset.y}px`)\n      },\n\n      /* Handle complete */\n      complete() {\n        el.style.removeProperty(\"--md-tooltip-x\")\n        el.style.removeProperty(\"--md-tooltip-y\")\n      }\n    })\n\n    /* Start animation only when annotation is visible */\n    watchElementVisibility(el)\n      .pipe(\n        takeUntil(done$)\n      )\n        .subscribe(visible => {\n          el.toggleAttribute(\"data-md-visible\", visible)\n        })\n\n    /* Toggle tooltip presence to mitigate empty lines when copying */\n    merge(\n      push$.pipe(filter(({ active }) => active)),\n      push$.pipe(debounceTime(250), filter(({ active }) => !active))\n    )\n      .subscribe({\n\n        /* Handle emission */\n        next({ active }) {\n          if (active)\n            el.prepend(tooltip)\n          else\n            tooltip.remove()\n        },\n\n        /* Handle complete */\n        complete() {\n          el.prepend(tooltip)\n        }\n      })\n\n    /* Toggle tooltip visibility */\n    push$\n      .pipe(\n        auditTime(16, animationFrameScheduler)\n      )\n        .subscribe(({ active }) => {\n          tooltip.classList.toggle(\"md-tooltip--active\", active)\n        })\n\n    /* Track relative origin of tooltip */\n    push$\n      .pipe(\n        throttleTime(125, animationFrameScheduler),\n        filter(() => !!el.offsetParent),\n        map(() => el.offsetParent!.getBoundingClientRect()),\n        map(({ x }) => x)\n      )\n        .subscribe({\n\n          /* Handle emission */\n          next(origin) {\n            if (origin)\n              el.style.setProperty(\"--md-tooltip-0\", `${-origin}px`)\n            else\n              el.style.removeProperty(\"--md-tooltip-0\")\n          },\n\n          /* Handle complete */\n          complete() {\n            el.style.removeProperty(\"--md-tooltip-0\")\n          }\n        })\n\n    /* Allow to copy link without scrolling to anchor */\n    fromEvent<MouseEvent>(index, \"click\")\n      .pipe(\n        takeUntil(done$),\n        filter(ev => !(ev.metaKey || ev.ctrlKey))\n      )\n        .subscribe(ev => {\n          ev.stopPropagation()\n          ev.preventDefault()\n        })\n\n    /* Allow to open link in new tab or blur on close */\n    fromEvent<MouseEvent>(index, \"mousedown\")\n      .pipe(\n        takeUntil(done$),\n        withLatestFrom(push$)\n      )\n        .subscribe(([ev, { active }]) => {\n\n          /* Open in new tab */\n          if (ev.button !== 0 || ev.metaKey || ev.ctrlKey) {\n            ev.preventDefault()\n\n          /* Close annotation */\n          } else if (active) {\n            ev.preventDefault()\n\n            /* Focus parent annotation, if any */\n            const parent = el.parentElement!.closest(\".md-annotation\")\n            if (parent instanceof HTMLElement)\n              parent.focus()\n            else\n              getActiveElement()?.blur()\n          }\n        })\n\n    /* Open and focus annotation on location target */\n    target$\n      .pipe(\n        takeUntil(done$),\n        filter(target => target === tooltip),\n        delay(125)\n      )\n        .subscribe(() => el.focus())\n\n    /* Create and return component */\n    return watchAnnotation(el, container)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  defer,\n  endWith,\n  finalize,\n  ignoreElements,\n  merge,\n  share,\n  takeUntil\n} from \"rxjs\"\n\nimport {\n  getElement,\n  getElements,\n  getOptionalElement\n} from \"~/browser\"\nimport { renderAnnotation } from \"~/templates\"\n\nimport { Component } from \"../../../_\"\nimport {\n  Annotation,\n  mountAnnotation\n} from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  target$: Observable<HTMLElement>     /* Location target observable */\n  print$: Observable<boolean>          /* Media print observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Find all annotation hosts in the containing element\n *\n * @param container - Containing element\n *\n * @returns Annotation hosts\n */\nfunction findHosts(container: HTMLElement): HTMLElement[] {\n  return container.tagName === \"CODE\"\n    ? getElements(\".c, .c1, .cm\", container)\n    : [container]\n}\n\n/**\n * Find all annotation markers in the containing element\n *\n * @param container - Containing element\n *\n * @returns Annotation markers\n */\nfunction findMarkers(container: HTMLElement): Text[] {\n  const markers: Text[] = []\n  for (const el of findHosts(container)) {\n    const nodes: Text[] = []\n\n    /* Find all text nodes in current element */\n    const it = document.createNodeIterator(el, NodeFilter.SHOW_TEXT)\n    for (let node = it.nextNode(); node; node = it.nextNode())\n      nodes.push(node as Text)\n\n    /* Find all markers in each text node */\n    for (let text of nodes) {\n      let match: RegExpExecArray | null\n\n      /* Split text at marker and add to list */\n      while ((match = /(\\(\\d+\\))(!)?/.exec(text.textContent!))) {\n        const [, id, force] = match\n        if (typeof force === \"undefined\") {\n          const marker = text.splitText(match.index)\n          text = marker.splitText(id.length)\n          markers.push(marker)\n\n        /* Replace entire text with marker */\n        } else {\n          text.textContent = id\n          markers.push(text)\n          break\n        }\n      }\n    }\n  }\n  return markers\n}\n\n/**\n * Swap the child nodes of two elements\n *\n * @param source - Source element\n * @param target - Target element\n */\nfunction swap(source: HTMLElement, target: HTMLElement): void {\n  target.append(...Array.from(source.childNodes))\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount annotation list\n *\n * This function analyzes the containing code block and checks for markers\n * referring to elements in the given annotation list. If no markers are found,\n * the list is left untouched. Otherwise, list elements are rendered as\n * annotations inside the code block.\n *\n * @param el - Annotation list element\n * @param container - Containing element\n * @param options - Options\n *\n * @returns Annotation component observable\n */\nexport function mountAnnotationList(\n  el: HTMLElement, container: HTMLElement, { target$, print$ }: MountOptions\n): Observable<Component<Annotation>> {\n\n  /* Compute prefix for tooltip anchors */\n  const parent = container.closest(\"[id]\")\n  const prefix = parent?.id\n\n  /* Find and replace all markers with empty annotations */\n  const annotations = new Map<string, HTMLElement>()\n  for (const marker of findMarkers(container)) {\n    const [, id] = marker.textContent!.match(/\\((\\d+)\\)/)!\n    if (getOptionalElement(`:scope > li:nth-child(${id})`, el)) {\n      annotations.set(id, renderAnnotation(id, prefix))\n      marker.replaceWith(annotations.get(id)!)\n    }\n  }\n\n  /* Keep list if there are no annotations to render */\n  if (annotations.size === 0)\n    return EMPTY\n\n  /* Mount component on subscription */\n  return defer(() => {\n    const push$ = new Subject()\n    const done$ = push$.pipe(ignoreElements(), endWith(true))\n\n    /* Retrieve container pairs for swapping */\n    const pairs: [HTMLElement, HTMLElement][] = []\n    for (const [id, annotation] of annotations)\n      pairs.push([\n        getElement(\".md-typeset\", annotation),\n        getElement(`:scope > li:nth-child(${id})`, el)\n      ])\n\n    /* Handle print mode - see https://bit.ly/3rgPdpt */\n    print$.pipe(takeUntil(done$))\n      .subscribe(active => {\n        el.hidden = !active\n\n        /* Add class to discern list element */\n        el.classList.toggle(\"md-annotation-list\", active)\n\n        /* Show annotations in code block or list (print) */\n        for (const [inner, child] of pairs)\n          if (!active)\n            swap(child, inner)\n          else\n            swap(inner, child)\n      })\n\n    /* Create and return component */\n    return merge(...[...annotations]\n      .map(([, annotation]) => (\n        mountAnnotation(annotation, container, { target$ })\n      ))\n    )\n      .pipe(\n        finalize(() => push$.complete()),\n        share()\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { EMPTY, Observable, defer } from \"rxjs\"\n\nimport { Component } from \"../../../_\"\nimport { Annotation } from \"../_\"\nimport { mountAnnotationList } from \"../list\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  target$: Observable<HTMLElement>     /* Location target observable */\n  print$: Observable<boolean>          /* Media print observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Find list element directly following a block\n *\n * @param el - Annotation block element\n *\n * @returns List element or nothing\n */\nfunction findList(el: HTMLElement): HTMLElement | undefined {\n  if (el.nextElementSibling) {\n    const sibling = el.nextElementSibling as HTMLElement\n    if (sibling.tagName === \"OL\")\n      return sibling\n\n    /* Skip empty paragraphs - see https://bit.ly/3r4ZJ2O */\n    else if (sibling.tagName === \"P\" && !sibling.children.length)\n      return findList(sibling)\n  }\n\n  /* Everything else */\n  return undefined\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount annotation block\n *\n * @param el - Annotation block element\n * @param options - Options\n *\n * @returns Annotation component observable\n */\nexport function mountAnnotationBlock(\n  el: HTMLElement, options: MountOptions\n): Observable<Component<Annotation>> {\n  return defer(() => {\n    const list = findList(el)\n    return typeof list !== \"undefined\"\n      ? mountAnnotationList(list, el, options)\n      : EMPTY\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport ClipboardJS from \"clipboard\"\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  defer,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  filter,\n  finalize,\n  map,\n  mergeWith,\n  switchMap,\n  take,\n  takeLast,\n  takeUntil,\n  tap\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport {\n  getElementContentSize,\n  getElements,\n  watchElementSize,\n  watchElementVisibility\n} from \"~/browser\"\nimport {\n  Tooltip,\n  mountInlineTooltip2\n} from \"~/components/tooltip2\"\nimport { renderClipboardButton } from \"~/templates\"\n\nimport { Component } from \"../../../_\"\nimport {\n  Annotation,\n  mountAnnotationList\n} from \"../../annotation\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Code block overflow\n */\nexport interface Overflow {\n  scrollable: boolean                  /* Code block overflows */\n}\n\n/**\n * Code block\n */\nexport type CodeBlock =\n  | Overflow\n  | Annotation\n  | Tooltip\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  target$: Observable<HTMLElement>     /* Location target observable */\n  print$: Observable<boolean>          /* Media print observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Global sequence number for code blocks\n */\nlet sequence = 0\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Find candidate list element directly following a code block\n *\n * @param el - Code block element\n *\n * @returns List element or nothing\n */\nfunction findCandidateList(el: HTMLElement): HTMLElement | undefined {\n  if (el.nextElementSibling) {\n    const sibling = el.nextElementSibling as HTMLElement\n    if (sibling.tagName === \"OL\")\n      return sibling\n\n    /* Skip empty paragraphs - see https://bit.ly/3r4ZJ2O */\n    else if (sibling.tagName === \"P\" && !sibling.children.length)\n      return findCandidateList(sibling)\n  }\n\n  /* Everything else */\n  return undefined\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch code block\n *\n * This function monitors size changes of the viewport, as well as switches of\n * content tabs with embedded code blocks, as both may trigger overflow.\n *\n * @param el - Code block element\n *\n * @returns Code block observable\n */\nexport function watchCodeBlock(\n  el: HTMLElement\n): Observable<Overflow> {\n  return watchElementSize(el)\n    .pipe(\n      map(({ width }) => {\n        const content = getElementContentSize(el)\n        return {\n          scrollable: content.width > width\n        }\n      }),\n      distinctUntilKeyChanged(\"scrollable\")\n    )\n}\n\n/**\n * Mount code block\n *\n * This function ensures that an overflowing code block is focusable through\n * keyboard, so it can be scrolled without a mouse to improve on accessibility.\n * Furthermore, if code annotations are enabled, they are mounted if and only\n * if the code block is currently visible, e.g., not in a hidden content tab.\n *\n * Note that code blocks may be mounted eagerly or lazily. If they're mounted\n * lazily (on first visibility), code annotation anchor links will not work,\n * as they are evaluated on initial page load, and code annotations in general\n * might feel a little bumpier.\n *\n * @param el - Code block element\n * @param options - Options\n *\n * @returns Code block and annotation component observable\n */\nexport function mountCodeBlock(\n  el: HTMLElement, options: MountOptions\n): Observable<Component<CodeBlock>> {\n  const { matches: hover } = matchMedia(\"(hover)\")\n\n  /* Defer mounting of code block - see https://bit.ly/3vHVoVD */\n  const factory$ = defer(() => {\n    const push$ = new Subject<Overflow>()\n    const done$ = push$.pipe(takeLast(1))\n    push$.subscribe(({ scrollable }) => {\n      if (scrollable && hover)\n        el.setAttribute(\"tabindex\", \"0\")\n      else\n        el.removeAttribute(\"tabindex\")\n    })\n\n    /* Render button for Clipboard.js integration */\n    const content$: Array<Observable<Component<CodeBlock>>> = []\n    if (ClipboardJS.isSupported()) {\n      if (el.closest(\".copy\") || (\n        feature(\"content.code.copy\") && !el.closest(\".no-copy\")\n      )) {\n        const parent = el.closest(\"pre\")!\n        parent.id = `__code_${sequence++}`\n\n        /* Mount tooltip, if enabled */\n        const button = renderClipboardButton(parent.id)\n        parent.insertBefore(button, el)\n        if (feature(\"content.tooltips\"))\n          content$.push(mountInlineTooltip2(button, { viewport$ }))\n      }\n    }\n\n    /* Handle code annotations */\n    const container = el.closest(\".highlight\")\n    if (container instanceof HTMLElement) {\n      const list = findCandidateList(container)\n\n      /* Mount code annotations, if enabled */\n      if (typeof list !== \"undefined\" && (\n        container.classList.contains(\"annotate\") ||\n        feature(\"content.code.annotate\")\n      )) {\n        const annotations$ = mountAnnotationList(list, el, options)\n        content$.push(\n          watchElementSize(container)\n            .pipe(\n              takeUntil(done$),\n              map(({ width, height }) => width && height),\n              distinctUntilChanged(),\n              switchMap(active => active ? annotations$ : EMPTY)\n            )\n        )\n      }\n    }\n\n    // If the code block has line spans, we can add this additional class to\n    // the code block element, which fixes the problem for highlighted code\n    // lines not stretching to the entirety of the screen when the code block\n    // overflows, e.g., on mobile - see\n    const spans = getElements(\":scope > span[id]\", el)\n    if (spans.length)\n      el.classList.add(\"md-code__content\")\n\n    /* Create and return component */\n    return watchCodeBlock(el)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state })),\n        mergeWith(...content$)\n      )\n  })\n\n  /* Mount code block lazily */\n  if (feature(\"content.lazy\"))\n    return watchElementVisibility(el)\n      .pipe(\n        filter(visible => visible),\n        take(1),\n        switchMap(() => factory$)\n      )\n\n  /* Mount code block */\n  return factory$\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  defer,\n  filter,\n  finalize,\n  map,\n  merge,\n  tap\n} from \"rxjs\"\n\nimport { Component } from \"../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Details\n */\nexport interface Details {\n  action: \"open\" | \"close\"             /* Details state */\n  reveal?: boolean                     /* Details is revealed */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  target$: Observable<HTMLElement>     /* Location target observable */\n  print$: Observable<boolean>          /* Media print observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  target$: Observable<HTMLElement>     /* Location target observable */\n  print$: Observable<boolean>          /* Media print observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch details\n *\n * @param el - Details element\n * @param options - Options\n *\n * @returns Details observable\n */\nexport function watchDetails(\n  el: HTMLDetailsElement, { target$, print$ }: WatchOptions\n): Observable<Details> {\n  let open = true\n  return merge(\n\n    /* Open and focus details on location target */\n    target$\n      .pipe(\n        map(target => target.closest(\"details:not([open])\")!),\n        filter(details => el === details),\n        map(() => ({\n          action: \"open\", reveal: true\n        }) as Details)\n      ),\n\n    /* Open details on print and close afterwards */\n    print$\n      .pipe(\n        filter(active => active || !open),\n        tap(() => open = el.open),\n        map(active => ({\n          action: active ? \"open\" : \"close\"\n        }) as Details)\n      )\n  )\n}\n\n/**\n * Mount details\n *\n * This function ensures that `details` tags are opened on anchor jumps and\n * prior to printing, so the whole content of the page is visible.\n *\n * @param el - Details element\n * @param options - Options\n *\n * @returns Details component observable\n */\nexport function mountDetails(\n  el: HTMLDetailsElement, options: MountOptions\n): Observable<Component<Details>> {\n  return defer(() => {\n    const push$ = new Subject<Details>()\n    push$.subscribe(({ action, reveal }) => {\n      el.toggleAttribute(\"open\", action === \"open\")\n      if (reveal)\n        el.scrollIntoView()\n    })\n\n    /* Create and return component */\n    return watchDetails(el, options)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", ".node circle,.node ellipse,.node path,.node polygon,.node rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}marker{fill:var(--md-mermaid-edge-color)!important}.edgeLabel .label rect{fill:#0000}.label{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.label foreignObject{line-height:normal;overflow:visible}.label div .edgeLabel{color:var(--md-mermaid-label-fg-color)}.edgeLabel,.edgeLabel p,.label div .edgeLabel{background-color:var(--md-mermaid-label-bg-color)}.edgeLabel,.edgeLabel p{fill:var(--md-mermaid-label-bg-color);color:var(--md-mermaid-edge-color)}.edgePath .path,.flowchart-link{stroke:var(--md-mermaid-edge-color);stroke-width:.05rem}.edgePath .arrowheadPath{fill:var(--md-mermaid-edge-color);stroke:none}.cluster rect{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}.cluster span{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}g #flowchart-circleEnd,g #flowchart-circleStart,g #flowchart-crossEnd,g #flowchart-crossStart,g #flowchart-pointEnd,g #flowchart-pointStart{stroke:none}g.classGroup line,g.classGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.classGroup text{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.classLabel .box{fill:var(--md-mermaid-label-bg-color);background-color:var(--md-mermaid-label-bg-color);opacity:1}.classLabel .label{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.node .divider{stroke:var(--md-mermaid-node-fg-color)}.relation{stroke:var(--md-mermaid-edge-color)}.cardinality{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.cardinality text{fill:inherit!important}defs #classDiagram-compositionEnd,defs #classDiagram-compositionStart,defs #classDiagram-dependencyEnd,defs #classDiagram-dependencyStart,defs #classDiagram-extensionEnd,defs #classDiagram-extensionStart{fill:var(--md-mermaid-edge-color)!important;stroke:var(--md-mermaid-edge-color)!important}defs #classDiagram-aggregationEnd,defs #classDiagram-aggregationStart{fill:var(--md-mermaid-label-bg-color)!important;stroke:var(--md-mermaid-edge-color)!important}g.stateGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.stateGroup .state-title{fill:var(--md-mermaid-label-fg-color)!important;font-family:var(--md-mermaid-font-family)}g.stateGroup .composit{fill:var(--md-mermaid-label-bg-color)}.nodeLabel,.nodeLabel p{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}a .nodeLabel{text-decoration:underline}.node circle.state-end,.node circle.state-start,.start-state{fill:var(--md-mermaid-edge-color);stroke:none}.end-state-inner,.end-state-outer{fill:var(--md-mermaid-edge-color)}.end-state-inner,.node circle.state-end{stroke:var(--md-mermaid-label-bg-color)}.transition{stroke:var(--md-mermaid-edge-color)}[id^=state-fork] rect,[id^=state-join] rect{fill:var(--md-mermaid-edge-color)!important;stroke:none!important}.statediagram-cluster.statediagram-cluster .inner{fill:var(--md-default-bg-color)}.statediagram-cluster rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.statediagram-state rect.divider{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}defs #statediagram-barbEnd{stroke:var(--md-mermaid-edge-color)}.attributeBoxEven,.attributeBoxOdd{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.entityBox{fill:var(--md-mermaid-label-bg-color);stroke:var(--md-mermaid-node-fg-color)}.entityLabel{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.relationshipLabelBox{fill:var(--md-mermaid-label-bg-color);fill-opacity:1;background-color:var(--md-mermaid-label-bg-color);opacity:1}.relationshipLabel{fill:var(--md-mermaid-label-fg-color)}.relationshipLine{stroke:var(--md-mermaid-edge-color)}defs #ONE_OR_MORE_END *,defs #ONE_OR_MORE_START *,defs #ONLY_ONE_END *,defs #ONLY_ONE_START *,defs #ZERO_OR_MORE_END *,defs #ZERO_OR_MORE_START *,defs #ZERO_OR_ONE_END *,defs #ZERO_OR_ONE_START *{stroke:var(--md-mermaid-edge-color)!important}defs #ZERO_OR_MORE_END circle,defs #ZERO_OR_MORE_START circle{fill:var(--md-mermaid-label-bg-color)}.actor{fill:var(--md-mermaid-sequence-actor-bg-color);stroke:var(--md-mermaid-sequence-actor-border-color)}text.actor>tspan{fill:var(--md-mermaid-sequence-actor-fg-color);font-family:var(--md-mermaid-font-family)}line{stroke:var(--md-mermaid-sequence-actor-line-color)}.actor-man circle,.actor-man line{fill:var(--md-mermaid-sequence-actorman-bg-color);stroke:var(--md-mermaid-sequence-actorman-line-color)}.messageLine0,.messageLine1{stroke:var(--md-mermaid-sequence-message-line-color)}.note{fill:var(--md-mermaid-sequence-note-bg-color);stroke:var(--md-mermaid-sequence-note-border-color)}.loopText,.loopText>tspan,.messageText,.noteText>tspan{stroke:none;font-family:var(--md-mermaid-font-family)!important}.messageText{fill:var(--md-mermaid-sequence-message-fg-color)}.loopText,.loopText>tspan{fill:var(--md-mermaid-sequence-loop-fg-color)}.noteText>tspan{fill:var(--md-mermaid-sequence-note-fg-color)}#arrowhead path{fill:var(--md-mermaid-sequence-message-line-color);stroke:none}.loopLine{fill:var(--md-mermaid-sequence-loop-bg-color);stroke:var(--md-mermaid-sequence-loop-border-color)}.labelBox{fill:var(--md-mermaid-sequence-label-bg-color);stroke:none}.labelText,.labelText>span{fill:var(--md-mermaid-sequence-label-fg-color);font-family:var(--md-mermaid-font-family)}.sequenceNumber{fill:var(--md-mermaid-sequence-number-fg-color)}rect.rect{fill:var(--md-mermaid-sequence-box-bg-color);stroke:none}rect.rect+text.text{fill:var(--md-mermaid-sequence-box-fg-color)}defs #sequencenumber{fill:var(--md-mermaid-sequence-number-bg-color)!important}", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  map,\n  of,\n  shareReplay,\n  tap\n} from \"rxjs\"\n\nimport { watchScript } from \"~/browser\"\nimport { h } from \"~/utilities\"\n\nimport { Component } from \"../../_\"\n\nimport themeCSS from \"./index.css\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mermaid diagram\n */\nexport interface Mermaid {}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Mermaid instance observable\n */\nlet mermaid$: Observable<void>\n\n/**\n * Global sequence number for diagrams\n */\nlet sequence = 0\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch Mermaid script\n *\n * @returns Mermaid scripts observable\n */\nfunction fetchScripts(): Observable<void> {\n  return typeof mermaid === \"undefined\" || mermaid instanceof Element\n    ? watchScript(\"https://unpkg.com/mermaid@11/dist/mermaid.min.js\")\n    : of(undefined)\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount Mermaid diagram\n *\n * @param el - Code block element\n *\n * @returns Mermaid diagram component observable\n */\nexport function mountMermaid(\n  el: HTMLElement\n): Observable<Component<Mermaid>> {\n  el.classList.remove(\"mermaid\") // Hack: mitigate https://bit.ly/3CiN6Du\n  mermaid$ ||= fetchScripts()\n    .pipe(\n      tap(() => mermaid.initialize({\n        startOnLoad: false,\n        themeCSS,\n        sequence: {\n          actorFontSize: \"16px\", // Hack: mitigate https://bit.ly/3y0NEi3\n          messageFontSize: \"16px\",\n          noteFontSize: \"16px\"\n        }\n      })),\n      map(() => undefined),\n      shareReplay(1)\n    )\n\n  /* Render diagram */\n  mermaid$.subscribe(async () => {\n    el.classList.add(\"mermaid\") // Hack: mitigate https://bit.ly/3CiN6Du\n    const id = `__mermaid_${sequence++}`\n\n    /* Create host element to replace code block */\n    const host = h(\"div\", { class: \"mermaid\" })\n    const text = el.textContent\n\n    /* Render and inject diagram */\n    const { svg, fn } = await mermaid.render(id, text)\n\n    /* Create a shadow root and inject diagram */\n    const shadow = host.attachShadow({ mode: \"closed\" })\n    shadow.innerHTML = svg\n\n    /* Replace code block with diagram and bind functions */\n    el.replaceWith(host)\n    fn?.(shadow)\n  })\n\n  /* Create and return component */\n  return mermaid$\n    .pipe(\n      map(() => ({ ref: el }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { Observable, of } from \"rxjs\"\n\nimport { renderTable } from \"~/templates\"\nimport { h } from \"~/utilities\"\n\nimport { Component } from \"../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Data table\n */\nexport interface DataTable {}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Sentinel for replacement\n */\nconst sentinel = h(\"table\")\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount data table\n *\n * This function wraps a data table in another scrollable container, so it can\n * be smoothly scrolled on smaller screen sizes and won't break the layout.\n *\n * @param el - Data table element\n *\n * @returns Data table component observable\n */\nexport function mountDataTable(\n  el: HTMLElement\n): Observable<Component<DataTable>> {\n  el.replaceWith(sentinel)\n  sentinel.replaceWith(renderTable(el))\n\n  /* Create and return component */\n  return of({ ref: el })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  animationFrameScheduler,\n  asyncScheduler,\n  auditTime,\n  combineLatest,\n  defer,\n  endWith,\n  filter,\n  finalize,\n  fromEvent,\n  ignoreElements,\n  map,\n  merge,\n  skip,\n  startWith,\n  subscribeOn,\n  takeUntil,\n  tap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport {\n  Viewport,\n  getElement,\n  getElementContentOffset,\n  getElementContentSize,\n  getElementOffset,\n  getElementSize,\n  getElements,\n  watchElementContentOffset,\n  watchElementSize,\n  watchElementVisibility\n} from \"~/browser\"\nimport { renderTabbedControl } from \"~/templates\"\nimport { h } from \"~/utilities\"\n\nimport { Component } from \"../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Content tabs\n */\nexport interface ContentTabs {\n  active: HTMLLabelElement             /* Active tab label */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  target$: Observable<HTMLElement>     /* Location target observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch content tabs\n *\n * @param inputs - Content tabs input elements\n *\n * @returns Content tabs observable\n */\nexport function watchContentTabs(\n  inputs: HTMLInputElement[]\n): Observable<ContentTabs> {\n  const initial = inputs.find(input => input.checked) || inputs[0]\n  return merge(...inputs.map(input => fromEvent(input, \"change\")\n    .pipe(\n      map(() => getElement<HTMLLabelElement>(`label[for=\"${input.id}\"]`))\n    )\n  ))\n    .pipe(\n      startWith(getElement<HTMLLabelElement>(`label[for=\"${initial.id}\"]`)),\n      map(active => ({ active }))\n    )\n}\n\n/**\n * Mount content tabs\n *\n * @param el - Content tabs element\n * @param options - Options\n *\n * @returns Content tabs component observable\n */\nexport function mountContentTabs(\n  el: HTMLElement, { viewport$, target$ }: MountOptions\n): Observable<Component<ContentTabs>> {\n  const container = getElement(\".tabbed-labels\", el)\n  const inputs = getElements<HTMLInputElement>(\":scope > input\", el)\n\n  /* Render content tab previous button for pagination */\n  const prev = renderTabbedControl(\"prev\")\n  el.append(prev)\n\n  /* Render content tab next button for pagination */\n  const next = renderTabbedControl(\"next\")\n  el.append(next)\n\n  /* Mount component on subscription */\n  return defer(() => {\n    const push$ = new Subject<ContentTabs>()\n    const done$ = push$.pipe(ignoreElements(), endWith(true))\n    combineLatest([push$, watchElementSize(el), watchElementVisibility(el)])\n      .pipe(\n        takeUntil(done$),\n        auditTime(1, animationFrameScheduler)\n      )\n        .subscribe({\n\n          /* Handle emission */\n          next([{ active }, size]) {\n            const offset = getElementOffset(active)\n            const { width } = getElementSize(active)\n\n            /* Set tab indicator offset and width */\n            el.style.setProperty(\"--md-indicator-x\", `${offset.x}px`)\n            el.style.setProperty(\"--md-indicator-width\", `${width}px`)\n\n            /* Scroll container to active content tab */\n            const content = getElementContentOffset(container)\n            if (\n              offset.x         < content.x              ||\n              offset.x + width > content.x + size.width\n            )\n              container.scrollTo({\n                left: Math.max(0, offset.x - 16),\n                behavior: \"smooth\"\n              })\n          },\n\n          /* Handle complete */\n          complete() {\n            el.style.removeProperty(\"--md-indicator-x\")\n            el.style.removeProperty(\"--md-indicator-width\")\n          }\n        })\n\n    /* Hide content tab buttons on borders */\n    combineLatest([\n      watchElementContentOffset(container),\n      watchElementSize(container)\n    ])\n      .pipe(\n        takeUntil(done$)\n      )\n        .subscribe(([offset, size]) => {\n          const content = getElementContentSize(container)\n          prev.hidden = offset.x < 16\n          next.hidden = offset.x > content.width - size.width - 16\n        })\n\n    /* Paginate content tab container on click */\n    merge(\n      fromEvent(prev, \"click\").pipe(map(() => -1)),\n      fromEvent(next, \"click\").pipe(map(() => +1))\n    )\n      .pipe(\n        takeUntil(done$)\n      )\n        .subscribe(direction => {\n          const { width } = getElementSize(container)\n          container.scrollBy({\n            left: width * direction,\n            behavior: \"smooth\"\n          })\n        })\n\n    /* Switch to content tab target */\n    target$\n      .pipe(\n        takeUntil(done$),\n        filter(input => inputs.includes(input as HTMLInputElement))\n      )\n        .subscribe(input => input.click())\n\n    /* Add link to each content tab label */\n    container.classList.add(\"tabbed-labels--linked\")\n    for (const input of inputs) {\n      const label = getElement<HTMLLabelElement>(`label[for=\"${input.id}\"]`)\n      label.replaceChildren(h(\"a\", {\n        href: `#${label.htmlFor}`,\n        tabIndex: -1\n      }, ...Array.from(label.childNodes)))\n\n      /* Allow to copy link without scrolling to anchor */\n      fromEvent<MouseEvent>(label.firstElementChild!, \"click\")\n        .pipe(\n          takeUntil(done$),\n          filter(ev => !(ev.metaKey || ev.ctrlKey)),\n          tap(ev => {\n            ev.preventDefault()\n            ev.stopPropagation()\n          })\n        )\n          // @todo we might need to remove the anchor link on complete\n          .subscribe(() => {\n            history.replaceState({}, \"\", `#${label.htmlFor}`)\n            label.click()\n          })\n    }\n\n    /* Set up linking of content tabs, if enabled */\n    if (feature(\"content.tabs.link\"))\n      push$.pipe(\n        skip(1),\n        withLatestFrom(viewport$)\n      )\n        .subscribe(([{ active }, { offset }]) => {\n          const tab = active.innerText.trim()\n          if (active.hasAttribute(\"data-md-switching\")) {\n            active.removeAttribute(\"data-md-switching\")\n\n          /* Determine viewport offset of active tab */\n          } else {\n            const y = el.offsetTop - offset.y\n\n            /* Passively activate other tabs */\n            for (const set of getElements(\"[data-tabs]\"))\n              for (const input of getElements<HTMLInputElement>(\n                \":scope > input\", set\n              )) {\n                const label = getElement(`label[for=\"${input.id}\"]`)\n                if (\n                  label !== active &&\n                  label.innerText.trim() === tab\n                ) {\n                  label.setAttribute(\"data-md-switching\", \"\")\n                  input.click()\n                  break\n                }\n              }\n\n            /* Bring active tab into view */\n            window.scrollTo({\n              top: el.offsetTop - y\n            })\n\n            /* Persist active tabs in local storage */\n            const tabs = __md_get<string[]>(\"__tabs\") || []\n            __md_set(\"__tabs\", [...new Set([tab, ...tabs])])\n          }\n        })\n\n    /* Pause media (audio, video) on switch - see https://bit.ly/3Bk6cel */\n    push$.pipe(takeUntil(done$))\n      .subscribe(() => {\n        for (const media of getElements<HTMLAudioElement>(\"audio, video\", el))\n          media.pause()\n      })\n\n    /* Create and return component */\n    return watchContentTabs(inputs)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n    .pipe(\n      subscribeOn(asyncScheduler)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { Observable, merge } from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport { Viewport, getElements } from \"~/browser\"\n\nimport { Component } from \"../../_\"\nimport {\n  Tooltip,\n  mountInlineTooltip2\n} from \"../../tooltip2\"\nimport {\n  Annotation,\n  mountAnnotationBlock\n} from \"../annotation\"\nimport {\n  CodeBlock,\n  mountCodeBlock\n} from \"../code\"\nimport {\n  Details,\n  mountDetails\n} from \"../details\"\nimport {\n  Mermaid,\n  mountMermaid\n} from \"../mermaid\"\nimport {\n  DataTable,\n  mountDataTable\n} from \"../table\"\nimport {\n  ContentTabs,\n  mountContentTabs\n} from \"../tabs\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Content\n */\nexport type Content =\n  | Annotation\n  | CodeBlock\n  | ContentTabs\n  | DataTable\n  | Details\n  | Mermaid\n  | Tooltip\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  target$: Observable<HTMLElement>     /* Location target observable */\n  print$: Observable<boolean>          /* Media print observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount content\n *\n * This function mounts all components that are found in the content of the\n * actual article, including code blocks, data tables and details.\n *\n * @param el - Content element\n * @param options - Options\n *\n * @returns Content component observable\n */\nexport function mountContent(\n  el: HTMLElement, { viewport$, target$, print$ }: MountOptions\n): Observable<Component<Content>> {\n  return merge(\n\n    /* Annotations */\n    ...getElements(\".annotate:not(.highlight)\", el)\n      .map(child => mountAnnotationBlock(child, { target$, print$ })),\n\n    /* Code blocks */\n    ...getElements(\"pre:not(.mermaid) > code\", el)\n      .map(child => mountCodeBlock(child, { target$, print$ })),\n\n    /* Mermaid diagrams */\n    ...getElements(\"pre.mermaid\", el)\n      .map(child => mountMermaid(child)),\n\n    /* Data tables */\n    ...getElements(\"table:not([class])\", el)\n      .map(child => mountDataTable(child)),\n\n    /* Details */\n    ...getElements(\"details\", el)\n      .map(child => mountDetails(child, { target$, print$ })),\n\n    /* Content tabs */\n    ...getElements(\"[data-tabs]\", el)\n      .map(child => mountContentTabs(child, { viewport$, target$ })),\n\n    /* Tooltips */\n    ...getElements(\"[title]\", el)\n      .filter(() => feature(\"content.tooltips\"))\n      .map(child => mountInlineTooltip2(child, { viewport$ }))\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  defer,\n  delay,\n  finalize,\n  map,\n  merge,\n  of,\n  switchMap,\n  tap\n} from \"rxjs\"\n\nimport { getElement } from \"~/browser\"\n\nimport { Component } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Dialog\n */\nexport interface Dialog {\n  message: string                      /* Dialog message */\n  active: boolean                      /* Dialog is active */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  alert$: Subject<string>              /* Alert subject */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  alert$: Subject<string>              /* Alert subject */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch dialog\n *\n * @param _el - Dialog element\n * @param options - Options\n *\n * @returns Dialog observable\n */\nexport function watchDialog(\n  _el: HTMLElement, { alert$ }: WatchOptions\n): Observable<Dialog> {\n  return alert$\n    .pipe(\n      switchMap(message => merge(\n        of(true),\n        of(false).pipe(delay(2000))\n      )\n        .pipe(\n          map(active => ({ message, active }))\n        )\n      )\n    )\n}\n\n/**\n * Mount dialog\n *\n * This function reveals the dialog in the right corner when a new alert is\n * emitted through the subject that is passed as part of the options.\n *\n * @param el - Dialog element\n * @param options - Options\n *\n * @returns Dialog component observable\n */\nexport function mountDialog(\n  el: HTMLElement, options: MountOptions\n): Observable<Component<Dialog>> {\n  const inner = getElement(\".md-typeset\", el)\n  return defer(() => {\n    const push$ = new Subject<Dialog>()\n    push$.subscribe(({ message, active }) => {\n      el.classList.toggle(\"md-dialog--active\", active)\n      inner.textContent = message\n    })\n\n    /* Create and return component */\n    return watchDialog(el, options)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  animationFrameScheduler,\n  asyncScheduler,\n  auditTime,\n  combineLatest,\n  debounceTime,\n  defer,\n  distinctUntilChanged,\n  filter,\n  finalize,\n  map,\n  merge,\n  of,\n  subscribeOn,\n  tap,\n  throttleTime\n} from \"rxjs\"\n\nimport {\n  ElementOffset,\n  getElement,\n  getElementContainer,\n  getElementOffset,\n  getElementSize,\n  watchElementContentOffset,\n  watchElementFocus,\n  watchElementHover\n} from \"~/browser\"\nimport { renderTooltip } from \"~/templates\"\n\nimport { Component } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Tooltip\n */\nexport interface Tooltip {\n  active: boolean                      /* Tooltip is active */\n  offset: ElementOffset                /* Tooltip offset */\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Global sequence number for tooltips\n */\nlet sequence = 0\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch tooltip\n *\n * This function will append the tooltip temporarily to compute its width,\n * which is necessary for correct centering, and then removing it again.\n *\n * @param el - Tooltip element\n * @param host - Host element\n *\n * @returns Tooltip observable\n */\nexport function watchTooltip(\n  el: HTMLElement, host: HTMLElement\n): Observable<Tooltip> {\n  document.body.append(el)\n\n  /* Compute width and remove tooltip immediately */\n  const { width } = getElementSize(el)\n  el.style.setProperty(\"--md-tooltip-width\", `${width}px`)\n  el.remove()\n\n  /* Retrieve and watch containing element */\n  const container = getElementContainer(host)\n  const scroll$ =\n    typeof container !== \"undefined\"\n      ? watchElementContentOffset(container)\n      : of({ x: 0, y: 0 })\n\n  /* Compute tooltip visibility */\n  const active$ = merge(\n    watchElementFocus(host),\n    watchElementHover(host)\n  )\n    .pipe(\n      distinctUntilChanged()\n    )\n\n  /* Compute tooltip offset */\n  return combineLatest([active$, scroll$])\n    .pipe(\n      map(([active, scroll]) => {\n        let { x, y } = getElementOffset(host)\n        const size = getElementSize(host)\n\n        /**\n         * Experimental: fix handling of tables - see https://bit.ly/3TQEj5O\n         *\n         * If this proves to be a viable fix, we should refactor tooltip\n         * positioning and somehow streamline the current process. This might\n         * also fix positioning for annotations inside tables, which is another\n         * limitation.\n         */\n        const table = host.closest(\"table\")\n        if (table && host.parentElement) {\n          x += table.offsetLeft + host.parentElement.offsetLeft\n          y += table.offsetTop  + host.parentElement.offsetTop\n        }\n        return {\n          active,\n          offset: {\n            x: x - scroll.x + size.width  / 2 - width / 2,\n            y: y - scroll.y + size.height + 8\n          }\n        }\n      })\n    )\n}\n\n/**\n * Mount tooltip\n *\n * @param el - Host element\n *\n * @returns Tooltip component observable\n */\nexport function mountTooltip(\n  el: HTMLElement\n): Observable<Component<Tooltip>> {\n  const title = el.title\n  if (!title.length)\n    return EMPTY\n\n  /* Render tooltip and set title from host element */\n  const id = `__tooltip_${sequence++}`\n  const tooltip = renderTooltip(id, \"inline\")\n  const typeset = getElement(\".md-typeset\", tooltip)\n  typeset.innerHTML = title\n\n  /* Mount component on subscription */\n  return defer(() => {\n    const push$ = new Subject<Tooltip>()\n    push$.subscribe({\n\n      /* Handle emission */\n      next({ offset }) {\n        tooltip.style.setProperty(\"--md-tooltip-x\", `${offset.x}px`)\n        tooltip.style.setProperty(\"--md-tooltip-y\", `${offset.y}px`)\n      },\n\n      /* Handle complete */\n      complete() {\n        tooltip.style.removeProperty(\"--md-tooltip-x\")\n        tooltip.style.removeProperty(\"--md-tooltip-y\")\n      }\n    })\n\n    /* Toggle tooltip presence to mitigate empty lines when copying */\n    merge(\n      push$.pipe(filter(({ active }) => active)),\n      push$.pipe(debounceTime(250), filter(({ active }) => !active))\n    )\n      .subscribe({\n\n        /* Handle emission */\n        next({ active }) {\n          if (active) {\n            el.insertAdjacentElement(\"afterend\", tooltip)\n            el.setAttribute(\"aria-describedby\", id)\n            el.removeAttribute(\"title\")\n          } else {\n            tooltip.remove()\n            el.removeAttribute(\"aria-describedby\")\n            el.setAttribute(\"title\", title)\n          }\n        },\n\n        /* Handle complete */\n        complete() {\n          tooltip.remove()\n          el.removeAttribute(\"aria-describedby\")\n          el.setAttribute(\"title\", title)\n        }\n      })\n\n    /* Toggle tooltip visibility */\n    push$\n      .pipe(\n        auditTime(16, animationFrameScheduler)\n      )\n        .subscribe(({ active }) => {\n          tooltip.classList.toggle(\"md-tooltip--active\", active)\n        })\n\n    // @todo - refactor positioning together with annotations \u2013 there are\n    // several things that overlap and are identical in handling\n\n    /* Track relative origin of tooltip */\n    push$\n      .pipe(\n        throttleTime(125, animationFrameScheduler),\n        filter(() => !!el.offsetParent),\n        map(() => el.offsetParent!.getBoundingClientRect()),\n        map(({ x }) => x)\n      )\n      .subscribe({\n\n        /* Handle emission */\n        next(origin) {\n          if (origin)\n            tooltip.style.setProperty(\"--md-tooltip-0\", `${-origin}px`)\n          else\n            tooltip.style.removeProperty(\"--md-tooltip-0\")\n        },\n\n        /* Handle complete */\n        complete() {\n          tooltip.style.removeProperty(\"--md-tooltip-0\")\n        }\n      })\n\n    /* Create and return component */\n    return watchTooltip(tooltip, el)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n    .pipe(\n      subscribeOn(asyncScheduler)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  bufferCount,\n  combineLatest,\n  combineLatestWith,\n  defer,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  endWith,\n  filter,\n  from,\n  ignoreElements,\n  map,\n  mergeMap,\n  mergeWith,\n  of,\n  shareReplay,\n  startWith,\n  switchMap,\n  takeUntil\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport {\n  Viewport,\n  getElements,\n  watchElementSize,\n  watchToggle\n} from \"~/browser\"\n\nimport { Component } from \"../../_\"\nimport { Main } from \"../../main\"\nimport {\n  Tooltip,\n  mountTooltip\n} from \"../../tooltip\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Header\n */\nexport interface Header {\n  height: number                       /* Header visible height */\n  hidden: boolean                      /* Header is hidden */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n  main$: Observable<Main>              /* Main area observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Compute whether the header is hidden\n *\n * If the user scrolls past a certain threshold, the header can be hidden when\n * scrolling down, and shown when scrolling up.\n *\n * @param options - Options\n *\n * @returns Toggle observable\n */\nfunction isHidden({ viewport$ }: WatchOptions): Observable<boolean> {\n  if (!feature(\"header.autohide\"))\n    return of(false)\n\n  /* Compute direction and turning point */\n  const direction$ = viewport$\n    .pipe(\n      map(({ offset: { y } }) => y),\n      bufferCount(2, 1),\n      map(([a, b]) => [a < b, b] as const),\n      distinctUntilKeyChanged(0)\n    )\n\n  /* Compute whether header should be hidden */\n  const hidden$ = combineLatest([viewport$, direction$])\n    .pipe(\n      filter(([{ offset }, [, y]]) => Math.abs(y - offset.y) > 100),\n      map(([, [direction]]) => direction),\n      distinctUntilChanged()\n    )\n\n  /* Compute threshold for hiding */\n  const search$ = watchToggle(\"search\")\n  return combineLatest([viewport$, search$])\n    .pipe(\n      map(([{ offset }, search]) => offset.y > 400 && !search),\n      distinctUntilChanged(),\n      switchMap(active => active ? hidden$ : of(false)),\n      startWith(false)\n    )\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch header\n *\n * @param el - Header element\n * @param options - Options\n *\n * @returns Header observable\n */\nexport function watchHeader(\n  el: HTMLElement, options: WatchOptions\n): Observable<Header> {\n  return defer(() => combineLatest([\n    watchElementSize(el),\n    isHidden(options)\n  ]))\n    .pipe(\n      map(([{ height }, hidden]) => ({\n        height,\n        hidden\n      })),\n      distinctUntilChanged((a, b) => (\n        a.height === b.height &&\n        a.hidden === b.hidden\n      )),\n      shareReplay(1)\n    )\n}\n\n/**\n * Mount header\n *\n * This function manages the different states of the header, i.e. whether it's\n * hidden or rendered with a shadow. This depends heavily on the main area.\n *\n * @param el - Header element\n * @param options - Options\n *\n * @returns Header component observable\n */\nexport function mountHeader(\n  el: HTMLElement, { header$, main$ }: MountOptions\n): Observable<Component<Header | Tooltip>> {\n  return defer(() => {\n    const push$ = new Subject<Main>()\n    const done$ = push$.pipe(ignoreElements(), endWith(true))\n    push$\n      .pipe(\n        distinctUntilKeyChanged(\"active\"),\n        combineLatestWith(header$)\n      )\n        .subscribe(([{ active }, { hidden }]) => {\n          el.classList.toggle(\"md-header--shadow\", active && !hidden)\n          el.hidden = hidden\n        })\n\n    /* Mount tooltips, if enabled */\n    const tooltips = from(getElements(\"[title]\", el))\n      .pipe(\n        filter(() => feature(\"content.tooltips\")),\n        mergeMap(child => mountTooltip(child))\n      )\n\n    /* Link to main area */\n    main$.subscribe(push$)\n\n    /* Create and return component */\n    return header$\n      .pipe(\n        takeUntil(done$),\n        map(state => ({ ref: el, ...state })),\n        mergeWith(tooltips.pipe(takeUntil(done$)))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  defer,\n  distinctUntilKeyChanged,\n  finalize,\n  map,\n  tap\n} from \"rxjs\"\n\nimport {\n  Viewport,\n  getElementSize,\n  getOptionalElement,\n  watchViewportAt\n} from \"~/browser\"\n\nimport { Component } from \"../../_\"\nimport { Header } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Header\n */\nexport interface HeaderTitle {\n  active: boolean                      /* Header title is active */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch header title\n *\n * @param el - Heading element\n * @param options - Options\n *\n * @returns Header title observable\n */\nexport function watchHeaderTitle(\n  el: HTMLElement, { viewport$, header$ }: WatchOptions\n): Observable<HeaderTitle> {\n  return watchViewportAt(el, { viewport$, header$ })\n    .pipe(\n      map(({ offset: { y } }) => {\n        const { height } = getElementSize(el)\n        return {\n          active: y >= height\n        }\n      }),\n      distinctUntilKeyChanged(\"active\")\n    )\n}\n\n/**\n * Mount header title\n *\n * This function swaps the header title from the site title to the title of the\n * current page when the user scrolls past the first headline.\n *\n * @param el - Header title element\n * @param options - Options\n *\n * @returns Header title component observable\n */\nexport function mountHeaderTitle(\n  el: HTMLElement, options: MountOptions\n): Observable<Component<HeaderTitle>> {\n  return defer(() => {\n    const push$ = new Subject<HeaderTitle>()\n    push$.subscribe({\n\n      /* Handle emission */\n      next({ active }) {\n        el.classList.toggle(\"md-header__title--active\", active)\n      },\n\n      /* Handle complete */\n      complete() {\n        el.classList.remove(\"md-header__title--active\")\n      }\n    })\n\n    /* Obtain headline, if any */\n    const heading = getOptionalElement(\".md-content h1\")\n    if (typeof heading === \"undefined\")\n      return EMPTY\n\n    /* Create and return component */\n    return watchHeaderTitle(heading, options)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  combineLatest,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  map,\n  switchMap\n} from \"rxjs\"\n\nimport {\n  Viewport,\n  watchElementSize\n} from \"~/browser\"\n\nimport { Header } from \"../header\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Main area\n */\nexport interface Main {\n  offset: number                       /* Main area top offset */\n  height: number                       /* Main area visible height */\n  active: boolean                      /* Main area is active */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch main area\n *\n * This function returns an observable that computes the visual parameters of\n * the main area which depends on the viewport vertical offset and height, as\n * well as the height of the header element, if the header is fixed.\n *\n * @param el - Main area element\n * @param options - Options\n *\n * @returns Main area observable\n */\nexport function watchMain(\n  el: HTMLElement, { viewport$, header$ }: WatchOptions\n): Observable<Main> {\n\n  /* Compute necessary adjustment for header */\n  const adjust$ = header$\n    .pipe(\n      map(({ height }) => height),\n      distinctUntilChanged()\n    )\n\n  /* Compute the main area's top and bottom borders */\n  const border$ = adjust$\n    .pipe(\n      switchMap(() => watchElementSize(el)\n        .pipe(\n          map(({ height }) => ({\n            top:    el.offsetTop,\n            bottom: el.offsetTop + height\n          })),\n          distinctUntilKeyChanged(\"bottom\")\n        )\n      )\n    )\n\n  /* Compute the main area's offset, visible height and if we scrolled past */\n  return combineLatest([adjust$, border$, viewport$])\n    .pipe(\n      map(([header, { top, bottom }, { offset: { y }, size: { height } }]) => {\n        height = Math.max(0, height\n          - Math.max(0, top    - y,  header)\n          - Math.max(0, height + y - bottom)\n        )\n        return {\n          offset: top - header,\n          height,\n          active: top - header <= y\n        }\n      }),\n      distinctUntilChanged((a, b) => (\n        a.offset === b.offset &&\n        a.height === b.height &&\n        a.active === b.active\n      ))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  asyncScheduler,\n  defer,\n  filter,\n  finalize,\n  fromEvent,\n  map,\n  mergeMap,\n  observeOn,\n  of,\n  repeat,\n  shareReplay,\n  skip,\n  startWith,\n  takeUntil,\n  tap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport { getElements, watchMedia } from \"~/browser\"\nimport { h } from \"~/utilities\"\n\nimport {\n  Component,\n  getComponentElement\n} from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Palette colors\n */\nexport interface PaletteColor {\n  media?: string                       /* Media query */\n  scheme?: string                      /* Color scheme */\n  primary?: string                     /* Primary color */\n  accent?: string                      /* Accent color */\n}\n\n/**\n * Palette\n */\nexport interface Palette {\n  index: number                        /* Palette index */\n  color: PaletteColor                  /* Palette colors */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch color palette\n *\n * @param inputs - Color palette element\n *\n * @returns Color palette observable\n */\nexport function watchPalette(\n  inputs: HTMLInputElement[]\n): Observable<Palette> {\n  const current = __md_get<Palette>(\"__palette\") || {\n    index: inputs.findIndex(input => matchMedia(\n      input.getAttribute(\"data-md-color-media\")!\n    ).matches)\n  }\n\n  /* Emit changes in color palette */\n  const index = Math.max(0, Math.min(current.index, inputs.length - 1))\n  return of(...inputs)\n    .pipe(\n      mergeMap(input => fromEvent(input, \"change\").pipe(map(() => input))),\n      startWith(inputs[index]),\n      map(input => ({\n        index: inputs.indexOf(input),\n        color: {\n          media:   input.getAttribute(\"data-md-color-media\"),\n          scheme:  input.getAttribute(\"data-md-color-scheme\"),\n          primary: input.getAttribute(\"data-md-color-primary\"),\n          accent:  input.getAttribute(\"data-md-color-accent\")\n        }\n      } as Palette)),\n      shareReplay(1)\n    )\n}\n\n/**\n * Mount color palette\n *\n * @param el - Color palette element\n *\n * @returns Color palette component observable\n */\nexport function mountPalette(\n  el: HTMLElement\n): Observable<Component<Palette>> {\n  const inputs = getElements<HTMLInputElement>(\"input\", el)\n  const meta = h(\"meta\", { name: \"theme-color\" })\n  document.head.appendChild(meta)\n\n  // Add color scheme meta tag\n  const scheme = h(\"meta\", { name: \"color-scheme\" })\n  document.head.appendChild(scheme)\n\n  /* Mount component on subscription */\n  const media$ = watchMedia(\"(prefers-color-scheme: light)\")\n  return defer(() => {\n    const push$ = new Subject<Palette>()\n    push$.subscribe(palette => {\n      document.body.setAttribute(\"data-md-color-switching\", \"\")\n\n      /* Retrieve color palette for system preference */\n      if (palette.color.media === \"(prefers-color-scheme)\") {\n        const media = matchMedia(\"(prefers-color-scheme: light)\")\n        const input = document.querySelector(media.matches\n          ? \"[data-md-color-media='(prefers-color-scheme: light)']\"\n          : \"[data-md-color-media='(prefers-color-scheme: dark)']\"\n        )!\n\n        /* Retrieve colors for system preference */\n        palette.color.scheme  = input.getAttribute(\"data-md-color-scheme\")!\n        palette.color.primary = input.getAttribute(\"data-md-color-primary\")!\n        palette.color.accent  = input.getAttribute(\"data-md-color-accent\")!\n      }\n\n      /* Set color palette */\n      for (const [key, value] of Object.entries(palette.color))\n        document.body.setAttribute(`data-md-color-${key}`, value)\n\n      /* Set toggle visibility */\n      for (let index = 0; index < inputs.length; index++) {\n        const label = inputs[index].nextElementSibling\n        if (label instanceof HTMLElement)\n          label.hidden = palette.index !== index\n      }\n\n      /* Persist preference in local storage */\n      __md_set(\"__palette\", palette)\n    })\n\n    // Handle color switch on Enter or Space - see https://t.ly/YIhVj\n    fromEvent<KeyboardEvent>(el, \"keydown\").pipe(\n      filter(ev => ev.key === \"Enter\"),\n      withLatestFrom(push$, (_, palette) => palette)\n    )\n      .subscribe(({ index }) => {\n        index = (index + 1) % inputs.length\n        inputs[index].click()\n        inputs[index].focus()\n      })\n\n    /* Update theme-color meta tag */\n    push$\n      .pipe(\n        map(() => {\n          const header = getComponentElement(\"header\")\n          const style  = window.getComputedStyle(header)\n\n          // Set color scheme\n          scheme.content = style.colorScheme\n\n          /* Return color in hexadecimal format */\n          return style.backgroundColor.match(/\\d+/g)!\n            .map(value => (+value).toString(16).padStart(2, \"0\"))\n            .join(\"\")\n        })\n      )\n        .subscribe(color => meta.content = `#${color}`)\n\n    /* Revert transition durations after color switch */\n    push$.pipe(observeOn(asyncScheduler))\n      .subscribe(() => {\n        document.body.removeAttribute(\"data-md-color-switching\")\n      })\n\n    /* Create and return component */\n    return watchPalette(inputs)\n      .pipe(\n        takeUntil(media$.pipe(skip(1))),\n        repeat(),\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  defer,\n  finalize,\n  map,\n  tap\n} from \"rxjs\"\n\nimport { Component } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Progress indicator\n */\nexport interface Progress {\n  value: number                        // Progress value\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  progress$: Subject<number>           // Progress subject\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount progress indicator\n *\n * @param el - Progress indicator element\n * @param options - Options\n *\n * @returns Progress indicator component observable\n */\nexport function mountProgress(\n  el: HTMLElement, { progress$ }: MountOptions\n): Observable<Component<Progress>> {\n\n  // Mount component on subscription\n  return defer(() => {\n    const push$ = new Subject<Progress>()\n    push$.subscribe(({ value }) => {\n      el.style.setProperty(\"--md-progress-value\", `${value}`)\n    })\n\n    // Create and return component\n    return progress$\n      .pipe(\n        tap(value => push$.next({ value })),\n        finalize(() => push$.complete()),\n        map(value => ({ ref: el, value }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport ClipboardJS from \"clipboard\"\nimport {\n  Observable,\n  Subject,\n  map,\n  tap\n} from \"rxjs\"\n\nimport { translation } from \"~/_\"\nimport { getElement } from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Setup options\n */\ninterface SetupOptions {\n  alert$: Subject<string>              /* Alert subject */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Extract text to copy\n *\n * @param el - HTML element\n *\n * @returns Extracted text\n */\nfunction extract(el: HTMLElement): string {\n  el.setAttribute(\"data-md-copying\", \"\")\n  const copy = el.closest(\"[data-copy]\")\n  const text = copy\n    ? copy.getAttribute(\"data-copy\")!\n    : el.innerText\n  el.removeAttribute(\"data-md-copying\")\n  return text.trimEnd()\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Set up Clipboard.js integration\n *\n * @param options - Options\n */\nexport function setupClipboardJS(\n  { alert$ }: SetupOptions\n): void {\n  if (ClipboardJS.isSupported()) {\n    new Observable<ClipboardJS.Event>(subscriber => {\n      new ClipboardJS(\"[data-clipboard-target], [data-clipboard-text]\", {\n        text: el => (\n          el.getAttribute(\"data-clipboard-text\")! ||\n          extract(getElement(\n            el.getAttribute(\"data-clipboard-target\")!\n          ))\n        )\n      })\n        .on(\"success\", ev => subscriber.next(ev))\n    })\n      .pipe(\n        tap(ev => {\n          const trigger = ev.trigger as HTMLElement\n          trigger.focus()\n        }),\n        map(() => translation(\"clipboard.copied\"))\n      )\n        .subscribe(alert$)\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  catchError,\n  map,\n  of\n} from \"rxjs\"\n\nimport {\n  getElement,\n  getElements,\n  requestXML\n} from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Sitemap, i.e. a list of URLs\n */\nexport type Sitemap = Map<string, URL[]>\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Resolve URL to the given base URL\n *\n * When serving the site with instant navigation, MkDocs will set the hostname\n * to the value as specified in `dev_addr`, but the browser allows for several\n * hostnames to be used: `localhost`, `127.0.0.1` or even `0.0.0.0`, depending\n * on configuration. This function resolves the URL to the given hostname.\n *\n * @param url - URL\n * @param base - Base URL\n *\n * @returns Resolved URL\n */\nfunction resolve(url: URL, base: URL) {\n  url.protocol = base.protocol\n  url.hostname = base.hostname\n  return url\n}\n\n/**\n * Extract sitemap from document\n *\n * This function extracts the URLs and alternate links from the document, and\n * associates alternate links to the original URL as found in `loc`, allowing\n * the browser to navigate to the correct page when switching languages. The\n * format of the sitemap is expected to adhere to:\n *\n * ``` xml\n * <urlset>\n *   <url>\n *     <loc>...</loc>\n *     <xhtml:link rel=\"alternate\" hreflang=\"en\" href=\"...\"/>\n *     <xhtml:link rel=\"alternate\" hreflang=\"de\" href=\"...\"/>\n *     ...\n *   </url>\n *   ...\n * </urlset>\n * ```\n *\n * @param document - Document\n * @param base - Base URL\n *\n * @returns Sitemap\n */\nfunction extract(document: Document, base: URL): Sitemap {\n  const sitemap: Sitemap = new Map()\n  for (const el of getElements(\"url\", document)) {\n    const url = getElement(\"loc\", el)\n\n    // Create entry for location and add it to the list of links\n    const links = [resolve(new URL(url.textContent!), base)]\n    sitemap.set(`${links[0]}`, links)\n\n    // Attach alternate links to current entry\n    for (const link of getElements(\"[rel=alternate]\", el)) {\n      const href = link.getAttribute(\"href\")\n      if (href != null)\n        links.push(resolve(new URL(href), base))\n    }\n  }\n\n  // Return sitemap\n  return sitemap\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch the sitemap for the given base URL\n *\n * If a network or parsing error occurs, we just default to an empty sitemap,\n * which means the caller should fall back to regular navigation.\n *\n * @param base - Base URL\n *\n * @returns Sitemap observable\n */\nexport function fetchSitemap(base: URL | string): Observable<Sitemap> {\n  return requestXML(new URL(\"sitemap.xml\", base))\n    .pipe(\n      map(document => extract(document, new URL(base))),\n      catchError(() => of(new Map())),\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  catchError,\n  combineLatestWith,\n  concat,\n  debounceTime,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  endWith,\n  fromEvent,\n  ignoreElements,\n  map,\n  merge,\n  of,\n  share,\n  switchMap,\n  tap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport { configuration, feature } from \"~/_\"\nimport {\n  Viewport,\n  getElements,\n  getLocation,\n  getOptionalElement,\n  requestHTML,\n  setLocation,\n  setLocationHash\n} from \"~/browser\"\nimport { getComponentElement } from \"~/components\"\n\nimport { Sitemap, fetchSitemap } from \"../sitemap\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Setup options\n */\ninterface SetupOptions {\n  location$: Subject<URL>              // Location subject\n  viewport$: Observable<Viewport>      // Viewport observable\n  progress$: Subject<number>           // Progress subject\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Handle clicks on internal URLs while skipping external URLs\n *\n * @param ev - Mouse event\n * @param sitemap - Sitemap\n *\n * @returns URL observable\n */\nfunction handle(\n  ev: MouseEvent, sitemap: Sitemap\n): Observable<URL> {\n  if (!(ev.target instanceof Element))\n    return EMPTY\n\n  // Skip, as target is not within a link - clicks on non-link elements are\n  // also captured, which we need to exclude from processing\n  const el = ev.target.closest(\"a\")\n  if (el === null)\n    return EMPTY\n\n  // Skip, as link opens in new window - we now know we have captured a click\n  // on a link, but the link either has a `target` property defined, or the\n  // user pressed the `meta` or `ctrl` key to open it in a new window. Thus,\n  // we need to filter this event as well.\n  if (el.target || ev.metaKey || ev.ctrlKey)\n    return EMPTY\n\n  // Next, we must check if the URL is relevant for us, i.e., if it's an\n  // internal link to a page that is managed by MkDocs. Only then we can be\n  // sure that the structure of the page to be loaded adheres to the current\n  // document structure and can subsequently be injected into it without doing\n  // a full reload. For this reason, we must canonicalize the URL by removing\n  // all search parameters and hash fragments.\n  const url = new URL(el.href)\n  url.search = url.hash = \"\"\n\n  // Skip, if URL is not included in the sitemap - this could be the case when\n  // linking between versions or languages, or to another page that the author\n  // included as part of the build, but that is not managed by MkDocs. In that\n  // case we must not continue with instant navigation.\n  if (!sitemap.has(`${url}`))\n    return EMPTY\n\n  // We now know that we have a link to an internal page, so we prevent the\n  // browser from navigation and emit the URL for instant navigation. Note that\n  // this also includes anchor links, which means we need to implement anchor\n  // positioning ourselves. The reason for this is that if we wouldn't manage\n  // anchor links as well, scroll restoration will not work correctly (e.g.\n  // following an anchor link and scrolling).\n  ev.preventDefault()\n  return of(new URL(el.href))\n}\n\n/**\n * Create a map of head elements for lookup and replacement\n *\n * @param document - Document\n *\n * @returns Tag map\n */\nfunction head(document: Document): Map<string, HTMLElement> {\n  const tags = new Map<string, HTMLElement>()\n  for (const el of getElements(\":scope > *\", document.head))\n    tags.set(el.outerHTML, el)\n\n  // Return tag map\n  return tags\n}\n\n/**\n * Resolve relative URLs in the given document\n *\n * This function resolves relative `href` and `src` attributes, which can belong\n * to all sorts of tags, like meta tags, links, images, scripts and more.\n *\n * @param document - Document\n *\n * @returns Document observable\n */\nfunction resolve(document: Document): Observable<Document> {\n  for (const el of getElements(\"[href], [src]\", document))\n    for (const key of [\"href\", \"src\"]) {\n      const value = el.getAttribute(key)\n      if (value && !/^(?:[a-z]+:)?\\/\\//i.test(value)) {\n        // @ts-expect-error - trick: self-assign to resolve URL\n        el[key] = el[key]\n        break\n      }\n    }\n\n  // Return document observable\n  return of(document)\n}\n\n/**\n * Inject the contents of a document into the current one\n *\n * @param next - Next document\n *\n * @returns Document observable\n */\nfunction inject(next: Document): Observable<Document> {\n  for (const selector of [\n    \"[data-md-component=announce]\",\n    \"[data-md-component=container]\",\n    \"[data-md-component=header-topic]\",\n    \"[data-md-component=outdated]\",\n    \"[data-md-component=logo]\",\n    \"[data-md-component=skip]\",\n    ...feature(\"navigation.tabs.sticky\")\n      ? [\"[data-md-component=tabs]\"]\n      : []\n  ]) {\n    const source = getOptionalElement(selector)\n    const target = getOptionalElement(selector, next)\n    if (\n      typeof source !== \"undefined\" &&\n      typeof target !== \"undefined\"\n    ) {\n      source.replaceWith(target)\n    }\n  }\n\n  // Update meta tags\n  const tags = head(document)\n  for (const [html, el] of head(next))\n    if (tags.has(html))\n      tags.delete(html)\n    else\n      document.head.appendChild(el)\n\n  // Remove meta tags that are not present in the new document\n  for (const el of tags.values()) {\n    const name = el.getAttribute(\"name\")\n    // @todo - find a better way to handle attributes we add dynamically in\n    // other components without mounting components on every navigation, as\n    // this might impact overall performance - see https://t.ly/ehp_O\n    if (name !== \"theme-color\" && name !== \"color-scheme\")\n      el.remove()\n  }\n\n  // After components and meta tags were replaced, re-evaluate scripts\n  // that were provided by the author as part of Markdown files\n  const container = getComponentElement(\"container\")\n  return concat(getElements(\"script\", container))\n    .pipe(\n      switchMap(el => {\n        const script = next.createElement(\"script\")\n        if (el.src) {\n          for (const name of el.getAttributeNames())\n            script.setAttribute(name, el.getAttribute(name)!)\n          el.replaceWith(script)\n\n          // Complete when script is loaded\n          return new Observable(observer => {\n            script.onload = () => observer.complete()\n          })\n\n        // Complete immediately\n        } else {\n          script.textContent = el.textContent\n          el.replaceWith(script)\n          return EMPTY\n        }\n      }),\n      ignoreElements(),\n      endWith(document)\n    )\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Set up instant navigation\n *\n * This is a heavily orchestrated operation - see inline comments to learn how\n * this works with Material for MkDocs, and how you can hook into it.\n *\n * @param options - Options\n *\n * @returns Document observable\n */\nexport function setupInstantNavigation(\n  { location$, viewport$, progress$ }: SetupOptions\n): Observable<Document> {\n  const config = configuration()\n  if (location.protocol === \"file:\")\n    return EMPTY\n\n  // Load sitemap immediately, so we have it available when the user initiates\n  // the first navigation request without any perceivable delay\n  const sitemap$ = fetchSitemap(config.base)\n\n  // Since we might be on a slow connection, the user might trigger multiple\n  // instant navigation events that overlap. MkDocs produces relative URLs for\n  // all internal links, which becomes a problem in this case, because we need\n  // to change the base URL the moment the user clicks a link that should be\n  // intercepted in order to be consistent with popstate, which means that the\n  // base URL would now be incorrect when resolving another relative link from\n  // the same site. For this reason we always resolve all relative links to\n  // absolute links, so we can be sure this never happens.\n  of(document)\n    .subscribe(resolve)\n\n  // --------------------------------------------------------------------------\n  // Navigation interception\n  // --------------------------------------------------------------------------\n\n  // Intercept navigation - to keep the number of event listeners down we use\n  // the fact that uncaptured events bubble up to the body. This has the nice\n  // property that we don't need to detach and then re-attach event listeners\n  // when the document is replaced after a navigation event.\n  const instant$ =\n    fromEvent<MouseEvent>(document.body, \"click\")\n      .pipe(\n        combineLatestWith(sitemap$),\n        switchMap(([ev, sitemap]) => handle(ev, sitemap)),\n        share()\n      )\n\n  // Intercept history change events, e.g. when the user uses the browser's\n  // back or forward buttons, and emit new location for fetching and parsing\n  const history$ =\n    fromEvent<PopStateEvent>(window, \"popstate\")\n      .pipe(\n        map(getLocation),\n        share()\n      )\n\n  // While it would be better UX to defer navigation events until the document\n  // is fully fetched and parsed, we must schedule it here to synchronize with\n  // popstate events, as they are emitted immediately. Moreover we need to\n  // store the current viewport offset for scroll restoration later on.\n  instant$.pipe(withLatestFrom(viewport$))\n    .subscribe(([url, { offset }]) => {\n      history.replaceState(offset, \"\")\n      history.pushState(null, \"\", url)\n    })\n\n  // Emit URLs that should be fetched via instant navigation on location subject\n  // which was passed into this function. The state of instant navigation can be\n  // intercepted by other parts of the application, which can synchronously back\n  // up or restore state before or after instant navigation happens.\n  merge(instant$, history$)\n    .subscribe(location$)\n\n  // --------------------------------------------------------------------------\n  // Fetching and parsing\n  // --------------------------------------------------------------------------\n\n  // Fetch document - we deduplicate requests to the same location, so we don't\n  // end up with multiple requests for the same page. We use `switchMap`, since\n  // we want to cancel the previous request when a new one is triggered, which\n  // is automatically handled by the observable returned by `request`. This is\n  // essential to ensure a good user experience, as we don't want to load pages\n  // that are not needed anymore, e.g., when the user clicks multiple links in\n  // quick succession or on slow connections. If the request fails for some\n  // reason, we fall back and use regular navigation, forcing a reload.\n  const document$ =\n    location$.pipe(\n      distinctUntilKeyChanged(\"pathname\"),\n      switchMap(url => requestHTML(url, { progress$ })\n        .pipe(\n          catchError(() => {\n            setLocation(url, true)\n            return EMPTY\n          })\n        )\n      ),\n\n      // The document was successfully fetched and parsed, so we can inject its\n      // contents into the currently active document\n      switchMap(resolve),\n      switchMap(inject),\n      share()\n    )\n\n  // --------------------------------------------------------------------------\n  // Scroll restoration\n  // --------------------------------------------------------------------------\n\n  // Handle scroll restoration - we must restore the viewport offset after the\n  // document has been fetched and injected, and every time the user clicks an\n  // anchor that leads to an element on the same page, which might also happen\n  // when the user uses the back or forward button.\n  merge(\n    document$.pipe(withLatestFrom(location$, (_, url) => url)),\n\n    // Handle instant navigation events that are triggered by the user clicking\n    // on an anchor link with a hash fragment different from the current one, as\n    // well as from popstate events, which are emitted when the user navigates\n    // back and forth between pages. We use a two-layered subscription to scope\n    // the scroll restoration to the current page, as we don't need to restore\n    // the viewport offset when the user navigates to a different page, as this\n    // is already handled by the previous observable.\n    document$.pipe(\n      switchMap(() => location$),\n      distinctUntilKeyChanged(\"pathname\"),\n      switchMap(() => location$),\n      distinctUntilKeyChanged(\"hash\")\n    ),\n\n    // Handle instant navigation events that are triggered by the user clicking\n    // on an anchor link with the same hash fragment as the current one in the\n    // URL. It is essential that we only intercept those from instant navigation\n    // events and not from history change events, or we'll end up in and endless\n    // loop. The top-level history entry must be removed, as it will be replaced\n    // with a new one, which would otherwise lead to a duplicate entry.\n    location$.pipe(\n      distinctUntilChanged((a, b) => (\n        a.pathname === b.pathname &&\n        a.hash     === b.hash\n      )),\n      switchMap(() => instant$),\n      tap(() => history.back())\n    )\n  )\n    .subscribe(url => {\n\n      // Check if the current history entry has a state, which happens when the\n      // user presses the back or forward button to visit a page we've already\n      // seen. If there's no state, it means a new page was visited and we must\n      // scroll to the top, unless an anchor is given.\n      if (history.state !== null || !url.hash) {\n        window.scrollTo(0, history.state?.y ?? 0)\n      } else {\n        history.scrollRestoration = \"auto\"\n        setLocationHash(url.hash)\n        history.scrollRestoration = \"manual\"\n      }\n    })\n\n  // Disable scroll restoration when an instant navigation event occurs, so the\n  // browser does not immediately set the viewport offset to the prior history\n  // entry, scrolling to the position on the same page, which would look odd.\n  // Instead, we manually restore the position once the page has loaded.\n  location$.subscribe(() => {\n    history.scrollRestoration = \"manual\"\n  })\n\n  // Enable scroll restoration before window unloads - this is essential to\n  // ensure that full reloads (F5) restore the viewport offset correctly. If\n  // only popstate events wouldn't reset the viewport offset prior to their\n  // emission, we could just reset this in popstate. Meh.\n  fromEvent(window, \"beforeunload\")\n    .subscribe(() => {\n      history.scrollRestoration = \"auto\"\n    })\n\n  // Track viewport offset, so we can restore it when the user navigates back\n  // and forth between pages. Note that this must be debounced and cannot be\n  // done in popstate, as popstate has already removed the entry from the\n  // history, which means it is too late.\n  viewport$.pipe(\n    distinctUntilKeyChanged(\"offset\"),\n    debounceTime(100)\n  )\n    .subscribe(({ offset }) => {\n      history.replaceState(offset, \"\")\n    })\n\n  // Return document observable\n  return document$\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport escapeHTML from \"escape-html\"\n\nimport { SearchConfig } from \"../config\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search highlight function\n *\n * @param value - Value\n *\n * @returns Highlighted value\n */\nexport type SearchHighlightFn = (value: string) => string\n\n/**\n * Search highlight factory function\n *\n * @param query - Query value\n *\n * @returns Search highlight function\n */\nexport type SearchHighlightFactoryFn = (query: string) => SearchHighlightFn\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Create a search highlighter\n *\n * @param config - Search configuration\n *\n * @returns Search highlight factory function\n */\nexport function setupSearchHighlighter(\n  config: SearchConfig\n): SearchHighlightFactoryFn {\n  // Hack: temporarily remove pure lookaheads and lookbehinds\n  const regex = config.separator.split(\"|\").map(term => {\n    const temp = term.replace(/(\\(\\?[!=<][^)]+\\))/g, \"\")\n    return temp.length === 0 ? \"\uFFFD\" : term\n  })\n    .join(\"|\")\n\n  const separator = new RegExp(regex, \"img\")\n  const highlight = (_: unknown, data: string, term: string) => {\n    return `${data}<mark data-md-highlight>${term}</mark>`\n  }\n\n  /* Return factory function */\n  return (query: string) => {\n    query = query\n      .replace(/[\\s*+\\-:~^]+/g, \" \")\n      .trim()\n\n    /* Create search term match expression */\n    const match = new RegExp(`(^|${config.separator}|)(${\n      query\n        .replace(/[|\\\\{}()[\\]^$+*?.-]/g, \"\\\\$&\")\n        .replace(separator, \"|\")\n    })`, \"img\")\n\n    /* Highlight string value */\n    return value => escapeHTML(value)\n      .replace(match, highlight)\n      .replace(/<\\/mark>(\\s+)<mark[^>]*>/img, \"$1\")\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A RTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { SearchResult } from \"../../_\"\nimport { SearchIndex } from \"../../config\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search message type\n */\nexport const enum SearchMessageType {\n  SETUP,                               /* Search index setup */\n  READY,                               /* Search index ready */\n  QUERY,                               /* Search query */\n  RESULT                               /* Search results */\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Message containing the data necessary to setup the search index\n */\nexport interface SearchSetupMessage {\n  type: SearchMessageType.SETUP        /* Message type */\n  data: SearchIndex                    /* Message data */\n}\n\n/**\n * Message indicating the search index is ready\n */\nexport interface SearchReadyMessage {\n  type: SearchMessageType.READY        /* Message type */\n}\n\n/**\n * Message containing a search query\n */\nexport interface SearchQueryMessage {\n  type: SearchMessageType.QUERY        /* Message type */\n  data: string                         /* Message data */\n}\n\n/**\n * Message containing results for a search query\n */\nexport interface SearchResultMessage {\n  type: SearchMessageType.RESULT       /* Message type */\n  data: SearchResult                   /* Message data */\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Message exchanged with the search worker\n */\nexport type SearchMessage =\n  | SearchSetupMessage\n  | SearchReadyMessage\n  | SearchQueryMessage\n  | SearchResultMessage\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Type guard for search ready messages\n *\n * @param message - Search worker message\n *\n * @returns Test result\n */\nexport function isSearchReadyMessage(\n  message: SearchMessage\n): message is SearchReadyMessage {\n  return message.type === SearchMessageType.READY\n}\n\n/**\n * Type guard for search result messages\n *\n * @param message - Search worker message\n *\n * @returns Test result\n */\nexport function isSearchResultMessage(\n  message: SearchMessage\n): message is SearchResultMessage {\n  return message.type === SearchMessageType.RESULT\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A RTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  ObservableInput,\n  Subject,\n  first,\n  merge,\n  of,\n  switchMap\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport { watchToggle, watchWorker } from \"~/browser\"\n\nimport { SearchIndex } from \"../../config\"\nimport {\n  SearchMessage,\n  SearchMessageType\n} from \"../message\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Set up search worker\n *\n * This function creates and initializes a web worker that is used for search,\n * so that the user interface doesn't freeze. In general, the application does\n * not care how search is implemented, as long as the web worker conforms to\n * the format expected by the application as defined in `SearchMessage`. This\n * allows the author to implement custom search functionality, by providing a\n * custom web worker via configuration.\n *\n * Material for MkDocs' built-in search implementation makes use of Lunr.js, an\n * efficient and fast implementation for client-side search. Leveraging a tiny\n * iframe-based web worker shim, search is even supported for the `file://`\n * protocol, enabling search for local non-hosted builds.\n *\n * If the protocol is `file://`, search initialization is deferred to mitigate\n * freezing, as it's now synchronous by design - see https://bit.ly/3C521EO\n *\n * @see https://bit.ly/3igvtQv - How to implement custom search\n *\n * @param url - Worker URL\n * @param index$ - Search index observable input\n *\n * @returns Search worker\n */\nexport function setupSearchWorker(\n  url: string, index$: ObservableInput<SearchIndex>\n): Subject<SearchMessage> {\n  const worker$ = watchWorker<SearchMessage>(url)\n  merge(\n    of(location.protocol !== \"file:\"),\n    watchToggle(\"search\")\n  )\n    .pipe(\n      first(active => active),\n      switchMap(() => index$)\n    )\n      .subscribe(({ config, docs }) => worker$.next({\n        type: SearchMessageType.SETUP,\n        data: {\n          config,\n          docs,\n          options: {\n            suggest: feature(\"search.suggest\")\n          }\n        }\n      }))\n\n  /* Return search worker */\n  return worker$\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Subject,\n  catchError,\n  combineLatest,\n  filter,\n  fromEvent,\n  map,\n  of,\n  switchMap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport { configuration } from \"~/_\"\nimport {\n  getElement,\n  getLocation,\n  requestJSON,\n  setLocation\n} from \"~/browser\"\nimport { getComponentElements } from \"~/components\"\nimport {\n  Version,\n  renderVersionSelector\n} from \"~/templates\"\n\nimport { fetchSitemap } from \"../sitemap\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Setup options\n */\ninterface SetupOptions {\n  document$: Subject<Document>         /* Document subject */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Set up version selector\n *\n * @param options - Options\n */\nexport function setupVersionSelector(\n  { document$ }: SetupOptions\n): void {\n  const config = configuration()\n  const versions$ = requestJSON<Version[]>(\n    new URL(\"../versions.json\", config.base)\n  )\n    .pipe(\n      catchError(() => EMPTY) // @todo refactor instant loading\n    )\n\n  /* Determine current version */\n  const current$ = versions$\n    .pipe(\n      map(versions => {\n        const [, current] = config.base.match(/([^/]+)\\/?$/)!\n        return versions.find(({ version, aliases }) => (\n          version === current || aliases.includes(current)\n        )) || versions[0]\n      })\n    )\n\n  /* Intercept inter-version navigation */\n  versions$\n    .pipe(\n      map(versions => new Map(versions.map(version => [\n        `${new URL(`../${version.version}/`, config.base)}`,\n        version\n      ]))),\n      switchMap(urls => fromEvent<MouseEvent>(document.body, \"click\")\n        .pipe(\n          filter(ev => !ev.metaKey && !ev.ctrlKey),\n          withLatestFrom(current$),\n          switchMap(([ev, current]) => {\n            if (ev.target instanceof Element) {\n              const el = ev.target.closest(\"a\")\n              if (el && !el.target && urls.has(el.href)) {\n                const url = el.href\n                // This is a temporary hack to detect if a version inside the\n                // version selector or on another part of the site was clicked.\n                // If we're inside the version selector, we definitely want to\n                // find the same page, as we might have different deployments\n                // due to aliases. However, if we're outside the version\n                // selector, we must abort here, because we might otherwise\n                // interfere with instant navigation. We need to refactor this\n                // at some point together with instant navigation.\n                //\n                // See https://github.com/squidfunk/mkdocs-material/issues/4012\n                if (!ev.target.closest(\".md-version\")) {\n                  const version = urls.get(url)!\n                  if (version === current)\n                    return EMPTY\n                }\n                ev.preventDefault()\n                return of(url)\n              }\n            }\n            return EMPTY\n          }),\n          switchMap(url => {\n            return fetchSitemap(new URL(url))\n              .pipe(\n                map(sitemap => {\n                  const location = getLocation()\n                  const path = location.href.replace(config.base, url)\n                  return sitemap.has(path.split(\"#\")[0])\n                    ? new URL(path)\n                    : new URL(url)\n                })\n              )\n          })\n        )\n      )\n    )\n      .subscribe(url => setLocation(url, true))\n\n  /* Render version selector and warning */\n  combineLatest([versions$, current$])\n    .subscribe(([versions, current]) => {\n      const topic = getElement(\".md-header__topic\")\n      topic.appendChild(renderVersionSelector(versions, current))\n    })\n\n  /* Integrate outdated version banner with instant navigation */\n  document$.pipe(switchMap(() => current$))\n    .subscribe(current => {\n\n      /* Check if version state was already determined */\n      let outdated = __md_get(\"__outdated\", sessionStorage)\n      if (outdated === null) {\n        outdated = true\n\n        /* Obtain and normalize default versions */\n        let ignored = config.version?.default || \"latest\"\n        if (!Array.isArray(ignored))\n          ignored = [ignored]\n\n        /* Check if version is considered a default */\n        main: for (const ignore of ignored)\n          for (const version of current.aliases.concat(current.version))\n            if (new RegExp(ignore, \"i\").test(version)) {\n              outdated = false\n              break main\n            }\n\n        /* Persist version state in session storage */\n        __md_set(\"__outdated\", outdated, sessionStorage)\n      }\n\n      /* Unhide outdated version banner */\n      if (outdated)\n        for (const warning of getComponentElements(\"outdated\"))\n          warning.hidden = false\n    })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  combineLatest,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  endWith,\n  finalize,\n  first,\n  fromEvent,\n  ignoreElements,\n  map,\n  merge,\n  shareReplay,\n  takeUntil,\n  tap\n} from \"rxjs\"\n\nimport {\n  getElement,\n  getLocation,\n  setToggle,\n  watchElementFocus,\n  watchToggle\n} from \"~/browser\"\nimport {\n  SearchMessage,\n  SearchMessageType,\n  isSearchReadyMessage\n} from \"~/integrations\"\n\nimport { Component } from \"../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search query\n */\nexport interface SearchQuery {\n  value: string                        /* Query value */\n  focus: boolean                       /* Query focus */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  worker$: Subject<SearchMessage>      /* Search worker */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  worker$: Subject<SearchMessage>      /* Search worker */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch search query\n *\n * Note that the focus event which triggers re-reading the current query value\n * is delayed by `1ms` so the input's empty state is allowed to propagate.\n *\n * @param el - Search query element\n * @param options - Options\n *\n * @returns Search query observable\n */\nexport function watchSearchQuery(\n  el: HTMLInputElement, { worker$ }: WatchOptions\n): Observable<SearchQuery> {\n\n  /* Support search deep linking */\n  const { searchParams } = getLocation()\n  if (searchParams.has(\"q\")) {\n    setToggle(\"search\", true)\n\n    /* Set query from parameter */\n    el.value = searchParams.get(\"q\")!\n    el.focus()\n\n    /* Remove query parameter on close */\n    watchToggle(\"search\")\n      .pipe(\n        first(active => !active)\n      )\n        .subscribe(() => {\n          const url = getLocation()\n          url.searchParams.delete(\"q\")\n          history.replaceState({}, \"\", `${url}`)\n        })\n  }\n\n  /* Intercept focus and input events */\n  const focus$ = watchElementFocus(el)\n  const value$ = merge(\n    worker$.pipe(first(isSearchReadyMessage)),\n    fromEvent(el, \"keyup\"),\n    focus$\n  )\n    .pipe(\n      map(() => el.value),\n      distinctUntilChanged()\n    )\n\n  /* Combine into single observable */\n  return combineLatest([value$, focus$])\n    .pipe(\n      map(([value, focus]) => ({ value, focus })),\n      shareReplay(1)\n    )\n}\n\n/**\n * Mount search query\n *\n * @param el - Search query element\n * @param options - Options\n *\n * @returns Search query component observable\n */\nexport function mountSearchQuery(\n  el: HTMLInputElement, { worker$ }: MountOptions\n): Observable<Component<SearchQuery, HTMLInputElement>> {\n  const push$ = new Subject<SearchQuery>()\n  const done$ = push$.pipe(ignoreElements(), endWith(true))\n\n  /* Handle value change */\n  combineLatest([\n    worker$.pipe(first(isSearchReadyMessage)),\n    push$\n  ], (_, query) => query)\n    .pipe(\n      distinctUntilKeyChanged(\"value\")\n    )\n      .subscribe(({ value }) => worker$.next({\n        type: SearchMessageType.QUERY,\n        data: value\n      }))\n\n  /* Handle focus change */\n  push$\n    .pipe(\n      distinctUntilKeyChanged(\"focus\")\n    )\n      .subscribe(({ focus }) => {\n        if (focus)\n          setToggle(\"search\", focus)\n      })\n\n  /* Handle reset */\n  fromEvent(el.form!, \"reset\")\n    .pipe(\n      takeUntil(done$)\n    )\n      .subscribe(() => el.focus())\n\n  // Focus search query on label click - note that this is necessary to bring\n  // up the keyboard on iOS and other mobile platforms, as the search dialog is\n  // not visible at first, and programatically focusing an input element must\n  // be triggered by a user interaction - see https://t.ly/Cb30n\n  const label = getElement(\"header [for=__search]\")\n  fromEvent(label, \"click\")\n    .subscribe(() => el.focus())\n\n  /* Create and return component */\n  return watchSearchQuery(el, { worker$ })\n    .pipe(\n      tap(state => push$.next(state)),\n      finalize(() => push$.complete()),\n      map(state => ({ ref: el, ...state })),\n      shareReplay(1)\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  bufferCount,\n  filter,\n  finalize,\n  first,\n  fromEvent,\n  map,\n  merge,\n  mergeMap,\n  of,\n  share,\n  skipUntil,\n  switchMap,\n  takeUntil,\n  tap,\n  withLatestFrom,\n  zipWith\n} from \"rxjs\"\n\nimport { translation } from \"~/_\"\nimport {\n  getElement,\n  getOptionalElement,\n  watchElementBoundary,\n  watchToggle\n} from \"~/browser\"\nimport {\n  SearchMessage,\n  SearchResult,\n  isSearchReadyMessage,\n  isSearchResultMessage\n} from \"~/integrations\"\nimport { renderSearchResultItem } from \"~/templates\"\nimport { round } from \"~/utilities\"\n\nimport { Component } from \"../../_\"\nimport { SearchQuery } from \"../query\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  query$: Observable<SearchQuery>      /* Search query observable */\n  worker$: Subject<SearchMessage>      /* Search worker */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount search result list\n *\n * This function performs a lazy rendering of the search results, depending on\n * the vertical offset of the search result container.\n *\n * @param el - Search result list element\n * @param options - Options\n *\n * @returns Search result list component observable\n */\nexport function mountSearchResult(\n  el: HTMLElement, { worker$, query$ }: MountOptions\n): Observable<Component<SearchResult>> {\n  const push$ = new Subject<SearchResult>()\n  const boundary$ = watchElementBoundary(el.parentElement!)\n    .pipe(\n      filter(Boolean)\n    )\n\n  /* Retrieve container */\n  const container = el.parentElement!\n\n  /* Retrieve nested components */\n  const meta = getElement(\":scope > :first-child\", el)\n  const list = getElement(\":scope > :last-child\", el)\n\n  /* Reveal to accessibility tree \u2013 see https://bit.ly/3iAA7t8 */\n  watchToggle(\"search\")\n    .subscribe(active => list.setAttribute(\n      \"role\", active ? \"list\" : \"presentation\"\n    ))\n\n  /* Update search result metadata */\n  push$\n    .pipe(\n      withLatestFrom(query$),\n      skipUntil(worker$.pipe(first(isSearchReadyMessage)))\n    )\n      .subscribe(([{ items }, { value }]) => {\n        switch (items.length) {\n\n          /* No results */\n          case 0:\n            meta.textContent = value.length\n              ? translation(\"search.result.none\")\n              : translation(\"search.result.placeholder\")\n            break\n\n          /* One result */\n          case 1:\n            meta.textContent = translation(\"search.result.one\")\n            break\n\n          /* Multiple result */\n          default:\n            const count = round(items.length)\n            meta.textContent = translation(\"search.result.other\", count)\n        }\n      })\n\n  /* Render search result item */\n  const render$ = push$\n    .pipe(\n      tap(() => list.innerHTML = \"\"),\n      switchMap(({ items }) => merge(\n        of(...items.slice(0, 10)),\n        of(...items.slice(10))\n          .pipe(\n            bufferCount(4),\n            zipWith(boundary$),\n            switchMap(([chunk]) => chunk)\n          )\n      )),\n      map(renderSearchResultItem),\n      share()\n    )\n\n  /* Update search result list */\n  render$.subscribe(item => list.appendChild(item))\n  render$\n    .pipe(\n      mergeMap(item => {\n        const details = getOptionalElement(\"details\", item)\n        if (typeof details === \"undefined\")\n          return EMPTY\n\n        /* Keep position of details element stable */\n        return fromEvent(details, \"toggle\")\n          .pipe(\n            takeUntil(push$),\n            map(() => details)\n          )\n      })\n    )\n      .subscribe(details => {\n        if (\n          details.open === false &&\n          details.offsetTop <= container.scrollTop\n        )\n          container.scrollTo({ top: details.offsetTop })\n      })\n\n  /* Filter search result message */\n  const result$ = worker$\n    .pipe(\n      filter(isSearchResultMessage),\n      map(({ data }) => data)\n    )\n\n  /* Create and return component */\n  return result$\n    .pipe(\n      tap(state => push$.next(state)),\n      finalize(() => push$.complete()),\n      map(state => ({ ref: el, ...state }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  endWith,\n  finalize,\n  fromEvent,\n  ignoreElements,\n  map,\n  takeUntil,\n  tap\n} from \"rxjs\"\n\nimport { getLocation } from \"~/browser\"\n\nimport { Component } from \"../../_\"\nimport { SearchQuery } from \"../query\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search sharing\n */\nexport interface SearchShare {\n  url: URL                             /* Deep link for sharing */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  query$: Observable<SearchQuery>      /* Search query observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  query$: Observable<SearchQuery>      /* Search query observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount search sharing\n *\n * @param _el - Search sharing element\n * @param options - Options\n *\n * @returns Search sharing observable\n */\nexport function watchSearchShare(\n  _el: HTMLElement, { query$ }: WatchOptions\n): Observable<SearchShare> {\n  return query$\n    .pipe(\n      map(({ value }) => {\n        const url = getLocation()\n        url.hash = \"\"\n\n        /* Compute readable query strings */\n        value = value\n          .replace(/\\s+/g, \"+\")        /* Collapse whitespace */\n          .replace(/&/g, \"%26\")        /* Escape '&' character */\n          .replace(/=/g, \"%3D\")        /* Escape '=' character */\n\n        /* Replace query string */\n        url.search = `q=${value}`\n        return { url }\n      })\n    )\n}\n\n/**\n * Mount search sharing\n *\n * @param el - Search sharing element\n * @param options - Options\n *\n * @returns Search sharing component observable\n */\nexport function mountSearchShare(\n  el: HTMLAnchorElement, options: MountOptions\n): Observable<Component<SearchShare>> {\n  const push$ = new Subject<SearchShare>()\n  const done$ = push$.pipe(ignoreElements(), endWith(true))\n  push$.subscribe(({ url }) => {\n    el.setAttribute(\"data-clipboard-text\", el.href)\n    el.href = `${url}`\n  })\n\n  /* Prevent following of link */\n  fromEvent(el, \"click\")\n    .pipe(\n      takeUntil(done$)\n    )\n      .subscribe(ev => ev.preventDefault())\n\n  /* Create and return component */\n  return watchSearchShare(el, options)\n    .pipe(\n      tap(state => push$.next(state)),\n      finalize(() => push$.complete()),\n      map(state => ({ ref: el, ...state }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  asyncScheduler,\n  combineLatestWith,\n  distinctUntilChanged,\n  filter,\n  finalize,\n  fromEvent,\n  map,\n  merge,\n  observeOn,\n  tap\n} from \"rxjs\"\n\nimport { Keyboard } from \"~/browser\"\nimport {\n  SearchMessage,\n  SearchResult,\n  isSearchResultMessage\n} from \"~/integrations\"\n\nimport { Component, getComponentElement } from \"../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search suggestions\n */\nexport interface SearchSuggest {}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  keyboard$: Observable<Keyboard>      /* Keyboard observable */\n  worker$: Subject<SearchMessage>      /* Search worker */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount search suggestions\n *\n * This function will perform a lazy rendering of the search results, depending\n * on the vertical offset of the search result container.\n *\n * @param el - Search result list element\n * @param options - Options\n *\n * @returns Search result list component observable\n */\nexport function mountSearchSuggest(\n  el: HTMLElement, { worker$, keyboard$ }: MountOptions\n): Observable<Component<SearchSuggest>> {\n  const push$ = new Subject<SearchResult>()\n\n  /* Retrieve query component and track all changes */\n  const query  = getComponentElement(\"search-query\")\n  const query$ = merge(\n    fromEvent(query, \"keydown\"),\n    fromEvent(query, \"focus\")\n  )\n    .pipe(\n      observeOn(asyncScheduler),\n      map(() => query.value),\n      distinctUntilChanged(),\n    )\n\n  /* Update search suggestions */\n  push$\n    .pipe(\n      combineLatestWith(query$),\n      map(([{ suggest }, value]) => {\n        const words = value.split(/([\\s-]+)/)\n        if (suggest?.length && words[words.length - 1]) {\n          const last = suggest[suggest.length - 1]\n          if (last.startsWith(words[words.length - 1]))\n            words[words.length - 1] = last\n        } else {\n          words.length = 0\n        }\n        return words\n      })\n    )\n      .subscribe(words => el.innerHTML = words\n        .join(\"\")\n        .replace(/\\s/g, \"&nbsp;\")\n      )\n\n  /* Set up search keyboard handlers */\n  keyboard$\n    .pipe(\n      filter(({ mode }) => mode === \"search\")\n    )\n      .subscribe(key => {\n        switch (key.type) {\n\n          /* Right arrow: accept current suggestion */\n          case \"ArrowRight\":\n            if (\n              el.innerText.length &&\n              query.selectionStart === query.value.length\n            )\n              query.value = el.innerText\n            break\n        }\n      })\n\n  /* Filter search result message */\n  const result$ = worker$\n    .pipe(\n      filter(isSearchResultMessage),\n      map(({ data }) => data)\n    )\n\n  /* Create and return component */\n  return result$\n    .pipe(\n      tap(state => push$.next(state)),\n      finalize(() => push$.complete()),\n      map(() => ({ ref: el }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  NEVER,\n  Observable,\n  ObservableInput,\n  filter,\n  fromEvent,\n  merge,\n  mergeWith\n} from \"rxjs\"\n\nimport { configuration } from \"~/_\"\nimport {\n  Keyboard,\n  getActiveElement,\n  getElements,\n  setToggle\n} from \"~/browser\"\nimport {\n  SearchIndex,\n  SearchResult,\n  setupSearchWorker\n} from \"~/integrations\"\n\nimport {\n  Component,\n  getComponentElement,\n  getComponentElements\n} from \"../../_\"\nimport {\n  SearchQuery,\n  mountSearchQuery\n} from \"../query\"\nimport { mountSearchResult } from \"../result\"\nimport {\n  SearchShare,\n  mountSearchShare\n} from \"../share\"\nimport {\n  SearchSuggest,\n  mountSearchSuggest\n} from \"../suggest\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search\n */\nexport type Search =\n  | SearchQuery\n  | SearchResult\n  | SearchShare\n  | SearchSuggest\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  index$: ObservableInput<SearchIndex> /* Search index observable */\n  keyboard$: Observable<Keyboard>      /* Keyboard observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount search\n *\n * This function sets up the search functionality, including the underlying\n * web worker and all keyboard bindings.\n *\n * @param el - Search element\n * @param options - Options\n *\n * @returns Search component observable\n */\nexport function mountSearch(\n  el: HTMLElement, { index$, keyboard$ }: MountOptions\n): Observable<Component<Search>> {\n  const config = configuration()\n  try {\n    const worker$ = setupSearchWorker(config.search, index$)\n\n    /* Retrieve query and result components */\n    const query  = getComponentElement(\"search-query\", el)\n    const result = getComponentElement(\"search-result\", el)\n\n    /* Always close search on result selection */\n    fromEvent<PointerEvent>(el, \"click\")\n      .pipe(\n        filter(({ target }) => (\n          target instanceof Element && !!target.closest(\"a\")\n        ))\n      )\n        .subscribe(() => setToggle(\"search\", false))\n\n    /* Set up search keyboard handlers */\n    keyboard$\n      .pipe(\n        filter(({ mode }) => mode === \"search\")\n      )\n        .subscribe(key => {\n          const active = getActiveElement()\n          switch (key.type) {\n\n            /* Enter: go to first (best) result */\n            case \"Enter\":\n              if (active === query) {\n                const anchors = new Map<HTMLAnchorElement, number>()\n                for (const anchor of getElements<HTMLAnchorElement>(\n                  \":first-child [href]\", result\n                )) {\n                  const article = anchor.firstElementChild!\n                  anchors.set(anchor, parseFloat(\n                    article.getAttribute(\"data-md-score\")!\n                  ))\n                }\n\n                /* Go to result with highest score, if any */\n                if (anchors.size) {\n                  const [[best]] = [...anchors].sort(([, a], [, b]) => b - a)\n                  best.click()\n                }\n\n                /* Otherwise omit form submission */\n                key.claim()\n              }\n              break\n\n            /* Escape or Tab: close search */\n            case \"Escape\":\n            case \"Tab\":\n              setToggle(\"search\", false)\n              query.blur()\n              break\n\n            /* Vertical arrows: select previous or next search result */\n            case \"ArrowUp\":\n            case \"ArrowDown\":\n              if (typeof active === \"undefined\") {\n                query.focus()\n              } else {\n                const els = [query, ...getElements(\n                  \":not(details) > [href], summary, details[open] [href]\",\n                  result\n                )]\n                const i = Math.max(0, (\n                  Math.max(0, els.indexOf(active)) + els.length + (\n                    key.type === \"ArrowUp\" ? -1 : +1\n                  )\n                ) % els.length)\n                els[i].focus()\n              }\n\n              /* Prevent scrolling of page */\n              key.claim()\n              break\n\n            /* All other keys: hand to search query */\n            default:\n              if (query !== getActiveElement())\n                query.focus()\n          }\n        })\n\n    /* Set up global keyboard handlers */\n    keyboard$\n      .pipe(\n        filter(({ mode }) => mode === \"global\")\n      )\n        .subscribe(key => {\n          switch (key.type) {\n\n            /* Open search and select query */\n            case \"f\":\n            case \"s\":\n            case \"/\":\n              query.focus()\n              query.select()\n\n              /* Prevent scrolling of page */\n              key.claim()\n              break\n          }\n        })\n\n    /* Create and return component */\n    const query$ = mountSearchQuery(query, { worker$ })\n    return merge(\n      query$,\n      mountSearchResult(result, { worker$, query$ })\n    )\n      .pipe(\n        mergeWith(\n\n          /* Search sharing */\n          ...getComponentElements(\"search-share\", el)\n            .map(child => mountSearchShare(child, { query$ })),\n\n          /* Search suggestions */\n          ...getComponentElements(\"search-suggest\", el)\n            .map(child => mountSearchSuggest(child, { worker$, keyboard$ }))\n        )\n      )\n\n  /* Gracefully handle broken search */\n  } catch (err) {\n    el.hidden = true\n    return NEVER\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  ObservableInput,\n  combineLatest,\n  filter,\n  map,\n  startWith\n} from \"rxjs\"\n\nimport { getLocation } from \"~/browser\"\nimport {\n  SearchIndex,\n  setupSearchHighlighter\n} from \"~/integrations\"\nimport { h } from \"~/utilities\"\n\nimport { Component } from \"../../_\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search highlighting\n */\nexport interface SearchHighlight {\n  nodes: Map<ChildNode, string>        /* Map of replacements */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  index$: ObservableInput<SearchIndex> /* Search index observable */\n  location$: Observable<URL>           /* Location observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Mount search highlighting\n *\n * @param el - Content element\n * @param options - Options\n *\n * @returns Search highlighting component observable\n */\nexport function mountSearchHiglight(\n  el: HTMLElement, { index$, location$ }: MountOptions\n): Observable<Component<SearchHighlight>> {\n  return combineLatest([\n    index$,\n    location$\n      .pipe(\n        startWith(getLocation()),\n        filter(url => !!url.searchParams.get(\"h\"))\n      )\n  ])\n    .pipe(\n      map(([index, url]) => setupSearchHighlighter(index.config)(\n        url.searchParams.get(\"h\")!\n      )),\n      map(fn => {\n        const nodes = new Map<ChildNode, string>()\n\n        /* Traverse text nodes and collect matches */\n        const it = document.createNodeIterator(el, NodeFilter.SHOW_TEXT)\n        for (let node = it.nextNode(); node; node = it.nextNode()) {\n          if (node.parentElement?.offsetHeight) {\n            const original = node.textContent!\n            const replaced = fn(original)\n            if (replaced.length > original.length)\n              nodes.set(node as ChildNode, replaced)\n          }\n        }\n\n        /* Replace original nodes with matches */\n        for (const [node, text] of nodes) {\n          const { childNodes } = h(\"span\", null, text)\n          node.replaceWith(...Array.from(childNodes))\n        }\n\n        /* Return component */\n        return { ref: el, nodes }\n      })\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  animationFrameScheduler,\n  asyncScheduler,\n  auditTime,\n  combineLatest,\n  defer,\n  distinctUntilChanged,\n  endWith,\n  finalize,\n  first,\n  from,\n  fromEvent,\n  ignoreElements,\n  map,\n  mergeMap,\n  observeOn,\n  takeUntil,\n  tap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport {\n  Viewport,\n  getElement,\n  getElementOffset,\n  getElementSize,\n  getElements\n} from \"~/browser\"\n\nimport { Component } from \"../_\"\nimport { Header } from \"../header\"\nimport { Main } from \"../main\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Sidebar\n */\nexport interface Sidebar {\n  height: number                       /* Sidebar height */\n  locked: boolean                      /* Sidebar is locked */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  main$: Observable<Main>              /* Main area observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n  main$: Observable<Main>              /* Main area observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch sidebar\n *\n * This function returns an observable that computes the visual parameters of\n * the sidebar which depends on the vertical viewport offset, as well as the\n * height of the main area. When the page is scrolled beyond the header, the\n * sidebar is locked and fills the remaining space.\n *\n * @param el - Sidebar element\n * @param options - Options\n *\n * @returns Sidebar observable\n */\nexport function watchSidebar(\n  el: HTMLElement, { viewport$, main$ }: WatchOptions\n): Observable<Sidebar> {\n  const parent = el.closest<HTMLElement>(\".md-grid\")!\n  const adjust =\n    parent.offsetTop -\n    parent.parentElement!.offsetTop\n\n  /* Compute the sidebar's available height and if it should be locked */\n  return combineLatest([main$, viewport$])\n    .pipe(\n      map(([{ offset, height }, { offset: { y } }]) => {\n        height = height\n          + Math.min(adjust, Math.max(0, y - offset))\n          - adjust\n        return {\n          height,\n          locked: y >= offset + adjust\n        }\n      }),\n      distinctUntilChanged((a, b) => (\n        a.height === b.height &&\n        a.locked === b.locked\n      ))\n    )\n}\n\n/**\n * Mount sidebar\n *\n * This function doesn't set the height of the actual sidebar, but of its first\n * child \u2013 the `.md-sidebar__scrollwrap` element in order to mitigiate jittery\n * sidebars when the footer is scrolled into view. At some point we switched\n * from `absolute` / `fixed` positioning to `sticky` positioning, significantly\n * reducing jitter in some browsers (respectively Firefox and Safari) when\n * scrolling from the top. However, top-aligned sticky positioning means that\n * the sidebar snaps to the bottom when the end of the container is reached.\n * This is what leads to the mentioned jitter, as the sidebar's height may be\n * updated too slowly.\n *\n * This behaviour can be mitigiated by setting the height of the sidebar to `0`\n * while preserving the padding, and the height on its first element.\n *\n * @param el - Sidebar element\n * @param options - Options\n *\n * @returns Sidebar component observable\n */\nexport function mountSidebar(\n  el: HTMLElement, { header$, ...options }: MountOptions\n): Observable<Component<Sidebar>> {\n  const inner = getElement(\".md-sidebar__scrollwrap\", el)\n  const { y } = getElementOffset(inner)\n  return defer(() => {\n    const push$ = new Subject<Sidebar>()\n    const done$ = push$.pipe(ignoreElements(), endWith(true))\n    const next$ = push$\n      .pipe(\n        auditTime(0, animationFrameScheduler)\n      )\n\n    /* Update sidebar height and offset */\n    next$.pipe(withLatestFrom(header$))\n      .subscribe({\n\n        /* Handle emission */\n        next([{ height }, { height: offset }]) {\n          inner.style.height = `${height - 2 * y}px`\n          el.style.top       = `${offset}px`\n        },\n\n        /* Handle complete */\n        complete() {\n          inner.style.height = \"\"\n          el.style.top       = \"\"\n        }\n      })\n\n    /* Bring active item into view on initial load */\n    next$.pipe(first())\n      .subscribe(() => {\n        for (const item of getElements(\".md-nav__link--active[href]\", el)) {\n          if (!item.clientHeight) // skip invisible toc in left sidebar\n            continue\n          const container = item.closest<HTMLElement>(\".md-sidebar__scrollwrap\")!\n          if (typeof container !== \"undefined\") {\n            const offset = item.offsetTop - container.offsetTop\n            const { height } = getElementSize(container)\n            container.scrollTo({\n              top: offset - height / 2\n            })\n          }\n        }\n      })\n\n    /* Handle accessibility for expandable items, see https://bit.ly/3jaod9p */\n    from(getElements<HTMLLabelElement>(\"label[tabindex]\", el))\n      .pipe(\n        mergeMap(label => fromEvent(label, \"click\")\n          .pipe(\n            observeOn(asyncScheduler),\n            map(() => label),\n            takeUntil(done$)\n          )\n        )\n      )\n        .subscribe(label => {\n          const input = getElement<HTMLInputElement>(`[id=\"${label.htmlFor}\"]`)\n          const nav = getElement(`[aria-labelledby=\"${label.id}\"]`)\n          nav.setAttribute(\"aria-expanded\", `${input.checked}`)\n        })\n\n    /* Create and return component */\n    return watchSidebar(el, options)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { Repo, User } from \"github-types\"\nimport {\n  EMPTY,\n  Observable,\n  catchError,\n  defaultIfEmpty,\n  map,\n  zip\n} from \"rxjs\"\n\nimport { requestJSON } from \"~/browser\"\n\nimport { SourceFacts } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * GitHub release (partial)\n */\ninterface Release {\n  tag_name: string                     /* Tag name */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch GitHub repository facts\n *\n * @param user - GitHub user or organization\n * @param repo - GitHub repository\n *\n * @returns Repository facts observable\n */\nexport function fetchSourceFactsFromGitHub(\n  user: string, repo?: string\n): Observable<SourceFacts> {\n  if (typeof repo !== \"undefined\") {\n    const url = `https://api.github.com/repos/${user}/${repo}`\n    return zip(\n\n      /* Fetch version */\n      requestJSON<Release>(`${url}/releases/latest`)\n        .pipe(\n          catchError(() => EMPTY), // @todo refactor instant loading\n          map(release => ({\n            version: release.tag_name\n          })),\n          defaultIfEmpty({})\n        ),\n\n      /* Fetch stars and forks */\n      requestJSON<Repo>(url)\n        .pipe(\n          catchError(() => EMPTY), // @todo refactor instant loading\n          map(info => ({\n            stars: info.stargazers_count,\n            forks: info.forks_count\n          })),\n          defaultIfEmpty({})\n        )\n    )\n      .pipe(\n        map(([release, info]) => ({ ...release, ...info }))\n      )\n\n  /* User or organization */\n  } else {\n    const url = `https://api.github.com/users/${user}`\n    return requestJSON<User>(url)\n      .pipe(\n        map(info => ({\n          repositories: info.public_repos\n        })),\n        defaultIfEmpty({})\n      )\n  }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { ProjectSchema } from \"gitlab\"\nimport {\n  EMPTY,\n  Observable,\n  catchError,\n  defaultIfEmpty,\n  map,\n  zip\n} from \"rxjs\"\n\nimport { requestJSON } from \"~/browser\"\n\nimport { SourceFacts } from \"../_\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * GitLab release (partial)\n */\ninterface Release { // @todo remove and use the ReleaseSchema type instead after switching from gitlab to @gitbeaker/rest\n  tag_name: string                     /* Tag name */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch GitLab repository facts\n *\n * @param base - GitLab base\n * @param project - GitLab project\n *\n * @returns Repository facts observable\n */\nexport function fetchSourceFactsFromGitLab(\n  base: string, project: string\n): Observable<SourceFacts> {\n  const url = `https://${base}/api/v4/projects/${encodeURIComponent(project)}`\n  return zip(\n\n    /* Fetch version */\n    requestJSON<Release>(`${url}/releases/permalink/latest`)\n      .pipe(\n        catchError(() => EMPTY), // @todo refactor instant loading\n        map(({ tag_name }) => ({\n          version: tag_name\n        })),\n        defaultIfEmpty({})\n      ),\n\n    /* Fetch stars and forks */\n    requestJSON<ProjectSchema>(url)\n      .pipe(\n        catchError(() => EMPTY), // @todo refactor instant loading\n        map(({ star_count, forks_count }) => ({\n          stars: star_count,\n          forks: forks_count\n        })),\n        defaultIfEmpty({})\n      )\n  )\n    .pipe(\n      map(([release, info]) => ({ ...release, ...info }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { EMPTY, Observable } from \"rxjs\"\n\nimport { fetchSourceFactsFromGitHub } from \"../github\"\nimport { fetchSourceFactsFromGitLab } from \"../gitlab\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Repository facts for repositories\n */\nexport interface RepositoryFacts {\n  stars?: number                       /* Number of stars */\n  forks?: number                       /* Number of forks */\n  version?: string                     /* Latest version */\n}\n\n/**\n * Repository facts for organizations\n */\nexport interface OrganizationFacts {\n  repositories?: number                /* Number of repositories */\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Repository facts\n */\nexport type SourceFacts =\n  | RepositoryFacts\n  | OrganizationFacts\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch repository facts\n *\n * @param url - Repository URL\n *\n * @returns Repository facts observable\n */\nexport function fetchSourceFacts(\n  url: string\n): Observable<SourceFacts> {\n\n  /* Try to match GitHub repository */\n  let match = url.match(/^.+github\\.com\\/([^/]+)\\/?([^/]+)?/i)\n  if (match) {\n    const [, user, repo] = match\n    return fetchSourceFactsFromGitHub(user, repo)\n  }\n\n  /* Try to match GitLab repository */\n  match = url.match(/^.+?([^/]*gitlab[^/]+)\\/(.+?)\\/?$/i)\n  if (match) {\n    const [, base, slug] = match\n    return fetchSourceFactsFromGitLab(base, slug)\n  }\n\n  /* Fallback */\n  return EMPTY\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  Subject,\n  catchError,\n  defer,\n  filter,\n  finalize,\n  map,\n  of,\n  shareReplay,\n  tap\n} from \"rxjs\"\n\nimport { getElement } from \"~/browser\"\nimport { ConsentDefaults } from \"~/components/consent\"\nimport { renderSourceFacts } from \"~/templates\"\n\nimport {\n  Component,\n  getComponentElements\n} from \"../../_\"\nimport {\n  SourceFacts,\n  fetchSourceFacts\n} from \"../facts\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Repository information\n */\nexport interface Source {\n  facts: SourceFacts                   /* Repository facts */\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Repository information observable\n */\nlet fetch$: Observable<Source>\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch repository information\n *\n * This function tries to read the repository facts from session storage, and\n * if unsuccessful, fetches them from the underlying provider.\n *\n * @param el - Repository information element\n *\n * @returns Repository information observable\n */\nexport function watchSource(\n  el: HTMLAnchorElement\n): Observable<Source> {\n  return fetch$ ||= defer(() => {\n    const cached = __md_get<SourceFacts>(\"__source\", sessionStorage)\n    if (cached) {\n      return of(cached)\n    } else {\n\n      /* Check if consent is configured and was given */\n      const els = getComponentElements(\"consent\")\n      if (els.length) {\n        const consent = __md_get<ConsentDefaults>(\"__consent\")\n        if (!(consent && consent.github))\n          return EMPTY\n      }\n\n      /* Fetch repository facts */\n      return fetchSourceFacts(el.href)\n        .pipe(\n          tap(facts => __md_set(\"__source\", facts, sessionStorage))\n        )\n    }\n  })\n    .pipe(\n      catchError(() => EMPTY),\n      filter(facts => Object.keys(facts).length > 0),\n      map(facts => ({ facts })),\n      shareReplay(1)\n    )\n}\n\n/**\n * Mount repository information\n *\n * @param el - Repository information element\n *\n * @returns Repository information component observable\n */\nexport function mountSource(\n  el: HTMLAnchorElement\n): Observable<Component<Source>> {\n  const inner = getElement(\":scope > :last-child\", el)\n  return defer(() => {\n    const push$ = new Subject<Source>()\n    push$.subscribe(({ facts }) => {\n      inner.appendChild(renderSourceFacts(facts))\n      inner.classList.add(\"md-source__repository--active\")\n    })\n\n    /* Create and return component */\n    return watchSource(el)\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  defer,\n  distinctUntilKeyChanged,\n  finalize,\n  map,\n  of,\n  switchMap,\n  tap\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport {\n  Viewport,\n  watchElementSize,\n  watchViewportAt\n} from \"~/browser\"\n\nimport { Component } from \"../_\"\nimport { Header } from \"../header\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Navigation tabs\n */\nexport interface Tabs {\n  hidden: boolean                      /* Navigation tabs are hidden */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch navigation tabs\n *\n * @param el - Navigation tabs element\n * @param options - Options\n *\n * @returns Navigation tabs observable\n */\nexport function watchTabs(\n  el: HTMLElement, { viewport$, header$ }: WatchOptions\n): Observable<Tabs> {\n  return watchElementSize(document.body)\n    .pipe(\n      switchMap(() => watchViewportAt(el, { header$, viewport$ })),\n      map(({ offset: { y } }) => {\n        return {\n          hidden: y >= 10\n        }\n      }),\n      distinctUntilKeyChanged(\"hidden\")\n    )\n}\n\n/**\n * Mount navigation tabs\n *\n * This function hides the navigation tabs when scrolling past the threshold\n * and makes them reappear in a nice CSS animation when scrolling back up.\n *\n * @param el - Navigation tabs element\n * @param options - Options\n *\n * @returns Navigation tabs component observable\n */\nexport function mountTabs(\n  el: HTMLElement, options: MountOptions\n): Observable<Component<Tabs>> {\n  return defer(() => {\n    const push$ = new Subject<Tabs>()\n    push$.subscribe({\n\n      /* Handle emission */\n      next({ hidden }) {\n        el.hidden = hidden\n      },\n\n      /* Handle complete */\n      complete() {\n        el.hidden = false\n      }\n    })\n\n    /* Create and return component */\n    return (\n      feature(\"navigation.tabs.sticky\")\n        ? of({ hidden: false })\n        : watchTabs(el, options)\n    )\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  asyncScheduler,\n  bufferCount,\n  combineLatestWith,\n  debounceTime,\n  defer,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  endWith,\n  filter,\n  finalize,\n  ignoreElements,\n  map,\n  merge,\n  observeOn,\n  of,\n  repeat,\n  scan,\n  share,\n  skip,\n  startWith,\n  switchMap,\n  takeUntil,\n  tap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport {\n  Viewport,\n  getElement,\n  getElementContainer,\n  getElementSize,\n  getElements,\n  getLocation,\n  getOptionalElement,\n  watchElementSize\n} from \"~/browser\"\n\nimport {\n  Component,\n  getComponentElement\n} from \"../_\"\nimport { Header } from \"../header\"\nimport { Main } from \"../main\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Table of contents\n */\nexport interface TableOfContents {\n  prev: HTMLAnchorElement[][]          /* Anchors (previous) */\n  next: HTMLAnchorElement[][]          /* Anchors (next) */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n  main$: Observable<Main>              /* Main area observable */\n  target$: Observable<HTMLElement>     /* Location target observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch table of contents\n *\n * This is effectively a scroll spy implementation which will account for the\n * fixed header and automatically re-calculate anchor offsets when the viewport\n * is resized. The returned observable will only emit if the table of contents\n * needs to be repainted.\n *\n * This implementation tracks an anchor element's entire path starting from its\n * level up to the top-most anchor element, e.g. `[h3, h2, h1]`. Although the\n * Material theme currently doesn't make use of this information, it enables\n * the styling of the entire hierarchy through customization.\n *\n * Note that the current anchor is the last item of the `prev` anchor list.\n *\n * @param el - Table of contents element\n * @param options - Options\n *\n * @returns Table of contents observable\n */\nexport function watchTableOfContents(\n  el: HTMLElement, { viewport$, header$ }: WatchOptions\n): Observable<TableOfContents> {\n  const table = new Map<HTMLAnchorElement, HTMLElement>()\n\n  /* Compute anchor-to-target mapping */\n  const anchors = getElements<HTMLAnchorElement>(\".md-nav__link\", el)\n  for (const anchor of anchors) {\n    const id = decodeURIComponent(anchor.hash.substring(1))\n    const target = getOptionalElement(`[id=\"${id}\"]`)\n    if (typeof target !== \"undefined\")\n      table.set(anchor, target)\n  }\n\n  /* Compute necessary adjustment for header */\n  const adjust$ = header$\n    .pipe(\n      distinctUntilKeyChanged(\"height\"),\n      map(({ height }) => {\n        const main = getComponentElement(\"main\")\n        const grid = getElement(\":scope > :first-child\", main)\n        return height + 0.8 * (\n          grid.offsetTop -\n          main.offsetTop\n        )\n      }),\n      share()\n    )\n\n  /* Compute partition of previous and next anchors */\n  const partition$ = watchElementSize(document.body)\n    .pipe(\n      distinctUntilKeyChanged(\"height\"),\n\n      /* Build index to map anchor paths to vertical offsets */\n      switchMap(body => defer(() => {\n        let path: HTMLAnchorElement[] = []\n        return of([...table].reduce((index, [anchor, target]) => {\n          while (path.length) {\n            const last = table.get(path[path.length - 1])!\n            if (last.tagName >= target.tagName) {\n              path.pop()\n            } else {\n              break\n            }\n          }\n\n          /* If the current anchor is hidden, continue with its parent */\n          let offset = target.offsetTop\n          while (!offset && target.parentElement) {\n            target = target.parentElement\n            offset = target.offsetTop\n          }\n\n          /* Fix anchor offsets in tables - see https://bit.ly/3CUFOcn */\n          let parent = target.offsetParent as HTMLElement\n          for (; parent; parent = parent.offsetParent as HTMLElement)\n            offset += parent.offsetTop\n\n          /* Map reversed anchor path to vertical offset */\n          return index.set(\n            [...path = [...path, anchor]].reverse(),\n            offset\n          )\n        }, new Map<HTMLAnchorElement[], number>()))\n      })\n        .pipe(\n\n          /* Sort index by vertical offset (see https://bit.ly/30z6QSO) */\n          map(index => new Map([...index].sort(([, a], [, b]) => a - b))),\n          combineLatestWith(adjust$),\n\n          /* Re-compute partition when viewport offset changes */\n          switchMap(([index, adjust]) => viewport$\n            .pipe(\n              scan(([prev, next], { offset: { y }, size }) => {\n                const last = y + size.height >= Math.floor(body.height)\n\n                /* Look forward */\n                while (next.length) {\n                  const [, offset] = next[0]\n                  if (offset - adjust < y || last) {\n                    prev = [...prev, next.shift()!]\n                  } else {\n                    break\n                  }\n                }\n\n                /* Look backward */\n                while (prev.length) {\n                  const [, offset] = prev[prev.length - 1]\n                  if (offset - adjust >= y && !last) {\n                    next = [prev.pop()!, ...next]\n                  } else {\n                    break\n                  }\n                }\n\n                /* Return partition */\n                return [prev, next]\n              }, [[], [...index]]),\n              distinctUntilChanged((a, b) => (\n                a[0] === b[0] &&\n                a[1] === b[1]\n              ))\n            )\n          )\n        )\n      )\n    )\n\n  /* Compute and return anchor list migrations */\n  return partition$\n    .pipe(\n      map(([prev, next]) => ({\n        prev: prev.map(([path]) => path),\n        next: next.map(([path]) => path)\n      })),\n\n      /* Extract anchor list migrations */\n      startWith({ prev: [], next: [] }),\n      bufferCount(2, 1),\n      map(([a, b]) => {\n\n        /* Moving down */\n        if (a.prev.length < b.prev.length) {\n          return {\n            prev: b.prev.slice(Math.max(0, a.prev.length - 1), b.prev.length),\n            next: []\n          }\n\n        /* Moving up */\n        } else {\n          return {\n            prev: b.prev.slice(-1),\n            next: b.next.slice(0, b.next.length - a.next.length)\n          }\n        }\n      })\n    )\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Mount table of contents\n *\n * @param el - Table of contents element\n * @param options - Options\n *\n * @returns Table of contents component observable\n */\nexport function mountTableOfContents(\n  el: HTMLElement, { viewport$, header$, main$, target$ }: MountOptions\n): Observable<Component<TableOfContents>> {\n  return defer(() => {\n    const push$ = new Subject<TableOfContents>()\n    const done$ = push$.pipe(ignoreElements(), endWith(true))\n    push$.subscribe(({ prev, next }) => {\n\n      /* Look forward */\n      for (const [anchor] of next) {\n        anchor.classList.remove(\"md-nav__link--passed\")\n        anchor.classList.remove(\"md-nav__link--active\")\n      }\n\n      /* Look backward */\n      for (const [index, [anchor]] of prev.entries()) {\n        anchor.classList.add(\"md-nav__link--passed\")\n        anchor.classList.toggle(\n          \"md-nav__link--active\",\n          index === prev.length - 1\n        )\n      }\n    })\n\n    /* Set up following, if enabled */\n    if (feature(\"toc.follow\")) {\n\n      /* Toggle smooth scrolling only for anchor clicks */\n      const smooth$ = merge(\n        viewport$.pipe(debounceTime(1), map(() => undefined)),\n        viewport$.pipe(debounceTime(250), map(() => \"smooth\" as const))\n      )\n\n      /* Bring active anchor into view */ // @todo: refactor\n      push$\n        .pipe(\n          filter(({ prev }) => prev.length > 0),\n          combineLatestWith(main$.pipe(observeOn(asyncScheduler))),\n          withLatestFrom(smooth$)\n        )\n          .subscribe(([[{ prev }], behavior]) => {\n            const [anchor] = prev[prev.length - 1]\n            if (anchor.offsetHeight) {\n\n              /* Retrieve overflowing container and scroll */\n              const container = getElementContainer(anchor)\n              if (typeof container !== \"undefined\") {\n                const offset = anchor.offsetTop - container.offsetTop\n                const { height } = getElementSize(container)\n                container.scrollTo({\n                  top: offset - height / 2,\n                  behavior\n                })\n              }\n            }\n          })\n    }\n\n    /* Set up anchor tracking, if enabled */\n    if (feature(\"navigation.tracking\"))\n      viewport$\n        .pipe(\n          takeUntil(done$),\n          distinctUntilKeyChanged(\"offset\"),\n          debounceTime(250),\n          skip(1),\n          takeUntil(target$.pipe(skip(1))),\n          repeat({ delay: 250 }),\n          withLatestFrom(push$)\n        )\n          .subscribe(([, { prev }]) => {\n            const url = getLocation()\n\n            /* Set hash fragment to active anchor */\n            const anchor = prev[prev.length - 1]\n            if (anchor && anchor.length) {\n              const [active] = anchor\n              const { hash } = new URL(active.href)\n              if (url.hash !== hash) {\n                url.hash = hash\n                history.replaceState({}, \"\", `${url}`)\n              }\n\n            /* Reset anchor when at the top */\n            } else {\n              url.hash = \"\"\n              history.replaceState({}, \"\", `${url}`)\n            }\n          })\n\n    /* Create and return component */\n    return watchTableOfContents(el, { viewport$, header$ })\n      .pipe(\n        tap(state => push$.next(state)),\n        finalize(() => push$.complete()),\n        map(state => ({ ref: el, ...state }))\n      )\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  Subject,\n  bufferCount,\n  combineLatest,\n  distinctUntilChanged,\n  distinctUntilKeyChanged,\n  endWith,\n  finalize,\n  fromEvent,\n  ignoreElements,\n  map,\n  repeat,\n  skip,\n  takeUntil,\n  tap\n} from \"rxjs\"\n\nimport { Viewport } from \"~/browser\"\n\nimport { Component } from \"../_\"\nimport { Header } from \"../header\"\nimport { Main } from \"../main\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Back-to-top button\n */\nexport interface BackToTop {\n  hidden: boolean                      /* Back-to-top button is hidden */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch options\n */\ninterface WatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  main$: Observable<Main>              /* Main area observable */\n  target$: Observable<HTMLElement>     /* Location target observable */\n}\n\n/**\n * Mount options\n */\ninterface MountOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  header$: Observable<Header>          /* Header observable */\n  main$: Observable<Main>              /* Main area observable */\n  target$: Observable<HTMLElement>     /* Location target observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Watch back-to-top\n *\n * @param _el - Back-to-top element\n * @param options - Options\n *\n * @returns Back-to-top observable\n */\nexport function watchBackToTop(\n  _el: HTMLElement, { viewport$, main$, target$ }: WatchOptions\n): Observable<BackToTop> {\n\n  /* Compute direction */\n  const direction$ = viewport$\n    .pipe(\n      map(({ offset: { y } }) => y),\n      bufferCount(2, 1),\n      map(([a, b]) => a > b && b > 0),\n      distinctUntilChanged()\n    )\n\n  /* Compute whether main area is active */\n  const active$ = main$\n    .pipe(\n      map(({ active }) => active)\n    )\n\n  /* Compute threshold for hiding */\n  return combineLatest([active$, direction$])\n    .pipe(\n      map(([active, direction]) => !(active && direction)),\n      distinctUntilChanged(),\n      takeUntil(target$.pipe(skip(1))),\n      endWith(true),\n      repeat({ delay: 250 }),\n      map(hidden => ({ hidden }))\n    )\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Mount back-to-top\n *\n * @param el - Back-to-top element\n * @param options - Options\n *\n * @returns Back-to-top component observable\n */\nexport function mountBackToTop(\n  el: HTMLElement, { viewport$, header$, main$, target$ }: MountOptions\n): Observable<Component<BackToTop>> {\n  const push$ = new Subject<BackToTop>()\n  const done$ = push$.pipe(ignoreElements(), endWith(true))\n  push$.subscribe({\n\n    /* Handle emission */\n    next({ hidden }) {\n      el.hidden = hidden\n      if (hidden) {\n        el.setAttribute(\"tabindex\", \"-1\")\n        el.blur()\n      } else {\n        el.removeAttribute(\"tabindex\")\n      }\n    },\n\n    /* Handle complete */\n    complete() {\n      el.style.top = \"\"\n      el.hidden = true\n      el.removeAttribute(\"tabindex\")\n    }\n  })\n\n  /* Watch header height */\n  header$\n    .pipe(\n      takeUntil(done$),\n      distinctUntilKeyChanged(\"height\")\n    )\n      .subscribe(({ height }) => {\n        el.style.top = `${height + 16}px`\n      })\n\n  /* Go back to top */\n  fromEvent(el, \"click\")\n    .subscribe(ev => {\n      ev.preventDefault()\n      window.scrollTo({ top: 0 })\n    })\n\n  /* Create and return component */\n  return watchBackToTop(el, { viewport$, main$, target$ })\n    .pipe(\n      tap(state => push$.next(state)),\n      finalize(() => push$.complete()),\n      map(state => ({ ref: el, ...state }))\n    )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  EMPTY,\n  Observable,\n  filter,\n  finalize,\n  map,\n  mergeMap,\n  skip,\n  switchMap,\n  take,\n  takeUntil\n} from \"rxjs\"\n\nimport { feature } from \"~/_\"\nimport {\n  Viewport,\n  getElements,\n  watchElementVisibility\n} from \"~/browser\"\nimport { mountInlineTooltip2 } from \"~/components/tooltip2\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch options\n */\ninterface PatchOptions {\n  document$: Observable<Document>      /* Document observable */\n  viewport$: Observable<Viewport>      /* Viewport observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch ellipsis\n *\n * This function will fetch all elements that are shortened with ellipsis, and\n * filter those which are visible. Once they become visible, they stay in that\n * state, even though they may be hidden again. This optimization is necessary\n * to reduce pressure on the browser, with elements fading in and out of view.\n *\n * @param options - Options\n */\nexport function patchEllipsis(\n  { document$, viewport$ }: PatchOptions\n): void {\n  document$\n    .pipe(\n      switchMap(() => getElements(\".md-ellipsis\")),\n      mergeMap(el => watchElementVisibility(el)\n        .pipe(\n          takeUntil(document$.pipe(skip(1))),\n          filter(visible => visible),\n          map(() => el),\n          take(1)\n        )\n      ),\n      filter(el => el.offsetWidth < el.scrollWidth),\n      mergeMap(el => {\n        const text = el.innerText\n        const host = el.closest(\"a\") || el\n        host.title = text\n\n        // Do not mount improved tooltip if feature is disabled\n        if (!feature(\"content.tooltips\"))\n          return EMPTY\n\n        /* Mount tooltip */\n        return mountInlineTooltip2(host, { viewport$ })\n          .pipe(\n            takeUntil(document$.pipe(skip(1))),\n            finalize(() => host.removeAttribute(\"title\"))\n          )\n      })\n    )\n      .subscribe()\n\n  // @todo move this outside of here and fix memleaks\n  if (feature(\"content.tooltips\"))\n    document$\n      .pipe(\n        switchMap(() => getElements(\".md-status\")),\n        mergeMap(el => mountInlineTooltip2(el, { viewport$ }))\n      )\n        .subscribe()\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  fromEvent,\n  map,\n  mergeMap,\n  switchMap,\n  takeWhile,\n  tap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport { getElements } from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch options\n */\ninterface PatchOptions {\n  document$: Observable<Document>      /* Document observable */\n  tablet$: Observable<boolean>         /* Media tablet observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch indeterminate checkboxes\n *\n * This function replaces the indeterminate \"pseudo state\" with the actual\n * indeterminate state, which is used to keep navigation always expanded.\n *\n * @param options - Options\n */\nexport function patchIndeterminate(\n  { document$, tablet$ }: PatchOptions\n): void {\n  document$\n    .pipe(\n      switchMap(() => getElements<HTMLInputElement>(\n        \".md-toggle--indeterminate\"\n      )),\n      tap(el => {\n        el.indeterminate = true\n        el.checked = false\n      }),\n      mergeMap(el => fromEvent(el, \"change\")\n        .pipe(\n          takeWhile(() => el.classList.contains(\"md-toggle--indeterminate\")),\n          map(() => el)\n        )\n      ),\n      withLatestFrom(tablet$)\n    )\n      .subscribe(([el, tablet]) => {\n        el.classList.remove(\"md-toggle--indeterminate\")\n        if (tablet)\n          el.checked = false\n      })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  filter,\n  fromEvent,\n  map,\n  mergeMap,\n  switchMap,\n  tap\n} from \"rxjs\"\n\nimport { getElements } from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch options\n */\ninterface PatchOptions {\n  document$: Observable<Document>      /* Document observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Check whether the given device is an Apple device\n *\n * @returns Test result\n */\nfunction isAppleDevice(): boolean {\n  return /(iPad|iPhone|iPod)/.test(navigator.userAgent)\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch all elements with `data-md-scrollfix` attributes\n *\n * This is a year-old patch which ensures that overflow scrolling works at the\n * top and bottom of containers on iOS by ensuring a `1px` scroll offset upon\n * the start of a touch event.\n *\n * @see https://bit.ly/2SCtAOO - Original source\n *\n * @param options - Options\n */\nexport function patchScrollfix(\n  { document$ }: PatchOptions\n): void {\n  document$\n    .pipe(\n      switchMap(() => getElements(\"[data-md-scrollfix]\")),\n      tap(el => el.removeAttribute(\"data-md-scrollfix\")),\n      filter(isAppleDevice),\n      mergeMap(el => fromEvent(el, \"touchstart\")\n        .pipe(\n          map(() => el)\n        )\n      )\n    )\n      .subscribe(el => {\n        const top = el.scrollTop\n\n        /* We're at the top of the container */\n        if (top === 0) {\n          el.scrollTop = 1\n\n        /* We're at the bottom of the container */\n        } else if (top + el.offsetHeight === el.scrollHeight) {\n          el.scrollTop = top - 1\n        }\n      })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  Observable,\n  combineLatest,\n  delay,\n  map,\n  of,\n  switchMap,\n  withLatestFrom\n} from \"rxjs\"\n\nimport {\n  Viewport,\n  watchToggle\n} from \"~/browser\"\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch options\n */\ninterface PatchOptions {\n  viewport$: Observable<Viewport>      /* Viewport observable */\n  tablet$: Observable<boolean>         /* Media tablet observable */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Patch the document body to lock when search is open\n *\n * For mobile and tablet viewports, the search is rendered full screen, which\n * leads to scroll leaking when at the top or bottom of the search result. This\n * function locks the body when the search is in full screen mode, and restores\n * the scroll position when leaving.\n *\n * @param options - Options\n */\nexport function patchScrolllock(\n  { viewport$, tablet$ }: PatchOptions\n): void {\n  combineLatest([watchToggle(\"search\"), tablet$])\n    .pipe(\n      map(([active, tablet]) => active && !tablet),\n      switchMap(active => of(active)\n        .pipe(\n          delay(active ? 400 : 100)\n        )\n      ),\n      withLatestFrom(viewport$)\n    )\n      .subscribe(([active, { offset: { y }}]) => {\n        if (active) {\n          document.body.setAttribute(\"data-md-scrolllock\", \"\")\n          document.body.style.top = `-${y}px`\n        } else {\n          const value = -1 * parseInt(document.body.style.top, 10)\n          document.body.removeAttribute(\"data-md-scrolllock\")\n          document.body.style.top = \"\"\n          if (value)\n            window.scrollTo(0, value)\n        }\n      })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Polyfills\n * ------------------------------------------------------------------------- */\n\n/* Polyfill `Object.entries` */\nif (!Object.entries)\n  Object.entries = function (obj: object) {\n    const data: [string, string][] = []\n    for (const key of Object.keys(obj))\n      // @ts-expect-error - ignore property access warning\n      data.push([key, obj[key]])\n\n    /* Return entries */\n    return data\n  }\n\n/* Polyfill `Object.values` */\nif (!Object.values)\n  Object.values = function (obj: object) {\n    const data: string[] = []\n    for (const key of Object.keys(obj))\n      // @ts-expect-error - ignore property access warning\n      data.push(obj[key])\n\n    /* Return values */\n    return data\n  }\n\n/* ------------------------------------------------------------------------- */\n\n/* Polyfills for `Element` */\nif (typeof Element !== \"undefined\") {\n\n  /* Polyfill `Element.scrollTo` */\n  if (!Element.prototype.scrollTo)\n    Element.prototype.scrollTo = function (\n      x?: ScrollToOptions | number, y?: number\n    ): void {\n      if (typeof x === \"object\") {\n        this.scrollLeft = x.left!\n        this.scrollTop = x.top!\n      } else {\n        this.scrollLeft = x!\n        this.scrollTop = y!\n      }\n    }\n\n  /* Polyfill `Element.replaceWith` */\n  if (!Element.prototype.replaceWith)\n    Element.prototype.replaceWith = function (\n      ...nodes: Array<string | Node>\n    ): void {\n      const parent = this.parentNode\n      if (parent) {\n        if (nodes.length === 0)\n          parent.removeChild(this)\n\n        /* Replace children and create text nodes */\n        for (let i = nodes.length - 1; i >= 0; i--) {\n          let node = nodes[i]\n          if (typeof node === \"string\")\n            node = document.createTextNode(node)\n          else if (node.parentNode)\n            node.parentNode.removeChild(node)\n\n          /* Replace child or insert before previous sibling */\n          if (!i)\n            parent.replaceChild(node, this)\n          else\n            parent.insertBefore(this.previousSibling!, node)\n        }\n      }\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["require_focus_visible", "__commonJSMin", "exports", "module", "global", "factory", "applyFocusVisiblePolyfill", "scope", "hadKeyboardEvent", "hadFocusVisibleRecently", "hadFocusVisibleRecentlyTimeout", "inputTypesAllowlist", "isValidFocusTarget", "el", "focusTriggersKeyboardModality", "type", "tagName", "addFocusVisibleClass", "removeFocusVisibleClass", "onKeyDown", "e", "onPointerDown", "onFocus", "onBlur", "onVisibilityChange", "addInitialPointerMoveListeners", "onInitialPointerMove", "removeInitialPointerMoveListeners", "event", "error", "require_escape_html", "__commonJSMin", "exports", "module", "matchHtmlRegExp", "escapeHtml", "string", "str", "match", "escape", "html", "index", "lastIndex", "require_clipboard", "__commonJSMin", "exports", "module", "root", "factory", "__webpack_modules__", "__unused_webpack_module", "__webpack_exports__", "__webpack_require__", "clipboard", "tiny_emitter", "tiny_emitter_default", "listen", "listen_default", "src_select", "select_default", "command", "type", "err", "ClipboardActionCut", "target", "selectedText", "actions_cut", "createFakeElement", "value", "isRTL", "fakeElement", "yPosition", "fakeCopyAction", "options", "ClipboardActionCopy", "actions_copy", "_typeof", "obj", "ClipboardActionDefault", "_options$action", "action", "container", "text", "actions_default", "clipboard_typeof", "_classCallCheck", "instance", "Constructor", "_defineProperties", "props", "i", "descriptor", "_createClass", "protoProps", "staticProps", "_inherits", "subClass", "superClass", "_setPrototypeOf", "o", "p", "_createSuper", "Derived", "hasNativeReflectConstruct", "_isNativeReflectConstruct", "Super", "_getPrototypeOf", "result", "NewTarget", "_possibleConstructorReturn", "self", "call", "_assertThisInitialized", "e", "getAttributeValue", "suffix", "element", "attribute", "Clipboard", "_Emitter", "_super", "trigger", "_this", "_this2", "selector", "actions", "support", "DOCUMENT_NODE_TYPE", "proto", "closest", "__unused_webpack_exports", "_delegate", "callback", "useCapture", "listenerFn", "listener", "delegate", "elements", "is", "listenNode", "listenNodeList", "listenSelector", "node", "nodeList", "select", "isReadOnly", "selection", "range", "E", "name", "ctx", "data", "evtArr", "len", "evts", "liveEvents", "__webpack_module_cache__", "moduleId", "getter", "definition", "key", "prop", "import_focus_visible", "extendStatics", "d", "b", "p", "__extends", "__", "__awaiter", "thisArg", "_arguments", "P", "generator", "adopt", "value", "resolve", "reject", "fulfilled", "step", "e", "rejected", "result", "__generator", "body", "_", "t", "f", "y", "g", "verb", "n", "v", "op", "__values", "o", "s", "m", "i", "__read", "n", "r", "ar", "e", "error", "__spreadArray", "to", "from", "pack", "i", "l", "ar", "__await", "v", "__asyncGenerator", "thisArg", "_arguments", "generator", "g", "q", "verb", "awaitReturn", "f", "reject", "n", "a", "b", "resume", "step", "e", "settle", "r", "fulfill", "value", "__asyncValues", "o", "m", "i", "__values", "verb", "n", "v", "resolve", "reject", "settle", "d", "isFunction", "value", "createErrorClass", "createImpl", "_super", "instance", "ctorFunc", "UnsubscriptionError", "createErrorClass", "_super", "errors", "err", "i", "arrRemove", "arr", "item", "index", "Subscription", "initialTeardown", "errors", "_parentage", "_parentage_1", "__values", "_parentage_1_1", "parent_1", "initialFinalizer", "isFunction", "e", "UnsubscriptionError", "_finalizers", "_finalizers_1", "_finalizers_1_1", "finalizer", "execFinalizer", "err", "__spreadArray", "__read", "teardown", "_a", "parent", "arrRemove", "empty", "EMPTY_SUBSCRIPTION", "Subscription", "isSubscription", "value", "isFunction", "execFinalizer", "finalizer", "config", "timeoutProvider", "handler", "timeout", "args", "_i", "delegate", "__spreadArray", "__read", "handle", "reportUnhandledError", "err", "timeoutProvider", "onUnhandledError", "config", "noop", "COMPLETE_NOTIFICATION", "createNotification", "errorNotification", "error", "nextNotification", "value", "kind", "context", "errorContext", "cb", "config", "isRoot", "_a", "errorThrown", "error", "captureError", "err", "Subscriber", "_super", "__extends", "destination", "_this", "isSubscription", "EMPTY_OBSERVER", "next", "error", "complete", "SafeSubscriber", "value", "handleStoppedNotification", "nextNotification", "err", "errorNotification", "COMPLETE_NOTIFICATION", "Subscription", "_bind", "bind", "fn", "thisArg", "ConsumerObserver", "partialObserver", "value", "error", "handleUnhandledError", "err", "SafeSubscriber", "_super", "__extends", "observerOrNext", "complete", "_this", "isFunction", "context_1", "config", "Subscriber", "handleUnhandledError", "error", "config", "captureError", "reportUnhandledError", "defaultErrorHandler", "err", "handleStoppedNotification", "notification", "subscriber", "onStoppedNotification", "timeoutProvider", "EMPTY_OBSERVER", "noop", "observable", "identity", "x", "pipe", "fns", "_i", "pipeFromArray", "identity", "input", "prev", "fn", "Observable", "subscribe", "operator", "observable", "observerOrNext", "error", "complete", "_this", "subscriber", "isSubscriber", "SafeSubscriber", "errorContext", "_a", "source", "sink", "err", "next", "promiseCtor", "getPromiseCtor", "resolve", "reject", "value", "operations", "_i", "pipeFromArray", "x", "getPromiseCtor", "promiseCtor", "_a", "config", "isObserver", "value", "isFunction", "isSubscriber", "Subscriber", "isSubscription", "hasLift", "source", "isFunction", "operate", "init", "liftedSource", "err", "createOperatorSubscriber", "destination", "onNext", "onComplete", "onError", "onFinalize", "OperatorSubscriber", "_super", "__extends", "shouldUnsubscribe", "_this", "value", "err", "closed_1", "_a", "Subscriber", "animationFrameProvider", "callback", "request", "cancel", "delegate", "handle", "timestamp", "Subscription", "args", "_i", "__spreadArray", "__read", "ObjectUnsubscribedError", "createErrorClass", "_super", "Subject", "_super", "__extends", "_this", "operator", "subject", "AnonymousSubject", "ObjectUnsubscribedError", "value", "errorContext", "_b", "__values", "_c", "observer", "err", "observers", "_a", "subscriber", "hasError", "isStopped", "EMPTY_SUBSCRIPTION", "Subscription", "arrRemove", "thrownError", "observable", "Observable", "destination", "source", "AnonymousSubject", "_super", "__extends", "destination", "source", "_this", "value", "_b", "_a", "err", "subscriber", "EMPTY_SUBSCRIPTION", "Subject", "BehaviorSubject", "_super", "__extends", "_value", "_this", "subscriber", "subscription", "_a", "hasError", "thrownError", "value", "Subject", "dateTimestampProvider", "ReplaySubject", "_super", "__extends", "_bufferSize", "_windowTime", "_timestampProvider", "dateTimestampProvider", "_this", "value", "_a", "isStopped", "_buffer", "_infiniteTimeWindow", "subscriber", "subscription", "copy", "i", "adjustedBufferSize", "now", "last", "Subject", "Action", "_super", "__extends", "scheduler", "work", "state", "delay", "Subscription", "intervalProvider", "handler", "timeout", "args", "_i", "delegate", "__spreadArray", "__read", "handle", "AsyncAction", "_super", "__extends", "scheduler", "work", "_this", "state", "delay", "id", "_a", "_id", "intervalProvider", "_scheduler", "error", "_delay", "errored", "errorValue", "e", "actions", "arrRemove", "Action", "Scheduler", "schedulerActionCtor", "now", "work", "delay", "state", "dateTimestampProvider", "AsyncScheduler", "_super", "__extends", "SchedulerAction", "now", "Scheduler", "_this", "action", "actions", "error", "asyncScheduler", "AsyncScheduler", "AsyncAction", "async", "QueueAction", "_super", "__extends", "scheduler", "work", "_this", "state", "delay", "id", "AsyncAction", "QueueScheduler", "_super", "__extends", "AsyncScheduler", "queueScheduler", "QueueScheduler", "QueueAction", "AnimationFrameAction", "_super", "__extends", "scheduler", "work", "_this", "id", "delay", "animationFrameProvider", "actions", "_a", "AsyncAction", "AnimationFrameScheduler", "_super", "__extends", "action", "flushId", "actions", "error", "AsyncScheduler", "animationFrameScheduler", "AnimationFrameScheduler", "AnimationFrameAction", "EMPTY", "Observable", "subscriber", "isScheduler", "value", "isFunction", "last", "arr", "popResultSelector", "args", "isFunction", "popScheduler", "isScheduler", "popNumber", "defaultValue", "isArrayLike", "x", "isPromise", "value", "isFunction", "isInteropObservable", "input", "isFunction", "observable", "isAsyncIterable", "obj", "isFunction", "createInvalidObservableTypeError", "input", "getSymbolIterator", "iterator", "isIterable", "input", "isFunction", "iterator", "readableStreamLikeToAsyncGenerator", "readableStream", "reader", "__await", "_a", "_b", "value", "done", "isReadableStreamLike", "obj", "isFunction", "innerFrom", "input", "Observable", "isInteropObservable", "fromInteropObservable", "isArrayLike", "fromArrayLike", "isPromise", "fromPromise", "isAsyncIterable", "fromAsyncIterable", "isIterable", "fromIterable", "isReadableStreamLike", "fromReadableStreamLike", "createInvalidObservableTypeError", "obj", "subscriber", "obs", "observable", "isFunction", "array", "i", "promise", "value", "err", "reportUnhandledError", "iterable", "iterable_1", "__values", "iterable_1_1", "asyncIterable", "process", "readableStream", "readableStreamLikeToAsyncGenerator", "asyncIterable_1", "__asyncValues", "asyncIterable_1_1", "executeSchedule", "parentSubscription", "scheduler", "work", "delay", "repeat", "scheduleSubscription", "observeOn", "scheduler", "delay", "operate", "source", "subscriber", "createOperatorSubscriber", "value", "executeSchedule", "err", "subscribeOn", "scheduler", "delay", "operate", "source", "subscriber", "scheduleObservable", "input", "scheduler", "innerFrom", "subscribeOn", "observeOn", "schedulePromise", "input", "scheduler", "innerFrom", "subscribeOn", "observeOn", "scheduleArray", "input", "scheduler", "Observable", "subscriber", "i", "scheduleIterable", "input", "scheduler", "Observable", "subscriber", "iterator", "executeSchedule", "value", "done", "_a", "err", "isFunction", "scheduleAsyncIterable", "input", "scheduler", "Observable", "subscriber", "executeSchedule", "iterator", "result", "scheduleReadableStreamLike", "input", "scheduler", "scheduleAsyncIterable", "readableStreamLikeToAsyncGenerator", "scheduled", "input", "scheduler", "isInteropObservable", "scheduleObservable", "isArrayLike", "scheduleArray", "isPromise", "schedulePromise", "isAsyncIterable", "scheduleAsyncIterable", "isIterable", "scheduleIterable", "isReadableStreamLike", "scheduleReadableStreamLike", "createInvalidObservableTypeError", "from", "input", "scheduler", "scheduled", "innerFrom", "of", "args", "_i", "scheduler", "popScheduler", "from", "throwError", "errorOrErrorFactory", "scheduler", "errorFactory", "isFunction", "init", "subscriber", "Observable", "EmptyError", "createErrorClass", "_super", "isValidDate", "value", "map", "project", "thisArg", "operate", "source", "subscriber", "index", "createOperatorSubscriber", "value", "isArray", "callOrApply", "fn", "args", "__spreadArray", "__read", "mapOneOrManyArgs", "map", "isArray", "getPrototypeOf", "objectProto", "getKeys", "argsArgArrayOrObject", "args", "first_1", "isPOJO", "keys", "key", "obj", "createObject", "keys", "values", "result", "key", "i", "combineLatest", "args", "_i", "scheduler", "popScheduler", "resultSelector", "popResultSelector", "_a", "argsArgArrayOrObject", "observables", "keys", "from", "result", "Observable", "combineLatestInit", "values", "createObject", "identity", "mapOneOrManyArgs", "valueTransform", "subscriber", "maybeSchedule", "length", "active", "remainingFirstValues", "i", "source", "hasFirstValue", "createOperatorSubscriber", "value", "execute", "subscription", "executeSchedule", "mergeInternals", "source", "subscriber", "project", "concurrent", "onBeforeNext", "expand", "innerSubScheduler", "additionalFinalizer", "buffer", "active", "index", "isComplete", "checkComplete", "outerNext", "value", "doInnerSub", "innerComplete", "innerFrom", "createOperatorSubscriber", "innerValue", "bufferedValue", "executeSchedule", "err", "mergeMap", "project", "resultSelector", "concurrent", "isFunction", "a", "i", "map", "b", "ii", "innerFrom", "operate", "source", "subscriber", "mergeInternals", "mergeAll", "concurrent", "mergeMap", "identity", "concatAll", "mergeAll", "concat", "args", "_i", "concatAll", "from", "popScheduler", "defer", "observableFactory", "Observable", "subscriber", "innerFrom", "nodeEventEmitterMethods", "eventTargetMethods", "jqueryMethods", "fromEvent", "target", "eventName", "options", "resultSelector", "isFunction", "mapOneOrManyArgs", "_a", "__read", "isEventTarget", "methodName", "handler", "isNodeStyleEventEmitter", "toCommonHandlerRegistry", "isJQueryStyleEventEmitter", "add", "remove", "isArrayLike", "mergeMap", "subTarget", "innerFrom", "Observable", "subscriber", "args", "_i", "fromEventPattern", "addHandler", "removeHandler", "resultSelector", "mapOneOrManyArgs", "Observable", "subscriber", "handler", "e", "_i", "retValue", "isFunction", "timer", "dueTime", "intervalOrScheduler", "scheduler", "async", "intervalDuration", "isScheduler", "Observable", "subscriber", "due", "isValidDate", "n", "merge", "args", "_i", "scheduler", "popScheduler", "concurrent", "popNumber", "sources", "innerFrom", "mergeAll", "from", "EMPTY", "NEVER", "Observable", "noop", "isArray", "argsOrArgArray", "args", "filter", "predicate", "thisArg", "operate", "source", "subscriber", "index", "createOperatorSubscriber", "value", "zip", "args", "_i", "resultSelector", "popResultSelector", "sources", "argsOrArgArray", "Observable", "subscriber", "buffers", "completed", "sourceIndex", "innerFrom", "createOperatorSubscriber", "value", "buffer", "result", "__spreadArray", "__read", "i", "EMPTY", "audit", "durationSelector", "operate", "source", "subscriber", "hasValue", "lastValue", "durationSubscriber", "isComplete", "endDuration", "value", "cleanupDuration", "createOperatorSubscriber", "innerFrom", "auditTime", "duration", "scheduler", "asyncScheduler", "audit", "timer", "bufferCount", "bufferSize", "startBufferEvery", "operate", "source", "subscriber", "buffers", "count", "createOperatorSubscriber", "value", "toEmit", "buffers_1", "__values", "buffers_1_1", "buffer", "toEmit_1", "toEmit_1_1", "arrRemove", "buffers_2", "buffers_2_1", "catchError", "selector", "operate", "source", "subscriber", "innerSub", "syncUnsub", "handledResult", "createOperatorSubscriber", "err", "innerFrom", "scanInternals", "accumulator", "seed", "hasSeed", "emitOnNext", "emitBeforeComplete", "source", "subscriber", "hasState", "state", "index", "createOperatorSubscriber", "value", "i", "combineLatest", "args", "_i", "resultSelector", "popResultSelector", "pipe", "__spreadArray", "__read", "mapOneOrManyArgs", "operate", "source", "subscriber", "combineLatestInit", "argsOrArgArray", "combineLatestWith", "otherSources", "_i", "combineLatest", "__spreadArray", "__read", "debounce", "durationSelector", "operate", "source", "subscriber", "hasValue", "lastValue", "durationSubscriber", "emit", "value", "createOperatorSubscriber", "noop", "innerFrom", "debounceTime", "dueTime", "scheduler", "asyncScheduler", "operate", "source", "subscriber", "activeTask", "lastValue", "lastTime", "emit", "value", "emitWhenIdle", "targetTime", "now", "createOperatorSubscriber", "defaultIfEmpty", "defaultValue", "operate", "source", "subscriber", "hasValue", "createOperatorSubscriber", "value", "take", "count", "EMPTY", "operate", "source", "subscriber", "seen", "createOperatorSubscriber", "value", "ignoreElements", "operate", "source", "subscriber", "createOperatorSubscriber", "noop", "mapTo", "value", "map", "delayWhen", "delayDurationSelector", "subscriptionDelay", "source", "concat", "take", "ignoreElements", "mergeMap", "value", "index", "innerFrom", "mapTo", "delay", "due", "scheduler", "asyncScheduler", "duration", "timer", "delayWhen", "distinctUntilChanged", "comparator", "keySelector", "identity", "defaultCompare", "operate", "source", "subscriber", "previousKey", "first", "createOperatorSubscriber", "value", "currentKey", "a", "b", "distinctUntilKeyChanged", "key", "compare", "distinctUntilChanged", "x", "y", "throwIfEmpty", "errorFactory", "defaultErrorFactory", "operate", "source", "subscriber", "hasValue", "createOperatorSubscriber", "value", "EmptyError", "endWith", "values", "_i", "source", "concat", "of", "__spreadArray", "__read", "finalize", "callback", "operate", "source", "subscriber", "first", "predicate", "defaultValue", "hasDefaultValue", "source", "filter", "v", "identity", "take", "defaultIfEmpty", "throwIfEmpty", "EmptyError", "takeLast", "count", "EMPTY", "operate", "source", "subscriber", "buffer", "createOperatorSubscriber", "value", "buffer_1", "__values", "buffer_1_1", "merge", "args", "_i", "scheduler", "popScheduler", "concurrent", "popNumber", "argsOrArgArray", "operate", "source", "subscriber", "mergeAll", "from", "__spreadArray", "__read", "mergeWith", "otherSources", "_i", "merge", "__spreadArray", "__read", "repeat", "countOrConfig", "count", "delay", "_a", "EMPTY", "operate", "source", "subscriber", "soFar", "sourceSub", "resubscribe", "notifier", "timer", "innerFrom", "notifierSubscriber_1", "createOperatorSubscriber", "subscribeToSource", "syncUnsub", "scan", "accumulator", "seed", "operate", "scanInternals", "share", "options", "_a", "connector", "Subject", "_b", "resetOnError", "_c", "resetOnComplete", "_d", "resetOnRefCountZero", "wrapperSource", "connection", "resetConnection", "subject", "refCount", "hasCompleted", "hasErrored", "cancelReset", "reset", "resetAndUnsubscribe", "conn", "operate", "source", "subscriber", "dest", "handleReset", "SafeSubscriber", "value", "err", "innerFrom", "on", "args", "_i", "onSubscriber", "__spreadArray", "__read", "shareReplay", "configOrBufferSize", "windowTime", "scheduler", "bufferSize", "refCount", "_a", "_b", "_c", "share", "ReplaySubject", "skip", "count", "filter", "_", "index", "skipUntil", "notifier", "operate", "source", "subscriber", "taking", "skipSubscriber", "createOperatorSubscriber", "noop", "innerFrom", "value", "startWith", "values", "_i", "scheduler", "popScheduler", "operate", "source", "subscriber", "concat", "switchMap", "project", "resultSelector", "operate", "source", "subscriber", "innerSubscriber", "index", "isComplete", "checkComplete", "createOperatorSubscriber", "value", "innerIndex", "outerIndex", "innerFrom", "innerValue", "takeUntil", "notifier", "operate", "source", "subscriber", "innerFrom", "createOperatorSubscriber", "noop", "takeWhile", "predicate", "inclusive", "operate", "source", "subscriber", "index", "createOperatorSubscriber", "value", "result", "tap", "observerOrNext", "error", "complete", "tapObserver", "isFunction", "operate", "source", "subscriber", "_a", "isUnsub", "createOperatorSubscriber", "value", "err", "_b", "identity", "throttle", "durationSelector", "config", "operate", "source", "subscriber", "_a", "_b", "leading", "_c", "trailing", "hasValue", "sendValue", "throttled", "isComplete", "endThrottling", "send", "cleanupThrottling", "startThrottle", "value", "innerFrom", "createOperatorSubscriber", "throttleTime", "duration", "scheduler", "config", "asyncScheduler", "duration$", "timer", "throttle", "withLatestFrom", "inputs", "_i", "project", "popResultSelector", "operate", "source", "subscriber", "len", "otherValues", "hasValue", "ready", "i", "innerFrom", "createOperatorSubscriber", "value", "identity", "noop", "values", "__spreadArray", "__read", "zip", "sources", "_i", "operate", "source", "subscriber", "__spreadArray", "__read", "zipWith", "otherInputs", "_i", "zip", "__spreadArray", "__read", "watchDocument", "document$", "ReplaySubject", "fromEvent", "getElements", "selector", "node", "getElement", "el", "getOptionalElement", "getActiveElement", "_a", "_b", "_c", "_d", "observer$", "merge", "fromEvent", "debounceTime", "startWith", "map", "getActiveElement", "shareReplay", "watchElementFocus", "el", "active", "distinctUntilChanged", "watchElementHover", "el", "timeout", "defer", "merge", "fromEvent", "map", "debounce", "active", "timer", "identity", "startWith", "appendChild", "el", "child", "node", "h", "tag", "attributes", "children", "attr", "round", "value", "digits", "watchScript", "src", "script", "h", "defer", "merge", "fromEvent", "switchMap", "throwError", "map", "finalize", "take", "entry$", "Subject", "observer$", "defer", "watchScript", "of", "map", "entries", "entry", "switchMap", "observer", "merge", "NEVER", "finalize", "shareReplay", "getElementSize", "el", "watchElementSize", "target", "tap", "filter", "startWith", "getElementContentSize", "el", "getElementContainer", "parent", "getElementContainers", "containers", "getElementOffset", "el", "getElementOffsetAbsolute", "rect", "watchElementOffset", "merge", "fromEvent", "auditTime", "animationFrameScheduler", "map", "startWith", "getElementContentOffset", "el", "watchElementContentOffset", "merge", "fromEvent", "auditTime", "animationFrameScheduler", "map", "startWith", "entry$", "Subject", "observer$", "defer", "of", "entries", "entry", "switchMap", "observer", "merge", "NEVER", "finalize", "shareReplay", "watchElementVisibility", "el", "tap", "filter", "target", "map", "isIntersecting", "watchElementBoundary", "threshold", "watchElementContentOffset", "y", "visible", "getElementSize", "content", "getElementContentSize", "distinctUntilChanged", "toggles", "getElement", "getToggle", "name", "setToggle", "value", "watchToggle", "el", "fromEvent", "map", "startWith", "isSusceptibleToKeyboard", "el", "type", "watchComposition", "merge", "fromEvent", "map", "startWith", "watchKeyboard", "keyboard$", "filter", "ev", "getToggle", "mode", "active", "getActiveElement", "share", "switchMap", "EMPTY", "getLocation", "setLocation", "url", "navigate", "feature", "el", "h", "watchLocation", "Subject", "getLocationHash", "setLocationHash", "hash", "el", "h", "ev", "watchLocationHash", "location$", "merge", "fromEvent", "map", "startWith", "filter", "shareReplay", "watchLocationTarget", "id", "getOptionalElement", "watchMedia", "query", "media", "fromEventPattern", "next", "startWith", "watchPrint", "merge", "fromEvent", "map", "at", "query$", "factory", "switchMap", "active", "EMPTY", "request", "url", "options", "Observable", "observer", "req", "event", "_a", "length", "requestJSON", "switchMap", "res", "map", "body", "shareReplay", "requestHTML", "dom", "requestXML", "getViewportOffset", "watchViewportOffset", "merge", "fromEvent", "map", "startWith", "getViewportSize", "watchViewportSize", "fromEvent", "map", "startWith", "watchViewport", "combineLatest", "watchViewportOffset", "watchViewportSize", "map", "offset", "size", "shareReplay", "watchViewportAt", "el", "viewport$", "header$", "size$", "distinctUntilKeyChanged", "offset$", "combineLatest", "map", "getElementOffset", "height", "offset", "size", "x", "y", "recv", "worker", "fromEvent", "ev", "send", "send$", "Subject", "data", "watchWorker", "url", "recv$", "worker$", "done$", "ignoreElements", "endWith", "mergeWith", "takeUntil", "share", "script", "getElement", "config", "getLocation", "configuration", "feature", "flag", "translation", "key", "value", "getComponentElement", "type", "node", "getElement", "getComponentElements", "getElements", "watchAnnounce", "el", "button", "getElement", "fromEvent", "map", "content", "mountAnnounce", "feature", "EMPTY", "defer", "push$", "Subject", "hash", "tap", "state", "finalize", "__spreadValues", "watchConsent", "el", "target$", "map", "target", "mountConsent", "options", "internal$", "Subject", "hidden", "tap", "state", "finalize", "__spreadValues", "renderTooltip", "id", "style", "h", "renderInlineTooltip2", "children", "renderAnnotation", "id", "prefix", "anchor", "h", "renderTooltip", "renderClipboardButton", "id", "h", "translation", "import_escape_html", "renderSearchDocument", "document", "flag", "parent", "teaser", "missing", "key", "list", "h", "escapeHTML", "config", "configuration", "url", "feature", "match", "highlight", "value", "tags", "tag", "type", "translation", "renderSearchResultItem", "result", "threshold", "docs", "doc", "article", "index", "best", "more", "children", "section", "renderSourceFacts", "facts", "h", "key", "value", "round", "renderTabbedControl", "type", "classes", "h", "renderTable", "table", "h", "renderVersion", "version", "_a", "config", "configuration", "url", "h", "renderVersionSelector", "versions", "active", "translation", "sequence", "watchTooltip2", "el", "active$", "combineLatest", "watchElementFocus", "watchElementHover", "map", "focus", "hover", "distinctUntilChanged", "offset$", "defer", "getElementContainers", "mergeMap", "watchElementContentOffset", "throttleTime", "combineLatestWith", "getElementOffsetAbsolute", "first", "active", "switchMap", "offset", "share", "mountTooltip2", "dependencies", "content$", "viewport$", "id", "push$", "Subject", "show$", "BehaviorSubject", "ignoreElements", "endWith", "node$", "debounce", "timer", "queueScheduler", "EMPTY", "tap", "node", "startWith", "states", "origin$", "filter", "withLatestFrom", "_", "size", "host", "x", "height", "getElementSize", "origin", "getElement", "observeOn", "animationFrameScheduler", "state", "finalize", "__spreadValues", "mountInlineTooltip2", "container", "Observable", "observer", "title", "renderInlineTooltip2", "watchAnnotation", "el", "container", "offset$", "defer", "combineLatest", "watchElementOffset", "watchElementContentOffset", "map", "x", "y", "scroll", "width", "height", "getElementSize", "watchElementFocus", "switchMap", "active", "offset", "take", "mountAnnotation", "target$", "tooltip", "index", "push$", "Subject", "done$", "ignoreElements", "endWith", "watchElementVisibility", "takeUntil", "visible", "merge", "filter", "debounceTime", "auditTime", "animationFrameScheduler", "throttleTime", "origin", "fromEvent", "ev", "withLatestFrom", "_a", "parent", "getActiveElement", "target", "delay", "tap", "state", "finalize", "__spreadValues", "findHosts", "container", "getElements", "findMarkers", "markers", "el", "nodes", "it", "node", "text", "match", "id", "force", "marker", "swap", "source", "target", "mountAnnotationList", "target$", "print$", "parent", "prefix", "annotations", "getOptionalElement", "renderAnnotation", "EMPTY", "defer", "push$", "Subject", "done$", "ignoreElements", "endWith", "pairs", "annotation", "getElement", "takeUntil", "active", "inner", "child", "merge", "mountAnnotation", "finalize", "share", "findList", "el", "sibling", "mountAnnotationBlock", "options", "defer", "list", "mountAnnotationList", "EMPTY", "import_clipboard", "sequence", "findCandidateList", "el", "sibling", "watchCodeBlock", "watchElementSize", "map", "width", "getElementContentSize", "distinctUntilKeyChanged", "mountCodeBlock", "options", "hover", "factory$", "defer", "push$", "Subject", "done$", "takeLast", "scrollable", "content$", "ClipboardJS", "feature", "parent", "button", "renderClipboardButton", "mountInlineTooltip2", "container", "list", "annotations$", "mountAnnotationList", "takeUntil", "height", "distinctUntilChanged", "switchMap", "active", "EMPTY", "getElements", "tap", "state", "finalize", "__spreadValues", "mergeWith", "watchElementVisibility", "filter", "visible", "take", "watchDetails", "el", "target$", "print$", "open", "merge", "map", "target", "filter", "details", "active", "tap", "mountDetails", "options", "defer", "push$", "Subject", "action", "reveal", "state", "finalize", "__spreadValues", "mermaid_default", "mermaid$", "sequence", "fetchScripts", "watchScript", "of", "mountMermaid", "el", "tap", "mermaid_default", "map", "shareReplay", "__async", "id", "host", "h", "text", "svg", "fn", "shadow", "sentinel", "h", "mountDataTable", "el", "renderTable", "of", "watchContentTabs", "inputs", "initial", "input", "merge", "fromEvent", "map", "getElement", "startWith", "active", "mountContentTabs", "el", "viewport$", "target$", "container", "getElements", "prev", "renderTabbedControl", "next", "defer", "push$", "Subject", "done$", "ignoreElements", "endWith", "combineLatest", "watchElementSize", "watchElementVisibility", "takeUntil", "auditTime", "animationFrameScheduler", "size", "offset", "getElementOffset", "width", "getElementSize", "content", "getElementContentOffset", "watchElementContentOffset", "getElementContentSize", "direction", "filter", "label", "h", "ev", "tap", "feature", "skip", "withLatestFrom", "tab", "y", "set", "tabs", "media", "state", "finalize", "__spreadValues", "subscribeOn", "asyncScheduler", "mountContent", "el", "viewport$", "target$", "print$", "merge", "getElements", "child", "mountAnnotationBlock", "mountCodeBlock", "mountMermaid", "mountDataTable", "mountDetails", "mountContentTabs", "feature", "mountInlineTooltip2", "watchDialog", "_el", "alert$", "switchMap", "message", "merge", "of", "delay", "map", "active", "mountDialog", "el", "options", "inner", "getElement", "defer", "push$", "Subject", "tap", "state", "finalize", "__spreadValues", "sequence", "watchTooltip", "el", "host", "width", "getElementSize", "container", "getElementContainer", "scroll$", "watchElementContentOffset", "of", "active$", "merge", "watchElementFocus", "watchElementHover", "distinctUntilChanged", "combineLatest", "map", "active", "scroll", "x", "y", "getElementOffset", "size", "table", "mountTooltip", "title", "EMPTY", "id", "tooltip", "renderTooltip", "typeset", "getElement", "defer", "push$", "Subject", "offset", "filter", "debounceTime", "auditTime", "animationFrameScheduler", "throttleTime", "origin", "tap", "state", "finalize", "__spreadValues", "subscribeOn", "asyncScheduler", "isHidden", "viewport$", "feature", "of", "direction$", "map", "y", "bufferCount", "a", "b", "distinctUntilKeyChanged", "hidden$", "combineLatest", "filter", "offset", "direction", "distinctUntilChanged", "search$", "watchToggle", "search", "switchMap", "active", "startWith", "watchHeader", "el", "options", "defer", "watchElementSize", "height", "hidden", "shareReplay", "mountHeader", "header$", "main$", "push$", "Subject", "done$", "ignoreElements", "endWith", "combineLatestWith", "tooltips", "from", "getElements", "mergeMap", "child", "mountTooltip", "takeUntil", "state", "__spreadValues", "mergeWith", "watchHeaderTitle", "el", "viewport$", "header$", "watchViewportAt", "map", "y", "height", "getElementSize", "distinctUntilKeyChanged", "mountHeaderTitle", "options", "defer", "push$", "Subject", "active", "heading", "getOptionalElement", "EMPTY", "tap", "state", "finalize", "__spreadValues", "watchMain", "el", "viewport$", "header$", "adjust$", "map", "height", "distinctUntilChanged", "border$", "switchMap", "watchElementSize", "distinctUntilKeyChanged", "combineLatest", "header", "top", "bottom", "y", "a", "b", "watchPalette", "inputs", "current", "input", "index", "of", "mergeMap", "fromEvent", "map", "startWith", "shareReplay", "mountPalette", "el", "getElements", "meta", "h", "scheme", "media$", "watchMedia", "defer", "push$", "Subject", "palette", "media", "key", "value", "label", "filter", "ev", "withLatestFrom", "_", "header", "getComponentElement", "style", "color", "observeOn", "asyncScheduler", "takeUntil", "skip", "repeat", "tap", "state", "finalize", "__spreadValues", "mountProgress", "el", "progress$", "defer", "push$", "Subject", "value", "tap", "finalize", "map", "import_clipboard", "extract", "el", "copy", "text", "setupClipboardJS", "alert$", "ClipboardJS", "Observable", "subscriber", "getElement", "ev", "tap", "map", "translation", "resolve", "url", "base", "extract", "document", "sitemap", "el", "getElements", "getElement", "links", "link", "href", "fetchSitemap", "requestXML", "map", "catchError", "of", "handle", "ev", "sitemap", "EMPTY", "el", "url", "of", "head", "document", "tags", "getElements", "resolve", "key", "value", "inject", "next", "selector", "feature", "source", "getOptionalElement", "target", "html", "name", "container", "getComponentElement", "concat", "switchMap", "script", "Observable", "observer", "ignoreElements", "endWith", "setupInstantNavigation", "location$", "viewport$", "progress$", "config", "configuration", "sitemap$", "fetchSitemap", "instant$", "fromEvent", "combineLatestWith", "share", "history$", "map", "getLocation", "withLatestFrom", "offset", "merge", "document$", "distinctUntilKeyChanged", "requestHTML", "catchError", "setLocation", "_", "distinctUntilChanged", "a", "b", "tap", "_a", "_b", "setLocationHash", "debounceTime", "import_escape_html", "setupSearchHighlighter", "config", "regex", "term", "separator", "highlight", "_", "data", "query", "match", "value", "escapeHTML", "isSearchReadyMessage", "message", "isSearchResultMessage", "setupSearchWorker", "url", "index$", "worker$", "watchWorker", "merge", "of", "watchToggle", "first", "active", "switchMap", "config", "docs", "feature", "setupVersionSelector", "document$", "config", "configuration", "versions$", "requestJSON", "catchError", "EMPTY", "current$", "map", "versions", "current", "version", "aliases", "switchMap", "urls", "fromEvent", "filter", "ev", "withLatestFrom", "el", "url", "of", "fetchSitemap", "sitemap", "path", "getLocation", "setLocation", "combineLatest", "getElement", "renderVersionSelector", "_a", "outdated", "ignored", "main", "ignore", "warning", "getComponentElements", "watchSearchQuery", "el", "worker$", "searchParams", "getLocation", "setToggle", "watchToggle", "first", "active", "url", "focus$", "watchElementFocus", "value$", "merge", "isSearchReadyMessage", "fromEvent", "map", "distinctUntilChanged", "combineLatest", "value", "focus", "shareReplay", "mountSearchQuery", "push$", "Subject", "done$", "ignoreElements", "endWith", "_", "query", "distinctUntilKeyChanged", "takeUntil", "label", "getElement", "tap", "state", "finalize", "__spreadValues", "mountSearchResult", "el", "worker$", "query$", "push$", "Subject", "boundary$", "watchElementBoundary", "filter", "container", "meta", "getElement", "list", "watchToggle", "active", "withLatestFrom", "skipUntil", "first", "isSearchReadyMessage", "items", "value", "translation", "count", "round", "render$", "tap", "switchMap", "merge", "of", "bufferCount", "zipWith", "chunk", "map", "renderSearchResultItem", "share", "item", "mergeMap", "details", "getOptionalElement", "EMPTY", "fromEvent", "takeUntil", "isSearchResultMessage", "data", "state", "finalize", "__spreadValues", "watchSearchShare", "_el", "query$", "map", "value", "url", "getLocation", "mountSearchShare", "el", "options", "push$", "Subject", "done$", "ignoreElements", "endWith", "fromEvent", "takeUntil", "ev", "tap", "state", "finalize", "__spreadValues", "mountSearchSuggest", "el", "worker$", "keyboard$", "push$", "Subject", "query", "getComponentElement", "query$", "merge", "fromEvent", "observeOn", "asyncScheduler", "map", "distinctUntilChanged", "combineLatestWith", "suggest", "value", "words", "last", "filter", "mode", "key", "isSearchResultMessage", "data", "tap", "state", "finalize", "mountSearch", "el", "index$", "keyboard$", "config", "configuration", "worker$", "setupSearchWorker", "query", "getComponentElement", "result", "fromEvent", "filter", "target", "setToggle", "mode", "key", "active", "getActiveElement", "anchors", "anchor", "getElements", "article", "best", "a", "b", "els", "i", "query$", "mountSearchQuery", "merge", "mountSearchResult", "mergeWith", "getComponentElements", "child", "mountSearchShare", "mountSearchSuggest", "err", "NEVER", "mountSearchHiglight", "el", "index$", "location$", "combineLatest", "startWith", "getLocation", "filter", "url", "map", "index", "setupSearchHighlighter", "fn", "_a", "nodes", "it", "node", "original", "replaced", "text", "childNodes", "h", "watchSidebar", "el", "viewport$", "main$", "parent", "adjust", "combineLatest", "map", "offset", "height", "y", "distinctUntilChanged", "a", "b", "mountSidebar", "_a", "_b", "header$", "options", "__objRest", "inner", "getElement", "getElementOffset", "defer", "push$", "Subject", "done$", "ignoreElements", "endWith", "next$", "auditTime", "animationFrameScheduler", "withLatestFrom", "first", "item", "getElements", "container", "getElementSize", "from", "mergeMap", "label", "fromEvent", "observeOn", "asyncScheduler", "takeUntil", "input", "tap", "state", "finalize", "__spreadValues", "fetchSourceFactsFromGitHub", "user", "repo", "url", "zip", "requestJSON", "catchError", "EMPTY", "map", "release", "defaultIfEmpty", "info", "__spreadValues", "fetchSourceFactsFromGitLab", "base", "project", "url", "zip", "requestJSON", "catchError", "EMPTY", "map", "tag_name", "defaultIfEmpty", "star_count", "forks_count", "release", "info", "__spreadValues", "fetchSourceFacts", "url", "match", "user", "repo", "fetchSourceFactsFromGitHub", "base", "slug", "fetchSourceFactsFromGitLab", "EMPTY", "fetch$", "watchSource", "el", "defer", "cached", "of", "getComponentElements", "consent", "EMPTY", "fetchSourceFacts", "tap", "facts", "catchError", "filter", "map", "shareReplay", "mountSource", "inner", "getElement", "push$", "Subject", "renderSourceFacts", "state", "finalize", "__spreadValues", "watchTabs", "el", "viewport$", "header$", "watchElementSize", "switchMap", "watchViewportAt", "map", "y", "distinctUntilKeyChanged", "mountTabs", "options", "defer", "push$", "Subject", "hidden", "feature", "of", "tap", "state", "finalize", "__spreadValues", "watchTableOfContents", "el", "viewport$", "header$", "table", "anchors", "getElements", "anchor", "id", "target", "getOptionalElement", "adjust$", "distinctUntilKeyChanged", "map", "height", "main", "getComponentElement", "grid", "getElement", "share", "watchElementSize", "switchMap", "body", "defer", "path", "of", "index", "offset", "parent", "a", "b", "combineLatestWith", "adjust", "scan", "prev", "next", "y", "size", "last", "distinctUntilChanged", "startWith", "bufferCount", "mountTableOfContents", "main$", "target$", "push$", "Subject", "done$", "ignoreElements", "endWith", "feature", "smooth$", "merge", "debounceTime", "filter", "observeOn", "asyncScheduler", "withLatestFrom", "behavior", "container", "getElementContainer", "getElementSize", "takeUntil", "skip", "repeat", "url", "getLocation", "active", "hash", "tap", "state", "finalize", "__spreadValues", "watchBackToTop", "_el", "viewport$", "main$", "target$", "direction$", "map", "y", "bufferCount", "b", "distinctUntilChanged", "active$", "active", "combineLatest", "direction", "takeUntil", "skip", "endWith", "repeat", "hidden", "mountBackToTop", "el", "header$", "push$", "Subject", "done$", "ignoreElements", "distinctUntilKeyChanged", "height", "fromEvent", "ev", "tap", "state", "finalize", "__spreadValues", "patchEllipsis", "document$", "viewport$", "switchMap", "getElements", "mergeMap", "el", "watchElementVisibility", "takeUntil", "skip", "filter", "visible", "map", "take", "text", "host", "feature", "mountInlineTooltip2", "finalize", "EMPTY", "patchIndeterminate", "document$", "tablet$", "switchMap", "getElements", "tap", "el", "mergeMap", "fromEvent", "takeWhile", "map", "withLatestFrom", "tablet", "isAppleDevice", "patchScrollfix", "document$", "switchMap", "getElements", "tap", "el", "filter", "mergeMap", "fromEvent", "map", "top", "patchScrolllock", "viewport$", "tablet$", "combineLatest", "watchToggle", "map", "active", "tablet", "switchMap", "of", "delay", "withLatestFrom", "y", "value", "obj", "data", "key", "x", "y", "nodes", "parent", "i", "node", "fetchSearchIndex", "watchScript", "config", "map", "shareReplay", "requestJSON", "document$", "watchDocument", "location$", "watchLocation", "target$", "watchLocationTarget", "keyboard$", "watchKeyboard", "viewport$", "watchViewport", "tablet$", "watchMedia", "screen$", "print$", "watchPrint", "configuration", "index$", "NEVER", "alert$", "Subject", "setupClipboardJS", "progress$", "feature", "setupInstantNavigation", "_a", "setupVersionSelector", "merge", "delay", "setToggle", "filter", "mode", "key", "prev", "getOptionalElement", "setLocation", "next", "active", "getActiveElement", "patchEllipsis", "patchIndeterminate", "patchScrollfix", "patchScrolllock", "header$", "watchHeader", "getComponentElement", "main$", "switchMap", "el", "watchMain", "control$", "getComponentElements", "mountConsent", "mountDialog", "mountHeader", "mountPalette", "mountProgress", "mountSearch", "mountSource", "content$", "defer", "mountAnnounce", "mountContent", "mountSearchHiglight", "EMPTY", "mountHeaderTitle", "at", "mountSidebar", "mountTabs", "mountTableOfContents", "mountBackToTop", "component$", "mergeWith"]
+}
diff --git a/assets/javascripts/lunr/min/lunr.ar.min.js b/assets/javascripts/lunr/min/lunr.ar.min.js
new file mode 100644
index 0000000..9b06c26
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.ar.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.ar=function(){this.pipeline.reset(),this.pipeline.add(e.ar.trimmer,e.ar.stopWordFilter,e.ar.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.ar.stemmer))},e.ar.wordCharacters="ء-ٛٱـ",e.ar.trimmer=e.trimmerSupport.generateTrimmer(e.ar.wordCharacters),e.Pipeline.registerFunction(e.ar.trimmer,"trimmer-ar"),e.ar.stemmer=function(){var e=this;return e.result=!1,e.preRemoved=!1,e.sufRemoved=!1,e.pre={pre1:"ف ك ب و س ل ن ا ي ت",pre2:"ال لل",pre3:"بال وال فال تال كال ولل",pre4:"فبال كبال وبال وكال"},e.suf={suf1:"ه ك ت ن ا ي",suf2:"نك نه ها وك يا اه ون ين تن تم نا وا ان كم كن ني نن ما هم هن تك ته ات يه",suf3:"تين كهم نيه نهم ونه وها يهم ونا ونك وني وهم تكم تنا تها تني تهم كما كها ناه نكم هنا تان يها",suf4:"كموه ناها ونني ونهم تكما تموه تكاه كماه ناكم ناهم نيها وننا"},e.patterns=JSON.parse('{"pt43":[{"pt":[{"c":"ا","l":1}]},{"pt":[{"c":"ا,ت,ن,ي","l":0}],"mPt":[{"c":"ف","l":0,"m":1},{"c":"ع","l":1,"m":2},{"c":"ل","l":2,"m":3}]},{"pt":[{"c":"و","l":2}],"mPt":[{"c":"ف","l":0,"m":0},{"c":"ع","l":1,"m":1},{"c":"ل","l":2,"m":3}]},{"pt":[{"c":"ا","l":2}]},{"pt":[{"c":"ي","l":2}],"mPt":[{"c":"ف","l":0,"m":0},{"c":"ع","l":1,"m":1},{"c":"ا","l":2},{"c":"ل","l":3,"m":3}]},{"pt":[{"c":"م","l":0}]}],"pt53":[{"pt":[{"c":"ت","l":0},{"c":"ا","l":2}]},{"pt":[{"c":"ا,ن,ت,ي","l":0},{"c":"ت","l":2}],"mPt":[{"c":"ا","l":0},{"c":"ف","l":1,"m":1},{"c":"ت","l":2},{"c":"ع","l":3,"m":3},{"c":"ا","l":4},{"c":"ل","l":5,"m":4}]},{"pt":[{"c":"ا","l":0},{"c":"ا","l":2}],"mPt":[{"c":"ا","l":0},{"c":"ف","l":1,"m":1},{"c":"ع","l":2,"m":3},{"c":"ل","l":3,"m":4},{"c":"ا","l":4},{"c":"ل","l":5,"m":4}]},{"pt":[{"c":"ا","l":0},{"c":"ا","l":3}],"mPt":[{"c":"ف","l":0,"m":1},{"c":"ع","l":1,"m":2},{"c":"ل","l":2,"m":4}]},{"pt":[{"c":"ا","l":3},{"c":"ن","l":4}]},{"pt":[{"c":"ت","l":0},{"c":"ي","l":3}]},{"pt":[{"c":"م","l":0},{"c":"و","l":3}]},{"pt":[{"c":"ا","l":1},{"c":"و","l":3}]},{"pt":[{"c":"و","l":1},{"c":"ا","l":2}]},{"pt":[{"c":"م","l":0},{"c":"ا","l":3}]},{"pt":[{"c":"م","l":0},{"c":"ي","l":3}]},{"pt":[{"c":"ا","l":2},{"c":"ن","l":3}]},{"pt":[{"c":"م","l":0},{"c":"ن","l":1}],"mPt":[{"c":"ا","l":0},{"c":"ن","l":1},{"c":"ف","l":2,"m":2},{"c":"ع","l":3,"m":3},{"c":"ا","l":4},{"c":"ل","l":5,"m":4}]},{"pt":[{"c":"م","l":0},{"c":"ت","l":2}],"mPt":[{"c":"ا","l":0},{"c":"ف","l":1,"m":1},{"c":"ت","l":2},{"c":"ع","l":3,"m":3},{"c":"ا","l":4},{"c":"ل","l":5,"m":4}]},{"pt":[{"c":"م","l":0},{"c":"ا","l":2}]},{"pt":[{"c":"م","l":1},{"c":"ا","l":3}]},{"pt":[{"c":"ي,ت,ا,ن","l":0},{"c":"ت","l":1}],"mPt":[{"c":"ف","l":0,"m":2},{"c":"ع","l":1,"m":3},{"c":"ا","l":2},{"c":"ل","l":3,"m":4}]},{"pt":[{"c":"ت,ي,ا,ن","l":0},{"c":"ت","l":2}],"mPt":[{"c":"ا","l":0},{"c":"ف","l":1,"m":1},{"c":"ت","l":2},{"c":"ع","l":3,"m":3},{"c":"ا","l":4},{"c":"ل","l":5,"m":4}]},{"pt":[{"c":"ا","l":2},{"c":"ي","l":3}]},{"pt":[{"c":"ا,ي,ت,ن","l":0},{"c":"ن","l":1}],"mPt":[{"c":"ا","l":0},{"c":"ن","l":1},{"c":"ف","l":2,"m":2},{"c":"ع","l":3,"m":3},{"c":"ا","l":4},{"c":"ل","l":5,"m":4}]},{"pt":[{"c":"ا","l":3},{"c":"ء","l":4}]}],"pt63":[{"pt":[{"c":"ا","l":0},{"c":"ت","l":2},{"c":"ا","l":4}]},{"pt":[{"c":"ا,ت,ن,ي","l":0},{"c":"س","l":1},{"c":"ت","l":2}],"mPt":[{"c":"ا","l":0},{"c":"س","l":1},{"c":"ت","l":2},{"c":"ف","l":3,"m":3},{"c":"ع","l":4,"m":4},{"c":"ا","l":5},{"c":"ل","l":6,"m":5}]},{"pt":[{"c":"ا,ن,ت,ي","l":0},{"c":"و","l":3}]},{"pt":[{"c":"م","l":0},{"c":"س","l":1},{"c":"ت","l":2}],"mPt":[{"c":"ا","l":0},{"c":"س","l":1},{"c":"ت","l":2},{"c":"ف","l":3,"m":3},{"c":"ع","l":4,"m":4},{"c":"ا","l":5},{"c":"ل","l":6,"m":5}]},{"pt":[{"c":"ي","l":1},{"c":"ي","l":3},{"c":"ا","l":4},{"c":"ء","l":5}]},{"pt":[{"c":"ا","l":0},{"c":"ن","l":1},{"c":"ا","l":4}]}],"pt54":[{"pt":[{"c":"ت","l":0}]},{"pt":[{"c":"ا,ي,ت,ن","l":0}],"mPt":[{"c":"ا","l":0},{"c":"ف","l":1,"m":1},{"c":"ع","l":2,"m":2},{"c":"ل","l":3,"m":3},{"c":"ر","l":4,"m":4},{"c":"ا","l":5},{"c":"ر","l":6,"m":4}]},{"pt":[{"c":"م","l":0}],"mPt":[{"c":"ا","l":0},{"c":"ف","l":1,"m":1},{"c":"ع","l":2,"m":2},{"c":"ل","l":3,"m":3},{"c":"ر","l":4,"m":4},{"c":"ا","l":5},{"c":"ر","l":6,"m":4}]},{"pt":[{"c":"ا","l":2}]},{"pt":[{"c":"ا","l":0},{"c":"ن","l":2}]}],"pt64":[{"pt":[{"c":"ا","l":0},{"c":"ا","l":4}]},{"pt":[{"c":"م","l":0},{"c":"ت","l":1}]}],"pt73":[{"pt":[{"c":"ا","l":0},{"c":"س","l":1},{"c":"ت","l":2},{"c":"ا","l":5}]}],"pt75":[{"pt":[{"c":"ا","l":0},{"c":"ا","l":5}]}]}'),e.execArray=["cleanWord","removeDiacritics","cleanAlef","removeStopWords","normalizeHamzaAndAlef","removeStartWaw","removePre432","removeEndTaa","wordCheck"],e.stem=function(){var r=0;for(e.result=!1,e.preRemoved=!1,e.sufRemoved=!1;r<e.execArray.length&&1!=e.result;)e.result=e[e.execArray[r]](),r++},e.setCurrent=function(r){e.word=r},e.getCurrent=function(){return e.word},e.cleanWord=function(){var r=new RegExp("[^ء-ٛٱـ]");return e.word=e.word.replace(new RegExp("ـ","g"),""),!!r.test("")},e.removeDiacritics=function(){new RegExp("[ً-ٛ]");return e.word=e.word.replace(/[\u064b-\u065b]/gi,""),!1},e.cleanAlef=function(){var r=new RegExp("[آأإٱى]");return e.word=e.word.replace(r,"ا"),!1},e.removeStopWords=function(){if("، اض امين اه اها اي ا اب اجل اجمع اخ اخذ اصبح اضحى اقبل اقل اكثر الا ام اما امامك امامك امسى اما ان انا انت انتم انتما انتن انت انشا انى او اوشك اولئك اولئكم اولاء اولالك اوه اي ايا اين اينما اي ان اي اف اذ اذا اذا اذما اذن الى اليكم اليكما اليكن اليك اليك الا اما ان انما اي اياك اياكم اياكما اياكن ايانا اياه اياها اياهم اياهما اياهن اياي ايه ان ا ابتدا اثر اجل احد اخرى اخلولق اذا اربعة ارتد استحال اطار اعادة اعلنت اف اكثر اكد الالاء الالى الا الاخيرة الان الاول الاولى التى التي الثاني الثانية الذاتي الذى الذي الذين السابق الف اللائي اللاتي اللتان اللتيا اللتين اللذان اللذين اللواتي الماضي المقبل الوقت الى اليوم اما امام امس ان انبرى انقلب انه انها او اول اي ايار ايام ايضا ب بات باسم بان بخ برس بسبب بس بشكل بضع بطان بعد بعض بك بكم بكما بكن بل بلى بما بماذا بمن بن بنا به بها بي بيد بين بس بله بئس تان تانك تبدل تجاه تحول تلقاء تلك تلكم تلكما تم تينك تين ته تي ثلاثة ثم ثم ثمة ثم جعل جلل جميع جير حار حاشا حاليا حاي حتى حرى حسب حم حوالى حول حيث حيثما حين حي حبذا حتى حذار خلا خلال دون دونك ذا ذات ذاك ذانك ذان ذلك ذلكم ذلكما ذلكن ذو ذوا ذواتا ذواتي ذيت ذينك ذين ذه ذي راح رجع رويدك ريث رب زيارة سبحان سرعان سنة سنوات سوف سوى ساء ساءما شبه شخصا شرع شتان صار صباح صفر صه صه ضد ضمن طاق طالما طفق طق ظل عاد عام عاما عامة عدا عدة عدد عدم عسى عشر عشرة علق على عليك عليه عليها عل عن عند عندما عوض عين عدس عما غدا غير  ف فان فلان فو فى في فيم فيما فيه فيها قال قام قبل قد قط قلما قوة كانما كاين كاي كاين كاد كان كانت كذا كذلك كرب كل كلا كلاهما كلتا كلم كليكما كليهما كلما كلا كم كما كي كيت كيف كيفما كان كخ لئن لا لات لاسيما لدن لدى لعمر لقاء لك لكم لكما لكن لكنما لكي لكيلا للامم لم لما لما لن لنا له لها لو لوكالة لولا لوما لي لست لست لستم لستما لستن لست لسن لعل لكن ليت ليس ليسا ليستا ليست ليسوا لسنا ما ماانفك مابرح مادام ماذا مازال مافتئ مايو متى مثل مذ مساء مع معاذ مقابل مكانكم مكانكما مكانكن مكانك مليار مليون مما ممن من منذ منها مه مهما من من نحن نحو نعم نفس نفسه نهاية نخ نعما نعم ها هاؤم هاك هاهنا هب هذا هذه هكذا هل هلم هلا هم هما هن هنا هناك هنالك هو هي هيا هيت هيا هؤلاء هاتان هاتين هاته هاتي هج هذا هذان هذين هذه هذي هيهات و وا واحد واضاف واضافت واكد وان واها واوضح وراءك وفي وقال وقالت وقد وقف وكان وكانت ولا ولم ومن وهو وهي ويكان وي وشكان يكون يمكن يوم ايان".split(" ").indexOf(e.word)>=0)return!0},e.normalizeHamzaAndAlef=function(){return e.word=e.word.replace("ؤ","ء"),e.word=e.word.replace("ئ","ء"),e.word=e.word.replace(/([\u0627])\1+/gi,"ا"),!1},e.removeEndTaa=function(){return!(e.word.length>2)||(e.word=e.word.replace(/[\u0627]$/,""),e.word=e.word.replace("ة",""),!1)},e.removeStartWaw=function(){return e.word.length>3&&"و"==e.word[0]&&"و"==e.word[1]&&(e.word=e.word.slice(1)),!1},e.removePre432=function(){var r=e.word;if(e.word.length>=7){var t=new RegExp("^("+e.pre.pre4.split(" ").join("|")+")");e.word=e.word.replace(t,"")}if(e.word==r&&e.word.length>=6){var c=new RegExp("^("+e.pre.pre3.split(" ").join("|")+")");e.word=e.word.replace(c,"")}if(e.word==r&&e.word.length>=5){var l=new RegExp("^("+e.pre.pre2.split(" ").join("|")+")");e.word=e.word.replace(l,"")}return r!=e.word&&(e.preRemoved=!0),!1},e.patternCheck=function(r){for(var t=0;t<r.length;t++){for(var c=!0,l=0;l<r[t].pt.length;l++){var n=r[t].pt[l].c.split(","),o=!1;if(n.forEach(function(c){e.word[r[t].pt[l].l]==c&&(o=!0)}),!o){c=!1;break}}if(1==c){if(r[t].mPt){for(var p=[],m=0;m<r[t].mPt.length;m++)null!=r[t].mPt[m].m?p[r[t].mPt[m].l]=e.word[r[t].mPt[m].m]:p[r[t].mPt[m].l]=r[t].mPt[m].c;e.word=p.join("")}e.result=!0;break}}},e.removePre1=function(){var r=e.word;if(0==e.preRemoved&&e.word.length>3){var t=new RegExp("^("+e.pre.pre1.split(" ").join("|")+")");e.word=e.word.replace(t,"")}return r!=e.word&&(e.preRemoved=!0),!1},e.removeSuf1=function(){var r=e.word;if(0==e.sufRemoved&&e.word.length>3){var t=new RegExp("("+e.suf.suf1.split(" ").join("|")+")$");e.word=e.word.replace(t,"")}return r!=e.word&&(e.sufRemoved=!0),!1},e.removeSuf432=function(){var r=e.word;if(e.word.length>=6){var t=new RegExp("("+e.suf.suf4.split(" ").join("|")+")$");e.word=e.word.replace(t,"")}if(e.word==r&&e.word.length>=5){var c=new RegExp("("+e.suf.suf3.split(" ").join("|")+")$");e.word=e.word.replace(c,"")}if(e.word==r&&e.word.length>=4){var l=new RegExp("("+e.suf.suf2.split(" ").join("|")+")$");e.word=e.word.replace(l,"")}return r!=e.word&&(e.sufRemoved=!0),!1},e.wordCheck=function(){for(var r=(e.word,[e.removeSuf432,e.removeSuf1,e.removePre1]),t=0,c=!1;e.word.length>=7&&!e.result&&t<r.length;)7!=e.word.length||c?(r[t](),t++,c=!1):(e.checkPattern73(),c=!0);var l=[e.checkPattern63,e.removeSuf432,e.removeSuf1,e.removePre1,e.checkPattern64];for(t=0;6==e.word.length&&!e.result&&t<l.length;)l[t](),t++;var n=[e.checkPattern53,e.removeSuf432,e.removeSuf1,e.removePre1,e.checkPattern54];for(t=0;5==e.word.length&&!e.result&&t<n.length;)n[t](),t++;var o=[e.checkPattern43,e.removeSuf1,e.removePre1,e.removeSuf432];for(t=0;4==e.word.length&&!e.result&&t<o.length;)o[t](),t++;return!0},e.checkPattern43=function(){e.patternCheck(e.patterns.pt43)},e.checkPattern53=function(){e.patternCheck(e.patterns.pt53)},e.checkPattern54=function(){e.patternCheck(e.patterns.pt54)},e.checkPattern63=function(){e.patternCheck(e.patterns.pt63)},e.checkPattern64=function(){e.patternCheck(e.patterns.pt64)},e.checkPattern73=function(){e.patternCheck(e.patterns.pt73)},function(r){return"function"==typeof r.update?r.update(function(r){return e.setCurrent(r),e.stem(),e.getCurrent()}):(e.setCurrent(r),e.stem(),e.getCurrent())}}(),e.Pipeline.registerFunction(e.ar.stemmer,"stemmer-ar"),e.ar.stopWordFilter=e.generateStopWordFilter("، اض امين اه اها اي ا اب اجل اجمع اخ اخذ اصبح اضحى اقبل اقل اكثر الا ام اما امامك امامك امسى اما ان انا انت انتم انتما انتن انت انشا انى او اوشك اولئك اولئكم اولاء اولالك اوه اي ايا اين اينما اي ان اي اف اذ اذا اذا اذما اذن الى اليكم اليكما اليكن اليك اليك الا اما ان انما اي اياك اياكم اياكما اياكن ايانا اياه اياها اياهم اياهما اياهن اياي ايه ان ا ابتدا اثر اجل احد اخرى اخلولق اذا اربعة ارتد استحال اطار اعادة اعلنت اف اكثر اكد الالاء الالى الا الاخيرة الان الاول الاولى التى التي الثاني الثانية الذاتي الذى الذي الذين السابق الف اللائي اللاتي اللتان اللتيا اللتين اللذان اللذين اللواتي الماضي المقبل الوقت الى اليوم اما امام امس ان انبرى انقلب انه انها او اول اي ايار ايام ايضا ب بات باسم بان بخ برس بسبب بس بشكل بضع بطان بعد بعض بك بكم بكما بكن بل بلى بما بماذا بمن بن بنا به بها بي بيد بين بس بله بئس تان تانك تبدل تجاه تحول تلقاء تلك تلكم تلكما تم تينك تين ته تي ثلاثة ثم ثم ثمة ثم جعل جلل جميع جير حار حاشا حاليا حاي حتى حرى حسب حم حوالى حول حيث حيثما حين حي حبذا حتى حذار خلا خلال دون دونك ذا ذات ذاك ذانك ذان ذلك ذلكم ذلكما ذلكن ذو ذوا ذواتا ذواتي ذيت ذينك ذين ذه ذي راح رجع رويدك ريث رب زيارة سبحان سرعان سنة سنوات سوف سوى ساء ساءما شبه شخصا شرع شتان صار صباح صفر صه صه ضد ضمن طاق طالما طفق طق ظل عاد عام عاما عامة عدا عدة عدد عدم عسى عشر عشرة علق على عليك عليه عليها عل عن عند عندما عوض عين عدس عما غدا غير  ف فان فلان فو فى في فيم فيما فيه فيها قال قام قبل قد قط قلما قوة كانما كاين كاي كاين كاد كان كانت كذا كذلك كرب كل كلا كلاهما كلتا كلم كليكما كليهما كلما كلا كم كما كي كيت كيف كيفما كان كخ لئن لا لات لاسيما لدن لدى لعمر لقاء لك لكم لكما لكن لكنما لكي لكيلا للامم لم لما لما لن لنا له لها لو لوكالة لولا لوما لي لست لست لستم لستما لستن لست لسن لعل لكن ليت ليس ليسا ليستا ليست ليسوا لسنا ما ماانفك مابرح مادام ماذا مازال مافتئ مايو متى مثل مذ مساء مع معاذ مقابل مكانكم مكانكما مكانكن مكانك مليار مليون مما ممن من منذ منها مه مهما من من نحن نحو نعم نفس نفسه نهاية نخ نعما نعم ها هاؤم هاك هاهنا هب هذا هذه هكذا هل هلم هلا هم هما هن هنا هناك هنالك هو هي هيا هيت هيا هؤلاء هاتان هاتين هاته هاتي هج هذا هذان هذين هذه هذي هيهات وا واحد واضاف واضافت واكد وان واها واوضح وراءك وفي وقال وقالت وقد وقف وكان وكانت ولا ولم ومن وهو وهي ويكان وي وشكان يكون يمكن يوم ايان".split(" ")),e.Pipeline.registerFunction(e.ar.stopWordFilter,"stopWordFilter-ar")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.da.min.js b/assets/javascripts/lunr/min/lunr.da.min.js
new file mode 100644
index 0000000..b9d8509
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.da.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Danish` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.da=function(){this.pipeline.reset(),this.pipeline.add(e.da.trimmer,e.da.stopWordFilter,e.da.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.da.stemmer))},e.da.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.da.trimmer=e.trimmerSupport.generateTrimmer(e.da.wordCharacters),e.Pipeline.registerFunction(e.da.trimmer,"trimmer-da"),e.da.stemmer=function(){var r=e.stemmerSupport.Among,i=e.stemmerSupport.SnowballProgram,n=new function(){function e(){var e,r=f.cursor+3;if(d=f.limit,0<=r&&r<=f.limit){for(a=r;;){if(e=f.cursor,f.in_grouping(w,97,248)){f.cursor=e;break}if(f.cursor=e,e>=f.limit)return;f.cursor++}for(;!f.out_grouping(w,97,248);){if(f.cursor>=f.limit)return;f.cursor++}d=f.cursor,d<a&&(d=a)}}function n(){var e,r;if(f.cursor>=d&&(r=f.limit_backward,f.limit_backward=d,f.ket=f.cursor,e=f.find_among_b(c,32),f.limit_backward=r,e))switch(f.bra=f.cursor,e){case 1:f.slice_del();break;case 2:f.in_grouping_b(p,97,229)&&f.slice_del()}}function t(){var e,r=f.limit-f.cursor;f.cursor>=d&&(e=f.limit_backward,f.limit_backward=d,f.ket=f.cursor,f.find_among_b(l,4)?(f.bra=f.cursor,f.limit_backward=e,f.cursor=f.limit-r,f.cursor>f.limit_backward&&(f.cursor--,f.bra=f.cursor,f.slice_del())):f.limit_backward=e)}function s(){var e,r,i,n=f.limit-f.cursor;if(f.ket=f.cursor,f.eq_s_b(2,"st")&&(f.bra=f.cursor,f.eq_s_b(2,"ig")&&f.slice_del()),f.cursor=f.limit-n,f.cursor>=d&&(r=f.limit_backward,f.limit_backward=d,f.ket=f.cursor,e=f.find_among_b(m,5),f.limit_backward=r,e))switch(f.bra=f.cursor,e){case 1:f.slice_del(),i=f.limit-f.cursor,t(),f.cursor=f.limit-i;break;case 2:f.slice_from("løs")}}function o(){var e;f.cursor>=d&&(e=f.limit_backward,f.limit_backward=d,f.ket=f.cursor,f.out_grouping_b(w,97,248)?(f.bra=f.cursor,u=f.slice_to(u),f.limit_backward=e,f.eq_v_b(u)&&f.slice_del()):f.limit_backward=e)}var a,d,u,c=[new r("hed",-1,1),new r("ethed",0,1),new r("ered",-1,1),new r("e",-1,1),new r("erede",3,1),new r("ende",3,1),new r("erende",5,1),new r("ene",3,1),new r("erne",3,1),new r("ere",3,1),new r("en",-1,1),new r("heden",10,1),new r("eren",10,1),new r("er",-1,1),new r("heder",13,1),new r("erer",13,1),new r("s",-1,2),new r("heds",16,1),new r("es",16,1),new r("endes",18,1),new r("erendes",19,1),new r("enes",18,1),new r("ernes",18,1),new r("eres",18,1),new r("ens",16,1),new r("hedens",24,1),new r("erens",24,1),new r("ers",16,1),new r("ets",16,1),new r("erets",28,1),new r("et",-1,1),new r("eret",30,1)],l=[new r("gd",-1,-1),new r("dt",-1,-1),new r("gt",-1,-1),new r("kt",-1,-1)],m=[new r("ig",-1,1),new r("lig",0,1),new r("elig",1,1),new r("els",-1,1),new r("løst",-1,2)],w=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,48,0,128],p=[239,254,42,3,0,0,0,0,0,0,0,0,0,0,0,0,16],f=new i;this.setCurrent=function(e){f.setCurrent(e)},this.getCurrent=function(){return f.getCurrent()},this.stem=function(){var r=f.cursor;return e(),f.limit_backward=r,f.cursor=f.limit,n(),f.cursor=f.limit,t(),f.cursor=f.limit,s(),f.cursor=f.limit,o(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return n.setCurrent(e),n.stem(),n.getCurrent()}):(n.setCurrent(e),n.stem(),n.getCurrent())}}(),e.Pipeline.registerFunction(e.da.stemmer,"stemmer-da"),e.da.stopWordFilter=e.generateStopWordFilter("ad af alle alt anden at blev blive bliver da de dem den denne der deres det dette dig din disse dog du efter eller en end er et for fra ham han hans har havde have hende hendes her hos hun hvad hvis hvor i ikke ind jeg jer jo kunne man mange med meget men mig min mine mit mod ned noget nogle nu når og også om op os over på selv sig sin sine sit skal skulle som sådan thi til ud under var vi vil ville vor være været".split(" ")),e.Pipeline.registerFunction(e.da.stopWordFilter,"stopWordFilter-da")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.de.min.js b/assets/javascripts/lunr/min/lunr.de.min.js
new file mode 100644
index 0000000..f3b5c10
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.de.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `German` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.de=function(){this.pipeline.reset(),this.pipeline.add(e.de.trimmer,e.de.stopWordFilter,e.de.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.de.stemmer))},e.de.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.de.trimmer=e.trimmerSupport.generateTrimmer(e.de.wordCharacters),e.Pipeline.registerFunction(e.de.trimmer,"trimmer-de"),e.de.stemmer=function(){var r=e.stemmerSupport.Among,n=e.stemmerSupport.SnowballProgram,i=new function(){function e(e,r,n){return!(!v.eq_s(1,e)||(v.ket=v.cursor,!v.in_grouping(p,97,252)))&&(v.slice_from(r),v.cursor=n,!0)}function i(){for(var r,n,i,s,t=v.cursor;;)if(r=v.cursor,v.bra=r,v.eq_s(1,"ß"))v.ket=v.cursor,v.slice_from("ss");else{if(r>=v.limit)break;v.cursor=r+1}for(v.cursor=t;;)for(n=v.cursor;;){if(i=v.cursor,v.in_grouping(p,97,252)){if(s=v.cursor,v.bra=s,e("u","U",i))break;if(v.cursor=s,e("y","Y",i))break}if(i>=v.limit)return void(v.cursor=n);v.cursor=i+1}}function s(){for(;!v.in_grouping(p,97,252);){if(v.cursor>=v.limit)return!0;v.cursor++}for(;!v.out_grouping(p,97,252);){if(v.cursor>=v.limit)return!0;v.cursor++}return!1}function t(){m=v.limit,l=m;var e=v.cursor+3;0<=e&&e<=v.limit&&(d=e,s()||(m=v.cursor,m<d&&(m=d),s()||(l=v.cursor)))}function o(){for(var e,r;;){if(r=v.cursor,v.bra=r,!(e=v.find_among(h,6)))return;switch(v.ket=v.cursor,e){case 1:v.slice_from("y");break;case 2:case 5:v.slice_from("u");break;case 3:v.slice_from("a");break;case 4:v.slice_from("o");break;case 6:if(v.cursor>=v.limit)return;v.cursor++}}}function c(){return m<=v.cursor}function u(){return l<=v.cursor}function a(){var e,r,n,i,s=v.limit-v.cursor;if(v.ket=v.cursor,(e=v.find_among_b(w,7))&&(v.bra=v.cursor,c()))switch(e){case 1:v.slice_del();break;case 2:v.slice_del(),v.ket=v.cursor,v.eq_s_b(1,"s")&&(v.bra=v.cursor,v.eq_s_b(3,"nis")&&v.slice_del());break;case 3:v.in_grouping_b(g,98,116)&&v.slice_del()}if(v.cursor=v.limit-s,v.ket=v.cursor,(e=v.find_among_b(f,4))&&(v.bra=v.cursor,c()))switch(e){case 1:v.slice_del();break;case 2:if(v.in_grouping_b(k,98,116)){var t=v.cursor-3;v.limit_backward<=t&&t<=v.limit&&(v.cursor=t,v.slice_del())}}if(v.cursor=v.limit-s,v.ket=v.cursor,(e=v.find_among_b(_,8))&&(v.bra=v.cursor,u()))switch(e){case 1:v.slice_del(),v.ket=v.cursor,v.eq_s_b(2,"ig")&&(v.bra=v.cursor,r=v.limit-v.cursor,v.eq_s_b(1,"e")||(v.cursor=v.limit-r,u()&&v.slice_del()));break;case 2:n=v.limit-v.cursor,v.eq_s_b(1,"e")||(v.cursor=v.limit-n,v.slice_del());break;case 3:if(v.slice_del(),v.ket=v.cursor,i=v.limit-v.cursor,!v.eq_s_b(2,"er")&&(v.cursor=v.limit-i,!v.eq_s_b(2,"en")))break;v.bra=v.cursor,c()&&v.slice_del();break;case 4:v.slice_del(),v.ket=v.cursor,e=v.find_among_b(b,2),e&&(v.bra=v.cursor,u()&&1==e&&v.slice_del())}}var d,l,m,h=[new r("",-1,6),new r("U",0,2),new r("Y",0,1),new r("ä",0,3),new r("ö",0,4),new r("ü",0,5)],w=[new r("e",-1,2),new r("em",-1,1),new r("en",-1,2),new r("ern",-1,1),new r("er",-1,1),new r("s",-1,3),new r("es",5,2)],f=[new r("en",-1,1),new r("er",-1,1),new r("st",-1,2),new r("est",2,1)],b=[new r("ig",-1,1),new r("lich",-1,1)],_=[new r("end",-1,1),new r("ig",-1,2),new r("ung",-1,1),new r("lich",-1,3),new r("isch",-1,2),new r("ik",-1,2),new r("heit",-1,3),new r("keit",-1,4)],p=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,8,0,32,8],g=[117,30,5],k=[117,30,4],v=new n;this.setCurrent=function(e){v.setCurrent(e)},this.getCurrent=function(){return v.getCurrent()},this.stem=function(){var e=v.cursor;return i(),v.cursor=e,t(),v.limit_backward=e,v.cursor=v.limit,a(),v.cursor=v.limit_backward,o(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return i.setCurrent(e),i.stem(),i.getCurrent()}):(i.setCurrent(e),i.stem(),i.getCurrent())}}(),e.Pipeline.registerFunction(e.de.stemmer,"stemmer-de"),e.de.stopWordFilter=e.generateStopWordFilter("aber alle allem allen aller alles als also am an ander andere anderem anderen anderer anderes anderm andern anderr anders auch auf aus bei bin bis bist da damit dann das dasselbe dazu daß dein deine deinem deinen deiner deines dem demselben den denn denselben der derer derselbe derselben des desselben dessen dich die dies diese dieselbe dieselben diesem diesen dieser dieses dir doch dort du durch ein eine einem einen einer eines einig einige einigem einigen einiger einiges einmal er es etwas euch euer eure eurem euren eurer eures für gegen gewesen hab habe haben hat hatte hatten hier hin hinter ich ihm ihn ihnen ihr ihre ihrem ihren ihrer ihres im in indem ins ist jede jedem jeden jeder jedes jene jenem jenen jener jenes jetzt kann kein keine keinem keinen keiner keines können könnte machen man manche manchem manchen mancher manches mein meine meinem meinen meiner meines mich mir mit muss musste nach nicht nichts noch nun nur ob oder ohne sehr sein seine seinem seinen seiner seines selbst sich sie sind so solche solchem solchen solcher solches soll sollte sondern sonst um und uns unse unsem unsen unser unses unter viel vom von vor war waren warst was weg weil weiter welche welchem welchen welcher welches wenn werde werden wie wieder will wir wird wirst wo wollen wollte während würde würden zu zum zur zwar zwischen über".split(" ")),e.Pipeline.registerFunction(e.de.stopWordFilter,"stopWordFilter-de")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.du.min.js b/assets/javascripts/lunr/min/lunr.du.min.js
new file mode 100644
index 0000000..49a0f3f
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.du.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Dutch` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");console.warn('[Lunr Languages] Please use the "nl" instead of the "du". The "nl" code is the standard code for Dutch language, and "du" will be removed in the next major versions.'),e.du=function(){this.pipeline.reset(),this.pipeline.add(e.du.trimmer,e.du.stopWordFilter,e.du.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.du.stemmer))},e.du.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.du.trimmer=e.trimmerSupport.generateTrimmer(e.du.wordCharacters),e.Pipeline.registerFunction(e.du.trimmer,"trimmer-du"),e.du.stemmer=function(){var r=e.stemmerSupport.Among,i=e.stemmerSupport.SnowballProgram,n=new function(){function e(){for(var e,r,i,o=C.cursor;;){if(C.bra=C.cursor,e=C.find_among(b,11))switch(C.ket=C.cursor,e){case 1:C.slice_from("a");continue;case 2:C.slice_from("e");continue;case 3:C.slice_from("i");continue;case 4:C.slice_from("o");continue;case 5:C.slice_from("u");continue;case 6:if(C.cursor>=C.limit)break;C.cursor++;continue}break}for(C.cursor=o,C.bra=o,C.eq_s(1,"y")?(C.ket=C.cursor,C.slice_from("Y")):C.cursor=o;;)if(r=C.cursor,C.in_grouping(q,97,232)){if(i=C.cursor,C.bra=i,C.eq_s(1,"i"))C.ket=C.cursor,C.in_grouping(q,97,232)&&(C.slice_from("I"),C.cursor=r);else if(C.cursor=i,C.eq_s(1,"y"))C.ket=C.cursor,C.slice_from("Y"),C.cursor=r;else if(n(r))break}else if(n(r))break}function n(e){return C.cursor=e,e>=C.limit||(C.cursor++,!1)}function o(){_=C.limit,f=_,t()||(_=C.cursor,_<3&&(_=3),t()||(f=C.cursor))}function t(){for(;!C.in_grouping(q,97,232);){if(C.cursor>=C.limit)return!0;C.cursor++}for(;!C.out_grouping(q,97,232);){if(C.cursor>=C.limit)return!0;C.cursor++}return!1}function s(){for(var e;;)if(C.bra=C.cursor,e=C.find_among(p,3))switch(C.ket=C.cursor,e){case 1:C.slice_from("y");break;case 2:C.slice_from("i");break;case 3:if(C.cursor>=C.limit)return;C.cursor++}}function u(){return _<=C.cursor}function c(){return f<=C.cursor}function a(){var e=C.limit-C.cursor;C.find_among_b(g,3)&&(C.cursor=C.limit-e,C.ket=C.cursor,C.cursor>C.limit_backward&&(C.cursor--,C.bra=C.cursor,C.slice_del()))}function l(){var e;w=!1,C.ket=C.cursor,C.eq_s_b(1,"e")&&(C.bra=C.cursor,u()&&(e=C.limit-C.cursor,C.out_grouping_b(q,97,232)&&(C.cursor=C.limit-e,C.slice_del(),w=!0,a())))}function m(){var e;u()&&(e=C.limit-C.cursor,C.out_grouping_b(q,97,232)&&(C.cursor=C.limit-e,C.eq_s_b(3,"gem")||(C.cursor=C.limit-e,C.slice_del(),a())))}function d(){var e,r,i,n,o,t,s=C.limit-C.cursor;if(C.ket=C.cursor,e=C.find_among_b(h,5))switch(C.bra=C.cursor,e){case 1:u()&&C.slice_from("heid");break;case 2:m();break;case 3:u()&&C.out_grouping_b(z,97,232)&&C.slice_del()}if(C.cursor=C.limit-s,l(),C.cursor=C.limit-s,C.ket=C.cursor,C.eq_s_b(4,"heid")&&(C.bra=C.cursor,c()&&(r=C.limit-C.cursor,C.eq_s_b(1,"c")||(C.cursor=C.limit-r,C.slice_del(),C.ket=C.cursor,C.eq_s_b(2,"en")&&(C.bra=C.cursor,m())))),C.cursor=C.limit-s,C.ket=C.cursor,e=C.find_among_b(k,6))switch(C.bra=C.cursor,e){case 1:if(c()){if(C.slice_del(),i=C.limit-C.cursor,C.ket=C.cursor,C.eq_s_b(2,"ig")&&(C.bra=C.cursor,c()&&(n=C.limit-C.cursor,!C.eq_s_b(1,"e")))){C.cursor=C.limit-n,C.slice_del();break}C.cursor=C.limit-i,a()}break;case 2:c()&&(o=C.limit-C.cursor,C.eq_s_b(1,"e")||(C.cursor=C.limit-o,C.slice_del()));break;case 3:c()&&(C.slice_del(),l());break;case 4:c()&&C.slice_del();break;case 5:c()&&w&&C.slice_del()}C.cursor=C.limit-s,C.out_grouping_b(j,73,232)&&(t=C.limit-C.cursor,C.find_among_b(v,4)&&C.out_grouping_b(q,97,232)&&(C.cursor=C.limit-t,C.ket=C.cursor,C.cursor>C.limit_backward&&(C.cursor--,C.bra=C.cursor,C.slice_del())))}var f,_,w,b=[new r("",-1,6),new r("á",0,1),new r("ä",0,1),new r("é",0,2),new r("ë",0,2),new r("í",0,3),new r("ï",0,3),new r("ó",0,4),new r("ö",0,4),new r("ú",0,5),new r("ü",0,5)],p=[new r("",-1,3),new r("I",0,2),new r("Y",0,1)],g=[new r("dd",-1,-1),new r("kk",-1,-1),new r("tt",-1,-1)],h=[new r("ene",-1,2),new r("se",-1,3),new r("en",-1,2),new r("heden",2,1),new r("s",-1,3)],k=[new r("end",-1,1),new r("ig",-1,2),new r("ing",-1,1),new r("lijk",-1,3),new r("baar",-1,4),new r("bar",-1,5)],v=[new r("aa",-1,-1),new r("ee",-1,-1),new r("oo",-1,-1),new r("uu",-1,-1)],q=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,128],j=[1,0,0,17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,128],z=[17,67,16,1,0,0,0,0,0,0,0,0,0,0,0,0,128],C=new i;this.setCurrent=function(e){C.setCurrent(e)},this.getCurrent=function(){return C.getCurrent()},this.stem=function(){var r=C.cursor;return e(),C.cursor=r,o(),C.limit_backward=r,C.cursor=C.limit,d(),C.cursor=C.limit_backward,s(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return n.setCurrent(e),n.stem(),n.getCurrent()}):(n.setCurrent(e),n.stem(),n.getCurrent())}}(),e.Pipeline.registerFunction(e.du.stemmer,"stemmer-du"),e.du.stopWordFilter=e.generateStopWordFilter(" aan al alles als altijd andere ben bij daar dan dat de der deze die dit doch doen door dus een eens en er ge geen geweest haar had heb hebben heeft hem het hier hij hoe hun iemand iets ik in is ja je kan kon kunnen maar me meer men met mij mijn moet na naar niet niets nog nu of om omdat onder ons ook op over reeds te tegen toch toen tot u uit uw van veel voor want waren was wat werd wezen wie wil worden wordt zal ze zelf zich zij zijn zo zonder zou".split(" ")),e.Pipeline.registerFunction(e.du.stopWordFilter,"stopWordFilter-du")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.el.min.js b/assets/javascripts/lunr/min/lunr.el.min.js
new file mode 100644
index 0000000..ace017b
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.el.min.js
@@ -0,0 +1 @@
+!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():t()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.el=function(){this.pipeline.reset(),void 0===this.searchPipeline&&this.pipeline.add(e.el.trimmer,e.el.normilizer),this.pipeline.add(e.el.stopWordFilter,e.el.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.el.stemmer))},e.el.wordCharacters="A-Za-zΑαΒβΓγΔδΕεΖζΗηΘθΙιΚκΛλΜμΝνΞξΟοΠπΡρΣσςΤτΥυΦφΧχΨψΩωΆάΈέΉήΊίΌόΎύΏώΪΐΫΰΐΰ",e.el.trimmer=e.trimmerSupport.generateTrimmer(e.el.wordCharacters),e.Pipeline.registerFunction(e.el.trimmer,"trimmer-el"),e.el.stemmer=function(){function e(e){return s.test(e)}function t(e){return/[ΑΕΗΙΟΥΩ]$/.test(e)}function r(e){return/[ΑΕΗΙΟΩ]$/.test(e)}function n(n){var s=n;if(n.length<3)return s;if(!e(n))return s;if(i.indexOf(n)>=0)return s;var u=new RegExp("(.*)("+Object.keys(l).join("|")+")$"),o=u.exec(s);return null!==o&&(s=o[1]+l[o[2]]),null!==(o=/^(.+?)(ΑΔΕΣ|ΑΔΩΝ)$/.exec(s))&&(s=o[1],/(ΟΚ|ΜΑΜ|ΜΑΝ|ΜΠΑΜΠ|ΠΑΤΕΡ|ΓΙΑΓΙ|ΝΤΑΝΤ|ΚΥΡ|ΘΕΙ|ΠΕΘΕΡ|ΜΟΥΣΑΜ|ΚΑΠΛΑΜ|ΠΑΡ|ΨΑΡ|ΤΖΟΥΡ|ΤΑΜΠΟΥΡ|ΓΑΛΑΤ|ΦΑΦΛΑΤ)$/.test(o[1])||(s+="ΑΔ")),null!==(o=/^(.+?)(ΕΔΕΣ|ΕΔΩΝ)$/.exec(s))&&(s=o[1],/(ΟΠ|ΙΠ|ΕΜΠ|ΥΠ|ΓΗΠ|ΔΑΠ|ΚΡΑΣΠ|ΜΙΛ)$/.test(o[1])&&(s+="ΕΔ")),null!==(o=/^(.+?)(ΟΥΔΕΣ|ΟΥΔΩΝ)$/.exec(s))&&(s=o[1],/(ΑΡΚ|ΚΑΛΙΑΚ|ΠΕΤΑΛ|ΛΙΧ|ΠΛΕΞ|ΣΚ|Σ|ΦΛ|ΦΡ|ΒΕΛ|ΛΟΥΛ|ΧΝ|ΣΠ|ΤΡΑΓ|ΦΕ)$/.test(o[1])&&(s+="ΟΥΔ")),null!==(o=/^(.+?)(ΕΩΣ|ΕΩΝ|ΕΑΣ|ΕΑ)$/.exec(s))&&(s=o[1],/^(Θ|Δ|ΕΛ|ΓΑΛ|Ν|Π|ΙΔ|ΠΑΡ|ΣΤΕΡ|ΟΡΦ|ΑΝΔΡ|ΑΝΤΡ)$/.test(o[1])&&(s+="Ε")),null!==(o=/^(.+?)(ΕΙΟ|ΕΙΟΣ|ΕΙΟΙ|ΕΙΑ|ΕΙΑΣ|ΕΙΕΣ|ΕΙΟΥ|ΕΙΟΥΣ|ΕΙΩΝ)$/.exec(s))&&o[1].length>4&&(s=o[1]),null!==(o=/^(.+?)(ΙΟΥΣ|ΙΑΣ|ΙΕΣ|ΙΟΣ|ΙΟΥ|ΙΟΙ|ΙΩΝ|ΙΟΝ|ΙΑ|ΙΟ)$/.exec(s))&&(s=o[1],(t(s)||s.length<2||/^(ΑΓ|ΑΓΓΕΛ|ΑΓΡ|ΑΕΡ|ΑΘΛ|ΑΚΟΥΣ|ΑΞ|ΑΣ|Β|ΒΙΒΛ|ΒΥΤ|Γ|ΓΙΑΓ|ΓΩΝ|Δ|ΔΑΝ|ΔΗΛ|ΔΗΜ|ΔΟΚΙΜ|ΕΛ|ΖΑΧΑΡ|ΗΛ|ΗΠ|ΙΔ|ΙΣΚ|ΙΣΤ|ΙΟΝ|ΙΩΝ|ΚΙΜΩΛ|ΚΟΛΟΝ|ΚΟΡ|ΚΤΗΡ|ΚΥΡ|ΛΑΓ|ΛΟΓ|ΜΑΓ|ΜΠΑΝ|ΜΠΡ|ΝΑΥΤ|ΝΟΤ|ΟΠΑΛ|ΟΞ|ΟΡ|ΟΣ|ΠΑΝΑΓ|ΠΑΤΡ|ΠΗΛ|ΠΗΝ|ΠΛΑΙΣ|ΠΟΝΤ|ΡΑΔ|ΡΟΔ|ΣΚ|ΣΚΟΡΠ|ΣΟΥΝ|ΣΠΑΝ|ΣΤΑΔ|ΣΥΡ|ΤΗΛ|ΤΙΜ|ΤΟΚ|ΤΟΠ|ΤΡΟΧ|ΦΙΛ|ΦΩΤ|Χ|ΧΙΛ|ΧΡΩΜ|ΧΩΡ)$/.test(o[1]))&&(s+="Ι"),/^(ΠΑΛ)$/.test(o[1])&&(s+="ΑΙ")),null!==(o=/^(.+?)(ΙΚΟΣ|ΙΚΟΝ|ΙΚΕΙΣ|ΙΚΟΙ|ΙΚΕΣ|ΙΚΟΥΣ|ΙΚΗ|ΙΚΗΣ|ΙΚΟ|ΙΚΑ|ΙΚΟΥ|ΙΚΩΝ|ΙΚΩΣ)$/.exec(s))&&(s=o[1],(t(s)||/^(ΑΔ|ΑΛ|ΑΜΑΝ|ΑΜΕΡ|ΑΜΜΟΧΑΛ|ΑΝΗΘ|ΑΝΤΙΔ|ΑΠΛ|ΑΤΤ|ΑΦΡ|ΒΑΣ|ΒΡΩΜ|ΓΕΝ|ΓΕΡ|Δ|ΔΙΚΑΝ|ΔΥΤ|ΕΙΔ|ΕΝΔ|ΕΞΩΔ|ΗΘ|ΘΕΤ|ΚΑΛΛΙΝ|ΚΑΛΠ|ΚΑΤΑΔ|ΚΟΥΖΙΝ|ΚΡ|ΚΩΔ|ΛΟΓ|Μ|ΜΕΡ|ΜΟΝΑΔ|ΜΟΥΛ|ΜΟΥΣ|ΜΠΑΓΙΑΤ|ΜΠΑΝ|ΜΠΟΛ|ΜΠΟΣ|ΜΥΣΤ|Ν|ΝΙΤ|ΞΙΚ|ΟΠΤ|ΠΑΝ|ΠΕΤΣ|ΠΙΚΑΝΤ|ΠΙΤΣ|ΠΛΑΣΤ|ΠΛΙΑΤΣ|ΠΟΝΤ|ΠΟΣΤΕΛΝ|ΠΡΩΤΟΔ|ΣΕΡΤ|ΣΗΜΑΝΤ|ΣΤΑΤ|ΣΥΝΑΔ|ΣΥΝΟΜΗΛ|ΤΕΛ|ΤΕΧΝ|ΤΡΟΠ|ΤΣΑΜ|ΥΠΟΔ|Φ|ΦΙΛΟΝ|ΦΥΛΟΔ|ΦΥΣ|ΧΑΣ)$/.test(o[1])||/(ΦΟΙΝ)$/.test(o[1]))&&(s+="ΙΚ")),"ΑΓΑΜΕ"===s&&(s="ΑΓΑΜ"),null!==(o=/^(.+?)(ΑΓΑΜΕ|ΗΣΑΜΕ|ΟΥΣΑΜΕ|ΗΚΑΜΕ|ΗΘΗΚΑΜΕ)$/.exec(s))&&(s=o[1]),null!==(o=/^(.+?)(ΑΜΕ)$/.exec(s))&&(s=o[1],/^(ΑΝΑΠ|ΑΠΟΘ|ΑΠΟΚ|ΑΠΟΣΤ|ΒΟΥΒ|ΞΕΘ|ΟΥΛ|ΠΕΘ|ΠΙΚΡ|ΠΟΤ|ΣΙΧ|Χ)$/.test(o[1])&&(s+="ΑΜ")),null!==(o=/^(.+?)(ΑΓΑΝΕ|ΗΣΑΝΕ|ΟΥΣΑΝΕ|ΙΟΝΤΑΝΕ|ΙΟΤΑΝΕ|ΙΟΥΝΤΑΝΕ|ΟΝΤΑΝΕ|ΟΤΑΝΕ|ΟΥΝΤΑΝΕ|ΗΚΑΝΕ|ΗΘΗΚΑΝΕ)$/.exec(s))&&(s=o[1],/^(ΤΡ|ΤΣ)$/.test(o[1])&&(s+="ΑΓΑΝ")),null!==(o=/^(.+?)(ΑΝΕ)$/.exec(s))&&(s=o[1],(r(s)||/^(ΒΕΤΕΡ|ΒΟΥΛΚ|ΒΡΑΧΜ|Γ|ΔΡΑΔΟΥΜ|Θ|ΚΑΛΠΟΥΖ|ΚΑΣΤΕΛ|ΚΟΡΜΟΡ|ΛΑΟΠΛ|ΜΩΑΜΕΘ|Μ|ΜΟΥΣΟΥΛΜΑΝ|ΟΥΛ|Π|ΠΕΛΕΚ|ΠΛ|ΠΟΛΙΣ|ΠΟΡΤΟΛ|ΣΑΡΑΚΑΤΣ|ΣΟΥΛΤ|ΤΣΑΡΛΑΤ|ΟΡΦ|ΤΣΙΓΓ|ΤΣΟΠ|ΦΩΤΟΣΤΕΦ|Χ|ΨΥΧΟΠΛ|ΑΓ|ΟΡΦ|ΓΑΛ|ΓΕΡ|ΔΕΚ|ΔΙΠΛ|ΑΜΕΡΙΚΑΝ|ΟΥΡ|ΠΙΘ|ΠΟΥΡΙΤ|Σ|ΖΩΝΤ|ΙΚ|ΚΑΣΤ|ΚΟΠ|ΛΙΧ|ΛΟΥΘΗΡ|ΜΑΙΝΤ|ΜΕΛ|ΣΙΓ|ΣΠ|ΣΤΕΓ|ΤΡΑΓ|ΤΣΑΓ|Φ|ΕΡ|ΑΔΑΠ|ΑΘΙΓΓ|ΑΜΗΧ|ΑΝΙΚ|ΑΝΟΡΓ|ΑΠΗΓ|ΑΠΙΘ|ΑΤΣΙΓΓ|ΒΑΣ|ΒΑΣΚ|ΒΑΘΥΓΑΛ|ΒΙΟΜΗΧ|ΒΡΑΧΥΚ|ΔΙΑΤ|ΔΙΑΦ|ΕΝΟΡΓ|ΘΥΣ|ΚΑΠΝΟΒΙΟΜΗΧ|ΚΑΤΑΓΑΛ|ΚΛΙΒ|ΚΟΙΛΑΡΦ|ΛΙΒ|ΜΕΓΛΟΒΙΟΜΗΧ|ΜΙΚΡΟΒΙΟΜΗΧ|ΝΤΑΒ|ΞΗΡΟΚΛΙΒ|ΟΛΙΓΟΔΑΜ|ΟΛΟΓΑΛ|ΠΕΝΤΑΡΦ|ΠΕΡΗΦ|ΠΕΡΙΤΡ|ΠΛΑΤ|ΠΟΛΥΔΑΠ|ΠΟΛΥΜΗΧ|ΣΤΕΦ|ΤΑΒ|ΤΕΤ|ΥΠΕΡΗΦ|ΥΠΟΚΟΠ|ΧΑΜΗΛΟΔΑΠ|ΨΗΛΟΤΑΒ)$/.test(o[1]))&&(s+="ΑΝ")),null!==(o=/^(.+?)(ΗΣΕΤΕ)$/.exec(s))&&(s=o[1]),null!==(o=/^(.+?)(ΕΤΕ)$/.exec(s))&&(s=o[1],(r(s)||/(ΟΔ|ΑΙΡ|ΦΟΡ|ΤΑΘ|ΔΙΑΘ|ΣΧ|ΕΝΔ|ΕΥΡ|ΤΙΘ|ΥΠΕΡΘ|ΡΑΘ|ΕΝΘ|ΡΟΘ|ΣΘ|ΠΥΡ|ΑΙΝ|ΣΥΝΔ|ΣΥΝ|ΣΥΝΘ|ΧΩΡ|ΠΟΝ|ΒΡ|ΚΑΘ|ΕΥΘ|ΕΚΘ|ΝΕΤ|ΡΟΝ|ΑΡΚ|ΒΑΡ|ΒΟΛ|ΩΦΕΛ)$/.test(o[1])||/^(ΑΒΑΡ|ΒΕΝ|ΕΝΑΡ|ΑΒΡ|ΑΔ|ΑΘ|ΑΝ|ΑΠΛ|ΒΑΡΟΝ|ΝΤΡ|ΣΚ|ΚΟΠ|ΜΠΟΡ|ΝΙΦ|ΠΑΓ|ΠΑΡΑΚΑΛ|ΣΕΡΠ|ΣΚΕΛ|ΣΥΡΦ|ΤΟΚ|Υ|Δ|ΕΜ|ΘΑΡΡ|Θ)$/.test(o[1]))&&(s+="ΕΤ")),null!==(o=/^(.+?)(ΟΝΤΑΣ|ΩΝΤΑΣ)$/.exec(s))&&(s=o[1],/^ΑΡΧ$/.test(o[1])&&(s+="ΟΝΤ"),/ΚΡΕ$/.test(o[1])&&(s+="ΩΝΤ")),null!==(o=/^(.+?)(ΟΜΑΣΤΕ|ΙΟΜΑΣΤΕ)$/.exec(s))&&(s=o[1],/^ΟΝ$/.test(o[1])&&(s+="ΟΜΑΣΤ")),null!==(o=/^(.+?)(ΙΕΣΤΕ)$/.exec(s))&&(s=o[1],/^(Π|ΑΠ|ΣΥΜΠ|ΑΣΥΜΠ|ΑΚΑΤΑΠ|ΑΜΕΤΑΜΦ)$/.test(o[1])&&(s+="ΙΕΣΤ")),null!==(o=/^(.+?)(ΕΣΤΕ)$/.exec(s))&&(s=o[1],/^(ΑΛ|ΑΡ|ΕΚΤΕΛ|Ζ|Μ|Ξ|ΠΑΡΑΚΑΛ|ΠΡΟ|ΝΙΣ)$/.test(o[1])&&(s+="ΕΣΤ")),null!==(o=/^(.+?)(ΗΘΗΚΑ|ΗΘΗΚΕΣ|ΗΘΗΚΕ)$/.exec(s))&&(s=o[1]),null!==(o=/^(.+?)(ΗΚΑ|ΗΚΕΣ|ΗΚΕ)$/.exec(s))&&(s=o[1],(/(ΣΚΩΛ|ΣΚΟΥΛ|ΝΑΡΘ|ΣΦ|ΟΘ|ΠΙΘ)$/.test(o[1])||/^(ΔΙΑΘ|Θ|ΠΑΡΑΚΑΤΑΘ|ΠΡΟΣΘ|ΣΥΝΘ)$/.test(o[1]))&&(s+="ΗΚ")),null!==(o=/^(.+?)(ΟΥΣΑ|ΟΥΣΕΣ|ΟΥΣΕ)$/.exec(s))&&(s=o[1],(t(s)||/^(ΦΑΡΜΑΚ|ΧΑΔ|ΑΓΚ|ΑΝΑΡΡ|ΒΡΟΜ|ΕΚΛΙΠ|ΛΑΜΠΙΔ|ΛΕΧ|Μ|ΠΑΤ|Ρ|Λ|ΜΕΔ|ΜΕΣΑΖ|ΥΠΟΤΕΙΝ|ΑΜ|ΑΙΘ|ΑΝΗΚ|ΔΕΣΠΟΖ|ΕΝΔΙΑΦΕΡ)$/.test(o[1])||/(ΠΟΔΑΡ|ΒΛΕΠ|ΠΑΝΤΑΧ|ΦΡΥΔ|ΜΑΝΤΙΛ|ΜΑΛΛ|ΚΥΜΑΤ|ΛΑΧ|ΛΗΓ|ΦΑΓ|ΟΜ|ΠΡΩΤ)$/.test(o[1]))&&(s+="ΟΥΣ")),null!==(o=/^(.+?)(ΑΓΑ|ΑΓΕΣ|ΑΓΕ)$/.exec(s))&&(s=o[1],(/^(ΑΒΑΣΤ|ΠΟΛΥΦ|ΑΔΗΦ|ΠΑΜΦ|Ρ|ΑΣΠ|ΑΦ|ΑΜΑΛ|ΑΜΑΛΛΙ|ΑΝΥΣΤ|ΑΠΕΡ|ΑΣΠΑΡ|ΑΧΑΡ|ΔΕΡΒΕΝ|ΔΡΟΣΟΠ|ΞΕΦ|ΝΕΟΠ|ΝΟΜΟΤ|ΟΛΟΠ|ΟΜΟΤ|ΠΡΟΣΤ|ΠΡΟΣΩΠΟΠ|ΣΥΜΠ|ΣΥΝΤ|Τ|ΥΠΟΤ|ΧΑΡ|ΑΕΙΠ|ΑΙΜΟΣΤ|ΑΝΥΠ|ΑΠΟΤ|ΑΡΤΙΠ|ΔΙΑΤ|ΕΝ|ΕΠΙΤ|ΚΡΟΚΑΛΟΠ|ΣΙΔΗΡΟΠ|Λ|ΝΑΥ|ΟΥΛΑΜ|ΟΥΡ|Π|ΤΡ|Μ)$/.test(o[1])||/(ΟΦ|ΠΕΛ|ΧΟΡΤ|ΛΛ|ΣΦ|ΡΠ|ΦΡ|ΠΡ|ΛΟΧ|ΣΜΗΝ)$/.test(o[1])&&!/^(ΨΟΦ|ΝΑΥΛΟΧ)$/.test(o[1])||/(ΚΟΛΛ)$/.test(o[1]))&&(s+="ΑΓ")),null!==(o=/^(.+?)(ΗΣΕ|ΗΣΟΥ|ΗΣΑ)$/.exec(s))&&(s=o[1],/^(Ν|ΧΕΡΣΟΝ|ΔΩΔΕΚΑΝ|ΕΡΗΜΟΝ|ΜΕΓΑΛΟΝ|ΕΠΤΑΝ|Ι)$/.test(o[1])&&(s+="ΗΣ")),null!==(o=/^(.+?)(ΗΣΤΕ)$/.exec(s))&&(s=o[1],/^(ΑΣΒ|ΣΒ|ΑΧΡ|ΧΡ|ΑΠΛ|ΑΕΙΜΝ|ΔΥΣΧΡ|ΕΥΧΡ|ΚΟΙΝΟΧΡ|ΠΑΛΙΜΨ)$/.test(o[1])&&(s+="ΗΣΤ")),null!==(o=/^(.+?)(ΟΥΝΕ|ΗΣΟΥΝΕ|ΗΘΟΥΝΕ)$/.exec(s))&&(s=o[1],/^(Ν|Ρ|ΣΠΙ|ΣΤΡΑΒΟΜΟΥΤΣ|ΚΑΚΟΜΟΥΤΣ|ΕΞΩΝ)$/.test(o[1])&&(s+="ΟΥΝ")),null!==(o=/^(.+?)(ΟΥΜΕ|ΗΣΟΥΜΕ|ΗΘΟΥΜΕ)$/.exec(s))&&(s=o[1],/^(ΠΑΡΑΣΟΥΣ|Φ|Χ|ΩΡΙΟΠΛ|ΑΖ|ΑΛΛΟΣΟΥΣ|ΑΣΟΥΣ)$/.test(o[1])&&(s+="ΟΥΜ")),null!=(o=/^(.+?)(ΜΑΤΟΙ|ΜΑΤΟΥΣ|ΜΑΤΟ|ΜΑΤΑ|ΜΑΤΩΣ|ΜΑΤΩΝ|ΜΑΤΟΣ|ΜΑΤΕΣ|ΜΑΤΗ|ΜΑΤΗΣ|ΜΑΤΟΥ)$/.exec(s))&&(s=o[1]+"Μ",/^(ΓΡΑΜ)$/.test(o[1])?s+="Α":/^(ΓΕ|ΣΤΑ)$/.test(o[1])&&(s+="ΑΤ")),null!==(o=/^(.+?)(ΟΥΑ)$/.exec(s))&&(s=o[1]+"ΟΥ"),n.length===s.length&&null!==(o=/^(.+?)(Α|ΑΓΑΤΕ|ΑΓΑΝ|ΑΕΙ|ΑΜΑΙ|ΑΝ|ΑΣ|ΑΣΑΙ|ΑΤΑΙ|ΑΩ|Ε|ΕΙ|ΕΙΣ|ΕΙΤΕ|ΕΣΑΙ|ΕΣ|ΕΤΑΙ|Ι|ΙΕΜΑΙ|ΙΕΜΑΣΤΕ|ΙΕΤΑΙ|ΙΕΣΑΙ|ΙΕΣΑΣΤΕ|ΙΟΜΑΣΤΑΝ|ΙΟΜΟΥΝ|ΙΟΜΟΥΝΑ|ΙΟΝΤΑΝ|ΙΟΝΤΟΥΣΑΝ|ΙΟΣΑΣΤΑΝ|ΙΟΣΑΣΤΕ|ΙΟΣΟΥΝ|ΙΟΣΟΥΝΑ|ΙΟΤΑΝ|ΙΟΥΜΑ|ΙΟΥΜΑΣΤΕ|ΙΟΥΝΤΑΙ|ΙΟΥΝΤΑΝ|Η|ΗΔΕΣ|ΗΔΩΝ|ΗΘΕΙ|ΗΘΕΙΣ|ΗΘΕΙΤΕ|ΗΘΗΚΑΤΕ|ΗΘΗΚΑΝ|ΗΘΟΥΝ|ΗΘΩ|ΗΚΑΤΕ|ΗΚΑΝ|ΗΣ|ΗΣΑΝ|ΗΣΑΤΕ|ΗΣΕΙ|ΗΣΕΣ|ΗΣΟΥΝ|ΗΣΩ|Ο|ΟΙ|ΟΜΑΙ|ΟΜΑΣΤΑΝ|ΟΜΟΥΝ|ΟΜΟΥΝΑ|ΟΝΤΑΙ|ΟΝΤΑΝ|ΟΝΤΟΥΣΑΝ|ΟΣ|ΟΣΑΣΤΑΝ|ΟΣΑΣΤΕ|ΟΣΟΥΝ|ΟΣΟΥΝΑ|ΟΤΑΝ|ΟΥ|ΟΥΜΑΙ|ΟΥΜΑΣΤΕ|ΟΥΝ|ΟΥΝΤΑΙ|ΟΥΝΤΑΝ|ΟΥΣ|ΟΥΣΑΝ|ΟΥΣΑΤΕ|Υ||ΥΑ|ΥΣ|Ω|ΩΝ|ΟΙΣ)$/.exec(s))&&(s=o[1]),null!=(o=/^(.+?)(ΕΣΤΕΡ|ΕΣΤΑΤ|ΟΤΕΡ|ΟΤΑΤ|ΥΤΕΡ|ΥΤΑΤ|ΩΤΕΡ|ΩΤΑΤ)$/.exec(s))&&(/^(ΕΞ|ΕΣ|ΑΝ|ΚΑΤ|Κ|ΠΡ)$/.test(o[1])||(s=o[1]),/^(ΚΑ|Μ|ΕΛΕ|ΛΕ|ΔΕ)$/.test(o[1])&&(s+="ΥΤ")),s}var l={"ΦΑΓΙΑ":"ΦΑ","ΦΑΓΙΟΥ":"ΦΑ","ΦΑΓΙΩΝ":"ΦΑ","ΣΚΑΓΙΑ":"ΣΚΑ","ΣΚΑΓΙΟΥ":"ΣΚΑ","ΣΚΑΓΙΩΝ":"ΣΚΑ","ΣΟΓΙΟΥ":"ΣΟ","ΣΟΓΙΑ":"ΣΟ","ΣΟΓΙΩΝ":"ΣΟ","ΤΑΤΟΓΙΑ":"ΤΑΤΟ","ΤΑΤΟΓΙΟΥ":"ΤΑΤΟ","ΤΑΤΟΓΙΩΝ":"ΤΑΤΟ","ΚΡΕΑΣ":"ΚΡΕ","ΚΡΕΑΤΟΣ":"ΚΡΕ","ΚΡΕΑΤΑ":"ΚΡΕ","ΚΡΕΑΤΩΝ":"ΚΡΕ","ΠΕΡΑΣ":"ΠΕΡ","ΠΕΡΑΤΟΣ":"ΠΕΡ","ΠΕΡΑΤΑ":"ΠΕΡ","ΠΕΡΑΤΩΝ":"ΠΕΡ","ΤΕΡΑΣ":"ΤΕΡ","ΤΕΡΑΤΟΣ":"ΤΕΡ","ΤΕΡΑΤΑ":"ΤΕΡ","ΤΕΡΑΤΩΝ":"ΤΕΡ","ΦΩΣ":"ΦΩ","ΦΩΤΟΣ":"ΦΩ","ΦΩΤΑ":"ΦΩ","ΦΩΤΩΝ":"ΦΩ","ΚΑΘΕΣΤΩΣ":"ΚΑΘΕΣΤ","ΚΑΘΕΣΤΩΤΟΣ":"ΚΑΘΕΣΤ","ΚΑΘΕΣΤΩΤΑ":"ΚΑΘΕΣΤ","ΚΑΘΕΣΤΩΤΩΝ":"ΚΑΘΕΣΤ","ΓΕΓΟΝΟΣ":"ΓΕΓΟΝ","ΓΕΓΟΝΟΤΟΣ":"ΓΕΓΟΝ","ΓΕΓΟΝΟΤΑ":"ΓΕΓΟΝ","ΓΕΓΟΝΟΤΩΝ":"ΓΕΓΟΝ","ΕΥΑ":"ΕΥ"},i=["ΑΚΡΙΒΩΣ","ΑΛΑ","ΑΛΛΑ","ΑΛΛΙΩΣ","ΑΛΛΟΤΕ","ΑΜΑ","ΑΝΩ","ΑΝΑ","ΑΝΑΜΕΣΑ","ΑΝΑΜΕΤΑΞΥ","ΑΝΕΥ","ΑΝΤΙ","ΑΝΤΙΠΕΡΑ","ΑΝΤΙΟ","ΑΞΑΦΝΑ","ΑΠΟ","ΑΠΟΨΕ","ΑΡΑ","ΑΡΑΓΕ","ΑΥΡΙΟ","ΑΦΟΙ","ΑΦΟΥ","ΑΦΟΤΟΥ","ΒΡΕ","ΓΕΙΑ","ΓΙΑ","ΓΙΑΤΙ","ΓΡΑΜΜΑ","ΔΕΗ","ΔΕΝ","ΔΗΛΑΔΗ","ΔΙΧΩΣ","ΔΥΟ","ΕΑΝ","ΕΓΩ","ΕΔΩ","ΕΔΑ","ΕΙΘΕ","ΕΙΜΑΙ","ΕΙΜΑΣΤΕ","ΕΙΣΑΙ","ΕΙΣΑΣΤΕ","ΕΙΝΑΙ","ΕΙΣΤΕ","ΕΙΤΕ","ΕΚΕΙ","ΕΚΟ","ΕΛΑ","ΕΜΑΣ","ΕΜΕΙΣ","ΕΝΤΕΛΩΣ","ΕΝΤΟΣ","ΕΝΤΩΜΕΤΑΞΥ","ΕΝΩ","ΕΞΙ","ΕΞΙΣΟΥ","ΕΞΗΣ","ΕΞΩ","ΕΟΚ","ΕΠΑΝΩ","ΕΠΕΙΔΗ","ΕΠΕΙΤΑ","ΕΠΙ","ΕΠΙΣΗΣ","ΕΠΟΜΕΝΩΣ","ΕΠΤΑ","ΕΣΑΣ","ΕΣΕΙΣ","ΕΣΤΩ","ΕΣΥ","ΕΣΩ","ΕΤΣΙ","ΕΥΓΕ","ΕΦΕ","ΕΦΕΞΗΣ","ΕΧΤΕΣ","ΕΩΣ","ΗΔΗ","ΗΜΙ","ΗΠΑ","ΗΤΟΙ","ΘΕΣ","ΙΔΙΩΣ","ΙΔΗ","ΙΚΑ","ΙΣΩΣ","ΚΑΘΕ","ΚΑΘΕΤΙ","ΚΑΘΟΛΟΥ","ΚΑΘΩΣ","ΚΑΙ","ΚΑΝ","ΚΑΠΟΤΕ","ΚΑΠΟΥ","ΚΑΤΑ","ΚΑΤΙ","ΚΑΤΟΠΙΝ","ΚΑΤΩ","ΚΕΙ","ΚΙΧ","ΚΚΕ","ΚΟΛΑΝ","ΚΥΡΙΩΣ","ΚΩΣ","ΜΑΚΑΡΙ","ΜΑΛΙΣΤΑ","ΜΑΛΛΟΝ","ΜΑΙ","ΜΑΟ","ΜΑΟΥΣ","ΜΑΣ","ΜΕΘΑΥΡΙΟ","ΜΕΣ","ΜΕΣΑ","ΜΕΤΑ","ΜΕΤΑΞΥ","ΜΕΧΡΙ","ΜΗΔΕ","ΜΗΝ","ΜΗΠΩΣ","ΜΗΤΕ","ΜΙΑ","ΜΙΑΣ","ΜΙΣ","ΜΜΕ","ΜΟΛΟΝΟΤΙ","ΜΟΥ","ΜΠΑ","ΜΠΑΣ","ΜΠΟΥΦΑΝ","ΜΠΡΟΣ","ΝΑΙ","ΝΕΣ","ΝΤΑ","ΝΤΕ","ΞΑΝΑ","ΟΗΕ","ΟΚΤΩ","ΟΜΩΣ","ΟΝΕ","ΟΠΑ","ΟΠΟΥ","ΟΠΩΣ","ΟΣΟ","ΟΤΑΝ","ΟΤΕ","ΟΤΙ","ΟΥΤΕ","ΟΧΙ","ΠΑΛΙ","ΠΑΝ","ΠΑΝΟ","ΠΑΝΤΟΤΕ","ΠΑΝΤΟΥ","ΠΑΝΤΩΣ","ΠΑΝΩ","ΠΑΡΑ","ΠΕΡΑ","ΠΕΡΙ","ΠΕΡΙΠΟΥ","ΠΙΑ","ΠΙΟ","ΠΙΣΩ","ΠΛΑΙ","ΠΛΕΟΝ","ΠΛΗΝ","ΠΟΤΕ","ΠΟΥ","ΠΡΟ","ΠΡΟΣ","ΠΡΟΧΤΕΣ","ΠΡΟΧΘΕΣ","ΡΟΔΙ","ΠΩΣ","ΣΑΙ","ΣΑΣ","ΣΑΝ","ΣΕΙΣ","ΣΙΑ","ΣΚΙ","ΣΟΙ","ΣΟΥ","ΣΡΙ","ΣΥΝ","ΣΥΝΑΜΑ","ΣΧΕΔΟΝ","ΤΑΔΕ","ΤΑΞΙ","ΤΑΧΑ","ΤΕΙ","ΤΗΝ","ΤΗΣ","ΤΙΠΟΤΑ","ΤΙΠΟΤΕ","ΤΙΣ","ΤΟΝ","ΤΟΤΕ","ΤΟΥ","ΤΟΥΣ","ΤΣΑ","ΤΣΕ","ΤΣΙ","ΤΣΟΥ","ΤΩΝ","ΥΠΟ","ΥΠΟΨΗ","ΥΠΟΨΙΝ","ΥΣΤΕΡΑ","ΦΕΤΟΣ","ΦΙΣ","ΦΠΑ","ΧΑΦ","ΧΘΕΣ","ΧΤΕΣ","ΧΩΡΙΣ","ΩΣ","ΩΣΑΝ","ΩΣΟΤΟΥ","ΩΣΠΟΥ","ΩΣΤΕ","ΩΣΤΟΣΟ"],s=new RegExp("^[ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ]+$");return function(e){return"function"==typeof e.update?e.update(function(e){return n(e.toUpperCase()).toLowerCase()}):n(e.toUpperCase()).toLowerCase()}}(),e.Pipeline.registerFunction(e.el.stemmer,"stemmer-el"),e.el.stopWordFilter=e.generateStopWordFilter("αλλα αν αντι απο αυτα αυτεσ αυτη αυτο αυτοι αυτοσ αυτουσ αυτων για δε δεν εαν ειμαι ειμαστε ειναι εισαι ειστε εκεινα εκεινεσ εκεινη εκεινο εκεινοι εκεινοσ εκεινουσ εκεινων ενω επι η θα ισωσ κ και κατα κι μα με μετα μη μην να ο οι ομωσ οπωσ οσο οτι παρα ποια ποιεσ ποιο ποιοι ποιοσ ποιουσ ποιων που προσ πωσ σε στη στην στο στον τα την τησ το τον τοτε του των ωσ".split(" ")),e.Pipeline.registerFunction(e.el.stopWordFilter,"stopWordFilter-el"),e.el.normilizer=function(){var e={"Ά":"Α","ά":"α","Έ":"Ε","έ":"ε","Ή":"Η","ή":"η","Ί":"Ι","ί":"ι","Ό":"Ο","ο":"ο","Ύ":"Υ","ύ":"υ","Ώ":"Ω","ώ":"ω","Ϊ":"Ι","ϊ":"ι","Ϋ":"Υ","ϋ":"υ","ΐ":"ι","ΰ":"υ"};return function(t){if("function"==typeof t.update)return t.update(function(t){for(var r="",n=0;n<t.length;n++)r+=e[t.charAt(n)]||t.charAt(n);return r});for(var r="",n=0;n<t.length;n++)r+=e[t.charAt(n)]||t.charAt(n);return r}}(),e.Pipeline.registerFunction(e.el.normilizer,"normilizer-el")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.es.min.js b/assets/javascripts/lunr/min/lunr.es.min.js
new file mode 100644
index 0000000..2989d34
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.es.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Spanish` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,s){"function"==typeof define&&define.amd?define(s):"object"==typeof exports?module.exports=s():s()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.es=function(){this.pipeline.reset(),this.pipeline.add(e.es.trimmer,e.es.stopWordFilter,e.es.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.es.stemmer))},e.es.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.es.trimmer=e.trimmerSupport.generateTrimmer(e.es.wordCharacters),e.Pipeline.registerFunction(e.es.trimmer,"trimmer-es"),e.es.stemmer=function(){var s=e.stemmerSupport.Among,r=e.stemmerSupport.SnowballProgram,n=new function(){function e(){if(A.out_grouping(x,97,252)){for(;!A.in_grouping(x,97,252);){if(A.cursor>=A.limit)return!0;A.cursor++}return!1}return!0}function n(){if(A.in_grouping(x,97,252)){var s=A.cursor;if(e()){if(A.cursor=s,!A.in_grouping(x,97,252))return!0;for(;!A.out_grouping(x,97,252);){if(A.cursor>=A.limit)return!0;A.cursor++}}return!1}return!0}function i(){var s,r=A.cursor;if(n()){if(A.cursor=r,!A.out_grouping(x,97,252))return;if(s=A.cursor,e()){if(A.cursor=s,!A.in_grouping(x,97,252)||A.cursor>=A.limit)return;A.cursor++}}g=A.cursor}function a(){for(;!A.in_grouping(x,97,252);){if(A.cursor>=A.limit)return!1;A.cursor++}for(;!A.out_grouping(x,97,252);){if(A.cursor>=A.limit)return!1;A.cursor++}return!0}function t(){var e=A.cursor;g=A.limit,p=g,v=g,i(),A.cursor=e,a()&&(p=A.cursor,a()&&(v=A.cursor))}function o(){for(var e;;){if(A.bra=A.cursor,e=A.find_among(k,6))switch(A.ket=A.cursor,e){case 1:A.slice_from("a");continue;case 2:A.slice_from("e");continue;case 3:A.slice_from("i");continue;case 4:A.slice_from("o");continue;case 5:A.slice_from("u");continue;case 6:if(A.cursor>=A.limit)break;A.cursor++;continue}break}}function u(){return g<=A.cursor}function w(){return p<=A.cursor}function c(){return v<=A.cursor}function m(){var e;if(A.ket=A.cursor,A.find_among_b(y,13)&&(A.bra=A.cursor,(e=A.find_among_b(q,11))&&u()))switch(e){case 1:A.bra=A.cursor,A.slice_from("iendo");break;case 2:A.bra=A.cursor,A.slice_from("ando");break;case 3:A.bra=A.cursor,A.slice_from("ar");break;case 4:A.bra=A.cursor,A.slice_from("er");break;case 5:A.bra=A.cursor,A.slice_from("ir");break;case 6:A.slice_del();break;case 7:A.eq_s_b(1,"u")&&A.slice_del()}}function l(e,s){if(!c())return!0;A.slice_del(),A.ket=A.cursor;var r=A.find_among_b(e,s);return r&&(A.bra=A.cursor,1==r&&c()&&A.slice_del()),!1}function d(e){return!c()||(A.slice_del(),A.ket=A.cursor,A.eq_s_b(2,e)&&(A.bra=A.cursor,c()&&A.slice_del()),!1)}function b(){var e;if(A.ket=A.cursor,e=A.find_among_b(S,46)){switch(A.bra=A.cursor,e){case 1:if(!c())return!1;A.slice_del();break;case 2:if(d("ic"))return!1;break;case 3:if(!c())return!1;A.slice_from("log");break;case 4:if(!c())return!1;A.slice_from("u");break;case 5:if(!c())return!1;A.slice_from("ente");break;case 6:if(!w())return!1;A.slice_del(),A.ket=A.cursor,e=A.find_among_b(C,4),e&&(A.bra=A.cursor,c()&&(A.slice_del(),1==e&&(A.ket=A.cursor,A.eq_s_b(2,"at")&&(A.bra=A.cursor,c()&&A.slice_del()))));break;case 7:if(l(P,3))return!1;break;case 8:if(l(F,3))return!1;break;case 9:if(d("at"))return!1}return!0}return!1}function f(){var e,s;if(A.cursor>=g&&(s=A.limit_backward,A.limit_backward=g,A.ket=A.cursor,e=A.find_among_b(W,12),A.limit_backward=s,e)){if(A.bra=A.cursor,1==e){if(!A.eq_s_b(1,"u"))return!1;A.slice_del()}return!0}return!1}function _(){var e,s,r,n;if(A.cursor>=g&&(s=A.limit_backward,A.limit_backward=g,A.ket=A.cursor,e=A.find_among_b(L,96),A.limit_backward=s,e))switch(A.bra=A.cursor,e){case 1:r=A.limit-A.cursor,A.eq_s_b(1,"u")?(n=A.limit-A.cursor,A.eq_s_b(1,"g")?A.cursor=A.limit-n:A.cursor=A.limit-r):A.cursor=A.limit-r,A.bra=A.cursor;case 2:A.slice_del()}}function h(){var e,s;if(A.ket=A.cursor,e=A.find_among_b(z,8))switch(A.bra=A.cursor,e){case 1:u()&&A.slice_del();break;case 2:u()&&(A.slice_del(),A.ket=A.cursor,A.eq_s_b(1,"u")&&(A.bra=A.cursor,s=A.limit-A.cursor,A.eq_s_b(1,"g")&&(A.cursor=A.limit-s,u()&&A.slice_del())))}}var v,p,g,k=[new s("",-1,6),new s("á",0,1),new s("é",0,2),new s("í",0,3),new s("ó",0,4),new s("ú",0,5)],y=[new s("la",-1,-1),new s("sela",0,-1),new s("le",-1,-1),new s("me",-1,-1),new s("se",-1,-1),new s("lo",-1,-1),new s("selo",5,-1),new s("las",-1,-1),new s("selas",7,-1),new s("les",-1,-1),new s("los",-1,-1),new s("selos",10,-1),new s("nos",-1,-1)],q=[new s("ando",-1,6),new s("iendo",-1,6),new s("yendo",-1,7),new s("ándo",-1,2),new s("iéndo",-1,1),new s("ar",-1,6),new s("er",-1,6),new s("ir",-1,6),new s("ár",-1,3),new s("ér",-1,4),new s("ír",-1,5)],C=[new s("ic",-1,-1),new s("ad",-1,-1),new s("os",-1,-1),new s("iv",-1,1)],P=[new s("able",-1,1),new s("ible",-1,1),new s("ante",-1,1)],F=[new s("ic",-1,1),new s("abil",-1,1),new s("iv",-1,1)],S=[new s("ica",-1,1),new s("ancia",-1,2),new s("encia",-1,5),new s("adora",-1,2),new s("osa",-1,1),new s("ista",-1,1),new s("iva",-1,9),new s("anza",-1,1),new s("logía",-1,3),new s("idad",-1,8),new s("able",-1,1),new s("ible",-1,1),new s("ante",-1,2),new s("mente",-1,7),new s("amente",13,6),new s("ación",-1,2),new s("ución",-1,4),new s("ico",-1,1),new s("ismo",-1,1),new s("oso",-1,1),new s("amiento",-1,1),new s("imiento",-1,1),new s("ivo",-1,9),new s("ador",-1,2),new s("icas",-1,1),new s("ancias",-1,2),new s("encias",-1,5),new s("adoras",-1,2),new s("osas",-1,1),new s("istas",-1,1),new s("ivas",-1,9),new s("anzas",-1,1),new s("logías",-1,3),new s("idades",-1,8),new s("ables",-1,1),new s("ibles",-1,1),new s("aciones",-1,2),new s("uciones",-1,4),new s("adores",-1,2),new s("antes",-1,2),new s("icos",-1,1),new s("ismos",-1,1),new s("osos",-1,1),new s("amientos",-1,1),new s("imientos",-1,1),new s("ivos",-1,9)],W=[new s("ya",-1,1),new s("ye",-1,1),new s("yan",-1,1),new s("yen",-1,1),new s("yeron",-1,1),new s("yendo",-1,1),new s("yo",-1,1),new s("yas",-1,1),new s("yes",-1,1),new s("yais",-1,1),new s("yamos",-1,1),new s("yó",-1,1)],L=[new s("aba",-1,2),new s("ada",-1,2),new s("ida",-1,2),new s("ara",-1,2),new s("iera",-1,2),new s("ía",-1,2),new s("aría",5,2),new s("ería",5,2),new s("iría",5,2),new s("ad",-1,2),new s("ed",-1,2),new s("id",-1,2),new s("ase",-1,2),new s("iese",-1,2),new s("aste",-1,2),new s("iste",-1,2),new s("an",-1,2),new s("aban",16,2),new s("aran",16,2),new s("ieran",16,2),new s("ían",16,2),new s("arían",20,2),new s("erían",20,2),new s("irían",20,2),new s("en",-1,1),new s("asen",24,2),new s("iesen",24,2),new s("aron",-1,2),new s("ieron",-1,2),new s("arán",-1,2),new s("erán",-1,2),new s("irán",-1,2),new s("ado",-1,2),new s("ido",-1,2),new s("ando",-1,2),new s("iendo",-1,2),new s("ar",-1,2),new s("er",-1,2),new s("ir",-1,2),new s("as",-1,2),new s("abas",39,2),new s("adas",39,2),new s("idas",39,2),new s("aras",39,2),new s("ieras",39,2),new s("ías",39,2),new s("arías",45,2),new s("erías",45,2),new s("irías",45,2),new s("es",-1,1),new s("ases",49,2),new s("ieses",49,2),new s("abais",-1,2),new s("arais",-1,2),new s("ierais",-1,2),new s("íais",-1,2),new s("aríais",55,2),new s("eríais",55,2),new s("iríais",55,2),new s("aseis",-1,2),new s("ieseis",-1,2),new s("asteis",-1,2),new s("isteis",-1,2),new s("áis",-1,2),new s("éis",-1,1),new s("aréis",64,2),new s("eréis",64,2),new s("iréis",64,2),new s("ados",-1,2),new s("idos",-1,2),new s("amos",-1,2),new s("ábamos",70,2),new s("áramos",70,2),new s("iéramos",70,2),new s("íamos",70,2),new s("aríamos",74,2),new s("eríamos",74,2),new s("iríamos",74,2),new s("emos",-1,1),new s("aremos",78,2),new s("eremos",78,2),new s("iremos",78,2),new s("ásemos",78,2),new s("iésemos",78,2),new s("imos",-1,2),new s("arás",-1,2),new s("erás",-1,2),new s("irás",-1,2),new s("ís",-1,2),new s("ará",-1,2),new s("erá",-1,2),new s("irá",-1,2),new s("aré",-1,2),new s("eré",-1,2),new s("iré",-1,2),new s("ió",-1,2)],z=[new s("a",-1,1),new s("e",-1,2),new s("o",-1,1),new s("os",-1,1),new s("á",-1,1),new s("é",-1,2),new s("í",-1,1),new s("ó",-1,1)],x=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,0,1,17,4,10],A=new r;this.setCurrent=function(e){A.setCurrent(e)},this.getCurrent=function(){return A.getCurrent()},this.stem=function(){var e=A.cursor;return t(),A.limit_backward=e,A.cursor=A.limit,m(),A.cursor=A.limit,b()||(A.cursor=A.limit,f()||(A.cursor=A.limit,_())),A.cursor=A.limit,h(),A.cursor=A.limit_backward,o(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return n.setCurrent(e),n.stem(),n.getCurrent()}):(n.setCurrent(e),n.stem(),n.getCurrent())}}(),e.Pipeline.registerFunction(e.es.stemmer,"stemmer-es"),e.es.stopWordFilter=e.generateStopWordFilter("a al algo algunas algunos ante antes como con contra cual cuando de del desde donde durante e el ella ellas ellos en entre era erais eran eras eres es esa esas ese eso esos esta estaba estabais estaban estabas estad estada estadas estado estados estamos estando estar estaremos estará estarán estarás estaré estaréis estaría estaríais estaríamos estarían estarías estas este estemos esto estos estoy estuve estuviera estuvierais estuvieran estuvieras estuvieron estuviese estuvieseis estuviesen estuvieses estuvimos estuviste estuvisteis estuviéramos estuviésemos estuvo está estábamos estáis están estás esté estéis estén estés fue fuera fuerais fueran fueras fueron fuese fueseis fuesen fueses fui fuimos fuiste fuisteis fuéramos fuésemos ha habida habidas habido habidos habiendo habremos habrá habrán habrás habré habréis habría habríais habríamos habrían habrías habéis había habíais habíamos habían habías han has hasta hay haya hayamos hayan hayas hayáis he hemos hube hubiera hubierais hubieran hubieras hubieron hubiese hubieseis hubiesen hubieses hubimos hubiste hubisteis hubiéramos hubiésemos hubo la las le les lo los me mi mis mucho muchos muy más mí mía mías mío míos nada ni no nos nosotras nosotros nuestra nuestras nuestro nuestros o os otra otras otro otros para pero poco por porque que quien quienes qué se sea seamos sean seas seremos será serán serás seré seréis sería seríais seríamos serían serías seáis sido siendo sin sobre sois somos son soy su sus suya suyas suyo suyos sí también tanto te tendremos tendrá tendrán tendrás tendré tendréis tendría tendríais tendríamos tendrían tendrías tened tenemos tenga tengamos tengan tengas tengo tengáis tenida tenidas tenido tenidos teniendo tenéis tenía teníais teníamos tenían tenías ti tiene tienen tienes todo todos tu tus tuve tuviera tuvierais tuvieran tuvieras tuvieron tuviese tuvieseis tuviesen tuvieses tuvimos tuviste tuvisteis tuviéramos tuviésemos tuvo tuya tuyas tuyo tuyos tú un una uno unos vosotras vosotros vuestra vuestras vuestro vuestros y ya yo él éramos".split(" ")),e.Pipeline.registerFunction(e.es.stopWordFilter,"stopWordFilter-es")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.fi.min.js b/assets/javascripts/lunr/min/lunr.fi.min.js
new file mode 100644
index 0000000..29f5dfc
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.fi.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Finnish` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(i,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():e()(i.lunr)}(this,function(){return function(i){if(void 0===i)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===i.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");i.fi=function(){this.pipeline.reset(),this.pipeline.add(i.fi.trimmer,i.fi.stopWordFilter,i.fi.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(i.fi.stemmer))},i.fi.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",i.fi.trimmer=i.trimmerSupport.generateTrimmer(i.fi.wordCharacters),i.Pipeline.registerFunction(i.fi.trimmer,"trimmer-fi"),i.fi.stemmer=function(){var e=i.stemmerSupport.Among,r=i.stemmerSupport.SnowballProgram,n=new function(){function i(){f=A.limit,d=f,n()||(f=A.cursor,n()||(d=A.cursor))}function n(){for(var i;;){if(i=A.cursor,A.in_grouping(W,97,246))break;if(A.cursor=i,i>=A.limit)return!0;A.cursor++}for(A.cursor=i;!A.out_grouping(W,97,246);){if(A.cursor>=A.limit)return!0;A.cursor++}return!1}function t(){return d<=A.cursor}function s(){var i,e;if(A.cursor>=f)if(e=A.limit_backward,A.limit_backward=f,A.ket=A.cursor,i=A.find_among_b(h,10)){switch(A.bra=A.cursor,A.limit_backward=e,i){case 1:if(!A.in_grouping_b(x,97,246))return;break;case 2:if(!t())return}A.slice_del()}else A.limit_backward=e}function o(){var i,e,r;if(A.cursor>=f)if(e=A.limit_backward,A.limit_backward=f,A.ket=A.cursor,i=A.find_among_b(v,9))switch(A.bra=A.cursor,A.limit_backward=e,i){case 1:r=A.limit-A.cursor,A.eq_s_b(1,"k")||(A.cursor=A.limit-r,A.slice_del());break;case 2:A.slice_del(),A.ket=A.cursor,A.eq_s_b(3,"kse")&&(A.bra=A.cursor,A.slice_from("ksi"));break;case 3:A.slice_del();break;case 4:A.find_among_b(p,6)&&A.slice_del();break;case 5:A.find_among_b(g,6)&&A.slice_del();break;case 6:A.find_among_b(j,2)&&A.slice_del()}else A.limit_backward=e}function l(){return A.find_among_b(q,7)}function a(){return A.eq_s_b(1,"i")&&A.in_grouping_b(L,97,246)}function u(){var i,e,r;if(A.cursor>=f)if(e=A.limit_backward,A.limit_backward=f,A.ket=A.cursor,i=A.find_among_b(C,30)){switch(A.bra=A.cursor,A.limit_backward=e,i){case 1:if(!A.eq_s_b(1,"a"))return;break;case 2:case 9:if(!A.eq_s_b(1,"e"))return;break;case 3:if(!A.eq_s_b(1,"i"))return;break;case 4:if(!A.eq_s_b(1,"o"))return;break;case 5:if(!A.eq_s_b(1,"ä"))return;break;case 6:if(!A.eq_s_b(1,"ö"))return;break;case 7:if(r=A.limit-A.cursor,!l()&&(A.cursor=A.limit-r,!A.eq_s_b(2,"ie"))){A.cursor=A.limit-r;break}if(A.cursor=A.limit-r,A.cursor<=A.limit_backward){A.cursor=A.limit-r;break}A.cursor--,A.bra=A.cursor;break;case 8:if(!A.in_grouping_b(W,97,246)||!A.out_grouping_b(W,97,246))return}A.slice_del(),k=!0}else A.limit_backward=e}function c(){var i,e,r;if(A.cursor>=d)if(e=A.limit_backward,A.limit_backward=d,A.ket=A.cursor,i=A.find_among_b(P,14)){if(A.bra=A.cursor,A.limit_backward=e,1==i){if(r=A.limit-A.cursor,A.eq_s_b(2,"po"))return;A.cursor=A.limit-r}A.slice_del()}else A.limit_backward=e}function m(){var i;A.cursor>=f&&(i=A.limit_backward,A.limit_backward=f,A.ket=A.cursor,A.find_among_b(F,2)?(A.bra=A.cursor,A.limit_backward=i,A.slice_del()):A.limit_backward=i)}function w(){var i,e,r,n,t,s;if(A.cursor>=f){if(e=A.limit_backward,A.limit_backward=f,A.ket=A.cursor,A.eq_s_b(1,"t")&&(A.bra=A.cursor,r=A.limit-A.cursor,A.in_grouping_b(W,97,246)&&(A.cursor=A.limit-r,A.slice_del(),A.limit_backward=e,n=A.limit-A.cursor,A.cursor>=d&&(A.cursor=d,t=A.limit_backward,A.limit_backward=A.cursor,A.cursor=A.limit-n,A.ket=A.cursor,i=A.find_among_b(S,2))))){if(A.bra=A.cursor,A.limit_backward=t,1==i){if(s=A.limit-A.cursor,A.eq_s_b(2,"po"))return;A.cursor=A.limit-s}return void A.slice_del()}A.limit_backward=e}}function _(){var i,e,r,n;if(A.cursor>=f){for(i=A.limit_backward,A.limit_backward=f,e=A.limit-A.cursor,l()&&(A.cursor=A.limit-e,A.ket=A.cursor,A.cursor>A.limit_backward&&(A.cursor--,A.bra=A.cursor,A.slice_del())),A.cursor=A.limit-e,A.ket=A.cursor,A.in_grouping_b(y,97,228)&&(A.bra=A.cursor,A.out_grouping_b(W,97,246)&&A.slice_del()),A.cursor=A.limit-e,A.ket=A.cursor,A.eq_s_b(1,"j")&&(A.bra=A.cursor,r=A.limit-A.cursor,A.eq_s_b(1,"o")?A.slice_del():(A.cursor=A.limit-r,A.eq_s_b(1,"u")&&A.slice_del())),A.cursor=A.limit-e,A.ket=A.cursor,A.eq_s_b(1,"o")&&(A.bra=A.cursor,A.eq_s_b(1,"j")&&A.slice_del()),A.cursor=A.limit-e,A.limit_backward=i;;){if(n=A.limit-A.cursor,A.out_grouping_b(W,97,246)){A.cursor=A.limit-n;break}if(A.cursor=A.limit-n,A.cursor<=A.limit_backward)return;A.cursor--}A.ket=A.cursor,A.cursor>A.limit_backward&&(A.cursor--,A.bra=A.cursor,b=A.slice_to(),A.eq_v_b(b)&&A.slice_del())}}var k,b,d,f,h=[new e("pa",-1,1),new e("sti",-1,2),new e("kaan",-1,1),new e("han",-1,1),new e("kin",-1,1),new e("hän",-1,1),new e("kään",-1,1),new e("ko",-1,1),new e("pä",-1,1),new e("kö",-1,1)],p=[new e("lla",-1,-1),new e("na",-1,-1),new e("ssa",-1,-1),new e("ta",-1,-1),new e("lta",3,-1),new e("sta",3,-1)],g=[new e("llä",-1,-1),new e("nä",-1,-1),new e("ssä",-1,-1),new e("tä",-1,-1),new e("ltä",3,-1),new e("stä",3,-1)],j=[new e("lle",-1,-1),new e("ine",-1,-1)],v=[new e("nsa",-1,3),new e("mme",-1,3),new e("nne",-1,3),new e("ni",-1,2),new e("si",-1,1),new e("an",-1,4),new e("en",-1,6),new e("än",-1,5),new e("nsä",-1,3)],q=[new e("aa",-1,-1),new e("ee",-1,-1),new e("ii",-1,-1),new e("oo",-1,-1),new e("uu",-1,-1),new e("ää",-1,-1),new e("öö",-1,-1)],C=[new e("a",-1,8),new e("lla",0,-1),new e("na",0,-1),new e("ssa",0,-1),new e("ta",0,-1),new e("lta",4,-1),new e("sta",4,-1),new e("tta",4,9),new e("lle",-1,-1),new e("ine",-1,-1),new e("ksi",-1,-1),new e("n",-1,7),new e("han",11,1),new e("den",11,-1,a),new e("seen",11,-1,l),new e("hen",11,2),new e("tten",11,-1,a),new e("hin",11,3),new e("siin",11,-1,a),new e("hon",11,4),new e("hän",11,5),new e("hön",11,6),new e("ä",-1,8),new e("llä",22,-1),new e("nä",22,-1),new e("ssä",22,-1),new e("tä",22,-1),new e("ltä",26,-1),new e("stä",26,-1),new e("ttä",26,9)],P=[new e("eja",-1,-1),new e("mma",-1,1),new e("imma",1,-1),new e("mpa",-1,1),new e("impa",3,-1),new e("mmi",-1,1),new e("immi",5,-1),new e("mpi",-1,1),new e("impi",7,-1),new e("ejä",-1,-1),new e("mmä",-1,1),new e("immä",10,-1),new e("mpä",-1,1),new e("impä",12,-1)],F=[new e("i",-1,-1),new e("j",-1,-1)],S=[new e("mma",-1,1),new e("imma",0,-1)],y=[17,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,8],W=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,8,0,32],L=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,0,8,0,32],x=[17,97,24,1,0,0,0,0,0,0,0,0,0,0,0,0,8,0,32],A=new r;this.setCurrent=function(i){A.setCurrent(i)},this.getCurrent=function(){return A.getCurrent()},this.stem=function(){var e=A.cursor;return i(),k=!1,A.limit_backward=e,A.cursor=A.limit,s(),A.cursor=A.limit,o(),A.cursor=A.limit,u(),A.cursor=A.limit,c(),A.cursor=A.limit,k?(m(),A.cursor=A.limit):(A.cursor=A.limit,w(),A.cursor=A.limit),_(),!0}};return function(i){return"function"==typeof i.update?i.update(function(i){return n.setCurrent(i),n.stem(),n.getCurrent()}):(n.setCurrent(i),n.stem(),n.getCurrent())}}(),i.Pipeline.registerFunction(i.fi.stemmer,"stemmer-fi"),i.fi.stopWordFilter=i.generateStopWordFilter("ei eivät emme en et ette että he heidän heidät heihin heille heillä heiltä heissä heistä heitä hän häneen hänelle hänellä häneltä hänen hänessä hänestä hänet häntä itse ja johon joiden joihin joiksi joilla joille joilta joina joissa joista joita joka joksi jolla jolle jolta jona jonka jos jossa josta jota jotka kanssa keiden keihin keiksi keille keillä keiltä keinä keissä keistä keitä keneen keneksi kenelle kenellä keneltä kenen kenenä kenessä kenestä kenet ketkä ketkä ketä koska kuin kuka kun me meidän meidät meihin meille meillä meiltä meissä meistä meitä mihin miksi mikä mille millä miltä minkä minkä minua minulla minulle minulta minun minussa minusta minut minuun minä minä missä mistä mitkä mitä mukaan mutta ne niiden niihin niiksi niille niillä niiltä niin niin niinä niissä niistä niitä noiden noihin noiksi noilla noille noilta noin noina noissa noista noita nuo nyt näiden näihin näiksi näille näillä näiltä näinä näissä näistä näitä nämä ole olemme olen olet olette oli olimme olin olisi olisimme olisin olisit olisitte olisivat olit olitte olivat olla olleet ollut on ovat poikki se sekä sen siihen siinä siitä siksi sille sillä sillä siltä sinua sinulla sinulle sinulta sinun sinussa sinusta sinut sinuun sinä sinä sitä tai te teidän teidät teihin teille teillä teiltä teissä teistä teitä tuo tuohon tuoksi tuolla tuolle tuolta tuon tuona tuossa tuosta tuota tähän täksi tälle tällä tältä tämä tämän tänä tässä tästä tätä vaan vai vaikka yli".split(" ")),i.Pipeline.registerFunction(i.fi.stopWordFilter,"stopWordFilter-fi")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.fr.min.js b/assets/javascripts/lunr/min/lunr.fr.min.js
new file mode 100644
index 0000000..68cd009
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.fr.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `French` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.fr=function(){this.pipeline.reset(),this.pipeline.add(e.fr.trimmer,e.fr.stopWordFilter,e.fr.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.fr.stemmer))},e.fr.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.fr.trimmer=e.trimmerSupport.generateTrimmer(e.fr.wordCharacters),e.Pipeline.registerFunction(e.fr.trimmer,"trimmer-fr"),e.fr.stemmer=function(){var r=e.stemmerSupport.Among,s=e.stemmerSupport.SnowballProgram,i=new function(){function e(e,r,s){return!(!W.eq_s(1,e)||(W.ket=W.cursor,!W.in_grouping(F,97,251)))&&(W.slice_from(r),W.cursor=s,!0)}function i(e,r,s){return!!W.eq_s(1,e)&&(W.ket=W.cursor,W.slice_from(r),W.cursor=s,!0)}function n(){for(var r,s;;){if(r=W.cursor,W.in_grouping(F,97,251)){if(W.bra=W.cursor,s=W.cursor,e("u","U",r))continue;if(W.cursor=s,e("i","I",r))continue;if(W.cursor=s,i("y","Y",r))continue}if(W.cursor=r,W.bra=r,!e("y","Y",r)){if(W.cursor=r,W.eq_s(1,"q")&&(W.bra=W.cursor,i("u","U",r)))continue;if(W.cursor=r,r>=W.limit)return;W.cursor++}}}function t(){for(;!W.in_grouping(F,97,251);){if(W.cursor>=W.limit)return!0;W.cursor++}for(;!W.out_grouping(F,97,251);){if(W.cursor>=W.limit)return!0;W.cursor++}return!1}function u(){var e=W.cursor;if(q=W.limit,g=q,p=q,W.in_grouping(F,97,251)&&W.in_grouping(F,97,251)&&W.cursor<W.limit)W.cursor++;else if(W.cursor=e,!W.find_among(v,3)){W.cursor=e;do{if(W.cursor>=W.limit){W.cursor=q;break}W.cursor++}while(!W.in_grouping(F,97,251))}q=W.cursor,W.cursor=e,t()||(g=W.cursor,t()||(p=W.cursor))}function o(){for(var e,r;;){if(r=W.cursor,W.bra=r,!(e=W.find_among(h,4)))break;switch(W.ket=W.cursor,e){case 1:W.slice_from("i");break;case 2:W.slice_from("u");break;case 3:W.slice_from("y");break;case 4:if(W.cursor>=W.limit)return;W.cursor++}}}function c(){return q<=W.cursor}function a(){return g<=W.cursor}function l(){return p<=W.cursor}function w(){var e,r;if(W.ket=W.cursor,e=W.find_among_b(C,43)){switch(W.bra=W.cursor,e){case 1:if(!l())return!1;W.slice_del();break;case 2:if(!l())return!1;W.slice_del(),W.ket=W.cursor,W.eq_s_b(2,"ic")&&(W.bra=W.cursor,l()?W.slice_del():W.slice_from("iqU"));break;case 3:if(!l())return!1;W.slice_from("log");break;case 4:if(!l())return!1;W.slice_from("u");break;case 5:if(!l())return!1;W.slice_from("ent");break;case 6:if(!c())return!1;if(W.slice_del(),W.ket=W.cursor,e=W.find_among_b(z,6))switch(W.bra=W.cursor,e){case 1:l()&&(W.slice_del(),W.ket=W.cursor,W.eq_s_b(2,"at")&&(W.bra=W.cursor,l()&&W.slice_del()));break;case 2:l()?W.slice_del():a()&&W.slice_from("eux");break;case 3:l()&&W.slice_del();break;case 4:c()&&W.slice_from("i")}break;case 7:if(!l())return!1;if(W.slice_del(),W.ket=W.cursor,e=W.find_among_b(y,3))switch(W.bra=W.cursor,e){case 1:l()?W.slice_del():W.slice_from("abl");break;case 2:l()?W.slice_del():W.slice_from("iqU");break;case 3:l()&&W.slice_del()}break;case 8:if(!l())return!1;if(W.slice_del(),W.ket=W.cursor,W.eq_s_b(2,"at")&&(W.bra=W.cursor,l()&&(W.slice_del(),W.ket=W.cursor,W.eq_s_b(2,"ic")))){W.bra=W.cursor,l()?W.slice_del():W.slice_from("iqU");break}break;case 9:W.slice_from("eau");break;case 10:if(!a())return!1;W.slice_from("al");break;case 11:if(l())W.slice_del();else{if(!a())return!1;W.slice_from("eux")}break;case 12:if(!a()||!W.out_grouping_b(F,97,251))return!1;W.slice_del();break;case 13:return c()&&W.slice_from("ant"),!1;case 14:return c()&&W.slice_from("ent"),!1;case 15:return r=W.limit-W.cursor,W.in_grouping_b(F,97,251)&&c()&&(W.cursor=W.limit-r,W.slice_del()),!1}return!0}return!1}function f(){var e,r;if(W.cursor<q)return!1;if(r=W.limit_backward,W.limit_backward=q,W.ket=W.cursor,!(e=W.find_among_b(x,35)))return W.limit_backward=r,!1;if(W.bra=W.cursor,1==e){if(!W.out_grouping_b(F,97,251))return W.limit_backward=r,!1;W.slice_del()}return W.limit_backward=r,!0}function m(){var e,r,s;if(W.cursor<q)return!1;if(r=W.limit_backward,W.limit_backward=q,W.ket=W.cursor,!(e=W.find_among_b(I,38)))return W.limit_backward=r,!1;switch(W.bra=W.cursor,e){case 1:if(!l())return W.limit_backward=r,!1;W.slice_del();break;case 2:W.slice_del();break;case 3:W.slice_del(),s=W.limit-W.cursor,W.ket=W.cursor,W.eq_s_b(1,"e")?(W.bra=W.cursor,W.slice_del()):W.cursor=W.limit-s}return W.limit_backward=r,!0}function _(){var e,r,s,i,n=W.limit-W.cursor;if(W.ket=W.cursor,W.eq_s_b(1,"s")?(W.bra=W.cursor,r=W.limit-W.cursor,W.out_grouping_b(S,97,232)?(W.cursor=W.limit-r,W.slice_del()):W.cursor=W.limit-n):W.cursor=W.limit-n,W.cursor>=q){if(s=W.limit_backward,W.limit_backward=q,W.ket=W.cursor,e=W.find_among_b(P,7))switch(W.bra=W.cursor,e){case 1:if(l()){if(i=W.limit-W.cursor,!W.eq_s_b(1,"s")&&(W.cursor=W.limit-i,!W.eq_s_b(1,"t")))break;W.slice_del()}break;case 2:W.slice_from("i");break;case 3:W.slice_del();break;case 4:W.eq_s_b(2,"gu")&&W.slice_del()}W.limit_backward=s}}function b(){var e=W.limit-W.cursor;W.find_among_b(U,5)&&(W.cursor=W.limit-e,W.ket=W.cursor,W.cursor>W.limit_backward&&(W.cursor--,W.bra=W.cursor,W.slice_del()))}function d(){for(var e,r=1;W.out_grouping_b(F,97,251);)r--;if(r<=0){if(W.ket=W.cursor,e=W.limit-W.cursor,!W.eq_s_b(1,"é")&&(W.cursor=W.limit-e,!W.eq_s_b(1,"è")))return;W.bra=W.cursor,W.slice_from("e")}}function k(){if(!w()&&(W.cursor=W.limit,!f()&&(W.cursor=W.limit,!m())))return W.cursor=W.limit,void _();W.cursor=W.limit,W.ket=W.cursor,W.eq_s_b(1,"Y")?(W.bra=W.cursor,W.slice_from("i")):(W.cursor=W.limit,W.eq_s_b(1,"ç")&&(W.bra=W.cursor,W.slice_from("c")))}var p,g,q,v=[new r("col",-1,-1),new r("par",-1,-1),new r("tap",-1,-1)],h=[new r("",-1,4),new r("I",0,1),new r("U",0,2),new r("Y",0,3)],z=[new r("iqU",-1,3),new r("abl",-1,3),new r("Ièr",-1,4),new r("ièr",-1,4),new r("eus",-1,2),new r("iv",-1,1)],y=[new r("ic",-1,2),new r("abil",-1,1),new r("iv",-1,3)],C=[new r("iqUe",-1,1),new r("atrice",-1,2),new r("ance",-1,1),new r("ence",-1,5),new r("logie",-1,3),new r("able",-1,1),new r("isme",-1,1),new r("euse",-1,11),new r("iste",-1,1),new r("ive",-1,8),new r("if",-1,8),new r("usion",-1,4),new r("ation",-1,2),new r("ution",-1,4),new r("ateur",-1,2),new r("iqUes",-1,1),new r("atrices",-1,2),new r("ances",-1,1),new r("ences",-1,5),new r("logies",-1,3),new r("ables",-1,1),new r("ismes",-1,1),new r("euses",-1,11),new r("istes",-1,1),new r("ives",-1,8),new r("ifs",-1,8),new r("usions",-1,4),new r("ations",-1,2),new r("utions",-1,4),new r("ateurs",-1,2),new r("ments",-1,15),new r("ements",30,6),new r("issements",31,12),new r("ités",-1,7),new r("ment",-1,15),new r("ement",34,6),new r("issement",35,12),new r("amment",34,13),new r("emment",34,14),new r("aux",-1,10),new r("eaux",39,9),new r("eux",-1,1),new r("ité",-1,7)],x=[new r("ira",-1,1),new r("ie",-1,1),new r("isse",-1,1),new r("issante",-1,1),new r("i",-1,1),new r("irai",4,1),new r("ir",-1,1),new r("iras",-1,1),new r("ies",-1,1),new r("îmes",-1,1),new r("isses",-1,1),new r("issantes",-1,1),new r("îtes",-1,1),new r("is",-1,1),new r("irais",13,1),new r("issais",13,1),new r("irions",-1,1),new r("issions",-1,1),new r("irons",-1,1),new r("issons",-1,1),new r("issants",-1,1),new r("it",-1,1),new r("irait",21,1),new r("issait",21,1),new r("issant",-1,1),new r("iraIent",-1,1),new r("issaIent",-1,1),new r("irent",-1,1),new r("issent",-1,1),new r("iront",-1,1),new r("ît",-1,1),new r("iriez",-1,1),new r("issiez",-1,1),new r("irez",-1,1),new r("issez",-1,1)],I=[new r("a",-1,3),new r("era",0,2),new r("asse",-1,3),new r("ante",-1,3),new r("ée",-1,2),new r("ai",-1,3),new r("erai",5,2),new r("er",-1,2),new r("as",-1,3),new r("eras",8,2),new r("âmes",-1,3),new r("asses",-1,3),new r("antes",-1,3),new r("âtes",-1,3),new r("ées",-1,2),new r("ais",-1,3),new r("erais",15,2),new r("ions",-1,1),new r("erions",17,2),new r("assions",17,3),new r("erons",-1,2),new r("ants",-1,3),new r("és",-1,2),new r("ait",-1,3),new r("erait",23,2),new r("ant",-1,3),new r("aIent",-1,3),new r("eraIent",26,2),new r("èrent",-1,2),new r("assent",-1,3),new r("eront",-1,2),new r("ât",-1,3),new r("ez",-1,2),new r("iez",32,2),new r("eriez",33,2),new r("assiez",33,3),new r("erez",32,2),new r("é",-1,2)],P=[new r("e",-1,3),new r("Ière",0,2),new r("ière",0,2),new r("ion",-1,1),new r("Ier",-1,2),new r("ier",-1,2),new r("ë",-1,4)],U=[new r("ell",-1,-1),new r("eill",-1,-1),new r("enn",-1,-1),new r("onn",-1,-1),new r("ett",-1,-1)],F=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,128,130,103,8,5],S=[1,65,20,0,0,0,0,0,0,0,0,0,0,0,0,0,128],W=new s;this.setCurrent=function(e){W.setCurrent(e)},this.getCurrent=function(){return W.getCurrent()},this.stem=function(){var e=W.cursor;return n(),W.cursor=e,u(),W.limit_backward=e,W.cursor=W.limit,k(),W.cursor=W.limit,b(),W.cursor=W.limit,d(),W.cursor=W.limit_backward,o(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return i.setCurrent(e),i.stem(),i.getCurrent()}):(i.setCurrent(e),i.stem(),i.getCurrent())}}(),e.Pipeline.registerFunction(e.fr.stemmer,"stemmer-fr"),e.fr.stopWordFilter=e.generateStopWordFilter("ai aie aient aies ait as au aura aurai auraient aurais aurait auras aurez auriez aurions aurons auront aux avaient avais avait avec avez aviez avions avons ayant ayez ayons c ce ceci celà ces cet cette d dans de des du elle en es est et eu eue eues eurent eus eusse eussent eusses eussiez eussions eut eux eûmes eût eûtes furent fus fusse fussent fusses fussiez fussions fut fûmes fût fûtes ici il ils j je l la le les leur leurs lui m ma mais me mes moi mon même n ne nos notre nous on ont ou par pas pour qu que quel quelle quelles quels qui s sa sans se sera serai seraient serais serait seras serez seriez serions serons seront ses soi soient sois soit sommes son sont soyez soyons suis sur t ta te tes toi ton tu un une vos votre vous y à étaient étais était étant étiez étions été étée étées étés êtes".split(" ")),e.Pipeline.registerFunction(e.fr.stopWordFilter,"stopWordFilter-fr")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.he.min.js b/assets/javascripts/lunr/min/lunr.he.min.js
new file mode 100644
index 0000000..b863d3e
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.he.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.he=function(){this.pipeline.reset(),this.pipeline.add(e.he.trimmer,e.he.stopWordFilter,e.he.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.he.stemmer))},e.he.wordCharacters="֑-״א-תa-zA-Zａ-ｚＡ-Ｚ0-9０-９",e.he.trimmer=e.trimmerSupport.generateTrimmer(e.he.wordCharacters),e.Pipeline.registerFunction(e.he.trimmer,"trimmer-he"),e.he.stemmer=function(){var e=this;return e.result=!1,e.preRemoved=!1,e.sufRemoved=!1,e.pre={pre1:"ה ו י ת",pre2:"ב כ ל מ ש כש",pre3:"הב הכ הל המ הש בש לכ",pre4:"וב וכ ול ומ וש",pre5:"מה שה כל",pre6:"מב מכ מל ממ מש",pre7:"בה בו בי בת כה כו כי כת לה לו לי לת",pre8:"ובה ובו ובי ובת וכה וכו וכי וכת ולה ולו ולי ולת"},e.suf={suf1:"ך כ ם ן נ",suf2:"ים ות וך וכ ום ון ונ הם הן יכ יך ינ ים",suf3:"תי תך תכ תם תן תנ",suf4:"ותי ותך ותכ ותם ותן ותנ",suf5:"נו כם כן הם הן",suf6:"ונו וכם וכן והם והן",suf7:"תכם תכן תנו תהם תהן",suf8:"הוא היא הם הן אני אתה את אנו אתם אתן",suf9:"ני נו כי כו כם כן תי תך תכ תם תן",suf10:"י ך כ ם ן נ ת"},e.patterns=JSON.parse('{"hebrewPatterns": [{"pt1": [{"c": "ה", "l": 0}]}, {"pt2": [{"c": "ו", "l": 0}]}, {"pt3": [{"c": "י", "l": 0}]}, {"pt4": [{"c": "ת", "l": 0}]}, {"pt5": [{"c": "מ", "l": 0}]}, {"pt6": [{"c": "ל", "l": 0}]}, {"pt7": [{"c": "ב", "l": 0}]}, {"pt8": [{"c": "כ", "l": 0}]}, {"pt9": [{"c": "ש", "l": 0}]}, {"pt10": [{"c": "כש", "l": 0}]}, {"pt11": [{"c": "בה", "l": 0}]}, {"pt12": [{"c": "וב", "l": 0}]}, {"pt13": [{"c": "וכ", "l": 0}]}, {"pt14": [{"c": "ול", "l": 0}]}, {"pt15": [{"c": "ומ", "l": 0}]}, {"pt16": [{"c": "וש", "l": 0}]}, {"pt17": [{"c": "הב", "l": 0}]}, {"pt18": [{"c": "הכ", "l": 0}]}, {"pt19": [{"c": "הל", "l": 0}]}, {"pt20": [{"c": "המ", "l": 0}]}, {"pt21": [{"c": "הש", "l": 0}]}, {"pt22": [{"c": "מה", "l": 0}]}, {"pt23": [{"c": "שה", "l": 0}]}, {"pt24": [{"c": "כל", "l": 0}]}]}'),e.execArray=["cleanWord","removeDiacritics","removeStopWords","normalizeHebrewCharacters"],e.stem=function(){var r=0;for(e.result=!1,e.preRemoved=!1,e.sufRemoved=!1;r<e.execArray.length&&1!=e.result;)e.result=e[e.execArray[r]](),r++},e.setCurrent=function(r){e.word=r},e.getCurrent=function(){return e.word},e.cleanWord=function(){return!!new RegExp("[^֑-״א-ת]").test("")},e.removeDiacritics=function(){var r=new RegExp("[ְ-ֿ]","g");return e.word=e.word.replace(r,""),!1},e.removeStopWords=function(){if("אבל או אולי אותו אותי אותך אותם אותן אותנו אז אחר אחרות אחרי אחריכן אחרים אחרת אי איזה איך אין איפה אל אלה אלו אם אנחנו אני אף אפשר את אתה אתכם אתכן אתם אתן באיזה באיזו בגלל בין בלבד בעבור בעזרת בכל בכן בלי במידה במקום שבו ברוב בשביל בשעה ש בתוך גם דרך הוא היא היה היי היכן היתה היתי הם הן הנה הסיבה שבגללה הרי ואילו ואת זאת זה זות יהיה יוכל יוכלו יותר מדי יכול יכולה יכולות יכולים יכל יכלה יכלו יש כאן כאשר כולם כולן כזה כי כיצד כך כל כלל כמו כן כפי כש לא לאו לאיזותך לאן לבין לה להיות להם להן לו לזה לזות לי לך לכם לכן למה למעלה למעלה מ למטה למטה מ למעט למקום שבו למרות לנו לעבר לעיכן לפיכך לפני מאד מאחורי מאיזו סיבה מאין מאיפה מבלי מבעד מדוע מה מהיכן מול מחוץ מי מידע מכאן מכל מכן מלבד מן מנין מסוגל מעט מעטים מעל מצד מקום בו מתחת מתי נגד נגר נו עד עז על עלי עליו עליה עליהם עליך עלינו עם עצמה עצמהם עצמהן עצמו עצמי עצמם עצמן עצמנו פה רק שוב של שלה שלהם שלהן שלו שלי שלך שלכה שלכם שלכן שלנו שם תהיה תחת".split(" ").indexOf(e.word)>=0)return!0},e.normalizeHebrewCharacters=function(){return e.word=e.word.replace("ך","כ"),e.word=e.word.replace("ם","מ"),e.word=e.word.replace("ן","נ"),e.word=e.word.replace("ף","פ"),e.word=e.word.replace("ץ","צ"),!1},function(r){return"function"==typeof r.update?r.update(function(r){return e.setCurrent(r),e.stem(),e.getCurrent()}):(e.setCurrent(r),e.stem(),e.getCurrent())}}(),e.Pipeline.registerFunction(e.he.stemmer,"stemmer-he"),e.he.stopWordFilter=e.generateStopWordFilter("אבל או אולי אותו אותי אותך אותם אותן אותנו אז אחר אחרות אחרי אחריכן אחרים אחרת אי איזה איך אין איפה אל אלה אלו אם אנחנו אני אף אפשר את אתה אתכם אתכן אתם אתן באיזה באיזו בגלל בין בלבד בעבור בעזרת בכל בכן בלי במידה במקום שבו ברוב בשביל בשעה ש בתוך גם דרך הוא היא היה היי היכן היתה היתי הם הן הנה הסיבה שבגללה הרי ואילו ואת זאת זה זות יהיה יוכל יוכלו יותר מדי יכול יכולה יכולות יכולים יכל יכלה יכלו יש כאן כאשר כולם כולן כזה כי כיצד כך כל כלל כמו כן כפי כש לא לאו לאיזותך לאן לבין לה להיות להם להן לו לזה לזות לי לך לכם לכן למה למעלה למעלה מ למטה למטה מ למעט למקום שבו למרות לנו לעבר לעיכן לפיכך לפני מאד מאחורי מאיזו סיבה מאין מאיפה מבלי מבעד מדוע מה מהיכן מול מחוץ מי מידע מכאן מכל מכן מלבד מן מנין מסוגל מעט מעטים מעל מצד מקום בו מתחת מתי נגד נגר נו עד עז על עלי עליו עליה עליהם עליך עלינו עם עצמה עצמהם עצמהן עצמו עצמי עצמם עצמן עצמנו פה רק שוב של שלה שלהם שלהן שלו שלי שלך שלכה שלכם שלכן שלנו שם תהיה תחת".split(" ")),e.Pipeline.registerFunction(e.he.stopWordFilter,"stopWordFilter-he")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.hi.min.js b/assets/javascripts/lunr/min/lunr.hi.min.js
new file mode 100644
index 0000000..7dbc414
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.hi.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.hi=function(){this.pipeline.reset(),this.pipeline.add(e.hi.trimmer,e.hi.stopWordFilter,e.hi.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.hi.stemmer))},e.hi.wordCharacters="ऀ-ःऄ-एऐ-टठ-यर-िी-ॏॐ-य़ॠ-९॰-ॿa-zA-Zａ-ｚＡ-Ｚ0-9０-９",e.hi.trimmer=e.trimmerSupport.generateTrimmer(e.hi.wordCharacters),e.Pipeline.registerFunction(e.hi.trimmer,"trimmer-hi"),e.hi.stopWordFilter=e.generateStopWordFilter("अत अपना अपनी अपने अभी अंदर आदि आप इत्यादि इन इनका इन्हीं इन्हें इन्हों इस इसका इसकी इसके इसमें इसी इसे उन उनका उनकी उनके उनको उन्हीं उन्हें उन्हों उस उसके उसी उसे एक एवं एस ऐसे और कई कर करता करते करना करने करें कहते कहा का काफ़ी कि कितना किन्हें किन्हों किया किर किस किसी किसे की कुछ कुल के को कोई कौन कौनसा गया घर जब जहाँ जा जितना जिन जिन्हें जिन्हों जिस जिसे जीधर जैसा जैसे जो तक तब तरह तिन तिन्हें तिन्हों तिस तिसे तो था थी थे दबारा दिया दुसरा दूसरे दो द्वारा न नके नहीं ना निहायत नीचे ने पर पहले पूरा पे फिर बनी बही बहुत बाद बाला बिलकुल भी भीतर मगर मानो मे में यदि यह यहाँ यही या यिह ये रखें रहा रहे ऱ्वासा लिए लिये लेकिन व वग़ैरह वर्ग वह वहाँ वहीं वाले वुह वे वो सकता सकते सबसे सभी साथ साबुत साभ सारा से सो संग ही हुआ हुई हुए है हैं हो होता होती होते होना होने".split(" ")),e.hi.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}();var r=e.wordcut;r.init(),e.hi.tokenizer=function(i){if(!arguments.length||null==i||void 0==i)return[];if(Array.isArray(i))return i.map(function(r){return isLunr2?new e.Token(r.toLowerCase()):r.toLowerCase()});var t=i.toString().toLowerCase().replace(/^\s+/,"");return r.cut(t).split("|")},e.Pipeline.registerFunction(e.hi.stemmer,"stemmer-hi"),e.Pipeline.registerFunction(e.hi.stopWordFilter,"stopWordFilter-hi")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.hu.min.js b/assets/javascripts/lunr/min/lunr.hu.min.js
new file mode 100644
index 0000000..ed9d909
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.hu.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Hungarian` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,n){"function"==typeof define&&define.amd?define(n):"object"==typeof exports?module.exports=n():n()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.hu=function(){this.pipeline.reset(),this.pipeline.add(e.hu.trimmer,e.hu.stopWordFilter,e.hu.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.hu.stemmer))},e.hu.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.hu.trimmer=e.trimmerSupport.generateTrimmer(e.hu.wordCharacters),e.Pipeline.registerFunction(e.hu.trimmer,"trimmer-hu"),e.hu.stemmer=function(){var n=e.stemmerSupport.Among,r=e.stemmerSupport.SnowballProgram,i=new function(){function e(){var e,n=L.cursor;if(d=L.limit,L.in_grouping(W,97,252))for(;;){if(e=L.cursor,L.out_grouping(W,97,252))return L.cursor=e,L.find_among(g,8)||(L.cursor=e,e<L.limit&&L.cursor++),void(d=L.cursor);if(L.cursor=e,e>=L.limit)return void(d=e);L.cursor++}if(L.cursor=n,L.out_grouping(W,97,252)){for(;!L.in_grouping(W,97,252);){if(L.cursor>=L.limit)return;L.cursor++}d=L.cursor}}function i(){return d<=L.cursor}function a(){var e;if(L.ket=L.cursor,(e=L.find_among_b(h,2))&&(L.bra=L.cursor,i()))switch(e){case 1:L.slice_from("a");break;case 2:L.slice_from("e")}}function t(){var e=L.limit-L.cursor;return!!L.find_among_b(p,23)&&(L.cursor=L.limit-e,!0)}function s(){if(L.cursor>L.limit_backward){L.cursor--,L.ket=L.cursor;var e=L.cursor-1;L.limit_backward<=e&&e<=L.limit&&(L.cursor=e,L.bra=e,L.slice_del())}}function c(){var e;if(L.ket=L.cursor,(e=L.find_among_b(_,2))&&(L.bra=L.cursor,i())){if((1==e||2==e)&&!t())return;L.slice_del(),s()}}function o(){L.ket=L.cursor,L.find_among_b(v,44)&&(L.bra=L.cursor,i()&&(L.slice_del(),a()))}function w(){var e;if(L.ket=L.cursor,(e=L.find_among_b(z,3))&&(L.bra=L.cursor,i()))switch(e){case 1:L.slice_from("e");break;case 2:case 3:L.slice_from("a")}}function l(){var e;if(L.ket=L.cursor,(e=L.find_among_b(y,6))&&(L.bra=L.cursor,i()))switch(e){case 1:case 2:L.slice_del();break;case 3:L.slice_from("a");break;case 4:L.slice_from("e")}}function u(){var e;if(L.ket=L.cursor,(e=L.find_among_b(j,2))&&(L.bra=L.cursor,i())){if((1==e||2==e)&&!t())return;L.slice_del(),s()}}function m(){var e;if(L.ket=L.cursor,(e=L.find_among_b(C,7))&&(L.bra=L.cursor,i()))switch(e){case 1:L.slice_from("a");break;case 2:L.slice_from("e");break;case 3:case 4:case 5:case 6:case 7:L.slice_del()}}function k(){var e;if(L.ket=L.cursor,(e=L.find_among_b(P,12))&&(L.bra=L.cursor,i()))switch(e){case 1:case 4:case 7:case 9:L.slice_del();break;case 2:case 5:case 8:L.slice_from("e");break;case 3:case 6:L.slice_from("a")}}function f(){var e;if(L.ket=L.cursor,(e=L.find_among_b(F,31))&&(L.bra=L.cursor,i()))switch(e){case 1:case 4:case 7:case 8:case 9:case 12:case 13:case 16:case 17:case 18:L.slice_del();break;case 2:case 5:case 10:case 14:case 19:L.slice_from("a");break;case 3:case 6:case 11:case 15:case 20:L.slice_from("e")}}function b(){var e;if(L.ket=L.cursor,(e=L.find_among_b(S,42))&&(L.bra=L.cursor,i()))switch(e){case 1:case 4:case 5:case 6:case 9:case 10:case 11:case 14:case 15:case 16:case 17:case 20:case 21:case 24:case 25:case 26:case 29:L.slice_del();break;case 2:case 7:case 12:case 18:case 22:case 27:L.slice_from("a");break;case 3:case 8:case 13:case 19:case 23:case 28:L.slice_from("e")}}var d,g=[new n("cs",-1,-1),new n("dzs",-1,-1),new n("gy",-1,-1),new n("ly",-1,-1),new n("ny",-1,-1),new n("sz",-1,-1),new n("ty",-1,-1),new n("zs",-1,-1)],h=[new n("á",-1,1),new n("é",-1,2)],p=[new n("bb",-1,-1),new n("cc",-1,-1),new n("dd",-1,-1),new n("ff",-1,-1),new n("gg",-1,-1),new n("jj",-1,-1),new n("kk",-1,-1),new n("ll",-1,-1),new n("mm",-1,-1),new n("nn",-1,-1),new n("pp",-1,-1),new n("rr",-1,-1),new n("ccs",-1,-1),new n("ss",-1,-1),new n("zzs",-1,-1),new n("tt",-1,-1),new n("vv",-1,-1),new n("ggy",-1,-1),new n("lly",-1,-1),new n("nny",-1,-1),new n("tty",-1,-1),new n("ssz",-1,-1),new n("zz",-1,-1)],_=[new n("al",-1,1),new n("el",-1,2)],v=[new n("ba",-1,-1),new n("ra",-1,-1),new n("be",-1,-1),new n("re",-1,-1),new n("ig",-1,-1),new n("nak",-1,-1),new n("nek",-1,-1),new n("val",-1,-1),new n("vel",-1,-1),new n("ul",-1,-1),new n("nál",-1,-1),new n("nél",-1,-1),new n("ból",-1,-1),new n("ról",-1,-1),new n("tól",-1,-1),new n("bõl",-1,-1),new n("rõl",-1,-1),new n("tõl",-1,-1),new n("ül",-1,-1),new n("n",-1,-1),new n("an",19,-1),new n("ban",20,-1),new n("en",19,-1),new n("ben",22,-1),new n("képpen",22,-1),new n("on",19,-1),new n("ön",19,-1),new n("képp",-1,-1),new n("kor",-1,-1),new n("t",-1,-1),new n("at",29,-1),new n("et",29,-1),new n("ként",29,-1),new n("anként",32,-1),new n("enként",32,-1),new n("onként",32,-1),new n("ot",29,-1),new n("ért",29,-1),new n("öt",29,-1),new n("hez",-1,-1),new n("hoz",-1,-1),new n("höz",-1,-1),new n("vá",-1,-1),new n("vé",-1,-1)],z=[new n("án",-1,2),new n("én",-1,1),new n("ánként",-1,3)],y=[new n("stul",-1,2),new n("astul",0,1),new n("ástul",0,3),new n("stül",-1,2),new n("estül",3,1),new n("éstül",3,4)],j=[new n("á",-1,1),new n("é",-1,2)],C=[new n("k",-1,7),new n("ak",0,4),new n("ek",0,6),new n("ok",0,5),new n("ák",0,1),new n("ék",0,2),new n("ök",0,3)],P=[new n("éi",-1,7),new n("áéi",0,6),new n("ééi",0,5),new n("é",-1,9),new n("ké",3,4),new n("aké",4,1),new n("eké",4,1),new n("oké",4,1),new n("áké",4,3),new n("éké",4,2),new n("öké",4,1),new n("éé",3,8)],F=[new n("a",-1,18),new n("ja",0,17),new n("d",-1,16),new n("ad",2,13),new n("ed",2,13),new n("od",2,13),new n("ád",2,14),new n("éd",2,15),new n("öd",2,13),new n("e",-1,18),new n("je",9,17),new n("nk",-1,4),new n("unk",11,1),new n("ánk",11,2),new n("énk",11,3),new n("ünk",11,1),new n("uk",-1,8),new n("juk",16,7),new n("ájuk",17,5),new n("ük",-1,8),new n("jük",19,7),new n("éjük",20,6),new n("m",-1,12),new n("am",22,9),new n("em",22,9),new n("om",22,9),new n("ám",22,10),new n("ém",22,11),new n("o",-1,18),new n("á",-1,19),new n("é",-1,20)],S=[new n("id",-1,10),new n("aid",0,9),new n("jaid",1,6),new n("eid",0,9),new n("jeid",3,6),new n("áid",0,7),new n("éid",0,8),new n("i",-1,15),new n("ai",7,14),new n("jai",8,11),new n("ei",7,14),new n("jei",10,11),new n("ái",7,12),new n("éi",7,13),new n("itek",-1,24),new n("eitek",14,21),new n("jeitek",15,20),new n("éitek",14,23),new n("ik",-1,29),new n("aik",18,26),new n("jaik",19,25),new n("eik",18,26),new n("jeik",21,25),new n("áik",18,27),new n("éik",18,28),new n("ink",-1,20),new n("aink",25,17),new n("jaink",26,16),new n("eink",25,17),new n("jeink",28,16),new n("áink",25,18),new n("éink",25,19),new n("aitok",-1,21),new n("jaitok",32,20),new n("áitok",-1,22),new n("im",-1,5),new n("aim",35,4),new n("jaim",36,1),new n("eim",35,4),new n("jeim",38,1),new n("áim",35,2),new n("éim",35,3)],W=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,0,1,17,52,14],L=new r;this.setCurrent=function(e){L.setCurrent(e)},this.getCurrent=function(){return L.getCurrent()},this.stem=function(){var n=L.cursor;return e(),L.limit_backward=n,L.cursor=L.limit,c(),L.cursor=L.limit,o(),L.cursor=L.limit,w(),L.cursor=L.limit,l(),L.cursor=L.limit,u(),L.cursor=L.limit,k(),L.cursor=L.limit,f(),L.cursor=L.limit,b(),L.cursor=L.limit,m(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return i.setCurrent(e),i.stem(),i.getCurrent()}):(i.setCurrent(e),i.stem(),i.getCurrent())}}(),e.Pipeline.registerFunction(e.hu.stemmer,"stemmer-hu"),e.hu.stopWordFilter=e.generateStopWordFilter("a abban ahhoz ahogy ahol aki akik akkor alatt amely amelyek amelyekben amelyeket amelyet amelynek ami amikor amit amolyan amíg annak arra arról az azok azon azonban azt aztán azután azzal azért be belül benne bár cikk cikkek cikkeket csak de e ebben eddig egy egyes egyetlen egyik egyre egyéb egész ehhez ekkor el ellen elsõ elég elõ elõször elõtt emilyen ennek erre ez ezek ezen ezt ezzel ezért fel felé hanem hiszen hogy hogyan igen ill ill. illetve ilyen ilyenkor ismét ison itt jobban jó jól kell kellett keressünk keresztül ki kívül között közül legalább legyen lehet lehetett lenne lenni lesz lett maga magát majd majd meg mellett mely melyek mert mi mikor milyen minden mindenki mindent mindig mint mintha mit mivel miért most már más másik még míg nagy nagyobb nagyon ne nekem neki nem nincs néha néhány nélkül olyan ott pedig persze rá s saját sem semmi sok sokat sokkal szemben szerint szinte számára talán tehát teljes tovább továbbá több ugyanis utolsó után utána vagy vagyis vagyok valaki valami valamint való van vannak vele vissza viszont volna volt voltak voltam voltunk által általában át én éppen és így õ õk õket össze úgy új újabb újra".split(" ")),e.Pipeline.registerFunction(e.hu.stopWordFilter,"stopWordFilter-hu")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.hy.min.js b/assets/javascripts/lunr/min/lunr.hy.min.js
new file mode 100644
index 0000000..b37f792
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.hy.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.hy=function(){this.pipeline.reset(),this.pipeline.add(e.hy.trimmer,e.hy.stopWordFilter)},e.hy.wordCharacters="[A-Za-z԰-֏ff-ﭏ]",e.hy.trimmer=e.trimmerSupport.generateTrimmer(e.hy.wordCharacters),e.Pipeline.registerFunction(e.hy.trimmer,"trimmer-hy"),e.hy.stopWordFilter=e.generateStopWordFilter("դու և եք էիր էիք հետո նաև նրանք որը վրա է որ պիտի են այս մեջ ն իր ու ի այդ որոնք այն կամ էր մի ես համար այլ իսկ էին ենք հետ ին թ էինք մենք նրա նա դուք եմ էի ըստ որպես ում".split(" ")),e.Pipeline.registerFunction(e.hy.stopWordFilter,"stopWordFilter-hy"),e.hy.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}(),e.Pipeline.registerFunction(e.hy.stemmer,"stemmer-hy")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.it.min.js b/assets/javascripts/lunr/min/lunr.it.min.js
new file mode 100644
index 0000000..344b6a3
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.it.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Italian` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.it=function(){this.pipeline.reset(),this.pipeline.add(e.it.trimmer,e.it.stopWordFilter,e.it.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.it.stemmer))},e.it.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.it.trimmer=e.trimmerSupport.generateTrimmer(e.it.wordCharacters),e.Pipeline.registerFunction(e.it.trimmer,"trimmer-it"),e.it.stemmer=function(){var r=e.stemmerSupport.Among,n=e.stemmerSupport.SnowballProgram,i=new function(){function e(e,r,n){return!(!x.eq_s(1,e)||(x.ket=x.cursor,!x.in_grouping(L,97,249)))&&(x.slice_from(r),x.cursor=n,!0)}function i(){for(var r,n,i,o,t=x.cursor;;){if(x.bra=x.cursor,r=x.find_among(h,7))switch(x.ket=x.cursor,r){case 1:x.slice_from("à");continue;case 2:x.slice_from("è");continue;case 3:x.slice_from("ì");continue;case 4:x.slice_from("ò");continue;case 5:x.slice_from("ù");continue;case 6:x.slice_from("qU");continue;case 7:if(x.cursor>=x.limit)break;x.cursor++;continue}break}for(x.cursor=t;;)for(n=x.cursor;;){if(i=x.cursor,x.in_grouping(L,97,249)){if(x.bra=x.cursor,o=x.cursor,e("u","U",i))break;if(x.cursor=o,e("i","I",i))break}if(x.cursor=i,x.cursor>=x.limit)return void(x.cursor=n);x.cursor++}}function o(e){if(x.cursor=e,!x.in_grouping(L,97,249))return!1;for(;!x.out_grouping(L,97,249);){if(x.cursor>=x.limit)return!1;x.cursor++}return!0}function t(){if(x.in_grouping(L,97,249)){var e=x.cursor;if(x.out_grouping(L,97,249)){for(;!x.in_grouping(L,97,249);){if(x.cursor>=x.limit)return o(e);x.cursor++}return!0}return o(e)}return!1}function s(){var e,r=x.cursor;if(!t()){if(x.cursor=r,!x.out_grouping(L,97,249))return;if(e=x.cursor,x.out_grouping(L,97,249)){for(;!x.in_grouping(L,97,249);){if(x.cursor>=x.limit)return x.cursor=e,void(x.in_grouping(L,97,249)&&x.cursor<x.limit&&x.cursor++);x.cursor++}return void(k=x.cursor)}if(x.cursor=e,!x.in_grouping(L,97,249)||x.cursor>=x.limit)return;x.cursor++}k=x.cursor}function a(){for(;!x.in_grouping(L,97,249);){if(x.cursor>=x.limit)return!1;x.cursor++}for(;!x.out_grouping(L,97,249);){if(x.cursor>=x.limit)return!1;x.cursor++}return!0}function u(){var e=x.cursor;k=x.limit,p=k,g=k,s(),x.cursor=e,a()&&(p=x.cursor,a()&&(g=x.cursor))}function c(){for(var e;;){if(x.bra=x.cursor,!(e=x.find_among(q,3)))break;switch(x.ket=x.cursor,e){case 1:x.slice_from("i");break;case 2:x.slice_from("u");break;case 3:if(x.cursor>=x.limit)return;x.cursor++}}}function w(){return k<=x.cursor}function l(){return p<=x.cursor}function m(){return g<=x.cursor}function f(){var e;if(x.ket=x.cursor,x.find_among_b(C,37)&&(x.bra=x.cursor,(e=x.find_among_b(z,5))&&w()))switch(e){case 1:x.slice_del();break;case 2:x.slice_from("e")}}function v(){var e;if(x.ket=x.cursor,!(e=x.find_among_b(S,51)))return!1;switch(x.bra=x.cursor,e){case 1:if(!m())return!1;x.slice_del();break;case 2:if(!m())return!1;x.slice_del(),x.ket=x.cursor,x.eq_s_b(2,"ic")&&(x.bra=x.cursor,m()&&x.slice_del());break;case 3:if(!m())return!1;x.slice_from("log");break;case 4:if(!m())return!1;x.slice_from("u");break;case 5:if(!m())return!1;x.slice_from("ente");break;case 6:if(!w())return!1;x.slice_del();break;case 7:if(!l())return!1;x.slice_del(),x.ket=x.cursor,e=x.find_among_b(P,4),e&&(x.bra=x.cursor,m()&&(x.slice_del(),1==e&&(x.ket=x.cursor,x.eq_s_b(2,"at")&&(x.bra=x.cursor,m()&&x.slice_del()))));break;case 8:if(!m())return!1;x.slice_del(),x.ket=x.cursor,e=x.find_among_b(F,3),e&&(x.bra=x.cursor,1==e&&m()&&x.slice_del());break;case 9:if(!m())return!1;x.slice_del(),x.ket=x.cursor,x.eq_s_b(2,"at")&&(x.bra=x.cursor,m()&&(x.slice_del(),x.ket=x.cursor,x.eq_s_b(2,"ic")&&(x.bra=x.cursor,m()&&x.slice_del())))}return!0}function b(){var e,r;x.cursor>=k&&(r=x.limit_backward,x.limit_backward=k,x.ket=x.cursor,e=x.find_among_b(W,87),e&&(x.bra=x.cursor,1==e&&x.slice_del()),x.limit_backward=r)}function d(){var e=x.limit-x.cursor;if(x.ket=x.cursor,x.in_grouping_b(y,97,242)&&(x.bra=x.cursor,w()&&(x.slice_del(),x.ket=x.cursor,x.eq_s_b(1,"i")&&(x.bra=x.cursor,w()))))return void x.slice_del();x.cursor=x.limit-e}function _(){d(),x.ket=x.cursor,x.eq_s_b(1,"h")&&(x.bra=x.cursor,x.in_grouping_b(U,99,103)&&w()&&x.slice_del())}var g,p,k,h=[new r("",-1,7),new r("qu",0,6),new r("á",0,1),new r("é",0,2),new r("í",0,3),new r("ó",0,4),new r("ú",0,5)],q=[new r("",-1,3),new r("I",0,1),new r("U",0,2)],C=[new r("la",-1,-1),new r("cela",0,-1),new r("gliela",0,-1),new r("mela",0,-1),new r("tela",0,-1),new r("vela",0,-1),new r("le",-1,-1),new r("cele",6,-1),new r("gliele",6,-1),new r("mele",6,-1),new r("tele",6,-1),new r("vele",6,-1),new r("ne",-1,-1),new r("cene",12,-1),new r("gliene",12,-1),new r("mene",12,-1),new r("sene",12,-1),new r("tene",12,-1),new r("vene",12,-1),new r("ci",-1,-1),new r("li",-1,-1),new r("celi",20,-1),new r("glieli",20,-1),new r("meli",20,-1),new r("teli",20,-1),new r("veli",20,-1),new r("gli",20,-1),new r("mi",-1,-1),new r("si",-1,-1),new r("ti",-1,-1),new r("vi",-1,-1),new r("lo",-1,-1),new r("celo",31,-1),new r("glielo",31,-1),new r("melo",31,-1),new r("telo",31,-1),new r("velo",31,-1)],z=[new r("ando",-1,1),new r("endo",-1,1),new r("ar",-1,2),new r("er",-1,2),new r("ir",-1,2)],P=[new r("ic",-1,-1),new r("abil",-1,-1),new r("os",-1,-1),new r("iv",-1,1)],F=[new r("ic",-1,1),new r("abil",-1,1),new r("iv",-1,1)],S=[new r("ica",-1,1),new r("logia",-1,3),new r("osa",-1,1),new r("ista",-1,1),new r("iva",-1,9),new r("anza",-1,1),new r("enza",-1,5),new r("ice",-1,1),new r("atrice",7,1),new r("iche",-1,1),new r("logie",-1,3),new r("abile",-1,1),new r("ibile",-1,1),new r("usione",-1,4),new r("azione",-1,2),new r("uzione",-1,4),new r("atore",-1,2),new r("ose",-1,1),new r("ante",-1,1),new r("mente",-1,1),new r("amente",19,7),new r("iste",-1,1),new r("ive",-1,9),new r("anze",-1,1),new r("enze",-1,5),new r("ici",-1,1),new r("atrici",25,1),new r("ichi",-1,1),new r("abili",-1,1),new r("ibili",-1,1),new r("ismi",-1,1),new r("usioni",-1,4),new r("azioni",-1,2),new r("uzioni",-1,4),new r("atori",-1,2),new r("osi",-1,1),new r("anti",-1,1),new r("amenti",-1,6),new r("imenti",-1,6),new r("isti",-1,1),new r("ivi",-1,9),new r("ico",-1,1),new r("ismo",-1,1),new r("oso",-1,1),new r("amento",-1,6),new r("imento",-1,6),new r("ivo",-1,9),new r("ità",-1,8),new r("istà",-1,1),new r("istè",-1,1),new r("istì",-1,1)],W=[new r("isca",-1,1),new r("enda",-1,1),new r("ata",-1,1),new r("ita",-1,1),new r("uta",-1,1),new r("ava",-1,1),new r("eva",-1,1),new r("iva",-1,1),new r("erebbe",-1,1),new r("irebbe",-1,1),new r("isce",-1,1),new r("ende",-1,1),new r("are",-1,1),new r("ere",-1,1),new r("ire",-1,1),new r("asse",-1,1),new r("ate",-1,1),new r("avate",16,1),new r("evate",16,1),new r("ivate",16,1),new r("ete",-1,1),new r("erete",20,1),new r("irete",20,1),new r("ite",-1,1),new r("ereste",-1,1),new r("ireste",-1,1),new r("ute",-1,1),new r("erai",-1,1),new r("irai",-1,1),new r("isci",-1,1),new r("endi",-1,1),new r("erei",-1,1),new r("irei",-1,1),new r("assi",-1,1),new r("ati",-1,1),new r("iti",-1,1),new r("eresti",-1,1),new r("iresti",-1,1),new r("uti",-1,1),new r("avi",-1,1),new r("evi",-1,1),new r("ivi",-1,1),new r("isco",-1,1),new r("ando",-1,1),new r("endo",-1,1),new r("Yamo",-1,1),new r("iamo",-1,1),new r("avamo",-1,1),new r("evamo",-1,1),new r("ivamo",-1,1),new r("eremo",-1,1),new r("iremo",-1,1),new r("assimo",-1,1),new r("ammo",-1,1),new r("emmo",-1,1),new r("eremmo",54,1),new r("iremmo",54,1),new r("immo",-1,1),new r("ano",-1,1),new r("iscano",58,1),new r("avano",58,1),new r("evano",58,1),new r("ivano",58,1),new r("eranno",-1,1),new r("iranno",-1,1),new r("ono",-1,1),new r("iscono",65,1),new r("arono",65,1),new r("erono",65,1),new r("irono",65,1),new r("erebbero",-1,1),new r("irebbero",-1,1),new r("assero",-1,1),new r("essero",-1,1),new r("issero",-1,1),new r("ato",-1,1),new r("ito",-1,1),new r("uto",-1,1),new r("avo",-1,1),new r("evo",-1,1),new r("ivo",-1,1),new r("ar",-1,1),new r("ir",-1,1),new r("erà",-1,1),new r("irà",-1,1),new r("erò",-1,1),new r("irò",-1,1)],L=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,128,128,8,2,1],y=[17,65,0,0,0,0,0,0,0,0,0,0,0,0,0,128,128,8,2],U=[17],x=new n;this.setCurrent=function(e){x.setCurrent(e)},this.getCurrent=function(){return x.getCurrent()},this.stem=function(){var e=x.cursor;return i(),x.cursor=e,u(),x.limit_backward=e,x.cursor=x.limit,f(),x.cursor=x.limit,v()||(x.cursor=x.limit,b()),x.cursor=x.limit,_(),x.cursor=x.limit_backward,c(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return i.setCurrent(e),i.stem(),i.getCurrent()}):(i.setCurrent(e),i.stem(),i.getCurrent())}}(),e.Pipeline.registerFunction(e.it.stemmer,"stemmer-it"),e.it.stopWordFilter=e.generateStopWordFilter("a abbia abbiamo abbiano abbiate ad agl agli ai al all alla alle allo anche avemmo avendo avesse avessero avessi avessimo aveste avesti avete aveva avevamo avevano avevate avevi avevo avrai avranno avrebbe avrebbero avrei avremmo avremo avreste avresti avrete avrà avrò avuta avute avuti avuto c che chi ci coi col come con contro cui da dagl dagli dai dal dall dalla dalle dallo degl degli dei del dell della delle dello di dov dove e ebbe ebbero ebbi ed era erano eravamo eravate eri ero essendo faccia facciamo facciano facciate faccio facemmo facendo facesse facessero facessi facessimo faceste facesti faceva facevamo facevano facevate facevi facevo fai fanno farai faranno farebbe farebbero farei faremmo faremo fareste faresti farete farà farò fece fecero feci fosse fossero fossi fossimo foste fosti fu fui fummo furono gli ha hai hanno ho i il in io l la le lei li lo loro lui ma mi mia mie miei mio ne negl negli nei nel nell nella nelle nello noi non nostra nostre nostri nostro o per perché più quale quanta quante quanti quanto quella quelle quelli quello questa queste questi questo sarai saranno sarebbe sarebbero sarei saremmo saremo sareste saresti sarete sarà sarò se sei si sia siamo siano siate siete sono sta stai stando stanno starai staranno starebbe starebbero starei staremmo staremo stareste staresti starete starà starò stava stavamo stavano stavate stavi stavo stemmo stesse stessero stessi stessimo steste stesti stette stettero stetti stia stiamo stiano stiate sto su sua sue sugl sugli sui sul sull sulla sulle sullo suo suoi ti tra tu tua tue tuo tuoi tutti tutto un una uno vi voi vostra vostre vostri vostro è".split(" ")),e.Pipeline.registerFunction(e.it.stopWordFilter,"stopWordFilter-it")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.ja.min.js b/assets/javascripts/lunr/min/lunr.ja.min.js
new file mode 100644
index 0000000..5f254eb
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.ja.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");var r="2"==e.version[0];e.ja=function(){this.pipeline.reset(),this.pipeline.add(e.ja.trimmer,e.ja.stopWordFilter,e.ja.stemmer),r?this.tokenizer=e.ja.tokenizer:(e.tokenizer&&(e.tokenizer=e.ja.tokenizer),this.tokenizerFn&&(this.tokenizerFn=e.ja.tokenizer))};var t=new e.TinySegmenter;e.ja.tokenizer=function(i){var n,o,s,p,a,u,m,l,c,f;if(!arguments.length||null==i||void 0==i)return[];if(Array.isArray(i))return i.map(function(t){return r?new e.Token(t.toLowerCase()):t.toLowerCase()});for(o=i.toString().toLowerCase().replace(/^\s+/,""),n=o.length-1;n>=0;n--)if(/\S/.test(o.charAt(n))){o=o.substring(0,n+1);break}for(a=[],s=o.length,c=0,l=0;c<=s;c++)if(u=o.charAt(c),m=c-l,u.match(/\s/)||c==s){if(m>0)for(p=t.segment(o.slice(l,c)).filter(function(e){return!!e}),f=l,n=0;n<p.length;n++)r?a.push(new e.Token(p[n],{position:[f,p[n].length],index:a.length})):a.push(p[n]),f+=p[n].length;l=c+1}return a},e.ja.stemmer=function(){return function(e){return e}}(),e.Pipeline.registerFunction(e.ja.stemmer,"stemmer-ja"),e.ja.wordCharacters="一二三四五六七八九十百千万億兆一-龠々〆ヵヶぁ-んァ-ヴーｱ-ﾝﾞa-zA-Zａ-ｚＡ-Ｚ0-9０-９",e.ja.trimmer=e.trimmerSupport.generateTrimmer(e.ja.wordCharacters),e.Pipeline.registerFunction(e.ja.trimmer,"trimmer-ja"),e.ja.stopWordFilter=e.generateStopWordFilter("これ それ あれ この その あの ここ そこ あそこ こちら どこ だれ なに なん 何 私 貴方 貴方方 我々 私達 あの人 あのかた 彼女 彼 です あります おります います は が の に を で え から まで より も どの と し それで しかし".split(" ")),e.Pipeline.registerFunction(e.ja.stopWordFilter,"stopWordFilter-ja"),e.jp=e.ja,e.Pipeline.registerFunction(e.jp.stemmer,"stemmer-jp"),e.Pipeline.registerFunction(e.jp.trimmer,"trimmer-jp"),e.Pipeline.registerFunction(e.jp.stopWordFilter,"stopWordFilter-jp")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.jp.min.js b/assets/javascripts/lunr/min/lunr.jp.min.js
new file mode 100644
index 0000000..c055eba
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.jp.min.js
@@ -0,0 +1 @@
+module.exports=require("./lunr.ja");
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.kn.min.js b/assets/javascripts/lunr/min/lunr.kn.min.js
new file mode 100644
index 0000000..1cef9be
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.kn.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.kn=function(){this.pipeline.reset(),this.pipeline.add(e.kn.trimmer,e.kn.stopWordFilter,e.kn.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.kn.stemmer))},e.kn.wordCharacters="ಀ-಄ಅ-ಔಕ-ಹಾ-ೌ಼-ಽೕ-ೖೝ-ೞೠ-ೡೢ-ೣ೤೥೦-೯ೱ-ೳ",e.kn.trimmer=e.trimmerSupport.generateTrimmer(e.kn.wordCharacters),e.Pipeline.registerFunction(e.kn.trimmer,"trimmer-kn"),e.kn.stopWordFilter=e.generateStopWordFilter("ಮತ್ತು ಈ ಒಂದು ರಲ್ಲಿ ಹಾಗೂ ಎಂದು ಅಥವಾ ಇದು ರ ಅವರು ಎಂಬ ಮೇಲೆ ಅವರ ತನ್ನ ಆದರೆ ತಮ್ಮ ನಂತರ ಮೂಲಕ ಹೆಚ್ಚು ನ ಆ ಕೆಲವು ಅನೇಕ ಎರಡು ಹಾಗು ಪ್ರಮುಖ ಇದನ್ನು ಇದರ ಸುಮಾರು ಅದರ ಅದು ಮೊದಲ ಬಗ್ಗೆ ನಲ್ಲಿ ರಂದು ಇತರ ಅತ್ಯಂತ ಹೆಚ್ಚಿನ ಸಹ ಸಾಮಾನ್ಯವಾಗಿ ನೇ ಹಲವಾರು ಹೊಸ ದಿ ಕಡಿಮೆ ಯಾವುದೇ ಹೊಂದಿದೆ ದೊಡ್ಡ ಅನ್ನು ಇವರು ಪ್ರಕಾರ ಇದೆ ಮಾತ್ರ ಕೂಡ ಇಲ್ಲಿ ಎಲ್ಲಾ ವಿವಿಧ ಅದನ್ನು ಹಲವು ರಿಂದ ಕೇವಲ ದ ದಕ್ಷಿಣ ಗೆ ಅವನ ಅತಿ ನೆಯ ಬಹಳ ಕೆಲಸ ಎಲ್ಲ ಪ್ರತಿ ಇತ್ಯಾದಿ ಇವು ಬೇರೆ ಹೀಗೆ ನಡುವೆ ಇದಕ್ಕೆ ಎಸ್ ಇವರ ಮೊದಲು ಶ್ರೀ ಮಾಡುವ ಇದರಲ್ಲಿ ರೀತಿಯ ಮಾಡಿದ ಕಾಲ ಅಲ್ಲಿ ಮಾಡಲು ಅದೇ ಈಗ ಅವು ಗಳು ಎ ಎಂಬುದು ಅವನು ಅಂದರೆ ಅವರಿಗೆ ಇರುವ ವಿಶೇಷ ಮುಂದೆ ಅವುಗಳ ಮುಂತಾದ ಮೂಲ ಬಿ ಮೀ ಒಂದೇ ಇನ್ನೂ ಹೆಚ್ಚಾಗಿ ಮಾಡಿ ಅವರನ್ನು ಇದೇ ಯ ರೀತಿಯಲ್ಲಿ ಜೊತೆ ಅದರಲ್ಲಿ ಮಾಡಿದರು ನಡೆದ ಆಗ ಮತ್ತೆ ಪೂರ್ವ ಆತ ಬಂದ ಯಾವ ಒಟ್ಟು ಇತರೆ ಹಿಂದೆ ಪ್ರಮಾಣದ ಗಳನ್ನು ಕುರಿತು ಯು ಆದ್ದರಿಂದ ಅಲ್ಲದೆ ನಗರದ ಮೇಲಿನ ಏಕೆಂದರೆ ರಷ್ಟು ಎಂಬುದನ್ನು ಬಾರಿ ಎಂದರೆ ಹಿಂದಿನ ಆದರೂ ಆದ ಸಂಬಂಧಿಸಿದ ಮತ್ತೊಂದು ಸಿ ಆತನ ".split(" ")),e.kn.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}();var r=e.wordcut;r.init(),e.kn.tokenizer=function(t){if(!arguments.length||null==t||void 0==t)return[];if(Array.isArray(t))return t.map(function(r){return isLunr2?new e.Token(r.toLowerCase()):r.toLowerCase()});var n=t.toString().toLowerCase().replace(/^\s+/,"");return r.cut(n).split("|")},e.Pipeline.registerFunction(e.kn.stemmer,"stemmer-kn"),e.Pipeline.registerFunction(e.kn.stopWordFilter,"stopWordFilter-kn")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.ko.min.js b/assets/javascripts/lunr/min/lunr.ko.min.js
new file mode 100644
index 0000000..eaf9dab
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.ko.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.ko=function(){this.pipeline.reset(),this.pipeline.add(e.ko.trimmer,e.ko.stopWordFilter)},e.ko.wordCharacters="[A-Za-z가-힣]",e.ko.trimmer=e.trimmerSupport.generateTrimmer(e.ko.wordCharacters),e.Pipeline.registerFunction(e.ko.trimmer,"trimmer-ko"),e.ko.stopWordFilter=e.generateStopWordFilter("아 휴 아이구 아이쿠 아이고 어 나 우리 저희 따라 의해 을 를 에 의 가 으로 로 에게 뿐이다 의거하여 근거하여 입각하여 기준으로 예하면 예를 들면 예를 들자면 저 소인 소생 저희 지말고 하지마 하지마라 다른 물론 또한 그리고 비길수 없다 해서는 안된다 뿐만 아니라 만이 아니다 만은 아니다 막론하고 관계없이 그치지 않다 그러나 그런데 하지만 든간에 논하지 않다 따지지 않다 설사 비록 더라도 아니면 만 못하다 하는 편이 낫다 불문하고 향하여 향해서 향하다 쪽으로 틈타 이용하여 타다 오르다 제외하고 이 외에 이 밖에 하여야 비로소 한다면 몰라도 외에도 이곳 여기 부터 기점으로 따라서 할 생각이다 하려고하다 이리하여 그리하여 그렇게 함으로써 하지만 일때 할때 앞에서 중에서 보는데서 으로써 로써 까지 해야한다 일것이다 반드시 할줄알다 할수있다 할수있어 임에 틀림없다 한다면 등 등등 제 겨우 단지 다만 할뿐 딩동 댕그 대해서 대하여 대하면 훨씬 얼마나 얼마만큼 얼마큼 남짓 여 얼마간 약간 다소 좀 조금 다수 몇 얼마 지만 하물며 또한 그러나 그렇지만 하지만 이외에도 대해 말하자면 뿐이다 다음에 반대로 반대로 말하자면 이와 반대로 바꾸어서 말하면 바꾸어서 한다면 만약 그렇지않으면 까악 툭 딱 삐걱거리다 보드득 비걱거리다 꽈당 응당 해야한다 에 가서 각 각각 여러분 각종 각자 제각기 하도록하다 와 과 그러므로 그래서 고로 한 까닭에 하기 때문에 거니와 이지만 대하여 관하여 관한 과연 실로 아니나다를가 생각한대로 진짜로 한적이있다 하곤하였다 하 하하 허허 아하 거바 와 오 왜 어째서 무엇때문에 어찌 하겠는가 무슨 어디 어느곳 더군다나 하물며 더욱이는 어느때 언제 야 이봐 어이 여보시오 흐흐 흥 휴 헉헉 헐떡헐떡 영차 여차 어기여차 끙끙 아야 앗 아야 콸콸 졸졸 좍좍 뚝뚝 주룩주룩 솨 우르르 그래도 또 그리고 바꾸어말하면 바꾸어말하자면 혹은 혹시 답다 및 그에 따르는 때가 되어 즉 지든지 설령 가령 하더라도 할지라도 일지라도 지든지 몇 거의 하마터면 인젠 이젠 된바에야 된이상 만큼\t어찌됏든 그위에 게다가 점에서 보아 비추어 보아 고려하면 하게될것이다 일것이다 비교적 좀 보다더 비하면 시키다 하게하다 할만하다 의해서 연이서 이어서 잇따라 뒤따라 뒤이어 결국 의지하여 기대여 통하여 자마자 더욱더 불구하고 얼마든지 마음대로 주저하지 않고 곧 즉시 바로 당장 하자마자 밖에 안된다 하면된다 그래 그렇지 요컨대 다시 말하자면 바꿔 말하면 즉 구체적으로 말하자면 시작하여 시초에 이상 허 헉 허걱 바와같이 해도좋다 해도된다 게다가 더구나 하물며 와르르 팍 퍽 펄렁 동안 이래 하고있었다 이었다 에서 로부터 까지 예하면 했어요 해요 함께 같이 더불어 마저 마저도 양자 모두 습니다 가까스로 하려고하다 즈음하여 다른 다른 방면으로 해봐요 습니까 했어요 말할것도 없고 무릎쓰고 개의치않고 하는것만 못하다 하는것이 낫다 매 매번 들 모 어느것 어느 로써 갖고말하자면 어디 어느쪽 어느것 어느해 어느 년도 라 해도 언젠가 어떤것 어느것 저기 저쪽 저것 그때 그럼 그러면 요만한걸 그래 그때 저것만큼 그저 이르기까지 할 줄 안다 할 힘이 있다 너 너희 당신 어찌 설마 차라리 할지언정 할지라도 할망정 할지언정 구토하다 게우다 토하다 메쓰겁다 옆사람 퉤 쳇 의거하여 근거하여 의해 따라 힘입어 그 다음 버금 두번째로 기타 첫번째로 나머지는 그중에서 견지에서 형식으로 쓰여 입장에서 위해서 단지 의해되다 하도록시키다 뿐만아니라 반대로 전후 전자 앞의것 잠시 잠깐 하면서 그렇지만 다음에 그러한즉 그런즉 남들 아무거나 어찌하든지 같다 비슷하다 예컨대 이럴정도로 어떻게 만약 만일 위에서 서술한바와같이 인 듯하다 하지 않는다면 만약에 무엇 무슨 어느 어떤 아래윗 조차 한데 그럼에도 불구하고 여전히 심지어 까지도 조차도 하지 않도록 않기 위하여 때 시각 무렵 시간 동안 어때 어떠한 하여금 네 예 우선 누구 누가 알겠는가 아무도 줄은모른다 줄은 몰랏다 하는 김에 겸사겸사 하는바 그런 까닭에 한 이유는 그러니 그러니까 때문에 그 너희 그들 너희들 타인 것 것들 너 위하여 공동으로 동시에 하기 위하여 어찌하여 무엇때문에 붕붕 윙윙 나 우리 엉엉 휘익 윙윙 오호 아하 어쨋든 만 못하다\t하기보다는 차라리 하는 편이 낫다 흐흐 놀라다 상대적으로 말하자면 마치 아니라면 쉿 그렇지 않으면 그렇지 않다면 안 그러면 아니었다면 하든지 아니면 이라면 좋아 알았어 하는것도 그만이다 어쩔수 없다 하나 일 일반적으로 일단 한켠으로는 오자마자 이렇게되면 이와같다면 전부 한마디 한항목 근거로 하기에 아울러 하지 않도록 않기 위해서 이르기까지 이 되다 로 인하여 까닭으로 이유만으로 이로 인하여 그래서 이 때문에 그러므로 그런 까닭에 알 수 있다 결론을 낼 수 있다 으로 인하여 있다 어떤것 관계가 있다 관련이 있다 연관되다 어떤것들 에 대해 이리하여 그리하여 여부 하기보다는 하느니 하면 할수록 운운 이러이러하다 하구나 하도다 다시말하면 다음으로 에 있다 에 달려 있다 우리 우리들 오히려 하기는한데 어떻게 어떻해 어찌됏어 어때 어째서 본대로 자 이 이쪽 여기 이것 이번 이렇게말하자면 이런 이러한 이와 같은 요만큼 요만한 것 얼마 안 되는 것 이만큼 이 정도의 이렇게 많은 것 이와 같다 이때 이렇구나 것과 같이 끼익 삐걱 따위 와 같은 사람들 부류의 사람들 왜냐하면 중의하나 오직 오로지 에 한하다 하기만 하면 도착하다 까지 미치다 도달하다 정도에 이르다 할 지경이다 결과에 이르다 관해서는 여러분 하고 있다 한 후 혼자 자기 자기집 자신 우에 종합한것과같이 총적으로 보면 총적으로 말하면 총적으로 대로 하다 으로서 참 그만이다 할 따름이다 쿵 탕탕 쾅쾅 둥둥 봐 봐라 아이야 아니 와아 응 아이 참나 년 월 일 령 영 일 이 삼 사 오 육 륙 칠 팔 구 이천육 이천칠 이천팔 이천구 하나 둘 셋 넷 다섯 여섯 일곱 여덟 아홉 령 영".split(" ")),e.Pipeline.registerFunction(e.ko.stopWordFilter,"stopWordFilter-ko"),e.ko.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}(),e.Pipeline.registerFunction(e.ko.stemmer,"stemmer-ko")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.multi.min.js b/assets/javascripts/lunr/min/lunr.multi.min.js
new file mode 100644
index 0000000..7debad0
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.multi.min.js
@@ -0,0 +1 @@
+!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():t()(e.lunr)}(this,function(){return function(e){e.multiLanguage=function(){for(var t=Array.prototype.slice.call(arguments),i=t.join("-"),r="",n=[],s=[],p=0;p<t.length;++p)"en"==t[p]?(r+="\\w",n.unshift(e.stopWordFilter),n.push(e.stemmer),s.push(e.stemmer)):(r+=e[t[p]].wordCharacters,e[t[p]].stopWordFilter&&n.unshift(e[t[p]].stopWordFilter),e[t[p]].stemmer&&(n.push(e[t[p]].stemmer),s.push(e[t[p]].stemmer)));var o=e.trimmerSupport.generateTrimmer(r);return e.Pipeline.registerFunction(o,"lunr-multi-trimmer-"+i),n.unshift(o),function(){this.pipeline.reset(),this.pipeline.add.apply(this.pipeline,n),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add.apply(this.searchPipeline,s))}}}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.nl.min.js b/assets/javascripts/lunr/min/lunr.nl.min.js
new file mode 100644
index 0000000..c4a2535
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.nl.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Dutch` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(r,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():e()(r.lunr)}(this,function(){return function(r){if(void 0===r)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===r.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");r.nl=function(){this.pipeline.reset(),this.pipeline.add(r.nl.trimmer,r.nl.stopWordFilter,r.nl.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(r.nl.stemmer))},r.nl.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",r.nl.trimmer=r.trimmerSupport.generateTrimmer(r.nl.wordCharacters),r.Pipeline.registerFunction(r.nl.trimmer,"trimmer-nl"),r.nl.stemmer=function(){var e=r.stemmerSupport.Among,i=r.stemmerSupport.SnowballProgram,n=new function(){function r(){for(var r,e,i,o=C.cursor;;){if(C.bra=C.cursor,r=C.find_among(b,11))switch(C.ket=C.cursor,r){case 1:C.slice_from("a");continue;case 2:C.slice_from("e");continue;case 3:C.slice_from("i");continue;case 4:C.slice_from("o");continue;case 5:C.slice_from("u");continue;case 6:if(C.cursor>=C.limit)break;C.cursor++;continue}break}for(C.cursor=o,C.bra=o,C.eq_s(1,"y")?(C.ket=C.cursor,C.slice_from("Y")):C.cursor=o;;)if(e=C.cursor,C.in_grouping(q,97,232)){if(i=C.cursor,C.bra=i,C.eq_s(1,"i"))C.ket=C.cursor,C.in_grouping(q,97,232)&&(C.slice_from("I"),C.cursor=e);else if(C.cursor=i,C.eq_s(1,"y"))C.ket=C.cursor,C.slice_from("Y"),C.cursor=e;else if(n(e))break}else if(n(e))break}function n(r){return C.cursor=r,r>=C.limit||(C.cursor++,!1)}function o(){_=C.limit,d=_,t()||(_=C.cursor,_<3&&(_=3),t()||(d=C.cursor))}function t(){for(;!C.in_grouping(q,97,232);){if(C.cursor>=C.limit)return!0;C.cursor++}for(;!C.out_grouping(q,97,232);){if(C.cursor>=C.limit)return!0;C.cursor++}return!1}function s(){for(var r;;)if(C.bra=C.cursor,r=C.find_among(p,3))switch(C.ket=C.cursor,r){case 1:C.slice_from("y");break;case 2:C.slice_from("i");break;case 3:if(C.cursor>=C.limit)return;C.cursor++}}function u(){return _<=C.cursor}function c(){return d<=C.cursor}function a(){var r=C.limit-C.cursor;C.find_among_b(g,3)&&(C.cursor=C.limit-r,C.ket=C.cursor,C.cursor>C.limit_backward&&(C.cursor--,C.bra=C.cursor,C.slice_del()))}function l(){var r;w=!1,C.ket=C.cursor,C.eq_s_b(1,"e")&&(C.bra=C.cursor,u()&&(r=C.limit-C.cursor,C.out_grouping_b(q,97,232)&&(C.cursor=C.limit-r,C.slice_del(),w=!0,a())))}function m(){var r;u()&&(r=C.limit-C.cursor,C.out_grouping_b(q,97,232)&&(C.cursor=C.limit-r,C.eq_s_b(3,"gem")||(C.cursor=C.limit-r,C.slice_del(),a())))}function f(){var r,e,i,n,o,t,s=C.limit-C.cursor;if(C.ket=C.cursor,r=C.find_among_b(h,5))switch(C.bra=C.cursor,r){case 1:u()&&C.slice_from("heid");break;case 2:m();break;case 3:u()&&C.out_grouping_b(j,97,232)&&C.slice_del()}if(C.cursor=C.limit-s,l(),C.cursor=C.limit-s,C.ket=C.cursor,C.eq_s_b(4,"heid")&&(C.bra=C.cursor,c()&&(e=C.limit-C.cursor,C.eq_s_b(1,"c")||(C.cursor=C.limit-e,C.slice_del(),C.ket=C.cursor,C.eq_s_b(2,"en")&&(C.bra=C.cursor,m())))),C.cursor=C.limit-s,C.ket=C.cursor,r=C.find_among_b(k,6))switch(C.bra=C.cursor,r){case 1:if(c()){if(C.slice_del(),i=C.limit-C.cursor,C.ket=C.cursor,C.eq_s_b(2,"ig")&&(C.bra=C.cursor,c()&&(n=C.limit-C.cursor,!C.eq_s_b(1,"e")))){C.cursor=C.limit-n,C.slice_del();break}C.cursor=C.limit-i,a()}break;case 2:c()&&(o=C.limit-C.cursor,C.eq_s_b(1,"e")||(C.cursor=C.limit-o,C.slice_del()));break;case 3:c()&&(C.slice_del(),l());break;case 4:c()&&C.slice_del();break;case 5:c()&&w&&C.slice_del()}C.cursor=C.limit-s,C.out_grouping_b(z,73,232)&&(t=C.limit-C.cursor,C.find_among_b(v,4)&&C.out_grouping_b(q,97,232)&&(C.cursor=C.limit-t,C.ket=C.cursor,C.cursor>C.limit_backward&&(C.cursor--,C.bra=C.cursor,C.slice_del())))}var d,_,w,b=[new e("",-1,6),new e("á",0,1),new e("ä",0,1),new e("é",0,2),new e("ë",0,2),new e("í",0,3),new e("ï",0,3),new e("ó",0,4),new e("ö",0,4),new e("ú",0,5),new e("ü",0,5)],p=[new e("",-1,3),new e("I",0,2),new e("Y",0,1)],g=[new e("dd",-1,-1),new e("kk",-1,-1),new e("tt",-1,-1)],h=[new e("ene",-1,2),new e("se",-1,3),new e("en",-1,2),new e("heden",2,1),new e("s",-1,3)],k=[new e("end",-1,1),new e("ig",-1,2),new e("ing",-1,1),new e("lijk",-1,3),new e("baar",-1,4),new e("bar",-1,5)],v=[new e("aa",-1,-1),new e("ee",-1,-1),new e("oo",-1,-1),new e("uu",-1,-1)],q=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,128],z=[1,0,0,17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,128],j=[17,67,16,1,0,0,0,0,0,0,0,0,0,0,0,0,128],C=new i;this.setCurrent=function(r){C.setCurrent(r)},this.getCurrent=function(){return C.getCurrent()},this.stem=function(){var e=C.cursor;return r(),C.cursor=e,o(),C.limit_backward=e,C.cursor=C.limit,f(),C.cursor=C.limit_backward,s(),!0}};return function(r){return"function"==typeof r.update?r.update(function(r){return n.setCurrent(r),n.stem(),n.getCurrent()}):(n.setCurrent(r),n.stem(),n.getCurrent())}}(),r.Pipeline.registerFunction(r.nl.stemmer,"stemmer-nl"),r.nl.stopWordFilter=r.generateStopWordFilter(" aan al alles als altijd andere ben bij daar dan dat de der deze die dit doch doen door dus een eens en er ge geen geweest haar had heb hebben heeft hem het hier hij hoe hun iemand iets ik in is ja je kan kon kunnen maar me meer men met mij mijn moet na naar niet niets nog nu of om omdat onder ons ook op over reeds te tegen toch toen tot u uit uw van veel voor want waren was wat werd wezen wie wil worden wordt zal ze zelf zich zij zijn zo zonder zou".split(" ")),r.Pipeline.registerFunction(r.nl.stopWordFilter,"stopWordFilter-nl")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.no.min.js b/assets/javascripts/lunr/min/lunr.no.min.js
new file mode 100644
index 0000000..92bc7e4
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.no.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Norwegian` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.no=function(){this.pipeline.reset(),this.pipeline.add(e.no.trimmer,e.no.stopWordFilter,e.no.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.no.stemmer))},e.no.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.no.trimmer=e.trimmerSupport.generateTrimmer(e.no.wordCharacters),e.Pipeline.registerFunction(e.no.trimmer,"trimmer-no"),e.no.stemmer=function(){var r=e.stemmerSupport.Among,n=e.stemmerSupport.SnowballProgram,i=new function(){function e(){var e,r=w.cursor+3;if(a=w.limit,0<=r||r<=w.limit){for(s=r;;){if(e=w.cursor,w.in_grouping(d,97,248)){w.cursor=e;break}if(e>=w.limit)return;w.cursor=e+1}for(;!w.out_grouping(d,97,248);){if(w.cursor>=w.limit)return;w.cursor++}a=w.cursor,a<s&&(a=s)}}function i(){var e,r,n;if(w.cursor>=a&&(r=w.limit_backward,w.limit_backward=a,w.ket=w.cursor,e=w.find_among_b(m,29),w.limit_backward=r,e))switch(w.bra=w.cursor,e){case 1:w.slice_del();break;case 2:n=w.limit-w.cursor,w.in_grouping_b(c,98,122)?w.slice_del():(w.cursor=w.limit-n,w.eq_s_b(1,"k")&&w.out_grouping_b(d,97,248)&&w.slice_del());break;case 3:w.slice_from("er")}}function t(){var e,r=w.limit-w.cursor;w.cursor>=a&&(e=w.limit_backward,w.limit_backward=a,w.ket=w.cursor,w.find_among_b(u,2)?(w.bra=w.cursor,w.limit_backward=e,w.cursor=w.limit-r,w.cursor>w.limit_backward&&(w.cursor--,w.bra=w.cursor,w.slice_del())):w.limit_backward=e)}function o(){var e,r;w.cursor>=a&&(r=w.limit_backward,w.limit_backward=a,w.ket=w.cursor,e=w.find_among_b(l,11),e?(w.bra=w.cursor,w.limit_backward=r,1==e&&w.slice_del()):w.limit_backward=r)}var s,a,m=[new r("a",-1,1),new r("e",-1,1),new r("ede",1,1),new r("ande",1,1),new r("ende",1,1),new r("ane",1,1),new r("ene",1,1),new r("hetene",6,1),new r("erte",1,3),new r("en",-1,1),new r("heten",9,1),new r("ar",-1,1),new r("er",-1,1),new r("heter",12,1),new r("s",-1,2),new r("as",14,1),new r("es",14,1),new r("edes",16,1),new r("endes",16,1),new r("enes",16,1),new r("hetenes",19,1),new r("ens",14,1),new r("hetens",21,1),new r("ers",14,1),new r("ets",14,1),new r("et",-1,1),new r("het",25,1),new r("ert",-1,3),new r("ast",-1,1)],u=[new r("dt",-1,-1),new r("vt",-1,-1)],l=[new r("leg",-1,1),new r("eleg",0,1),new r("ig",-1,1),new r("eig",2,1),new r("lig",2,1),new r("elig",4,1),new r("els",-1,1),new r("lov",-1,1),new r("elov",7,1),new r("slov",7,1),new r("hetslov",9,1)],d=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,48,0,128],c=[119,125,149,1],w=new n;this.setCurrent=function(e){w.setCurrent(e)},this.getCurrent=function(){return w.getCurrent()},this.stem=function(){var r=w.cursor;return e(),w.limit_backward=r,w.cursor=w.limit,i(),w.cursor=w.limit,t(),w.cursor=w.limit,o(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return i.setCurrent(e),i.stem(),i.getCurrent()}):(i.setCurrent(e),i.stem(),i.getCurrent())}}(),e.Pipeline.registerFunction(e.no.stemmer,"stemmer-no"),e.no.stopWordFilter=e.generateStopWordFilter("alle at av bare begge ble blei bli blir blitt både båe da de deg dei deim deira deires dem den denne der dere deres det dette di din disse ditt du dykk dykkar då eg ein eit eitt eller elles en enn er et ett etter for fordi fra før ha hadde han hans har hennar henne hennes her hjå ho hoe honom hoss hossen hun hva hvem hver hvilke hvilken hvis hvor hvordan hvorfor i ikke ikkje ikkje ingen ingi inkje inn inni ja jeg kan kom korleis korso kun kunne kva kvar kvarhelst kven kvi kvifor man mange me med medan meg meget mellom men mi min mine mitt mot mykje ned no noe noen noka noko nokon nokor nokre nå når og også om opp oss over på samme seg selv si si sia sidan siden sin sine sitt sjøl skal skulle slik so som som somme somt så sånn til um upp ut uten var vart varte ved vere verte vi vil ville vore vors vort vår være være vært å".split(" ")),e.Pipeline.registerFunction(e.no.stopWordFilter,"stopWordFilter-no")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.pt.min.js b/assets/javascripts/lunr/min/lunr.pt.min.js
new file mode 100644
index 0000000..6c16996
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.pt.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Portuguese` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.pt=function(){this.pipeline.reset(),this.pipeline.add(e.pt.trimmer,e.pt.stopWordFilter,e.pt.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.pt.stemmer))},e.pt.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.pt.trimmer=e.trimmerSupport.generateTrimmer(e.pt.wordCharacters),e.Pipeline.registerFunction(e.pt.trimmer,"trimmer-pt"),e.pt.stemmer=function(){var r=e.stemmerSupport.Among,s=e.stemmerSupport.SnowballProgram,n=new function(){function e(){for(var e;;){if(z.bra=z.cursor,e=z.find_among(k,3))switch(z.ket=z.cursor,e){case 1:z.slice_from("a~");continue;case 2:z.slice_from("o~");continue;case 3:if(z.cursor>=z.limit)break;z.cursor++;continue}break}}function n(){if(z.out_grouping(y,97,250)){for(;!z.in_grouping(y,97,250);){if(z.cursor>=z.limit)return!0;z.cursor++}return!1}return!0}function i(){if(z.in_grouping(y,97,250))for(;!z.out_grouping(y,97,250);){if(z.cursor>=z.limit)return!1;z.cursor++}return g=z.cursor,!0}function o(){var e,r,s=z.cursor;if(z.in_grouping(y,97,250))if(e=z.cursor,n()){if(z.cursor=e,i())return}else g=z.cursor;if(z.cursor=s,z.out_grouping(y,97,250)){if(r=z.cursor,n()){if(z.cursor=r,!z.in_grouping(y,97,250)||z.cursor>=z.limit)return;z.cursor++}g=z.cursor}}function t(){for(;!z.in_grouping(y,97,250);){if(z.cursor>=z.limit)return!1;z.cursor++}for(;!z.out_grouping(y,97,250);){if(z.cursor>=z.limit)return!1;z.cursor++}return!0}function a(){var e=z.cursor;g=z.limit,b=g,h=g,o(),z.cursor=e,t()&&(b=z.cursor,t()&&(h=z.cursor))}function u(){for(var e;;){if(z.bra=z.cursor,e=z.find_among(q,3))switch(z.ket=z.cursor,e){case 1:z.slice_from("ã");continue;case 2:z.slice_from("õ");continue;case 3:if(z.cursor>=z.limit)break;z.cursor++;continue}break}}function w(){return g<=z.cursor}function m(){return b<=z.cursor}function c(){return h<=z.cursor}function l(){var e;if(z.ket=z.cursor,!(e=z.find_among_b(F,45)))return!1;switch(z.bra=z.cursor,e){case 1:if(!c())return!1;z.slice_del();break;case 2:if(!c())return!1;z.slice_from("log");break;case 3:if(!c())return!1;z.slice_from("u");break;case 4:if(!c())return!1;z.slice_from("ente");break;case 5:if(!m())return!1;z.slice_del(),z.ket=z.cursor,e=z.find_among_b(j,4),e&&(z.bra=z.cursor,c()&&(z.slice_del(),1==e&&(z.ket=z.cursor,z.eq_s_b(2,"at")&&(z.bra=z.cursor,c()&&z.slice_del()))));break;case 6:if(!c())return!1;z.slice_del(),z.ket=z.cursor,e=z.find_among_b(C,3),e&&(z.bra=z.cursor,1==e&&c()&&z.slice_del());break;case 7:if(!c())return!1;z.slice_del(),z.ket=z.cursor,e=z.find_among_b(P,3),e&&(z.bra=z.cursor,1==e&&c()&&z.slice_del());break;case 8:if(!c())return!1;z.slice_del(),z.ket=z.cursor,z.eq_s_b(2,"at")&&(z.bra=z.cursor,c()&&z.slice_del());break;case 9:if(!w()||!z.eq_s_b(1,"e"))return!1;z.slice_from("ir")}return!0}function f(){var e,r;if(z.cursor>=g){if(r=z.limit_backward,z.limit_backward=g,z.ket=z.cursor,e=z.find_among_b(S,120))return z.bra=z.cursor,1==e&&z.slice_del(),z.limit_backward=r,!0;z.limit_backward=r}return!1}function d(){var e;z.ket=z.cursor,(e=z.find_among_b(W,7))&&(z.bra=z.cursor,1==e&&w()&&z.slice_del())}function v(e,r){if(z.eq_s_b(1,e)){z.bra=z.cursor;var s=z.limit-z.cursor;if(z.eq_s_b(1,r))return z.cursor=z.limit-s,w()&&z.slice_del(),!1}return!0}function p(){var e;if(z.ket=z.cursor,e=z.find_among_b(L,4))switch(z.bra=z.cursor,e){case 1:w()&&(z.slice_del(),z.ket=z.cursor,z.limit-z.cursor,v("u","g")&&v("i","c"));break;case 2:z.slice_from("c")}}function _(){if(!l()&&(z.cursor=z.limit,!f()))return z.cursor=z.limit,void d();z.cursor=z.limit,z.ket=z.cursor,z.eq_s_b(1,"i")&&(z.bra=z.cursor,z.eq_s_b(1,"c")&&(z.cursor=z.limit,w()&&z.slice_del()))}var h,b,g,k=[new r("",-1,3),new r("ã",0,1),new r("õ",0,2)],q=[new r("",-1,3),new r("a~",0,1),new r("o~",0,2)],j=[new r("ic",-1,-1),new r("ad",-1,-1),new r("os",-1,-1),new r("iv",-1,1)],C=[new r("ante",-1,1),new r("avel",-1,1),new r("ível",-1,1)],P=[new r("ic",-1,1),new r("abil",-1,1),new r("iv",-1,1)],F=[new r("ica",-1,1),new r("ância",-1,1),new r("ência",-1,4),new r("ira",-1,9),new r("adora",-1,1),new r("osa",-1,1),new r("ista",-1,1),new r("iva",-1,8),new r("eza",-1,1),new r("logía",-1,2),new r("idade",-1,7),new r("ante",-1,1),new r("mente",-1,6),new r("amente",12,5),new r("ável",-1,1),new r("ível",-1,1),new r("ución",-1,3),new r("ico",-1,1),new r("ismo",-1,1),new r("oso",-1,1),new r("amento",-1,1),new r("imento",-1,1),new r("ivo",-1,8),new r("aça~o",-1,1),new r("ador",-1,1),new r("icas",-1,1),new r("ências",-1,4),new r("iras",-1,9),new r("adoras",-1,1),new r("osas",-1,1),new r("istas",-1,1),new r("ivas",-1,8),new r("ezas",-1,1),new r("logías",-1,2),new r("idades",-1,7),new r("uciones",-1,3),new r("adores",-1,1),new r("antes",-1,1),new r("aço~es",-1,1),new r("icos",-1,1),new r("ismos",-1,1),new r("osos",-1,1),new r("amentos",-1,1),new r("imentos",-1,1),new r("ivos",-1,8)],S=[new r("ada",-1,1),new r("ida",-1,1),new r("ia",-1,1),new r("aria",2,1),new r("eria",2,1),new r("iria",2,1),new r("ara",-1,1),new r("era",-1,1),new r("ira",-1,1),new r("ava",-1,1),new r("asse",-1,1),new r("esse",-1,1),new r("isse",-1,1),new r("aste",-1,1),new r("este",-1,1),new r("iste",-1,1),new r("ei",-1,1),new r("arei",16,1),new r("erei",16,1),new r("irei",16,1),new r("am",-1,1),new r("iam",20,1),new r("ariam",21,1),new r("eriam",21,1),new r("iriam",21,1),new r("aram",20,1),new r("eram",20,1),new r("iram",20,1),new r("avam",20,1),new r("em",-1,1),new r("arem",29,1),new r("erem",29,1),new r("irem",29,1),new r("assem",29,1),new r("essem",29,1),new r("issem",29,1),new r("ado",-1,1),new r("ido",-1,1),new r("ando",-1,1),new r("endo",-1,1),new r("indo",-1,1),new r("ara~o",-1,1),new r("era~o",-1,1),new r("ira~o",-1,1),new r("ar",-1,1),new r("er",-1,1),new r("ir",-1,1),new r("as",-1,1),new r("adas",47,1),new r("idas",47,1),new r("ias",47,1),new r("arias",50,1),new r("erias",50,1),new r("irias",50,1),new r("aras",47,1),new r("eras",47,1),new r("iras",47,1),new r("avas",47,1),new r("es",-1,1),new r("ardes",58,1),new r("erdes",58,1),new r("irdes",58,1),new r("ares",58,1),new r("eres",58,1),new r("ires",58,1),new r("asses",58,1),new r("esses",58,1),new r("isses",58,1),new r("astes",58,1),new r("estes",58,1),new r("istes",58,1),new r("is",-1,1),new r("ais",71,1),new r("eis",71,1),new r("areis",73,1),new r("ereis",73,1),new r("ireis",73,1),new r("áreis",73,1),new r("éreis",73,1),new r("íreis",73,1),new r("ásseis",73,1),new r("ésseis",73,1),new r("ísseis",73,1),new r("áveis",73,1),new r("íeis",73,1),new r("aríeis",84,1),new r("eríeis",84,1),new r("iríeis",84,1),new r("ados",-1,1),new r("idos",-1,1),new r("amos",-1,1),new r("áramos",90,1),new r("éramos",90,1),new r("íramos",90,1),new r("ávamos",90,1),new r("íamos",90,1),new r("aríamos",95,1),new r("eríamos",95,1),new r("iríamos",95,1),new r("emos",-1,1),new r("aremos",99,1),new r("eremos",99,1),new r("iremos",99,1),new r("ássemos",99,1),new r("êssemos",99,1),new r("íssemos",99,1),new r("imos",-1,1),new r("armos",-1,1),new r("ermos",-1,1),new r("irmos",-1,1),new r("ámos",-1,1),new r("arás",-1,1),new r("erás",-1,1),new r("irás",-1,1),new r("eu",-1,1),new r("iu",-1,1),new r("ou",-1,1),new r("ará",-1,1),new r("erá",-1,1),new r("irá",-1,1)],W=[new r("a",-1,1),new r("i",-1,1),new r("o",-1,1),new r("os",-1,1),new r("á",-1,1),new r("í",-1,1),new r("ó",-1,1)],L=[new r("e",-1,1),new r("ç",-1,2),new r("é",-1,1),new r("ê",-1,1)],y=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,0,3,19,12,2],z=new s;this.setCurrent=function(e){z.setCurrent(e)},this.getCurrent=function(){return z.getCurrent()},this.stem=function(){var r=z.cursor;return e(),z.cursor=r,a(),z.limit_backward=r,z.cursor=z.limit,_(),z.cursor=z.limit,p(),z.cursor=z.limit_backward,u(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return n.setCurrent(e),n.stem(),n.getCurrent()}):(n.setCurrent(e),n.stem(),n.getCurrent())}}(),e.Pipeline.registerFunction(e.pt.stemmer,"stemmer-pt"),e.pt.stopWordFilter=e.generateStopWordFilter("a ao aos aquela aquelas aquele aqueles aquilo as até com como da das de dela delas dele deles depois do dos e ela elas ele eles em entre era eram essa essas esse esses esta estamos estas estava estavam este esteja estejam estejamos estes esteve estive estivemos estiver estivera estiveram estiverem estivermos estivesse estivessem estivéramos estivéssemos estou está estávamos estão eu foi fomos for fora foram forem formos fosse fossem fui fôramos fôssemos haja hajam hajamos havemos hei houve houvemos houver houvera houveram houverei houverem houveremos houveria houveriam houvermos houverá houverão houveríamos houvesse houvessem houvéramos houvéssemos há hão isso isto já lhe lhes mais mas me mesmo meu meus minha minhas muito na nas nem no nos nossa nossas nosso nossos num numa não nós o os ou para pela pelas pelo pelos por qual quando que quem se seja sejam sejamos sem serei seremos seria seriam será serão seríamos seu seus somos sou sua suas são só também te tem temos tenha tenham tenhamos tenho terei teremos teria teriam terá terão teríamos teu teus teve tinha tinham tive tivemos tiver tivera tiveram tiverem tivermos tivesse tivessem tivéramos tivéssemos tu tua tuas tém tínhamos um uma você vocês vos à às éramos".split(" ")),e.Pipeline.registerFunction(e.pt.stopWordFilter,"stopWordFilter-pt")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.ro.min.js b/assets/javascripts/lunr/min/lunr.ro.min.js
new file mode 100644
index 0000000..7277140
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.ro.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Romanian` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,i){"function"==typeof define&&define.amd?define(i):"object"==typeof exports?module.exports=i():i()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.ro=function(){this.pipeline.reset(),this.pipeline.add(e.ro.trimmer,e.ro.stopWordFilter,e.ro.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.ro.stemmer))},e.ro.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.ro.trimmer=e.trimmerSupport.generateTrimmer(e.ro.wordCharacters),e.Pipeline.registerFunction(e.ro.trimmer,"trimmer-ro"),e.ro.stemmer=function(){var i=e.stemmerSupport.Among,r=e.stemmerSupport.SnowballProgram,n=new function(){function e(e,i){L.eq_s(1,e)&&(L.ket=L.cursor,L.in_grouping(W,97,259)&&L.slice_from(i))}function n(){for(var i,r;;){if(i=L.cursor,L.in_grouping(W,97,259)&&(r=L.cursor,L.bra=r,e("u","U"),L.cursor=r,e("i","I")),L.cursor=i,L.cursor>=L.limit)break;L.cursor++}}function t(){if(L.out_grouping(W,97,259)){for(;!L.in_grouping(W,97,259);){if(L.cursor>=L.limit)return!0;L.cursor++}return!1}return!0}function a(){if(L.in_grouping(W,97,259))for(;!L.out_grouping(W,97,259);){if(L.cursor>=L.limit)return!0;L.cursor++}return!1}function o(){var e,i,r=L.cursor;if(L.in_grouping(W,97,259)){if(e=L.cursor,!t())return void(h=L.cursor);if(L.cursor=e,!a())return void(h=L.cursor)}L.cursor=r,L.out_grouping(W,97,259)&&(i=L.cursor,t()&&(L.cursor=i,L.in_grouping(W,97,259)&&L.cursor<L.limit&&L.cursor++),h=L.cursor)}function u(){for(;!L.in_grouping(W,97,259);){if(L.cursor>=L.limit)return!1;L.cursor++}for(;!L.out_grouping(W,97,259);){if(L.cursor>=L.limit)return!1;L.cursor++}return!0}function c(){var e=L.cursor;h=L.limit,k=h,g=h,o(),L.cursor=e,u()&&(k=L.cursor,u()&&(g=L.cursor))}function s(){for(var e;;){if(L.bra=L.cursor,e=L.find_among(z,3))switch(L.ket=L.cursor,e){case 1:L.slice_from("i");continue;case 2:L.slice_from("u");continue;case 3:if(L.cursor>=L.limit)break;L.cursor++;continue}break}}function w(){return h<=L.cursor}function m(){return k<=L.cursor}function l(){return g<=L.cursor}function f(){var e,i;if(L.ket=L.cursor,(e=L.find_among_b(C,16))&&(L.bra=L.cursor,m()))switch(e){case 1:L.slice_del();break;case 2:L.slice_from("a");break;case 3:L.slice_from("e");break;case 4:L.slice_from("i");break;case 5:i=L.limit-L.cursor,L.eq_s_b(2,"ab")||(L.cursor=L.limit-i,L.slice_from("i"));break;case 6:L.slice_from("at");break;case 7:L.slice_from("aţi")}}function p(){var e,i=L.limit-L.cursor;if(L.ket=L.cursor,(e=L.find_among_b(P,46))&&(L.bra=L.cursor,m())){switch(e){case 1:L.slice_from("abil");break;case 2:L.slice_from("ibil");break;case 3:L.slice_from("iv");break;case 4:L.slice_from("ic");break;case 5:L.slice_from("at");break;case 6:L.slice_from("it")}return _=!0,L.cursor=L.limit-i,!0}return!1}function d(){var e,i;for(_=!1;;)if(i=L.limit-L.cursor,!p()){L.cursor=L.limit-i;break}if(L.ket=L.cursor,(e=L.find_among_b(F,62))&&(L.bra=L.cursor,l())){switch(e){case 1:L.slice_del();break;case 2:L.eq_s_b(1,"ţ")&&(L.bra=L.cursor,L.slice_from("t"));break;case 3:L.slice_from("ist")}_=!0}}function b(){var e,i,r;if(L.cursor>=h){if(i=L.limit_backward,L.limit_backward=h,L.ket=L.cursor,e=L.find_among_b(q,94))switch(L.bra=L.cursor,e){case 1:if(r=L.limit-L.cursor,!L.out_grouping_b(W,97,259)&&(L.cursor=L.limit-r,!L.eq_s_b(1,"u")))break;case 2:L.slice_del()}L.limit_backward=i}}function v(){var e;L.ket=L.cursor,(e=L.find_among_b(S,5))&&(L.bra=L.cursor,w()&&1==e&&L.slice_del())}var _,g,k,h,z=[new i("",-1,3),new i("I",0,1),new i("U",0,2)],C=[new i("ea",-1,3),new i("aţia",-1,7),new i("aua",-1,2),new i("iua",-1,4),new i("aţie",-1,7),new i("ele",-1,3),new i("ile",-1,5),new i("iile",6,4),new i("iei",-1,4),new i("atei",-1,6),new i("ii",-1,4),new i("ului",-1,1),new i("ul",-1,1),new i("elor",-1,3),new i("ilor",-1,4),new i("iilor",14,4)],P=[new i("icala",-1,4),new i("iciva",-1,4),new i("ativa",-1,5),new i("itiva",-1,6),new i("icale",-1,4),new i("aţiune",-1,5),new i("iţiune",-1,6),new i("atoare",-1,5),new i("itoare",-1,6),new i("ătoare",-1,5),new i("icitate",-1,4),new i("abilitate",-1,1),new i("ibilitate",-1,2),new i("ivitate",-1,3),new i("icive",-1,4),new i("ative",-1,5),new i("itive",-1,6),new i("icali",-1,4),new i("atori",-1,5),new i("icatori",18,4),new i("itori",-1,6),new i("ători",-1,5),new i("icitati",-1,4),new i("abilitati",-1,1),new i("ivitati",-1,3),new i("icivi",-1,4),new i("ativi",-1,5),new i("itivi",-1,6),new i("icităi",-1,4),new i("abilităi",-1,1),new i("ivităi",-1,3),new i("icităţi",-1,4),new i("abilităţi",-1,1),new i("ivităţi",-1,3),new i("ical",-1,4),new i("ator",-1,5),new i("icator",35,4),new i("itor",-1,6),new i("ător",-1,5),new i("iciv",-1,4),new i("ativ",-1,5),new i("itiv",-1,6),new i("icală",-1,4),new i("icivă",-1,4),new i("ativă",-1,5),new i("itivă",-1,6)],F=[new i("ica",-1,1),new i("abila",-1,1),new i("ibila",-1,1),new i("oasa",-1,1),new i("ata",-1,1),new i("ita",-1,1),new i("anta",-1,1),new i("ista",-1,3),new i("uta",-1,1),new i("iva",-1,1),new i("ic",-1,1),new i("ice",-1,1),new i("abile",-1,1),new i("ibile",-1,1),new i("isme",-1,3),new i("iune",-1,2),new i("oase",-1,1),new i("ate",-1,1),new i("itate",17,1),new i("ite",-1,1),new i("ante",-1,1),new i("iste",-1,3),new i("ute",-1,1),new i("ive",-1,1),new i("ici",-1,1),new i("abili",-1,1),new i("ibili",-1,1),new i("iuni",-1,2),new i("atori",-1,1),new i("osi",-1,1),new i("ati",-1,1),new i("itati",30,1),new i("iti",-1,1),new i("anti",-1,1),new i("isti",-1,3),new i("uti",-1,1),new i("işti",-1,3),new i("ivi",-1,1),new i("ităi",-1,1),new i("oşi",-1,1),new i("ităţi",-1,1),new i("abil",-1,1),new i("ibil",-1,1),new i("ism",-1,3),new i("ator",-1,1),new i("os",-1,1),new i("at",-1,1),new i("it",-1,1),new i("ant",-1,1),new i("ist",-1,3),new i("ut",-1,1),new i("iv",-1,1),new i("ică",-1,1),new i("abilă",-1,1),new i("ibilă",-1,1),new i("oasă",-1,1),new i("ată",-1,1),new i("ită",-1,1),new i("antă",-1,1),new i("istă",-1,3),new i("ută",-1,1),new i("ivă",-1,1)],q=[new i("ea",-1,1),new i("ia",-1,1),new i("esc",-1,1),new i("ăsc",-1,1),new i("ind",-1,1),new i("ând",-1,1),new i("are",-1,1),new i("ere",-1,1),new i("ire",-1,1),new i("âre",-1,1),new i("se",-1,2),new i("ase",10,1),new i("sese",10,2),new i("ise",10,1),new i("use",10,1),new i("âse",10,1),new i("eşte",-1,1),new i("ăşte",-1,1),new i("eze",-1,1),new i("ai",-1,1),new i("eai",19,1),new i("iai",19,1),new i("sei",-1,2),new i("eşti",-1,1),new i("ăşti",-1,1),new i("ui",-1,1),new i("ezi",-1,1),new i("âi",-1,1),new i("aşi",-1,1),new i("seşi",-1,2),new i("aseşi",29,1),new i("seseşi",29,2),new i("iseşi",29,1),new i("useşi",29,1),new i("âseşi",29,1),new i("işi",-1,1),new i("uşi",-1,1),new i("âşi",-1,1),new i("aţi",-1,2),new i("eaţi",38,1),new i("iaţi",38,1),new i("eţi",-1,2),new i("iţi",-1,2),new i("âţi",-1,2),new i("arăţi",-1,1),new i("serăţi",-1,2),new i("aserăţi",45,1),new i("seserăţi",45,2),new i("iserăţi",45,1),new i("userăţi",45,1),new i("âserăţi",45,1),new i("irăţi",-1,1),new i("urăţi",-1,1),new i("ârăţi",-1,1),new i("am",-1,1),new i("eam",54,1),new i("iam",54,1),new i("em",-1,2),new i("asem",57,1),new i("sesem",57,2),new i("isem",57,1),new i("usem",57,1),new i("âsem",57,1),new i("im",-1,2),new i("âm",-1,2),new i("ăm",-1,2),new i("arăm",65,1),new i("serăm",65,2),new i("aserăm",67,1),new i("seserăm",67,2),new i("iserăm",67,1),new i("userăm",67,1),new i("âserăm",67,1),new i("irăm",65,1),new i("urăm",65,1),new i("ârăm",65,1),new i("au",-1,1),new i("eau",76,1),new i("iau",76,1),new i("indu",-1,1),new i("ându",-1,1),new i("ez",-1,1),new i("ească",-1,1),new i("ară",-1,1),new i("seră",-1,2),new i("aseră",84,1),new i("seseră",84,2),new i("iseră",84,1),new i("useră",84,1),new i("âseră",84,1),new i("iră",-1,1),new i("ură",-1,1),new i("âră",-1,1),new i("ează",-1,1)],S=[new i("a",-1,1),new i("e",-1,1),new i("ie",1,1),new i("i",-1,1),new i("ă",-1,1)],W=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,0,2,32,0,0,4],L=new r;this.setCurrent=function(e){L.setCurrent(e)},this.getCurrent=function(){return L.getCurrent()},this.stem=function(){var e=L.cursor;return n(),L.cursor=e,c(),L.limit_backward=e,L.cursor=L.limit,f(),L.cursor=L.limit,d(),L.cursor=L.limit,_||(L.cursor=L.limit,b(),L.cursor=L.limit),v(),L.cursor=L.limit_backward,s(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return n.setCurrent(e),n.stem(),n.getCurrent()}):(n.setCurrent(e),n.stem(),n.getCurrent())}}(),e.Pipeline.registerFunction(e.ro.stemmer,"stemmer-ro"),e.ro.stopWordFilter=e.generateStopWordFilter("acea aceasta această aceea acei aceia acel acela acele acelea acest acesta aceste acestea aceşti aceştia acolo acord acum ai aia aibă aici al ale alea altceva altcineva am ar are asemenea asta astea astăzi asupra au avea avem aveţi azi aş aşadar aţi bine bucur bună ca care caut ce cel ceva chiar cinci cine cineva contra cu cum cumva curând curînd când cât câte câtva câţi cînd cît cîte cîtva cîţi că căci cărei căror cărui către da dacă dar datorită dată dau de deci deja deoarece departe deşi din dinaintea dintr- dintre doi doilea două drept după dă ea ei el ele eram este eu eşti face fata fi fie fiecare fii fim fiu fiţi frumos fără graţie halbă iar ieri la le li lor lui lângă lîngă mai mea mei mele mereu meu mi mie mine mult multă mulţi mulţumesc mâine mîine mă ne nevoie nici nicăieri nimeni nimeri nimic nişte noastre noastră noi noroc nostru nouă noştri nu opt ori oricare orice oricine oricum oricând oricât oricînd oricît oriunde patra patru patrulea pe pentru peste pic poate pot prea prima primul prin puţin puţina puţină până pînă rog sa sale sau se spate spre sub sunt suntem sunteţi sută sînt sîntem sînteţi să săi său ta tale te timp tine toate toată tot totuşi toţi trei treia treilea tu tăi tău un una unde undeva unei uneia unele uneori unii unor unora unu unui unuia unul vi voastre voastră voi vostru vouă voştri vreme vreo vreun vă zece zero zi zice îi îl îmi împotriva în  înainte înaintea încotro încât încît între întrucât întrucît îţi ăla ălea ăsta ăstea ăştia şapte şase şi ştiu ţi ţie".split(" ")),e.Pipeline.registerFunction(e.ro.stopWordFilter,"stopWordFilter-ro")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.ru.min.js b/assets/javascripts/lunr/min/lunr.ru.min.js
new file mode 100644
index 0000000..186cc48
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.ru.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Russian` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,n){"function"==typeof define&&define.amd?define(n):"object"==typeof exports?module.exports=n():n()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.ru=function(){this.pipeline.reset(),this.pipeline.add(e.ru.trimmer,e.ru.stopWordFilter,e.ru.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.ru.stemmer))},e.ru.wordCharacters="Ѐ-҄҇-ԯᴫᵸⷠ-ⷿꙀ-ꚟ︮︯",e.ru.trimmer=e.trimmerSupport.generateTrimmer(e.ru.wordCharacters),e.Pipeline.registerFunction(e.ru.trimmer,"trimmer-ru"),e.ru.stemmer=function(){var n=e.stemmerSupport.Among,r=e.stemmerSupport.SnowballProgram,t=new function(){function e(){for(;!W.in_grouping(S,1072,1103);){if(W.cursor>=W.limit)return!1;W.cursor++}return!0}function t(){for(;!W.out_grouping(S,1072,1103);){if(W.cursor>=W.limit)return!1;W.cursor++}return!0}function w(){b=W.limit,_=b,e()&&(b=W.cursor,t()&&e()&&t()&&(_=W.cursor))}function i(){return _<=W.cursor}function u(e,n){var r,t;if(W.ket=W.cursor,r=W.find_among_b(e,n)){switch(W.bra=W.cursor,r){case 1:if(t=W.limit-W.cursor,!W.eq_s_b(1,"а")&&(W.cursor=W.limit-t,!W.eq_s_b(1,"я")))return!1;case 2:W.slice_del()}return!0}return!1}function o(){return u(h,9)}function s(e,n){var r;return W.ket=W.cursor,!!(r=W.find_among_b(e,n))&&(W.bra=W.cursor,1==r&&W.slice_del(),!0)}function c(){return s(g,26)}function m(){return!!c()&&(u(C,8),!0)}function f(){return s(k,2)}function l(){return u(P,46)}function a(){s(v,36)}function p(){var e;W.ket=W.cursor,(e=W.find_among_b(F,2))&&(W.bra=W.cursor,i()&&1==e&&W.slice_del())}function d(){var e;if(W.ket=W.cursor,e=W.find_among_b(q,4))switch(W.bra=W.cursor,e){case 1:if(W.slice_del(),W.ket=W.cursor,!W.eq_s_b(1,"н"))break;W.bra=W.cursor;case 2:if(!W.eq_s_b(1,"н"))break;case 3:W.slice_del()}}var _,b,h=[new n("в",-1,1),new n("ив",0,2),new n("ыв",0,2),new n("вши",-1,1),new n("ивши",3,2),new n("ывши",3,2),new n("вшись",-1,1),new n("ившись",6,2),new n("ывшись",6,2)],g=[new n("ее",-1,1),new n("ие",-1,1),new n("ое",-1,1),new n("ые",-1,1),new n("ими",-1,1),new n("ыми",-1,1),new n("ей",-1,1),new n("ий",-1,1),new n("ой",-1,1),new n("ый",-1,1),new n("ем",-1,1),new n("им",-1,1),new n("ом",-1,1),new n("ым",-1,1),new n("его",-1,1),new n("ого",-1,1),new n("ему",-1,1),new n("ому",-1,1),new n("их",-1,1),new n("ых",-1,1),new n("ею",-1,1),new n("ою",-1,1),new n("ую",-1,1),new n("юю",-1,1),new n("ая",-1,1),new n("яя",-1,1)],C=[new n("ем",-1,1),new n("нн",-1,1),new n("вш",-1,1),new n("ивш",2,2),new n("ывш",2,2),new n("щ",-1,1),new n("ющ",5,1),new n("ующ",6,2)],k=[new n("сь",-1,1),new n("ся",-1,1)],P=[new n("ла",-1,1),new n("ила",0,2),new n("ыла",0,2),new n("на",-1,1),new n("ена",3,2),new n("ете",-1,1),new n("ите",-1,2),new n("йте",-1,1),new n("ейте",7,2),new n("уйте",7,2),new n("ли",-1,1),new n("или",10,2),new n("ыли",10,2),new n("й",-1,1),new n("ей",13,2),new n("уй",13,2),new n("л",-1,1),new n("ил",16,2),new n("ыл",16,2),new n("ем",-1,1),new n("им",-1,2),new n("ым",-1,2),new n("н",-1,1),new n("ен",22,2),new n("ло",-1,1),new n("ило",24,2),new n("ыло",24,2),new n("но",-1,1),new n("ено",27,2),new n("нно",27,1),new n("ет",-1,1),new n("ует",30,2),new n("ит",-1,2),new n("ыт",-1,2),new n("ют",-1,1),new n("уют",34,2),new n("ят",-1,2),new n("ны",-1,1),new n("ены",37,2),new n("ть",-1,1),new n("ить",39,2),new n("ыть",39,2),new n("ешь",-1,1),new n("ишь",-1,2),new n("ю",-1,2),new n("ую",44,2)],v=[new n("а",-1,1),new n("ев",-1,1),new n("ов",-1,1),new n("е",-1,1),new n("ие",3,1),new n("ье",3,1),new n("и",-1,1),new n("еи",6,1),new n("ии",6,1),new n("ами",6,1),new n("ями",6,1),new n("иями",10,1),new n("й",-1,1),new n("ей",12,1),new n("ией",13,1),new n("ий",12,1),new n("ой",12,1),new n("ам",-1,1),new n("ем",-1,1),new n("ием",18,1),new n("ом",-1,1),new n("ям",-1,1),new n("иям",21,1),new n("о",-1,1),new n("у",-1,1),new n("ах",-1,1),new n("ях",-1,1),new n("иях",26,1),new n("ы",-1,1),new n("ь",-1,1),new n("ю",-1,1),new n("ию",30,1),new n("ью",30,1),new n("я",-1,1),new n("ия",33,1),new n("ья",33,1)],F=[new n("ост",-1,1),new n("ость",-1,1)],q=[new n("ейше",-1,1),new n("н",-1,2),new n("ейш",-1,1),new n("ь",-1,3)],S=[33,65,8,232],W=new r;this.setCurrent=function(e){W.setCurrent(e)},this.getCurrent=function(){return W.getCurrent()},this.stem=function(){return w(),W.cursor=W.limit,!(W.cursor<b)&&(W.limit_backward=b,o()||(W.cursor=W.limit,f()||(W.cursor=W.limit),m()||(W.cursor=W.limit,l()||(W.cursor=W.limit,a()))),W.cursor=W.limit,W.ket=W.cursor,W.eq_s_b(1,"и")?(W.bra=W.cursor,W.slice_del()):W.cursor=W.limit,p(),W.cursor=W.limit,d(),!0)}};return function(e){return"function"==typeof e.update?e.update(function(e){return t.setCurrent(e),t.stem(),t.getCurrent()}):(t.setCurrent(e),t.stem(),t.getCurrent())}}(),e.Pipeline.registerFunction(e.ru.stemmer,"stemmer-ru"),e.ru.stopWordFilter=e.generateStopWordFilter("алло без близко более больше будем будет будете будешь будто буду будут будь бы бывает бывь был была были было быть в важная важное важные важный вам вами вас ваш ваша ваше ваши вверх вдали вдруг ведь везде весь вниз внизу во вокруг вон восемнадцатый восемнадцать восемь восьмой вот впрочем времени время все всегда всего всем всеми всему всех всею всю всюду вся всё второй вы г где говорил говорит год года году да давно даже далеко дальше даром два двадцатый двадцать две двенадцатый двенадцать двух девятнадцатый девятнадцать девятый девять действительно дел день десятый десять для до довольно долго должно другая другие других друго другое другой е его ее ей ему если есть еще ещё ею её ж же жизнь за занят занята занято заняты затем зато зачем здесь значит и из или им именно иметь ими имя иногда их к каждая каждое каждые каждый кажется как какая какой кем когда кого ком кому конечно которая которого которой которые который которых кроме кругом кто куда лет ли лишь лучше люди м мало между меля менее меньше меня миллионов мимо мира мне много многочисленная многочисленное многочисленные многочисленный мной мною мог могут мож может можно можхо мои мой мор мочь моя моё мы на наверху над надо назад наиболее наконец нам нами нас начала наш наша наше наши не него недавно недалеко нее ней нельзя нем немного нему непрерывно нередко несколько нет нею неё ни нибудь ниже низко никогда никуда ними них ничего но ну нужно нх о об оба обычно один одиннадцатый одиннадцать однажды однако одного одной около он она они оно опять особенно от отовсюду отсюда очень первый перед по под пожалуйста позже пока пор пора после посреди потом потому почему почти прекрасно при про просто против процентов пятнадцатый пятнадцать пятый пять раз разве рано раньше рядом с сам сама сами самим самими самих само самого самой самом самому саму свое своего своей свои своих свою сеаой себе себя сегодня седьмой сейчас семнадцатый семнадцать семь сих сказал сказала сказать сколько слишком сначала снова со собой собою совсем спасибо стал суть т та так такая также такие такое такой там твой твоя твоё те тебе тебя тем теми теперь тех то тобой тобою тогда того тоже только том тому тот тою третий три тринадцатый тринадцать ту туда тут ты тысяч у уж уже уметь хорошо хотеть хоть хотя хочешь часто чаще чего человек чем чему через четвертый четыре четырнадцатый четырнадцать что чтоб чтобы чуть шестнадцатый шестнадцать шестой шесть эта эти этим этими этих это этого этой этом этому этот эту я \ufeffа".split(" ")),e.Pipeline.registerFunction(e.ru.stopWordFilter,"stopWordFilter-ru")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.sa.min.js b/assets/javascripts/lunr/min/lunr.sa.min.js
new file mode 100644
index 0000000..50ee564
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.sa.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.sa=function(){this.pipeline.reset(),this.pipeline.add(e.sa.trimmer,e.sa.stopWordFilter,e.sa.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.sa.stemmer))},e.sa.wordCharacters="ऀ-ःऄ-एऐ-टठ-यर-िी-ॏॐ-य़ॠ-९॰-ॿ꣠-꣱ꣲ-ꣷ꣸-ꣻ꣼-ꣽꣾ-ꣿᆰ0-ᆰ9",e.sa.trimmer=e.trimmerSupport.generateTrimmer(e.sa.wordCharacters),e.Pipeline.registerFunction(e.sa.trimmer,"trimmer-sa"),e.sa.stopWordFilter=e.generateStopWordFilter('तथा अयम्‌ एकम्‌ इत्यस्मिन्‌ तथा तत्‌ वा अयम्‌ इत्यस्य ते आहूत उपरि तेषाम्‌  किन्तु तेषाम्‌ तदा इत्यनेन अधिकः इत्यस्य तत्‌ केचन बहवः द्वि तथा महत्वपूर्णः अयम्‌ अस्य  विषये अयं अस्ति तत्‌ प्रथमः विषये इत्युपरि इत्युपरि इतर अधिकतमः अधिकः अपि सामान्यतया ठ इतरेतर नूतनम्‌ द  न्यूनम्‌ कश्चित्‌ वा विशालः द  सः अस्ति तदनुसारम् तत्र अस्ति केवलम्‌ अपि अत्र सर्वे विविधाः तत्‌ बहवः यतः इदानीम्‌ द  दक्षिण इत्यस्मै तस्य उपरि नथ अतीव कार्यम्‌ सर्वे एकैकम्‌ इत्यादि। एते सन्ति  उत इत्थम्‌ मध्ये एतदर्थं . स कस्य प्रथमः श्री. करोति अस्मिन् प्रकारः निर्मिता कालः तत्र कर्तुं  समान अधुना ते सन्ति स एकः अस्ति सः अर्थात् तेषां कृते . स्थितम्  विशेषः अग्रिम तेषाम्‌ समान स्रोतः ख म समान इदानीमपि अधिकतया करोतु ते समान इत्यस्य वीथी सह यस्मिन्  कृतवान्‌ धृतः तदा पुनः पूर्वं सः आगतः किम्‌ कुल इतर पुरा  मात्रा स विषये उ अतएव अपि नगरस्य  उपरि यतः प्रतिशतं  कतरः कालः साधनानि भूत तथापि जात सम्बन्धि अन्यत्‌ ग अतः अस्माकं स्वकीयाः अस्माकं इदानीं अन्तः इत्यादयः भवन्तः इत्यादयः एते एताः तस्य अस्य इदम् एते तेषां तेषां तेषां तान् तेषां तेषां तेषां समानः सः एकः च तादृशाः बहवः अन्ये च वदन्ति यत् कियत् कस्मै  कस्मै  यस्मै  यस्मै  यस्मै  यस्मै न अतिनीचः किन्तु प्रथमं सम्पूर्णतया  ततः चिरकालानन्तरं पुस्तकं सम्पूर्णतया अन्तः  किन्तु अत्र वा इह इव श्रद्धाय अवशिष्यते  परन्तु अन्ये वर्गाः सन्ति ते सन्ति शक्नुवन्ति सर्वे मिलित्वा सर्वे एकत्र"'.split(" ")),e.sa.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}();var r=e.wordcut;r.init(),e.sa.tokenizer=function(t){if(!arguments.length||null==t||void 0==t)return[];if(Array.isArray(t))return t.map(function(r){return isLunr2?new e.Token(r.toLowerCase()):r.toLowerCase()});var i=t.toString().toLowerCase().replace(/^\s+/,"");return r.cut(i).split("|")},e.Pipeline.registerFunction(e.sa.stemmer,"stemmer-sa"),e.Pipeline.registerFunction(e.sa.stopWordFilter,"stopWordFilter-sa")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.stemmer.support.min.js b/assets/javascripts/lunr/min/lunr.stemmer.support.min.js
new file mode 100644
index 0000000..abd4475
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.stemmer.support.min.js
@@ -0,0 +1 @@
+!function(r,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():t()(r.lunr)}(this,function(){return function(r){r.stemmerSupport={Among:function(r,t,i,s){if(this.toCharArray=function(r){for(var t=r.length,i=new Array(t),s=0;s<t;s++)i[s]=r.charCodeAt(s);return i},!r&&""!=r||!t&&0!=t||!i)throw"Bad Among initialisation: s:"+r+", substring_i: "+t+", result: "+i;this.s_size=r.length,this.s=this.toCharArray(r),this.substring_i=t,this.result=i,this.method=s},SnowballProgram:function(){var r;return{bra:0,ket:0,limit:0,cursor:0,limit_backward:0,setCurrent:function(t){r=t,this.cursor=0,this.limit=t.length,this.limit_backward=0,this.bra=this.cursor,this.ket=this.limit},getCurrent:function(){var t=r;return r=null,t},in_grouping:function(t,i,s){if(this.cursor<this.limit){var e=r.charCodeAt(this.cursor);if(e<=s&&e>=i&&(e-=i,t[e>>3]&1<<(7&e)))return this.cursor++,!0}return!1},in_grouping_b:function(t,i,s){if(this.cursor>this.limit_backward){var e=r.charCodeAt(this.cursor-1);if(e<=s&&e>=i&&(e-=i,t[e>>3]&1<<(7&e)))return this.cursor--,!0}return!1},out_grouping:function(t,i,s){if(this.cursor<this.limit){var e=r.charCodeAt(this.cursor);if(e>s||e<i)return this.cursor++,!0;if(e-=i,!(t[e>>3]&1<<(7&e)))return this.cursor++,!0}return!1},out_grouping_b:function(t,i,s){if(this.cursor>this.limit_backward){var e=r.charCodeAt(this.cursor-1);if(e>s||e<i)return this.cursor--,!0;if(e-=i,!(t[e>>3]&1<<(7&e)))return this.cursor--,!0}return!1},eq_s:function(t,i){if(this.limit-this.cursor<t)return!1;for(var s=0;s<t;s++)if(r.charCodeAt(this.cursor+s)!=i.charCodeAt(s))return!1;return this.cursor+=t,!0},eq_s_b:function(t,i){if(this.cursor-this.limit_backward<t)return!1;for(var s=0;s<t;s++)if(r.charCodeAt(this.cursor-t+s)!=i.charCodeAt(s))return!1;return this.cursor-=t,!0},find_among:function(t,i){for(var s=0,e=i,n=this.cursor,u=this.limit,o=0,h=0,c=!1;;){for(var a=s+(e-s>>1),f=0,l=o<h?o:h,_=t[a],m=l;m<_.s_size;m++){if(n+l==u){f=-1;break}if(f=r.charCodeAt(n+l)-_.s[m])break;l++}if(f<0?(e=a,h=l):(s=a,o=l),e-s<=1){if(s>0||e==s||c)break;c=!0}}for(;;){var _=t[s];if(o>=_.s_size){if(this.cursor=n+_.s_size,!_.method)return _.result;var b=_.method();if(this.cursor=n+_.s_size,b)return _.result}if((s=_.substring_i)<0)return 0}},find_among_b:function(t,i){for(var s=0,e=i,n=this.cursor,u=this.limit_backward,o=0,h=0,c=!1;;){for(var a=s+(e-s>>1),f=0,l=o<h?o:h,_=t[a],m=_.s_size-1-l;m>=0;m--){if(n-l==u){f=-1;break}if(f=r.charCodeAt(n-1-l)-_.s[m])break;l++}if(f<0?(e=a,h=l):(s=a,o=l),e-s<=1){if(s>0||e==s||c)break;c=!0}}for(;;){var _=t[s];if(o>=_.s_size){if(this.cursor=n-_.s_size,!_.method)return _.result;var b=_.method();if(this.cursor=n-_.s_size,b)return _.result}if((s=_.substring_i)<0)return 0}},replace_s:function(t,i,s){var e=s.length-(i-t),n=r.substring(0,t),u=r.substring(i);return r=n+s+u,this.limit+=e,this.cursor>=i?this.cursor+=e:this.cursor>t&&(this.cursor=t),e},slice_check:function(){if(this.bra<0||this.bra>this.ket||this.ket>this.limit||this.limit>r.length)throw"faulty slice operation"},slice_from:function(r){this.slice_check(),this.replace_s(this.bra,this.ket,r)},slice_del:function(){this.slice_from("")},insert:function(r,t,i){var s=this.replace_s(r,t,i);r<=this.bra&&(this.bra+=s),r<=this.ket&&(this.ket+=s)},slice_to:function(){return this.slice_check(),r.substring(this.bra,this.ket)},eq_v_b:function(r){return this.eq_s_b(r.length,r)}}}},r.trimmerSupport={generateTrimmer:function(r){var t=new RegExp("^[^"+r+"]+"),i=new RegExp("[^"+r+"]+$");return function(r){return"function"==typeof r.update?r.update(function(r){return r.replace(t,"").replace(i,"")}):r.replace(t,"").replace(i,"")}}}}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.sv.min.js b/assets/javascripts/lunr/min/lunr.sv.min.js
new file mode 100644
index 0000000..3e5eb64
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.sv.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Swedish` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.sv=function(){this.pipeline.reset(),this.pipeline.add(e.sv.trimmer,e.sv.stopWordFilter,e.sv.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.sv.stemmer))},e.sv.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",e.sv.trimmer=e.trimmerSupport.generateTrimmer(e.sv.wordCharacters),e.Pipeline.registerFunction(e.sv.trimmer,"trimmer-sv"),e.sv.stemmer=function(){var r=e.stemmerSupport.Among,n=e.stemmerSupport.SnowballProgram,t=new function(){function e(){var e,r=w.cursor+3;if(o=w.limit,0<=r||r<=w.limit){for(a=r;;){if(e=w.cursor,w.in_grouping(l,97,246)){w.cursor=e;break}if(w.cursor=e,w.cursor>=w.limit)return;w.cursor++}for(;!w.out_grouping(l,97,246);){if(w.cursor>=w.limit)return;w.cursor++}o=w.cursor,o<a&&(o=a)}}function t(){var e,r=w.limit_backward;if(w.cursor>=o&&(w.limit_backward=o,w.cursor=w.limit,w.ket=w.cursor,e=w.find_among_b(u,37),w.limit_backward=r,e))switch(w.bra=w.cursor,e){case 1:w.slice_del();break;case 2:w.in_grouping_b(d,98,121)&&w.slice_del()}}function i(){var e=w.limit_backward;w.cursor>=o&&(w.limit_backward=o,w.cursor=w.limit,w.find_among_b(c,7)&&(w.cursor=w.limit,w.ket=w.cursor,w.cursor>w.limit_backward&&(w.bra=--w.cursor,w.slice_del())),w.limit_backward=e)}function s(){var e,r;if(w.cursor>=o){if(r=w.limit_backward,w.limit_backward=o,w.cursor=w.limit,w.ket=w.cursor,e=w.find_among_b(m,5))switch(w.bra=w.cursor,e){case 1:w.slice_del();break;case 2:w.slice_from("lös");break;case 3:w.slice_from("full")}w.limit_backward=r}}var a,o,u=[new r("a",-1,1),new r("arna",0,1),new r("erna",0,1),new r("heterna",2,1),new r("orna",0,1),new r("ad",-1,1),new r("e",-1,1),new r("ade",6,1),new r("ande",6,1),new r("arne",6,1),new r("are",6,1),new r("aste",6,1),new r("en",-1,1),new r("anden",12,1),new r("aren",12,1),new r("heten",12,1),new r("ern",-1,1),new r("ar",-1,1),new r("er",-1,1),new r("heter",18,1),new r("or",-1,1),new r("s",-1,2),new r("as",21,1),new r("arnas",22,1),new r("ernas",22,1),new r("ornas",22,1),new r("es",21,1),new r("ades",26,1),new r("andes",26,1),new r("ens",21,1),new r("arens",29,1),new r("hetens",29,1),new r("erns",21,1),new r("at",-1,1),new r("andet",-1,1),new r("het",-1,1),new r("ast",-1,1)],c=[new r("dd",-1,-1),new r("gd",-1,-1),new r("nn",-1,-1),new r("dt",-1,-1),new r("gt",-1,-1),new r("kt",-1,-1),new r("tt",-1,-1)],m=[new r("ig",-1,1),new r("lig",0,1),new r("els",-1,1),new r("fullt",-1,3),new r("löst",-1,2)],l=[17,65,16,1,0,0,0,0,0,0,0,0,0,0,0,0,24,0,32],d=[119,127,149],w=new n;this.setCurrent=function(e){w.setCurrent(e)},this.getCurrent=function(){return w.getCurrent()},this.stem=function(){var r=w.cursor;return e(),w.limit_backward=r,w.cursor=w.limit,t(),w.cursor=w.limit,i(),w.cursor=w.limit,s(),!0}};return function(e){return"function"==typeof e.update?e.update(function(e){return t.setCurrent(e),t.stem(),t.getCurrent()}):(t.setCurrent(e),t.stem(),t.getCurrent())}}(),e.Pipeline.registerFunction(e.sv.stemmer,"stemmer-sv"),e.sv.stopWordFilter=e.generateStopWordFilter("alla allt att av blev bli blir blivit de dem den denna deras dess dessa det detta dig din dina ditt du där då efter ej eller en er era ert ett från för ha hade han hans har henne hennes hon honom hur här i icke ingen inom inte jag ju kan kunde man med mellan men mig min mina mitt mot mycket ni nu när någon något några och om oss på samma sedan sig sin sina sitta själv skulle som så sådan sådana sådant till under upp ut utan vad var vara varför varit varje vars vart vem vi vid vilka vilkas vilken vilket vår våra vårt än är åt över".split(" ")),e.Pipeline.registerFunction(e.sv.stopWordFilter,"stopWordFilter-sv")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.ta.min.js b/assets/javascripts/lunr/min/lunr.ta.min.js
new file mode 100644
index 0000000..a644bed
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.ta.min.js
@@ -0,0 +1 @@
+!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():t()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.ta=function(){this.pipeline.reset(),this.pipeline.add(e.ta.trimmer,e.ta.stopWordFilter,e.ta.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.ta.stemmer))},e.ta.wordCharacters="஀-உஊ-ஏஐ-ஙச-ட஠-னப-யர-ஹ஺-ிீ-௉ொ-௏ௐ-௙௚-௟௠-௩௪-௯௰-௹௺-௿a-zA-Zａ-ｚＡ-Ｚ0-9０-９",e.ta.trimmer=e.trimmerSupport.generateTrimmer(e.ta.wordCharacters),e.Pipeline.registerFunction(e.ta.trimmer,"trimmer-ta"),e.ta.stopWordFilter=e.generateStopWordFilter("அங்கு அங்கே அது அதை அந்த அவர் அவர்கள் அவள் அவன் அவை ஆக ஆகவே ஆகையால் ஆதலால் ஆதலினால் ஆனாலும் ஆனால் இங்கு இங்கே இது இதை இந்த இப்படி இவர் இவர்கள் இவள் இவன் இவை இவ்வளவு உனக்கு உனது உன் உன்னால் எங்கு எங்கே எது எதை எந்த எப்படி எவர் எவர்கள் எவள் எவன் எவை எவ்வளவு எனக்கு எனது எனவே என் என்ன என்னால் ஏது ஏன் தனது தன்னால் தானே தான் நாங்கள் நாம் நான் நீ நீங்கள்".split(" ")),e.ta.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}();var t=e.wordcut;t.init(),e.ta.tokenizer=function(r){if(!arguments.length||null==r||void 0==r)return[];if(Array.isArray(r))return r.map(function(t){return isLunr2?new e.Token(t.toLowerCase()):t.toLowerCase()});var i=r.toString().toLowerCase().replace(/^\s+/,"");return t.cut(i).split("|")},e.Pipeline.registerFunction(e.ta.stemmer,"stemmer-ta"),e.Pipeline.registerFunction(e.ta.stopWordFilter,"stopWordFilter-ta")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.te.min.js b/assets/javascripts/lunr/min/lunr.te.min.js
new file mode 100644
index 0000000..9fa7a93
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.te.min.js
@@ -0,0 +1 @@
+!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():t()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.te=function(){this.pipeline.reset(),this.pipeline.add(e.te.trimmer,e.te.stopWordFilter,e.te.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(e.te.stemmer))},e.te.wordCharacters="ఀ-ఄఅ-ఔక-హా-ౌౕ-ౖౘ-ౚౠ-ౡౢ-ౣ౦-౯౸-౿఼ఽ్ౝ౷౤౥",e.te.trimmer=e.trimmerSupport.generateTrimmer(e.te.wordCharacters),e.Pipeline.registerFunction(e.te.trimmer,"trimmer-te"),e.te.stopWordFilter=e.generateStopWordFilter("అందరూ అందుబాటులో అడగండి అడగడం అడ్డంగా అనుగుణంగా అనుమతించు అనుమతిస్తుంది అయితే ఇప్పటికే ఉన్నారు ఎక్కడైనా ఎప్పుడు ఎవరైనా ఎవరో ఏ ఏదైనా ఏమైనప్పటికి ఒక ఒకరు కనిపిస్తాయి కాదు కూడా గా గురించి చుట్టూ చేయగలిగింది తగిన తర్వాత దాదాపు దూరంగా నిజంగా పై ప్రకారం ప్రక్కన మధ్య మరియు మరొక మళ్ళీ మాత్రమే మెచ్చుకో వద్ద వెంట వేరుగా వ్యతిరేకంగా సంబంధం".split(" ")),e.te.stemmer=function(){return function(e){return"function"==typeof e.update?e.update(function(e){return e}):e}}();var t=e.wordcut;t.init(),e.te.tokenizer=function(r){if(!arguments.length||null==r||void 0==r)return[];if(Array.isArray(r))return r.map(function(t){return isLunr2?new e.Token(t.toLowerCase()):t.toLowerCase()});var i=r.toString().toLowerCase().replace(/^\s+/,"");return t.cut(i).split("|")},e.Pipeline.registerFunction(e.te.stemmer,"stemmer-te"),e.Pipeline.registerFunction(e.te.stopWordFilter,"stopWordFilter-te")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.th.min.js b/assets/javascripts/lunr/min/lunr.th.min.js
new file mode 100644
index 0000000..dee3aac
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.th.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");var r="2"==e.version[0];e.th=function(){this.pipeline.reset(),this.pipeline.add(e.th.trimmer),r?this.tokenizer=e.th.tokenizer:(e.tokenizer&&(e.tokenizer=e.th.tokenizer),this.tokenizerFn&&(this.tokenizerFn=e.th.tokenizer))},e.th.wordCharacters="[฀-๿]",e.th.trimmer=e.trimmerSupport.generateTrimmer(e.th.wordCharacters),e.Pipeline.registerFunction(e.th.trimmer,"trimmer-th");var t=e.wordcut;t.init(),e.th.tokenizer=function(i){if(!arguments.length||null==i||void 0==i)return[];if(Array.isArray(i))return i.map(function(t){return r?new e.Token(t):t});var n=i.toString().replace(/^\s+/,"");return t.cut(n).split("|")}}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.tr.min.js b/assets/javascripts/lunr/min/lunr.tr.min.js
new file mode 100644
index 0000000..563f6ec
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.tr.min.js
@@ -0,0 +1,18 @@
+/*!
+ * Lunr languages, `Turkish` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+!function(r,i){"function"==typeof define&&define.amd?define(i):"object"==typeof exports?module.exports=i():i()(r.lunr)}(this,function(){return function(r){if(void 0===r)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===r.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");r.tr=function(){this.pipeline.reset(),this.pipeline.add(r.tr.trimmer,r.tr.stopWordFilter,r.tr.stemmer),this.searchPipeline&&(this.searchPipeline.reset(),this.searchPipeline.add(r.tr.stemmer))},r.tr.wordCharacters="A-Za-zªºÀ-ÖØ-öø-ʸˠ-ˤᴀ-ᴥᴬ-ᵜᵢ-ᵥᵫ-ᵷᵹ-ᶾḀ-ỿⁱⁿₐ-ₜKÅℲⅎⅠ-ↈⱠ-ⱿꜢ-ꞇꞋ-ꞭꞰ-ꞷꟷ-ꟿꬰ-ꭚꭜ-ꭤff-stＡ-Ｚａ-ｚ",r.tr.trimmer=r.trimmerSupport.generateTrimmer(r.tr.wordCharacters),r.Pipeline.registerFunction(r.tr.trimmer,"trimmer-tr"),r.tr.stemmer=function(){var i=r.stemmerSupport.Among,e=r.stemmerSupport.SnowballProgram,n=new function(){function r(r,i,e){for(;;){var n=Dr.limit-Dr.cursor;if(Dr.in_grouping_b(r,i,e)){Dr.cursor=Dr.limit-n;break}if(Dr.cursor=Dr.limit-n,Dr.cursor<=Dr.limit_backward)return!1;Dr.cursor--}return!0}function n(){var i,e;i=Dr.limit-Dr.cursor,r(Wr,97,305);for(var n=0;n<Br.length;n++){e=Dr.limit-Dr.cursor;var t=Br[n];if(Dr.eq_s_b(1,t[0])&&r(t[1],t[2],t[3]))return Dr.cursor=Dr.limit-i,!0;Dr.cursor=Dr.limit-e}return Dr.cursor=Dr.limit-e,!(!Dr.eq_s_b(1,"ü")||!r(Zr,246,252))&&(Dr.cursor=Dr.limit-i,!0)}function t(r,i){var e,n=Dr.limit-Dr.cursor;return r()&&(Dr.cursor=Dr.limit-n,Dr.cursor>Dr.limit_backward&&(Dr.cursor--,e=Dr.limit-Dr.cursor,i()))?(Dr.cursor=Dr.limit-e,!0):(Dr.cursor=Dr.limit-n,r()?(Dr.cursor=Dr.limit-n,!1):(Dr.cursor=Dr.limit-n,!(Dr.cursor<=Dr.limit_backward)&&(Dr.cursor--,!!i()&&(Dr.cursor=Dr.limit-n,!0))))}function u(r){return t(r,function(){return Dr.in_grouping_b(Wr,97,305)})}function o(){return u(function(){return Dr.eq_s_b(1,"n")})}function s(){return u(function(){return Dr.eq_s_b(1,"s")})}function c(){return u(function(){return Dr.eq_s_b(1,"y")})}function l(){return t(function(){return Dr.in_grouping_b(Lr,105,305)},function(){return Dr.out_grouping_b(Wr,97,305)})}function a(){return Dr.find_among_b(ur,10)&&l()}function m(){return n()&&Dr.in_grouping_b(Lr,105,305)&&s()}function d(){return Dr.find_among_b(or,2)}function f(){return n()&&Dr.in_grouping_b(Lr,105,305)&&c()}function b(){return n()&&Dr.find_among_b(sr,4)}function w(){return n()&&Dr.find_among_b(cr,4)&&o()}function _(){return n()&&Dr.find_among_b(lr,2)&&c()}function k(){return n()&&Dr.find_among_b(ar,2)}function p(){return n()&&Dr.find_among_b(mr,4)}function g(){return n()&&Dr.find_among_b(dr,2)}function y(){return n()&&Dr.find_among_b(fr,4)}function z(){return n()&&Dr.find_among_b(br,2)}function v(){return n()&&Dr.find_among_b(wr,2)&&c()}function h(){return Dr.eq_s_b(2,"ki")}function q(){return n()&&Dr.find_among_b(_r,2)&&o()}function C(){return n()&&Dr.find_among_b(kr,4)&&c()}function P(){return n()&&Dr.find_among_b(pr,4)}function F(){return n()&&Dr.find_among_b(gr,4)&&c()}function S(){return Dr.find_among_b(yr,4)}function W(){return n()&&Dr.find_among_b(zr,2)}function L(){return n()&&Dr.find_among_b(vr,4)}function x(){return n()&&Dr.find_among_b(hr,8)}function A(){return Dr.find_among_b(qr,2)}function E(){return n()&&Dr.find_among_b(Cr,32)&&c()}function j(){return Dr.find_among_b(Pr,8)&&c()}function T(){return n()&&Dr.find_among_b(Fr,4)&&c()}function Z(){return Dr.eq_s_b(3,"ken")&&c()}function B(){var r=Dr.limit-Dr.cursor;return!(T()||(Dr.cursor=Dr.limit-r,E()||(Dr.cursor=Dr.limit-r,j()||(Dr.cursor=Dr.limit-r,Z()))))}function D(){if(A()){var r=Dr.limit-Dr.cursor;if(S()||(Dr.cursor=Dr.limit-r,W()||(Dr.cursor=Dr.limit-r,C()||(Dr.cursor=Dr.limit-r,P()||(Dr.cursor=Dr.limit-r,F()||(Dr.cursor=Dr.limit-r))))),T())return!1}return!0}function G(){if(W()){Dr.bra=Dr.cursor,Dr.slice_del();var r=Dr.limit-Dr.cursor;return Dr.ket=Dr.cursor,x()||(Dr.cursor=Dr.limit-r,E()||(Dr.cursor=Dr.limit-r,j()||(Dr.cursor=Dr.limit-r,T()||(Dr.cursor=Dr.limit-r)))),nr=!1,!1}return!0}function H(){if(!L())return!0;var r=Dr.limit-Dr.cursor;return!E()&&(Dr.cursor=Dr.limit-r,!j())}function I(){var r,i=Dr.limit-Dr.cursor;return!(S()||(Dr.cursor=Dr.limit-i,F()||(Dr.cursor=Dr.limit-i,P()||(Dr.cursor=Dr.limit-i,C()))))||(Dr.bra=Dr.cursor,Dr.slice_del(),r=Dr.limit-Dr.cursor,Dr.ket=Dr.cursor,T()||(Dr.cursor=Dr.limit-r),!1)}function J(){var r,i=Dr.limit-Dr.cursor;if(Dr.ket=Dr.cursor,nr=!0,B()&&(Dr.cursor=Dr.limit-i,D()&&(Dr.cursor=Dr.limit-i,G()&&(Dr.cursor=Dr.limit-i,H()&&(Dr.cursor=Dr.limit-i,I()))))){if(Dr.cursor=Dr.limit-i,!x())return;Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,r=Dr.limit-Dr.cursor,S()||(Dr.cursor=Dr.limit-r,W()||(Dr.cursor=Dr.limit-r,C()||(Dr.cursor=Dr.limit-r,P()||(Dr.cursor=Dr.limit-r,F()||(Dr.cursor=Dr.limit-r))))),T()||(Dr.cursor=Dr.limit-r)}Dr.bra=Dr.cursor,Dr.slice_del()}function K(){var r,i,e,n;if(Dr.ket=Dr.cursor,h()){if(r=Dr.limit-Dr.cursor,p())return Dr.bra=Dr.cursor,Dr.slice_del(),i=Dr.limit-Dr.cursor,Dr.ket=Dr.cursor,W()?(Dr.bra=Dr.cursor,Dr.slice_del(),K()):(Dr.cursor=Dr.limit-i,a()&&(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K()))),!0;if(Dr.cursor=Dr.limit-r,w()){if(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,e=Dr.limit-Dr.cursor,d())Dr.bra=Dr.cursor,Dr.slice_del();else{if(Dr.cursor=Dr.limit-e,Dr.ket=Dr.cursor,!a()&&(Dr.cursor=Dr.limit-e,!m()&&(Dr.cursor=Dr.limit-e,!K())))return!0;Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K())}return!0}if(Dr.cursor=Dr.limit-r,g()){if(n=Dr.limit-Dr.cursor,d())Dr.bra=Dr.cursor,Dr.slice_del();else if(Dr.cursor=Dr.limit-n,m())Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K());else if(Dr.cursor=Dr.limit-n,!K())return!1;return!0}}return!1}function M(r){if(Dr.ket=Dr.cursor,!g()&&(Dr.cursor=Dr.limit-r,!k()))return!1;var i=Dr.limit-Dr.cursor;if(d())Dr.bra=Dr.cursor,Dr.slice_del();else if(Dr.cursor=Dr.limit-i,m())Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K());else if(Dr.cursor=Dr.limit-i,!K())return!1;return!0}function N(r){if(Dr.ket=Dr.cursor,!z()&&(Dr.cursor=Dr.limit-r,!b()))return!1;var i=Dr.limit-Dr.cursor;return!(!m()&&(Dr.cursor=Dr.limit-i,!d()))&&(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K()),!0)}function O(){var r,i=Dr.limit-Dr.cursor;return Dr.ket=Dr.cursor,!(!w()&&(Dr.cursor=Dr.limit-i,!v()))&&(Dr.bra=Dr.cursor,Dr.slice_del(),r=Dr.limit-Dr.cursor,Dr.ket=Dr.cursor,!(!W()||(Dr.bra=Dr.cursor,Dr.slice_del(),!K()))||(Dr.cursor=Dr.limit-r,Dr.ket=Dr.cursor,!(a()||(Dr.cursor=Dr.limit-r,m()||(Dr.cursor=Dr.limit-r,K())))||(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K()),!0)))}function Q(){var r,i,e=Dr.limit-Dr.cursor;if(Dr.ket=Dr.cursor,!p()&&(Dr.cursor=Dr.limit-e,!f()&&(Dr.cursor=Dr.limit-e,!_())))return!1;if(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,r=Dr.limit-Dr.cursor,a())Dr.bra=Dr.cursor,Dr.slice_del(),i=Dr.limit-Dr.cursor,Dr.ket=Dr.cursor,W()||(Dr.cursor=Dr.limit-i);else if(Dr.cursor=Dr.limit-r,!W())return!0;return Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,K(),!0}function R(){var r,i,e=Dr.limit-Dr.cursor;if(Dr.ket=Dr.cursor,W())return Dr.bra=Dr.cursor,Dr.slice_del(),void K();if(Dr.cursor=Dr.limit-e,Dr.ket=Dr.cursor,q())if(Dr.bra=Dr.cursor,Dr.slice_del(),r=Dr.limit-Dr.cursor,Dr.ket=Dr.cursor,d())Dr.bra=Dr.cursor,Dr.slice_del();else{if(Dr.cursor=Dr.limit-r,Dr.ket=Dr.cursor,!a()&&(Dr.cursor=Dr.limit-r,!m())){if(Dr.cursor=Dr.limit-r,Dr.ket=Dr.cursor,!W())return;if(Dr.bra=Dr.cursor,Dr.slice_del(),!K())return}Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K())}else if(Dr.cursor=Dr.limit-e,!M(e)&&(Dr.cursor=Dr.limit-e,!N(e))){if(Dr.cursor=Dr.limit-e,Dr.ket=Dr.cursor,y())return Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,i=Dr.limit-Dr.cursor,void(a()?(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K())):(Dr.cursor=Dr.limit-i,W()?(Dr.bra=Dr.cursor,Dr.slice_del(),K()):(Dr.cursor=Dr.limit-i,K())));if(Dr.cursor=Dr.limit-e,!O()){if(Dr.cursor=Dr.limit-e,d())return Dr.bra=Dr.cursor,void Dr.slice_del();Dr.cursor=Dr.limit-e,K()||(Dr.cursor=Dr.limit-e,Q()||(Dr.cursor=Dr.limit-e,Dr.ket=Dr.cursor,(a()||(Dr.cursor=Dr.limit-e,m()))&&(Dr.bra=Dr.cursor,Dr.slice_del(),Dr.ket=Dr.cursor,W()&&(Dr.bra=Dr.cursor,Dr.slice_del(),K()))))}}}function U(){var r;if(Dr.ket=Dr.cursor,r=Dr.find_among_b(Sr,4))switch(Dr.bra=Dr.cursor,r){case 1:Dr.slice_from("p");break;case 2:Dr.slice_from("ç");break;case 3:Dr.slice_from("t");break;case 4:Dr.slice_from("k")}}function V(){for(;;){var r=Dr.limit-Dr.cursor;if(Dr.in_grouping_b(Wr,97,305)){Dr.cursor=Dr.limit-r;break}if(Dr.cursor=Dr.limit-r,Dr.cursor<=Dr.limit_backward)return!1;Dr.cursor--}return!0}function X(r,i,e){if(Dr.cursor=Dr.limit-r,V()){var n=Dr.limit-Dr.cursor;if(!Dr.eq_s_b(1,i)&&(Dr.cursor=Dr.limit-n,!Dr.eq_s_b(1,e)))return!0;Dr.cursor=Dr.limit-r;var t=Dr.cursor;return Dr.insert(Dr.cursor,Dr.cursor,e),Dr.cursor=t,!1}return!0}function Y(){var r=Dr.limit-Dr.cursor;(Dr.eq_s_b(1,"d")||(Dr.cursor=Dr.limit-r,Dr.eq_s_b(1,"g")))&&X(r,"a","ı")&&X(r,"e","i")&&X(r,"o","u")&&X(r,"ö","ü")}function $(){for(var r,i=Dr.cursor,e=2;;){for(r=Dr.cursor;!Dr.in_grouping(Wr,97,305);){if(Dr.cursor>=Dr.limit)return Dr.cursor=r,!(e>0)&&(Dr.cursor=i,!0);Dr.cursor++}e--}}function rr(r,i,e){for(;!Dr.eq_s(i,e);){if(Dr.cursor>=Dr.limit)return!0;Dr.cursor++}return(tr=i)!=Dr.limit||(Dr.cursor=r,!1)}function ir(){var r=Dr.cursor;return!rr(r,2,"ad")||(Dr.cursor=r,!rr(r,5,"soyad"))}function er(){var r=Dr.cursor;return!ir()&&(Dr.limit_backward=r,Dr.cursor=Dr.limit,Y(),Dr.cursor=Dr.limit,U(),!0)}var nr,tr,ur=[new i("m",-1,-1),new i("n",-1,-1),new i("miz",-1,-1),new i("niz",-1,-1),new i("muz",-1,-1),new i("nuz",-1,-1),new i("müz",-1,-1),new i("nüz",-1,-1),new i("mız",-1,-1),new i("nız",-1,-1)],or=[new i("leri",-1,-1),new i("ları",-1,-1)],sr=[new i("ni",-1,-1),new i("nu",-1,-1),new i("nü",-1,-1),new i("nı",-1,-1)],cr=[new i("in",-1,-1),new i("un",-1,-1),new i("ün",-1,-1),new i("ın",-1,-1)],lr=[new i("a",-1,-1),new i("e",-1,-1)],ar=[new i("na",-1,-1),new i("ne",-1,-1)],mr=[new i("da",-1,-1),new i("ta",-1,-1),new i("de",-1,-1),new i("te",-1,-1)],dr=[new i("nda",-1,-1),new i("nde",-1,-1)],fr=[new i("dan",-1,-1),new i("tan",-1,-1),new i("den",-1,-1),new i("ten",-1,-1)],br=[new i("ndan",-1,-1),new i("nden",-1,-1)],wr=[new i("la",-1,-1),new i("le",-1,-1)],_r=[new i("ca",-1,-1),new i("ce",-1,-1)],kr=[new i("im",-1,-1),new i("um",-1,-1),new i("üm",-1,-1),new i("ım",-1,-1)],pr=[new i("sin",-1,-1),new i("sun",-1,-1),new i("sün",-1,-1),new i("sın",-1,-1)],gr=[new i("iz",-1,-1),new i("uz",-1,-1),new i("üz",-1,-1),new i("ız",-1,-1)],yr=[new i("siniz",-1,-1),new i("sunuz",-1,-1),new i("sünüz",-1,-1),new i("sınız",-1,-1)],zr=[new i("lar",-1,-1),new i("ler",-1,-1)],vr=[new i("niz",-1,-1),new i("nuz",-1,-1),new i("nüz",-1,-1),new i("nız",-1,-1)],hr=[new i("dir",-1,-1),new i("tir",-1,-1),new i("dur",-1,-1),new i("tur",-1,-1),new i("dür",-1,-1),new i("tür",-1,-1),new i("dır",-1,-1),new i("tır",-1,-1)],qr=[new i("casına",-1,-1),new i("cesine",-1,-1)],Cr=[new i("di",-1,-1),new i("ti",-1,-1),new i("dik",-1,-1),new i("tik",-1,-1),new i("duk",-1,-1),new i("tuk",-1,-1),new i("dük",-1,-1),new i("tük",-1,-1),new i("dık",-1,-1),new i("tık",-1,-1),new i("dim",-1,-1),new i("tim",-1,-1),new i("dum",-1,-1),new i("tum",-1,-1),new i("düm",-1,-1),new i("tüm",-1,-1),new i("dım",-1,-1),new i("tım",-1,-1),new i("din",-1,-1),new i("tin",-1,-1),new i("dun",-1,-1),new i("tun",-1,-1),new i("dün",-1,-1),new i("tün",-1,-1),new i("dın",-1,-1),new i("tın",-1,-1),new i("du",-1,-1),new i("tu",-1,-1),new i("dü",-1,-1),new i("tü",-1,-1),new i("dı",-1,-1),new i("tı",-1,-1)],Pr=[new i("sa",-1,-1),new i("se",-1,-1),new i("sak",-1,-1),new i("sek",-1,-1),new i("sam",-1,-1),new i("sem",-1,-1),new i("san",-1,-1),new i("sen",-1,-1)],Fr=[new i("miş",-1,-1),new i("muş",-1,-1),new i("müş",-1,-1),new i("mış",-1,-1)],Sr=[new i("b",-1,1),new i("c",-1,2),new i("d",-1,3),new i("ğ",-1,4)],Wr=[17,65,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,32,8,0,0,0,0,0,0,1],Lr=[1,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,8,0,0,0,0,0,0,1],xr=[1,64,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1],Ar=[17,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,130],Er=[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1],jr=[17],Tr=[65],Zr=[65],Br=[["a",xr,97,305],["e",Ar,101,252],["ı",Er,97,305],["i",jr,101,105],["o",Tr,111,117],["ö",Zr,246,252],["u",Tr,111,117]],Dr=new e;this.setCurrent=function(r){Dr.setCurrent(r)},this.getCurrent=function(){return Dr.getCurrent()},this.stem=function(){return!!($()&&(Dr.limit_backward=Dr.cursor,Dr.cursor=Dr.limit,J(),Dr.cursor=Dr.limit,nr&&(R(),Dr.cursor=Dr.limit_backward,er())))}};return function(r){return"function"==typeof r.update?r.update(function(r){return n.setCurrent(r),n.stem(),n.getCurrent()}):(n.setCurrent(r),n.stem(),n.getCurrent())}}(),r.Pipeline.registerFunction(r.tr.stemmer,"stemmer-tr"),r.tr.stopWordFilter=r.generateStopWordFilter("acaba altmış altı ama ancak arada aslında ayrıca bana bazı belki ben benden beni benim beri beş bile bin bir biri birkaç birkez birçok birşey birşeyi biz bizden bize bizi bizim bu buna bunda bundan bunlar bunları bunların bunu bunun burada böyle böylece da daha dahi de defa değil diye diğer doksan dokuz dolayı dolayısıyla dört edecek eden ederek edilecek ediliyor edilmesi ediyor elli en etmesi etti ettiği ettiğini eğer gibi göre halen hangi hatta hem henüz hep hepsi her herhangi herkesin hiç hiçbir iki ile ilgili ise itibaren itibariyle için işte kadar karşın katrilyon kendi kendilerine kendini kendisi kendisine kendisini kez ki kim kimden kime kimi kimse kırk milyar milyon mu mü mı nasıl ne neden nedenle nerde nerede nereye niye niçin o olan olarak oldu olduklarını olduğu olduğunu olmadı olmadığı olmak olması olmayan olmaz olsa olsun olup olur olursa oluyor on ona ondan onlar onlardan onları onların onu onun otuz oysa pek rağmen sadece sanki sekiz seksen sen senden seni senin siz sizden sizi sizin tarafından trilyon tüm var vardı ve veya ya yani yapacak yapmak yaptı yaptıkları yaptığı yaptığını yapılan yapılması yapıyor yedi yerine yetmiş yine yirmi yoksa yüz zaten çok çünkü öyle üzere üç şey şeyden şeyi şeyler şu şuna şunda şundan şunları şunu şöyle".split(" ")),r.Pipeline.registerFunction(r.tr.stopWordFilter,"stopWordFilter-tr")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.vi.min.js b/assets/javascripts/lunr/min/lunr.vi.min.js
new file mode 100644
index 0000000..22aed28
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.vi.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r():r()(e.lunr)}(this,function(){return function(e){if(void 0===e)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===e.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");e.vi=function(){this.pipeline.reset(),this.pipeline.add(e.vi.stopWordFilter,e.vi.trimmer)},e.vi.wordCharacters="[A-Za-ẓ̀͐́͑̉̃̓ÂâÊêÔôĂ-ăĐ-đƠ-ơƯ-ư]",e.vi.trimmer=e.trimmerSupport.generateTrimmer(e.vi.wordCharacters),e.Pipeline.registerFunction(e.vi.trimmer,"trimmer-vi"),e.vi.stopWordFilter=e.generateStopWordFilter("là cái nhưng mà".split(" "))}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/min/lunr.zh.min.js b/assets/javascripts/lunr/min/lunr.zh.min.js
new file mode 100644
index 0000000..fda66e9
--- /dev/null
+++ b/assets/javascripts/lunr/min/lunr.zh.min.js
@@ -0,0 +1 @@
+!function(e,r){"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r(require("@node-rs/jieba")):r()(e.lunr)}(this,function(e){return function(r,t){if(void 0===r)throw new Error("Lunr is not present. Please include / require Lunr before this script.");if(void 0===r.stemmerSupport)throw new Error("Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.");var i="2"==r.version[0];r.zh=function(){this.pipeline.reset(),this.pipeline.add(r.zh.trimmer,r.zh.stopWordFilter,r.zh.stemmer),i?this.tokenizer=r.zh.tokenizer:(r.tokenizer&&(r.tokenizer=r.zh.tokenizer),this.tokenizerFn&&(this.tokenizerFn=r.zh.tokenizer))},r.zh.tokenizer=function(n){if(!arguments.length||null==n||void 0==n)return[];if(Array.isArray(n))return n.map(function(e){return i?new r.Token(e.toLowerCase()):e.toLowerCase()});t&&e.load(t);var o=n.toString().trim().toLowerCase(),s=[];e.cut(o,!0).forEach(function(e){s=s.concat(e.split(" "))}),s=s.filter(function(e){return!!e});var u=0;return s.map(function(e,t){if(i){var n=o.indexOf(e,u),s={};return s.position=[n,e.length],s.index=t,u=n,new r.Token(e,s)}return e})},r.zh.wordCharacters="\\w一-龥",r.zh.trimmer=r.trimmerSupport.generateTrimmer(r.zh.wordCharacters),r.Pipeline.registerFunction(r.zh.trimmer,"trimmer-zh"),r.zh.stemmer=function(){return function(e){return e}}(),r.Pipeline.registerFunction(r.zh.stemmer,"stemmer-zh"),r.zh.stopWordFilter=r.generateStopWordFilter("的 一 不 在 人 有 是 为 為 以 于 於 上 他 而 后 後 之 来 來 及 了 因 下 可 到 由 这 這 与 與 也 此 但 并 並 个 個 其 已 无 無 小 我 们 們 起 最 再 今 去 好 只 又 或 很 亦 某 把 那 你 乃 它 吧 被 比 别 趁 当 當 从 從 得 打 凡 儿 兒 尔 爾 该 該 各 给 給 跟 和 何 还 還 即 几 幾 既 看 据 據 距 靠 啦 另 么 麽 每 嘛 拿 哪 您 凭 憑 且 却 卻 让 讓 仍 啥 如 若 使 谁 誰 虽 雖 随 隨 同 所 她 哇 嗡 往 些 向 沿 哟 喲 用 咱 则 則 怎 曾 至 致 着 著 诸 諸 自".split(" ")),r.Pipeline.registerFunction(r.zh.stopWordFilter,"stopWordFilter-zh")}});
\ No newline at end of file
diff --git a/assets/javascripts/lunr/tinyseg.js b/assets/javascripts/lunr/tinyseg.js
new file mode 100644
index 0000000..167fa6d
--- /dev/null
+++ b/assets/javascripts/lunr/tinyseg.js
@@ -0,0 +1,206 @@
+/**
+ * export the module via AMD, CommonJS or as a browser global
+ * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js
+ */
+;(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(factory)
+    } else if (typeof exports === 'object') {
+        /**
+         * Node. Does not work with strict CommonJS, but
+         * only CommonJS-like environments that support module.exports,
+         * like Node.
+         */
+        module.exports = factory()
+    } else {
+        // Browser globals (root is window)
+        factory()(root.lunr);
+    }
+}(this, function () {
+    /**
+     * Just return a value to define the module export.
+     * This example returns an object, but the module
+     * can return a function as the exported value.
+     */
+
+    return function(lunr) {
+        // TinySegmenter 0.1 -- Super compact Japanese tokenizer in Javascript
+        // (c) 2008 Taku Kudo <taku@chasen.org>
+        // TinySegmenter is freely distributable under the terms of a new BSD licence.
+        // For details, see http://chasen.org/~taku/software/TinySegmenter/LICENCE.txt
+
+        function TinySegmenter() {
+          var patterns = {
+            "[一二三四五六七八九十百千万億兆]":"M",
+            "[一-龠々〆ヵヶ]":"H",
+            "[ぁ-ん]":"I",
+            "[ァ-ヴーｱ-ﾝﾞｰ]":"K",
+            "[a-zA-Zａ-ｚＡ-Ｚ]":"A",
+            "[0-9０-９]":"N"
+          }
+          this.chartype_ = [];
+          for (var i in patterns) {
+            var regexp = new RegExp(i);
+            this.chartype_.push([regexp, patterns[i]]);
+          }
+
+          this.BIAS__ = -332
+          this.BC1__ = {"HH":6,"II":2461,"KH":406,"OH":-1378};
+          this.BC2__ = {"AA":-3267,"AI":2744,"AN":-878,"HH":-4070,"HM":-1711,"HN":4012,"HO":3761,"IA":1327,"IH":-1184,"II":-1332,"IK":1721,"IO":5492,"KI":3831,"KK":-8741,"MH":-3132,"MK":3334,"OO":-2920};
+          this.BC3__ = {"HH":996,"HI":626,"HK":-721,"HN":-1307,"HO":-836,"IH":-301,"KK":2762,"MK":1079,"MM":4034,"OA":-1652,"OH":266};
+          this.BP1__ = {"BB":295,"OB":304,"OO":-125,"UB":352};
+          this.BP2__ = {"BO":60,"OO":-1762};
+          this.BQ1__ = {"BHH":1150,"BHM":1521,"BII":-1158,"BIM":886,"BMH":1208,"BNH":449,"BOH":-91,"BOO":-2597,"OHI":451,"OIH":-296,"OKA":1851,"OKH":-1020,"OKK":904,"OOO":2965};
+          this.BQ2__ = {"BHH":118,"BHI":-1159,"BHM":466,"BIH":-919,"BKK":-1720,"BKO":864,"OHH":-1139,"OHM":-181,"OIH":153,"UHI":-1146};
+          this.BQ3__ = {"BHH":-792,"BHI":2664,"BII":-299,"BKI":419,"BMH":937,"BMM":8335,"BNN":998,"BOH":775,"OHH":2174,"OHM":439,"OII":280,"OKH":1798,"OKI":-793,"OKO":-2242,"OMH":-2402,"OOO":11699};
+          this.BQ4__ = {"BHH":-3895,"BIH":3761,"BII":-4654,"BIK":1348,"BKK":-1806,"BMI":-3385,"BOO":-12396,"OAH":926,"OHH":266,"OHK":-2036,"ONN":-973};
+          this.BW1__ = {",と":660,",同":727,"B1あ":1404,"B1同":542,"、と":660,"、同":727,"」と":1682,"あっ":1505,"いう":1743,"いっ":-2055,"いる":672,"うし":-4817,"うん":665,"から":3472,"がら":600,"こう":-790,"こと":2083,"こん":-1262,"さら":-4143,"さん":4573,"した":2641,"して":1104,"すで":-3399,"そこ":1977,"それ":-871,"たち":1122,"ため":601,"った":3463,"つい":-802,"てい":805,"てき":1249,"でき":1127,"です":3445,"では":844,"とい":-4915,"とみ":1922,"どこ":3887,"ない":5713,"なっ":3015,"など":7379,"なん":-1113,"にし":2468,"には":1498,"にも":1671,"に対":-912,"の一":-501,"の中":741,"ませ":2448,"まで":1711,"まま":2600,"まる":-2155,"やむ":-1947,"よっ":-2565,"れた":2369,"れで":-913,"をし":1860,"を見":731,"亡く":-1886,"京都":2558,"取り":-2784,"大き":-2604,"大阪":1497,"平方":-2314,"引き":-1336,"日本":-195,"本当":-2423,"毎日":-2113,"目指":-724,"Ｂ１あ":1404,"Ｂ１同":542,"｣と":1682};
+          this.BW2__ = {"..":-11822,"11":-669,"――":-5730,"−−":-13175,"いう":-1609,"うか":2490,"かし":-1350,"かも":-602,"から":-7194,"かれ":4612,"がい":853,"がら":-3198,"きた":1941,"くな":-1597,"こと":-8392,"この":-4193,"させ":4533,"され":13168,"さん":-3977,"しい":-1819,"しか":-545,"した":5078,"して":972,"しな":939,"その":-3744,"たい":-1253,"たた":-662,"ただ":-3857,"たち":-786,"たと":1224,"たは":-939,"った":4589,"って":1647,"っと":-2094,"てい":6144,"てき":3640,"てく":2551,"ては":-3110,"ても":-3065,"でい":2666,"でき":-1528,"でし":-3828,"です":-4761,"でも":-4203,"とい":1890,"とこ":-1746,"とと":-2279,"との":720,"とみ":5168,"とも":-3941,"ない":-2488,"なが":-1313,"など":-6509,"なの":2614,"なん":3099,"にお":-1615,"にし":2748,"にな":2454,"によ":-7236,"に対":-14943,"に従":-4688,"に関":-11388,"のか":2093,"ので":-7059,"のに":-6041,"のの":-6125,"はい":1073,"はが":-1033,"はず":-2532,"ばれ":1813,"まし":-1316,"まで":-6621,"まれ":5409,"めて":-3153,"もい":2230,"もの":-10713,"らか":-944,"らし":-1611,"らに":-1897,"りし":651,"りま":1620,"れた":4270,"れて":849,"れば":4114,"ろう":6067,"われ":7901,"を通":-11877,"んだ":728,"んな":-4115,"一人":602,"一方":-1375,"一日":970,"一部":-1051,"上が":-4479,"会社":-1116,"出て":2163,"分の":-7758,"同党":970,"同日":-913,"大阪":-2471,"委員":-1250,"少な":-1050,"年度":-8669,"年間":-1626,"府県":-2363,"手権":-1982,"新聞":-4066,"日新":-722,"日本":-7068,"日米":3372,"曜日":-601,"朝鮮":-2355,"本人":-2697,"東京":-1543,"然と":-1384,"社会":-1276,"立て":-990,"第に":-1612,"米国":-4268,"１１":-669};
+          this.BW3__ = {"あた":-2194,"あり":719,"ある":3846,"い.":-1185,"い。":-1185,"いい":5308,"いえ":2079,"いく":3029,"いた":2056,"いっ":1883,"いる":5600,"いわ":1527,"うち":1117,"うと":4798,"えと":1454,"か.":2857,"か。":2857,"かけ":-743,"かっ":-4098,"かに":-669,"から":6520,"かり":-2670,"が,":1816,"が、":1816,"がき":-4855,"がけ":-1127,"がっ":-913,"がら":-4977,"がり":-2064,"きた":1645,"けど":1374,"こと":7397,"この":1542,"ころ":-2757,"さい":-714,"さを":976,"し,":1557,"し、":1557,"しい":-3714,"した":3562,"して":1449,"しな":2608,"しま":1200,"す.":-1310,"す。":-1310,"する":6521,"ず,":3426,"ず、":3426,"ずに":841,"そう":428,"た.":8875,"た。":8875,"たい":-594,"たの":812,"たり":-1183,"たる":-853,"だ.":4098,"だ。":4098,"だっ":1004,"った":-4748,"って":300,"てい":6240,"てお":855,"ても":302,"です":1437,"でに":-1482,"では":2295,"とう":-1387,"とし":2266,"との":541,"とも":-3543,"どう":4664,"ない":1796,"なく":-903,"など":2135,"に,":-1021,"に、":-1021,"にし":1771,"にな":1906,"には":2644,"の,":-724,"の、":-724,"の子":-1000,"は,":1337,"は、":1337,"べき":2181,"まし":1113,"ます":6943,"まっ":-1549,"まで":6154,"まれ":-793,"らし":1479,"られ":6820,"るる":3818,"れ,":854,"れ、":854,"れた":1850,"れて":1375,"れば":-3246,"れる":1091,"われ":-605,"んだ":606,"んで":798,"カ月":990,"会議":860,"入り":1232,"大会":2217,"始め":1681,"市":965,"新聞":-5055,"日,":974,"日、":974,"社会":2024,"ｶ月":990};
+          this.TC1__ = {"AAA":1093,"HHH":1029,"HHM":580,"HII":998,"HOH":-390,"HOM":-331,"IHI":1169,"IOH":-142,"IOI":-1015,"IOM":467,"MMH":187,"OOI":-1832};
+          this.TC2__ = {"HHO":2088,"HII":-1023,"HMM":-1154,"IHI":-1965,"KKH":703,"OII":-2649};
+          this.TC3__ = {"AAA":-294,"HHH":346,"HHI":-341,"HII":-1088,"HIK":731,"HOH":-1486,"IHH":128,"IHI":-3041,"IHO":-1935,"IIH":-825,"IIM":-1035,"IOI":-542,"KHH":-1216,"KKA":491,"KKH":-1217,"KOK":-1009,"MHH":-2694,"MHM":-457,"MHO":123,"MMH":-471,"NNH":-1689,"NNO":662,"OHO":-3393};
+          this.TC4__ = {"HHH":-203,"HHI":1344,"HHK":365,"HHM":-122,"HHN":182,"HHO":669,"HIH":804,"HII":679,"HOH":446,"IHH":695,"IHO":-2324,"IIH":321,"III":1497,"IIO":656,"IOO":54,"KAK":4845,"KKA":3386,"KKK":3065,"MHH":-405,"MHI":201,"MMH":-241,"MMM":661,"MOM":841};
+          this.TQ1__ = {"BHHH":-227,"BHHI":316,"BHIH":-132,"BIHH":60,"BIII":1595,"BNHH":-744,"BOHH":225,"BOOO":-908,"OAKK":482,"OHHH":281,"OHIH":249,"OIHI":200,"OIIH":-68};
+          this.TQ2__ = {"BIHH":-1401,"BIII":-1033,"BKAK":-543,"BOOO":-5591};
+          this.TQ3__ = {"BHHH":478,"BHHM":-1073,"BHIH":222,"BHII":-504,"BIIH":-116,"BIII":-105,"BMHI":-863,"BMHM":-464,"BOMH":620,"OHHH":346,"OHHI":1729,"OHII":997,"OHMH":481,"OIHH":623,"OIIH":1344,"OKAK":2792,"OKHH":587,"OKKA":679,"OOHH":110,"OOII":-685};
+          this.TQ4__ = {"BHHH":-721,"BHHM":-3604,"BHII":-966,"BIIH":-607,"BIII":-2181,"OAAA":-2763,"OAKK":180,"OHHH":-294,"OHHI":2446,"OHHO":480,"OHIH":-1573,"OIHH":1935,"OIHI":-493,"OIIH":626,"OIII":-4007,"OKAK":-8156};
+          this.TW1__ = {"につい":-4681,"東京都":2026};
+          this.TW2__ = {"ある程":-2049,"いった":-1256,"ころが":-2434,"しょう":3873,"その後":-4430,"だって":-1049,"ていた":1833,"として":-4657,"ともに":-4517,"もので":1882,"一気に":-792,"初めて":-1512,"同時に":-8097,"大きな":-1255,"対して":-2721,"社会党":-3216};
+          this.TW3__ = {"いただ":-1734,"してい":1314,"として":-4314,"につい":-5483,"にとっ":-5989,"に当た":-6247,"ので,":-727,"ので、":-727,"のもの":-600,"れから":-3752,"十二月":-2287};
+          this.TW4__ = {"いう.":8576,"いう。":8576,"からな":-2348,"してい":2958,"たが,":1516,"たが、":1516,"ている":1538,"という":1349,"ました":5543,"ません":1097,"ようと":-4258,"よると":5865};
+          this.UC1__ = {"A":484,"K":93,"M":645,"O":-505};
+          this.UC2__ = {"A":819,"H":1059,"I":409,"M":3987,"N":5775,"O":646};
+          this.UC3__ = {"A":-1370,"I":2311};
+          this.UC4__ = {"A":-2643,"H":1809,"I":-1032,"K":-3450,"M":3565,"N":3876,"O":6646};
+          this.UC5__ = {"H":313,"I":-1238,"K":-799,"M":539,"O":-831};
+          this.UC6__ = {"H":-506,"I":-253,"K":87,"M":247,"O":-387};
+          this.UP1__ = {"O":-214};
+          this.UP2__ = {"B":69,"O":935};
+          this.UP3__ = {"B":189};
+          this.UQ1__ = {"BH":21,"BI":-12,"BK":-99,"BN":142,"BO":-56,"OH":-95,"OI":477,"OK":410,"OO":-2422};
+          this.UQ2__ = {"BH":216,"BI":113,"OK":1759};
+          this.UQ3__ = {"BA":-479,"BH":42,"BI":1913,"BK":-7198,"BM":3160,"BN":6427,"BO":14761,"OI":-827,"ON":-3212};
+          this.UW1__ = {",":156,"、":156,"「":-463,"あ":-941,"う":-127,"が":-553,"き":121,"こ":505,"で":-201,"と":-547,"ど":-123,"に":-789,"の":-185,"は":-847,"も":-466,"や":-470,"よ":182,"ら":-292,"り":208,"れ":169,"を":-446,"ん":-137,"・":-135,"主":-402,"京":-268,"区":-912,"午":871,"国":-460,"大":561,"委":729,"市":-411,"日":-141,"理":361,"生":-408,"県":-386,"都":-718,"｢":-463,"･":-135};
+          this.UW2__ = {",":-829,"、":-829,"〇":892,"「":-645,"」":3145,"あ":-538,"い":505,"う":134,"お":-502,"か":1454,"が":-856,"く":-412,"こ":1141,"さ":878,"ざ":540,"し":1529,"す":-675,"せ":300,"そ":-1011,"た":188,"だ":1837,"つ":-949,"て":-291,"で":-268,"と":-981,"ど":1273,"な":1063,"に":-1764,"の":130,"は":-409,"ひ":-1273,"べ":1261,"ま":600,"も":-1263,"や":-402,"よ":1639,"り":-579,"る":-694,"れ":571,"を":-2516,"ん":2095,"ア":-587,"カ":306,"キ":568,"ッ":831,"三":-758,"不":-2150,"世":-302,"中":-968,"主":-861,"事":492,"人":-123,"会":978,"保":362,"入":548,"初":-3025,"副":-1566,"北":-3414,"区":-422,"大":-1769,"天":-865,"太":-483,"子":-1519,"学":760,"実":1023,"小":-2009,"市":-813,"年":-1060,"強":1067,"手":-1519,"揺":-1033,"政":1522,"文":-1355,"新":-1682,"日":-1815,"明":-1462,"最":-630,"朝":-1843,"本":-1650,"東":-931,"果":-665,"次":-2378,"民":-180,"気":-1740,"理":752,"発":529,"目":-1584,"相":-242,"県":-1165,"立":-763,"第":810,"米":509,"自":-1353,"行":838,"西":-744,"見":-3874,"調":1010,"議":1198,"込":3041,"開":1758,"間":-1257,"｢":-645,"｣":3145,"ｯ":831,"ｱ":-587,"ｶ":306,"ｷ":568};
+          this.UW3__ = {",":4889,"1":-800,"−":-1723,"、":4889,"々":-2311,"〇":5827,"」":2670,"〓":-3573,"あ":-2696,"い":1006,"う":2342,"え":1983,"お":-4864,"か":-1163,"が":3271,"く":1004,"け":388,"げ":401,"こ":-3552,"ご":-3116,"さ":-1058,"し":-395,"す":584,"せ":3685,"そ":-5228,"た":842,"ち":-521,"っ":-1444,"つ":-1081,"て":6167,"で":2318,"と":1691,"ど":-899,"な":-2788,"に":2745,"の":4056,"は":4555,"ひ":-2171,"ふ":-1798,"へ":1199,"ほ":-5516,"ま":-4384,"み":-120,"め":1205,"も":2323,"や":-788,"よ":-202,"ら":727,"り":649,"る":5905,"れ":2773,"わ":-1207,"を":6620,"ん":-518,"ア":551,"グ":1319,"ス":874,"ッ":-1350,"ト":521,"ム":1109,"ル":1591,"ロ":2201,"ン":278,"・":-3794,"一":-1619,"下":-1759,"世":-2087,"両":3815,"中":653,"主":-758,"予":-1193,"二":974,"人":2742,"今":792,"他":1889,"以":-1368,"低":811,"何":4265,"作":-361,"保":-2439,"元":4858,"党":3593,"全":1574,"公":-3030,"六":755,"共":-1880,"円":5807,"再":3095,"分":457,"初":2475,"別":1129,"前":2286,"副":4437,"力":365,"動":-949,"務":-1872,"化":1327,"北":-1038,"区":4646,"千":-2309,"午":-783,"協":-1006,"口":483,"右":1233,"各":3588,"合":-241,"同":3906,"和":-837,"員":4513,"国":642,"型":1389,"場":1219,"外":-241,"妻":2016,"学":-1356,"安":-423,"実":-1008,"家":1078,"小":-513,"少":-3102,"州":1155,"市":3197,"平":-1804,"年":2416,"広":-1030,"府":1605,"度":1452,"建":-2352,"当":-3885,"得":1905,"思":-1291,"性":1822,"戸":-488,"指":-3973,"政":-2013,"教":-1479,"数":3222,"文":-1489,"新":1764,"日":2099,"旧":5792,"昨":-661,"時":-1248,"曜":-951,"最":-937,"月":4125,"期":360,"李":3094,"村":364,"東":-805,"核":5156,"森":2438,"業":484,"氏":2613,"民":-1694,"決":-1073,"法":1868,"海":-495,"無":979,"物":461,"特":-3850,"生":-273,"用":914,"町":1215,"的":7313,"直":-1835,"省":792,"県":6293,"知":-1528,"私":4231,"税":401,"立":-960,"第":1201,"米":7767,"系":3066,"約":3663,"級":1384,"統":-4229,"総":1163,"線":1255,"者":6457,"能":725,"自":-2869,"英":785,"見":1044,"調":-562,"財":-733,"費":1777,"車":1835,"軍":1375,"込":-1504,"通":-1136,"選":-681,"郎":1026,"郡":4404,"部":1200,"金":2163,"長":421,"開":-1432,"間":1302,"関":-1282,"雨":2009,"電":-1045,"非":2066,"駅":1620,"１":-800,"｣":2670,"･":-3794,"ｯ":-1350,"ｱ":551,"ｸﾞ":1319,"ｽ":874,"ﾄ":521,"ﾑ":1109,"ﾙ":1591,"ﾛ":2201,"ﾝ":278};
+          this.UW4__ = {",":3930,".":3508,"―":-4841,"、":3930,"。":3508,"〇":4999,"「":1895,"」":3798,"〓":-5156,"あ":4752,"い":-3435,"う":-640,"え":-2514,"お":2405,"か":530,"が":6006,"き":-4482,"ぎ":-3821,"く":-3788,"け":-4376,"げ":-4734,"こ":2255,"ご":1979,"さ":2864,"し":-843,"じ":-2506,"す":-731,"ず":1251,"せ":181,"そ":4091,"た":5034,"だ":5408,"ち":-3654,"っ":-5882,"つ":-1659,"て":3994,"で":7410,"と":4547,"な":5433,"に":6499,"ぬ":1853,"ね":1413,"の":7396,"は":8578,"ば":1940,"ひ":4249,"び":-4134,"ふ":1345,"へ":6665,"べ":-744,"ほ":1464,"ま":1051,"み":-2082,"む":-882,"め":-5046,"も":4169,"ゃ":-2666,"や":2795,"ょ":-1544,"よ":3351,"ら":-2922,"り":-9726,"る":-14896,"れ":-2613,"ろ":-4570,"わ":-1783,"を":13150,"ん":-2352,"カ":2145,"コ":1789,"セ":1287,"ッ":-724,"ト":-403,"メ":-1635,"ラ":-881,"リ":-541,"ル":-856,"ン":-3637,"・":-4371,"ー":-11870,"一":-2069,"中":2210,"予":782,"事":-190,"井":-1768,"人":1036,"以":544,"会":950,"体":-1286,"作":530,"側":4292,"先":601,"党":-2006,"共":-1212,"内":584,"円":788,"初":1347,"前":1623,"副":3879,"力":-302,"動":-740,"務":-2715,"化":776,"区":4517,"協":1013,"参":1555,"合":-1834,"和":-681,"員":-910,"器":-851,"回":1500,"国":-619,"園":-1200,"地":866,"場":-1410,"塁":-2094,"士":-1413,"多":1067,"大":571,"子":-4802,"学":-1397,"定":-1057,"寺":-809,"小":1910,"屋":-1328,"山":-1500,"島":-2056,"川":-2667,"市":2771,"年":374,"庁":-4556,"後":456,"性":553,"感":916,"所":-1566,"支":856,"改":787,"政":2182,"教":704,"文":522,"方":-856,"日":1798,"時":1829,"最":845,"月":-9066,"木":-485,"来":-442,"校":-360,"業":-1043,"氏":5388,"民":-2716,"気":-910,"沢":-939,"済":-543,"物":-735,"率":672,"球":-1267,"生":-1286,"産":-1101,"田":-2900,"町":1826,"的":2586,"目":922,"省":-3485,"県":2997,"空":-867,"立":-2112,"第":788,"米":2937,"系":786,"約":2171,"経":1146,"統":-1169,"総":940,"線":-994,"署":749,"者":2145,"能":-730,"般":-852,"行":-792,"規":792,"警":-1184,"議":-244,"谷":-1000,"賞":730,"車":-1481,"軍":1158,"輪":-1433,"込":-3370,"近":929,"道":-1291,"選":2596,"郎":-4866,"都":1192,"野":-1100,"銀":-2213,"長":357,"間":-2344,"院":-2297,"際":-2604,"電":-878,"領":-1659,"題":-792,"館":-1984,"首":1749,"高":2120,"｢":1895,"｣":3798,"･":-4371,"ｯ":-724,"ｰ":-11870,"ｶ":2145,"ｺ":1789,"ｾ":1287,"ﾄ":-403,"ﾒ":-1635,"ﾗ":-881,"ﾘ":-541,"ﾙ":-856,"ﾝ":-3637};
+          this.UW5__ = {",":465,".":-299,"1":-514,"E2":-32768,"]":-2762,"、":465,"。":-299,"「":363,"あ":1655,"い":331,"う":-503,"え":1199,"お":527,"か":647,"が":-421,"き":1624,"ぎ":1971,"く":312,"げ":-983,"さ":-1537,"し":-1371,"す":-852,"だ":-1186,"ち":1093,"っ":52,"つ":921,"て":-18,"で":-850,"と":-127,"ど":1682,"な":-787,"に":-1224,"の":-635,"は":-578,"べ":1001,"み":502,"め":865,"ゃ":3350,"ょ":854,"り":-208,"る":429,"れ":504,"わ":419,"を":-1264,"ん":327,"イ":241,"ル":451,"ン":-343,"中":-871,"京":722,"会":-1153,"党":-654,"務":3519,"区":-901,"告":848,"員":2104,"大":-1296,"学":-548,"定":1785,"嵐":-1304,"市":-2991,"席":921,"年":1763,"思":872,"所":-814,"挙":1618,"新":-1682,"日":218,"月":-4353,"査":932,"格":1356,"機":-1508,"氏":-1347,"田":240,"町":-3912,"的":-3149,"相":1319,"省":-1052,"県":-4003,"研":-997,"社":-278,"空":-813,"統":1955,"者":-2233,"表":663,"語":-1073,"議":1219,"選":-1018,"郎":-368,"長":786,"間":1191,"題":2368,"館":-689,"１":-514,"Ｅ２":-32768,"｢":363,"ｲ":241,"ﾙ":451,"ﾝ":-343};
+          this.UW6__ = {",":227,".":808,"1":-270,"E1":306,"、":227,"。":808,"あ":-307,"う":189,"か":241,"が":-73,"く":-121,"こ":-200,"じ":1782,"す":383,"た":-428,"っ":573,"て":-1014,"で":101,"と":-105,"な":-253,"に":-149,"の":-417,"は":-236,"も":-206,"り":187,"る":-135,"を":195,"ル":-673,"ン":-496,"一":-277,"中":201,"件":-800,"会":624,"前":302,"区":1792,"員":-1212,"委":798,"学":-960,"市":887,"広":-695,"後":535,"業":-697,"相":753,"社":-507,"福":974,"空":-822,"者":1811,"連":463,"郎":1082,"１":-270,"Ｅ１":306,"ﾙ":-673,"ﾝ":-496};
+          
+          return this;
+        }
+        TinySegmenter.prototype.ctype_ = function(str) {
+          for (var i in this.chartype_) {
+            if (str.match(this.chartype_[i][0])) {
+              return this.chartype_[i][1];
+            }
+          }
+          return "O";
+        }
+
+        TinySegmenter.prototype.ts_ = function(v) {
+          if (v) { return v; }
+          return 0;
+        }
+
+        TinySegmenter.prototype.segment = function(input) {
+          if (input == null || input == undefined || input == "") {
+            return [];
+          }
+          var result = [];
+          var seg = ["B3","B2","B1"];
+          var ctype = ["O","O","O"];
+          var o = input.split("");
+          for (i = 0; i < o.length; ++i) {
+            seg.push(o[i]);
+            ctype.push(this.ctype_(o[i]))
+          }
+          seg.push("E1");
+          seg.push("E2");
+          seg.push("E3");
+          ctype.push("O");
+          ctype.push("O");
+          ctype.push("O");
+          var word = seg[3];
+          var p1 = "U";
+          var p2 = "U";
+          var p3 = "U";
+          for (var i = 4; i < seg.length - 3; ++i) {
+            var score = this.BIAS__;
+            var w1 = seg[i-3];
+            var w2 = seg[i-2];
+            var w3 = seg[i-1];
+            var w4 = seg[i];
+            var w5 = seg[i+1];
+            var w6 = seg[i+2];
+            var c1 = ctype[i-3];
+            var c2 = ctype[i-2];
+            var c3 = ctype[i-1];
+            var c4 = ctype[i];
+            var c5 = ctype[i+1];
+            var c6 = ctype[i+2];
+            score += this.ts_(this.UP1__[p1]);
+            score += this.ts_(this.UP2__[p2]);
+            score += this.ts_(this.UP3__[p3]);
+            score += this.ts_(this.BP1__[p1 + p2]);
+            score += this.ts_(this.BP2__[p2 + p3]);
+            score += this.ts_(this.UW1__[w1]);
+            score += this.ts_(this.UW2__[w2]);
+            score += this.ts_(this.UW3__[w3]);
+            score += this.ts_(this.UW4__[w4]);
+            score += this.ts_(this.UW5__[w5]);
+            score += this.ts_(this.UW6__[w6]);
+            score += this.ts_(this.BW1__[w2 + w3]);
+            score += this.ts_(this.BW2__[w3 + w4]);
+            score += this.ts_(this.BW3__[w4 + w5]);
+            score += this.ts_(this.TW1__[w1 + w2 + w3]);
+            score += this.ts_(this.TW2__[w2 + w3 + w4]);
+            score += this.ts_(this.TW3__[w3 + w4 + w5]);
+            score += this.ts_(this.TW4__[w4 + w5 + w6]);
+            score += this.ts_(this.UC1__[c1]);
+            score += this.ts_(this.UC2__[c2]);
+            score += this.ts_(this.UC3__[c3]);
+            score += this.ts_(this.UC4__[c4]);
+            score += this.ts_(this.UC5__[c5]);
+            score += this.ts_(this.UC6__[c6]);
+            score += this.ts_(this.BC1__[c2 + c3]);
+            score += this.ts_(this.BC2__[c3 + c4]);
+            score += this.ts_(this.BC3__[c4 + c5]);
+            score += this.ts_(this.TC1__[c1 + c2 + c3]);
+            score += this.ts_(this.TC2__[c2 + c3 + c4]);
+            score += this.ts_(this.TC3__[c3 + c4 + c5]);
+            score += this.ts_(this.TC4__[c4 + c5 + c6]);
+        //  score += this.ts_(this.TC5__[c4 + c5 + c6]);    
+            score += this.ts_(this.UQ1__[p1 + c1]);
+            score += this.ts_(this.UQ2__[p2 + c2]);
+            score += this.ts_(this.UQ3__[p3 + c3]);
+            score += this.ts_(this.BQ1__[p2 + c2 + c3]);
+            score += this.ts_(this.BQ2__[p2 + c3 + c4]);
+            score += this.ts_(this.BQ3__[p3 + c2 + c3]);
+            score += this.ts_(this.BQ4__[p3 + c3 + c4]);
+            score += this.ts_(this.TQ1__[p2 + c1 + c2 + c3]);
+            score += this.ts_(this.TQ2__[p2 + c2 + c3 + c4]);
+            score += this.ts_(this.TQ3__[p3 + c1 + c2 + c3]);
+            score += this.ts_(this.TQ4__[p3 + c2 + c3 + c4]);
+            var p = "O";
+            if (score > 0) {
+              result.push(word);
+              word = "";
+              p = "B";
+            }
+            p1 = p2;
+            p2 = p3;
+            p3 = p;
+            word += seg[i];
+          }
+          result.push(word);
+
+          return result;
+        }
+
+        lunr.TinySegmenter = TinySegmenter;
+    };
+
+}));
\ No newline at end of file
diff --git a/assets/javascripts/lunr/wordcut.js b/assets/javascripts/lunr/wordcut.js
new file mode 100644
index 0000000..0d898c9
--- /dev/null
+++ b/assets/javascripts/lunr/wordcut.js
@@ -0,0 +1,6708 @@
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}(g.lunr || (g.lunr = {})).wordcut = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+var _ = require("underscore");
+
+var Acceptors = {
+  creators: null,
+  current: null,
+  tag: null,
+
+  init: function() {
+    this.creators = [];
+    this.current = [];
+    this.tag = {};
+  },
+
+  reset: function() {
+    this.current = [];
+    this.tag = {}
+  },
+
+  transit: function(ch) {
+    var self = this;
+
+    self.creators.forEach(function(creator) {
+      var acceptor = creator.createAcceptor(self.tag);
+      if (acceptor) 
+        self.current.push(acceptor);
+    });
+    
+    var _current = [];
+    self.tag = {};
+
+    for (var i = 0; i < self.current.length; i++) {
+      var _acceptor = self.current[i]
+        , acceptor = _acceptor.transit(ch);
+      
+      if (!acceptor.isError) {
+        _current.push(acceptor);
+        self.tag[acceptor.tag] = acceptor;
+      }
+    }
+    self.current = _current;
+
+  },
+
+  getFinalAcceptors: function() {    
+    return this.current.filter(function(acceptor) {
+      return acceptor.isFinal;
+    });
+  }
+};
+
+module.exports = function() {
+  var acceptors = _.clone(Acceptors);
+  acceptors.init();
+  return acceptors;
+};
+
+},{"underscore":25}],2:[function(require,module,exports){
+(function (__dirname){
+
+var LEFT = 0;
+var RIGHT = 1;
+var path = require("path");
+var glob = require("glob");
+
+var WordcutDict = {
+
+
+  init: function (dictPathFile, withDefault, words) {
+    withDefault = withDefault || false
+    var defaultDict = path.normalize(__dirname + "/..") + "/data/tdict-*.txt";
+    this.dict=[]
+    var dictPathIsDefined = dictPathFile !== undefined
+    var dictPath = (withDefault || !dictPathIsDefined) ? [defaultDict]: [];
+    var dictPathFile = dictPathFile || defaultDict
+
+    if(dictPathIsDefined){
+      if (Array.isArray(dictPathFile)) {
+        dictPath.concat.apply(dictPath, dictPathFile);
+      } else {
+        dictPath.push(dictPathFile)
+      }
+    }
+
+    this.addFiles(dictPath, false)
+
+    if(words!==undefined){
+      this.addWords(words, false)
+    }
+    this.finalizeDict();
+  },
+
+  addWords: function(words, finalize){
+    finalize = finalize===undefined || finalize;
+    this.dict.push.apply(this.dict, words)
+    if(finalize){
+      this.finalizeDict();
+    }
+  },
+
+  finalizeDict: function(){
+    this.dict = this.sortuniq(this.dict);
+  },
+
+  addFiles: function(files, finalize){
+    finalize = finalize===undefined || finalize;
+    
+    for (var i = 0; i < 1; i++) {
+      var words = "ก.ก.\nก.ก.น.\nก.ข.ค.\nก.ค.\nก.จ.\nก.ช.น.\nก.ฌ.\nก.ต.\nก.ต.ง.\nก.ต.ช.\nก.ตร.\nก.ท.\nก.น.ช.\nก.บช.\nก.บถ.\nก.ป.ส.\nก.พ.\nก.ม.\nก.ย.\nก.ร.\nก.ล.ต.\nก.ว.\nก.ศ.ว.\nก.ส.ท.\nก.ส.ธ.\nก.ส.อ.\nก.อ.\nกก.ตชด.\nกก.ตร.น.\nกก.ภ.จว.\nกก.รสช.\nกกบ.ขส.ทบ.\nกกล.รพน.\nกง.กห.\nกง.ทบ.\nกง.ทร.\nกซข.ป.\nกซม.ป.\nกทม.กรุงเทพมหานคร\nกบ.ทบ.\nกป.สป.\nกพ.ทบ.\nกพ.ทร.\nกพ.ทหาร\nกร.ทบ.\nกรป.กลาง\nกรอ.พอ.\nกศ.ด.\nกศ.บ.\nกศ.บป.\nกศ.ม.\nกษ.ด.\nกษ.บ.\nกษ.ม.\nกส.ด.\nกส.ทบ.\nกส.บ.\nกส.ม.\nกอ.ปค.\nกอ.รพน.\nกอ.รมน.\nกอ.รสต.\nข.ต.ว.\nขว.ทบ.\nขว.ทร.\nขว.ทหาร\nขส.ทบ.\nขส.ทร.\nขส.ทอ.\nค.ด.\nค.บ.\nค.พ.ศ.\nค.ม.\nค.ร.น.\nค.ร.ฟ.\nค.ร.ม.\nค.ศ.\nค.อ.ด.\nค.อ.บ.\nค.อ.ม.\nคศ.ด.\nคศ.บ.\nคศ.ม.\nง.ด.\nจ.จ.\nจ.จ.จ.\nจ.ช.\nจ.ต.\nจ.ท.\nจ.ป.ร.\nจ.ม.\nจ.ศ.\nจ.ส.ต.\nจ.ส.ท.\nจ.ส.อ.\nจ.อ.\nจ.อ.ร.\nจ.๑๘\nจก.ธน.\nจก.สน.\nช.ค.\nช.ค.บ.\nช.พ.ค.\nช.ส.\nช.ส.ค.\nฌ.ป.ค.\nฌ.ศ.ร.\nฌ.ส.อ.\nฐท.สห.\nด.ช.\nด.ญ.\nด.ต.\nด.ศ.ค.\nด.ศ.ร.\nดย.ทร.\nต.ก.\nต.ค.\nต.จ.\nต.จ.ว.\nต.ช.\nต.ต.\nต.บ.\nต.ม.\nต.ร.\nต.ศ.ร.\nต.ห.\nต.อ.\nต.อ.จ.\nตร.กม.\nตร.ซม.\nตร.ต.\nตร.ทล.\nตร.น.\nตร.ปม.\nตร.ภ.\nตร.ม.\nตร.รฟ.\nตร.ว.\nตร.ส.\nตร.สข.\nท.จ.\nท.จ.ว.\nท.ช.\nท.ญ.\nท.ด.\nท.ท.ท.\nท.ทบ.\nท.บ.\nท.พ.\nท.ม.\nท.ศ.\nทก.ด.\nทก.บ.\nทก.ม.\nทส.ปช.\nทส.รมว.กห.\nทุ.ส.นิ.ม.\nธ.ก.ส.\nธ.ค.\nธ.ญ\nธ.บ.\nน.ช.\nน.ญ.\nน.ด.\nน.ต.\nน.ท.\nน.น.\nน.บ.\nน.บ.ท.\nน.ป.ท.\nน.พ.\nน.ม.\nน.ร.\nน.ว.\nน.ศ.\nน.ส.\nน.ส.พ.\nน.ส.๓\nน.สพ.\nน.อ.\nนปพ.ภ.\nนศ.ด.\nนศ.บ.\nนศ.ม.\nบ.ก.\nบ.ข.ส.\nบ.ช.\nบ.ด.ท.\nบ.ตร.\nบ.ภ.\nบ.ม.\nบก.จร.\nบก.ตชด.\nบก.ตม.\nบก.ทล.\nบก.น.\nบก.ป.\nบก.ปค.\nบก.ปม.\nบก.ภ.เขต\nบก.รน.\nบก.รฟ.\nบก.ร้อย.ตชด.\nบก.ส.\nบกข.ป.\nบจพ.ป.\nบช.ก.\nบช.ด.\nบช.ตชด.\nบช.น.\nบช.บ.\nบช.ปส.\nบช.ภ.\nบช.ม.\nบชท.ป.\nบชน.ป.\nบชส.ป.\nบธ.ด.\nบธ.บ.\nบธ.ม.\nบนท.ป.\nบนอ.ป.\nบปช.ป.\nป.กท.\nป.กศ.\nป.กศ.สูง\nป.จ.\nป.จ.ว.\nป.ช.\nป.ธ.\nป.ป.\nป.ป.ก.\nป.ป.ช.\nป.ป.ป.\nป.ป.ร.\nป.ป.ส.\nป.พ.\nป.พ.พ.\nป.พย.\nป.ม.\nป.ม.ก.\nป.ม.ช.\nป.ม.ธ.\nป.ม.ศ.\nป.ม.อ.\nป.ร.ร.๔\nป.ร.ร.๕\nป.ร.ร.๖\nป.ล.\nป.ว.พ.\nป.วิ.อ.\nป.ส.ส.\nป.อ.\nป.อ.ร.ส.\nป.๑\nปม.วส.\nปอ.พ.\nผกก.ภ.\nผช.ผอ.\nผต.มท.\nผบ.ตร.\nผบ.ทบ.\nผบ.ทร.\nผบ.ทสส.\nผบ.ทอ.\nผบก.น.\nผบก.ป.\nผบก.ปค.\nผบก.ปม.\nผบก.ภ.\nผบช.ก.\nผบช.ตชด.\nผบช.น.\nผบช.ภ.\nผว.กทม.\nผอ.ปจ.\nพ.ก.ง.\nพ.กศ.\nพ.ข.ต.\nพ.ค.\nพ.ค.ช.\nพ.ค.ว.\nพ.ค.ศ.\nพ.จ.ต.\nพ.จ.ท.\nพ.จ.อ.\nพ.ช.\nพ.ช.ค.\nพ.ด.\nพ.ต.\nพ.ต.ต.\nพ.ต.ท.\nพ.ต.อ.\nพ.ต.อ.พิเศษ\nพ.ท.\nพ.บ.\nพ.ป.\nพ.ภ.ม.\nพ.ม.\nพ.ม.ช.\nพ.ย.\nพ.ร.ก.\nพ.ร.ฎ.\nพ.ร.ต.\nพ.ร.ธ.\nพ.ร.บ.\nพ.ศ.\nพ.ศ.บ.\nพ.ส.ร.\nพ.ส.ล.\nพ.อ.\nพ.อ.ต.\nพ.อ.ท.\nพ.อ.พิเศษ\nพ.อ.อ.\nพณ.ด.\nพณ.บ.\nพณ.ม.\nพธ.ด.\nพธ.บ.\nพธ.ม.\nพบ.ด.\nพบ.บ.\nพบ.ม.\nพย.ด.\nพย.บ.\nพย.ม.\nพล.จ.\nพล.ต.\nพล.ต.จ.\nพล.ต.ต.\nพล.ต.ท.\nพล.ต.อ.\nพล.ท.\nพล.ปตอ.\nพล.ม.\nพล.ม.๒\nพล.ร.จ.\nพล.ร.ต.\nพล.ร.ท.\nพล.ร.อ.\nพล.อ.\nพล.อ.จ.\nพล.อ.ต.\nพล.อ.ท.\nพล.อ.อ.\nพลา.ทร.\nพศ.ด.\nพศ.บ.\nพศ.ม.\nพอ.สว.\nภ.ง.ด.\nภ.ง.ด.๙\nภ.ด.\nภ.บ.\nภ.บ.ท.๕\nภ.ป.ร.\nภ.พ.\nภ.ม.\nภ.สถ.บ.\nม.ค.\nม.จ.\nม.ป.ท.\nม.ป.ป.\nม.ป.พ.\nม.ร.ว.\nม.ศ.\nม.อ.\nม.อ.ปัตตานี\nมิ.ย.\nมี.ค.\nยศ.ทบ.\nยศ.ทร.\nยศ.ทอ.\nร.ง.\nร.ด.\nร.ต.\nร.ต.ต.\nร.ต.ท.\nร.ต.อ.\nร.ท.\nร.น.\nร.บ.\nร.พ.\nร.ฟ.ล.\nร.ย.ล.\nร.ย.ส.ท.\nร.ล.\nร.ศ.\nร.ส.พ.\nร.อ.\nรป.ม.\nรร.จปร.\nรร.จอ.\nรร.ชท.\nรร.ตท.\nรร.นร.\nรร.นรต.\nรร.นอ.\nล.ญ.\nล.ว.\nลส.ชบ.\nว.ค.\nว.ฉ.\nว.ช.\nว.ด.ป.\nว.ป.ถ.\nวท.บ.\nศ.บ.\nศ.ป.ก.\nศ.ศ.ป.\nศฝร.ภ.\nศศ.บ.\nศษ.บ.\nศส.บ.\nส.ก.\nส.ก.ศ.ท.\nส.ค.\nส.ค.1\nส.ค.ร.\nส.ค.ส.\nส.ต.\nส.ต.ต.\nส.ต.ท.\nส.ต.อ.\nส.ท.\nส.ทร.\nส.ป.ช.\nส.ป.ส.ท.\nส.ป.อ.\nส.ร.\nส.ล.น.\nส.ว.\nส.ว.ท.\nส.ว.ส.ท.\nส.ส.\nส.ส.ท.\nส.ส.ร.\nส.ห.\nส.อ.\nสถ.บ.\nสนง.สสอ.\nสพ.ญ.\nสพ.บ.\nสว.จร.\nสว.ธร.\nสว.ส.\nสว.สป.\nสว.สส.\nสว.อก.\nสส.บ.\nสุ.จิ.ปุ.ลิ.\nห.ร.ม.\nอ.ก.ค.\nอ.ก.จ.\nอ.จ.\nอ.ช.พ.\nอ.ตร.\nอ.บ.\nอ.ส.ท.\nอ.ส.ม.ท.\nอ.ส.ย.\nอ.อ.ป.\nอส.รด.\nอุ.อา.ก.ส.\nฮ.จ.\nฮ.ท.\nฮ.ฝ.\nฮ.ล.\nฮ.ศ.\nเม.ย.\n\nกรีนิช\nกลันตัน\nกัลกัตตา\nกัวลาลัมเปอร์\nกัศมีร์\nกาฐมาณฑุ\nโกลกาตา\nควิเบก\nคอนเนตทิคัต\nคาบูล\nคุชราต\nคุนหมิง\nเคนตักกี\nเคนทักกี\nเคมบริดจ์\nแคชเมียร์\nแคนซัส\nแคนเบอร์รา\nแคโรไลนา\nแคลิฟอร์เนีย\nโคเปนเฮเกน\nโคลัมโบ\nโคโลราโด\nไครสต์เชิร์ช\nไคโร\nจาการ์ตา\nจำปาศักดิ์\nเจนไน\nเจนีวา\nเจ้อเจียง\nฉงชิ่ง\nเฉิงตู\nชานตง\nชิคาโก\nเชนไน\nเชอร์โนบิล\nซัปโปโร\nซานมารีโน\nซาบาห์\nซาราเยโว\nซาราวัก\nซิดนีย์\nซีอาน\nซีแอตเทิล\nซูริก\nซูริค\nเซเชลส์\nเซนได\nเซี่ยงไฮ้\nโซเฟีย\nโซล\nโซโลมอน\nไซ่ง่อน\nไซบีเรีย\nดัลลัส\nดาโคตา\nดานัง\nดีทรอยต์\nดูไบ\nเดนเวอร์\nเดลาแวร์\nเดียนเบียนฟู\nโดเวอร์\nโดฮา\nไดฟุกุ\nไดฟูกุ\nตรังกานู\nตริโปลี\nตูวาลู\nเตหะราน\nโตเกียว\nโตรอนโต\nทมิฬนาฑู\nทริโปลี\nทิเบต\nเทกซัส\nเท็กซัส\nเทนเนสซี\nเทลอาวีฟ\nแทสเมเนีย\nโทรอนโต\nไทเป\nธากา\nนางาซากิ\nนาริตะ\nนิวเจอร์ซีย์\nนิวเดลี\nนิวยอร์ก\nนิวยอร์ค\nนิวแฮมป์เชียร์\nเนบราสกา\nเนแบรสกา\nเนวาดา\nบรัสเซลส์\nบราซิเลีย\nบอมเบย์\nบอสตัน\nบังกาลอร์\nบังคาลอร์\nบูคาเรสต์\nบูดาเปสต์\nเบงกาซี\nเบนกาซี\nเบรุต\nเบลเกรด\nเบอร์ลิน\nแบกแดด\nปอยเปต\nปะลิส\nปะหัง\nปักกิ่ง\nปัญจาบ\nปัฏนา\nปารีส\nปีนัง\nเประ\nเปียงยาง\nพนมเปญ\nพระตะบอง\nพะโค\nพะสิม\nพาราณสี\nพิหารี\nเพนซิลวาเนีย\nเพนซิลเวเนีย\nฟรานซ์\nฟลอริดา\nฟิลาเดลเฟีย\nฟุกุชิมะ\nฟุกุชิมา\nฟุกุโอกะ\nฟูกูโอกะ\nแฟรงก์เฟิร์ต\nมอสโก\nมะนิลา\nมะละแหม่ง\nมัณฑะเลย์\nมัทราส\nมาดริด\nมิชิแกน\nมินนิโซตา\nมิยางิ\nมิลาน\nมิวนิก\nมิสซูรี\nมุมไบ\nเมน\nเมลเบิร์น\nเมาะตะมะ\nเมาะลำเลิง\nแมนจูเรีย\nแมนเชสเตอร์\nแมนฮัตตัน\nแมริแลนด์\nแมรีแลนด์\nแมสซาชูเซตส์\nยะไข่\nย่างกุ้ง\nยูทาห์\nยูนนาน\nเยรูซาเล็ม\nโยโกฮามา\nริยาด\nรีโอเดจาเนโร\nโรดไอแลนด์\nลอนดอน\nลอสแองเจลิส\nลาปาซ\nลาสเวกัส\nลิสบอน\nลุยเซียนา\nโลซาน\nโลซานน์\nวอชิงตัน\nวอร์ซอ\nวิสคอนซิน\nเวนิส\nเวลส์\nเวอร์จิเนีย\nเวอร์มอนต์\nเวียงจันทน์\nเวียนนา\nแวนคูเวอร์\nไวโอมิง\nสกอตแลนด์\nสก็อตแลนด์\nสตอกโฮล์ม\nสลังงอร์\nเสฉวน\nเสียมราฐ\nเสียมเรียบ\nหงสา\nหงสาวดี\nหนานไห่\nหลวงพระบาง\nหูเป่ย\nหูเป่ย์\nหูหนาน\nเหอเป่ย\nเหอเป่ย์\nเหอหนาน\nอชันตา\nอลาสกา\nอวันตี\nออริกอน\nออสโล\nอะแลสกา\nอัตตะปือ\nอัมมาน\nอัมสเตอร์ดัม\nอัสสัม\nอาบูดาบี\nอาร์คันซอ\nอินเดียนา\nอิบารากิ\nอิลลินอยส์\nอิสตันบูล\nอิสลามาบัด\nอุรุมชี\nอูลานบาตอร์\nเอดินบะระ\nเอเธนส์\nแอตแลนตา\nแอริโซนา\nแอลเจียร์\nโอคลาโฮมา\nโอค็อตสค์\nโอกินาวา\nโอซากา\nโอริสสา\nโอเรกอน\nโอไฮโอ\nไอดาโฮ\nไอโอวา\nฮอนโนลูลู\nฮานอย\nฮาเนดะ\nฮาราเร\nฮาวาย\nฮิโรชิมา\nฮุสตัน\nเฮลซิงกิ\n\nมกรา\nกุมภา\nมีนา\nเมษา\nพฤษภา\nมิถุนา\nกรกฎา\nสิงหา\nกันยา\nตุลา\nพฤศจิกา\nธันวา\nเอ\nบี\nซี\nดี\nอี\nเอฟ\nจี\nเอช\nไอ\nเจ\nเค\nแอล\nเอ็ม\nเอ็น\nโอ\nพี\nคิว\nอาร์\nเอส\nที\nยู\nวี\nดับเบิล\nดับบลิว\nเอ็กซ์\nเอ๊กซ์\nวาย\nแซด\nแอลฟา\nแอลฟ่า\nเบตา\nเบต้า\nแกมมา\nแกมม่า\nเดลตา\nเดลต้า\nโอเมกา\nโอเมก้า\nเมกะ\nกิกะ\nนาโน\nไมโคร\n\nกรรมาชน\nกรอบรูป\nกระดี๊กระด๊า\nกระบับ\nกราวนด์\nกรีน\nกรุ๊ป\nกฤษณ์\nกลาส\nก๊วน\nกษัตริยา\nกษัตริยาธิราช\nก่อนหน้า\nกะบับ\nกับดัก\nกัมมันตะ\nก๊าก\nก๋ากั่น\nกาญจน์\nกาญจนาภิเษก\nกามิกาเซ่\nการันตี\nกาหลิบ\nกิฟท์\nกิมจิ\nกีวี\nกึ๊ก\nกึ๋ย\nกุนซือ\nกุมภาพันธ์\nกู๋\nเกจิ\nเกมส์\nเกย์\nเกรด\nเกรย์\nเกสต์เฮาส์\nเก๊ะ\nเก๋ากี้\nเกิร์ล\nแกงค์\nแกรนด์\nแกสโซฮอล์\nแก๊สโซฮอล์\nโกเต็กซ์\nโกลด์\nโกะ\nโก๊ะ\nไกด์\nขั้นตอน\nเขวี้ยง\nคณาญาติ\nครัวซอง\nครัวซองต์\nคร่ำครวญ\nครีเอทีฟ\nครูเสด\nคลับ\nคลาสสิก\nคลิตอริส\nคลิป\nความหมาย\nควิก\nควีน\nคองเกรส\nคอนซูเมอร์\nคอนเซปต์\nคอนเซ็ปต์\nคอนโด\nคอนโดมิเนียม\nคอนเทนเนอร์\nคอนแทค\nคอนแท็ค\nคอนโทรล\nคอนเฟิร์ม\nคอปเตอร์\nคอมพ์\nคอมเพล็กซ์\nคอมมอนส์\nคอมเมนท์\nคอมเมนต์\nคอร์ป\nคอร์ปอเรชั่น\nคอร์รัปชัน\nคอร์รัปชั่น\nคอรัปชัน\nคอรัปชั่น\nคอร์ส\nคอลเล็กชั่น\nคอลัมน์\nคอลัมนิสต์\nคัตเอาต์\nคันคาก\nคันถธุระ\nคันธาระ\nคันยิ\nคัสตาร์ด\nคาราโอเกะ\nคีตกวี\nคีตปฏิภาณ\nคีตราชัน\nคาปูชิโน\nคามิคาเซ่\nคาเฟ่\nคาร์\nคาร์โก้\nคาราเมล\nคาแรกเตอร์\nคาแร็กเตอร์\nคาแรคเตอร์\nคาแร็คเตอร์\nคาวบอย\nคาสิโน\nคิกขุ\nคิวบิก\nคูลเลอร์\nเคบับ\nเครป\nเคลม\nเคลียร์\nเคลื่อนย้าย\nเคส\nเคอร์ฟิว\nแคชเชียร์\nแคทวอล์ค\nแคนดิเดต\nแคนตาลูป\nแคนยอน\nแคนู\nแคป\nแคมป์\nแคมปัส\nแคมเปญ\nแคร์\nแครกเกอร์\nแคร็กเกอร์\nแครอท\nแคสต์\nแคสติง\nแคสติ้ง\nโค้ก\nโค้ช\nโคโยตี\nโคโยตี้\nโครนา\nโคอะล่า\nโคอาลา\nโคอาล่า\nไคลแมกซ์\nไคลแม็กซ์\nงั้น\nง่าว\nงี้\nเง็ง\nโง่เขลา\nไง\nจตุคาม\nจ๊อกกี้\nจอหงวน\nจังโก้\nจัมโบ้\nจ๊าบ\nจารกรรม\nจารชน\nจิ๊ก\nจิ๊กโก๋\nจิ๊กซอว์\nจิตพิสัย\nจิตเภท\nจีดีพี\nจึ๊ก\nจุ๊ย\nจูน\nจูเนียร์\nเจ๊\nเจได\nเจ็ต\nเจล\nเจ๊าะแจ๊ะ\nเจี๊ยว\nแจ็กเก็ต\nแจ๊กเก็ต\nแจ็กพอต\nแจ็กพ็อต\nแจ๊กพอต\nแจ๊กพ็อต\nแจม\nแจ๊ส\nโจ๋\nฉลุย\nเฉิ่ม\nชนะเลิศ\nช็อค\nช็อต\nช็อป\nช็อปปิ้ง\nช็อปเปอร์\nชะโนด\nชัตเตอร์\nชัวร์\nชาร์จ\nชาร์ต\nชาร์ป\nชินบัญชร\nชิฟฟอน\nชีส\nชีอะห์\nเช็ก\nเช็งเม้ง\nเชฟ\nเชลียร์\nเชอร์รี่\nแชเชือน\nแช่แข็ง\nแชมป์\nแชมปิยอง\nแชมเปญ\nแชมเปี้ยน\nแชมพู\nโชว์รูม\nโชห่วย\nใช้งาน\nไชน่า\nซ้อ\nซอมบี้\nซะ\nซังเต\nซันตาคลอส\nซัพพลาย\nซัพพลายเออร์\nซัมเมอร์\nซากุระ\nซาดิสต์\nซาดิสม์\nซาตาน\nซานตาคลอส\nซาฟารี\nซาบะ\nซามูไร\nซาร์\nซาร์ดีน\nซาเล้ง\nซิง\nซิ่ง\nซิงเกิล\nซิตี\nซิตี้\nซินโดรม\nซิม\nซิ้ม\nซิมโฟนี\nซิมโฟนี่\nซิลเวอร์\nซี้\nซี้ซั้ว\nซีดาน\nซีน\nซีนีเพล็กซ์\nซีเนียร์\nซีร็อกซ์\nซีรีส์\nซีเรียส\nซีอีโอ\nซื่อบื้อ\nซุนหนี่\nซุปเปอร์\nซูชิ\nซูเปอร์\nซูม\nซูโม่\nซูเอี๋ย\nซูฮก\nเซ็กซ์\nเซ็กซี่\nเซ็กส์\nเซนเซอร์\nเซ็นเซอร์\nเซนเตอร์\nเซ็นเตอร์\nเซ็นทรัล\nเซนส์\nเซ่นไหว้\nเซฟตี้\nเซรามิก\nเซลส์\nเซลส์แมน\nเซอร์\nเซอร์ไพรส์\nเซอร์วิส\nเซาท์\nเซี้ยว\nแซ็ก\nแซกโซโฟน\nแซ็กโซโฟน\nแซนด์วิช\nแซมบ้า\nแซลมอน\nแซว\nโซเชียล\nโซน\nโซนี่\nโซลาร์\nโซโล\nโซโล่\nญาณทัสสนะ\nดยุก\nดยุค\nดร็อป\nดรัมเมเยอร์\nดรามา\nดราม่า\nดอกเตอร์\nด็อกเตอร์\nดัมพ์\nดั๊มพ์\nดาวน์\nดิกชันนารี\nดิสเครดิต\nดีกรี\nดีเจ\nดีไซน์\nดีไซน์เนอร์\nดีไซเนอร์\nดีเบต\nดีพาร์ตเมนต์\nดีพาร์ตเมนท์\nดีพาร์ทเมนต์\nดีพาร์ทเมนท์\nดีมานด์\nดีล\nดีลเลอร์\nดีเลย์\nเดชานุภาพ\nเดบิต\nเดโม\nเดย์\nเด้อ\nเดอะ\nเด๊ะ\nเดี้ยง\nเดี๊ยะ\nแดนซ์\nแดนเซอร์\nแดรี่\nโดนัท\nโดมิโน\nโดรายากิ\nไดเอ็ต\nตถตา\nตนเอง\nตรวจทาน\nตรวจสอบ\nตอกย้ำ\nต๊อง\nต่อยอด\nต่อรอง\nตะหงิด\nตังค์\nตันเถียน\nตัวตน\nตัวเอง\nตาปรือ\nต้าอ่วย\nติงต๊อง\nติ๋ม\nติ่มซำ\nติว\nติวเตอร์\nตี๋\nตื้บ\nตุ๊ก\nตุ๊กตุ๊ก\nตุ๊ด\nตุ๋ย\nตู้เซฟ\nเต๊ะ\nเตี๊ยม\nแตงกวา\nแตงโม\nแต๋ว\nโต๋เต๋\nโต๊ะจีน\nไตรมาส\nถ่ายทำ\nถูกต้อง\nทงคัตสึ\nทริป\nทรู\nทอม\nท็อป\nทอร์นาโด\nทอล์ค\nทักซิโด\nทันตกรรม\nทันตแพทยศาสตร์\nทับซ้อน\nทัวร์\nทัวร์นาเมนต์\nทัวร์นาเมนท์\nทัวริสต์\nทาเลนต์\nทาวน์\nทาวน์เฮาส์\nทำงาน\nทิป\nทิพยสมบัติ\nทิวลิป\nทีรามิสุ\nทีวี\nทูน่า\nเท็กซ์\nเทค\nเทคโน\nเทคโนแครต\nเทควันโด\nเทป\nเทรด\nเทรนด์\nเทรนเนอร์\nเทรลเลอร์\nเทรลเล่อร์\nเทเลกราฟ\nเทวบัญชา\nเทวบุตร\nเทวา\nเทวาธิราช\nเทโวโรหนะ\nเทอร์โบ\nเที่ยงคืน\nเที่ยงวัน\nเทียมทาน\nแทกติค\nแทคติค\nแทงกั๊ก\nแทงโก้\nโทมาฮอก\nโทมาฮอว์ก\nโทมาฮอว์ค\nโทร\nโทรโข่ง\nไทม์\nไทยแลนด์\nไทเฮา\nธรรมา\nธรรมาภิบาล\nธัมโม\nธีม\nธุรกรรม\nธุหร่ำ\nเธค\nนพมาศ\nนรีแพทย์\nน็อก\nน็อค\nน้องใหม่\nนอมินี\nนอร์ท\nน่ะ\nนางแบบ\nนาฏยศาลา\nนายแบบ\nนายพราน\nนินจา\nนิรันดร์\nนิว\nนิวส์\nนู้ด\nเนอะ\nเนิร์สเซอรี\nเนิร์สเซอรี่\nเนี้ยบ\nโนติส\nไนท์\nไนน์\nบรรพชน\nบร็อกโคลี\nบร็อคโคลี\nบรา\nบริกร\nบริวเวอรี่ส์\nบลอนด์\nบลูเบอร์รี\nบลูเบอร์รี่\nบ๊วย\nบอกซ์\nบ็อกซ์\nบ๊อกซ์\nบอดี้\nบอนด์\nบ๊อบ\nบอมบ์\nบ๋อย\nบอยคอต\nบอยคอตต์\nบอร์ด\nบังเกอร์\nบัตเตอร์\nบัลลาสต์\nบัส\nบาบูน\nบาร์บีคิว\nบาร์บี้\nบาลานซ์\nบิ๊ก\nบิล\nบึม\nบึ้ม\nบุญคุณ\nบุ๋น\nบุปผา\nบู๊\nบูชิโด\nบูติก\nบูติค\nบูม\nเบเกอรี่\nเบญจมบพิตร\nเบตาดีน\nเบนโตะ\nเบนโล\nเบบี้\nเบลอ\nเบอร์เกอร์\nเบอร์รี\nเบิร์ด\nเบิร์น\nแบ็กโฮ\nแบคโฮ\nแบด\nแบต\nแบนเนอร์\nแบรนด์\nแบล็ก\nแบล็ค\nไบโอ\nโบกี้\nโบตั๋น\nโบ้ย\nโบรกเกอร์\nโบรชัวร์\nโบว์\nโบว์ลิ่ง\nไบเบิล\nปฏิสัมพันธ์\nป๊อก\nปอดแหก\nป๊อป\nป๋อหลอ\nปักขคณนา\nปัจเจกชน\nปัจฉิมนิเทศ\nป๊า\nป๋า\nป่าไม้\nปาร์ตี้\nปาสกาล\nปาสคาล\nปาสเตอร์\nปิกอัพ\nปิ๊ง\nปิโตรเคมี\nปิยมิตร\nปึ้ก\nปูอัด\nเปโซ\nเป็นไง\nเปปเปอร์มินต์\nเปเปอร์\nเปราะบาง\nเป๊ะ\nเป่ายิงฉุบ\nเป่ายิ้งฉุบ\nเปียโน\nแป้ก\nแป๋ว\nแป๊ะเจี๊ยะ\nโปร\nโปรเจกต์\nโปรเจ็กต์\nโปรเจกเตอร์\nโปรเจ็กเตอร์\nโปรเจคท์\nโปรเจ็คท์\nโปรดักชั่น\nโปรดิวเซอร์\nโปรโมชั่น\nโปรโมต\nโปรโมเตอร์\nโปรโมท\nโปลิศ\nโปสเตอร์\nผลไม้\nผลักดัน\nผ้าห่ม\nผิดพลาด\nผู้นำ\nแผดเผา\nเฝอ\nพงษ์\nพริตตี้\nพรีเซนต์\nพรีเซ็นเตอร์\nพรีเมียม\nพรีเมียร์\nพฤหัส\nพล็อต\nพลาซ่า\nพลานุภาพ\nพ่อค้า\nพอเพียง\nพะเรอ\nพันธกิจ\nพันธุวิศวกรรม\nพาร์\nพาร์ตเนอร์\nพาร์ทเนอร์\nพาวเวอร์\nพาสเจอร์ไรส์\nพาสตา\nพาสต้า\nพาสปอร์ต\nพาเหรด\nพิซซ่า\nพีเรียด\nพุดดิ้ง\nพุทธภูมิ\nพุทธศตวรรษ\nพุทโธ\nพูล\nเพทนาการ\nเพนกวิน\nเพนตากอน\nเพรส\nเพรียวบาง\nเพลซ\nเพลท\nเพลย์บอย\nเพียบแปร้\nเพียว\nเพาเวอร์\nแพกเกจ\nแพ็ค\nแพตเทิร์น\nแพทเทิร์น\nแพทยสภา\nแพนงเชิญ\nแพนดา\nแพนด้า\nแพลน\nโพลล์\nโพลารอยด์\nโพสต์\nไพลิน\nฟยอร์ด\nฟรังก์\nฟรุต\nฟลอร์\nฟลุก\nฟลุค\nฟลุต\nฟลุท\nฟอยล์\nฟอร์ม\nฟันด์\nฟาวล์\nฟาสต์ฟู้ด\nฟินิกซ์\nฟิวเจอร์\nฟีด\nฟีเวอร์\nฟุตบาท\nเฟรช\nเฟรชชี่\nเฟรม\nเฟมินิสต์\nเฟส\nเฟอร์นิเจอร์\nเฟอร์รี่\nเฟิร์ม\nเฟี้ยวฟ้าว\nแฟกซ์\nแฟ็กซ์\nแฟนซี\nแฟนตาซี\nแฟ้บ\nแฟร์\nแฟรนไชส์\nแฟรี\nแฟรี่\nแฟลช\nแฟล็ต\nโฟน\nโฟม\nโฟล์ค\nไฟต์\nไฟแนนซ์\nไฟลต์\nไฟลท์\nภควัทคีตา\nภควัมบดี\nภควัมปติ\nภคันทลาพาธ\nภววิสัย\nภารตะ\nภูมิทัศน์\nม้ง\nมวลชน\nมยุราภิรมย์\nมลภาวะ\nมหภาค\nมหาอุปราชา\nมอคคา\nมอคค่า\nมอนสเตอร์\nม็อบ\nมอบตัว\nมอยส์เจอไรเซอร์\nมอลล์\nมะกัน\nมั้ง\nมัฟฟิน\nมั้ย\nม้านั่ง\nมาเฟีย\nมาม่า\nมายองเนส\nมายาคติ\nมาร์ก\nมาร์เก็ต\nมาร์เก็ตติ้ง\nมาร์ค\nมาร์จิน\nมาร์ช\nมาร์ต\nมาร์ท\nมาราธอน\nม้าหินอ่อน\nมินต์\nมินท์\nมินิ\nมิลค์\nมิวสิค\nมิสซัง\nมิสไซล์\nมิสเตอร์\nมือถือ\nมุมมอง\nเมคอัพ\nเมจิก\nเมจิค\nเมทัล\nเมเปิล\nเมาท์\nเมี่ยงคำ\nแมกกาซีน\nแม็กกาซีน\nแมคเคอเรล\nแม่ค้า\nแมชชีน\nแมชีน\nแมนชั่น\nแมมบ้า\nแมมโบ้\nโมจิ\nโมเดล\nโมเดิร์น\nโมเต็ล\nโมโนเรล\nโมหจริต\nไมค์\nไมเกรน\nยนตรกรรม\nยอมรับ\nยะเยือก\nยังไง\nยากูซ่า\nยาวี\nยิม\nยิว\nยุวทูต\nยูโทเปีย\nยูโร\nยูวี\nเยน\nเยลลี่\nเย้ว\nเยอบีรา\nเยอบีร่า\nเยอร์บีรา\nเยอร์บีร่า\nแยมโรล\nโยเกิร์ต\nโยโย่\nรวมมิตร\nร็อค\nร็อคเก็ต\nรองรับ\nรอมฎอน\nรอยัลตี้\nระโงก\nรันเวย์\nรัม\nรากหญ้า\nราชบัณฑิตยสถาน\nราชานุญาต\nราชานุสาวรีย์\nรามเทพ\nรามาธิบดี\nรามายณะ\nราเม็ง\nราเมน\nรายชื่อ\nราสเบอร์รี\nริกเตอร์\nริคเตอร์\nรีไซเคิล\nรีดไถ\nรีทัช\nรีเทิร์น\nรีไทร์\nรีแบรนด์\nรีพอร์ท\nรีโมต\nรีโมท\nรีวิว\nรีสอร์ต\nรีสอร์ท\nรีเสิร์ช\nรุมบ้า\nรุสโซ\nรูบิก\nรูบิค\nเรซิน\nเรซิ่น\nเรดิโอ\nเรต\nเรตติ้ง\nแรงใจ\nแรงดูด\nแรงผลัก\nแรลลี\nแรลลี่\nโรดแมป\nโรเนียว\nโรแมนติก\nโรแมนติค\nโรล\nโรลออน\nไรเฟิล\nล็อกเกอร์\nลอจิสติกส์\nล็อต\nล็อบบี้\nลอร์ด\nล้มเหลว\nละติน\nละอ่อน\nลาซานญ่า\nลาติน\nลาเต้\nลานีญา\nลามะ\nลิมิต\nลิมูซีน\nลิสต์\nลีก\nลีด\nลีดเดอร์\nลีเมอร์\nลีลาวดี\nลุค\nลูกชาย\nลูกสาว\nเลกเชอร์\nเลคเชอร์\nเลดี้\nเลสเบี้ยน\nเลิฟ\nแลนด์\nแล็บ\nโลโก้\nโลชั่น\nไลท์\nไลน์\nไลฟ์\nวนาราม\nวราราม\nวโรกาส\nว้อดก้า\nวอเตอร์\nวอฟเฟิล\nว้อย\nวอร์ม\nวอร์มอัพ\nวอร์รูม\nวอล์ก\nวอล์ค\nวอลซ์\nวอลนัต\nวอลนัท\nวอลล์\nว่ะ\nวันเวย์\nวัสสา\nวาซาบิ\nวาทกรรม\nวาทะ\nวานิลลา\nวานิลา\nวาฟเฟิล\nวาริชศาสตร์\nว้าว\nวัคค์\nวัจนะ\nวาไรตี้\nวิก\nวิดีโอ\nวิทย์\nวิน\nวิป\nวิปปิ้ง\nวิภัชภาค\nวิว\nวิลล์\nวิลเลจ\nวีเจ\nวีซ่า\nวีดิทัศน์\nวีน\nวีไอพี\nวืด\nเวณิกา\nเวเฟอร์\nเวสต์\nเวอร์\nเวิร์ก\nเวิร์กช็อป\nเวิร์ค\nเวิร์ลด์\nเวิลด์\nแวมไพร์\nไวกิ้ง\nไวเบรเตอร์\nไวอะกร้า\nไวอากร้า\nศากยบุตร\nศิรินทร์\nศิลปวัฒนธรรม\nศิลปากร\nศิวิไลซ์\nศึกษาศาสตร์\nสกรัม\nสกาย\nสกู๊ป\nสเกตช์\nสเก็ตช์\nสคริปต์\nสแควร์\nสงบสุข\nสจ๊วต\nสตรอเบอร์รี\nสตรอเบอรี\nสตรอว์เบอร์รี\nสตริง\nสต็อก\nสต๊อก\nสต็อค\nสต๊อค\nสตอรี\nสตาร์\nสตาร์ท\nสติกเกอร์\nสติ๊กเกอร์\nสตีล\nสตูดิโอ\nสเตชัน\nสเตชั่น\nสเตเดียม\nสเตนเลส\nสเต็ป\nสเตย์\nสเตริโอ\nสเตอริโอ\nสแตนดาร์ด\nสแตนเลส\nสโตน\nสโตร์\nสไตรค์\nสไตล์\nสถาปัตย์\nสไนเปอร์\nสปอต\nสป็อต\nสปอนเซอร์\nสปอร์ต\nสปา\nสปาย\nสปิริต\nสเปก\nสเปค\nสไปเดอร์\nสมณพราหมณ์\nสมาพันธ์\nสมิติเวช\nสโรชา\nสลัม\nสแล็ก\nสโลแกน\nสโลว์\nสไลด์\nสวีท\nสหรัฐ\nสหัชญาณ\nสหัสวรรษ\nสะกอม\nสะเด่า\nสะบึม\nสะบึมส์\nสะออน\nสังโฆ\nสะโหลสะเหล\nสันทนาการ\nสัมนา\nสามช่า\nสามแยก\nสารขัณฑ์\nสี่แยก\nสึนามิ\nสุนทรีย์\nสุริยยาตร\nสุริยยาตร์\nสุหนี่\nเสกสรรค์\nเสพติด\nเสือโคร่ง\nหงวน\nหน่อมแน้ม\nหมวย\nหมั่นโถว\nหม่านโถว\nหมายปอง\nหมิง\nหยวน\nหลวงตา\nหลวงปู่\nหลวงพี่\nหล่อฮังก้วย\nหลินจือ\nห่วย\nเห็นด้วย\nเหมย\nเห่ย\nเหี่ยวย่น\nแหม็บ\nแหวว\nโหงว\nโหงวเฮ้ง\nโหลน\nโหลยโท่ย\nไหง\nไหร่\nอพาร์ตเมนต์\nอพาร์ตเมนท์\nอพาร์ทเมนต์\nอพาร์ทเมนท์\nอมาตยาธิปไตย\nอยุติธรรม\nอริยสงฆ์\nอ่วม\nอวอร์ด\nออกแบบ\nออดิชั่น\nออดิทอเรียม\nออเดอร์\nออโต้\nออทิสติก\nอ่อนด้อย\nออฟ\nออยล์\nออร์แกน\nออร์แกนิก\nออร์แกนิค\nออร์เดอร์\nออรัล\nออสซี่\nอะ\nอัตลักษณ์\nอัตวิสัย\nอันเดอร์\nอันตรกิริยา\nอัลตรา\nอัลไซเมอร์\nอัลบัม\nอัลบั้ม\nอัลมอนด์\nอาข่า\nอาโนเนะ\nอาฟเตอร์\nอาร์ติสต์\nอาร์พีจี\nอาว์\nอาสวะ\nอิกัวนา\nอินดอร์\nอินดัสตรีส์\nอินเตอร์\nอิ่มแปร้\nอิมพีเรียล\nอิเล็กทริก\nอิเล็กทริค\nอิเลียด\nอิสรชน\nอิเหนา\nอิออน\nอีแต๋น\nอีโรติก\nอีเวนท์\nอีสต์\nอีสเตอร์\nอึ๊บ\nอึ้ม\nอึ๋ม\nอึมครึม\nอุด้ง\nอุตสาหการ\nอุเทน\nอุปการคุณ\nอุปทาน\nอุปนายก\nอุปนายิกา\nอุปสงค์\nอุปัทวเหตุ\nอุรังคธาตุ\nอูคูเลเล่\nอู้ฟู่\nเอ๋\nเอ็กซ์โป\nเอ็กซ์เพรส\nเอ็กโซเซต์\nเอ็กโซเซ่ต์\nเอเซีย\nเอ็นจีโอ\nเอ็นเตอร์เทน\nเอนทรานซ์\nเอ็นทรานซ์\nเอฟเฟ็กต์\nเอเยนต์\nเอลนีโญ\nเอสเปรสโซ\nเอสเพรสโซ\nเอ๋อ\nเอาต์\nเอาท์\nเอาท์ดอร์\nเอ๊าะ\nแอ็กชั่น\nแอ็คชั่น\nแอคทีฟ\nแอดมิชชั่น\nแอดมิสชัน\nแอนด์\nแอ๊บแบ๊ว\nแอปเปิล\nแอปเปิ้ล\nแอปพริคอท\nแอพพริคอท\nแอพริคอต\nแอร์\nแอโรบิก\nแอโรบิค\nแอลมอนด์\nแอสเตอร์\nโอเค\nโอเปอเรเตอร์\nโอเปร่า\nโอเพ่น\nโอ้ย\nโอยัวะ\nโอรสาธิราช\nโอเลี้ยง\nโอวัลติน\nโอเวอร์\nไอซ์\nไอซียู\nไอดอล\nไอเดีย\nไอติม\nฮวงจุ้ย\nฮ่องเต้\nฮองเฮา\nฮอต\nฮ็อต\nฮอตดอก\nฮ็อตด็อก\nฮันนีมูน\nฮัม\nฮัลโลวีน\nฮัลโหล\nฮากกา\nฮาร์ด\nฮาราคีรี\nฮาลาล\nฮาโลวีน\nฮิ\nฮิต\nฮิบรู\nฮิปโป\nฮิปฮอป\nฮีโร่\nฮูลาฮูป\nฮูล่าฮูป\nเฮฟวี\nเฮฟวี่\nเฮอร์ริเคน\nเฮีย\nแฮนด์\nแฮปปี้\nแฮมเบอร์เกอร์\nโฮป\nโฮม\nโฮลดิงส์\nโฮลวีต\nโฮสเตส\nไฮกุ\nไฮแจ็ค\nไฮโซ\nไฮเทค\nไฮบริด\nไฮเปอร์\nไฮไลต์\nไฮไลท์\nไฮเวย์\nไฮสคูล\nไฮเอนด์\n\nกรีซ\nกัมพูชา\nกัวเตมาลา\nกาตาร์\nกานา\nกาบอง\nกายอานา\nกินี\nเกรนาดีนส์\nเกรเนดา\nเกาหลี\nแกมเบีย\nโกตดิวัวร์\nคองโก\nคอโมโรส\nคอสตาริกา\nคาซัคสถาน\nคิตส์\nคิริบาตี\nคิริบาส\nคิวบา\nคีร์กีซสถาน\nคูเวต\nเคนยา\nเคปเวิร์ด\nเคย์แมน\nแคนาดา\nแคเมอรูน\nโครเอเชีย\nโคลอมเบีย\nจอร์เจีย\nจอร์แดน\nจาเมกา\nจิบูตี\nจีน\nชาด\nชิลี\nเช็ก\nซามัว\nซาอุ\nซิมบับเว\nซีเรีย\nซูดาน\nซูรินาเม\nเซนต์\nเซเนกัล\nเซอร์เบีย\nเซาตูเม\nเซียร์รา\nแซมเบีย\nโซมาเลีย\nโซเวียต\nไซปรัส\nญี่ปุ่น\nดารุสซาลาม\nเดนมาร์ก\nโดมินิกัน\nโดมินิกา\nตรินิแดด\nตองกา\nติมอร์\nตุรกี\nตูนิเซีย\nเติร์กเมนิสถาน\nโตโก\nโตเบโก\nไต้หวัน\nทาจิกิสถาน\nแทนซาเนีย\nนอร์เวย์\nนามิเบีย\nนาอูรู\nนิการากัว\nนิวซีแลนด์\nเนเธอร์แลนด์\nเนปาล\nเนวิส\nไนจีเรีย\nไนเจอร์\nบราซิล\nบริติช\nบริเตน\nบรูไน\nบอตสวานา\nบอสเนีย\nบังกลาเทศ\nบังคลาเทศ\nบัลแกเรีย\nบาร์บูดา\nบาร์เบโดส\nบาห์เรน\nบาฮามาส\nบิสเซา\nบุรุนดี\nบูร์กินาฟาโซ\nเบนิน\nเบลเยียม\nเบลารุส\nเบลีซ\nเบอร์มิวดา\nโบลิเวีย\nปรินซิปี\nปากีสถาน\nปานามา\nปาปัวนิวกินี\nปารากวัย\nปาเลสไตน์\nปาเลา\nเปรู\nเปอร์เซีย\nเปอร์โตริโก\nโปรตุเกส\nโปแลนด์\nฝรั่งเศส\nพม่า\nฟิจิ\nฟินแลนด์\nฟิลิปปินส์\nเฟรนช์\nภูฏาน\nภูฐาน\nมองโกเลีย\nมอนเตเนโกร\nมอนแทนา\nมอริเชียส\nมอริเตเนีย\nมอลโดวา\nมอลตา\nมัลดีฟส์\nมาเก๊า\nมาซิโดเนีย\nมาดากัสการ์\nมาร์แชลล์\nมาลาวี\nมาลี\nมาเลเซีย\nเม็กซิโก\nเมียนมาร์\nโมซัมบิก\nโมนาโก\nโมนาโค\nโมร็อกโก\nไมโครนีเซีย\nยูกันดา\nยูโกสลาเวีย\nยูเครน\nเยเมน\nเยอรมนี\nรวันดา\nรัสเซีย\nโรมาเนีย\nลักเซมเบิร์ก\nลัตเวีย\nลาว\nลิกเตนสไตน์\nลิทัวเนีย\nลิเบีย\nลีโอน\nลูเซีย\nเลโซโท\nเลบานอน\nเลสเต\nไลบีเรีย\nวาติกัน\nวานูอาตู\nวินเซนต์\nเวเนซุเอลา\nเวียดนาม\nศรีลังกา\nสเปน\nสโลวะเกีย\nสโลวัก\nสโลวีเนีย\nสวาซิแลนด์\nสวิตเซอร์แลนด์\nสวีเดน\nสหรัฐ\nสหราชอาณาจักร\nสิกขิม\nสิงคโปร์\nอเมริกา\nออสเตรเลีย\nออสเตรีย\nอันดอร์รา\nอัฟกานิสถาน\nอาเซอร์ไบจาน\nอาร์เจนตินา\nอาร์เมเนีย\nอาระเบีย\nอิเควทอเรียล\nอิตาลี\nอินเดีย\nอินโดนีเซีย\nอิรัก\nอิสราเอล\nอิหร่าน\nอียิปต์\nอุซเบกิสถาน\nอุรุกวัย\nเอกวาดอร์\nเอธิโอเปีย\nเอมิเรตส์\nเอริเทรีย\nเอลซัลวาดอร์\nเอสโตเนีย\nแองโกลา\nแอนติกา\nแอลจีเรีย\nแอลเบเนีย\nโอมาน\nไอซ์แลนด์\nไอร์แลนด์\nฮ่องกง\nฮอนดูรัส\nฮังการี\nเฮติ\nเฮอร์เซโกวีนา\n\nกระบี่\nกรุงเทพ\nกาญจนบุรี\nกาฬสินธุ์\nกำแพงเพชร\nขอนแก่น\nจันทบุรี\nฉะเชิงเทรา\nชลบุรี\nชัยนาท\nชัยภูมิ\nชุมพร\nเชียงราย\nเชียงใหม่\nตรัง\nตราด\nตาก\nนครนายก\nนครปฐม\nนครพนม\nนครราชสีมา\nนครศรีธรรมราช\nนครสวรรค์\nนนทบุรี\nนราธิวาส\nน่าน\nบึงกาฬ\nบุรีรัมย์\nปทุมธานี\nประจวบคีรีขันธ์\nปราจีนบุรี\nปัตตานี\nพะเยา\nพังงา\nพัทลุง\nพิจิตร\nพิษณุโลก\nเพชรบุรี\nเพชรบูรณ์\nแพร่\nภูเก็ต\nมหาสารคาม\nมุกดาหาร\nแม่ฮ่องสอน\nยโสธร\nยะลา\nร้อยเอ็ด\nระนอง\nระยอง\nราชบุรี\nลพบุรี\nลำปาง\nลำพูน\nเลย\nศรีสะเกษ\nสกลนคร\nสงขลา\nสตูล\nสมุทรปราการ\nสมุทรสงคราม\nสมุทรสาคร\nสระแก้ว\nสระบุรี\nสิงห์บุรี\nสุโขทัย\nสุพรรณบุรี\nสุราษฎร์\nสุราษฎร์ธานี\nสุรินทร์\nหนองคาย\nหนองบัวลำภู\nอยุธยา\nอ่างทอง\nอำนาจเจริญ\nอุดรธานี\nอุตรดิตถ์\nอุทัยธานี\nอุบลราชธานี\nกันทรลักษ์\nจตุจักร\nไชยา\nซีคอน\nดอนเมือง\nถลาง\nไทรโยค\nธนบุรี\nธัญบุรี\nบางกอก\nบางปะกง\nบางระจัน\nปะทิว\nปาย\nพญาไท\nพัฒน์พงษ์\nพัทยา\nพารากอน\nภูมิซรอล\nรัตนาธิเบศร์\nรังสิต\nลันตา\nลาดพร้าว\nวโรรส\nวิภาวดี\nสตึก\nสมุย\nสัตหีบ\nสิมิลัน\nสุขุมวิท\nสุไหง\nเสลภูมิ\nอังรีดูนังต์\nอ่างขาง\nอินทนนท์\nเอ็มโพเรียม\n\nคิวชู\nแคริบเบียน\nแคสเปียน\nดานูบ\nตะนาวศรี\nนอร์วีเจียน\nนิโคบาร์\nเนรัญชรา\nไนล์\nบอร์เนียว\nบอลติก\nเบงกอล\nปิง\nแปซิฟิก\nมะละกา\nมินดาเนา\nมิสซิสซิปปี\nเมดิเตอร์เรเนียน\nเมโสโปเตเมีย\nยมุนา\nยุโรป\nยูเรเชีย\nยูเรเซีย\nแยงซี\nแยงซีเกียง\nสแกนดิเนเวีย\nสะโตง\nสาละวิน\nสุมาตรา\nสุเอซ\nอะเมซอน\nอันดามัน\nอัลไต\nอาร์กติก\nอาหรับ\nอินโดจีน\nอิรวดี\nอิระวดี\nอีเจียน\nอุษาคเณย์\nอูราล\nเอเชีย\nเอเดรียติก\nเอเวอเรสต์\nแอตแลนติก\nแอนตาร์กติก\nแอนตาร์กติกา\nแอฟริกา\nโอลิมปัส\nไอโอเนียน\nฮวงโห\nฮอกไกโด\nฮอนชู\n\nกบิลพัสดุ์\nกุสินารา\nโกลิยะ\nโกสัมพี\nโคตรบอง\nโคตรบูรณ์\nตองอู\nทรอย\nทวารวดี\nทวาราวดี\nเทวทหะ\nไทรบุรี\nนาลันทา\nไบแซนไทน์\nปรัสเซีย\nปัลลวะ\nปาฏลีบุตร\nพุทธคยา\nมถุรา\nมายัน\nมิถิลา\nราชคฤห์\nล้านช้าง\nล้านนา\nลุมพินี\nวัชชี\nเวสาลี\nสารนาถ\nสาวัตถี\nหริภุญชัย\nอโยธยา\nออตโตมัน\nอังวะ\nอินทปัตถ์\nอุชเชนี\n\nกราฟิก\nกราฟิกส์\nกราฟิค\nกริด\nกิกะไบต์\nกูเกิล\nกูเกิ้ล\nเกตเวย์\nโกลบอล\nคลัสเตอร์\nคลาส\nคลิก\nคลิปอาร์ต\nคอนโซล\nคอนเทนต์\nคอมพิวติ้ง\nคอมไพล์\nคอมไพเลอร์\nคอมมูนิเคชั่น\nคอร์\nคีย์\nคีย์บอร์ด\nเครือข่าย\nเคอร์เซอร์\nเคอร์เนล\nแคช\nแคมฟรอก\nแคมฟร็อก\nแคร็ก\nโค้ด\nจาวา\nจีพีเอส\nชิป\nชิพ\nเชลล์\nแช็ต\nแชนเนล\nแชนแนล\nซ็อกเก็ต\nซอฟต์แวร์\nซอฟท์แวร์\nซอร์ส\nซัพพอร์ต\nซัพพอร์ท\nซีดี\nซีดีรอม\nซีเนอร์\nเซิร์ฟเวอร์\nโซลูชัน\nโซลูชั่น\nไซต์\nไซเบอร์\nทรานแซกชัน\nทรานแซกชั่น\nทรานแซ็กชัน\nทรานแซ็กชั่น\nทรานแซคชัน\nทรานแซคชั่น\nทรานแซ็คชัน\nทรานแซ็คชั่น\nทวิตเตอร์\nทวีต\nทัชแพด\nเทมเพลต\nเทอร์มินัล\nแท็ก\nแท็บ\nแทบเล็ต\nโทรจัน\nเน็ต\nเน็ตบุ๊ก\nเน็ตบุค\nเน็ตบุ๊ค\nเน็ตเวิร์ก\nเน็ตเวิร์ค\nโน้ตบุ๊ก\nโน้ตบุค\nโน้ตบุ๊ค\nดอส\nดาวน์เกรด\nดาวน์โหลด\nดิจิตอล\nดิจิทัล\nดีบั๊ก\nดีวีดี\nดีไวซ์\nเดเบียน\nเดลไฟ\nเดสก์ท็อป\nโดเมน\nไดรว์\nไดรเวอร์\nไดเรกทอรี\nไดโอด\nเทเลคอม\nบล็อกเกอร์\nบรอดแบนด์\nบราวเซอร์\nบลูทูท\nบลูทูธ\nบลูเรย์\nบั๊ก\nบัฟเฟอร์\nบิต\nบิท\nบูต\nเบราว์เซอร์\nแบนด์วิดท์\nไบต์\nไบนารี\nโปรแกรมเมอร์\nโปรเซส\nโปรเซสเซอร์\nโปรโตคอล\nพร็อกซี\nพอร์ต\nพอร์ท\nพาเนล\nพาร์ทิชัน\nพารามิเตอร์\nพาสเวิร์ด\nพิกเซล\nเพจ\nเพจเจอร์\nแพกเก็ต\nแพตช์\nแพลตฟอร์ม\nโพรเซส\nโพรเซสเซอร์\nโพรโทคอล\nไพธอน\nฟล็อปส์\nฟอนต์\nฟอร์แมต\nฟอร์เวิร์ด\nฟอรัม\nฟีเจอร์\nเฟซบุ๊ก\nเฟิร์มแวร์\nแฟล็ก\nโฟลเดอร์\nไฟร์ฟอกซ์\nไฟร์วอลล์\nไฟล์\nมอดูล\nมอนิเตอร์\nมัลติ\nมัลติทัช\nมัลติเพล็กซ์\nมัลแวร์\nมาสเตอร์\nมีเดีย\nเมนู\nเมมโมรี\nเมล\nเมาส์\nแมค\nโมดูล\nโมเด็ม\nโมบาย\nโมบายล์\nโมไบล์\nไมโครซอฟท์\nยูนิกซ์\nยูนิโคด\nยูนิโค้ด\nริงโทน\nรีเฟรช\nรีเลย์\nเราเตอร์\nเรียลไทม์\nลิงก์\nลินุกซ์\nลีนุกซ์\nลูป\nเลเยอร์\nแล็ปท็อป\nไลเซนส์\nไลบรารี\nวิกิ\nวิกิพีเดีย\nวินโดวส์\nวินโดว์ส\nเว็บ\nเวอร์ชวล\nเวอร์ชัน\nเวอร์ชั่น\nเวิร์กสเตชัน\nเวิร์กสเตชั่น\nเวิร์คสเตชัน\nเวิร์คสเตชั่น\nเวิร์ด\nเวิร์ม\nไวแมกซ์\nสกรีน\nสแกน\nสแกนเนอร์\nสแต็ก\nสนิฟเฟอร์\nสปายแวร์\nสเปซ\nสแปม\nสมาร์ท\nสล็อต\nเสิร์ช\nโหลด\nออนไลน์\nออปติก\nออปติคอล\nออปติคัล\nออฟไลน์\nออราเคิล\nอัพเกรด\nอัพเดต\nอัพโหลด\nอัปเกรด\nอัปเดต\nอัปโหลด\nอัลกอริทึม\nอาร์กิวเมนต์\nอินเตอร์เน็ต\nอินทิเกรเตอร์\nอินเทอร์เน็ต\nอินเทอร์เฟซ\nอินเทล\nอินพุต\nอินพุท\nอีเมล\nอีเมล์\nอูบุนตู\nอูบันตู\nเอนจิน\nเอ็นจิน\nเอาต์พุต\nเอาต์พุท\nเอาท์พุต\nเอาท์พุท\nแอนะล็อก\nแอนิเมชัน\nแอนิเมชั่น\nแอปพลิเคชัน\nแอปพลิเคชั่น\nแอพพลิเคชัน\nแอพพลิเคชั่น\nแอสเซมบลี\nแอสเซมเบลอร์\nโอเพน\nไอคอน\nไอซี\nไอพอด\nไอพ็อด\nไอแพด\nไอโฟน\nฮับ\nฮาร์ดดิสก์\nฮาร์ดแวร์\nแฮกเกอร์\nแฮ็กเกอร์\nแฮนด์เฮลด์\nโฮสต์\n\nกรีก\nกัณณาฑ\nกัศมีรี\nคันจิ\nคาตาคานะ\nคุชราตี\nคุรุมุขี\nซีริลลิก\nซูลู\nเซลติก\nเซิร์บ\nตากาล็อก\nเตลุคู\nเติร์ก\nทราวิฑ\nเบงกาลี\nปัญจาบี\nพินอิน\nมลยาฬัม\nมองโกล\nมาราฐี\nมาเลย์\nเม็กซิกัน\nแมนจู\nแมนดาริน\nไมถิลี\nเยอรมัน\nรัสเซียน\nสวาฮิลี\nสวิส\nสินธี\nอูรดู\nอัสสมี\nอารบิก\nอิตาเลียน\nอุยกูร์\nแอฟริกัน\nโอริยา\nไอริช\nฮันกึล\nฮินดี\nฮิรางานะ\nฮีบรู\n\nกรีนพีซ\nกรือเซะ\nกวนอิม\nกวนอู\nกัดดาฟี\nกัลยาณวัตร\nกัสสปะ\nกาลิเลโอ\nกินเนส\nกุมภกรรณ\nกูเตนเบิร์ก\nเกตส์\nเกษมณี\nโกณฑัญญะ\nขงเบ้ง\nคริสโตเฟอร์\nคองคอร์ด\nคอลเกต\nคานธี\nคาเบรียล\nคาร์ฟูร์\nคาร์สัน\nคาราบาว\nคาสิโอ\nคิริน\nคุนลุ้น\nคูโบต้า\nเครมลิน\nแคทรีนา\nโคตมะ\nโคตมี\nโคลัมบัส\nไคฟง\nไครสเลอร์\nง้อไบ๊\nจตุพร\nจ็อบส์\nจอห์น\nจิ้น\nจิม\nจิ๋ม\nจิว\nจุฬาภรณ์\nจุฬาลงกรณ์\nเจมส์\nแจ็กสัน\nโจเซฟ\nโจว\nชมัยมรุเชฐ\nชมัยมรุเชษฐ์\nชเวดากอง\nชาร์ลส์\nชินราช\nชินวัตร\nชุนชิว\nเช็ง\nเชตวัน\nเชฟรอน\nเชฟโรเลต\nเชลซี\nไชยานุชิต\nซ่ง\nซังฮี้\nซัดดัม\nซันซิล\nซัมซุง\nซัวเจ๋ง\nซินหัว\nซีซาร์\nซีแพค\nซูซาน\nซูซูกิ\nซูบารุ\nเซ็นทารา\nเซเวน\nเซเว่น\nโซฟิเทล\nโซยุซ\nโซยูซ\nณัฐวุฒิ\nดาร์ลี่\nดาวโจนส์\nดิสนีย์\nดีแทค\nดูปองท์\nเดโมแครต\nเดลล์\nเดลินิวส์\nเดวิด\nแดวู\nโดนัลด์\nโดราเอมอน\nโดเรมอน\nต๋อง\nตั๊กม้อ\nตากสิน\nตาเมือน\nตาลีบัน\nตูน\nเตมีย์\nโต๋\nโตชิบา\nโตโยต้า\nถังซัมจั๋ง\nถังซำจั๋ง\nทรพา\nทราเวล\nทรูมูฟ\nทีปังกร\nเทปโก\nเทพรัตน\nเทวทัต\nเทสโก้\nโทมัส\nไททานิก\nไททานิค\nไทยรัฐ\nธีออส\nนครินทรา\nนโปเลียน\nนพดล\nนราดูร\nนเรนทร\nนอสตราดามุส\nนาซา\nนาซ่า\nนาซี\nนาโต\nนาโต้\nนาลแก\nนิคอน\nนิโคลัส\nนิด้า\nนินเทนโด\nนิปปอน\nนิวตัน\nนิสสัน\nเนคเทค\nเนชั่น\nเนชันแนล\nเนชั่นแนล\nเนวิน\nเนสเล่\nเนสาด\nแนท\nแนสแดค\nโนเกีย\nโนเบล\nโนเวลล์\nโนโวเทล\nไนเม็กซ์\nบรอดเวย์\nบรัดเลย์\nบรู๊ซ\nบัลเมอร์\nบารัก\nบารัค\nบู๊ตึ๊ง\nเบญกาย\nเบนซ์\nเบ็นซ์\nเบนจามิน\nโบตัน\nไบโอเทค\nประชาธิปัตย์\nปวีณา\nปอเต็กตึ๊ง\nปอเต๊กตึ๊ง\nป่อเต็กตึ๊ง\nปัตตะโชติ\nปารุสก์\nปีเตอร์\nปูติน\nเป๊ปซี่\nเป้ย\nเปอร์โยต์\nเปาบุ้นจิ้น\nโปเกมอน\nโป๊ยก่าย\nพรหมทัต\nพลาโต\nพอลล่า\nพานาโซนิค\nพานาโซนิก\nพิทยานุกูล\nพิมพิสาร\nเพนแทกซ์\nเพลโต\nไพโอเนียร์\nฟรอยด์\nฟรังซิส\nฟรานซิส\nฟลอเรนซ์\nฟอร์ด\nฟิลิปส์\nฟูจิ\nแฟซ่า\nโฟร์โมสต์\nภูมิพล\nภูริทัต\nมงฟอร์ต\nมณโฑ\nมติชน\nมหิตลาธิเบศร\nมโหสถ\nมัจฉานุ\nมาร์กาเร็ต\nมาร์ติน\nมาสด้า\nมิตซูบิชิ\nมิราเคิล\nมุสโสลินี\nเม้ง\nเมจิ\nเมอร์ซีเดส\nเมอร์เซเดส\nแมกซ์เวลล์\nแมกไซไซ\nแมคอินทอช\nแมชีนเนอรี่\nโมคคัลลานะ\nโมโตโรลา\nโมโตโรล่า\nโมเนีย\nไมเคิล\nไมยราพณ์\nยโสธรา\nยะโฮวา\nยะโฮวาห์\nยามาฮ่า\nยาเวห์\nยาฮู\nยูนิเซฟ\nยูเนสโก\nยูไล\nเยโฮวาห์\nรอยเตอร์\nรอยัล\nรัชดา\nรัสปูติน\nราฟาเอล\nรามาวตาร\nราเมศวร\nราหุล\nริชาร์ด\nรีพับลิกัน\nรูนีย์\nเรนโบว์\nแรมโบ้\nโรตารี\nโรนัลโด\nโรนัลโด้\nโรบินสัน\nโรเบิร์ต\nล็อกซเล่ย์\nลิงคอล์น\nลิจฉวี\nลิไท\nลิไทย\nลินคอล์น\nลิเวอร์พูล\nเลโนโว\nเลียดก๊ก\nโลตัส\nวชิราลงกรณ์\nวลาดิเมียร์\nวอลล์สตรีท\nวาเลนไทน์\nวิกตอเรีย\nวิทยานุสรณ์\nวิทยายน\nวิมเบิลดัน\nวิลเลียม\nวีระ\nวุฒิชัย\nเวียดกง\nไวตามิลค์\nศกุนตลา\nศรีวิชัย\nศิริพงษ์\nศิริราช\nศุภชลาศัย\nสดกก๊อกธม\nสดายุ\nสตาลิน\nสตีฟ\nสแตนฟอร์ด\nสวรินทิรา\nสังกัจจายน์\nสาทิตย์\nสารีบุตร\nสิริกิติ์\nสิรินธร\nสิหิงค์\nสีวลี\nสีหนุ\nสีหมุนี\nสีหโมนี\nสุครีพ\nสุทโธทนะ\nสุเทพ\nสุนทราภรณ์\nสุนีย์\nสุรนารี\nสุรยุทธ์\nสุริยาสน์\nเส้าหลิน\nโสกราตีส\nโสภิต\nหนุมาน\nหลินฮุ่ย\nหลุยส์\nเห้งเจีย\nไหหม่า\nองคต\nองคุลิมาล\nอชาตศัตรู\nอดุลยเดช\nอพอลโล\nอริสโตเติล\nอริสมันต์\nอลิซาเบธ\nอ๋อม\nออร์คิด\nออสการ์\nอะพอลโล\nอับราฮัม\nอั้ม\nอัลกออิดะห์\nอัลคาเทล\nอัลจาซีราห์\nอัลเฟรด\nอัลเลาะห์\nอัสซุส\nอัสสชิ\nอัสสัมชัญ\nอาเซม\nอาเซ็ม\nอาเซียน\nอาฟต้า\nอาร์เซนอล\nอินทรชิต\nอินทราทิตย์\nอีซูซุ\nอีเลฟเวน\nอีเลฟเว่น\nอุณรุท\nอุบลรัตน์\nอุบาลี\nอุ๋ย\nเอกทัศน์\nเอเซอร์\nเอ็ดเวิร์ด\nเอดิสัน\nเอแบค\nเอลิซาเบธ\nเอสพลานาด\nเอสพลานาร์ด\nแอคคอร์\nแอคคอร์ด\nแองเจลิน่า\nแอตแลนติส\nแอน\nแอ๋ม\nแอมบาสซาเดอร์\nแอมบาสเดอร์\nแอมเวย์\nแอ๋ว\nโอดีสซีย์\nโอเดียน\nโอบามา\nโอรสาราม\nโอลิมเปีย\nโออิชิ\nไอน์สไตน์\nฮอนด้า\nฮอปกินส์\nฮอลลีวูด\nฮอลลีวู้ด\nฮานามิ\nฮามาส\nฮิตเลอร์\nฮิตาชิ\nฮุนเซน\nฮุนเซ็น\nฮุนได\nฮุสเซ็น\nเฮนรี\nเฮนรี่\nเฮเลน\nโฮจิมินห์\nโฮปเวลล์\nโฮเมอร์\n\nกลีเซอรีน\nกำทอน\nแกนีมีด\nครอส\nคริสตัล\nคลอโรพลาสต์\nคลอไรด์\nควอนตัม\nคอนดักเตอร์\nคอปเปอร์\nคอลลาเจน\nคอเลสเตอรอล\nคอสมิก\nคูลอมบ์\nเคอราติน\nแคโรทีน\nแคสสินี\nโครมาโทกราฟี\nไคโตซาน\nจีโนม\nจุลชีววิทยา\nชิคุนกุนยา\nซัลฟิวริก\nซัลเฟต\nซัลไฟด์\nซิงค์\nซิริอุส\nซิลิกา\nซิลิเกต\nซิลิโคน\nซีเทน\nซีเวิร์ต\nเซ็กเตอร์\nเซ็กเมนต์\nเซมิ\nโซนาร์\nไซบอร์ก\nดอปเปลอร์\nดอปเพลอร์\nไดนามิก\nไดนามิกส์\nไดนามิค\nไดนามิคส์\nไดออกไซด์\nทรานส์\nทามิฟลู\nเทฟลอน\nเทสโทสเตอโรน\nเทอร์โม\nแทนนิน\nไททัน\nไทฟอยด์\nไทรอยด์\nธาลัสซีเมีย\nเนกาตีฟ\nโนวา\nบอแรกซ์\nโบทอกซ์\nโบท็อกซ์\nไบโอติน\nปฏิยานุพันธ์\nโปรเจสเตอโรน\nพอลิเมอร์\nพันธุศาสตร์\nพัลซาร์\nพาร์กินสัน\nพาราเซตามอล\nพาราโบลา\nเพอร์ออกไซด์\nโพรเจสเทอโรน\nโพลาไรซ์\nโพลิเมอร์\nโพลีเอทิลีน\nไพรเมต\nฟลาโวนอยด์\nฟลูออเรสเซนซ์\nฟลูออไรด์\nฟอสซิล\nฟิชชัน\nฟิวชัน\nฟีโรโมน\nไฟเบอร์\nมอนอกไซด์\nมิราจ\nเมตริกซ์\nเมทริกซ์\nเมลานิน\nเมลามีน\nโมเมนตัม\nไมโตคอนเดรีย\nไมโทคอนเดรีย\nยีสต์\nยูริก\nยูเรีย\nรูมาตอยด์\nวีก้า\nเวกเตอร์\nเวก้า\nเวสิเคิล\nโวลต์\nสเกล\nสเกลาร์\nสเต็ม\nสเตียรอยด์\nสปีชีส์\nสเปิร์ม\nสัมพัทธภาพ\nสุริยจักรวาล\nออกเทน\nออโรรา\nออโรร่า\nอะคริลิก\nอะครีลิก\nอะซีติก\nอะซีโตน\nอะมิโน\nอะลูมินา\nอันโดรเมดา\nอัลคาไลน์\nอัลตราซาวด์\nอัลตราซาวนด์\nอัลลอยด์\nอินทิกรัล\nอินทิเกรต\nอีโบลา\nอีโบล่า\nเอ็กซ์โพเนนเชียล\nเอทานอล\nเอทิลีน\nเอนโทรปี\nเอสเตอร์\nเอสโตรเจน\nเอสโทรเจน\nแอนดรอยด์\nแอนแทร็กซ์\nแอมพลิจูด\nแอมโมเนียม\nแอลกอฮอลิซึม\nแอสพาร์แตม\nโอเซลทามิเวียร์\nฮับเบิล\nฮิวมัส\nไฮดรอกไซด์\nไฮดรอลิก\nไฮโดรลิก\nไฮเพอร์โบลา\n\nกงเต็ก\nกฎุมพี\nกฏ\nกฏหมาย\nกบฎ\nกราไฟต์\nก๊อปปี้\nกะทะ\nกังวาล\nกุฎฐัง\nกุฏุมพี\nฃวด\nคฑา\nคลินิค\nคลีนิก\nคลีนิค\nคาทอลิค\nคึ่นฉ่าย\nแคตตาล็อก\nโควต้า\nฅน\nจุมพฎ\nช็อคโกแลต\nแซ่ด\nดัทช์\nทนง\nทรมาณ\nทราก\nทะแยง\nทิฏฐิ\nบล็อค\nบ๊องแบ๊ว\nบัลเล่ต์\nเบรค\nแบงค์\nปรากฎ\nปัคคหะ\nปาฏิโมกข์\nปิติ\nปิรามิด\nโปรเตสแตนท์\nพนิช\nพยักเพยิด\nพริ้ว\nพลูโตเนียม\nพากษ์\nเฟิร์น\nยากี้\nเยภุยยสิกา\nรุสเซีย\nฤาษี\nล็อค\nล็อคเกอร์\nวันทยาหัตถ์\nวานิช\nวิญญาน\nวิศิษฐ์\nศรีษะ\nสเปกโทรสโคป\nสฤษฎ์\nสลิ่ม\nสัตตสดก\nสาราณียากร\nสุกี้\nสุกี้ยากี้\nสูญญากาศ\nหยอมแหยม\nหยอย\nหล่ะ\nอะดรีนาลีน\nอะหลั่ย\nอัตคัต\nอัฟริกา\nอานิสงค์\nอาฟริกา\nอิริยาบท\nอิเลคโทรนิคส์\nอีรุงตุงนัง\nอุตรายัน\nอุลตรา\nอุลตร้า\nโอกาศ\n\nกกหู\nกงการ\nกงจักร\nกฎเกณฑ์\nกฎบัตร\nกฎหมาย\nกฎหมู่\nกดขี่\nกดดัน\nก้นกบ\nก้นบึ้ง\nก้นปล่อง\nกนิษฐภคินี\nกนิษฐภาดา\nกรงเล็บ\nกรมการ\nกรมท่า\nกรมธรรม์\nกรมนา\nกรมวัง\nกรรมกร\nกรรมการ\nกรรมฐาน\nกรรมบถ\nกรรมพันธุ์\nกรรมวิธี\nกรรมสิทธิ์\nกระจกเงา\nกระจกตา\nกระจกนูน\nกระจกเว้า\nกระจอกชวา\nกระจอกเทศ\nกระจ้อยร่อย\nกระจับบก\nกระจับปิ้ง\nกระจับปี่\nกระโชกโฮกฮาก\nกระดานดำ\nกระดานหก\nกระดาษแก้ว\nกระดาษไข\nกระดาษทราย\nกระดาษสา\nกระดูกงู\nกระทาชาย\nกระเท่เร่\nกระบวนการ\nกระบองเพชร\nกระผีกริ้น\nกระยาทิพย์\nกระยาสารท\nกระยาหาร\nกระสอบทราย\nกระสุนปืน\nกระแสจิต\nกระแสน้ำ\nกระแสลม\nกรับคู่\nกรับพวง\nกรับเสภา\nกราดเกรี้ยว\nกราวรูด\nกริ่งเกรง\nกรีฑาสถาน\nกรีดกราย\nกรี๊ดกร๊าด\nกลไก\nกลบท\nกลเม็ด\nกลยุทธ์\nกลวิธี\nกลศาสตร์\nกลอักษร\nกลบเกลื่อน\nกลมกล่อม\nกลมกลืน\nกลมเกลียว\nกล้วยแขก\nกล้วยไม้\nกล่องเสียง\nกล่อมเกลา\nกล่อมเกลี้ยง\nกลัดกลุ้ม\nกลัดมัน\nกลั่นกรอง\nกลั่นแกล้ง\nกลับกลอก\nกลางคน\nกลางคัน\nกลางค่ำ\nกลางคืน\nกลางแจ้ง\nกลางแปลง\nกลางวัน\nกลาดเกลื่อน\nกล่าวขวัญ\nกล่าวโทษ\nกล่าวหา\nกล้ำกราย\nกล้ำกลืน\nกลิ้งกลอก\nกลิ้งเกลือก\nกลิ่นอาย\nกลียุค\nกวดขัน\nกวัดแกว่ง\nกวัดไกว\nกวีนิพนธ์\nก่อกวน\nก่อการ\nก่อตั้ง\nก่อสร้าง\nก่อหวอด\nก้อร่อก้อติก\nกองกลาง\nกองเกิน\nกองโจร\nกองทัพ\nกองทุน\nกองพล\nกองพัน\nกองฟอน\nกองร้อย\nกองหนุน\nกอบโกย\nกะเกณฑ์\nกะบังลม\nกักกัน\nกักขัง\nกักตัว\nกักตุน\nกัณฑ์เทศน์\nกัดฟัน\nกันชน\nกันท่า\nกันสาด\nกันเอง\nกับแกล้ม\nกับข้าว\nกับระเบิด\nกากเพชร\nกากหมู\nกาชาด\nกาญจนาภิเษก\nก้านคอ\nกาฝาก\nก้ามกราม\nกามกิจ\nกามคุณ\nกามเทพ\nกามโรค\nก้ามปู\nกายกรรม\nกายบริหาร\nกายภาพ\nกายวิภาค\nกายสิทธิ์\nก่ายกอง\nการคลัง\nการเงิน\nการบ้าน\nการเปรียญ\nการเมือง\nการเรือน\nการละเล่น\nกาลกิริยา\nกาลเทศะ\nก้าวก่าย\nก้าวร้าว\nก้าวหน้า\nกาสาวพัสตร์\nกาฬพฤกษ์\nกาฬโรค\nกำปั้น\nกำมือ\nกำแพงขาว\nกำลังใจ\nกำลังม้า\nกี่งอำเภอ\nกิจกรรม\nกิจการ\nกิจวัตร\nกิจจะลักษณะ\nกิตติคุณ\nกิตติศัพท์\nกินขาด\nกินใจ\nกินดอง\nกินโต๊ะ\nกินแบ่ง\nกินเปล่า\nกินเลี้ยง\nกินเส้น\nกินแหนง\nกิโลกรัม\nกิโลเมตร\nกิโลลิตร\nกิโลเฮิรตซ์\nกีดกัน\nกีดกั้น\nกีดขวาง\nกึกก้อง\nกึกกัก\nกึกกือ\nกึ่งกลาง\nกุกกัก\nกุ๊กกิ๊ก\nกุ้งฝอย\nกุ้งมังกร\nกุ้งแห้ง\nกุ้งเต้น\nกุ้งยิง\nกุญแจผี\nกุญแจมือ\nกุญแจเลื่อน\nกุญแจเสียง\nกุลธิดา\nกุลบุตร\nกุลสตรี\nกู้ยืม\nเก้งก้าง\nเก็บกวาด\nเก็บเกี่ยว\nเก็บงำ\nเก็บตก\nเกรงกลัว\nเกรงใจ\nเกรงขาม\nเกรียงไกร\nเกรียมกรม\nเกรี้ยวกราด\nเกล็ดเลือด\nเกลี้ยกล่อม\nเกลี้ยงเกลา\nเกลือกกลั้ว\nเกลือกกลิ้ง\nเกลื่อนกล่น\nเกลื่อนกลาด\nเกศธาตุ\nเกษตรกร\nเกษตรกรรม\nเกษตรศาสตร์\nเกษมสันต์\nเกษียรสมุทร\nเก้อเขิน\nเกาะแกะ\nเกี่ยงงอน\nเกียจคร้าน\nเกียรติคุณ\nเกียรตินิยม\nเกียรติประวัติ\nเกียรติภูมิ\nเกียรติยศ\nเกียรติศักดิ์\nเกียรติมุข\nเกี่ยวข้อง\nเกี่ยวดอง\nเกี่ยวพัน\nเกี่ยวโยง\nเกี้ยวพาน\nเกี้ยวพาราสี\nแก่แดด\nแก้ขัด\nแก้ไข\nแก้ตัว\nแก้เผ็ด\nแก้ลำ\nแกงคั่ว\nแกงจืด\nแกงบวด\nแกงป่า\nแกงเผ็ด\nแกงส้ม\nแก่งแย่ง\nแก่นแก้ว\nแก่นสาร\nแก้วตา\nแก้วหู\nแกว่งกวัด\nแกว่งไกว\nแกะรอย\nโก้เก๋\nโกรธเกรี้ยว\nโกรธขึ้ง\nไก่เขี่ย\nไก่ชน\nไก่บ้าน\nไก่ป่า\nไก่ฟ้า\nไกล่เกลี่ย\nขจัดขจาย\nขนเพชร\nขนสัตว์\nขนหนู\nขนส่ง\nขนมจีน\nขบขัน\nขบวนการ\nข่มขี่\nข่มขู่\nข่มขืน\nข่มเหง\nขมหิน\nขมิ้นชัน\nขมุบขมิบ\nขยะแขยง\nขยักขย่อน\nขยักขย้อน\nขยับขยาย\nขยับเขยื้อน\nขวดโหล\nขวยเขิน\nขวัญใจ\nขวัญตา\nขวัญอ่อน\nขวากหนาม\nขวางโลก\nของ้าว\nขอสับ\nขอขมา\nขอทาน\nขอโทษ\nขอร้อง\nขออภัย\nข้อเขียน\nข้อความ\nข้อเท็จจริง\nของกลาง\nของขวัญ\nของแข็ง\nของชำ\nของลับ\nของเล่น\nของว่าง\nของเหลว\nของไหล\nของไหว้\nข้องใจ\nข้องแวะ\nขอบข่าย\nขอบเขต\nขอบคุณ\nขอบใจ\nขอบพระคุณ\nข้อมูล\nข้อแม้\nข้อหา\nข้อสังเกต\nขัดข้อง\nขัดขืน\nขัดเขิน\nขัดจังหวะ\nขัดดอก\nขัดแตะ\nขัดยอก\nขัดแย้ง\nขัดสมาธิ\nขันหมาก\nขันอาสา\nขับขี่\nขับเคี่ยว\nขั้วโลก\nขาจร\nขาประจำ\nข้าราชการ\nข้าศึก\nข้าหลวง\nขาดแคลน\nขาดใจ\nขาดตอน\nขาดตัว\nขาดทุน\nขาดเหลือ\nขายหน้า\nข่าวกรอง\nข่าวคราว\nข่าวล่า\nข่าวลือ\nข่าวสาร\nข้าวเกรียบ\nข้าวแกง\nข้าวของ\nข้าวจี่\nข้าวเจ้า\nข้าวซอย\nข้าวต้ม\nข้าวตอก\nข้าวตัง\nข้าวแตน\nข้าวทิพย์\nข้าวบิณฑ์\nข้าวเปลือก\nข้าวโพด\nข้าวฟ่าง\nข้าวเม่า\nข้าวสวย\nข้าวสาร\nข้าวเหนียว\nข้าวหมาก\nข้าวหลาม\nขี้เกียจ\nขี้ข้า\nขี้ครอก\nขี้คร้าน\nขี้คุก\nขี้ไคล\nขี้เซา\nขีดขั้น\nขีดคร่อม\nขีดคั่น\nขีดฆ่า\nขี้ตา\nขี้ตืด\nขี้เถ้า\nขี้ทูด\nขี้ปะติ๋ว\nขี้ผึ้ง\nขี้มูก\nขี้ยา\nขี้แย\nขี้ริ้ว\nขี้เรื้อน\nขี้เล็บ\nขี้หู\nขี้หน้า\nขี้เหนียว\nขี้เหล็ก\nขี้เหร่\nขึงขัง\nขึงพืด\nขึ้งโกรธ\nขึ้นใจ\nขึ้นชื่อ\nขึ้นมือ\nขืนใจ\nขื่นขม\nขุดคุ้ย\nขุนทอง\nขุนนาง\nขุนพล\nขุนศึก\nขุนหลวง\nขูดรีด\nเข็มกลัด\nเข็มขัด\nเข้มข้น\nเข้มแข็ง\nเข้มงวด\nเข็มทิศ\nเข็มหมุด\nเข้าขา\nเข้าเค้า\nเข้าใจ\nเข้าชื่อ\nเข้าตัว\nเข้าถึง\nเข้าทรง\nเข้าท่า\nเข้าที\nเข้าเนื้อ\nเข้าเล่ม\nเขียวเสวย\nเขียวหวาน\nแขกเต้า\nแข็งกร้าว\nแข็งกล้า\nแข็งแกร่ง\nแข็งข้อ\nแข็งขัน\nแข่งขัน\nแข็งใจ\nแข็งตัว\nแข็งเมือง\nแข็งแรง\nแขวนลอย\nโขกสับ\nโขยกเขยก\nไขข้อ\nไขควง\nไขมัน\nไข่มุก\nไขว่ห้าง\nไขสันหลัง\nไขสือ\nไข่เค็ม\nไข่เยี่ยวม้า\nไข่หงส์\nไข่เหี้ย\nคงกระพัน\nคงตัว\nคงทน\nคงที่\nคชลักษณ์\nคชสาร\nคชสีห์\nคชราช\nคณิตศาสตร์\nคดเคี้ยว\nคติธรรม\nคติพจน์\nคนกลาง\nคนไข้\nคนใช้\nคนทรง\nคบไฟ\nคบเพลิง\nคบค้า\nคบคิด\nคบหา\nคมคาย\nครบครัน\nครบถ้วน\nครอบครอง\nครอบคลุม\nครอบครัว\nครอบงำ\nครอบจักรวาล\nคริสตกาล\nคริสตจักร\nคริสต์มาส\nคริสต์ศตวรรษ\nคริสต์ศักราช\nคริสตัง\nคริสเตียน\nครุกรรม\nครุภัณฑ์\nครุศาสตร์\nครุฑพ่าห์\nครุ่นคิด\nคลอเคลีย\nคล่องแคล่ว\nคล่องตัว\nคล่องมือ\nคลั่งไคล้\nคลาคล่ำ\nคลาไคล\nคลาดเคลื่อน\nคลาดแคล้ว\nคลี่คลาย\nคลึงเคล้น\nคลึงเคล้า\nคลื่นไส้\nคลื่นเหียน\nคลุกคลี\nคลุกคลาน\nคลุมเครือ\nคลุมโปง\nคลุ้มคลั่ง\nควงสว่าน\nควบคุม\nควบคู่\nควบแน่น\nควันหลง\nความคิด\nความหลัง\nความเห็น\nคอหอย\nคอห่าน\nคอแห้ง\nค่อนขอด\nค่อนแคะ\nค้อนควัก\nคั่งค้าง\nคั่งแค้น\nคัดค้าน\nคัดง้าง\nคัดท้าย\nคัดเลือก\nคันจาม\nคันฉ่อง\nคันฉาย\nคันชัก\nคันชั่ง\nคันไถ\nคันนา\nคันเร่ง\nคับขัน\nคับคั่ง\nคับแค้น\nคับแคบ\nคางทูม\nคางหมู\nค้างคืน\nค้างปี\nคาดคั้น\nคาดเชือก\nคาดโทษ\nคาดหมาย\nคานหาม\nคาบเกี่ยว\nคาบศิลา\nคาบสมุทร\nคำขาด\nคำนำ\nคิดค้น\nคืนดี\nคืนตัว\nคุกเข่า\nคุณค่า\nคุณชาย\nคุณธรรม\nคุณนาย\nคุณภาพ\nคุณลักษณะ\nคุณวุฒิ\nคุณศัพท์\nคุณสมบัติ\nคุณหญิง\nคุณากร\nคุณูปการ\nคุโณปการ\nคุมเชิง\nคุ้มกัน\nคุยเขื่อง\nคุยโต\nคุ้ยเขี่ย\nคุ้มครอง\nคู่กรณี\nคู่กัด\nคู่ขา\nคู่แข่ง\nคู่ครอง\nคู่ควร\nคู่คิด\nคู่คี่\nคู่ใจ\nคู่ชีพ\nคู่ชีวิต\nคู่บารมี\nคู่บุญ\nคู่ปรปักษ์\nคู่ปรับ\nคู่ผสม\nคู่มือ\nคู่รัก\nคู่ลำดับ\nคู่สาย\nคู่หมั้น\nคู่หู\nคู่อริ\nคู่อาฆาต\nเคมีภัณฑ์\nเคยตัว\nเคร่งขรึม\nเคร่งครัด\nเคร่งเครียด\nเครดิตฟองซิเอร์\nเครื่องกล\nเครื่องกัณฑ์\nเครื่องแกง\nเครื่องเขิน\nเครื่องครัว\nเครื่องเคียง\nเครื่องเงิน\nเครื่องจักร\nเครื่องเซ่น\nเครื่องดนตรี\nเครื่องต้น\nเครื่องทุ่นแรง\nเครื่องเทศ\nเครื่องใน\nเครื่องบิน\nเครื่องบูชา\nเครื่องแบบ\nเครื่องประดับ\nเครื่องปรุง\nเครื่องปรุงรส\nเครื่องมือ\nเครื่องยนต์\nเครื่องร่อน\nเครื่องราง\nเครื่องเรือน\nเครื่องล่าง\nเครื่องเล่น\nเครื่องสาย\nเครื่องสำอาง\nเครื่องสุกำศพ\nเครื่องหมาย\nเครือรัฐ\nเคลียคลอ\nเคลื่อนที่\nเคลื่อนไหว\nเคลือบแคลง\nเคลือบแฝง\nเคลือบฟัน\nเคว้งคว้าง\nเคหสถาน\nเค้าโครง\nเคียดแค้น\nเคี่ยวเข็ญ\nเคี้ยวเอื้อง\nเคืองขุ่น\nโคนม\nโคบาล\nโคมูตร\nโคมลอย\nโครงการ\nโครงเรื่อง\nโครงงาน\nโครงสร้าง\nโครมคราม\nโคลงเคลง\nฆ้องกระแต\nฆ้องชัย\nฆ้องวง\nฆ้องหุ่ย\nฆ้องเหม่ง\nฆ้องโหม่ง\nฆาตกร\nฆาตกรรม\nฆานประสาท\nงงงวย\nงงงัน\nงดเว้น\nงบดุล\nงบประมาณ\nงมโข่ง\nงมงาย\nง่วงงุน\nง่วงเหงา\nงอหาย\nง้องอน\nงอนง้อ\nงอมแงม\nงาช้าง\nง่าเงย\nงานการ\nง่ายดาย\nงึมงำ\nเงินเดือน\nเงินตรา\nเงินยวง\nเงียบกริบ\nเงียบเชียบ\nเงียบเหงา\nเงื่องหงอย\nเงื่อนไข\nเงื่อนงำ\nเงื่อนเวลา\nเงื้อมมือ\nแง่งอน\nจงใจ\nจงรัก\nจดจ่อ\nจดจำ\nจดหมาย\nจดหมายเหตุ\nจรจัด\nจรรยาบรรณ\nจริงจัง\nจริงใจ\nจอมขวัญ\nจอมใจ\nจอมทัพ\nจอมปลวก\nจอมพล\nจ๊ะเอ๋\nจักสาน\nจักรพรรดิ\nจักรภพ\nจักรยาน\nจักรยานยนต์\nจักรราศี\nจักรวรรดิ\nจักรวรรดินิยม\nจักรวาล\nจังหนับ\nจัดการ\nจัดจ้าน\nจัดเจน\nจัดแจง\nจัดตั้ง\nจัดสรร\nจับกุม\nจับจด\nจับเจ่า\nจ่าหน้า\nจาตุทสี\nจาตุมหาราช\nจาตุมหาราชิก\nจาตุมหาราชิกา\nจาตุรงคสันนิบาต\nจาตุรราชการ\nจานเชิง\nจานบิน\nจานผี\nจานเสียง\nจาบจ้วง\nจำเป็น\nจำพรรษา\nจำวัด\nจ้ำจี้จ้ำไช\nจำเลาะตา\nจิงโจ้น้ำ\nจิตใจ\nจิตตภาวนา\nจิตตัง\nจิตตานุปัสสนา\nจิตนิยม\nจิตบำบัด\nจิตแพทย์\nจิตวิสัย\nจิตรกร\nจิตรกรรม\nจิตรลดา\nจิตวิทยา\nจิตเวช\nจิตเวชศาสตร์\nจินตกวี\nจินตนา\nจินตนาการ\nจินตภาพ\nจุฑามณี\nจุฑามาศ\nจุฑารัตน์\nจุนเจือ\nจุ้นจ้าน\nจุลชีพ\nจุลชีวัน\nจุลชีวิน\nจุลทรรศน์\nจุลภาค\nจุลวรรค\nจุลศักราช\nจุลสาร\nจุลินทรีย์\nจุฬามณี\nจุฬาลักษณ์\nเจตคติ\nเจตจำนง\nเจตนารมณ์\nเจตภูต\nเจริญพร\nเจ้ากรม\nเจ้ากรรม\nเจ้าของ\nเจ้าขา\nเจ้าข้า\nเจ้าคณะ\nเจ้าค่ะ\nเจ้าจอม\nเจ้าชู้\nเจ้าตัว\nเจ้าถิ่น\nเจ้าท่า\nเจ้าที่\nเจ้าทุกข์\nเจ้านาย\nเจ้าเนื้อ\nเจ้าบ้าน\nเจ้าบ่าว\nเจ้าประคุณ\nเจ้าประคู้น\nเจ้าพนักงาน\nเจ้าพระคุณ\nเจ้าพระยา\nเจ้าพ่อ\nเจ้าพายุ\nเจ้าฟ้า\nเจ้าภาพ\nเจ้ามือ\nเจ้าแม่\nเจ้าเรือน\nเจ้าสังกัด\nเจ้าสัว\nเจ้าสาว\nเจ้าหน้าที่\nเจ้าหนี้\nเจ้าอาวาส\nเจาะจง\nเจือจาง\nเจือจาน\nเจือปน\nเจื้อยแจ้ว\nแจกจ่าย\nแจ่มแจ้ง\nแจ่มใส\nโจงกระเบน\nโจมตี\nโจรกรรม\nโจรสลัด\nใจความ\nใจคอ\nฉกฉวย\nฉกชิง\nฉลองได\nฉ้อฉล\nฉัตรมงคล\nฉันทลักษณ์\nฉายาลักษณ์\nฉิบหาย\nฉุกเฉิน\nฉุกละหุก\nฉุนเฉียว\nฉุปศาสตร์\nเฉไฉ\nเฉยเมย\nเฉาโฉด\nเฉิดฉัน\nเฉิดฉาย\nเฉิดฉิน\nเฉียบขาด\nเฉียบพลัน\nเฉียบแหลม\nเฉื่อยชา\nแฉะแบะ\nโฉดเฉา\nโฉมงาม\nโฉมฉาย\nโฉมเฉลา\nโฉมตรู\nโฉมยง\nโฉมศรี\nโฉมหน้า\nชดช้อย\nชดเชย\nชดใช้\nชนบท\nชนินทร์\nชนกกรรม\nชนมพรรษา\nชนมายุ\nชมเชย\nชมพูทวีป\nชมพูนท\nชมพูนุท\nชราธรรม\nชราภาพ\nชลจร\nชลธาร\nชลธี\nชลนัยน์\nชลนา\nชลเนตร\nชลประทาน\nชลมารค\nชลาธาร\nชลาลัย\nชลาศัย\nชลาสินธุ์\nชโลทร\nช่วงชิง\nช่วงใช้\nชวนชม\nชวนหัว\nช่วยเหลือ\nช่อฟ้า\nช่อม่วง\nชอกช้ำ\nช่องเขา\nช่องแคบ\nช่องไฟ\nช่องว่าง\nช้องนาง\nชอบกล\nชอบใจ\nชอบธรรม\nชอบพอ\nชักโครก\nชักเงา\nชักจูง\nชักชวน\nชักนำ\nชักเนื้อ\nชักพระ\nชักเย่อ\nชักใย\nชั่งใจ\nชังฆวิหาร\nชัดเจน\nชั้นเชิง\nชั่วคน\nชั่วคราว\nชั่วช้า\nชั่วโมง\nชั่วแล่น\nชาเย็น\nช้านาน\nช่างเครื่อง\nช่างฝีมือ\nช่างฟิต\nช่างไฟ\nช้างน้ำ\nช้างเผือก\nช้างพลาย\nช้างพัง\nช้างสาร\nช้างสีดอ\nชาติธรรม\nชาตินิยม\nชาติพันธุ์\nชาติพันธุ์วิทยา\nชาติภูมิ\nชานชาลา\nชายชาตรี\nชายคา\nชายฝั่ง\nชายทะเล\nชาวเล\nชาววัง\nช้ำใจ\nช้ำชอก\nชิงชัง\nชิงพลบ\nชินชา\nชินบุตร\nชิ้นเอก\nชิมลาง\nชีเปลือย\nชี้ขาด\nชี้แจง\nชี้นำ\nชี้แนะ\nชี้ฟ้า\nชีพจร\nชีพิตักษัย\nชื่นชม\nชื่นบาน\nชื่นมื่น\nชื่อย่อ\nชื่อรอง\nชื่อเล่น\nชื่อเสียง\nชุกชุม\nชุติมา\nชุบตัว\nชุบเลี้ยง\nชุมชน\nชุมทาง\nชุมสาย\nชุ่มใจ\nชุ่มชื่น\nชุ่มชื้น\nชุมนุมชน\nชูชีพ\nชูโรง\nชู้สาว\nเชยชม\nเชลยศักดิ์\nเชลยศึก\nเช่าซื้อ\nเช้าตรู่\nเช้ามืด\nเชิงกราน\nเชิงกล\nเชิงชั้น\nเชิงชาย\nเชิงซ้อน\nเชิงเดียว\nเชิงเดี่ยว\nเชิงตะกอน\nเชิงเทิน\nเชิงมุม\nเชิดชู\nเชิงอรรถ\nเชี่ยนหมาก\nเชี่ยวชาญ\nเชื่องช้า\nเชื่อใจ\nเชื่อถือ\nเชื่อฟัง\nเชื่อมือ\nเชื้อชาติ\nเชื้อเพลิง\nเชื้อไฟ\nเชื้อโรค\nเชื้อสาย\nเชื้อเชิญ\nเชื่องช้า\nเชือนแช\nเชื่อวัน\nแช่เย็น\nแช่อิ่ม\nแช่มช้อย\nแช่มชื่น\nโชกโชน\nโชติช่วง\nโชติรส\nใช้สอย\nซบเซา\nซมซาน\nซวนเซ\nซอกซอน\nซอกแซก\nซ่องสุม\nซ่องเสพ\nซ่องแซ่ง\nซ่อนรูป\nซ่อนเร้น\nซ่อนหา\nซ่อนกลิ่น\nซ่อนทราย\nซ่อมแซม\nซักค้าน\nซักซ้อม\nซักไซ้\nซักฟอก\nซักแห้ง\nซังกะตาย\nซังตาย\nซัดเซ\nซัดทอด\nซับซ้อน\nซับใน\nซับพระพักตร์\nซากศพ\nซ่านเซ็น\nซ้ำซ้อน\nซ้ำซาก\nซ้ำเติม\nซ้ำร้าย\nซี่โครง\nซีดเซียว\nซึมกะทือ\nซึมซาบ\nซึมเซา\nซึมทราบ\nซึมเศร้า\nซื่อตรง\nซื่อสัตย์\nซื้อขาย\nซุกซน\nซุกซ่อน\nซุบซิบ\nซู่ซ่า\nเซซัง\nเซ่อซ่า\nแซ่ซ้อง\nโซดาไฟ\nญาณทัสนะ\nญาณวิทยา\nญาณศาสตร์\nญาติกา\nฐานราก\nดกดื่น\nดงดิบ\nดลใจ\nดลบันดาล\nดวงแก้ว\nดวงใจ\nดวงเดือน\nดวงตรา\nดวงตา\nดวงสมร\nดอกจัน\nดอกจิก\nดอกบัว\nดอกเบี้ย\nดอกฟ้า\nดอกไม้\nดอกยาง\nดอกเล็บ\nดอกทอง\nดอกสร้อย\nดองยา\nดักคอ\nดักฟัง\nดังนั้น\nดังนี้\nดังหนึ่ง\nดั้งเดิม\nดัดจริต\nดัดแปลง\nดันทุรัง\nดับขันธ์\nดับจิต\nดับชีพ\nด่าทอ\nด่างทับทิม\nด่างพร้อย\nดาดฟ้า\nดาราศาสตร์\nดาลเดือด\nดาวกระจาย\nดาวเคราะห์\nดาวตก\nดาวเทียม\nดาวรุ่ง\nดาวเรือง\nดาวฤกษ์\nดาวหาง\nดาวเหนือ\nดาษดื่น\nดินขาว\nดินดาน\nดินดำ\nดินประสิว\nดินปืน\nดินระเบิด\nดินสอ\nดินสอพอง\nดิ้นรน\nดิบดี\nดีเกลือ\nดีใจ\nดีซ่าน\nดีดัก\nดีเดือด\nดีฝ่อ\nดีดดิ้น\nดึกดำบรรพ์\nดึกดื่น\nดึงดัน\nดึงดูด\nดื่มด่ำ\nดื้อด้าน\nดื้อดึง\nดื้อแพ่ง\nดื้อยา\nดื้อรั้น\nดุดัน\nดุเดือด\nดุร้าย\nดุลการค้า\nดุลพินิจ\nดุลภาค\nดุลยพินิจ\nดุลยภาพ\nดุษฎีนิพนธ์\nดุษฎีบัณฑิต\nดุษณีภาพ\nดูแคลน\nดูถูก\nดูดาย\nดูเบา\nดูแล\nดูหมิ่น\nดูเหมือน\nดูดดื่ม\nเด็ดขาด\nเด็ดดวง\nเด็ดเดี่ยว\nเดนตาย\nเดาสวด\nเดาสุ่ม\nเดินทาง\nเดินสะพัด\nเดินสาย\nเดินเหิน\nเดิมพัน\nเดียงสา\nเดียดฉันท์\nเดียวกัน\nเดียวดาย\nเดี๋ยวเดียว\nเดี๋ยวนี้\nเดือดดาล\nเดือดร้อน\nเดือนมืด\nเดือนหงาย\nแดดาล\nแดดิ้น\nแดกดัน\nโด่เด่\nโด่งดัง\nโดดเดี่ยว\nโดยสาร\nได้การ\nได้แก่\nได้ใจ\nได้ที\nได้ยิน\nได้เสีย\nตกเขียว\nตกค้าง\nตกใจ\nตกต่ำ\nตกแต่ง\nตกทอด\nตกฟาก\nตกมัน\nตกยาก\nตกลง\nตกหล่น\nต้นขั้ว\nต้นคิด\nต้นฉบับ\nต้นตอ\nต้นตำรับ\nต้นทุน\nต้นแบบ\nต้นเพลิง\nต้นมือ\nต้นไม้\nต้นร่าง\nต้นเรื่อง\nต้นสังกัด\nต้นหน\nต้นเหตุ\nตบตา\nตบแต่ง\nตบแผละ\nตบมือ\nต้มข่า\nต้มโคล้ง\nต้มยำ\nต้มส้ม\nตรมตรอม\nตรรกวิทยา\nตรรกศาสตร์\nตรวจการ\nตรวจการณ์\nตรวจตรา\nตระบัดสัตย์\nตรัสรู้\nตราตั้ง\nตราบาป\nตรายาง\nตราสาร\nตริตรอง\nตรีกฏุก\nตรีกาย\nตรีโกณ\nตรีโกณมิติ\nตรีคูณ\nตรีทูต\nตรีปิฎก\nตรีภพ\nตรีมูรติ\nตรึกตรอง\nตรึงตรา\nตรุษจีน\nตฤณชาติ\nตฤณมัย\nตลกบาตร\nตลบตะแลง\nตลบหลัง\nตลาดนัด\nตลาดน้ำ\nตลาดมืด\nตลาดสด\nต่อตี\nต่อเติม\nต่อว่า\nต่อสู้\nต่อกร\nต่อต้าน\nต่อแย้ง\nต้องการ\nต้องโทษ\nต้องหา\nต้อนรับ\nตอบโต้\nตอบแทน\nต่อยหอย\nตะพาบน้ำ\nตักตวง\nตักบาตร\nตั้งเข็ม\nตั้งไข่\nตั้งเค้า\nตั้งแง่\nตั้งใจ\nตั้งต้น\nตั้งแต่\nตั้งท้อง\nตัดขาด\nตัดใจ\nตัดเชือก\nตัดตอน\nตัดทอน\nตัดบท\nตัดพ้อ\nตัดรอน\nตัดสิน\nตับเต่า\nตับแลบ\nตับอ่อน\nตัวกลาง\nตัวการ\nตัวเก็ง\nตัวดี\nตัวตั้ง\nตัวเต็ง\nตัวถัง\nตัวแทน\nตัวประกอบ\nตัวประกัน\nตัวแปร\nตัวผู้\nตัวพิมพ์\nตัวเมีย\nตัวยืน\nตัวเลข\nตัวอย่าง\nตั๋วเงิน\nตั๋วแลกเงิน\nตากล้อง\nตาไก่\nตาข่าย\nตาชั่ง\nตาตุ่ม\nตาทวด\nตาปลา\nตาราง\nต่างหาก\nต้านทาน\nตามใจ\nตายใจ\nตายซาก\nตายด้าน\nตายตัว\nตายทั้งกลม\nตายห่า\nตายโหง\nตาลปัตร\nต่ำช้า\nต่ำต้อย\nตำส้ม\nติเตียน\nติณชาติ\nติดขัด\nติดใจ\nติดต่อ\nติดตั้ง\nติดตาม\nติดตื้น\nติดพัน\nติดลม\nติดอ่าง\nตีเกลียว\nตีขลุม\nตีความ\nตีคู่\nตีจาก\nตีตื้น\nตีแผ่\nตีรวน\nตีลังกา\nตีวง\nตีเสมอ\nตีนกา\nตีนคู้\nตีนจก\nตีนตะขาบ\nตีนผี\nตีนเหยียด\nตึกแถว\nตึกระฟ้า\nตึงเครียด\nตึงตัง\nตื้นตัน\nตื่นตัว\nตื่นตูม\nตื่นเต้น\nตุ๊ต๊ะ\nตุ้บตั้บ\nตุ้มหู\nตุลาการ\nตุลาคม\nตู้นิรภัย\nตูมตาม\nตู้เสบียง\nเตโชธาตุ\nเตร็ดเตร่\nเต้นรำ\nเตาแก๊ส\nเตาผิง\nเตาฟู่\nเตาไฟ\nเตารีด\nเตาสูบ\nเต่าทอง\nเต้ารับ\nเต้าส่วน\nเต้าเสียบ\nเต้าหู้ยี้\nแต่ละ\nแตกคอ\nแตกคอก\nแตกฉาน\nแตกดับ\nแตกตื่น\nแตกพาน\nแตกแยก\nแตกร้าว\nแตกหัก\nแต่งงาน\nแต่งตั้ง\nแต้มคู\nแต้มต่อ\nแตรงอน\nแตรเดี่ยว\nแตรฝรั่ง\nแตรฟันฟาร์\nแตรวง\nโต้ตอบ\nโต้เถียง\nโต้แย้ง\nโต๊ะหมู่\nโต๊ะอิหม่าม\nใต้ถุน\nไต้ก๋ง\nไต่คู้\nไต่เต้า\nไต่ถาม\nไต้ฝุ่น\nไตรจักร\nไตรจีวร\nไตรตรึงษ์\nไตรทวาร\nไตรปิฎก\nไตรเพท\nไตรภพ\nไตรภูมิ\nไตรภาคี\nไตรยางศ์\nไตรรงค์\nไตรรัตน์\nไตรลักษณ์\nไตรโลก\nไตรสรณคมน์\nไตรสิกขา\nไต่สวน\nถกเถียง\nถดถอย\nถนัดถนี่\nถนิมสร้อย\nถมถืด\nถมเถ\nถมไป\nถลากไถล\nถ้วนถี่\nถ้วยฟู\nถ่องแท้\nถอดถอน\nถ้อยคำ\nถ้อยแถลง\nถากถาง\nถ่านไฟฉาย\nถ่านหิน\nถามไถ่\nถ่ายทอด\nถ่ายทุกข์\nถ่ายเท\nถาวรวัตถุ\nถ้ำมอง\nถี่ถ้วน\nถึงใจ\nถูกใจ\nถูกชะตา\nเถรวาท\nเถ้าแก่\nเถ้าแก่เนี้ย\nแถมพก\nแถลงการณ์\nไถ่ถอน\nไถ่ถาม\nทดแทน\nทดรอง\nทดลอง\nทดสอบ\nทนทาน\nทนายความ\nทบทวน\nทแยงมุม\nทรงกลด\nทรงเครื่อง\nทรงเจ้า\nทรัพย์สิน\nทรามชม\nทรามเชย\nทรามวัย\nทรามสงวน\nทรามสวาท\nทรุดโทรม\nทฤษฎีบท\nท้วงติง\nท่วมท้น\nทวาทศ\nทวาทศมาส\nทวาบรยุค\nทวารบาล\nทวิบถ\nทวิบท\nทวิบาท\nทวิภาค\nทวิภาคี\nทวีคูณ\nทศกัณฐ์\nทศชาติ\nทศทิศ\nทศนิยม\nทศพร\nทศพล\nทศพิธราชธรรม\nทศมาส\nทศวรรษ\nท่อไอเสีย\nท้อถอย\nท้อแท้\nทองขาว\nทองคำ\nทองคำขาว\nทองคำเปลว\nทองเค\nทองแดง\nทองบรอนซ์\nทองม้วน\nทองย้อย\nทองสัมฤทธิ์\nทองหยอด\nทองหยิบ\nทองเหลือง\nทองเอก\nท่องเที่ยว\nท้องตรา\nท้องถิ่น\nท้องที่\nท้องน้อย\nท้องร่อง\nท้องเรื่อง\nทอดมัน\nทอดทิ้ง\nทอดน่อง\nทอดยอด\nทอดหุ่ย\nทอยกอง\nทะเบียนบ้าน\nทะเลทราย\nทะเลสาบ\nทะเลหลวง\nทักขิณาวัฏ\nทักท้วง\nทักทาย\nทักษิณาวรรต\nทักษิณาทาน\nทักษิณานุประทาน\nทั้งกลม\nทั้งคน\nทั้งดุ้น\nทั้งที\nทั้งนั้น\nทั้งนี้\nทั้งปวง\nทั้งผอง\nทั้งเพ\nทั้งมวล\nทั้งสิ้น\nทั้งหมด\nทั้งหลาย\nทัณฑ์บน\nทัดทาน\nทัดเทียม\nทันควัน\nทันใจ\nทันใด\nทันตา\nทันสมัย\nทันที\nทับถม\nทับทรวง\nทับศัพท์\nทั่วถึง\nทั่วไป\nท่าทาง\nท่าที\nท้าทาย\nทางการ\nทางข้าม\nทางด่วน\nทางเท้า\nทางโท\nทางใน\nทางผ่าน\nทางม้าลาย\nทางหลวง\nทางออก\nทางเอก\nทานกัณฑ์\nทานตะวัน\nท่านชาย\nทานบารมี\nท่านผู้หญิง\nท่านหญิง\nทาบทาม\nท้ายทอย\nทารุณกรรม\nทำคลอด\nทำใจ\nทำซ้ำ\nทำท่า\nทำที\nทำแท้ง\nทำโทษ\nทำบาป\nทำบุญ\nทำพิษ\nทำฟัน\nทำร้าย\nทำวัตร\nทำสาว\nทำเสน่ห์\nทำหมัน\nทำให้\nทิ้งขว้าง\nทิ้งทวน\nทิ้งท้าย\nทินกร\nทิพจักขุ\nทิพโสต\nทิพยจักษุ\nทิพยญาณ\nทิพยเนตร\nทิพยรส\nทิพากร\nทิ่มตำ\nทิ่มแทง\nทิวากร\nทิวากาล\nทิศทาง\nทีเด็ด\nทีท่า\nทีนี้\nทีหลัง\nทีฆนิกาย\nทีฆสระ\nที่ดิน\nที่นอน\nที่นั่ง\nที่ปรึกษา\nที่พึ่ง\nที่มั่น\nที่ราบ\nที่ว่าการ\nที่สุด\nที่หมาย\nที่ไหน\nทุกที\nทุกเมื่อ\nทุกข์สุข\nทุนทรัพย์\nทุนนิยม\nทุนรอน\nทุนสำรอง\nทุ่มเถียง\nทุ่มเท\nทูนหัว\nทูลกระหม่อม\nเทกระจาด\nเทครัว\nเทพเจ้า\nเทพดา\nเทพธิดา\nเทพนม\nเทพนิยม\nเทพนิยาย\nเทพบุตร\nเทพสังหรณ์\nเทศกาล\nเทศนาโวหาร\nเทศบัญญัติ\nเทศบาล\nเทศมนตรี\nเทห์ฟากฟ้า\nเท่ากับ\nเท่าใด\nเท่าตัว\nเท่าทัน\nเท่าทุน\nเท่าเทียม\nเท่านั้น\nเท่าไร\nเท้าช้าง\nเทิดทูน\nเที่ยงตรง\nเที่ยงแท้\nเที่ยงธรรม\nเทียนชนวน\nเทียนพรรษา\nเทียบเคียง\nเทียบเท่า\nเทือกเขา\nเทือกเถา\nแท็งก์น้ำ\nแท่นพิมพ์\nแท่นมณฑล\nแท่นหมึก\nแทรกซอน\nแทรกซ้อน\nแทรกซึม\nแทรกแซง\nแทะโลม\nไทยดำ\nไทยทาน\nไทยธรรม\nไทยน้อย\nไทยใหญ่\nธงชัย\nธงชาติ\nธงทิว\nธรณีวิทยา\nธรณีสงฆ์\nธรรมกาย\nธรรมการ\nธรรมเกษตร\nธรรมขันธ์\nธรรมคุณ\nธรรมจรรยา\nธรรมจริยา\nธรรมจักร\nธรรมจักษุ\nธรรมจาคะ\nธรรมจารี\nธรรมชาติ\nธรรมดา\nธรรมเนียม\nธรรมราชา\nธรรมศาสตร์\nธรรมสภา\nธรรมสังเวช\nธัญพืช\nธารพระกร\nธีรภาพ\nธีรราช\nนกเขา\nนกต่อ\nนกยูง\nนกรู้\nนกหวีด\nนครบาล\nนครรัฐ\nนงคราญ\nนงนุช\nนงพะงา\nนงเยาว์\nนงราม\nนงลักษณ์\nนบนอบ\nนพเก้า\nนพคุณ\nนพเคราะห์\nนพปฎล\nนพพล\nนพรัตน์\nนพศก\nนพศูล\nนมข้น\nนมผง\nนมไม้\nนมนาน\nนมหนู\nนมแมว\nนรีเวช\nนรีเวชวิทยา\nนวดฟั้น\nนวยนาด\nนวลระหง\nนวลลออ\nนวลละออง\nนวลจันทร์\nนอกครู\nนอกคอก\nนอกจาก\nนอกใจ\nนอกชาน\nนอกรีต\nนอกเหนือ\nนองเนือง\nนองเลือด\nนอนก้น\nนอนใจ\nนอบนบ\nนอนเล่น\nนอบน้อม\nน้อมนำ\nน้อยใจ\nน้อยหน้า\nนักการ\nนักการเมือง\nนักกีฬา\nนักข่าว\nนักท่องเที่ยว\nนักเทศน์\nนักโทษ\nนักธรรม\nนักบวช\nนักบิน\nนักบุญ\nนักปราชญ์\nนักพรต\nนักรบ\nนักเรียน\nนักเลง\nนักวิชาการ\nนักศึกษา\nนักสิทธิ์\nนักสืบ\nนักหนา\nนั่งเทียน\nนั่งร้าน\nนัดแนะ\nนัดหมาย\nนั่นแหละ\nนั่นเอง\nนับถือ\nนับประสา\nนัยน์ตา\nนาดำ\nนาปรัง\nนาปี\nนาสวน\nนาหว่าน\nนาคบาศ\nนาคปรก\nนาคราช\nนางกวัก\nนางกำนัล\nนางงาม\nนางใน\nนางบำเรอ\nนางแบบ\nนางพญา\nนางฟ้า\nนางไม้\nนางโลม\nนางสาว\nนางห้าม\nนางเอก\nนาฏกรรม\nนาฏดนตรี\nนาฏศิลป์\nนานนม\nน่านน้ำ\nน่านฟ้า\nนามกร\nนามธรรม\nนามไธย\nนามบัตร\nนามปากกา\nนามแฝง\nนามสกุล\nนามสงเคราะห์\nนามสมญา\nนายทะเบียน\nนายท่า\nนายท้าย\nนายทุน\nนายประกัน\nนายหน้า\nนายอำเภอ\nนารายณ์หัตถ์\nนารีผล\nนาวิกโยธิน\nนำจับ\nนำพา\nนำทาง\nนำร่อง\nนำสืบ\nนำแสดง\nน้ำกรด\nน้ำกาม\nน้ำเกลือ\nน้ำข้าว\nน้ำแข็ง\nน้ำแข็งไส\nน้ำแข็งแห้ง\nน้ำครำ\nน้ำคร่ำ\nน้ำค้าง\nน้ำค้างแข็ง\nน้ำคาวปลา\nน้ำคำ\nน้ำเค็ม\nน้ำเคย\nน้ำเงิน\nน้ำเงี้ยว\nน้ำจัณฑ์\nน้ำจิ้ม\nน้ำใจ\nน้ำเชื้อ\nน้ำเชื่อม\nน้ำซาวข้าว\nน้ำดอกไม้\nน้ำดี\nน้ำตก\nน้ำตา\nน้ำตาล\nน้ำท่า\nน้ำนม\nน้ำนวล\nน้ำบาดาล\nน้ำประสานทอง\nน้ำประปา\nน้ำปลา\nน้ำป่า\nน้ำผึ้ง\nน้ำพริก\nน้ำพริกเผา\nน้ำพี้\nน้ำพุ\nน้ำมนต์\nน้ำมนตร์\nน้ำมัน\nน้ำมือ\nน้ำมูก\nน้ำเมา\nน้ำย่อย\nน้ำยา\nน้ำรัก\nน้ำแร่\nน้ำลาย\nน้ำเลี้ยง\nน้ำสต๊อก\nน้ำส้ม\nน้ำส้มสายชู\nน้ำสังข์\nน้ำสาบาน\nน้ำเสียง\nน้ำหนวก\nน้ำหนอง\nน้ำหนัก\nน้ำหน้า\nน้ำหนึ่ง\nน้ำหมึก\nน้ำหอม\nน้ำเหลือง\nน้ำอบ\nน้ำอ้อย\nน้ำอัดลม\nนิ่งเฉย\nนิจศีล\nนิดเดียว\nนิดหน่อย\nนิติกร\nนิติกรรม\nนิติธรรม\nนิตินัย\nนิติบัญญัติ\nนิติบุคคล\nนิติภาวะ\nนิติวิทยาศาสตร์\nนิติเวช\nนิติเวชศาสตร์\nนิติศาสตร์\nนิเทศศาสตร์\nนิ่มนวล\nนิรุกติศาสตร์\nนิเวศวิทยา\nนิศากร\nนิศากาล\nนิศาชล\nนิศารัตน์\nนี่แน่ะ\nนี่แหละ\nนี่เอง\nนึกคิด\nนุงถุง\nนุ่งห่ม\nนุ่มนวล\nนุ่มนิ่ม\nเนตรนารี\nเนติบัณฑิต\nเนยเทียม\nเนยใส\nเนิ่นนาน\nเนิบนาบ\nเนื้อความ\nเนื้อคู่\nเนื้อเค็ม\nเนื้องอก\nเนื้อตัว\nเนื้อตาย\nเนื้อที่\nเนื้อแท้\nเนื้อเปื่อย\nเนื้อผ้า\nเนื้อเพลง\nเนื้อไม้\nเนื้อเยื่อ\nเนื้อร้อง\nเนื้อร้าย\nเนื้อเรื่อง\nเนื้อหา\nเนืองนอง\nเนืองนิตย์\nเนืองแน่น\nแน่ใจ\nแน่ชัด\nแน่แท้\nแน่นอน\nแน่นิ่ง\nแน่แน่ว\nแน่นแฟ้น\nแน่นหนา\nแนบเนียน\nแนบแน่น\nแนวคิด\nแนวทาง\nแนวโน้ม\nแนวป่า\nแนวรบ\nแนวร่วม\nแนวหน้า\nแนวหลัง\nแน่วแน่\nแนะนำ\nแนะแนว\nโน้มน้าว\nในหลวง\nบกพร่อง\nบงกช\nบงการ\nบดบัง\nบทกลอน\nบทกวี\nบทความ\nบทคัดย่อ\nบทเฉพาะกาล\nบทนำ\nบทบัญญัติ\nบทบาท\nบทประพันธ์\nบทเพลง\nบทร้อง\nบทเรียน\nบทลงโทษ\nบทสนทนา\nบทอัศจรรย์\nบทจร\nบทบงสุ์\nบทมาลย์\nบทรัช\nบทเรศ\nบทวลัญช์\nบนบาน\nบรมครู\nบรมธาตุ\nบรมบพิตร\nบรมวงศานุวงศ์\nบรมอัฐิ\nบรรณพิภพ\nบรรณศาลา\nบรรณาการ\nบรรณาธิการ\nบรรณานุกรม\nบรรณารักษ์\nบรรณารักษศาสตร์\nบรรดามี\nบรรดาศักดิ์\nบรรทัดฐาน\nบรรพบุรุษ\nบรรลัยกัลป์\nบรรลัยจักร\nบริคณห์สนธิ\nบวงสรวง\nบ่วงบาศ\nบ้วนพระโอษฐ์\nบ่อเกิด\nบอกกล่าว\nบอกบท\nบอกบุญ\nบอกใบ้\nบอกปัด\nบ้องกัญชา\nบ้องตื้น\nบ้องไฟ\nบ้องหู\nบอดสี\nบ่อนทำลาย\nบอบช้ำ\nบอบบาง\nบอบแบบ\nบังโกลน\nบังโคลน\nบังใบ\nบั้งไฟ\nบังคับการ\nบังคับบัญชา\nบัญชาการ\nบัณฑุกัมพล\nบัดดล\nบัดเดี๋ยว\nบัดนั้น\nบัดนี้\nบัดสีบัดเถลิง\nบัตรเครดิต\nบัตรพลี\nบัตรสนเท่ห์\nบัตรสินเชื่อ\nบั่นทอน\nบั้นท้าย\nบั้นปลาย\nบั้นพระองค์\nบั้นเอว\nบันไดลิง\nบันไดเลื่อน\nบันเทิงคดี\nบัวลอย\nบัวบก\nบ้าจี้\nบ้าดีเดือด\nบ้าน้ำลาย\nบ้าบิ่น\nบ้าระห่ำ\nบ้าเลือด\nบ้าหอบฟาง\nบากบั่น\nบากหน้า\nบางตา\nบางเบา\nบางที\nบาดเจ็บ\nบาดแผล\nบาดหมาง\nบาตรใหญ่\nบาทบงกช\nบาทบงสุ์\nบาทบริจาริกา\nบาทวิถี\nบานเกล็ด\nบานตะเกียง\nบานตะไท\nบานเบอะ\nบานปลาย\nบานแผละ\nบานพับ\nบ้านจัดสรร\nบ้านช่อง\nบ้านนอก\nบ้านพัก\nบ้านเมือง\nบ้านรับรอง\nบ้านเรือน\nบาปกรรม\nบายศรี\nบ่ายเบี่ยง\nบ่ายหน้า\nบ่าวไพร่\nบิดเบี้ยว\nบิดเบือน\nบิดพลิ้ว\nบี้แบน\nบีบคั้น\nบีบรัด\nบึ้งตึง\nบึ้งบูด\nบุกบั่น\nบุกเบิก\nบุกรุก\nบุคลิกภาพ\nบุคลิกลักษณะ\nบุญธรรม\nบุญนิธิ\nบุญฤทธิ์\nบุบสลาย\nบุ้ยใบ้\nบุรุษเพศ\nบุหงารำไป\nบู้บี้\nบูชายัญ\nบูดบึ้ง\nบูดเบี้ยว\nเบาความ\nเบาใจ\nเบาบาง\nเบาปัญญา\nเบามือ\nเบาแรง\nเบาสมอง\nเบาหวาน\nเบาโหวง\nเบ้าตา\nเบาะแส\nเบิกความ\nเบิกบาน\nเบี้ยล่าง\nเบี้ยเลี้ยง\nเบี้ยหวัด\nเบี่ยงบ่าย\nเบียดบัง\nเบียดเบียน\nเบียดเสียด\nเบื้องต้น\nเบื้องบน\nเบื้องหน้า\nเบื้องหลัง\nแบกะดิน\nแบเบาะ\nแบ่งเบา\nแบ่งปัน\nแบ่งแยก\nแบบฉบับ\nแบบแปลน\nแบบแผน\nแบบฝึกหัด\nแบบพิมพ์\nแบบสอบถาม\nแบบอย่าง\nแบะแฉะ\nแบะท่า\nโบแดง\nโบราณคดี\nโบราณวัตถุ\nโบราณสถาน\nใบขับขี่\nใบจอง\nใบตอง\nใบแทรก\nใบบอก\nใบบุญ\nใบเบิกทาง\nใบปลิว\nใบพัด\nใบโพ\nใบไม้\nใบระกา\nใบรับรอง\nใบลา\nใบเลี้ยง\nใบสั่ง\nใบสำคัญ\nใบสุทธิ\nใบเสร็จ\nใบหน้า\nใบอนุญาต\nใบระกา\nปกครอง\nปกคลุม\nปกป้อง\nปกปิด\nปฏิบัติการ\nปฏิบัติบูชา\nปฐพีวิทยา\nปฐมฌาน\nปฐมทัศน์\nปฐมเทศนา\nปฐมนิเทศ\nปฐมพยาบาล\nปฐมยาม\nปฐมฤกษ์\nปฐมวัย\nปฐมสมโพธิ\nปนเป\nป่นปี้\nปมเขื่อง\nปมเด่น\nปมด้อย\nปรนเปรอ\nปรบไก่\nปรบมือ\nปรสิตวิทยา\nประโปรย\nประพรม\nประกันชีวิต\nประกันภัย\nประจักษ์พยาน\nประจัญบาน\nประจันหน้า\nประจำการ\nประจำเดือน\nประจำเมือง\nประจำยาม\nประชดประชัน\nประชากร\nประชากรศาสตร์\nประชาคม\nประชาชน\nประชาราษฎร์\nประชาชาติ\nประชาชี\nประชาทัณฑ์\nประชาบาล\nประชาพิจารณ์\nประชาภิบาล\nประชามติ\nประชาสงเคราะห์\nประชาสัมพันธ์\nประดับประดา\nประดามี\nประดาน้ำ\nประเดี๋ยวเดียว\nประเดี๋ยวนี้\nประทับใจ\nประทุษร้าย\nประเทศราช\nประพาสต้น\nประเพณีนิยม\nประลัยกัลป์\nประวัติการณ์\nประวัติศาสตร์\nประสบการณ์\nประสบการณ์นิยม\nประสาทการ\nประสูติการ\nประสูติกาล\nประเส\nปรับทุกข์\nปรับโทษ\nปรับปรุง\nปรากฏการณ์\nปราดเปรียว\nปราดเปรื่อง\nปราบปราม\nปริญญาบัตร\nปรัยัติธรรม\nปรุโปร่ง\nปลงใจ\nปลงตก\nปลดทุกข์\nปลดปลง\nปลดปล่อย\nปลดเปลื้อง\nปลดระวาง\nปลดแอก\nปล้นสะดม\nปลอกกระสุน\nปลอกคอ\nปลอดโปร่ง\nปลอดภัย\nปลอมปน\nปลอมแปลง\nปลอบโยน\nปล่อยใจ\nปล่อยตัว\nปล่อยปละ\nปลั๊กไฟ\nปลากริม\nปลาเค็ม\nปลาจ่อม\nปลาเจ่า\nปลาแดก\nปลาตู้\nปลาทอง\nปลาร้า\nปลาส้ม\nปลาดาว\nปลาบิน\nปลาฝา\nปลาวาฬ\nปลาหมึก\nปลาบปลื้ม\nปลายข้าว\nปลายแถว\nปลายทาง\nปลิ้นปลอก\nปลิ้นปล้อน\nปลีกตัว\nปลีกย่อย\nปลุกใจ\nปลุกปล้ำ\nปลุกปั่น\nปลุกระดม\nปลุกเสก\nปลูกฝัง\nปลูกสร้าง\nปวดถ่วง\nปวดมวน\nปวดร้าว\nป่วนปั่น\nป่วยการ\nปอกลอก\nป้องกัน\nปักใจ\nปักดำ\nปักหลัก\nปัจเจกบุคคล\nปัจเจกพุทธะ\nปัจเจกโพธิ\nปัจฉิมชน\nปัจฉิมทิศ\nปัจฉิมภาค\nปัจฉิมยาม\nปัจฉิมลิขิต\nปัจฉิมวัย\nปัจฉิมวาจา\nปัญญาชน\nปัญญาวิมุติ\nปัญญาอ่อน\nปัดเป่า\nปันส่วน\nปั่นป่วน\nปั่นแปะ\nปั่นหัว\nปั้นจิ้ม\nปั้นเจ๋อ\nปั้นปึ่ง\nปั้นสิบ\nปั๊มน้ำมัน\nป่าช้า\nป่าชายเลน\nป่าดง\nป่าดงดิบ\nป่าดิบ\nป่าเถื่อน\nป่าเบญจพรรณ\nป่าละเมาะ\nปากกา\nปากขอ\nปากแข็ง\nปากคอ\nปากคำ\nปากคีบ\nปากจัด\nปากน้ำ\nปากเปล่า\nปากเสียง\nปานกลาง\nป่านนี้\nป้านลม\nป้ายสี\nป่าวร้อง\nปิดฉาก\nปิดบัง\nปิตุฆาต\nปิตุภูมิ\nปีมะโว้\nปีแสง\nปี่กลาง\nปี่ไฉน\nปี่ชวา\nปี่นอก\nปี่ใน\nปี่พาทย์\nปี่อ้อ\nปีกกา\nปีนเกลียว\nปีนป่าย\nปึกแผ่น\nปึงปัง\nปืนกล\nปืนครก\nปืนพก\nปืนยา\nปืนยาว\nปืนลม\nปืนเล็ก\nปืนเล็กยาว\nปืนสั้น\nปืนใหญ่\nปุบปับ\nปุ๊บปั๊บ\nปุ่มเปือก\nปุยฝ้าย\nปุ๋ยคอก\nปุ๋ยเคมี\nปุ๋ยวิทยาศาสตร์\nปุ๋ยหมัก\nปุ๋ยอินทรีย์\nปูจ๋า\nปูเสฉวน\nปู่เจ้า\nปู่ทวด\nปูนขาว\nปูนซีเมนต์\nปูนดิบ\nปูนแดง\nปูนปลาสเตอร์\nปูนปั้น\nเป็ดเทศ\nเป็ดน้ำ\nเป็นกลาง\nเป็นใจ\nเป็นต้น\nเป็นต่อ\nเป็นรอง\nเป็นไร\nเป็นลม\nเป็นห่วง\nเป็นอยู่\nเปรมปรีดิ์\nเปรอะเปื้อน\nเปรียบเทียบ\nเปรียบเปรย\nเปรี้ยวปาก\nเปรี้ยวหวาน\nเปรื่องปราด\nเปลญวน\nเปล่งปลั่ง\nเปล่าดาย\nเปล่าเปลี่ยว\nเปลี่ยนใจ\nเปลี่ยนตัว\nเปลี่ยนแปลง\nเปลี่ยนมือ\nเปลี่ยนหน้า\nเป๋อเหลอ\nเปะปะ\nเป่ากบ\nเป้านิ่ง\nเป้าหมาย\nเปิดฉาก\nเปิดเปิง\nเปิดโปง\nเปิดผนึก\nเปิดเผย\nเปียกปูน\nแป้งสาลี\nแป้งนวล\nแป้งเปียก\nแป้งมัน\nแป้งฝุ่น\nแป้งร่ำ\nแป้งสิงคโปร์\nแป้งหมี่\nแปดปน\nแปดเปื้อน\nแปรปรวน\nแปรผัน\nแปรพักตร์\nแปรรูป\nแปรอักษร\nแปลกปลอม\nแปะโป้ง\nโป้ปด\nโปร่งแสง\nโปร่งใส\nโปรดปราน\nโปรยทาน\nโปรยปราย\nโปโลน้ำ\nผกผัน\nผกากรอง\nผงขาว\nผงชูรส\nผงซักฟอก\nผงฟู\nผดุงครรภ์\nผมไฟ\nผลพลอยได้\nผลลัพธ์\nผลัดเปลี่ยน\nผลิตผล\nผลิตภัณฑ์\nผลุบโผล่\nผสมเทียม\nผสมผสาน\nผสมผเส\nผสมพันธุ์\nผสมโรง\nผสมเสร็จ\nผ่องแผ้ว\nผ่องใส\nผ่อนคลาย\nผ่อนชำระ\nผ่อนปรน\nผ่อนผัน\nผ่อนส่ง\nผอมโซ\nผอมแห้ง\nผักชี\nผักตบชวา\nผักบุ้ง\nผังเมือง\nผัดผ่อน\nผันแปร\nผันผวน\nผ่าตัด\nผ่าเผย\nผ่าหมาก\nผ่าเหล่า\nผ้าขนหนู\nผ้าขาวม้า\nผ้าขี้ริ้ว\nผ้าเช็ดตัว\nผ้าเช็ดปาก\nผ้าเช็ดมือ\nผ้าเช็ดหน้า\nผ้าดิบ\nผ้าต่วน\nผ้าไตร\nผ้าถุง\nผ้าแถบ\nผ้านวม\nผ้านุ่ง\nผ้าใบ\nผ้าป่า\nผ้าป่าน\nผ้าผ่อน\nผ้าพันคอ\nผ้าพันแผล\nผ้าแพร\nผ้าโพกหัว\nผ้ามัดหมี่\nผ้ายาง\nผ้าลูกไม้\nผ้าเหลือง\nผ้าอนามัย\nผ้าอ้อม\nผาดโผน\nผาติกรรม\nผิดหวัง\nผิวเผิน\nผิวพรรณ\nผิวหนัง\nผีกระสือ\nผีกระหัง\nผีกองกอย\nผีโขมด\nผีดิบ\nผีตองเหลือง\nผีถ้วยแก้ว\nผีแถน\nผีทะเล\nผีบุญ\nผีปอบ\nผีพุ่งไต้\nผีฟ้า\nผีเรือน\nผีสาง\nผีเสื้อ\nผีห่า\nผึ่งผาย\nผุดผ่อง\nผุดผาด\nผู้คน\nผู้คุม\nผู้จัดการ\nผู้ชาย\nผู้เชี่ยวชาญ\nผู้ดี\nผู้โดยสาร\nผู้ต้องขัง\nผู้ต้องหา\nผู้แทน\nผู้น้อย\nผู้บริโภค\nผู้บังคับบัญชา\nผู้ปกครอง\nผู้ประกอบการ\nผู้ป่วย\nผู้พิพากษา\nผู้เยาว์\nผู้ร้าย\nผู้วิเศษ\nผู้สื่อข่าว\nผู้เสียหาย\nผู้หญิง\nผู้ใหญ่\nผู้ใหญ่บ้าน\nผูกขวัญ\nผูกขาด\nผูกพัน\nผูกมัด\nเผชิญหน้า\nเผด็จการ\nเผด็จศึก\nเผยแผ่\nเผยแพร่\nเผละผละ\nเผ่าพันธุ์\nเผื่อแผ่\nแผงลอย\nแผนการ\nแผนงาน\nแผนที่\nแผนผัง\nแผนภาพ\nแผนภูมิ\nแผ่นดิน\nแผ่นเสียง\nแผ้วพาน\nโผงผาง\nฝนทอง\nฝอยทอง\nฝักแค\nฝักบัว\nฝักฝ่าย\nฝักใฝ่\nฝังใจ\nฝังหัว\nฝาชี\nฝาแฝด\nฝาละมี\nฝ่าพระบาท\nฝ่าฝืน\nฝ่าฟัน\nฝ้าฟาง\nฝากตัว\nฝากฝัง\nฝีดาษ\nฝีมะม่วง\nฝีจักร\nฝีเท้า\nฝีปาก\nฝีพาย\nฝีมือ\nฝีเย็บ\nฝึกงาน\nฝึกปรือ\nฝึกฝน\nฝึกสอน\nฝึกหัด\nฝืดเคือง\nใฝ่ฝัน\nพงพี\nพงศ์พันธุ์\nพญาโศก\nพญาไฟ\nพบปะ\nพบพาน\nพรสวรรค์\nพรมคด\nพรมแดน\nพรมมิ\nพรรคพวก\nพรรณราย\nพรวดพราด\nพรหมชาติ\nพรหมลิขิต\nพรหมโลก\nพรหมวิหาร\nพร้อมใจ\nพร้อมพรั่ง\nพร้อมเพรียง\nพร้อมมูล\nพร้อมสรรพ\nพร้อมหน้า\nพระครู\nพระคุณ\nพระเคราะห์\nพระเครื่อง\nพระเจ้า\nพระเจ้าอยู่หัว\nพระชายา\nพระทัย\nพระนาง\nพระนางเจ้า\nพระเป็นเจ้า\nพระผู้เป็นเจ้า\nพระพิมพ์\nพระพุทธเจ้า\nพระพุทธองค์\nพระภูมิ\nพระยา\nพระรอง\nพระสนม\nพระสนมเอก\nพระองค์\nพระองค์เจ้า\nพระเอก\nพรั่งพร้อม\nพรั่งพรู\nพรั่นพรึง\nพร่างพราว\nพรายน้ำ\nพรายแพรว\nพราวแพรว\nพร่ำพลอด\nพร่ำเพรื่อ\nพร่ำเพ้อ\nพริกไทย\nพริ้งพราย\nพริ้งเพรา\nพริ้งเพริศ\nพริบตา\nพริ้มพราย\nพริ้มเพรา\nพรุ่งนี้\nพฤติกรรม\nพฤติการณ์\nพฤตินัย\nพลการ\nพลขับ\nพลความ\nพลเมือง\nพลรบ\nพลร่ม\nพลเรือน\nพลโลก\nพลศึกษา\nพลบค่ำ\nพลอดรัก\nพลังงาน\nพลังเงียบ\nพลังจิต\nพลั้งปาก\nพลั้งเผลอ\nพลั้งพลาด\nพลัดถิ่น\nพลัดพราก\nพลาดท่า\nพลาดพลั้ง\nพลิกแพลง\nพลีกรรม\nพลุ่งพล่าน\nพวกพ้อง\nพวงมาลัย\nพวงมาลา\nพวงหรีด\nพวงคราม\nพวงชมพู\nพวงแสด\nพ่วงพี\nพวยน้ำ\nพวยพุ่ง\nพสกนิกร\nพหุคูณ\nพหุภาคี\nพหูพจน์\nพหูสูต\nพอควร\nพอใจ\nพอใช้\nพอใช้ได้\nพอดี\nพอตัว\nพอทำเนา\nพอประมาณ\nพอเพียง\nพอแรง\nพอสมควร\nพอเหมาะ\nพ่อขุน\nพ่อครัว\nพ่อตา\nพ่อบ้าน\nพ่อพันธุ์\nพ่อม่าย\nพ่อเมือง\nพ่อเลี้ยง\nพ่อสื่อ\nพอกพูน\nพ้องพาน\nพักผ่อน\nพักพิง\nพักฟื้น\nพักร้อน\nพักแรม\nพัดยศ\nพัดลม\nพันพัว\nพับฐาน\nพับเพียบ\nพัวพัน\nพาซื่อ\nพาดพิง\nพิณพาทย์\nพิธีกร\nพิธีกรรม\nพิธีการ\nพิธีรีตอง\nพิธีสาร\nพินัยกรรม\nพิมพ์เขียว\nพิมพ์ใจ\nพิมพ์ดีด\nพิษสง\nพี่น้อง\nพี่เบิ้ม\nพี่เลี้ยง\nพึงใจ\nพึงพอใจ\nพึ่งพา\nพึ่งพิง\nพืชพันธุ์\nพืชมงคล\nพื้นฐาน\nพื้นที่\nพื้นบ้าน\nพื้นเพ\nพื้นเมือง\nพื้นเสีย\nพุพอง\nพุทธกาล\nพุทธคุณ\nพุทธจักร\nพุทธเจดีย์\nพุทธฎีกา\nพุทธปฏิมา\nพุทธปฏิมากร\nพุทธมามกะ\nพุทธศักราช\nพุทธศาสนิกชน\nพุทธองค์\nพุทธชาด\nพุทธรักษา\nพุ่มพวง\nพุ่มไม้\nพู่กัน\nพูดจา\nเพ่งเล็ง\nเพดานบิน\nเพดานปาก\nเพริศพราย\nเพริศพริ้ง\nเพริศแพร้ว\nเพรียกพร้อง\nเพรียวลม\nเพลงเชิด\nเพลงยาว\nเพลิงกัลป์\nเพลินใจ\nเพลินตา\nเพลี่ยงพล้ำ\nเพ้อฝัน\nเพาะกาย\nเพาะชำ\nเพาะปลูก\nเพิกถอน\nเพิกเฉย\nเพิ่มเติม\nเพิ่มพูน\nเพียงตา\nเพียงพอ\nเพียบแประ\nเพียบพร้อม\nเพื่อนเกลอ\nเพื่อนตาย\nเพื่อนบ้าน\nเพื่อนฝูง\nเพื่อนยาก\nแพ้ท้อง\nแพร่หลาย\nแพร่งพราย\nแพรวพราว\nโพธิญาณ\nโพธิบัลลังก์\nโพธิสมภาร\nโพธิสัตว์\nโพ้นทะเล\nโพยภัย\nไพ่ตาย\nไพ่ป๊อก\nไพรวัน\nไพรสณฑ์\nไพรสัณฑ์\nไพร่พล\nไพร่ฟ้า\nไพร่สม\nไพร่ส่วย\nไพร่หลวง\nฟกช้ำ\nฟองเต้าหู้\nฟองน้ำ\nฟองมัน\nฟ้องกลับ\nฟ้องร้อง\nฟอนเฟะ\nฟักทอง\nฟัดเฟียด\nฟันดาบ\nฟันฝ่า\nฟันแท้\nฟันน้ำนม\nฟันปลา\nฟันฟาง\nฟันเฟือง\nฟันม้า\nฟันเลื่อย\nฟันหนู\nฟั่นเฝือ\nฟั่นเฟือน\nฟื้นตัว\nฟื้นฝอย\nฟื้นฟู\nฟุ้งซ่าน\nฟุ้งเฟ้อ\nฟุ้งเฟื่อง\nฟุตบอล\nฟูฟ่อง\nฟูเฟื่อง\nฟูมฟัก\nฟูมฟาย\nเฟะฟะ\nเฟื่องฟ้า\nเฟื่องฟุ้ง\nเฟื่องฟู\nไฟฉาย\nไฟแช็ก\nไฟธาตุ\nไฟฟ้า\nภัตกิจ\nภาคทัณฑ์\nภาคพื้น\nภาคเรียน\nภาคภูมิ\nภาพถ่าย\nภาพนิ่ง\nภาพประกอบ\nภาพพจน์\nภาพยนตร์\nภาพลวงตา\nภาพลักษณ์\nภายนอก\nภายใน\nภายหน้า\nภายหลัง\nภารกิจ\nภารธุระ\nภารโรง\nภารตวิทยา\nภาษาศาสตร์\nภาสกร\nภิญโญภาพ\nภินชาติ\nภูธร\nภูธเรศ\nภูบาล\nภูเบศ\nภูเบศวร์\nภูเขา\nภูเขาไฟ\nภูผา\nภูตคาม\nภูตบดี\nภูตรูป\nภูเตศวร\nภูมินทร์\nภูมิบาล\nภูมิประเทศ\nภูมิภาค\nภูมิรัฐศาสตร์\nภูมิลำเนา\nภูมิศาสตร์\nภูมิอากาศ\nภูมิธรรม\nภูมิปัญญา\nภูมิรู้\nภูมิใจ\nภูมิฐาน\nภูมิคุ้มกัน\nภูมิแพ้\nภูษาโยง\nเภทภัย\nเภสัชกร\nเภสัชกรรม\nเภสัชวิทยา\nเภสัชศาสตร์\nโภคทรัพย์\nโภคภัณฑ์\nโภชนากร\nโภชนาการ\nมกุฎราชกุมาร\nมงคลแฝด\nมงคลสูตร\nมงคลหัตถี\nมณเฑียรบาล\nมดดำ\nมดแดง\nมดเท็จ\nมดยอบ\nมดลูก\nมธุปายาส\nมธุรส\nมนเทียรบาล\nมนุษย์กบ\nมโนกรรม\nมโนคติ\nมโนทุจริต\nมโนธรรม\nมโนภาพ\nมโนมัย\nมโนรถ\nมโนรมย์\nมโนสุจริต\nมรรคนายก\nมรรคผล\nมฤคชาติ\nมฤคทายวัน\nมฤคราช\nมลทิน\nมลพิษ\nมลสาร\nมวกเหล็ก\nม้วนหน้า\nมวยไทย\nมวยปล้ำ\nมวยล้ม\nมวยวัด\nมวยสากล\nมวยหมู่\nมวลสาร\nมอคราม\nมอซอ\nมอหมึก\nมองเมียง\nมอบตัว\nมอบหมาย\nมอมเมา\nมะขามเทศ\nมะขามป้อม\nมะขามเปียก\nมะเขือเทศ\nมะเขือพวง\nมะพร้าวแก้ว\nมักคุ้น\nมักจี่\nมักง่าย\nมักน้อย\nมักมาก\nมักใหญ่\nมั่งคั่ง\nมั่งมี\nมัจจุราช\nมัชฌิมนิกาย\nมัชฌิมประเทศ\nมัชฌิมยาม\nมัชฌิมวัย\nมัดจำ\nมัดหมี่\nมัธยมกาล\nมัธยมศึกษา\nมันแกว\nมันเทศ\nมันฝรั่ง\nมันเปลว\nมันสมอง\nมั่นคง\nมั่นใจ\nมั่นหมาย\nมั่นเหมาะ\nมัวเมา\nมัวหมอง\nมั่วสุม\nม้าเทศ\nม้าน้ำ\nม้ามืด\nม้าเร็ว\nม้าล่อ\nม้าลาย\nมากมาย\nมาตรการ\nมาตรฐาน\nมาตราส่วน\nมาตุคาม\nมาตุฆาต\nมาตุภูมิ\nม่านตา\nม่านบังตา\nมายากร\nมายากล\nมายาการ\nมายาวี\nมารผจญ\nมารวิชัย\nมารสังคม\nมารหัวขน\nมาลาการ\nมิ่งขวัญ\nมิ่งมิตร\nมิจฉาจาร\nมิจฉาชีพ\nมิดชิด\nมิดเมี้ยน\nมิดหมี\nมิตรจิต\nมิตรภาพ\nมิตรสหาย\nมิน่า\nมีหน้า\nมีดโกน\nมีดดาบ\nมีดโต้\nมีดพก\nมีดพับ\nมีดสั้น\nมึนงง\nมึนชา\nมึนตึง\nมึนเมา\nมืดครึ้ม\nมืดมน\nมืดมัว\nมือจับ\nมือดี\nมือเติบ\nมือปืน\nมือเปล่า\nมือมืด\nมือสอง\nมือเสือ\nมือหนึ่ง\nมือใหม่\nมุกตลก\nมุขปาฐะ\nมุขมนตรี\nมุ่งมั่น\nมุ่งมาด\nมุ่งหน้า\nมุ่งหมาย\nมุ่งหวัง\nมุ้งลวด\nมุ้งสายบัว\nมุมก้ม\nมุมกลับ\nมุมเงย\nมุมฉาก\nมุมตรง\nมุมป้าน\nมุมมืด\nมุมแย้ง\nมุมสะท้อน\nมุมหักเห\nมุมแหลม\nมุสาวาท\nมูกเลือด\nมูกมัน\nมูกหลวง\nมูนดิน\nมูลฐาน\nมูลนาย\nมูลนิธิ\nมูลเหตุ\nมูลค่า\nมูลฝอย\nเม็ดเงิน\nเม็ดเลือด\nเม็ดโลหิต\nเม่นทะเล\nเมรุมาศ\nเมรุราช\nเมล์อากาศ\nเมาดิบ\nเมามัน\nเมามัว\nเมามาย\nเมินเฉย\nเมียน้อย\nเมียหลวง\nเมียงมอง\nเมี่ยงลาว\nเมี่ยงส้ม\nเมื่อกี้\nเมื่อตะกี้\nเมื่อใด\nเมื่อไร\nเมื่อไหร่\nเมื่อนั้น\nเมืองขึ้น\nเมืองท่า\nเมืองนอก\nเมืองหลวง\nเมื่อยขบ\nเมื่อยล้า\nแม่กอง\nแม่กุญแจ\nแม่คุณ\nแม่งาน\nแม่เจ้า\nแม่ชี\nแม่ทัพ\nแม่นม\nแม่น้ำ\nแม่บท\nแม่บ้าน\nแม่เบี้ย\nแม่พระ\nแม่พิมพ์\nแม่เพลง\nแม่มด\nแม่ม่าย\nแม่ไม้\nแม่ยก\nแม่ยาย\nแม่ร้าง\nแม่เรือน\nแม่แรง\nแม่เล้า\nแม่เลี้ยง\nแม่สี\nแม่สื่อ\nแม่เหล็ก\nแมงมุม\nแม่นยำ\nแมลงช้าง\nแมลงวัน\nแมลงปอ\nแมลงภู่\nแมลงเม่า\nแมวเซา\nแมวน้ำ\nแมวป่า\nแมวมอง\nไม้กลัด\nไม้กวาด\nไม้กางเขน\nไม้เกาหลัง\nไม้ขีดไฟ\nไม้จิ้มฟัน\nไม้เด็ด\nไม้ตาย\nไม้ตีพริก\nไม้ที\nไม้เท้า\nไม้บรรทัด\nไม้เมตร\nไม้ระแนง\nไม้เรียว\nไม้หมอน\nไม้อัด\nไม้จัตวา\nไม้ตรี\nไม้ไต่คู้\nไม้โท\nไม้ผัด\nไม้มลาย\nไม้ม้วน\nไม้ยมก\nไม้หน้า\nไม้หันอากาศ\nไม้เอก\nยกกลีบ\nยกครู\nยกเครื่อง\nยกเค้า\nยกทรง\nยกฟ้อง\nยกเมฆ\nยกยอ\nยกย่อง\nยกเลิก\nยกเว้น\nย่นย่อ\nยมทูต\nยมบาล\nยมราช\nยมโลก\nยวดยิ่ง\nยวดยาน\nยวนยี\nยวบยาบ\nย่อท้อ\nย่อส่วน\nย่อหน้า\nย่อหย่อน\nยอกย้อน\nยองใย\nย่องเบา\nย่องแย่ง\nยอดเยี่ยม\nยอดอก\nย้อนยอก\nย้อนรอย\nย้อนศร\nย้อนแสง\nย้อนหลัง\nยอบแยบ\nยอมความ\nย่อมเยา\nย่อยยับ\nยักยอก\nยักย้าย\nยักเยื้อง\nยัญกรรม\nยัญพิธี\nยัดเยียด\nยับเยิน\nยับยั้ง\nยั่วยวน\nยั่วยุ\nยั่วเย้า\nยากวาด\nยากันยุง\nยาเขียว\nยาใจ\nยาฉุน\nยาชา\nยาซัด\nยาดอง\nยาแดง\nยาถ่าย\nยาธาตุ\nยานัตถุ์\nยาเบื่อ\nยาโป๊\nยาแฝด\nยาพิษ\nยาระบาย\nยาสลบ\nยาสั่ง\nยาสีฟัน\nยาสูบ\nยาเส้น\nยาเสพติด\nยาหม่อง\nยาเหลือง\nย่าทวด\nย่านาง\nยากแค้น\nยากจน\nยากเย็น\nยากไร้\nยางนอก\nยางใน\nยางมะตอย\nยางมะตูม\nยางลบ\nยางสน\nยางอาย\nย่างกราย\nย่างเยื้อง\nย่างสด\nย่างสามขุม\nย่างเหยียบ\nยานเกราะ\nยานพาหนะ\nยานอวกาศ\nยานคาง\nยายทวด\nยาวเฟื้อย\nยาวยืด\nยาวเหยียด\nยำทวาย\nยำใหญ่\nยำเกรง\nยำเยง\nย่ำต๊อก\nย่ำยี\nย่ำแย่\nยิงเป้า\nยิ่งนัก\nยิ่งยวด\nยิ่งใหญ่\nยินดี\nยินยอม\nยินร้าย\nยิ้มกริ่ม\nยิ้มแฉ่ง\nยิ้มแต้\nยิ้มแป้น\nยิ้มเผล่\nยิ้มเยาะ\nยิ้มแย้ม\nยียวน\nยึดครอง\nยึดถือ\nยึดมั่น\nยึดเหนี่ยว\nยืดยาด\nยืดยาว\nยืดเยื้อ\nยืดหยุ่น\nยืดอก\nยืนกราน\nยืนต้น\nยืนพื้น\nยืนยง\nยืนยัน\nยืนหยัด\nยื้อยุด\nยุยง\nยุแยง\nยุแหย่\nยุคลบาท\nยุคเข็ญ\nยุคทอง\nยุคมืด\nยุ่งขิง\nยุ่งยาก\nยุ่งเหยิง\nยุติธรรม\nยุทธการ\nยุทธนาวี\nยุทธปัจจัย\nยุทธภัณฑ์\nยุทธภูมิ\nยุทธวิธี\nยุทธศาสตร์\nยุทธหัตถี\nยุทธนาการ\nยุทธนาธิการ\nยุบยับ\nยุบยิบ\nยุพราช\nยู่ยี่\nเย็นเจี๊ยบ\nเย็นใจ\nเย็นฉ่ำ\nเย็นเฉียบ\nเย็นชา\nเย็นชืด\nเย็นตา\nเย็นเยียบ\nเย็นเยือก\nเย็นวาบ\nเย็นวูบ\nเย็บกี่\nเย็บจักร\nเย็บด้าย\nเย้ยหยัน\nเย้าหยอก\nเยาะเย้ย\nเยี่ยมกราย\nเยี่ยมเยียน\nเยี่ยมเยือน\nเยี่ยมยอด\nเยื่อเคย\nเยื่อใย\nเยือกเย็น\nเยื้องกราย\nเยื้องยัก\nเยื้องย่าง\nแยกย้าย\nแยกแยะ\nแย่งชิง\nแยบคาย\nแยบยล\nแย้มพราย\nแย้มยิ้ม\nแย้มสรวล\nโยเย\nโย้เย้\nโยกโคลง\nโยกย้าย\nโยกโย้\nโยนกลอง\nใยหิน\nรกชัฏ\nรกร้าง\nรกเรี้ยว\nรกเรื้อ\nรกราก\nรงควัตถุ\nรชนีกร\nรถกระบะ\nรถเก๋ง\nรถเข็น\nรถแข่ง\nรถจักร\nรถจี๊ป\nรถตู้\nรถทัวร์\nรถบรรทุก\nรถพ่วง\nรถพยาบาล\nรถไฟ\nรถไฟฟ้า\nรถม้า\nรถเมล์\nรถยนต์\nรถราง\nรถลาก\nรถสปอร์ต\nรถสิบล้อ\nรบกวน\nรบรา\nรบเร้า\nรมดำ\nร่มเกล้า\nร่มชูชีพ\nร่มเย็น\nร่มรื่น\nร่วงโรย\nรวงผึ้ง\nรวงรัง\nรวดเร็ว\nรวนเร\nรวบยอด\nรวบรวม\nรวบรัด\nรวมพล\nรวมหัว\nร่วมใจ\nร่วมเพศ\nร่วมมือ\nร่วมรัก\nร่วมสมัย\nรวยริน\nรวยรื่น\nรสชาติ\nรสนิยม\nรองท้อง\nรองเท้า\nรองพื้น\nร่องน้ำ\nร่องรอย\nร้องขอ\nร้องทุกข์\nร้องเรียน\nร้องห่ม\nร้องไห้\nรองช้ำ\nรองทรง\nรอดชีวิต\nรอดตัว\nรอดตาย\nรอนแรม\nร่อนเร่\nร้อนใจ\nร้อนตัว\nร้อนรน\nร้อนรุ่ม\nร้อนวิชา\nร้อนอาสน์\nรอบจัด\nรอบเดือน\nรอบรู้\nรอยร้าว\nร่อยหรอ\nร้อยละ\nร้อยกรอง\nร้อยแก้ว\nร้อยหวาย\nระนาดทุ้ม\nระนาดเอก\nระเบิดขวด\nระเบิดมือ\nระเบียบการ\nรักใคร่\nรักษาการ\nรักษาการณ์\nรังไข่\nรังแตน\nรังนก\nรังผึ้ง\nรังเพลิง\nรังมด\nรังสรรค์\nรังสฤษฏ์\nรั้งรอ\nรังสีแพทย์\nรังสีวิทยา\nรัชกาล\nรัชทายาท\nรัชนีกร\nรัฐธรรมนูญ\nรัฐบาล\nรัฐบุรุษ\nรัฐประศาสน์\nรัฐประหาร\nรัฐพิธี\nรัฐมนตรี\nรัฐวิสาหกิจ\nรัฐศาสตร์\nรัฐสภา\nรัดกุม\nรัดเกล้า\nรัดตัว\nรัดประคด\nรัดรึง\nรัดรูป\nรัตติกาล\nรับขวัญ\nรับจ้าง\nรับช่วง\nรับใช้\nรับซื้อ\nรับทราบ\nรับประกัน\nรับประทาน\nรับปาก\nรับผิด\nรับผิดชอบ\nรับฟ้อง\nรับฟัง\nรับมือ\nรับรอง\nรับรู้\nรับสมัคร\nรับสั่ง\nรับหน้า\nรับเหมา\nรั่วไหล\nรามือ\nร่าเริง\nรากแก้ว\nรากขวัญ\nรากฐาน\nรากฟัน\nรากศัพท์\nรากเหง้า\nร่างกาย\nร่างแห\nร้างรา\nราชกรณียกิจ\nราชการ\nราชกิจ\nราชครู\nราชฐาน\nราชทัณฑ์\nราชทินนาม\nราชทูต\nราชธานี\nราชนาวี\nราชบัณฑิต\nราชบัลลังก์\nราชบาตร\nราชบุตร\nราชปะแตน\nราชภัฏ\nราชมัล\nราชยาน\nราชรถ\nราชลัญจกร\nราชเลขาธิการ\nราชเลขานุการ\nราชวงศ์\nราชวัติ\nราชสกุล\nราชสมบัติ\nราชสาส์น\nราชหัตถเลขา\nราชองครักษ์\nราชโองการ\nราชาคณะ\nราชาศัพท์\nราชินีนาถ\nร้านชำ\nร้านรวง\nราบคาบ\nราบรื่น\nราบเรียบ\nรายการ\nรายงาน\nรายจ่าย\nรายได้\nรายทาง\nรายรับ\nรายล้อม\nรายละเอียด\nรายวิชา\nร่ายยาว\nร่ายรำ\nร้ายกาจ\nร้ายแรง\nราวนม\nราวป่า\nร้าวฉาน\nร้าวราน\nรำพัด\nรำแพน\nรำวง\nร่ำไป\nร่ำร้อง\nร่ำเรียน\nร่ำไร\nร่ำลา\nร่ำไห้\nริเริ่ม\nริอ่าน\nริมฝีปาก\nริ้วรอย\nรีบร้อน\nรีบรุด\nรีบเร่ง\nรื่นรมย์\nรื่นเริง\nรื้อถอน\nรื้อฟื้น\nรุกฆาต\nรุกราน\nรุกล้ำ\nรุกไล่\nรุ่งขึ้น\nรุ่งแจ้ง\nรุ่งเช้า\nรุ่งเรือง\nรุ่งโรจน์\nรุ่งสว่าง\nรุ่งสาง\nรุ่งอรุณ\nรุจิเรข\nรุดหน้า\nรุนแรง\nรุมเร้า\nรุมล้อม\nรุ่มรวย\nรุ่มร้อน\nรุ่ยร่าย\nรู้แกว\nรู้ความ\nรู้คุณ\nรู้งาน\nรู้จัก\nรู้แจ้ง\nรู้ใจ\nรู้เชิง\nรู้ตัว\nรู้ทัน\nรู้เท่า\nรู้เรื่อง\nรู้สำนึก\nรู้สึก\nรู้เห็น\nรูปการณ์\nรูปโฉม\nรูปฌาน\nรูปถ่าย\nรูปทรง\nรูปธรรม\nรูปแบบ\nรูปพรรณ\nรูปพรหม\nรูปภพ\nรูปภาพ\nรูปร่าง\nรูปสมบัติ\nเร่ร่อน\nเร่งด่วน\nเร่งมือ\nเร่งรัด\nเร่งรีบ\nเร่งเร้า\nเร้นลับ\nเร่อร่า\nเร่าร้อน\nเราะราย\nเราะร้าย\nเริงใจ\nเริงรมย์\nเริดร้าง\nเริ่มต้น\nเริ่มแรก\nเรี่ยราด\nเรี่ยไร\nเรียกคืน\nเรียกตัว\nเรียกร้อง\nเรียกหา\nเรียบร้อย\nเรียงความ\nเรียงตัว\nเรียงเบอร์\nเรียงพิมพ์\nเรียงเม็ด\nเรียงราย\nเรียนรู้\nเรียบร้อย\nเรียบเรียง\nเรียบวุธ\nเรี่ยมเร้\nเรี่ยวแรง\nเรือกลไฟ\nเรือกอและ\nเรือกำปั่น\nเรือจ้าง\nเรือดำน้ำ\nเรือโดยสาร\nเรือตรวจการณ์\nเรือตังเก\nเรือธง\nเรือนำร่อง\nเรือบด\nเรือบิน\nเรือใบ\nเรือประมง\nเรือพ่วง\nเรือพิฆาต\nเรือยนต์\nเรือยาว\nเรือโยง\nเรือรบ\nเรือลากจูง\nเรือสำปั้น\nเรือสำเภา\nเรือหลวง\nเรือหางยาว\nเรืออีโปง\nเรือเอี้ยมจุ๊น\nเรื้อรัง\nเรือกสวน\nเรืองนาม\nเรืองรอง\nเรืองแสง\nเรื่องราว\nเรื่องสั้น\nเรือนแก้ว\nเรือนจำ\nเรือนเบี้ย\nเรือนแพ\nเรือนหอ\nเรื่อยเจื้อย\nเรื่อยเฉื่อย\nเรื่อยเปื่อย\nแรเงา\nแรกนา\nแรกนาขวัญ\nแรงงาน\nแรงดึงดูด\nแรงเทียน\nแรงม้า\nแรงเหวี่ยง\nแรมรอน\nแรมรา\nแรมโรย\nโรคจิต\nโรงครัว\nโรงงาน\nโรงเจ\nโรงเตี๊ยม\nโรงทาน\nโรงนา\nโรงพยาบาล\nโรงพัก\nโรงพิมพ์\nโรงเรียน\nโรงเรือน\nโรงแรม\nโรงเลี้ยง\nโรงเลื่อย\nโรงสี\nโรงสีข้าว\nโรงอาหาร\nโรมรัน\nโรยรา\nฤชากร\nฤดูกาล\nลงขัน\nลงแขก\nลงคอ\nลงตัว\nลงท้าย\nลงทุน\nลงโทษ\nลงพุง\nลงมือ\nลงรัก\nลงรอย\nลงแรง\nลงโรง\nลงเอย\nลดตัว\nลดละ\nลดเลี้ยว\nลดหย่อน\nลดหลั่น\nลนลาน\nล้นพ้น\nล้นหลาม\nล้นเหลือ\nลบล้าง\nลบเลือน\nลบหลู่\nลมกรด\nลมค้า\nลมงวง\nลมแดด\nลมทะเล\nลมบก\nลมบน\nลมบ้าหมู\nลมปราณ\nลมปาก\nลมพิษ\nลมว่าว\nลมเสีย\nลมหนาว\nลมหายใจ\nล่มจม\nล่มสลาย\nล้มละลาย\nล้มลุก\nล้มเลิก\nล่วงเกิน\nล่วงรู้\nล่วงละเมิด\nล่วงลับ\nล่วงล้ำ\nล่วงเลย\nล่วงหน้า\nลวดลาย\nลวดสปริง\nลวดหนาม\nล้วนแล้ว\nลหุโทษ\nล่อลวง\nล่อหลอก\nล่อแหลม\nล้อต๊อก\nล้อเลื่อน\nล้อเล่น\nล้อเลียน\nล้อหลอก\nลองเชิง\nลองดี\nลองภูมิ\nล่องหน\nลอดช่อง\nล่อนจ้อน\nลอบกัด\nล้อมวง\nลอยแก้ว\nลอยชาย\nลอยตัว\nลอยนวล\nลอยแพ\nลอยลำ\nละทิ้ง\nละเลย\nละเว้น\nละครนอก\nละครใน\nละครเพลง\nละครร้อง\nละครรำ\nละครลิง\nละครสัตว์\nละเอียดอ่อน\nลักไก่\nลักพา\nลักเพศ\nลักยิ้ม\nลักลอบ\nลักลั่น\nลักหลับ\nลัดเลาะ\nลับตา\nลับแล\nลับหลัง\nลาออก\nล่าช้า\nล่าทัพ\nล้าสมัย\nล้าหลัง\nลากข้าง\nล้างบาง\nล้างผลาญ\nลาดเขา\nลาดตระเวน\nลาดเท\nลาดยาง\nลานบิน\nลาภปาก\nลาภลอย\nลามปาม\nลามเลีย\nลายคราม\nลายเซ็น\nลายแทง\nลายน้ำ\nลายพร้อย\nลายมือ\nลายลักษณ์\nลายเส้น\nลำกล้อง\nลำแข้ง\nลำธาร\nลำแสง\nลำไส้\nลำตัด\nลำนำ\nล่ำสัน\nล้ำยุค\nล้ำสมัย\nล้ำลึก\nล้ำเลิศ\nล้ำเส้น\nล้ำหน้า\nลิงจุ่น\nลิงลม\nลิงโลด\nลิดรอน\nลิ้นไก่\nลิ้นชัก\nลิ้นปี่\nลิ้นควาย\nลิ้นงูเห่า\nลิ้นหมา\nลิบลับ\nลิบลิ่ว\nลิ่มเลือด\nลี้ภัย\nลี้ลับ\nลึกซึ้ง\nลึกลับ\nลึกล้ำ\nลืมตน\nลืมต้น\nลืมตัว\nลืมตา\nลืมเลือน\nลือชา\nลือชื่อ\nลือลั่น\nลุล่วง\nลุกลน\nลุกลาม\nลุกลี้ลุกลน\nลุกฮือ\nลุ่มน้ำ\nลุ่มลึก\nลุ่มหลง\nลุ่ทาง\nลูกกรง\nลูกกรอก\nลูกกรุง\nลูกกลอน\nลูกกลิ้ง\nลูกกวาด\nลูกกะจ๊อก\nลูกกุญแจ\nลูกเกด\nลูกแก้ว\nลูกขนไก่\nลูกข่าง\nลูกขุน\nลูกเขย\nลูกครึ่ง\nลูกคลื่น\nลูกความ\nลูกคอ\nลูกค้า\nลูกคิด\nลูกคู่\nลูกจ้าง\nลูกช้าง\nลูกชิด\nลูกชิ้น\nลูกชุบ\nลูกซอง\nลูกโซ่\nลูกดอก\nลูกดิ่ง\nลูกตะกั่ว\nลูกตุ้ม\nลูกเต้า\nลูกเต๋า\nลูกถ้วย\nลูกทุ่ง\nลูกเธอ\nลูกน้อง\nลูกน้ำ\nลูกนิมิต\nลูกบอล\nลูกบ้าน\nลูกบาศก์\nลูกบิด\nลูกเบี้ยว\nลูกประคบ\nลูกประคำ\nลูกปัด\nลูกปืน\nลูกโป่ง\nลูกผสม\nลูกผู้ชาย\nลูกผู้หญิง\nลูกพรรค\nลูกพี่\nลูกฟูก\nลูกไฟ\nลูกมือ\nลูกโม่\nลูกไม้\nลูกยาเธอ\nลูกรอก\nลูกรัง\nลูกเรือ\nลูกล้อ\nลูกลอย\nลูกเล่น\nลูกเลี้ยง\nลูกโลก\nลูกวัด\nลูกศร\nลูกศิษย์\nลูกสมุน\nลูกสะใภ้\nลูกสูบ\nลูกเสือ\nลูกหนัง\nลูกหนี้\nลูกหนู\nลูกหมาก\nลูกหลง\nลูกหลาน\nลูกหาบ\nลูกหิน\nลูกเห็บ\nลูกเหม็น\nลูกแหง่\nลูกอม\nลูกหม้อ\nลูบคม\nลูบคลำ\nลูบไล้\nเล็กน้อย\nเลขคณิต\nเลขผา\nเลขหมาย\nเล็ดลอด\nเล่นงาน\nเล่นแง่\nเล่นชู้\nเล่นตัว\nเล่นลิ้น\nเล่นหัว\nเลนส์นูน\nเลนส์เว้า\nเล็บครุฑ\nเลยเถิด\nเลศนัย\nเล่ห์กล\nเล่ห์เหลี่ยม\nเลอโฉม\nเลอมาน\nเลอเลิศ\nเลอสรวง\nเล่อล่า\nเลอะเลือน\nเล่าเรียน\nเล่าลือ\nเลาะลัด\nเลิกรา\nเลิกร้าง\nเลิกล้ม\nเลิศเลอ\nเลี้ยงชีพ\nเลี้ยงดู\nเลี้ยงต้อย\nเลียบเคียง\nเลี้ยวลด\nเลือกตั้ง\nเลือกเฟ้น\nเลือกสรร\nเลื่องลือ\nเลือดกำเดา\nเลือดเนื้อ\nเลือดฝาด\nเลือดเย็น\nเลือดร้อน\nเลือดหมู\nเลือดอุ่น\nเลือนราง\nเลื่อนเปื้อน\nเลื่อนลอย\nเลื่อมพราย\nเลื่อมใส\nเลื่อยฉลุ\nเลื่อยลันดา\nเลื่อยวงเดือน\nเลื้อยคลาน\nแลเหลียว\nแลกเปลี่ยน\nแล้วกัน\nและเล็ม\nโล่งใจ\nโล่งโถง\nโล่งอก\nโลดเต้น\nโลดโผน\nโลดลิ่ว\nโลดแล่น\nไล่ที่\nไล่เบี้ย\nไล่เลี่ย\nไล่เลียง\nไล่หลัง\nไล่ออก\nวกวน\nวงกบ\nวงกลม\nวงการ\nวงแขน\nวงเงิน\nวงจร\nวงนอก\nวงใน\nวงรี\nวงเล็บ\nวงเวียน\nวงแหวน\nวงศ์วาน\nวจีกรรม\nวจีเภท\nวจีภาค\nวนเวียน\nวอดวาย\nว็อบแว็บ\nวังวน\nวังหน้า\nวังหลวง\nวังหลัง\nวัดราษฎร์\nวัดวา\nวัดหลวง\nวัดผล\nวัดพื้น\nวัตถุนิยม\nวัตถุประสงค์\nวัตรปฏิบัติ\nวันโกน\nวันพระ\nวันเพ็ญ\nวัยรุ่น\nวัยวุฒิ\nว่ากล่าว\nว่าจ้าง\nว่าด้วย\nว่าที่\nวางก้าม\nวางใจ\nวางตัว\nวางตา\nวางโต\nวางท่า\nวางมวย\nวางมาด\nวางมือ\nวางวาย\nว่างเปล่า\nว่างเว้น\nวาดเขียน\nว่านเครือ\nวาบหวาม\nวายชนม์\nวายปราณ\nวายวาง\nวายวอด\nวายร้าย\nวายุภักษ์\nวาววับ\nวาววาม\nวาวแวว\nวาวแสง\nวิกฤตการณ์\nวิกฤติการณ์\nวิกฤตกาล\nวิกฤติกาล\nวิกลจริต\nวิงเวียน\nวิ่งเต้น\nวิ่งผลัด\nวิ่งรอก\nวิ่งราว\nวิจิตรศิลป์\nวิชาการ\nวิชาชีพ\nวิชาธร\nวิญญูชน\nวิดพื้น\nวิตกจริต\nวิถีทาง\nวิทยากร\nวิทยากล\nวิทยาการ\nวิทยาเขต\nวิทยาทาน\nวิทยาธร\nวิทยานิพนธ์\nวิทยาศาสตร์\nวิเทศสัมพันธ์\nวิธีการ\nวินัยธร\nวินัยปิฎก\nวินาศกรรม\nวินาศภัย\nวินาศสันตะโร\nวิภัชพยากรณ์\nวิภัชวาที\nวิไลวรรณ\nวิสัญญีแพทย์\nวิสัญญีภาพ\nวิสัญญีวิทยา\nวุฒิบัตร\nวุฒิสภา\nวุฒิสมาชิก\nวุ่นวาย\nวุ้นเส้น\nวูบวาบ\nเวจกุฎี\nเวจมรรค\nเวชกรรม\nเวชภัณฑ์\nเวชศาสตร์\nเวทมนตร์\nเวนคืน\nเวรกรรม\nเวฬุการ\nเวฬุวัน\nเว้าวอน\nเวิ้งว้าง\nเวียงวัง\nเวียนเทียน\nแว้งกัด\nแวดล้อม\nแวดวง\nแว่นขยาย\nแว่นแคว้น\nแว่นตา\nแวบวับ\nแววตา\nแวววาม\nแวววาว\nแวะเวียน\nโวยวาย\nไวไฟ\nไว้ใจ\nไว้ชื่อ\nไว้ตัว\nไว้ทุกข์\nไว้ลาย\nไว้หน้า\nไว้อาลัย\nศนิวาร\nศอกกลับ\nศอกกำ\nศอกกำมา\nศักดิ์ศรี\nศักดิ์สิทธิ์\nศารทวิษุวัติ\nศาลแขวง\nศาลจังหวัด\nศาลชั้นต้น\nศาลฎีกา\nศาลเตี้ย\nศาลทหาร\nศาลปกครอง\nศาลพระภูมิ\nศาลเพียงตา\nศาลแพ่ง\nศาลรัฐธรรมนูญ\nศาลแรงงาน\nศาลล้มละลาย\nศาลโลก\nศาลสูง\nศาลสูงสุด\nศาลอาญา\nศาลอุทธรณ์\nศาลากลาง\nศาลาดิน\nศาลาราย\nศาลาวัด\nศิลาฤกษ์\nศิลาแลง\nศิษย์เก่า\nศิษย์เอก\nศีลจุ่ม\nศีลธรรม\nศีลวัต\nศีลอด\nศูนย์กลาง\nศูนย์การค้า\nศูนย์ถ่วง\nศูนย์สูตร\nศูนย์หน้า\nเศร้าใจ\nเศร้าโศก\nเศร้าสร้อย\nเศร้าสลด\nเศร้าหมอง\nเศวตฉัตร\nเศษเกิน\nเศษซ้อน\nเศษวรรค\nเศษส่วน\nเศษเหล็ก\nโศกนาฏกรรม\nโศกศัลย์\nโศกเศร้า\nโศกสลด\nสกลโลก\nส่งเดช\nส่งท้าย\nส่งเสริม\nส่งเสีย\nส่งเสียง\nสงบเงียบ\nสงบเสงี่ยม\nสง่างาม\nสง่าราศี\nสดชื่น\nสดใส\nสตรีเพศ\nสติปัญญา\nสถลมารค\nสถานกงสุล\nสถานที่\nสถานทูต\nสถานการณ์\nสถานภาพ\nสถิติศาสตร์\nสนตะพาย\nสนใจ\nส้นตีน\nสนธิสัญญา\nสนนราคา\nสนับแข้ง\nสนับเพลา\nสนับมือ\nสนามบิน\nสนามเพลาะ\nสนิทสนม\nสนิมขุม\nสนิมสร้อย\nสนุกสนาน\nสบประมาท\nสบายใจ\nสภาพธรรม\nสมควร\nสมจริง\nสมใจ\nสมนัย\nสมน้ำหน้า\nสมประกอบ\nสมส่วน\nสมหวัง\nสมคบ\nสมทบ\nสมยอม\nสมรัก\nสมรู้\nสมสู่\nส้มฉุน\nส้มตำ\nส้มลิ้ม\nส้มกุ้ง\nส้มเช้า\nสมญานาม\nสมมติฐาน\nสมมุติฐาน\nสมมติเทพ\nสมรภูมิ\nสมัครใจ\nสมัยนิยม\nสมุทรศาสตร์\nสมุทรเสนา\nสยดสยอง\nสยองขวัญ\nสยามรัฐ\nสรรหา\nสรวมชีพ\nสรวลเส\nสร้อยเศร้า\nสร้างสรรค์\nสร้างเสริม\nสลดใจ\nสลบไสล\nสละสลวย\nสลาเหิน\nสลากภัต\nสวนครัว\nสวนป่า\nสวนสนุก\nสวนหย่อม\nส่วนกลาง\nส่วนเกิน\nส่วนตัว\nส่วนบุญ\nส่วนแบ่ง\nส่วนประกอบ\nส่วนพระองค์\nส่วนผสม\nส่วนรวม\nส่วนร่วม\nส่วนลด\nส่วนสัด\nสวมกอด\nสวมเขา\nสวมรอย\nสวยมภู\nสว่างไสว\nสวามิภักดิ์\nสวิงสวาย\nสสารนิยม\nส่อเสียด\nสอดคล้อง\nสอดแทรก\nสอดแนม\nสอบถาม\nสอบทาน\nสอบไล่\nสอบสวน\nส้อมเสียง\nสะสวย\nสะแกวัลย์\nสะแกแสง\nสะใจ\nสะเด็ดยาด\nสะเทือนใจ\nสะบัดช่อ\nสั่งสม\nสั่งสอน\nสั่งเสีย\nสังเกตการณ์\nสังคมนิยม\nสังคมวิทยา\nสังคมศาสตร์\nสังคมศึกษา\nสังคมสงเคราะห์\nสัญญาบัตร\nสัดส่วน\nสัตการ\nสัตบุรุษ\nสัตบริภัณฑ์\nสัตภัณฑ์\nสัตมหาสถาน\nสัตโลหะ\nสันเขา\nสันดอน\nสันหลัง\nสั่นเทา\nสั่นเทิ้ม\nสันติบาล\nสันติภาพ\nสันติวิธี\nสันติสุข\nสับเปลี่ยน\nสับสน\nสับหลีก\nสับหว่าง\nสัมมาคารวะ\nสัมมาชีพ\nส่าเหล้า\nสากกะเบือ\nสาทิสลักษณ์\nสาธุการ\nสาธุชน\nสาบเสือ\nสาปสรร\nสาปแช่ง\nสาปส่ง\nสามง่าม\nสามล้อ\nสามเหลี่ยม\nสามเวท\nสามัญชน\nสามัญสำนึก\nสายดิ่ง\nสายดิน\nสายตรวจ\nสายน้ำ\nสายบัว\nสายพาน\nสายฟ้า\nสายยาง\nสายยู\nสายใย\nสายรก\nสายรุ้ง\nสายล่อฟ้า\nสายลับ\nสายเลือด\nสายโลหิต\nสายวัด\nสายส่ง\nสายสวาท\nสายสะดือ\nสายสะพาย\nสายสัมพันธ์\nสายสิญจน์\nสายสืบ\nสายไหม\nสายอากาศ\nสายตา\nสายหยุด\nสารตรา\nสารประกอบ\nสารละลาย\nสารส้ม\nสารหนู\nสารทฤดู\nสาวใช้\nสาวน้อย\nสาวใหญ่\nสำนักงาน\nสำนักพิมพ์\nสำนักสงฆ์\nสำมะโนครัว\nสำเร็จรูป\nสิกขาบท\nสิงสถิต\nสิงสู่\nสิ่งก่อสร้าง\nสิ่งของ\nสิ่งปฏิกูล\nสิ่งพิมพ์\nสิ่งแวดล้อม\nสิ่งศักดิ์สิทธิ์\nสิทธิกร\nสิทธิ์ขาด\nสิทธิชัย\nสิทธิโชค\nสิทธิบัตร\nสินค้า\nสินจ้าง\nสินเชื่อ\nสินไถ่\nสินทรัพย์\nสินน้ำใจ\nสินบน\nสินแร่\nสินสมรส\nสินสอด\nสินไหม\nสิ้นเชิง\nสิ้นสุด\nสีผึ้ง\nสีลม\nสีชอล์ก\nสีถ่าน\nสีเทียน\nสีน้ำ\nสีน้ำมัน\nสีโปสเตอร์\nสีฝุ่น\nสี่เหลี่ยม\nสีหน้า\nสึกหรอ\nสืบทอด\nสืบค้น\nสืบสวน\nสืบสาว\nสืบเสาะ\nสื่อผสม\nสื่อมวลชน\nสื่อสาร\nสุกงอม\nสุกดิบ\nสุกปลั่ง\nสุกใส\nสุขนาฏกรรม\nสุขภัณฑ์\nสุขภาพ\nสุขลักษณะ\nสุขวิทยา\nสุขศาลา\nสุขศึกษา\nสุดท้าย\nสุตกวี\nสุนทรพจน์\nสุภาพชน\nสู่ขอ\nสู่รู้\nสู่สม\nสูงส่ง\nสูญเปล่า\nสูญสิ้น\nสูญเสีย\nสูญหาย\nเสสรวล\nเสแสร้ง\nเสกสรร\nเสถียรภาพ\nเส้นชัย\nเส้นตรง\nเส้นตาย\nเส้นทาง\nเส้นใย\nเส้นรุ้ง\nเส้นเลือด\nเส้นแวง\nเส้นสาย\nเส้นเสียง\nเส้นหมี่\nเส้นเอ็น\nเสบียงกรัง\nเสมอภาค\nเสมอหน้า\nเสมอเหมือน\nเสมียนตรา\nเสร็จสรรพ\nเสร็จสิ้น\nเสริมส่ง\nเสริมสร้าง\nเสริมสวย\nเสรีไทย\nเสรีธรรม\nเสรีนิยม\nเสรีภาพ\nเสาเข็ม\nเสาธง\nเสียใจ\nเสียเชิง\nเสียดาย\nเสียที\nเสียเที่ยว\nเสียเปรียบ\nเสียเปล่า\nเสียรู้\nเสียแรง\nเสียสละ\nเสียหลัก\nเสียหาย\nเสี่ยงทาย\nเสียดแทง\nเสียดแทรก\nเสียดสี\nเสี้ยนศึก\nเสี้ยนหนาม\nเสี้ยมสอน\nเสียวซ่าน\nเสียวไส้\nเสือดาว\nเสือดำ\nเสือปลา\nเสือป่า\nเสือไฟ\nเสื่อกก\nเสื่อกระจูด\nเสื่อน้ำมัน\nเสื่อลำแพน\nเสื้อกล้าม\nเสื้อกั๊ก\nเสื้อเกราะ\nเสื้อครุย\nเสื้อแสง\nเสื้อเมือง\nเสือกคลาน\nเสือกสน\nเสือกไส\nเสื่อมคลาย\nเสื่อมถอย\nเสื่อมทราม\nเสื่อมโทรม\nเสื่อมสลาย\nเสื่อมสูญ\nเสื่อมเสีย\nเสือหมอบ\nแสกหน้า\nแสดงออก\nแสเถา\nแสนกล\nแสนรู้\nแสร้งว่า\nใส่ความ\nใส่ไคล้\nใส่ใจ\nใส่ไฟ\nไส้กรอก\nไส้ไก่\nไส้ติ่ง\nไส้ศึก\nไส้อั่ว\nไส้เดือน\nไส้ตัน\nไสยเวท\nไสยศาสตร์\nหกล้ม\nหงส์หยก\nหงอนไก่\nหงอยก๋อย\nหงอยเหงา\nหงายท้อง\nหงายหลัง\nหงำเหงอะ\nหงำเหงือก\nหดหาย\nหดหู่\nหนทาง\nหนวกหู\nหน่วงเหนี่ยว\nหน่วยก้าน\nหน่อไม้\nหนองใน\nหนองแซง\nหนักข้อ\nหนักใจ\nหนักแน่น\nหนักหน่วง\nหนักหนา\nหนังกลับ\nหนังตะลุง\nหนังเรียด\nหนังสด\nหนังใหญ่\nหนังสือพิมพ์\nหนาแน่น\nหน้ากระดาน\nหน้ากาก\nหน้ากาฬ\nหน้าแข้ง\nหน้าจั่ว\nหน้าฉาน\nหน้าตัก\nหน้าตา\nหน้าต่าง\nหน้าท้อง\nหน้าทับ\nหน้าที่\nหน้าที่นั่ง\nหน้าบัน\nหน้าปัด\nหน้าผา\nหน้าผาก\nหน้าม้า\nหน้ามุข\nหน้าไม้\nหน้าเลือด\nหน้าอก\nหนามเตย\nหน่ายหนี\nหน่ายแหนง\nหนาวเหน็บ\nหนำใจ\nหนี้สิน\nหนี้สูญ\nหนุนเนื่อง\nหนุนหลัง\nหมกมุ่น\nหมดจด\nหมอขวัญ\nหมอความ\nหมอแคน\nหมองู\nหมอดู\nหมอตำแย\nหมอทำขวัญ\nหมอนวด\nหมอผี\nหมอยา\nหมอลำ\nหมอเสน่ห์\nหม้อแกง\nหม้อตาล\nหม้อน้ำ\nหม้อแปลง\nหมองใจ\nหมองมัว\nหมองหม่น\nหมองหมาง\nหมอนขวาน\nหมอนข้าง\nหมอนทอง\nหม่อมเจ้า\nหม่อมฉัน\nหม่อมราชวงศ์\nหม่อมหลวง\nหม่อมห้าม\nหมั่นไส้\nหมาป่า\nหมาหมู่\nหมากฝรั่ง\nหมากสง\nหมากหอม\nหมากเก็บ\nหมากรุก\nหมากเม่า\nหมางใจ\nหมางเมิน\nหมาไม้\nหมายเกณฑ์\nหมายขัง\nหมายค้น\nหมายความ\nหมายจับ\nหมายใจ\nหมายตา\nหมายปล่อย\nหมายมั่น\nหมายเรียก\nหมายเลข\nหมายเหตุ\nหมิ่นเหม่\nหมึกจีน\nหมุนเวียน\nหมูแดง\nหมูป่า\nหมูแผ่น\nหมูยอ\nหมูหย็อง\nหมูหัน\nหมูแฮม\nหมู่บ้าน\nหยดย้อย\nหยอกเย้า\nหยักรั้ง\nหยักศก\nหยั่งทราบ\nหยั่งรู้\nหยั่งเสียง\nหยาบคาย\nหยาบช้า\nหยาบโลน\nหยาบหยาม\nหยิบมือ\nหยิบยก\nหยิบยืม\nหยิบหย่ง\nหยิบโหย่ง\nหริรักษ์\nหริวงศ์\nหลงผิด\nหลบฉาก\nหลบมุม\nหลวงจีน\nหลวงพ่อ\nหลวมตัว\nหล่อลื่น\nหล่อเลี้ยง\nหล่อหลอม\nหลอกลวง\nหลอกล่อ\nหลอกล้อ\nหลอดลม\nหลอดเลือด\nหลอดอาหาร\nหลอมตัว\nหลอมเหลว\nหลักการ\nหลักเกณฑ์\nหลักชัย\nหลักฐาน\nหลักทรัพย์\nหลักเมือง\nหลักลอย\nหลักสูตร\nหลักแหล่ง\nหลักแหลม\nหลังคา\nหลังเต่า\nหลั่งไหล\nหลับนก\nหลับใน\nหลากใจ\nหลากหลาย\nหลาบจำ\nหลายหลาก\nหลายแหล่\nหลุดพ้น\nหลุดลอย\nหลุดลุ่ย\nหลุมโจน\nหลุมพราง\nหวงก้าง\nหวงห้าม\nหวงแหน\nห่วงใย\nห้วงน้ำ\nหวังใจ\nหวังดี\nหวั่นกลัว\nหวั่นเกรง\nหวั่นใจ\nหวั่นวิตก\nหวั่นหวาด\nหวั่นไหว\nหวาดกลัว\nหวาดเกรง\nหวาดผวา\nหวาดเสียว\nหวาดหวั่น\nหวาดไหว\nหวานเย็น\nหว่านล้อม\nหอคอย\nหอคำ\nหอฉัน\nหอไตร\nหอประชุม\nหอพัก\nห่อหมก\nห่อเหี่ยว\nหอกซัด\nห้องเครื่อง\nห้องชุด\nห้องแถว\nห้องโถง\nห้องน้ำ\nห้องสมุด\nหอสมุด\nหอมหวน\nห้อมล้อม\nห้อยโหน\nหักล้าง\nหักหาญ\nหักห้าม\nหักเห\nหักโหม\nหักมุก\nหันเห\nหับเผย\nหัวขโมย\nหัวข้อ\nหัวขั้ว\nหัวเข่า\nหัวโขน\nหัวคะแนน\nหัวค่ำ\nหัวคิด\nหัวจุก\nหัวโจก\nหัวใจ\nหัวเทียน\nหัวนม\nหัวนอน\nหัวป่า\nหัวมุม\nหัวเรื่อง\nหัวแร้ง\nหัวใส\nหัวหน้า\nหัวหน่าว\nหัวหอก\nหัวเห็ด\nหัวไหล่\nหัวอก\nหัสดนตรี\nหัสนาฏกรรม\nหัสนิยาย\nหัสดีลิงค์\nหางเครื่อง\nหางแถว\nหางเลข\nหางว่าว\nหางเสียง\nหางเสือ\nห่างเหิน\nหาบเร่\nห้ามปราม\nห้ามล้อ\nหายตัว\nหาวนอน\nห้าวหาญ\nห้ำหั่น\nหินงอก\nหินทราย\nหินปูน\nหินย้อย\nหินอ่อน\nหินชาติ\nหินยาน\nหีบเพลง\nหีบห่อ\nหุ่นกระบอก\nหุ่นยนต์\nหุ้นลม\nหุ้นส่วน\nหุบเขา\nหุบผา\nหุบเหว\nหูกระต่าย\nหูช้าง\nหูรูด\nหูกวาง\nเหงาหงอย\nเหงื่อกาฬ\nเหตุการณ์\nเหตุผล\nเห็นแก่\nเห็นใจ\nเหน็บแนม\nเหน็บชา\nเหนียวแน่น\nเหนี่ยวนำ\nเหนี่ยวรั้ง\nเหนื่อยหน่าย\nเหมาะเจาะ\nเหมาะสม\nเหมาะเหม็ง\nเหยเก\nเหยียดหยาม\nเหล็กกล้า\nเหล็กจาร\nเหล็กใน\nเหล็กส่ง\nเหล็กเส้น\nเหล็กหล่อ\nเหล็กไหล\nเหลวแหลก\nเหลวไหล\nเหลอหลา\nเหล่ากอ\nเหลียวแล\nเหลือเกิน\nเหลือขอ\nเหลือใจ\nเหลือเชื่อ\nเหลือเฟือ\nเหลือร้าย\nเหลือล้น\nเหลือหลาย\nเหลือแหล่\nเหลือแสน\nเหลือหลอ\nเหลื่อมล้ำ\nเห่อเหิม\nเหินห่าง\nเหิมเกริม\nเหิมหาญ\nเหี้ยมเกรียม\nเหี้ยมหาญ\nเหี้ยมโหด\nเหี่ยวแห้ง\nเหือดหาย\nเหือดแห้ง\nแห่แหน\nแหนงหน่าย\nแหลกลาญ\nแหลกเหลว\nแหวกแนว\nแหวกว่าย\nโหงพราย\nโหดร้าย\nโหดเหี้ยม\nโหยหวน\nโหวงเหวง\nให้การ\nให้ท่า\nให้ท้าย\nให้ร้าย\nให้หลัง\nไหมพรม\nไหวพริบ\nอกไก่\nอกร่อง\nองค์กร\nองค์การ\nอดกลั้น\nอดทน\nอดสู\nอดอยาก\nอดออม\nอดีตกาล\nอดีตชาติ\nอดีตภพ\nอติชาตบุตร\nอธิการบดี\nอนาคตกาล\nอนิจกรรม\nอนุชาตบุตร\nอเนกประสงค์\nอบรม\nอบอวล\nอบอ้าว\nอบอุ่น\nอบายภูมิ\nอบายมุข\nอภัพบุคคล\nอภัยทาน\nอภัยโทษ\nอภิชาตบุตร\nอมยิ้ม\nอมรรัตน์\nอมฤตบท\nอมฤตรส\nอย่างไร\nอรรถกร\nอรรถกวี\nอรรถคดี\nอรรถประโยชน์\nอรรถรส\nอรรธนิศา\nอรรธภาค\nอรรธสระ\nอรสุมพล\nอรูปฌาน\nอรูปพรหม\nอรูปภพ\nอรูปภูมิ\nอวชาตบุตร\nอวดดี\nอวดอ้าง\nอ้วนท้วน\nอ้วนพี\nอวบอั๋น\nอวยชัย\nอวยพร\nอสุภกรรมฐาน\nอสุภสัญญา\nอโหสิกรรม\nออเจ้า\nออกแขก\nออกตัว\nออกโรง\nออกฤทธิ์\nออกลาย\nออกหาก\nออดอ้อน\nออดแอด\nอ่อนข้อ\nอ่อนใจ\nอ่อนช้อย\nอ่อนน้อม\nอ่อนเปลี้ย\nอ่อนเพลีย\nอ่อนโยน\nอ่อนหวาน\nอ่อนหัด\nอ่อนไหว\nอ่อนแอ\nอ้อนวอน\nอ้อนออด\nอ้อมค้อม\nอักษรศาสตร์\nอักษรสาส์น\nอัคคีภัย\nอัญชนะศักราช\nอัดฉีด\nอัดอั้น\nอัตราส่วน\nอันโตชน\nอันโตนาที\nอับจน\nอับเฉา\nอับอาย\nอัสสุชล\nอัสสุธารา\nอากัปกิริยา\nอาการนาม\nอากาศธาตุ\nอากาศยาน\nอาคารชุด\nอ่างเก็บน้ำ\nอ้างอิง\nอาจหาญ\nอาจอง\nอาชญากร\nอาชญากรรม\nอาชญาบัตร\nอาชญาสิทธิ์\nอาญาสิทธิ์\nอาณาเขต\nอาณาจักร\nอาณานิคม\nอาณาประโยชน์\nอาโปกสิณ\nอาโปธาตุ\nอาภากร\nอายุขัย\nอายุวัฒนะ\nอาโลกกสิณ\nอาหารว่าง\nอำพราง\nอิดโรย\nอิดออด\nอิดเอื้อน\nอิตถีลิงค์\nอิทธิปาฏิหาริย์\nอิทธิพล\nอิทธิฤทธิ์\nอินังขังขอบ\nอิ่มตัว\nอิ่มหนำ\nอิ่มเอม\nอิ่มเอิบ\nอีฉัน\nอีตัว\nอึงคะนึง\nอึงมี่\nอึงอล\nอึ่งยาง\nอึ่งอ่าง\nอึดใจ\nอึดอัด\nอืดอาด\nอื้อฉาว\nอื้อซ่า\nอื้ออึง\nอุกฉกรรจ์\nอุกอาจ\nอุดอู้\nอุ่นเครื่อง\nอุ่นใจ\nอุบอิบ\nอุบัติภัย\nอุบัติเหตุ\nอุโบสถกรรม\nอุโบสถหัตถี\nอุปมาโวหาร\nอุ้มชู\nอุ้มสม\nอุ้ยอ้าย\nอู้อี้\nเอกจิต\nเอกฉันท์\nเอกชน\nเอกเทศ\nเอกนัย\nเอกบุคคล\nเอกบุรุษ\nเอกพจน์\nเอกภพ\nเอกภาพ\nเอกมัย\nเอกราช\nเอกรูป\nเอกลักษณ์\nเอกศก\nเอกสาร\nเอกสิทธิ์\nเอกอุ\nเอ็ดอึง\nเอนเอียง\nเอมอร\nเอออวย\nเออออ\nเอาการ\nเอางาน\nเอาจริง\nเอาใจ\nเอาเปรียบ\nเอาเยี่ยง\nเอิบอาบ\nเอียงอาย\nเอียงเอน\nเอื้อเฟื้อ\nโอ่โถง\nโอ้โถง\nโอ่อวด\nโอ้อวด\nโอ่อ่า\nโอ้โลม\nโอดครวญ\nโอดโอย\nโอนอ่อน\nโอนเอน\nโอบอ้อม\nโอบอุ้ม\nโอสถกรรม\nไอเสีย\nไอกรน\nฮวบฮาบ\nฮาป่า\nฮึกหาญ\nฮึกห้าว\nฮึกเหิม\nฮึกโหม\nฮึกฮัก\nเฮงซวย\nโฮกฮือ\nโฮกฮาก\n\nก็\nกก\nก๊ก\nกกุธภัณฑ์\nกง\nก่ง\nก้ง\nก๊ง\nก๋ง\nกงกอน\nกงไฉ่\nกงเต๊ก\nกงสี\nกงสุล\nกช\nกฎ\nกฏุก\nกฐิน\nกณิกนันต์\nกณิการ์\nกด\nกตเวทิตา\nกตเวที\nกตัญชลี\nกตัญญุตา\nกตัญญู\nกตาธิการ\nกตาภินิหาร\nกติกา\nกถา\nกถิกาจารย์\nกทลี\nกน\nก่น\nก้น\nกนก\nกนิษฐ์\nกนิษฐา\nกบ\nกบฏ\nกบดาน\nกบทู\nกบาล\nกบินทร์\nกบิล\nกบี่\nกบูร\nกเบนทร์\nกม\nก้ม\nกมณฑลาภิเษก\nกมณฑโลทก\nกมล\nกมลา\nกมลาศ\nกมลาสน์\nกมเลศ\nกมัณฑลุ\nกมุท\nกร\nกรกฎ\nกรกฎาคม\nกรกฏ\nกรง\nกรชกาย\nกรณฑ์\nกรณิการ์\nกรณี\nกรณีย์\nกรณียกิจ\nกรณียะ\nกรด\nกรน\nกรบ\nกรบูร\nกรพินธุ์\nกรม\nกรรกฎ\nกรรกศ\nกรรเกด\nกรรไกร\nกรรเจียก\nกรรชิง\nกรรเชียง\nกรรโชก\nกรรฐ์\nกรรฐา\nกรรณ\nกรรณา\nกรรณิกา\nกรรณิการ์\nกรรดิ\nกรรดิก\nกรรดึก\nกรรตุ\nกรรไตร\nกรรทบ\nกรรแทก\nกรรบิด\nกรรบูร\nกรรภิรมย์\nกรรม\nกรรม์\nกรรม์ภิรมย์\nกรรมชวาต\nกรรมัชวาต\nกรรมาชีพ\nกรรมาธิการ\nกรรมาร\nกรรษก\nกรรสะ\nกรรแสง\nกรวด\nกรวบ\nกรวม\nกร้วม\nกรวย\nกรวิก\nกรสาปน์\nกรสุทธิ์\nกรอ\nกร้อ\nกรอก\nกร็อกกร๋อย\nกรอกแกรก\nกรอง\nกรองกรอย\nกรอด\nกร่อน\nกรอบ\nกรอม\nกร่อย\nกระ\nกระกร\nกระกรุ่น\nกระกลับกลอก\nกระกี้\nกระเกรอก\nกระเกริก\nกระเกริ่น\nกระคน\nกระคาย\nกระงกกระเงิ่น\nกระง่องกระแง่ง\nกระง่อนกระแง่น\nกระเง้ากระงอด\nกระโงก\nกระจก\nกระจง\nกระจร\nกระจอก\nกระจองหง่อง\nกระจ๋องหง่อง\nกระจองอแง\nกระจ้อน\nกระจอนหู\nกระจ้อย\nกระจ๋อหวอ\nกระจะ\nกระจัก\nกระจัง\nกระจัด\nกระจับ\nกระจ่า\nกระจ่าง\nกระจาด\nกระจาน\nกระจาบ\nกระจาม\nกระจาย\nกระจาว\nกระจิก\nกระจิ๋ง\nกระจิด\nกระจิบ\nกระจิ๋ม\nกระจิริด\nกระจิ๋ว\nกระจี้\nกระจี๋\nกระจุก\nกระจุ๋งกระจิ๋ง\nกระจุบ\nกระจุ๊บ\nกระจุ๋มกระจิ๋ม\nกระจุย\nกระจู้\nกระจู๋กระจี๋\nกระจูด\nกระเจอะกระเจิง\nกระเจา\nกระเจ่า\nกระเจ้า\nกระเจาะ\nกระเจิง\nกระเจิดกระเจิง\nกระเจี้ยง\nกระเจี๊ยบ\nกระเจียว\nกระเจี๊ยว\nกระแจะ\nกระโจน\nกระโจม\nกระฉอก\nกระฉ่อน\nกระฉับกระเฉง\nกระฉิ่ง\nกระฉีก\nกระฉูด\nกระเฉก\nกระเฉด\nกระแฉก\nกระโฉกกระเฉก\nกระโฉม\nกระชดกระช้อย\nกระชอน\nกระชอมดอก\nกระช้อย\nกระชัง\nกระชั้น\nกระชับ\nกระชาก\nกระชาย\nกระชิง\nกระชิด\nกระชุ\nกระชุก\nกระชุ่มกระชวย\nกระเชอ\nกระเชา\nกระเช้า\nกระเชียง\nกระแชง\nกระแชะ\nกระโชก\nกระซ่องกระแซ่ง\nกระซับ\nกระซาบ\nกระซิก\nกระซิบ\nกระซี้\nกระซุง\nกระซุบกระซิบ\nกระซุ้ม\nกระซู่\nกระเซ็น\nกระเซอ\nกระเซอะกระเซอ\nกระเซอะกระเซิง\nกระเซ้า\nกระเซิง\nกระแซ\nกระแซะ\nกระโซกระเซ\nกระฎี\nกระฎุมพี\nกระดก\nกระด้ง\nกระดนโด่\nกระดวง\nกระดวน\nกระด้วมกระเดี้ยม\nกระดอ\nกระดอง\nกระดองหาย\nกระดอน\nกระดอม\nกระดักกระเดี้ย\nกระดังงัว\nกระดังงา\nกระดาก\nกระด้าง\nกระดางลาง\nกระดาด\nกระดาดขาว\nกระดาน\nกระดานพน\nกระดาษ\nกระดำกระด่าง\nกระดิก\nกระดิ่ง\nกระดิ้ง\nกระดิบ\nกระดี่\nกระดี้กระเดียม\nกระดึง\nกระดืบ\nกระดุ\nกระดุกกระดิก\nกระดุ้งกระดิ้ง\nกระดุบ\nกระดุบกระดิบ\nกระดุม\nกระดูก\nกระเดก\nกระเด้ง\nกระเด็น\nกระเด้า\nกระเดาะ\nกระเดิด\nกระเดี้ย\nกระเดียด\nกระเดือก\nกระเดื่อง\nกระแด็ก\nกระแด้ง\nกระแด้แร่\nกระแด่ว\nกระแดะ\nกระโดก\nกระโดง\nกระโดด\nกระโดน\nกระได\nกระตรับ\nกระตราก\nกระตรุด\nกระตรุม\nกระต้วมกระเตี้ยม\nกระต้อ\nกระต่องกระแต่ง\nกระต๊อบ\nกระต้อยตีวิด\nกระตัก\nกระตั้ว\nกระต่าย\nกระติก\nกระติ๊ด\nกระติบ\nกระตือรือร้น\nกระตุก\nกระตุ้งกระติ้ง\nกระตุ่น\nกระตุ้น\nกระตูบ\nกระเตง\nกระเต็น\nกระเตอะ\nกระเตาะ\nกระเตาะกระแตะ\nกระเตื้อง\nกระแต\nกระแตแต้แว้ด\nกระโตกกระตาก\nกระโตน\nกระถด\nกระถอบ\nกระถั่ว\nกระถาง\nกระถิก\nกระถิน\nกระเถิบ\nกระโถน\nกระทก\nกระทง\nกระทบ\nกระทรวง\nกระทอก\nกระท้อน\nกระท่อนกระแท่น\nกระท่อม\nกระท้อมกระแท้ม\nกระทะ\nกระทั่ง\nกระทั้น\nกระทา\nกระทาย\nกระทาสี\nกระทาหอง\nกระทำ\nกระทิกกระทวย\nกระทิง\nกระทึง\nกระทืบ\nกระทุ\nกระทุง\nกระทุ้ง\nกระทุ่ม\nกระทู้\nกระเท่\nกระเทียบ\nกระเทียม\nกระเทือน\nกระเทื้อม\nกระแทก\nกระแท่น\nกระแทะ\nกระไทชาย\nกระน่อง\nกระนั้น\nกระนี้\nกระแนะกระแหน\nกระโน้น\nกระไน\nกระบก\nกระบม\nกระบวน\nกระบวย\nกระบวร\nกระบอก\nกระบอง\nกระบะ\nกระบัด\nกระบั้วกระเบี้ย\nกระบ่า\nกระบ้า\nกระบาก\nกระบาย\nกระบาล\nกระบิ\nกระบิ้ง\nกระบิด\nกระบิล\nกระบี่\nกระบือ\nกระบุง\nกระบุ่มกระบ่าม\nกระบู้กระบี้\nกระบูน\nกระบูร\nกระเบง\nกระเบญ\nกระเบ็ดกระบวน\nกระเบน\nกระเบา\nกระเบิก\nกระเบียด\nกระเบียน\nกระเบื้อง\nกระแบก\nกระแบะ\nกระโบม\nกระปมกระปำ\nกระปมกระเปา\nกระปรอก\nกระปรอกว่าว\nกระปรี้กระเปร่า\nกระปอก\nกระป้อกระแป้\nกระป่อง\nกระป๋อง\nกระปอดกระแปด\nกระป๋อหลอ\nกระปั้วกระเปี้ย\nกระป่ำ\nกระปุก\nกระปุ๊กลุก\nกระปุ่ม\nกระปุ่มกระป่ำ\nกระปุ่มกระปิ่ม\nกระเป๋า\nกระเปาะ\nกระโปก\nกระโปรง\nกระผม\nกระผลีกระผลาม\nกระผาน\nกระผีก\nกระพรวน\nกระพริ้ม\nกระพอก\nกระพอง\nกระพ้อม\nกระพัก\nกระพัง\nกระพังเหิร\nกระพังโหม\nกระพัด\nกระพัตร\nกระพัน\nกระพั่น\nกระพา\nกระพาก\nกระพี้\nกระพือ\nกระพุ้ง\nกระพุ่ม\nกระเพาะ\nกระเพิง\nกระเพื่อม\nกระแพ้ง\nกระฟัดกระเฟียด\nกระฟูมกระฟาย\nกระมล\nกระมอบ\nกระมอมกระแมม\nกระมัง\nกระมัน\nกระมิดกระเมี้ยน\nกระมุท\nกระเมาะ\nกระย่อง\nกระย่องกระแย่ง\nกระย่อน\nกระย่อม\nกระยา\nกระยาง\nกระยาจก\nกระยาหงัน\nกระยิก\nกระยิ้มกระย่อง\nกระยึกกระยือ\nกระยืดกระยาด\nกระเย้อกระแหย่ง\nกระรอก\nกระเรียน\nกระโรกน้ำข้าว\nกระโรกใหญ่\nกระไร\nกระลด\nกระลบ\nกระลอก\nกระลอม\nกระละหล่ำ\nกระลัด\nกระลับ\nกระลัมพร\nกระลา\nกระลำ\nกระลำพัก\nกระลำพุก\nกระลิง\nกระลี\nกระลุมพาง\nกระลุมพุก\nกระลุมพู\nกระลูน\nกระลู่น์\nกระเล็น\nกระเลียด\nกระเลือก\nกระโลง\nกระวน\nกระวัด\nกระวาด\nกระวาน\nกระวาย\nกระวิน\nกระวี\nกระวีกระวาด\nกระวูดกระวาด\nกระเวน\nกระเวยกระวาย\nกระแวน\nกระโวยกระวาย\nกระษัย\nกระษาปณ์\nกระสง\nกระสบ\nกระสม\nกระสรวล\nกระสร้อย\nกระสวน\nกระสวย\nกระสอบ\nกระสะ\nกระสัง\nกระสัน\nกระสับกระส่าย\nกระสา\nกระสานติ์\nกระสาบ\nกระสาย\nกระสือ\nกระสุงกระสิง\nกระสุน\nกระสูทธิ์\nกระสูบ\nกระเสด\nกระเส็นกระสาย\nกระเส่า\nกระเสาะกระแสะ\nกระเสียน\nกระเสียร\nกระเสือกกระสน\nกระแส\nกระแสง\nกระแสะ\nกระโสง\nกระไส\nกระหนก\nกระหนาก\nกระหนาบ\nกระหน่ำ\nกระหมวด\nกระหมอบ\nกระหม่อม\nกระหมั่ง\nกระหมิบ\nกระหมุดกระหมิด\nกระหมุบ\nกระหย่ง\nกระหย่อม\nกระหยัง\nกระหยับ\nกระหยิ่ม\nกระหรอด\nกระหริ่ง\nกระหวน\nกระหวัด\nกระหอง\nกระหัง\nกระหัด\nกระหาง\nกระหาย\nกระหึม\nกระหึ่ม\nกระหืดกระหอบ\nกระเห็น\nกระเหนียด\nกระเหม็ดกระเหมียด\nกระเหม็ดกระแหม่\nกระเหม่น\nกระเหม่า\nกระเหว่า\nกระเห่อ\nกระเหิม\nกระเหี้ยนกระหือรือ\nกระแห\nกระแหทอง\nกระแหนบ\nกระแหนะ\nกระแหมบ\nกระแหม่ว\nกระแหย่ง\nกระแหร่ม\nกระแหล่ง\nกระโห้\nกระโหนด\nกระโหม\nกระโหย\nกระโหย่ง\nกระอวล\nกระอ้อกระแอ้\nกระออดกระแอด\nกระออบ\nกระออม\nกระอ้อมกระแอ้ม\nกระอัก\nกระอักกระอ่วน\nกระอั้วแทงควาย\nกระอ้า\nกระอาน\nกระอิด\nกระอิดกระเอื้อน\nกระอึก\nกระอืด\nกระอุ\nกระอุก\nกระเอา\nกระเอิก\nกระเอิบ\nกระแอก\nกระแอบ\nกระแอม\nกระไอ\nกรัก\nกรักขี\nกรัง\nกรัชกาย\nกรัณฑ์\nกรัณย์\nกรัน\nกรับ\nกรัม\nกราก\nกราง\nกร่าง\nกราด\nกราดวง\nกราน\nกร้าน\nกราบ\nกราฟ\nกราม\nกราย\nกร่าย\nกราว\nกร้าว\nกรำ\nกร่ำ\nกริก\nกริ๊ก\nกริกกริว\nกริกกรี\nกริ่ง\nกริ๊ง\nกริงกริว\nกริ้งกริ้ว\nกริช\nกริณี\nกริน\nกรินทร์\nกรินี\nกริบ\nกริม\nกริ่ม\nกริยา\nกริยานุเคราะห์\nกริว\nกริ้ว\nกรี\nกรีฑา\nกรีด\nกรี๊ด\nกรีธา\nกรีษ\nกรีส\nกรึ๊บ\nกรุ\nกรุง\nกรุ้งกริ่ง\nกรุณ\nกรุณา\nกรุณาธิคุณ\nกรุ่น\nกรุบ\nกรุ่ม\nกรุ้มกริ่ม\nกรุย\nกรุยเกรียว\nกรู\nกรูด\nกรูม\nกเรณุ\nกเรนทร\nกเรนทร์\nกฤช\nกฤดาภินิหาร\nกฤตติกา\nกฤษฎา\nกฤษฎาธาร\nกฤษฎาภินิหาร\nกฤษฎีกา\nกฤษณา\nกล\nกลด\nกล่น\nกลบ\nกลม\nกลละ\nกลวง\nกล้วย\nกลศ\nกล้อ\nกลอก\nกลอง\nกล่อง\nกล้อง\nกล้องแกล้ง\nกลอน\nกล่อน\nกล้อน\nกล่อม\nกล้อมแกล้ม\nกลอย\nกลัก\nกลัด\nกลั่น\nกลั้น\nกลันทก์\nกลันทะ\nกลับ\nกลัมพร\nกลัมพัก\nกลัว\nกลั้ว\nกลา\nกล้า\nกลาก\nกลากลาด\nกลาง\nกลาด\nกลาบาต\nกลาป\nกล้าม\nกลาย\nกล้าย\nกลายกลอก\nกล่าว\nกลาโหม\nกล่ำ\nกล้ำ\nกลิ้ง\nกลิงค์\nกลิ่น\nกลี\nกลีบ\nกลึง\nกลึงค์\nกลืน\nกลุ่ม\nกลุ้ม\nกลูโคส\nกเลวระ\nกวด\nกวน\nกวม\nกวย\nกวยจั๊บ\nกวยจี๊\nก๋วยเตี๋ยว\nกวัก\nกวัด\nกวา\nกว่า\nกวาง\nกว่าง\nกว้าง\nกว่างโซ้ง\nกวางตุ้ง\nกวาด\nกว้าน\nกว๊าน\nกว้าว\nกวาวเครือ\nกวี\nกษณะ\nกษมา\nกษัตร\nกษัตรา\nกษัตริย์\nกษัตรี\nกษัตรีย์\nกษัย\nกษาปณ์\nกษิดิ\nกษีร\nกษีรธารา\nกษีระ\nกสานติ์\nกสิกร\nกสิกรรม\nกสิณ\nกหังปายา\nกหาปณะ\nกเฬวราก\nกอ\nก่อ\nก้อ\nก๊อ\nกอก\nก๊อก\nกอแก\nกอง\nก่อง\nก้อง\nกองกอย\nก๊อซ\nกอด\nก่อน\nก้อน\nกอบ\nกอบนาง\nก๊อบปี้\nกอปร\nก้อม\nกอมก้อ\nก่อมก้อ\nกอย\nก้อย\nก๋อย\nกอริลลา\nกอล์ฟ\nกอและ\nกอเอี๊ยะ\nกะ\nกะกัง\nกะง้องกะแง้ง\nกะจัง\nกะแจะ\nกะชะ\nกะชัง\nกะชามาศ\nกะชิง\nกะชึ่กกะชั่ก\nกะแช่\nกะซวก\nกะซ้าหอย\nกะซี่\nกะโซ่\nกะโซ้\nกะดก\nกะดง\nกะดวน\nกะดอก\nกะดะ\nกะดังบาย\nกะดัด\nกะด้าง\nกะดำกะด่าง\nกะดี\nกะดี่\nกะดุ้ง\nกะเด้\nกะเดก\nกะเดี๋ยว\nกะตรุด\nกะตอก\nกะต่อย\nกะตัก\nกะตั้ก\nกะตัง\nกะตังกะติ้ว\nกะต๊าก\nกะต้ำ\nกะติ๊กริก\nกะติงกะแตง\nกะตีบ\nกะตึงกะแตง\nกะตุ๊ก\nกะตุด\nกะตูก\nกะเตง\nกะโต๊ก\nกะโตงกะเตง\nกะโต้งโห่ง\nกะถัว\nกะทกรก\nกะทอ\nกะทัง\nกะทังหัน\nกะทัดรัด\nกะทันหัน\nกะทับ\nกะทิ\nกะทือ\nกะทุน\nกะเทย\nกะเทาะ\nกะแท้\nกะแท่ง\nกะแทน\nกะนวล\nกะนัด\nกะบ่อนกะแบ่น\nกะบัง\nกะบั้ง\nกะบิ้ง\nกะบิล\nกะบึงกะบอน\nกะบุด\nกะเบ้อ\nกะเบียน\nกะเบือ\nกะปริดกะปรอย\nกะปริบ\nกะปริบกะปรอย\nกะปลกกะเปลี้ย\nกะปวกกะเปียก\nกะปอม\nกะปอมขาง\nกะปะ\nกะป้ำกะเป๋อ\nกะปิ\nกะปู\nกะปูด\nกะปูดหลูด\nกะเปะ\nกะเปิ๊บกะป๊าบ\nกะเปียด\nกะแป้น\nกะแปะ\nกะโปรง\nกะโปโล\nกะผลุบกะโผล่\nกะเผ่น\nกะเผลก\nกะโผลกกะเผลก\nกะพง\nกะพรวดกะพราด\nกะพร่องกะแพร่ง\nกะพริบ\nกะพรุน\nกะพรูดกะพราด\nกะพล้อ\nกะพ้อ\nกะเพรา\nกะเพียด\nกะเม็ง\nกะร่องกะแร่ง\nกะระตะ\nกะระหนะ\nกะรัง\nกะรัต\nกะราง\nกะริง\nกะรุงกะรัง\nกะรุ่งกะริ่ง\nกะรุน\nกะเร\nกะเรกะร่อน\nกะเร่กะร่อน\nกะเร่อ\nกะเรี่ยกะราด\nกะโรกะเร\nกะลวย\nกะลอ\nกะล่อกะแล่\nกะลอจี๊\nกะล่อน\nกะล่อมกะแล่ม\nกะล่อยกะหลิบ\nกะละปังหา\nกะละมัง\nกะละแม\nกะละออม\nกะลังตังไก่\nกะลัน\nกะลันทา\nกะลา\nกะลาง\nกะลาสี\nกะลำพอ\nกะลิง\nกะลิงปลิง\nกะลิ้มกะเหลี่ย\nกะลิอ่อง\nกะลุมพี\nกะเล็ง\nกะเล่อกะล่า\nกะเลิด\nกะเลียว\nกะแล\nกะโล่\nกะโลง\nกะวอกกะแวก\nกะวะ\nกะส้มชื่น\nกะสัง\nกะส้าหอย\nกะหนอกะแหน\nกะหน็องกะแหน็ง\nกะหนะ\nกะหนุงกะหนิง\nกะหร่อง\nกะหรอด\nกะหร็อมกะแหร็ม\nกะหราน\nกะหรี่\nกะหรี่ปั๊บ\nกะหลาป๋า\nกะหล่ำ\nกะหลี่\nกะหลีกะหลอ\nกะหลุกกะหลิก\nกะหำ\nกะหำแพะ\nกะหือ\nกะหูด\nกะเหรี่ยง\nกะเหลาะเปาะ\nกะแหยก\nกะแหะ\nกะโหลก\nกะโหล้ง\nกะไหล่\nกะอวม\nกะออม\nกะอาน\nกะอาม\nกะอูบ\nกัก\nกั๊ก\nกักกรา\nกักการุ\nกักขฬะ\nกัง\nกั้ง\nกังก้า\nกังเกียง\nกังขา\nกังฉิน\nกังฟู\nกังวล\nกังวาน\nกังสดาล\nกังไส\nกังหัน\nกัจฉปะ\nกัจฉะ\nกัจฉา\nกัญ\nกัญจุก\nกัญจุการา\nกัญชา\nกัญญา\nกัฐ\nกัณฏกะ\nกัณฐกะ\nกัณฐชะ\nกัณฐัศ\nกัณฐัศว์\nกัณฐา\nกัณฐี\nกัณฑ์\nกัณณ์\nกัณหา\nกัด\nกัตติกมาส\nกัตติกา\nกัตติเกยา\nกัตรา\nกัทลี\nกัน\nกั่น\nกั้น\nกันเกรา\nกันไกร\nกันชิง\nกันเชอ\nกันดาร\nกันดาล\nกันได\nกันต์\nกันตัง\nกันไตร\nกันทร\nกันทรากร\nกันภิรมย์\nกันเมียง\nกันย์\nกันยา\nกันยายน\nกันลง\nกันลอง\nกันแสง\nกั้นหยั่น\nกับ\nกับแก้\nกัป\nกัปตัน\nกัปปาสิก\nกัปปิยภัณฑ์\nกัปปิยะ\nกัมปนาท\nกัมประโด\nกัมปี\nกัมพล\nกัมพุช\nกัมพู\nกัมพูชา\nกัมโพช\nกัมมัชวาต\nกัมมัฏฐาน\nกัมมันตภาพรังสี\nกัมมันตรังสี\nกัมมาร\nกัมลาศ\nกัยวิกัย\nกัลชาญ\nกัลบก\nกัลป์\nกัลปนา\nกัลปพฤกษ์\nกัลปังหา\nกัลปาวสาน\nกัลปิต\nกัลเม็ด\nกัลยา\nกัลยาณมิตร\nกัลยาณี\nกัลออม\nกัศยป\nกัษณ\nกา\nก๋า\nกาก\nกากบาท\nกากะทิง\nกากะเยีย\nกากี\nกาง\nก้าง\nกางเกง\nกางเขน\nก๊าซ\nกาซะลอง\nกาญจนา\nกาฐ\nกาด\nก๊าด\nกาน\nก่าน\nก้าน\nก๊าน\nกานดา\nกานต์\nกานน\nก้านพร้าว\nกานพลู\nกาน้า\nกาบ\nก้าบ\nกาบู\nกาพย์\nกาเฟอีน\nกาแฟ\nกาม\nก้าม\nกามารมณ์\nกามินี\nกาเมสุมิจฉาจาร\nกาย\nก่าย\nกาเยน\nการ\nการณ์\nการ์ด\nการ์ตูน\nการบูร\nการย์\nการวิก\nการเวก\nการะเกด\nการะบุหนิง\nการัณย์\nการันต์\nการางหัวขวาน\nการิตการก\nการิตวาจก\nการุญ\nการุณย์\nกาเรการ่อน\nกาล\nกาลกรรณี\nกาลกิณี\nกาลจักร\nกาลัญญุตา\nกาลัญญู\nกาลัด\nกาลานุกาล\nกาลิก\nกาลี\nกาแล\nกาแล็กซี\nกาแล็กโทส\nกาว\nก้าว\nกาววาว\nกาวาง\nกาแวน\nกาศิก\nกาษฐะ\nกาษา\nกาสร\nกาสะ\nกาสา\nกาสาร\nกาสาวะ\nกาสิโน\nกาหล\nกาหลง\nกาหลา\nกาเหว่า\nกาไหล่\nกาฬ\nกาฬาวก\nกาฮัง\nกำ\nก่ำ\nกำกวม\nกำกัด\nกำกับ\nก้ำกึ่ง\nกำกูน\nก้ำเกิน\nกำเกียง\nกำคูน\nกำจร\nกำจัด\nกำจาย\nกำชับ\nกำชำ\nกำซาบ\nกำซำ\nกำด้น\nกำดัด\nกำดาล\nกำเดา\nกำธร\nกำนล\nกำนัน\nกำนัล\nกำเนิด\nกำบัง\nก่ำบึ้ง\nกำเบ้อ\nกำปอ\nกำปั่น\nกำผลา\nกำพง\nกำพด\nกำพต\nกำพร้า\nกำพราก\nกำพวด\nกำพอง\nกำพืด\nกำพุด\nกำพู\nกำเพลิง\nกำแพง\nกำภู\nกำมลาศน์\nกำมเลศ\nกำมะถัน\nกำมะลอ\nกำมะหยี่\nกำมะหริด\nกำมังละการ\nกำมังวิลิต\nกำมัชพล\nกำยาน\nกำยำ\nกำรอ\nกำราบ\nกำราล\nกำเริบ\nกำไร\nกำลัง\nกำลุง\nกำเลา\nกำไล\nกำสรด\nกำสรวล\nกำหนด\nกำหนัด\nกำเหน็จ\nกำแหง\nกิก\nกิ๊ก\nกิ่ง\nกิ้งก่า\nกิ้งกือ\nกิ้งโครง\nกิจ\nกิจจะ\nกิจจา\nกิดาการ\nกิดาหยัน\nกิตติ\nกิตติมศักดิ์\nกิน\nกินนร\nกินปลี\nกินเปี้ยว\nกินริน\nกินรี\nกิ๊บ\nกิมตึ๋ง\nกิมิชาติ\nกิมิวิทยา\nกิโมโน\nกิโยตีน\nกิระ\nกิริณี\nกิรินท\nกิริเนศวร\nกิริยา\nกิเลน\nกิเลส\nกิโล\nกิโลมกะ\nกิ่ว\nกิ๋ว\nกี\nกี่\nกี้\nกี๊\nกี๋\nกีฏวิทยา\nกีด\nกีตาร์\nกีบ\nกีรติ\nกีฬา\nกึก\nกึง\nกึ่ง\nกึ๋น\nกุ\nกุก\nกุ๊ก\nกุกกุฏ\nกุกกุร\nกุกรรม\nกุ้ง\nกุงอน\nกุงาน\nกุโงก\nกุจี\nกุญแจ\nกุญชร\nกุฎ\nกุฎา\nกุฎี\nกุฎุมพี\nกุฏฐัง\nกุฏิ\nกุณฑ์\nกุณฑล\nกุณฑี\nกุณโฑ\nกุณาล\nกุณี\nกุด\nกุดัง\nกุดั่น\nกุดา\nกุทัณฑ์\nกุน\nกุ๊น\nกุนเชียง\nกุนที\nกุโนกามอ\nกุบ\nกุบกับ\nกุม\nกุ่ม\nกุมฝอย\nกุมภ์\nกุมภนิยา\nกุมภัณฑ์\nกุมภา\nกุมภิล\nกุมภีล์\nกุมเหง\nกุมาร\nกุมารา\nกุมารี\nกุมุท\nกุย\nกุ๊ย\nกุ๋ย\nกุยช่าย\nกุยเฮง\nกุรระ\nกุรุพินท์\nกุเรา\nกุล\nกุลา\nกุลาหล\nกุลี\nกุลีกุจอ\nกุเลา\nกุแล\nกุเวร\nกุศราช\nกุศล\nกุศโลบาย\nกุสุม\nกุสุมภ์\nกุสุมา\nกุสุมาลย์\nกุสุมิตลดาเวลลิตา\nกุหนี\nกุหนุง\nกุหร่า\nกุหล่า\nกุหลาบ\nกุแหละ\nกู\nกู่\nกู้\nกู๊ก\nกูฏ\nกูฏา\nกูณฑ์\nกูด\nกูบ\nกูปรี\nกูรมะ\nกูรมาวตาร\nเก\nเก้\nเก๊\nเก๋\nเกก\nเก๊ก\nเกกมะเหรก\nเก๊กฮวย\nเก้กัง\nเก็ง\nเก่ง\nเก้ง\nเก๋ง\nเกงกอย\nเก่งกาจ\nเกงเขง\nเก๋งเคง\nเก็จ\nเกจิอาจารย์\nเกชา\nเกณฑ์\nเกด\nเก็ด\nเกตุ\nเกน\nเก็บ\nเกม\nเกย\nเกยูร\nเกรง\nเกร็ง\nเกร็ด\nเกรน\nเกร่อ\nเกรอะ\nเกราะ\nเกริก\nเกริน\nเกริ่น\nเกรียก\nเกรียง\nเกรียด\nเกรียน\nเกรียบ\nเกรียม\nเกรียว\nเกรี้ยว\nเกเร\nเกล็ด\nเกลศ\nเกลอ\nเกลา\nเกล้า\nเกลาะ\nเกลี่ย\nเกลี้ย\nเกลียง\nเกลี้ยง\nเกลียด\nเกลียว\nเกลือ\nเกลื้อ\nเกลือก\nเกลื่อน\nเกลื้อน\nเกวัฏ\nเกวียน\nเกศ\nเกศว\nเกศวะ\nเกศา\nเกศินี\nเกศี\nเกษตร\nเกษม\nเกษียณ\nเกษียน\nเกษียร\nเกส\nเกสร\nเกสรี\nเกสา\nเกสี\nเก้อ\nเกอิชา\nเกะ\nเกะกะ\nเกา\nเก่า\nเก้า\nเก๋า\nเกาต์\nเกาทัณฑ์\nเกาบิล\nเกาลัด\nเกาลิน\nเกาไศย\nเกาหลี\nเกาเหลา\nเกาเหลียง\nเก้าอี้\nเกาะ\nเกิ้ง\nเกิด\nเกิน\nเกิบ\nเกีย\nเกียกกาย\nเกียง\nเกี่ยง\nเกี๋ยง\nเกียจ\nเกียด\nเกียน\nเกี้ยมไฉ่\nเกี้ยมอี๋\nเกียร์\nเกียรติ\nเกียรติ์\nเกี่ยว\nเกี้ยว\nเกี๊ยว\nเกี๊ยะ\nเกื้อ\nเกือก\nเกื้อกูล\nเกือบ\nแก\nแก่\nแก้\nแกง\nแก่ง\nแก้ง\nแก๊ง\nแกงได\nแกงแนง\nแกโดลิเนียม\nแกน\nแก่น\nแก๊ป\nแกม\nแก้ม\nแกมมา\nแกรก\nแกร่ง\nแกร็น\nแกรนิต\nแกรไฟต์\nแกร่ว\nแกระ\nแกล\nแกล้ง\nแกลน\nแกลบ\nแกล้ม\nแกลลอน\nแกลเลียม\nแกล้ว\nแกละ\nแกแล\nแกว\nแก้ว\nแกว่ง\nแก๊ส\nแกะ\nโก\nโก่\nโก้\nโก๋\nโกก\nโกกนุท\nโกกิลา\nโกโก้\nโกง\nโก่ง\nโกงกาง\nโก้งเก้ง\nโกงโก้\nโก้งโค้ง\nโกเชาว์\nโกญจนาท\nโกญจา\nโกฏิ\nโกฐ\nโกฐาส\nโกณะ\nโกดัง\nโกทัณฑ์\nโกน\nโก่น\nโก๋น\nโกมล\nโกมุท\nโกเมน\nโกเมศ\nโกย\nโกรก\nโกรกกราก\nโกรง\nโกร่ง\nโกร่งกร่าง\nโกรงเกรง\nโกร๋งเกร๋ง\nโกรญจ\nโกรต๋น\nโกรธ\nโกรธา\nโกร๋น\nโกรม\nโกรย\nโกรศ\nโกโรโกเต\nโกโรโกโรก\nโกโรโกโส\nโกลน\nโกลาหล\nโกไล\nโกวิท\nโกศ\nโกศล\nโกษม\nโกสน\nโกสัช\nโกสินทร์\nโกสีย์\nโกสุม\nโกไสย\nโกหก\nใกล้\nไก\nไก่\nไก๊\nไก๋\nไก่กอม\nไกพัล\nไกร\nไกรพ\nไกรลาส\nไกรศร\nไกรศรี\nไกรสร\nไกรสรี\nไกรสิทธิ\nไกล\nไกล่\nไกลาส\nไกว\nไกวัล\nขงจื๊อ\nขจร\nขจรจบ\nขจัด\nขจ่าง\nขจาย\nขจาว\nขจิต\nขจี\nขจุย\nขเจา\nขณะ\nขด\nขน\nข้น\nขนง\nขนด\nขนบ\nขนม\nขนอง\nขนอน\nขนอบ\nขนัด\nขนัน\nขนาก\nขนาง\nขนาด\nขนาน\nขนาบ\nขนาย\nขนำ\nขนิษฐ\nขนิษฐา\nขนุน\nขนุนนก\nขบ\nขบถ\nขบวน\nขบวร\nขม\nข่ม\nขมงโกรย\nขมวด\nขมวน\nขมอง\nขม่อม\nขมัง\nขมับ\nขมา\nขม้ำ\nขมิ้น\nขมิบ\nขมีขมัน\nขมึง\nขมึงทึง\nขมุ\nขมุกขมัว\nขมุบ\nขโมย\nขยด\nขยม\nขย่ม\nขยอก\nขยอง\nขย่อน\nขย้อน\nขยะ\nขยัก\nขยัน\nขยั้น\nขยับ\nขยาด\nขยาย\nขยำ\nขย้ำ\nขยิก\nขยิบ\nขยิ่ม\nขยี้\nขยุกขยิก\nขยุกขยุย\nขยุบ\nขยุบขยิบ\nขยุม\nขยุ้ม\nขยุย\nขรม\nขรรค์\nขรัว\nขริบ\nขรี\nขรึม\nขรุขระ\nขลบ\nขล้อ\nขลัง\nขลับ\nขลาด\nขลาย\nขลิบ\nขลุก\nขลุกขลัก\nขลุกขลิก\nขลุบ\nขลุม\nขลุ่ย\nขลู\nขลู่\nขวง\nข่วง\nขวด\nข่วน\nขวนขวาย\nขวบ\nขวย\nขวักไขว่\nขวัญ\nขวั้น\nขวับ\nขวับเขวียว\nขวา\nขวาก\nขวาง\nขว้าง\nขวาด\nขวาน\nขวายขวน\nขวาว\nขว้าว\nขวิด\nขอ\nข่อ\nข้อ\nของ\nข้อง\nขอด\nขอน\nข้อน\nขอบ\nขอม\nข่อย\nข้อย\nข่อยหยอง\nขะแจะ\nขะเน็ด\nขะมอมขะแมม\nขะมักเขม้น\nขะมุกขะมอม\nขะยิก\nขะยุก\nขะเย้อแขย่ง\nขัค\nขัง\nขังขอก\nขัช\nขัณฑสกร\nขัณฑสีมา\nขัด\nขัดมอน\nขัตติยมานะ\nขัน\nขั้น\nขันติ\nขันตี\nขันโตก\nขันที\nขันธ์\nขันธาวาร\nขับ\nขัว\nขั้ว\nขา\nข่า\nข้า\nขาก\nขาก๊วย\nขาง\nข่าง\nข้าง\nขาณุ\nขาด\nขาทนียะ\nขาน\nขาบ\nข้าพเจ้า\nขาม\nข่าม\nข้าม\nขาย\nข่าย\nขาล\nขาว\nข่าว\nข้าว\nข้าวอังกุลี\nขำ\nขิก\nขิง\nขิงแกลง\nขิงแครง\nขิด\nขิปสัทโท\nขิม\nขี่\nขี้\nขี้เข็บ\nขีณาสพ\nขีด\nขี้ตังนี\nขีปนาวุธ\nขี้ยอก\nขีระ\nขึง\nขึ้ง\nขึ้น\nขึ้นฉ่าย\nขืน\nขื่น\nขื่อ\nขุก\nขุด\nขุน\nขุ่น\nขุนเพ็ด\nขุม\nขุย\nขู่\nขูด\nเข\nเข้\nเขก\nเข็ง\nเข่ง\nเขจร\nเข็ญ\nเข็ด\nเขดา\nเขต\nเขน\nเข็น\nเข่น\nเขนง\nเขน็ด\nเขนย\nเขบ็จขบวน\nเขบ็ต\nเขม\nเข็ม\nเข้ม\nเข้มขาบ\nเขม็ง\nเขม็ดแขม่\nเขม่น\nเขม้น\nเขม้นขะมัก\nเขมร\nเขมา\nเขม่า\nเขมือบ\nเขย\nเขยก\nเขย่ง\nเขย้อแขย่ง\nเขย่า\nเขยิน\nเขยิบ\nเขยื้อน\nเขรอะ\nเขลง\nเขลอะ\nเขละ\nเขลา\nเขลาะ\nเขว\nเขษม\nเขฬะ\nเขะขะ\nเขา\nเข่า\nเข้า\nเขิง\nเขิน\nเขิบ\nเขี่ย\nเขียง\nเขียด\nเขียดตะปาด\nเขียน\nเขี่ยน\nเขียม\nเขียว\nเขี้ยว\nเขียะ\nเขือ\nเขือง\nเขื่อง\nเขื่อน\nเขือม\nแข\nแข้\nแขก\nแข็ง\nแข่ง\nแข้ง\nแขน\nแข่น\nแข้น\nแขนง\nแขม\nแขม็บ\nแขม่ว\nแขยง\nแขย่ง\nแขวก\nแขวง\nแขวน\nแขวะ\nโข\nโขก\nโขง\nโข่ง\nโขด\nโขดง\nโขน\nโขนง\nโขม\nโขมง\nโขมด\nโขยก\nโขยง\nโขย่ง\nโขยด\nโขลก\nโขลง\nโขลน\nโขษม\nไข\nไข่\nไข้\nไขว่\nไขว้\nคคนะ\nคคนัมพร\nคคนางค์\nคคนานต์\nคง\nคงคา\nคงไคย\nคช\nคชาชาติ\nคชาชีพ\nคชาธาร\nคชาภรณ์\nคณนา\nคณบดี\nคณะ\nคณาจารย์\nคณาธิการ\nคณาธิปไตย\nคณานับ\nคณิกา\nคณิต\nคเณศ\nคด\nคดี\nคติ\nคทา\nคน\nค้น\nคนทา\nคนทิสอ\nคนที\nคนโท\nคนธ์\nคันธ์\nคนธรรพ์\nคเนจร\nคบ\nคม\nคมน์\nคมนาการ\nคมนาคม\nคมิกภัต\nครก\nครบ\nครรชิต\nครรภ\nครรภ์\nครรลอง\nครรโลง\nครรไล\nครวญ\nครวี\nครหา\nครอก\nครอง\nครองแครง\nคร่อเงาะ\nคร่อเทียน\nครอบ\nคร่อม\nคระเมิม\nคระแลง\nคระไล\nคระแวง\nคระหน\nคระหวน\nคระหาย\nคระโหย\nครั่ง\nครั้ง\nครัดเคร่ง\nครัน\nครั่น\nครั้น\nครับ\nครัว\nครา\nคร่า\nคราก\nคราง\nคราญ\nคราด\nคร้าน\nคราบ\nคราม\nคร้าม\nครามครัน\nคราว\nคร่าว\nคราส\nครำ\nคร่ำ\nคร่ำเคร่ง\nคริปทอน\nคริสต์\nครีบ\nครีม\nครีษมายัน\nครึ\nครึกครื้น\nครึกโครม\nครึ่ง\nครึ่ด\nครึน\nครึ้ม\nครืด\nครืน\nครื้น\nครืนครั่น\nครื้นครั่น\nครื้นครึก\nครื้นเครง\nครือ\nครุ\nครุคระ\nครุฑ\nครุ่น\nครุมเครือ\nครุย\nครุวนา\nครู\nครู่\nครูด\nคฤโฆษ\nคฤนถ์\nคฤหบดี\nคฤหัสถ์\nคฤหาสน์\nคลวง\nคลอ\nคล้อ\nคลอก\nคลอง\nคล่อง\nคล้อง\nคลอด\nคลอน\nคล้อย\nคลอรีน\nคลอโรฟอร์ม\nคลอโรฟีลล์\nคละ\nคละคลุ้ง\nคลัก\nคลั่ก\nคลัง\nคลั่ง\nคลัตช์\nคลับคล้าย\nคลับคลา\nคลา\nคล้า\nคลางแคลง\nคลาด\nคลาน\nคลาย\nคล้าย\nคล้ายคลึง\nคล่าว\nคลำ\nคล่ำ\nคล้ำ\nคลิ้งโคลง\nคลิด\nคลินิก\nคลี\nคลี่\nคลึง\nคลื่น\nคลุก\nคลุ้ง\nคลุบ\nคลุม\nคลุ่ม\nคลุ้ม\nควง\nควณ\nควน\nควบ\nควย\nควร\nควัก\nควั่ก\nควั่งคว้าง\nควัน\nควั่น\nคว้า\nควาก\nคว้าง\nควาญ\nควาน\nคว้าน\nความ\nควาย\nคว่าว\nคว่ำ\nควินิน\nควิวคว่าง\nคหกรรม\nคหกรรมศาสตร์\nคหบดี\nคหัฐ\nคอ\nค้อ\nคอก\nค็อกคัส\nค็อกเทล\nคอเคซอยด์\nค่องอ้อย\nคอด\nคอแดง\nคอน\nค่อน\nค้อน\nคอนกรีต\nคอนเดนเซอร์\nคอนแวนต์\nคอนเสิร์ต\nคอม\nค่อม\nค้อม\nคอมพิวเตอร์\nคอมมานโด\nคอมมิวนิสต์\nคอย\nค่อย\nค้อย\nคอยล์\nคอร์ด\nคอแลน\nคอสติกโซดา\nคะ\nค่ะ\nคะไขว่\nคะค้อย\nคะคาน\nคะนน\nคะนอง\nคะน้า\nคะนึง\nคะเน\nคะเนงร้าย\nคะเน็ด\nคะแนน\nคะมำ\nคะยั้นคะยอ\nคะเยอ\nคัก\nคั่ก\nคัคนะ\nคัคนัมพร\nคัคนางค์\nคัคนานต์\nคั่ง\nคังไคย\nคัจฉ\nคัณฑมาลา\nคัณฑสูตร\nคัด\nคัดเค้า\nคัดมอน\nคัดเม็ง\nคัทลียา\nคัน\nคั่น\nคั้น\nคันถรจนาจารย์\nคันธกุฎี\nคันธมาทน์\nคันธารราษฎร์\nคับ\nคับค้อน\nคับคา\nคับแค\nคัพภ์\nคัมภีร์\nคัมภีรภาพ\nคัล\nคั่ว\nคา\nค่า\nค้า\nค่าคบ\nคาง\nค่าง\nค้าง\nคางคก\nค้างคาว\nคาด\nคาถา\nคาทอลิก\nคาน\nค้าน\nคาบ\nคาพยุต\nคาม\nคามวาสี\nคามณีย์\nคามภีร์\nคาย\nค่าย\nคาร์บอน\nคาร์บอเนต\nคาร์บอลิก\nคาร์บูเรเตอร์\nคาร์โบรันดัม\nคาร์โบไฮเดรต\nคารม\nคารวะ\nคาราเต้\nคาราวาน\nคาว\nค่าว\nค้าว\nคาวตอง\nคาวี\nคาวุต\nคาส\nคำ\nค่ำ\nค้ำ\nคำนวณ\nคำนวร\nคำนับ\nคำนัล\nคำนึง\nคำนูณ\nคำฝอย\nคำเพลิง\nคำรน\nคำรบ\nคำราม\nคำแสด\nคำแหง\nคำโอง\nคิก\nคิง\nคิด\nคิมหันต์\nคิรี\nคิลาน\nคิลานะ\nคิว\nคิ้ว\nคี่\nคีต\nคีบ\nคีม\nคีรี\nคีรีบูน\nคึก\nคึ่ก\nคึกคัก\nคืน\nคืบ\nคือ\nคุ\nคุก\nคุกกี้\nคุกคาม\nคุกพาทย์\nคุ้ง\nคุณ\nคุด\nคุดทะราด\nคุต\nคุตติ\nคุ่น\nคุ้น\nคุป\nคุปต์\nคุปติ\nคุม\nคุ่ม\nคุ้ม\nคุย\nคุ้ย\nคุยหฐาน\nคุยหประเทศ\nคุรุ\nคุลา\nคุลิก่า\nคุลีการ\nคุหา\nคู\nคู่\nคู้\nคูณ\nคูถ\nคูน\nคูปอง\nคูเรียม\nคูหา\nเค้ก\nเค้เก้\nเค้ง\nเคณฑะ\nเคด\nเค็ด\nเคน\nเค้น\nเคเบิล\nเค็ม\nเคมี\nเคย\nเครง\nเคร่ง\nเครงครา\nเครงครำ\nเครดิต\nเครน\nเครา\nเคร่า\nเคราหณี\nเคราะห์\nเครียด\nเครียว\nเครือ\nเครื่อง\nเคล้ง\nเคล็ด\nเคล้น\nเคล้า\nเคล่าคล่อง\nเคลิบเคลิ้ม\nเคลิ้ม\nเคลีย\nเคลื่อน\nเคลือบ\nเคว้ง\nเคหะ\nเคหา\nเคอะ\nเค้า\nเคาน์เตอร์\nเคารพ\nเคาะ\nเคาะแคะ\nเคียง\nเคียด\nเคียน\nเคียม\nเคี่ยม\nเคียร\nเคียว\nเคี่ยว\nเคี้ยว\nเคือง\nแค\nแค่\nแค้\nแคแล\nแคดเมียม\nแค็ตตาล็อก\nแคแตร\nแคโทด\nแคน\nแค่น\nแค้น\nแคบ\nแคบหมู\nแคปซูล\nแคม\nแคร่\nแครก\nแครง\nแคระ\nแคลคูลัส\nแคลง\nแคลเซียม\nแคลน\nแคล้ว\nแคล่วคล่อง\nแคลอรี\nแคลิฟอร์เนียม\nแคว\nแควก\nแคว้น\nแคแสด\nแคะ\nโค\nโคก\nโคเคน\nโค่ง\nโค้ง\nโคจร\nโคเซแคนต์\nโคไซน์\nโคตร\nโคแทนเจนต์\nโคธา\nโคน\nโค่น\nโคบอลต์\nโคปผกะ\nโคม\nโคม่า\nโครก\nโครกคราก\nโครง\nโคร่ง\nโคร่งคร่าง\nโครม\nโครเมียม\nโครโมโซม\nโคราช\nโครำ\nโคล\nโคลง\nโคลน\nโควตา\nโคออร์ดิเนต\nใคร\nใคร่\nใคร่ครวญ\nไค\nไค้\nไคร้\nไคร้เครือ\nไคล\nไคล้\nฆนะ\nฆราวาส\nฆ้อง\nฆ่า\nฆาต\nฆาน\nฆานินทรีย์\nเฆี่ยน\nโฆรวิส\nโฆษก\nโฆษณา\nโฆษะ\nโฆษิต\nงก\nงง\nงด\nงดงาม\nงบ\nงม\nงวง\nง่วง\nงวด\nง่วน\nง้วน\nงวยงง\nงอ\nง้อ\nงอก\nงอกแงก\nง่อกแง่ก\nง่อง\nง่องแง่ง\nงอแง\nงอด\nงอดแงด\nงอน\nง่อน\nง่อนแง่น\nงอนหง่อ\nงอบ\nงอม\nง้อม\nงอย\nง่อย\nงัก\nงั่ก\nงั่ง\nงัด\nงัน\nงันงก\nงับ\nงัว\nงั่ว\nงัวเงีย\nงา\nง่า\nง้าง\nงาน\nง่าน\nงาบ\nงาม\nง่าม\nงาย\nง่าย\nง้าว\nงำ\nง่ำ\nง้ำ\nงิ้ว\nงี่เง่า\nงีบ\nงึก\nงึน\nงึม\nงุด\nงุนงง\nงุ่นง่าน\nงุบ\nงุบงิบ\nงุ้ม\nงุ่มง่าม\nงุย\nงู\nงูบ\nงูสวัด\nเงก\nเงย\nเงอะ\nเงอะงะ\nเงา\nเง่า\nเง้า\nเงาะ\nเงิน\nเงี่ยง\nเงี่ยน\nเงียบ\nเงี้ยว\nเงี่ยหู\nเงื้อ\nเงือก\nเงื่อง\nเงือด\nเงื่อน\nเงือบ\nเงื้อม\nแง\nแง่\nแง่ง\nแง่น\nแง้ม\nแงะ\nโง\nโง่\nโงก\nโงกเงก\nโงง\nโง่ง\nโง้ง\nโงงเงง\nโง่งเง่ง\nโงเง\nโงน\nโงนเงน\nไง้\nจก\nจง\nจ่ง\nจงกรม\nจงกล\nจงกลนี\nจงโคร่ง\nโจงโคร่ง\nจงอร\nจงอาง\nจด\nจดุรงค์\nจตุปัจจัย\nจตุลังคบาท\nจตุโลกบาล\nจตุสดมภ์\nจตุตถ\nจตุตถี\nจตุร\nจตุรงค์\nจตุรพักตร์\nจตุรพิธ\nจตุรพิธพร\nจน\nจบ\nจม\nจ่ม\nจมร\nจมรี\nจมูก\nจยุติ\nจร\nจรณะ\nจรด\nจรรจา\nจรรโจษ\nจรรม\nจรรยา\nจรรโลง\nจรลี\nจรวจ\nจรวด\nจรส\nจรอก\nจระเข้\nจระนำ\nจระบี\nจรัล\nจรัส\nจราจร\nจราญ\nจริก\nจริง\nจริต\nจริม\nจริยธรรม\nจริยวัตร\nจริยาวัตร\nจริยศาสตร์\nจริยศึกษา\nจริยา\nจรุง\nจรูง\nจรูญ\nจเร\nจล\nจลนพลศาสตร์\nจลนศาสตร์\nจลนี\nจลาจล\nจวก\nจ๊วก\nจวง\nจ้วง\nจ๋วง\nจวด\nจวน\nจวบ\nจวัก\nจอ\nจ่อ\nจ้อ\nจ๋อ\nจอก\nจ้อก\nจ๊อก\nจ้อกแจ้ก\nจอง\nจ้อง\nจ๋อง\nจ้องเต\nจองเปรียง\nจ้องหน่อง\nจองหอง\nจอแจ\nจ๋อแจ๋\nจอด\nจอน\nจ้อน\nจอนจ่อ\nจอบ\nจอม\nจ่อม\nจอมสุรางค์\nจ่อย\nจ้อย\nจ๋อย\nจอแส\nจะ\nจ้ะ\nจ๊ะ\nจ๋ะ\nจะกละ\nจะกลาม\nจะกูด\nจะขาบ\nจะเข้\nจะเข็บ\nจะงอย\nจะจะ\nจ๊ะจ๋า\nจะแจ้ง\nจะแจ่ม\nจะละเม็ด\nจะละหวั่น\nจัก\nจั้ก\nจักกาย\nจั๊กกิ้ม\nจักขุ\nจักจั่น\nจักจี้\nจั๊กจี้\nจั๊กเดียม\nจักร\nจักรพาก\nจักรวาก\nจักริน\nจักรี\nจั๊กเล้อ\nจักษุ\nจักแหล่น\nจัง\nจั้ง\nจั๋ง\nจังกวด\nจังกอบ\nจังก้า\nจังกูด\nจังโกฏก์\nจังงัง\nจั้งมั่ง\nจังไร\nจังหนับ\nจังหรีด\nจังหวะ\nจังหวัด\nจังหัน\nจัญไร\nจัณฑ์\nจัณฑาล\nจัด\nจัตตาฬีสะ\nจัตวา\nจัตุ\nจัตุรงค์\nจัตุรัส\nจัตุลังคบาท\nจัตุโลกบาล\nจัตุสดมภ์\nจัน\nจั่น\nจันโจษ\nจั่นดิน\nจันท์\nจันทน์\nจันทร์\nจันทรคติ\nจันทรคราส\nจันทรุปราคา\nจันทรเม็ด\nจันทวาร\nจันทัน\nจันอับ\nจับ\nจับกัง\nจับฉ่าย\nจับเดิม\nจับปิ้ง\nจับยี่กี\nจัมบก\nจัมปกะ\nจัมปา\nจัมมะ\nจัว\nจั่ว\nจั๊วะ\nจา\nจ่า\nจ้า\nจ๋า\nจาก\nจากพาก\nจาคะ\nจาคี\nจาง\nจ่าง\nจ้าง\nจางปาง\nจางวาง\nจาด\nจาตุรงค์\nจาตุรนต์\nจาตุรันต์\nจาน\nจ้าน\nจาบ\nจาบัล\nจาบัลย์\nจาป\nจาม\nจ่ามงกุฎ\nจามจุรี\nจามร\nจามรี\nจามีกร\nจ่าย\nจาร\nจ่ารง\nจารวาก\nจาระไน\nจาระบี\nจาริก\nจารึก\nจารี\nจารีต\nจารุ\nจ้าละหวั่น\nจาว\nจ้าว\nจ่าหวัก\nจำ\nจ้ำ\nจำกัด\nจำงาย\nจ้ำจี้\nจำเจ\nจำเดิม\nจำทวย\nจำนง\nจำนน\nจำนรรจ์\nจำนรรจา\nจำนวน\nจำนอง\nจำนัล\nจำนำ\nจำเนียน\nจำเนียม\nจำเนียร\nจำแนก\nจำบ่ม\nจำบัง\nจ้ำเบ้า\nจำปา\nจำปาดะ\nจำปี\nจำปูน\nจำพวก\nจำเพาะ\nจ้ำม่ำ\nจำรัส\nจำราญ\nจำรูญ\nจำเริญ\nจำเรียง\nจำลอง\nจำเลย\nจำเลาะ\nจำแลง\nจำแล่น\nจำหนับ\nจ๋ำหนับ\nจำหน่าย\nจำหระ\nจำหล่อ\nจำหลัก\nจำเหียง\nจำอวด\nจิ\nจิก\nจิ้งโกร่ง\nจิ้งจก\nจิงจ้อ\nจิ้งจอก\nจิงจัง\nจิ้งจัง\nจิงโจ้\nจิ้งหรีด\nจิ้งเหลน\nจิต\nจิตกาธาน\nจิตต์\nจิตร\nจิตรจุล\nจิตระ\nจิตรา\nจินเจา\nจินดา\nจินดาหนา\nจินดาหรา\nจินต์\nจิบ\nจิปาถะ\nจิ่ม\nจิ้ม\nจิ้มก้อง\nจิ้มลิ้ม\nจิรกาล\nจิ๋ว\nจี\nจี่\nจี้\nจี๋\nจี๋จ้อ\nจีแจ๊บ\nจี๊ด\nจีน\nจีนแส\nจีบ\nจีโบ\nจีม\nจีวร\nจึง\nจึ่ง\nจึ้ง\nจืด\nจุ\nจุก\nจุ๊กกรู๊\nจุกจิก\nจุกชี\nจุกผาม\nจุกโรหินี\nจุ่ง\nจุ๋งจิ๋ง\nจุฑา\nจุณ\nจุณณียบท\nจุด\nจุติ\nจุตูปปาตญาณ\nจุทส\nจุน\nจุ่น\nจุ้น\nจุนจู๋\nจุ้นจู๊\nจุนทการ\nจุนสี\nจุบ\nจุ๊บ\nจุบจิบ\nจุ๊บแจง\nจุ่ม\nจุ้ม\nจุ๋มจิ๋ม\nจุมพฏ\nจุมพรวด\nจุมพล\nจุมพิต\nจุมโพล่\nจุ้ย\nจุรณ\nจูรณ\nจุรี\nจุไร\nจุล\nจุลจอมเกล้า\nจุลวงศ์\nจุฬา\nจุฬาราชมนตรี\nจุฬาลัมพา\nจุฬาลำพา\nจู\nจู่\nจู้\nจู๋\nจูง\nจู้จี้\nจู๋จี๋\nจู๊ด\nจูบ\nเจ\nเจ๊ก\nเจ่ง\nเจ้ง\nเจ๊ง\nเจ๋ง\nเจ็ด\nเจ็ดตะคลี\nเจดีย์\nเจดียสถาน\nเจต\nเจตนา\nเจตพังคี\nเจตมูลเพลิง\nเจตสิก\nเจโตวิมุติ\nเจน\nเจ็บ\nเจรจา\nเจริญ\nเจริด\nเจรียง\nเจลียง\nเจว็ด\nเจษฎา\nเจ๊สัว\nเจอ\nเจ่อ\nเจ๋อ\nเจ๋อเจ๊อะ\nเจอร์เมเนียม\nเจอะ\nเจา\nเจ่า\nเจ้า\nเจ๊า\nเจาะ\nเจิ่ง\nเจิด\nเจิ่น\nเจิม\nเจีย\nเจียง\nเจียด\nเจียน\nเจี๋ยน\nเจี๊ยบ\nเจียม\nเจี๋ยมเจี้ยม\nเจียร\nเจียระไน\nเจียระบาด\nเจียว\nเจี๊ยวจ๊าว\nเจือ\nเจื่อน\nเจื้อย\nเจือสม\nแจ\nแจ้\nแจ๋\nแจก\nแจกัน\nแจง\nแจ่ง\nแจ้ง\nแจงลอน\nแจ๊ด\nแจ๊ดแจ๋\nแจตร\nแจ้น\nแจบ\nแจ่ม\nแจรง\nแจว\nแจ่ว\nแจ้ว\nแจ๋ว\nแจะ\nโจก\nโจ๊ก\nโจง\nโจ่งครึ่ม\nโจ๋งครึ่ม\nโจ่งครุ่ม\nโจ๋งเจ๋ง\nโจ่งแจ้ง\nโจท\nโจทก์\nโจทนา\nโจทย์\nโจน\nโจม\nโจร\nโจล\nโจษ\nโจษจัน\nใจ\nไจ\nไจ้\nฉก\nฉกรรจ์\nฉกษัตริย์\nฉกาจ\nฉกามาพจร\nฉกามาวจร\nฉง\nฉงน\nฉงาย\nฉทึง\nฉนวน\nฉนัง\nฉนาก\nฉนำ\nฉบัง\nฉบัด\nฉบับ\nฉบำ\nฉม\nฉมบ\nฉมวก\nฉมวย\nฉม่อง\nฉมัง\nฉมัน\nฉมา\nฉมำ\nฉล\nฉลวย\nฉลอง\nฉลอม\nฉลัก\nฉลับ\nฉลาก\nฉลาง\nฉลาด\nฉลาม\nฉลาย\nฉลิว\nฉลีก\nฉลุ\nฉลู\nฉวย\nฉวะ\nฉวัดเฉวียน\nฉวาง\nฉวี\nฉศก\nฉ้อ\nฉอก\nฉ่อง\nฉอด\nฉ่อย\nฉอเลาะ\nฉะ\nฉะฉาด\nฉะฉาน\nฉะฉ่ำ\nฉะฉี่\nฉะเฉื่อย\nฉะนั้น\nฉะนี้\nฉะอ้อน\nฉักกะ\nฉัฐ\nฉัด\nฉัตร\nฉัททันต์\nฉัน\nฉันท\nฉันท์\nฉันทะ\nฉันทา\nฉันทาคติ\nฉันทานุมัติ\nฉับ\nฉัพพรรณรังสี\nฉัยยา\nฉ่า\nฉาก\nฉาง\nฉ่าง\nฉ่าฉาว\nฉาด\nฉาดฉาน\nฉาตกภัย\nฉาน\nฉาบ\nฉาบฉวย\nฉาย\nฉายา\nฉาว\nฉ่ำ\nฉำฉา\nฉำแฉะ\nฉิ่ง\nฉิน\nฉินท์\nฉินทฤกษ์\nฉิบ\nฉิมพลี\nฉิว\nฉี่\nฉีก\nฉีด\nฉุ\nฉุก\nฉุด\nฉุน\nฉุป\nฉุป\nฉุย\nฉุยฉาย\nฉู่\nฉู่ฉี่\nฉูด\nฉูดฉาด\nเฉ\nเฉก\nเฉโก\nเฉ่ง\nเฉด\nเฉท\nเฉนียน\nเฉพาะ\nเฉย\nเฉลย\nเฉลว\nเฉลา\nเฉลิม\nเฉลี่ย\nเฉลียง\nเฉลี่ยง\nเฉลียบ\nเฉลียว\nเฉวียง\nเฉวียน\nเฉอะแฉะ\nเฉา\nเฉาก๊วย\nเฉาฮื้อ\nเฉาะ\nเฉิด\nเฉิบ\nเฉียง\nเฉียงพร้านางแอ\nเฉียด\nเฉียบ\nเฉียว\nเฉี่ยว\nเฉือน\nเฉื่อย\nแฉ\nแฉ่\nแฉก\nแฉง\nแฉ่ง\nแฉลบ\nแฉล้ม\nแฉะ\nโฉ\nโฉ่\nโฉเก\nโฉ่งฉ่าง\nโฉงเฉง\nโฉด\nโฉนด\nโฉบ\nโฉเบ๊\nโฉม\nโฉลก\nไฉน\nไฉไล\nชก\nชคัตตรัย\nชง\nชงโค\nชงฆ์\nชงฆา\nชงโลง\nชฎา\nชฎามังษี\nชฎามังสี\nชฎิล\nชด\nชน\nชนก\nชนนี\nชนม์\nชนวน\nชนะ\nชนัก\nชนา\nชนาง\nชนิด\nชเนตตี\nชบา\nชม\nชมดชม้อย\nชมนาด\nชมพู\nชมพู่\nชมรม\nชม้อย\nชม้าย\nชไม\nชยา\nชโย\nชรทึง\nชรริน\nชรอุ่ม\nชระล้ำ\nชระลุ\nชระอาบ\nชระเอม\nชรัด\nชรา\nชล\nชโลง\nชโลม\nช่วง\nชวด\nชวน\nชวย\nช่วย\nชวร\nชวลิต\nชวา\nชวาล\nชวาลา\nช่อ\nชอก\nช็อก\nช็อกโกเลต\nช็อกโกแลต\nชอง\nช่อง\nช้อง\nชองระอา\nชอน\nช่อน\nช้อน\nชอบ\nชอม\nช้อย\nชอล์ก\nชอ่ำ\nชอุ่ม\nชะ\nชะคราม\nชะงอก\nชะง่อน\nชะงัก\nชะงัด\nชะง้ำ\nชะงุ้ม\nชะเง้อ\nชะเงื้อม\nชะแง้\nชะโงก\nชะฉ่า\nชะช่อง\nชะชะ\nชะช้า\nชะโด\nชะตา\nชะต้า\nชะนี\nชะเนาะ\nชะเนียง\nชะพลู\nชะเพลิง\nชะมด\nชะมบ\nชะมวง\nชะมัง\nชะมัด\nชะแม่\nชะรอย\nชะลอ\nชะลอม\nชะล่า\nชะลาน\nชะลิน\nชะลูด\nชะเลง\nชะเลย\nชะแล็ก\nชะแลง\nชะวาก\nชะวาด\nชะเวิกชะวาก\nชะแวง\nชะอม\nชะอ้อน\nชะเอม\nชะโอน\nชัก\nชักคราม\nชักช้า\nชัง\nชั่ง\nชังคา\nชังฆ\nชัชวาล\nชัฏ\nชัด\nชัดช้า\nชัน\nชั้น\nชันกาด\nชันชี\nชันตุ\nชันนะตุ\nชันนุ\nชันโรง\nชันษา\nชันสูตร\nชัปนะ\nชัพ\nชัมพูนท\nชัย\nชัยพฤกษ์\nชัยภูมิ\nชัลลุกา\nชั่ว\nชั้ว\nชัวชม\nชา\nช้า\nชาคระ\nชาคริต\nชาคริยานุโยค\nช่าง\nช้าง\nช้าช่อน\nชาญ\nชาด\nชาดก\nชาต\nชาตบุษย์\nชาตรี\nชาตะ\nชาตา\nชาติ\nชาน\nชานุ\nช้าปี่\nชาปีไหน\nช้าแป้น\nช้าพลู\nชาม\nชามพูนท\nชามาดร\nชามาดา\nชามาตุ\nชาย\nชายา\nชาล\nชาลา\nชาลินี\nช้าเลือด\nชาว\nชาวี\nชำ\nช่ำ\nช้ำ\nชำงัด\nชำงาย\nช่ำชอง\nชำนะ\nชำนัญ\nชำนัน\nชำนาญ\nชำนิ\nชำเนียร\nชำมะนาด\nชำมะเลียง\nชำร่วย\nชำระ\nช้ำรั่ว\nชำรุด\nชำเรา\nชำเราะ\nชำแรก\nชำแระ\nชำเลือง\nชำแหละ\nชิ\nชิง\nชิ่ง\nชิงชัน\nชิงช้า\nชิงช้าชาลี\nชิงชี่\nชิงฮื้อ\nชิชะ\nชิชิ\nชิณณะ\nชิด\nชิเดนทรีย์\nชิต\nชิตินทรีย์\nชิน\nชิ้น\nชินโต\nชิโนรส\nชิม\nชิมแปนซี\nชิยา\nชิรณะ\nชิระ\nชิวหา\nชิสา\nชี\nชี่\nชี้\nชีปะขาว\nชีผะขาว\nชีผ้าขาว\nชีพ\nชีฟอง\nชีรณ\nชีระ\nชีวเคมี\nชีวประวัติ\nชีวภาพ\nชีววิทยา\nชีวะ\nชีวัน\nชีวา\nชีวาตม์\nชีวาลัย\nชีวิต\nชีวิตักษัย\nชีวิน\nชีวี\nชืด\nชื่น\nชื้น\nชื่อ\nชุก\nชุกชี\nชุ้ง\nชุณห\nชุด\nชุติ\nชุน\nชุบ\nชุม\nชุ่ม\nชุมนุม\nชุมพร\nชุมพา\nชุมแพรก\nชุมรุม\nชุมแสง\nชุมเห็ด\nชุ่ย\nชุลมุน\nชุลี\nชุษณะ\nชู\nชู้\nเช็ค\nเช้ง\nเช้งวับ\nเชงเลง\nเช็ด\nเชน\nเช่น\nเชย\nเชลง\nเชลย\nเชลแล็ก\nเชลียง\nเชวง\nเชษฐะ\nเชษฐา\nเชอ\nเช่า\nเช้า\nเชาว์\nเชาวน์\nเชิง\nเชิญ\nเชิด\nเชิ้ต\nเชียง\nเชี่ยน\nเชียบ\nเชี่ยม\nเชียร\nเชียร์\nเชียว\nเชี่ยว\nเชื่อ\nเชื้อ\nเชือก\nเชื่อง\nเชือด\nเชือน\nเชื่อม\nแช\nแช่\nแช่ง\nแชงมา\nแชบ๊วย\nแช่ม\nแชร์\nแชล่ม\nแชสซี\nแชะ\nโชก\nโชค\nโชงโลง\nโชดก\nโชดึก\nโชต\nโชตก\nโชติ\nโชติก\nโชน\nโชมโรม\nโชย\nโชยงการ\nโชยชาย\nโชยติส\nโชว์\nใช่\nใช้\nไช\nไชนะ\nไชย\nไชโย\nซก\nซ่ก\nซงดำ\nซ่งฮื้อ\nซด\nซน\nซ้น\nซบ\nซม\nซวดเซ\nซวน\nซวย\nซอ\nซอก\nซอง\nซ่อง\nซ้อง\nซองแมว\nซ้องแมว\nซอน\nซ่อน\nซ้อน\nซอม\nซ่อม\nซ้อม\nซอมซ่อ\nซอย\nซอส\nซัก\nซักส้าว\nซัง\nซั้ง\nซัด\nซับ\nซัลฟา\nซั้ว\nซา\nซ่า\nซาก\nซาง\nซ่าง\nซาด\nซาน\nซ่าน\nซาบซ่าน\nซาบซึ้ง\nซ่าโบะ\nซาแมเรียม\nซ้าย\nซาลาเปา\nซาว\nซ่าหริ่ม\nซำ\nซ้ำ\nซิ\nซี\nซิก\nซิกข์\nซิกซี้\nซิกแซ็ก\nซิการ์\nซิงโคนา\nซิ่น\nซินนามิก\nซินแส\nซิบ\nซิป\nซิฟิลิส\nซิลิคอน\nซิว\nซี่\nซีก\nซีเซียม\nซีด\nซี้ด\nซีนอน\nซีป่าย\nซีเมนต์\nซีเรียม\nซีลีเนียม\nซีอิ๊ว\nซึก\nซึง\nซึ่ง\nซึ้ง\nซึม\nซื่อ\nซื้อ\nซุก\nซุง\nซุน\nซุบ\nซุป\nซุ่ม\nซุ้ม\nซุ่มซ่าม\nซุย\nซู่\nซูโครส\nซูด\nซู้ด\nซูดซาด\nซูบ\nเซ\nเซ็ก\nเซแคนต์\nเซ็ง\nเซ่ง\nเซ้ง\nเซ็งแซ่\nเซต\nเซน\nเซ็น\nเซ่น\nเซนติกรัม\nเซนติเกรด\nเซนติเมตร\nเซนติลิตร\nเซปักตะกร้อ\nเซราะ\nเซรุ่ม\nเซลเซียส\nเซลล์\nเซลลูลอยด์\nเซลลูโลส\nเซ่อ\nเซอร์โคเนียม\nเซอะ\nเซา\nเซ้าซี้\nเซาะ\nเซิง\nเซิ้ง\nเซียน\nเซียบ\nเซียมซี\nเซียว\nเซี่ยว\nเซี่ยวกาง\nเซื่อง\nแซ\nแซ่\nแซ็กคาริน\nแซง\nแซงแซว\nแซด\nแซบ\nแซม\nแซยิด\nแซ่ว\nแซะ\nโซ\nโซ่\nโซก\nโซ่ง\nโซงโขดง\nโซเซ\nโซดา\nโซเดียม\nโซม\nโซรม\nโซลา\nไซ\nไซ้\nไซเกิล\nไซโคลน\nไซน์\nไซยาไนด์\nไซร้\nไซเรน\nไซโล\nฌาน\nฌาปน\nฌาปนกิจ\nฌาปนสถาน\nเฌอ\nเฌอเอม\nญวน\nญัตติ\nญาณ\nญาติ\nญานาซะฮ์\nญิบ\nญี่ปุ่น\nเญยธรรม\nไญยธรรม\nฎีกา\nฐกัด\nฐากูร\nฐาน\nฐานะ\nฐานันดร\nฐานานุกรม\nฐานานุรูป\nฐานานุศักดิ์\nฐานียะ\nฐาปน\nฐาปนา\nฐายี\nฐิต\nฐิติ\nฑาหก\nฑาหะ\nเฒ่า\nณรงค์\nเณร\nดก\nดง\nด้ง\nด้น\nดนโด่\nดนตรี\nดนัย\nดนุ\nดนู\nดบัสวิน\nดบัสวี\nดม\nดรงค์\nดรณี\nดรรชนี\nดราฟต์\nดรุณ\nดรุณี\nดล\nดวง\nด้วง\nดวด\nด่วน\nด้วน\nด้วย\nดอก\nดอง\nด่อง\nด้อง\nดองฉาย\nดองดึง\nดอด\nดอน\nด่อน\nดอม\nด้อม\nดอย\nด้อย\nดอลลาร์\nดะ\nดะโต๊ะ\nดะหมัง\nดัก\nดักดาน\nดักแด้\nดัง\nดั่ง\nดั้ง\nดัชนี\nดัด\nดัตช์\nดัน\nดั้น\nดับ\nดัมพ์\nดั้วเดี้ย\nดัสกร\nดา\nด่า\nดาก\nด่าง\nด้าง\nดาด\nดาน\nด่าน\nด้าน\nดาบ\nดาบส\nดาม\nด้าม\nด้ามจิ้ว\nดามพ์\nดาย\nด้าย\nดารกะ\nดารณี\nดารดาษ\nดาระ\nดารา\nดาล\nดาลัด\nดาว\nด่าว\nด้าว\nดาวดึงส์\nดาวบส\nดาษ\nดาษดา\nดำ\nด่ำ\nด้ำ\nดำกล\nดำเกิง\nดำแคง\nดำดง\nดำนาณ\nดำเนิน\nดำบล\nดำรง\nดำรวจ\nดำรัส\nดำริ\nดำรี\nดำรู\nดำฤษณา\nดำเลิง\nดิก\nดิ่ง\nดิฉัน\nดิฐ\nดิตถ์\nดิถี\nดิน\nดิ้น\nดิบ\nดิรัจฉาน\nดิลก\nดิ่ว\nดิ้ว\nดิ้วเดี้ยว\nดิษฐ์\nดิสโพรเซียม\nดี\nดีเซล\nดีด\nดีดีที\nดีบุก\nดีปลี\nดีเปรสชัน\nดีหมี\nดีหลี\nดึก\nดึง\nดึ่ง\nดึ่ม\nดื่น\nดื่ม\nดือ\nดื้อ\nดุ\nดุก\nดุกดิก\nดุกทะเล\nดุ้ง\nดุ้งดิ้ง\nดุจ\nดุด\nดุน\nดุ้น\nดุบ\nดุม\nดุ่ม\nดุ่ย\nดุรงค์\nดุริยะ\nดุริยางค์\nดุริยางคศาสตร์\nดุริยางคศิลป์\nดุล\nดุษฎี\nดุษณี\nดุษณีภาพ\nดุษิต\nดุสิต\nดุเหว่า\nดู\nดูกค่าง\nดูกร\nดูด\nดูรา\nดูแล\nเด\nเด่\nเดก\nเด็ก\nเดกซ์โทรส\nเดคากรัม\nเดคาเมตร\nเดคาลิตร\nเด้ง\nเด็จ\nเดช\nเดชน์\nเดชนะ\nเดชะ\nเดโช\nเดซิกรัม\nเดซิเมตร\nเดซิลิตร\nเด็ด\nเดน\nเด่น\nเดนมาร์ก\nเดรัจฉาน\nเด๋อ\nเด๋อด๋า\nเดา\nเด้า\nเดาะ\nเดิน\nเดิ่น\nเดิม\nเดียง\nเดียด\nเดียรดาษ\nเดียรถีย์\nเดียรัจฉาน\nเดียว\nเดี่ยว\nเดี๋ยว\nเดียะ\nเดื่อ\nเดือก\nเดื่อง\nเดือด\nเดือน\nเดือย\nแด\nแด่\nแดก\nแด็ก\nแดกงา\nแดกแด้\nแดง\nแดด\nแดน\nแด่น\nแด่ว\nแดะ\nแดะแด๋\nโด\nโด่\nโดกเดก\nโด่ง\nโดด\nโดน\nโดม\nโดมร\nโดย\nโดรณ\nใด\nได\nได้\nไดแซ็กคาไรด์\nไดนาโม\nไดนาไมต์\nไดโนเสาร์\nไดเรกตริกซ์\nตก\nต๊กโต\nตง\nต๋ง\nตงฉิน\nตงิด\nตงุ่น\nตด\nตติย\nตถาคต\nตน\nต้น\nตนัย\nตนุ\nตบ\nตบะ\nตปนียะ\nตม\nต้ม\nตมูก\nตยาคี\nตรง\nตรณี\nตรม\nตรรก\nตรรกะ\nตรลบ\nตรลอด\nตรลาด\nตรวจ\nตรวน\nตรอก\nตรอง\nตรอมใจ\nตรอมตรม\nตระ\nตระกล\nตระกวน\nตระกอง\nตระการ\nตระกูล\nตระคัร\nตระเตรียม\nตระนาว\nตระบก\nตระบอก\nตระบอง\nตระบัด\nตระบัน\nตระเบ็ง\nตระแบก\nตระแบง\nตระโบม\nตระพอง\nตระพัง\nตระลาการ\nตระวัน\nตระเว็ด\nตระเวน\nตระสัก\nตระหง่าน\nตระหนก\nตระหนัก\nตระหน่ำ\nตระหนี่\nตรัง\nตรังค์\nตรับ\nตรับฟัง\nตรัย\nตรัยตรึงศ์\nตรัส\nตรัสสา\nตรา\nตรากตรำ\nตราชู\nตราบ\nตราสัง\nตรำ\nตริ\nตริว\nตรี\nตรีปวาย\nตรีพิธพรรณ\nตรียัมปวาย\nตรึก\nตรึง\nตรุ\nตรุณ\nตรุณะ\nตรุษ\nตรู\nตรู่\nตฤณ\nตฤตีย\nตฤษณา\nตลก\nตลบ\nตลอด\nตลับ\nตลาด\nตลิ่ง\nตลึง\nตวง\nต่วน\nต้วมเตี้ยม\nตวัก\nตวัด\nตวาด\nตอ\nตอม่อ\nต่อ\nต้อ\nตอก\nต๊อก\nต๊อกต๋อย\nตอง\nต้อง\nตองกราย\nต้องเต\nตองแตก\nต่องแต่ง\nตองเหลือง\nตอด\nตอน\nต้อน\nตอบ\nตอเบา\nตอม\nต่อม\nต๋อม\nต่อย\nต้อย\nต้อยตริ่ง\nต้อยติ่ง\nต้อยตีวิด\nตอแย\nตอร์ปิโด\nต่อไส้\nตอแหล\nตะ\nตะกรน\nตะกร้อ\nตะกรัน\nตะกรับ\nตะกร้า\nตะกราม\nตะกรุด\nตะกรุม\nตะกรุมตะกราม\nตะกละ\nตะกลาม\nตะกวด\nตะกอ\nตะกอน\nตะกัง\nตะกั่ว\nตะกาง\nตะกาด\nตะกาย\nตะกาว\nตะกุกตะกัก\nตะกุย\nตะกู\nตะกูด\nตะเกียกตะกาย\nตะเกียง\nตะเกียบ\nตะแก\nตะแก่\nตะแกรง\nตะโก\nตะโก้\nตะโกก\nตะโกน\nตะโกรง\nตะโกรม\nตะไกร\nตะขบ\nตะขอ\nตะขาบ\nตะขิดตะขวง\nตะเข้\nตะเข็บ\nตะโขง\nตะคร้อ\nตะครอง\nตะครั่นตะครอ\nตะคร้ำ\nตะคริว\nตะคิว\nตะครุบ\nตะคอก\nตะคัน\nตะค้า\nตะคาก\nตะค้าน\nตะคุ่ม\nตะเครียว\nตะเคียว\nตะเคียน\nตะแคง\nตะไคร่\nตะไคร้\nตะเฆ่\nตะนอย\nตะนาว\nตะบม\nตะบอง\nตะบอย\nตะบัน\nตะบิ้ง\nตะบิด\nตะบิดตะบอย\nตะบี้ตะบัน\nตะบึง\nตะบูน\nตะเบ็ง\nตะเบ็งมาน\nตะเบ๊ะ\nตะแบก\nตะแบง\nตะโบม\nตะไบ\nตะปบ\nตะปลิง\nตะปิ้ง\nตะปุ่มตะป่ำ\nตะปู\nตะพง\nตะพด\nตะพอง\nตะพัก\nตะพัง\nตะพัด\nตะพั้น\nตะพาก\nตะพาน\nตะพาบ\nตะพาย\nตะพึด\nตะพึดตะพือ\nตะพุ่น\nตะเพรา\nตะเพิง\nตะเพิด\nตะเพียน\nตะโพก\nตะโพง\nตะโพน\nตะเภา\nตะใภ้\nตะม่อ\nตะมอย\nตะรังกะนู\nตะรังตังกวาง\nตะรังตังช้าง\nตะราง\nตะลอง\nตะลอน\nตะล่อม\nตะละ\nตะลาน\nตะลิงปลิง\nตะลิบ\nตะลีตะลาน\nตะลึง\nตะลึงพรึงเพริด\nตะลุง\nตะลุ่ม\nตะลุ่มนก\nตะลุมบอน\nตะลุ่มโปง\nตะลุมพอ\nตะลุมพุก\nตะลุย\nตะเลง\nตะแลงแกง\nตะไล\nตะวัน\nตะเวน\nตะหลิว\nตะหลุก\nตะหลุง\nตะแหง่ว\nตะแหมะแขะ\nตะโหงก\nตัก\nตักกะ\nตักเตือน\nตั๊กแตน\nตักษัย\nตัง\nตั่ง\nตั้ง\nตังเก\nตังฉ่าย\nตังเม\nตังวาย\nตังโอ๋\nตัจฉก\nตัจฉนี\nตัณฑุล\nตัณหา\nตัด\nตัน\nตันตระ\nตันติ\nตันหยง\nตับ\nตับปิ้ง\nตัว\nตั๋ว\nตัวจี๊ด\nตัวตืด\nตั้วโผ\nตั้วเหี่ย\nตา\nตาก\nตากวาง\nต่าง\nตาด\nตาน\nต่าน\nต้าน\nตานนกกด\nตานี\nตาบ\nตาม\nตามะแน\nตามิน\nตาย\nตาราไต\nตาล\nตาลุ\nต๋าว\nตาเสือ\nตาหนู\nตาฬ\nตำ\nต่ำ\nตำนาน\nตำบล\nตำแบ\nตำแย\nตำรวจ\nตำรับ\nตำรา\nตำรุ\nตำลึง\nตำเสา\nตำหนัก\nตำหนิ\nตำแหน่ง\nติ\nติก\nติ๊ก\nติกะ\nติกาหรัง\nติง\nติ่ง\nติ๋ง\nติ่งตั่ง\nติ๋งต่าง\nติงส\nติงสติ\nติณ\nติด\nติตติกะ\nติตติร\nติตถ\nติตถะ\nติถี\nติมิงคละ\nติรัจฉาน\nติลก\nติละ\nติ้ว\nตี\nตี่\nตีน\nตีบ\nตีรถะ\nตีระ\nตึ\nตึก\nตึ้ก\nตึ้กตั้ก\nตึง\nตึดตื๋อ\nตึ๊ดตื๋อ\nตืด\nตื่น\nตื้น\nตื้อ\nตื๊อ\nตื๋อ\nตุ\nตุ๊\nตุ๊กแก\nตุ๊กตา\nตุ๊กต่ำ\nตุกติก\nตุ๊กติ๊ก\nตุ๊กตุ่น\nตุ๊กตุ๋ย\nตุง\nตุ้งก่า\nตุ้งติ้ง\nตุ๊ดตู่\nตุน\nตุ่น\nตุ๋น\nตุนาหงัน\nตุบ\nตุ้บ\nตุ๊บป่อง\nตุปัดตุป่อง\nตุปัดตุเป๋\nตุ่ม\nตุ้ม\nตุ๋ม\nตุ้มกว้าว\nตุมกา\nตุ้มแซะ\nตุมตัง\nตุ้มเต๋น\nตุ้มปี่\nตุมพะ\nตุ่ย\nตุ้ย\nตุ๊ย\nตุ๋ยตุ่ย\nตุรคะ\nตุรงค์\nตุล\nตุลา\nตุหรัดตุเหร่\nตู\nตู่\nตู้\nตูก\nตูด\nตูบ\nตูม\nเต๊ก\nเต็ง\nเต่ง\nเตช\nเตโช\nเต้น\nเต็นท์\nเต็ม\nเตย\nเตร่\nเตร็ด\nเตรตา\nเตรียม\nเตรียมตรม\nเตละ\nเตลิด\nเตว็ด\nเต่อ\nเตอะ\nเตะ\nเตา\nเต่า\nเต้า\nเต๋า\nเต่าเกียด\nเต้าเจี้ยว\nเต้าทึง\nเต้าหู้\nเต้าฮวย\nเต๊าะ\nเตาะแตะ\nเติ่ง\nเติบ\nเติม\nเตี้ย\nเตียง\nเตียน\nเตียบ\nเตี๋ยม\nเตียรถ์\nเตียว\nเตี่ยว\nเตือน\nแต่\nแต้\nแตก\nแตง\nแต่ง\nแตงเม\nแต้จิ๋ว\nแตด\nแต๊ดแต๋\nแตน\nแต้ม\nแตร\nแตระ\nแต้ว\nแต้วแร้ว\nแต้วแล้ว\nแต่ว่า\nแต้แว้ด\nแตะ\nโต\nโต้\nโตก\nโต่ง\nโต้ง\nโตงเตง\nโตฎก\nโต๊ด\nโตน\nโตนด\nโต้โผ\nโตมร\nโตย\nโตรก\nโต๊ะ\nใต้\nไต\nไต่\nไต้\nไต๋\nไตร\nไตรกิศยา\nไตรดายุค\nไตร่ตรอง\nไตรย\nไต้หวัน\nถก\nถกล\nถงาด\nถด\nถนน\nถนอม\nถนัด\nถนัน\nถนำ\nถนิม\nถม\nถ่ม\nถมอ\nถมึงทึง\nถลก\nถลกบาตร\nถลน\nถล่ม\nถลอก\nถลัน\nถลา\nถลาก\nถลาย\nถลำ\nถลึงตา\nถลุง\nถ่วง\nถ้วน\nถ้วย\nถวัล\nถวัลย์\nถวาย\nถวิน\nถวิล\nถ่อ\nถ้อ\nถอก\nถอง\nถ่อง\nถ้อง\nถอด\nถอน\nถอบ\nถอบแถบ\nถ่อม\nถอย\nถ่อย\nถ้อย\nถะ\nถะถั่น\nถะมัดถะแมง\nถัก\nถัง\nถั่ง\nถัด\nถัทธ\nถัน\nถั่น\nถับ\nถัมภ์\nถัว\nถั่ว\nถา\nถ้า\nถาก\nถาง\nถ่าง\nถาด\nถาน\nถ่าน\nถาบ\nถาม\nถามะ\nถ่าย\nถ่าว\nถาวร\nถาวรธิรา\nถ้ำ\nถิ่น\nถี่\nถีบ\nถึก\nถึง\nถือ\nถุง\nถุน\nถุย\nถู\nถูก\nเถกิง\nเถน\nเถร\nเถระ\nเถรานุเถระ\nเถรี\nเถลไถล\nเถลิง\nเถลือกถลน\nเถ่อ\nเถอะ\nเถา\nเถ้า\nเถาวัลย์\nเถาะ\nเถิก\nเถิง\nเถิด\nเถิดเทิง\nเถิน\nเถียง\nเถียร\nเถือ\nเถือก\nเถื่อน\nแถ\nแถก\nแถง\nแถน\nแถบ\nแถม\nแถลง\nแถลบ\nแถว\nโถ\nโถง\nโถงเถง\nโถบ\nโถม\nโถมนาการ\nไถ\nไถ่\nไถ้\nไถง\nไถล\nทกล้า\nทแกล้ว\nท่ง\nทด\nทน\nท้น\nทนต์\nทนโท่\nทนาย\nทบ\nทบวง\nทมอ\nทมะ\nทมิฬ\nทโมน\nทยอย\nทแยง\nทรกรรม\nทรชน\nทรชาติ\nทรพิษ\nทรยศ\nทรราช\nทรลักษณ์\nทรง\nทรพี\nทรมาทรกรรม\nทรมาน\nทรรทึง\nทรรป\nทรรปณ์\nทรรปณะ\nทรรศนะ\nทรรศนาการ\nทรรศนีย์\nทรวง\nทรวดทรง\nทรวาร\nทรหด\nทรหวล\nทรหึง\nทรอมโบน\nทระนง\nทรัพย์\nทรัพยากร\nทรัมเป็ต\nทรานซิสเตอร์\nทราบ\nทราม\nทราย\nทรุด\nทฤษฎี\nทลาย\nทลิท\nทลิททก\nทวง\nท้วง\nท่วงท่า\nท่วงทำนอง\nท่วงที\nทวด\nทวน\nท้วน\nท่วม\nท้วม\nทวย\nท่วย\nท้วย\nทวอย\nทวัตดึงส์\nทวัย\nทวา\nทวาบร\nทว่า\nทวาย\nทวาร\nทวิ\nทวิช\nทวิตีย์\nทวิตียา\nทวี\nทวีธาภิเษก\nทวีป\nทศ\nทศมี\nทศางค์\nทหระ\nทหาร\nทอ\nท่อ\nท้อ\nทอก\nทอง\nท่อง\nท้อง\nทองกวาว\nทองภู\nทองลิน\nทองหลาง\nทองโหลง\nทองอุไร\nทอด\nทอน\nท่อน\nทอนซิล\nทอฟฟี่\nท่อม\nทอย\nทอเรียม\nทะ\nทะงัน\nทะนง\nทะนน\nทะนาน\nทะนุ\nทะเบียน\nทะมัดทะแมง\nทะมึน\nทะมื่น\nทะแม่ง\nทะยาน\nทะเยอทะยาน\nทะแย\nทะร่อทะแร่\nทะลวง\nทะลอก\nทะลัก\nทะลาย\nทะลึ่ง\nทะลุ\nทะลุดทะลาด\nทะเล\nทะเล้น\nทะเล่อทะล่า\nทะเลาะ\nทะเลิ่กทะลั่ก\nทะวาย\nทัก\nทักข์\nทักขิญ\nทักขิณ\nทักขิณา\nทักขิณาวัฏ\nทักขิโณทก\nทักขิไณยบุคคล\nทักทิน\nทักษะ\nทักษา\nทักษิณ\nทักษิณา\nทักษิโณทก\nทัง\nทั่ง\nทั้ง\nทังวล\nทังวี้ทังวล\nทังสเตน\nทัณฑ์\nทัณฑกรรม\nทัณฑฆาต\nทัณฑสถาน\nทัณฑะ\nทัณฑิกา\nทัณฑิมา\nทัณฑีบท\nทัด\nทัดทา\nทัต\nทัน\nทันต์\nทันตชะ\nทันตแพทย์\nทันติน\nทันตี\nทันธ์\nทับ\nทับทิม\nทับสมิงคลา\nทัพ\nทัพพะ\nทัพพี\nทั่ว\nทัศ\nทัศน์\nทัศนะ\nทัศนา\nทัศนคติ\nทัศนวิสัย\nทัศนศาสตร์\nทัศนศิลป์\nทัศนศึกษา\nทัศนาการ\nทัศนาจร\nทัศนีย์\nทัศนียภาพ\nทัศนูปกรณ์\nทัศไนย\nทัสนานุตริยะ\nทัฬหะ\nทัฬหิ\nทัฬหี\nทา\nท่า\nท้า\nทาก\nทาง\nท้าง\nทาฐะ\nทาฐิกะ\nทาฒะ\nทาฒิกะ\nทาน\nท่าน\nทานต์\nทานพ\nทาบ\nทาม\nท่ามกลาง\nทาย\nท้าย\nทายก\nทายัช\nทายาด\nทายาท\nทายิกา\nทารก\nทารพี\nทาริกา\nทารุณ\nทาว\nท่าว\nท้าว\nทาส\nทาสี\nทำ\nทำนบ\nทำนอง\nทำนาย\nทำนุ\nทำนูล\nทำเนา\nทำเนียบ\nทำไม\nทำลาย\nทำเล\nทิคัมพร\nทิฆัมพร\nทิ้ง\nทิงเจอร์\nทิ้งถ่อน\nทิ้งทูด\nทิชะ\nทิชากร\nทิชาชาติ\nทิฏฐะ\nทิฏฐานุคติ\nทิฏฐุชุกรรม\nทิฐธรรม\nทิฐิ\nทิด\nทิต\nทิน\nทิพ\nทิพย์\nทิพา\nทิม\nทิ่ม\nทิมทอง\nทิว\nทิวงคต\nทิวทัศน์\nทิวา\nทิศ\nทิศา\nทิศานุทิศ\nที\nที่\nทีฆชาติ\nทีฆนิกาย\nทีฆสระ\nทีฆายุ\nทีป\nทีม\nทีเอ็นที\nทึก\nทึกทัก\nทึ่ง\nทึ้ง\nทึดทือ\nทึนทึก\nทึบ\nทึม\nทึ่ม\nทื่อ\nทุ\nทุก\nทุกข์\nทุกขลาภ\nทุกขเวทนา\nทุกขารมณ์\nทุกฏ\nทุกรกิริยา\nทุกะ\nทุกัง\nทุกูล\nทุคตะ\nทุคติ\nทุ่ง\nทุ้ง\nทุงงะ\nทุจริต\nทุด\nทุทรรศนนิยม\nทุนิยม\nทุน\nทุ่น\nทุนนิมิต\nทุบ\nทุบทู\nทุปปัญญา\nทุพพรรณ\nทุพพล\nทุพพลภาพ\nทุพภิกขภัย\nทุม\nทุ่ม\nทุ้ม\nทุย\nทุ้ย\nทุรกันดาร\nทุรชน\nทุรชาติ\nทุรพล\nทุรลักษณ์\nทุรน\nทุรนทุราย\nทุรัศ\nทุราคม\nทุราจาร\nทุเรศ\nทุเรียน\nทุลักทุเล\nทุเลา\nทุศีล\nทุสสะ\nทุสสีล\nทู\nทูโม่ง\nทู่\nทู้\nทูกัง\nทู่ซี้\nทูต\nทูตานุทูต\nทูน\nทูบ\nทูม\nทูล\nทูเลียม\nเท\nเท่\nเทคนิค\nเทคนีเชียม\nเทคโนโลยี\nเท้ง\nเท้งเต้ง\nเท็จ\nเทนนิส\nเทพ\nเทพา\nเทพารักษ์\nเทพยเจ้า\nเทพยดา\nเทพยุดา\nเทพิน\nเทพินทร์\nเทพี\nเทเพนทร์\nเทโพ\nเทริด\nเทลลูเรียม\nเทวทัณฑ์\nเทวดา\nเทวทูต\nเทวธรรม\nเทวนาครี\nเทวนิยม\nเทวรูป\nเทวโลก\nเทววิทยา\nเทวสถาน\nเทวศ\nเทวษ\nเทวัญ\nเทวัน\nเทวาลัย\nเทวินทร์\nเทวี\nเทเวศ\nเทเวศร์\nเทเวศวร์\nเทศ\nเทศะ\nเทศาภิบาล\nเทศน์\nเทศนา\nเทห์\nเท่ห์\nเทห์ฟากฟ้า\nเทหวัตถุ\nเท่อ\nเท้อ\nเทอญ\nเทอม\nเทอร์เบียม\nเทอร์โมมิเตอร์\nเทอะทะ\nเทา\nเท่า\nเท้า\nเท้ายายม่อม\nเท่ารึง\nเทิ่ง\nเทิด\nเทิน\nเทิบ\nเทิบทาบ\nเทิ้ม\nเที่ยง\nเทียด\nเทียน\nเที้ยน\nเทียบ\nเทียม\nเทียร\nเที้ยร\nเทียว\nเที่ยว\nเทือ\nเทื่อ\nเทื้อ\nเทือก\nแท้\nแท็กซี่\nแทง\nแท่ง\nแท้ง\nแท็งก์\nแทงทวย\nแทงวิสัย\nแทตย์\nแทน\nแท่น\nแทนเจนต์\nแทนทาลัม\nแทบ\nแทรก\nแทรกเตอร์\nแทลเลียม\nแทะ\nโท\nโท่\nโทกเทก\nโทง\nโทงเทง\nโทณะ\nโทน\nโทนโท่\nโทมนัส\nโทรคมนาคม\nโทรทรรศน์\nโทรทัศน์\nโทรพิมพ์\nโทรภาพ\nโทรเลข\nโทรศัพท์\nโทรสาร\nโทรม\nโทษ\nโทษา\nโทษานุโทษ\nโทสะ\nโทสาคติ\nโทโส\nโทหฬินี\nไท\nไท้\nไทเทเนียม\nไทเทรต\nไทย\nไทร\nไทวะ\nธง\nธงก์\nธชะ\nธชี\nธตรฐ\nธนบัตร\nธนสมบัติ\nธนสาร\nธนะ\nธนา\nธนาคม\nธนาคาร\nธนาณัติ\nธเนศ\nธโนปจัย\nธไนศวรรย์\nธนิต\nธนิษฐะ\nธนิษฐา\nธนุ\nธนุรวิทยา\nธนุรเวท\nธนู\nธม\nธมกรก\nธรณะ\nธรณิน\nธรณินทร์\nธรณิศ\nธรณิศร\nธรณิศวร์\nธรณี\nธรมาน\nธรรม\nธรรมนูญ\nธรรมยุต\nธรรมยุติกนิกาย\nธรรมะ\nธรรมาทิตย์\nธรรมาธรรม\nธรรมาธิปไตย\nธรรมาธิษฐาน\nธรรมานุสาร\nธรรมาภิมุข\nธรรมาภิสมัย\nธรรมายตนะ\nธรรมารมณ์\nธรรมาสน์\nธรรมิก\nธรา\nธราดล\nธราธร\nธราธาร\nธราธิบดี\nธราธิป\nธริษตรี\nธเรษตรี\nธเรศ\nธวัช\nธัช\nธัญ\nธัญญาหาร\nธันยา\nธันยาวาท\nธันวาคม\nธัมมะ\nธาดา\nธาตรี\nธาตวากร\nธาตุ\nธาตุโขภ\nธาตุมมิสสา\nธานิน\nธานินทร์\nธานี\nธาร\nธารกำนัล\nธารคำนัล\nธารณะ\nธารณา\nธารา\nธาษตรี\nธำมรงค์\nธำรง\nธิดา\nธิติ\nธีระ\nธุช\nธุดงค์\nธุดงควัตร\nธุต\nธุตตะ\nธุมเกตุ\nธุมา\nธุรการ\nธุรกิจ\nธุระ\nธุรำ\nธุลี\nธุวดารา\nธุวภาค\nธุวมณฑล\nธูป\nเธนุ\nเธอ\nเธียร\nโธ่\nโธวนะ\nนก\nนกุล\nนขลิขิต\nนขะ\nนขา\nนเคนทร์\nนโคทร\nนคร\nนครินทร์\nนคเรศ\nนง\nนงคุฐ\nนที\nนนตรา\nนนท์\nนันทน์\nนนทรี\nนนทลี\nนนทิ\nนบ\nนปุงสกลิงค์\nนปุงสกลึงค์\nนพ\nนพนิต\nนภจร\nนภดล\nนภศูล\nนภา\nนภาลัย\nนม\nนมตำเรีย\nนมตำเลีย\nนมะ\nนมัสการ\nนมาซ\nนยนะ\nนยนา\nนโยบาย\nนรชาติ\nนรเทพ\nนรนาถ\nนรบดี\nนรบาล\nนรสิงห์\nนรสีห์\nนรา\nนรากร\nนราธิป\nนรินทร์\nนริศ\nนริศร\nนริศวร\nนเรศ\nนเรศวร\nนเรศวร์\nนโรดม\nนรก\nนรกานต์\nนรการ\nนรี\nนฤเทพ\nนฤบดี\nนฤบาล\nนฤเบศ\nนฤปเวศม์\nนฤปัตนี\nนฤคหิต\nนฤนาท\nนฤมล\nนฤตย์\nนฤตยสถาน\nนฤพาน\nนฤมาณ\nนฤมิต\nนลาฏ\nนลิน\nนลินี\nนวกรรม\nนวการ\nนวกิจ\nนวนิยาย\nนวปฎล\nนวรัตน์\nนวโลหะ\nนวกะ\nนวโกวาท\nนวด\nนวม\nน่วม\nนวมี\nนวย\nนวล\nนวัตกรรม\nนวาระ\nนหารุ\nนหุต\nนฬการ\nนอ\nนอก\nนอง\nน่อง\nน้อง\nน่องแน่ง\nนอต\nนอน\nนอบ\nน้อม\nน้อย\nน้อยหน่า\nน้อยโหน่ง\nนะ\nนะแน่ง\nนัก\nนักขัต\nนักขัตฤกษ์\nนักษัตร\nนักสราช\nนัข\nนั่ง\nนังคัล\nนัจ\nนัฑ\nนัด\nนัดดา\nนัตถุ์\nนั่น\nนั้น\nนันททายี\nนันทนาการ\nนันทวัน\nนันทิ\nนับ\nนัย\nนัยน์\nนัยนา\nนัว\nนัวเนีย\nนา\nน่า\nน้า\nนาก\nนากบุด\nนากาสาหรี\nนาค\nนาคร\nนาคา\nนาคาวโลก\nนาคินทร์\nนาคี\nนาเคนทร์\nนาเคศวร\nนาง\nนางเกล็ด\nนางนวล\nนางนูน\nนางรม\nนางรำ\nนางล้อม\nนางเล็ด\nนางเลิ้ง\nนางหงส์\nนางอาย\nนางแอ่น\nนาฏ\nนาฏกะ\nนาด\nนาถ\nนาท\nนาที\nนาน\nน่าน\nนานัครส\nนานัปการ\nนานา\nนาเนก\nนาบ\nนาภี\nนาม\nนามานุกรม\nนามาภิไธย\nนาย\nน่าย\nนายก\nนายิกา\nนารา\nนารายณ์\nนารี\nนาเรศ\nนาลิวัน\nนาว\nน้าว\nนาวา\nนาวิก\nนาวิน\nนาวี\nนาเวศ\nนาศ\nนาสา\nนาสิก\nนาฬิกา\nนาฬิเก\nนาฬี\nนำ\nน้ำ\nน้ำละว้า\nน้ำว้า\nนิ\nนิกเกิล\nนิกขะ\nนิกร\nนิกรอยด์\nนิกาย\nนิคม\nนิครนถ์\nนิคหกรรม\nนิคหะ\nนิคหิต\nนิคาลัย\nนิเคราะห์\nนิโคติน\nนิโครธ\nนิโครม\nนิ่ง\nนิจ\nนิด\nนิตย์\nนิตยทาน\nนิตยภัต\nนิตยสาร\nนิติ\nนิทร\nนิทรรศการ\nนิทรา\nนิทรารมณ์\nนิทัศน์\nนิทาน\nนิเทศ\nนิธาน\nนิธิ\nนินทา\nนินนาท\nนินาท\nนิบาต\nนิปริยาย\nนิปัจการ\nนิพจน์\nนิพนธ์\nนิพพาน\nนิพพิทา\nนิพัทธ์\nนิพันธ์\nนิพิท\nนิเพท\nนิภา\nนิ่ม\nนิ้ม\nนิมนต์\nนิมมาน\nนิมมานรดี\nนิมิต\nนิยต\nนิยม\nนิยัตินิยม\nนิยาม\nนิยาย\nนิยุต\nนิรคุณ\nนิรชร\nนิรชรา\nนิรทุกข์\nนิรเทศ\nนิรโทษ\nนิรโทษกรรม\nนิรนัย\nนิรนาม\nนิรภัย\nนิรมล\nนิรมาน\nนิรัตศัย\nนิรันดร\nนิราพาธ\nนิรามัย\nนิรามิษ\nนิราศรัย\nนิรินธน์\nนิรมาณ\nนิรมิต\nนิรยบาล\nนิรัพพุท\nนิรา\nนิราศ\nนิรุกติ\nนิรุตติ\nนิรุทธ์\nนิโรธ\nนิล\nนิลุบล\nนิโลบล\nนิ่ว\nนิ้ว\nนิวคลิอิก\nนิวเคลียร์\nนิวเคลียส\nนิวตรอน\nนิวรณ์\nนิวัต\nนิวัตน์\nนิวาต\nนิวาส\nนิเวศ\nนิเวศน์\nนิศา\nนิษาท\nนิสัช\nนิสัชชาการ\nนิสัย\nนิสาท\nนิสิต\nนิสีทนสันถัต\nนิสีทนะ\nนิสีทนาการ\nนิเสธ\nนี่\nนี้\nนี่นัน\nนีรนาท\nนีออน\nนีโอดิเมียม\nนึก\nนึง\nนึ่ง\nนุง\nนุ่ง\nนุงนัง\nนุช\nนุต\nนุ่น\nนุ่ม\nนุ้ย\nนูน\nนู่น\nนู้น\nเนกขัม\nเนตบอล\nเนตร\nเนติ\nเน้น\nเนบิวลา\nเนปจูน\nเนปทูเนียม\nเนมิ\nเนย\nเนรกัณฐี\nเนรคุณ\nเนรเทศ\nเนรนาด\nเนรมิต\nเนระพูสี\nเนอ\nเน้อ\nเนา\nเน่า\nเนาวนิต\nเนาวรัตน์\nเนิน\nเนิ่น\nเนิบ\nเนียง\nเนียน\nเนียม\nเนียร\nเนียรทุกข์\nเนียรเทศ\nเนียรนาท\nเนื้อ\nเนือง\nเนื่อง\nเนือย\nแน่\nแน่ง\nแน่น\nแนบ\nแน่บ\nแนม\nแนว\nแน่ว\nแนะ\nแน่ะ\nแนะแหน\nโน\nโน้ต\nโนน\nโน่น\nโน้น\nโนเบเลียม\nโน้ม\nโนมพรรณ\nโนรา\nโนรี\nใน\nไน\nไนต์คลับ\nไนโตรเจน\nไนลอน\nไนโอเบียม\nบ่\nบก\nบง\nบ่ง\nบงก์\nบ๊งเบ๊ง\nบงสุ์\nบด\nบดินทร์\nบดี\nบถ\nบท\nบน\nบ่น\nบพิตร\nบพิธ\nบ่ม\nบรม\nบรมัตถ์\nบรรจง\nบรรจถรณ์\nบรรจบ\nบรรจวบ\nบรรจุ\nบรรเจิด\nบรรณ\nบรรดา\nบรรตานึก\nบรรถร\nบรรทม\nบรรทัด\nบรรทาน\nบรรทุก\nบรรเทา\nบรรเทือง\nบรรพ\nบรรพ์\nบรรพชา\nบรรพชิต\nบรรพต\nบรรยง\nบรรยงก์\nบรรยเวกษก์\nบรรยากาศ\nบรรยาย\nบรรลัย\nบรรลาย\nบรรลุ\nบรรเลง\nบรรโลม\nบรรษัท\nบรรสบ\nบรรสพ\nบรรสม\nบรรสาน\nบรรสาร\nบรรหาน\nบรรหาร\nบรอนซ์\nบรั่นดี\nบรัศว์\nบราลี\nบริกรรม\nบริการ\nบริขาร\nบริขารโจล\nบริคณห์\nบริจาค\nบริจาริกา\nบริเฉท\nบริชน\nบริดจ์\nบริบท\nบริบาล\nบริบูรณ์\nบริพนธ์\nบริพัตร\nบริพันธ์\nบริพาชก\nบริพาร\nบริภัณฑ์\nบริภาษ\nบริโภค\nบริมาส\nบริยาย\nบริรม\nบริรักษ์\nบริราช\nบริวรรต\nบริวาร\nบริวาส\nบริเวณ\nบริษัท\nบริสชน\nบริสุทธิ์\nบริหาร\nบล็อก\nบวก\nบวง\nบ่วง\nบวช\nบวน\nบ้วน\nบวบ\nบวม\nบ๊วย\nบวร\nบหลิ่ม\nบอ\nบ่อ\nบ้อ\nบอก\nบอง\nบ่อง\nบ้อง\nบ๊อง\nบ้องแบ๊ว\nบองหลา\nบอด\nบอน\nบ่อน\nบอบ\nบ้อม\nบ๋อม\nบ่อย\nบอระเพ็ด\nบอล\nบอลลูน\nบ้อหุ้น\nบ๊ะ\nบ๊ะจ่าง\nบะหมี่\nบัก\nบักโกรก\nบัคเตรี\nบัง\nบั้ง\nบังกะโล\nบังเกิด\nบังคน\nบังคม\nบังคล\nบังควร\nบังคับ\nบังคัล\nบังแทรก\nบังวาย\nบังเวียน\nบังสุกุล\nบังสุกูลิก\nบังสูรย์\nบังหวน\nบังเหตุ\nบังเหียน\nบังอร\nบังอวจ\nบังอาจ\nบังเอิญ\nบัญจก\nบัญชร\nบัญชา\nบัญชี\nบัญญัติ\nบัญหา\nบัฏ\nบัณฑร\nบัณฑิต\nบัณฑิตย์\nบัณฑุ\nบัณฑูร\nบัณเฑาะก์\nบัณเฑาะว์\nบัณณาส\nบัณรส\nบัณรสี\nบัด\nบัดกรี\nบัดซบ\nบัดสี\nบัตร\nบัทม์\nบัน\nบั่น\nบั้น\nบันจวบ\nบันดล\nบันดาล\nบันได\nบันทึก\nบันทึง\nบันเทิง\nบันยะบันยัง\nบันลือ\nบัปผาสะ\nบัพ\nบัพชา\nบัพพาชนียกรรม\nบัล\nบัลลพ\nบัลลังก์\nบัลลูน\nบัลเลต์\nบัว\nบา\nบ่า\nบ้า\nบาก\nบาง\nบ่าง\nบ้าง\nบาจรีย์\nบาซิลลัส\nบาด\nบาดทะจิต\nบาดทะพิษ\nบาดทะยัก\nบาดาล\nบาตร\nบาท\nบาทสกุณี\nบาทหลวง\nบาทาธึก\nบาทุกา\nบาน\nบ้าน\nบานชื่น\nบานเช้า\nบานบุรี\nบานไม่รู้โรย\nบานเย็น\nบ้าบ๋า\nบาป\nบาย\nบ่าย\nบ้าย\nบาร์\nบารนี\nบารมี\nบาร์เรล\nบาร์เลย์\nบารอมิเตอร์\nบ้าระบุ่น\nบาเรียน\nบาเรียม\nบาล\nบาลี\nบ่าว\nบ่าวขุน\nบาศ\nบาศก์\nบาสเกตบอล\nบาหลี\nบ๋ำ\nบำเทิง\nบำนาญ\nบำบวง\nบำบัด\nบำเพ็ญ\nบำราบ\nบำราศ\nบำรุง\nบำรู\nบำเรอ\nบำหยัด\nบำเหน็จ\nบิ\nบิฐ\nบิณฑบาต\nบิด\nบิดร\nบิดหล่า\nบิดา\nบิตุ\nบิตุจฉา\nบิตุรงค์\nบิตุเรศ\nบิตุลา\nบิน\nบิ่น\nบินยา\nบิลเลียด\nบิวเรตต์\nบิสมัท\nบี้\nบีฑา\nบีตา\nบีบ\nบีเยศ\nบึก\nบึกบึน\nบึง\nบึ่ง\nบึ้ง\nบุ\nบุก\nบุคคล\nบุคลากร\nบุคลาธิษฐาน\nบุคลิก\nบุง\nบุ่ง\nบุ้ง\nบุ้งกี๋\nบุญ\nบุญญาธิการ\nบุญญานุภาพ\nบุญญาภินิหาร\nบุญญาภิสังขาร\nบุณฑริก\nบุณมี\nบุณย์\nบุตร\nบุตรี\nบุถุชน\nบุทคล\nบุนนาค\nบุบ\nบุบบิบ\nบุปผชาติ\nบุพกรรม\nบุพการี\nบุพกิจ\nบุพชาติ\nบุพทักษิณ\nบุพนิมิต\nบุพบท\nบุพพาจารย์\nบุพเพสันนิวาส\nบุพโพ\nบุ๋ม\nบุ่มบ่าม\nบุ้ย\nบุรณะ\nบุรพทิศ\nบุรพบท\nบุรพาจารย์\nบูรพาจารย์\nบุระ\nบุราณ\nบุรินทร์\nบุริมทิศ\nบุริมพรรษา\nบุริมสิทธิ\nบุรี\nบุรุษ\nบุโรทั่ง\nบุษกร\nบุษบก\nบุษบง\nบุษบัน\nบุษบา\nบุษบามินตรา\nบุษปราค\nบุษปะ\nบุษย์\nบุษย์น้ำทอง\nบุษยมาส\nบุษยะ\nบุษราคัม\nบุหงัน\nบุหงา\nบุหรง\nบุหรี่\nบุหลัน\nบู่\nบู้\nบูชนียสถาน\nบูชา\nบูชิต\nบูด\nบูดู\nบูร\nบูรณ์\nบูรณภาพ\nบูรณมี\nบูรณะ\nบูรณาการ\nบูรพ์\nบูรพะ\nบูรพา\nเบ้\nเบ่ง\nเบ๊จี๋\nเบญกานี\nเบญจกัลยาณี\nเบญจกามคุณ\nเบญจขันธ์\nเบญจดุริยางค์\nเบญจธรรม\nเบญจบรรพต\nเบญจพรรณ\nเบญจเพส\nเบญจมาศ\nเบญจรงค์\nเบญจศก\nเบญจศีล\nเบญจะ\nเบญจา\nเบญจางค์\nเบญจางคประดิษฐ์\nเบญญา\nเบญพาด\nเบ็ด\nเบ็ดเตล็ด\nเบ็ดเสร็จ\nเบน\nเบนซิน\nเบรก\nเบริลเลียม\nเบส\nเบ้อ\nเบอร์\nเบอร์คีเลียม\nเบ้อเร่อ\nเบ้อเร่อเท่อ\nเบ้อเริ่ม\nเบ้อเริ่มเทิ่ม\nเบอะ\nเบอะบะ\nเบะ\nเบา\nเบ้า\nเบาราณ\nเบาะ\nเบิก\nเบิ่ง\nเบี้ย\nเบี่ยง\nเบียด\nเบียน\nเบียร์\nเบี้ยว\nเบือ\nเบื่อ\nเบื้อ\nเบื้อง\nเบือน\nแบ\nแบ้\nแบก\nแบคทีเรีย\nแบ่ง\nแบงก์\nแบดมินตัน\nแบตเตอรี่\nแบน\nแบนโจ\nแบบ\nแบ็บ\nแบเรียม\nแบหลา\nแบะ\nโบ\nโบ้\nโบ๋\nโบก\nโบกขรณี\nโบกขรพรรษ\nโบชุก\nโบต\nโบนัส\nโบ๊เบ๊\nโบย\nโบรมีน\nโบรอน\nโบราณ\nโบสถ์\nใบ\nใบ้\nไบ่\nปก\nปกติ\nปกรณ์\nปกรณัม\nปกิณกะ\nปกีรณัม\nปโกฏิ\nปง\nป่ง\nปงช้าง\nปฎล\nปฏัก\nปฏิกรณ์\nปฏิกรรม\nปฏิการะ\nปฏิกิริยา\nปฏิกูล\nปฏิคม\nปฏิคหิต\nปฏิคาหก\nปฏิฆะ\nปฏิชีวนะ\nปฏิญญา\nปฏิญาณ\nปฏิทิน\nปฏิบถ\nปฏิบัติ\nปฏิปทา\nปฏิปักษ์\nปฏิปัน\nปฏิปุจฉาพยากรณ์\nปฏิปุจฉาวาที\nปฏิพัทธ์\nปฏิพากย์\nปฏิภาค\nปฏิภาณ\nปฏิมา\nปฏิมากร\nปฏิยุทธ์\nปฏิรพ\nปฏิรูป\nปฏิโลม\nปฏิวัติ\nปฏิวาต\nปฏิวาท\nปฏิเวธ\nปฏิสนธิ\nปฏิสวะ\nปฏิสังขรณ์\nปฏิสันถาร\nปฏิสัมภิทา\nปฏิเสธ\nปฐพี\nปฐม\nปฐวี\nปณต\nปณาม\nปณิธาน\nปณิธิ\nปณีต\nปด\nปดิวรัดา\nปติ\nปถพี\nปถมัง\nปถวี\nปทัฏฐาน\nปทัสถาน\nปทานุกรม\nปทีป\nปทุม\nปน\nป่น\nปนัดดา\nปปัญจะ\nปม\nปรนัย\nปรปักษ์\nปรโลก\nปรวาที\nปรก\nปรกติ\nปรง\nปรตยักษ์\nปรน\nปรนนิบัติ\nปรนิมมิตวสวัตดี\nปรบ\nปรปักษ์\nปรมัตถ์\nปรมาจารย์\nปรมาณู\nปรมาภิไธย\nปรมาภิเษก\nปรมินทร์\nบรเมนทร์\nปรเมศวร์\nปรเมษฐ์\nปรวด\nปรวนแปร\nปรศุ\nปรสิต\nปร๋อ\nปรองดอง\nปรอด\nปรอท\nปรอย\nประ\nประกบ\nประกฤต\nประกฤติ\nประกล\nประกวด\nประกวดประขัน\nประกอบ\nประกัน\nประกับ\nประกาย\nประกายพรึก\nประการ\nประกาศ\nประกาศนียบัตร\nประกาศิต\nประกำ\nประกิด\nประกิต\nประคด\nประคนธรรพ\nประคนธรรพ์\nประคบ\nประคบประหงม\nประคอง\nประคับประคอง\nประคัลภ์\nประคำ\nประคิ่น\nประคุณ\nประเคน\nประเคราะห์\nประโคน\nประโคนธรรพ\nประโคนธรรพ์\nประโคม\nประจง\nประจญ\nประจบ\nประจบประแจง\nประจวบ\nประจ๋อประแจ๋\nประจักษ์\nประจักษนิยม\nประจัญ\nประจัน\nประจาก\nประจาค\nประจาน\nประจำ\nประจิม\nประจิ้มประเจ๋อ\nประจุ\nประจุคมน์\nประจุบัน\nประเจก\nประเจิด\nประเจิดประเจ้อ\nประเจียด\nประแจ\nประชด\nประชน\nประชวม\nประชวร\nประชัน\nประชา\nประชาธิปไตย\nประชิด\nประชี\nประชุม\nประเชิญ\nประณต\nประณม\nประณาม\nประณิธาน\nประณิธิ\nประณีต\nประณุท\nประดง\nประดน\nประดวน\nประดอน\nประดอย\nประดัก\nประดักประเดิด\nประดัง\nประดับ\nประดา\nประดาก\nประดาป\nประดาษ\nประดิชญา\nประดิดประดอย\nประดิทิน\nประดิษฐ์\nประดิษฐกรรม\nประดิษฐาน\nประดุง\nประดุจ\nประดู่\nประเด\nประเด็น\nประเดิม\nประเดียง\nประเดี๋ยว\nประเดี๋ยวประด๋าว\nประแดง\nประแดะ\nประโดง\nประโดย\nประตง\nประตัก\nประตาป\nประติชญา\nประติญาณ\nประติทิน\nประติมากร\nประติมากรรม\nประติรพ\nประตู\nประถม\nประถมจินดา\nประทม\nประท้วง\nประทวน\nประทักษ์\nประทักษิณ\nประทัง\nประทัด\nประทับ\nประทาน\nประทาย\nประทาศี\nประทิน\nประทิ่น\nประทีป\nประทุฐ\nประทุน\nประทุษ\nประทุษฐ์\nประเทศ\nประเทา\nประเทียด\nประเทียบ\nประเทือง\nประธาน\nประธานาธิบดี\nประนม\nประนอ\nประนอม\nประนัง\nประนัปดา\nประนีประนอม\nประปราน\nประปราย\nประปา\nประเปรี้ยง\nประเปรียว\nประพจน์\nประพนธ์\nประพรม\nประพฤติ\nประพฤทธิ์\nประพัด\nประพัทธ์\nประพันธ์\nประพาต\nประพาส\nประพาสมหรณพ\nประพาฬ\nประพิณ\nประพิมพ์ประพาย\nประพุทธ์\nประเพณี\nประโพธ\nประไพ\nประไพร\nประภพ\nประภัสสร\nประภา\nประภาคาร\nประภาพ\nประภาษ\nประภาส\nประเภท\nประมง\nประมวล\nประมาณ\nประมาท\nประมุข\nประมุท\nประมูล\nประเมิน\nประโมง\nประโมทย์\nประยงค์\nประยุกต์\nประยุทธ์\nประยุร\nประยูร\nประโยค\nประโยชน์\nประโรหิต\nประลมพ์\nประลอง\nประลัย\nประลาต\nประลาย\nประลุ\nประเล่ห์\nประเล้าประโลม\nประโลม\nประวรรต\nประวรรตน์\nประวัติ\nประวาล\nประวาลปัทม์\nประวาส\nประวิง\nประวิช\nประวิตร\nประวิน\nประวีณ\nประเวณี\nประเวศ\nประเวศน์\nประศม\nประศาสน์\nประศุ\nประสก\nประสงค์\nประสบ\nประสพ\nประสม\nประสะ\nประสัก\nประสันนาการ\nประสัยห์\nประสา\nประสาท\nประสาธน์\nประสาน\nประสาร\nประสิทธิ์\nประสิทธิผล\nประสิทธิภาพ\nประสีประสา\nประสูต\nประสูติ\nประเสบัน\nประเสบันอากง\nประเสริฐ\nประหนึ่ง\nประหม่า\nประหยัด\nประหลาด\nประหล่ำ\nประหวัด\nประหวั่น\nประหัตประหาร\nประหาณ\nประหาร\nประเหล\nประเหส\nประไหมสุหรี\nประอบ\nประอร\nปรัก\nปรักปรำ\nปรักมะ\nปรัง\nปรัชญา\nปรัตถจริยา\nปรัตยุบัน\nปรัน\nปรับ\nปรัมปรา\nปรัศจิม\nปรัศนา\nปรัศนี\nปรัศว์\nปรัสสบท\nปร่า\nปรากฏ\nปรากรม\nปรากฤต\nปราการ\nปราง\nปรางค์\nปราจีน\nปราชญ์\nปราชญา\nปราชัย\nปราณ\nปราณี\nปราด\nปราน\nปรานี\nปราบ\nปราบดาภิเษก\nปราปต์\nปราม\nปรามาส\nปราโมช\nปราโมทย์\nปราย\nปรารถนา\nปรารภ\nปรารมภ์\nปราศ\nปราศจาก\nปราศรัย\nปราษณี\nปราษาณ\nปราสัย\nปราสาท\nปรำ\nปริ\nปริก\nปริกขาร\nปริกรรม\nปริกัป\nปริคณห์\nปริจาค\nปริจาริกา\nปริเฉท\nปริชน\nปริซึม\nปริญญา\nปริณาม\nปริณายก\nปริต\nปริตตะ\nปริตโตทก\nปริตร\nปริทรรศน์\nปริทัยหัคคี\nปริทัศน์\nปริเทพ\nปริเทวะ\nปรินิพพาน\nปริบ\nปริบท\nปริปันถ์\nปริพนธ์\nปริพัตร\nปริพันธ์\nปริพาชก\nปริภัณฑ์\nปริภาษ\nปริภูมิ\nปริโภค\nปริ่ม\nปริมณฑล\nปริมาณ\nปริมาตร\nปริยัติ\nปริยานุช\nปริยาย\nปริเยศ\nปริโยสาน\nปริวรรต\nปริวัตร\nปริวาร\nปริวาส\nปริวิตก\nปริเวณ\nปริศนา\nปริษัท\nปริสัญญู\nปริสุทธิ\nปริหาน\nปริหาร\nปรี่\nปรีชญา\nปรีชา\nปรี๊ด\nปรีดา\nปรีดิ\nปรีดิ์\nปรีดี\nปรีติ\nปรียะ\nปรียา\nปรึก\nปรึกษา\nปรึง\nปรือ\nปรื๋อ\nปรุ\nปรุง\nปรู\nปรู๋\nปรูด\nปรู๊ด\nปรู๊ดปร๊าด\nปรู๊ฟ\nปฤงคพ\nปฤจฉา\nปฤษฎางค์\nปฤษฐ\nปลก\nปลกเปลี้ย\nปลง\nปล่ง\nปลด\nปล้น\nปลวก\nปลอก\nปล่อง\nปล้อง\nปลอด\nปล้อน\nปลอบ\nปลอม\nปล่อย\nปละ\nปลัก\nปลั๊ก\nปลัง\nปลั่ง\nปลัด\nปลัดขิก\nปลา\nปลาต\nปลาบ\nปลาย\nปลาสเตอร์\nปลาสนาการ\nปล้ำ\nปลิง\nปลิด\nปลิ้น\nปลิโพธ\nปลิม\nปลิ่ม\nปลิว\nปลี\nปลีก\nปลื้ม\nปลุก\nปลูก\nปวกเปียก\nปวง\nป่วง\nปวด\nป่วน\nป้วน\nป้วนเปี้ยน\nป่วย\nปวัตน์\nปวารณา\nปวาล\nปวาส\nปวาฬ\nปวิช\nปวิตร\nปวิธ\nปวิเวก\nปวีณ\nปวุติ\nปเวณี\nปเวส\nปเวสน์\nปศุ\nปสันนะ\nปสันนาการ\nปสาท\nปสาน\nปสาสน์\nปสุ\nปสุต\nปสูติ\nปหังสนะ\nปหาน\nปหาร\nปหาส\nปอ\nป้อ\nป๋อ\nปอก\nปอง\nป่อง\nป้อง\nปอด\nปอน\nป้อน\nปอนด์\nปอเนาะ\nปอบ\nป้อแป้\nปอม\nป้อม\nป๋อม\nปอย\nป้อย\nป้อยอ\nปะ\nปะกน\nปะกัง\nปะการัง\nปะกำ\nปะขาว\nปะงาบ\nปะตาปา\nปะตาระกาหลา\nปะติดปะต่อ\nปะติยาน\nปะทะ\nปะทะปะทัง\nปะทุ\nปะทุน\nปะปน\nปะมง\nปะราลี\nปะรำ\nปะไร\nปะลอม\nปะเลง\nปะแล่ม\nปะโลง\nปะวะหล่ำ\nปะหงับ\nปะหนัน\nปะหัง\nปะเหลาะ\nปัก\nปักข์\nปักเป้า\nปักษ์\nปักษา\nปักษิน\nปักษี\nปัง\nปั๋ง\nปังสุ์\nปังสุกุล\nปัจจัตตะ\nปัจจันต์\nปัจจันตคาม\nปัจจันตชนบท\nปัจจันตประเทศ\nปัจจัย\nปัจจามิตร\nปัจจุคมน์\nปัจจุทธรณ์\nปัจจุบัน\nปัจจุสมัย\nปัจเจก\nปัจโจปการกิจ\nปัจฉา\nปัจฉิม\nปัจถรณ์\nปัจนึก\nปัจยาการ\nปัจเวกขณ์\nปัชชุน\nปัญจนที\nปัญจวัคคีย์\nปัญจก\nปัญจกะ\nปัญจมี\nปัญจวีสติ\nปัญญัติ\nปัญญา\nปัญหา\nปัฏ\nปัฏนะ\nปัฐยาวัต\nปัณฑรหัตถี\nปัณณะ\nปัณณาส\nปัณณาสก์\nปัณรสี\nปัณหิ\nปัด\nปัตคาด\nปัตตะ\nปัตตานึก\nปัตตานุโมทนา\nปัตตาเวีย\nปัตติ\nปัตติก\nปัตถร\nปัตถะ\nปัตนิ\nปัตนี\nปัตหล่า\nปัถพี\nปัถวี\nปัทม์\nปัทมะ\nปัทมาสน์\nปัน\nปั่น\nปั้น\nปั้นจั่น\nปันจุเหร็จ\nปั้นลม\nปั้นหยา\nปั้นเหน่ง\nปับ\nปั๊บ\nปัปผาสะ\nปัพพาชนียกรรม\nปัพภาระ\nปั๊ม\nปัยกา\nปัยยิกา\nปัวเปีย\nปัศจิม\nปัศตัน\nปัสสาวะ\nปัสสาสะ\nปา\nป่า\nป้า\nปาก\nปาง\nป้าง\nปาจรีย์\nปาจิตตีย์\nปาจีน\nปาฏลิ\nปาฏิบท\nปาฏิบุคลิก\nปาฏิโภค\nปาฏิหาริย์\nปาฐก\nปาฐกถา\nปาฐะ\nปาณกชาติ\nปาณะ\nปาณาติบาต\nปาณิ\nปาณี\nปาด\nปาติโมกข์\nปาตี\nปาเต๊ะ\nปาท่องโก๋\nปาทังกา\nปาทาน\nปาทุกา\nปาน\nป่าน\nป้าน\nปานะ\nปานียะ\nป้าบ\nป๊าบ\nปาพจน์\nปาม\nปาโมกข์\nป่าย\nป้าย\nปายาส\nปาร์เกต์\nปารมี\nปารเมศ\nปาราชิก\nปาริฉัตร\nปาริชาต\nปารุสกวัน\nปาล\nปาล์ม\nปาลิไลยก์\nปาลี\nปาว\nป่าว\nป๊าว\nปาวาร\nปาษาณ\nปาส\nปาสาณ\nปาสาทิกะ\nปาหนัน\nปาหี่\nปำ\nป้ำ\nป้ำเป๋อ\nปิกนิก\nปิ้ง\nปิงคละ\nปิงปอง\nปิฎก\nปิฏฐะ\nปิฐิ\nปิณฑะ\nปิด\nปิตตะ\nปิตา\nปิตามหัยกา\nปิตามหัยยิกา\nปิตุ\nปิตุจฉา\nปิตุภูมิ\nปิตุลา\nปิโตรเลียม\nปิ่น\nปิ่นแก้ว\nปิ่นโต\nปิปผลี\nปิ่ม\nปิ้ม\nปิยะ\nปิยังคุ\nปิโยรส\nปิลันธน์\nปิ๋ว\nปิศาจ\nปิหกะ\nปี\nปี่\nปี้\nปี๋\nปีก\nปีฐะ\nปี๊ด\nปีติ\nปีน\nปีบ\nปี๊บ\nปีศาจ\nปีฬกะ\nปึก\nปึง\nปึ่ง\nปึ๋ง\nปึ้ด\nปึมปื้อ\nปืน\nปื้น\nปือ\nปื้อ\nปื๋อ\nปุ\nปุ๊\nปุก\nปุกปุย\nปุคละ\nปุ้งกี๋\nปุงควะ\nปุงลิงค์\nปุงลึงค์\nปุจฉา\nปุฏะ\nปุณฑริก\nปุด\nปุตตะ\nปุถุชน\nปุนนาค\nปุนภพ\nปุนัพสุ\nปุบ\nปุ๊บ\nปุปผะ\nปุปะ\nปุพพะ\nปุ่ม\nปุ่มป่ำ\nปุ้ม\nปุ๋ม\nปุย\nปุ้ย\nปุ๋ย\nปุรณะ\nปุระ\nปุราณ\nปุราณะ\nปุริมพรรษา\nปุเรจาริก\nปุโรหิต\nปุลลิงค์\nปุลลึงค์\nปุลินท์\nปุโลปุเล\nปุษยะ\nปุสสะ\nปู\nปู่\nปูชกะ\nปูชนียบุคคล\nปูชนียวัตถุ\nปูชนียะ\nปูชา\nปูชิต\nปูด\nปูน\nปูม\nปู้ยี่ปู้ยำ\nปูระ\nปูลู\nเป้\nเป๋\nเปก\nเป๊ก\nเป่ง\nเป้ง\nเป๋ง\nเป็ด\nเปตพลี\nเปตอง\nเป็น\nเปยยาล\nเปร็ง\nเปรต\nเปรม\nเปรย\nเปรอ\nเปรอะ\nเปราะ\nเปรียง\nเปรี้ยง\nเปรี้ยงปร้าง\nเปรียญ\nเปรียบ\nเปรี่ยม\nเปรียว\nเปรี้ยว\nเปรียะ\nเปรี๊ยะ\nเปรื่อง\nเปรื้อย\nเปล\nเปล่ง\nเปลว\nเปลา\nเปล่า\nเปล้า\nเปลาะ\nเปลี้ย\nเปลี่ยน\nเปลี่ยม\nเปลี่ยว\nเปลือก\nเปลือง\nเปลื้อง\nเปลือย\nเปศะ\nเปศัส\nเปสการ\nเปสละ\nเปสุญวาท\nเป๋อ\nเป้อเย้อ\nเปอร์\nเปอร์เซ็นต์\nเปะ\nเปา\nเป่า\nเป้า\nเป๊า\nเป๋า\nเป๋าฮื้อ\nเปาะ\nเป๊าะ\nเปาะเปี๊ยะ\nเปาะแปะ\nเปิก\nเปิง\nเปิงมาง\nเปิด\nเปิ่น\nเปิบ\nเปิ๊บ\nเปีย\nเปียก\nเปี๊ยก\nเปี๊ยบ\nเปี่ยม\nเปี้ยว\nเปี๊ยว\nเปียะ\nเปี๊ยะ\nเปือก\nเปื้อน\nเปื่อย\nแป\nแป้ง\nแป๋ง\nแปด\nแป๊ด\nแปทู\nแป้น\nแป๊น\nแปบ\nแป๊บ\nแปม\nแปร\nแปร๋\nแปรก\nแปรง\nแปร่ง\nแปร๊ด\nแปร้น\nแปร๋น\nแปรปรวน\nแประ\nแปล\nแปล้\nแปลก\nแปลง\nแปลน\nแปลบ\nแปล๊บ\nแป้ว\nแป๊ว\nแปะ\nแป๊ะ\nแป๊ะซะ\nโป\nโป่\nโป้\nโป๊\nโปก\nโป๊ก\nโป๊กเกอร์\nโปกขรณี\nโปกขรพรรษ\nโปเก\nโปง\nโป่ง\nโป้ง\nโป่งข่าม\nโปงลาง\nโป่งวิด\nโปฐบท\nโปฐปทมาส\nโปดก\nโปตถกะ\nโปน\nโป๊ป\nโป๊ยเซียน\nโปรแกรม\nโปรง\nโปร่ง\nโปรด\nโปรตอน\nโปรตีน\nโปรเตสแตนต์\nโปรแทรกเตอร์\nโปรย\nโปล่ง\nโปลิโอ\nโปโล\nโปสก\nโปสต์การ์ด\nโปะ\nโป๊ะ\nโป๊ะจ้าย\nไป\nไป่\nไป๋\nไปยาล\nไปรษณีย์\nไปรษณียบัตร\nไปรษณียภัณฑ์\nไปรษณียากร\nไปล่\nไปศาจ\nผก\nผกา\nผกาย\nผคม\nผง\nผงก\nผงม\nผงะ\nผงาด\nผง่าน\nผจง\nผจญ\nผจัญ\nผจาน\nผชุม\nผณิน\nผณินทร\nผณิศวร\nผด\nผดุง\nผเดิน\nผทม\nผนวก\nผนวช\nผนัง\nผนิด\nผนึก\nผม\nผยอง\nผรณาปีติ\nผรสุ\nผริต\nผรุสวาท\nผล\nผลคุน\nผลคุนี\nผล็อย\nผละ\nผลัก\nผลัด\nผลับ\nผลัวะ\nผลา\nผลาญ\nผลานิสงส์\nผลาผล\nผลาหาร\nผลิ\nผลิกะ\nผลิต\nผลิน\nผลี\nผลีผลาม\nผลึก\nผลึ่ง\nผลือ\nผลุ\nผลุง\nผลุด\nผลุน\nผลุนผลัน\nผลุบ\nผลุบผลับ\nผลุย\nผลู\nผวน\nผวย\nผวา\nผสม\nผสาน\nผอง\nผ่อง\nผ่อน\nผอบ\nผอม\nผ็อย\nผอูน\nผะ\nผะดา\nผะสา\nผัก\nผัคคุณ\nผัคคุณี\nผัง\nผัด\nผัน\nผับ\nผัว\nผัวะ\nผัสสะ\nผัสสาหาร\nผา\nผ่า\nผ้า\nผาก\nผาง\nผ่าง\nผาณิต\nผาด\nผาติ\nผ่าน\nผาม\nผาย\nผ่ายผอม\nผาล\nผาลคุน\nผาลา\nผ่าว\nผาสุก\nผ้าฮาด\nผำ\nผ้ำ\nผิ\nผิง\nผิด\nผิตะ\nผิน\nผิว\nผี\nผี้ว์\nผึง\nผึ่ง\nผึ้ง\nผึ้งรวง\nผืน\nผื่น\nผุ\nผุด\nผุยผง\nผุสราคา\nผู้\nผูก\nเผ\nเผง\nเผชิญ\nเผ็ด\nเผด็จ\nเผดิม\nเผดียง\nเผ่น\nเผนิก\nเผย\nเผยอ\nเผยิบ\nเผยิบผยาบ\nเผล\nเผล่\nเผล็ด\nเผลอ\nเผลอไผล\nเผละ\nเผลาะ\nเผลาะแผละ\nเผลียง\nเผอเรอ\nเผอิญ\nเผอิล\nเผะ\nเผา\nเผ่า\nเผ้า\nเผาะ\nเผิ้ง\nเผิน\nเผียน\nเผือ\nเผื่อ\nเผือก\nเผือด\nเผือน\nเผื่อน\nแผ่\nแผก\nแผง\nแผด\nแผน\nแผ่น\nแผนก\nแผล\nแผลง\nแผล็บ\nแผล็ว\nแผละ\nแผ่ว\nแผ้ว\nโผ\nโผง\nโผฏฐัพพะ\nโผน\nโผเผ\nโผย\nโผล่\nโผลกเผลก\nโผละ\nโผอน\nโผะ\nไผ\nไผ่\nไผท\nฝน\nฝรั่ง\nฝรั่งเศส\nฝ่อ\nฝอย\nฝัก\nฝัง\nฝั่ง\nฝัด\nฝัน\nฝา\nฝ่า\nฝ้า\nฝาก\nฝาง\nฝาด\nฝาน\nฝาย\nฝ่าย\nฝ้าย\nฝิ่น\nฝี\nฝี่\nฝีก\nฝึก\nฝืด\nฝืน\nฝุ่น\nฝูง\nเฝ้า\nเฝือ\nเฝือก\nเฝือง\nเฝื่อน\nแฝก\nแฝง\nแฝด\nใฝ่\nไฝ\nพก\nพกุล\nพง\nพงศ์\nพงศกร\nพงศธร\nพงศา\nพงศาวดาร\nพจน์\nพจนา\nพจนานุกรม\nพจนารถ\nพจนีย์\nพจมาน\nพจี\nพชระ\nพญา\nพญาลอ\nพณิช\nพณิชย์\nพดด้วง\nพธู\nพนันดร\nพนาดร\nพนาดอน\nพนาราม\nพนาลัย\nพนาลี\nพนาวาส\nพนาเวศ\nพนาศรม\nพนาสณฑ์\nพนาสัณฑ์\nพเนจร\nพ่น\nพ้น\nพนม\nพนอง\nพนอม\nพนัก\nพนักงาน\nพนัง\nพนัน\nพนัส\nพนา\nพนาย\nพนิดา\nพนิต\nพบ\nพม่า\nพยนต์\nพยศ\nพยัก\nพยักพเยิด\nพยัคฆ์\nพยัคฆา\nพยัคฆิน\nพยัคฆี\nพยัชน์\nพยัญชนะ\nพยัต\nพยับ\nพยากรณ์\nพยาฆร์\nพยางค์\nพยาธิ\nพยาน\nพยาบาท\nพยาบาล\nพยาม\nพยามะ\nพยายาม\nพยุ\nพยุง\nพยุหยาตรา\nพยุหโยธา\nพยุหเสนา\nพยุหะ\nพยู่ห์\nพเยีย\nพร\nพรต\nพรม\nพรรค\nพรรค์\nพรรคานต์\nพรรณ\nพรรณนา\nพรรดึก\nพรรลาย\nพรรษ\nพรรษา\nพรรเอิญ\nพรวด\nพรวน\nพรหม\nพรหมจรรย์\nพรหมจาริณี\nพรหมจารี\nพรหมา\nพรหมาสตร์\nพรหมินทร์\nพรอก\nพร่อง\nพร้อง\nพรอด\nพร้อม\nพร้อมพรัก\nพร่อย\nพร้อย\nพระ\nพระนอม\nพระนาด\nพระฮาม\nพรักพร้อม\nพรั่ง\nพรัด\nพรั่น\nพรับ\nพร่า\nพร้า\nพราก\nพราง\nพร่าง\nพราด\nพราน\nพราย\nพราว\nพราหมณ์\nพราหมณะ\nพราหมณี\nพราหมี\nพรำ\nพร่ำ\nพริก\nพริ้ง\nพริบ\nพริ้ม\nพรึง\nพรึน\nพรึบ\nพรึ่บ\nพรืด\nพรุ\nพรุ่ง\nพรุน\nพรู\nพรูด\nพฤกษ์\nพฤกษชาติ\nพฤกษเทวดา\nพฤกษราช\nพฤกษศาสตร์\nพฤกษา\nพฤฒ\nพฤฒา\nพฤฒาจารย์\nพฤฒิ\nพฤต\nพฤติ\nพฤทธ์\nพฤทธิ์\nพฤนต์\nพฤนท์\nพฤศจิก\nพฤศจิกายน\nพฤษภ\nพฤษภาคม\nพฤหัสบดี\nพล\nพละ\nพลากร\nพลาดิศัย\nพลาธิการ\nพลานามัย\nพลบ\nพลวก\nพลวง\nพลวัต\nพลศาสตร์\nพลอ\nพล้อ\nพลอง\nพลอด\nพลอน\nพลอมแพลม\nพลอย\nพล่อย\nพลั่ก\nพลัง\nพลั่ง\nพลั้ง\nพลัด\nพลัน\nพลับ\nพลับพลา\nพลับพลึง\nพลั่ว\nพล่า\nพลาง\nพลาญ\nพลาด\nพล่าน\nพลาม\nพล่าม\nพลาย\nพลาสติก\nพลาสมา\nพลาหก\nพลำ\nพล้ำ\nพลำภัง\nพลิก\nพลิพัท\nพลิ้ว\nพลี\nพลุ\nพลุก\nพลุ่ก\nพลุกพล่าน\nพลุ่ง\nพลุ้ย\nพลู\nพลูโต\nพลูโทเนียม\nพวก\nพวง\nพ่วง\nพวน\nพวย\nพสก\nพสุ\nพสุธา\nพสุสงกรานต์\nพหล\nพหุ\nพหุล\nพหู\nพอ\nพ่อ\nพ้อ\nพอก\nพอง\nพ้อง\nพอน\nพ้อม\nพอโลเนียม\nพะ\nพะงา\nพะงาบ\nพะจง\nพะทำมะรง\nพะนอ\nพะเน้าพะนอ\nพะเนิน\nพะเนียง\nพะแนง\nพะพาน\nพะพิง\nพะเพิง\nพะยอม\nพ่ะย่ะค่ะ\nพะยูง\nพะยูน\nพะเยิบ\nพะเยิบพะยาบ\nพะรุงพะรัง\nพะโล้\nพะไล\nพะวง\nพะวักพะวน\nพะวา\nพะว้าพะวัง\nพะอง\nพะอากพะอำ\nพะอืดพะอม\nพัก\nพักตร์\nพักตรา\nพักร\nพัง\nพังกา\nพังงา\nพังผืด\nพังพวย\nพังพอน\nพังพาน\nพังพาบ\nพังเพย\nพัช\nพัชนี\nพัชระ\nพัญจน์\nพัฒนะ\nพัฒนา\nพัฒนากร\nพัฒนาการ\nพัด\nพัดชา\nพัดดึงส์\nพัตร\nพัทธ์\nพัทธยา\nพัทธสีมา\nพัทร\nพัน\nพันตู\nพันทาง\nพันธ์\nพันธะ\nพันธกรณี\nพันธบัตร\nพันธมิตร\nพันธนะ\nพันธนาคาร\nพันธนาการ\nพันธุ์\nพันธุกรรม\nพันลึก\nพันลือ\nพันเลิศ\nพันเอิญ\nพับ\nพัลลภ\nพัลวัน\nพัว\nพัวะ\nพัศดี\nพัสดุ\nพัสตร์\nพัสถาน\nพา\nพาก\nพากเพียร\nพากย์\nพาง\nพ่าง\nพาชี\nพาณิช\nพาณิชย์\nพาณิชยกรรม\nพาณิชยการ\nพาณิชยศาสตร์\nพาณิชยศิลป์\nพาณินี\nพาณี\nพาณีนี\nพาด\nพาท\nพาทย์\nพาธ\nพาธา\nพาน\nพ่าน\nพานร\nพานรินทร์\nพาม\nพาย\nพ่าย\nพายม้า\nพายัพ\nพายุ\nพาร์เซก\nพารณ\nพารา\nพาราฟิน\nพาล\nพาลา\nพาลี\nพาลุก\nพาโล\nพาไล\nพาส\nพาสน์\nพาสนา\nพาสุกรี\nพ่าห์\nพาหนะ\nพาหะ\nพาหา\nพาหิรกะ\nพาหิระ\nพาหุ\nพาหุรัด\nพาหุสัจจะ\nพาเหียร\nพาฬ\nพำ\nพำนัก\nพำพึม\nพำลา\nพิกล\nพิกสิต\nพิกัด\nพิกัติ\nพิกัน\nพิการ\nพิกุล\nพิเคราะห์\nพิฆน์\nพิฆเนศ\nพิฆเนศวร\nพิฆาต\nพิง\nพิจัย\nพิจาร\nพิจารณ์\nพิจารณา\nพิจิก\nพิจิต\nพิจิตร\nพิชญ์\nพิชัย\nพิชาน\nพิชิต\nพิเชฐ\nพิเชียร\nพิฑูรย์\nพิณ\nพิดทูล\nพิดาน\nพิโดร\nพิตร\nพิถี\nพิถีพิถัน\nพิทย\nพิทย์\nพิทยา\nพิทยาคม\nพิทยาคาร\nพิทยาธร\nพิทยาลัย\nพิทักษ์\nพิทูร\nพิเทศ\nพิธาน\nพิธี\nพิธุ\nพินทุ\nพินอบพิเทา\nพินัย\nพินาศ\nพินิจ\nพินิต\nพินิศ\nพินิศจัย\nพิเนต\nพิบัติ\nพิบุล\nพิบูล\nพิปริต\nพิปลาส\nพิพรรธ\nพิพรรธน์\nพิพักพิพ่วน\nพิพัฒ\nพิพัฒน์\nพิพากษ์\nพิพากษา\nพิพาท\nพิพิธ\nพิพิธภัณฑ์\nพิพิธภัณฑสถาน\nพิภพ\nพิภัช\nพิภาค\nพิภูษณะ\nพิเภก\nพิมปะการัง\nพิมพ์\nพิมพการัง\nพิมพา\nพิมพาภรณ์\nพิมล\nพิมเสน\nพิมาน\nพิมุข\nพิโมกข์\nพิโมกษ์\nพิโยกพิเกน\nพิโยค\nพิรอด\nพิระ\nพิรากล\nพิราบ\nพิราม\nพิราลัย\nพิริยะ\nพิรี้พิไร\nพิรุณ\nพิรุธ\nพิรุฬห์\nพิเรนทร์\nพิเราะ\nพิโรธ\nพิไร\nพิลังกาสา\nพิลาป\nพิลาส\nพิลิปดา\nพิลึก\nพิลึกกึกกือ\nพิลึกพิลั่น\nพิโลน\nพิไล\nพิศ\nพิศวง\nพิศวาส\nพิศาล\nพิศุทธ์\nพิศุทธิ์\nพิเศษ\nพิษ\nพิษฐาน\nพิษนาศน์\nพิสดาร\nพิสมร\nพิสมัย\nพิสัง\nพิสัช\nพิสัย\nพิสิฐ\nพิสุทธิ์\nพิสูจน์\nพิหค\nพิหาร\nพิฬาร\nพี\nพี่\nพี้\nพีชคณิต\nพีระมิด\nพึง\nพึ่ง\nพึ่บ\nพึ่บพั่บ\nพึม\nพึมพำ\nพืช\nพืด\nพื้น\nพุ\nพุก\nพุกาม\nพุง\nพุ่ง\nพุงดอ\nพุฒ\nพุฒิ\nพุด\nพุดตาน\nพุทธ\nพุทธะ\nพุทธังกูร\nพุทธางกูร\nพุทธันดร\nพุทธาภิเษก\nพุทธาวาส\nพุทธิ\nพุทโธ่\nพุทรา\nพุธ\nพุ่ม\nพุมเรียง\nพุ้ย\nพู\nพูพอน\nพู่\nพูด\nพูน\nพู้น\nพู่ระหง\nเพ\nเพ็ก\nเพกา\nเพคะ\nเพ็ง\nเพ่ง\nเพ็จ\nเพชฉลูกรรม\nเพชฌฆาต\nเพชร\nเพชรดา\nเพชรปาณี\nเพชรฤกษ์\nเพชรายุธ\nเพชรกลับ\nเพชรสังฆาต\nเพชรหลีก\nเพชรหึง\nเพ็ญ\nเพฑูริย์\nเพณี\nเพ็ดทูล\nเพดาน\nเพท\nเพทนา\nเพทาย\nเพทุบาย\nเพโทบาย\nเพ่นพ่าน\nเพนียด\nเพไนย\nเพ้ย\nเพรง\nเพรซีโอดิเมียม\nเพรา\nเพราะ\nเพริด\nเพริศ\nเพรียก\nเพรียง\nเพรียบ\nเพรี้ยม\nเพรียว\nเพรื่อ\nเพรือง\nเพล\nเพลง\nเพล็ด\nเพล้โพล้\nเพลา\nเพลาะ\nเพลิง\nเพลิดเพลิน\nเพลิน\nเพลีย\nเพลี้ย\nเพลี่ยง\nเพศ\nเพส\nเพสลาด\nเพ่อ\nเพ้อ\nเพ้อเจ้อ\nเพอิญ\nเพะ\nเพา\nเพาะ\nเพิก\nเพิง\nเพิ่ง\nเพิดเพ้ย\nเพิ่ม\nเพี้ย\nเพียง\nเพี้ยง\nเพียงออ\nเพี้ยน\nเพียบ\nเพียร\nเพื่อ\nเพื่อน\nแพ\nแพ้\nแพง\nแพ่ง\nแพงพวย\nแพทย์\nแพทยศาสตร์\nแพน\nแพ่น\nแพนก\nแพนงเชิง\nแพร\nแพร่\nแพรก\nแพร่ง\nแพรว\nแพร้ว\nแพลง\nแพลทินัม\nแพล็บ\nแพลม\nแพลเลเดียม\nแพละ\nแพละโลม\nแพว\nแพ้ว\nแพศย์\nแพศยา\nแพะ\nโพ\nโพก\nโพกพาย\nโพง\nโพงพาง\nโพชฌงค์\nโพซิตรอน\nโพด\nโพทะเล\nโพแทสเซียม\nโพธ\nโพธิ\nโพธิ์\nโพน\nโพ้น\nโพนทะนา\nโพบาย\nโพย\nโพยก๊วน\nโพยม\nโพรก\nโพรง\nโพรโทแอกทิเนียม\nโพรมีเทียม\nโพระดก\nโพล่\nโพลง\nโพล่ง\nโพล้ง\nโพลน\nโพล้เพล้\nโพละ\nโพสพ\nไพ\nไพ่\nไพจิตร\nไพชน\nไพชยนต์\nไพฑูรย์\nไพที\nไพบูลย์\nไพพรรณ\nไพร\nไพร่\nไพรจิตร\nไพรชน\nไพรชยนต์\nไพรฑูรย์\nไพรที\nไพรบูลย์\nไพรเราะ\nไพรัช\nไพรำ\nไพริน\nไพรินทร์\nไพรี\nไพเราะ\nไพโรจน์\nไพล\nไพล่\nไพศาขะ\nไพศาล\nไพเศษ\nไพสพ\nไพสิฐ\nไพหาร\nฟก\nฟ้ง\nฟรักโทส\nฟรี\nฟลูออรีน\nฟ่อ\nฟ้อ\nฟอก\nฟอง\nฟ่อง\nฟ้อง\nฟอด\nฟอน\nฟ่อน\nฟ้อน\nฟ้อแฟ้\nฟอร์มาลดีไฮด์\nฟอร์มาลิน\nฟอสฟอรัส\nฟอสเฟต\nฟัก\nฟักฟุ้น\nฟัง\nฟังก์ชัน\nฟัด\nฟัน\nฟั่น\nฟั้น\nฟ้า\nฟาก\nฟาง\nฟ่าง\nฟาด\nฟาทอม\nฟาน\nฟ่าม\nฟาย\nฟาร์ม\nฟาสซิสต์\nฟิด\nฟิต\nฟิบ\nฟิล์ม\nฟิวส์\nฟิสิกส์\nฟี่\nฟี้\nฟืดฟาด\nฟืน\nฟื้น\nฟืม\nฟุ\nฟุ้ง\nฟุต\nฟุน\nฟุบ\nฟุ่บ\nฟุ่มเฟือย\nฟุลสแก๊ป\nฟู\nฟู่\nฟูก\nฟูด\nฟูม\nเฟ็ด\nเฟ้น\nเฟลด์สปาร์\nเฟ้อ\nเฟอร์เมียม\nเฟอะ\nเฟอะฟะ\nเฟะ\nเฟะฟะ\nเฟิน\nเฟี้ยม\nเฟี้ยว\nเฟือ\nเฟื้อ\nเฟือง\nเฟื่อง\nเฟื้อง\nเฟือน\nเฟือย\nเฟื้อย\nแฟ่\nแฟง\nแฟชั่น\nแฟน\nแฟบ\nแฟ้ม\nแฟรนเซียม\nแฟลกซ์\nแฟลต\nแฟะ\nโฟกัส\nไฟ\nภควดี\nภควัต\nภควันต์\nภควัม\nภควา\nภควาน\nภคะ\nภคันทลา\nภคินี\nภณะ\nภณิดา\nภพ\nภมร\nภมริน\nภมรี\nภมุกา\nภยันตราย\nภยาคติ\nภระ\nภรณี\nภรต\nภรรดร\nภรรดา\nภรรยา\nภระมร\nภระมรี\nภราดร\nภราดรภาพ\nภราดา\nภริยา\nภฤศ\nภวะ\nภวตัณหา\nภวนะ\nภวังค์\nภวังคจิต\nภักดี\nภักตะ\nภักติ\nภักษ์\nภักษา\nภักษาหาร\nภัค\nภัคน์\nภังคะ\nภังคี\nภัจ\nภัณฑ์\nภัณฑาคาร\nภัณฑาคาริก\nภัณฑารักษ์\nภัณฑนะ\nภัณฑู\nภัต\nภัตตาคาร\nภัตตาหาร\nภัตร\nภัทระ\nภัทรกัป\nภัพ\nภัย\nภัสดา\nภัสตรา\nภัสมะ\nภัสสร\nภา\nภาค\nภาคย์\nภาคยานุวัติ\nภาคินี\nภาคิไนย\nภาคี\nภาคียะ\nภาชนะ\nภาชี\nภาณ\nภาณวาร\nภาณกะ\nภาณี\nภาณุ\nภาดร\nภาดา\nภาตระ\nภาตา\nภาตุ\nภาติกะ\nภาติยะ\nภาพ\nภาพย์\nภาม\nภาย\nภาร\nภาระ\nภารดี\nภารต\nภารตี\nภารยทรัพย์\nภารยา\nภารา\nภาวนา\nภาวะ\nภาษ\nภาษณ์\nภาษา\nภาษิต\nภาษี\nภาส\nภาสน์\nภาสวร\nภาสา\nภาสุระ\nภิกขา\nภิกขาจาร\nภิกขุ\nภิกขุนี\nภิกษา\nภิกษาจาร\nภิกษาหาร\nภิกษุ\nภิกษุณี\nภิงคาร\nภิญโญ\nภิตติ\nภินท์\nภินทนาการ\nภิยโย\nภิรมย์\nภิรมย์สุรางค์\nภิษัช\nภิสัก\nภีตะ\nภีมะ\nภีรุ\nภุกต์\nภุขัน\nภุช\nภุชงค์\nภุต\nภุมมะ\nภุมรัตน์\nภุมวาร\nภุมรา\nภุมริน\nภุมรี\nภุมเรศ\nภู\nภู่\nภูต\nภูติ\nภูม\nภูมิ\nภูมี\nภูริ\nภูรี\nภูวดล\nภูวนาถ\nภูวเนตร\nภูวไนย\nภูษา\nภูษิต\nเภกะ\nเภตรา\nเภท\nเภทุบาย\nเภรี\nเภสัช\nโภค\nโภคะ\nโภคิน\nโภคี\nโภไคย\nโภไคศวรรย์\nโภช\nโภชย์\nโภชก\nโภชนะ\nโภชนา\nโภชนาหาร\nโภชนียะ\nไภริน\nไภรี\nไภษัชคุรุ\nไภษัชย์\nมกร\nมกราคม\nมกุฎ\nมคธ\nมฆวัน\nมฆะ\nมฆา\nม่ง\nมงกุฎ\nมงโกรย\nมงคล\nมงคลวาร\nมณฑ์\nมณฑก\nมณฑนะ\nมณฑป\nมณฑล\nมณฑา\nมณฑารพ\nมณฑิระ\nมณเฑียร\nมณี\nมด\nมตะ\nมตกภัต\nมติ\nมทนะ\nมทะ\nมธุ\nมธุกร\nมธุการี\nมธุลีห์\nมธุระ\nมธุรพจน์\nมน\nมนินทรีย์\nม่น\nมนต์\nมนตร์\nมนตรี\nมนท์\nมนทิราลัย\nมนเทียร\nมนสิการ\nมนัส\nมนัสวี\nมนินทรีย์\nมนิมนา\nมนิลา\nมนุญ\nมนุษย์\nมนุษยชาติ\nมนุษยธรรม\nมนุษย์มนา\nมนุษยโลก\nมนุษยศาสตร์\nมนุษยสัมพันธ์\nมนุสาร\nมนู\nมนูสาร\nมโน\nมโนช\nมโนชญ์\nมโนราห์\nมโนสาเร่\nมโนห์รา\nมมังการ\nมยุรฉัตร\nมยุระ\nมยุรา\nมยุรี\nมยุเรศ\nมยูร\nมรกต\nมรคา\nมรฑป\nมรณ์\nมรณะ\nมรณกรรม\nมรณบัตร\nมรณภัย\nมรณภาพ\nมรดก\nมรรค\nมรรคา\nมรรตัย\nมรรยาท\nมรรษ\nมรสุม\nมริจ\nมริยาท\nมรีจิ\nมรุต\nมฤค\nมฤคย์\nมฤคศิระ\nมฤคศิรมาส\nมฤคเศียร\nมฤคินทร์\nมฤเคนทร์\nมฤดก\nมฤต\nมฤตยู\nมฤทุ\nมล\nมละ\nมลัก\nมลังเมลือง\nมล้าง\nมลาย\nมลายู\nมวก\nม่วง\nมวน\nม่วน\nม้วน\nม้วนต้วน\nมวย\nม้วย\nมวล\nมหกรรม\nมหรณพ\nมหรรณพ\nมหรสพ\nมหัจฉริยะ\nมหัต\nมหัทธนะ\nมหันต์\nมหันตโทษ\nมหัพภาค\nมหัศจรรย์\nมหา\nมหากฐิน\nมหากาฬ\nมหาขันธกะ\nมหาจักร\nมหาชน\nมหาชัย\nมหาชาติ\nมหาโชตรัต\nมหาดไทย\nมหาดเล็ก\nมหาตมะ\nมหาไถ่\nมหาเทพ\nมหาเทพี\nมหาเทวี\nมหาธาตุ\nมหานิกาย\nมหานิล\nมหาบพิตร\nมหาบัณฑิต\nมหาพน\nมหาพรหม\nมหาภารตะ\nมหาภิเนษกรมณ์\nมหาภูต\nมหาเมฆ\nมหายาน\nมหายุค\nมหาราช\nมหาฤกษ์\nมหาละลวย\nมหาละลาย\nมหาวงศ์\nมหาวรรค\nมหาวิทยาลัย\nมหาศักราช\nมหาศาล\nมหาสงกรานต์\nมหาสดมภ์\nมหาสดำ\nมหาสมุทร\nมหาสาวก\nมหาหงส์\nมหาหิงคุ์\nมหาอำนาจ\nมหาอุจ\nมหาอุด\nมหาอุปรากร\nมหาอุปราช\nมหิ\nมหิดล\nมหิธร\nมหิป\nมหิงส์\nมหิทธิ\nมหินท์\nมหิมา\nมหิศร\nมหิศวร\nมหิษ\nมหิษี\nมหึมา\nมเหยงค์\nมเหศ\nมเหศวร\nมเหศักดิ์\nมเหสักข์\nมเหสิ\nมเหสี\nมเหาฬาร\nมโหรสพ\nมโหระทึก\nมโหรี\nมโหฬาร\nมไหศวรรย์\nมอ\nมอง\nมองโกลอยด์\nมองโกเลีย\nมองคร่อ\nมอญ\nมอด\nม่อต้อ\nมอเตอร์\nมอเตอร์ไซค์\nมอน\nม่อน\nมอบ\nมอม\nมอมแมม\nม่อย\nมอร์ฟีน\nมอระกู่\nมอลโทส\nม่อลอกม่อแลก\nม่อห้อม\nม่อฮ่อม\nมะ\nมะกรูด\nมะกล่ำ\nมะกอก\nมะก่อง\nมะกะโรนี\nมะกา\nมะเกลือ\nมะเกี๋ยง\nมะข่วง\nมะขวิด\nมะขาม\nมะเขือ\nมะแข่น\nมะคังแดง\nมะค่า\nมะคำไก่\nมะคำดีควาย\nมะงั่ว\nมะงุมมะงาหรา\nมะซัก\nมะซาง\nมะดัน\nมะดีหวี\nมะดูก\nมะเดหวี\nมะเดื่อ\nมะต้อง\nมะตะบะ\nมะตาด\nมะตาหะรี\nมะตึ่ง\nมะตื๋น\nมะตูม\nมะแตก\nมะโต\nมะนาว\nมะปราง\nมะปริง\nมะฝ่อ\nมะพร้าว\nมะพลับ\nมะพูด\nมะแพน\nมะแพร้ว\nมะเฟือง\nมะแฟน\nมะไฟ\nมะม่วง\nมะม่าว\nมะมี่\nมะมื่น\nมะมุด\nมะเมอ\nมะเมีย\nมะเมื่อย\nมะแม\nมะยง\nมะยม\nมะระ\nมะริด\nมะรืน\nมะรุม\nมะรุมมะตุ้ม\nมะเร็ง\nมะเรื่อง\nมะโรง\nมะลอกมะแลก\nมะละกอ\nมะลิ\nมะลื่น\nมะลืมดำ\nมะลุลี\nมะแว้ง\nมะสัง\nมะเส็ง\nมะหวด\nมะหะหมัด\nมะหาด\nมะหิ่ง\nมะเหงก\nมะอึก\nมะฮอกกานี\nมัก\nมักกะโรนี\nมักกะลีผล\nมักกะสัน\nมักขะ\nมั่กขั้ก\nมักขิกา\nมัค\nมัคคะ\nมัคคุเทศก์\nมัคนายก\nมัฆวาน\nมั่ง\nมังกง\nมังกร\nมังกุ\nมังคละ\nมังค่า\nมังคุด\nมังตาน\nมังสวิรัติ\nมังสะ\nมังสี\nมัจจะ\nมัจจุ\nมัจฉริยะ\nมัจฉรี\nมัจฉะ\nมัจฉา\nมัชชะ\nมัชวิรัติ\nมัชชาระ\nมัชฌันติกสมัย\nมัชฌิม\nมัชฌิมา\nมัญจา\nมัญชิษฐา\nมัญชุ\nมัญชุสา\nมัญชูสา\nมัญเชฏฐะ\nมัฏฐะ\nมัณฑนศิลป์\nมัณฑนา\nมัด\nมัตตะ\nมัตตัญญู\nมัตตา\nมัตติกา\nมัตถกะ\nมัตถลุงค์\nมัตสยะ\nมัตสยา\nมัตสระ\nมัตสริน\nมัททวะ\nมัทนะ\nมัทยะ\nมัธยฐาน\nมัธยม\nมัธยันห์\nมัธยัสถ์\nมัน\nมั่น\nมันตา\nมันถะ\nมันทิระ\nมันทิราลัย\nมับ\nมั้ม\nมัมมี่\nมัย\nมัลละ\nมัลลิกา\nมัว\nมัวซัว\nมั่ว\nมัศยา\nมัสตุ\nมัสตาร์ด\nมัสมั่น\nมัสยิด\nมัสรู่\nมัสลิน\nมัสสุ\nมา\nม้า\nมาก\nมาคสิระ\nมาฆบูชา\nมาฆะ\nม้าง\nมางสะ\nมาณพ\nมาณวิกา\nมาด\nมาดา\nมาตงค์\nมาตร\nมาตรา\nมาตฤ\nมาตังคะ\nมาตา\nมาตามหัยกะ\nมาตามหัยกา\nมาตามหัยยิกา\nมาติกะ\nมาติกา\nมาตุ\nมาตุจฉา\nมาตุรงค์\nมาตุเรศ\nมาตุละ\nมาตุลา\nมาตุลานี\nมาทะ\nมาธยมิก\nมาธยมิกะ\nมาธุระ\nมาธุสร\nมาธูระ\nมาน\nม่าน\nม้าน\nมานพ\nมานะ\nมานัต\nมานัส\nมานิต\nมานี\nมานุษ\nมานุษยวิทยา\nมาโนชญ์\nมาบ\nมาภา\nม้าม\nม่าย\nมายา\nมาร\nมาราธิราช\nมารค\nมารดร\nมารดา\nมารยา\nมารยาท\nมารศรี\nมารษา\nมาริต\nมารุต\nมาลย์\nมาลัย\nมาลา\nมาลาตี\nมาลาเรีย\nมาลินี\nมาลี\nมาลุต\nมาศ\nมาส\nมาสก\nมาห์\nม่าห์\nมาหิส\nม่าเหมี่ยว\nมาฬก\nมิ\nมิค\nมิคสัญญี\nมิ่ง\nมิจฉา\nมิด\nมิตร\nมิติ\nมิเตอร์\nมิถยา\nมิถุน\nมิถุนายน\nมิทธะ\nมินตรา\nมินตา\nมินหม้อ\nมิ่ม\nมิ้ม\nมิไย\nมิรันตี\nมิลลิกรัม\nมิลลิบาร์\nมิลลิเมตร\nมิลลิลิตร\nมิลักขะ\nมิลักขู\nมิส\nมิสกรี\nมิสกวัน\nมิสซา\nมี\nมี่\nมีด\nมีเทน\nมีน\nมีนาคม\nมี่สั้ว\nมึง\nมึน\nมืด\nมืน\nมื่น\nมือ\nมื้อ\nมุ\nมุก\nมุกดา\nมุกดาหาร\nมุกุระ\nมุข\nมุขเด็จ\nมุขยประโยค\nมุโขโลกนะ\nมุคคะ\nมุง\nมุ่ง\nมุ้ง\nมุจฉา\nมุจนะ\nมุจลินท์\nมุญจนะ\nมุญชะ\nมุฐิ\nมุณฑกะ\nมุณฑะ\nมุด\nมุตกิด\nมุตฆาต\nมุตตะ\nมุตตา\nมุตติ\nมุตะ\nมุติ\nมุททา\nมุทธชะ\nมุทธา\nมุทธาภิเษก\nมุทรา\nมุทริกา\nมุทะลุ\nมุทา\nมุทิกา\nมุทิงค์\nมุทิตา\nมุทุ\nมุทุตา\nมุ่น\nมุนิ\nมุนินทร์\nมุนี\nมุบ\nมุบมิบ\nมุม\nมุ้ม\nมุ่ย\nมุรธา\nมุรธาภิเษก\nมุสละ\nมุสลิม\nมุสา\nมุสิก\nมุหงิด\nมุหน่าย\nมุหุต\nมุฮัมมัด\nมูก\nมูเซอ\nมูตร\nมู่ทู่\nมูน\nมูมมาม\nมูรติ\nมูรธา\nมูรธาภิเษก\nมูล\nมูละ\nมูลา\nมูลิกากร\nมู่ลี่\nมู่เล่\nมูสัง\nมูสิก\nมูสิกะ\nมูสิกทันต์\nเม\nเม็ก\nเมกะเฮิรตซ์\nเมขลา\nเมฆ\nเมฆา\nเมฆินทร์\nเมฆี\nเม็ง\nเม็ด\nเมตตา\nเมตไตรย\nเมตร\nเมตริก\nเมตริกตัน\nเมถุน\nเมท\nเมโท\nเมทนี\nเมทินี\nเมทนีดล\nเมทานอล\nเมทิลแอลกอฮอล์\nเมธ\nเมธา\nเมธาวี\nเมธี\nเมน\nเม่น\nเม้น\nเมนเดลีเวียม\nเมนทอล\nเม้ม\nเมรัย\nเมริเดียน\nเมรุ\nเมล์\nเมล็ด\nเมลือง\nเมษ\nเมษายน\nเมห์\nเมหนะ\nเมหะ\nเมะ\nเมา\nเม่า\nเม้า\nเมารี\nเมาลี\nเมาฬี\nเมาะ\nเมิง\nเมิน\nเมิล\nเมีย\nเมียง\nเมี่ยง\nเมี้ยน\nเมือ\nเมื้อ\nเมื่อ\nเมือก\nเมือง\nเมือบ\nเมื่อย\nแม่\nแม้\nแมก\nแมกนีเซียม\nแมง\nแมงกะพรุน\nแมงกานิน\nแมงกานีส\nแมงคา\nแมงคาเรือง\nแมงช้าง\nแมงดา\nแมงลัก\nแม่ตะงาว\nแมน\nแม่น\nแม้น\nแมลง\nแมลบ\nแมว\nแม้ว\nแมะ\nโม\nโม่\nโม้\nโมก\nโมกข์\nโมกษะ\nโมฆกรรม\nโมฆสัญญา\nโมฆะ\nโมฆียกรรม\nโมฆียะ\nโมง\nโม่ง\nโมงครุ่ม\nโมทนา\nโมโนแซ็กคาไรด์\nโมไนย\nโมเม\nโมเมนต์\nโมเย\nโมรา\nโมรี\nโมเรส\nโมลิบดีนัม\nโมลี\nโมเลกุล\nโมเสก\nโมเสส\nโม่ห์\nโมหะ\nโมหันธ์\nโมหาคติ\nโมโห\nไม่\nไม้\nไมกา\nไมครอน\nไมโครกรัม\nไมโครฟิล์ม\nไมโครโฟน\nไมโครมิเตอร์\nไมโครเมตร\nไมโครลิตร\nไมโครเวฟ\nไมตรี\nไมยราบ\nไมล์\nยก\nยกกระบัตร\nยกนะ\nยง\nยงโย่\nยชุรเวท\nยติ\nยติภังค์\nยถากรรม\nยถาภูตญาณ\nย่น\nยนต์\nยนตร์\nยม\nยมก\nยมโดย\nยมนา\nยมล\nยมะ\nยรรยง\nยล\nยวง\nยวด\nยวน\nยวบ\nย้วย\nยวรยาตร\nยศ\nยโส\nยอ\nย่อ\nยอก\nย็อกแย็ก\nยอง\nย่อง\nย้อง\nยอด\nยอน\nย้อน\nยอบ\nยอม\nย่อม\nย้อม\nย่อย\nย้อย\nย้อแย้\nยะ\nย่ะ\nยะยอบ\nยะยับ\nยัก\nยักข์\nยักขินี\nยักษ์\nยักษา\nยักษิณี\nยักษี\nยัง\nยั้ง\nยั่งยืน\nยัชโญปวีต\nยัญ\nยัญญะ\nยัด\nยัติภังค์\nยัน\nยั่น\nยันต์\nยันตร\nยันตร์\nยันตรกรรม\nยั่นตะนี\nยับ\nยั่ว\nยั้ว\nยั้วเยี้ย\nยัวรยาตร\nยัวะ\nยัษฏิ\nยา\nย่า\nยาก\nยาคุ\nยาคู\nยาง\nย่าง\nยางพารา\nยาจก\nยาจนา\nยาไฉน\nยาด\nยาดา\nยาตร\nยาตรา\nยาน\nย่าน\nย่านพาโหม\nยานมาศ\nยานุมาศ\nยานี\nยาม\nย่าม\nยามะ\nยามักการ\nยามา\nยาย\nย้าย\nยายี\nยาว\nย้าว\nยาวกาลิก\nยาวชีวิก\nยาสูบ\nย่าหยา\nยาหยี\nยำ\nย่ำ\nย้ำ\nยำเยีย\nยิก\nยิง\nยิ่ง\nยิฏฐะ\nยิน\nยิบ\nยิบหยี\nยิปซัม\nยิปซี\nยิ้ม\nยิมนาสติก\nยิหวา\nยี\nยี่\nยี้\nยี่ก่า\nยี่เก\nยี่เข่ง\nยี่โถ\nยีน\nยี่โป้\nยี่ภู่\nยีราฟ\nยี่สก\nยี่สง\nยี่สน\nยี่สาน\nยี่สุ่น\nยี่หระ\nยี่หร่า\nยี่ห้อ\nยี่หุบ\nยึกยัก\nยึกยือ\nยึด\nยืด\nยืน\nยื่น\nยืม\nยื้อ\nยุ\nยุกกระบัตร\nยุกดิ\nยุกติ\nยุกติธรรม\nยุกต์\nยุค\nยุคนธร\nยุคล\nยุคันต์\nยุคันธร\nยุคุนธร\nยุง\nยุ่ง\nยุ้ง\nยุด\nยุต\nยุติ\nยุทธ\nยุทธ์\nยุทธนา\nยุทโธปกรณ์\nยุบ\nยุ่บ\nยุ่บยั่บ\nยุบล\nยุพดี\nยุพเรศ\nยุพา\nยุพาน\nยุพาพาล\nยุพาพิน\nยุ่มย่าม\nยุ่ย\nยุ้ย\nยุรยาตร\nยูรยาตร\nยุวชน\nยุวดี\nยุวราช\nยุวา\nยุวาน\nยู\nยู่\nยูง\nยูโด\nยูถะ\nยูถิกา\nยูริก\nยูเรนัส\nยูเรเนียม\nยูโรเพียม\nเย\nเย้\nเยง\nเยซู\nเย็ด\nเย็น\nเย็นตาโฟ\nเย็นเตาโฟ\nเย็บ\nเย้ย\nเยอ\nเย่อ\nเยอรมัน\nเยอว\nเย่อหยิ่ง\nเยอะ\nเยอะแยะ\nเยา\nเย้า\nเยาว์\nเยาวชน\nเยาวมาลย์\nเยาวยอด\nเยาวราช\nเยาวเรศ\nเยาวลักษณ์\nเยาวพา\nเยาวพาณี\nเยาวพาน\nเยาะ\nเยิง\nเยิน\nเยิ่น\nเยิ่นเย้อ\nเยินยอ\nเยิบ\nเยิบยาบ\nเยิ้ม\nเยีย\nเยี่ยง\nเยี่ยงอย่าง\nเยียงผา\nเยียดยัด\nเยียน\nเยียบ\nเยี่ยม\nเยียรบับ\nเยียรยง\nเยียว\nเยี่ยว\nเยียวยา\nเยือ\nเยื่อ\nเยื้อ\nเยือก\nเยือง\nเยื่อง\nเยื้อง\nเยือน\nเยื้อน\nแย่\nแย้\nแยก\nแยง\nแย่ง\nแย้ง\nแยงแย่\nแยงแย้\nแยบ\nแย็บ\nแยม\nแย้ม\nแยแส\nแยะ\nโย\nโย้\nโยก\nโยกเยก\nโยคาพจร\nโยคาวจร\nโยคเกณฑ์\nโยคยะ\nโยคะ\nโยคิน\nโยคี\nโยง\nโย่ง\nโย่งเย่ง\nโยงโย่\nโยชน์\nโยชนา\nโยถิกะ\nโยทะกา\nโยธวาทิต\nโยธา\nโยธิน\nโยน\nโยนก\nโยนิโส\nโยนี\nโยม\nโยโส\nใย\nไย\nไย่\nไยดี\nไยไพ\nรก\nรง\nรงค์\nรงควัตถุ\nรงรอง\nรจนา\nรจเรข\nรจเลข\nรจิต\nรชตะ\nรชนิ\nรชนี\nรชะ\nรณรงค์\nรด\nรดี\nรตนะ\nรตะ\nรติ\nรถ\nรน\nร่น\nรบ\nรบาญ\nรพี\nรม\nร่ม\nรมณี\nรมณีย์\nรมณียสถาน\nรมย์\nรมเยศ\nรยางค์\nรวก\nรวง\nร่วง\nรวด\nรวน\nรวนเร\nร่วน\nรวบ\nรวม\nร่วม\nรวย\nรวิ\nรวิวาร\nรวี\nรศนา\nรส\nรสนา\nรสสุคนธ์\nรสายนเวท\nรสิก\nรหัท\nรหัส\nรโห\nรโหฐาน\nรอ\nร่อ\nรอก\nรอง\nร่อง\nร้อง\nรองเง็ง\nร่องแร่ง\nรอด\nรอน\nร่อน\nร้อน\nรอบ\nรอบคอบ\nรอม\nรอมชอม\nรอมร่อ\nรอย\nร่อย\nร้อย\nร่อแร่\nระ\nระกะ\nระกา\nระกำ\nระเกะระกะ\nระคน\nระคาง\nระคาย\nระแคะ\nระฆัง\nระงม\nระงับ\nระแง้\nระโงกหิน\nระชวย\nระดม\nระดะ\nระดับ\nระดา\nระด่าว\nระดู\nระเด่น\nระเดียง\nระแด\nระตู\nระทก\nระทด\nระทม\nระทวย\nระทา\nระทึก\nระแทะ\nระนาด\nระนาบ\nระนาม\nระนาว\nระเนน\nระเนระนาด\nระเนียด\nระแนง\nระแนะ\nระบบ\nระบม\nระบอบ\nระบัด\nระบับ\nระบาด\nระบาย\nระบำ\nระบิล\nระบือ\nระบุ\nระเบง\nระเบ็ง\nระเบิด\nระเบียง\nระเบียน\nระเบียบ\nระแบบ\nระมัดระวัง\nระมาด\nระเมียร\nระย่อ\nระย่อม\nระยะ\nระยั้ง\nระยับ\nระย้า\nระยาบ\nระยำ\nระยิบระยับ\nระโยง\nระโยงระยาง\nระรวย\nระรอง\nระร่อน\nระรัว\nระราน\nระร่าย\nระริก\nระรี่\nระรึง\nระรื่น\nระรื้น\nระเร้ง\nระเริง\nระเรียง\nระเรื่อย\nระแรง\nระลวง\nระลอก\nระลึก\nระวัง\nระวาง\nระวาย\nระวิง\nระแวง\nระแวดระวัง\nระไว\nระส่ำระสาย\nระหกระเหิน\nระหง\nระหวย\nระหว่าง\nระหองระแหง\nระหัด\nระหาย\nระเห็จ\nระเหย\nระเหระหน\nระเหหน\nระเหิด\nระเหินระหก\nระแหง\nระโหย\nระอา\nระอิดระอา\nระอุ\nรัก\nรักข์\nรักขิต\nรักตะ\nรักบี้\nรักเร่\nรักแร้\nรักษ์\nรักษา\nรัง\nรั้ง\nรังเกียจ\nรังแก\nรังค์\nรังควาน\nรังแค\nรังรอง\nรังวัด\nรังสิ\nรังสี\nรังสิมันตุ์\nรังสิมา\nรัจฉา\nรัช\nรัชชูปการ\nรัชมังคลาภิเษก\nรัชชุ\nรัชฎาภิเษก\nรัชดาภิเษก\nรัชนะ\nรัชนี\nรัญจวน\nรัฏฐาภิปาลโนบาย\nรัฐ\nรัฐประศาสโนบาย\nรัฐประศาสนศาสตร์\nรัด\nรัต\nรัตกัมพล\nรัตมณี\nรัตคน\nรัตจันทน์\nรัตตัญญู\nรัตติ\nรัตน์\nรัตนะ\nรัตนโกสินทร์\nรัตนโกสินทรศก\nรัตนชาติ\nรัตนตรัย\nรัตนบัลลังก์\nรัตนวราภรณ์\nรัตนสิงหาสน์\nรัตนา\nรัตนากร\nรัตนาภรณ์\nรัตนาวลี\nรัตมา\nรัถ\nรัถยา\nรัทเทอร์ฟอร์เดียม\nรัน\nรั้น\nรันทด\nรันทวย\nรับ\nรัมณียสถาน\nรัมภา\nรัมมี่\nรัมย์\nรัย\nรัว\nรั่ว\nรั้ว\nรัศมิมัต\nรัศมิมาน\nรัศมี\nรัษฎากร\nรัสเซีย\nรัสสะ\nรัสสระ\nรา\nร่า\nร้า\nราก\nรากษส\nรากสาด\nราคะ\nราคจริต\nราคา\nราคิน\nราคี\nราง\nร่าง\nร้าง\nรางจืด\nรางชาง\nรางวัล\nราช\nราชกิจจานุเบกษา\nราชนิกุล\nราชวโรงการ\nราชญี\nราชดัด\nราชพฤกษ์\nราชมาณพ\nราชมาษ\nราชมาส\nราชย์\nราชสีห์\nราชะ\nราชัน\nราชันย์\nราชัย\nราชา\nราชาธิปไตย\nราชาธิราช\nราชาภิเษก\nราชายตนะ\nราชาวดี\nราชี\nราชินิกุล\nราชินีกุล\nราชินี\nราชินูปถัมภ์\nราชูปถัมภ์\nราชูปโภค\nราเชน\nราเชนทร์\nราเชนทรยาน\nราโชวาท\nราไชศวรรย์\nราญ\nราญรอน\nราด\nราต\nราตร\nราตรี\nราน\nร่าน\nร้าน\nราบ\nราพณ์\nราพณาสูร\nราม\nรามเกียรติ์\nรามสูร\nรามัญ\nรามา\nราย\nร่าย\nร้าย\nราว\nร้าว\nราวี\nราศี\nราษฎร\nราษฎร์\nราษตรี\nราษราตรี\nราหุ\nราหู\nรำ\nร่ำ\nรำคาญ\nรำงับ\nรำจวน\nรำบาญ\nรำพัน\nรำพาย\nรำพึง\nรำเพย\nรำไพ\nรำมะนา\nรำมะนาด\nรำมะร่อ\nร่ำรวย\nร่ำร่ำ\nรำไร\nรำลึก\nรำหัด\nรำหัส\nริ\nริก\nริดสีดวง\nริน\nริ้น\nริบ\nริบบิ้น\nริบรี่\nริบหรี่\nริปุ\nริปู\nริม\nริ้ว\nริษยา\nรี\nรี่\nรี้พล\nรีด\nรีดักชัน\nรีต\nรีเนียม\nรีบ\nรีม\nรีรอ\nรี้ริก\nรึง\nรึ้ง\nรื่น\nรื้น\nรื้อ\nรุ\nรุก\nรุกข์\nรุกขชาติ\nรุกขเทวดา\nรุกขมูล\nรุกขา\nรุกรุย\nรุ่ง\nรุ้ง\nรุงรัง\nรุ่งริ่ง\nรุจ\nรุจา\nรุจนะ\nรุจิ\nรุจี\nรุจิระ\nรุจิรา\nรุด\nรุต\nรุทธ์\nรุทระ\nรุธิร\nรุธิระ\nรุเธียร\nรุน\nรุ่น\nรุบรู่\nรุม\nรุ่ม\nรุ่มร่าม\nรุย\nรุ่ย\nรุรุ\nรุหะ\nรู\nรู่\nรู้\nรูจี\nรูด\nรูทีเนียม\nรูบิเดียม\nรูป\nรูปิยะ\nรูปี\nรูเล็ตต์\nเร่\nเรข\nเรขา\nเรขาคณิต\nเร็ง\nเร่ง\nเร้ง\nเรณุ\nเรณู\nเรดอน\nเรดาร์\nเรเดียม\nเร้น\nเรรวน\nเรไร\nเร็ว\nเร่ว\nเรวดี\nเรอ\nเร่อ\nเรา\nเร่า\nเร้า\nเราะ\nเริง\nเริด\nเริม\nเริ่ม\nเริ้ม\nเริศร้าง\nเรี่ย\nเรี้ย\nเรียก\nเรียง\nเรียด\nเรียน\nเรียบ\nเรียม\nเรี่ยม\nเรียว\nเรี่ยว\nเรี้ยวรก\nเรือ\nเรื่อ\nเรื้อ\nเรือก\nเรือง\nเรื่อง\nเรื้อง\nเรืองรอง\nเรือด\nเรือน\nเรื้อน\nเรื่อย\nแร\nแร่\nแรก\nแร็กเกต\nแรง\nแร่ง\nแร้ง\nแรด\nแร้นแค้น\nแรม\nแร้ว\nแระ\nโร\nโร่\nโรค\nโรคา\nโรคาพาธ\nโรง\nโรจ\nโรจน์\nโรเดียม\nโรตี\nโรท\nโรธ\nโรม\nโรมัน\nโรเมอร์\nโรย\nโรเร\nโรหิณี\nโรหิต\nไร\nไร่\nไร้\nไรย์\nฤกษ์\nฤกษณะ\nฤคเวท\nฤชา\nฤชุ\nฤณ\nฤดี\nฤดียา\nฤดู\nฤต\nฤติยา\nฤตุ\nฤทธา\nฤทธิ์\nฤทัย\nฤษภ\nฤษยา\nฤษี\nฤๅ\nฤๅดี\nฤๅทัย\nฤๅษี\nฤๅสาย\nลก\nล่ก\nลฆุ\nลง\nล่ง\nลงกา\nล้งเล้ง\nลด\nลดา\nลดาวัลย์\nลน\nล้น\nลบ\nลบอง\nลพ\nลพุช\nลม\nล่ม\nล้ม\nลมาด\nลรรลุง\nลลนา\nลลิต\nลวก\nลวง\nล่วง\nล้วง\nลวณะ\nลวด\nล้วน\nลวนลาม\nลวนะ\nล่วม\nลวะ\nลวิตร\nลหุ\nลหุกาบัติ\nล่อ\nล้อ\nลอก\nล็อก\nล็อกเกต\nลอกแลก\nลอการิทึม\nลอง\nล่อง\nลองกอง\nลองจิจูด\nลองไน\nลอด\nลอตเตอรี่\nลอน\nล่อน\nลอบ\nลอม\nล้อม\nลอมชอม\nลอมพอก\nลอย\nล่อย\nล่อแล่\nลอว์เรนเซียม\nลออ\nละ\nล่ะ\nละคร\nละติจูด\nละบม\nละบอง\nละบือ\nละเบ็ง\nละโบม\nละม่อม\nละมั่ง\nละมาน\nละม้าย\nละมุ\nละมุด\nละมุน\nละเมอ\nละเมาะ\nละเมิด\nละเมียด\nละแมะ\nละโมก\nละโมบ\nละไม\nละลวย\nละลอก\nละล้า\nละล้าละลัง\nละลาน\nละลาบละล้วง\nละลาย\nละล้าว\nละล่ำละลัก\nละลิบ\nละลุม\nละเลง\nละเล้า\nละเลาะ\nละเลิง\nละเลียด\nละเลียบ\nละไล้\nละว้า\nละวาด\nละเวง\nละแวก\nละโว้\nละหมาด\nละห้อย\nละหาน\nละหาร\nละหุ่ง\nละเหย\nละเหี่ย\nละอง\nละออง\nละอาย\nละเอียด\nละแอน\nลัก\nลักขณะ\nลักขณา\nลักขะ\nลักขี\nลักจั่น\nลักปิดลักเปิด\nลักษณ์\nลักษณนาม\nลักษณะ\nลักษณาการ\nลักษมณ์\nลักษมาณา\nลักษมี\nลักษะ\nลัคคะ\nลัคน์\nลัคนา\nลัง\nลั่ง\nลังกา\nลังคี\nลังถึง\nลังลอง\nลังเล\nลังสาด\nลัชชา\nลัชชี\nลัญจ์\nลัญจกร\nลัญฉกร\nลัญฉน์\nลัฐิ\nลัฐิกา\nลัด\nลัดา\nลัทธ์\nลัทธิ\nลัน\nลั่น\nลันเต\nลันเตา\nลันไต\nลั่นทม\nลันโทม\nลับ\nลัพธ์\nลัพธิ\nลัภ\nลัภนะ\nลัภย์\nลัมพ์\nลัย\nลา\nล่า\nล้า\nลาก\nลาง\nล่าง\nล้าง\nลางลิง\nลางสาด\nลาช\nลาชะ\nลาชา\nลาญ\nลาด\nลาดเลา\nล้าต้า\nล่าเตียง\nลาน\nล่าน\nล้าน\nลาบ\nลาพอน\nลาภ\nลาม\nล่าม\nลามก\nลาย\nล้าย\nลายสือ\nลาลา\nลาว\nลาวัณย์\nลาวา\nลำ\nล่ำ\nล้ำ\nลำเข็ญ\nลำแข\nลำเค็ญ\nลำเจียก\nลำดวน\nลำดับ\nลำเนา\nลำบอง\nลำบาก\nลำปำ\nลำพวน\nลำพอง\nลำพัง\nลำพู\nลำเพ็ญ\nลำเพา\nลำแพน\nลำโพง\nลำไพ่\nลำภุขัน\nลำมะลอก\nลำยอง\nลำไย\nลำลอง\nล่ำลา\nลำลาบ\nลำลึก\nลำเลาะ\nลำเลิก\nลำเลียง\nลำเวียง\nลำเอียก\nลำเอียง\nลิ\nลิกขา\nลิกไนต์\nลิกู\nลิเก\nลิขนะ\nลิขสิทธิ์\nลิขิต\nลิง\nลิงค์\nลิด\nลิต\nลิตมัส\nลิตร\nลิเทียม\nลิ่น\nลิ้น\nลินจง\nลิ้นจี่\nลินลา\nลินสีด\nลิ่นฮื้อ\nลินิน\nลิบ\nลิปดา\nลิปสติก\nลิปิ\nลิฟต์\nลิเภา\nลิ่ม\nลิ้ม\nลิมป์\nลิมปนะ\nลิลิต\nลิว\nลิ่ว\nลิสง\nลี\nลี่\nลี้\nลีซอ\nลีบ\nลีลา\nลีลาศ\nลีฬหา\nลึก\nลึงค์\nลืด\nลื่น\nลื้น\nลืบ\nลืม\nลือ\nลื่อ\nลื้อ\nลุ\nลุก\nลุง\nลุ้ง\nลุ่น\nลุ้น\nลุพธ์\nลุ่ม\nลุมพี\nลุมพู\nลุย\nลุ่ย\nลุ้ย\nลู่\nลูก\nลูกระมาศ\nลูกเอ็น\nลูขะ\nลูทีเชียม\nลูบ\nเลก\nเล็ก\nเลข\nเลขา\nเลขาธิการ\nเลขานุการ\nเล็ง\nเล้ง\nเล่งฮื้อ\nเลเซอร์\nเลฑฑุ\nเลณฑุ\nเลณะ\nเล็ด\nเลน\nเล็น\nเล่น\nเลนส์\nเล็บ\nเลบง\nเลปกร\nเลปน์\nเลเป\nเลเพ\nเล็ม\nเล่ม\nเลย\nเลว\nเลวง\nเลวูโลส\nเลศ\nเลษฏุ\nเล่ห์\nเล่ห์กระเท่ห์\nเลหลัง\nเลหะ\nเลอ\nเล่อ\nเลอะ\nเลอะเทอะ\nเละ\nเละเทะ\nเลา\nเล่า\nเล้า\nเลากัย\nเล้าโลม\nเลาะ\nเลิก\nเลิ่กลั่ก\nเลิง\nเลิ้ง\nเลินเล่อ\nเลิศ\nเลีย\nเลียง\nเลี่ยง\nเลี้ยง\nเลียงผา\nเลียงฝ้าย\nเลียงมัน\nเลียน\nเลี่ยน\nเลียนไฟ\nเลียบ\nเลี่ยม\nเลียว\nเลี้ยว\nเลือก\nเลือง\nเลื่อง\nเลือด\nเลือน\nเลื่อน\nเลื่อม\nเลื่อย\nเลื้อย\nเลื่อยล้า\nแล\nแล่\nแล้\nแลก\nแล็กเกอร์\nแล็กโทส\nแลง\nแล่ง\nแล้ง\nแลน\nแล่น\nแลนทานัม\nแลบ\nแล้ว\nและ\nโล่\nโล้\nโลก\nโลกเชษฐ์\nโลกธรรม\nโลกธาตุ\nโลกนาถ\nโลกบาล\nโลกย์\nโลกัย\nโลกวัชชะ\nโลกวิทู\nโลกัตถจริยา\nโลกันตร์\nโลกา\nโลกาธิบดี\nโลกาธิปไตย\nโลกานุวัตร\nโลกาภิวัตน์\nโลกามิส\nโลกายัต\nโลกาวินาศ\nโลกิยะ\nโลกีย์\nโลกียวัตร\nโลกียวิสัย\nโลกียสุข\nโลกุตระ\nโลกุตรธรรม\nโลกุตรภูมิ\nโลง\nโล่ง\nโล้ง\nโล่งโจ้ง\nโล่งโต้ง\nโล้งโต้ง\nโลจนะ\nโลณะ\nโลด\nโล่ติ๊น\nโลโต\nโลท\nโลน\nโล้น\nโลภ\nโลม\nโลมเล้า\nโลมะ\nโลมา\nโลลุป\nโลเล\nโลโล\nโลโล้\nโลหะ\nโลหกุมภี\nโลหัช\nโลหิต\nไล่\nไล้\nไลย\nไลลา\nไล่เลี่ย\nฦๅ\nฦๅชา\nฦๅสาย\nวก\nวง\nวงก์\nวงกต\nวงศ์\nวงศกร\nวงศา\nวงษ์\nวจนะ\nวจี\nวชิระ\nวชิรปาณี\nวชิรหัตถ์\nวชิราวุธ\nวฏะ\nวฏาการ\nวณิช\nวณิชชา\nวณิชย์\nวณิชยา\nวณิพก\nวดี\nวทนะ\nวทัญญุตา\nวทัญญู\nวธุกา\nวธู\nวน\nวนศาสตร์\nวนสณฑ์\nวนสัณฑ์\nวนอุทยาน\nวนัส\nวนัสบดี\nวนา\nวนาดร\nวนาดอน\nวนานต์\nวนาลัย\nวนาลี\nวนาวาส\nวนาศรม\nวนาสณฑ์\nวนาสัณฑ์\nวนิดา\nวนิพก\nวเนจร\nวโนทยาน\nวยัคฆ์\nวยากรณ์\nวรดนู\nวรทาน\nวรมหาวิหาร\nวรงค์\nวรณะ\nวรรค\nวรรคย์\nวรรช\nวรรชย์\nวรรณะ\nวรรณกรรม\nวรรณคดี\nวรรณยุกต์\nวรรณยุต\nวรรณศิลป์\nวรรณนา\nวรรณพฤติ\nวรรณึก\nวรรธกะ\nวรรธนะ\nวรรษ\nวรรษา\nวรวิหาร\nวรัญญู\nวรางคณา\nวรางคนา\nวราห์\nวราหะ\nวรุณ\nวโรดม\nวฤก\nวลัช\nวลัญช์\nวลัญชน์\nวลัย\nวลาหก\nวลี\nวศค\nวศะ\nวศิน\nวสนะ\nวสภะ\nวสละ\nวสวัดดี\nวสวัตตี\nวสะ\nวสันต์\nวสันตดิลก\nวสันตฤดู\nวสันตวิษุวัต\nวสา\nวสี\nวสุ\nวสุธา\nวสุนธรา\nวสุมดี\nวหะ\nวอ\nวอก\nวอกแวก\nว่องไว\nวอด\nวอน\nว่อน\nว็อบ\nวอมแวม\nวอลเลย์บอล\nวอแว\nวะ\nวัก\nวักกะ\nวัคคีย์\nวัคคุ\nวัคซีน\nวัง\nวังก์\nวังชา\nวังเวง\nวังศะ\nวังสะ\nวัจจะ\nวัจกุฎี\nวัจฉละ\nวัจน์\nวัช\nวัชชะ\nวัชพืช\nวัชฌ์\nวัชระ\nวัชรปาณี\nวัชรยาน\nวัชรอาสน์\nวัชราสน์\nวัชรินทร์\nวัชรี\nวัชเรนทร์\nวัฏ\nวัฏฏะ\nวัฏจักร\nวัฏทุกข์\nวัฏสงสาร\nวัฏกะ\nวัฏฏิ\nวัฒกะ\nวัฒกี\nวัฒนธรรม\nวัฒนะ\nวัฒนา\nวัณ\nวัณโรค\nวัณฏ์\nวัณณะ\nวัณนา\nวัด\nวัต\nวัตต์\nวัตตา\nวัตถ์\nวัตถาภรณ์\nวัตถาลังการ\nวัตถุ\nวัตนะ\nวัตร\nวัตสดร\nวัตสะ\nวัติ\nวัทน์\nวัน\nวันต์\nวันทนา\nวันทนาการ\nวันทนีย์\nวันทยหัตถ์\nวันทยาวุธ\nวันทา\nวันทิ\nวับ\nวับวาบ\nวับวาม\nวับแวบ\nวับแวม\nวัปปะ\nวัมมิกะ\nวัย\nวัลก์\nวัลคุ\nวัลย์\nวัลลภ\nวัลลี\nวัว\nวัสสะ\nวัสโสทก\nวัสดุ\nวัสตร์\nวัสน์\nวัสนะ\nวัสสานะ\nวัสสานฤดู\nวา\nว่า\nว้า\nว้าเหว่\nวาก\nว้าก\nวากยสัมพันธ์\nวากยะ\nวาง\nว่าง\nว้าง\nวาจก\nวาจา\nวาจาไปยะ\nวาจาล\nวาชเปยะ\nวาณิช\nวาณิชกะ\nวาณิชย์\nวาณี\nวาด\nวาต\nวาตะ\nวาตภัย\nวาท\nวาทศาสตร์\nวาทศิลป์\nวาทกะ\nวาทนะ\nวาทย์\nวาทยกร\nวาทิต\nวาทิน\nวาที\nวาน\nวานซืน\nว่าน\nวานร\nวานรินทร์\nวาเนเดียม\nวาบ\nวาปี\nวาม\nวามน\nวามนาวตาร\nวามะ\nวาย\nว่าย\nว้าย\nวายะ\nวาโย\nวายามะ\nวายุ\nวายุกูล\nวาร\nวาระ\nวารสาร\nวารสารศาสตร์\nวาริ\nวารี\nวาริช\nวารีช\nวาริท\nวาริธร\nวารุณ\nวารุณี\nวาล\nวาลวีชนี\nวาล์ว\nวาลิกา\nวาลุกา\nวาว\nว่าว\nว้าว่อน\nว้าวุ่น\nวาสนะ\nวาสนา\nวาสพ\nวาสะ\nวาสิน\nวาสี\nวาสุกรี\nวาสุกี\nวาสุเทพ\nวาหนะ\nวาหะ\nวาหินี\nวาฬ\nวิกขัมภ์\nวิกขัมภนะ\nวิกเขป\nวิกรม\nวิกรัย\nวิกรานต์\nวิกฤต\nวิกฤติ\nวิกล\nวิกสิต\nวิกัต\nวิกัติ\nวิกัติการก\nวิกัป\nวิกัย\nวิการ\nวิกาล\nวิกาลโภชน์\nวิคหะ\nวิเคราะห์\nวิฆเนศ\nวิฆเนศวร\nวิฆาต\nวิง\nวิ่ง\nวิ่งเปี้ยว\nวิงวอน\nวิจฉิกะ\nวิจล\nวิจักขณ์\nวิจักษ์\nวิจักษณ์\nวิจัย\nวิจาร\nวิจารณ์\nวิจารณญาณ\nวิจิ\nวิจิกิจฉา\nวิจิต\nวิจิตร\nวิจิน\nวิจุณ\nวิจุรณ\nวิชชา\nวิชชุ\nวิชชุดา\nวิชชุตา\nวิชชุลดา\nวิชญะ\nวิชน\nวิชนี\nวิชย\nวิชัย\nวิชา\nวิชานนะ\nวิชิต\nวิเชียร\nวิญญัตติ\nวิญญาณ\nวิญญาณกทรัพย์\nวิญญู\nวิฑูรย์\nวิด\nวิตก\nวิตถาร\nวิตามิน\nวิถี\nวิทธะ\nวิทยฐานะ\nวิทยา\nวิทยาคม\nวิทยาคาร\nวิทยาลัย\nวิทยุ\nวิทยุต\nวิทวัส\nวิทัตถิ\nวิทัศน์\nวิทารณ์\nวิทิต\nวิทู\nวิทูร\nวิเทศ\nวิเทโศบาย\nวิธ\nวิธวา\nวิธาน\nวิธี\nวิธุระ\nวิธู\nวิธูปนะ\nวิ่น\nวินตกะ\nวินัย\nวินาที\nวินายก\nวินาศ\nวินิจ\nวินิจฉัย\nวินิต\nวินิบาต\nวินิปาติก\nวิเนต\nวิบัติ\nวิบาก\nวิบุล\nวิบุลย์\nวิบูล\nวิบูลย์\nวิปการ\nวิปฏิสาร\nวิปโยค\nวิประโยค\nวิปริต\nวิปลาส\nวิปวาส\nวิปักษ์\nวิปัสสก\nวิปัสสนา\nวิปัสสนายานิก\nวิพากษ์\nวิพิธทัศนา\nวิพุธ\nวิภว\nวิภวตัณหา\nวิภังค์\nวิภัช\nวิภัตติ\nวิภา\nวิภาค\nวิภาช\nวิภาดา\nวิภาวี\nวิภาษ\nวิภาส\nวิภู\nวิภูษณะ\nวิภูษา\nวิภูษิต\nวิมน\nวิมล\nวิมลัก\nวิมังสา\nวิมัติ\nวิมาน\nวิมุข\nวิมุต\nวิมุตติ\nวิเมลือง\nวิโมกข์\nวิโยค\nวิระ\nวิรงรอง\nวิรังรอง\nวิรัช\nวิรัต\nวิรัติ\nวิราคะ\nวิราม\nวิริยภาพ\nวิริยะ\nวิรุธ\nวิรุฬห์\nวิรุฬหก\nวิรูป\nวิรูปักษ์\nวิเรนทร์\nวิโรจ\nวิโรจน์\nวิโรฒ\nวิโรธ\nวิลันดา\nวิลัย\nวิลาด\nวิลาศ\nวิลาป\nวิลาวัณย์\nวิลาส\nวิลาสินี\nวิลิปดา\nวิลิศมาหรา\nวิเลป\nวิเลปนะ\nวิโลกนะ\nวิโลม\nวิไล\nวิไลวรรณ\nวิวรณ์\nวิวรรธน์\nวิวัฏ\nวิวัฒน์\nวิวัฒนาการ\nวิวัน\nวิวาท\nวิวาห์\nวิวาหมงคล\nวิวาหะ\nวิวิต\nวิวิธ\nวิเวก\nวิศรุต\nวิศว\nวิศวกร\nวิศวกรรม\nวิศวกรรมศาสตร์\nวิศัลย์\nวิศาขบูชา\nวิศาขา\nวิศาล\nวิศิษฏ์\nวิศุทธ์\nวิศุทธิ์\nวิเศษ\nวิเศษณ์\nวิษณุ\nวิษณุกรรม\nวิษธร\nวิษัย\nวิษาณ\nวิษุวัต\nวิสกี้\nวิสรรชนีย์\nวิสฤต\nวิสสุกรรม\nวิสัชนา\nวิสัญญี\nวิสัย\nวิสัยทัศน์\nวิสาขบูชา\nวิสาขะ\nวิสาขา\nวิสามัญ\nวิสามานยนาม\nวิสาร\nวิสารทะ\nวิสาล\nวิสาสะ\nวิสาหกิจ\nวิสิฐ\nวิสุงคามสีมา\nวิสุทธ์\nวิสุทธิ์\nวิสูตร\nวิเสท\nวิหค\nวิหลั่น\nวิหาร\nวิหิงสา\nวิเหสา\nวิฬาร\nวิฬาร์\nวี\nวีจิ\nวีชนี\nวีณา\nวี้ด\nวีรกรรม\nวีรชน\nวีรบุรุษ\nวีรสตรี\nวี่วัน\nวี่แวว\nวีสะ\nวุ้ง\nวุฐิ\nวุฒ\nวุฒิ\nวุด\nวุ่น\nวุ้น\nวุบ\nวุ้ย\nวุลแฟรม\nวู้\nวูดวาด\nวูบ\nวู่วาม\nเว้\nเวค\nเวคิน\nเวคี\nเวจ\nเวช\nเวชยันต์\nเวฐน์\nเวณิ\nเวณิก\nเวณุ\nเวตน์\nเวตร\nเวตาล\nเวท\nเวทคู\nเวทนา\nเวทย์\nเวทัลละ\nเวทางค์\nเวทางคศาสตร์\nเวทานต์\nเวทานตะ\nเวทิ\nเวที\nเวธะ\nเวน\nเว้น\nเวนไตย\nเวไนย\nเวมัต\nเว้ย\nเวยยากรณะ\nเวร\nเวรมณี\nเวรี\nเวโรจน์\nเวลา\nเวเลนซี\nเวศม์\nเวศย์\nเวศยา\nเวสน์\nเวสภู\nเวสม์\nเวสวัณ\nเวสสะ\nเวสสันดร\nเวสสุกรรม\nเวสสุวัณ\nเวสารัช\nเวสิยา\nเวหน\nเวหะ\nเวหา\nเวหาส\nเวฬุ\nเวฬุริยะ\nเว่อ\nเว้า\nเวิก\nเวิ้ง\nเวี่ย\nเวียง\nเวียด\nเวียดนาม\nเวียน\nเวียร\nเวี่ยว\nแว้\nแวง\nแว้ง\nแวด\nแว้ด\nแวน\nแว่น\nแวนดา\nแวบ\nแว็บ\nแวม\nแว็ม\nแวว\nแว่ว\nแวะ\nโว\nโว่\nโวการ\nโว่ง\nโวทาน\nโวย\nโว้ย\nโว้เว้\nโวหาร\nไว\nไว้\nไวกูณฐ์\nไวฑูรย์\nไวทย์\nไวน์\nไวพจน์\nไวยากรณ์\nไวยาวัจกร\nไวยาวัจมัย\nไวรัส\nไววรรณ\nไวษณพ\nไวโอลิน\nศก\nศกุน\nศกุนต์\nศกุนิ\nศกุนี\nศจี\nศตะ\nศตภิษัช\nศตวรรษ\nศตพรรษ\nศตกะ\nศนิ\nศพ\nศมนะ\nศมะ\nศยาม\nศยามล\nศร\nศรายุธ\nศราวรณ์\nศรรกรา\nศรวณะ\nศรวณีย์\nศรวิษฐา\nศรัณย์\nศรัณยู\nศรัท\nศรัทธา\nศรัย\nศราทธ์\nศราทธพรต\nศราพก\nศราวก\nศราวณะ\nศรี\nศรีตรัง\nศรุติ\nศฤคาล\nศฤงค์\nศฤงคาร\nศฤงคาริน\nศฤงคารี\nศลิษฏ์\nศลิษา\nศวะ\nศวัส\nศวา\nศวาน\nศศะ\nศศธร\nศศพินทุ์\nศศลักษณ์\nศศิ\nศศิน\nศศี\nศศิขัณฑ์\nศศิธร\nศศิมณฑล\nศศิวิมล\nศอ\nศอก\nศักดา\nศักดิ\nศักดิ์\nศักดินา\nศักติ\nศักย\nศักยภาพ\nศักย์\nศักยะ\nศักร\nศักรินทร์\nศักเรนทร์\nศักราช\nศังกร\nศัตรู\nศันสนะ\nศันสนีย์\nศัพท์\nศัยยา\nศัล\nศัลย์\nศัลยกรรม\nศัลยแพทย์\nศัลยศาสตร์\nศัสดร\nศัสตร\nศัสตรศาสตร์\nศัสตรา\nศัสตราวุธ\nศากตะ\nศากย\nศากยะ\nศากยพุทธ\nศากยมุนี\nศาฎก\nศาณ\nศานต์\nศานติ\nศาป\nศารท\nศารทูล\nศาริกา\nศาล\nศาลา\nศาศวัต\nศาสดา\nศาสตร์\nศาสตรา\nศาสตราจารย์\nศาสนา\nศาสนกิจ\nศาสนจักร\nศาสนธรรม\nศาสนบุคคล\nศาสนพิธี\nศาสนวัตถุ\nศาสนศาสตร์\nศาสนสถาน\nศาสนสมบัติ\nศาสนิกชน\nศาสนีย์\nศาสนูปถัมภก\nศาสน์\nศิกษก\nศิการ\nศิขร\nศิขริน\nศิขรี\nศิขัณฑ์\nศิคาล\nศิงขร\nศิงขริน\nศิตะ\nศิถี\nศิพิระ\nศิระ\nศิรประภา\nศิราภรณ์\nศิโรรัตน์\nศิโรเวฐน์\nศิรา\nศิรามพุช\nศิโรราบ\nศิลป\nศิลป์\nศิลปะ\nศิลปกร\nศิลปกรรม\nศิลปกิจ\nศิลปวัตถุ\nศิลปวิทยา\nศิลปศาสตร์\nศิลปศึกษา\nศิลปหัตถกรรม\nศิลปิน\nศิลปี\nศิลา\nศิวะ\nศิวโมกข์\nศิวลึงค์\nศิวเวท\nศิวาลัย\nศิศีระ\nศิษฎิ\nศิษฏ์\nศิษย์\nศิษยานุศิษย์\nศีขร\nศีต\nศีตกาล\nศีรษะ\nศีล\nศึก\nศึกษา\nศึกษาธิการ\nศึกษานิเทศก์\nศุกร์\nศุกรวรรณ\nศุกรวาร\nศุกระ\nศุกล\nศุกลปักษ์\nศุจิ\nศุทธะ\nศุทธิ\nศุนะ\nศุนิ\nศุภกร\nศุภเคราะห์\nศุภนิมิต\nศุภมัสดุ\nศุภมาตรา\nศุภมาส\nศุภอักษร\nศุภางค์\nศูกร\nศุลกากร\nศุลการักษ์\nศุลี\nศุษิร\nศูทร\nศูนย์\nศูนยวาท\nศูละ\nศูลิน\nเศรณี\nเศรษฐ\nเศรษฐ์\nเศรษฐกิจ\nเศรษฐศาสตร์\nเศรษฐี\nเศร้า\nเศลษ\nเศวต\nเศวตร\nเศวตัมพร\nเศษ\nเศาจ\nเศาร์\nเศารยะ\nเศิก\nเศียร\nโศก\nโศกา\nโศกาดูร\nโศกาลัย\nโศกี\nโศจิ\nโศธนะ\nโศภน\nโศภะ\nโศภา\nโศภิต\nโศภิน\nโศภิษฐ์\nโศภี\nโศรดา\nโศรตร\nโศลก\nไศล\nไศวะ\nษมา\nษัฏ\nษัฑ\nษัณ\nษัษ\nษัษฐะ\nษัษฐี\nโษฑศัน\nสก\nสกวาที\nสกฏะ\nสกทาคามิผล\nสกิทาคามิผล\nสกทาคามิมรรค\nสกิทาคามิมรรค\nสกทาคามี\nสกิทาคามี\nสกนธ์\nสกปรก\nสกรณีย์\nสกรรจ์\nสกรรมกริยา\nสกล\nสกลมหาสังฆปริณายก\nสกัด\nสกา\nสกาว\nสกี\nสกุณ\nสกุณา\nสกุณี\nสกุน\nสกุนต์\nสกุล\nสเกต\nสแกนเดียม\nสขะ\nสง\nส่ง\nสงกร\nสงกรานต์\nสงกา\nสงค์\nสงคร\nสงคราม\nสงเคราะห์\nสงฆ์\nสงบ\nสงวน\nส่งสการ\nสงสัย\nสงสาร\nสงสารวัฏ\nสงัด\nสง่า\nสฐะ\nสณฑ์\nสด\nสดมภ์\nสดับ\nสดับปกรณ์\nสดำ\nสดุดี\nสตะ\nสตน\nสตภิสชะ\nสตรอนเชียม\nสตริกนิน\nสตรี\nสตัฟฟ์\nสตัมภ์\nสตางค์\nสติ\nสติปัฏฐาน\nสตี\nสตู\nสตูป\nสเต๊ก\nสถบดี\nสถล\nสถวีระ\nสถาน\nสถานะ\nสถานี\nสถาบัน\nสถาปนา\nสถาปนิก\nสถาปัตยกรรม\nสถาปัตยกรรมศาสตร์\nสถาปัตยเรขา\nสถาปัตยเวท\nสถาพร\nสถาวร\nสถิต\nสถิตยศาสตร์\nสถิติ\nสถิร\nสถีรวาท\nสถุล\nสถูป\nสทิง\nสทึง\nสทุม\nสธนะ\nสาธุสะ\nสน\nส้น\nสนทนา\nสนทรรศ\nสนทรรศน์\nสนเทศ\nสนเท่ห์\nสนธยา\nสนธิ\nสนน\nสนม\nสนวน\nสนอง\nสนอบ\nสนอม\nสนะ\nสนัด\nสนั่น\nสนับ\nสนับทึบ\nสนับสนุน\nสนาน\nสนาม\nสนายุ\nสนิกะ\nสนิท\nสนิธ\nสนิม\nสนุก\nสนุกเกอร์\nสนุข\nสนุต\nสนุ่น\nสบ\nสบง\nสบถ\nสบัน\nสบาย\nสบู่\nสไบ\nสปริง\nสปอร์\nสปาเกตตี\nสเปกตรัม\nสเปกโทรสโกป\nสไปริลลัม\nสพาบ\nสภา\nสภาพ\nสภาวการณ์\nสภาวะ\nสม\nสมการ\nสมจารี\nสมดุล\nสมมูล\nส้ม\nสมญา\nสมณะ\nสมณบริขาร\nสมณศักดิ์\nสมณสารูป\nสมเด็จ\nสมถะ\nสมถยานิก\nสมถวิปัสสนา\nสมนาคุณ\nสมบัติ\nสมบุกสมบัน\nสมบูรณ์\nสมบูรณาญาสิทธิราชย์\nสมประดี\nสมปฤดี\nสมปฤๅดี\nส้มป่อย\nสมปัก\nสมผุส\nสมพง\nสมพงศ์\nสมพล\nสมพัตสร\nสมพาส\nสมเพช\nสมโพธน์\nสมโพธิ\nสมภพ\nสมภาร\nสมโภค\nสมโภช\nสมมต\nสมมติ\nสมมุติ\nสมมาตร\nส้มมือ\nสมโมท\nสมโยค\nสมร\nสมรด\nสมรรถ\nสมรรถนะ\nสมรรถภาพ\nสมรส\nสมฤดี\nสมฤติ\nสมวายะ\nสมเสร็จ\nสมอ\nสมอง\nสมะ\nสมัคร\nสมังคี\nสมัช\nสมัชชา\nสมัญญา\nสมัต\nสมัน\nสมันต์\nสมัย\nสมา\nสมาคม\nสมาจาร\nสมาชิก\nสมาทาน\nสมาธิ\nสมาน\nสมานฉันท์\nสมาบัติ\nสมาพันธรัฐ\nสมาส\nสม่ำเสมอ\nสมิง\nสมิต\nสมิติ\nสมิทธ์\nสมิทธิ\nสมี\nสมุก\nสมุจจัย\nสมุจเฉท\nสมุฏฐาน\nสมุด\nสมุทร\nสมุทรโคดม\nสมุทัย\nสมุน\nสมุนไพร\nสมุลแว้ง\nสมุห\nสมุห์\nสมุหกลาโหม\nสมุหเทศาภิบาล\nสมุหนาม\nสมุหนายก\nสโมธาน\nสโมสร\nสยด\nสยนะ\nสยบ\nสยมพร\nสยมภู\nสยอง\nสยอน\nสยัมวรา\nสยาม\nสยามานุสติ\nสยามินทร์\nสยาย\nสยิว\nสยิ้ว\nสยุมพร\nสยุมภู\nสร\nสรง\nสร่ง\nสรณะ\nสรณคมน์\nสรณาคมน์\nสรณตรัย\nสรตะ\nสรทะ\nสรนุก\nสรเนาะ\nสรไน\nสรเพชญ\nสรภะ\nสรภัญญะ\nสรภู\nสรม\nสรร\nสรรค์\nสรรพ\nสรรพคุณ\nสรรพนาม\nสรรพสามิต\nสรรพัชญ\nสรรพากร\nสรรพางค์\nสรรเพชญ\nสรรเพชุดา\nสรรเสริญ\nสรลอน\nสรเลข\nสรวง\nสรวม\nสรวล\nสรเสริญ\nสร้อย\nสระ\nสระกอ\nสระท้อน\nสระพรั่ง\nสระอาด\nสรั่ง\nสรัสวดี\nสร่าง\nสร้าง\nสราญ\nสรี้\nสรีระ\nสรีรกิจ\nสรีรธาตุ\nสรีรวิทยา\nสรีรศาสตร์\nสรีรังคาร\nสรีรางคาร\nสรุป\nสโรช\nสโรชะ\nสฤก\nสฤต\nสฤษฎิ\nสฤษฎี\nสฤษฏ์\nสฤษดิ์\nสลด\nสลบ\nสลวน\nสลวย\nสลอด\nสลอน\nสลอย\nสละ\nสลัก\nสลัด\nสลัดได\nสลับ\nสลัว\nสลา\nสลาก\nสลาง\nสล้าง\nสลาด\nสลาตัน\nสลาบ\nสลาย\nสลิด\nสลิล\nสลึก\nสลึง\nสลุต\nสลุบ\nสลุมพร\nสแลง\nสวการย์\nสวภาพ\nสวราชย์\nสวก\nส้วง\nสวด\nสวน\nสวนะ\nสวนาการ\nส่วน\nสวนิต\nสวบ\nสวม\nส้วม\nสวย\nส่วย\nส้วย\nสวยม\nสวรรค\nสวรรค์\nสวรรคต\nสวรรคาลัย\nสวรรยา\nสวระ\nสวะ\nสวัสดิ\nสวัสดิ์\nสวัสดิการ\nสวัสดิภาพ\nสวัสดิมงคล\nสวัสดี\nสวัสติ\nสวาตี\nสวัสติกะ\nสวา\nสวาปาม\nสวาคตะ\nสวาง\nสว่าง\nสวาด\nสวาดิ\nสวาท\nสว่าน\nสว้าน\nสวาบ\nสวามิ\nสวามี\nสวามินี\nสวาย\nสวาสดิ์\nสวาหะ\nสวิง\nสวิญญาณกทรัพย์\nสวิตช์\nสสาร\nสสุระ\nสสุรี\nสหกรณ์\nสหการ\nสหจร\nสหชาต\nสหชาติ\nสหธรรม\nสหธรรมิก\nสหประชาชาติ\nสหพันธ์\nสหพันธรัฐ\nสหภาพ\nสหศึกษา\nสหัช\nสหัมบดี\nสหัส\nสหัสสะ\nสหัสธารา\nสหัสนัยน์\nสหัสเนตร\nสหัสรังสี\nสหัสา\nสหาย\nสอ\nส่อ\nสอง\nส่อง\nส้อง\nสอด\nสอน\nส่อน\nสอบ\nสอพลอ\nส้อม\nสอย\nสะ\nสะกด\nสะกอ\nสะกาง\nสะการะ\nสะกิด\nสะกิดสะเกา\nสะเก็ด\nสะแก\nสะคร้อ\nสะคราญ\nสะค้าน\nสะเงาะสะแงะ\nสะดม\nสะดวก\nสะดิ้ง\nสะดึง\nสะดือ\nสะดุ้ง\nสะดุด\nสะเด็ด\nสะเดา\nสะเดาะ\nสะตอ\nสะตาหมัน\nสะตึ\nสะตือ\nสะตุ\nสะเต๊ะ\nสะโตก\nสะทก\nสะท้อน\nสะท้าน\nสะทึก\nสะเทิน\nสะเทิ้น\nสะเทือน\nสะเทื้อน\nสะบะ\nสะบัก\nสะบักสะบอม\nสะบัด\nสะบัดสะบิ้ง\nสะบั้น\nสะบันงา\nสะบ้า\nสะบู\nสะแบง\nสะเปะสะปะ\nสะพรั่ง\nสะพรึงกลัว\nสะพรึบ\nสะพรึ่บ\nสะพัก\nสะพัง\nสะพัด\nสะพั้น\nสะพาน\nสะพาย\nสะเพร่า\nสะโพก\nสะเภา\nสะใภ้\nสะโมง\nสะระตะ\nสะระแหน่\nสะลาง\nสะลาบ\nสะลึมสะลือ\nสะวี้ดสะว้าด\nสะสม\nสะสวย\nสะสาง\nสะเหล่อ\nสะอาง\nสะอาด\nสะอ้าน\nสะอิ้ง\nสะอิดสะเอียน\nสะอึก\nสะอื้น\nสะเอ้ง\nสะเอว\nสะเออะ\nสะโอดสะอง\nสะไอ\nสัก\nสักกะ\nสักยะ\nสักกัจจะ\nสักกายทิฐิ\nสักการ\nสักการะ\nสักขี\nสักวา\nสักหลาด\nสัค\nสัคคะ\nสั่ง\nสังกร\nสังกรณี\nสังกรประโยค\nสังกะตัง\nสังกะวัง\nสังกะวาด\nสังกะสี\nสังกัด\nสังกัปปะ\nสังกา\nสังการ\nสังกาศ\nสังกิเลส\nสังเกต\nสังข์\nสังขกร\nสังขตธรรม\nสังขตะ\nสังขยา\nสังขลิก\nสังขลิกา\nสังขาร\nสังขารา\nสังเขป\nสังค์\nสังคญาติ\nสังคม\nสังคหะ\nสังคัง\nสังคายนา\nสังคายนาย\nสังคีต\nสังคีติ\nสังเค็ด\nสังเคราะห์\nสังฆกรรม\nสังฆการี\nสังฆเถระ\nสังฆทาน\nสังฆนายก\nสังฆปาโมกข์\nสังฆภัต\nสังฆเภท\nสังฆมณฑล\nสังฆมนตรี\nสังฆราช\nสังฆสภา\nสังฆาณัติ\nสังฆาฏิ\nสังฆาทิเสส\nสังฆาธิการ\nสังฆานุสติ\nสังฆาวาส\nสังยุตนิกาย\nสังโยค\nสังโยชน์\nสังวร\nสังวัจฉระ\nสังวัธยาย\nสังวาล\nสังวาส\nสังเวคะ\nสังเวช\nสังเวชนียสถาน\nสังเวย\nสังเวียน\nสังสกฤต\nสังสการ\nสังสนทนา\nสั่งสนทนา\nสังสรรค์\nสังสารวัฏ\nสังสิทธิ\nสังสุทธ์\nสังสุทธิ\nสังหร\nสังหรณ์\nสังหาร\nสังหาริมทรัพย์\nสังหาริมะ\nสังหิต\nสัจ\nสัจกิริยา\nสัจจะ\nสัจญาณ\nสัจธรรม\nสัจนิยม\nสัจพจน์\nสัชฌะ\nสัชฌุ\nสัญจร\nสัญเจตนา\nสัญชาตญาณ\nสัญชาติ\nสัญฌา\nสัญญา\nสัญญาณ\nสัญญี\nสัญโญชน์\nสัญนิยม\nสัญประกาศ\nสัญลักษณ์\nสัฐิ\nสัณฐาน\nสัณฐิติ\nสัณฑ์\nสัณห์\nสัด\nสัดจอง\nสัต\nสัตตะ\nสัตตาหกรณียะ\nสัตตาหกาลิก\nสัตมวาร\nสัตสดก\nสัตตบงกช\nสัตตบรรณ\nสัตตบุษย์\nสัตตู\nสัตถันดร\nสัตถา\nสัตถิ\nสัตถุ\nสัตถุศาสนา\nสัตบรรณ\nสัตย์\nสัตยพรต\nสัตยวาที\nสัตยาเคราะห์\nสัตยาธิษฐาน\nสัตยาบัน\nสัตว์\nสัตวชาติ\nสัตวบาล\nสัตวแพทย์\nสัตววิทยา\nสัตวา\nสัทธรรม\nสัทธา\nสัทธาจริต\nสัทธาธิกะ\nสัทธินทรีย์\nสัทธิงวิหาริก\nสัทธิวิหาริก\nสัทวิทยา\nสัทศาสตร์\nสัทอักษร\nสัน\nสั่น\nสั้น\nสันดาน\nสันดาป\nสันโดษ\nสันต์\nสันตติ\nสันตะปาปา\nสันตะวา\nสันติ\nสันตุฏฐี\nสันถวไมตรี\nสันถวะ\nสันถัต\nสันถาร\nสันทนะ\nสันทะ\nสันทัด\nสันทัสนะ\nสันทาน\nสันทิฐิก\nสันทิส\nสันเทหะ\nสันธาน\nสันนิธิ\nสันนิบาต\nสันนิวาส\nสันนิษฐาน\nสันสกฤต\nสับ\nสับปลับ\nสับปลี้\nสับปะรด\nสัปคับ\nสัปดาห์\nสัปดาหะ\nสัปดน\nสัปตศก\nสัปทน\nสัปปะ\nสัปปิ\nสัปปุริส\nสัปปุรุษ\nสัประยุทธ์\nสัปหงก\nสัปเหร่อ\nสัพ\nสัพพะ\nสัพพัญญู\nสัพเพเหระ\nสัพยอก\nสัมบูรณ์\nสัมปชัญญะ\nสัมปทา\nสัมปทาน\nสัมปยุต\nสัมปโยค\nสัมประสิทธิ์\nสัมประหาร\nสัมปรายภพ\nสัมปรายิกภพ\nสัมปัตติ\nสัมผัปลาป\nสัมผัปลาปะ\nสัมผัส\nสัมพล\nสัมพหุลา\nสัมพัจฉรฉินท์\nสัมพัตสร\nสัมพัทธ์\nสัมพันธ์\nสัมพันธน์\nสัมพันธภาพ\nสัมพันธมิตร\nสัมพันธไมตรี\nสัมพาหะ\nสัมพุทธ\nสัมพุทธะ\nสัมโพธิ\nสัมภวะ\nสัมภเวสี\nสัมภัต\nสัมภัตตะ\nสัมภาระ\nสัมภาษณ์\nสัมโภคกาย\nสัมมนา\nสัมมัปธาน\nสัมมา\nสัมโมทนียกถา\nสัมฤทธิ\nสัมฤทธิ์\nสัมฤทธิศก\nสัยน์\nสัลเลข\nสัสดี\nสัสตทิฐิ\nสัสสะ\nสัสสุ\nสัสสู\nสา\nส่า\nสาก\nสากรรจ์\nสากล\nสากัจฉา\nสากัลย์\nสากิยะ\nสาเก\nสาขา\nสาคร\nสาคเรศ\nสาคู\nสาง\nส้าง\nสาชล\nสาฎก\nสาฏิก\nสาณี\nสาด\nสาไถย\nสาทร\nสาทิส\nสาทุ\nสาโท\nสาธก\nสาธยะ\nสาธยาย\nสาธารณะ\nสาธารณชน\nสาธารณประโยชน์\nสาธารณภัย\nสาธารณรัฐ\nสาธารณสถาน\nสาธารณสมบัติ\nสาธารณสุข\nสาธารณูปการ\nสาธารณูปโภค\nสาธารณ์\nสาธิต\nสาธุ\nสาน\nส่าน\nสานุ\nสานู\nสานุศิษย์\nสาบ\nสาบสูญ\nสาบาน\nสาป\nสาปไตย\nสาม\nสามชุก\nสามเณร\nสามเณรี\nสามนต์\nสามนตราช\nสามยทรัพย์\nสามล\nสามหาว\nสามะ\nสามัคคี\nสามัญ\nสามัตถิยะ\nสามานย์\nสามานยนาม\nสามารถ\nสามิต\nสามินี\nสามิภักดิ์\nสามี\nสามีจิกรรม\nสาย\nส่าย\nส้าย\nสายชู\nสายัณห์\nสายาห์\nสาร\nสารคดี\nสารธรรม\nสารนิเทศ\nสารบบ\nสารบรรณ\nสารบัญ\nสารบาญ\nสารบาญชี\nสารประโยชน์\nสารสนเทศ\nสารทุกข์\nสารถี\nสารท\nสารพัด\nสารพัน\nสารพางค์\nสารภาพ\nสารภี\nสารวัตร\nสาระ\nสาระแน\nสาระพา\nสาระยำ\nสาระวารี\nสาระสะมา\nสารัตถประโยชน์\nสารัตถศึกษา\nสารัตถะ\nสารัทธ์\nสารัมภ์\nสาราณียกร\nสาราณียธรรม\nสาราณียะ\nสารานุกรม\nสารีริกธาตุ\nสารูป\nสาโรช\nสาละ\nสาละวน\nสาลิ\nสาลิกา\nสาลินี\nสาลี\nสาลี่\nสาลู\nสาโลหิต\nสาว\nสาวก\nสาวิกา\nสาวิตร\nสาวิตรี\nสาสน\nสาสน์\nสาส์น\nสาสนา\nสาสม\nสาหร่าย\nสาหรี\nส่าหรี\nสาหัส\nสาเหตุ\nสาแหรก\nสำ\nสำส่อน\nส่ำ\nสำคัญ\nสำซ่าง\nสำแดง\nสำทับ\nสำนวน\nสำนอง\nสำนัก\nสำนาน\nสำนึก\nสำนึง\nสำเนา\nสำเนียง\nสำบัด\nสำปะลอ\nสำปะหลัง\nสำปั้น\nสำปันนี\nสำเภา\nสำมะงา\nสำมะโน\nสำมะลอ\nสำมะเลเทเมา\nสำมะหา\nสำรด\nสำรวจ\nสำรวม\nสำรวย\nสำรวล\nสำรอก\nสำรอง\nสำรับ\nสำราก\nสำราญ\nสำริด\nสำเร็จ\nสำเรา\nสำเริง\nสำโรง\nสำลัก\nสำลาน\nสำลี\nสำแลง\nสำหรวด\nสำหรับ\nสำหา\nสำเหนียก\nสำเหร่\nสำออย\nสำอาง\nสิ\nสิกข์\nสิข\nสิกขมานา\nสิกขา\nสิขร\nสิขรี\nสิขเรศ\nสิขา\nสิขานล\nสิขี\nสิคาล\nสิง\nสิ่ง\nสิงขร\nสิงค์\nสิงคลิ้ง\nสิงคลี\nสิงคาร\nสิงคาล\nสิงคี\nสิงโต\nสิงห์\nสิงหนาท\nสิงหบัญชร\nสิงหรา\nสิงหราช\nสิงหาคม\nสิงหาสน์\nสิงหล\nสิญจน์\nสิตะ\nสิตางศุ์\nสิถิล\nสิทธ์\nสิทธัตถะ\nสิทธา\nสิทธาจารย์\nสิทธารถ\nสิทธิ\nสิทธิ์\nสิทธิการิยะ\nสิธยะ\nสิน\nสิ้น\nสินเทา\nสินธพ\nสินธุ\nสินธุ์\nสินธุระ\nสินธู\nสินเธาว์\nสินาด\nสินิทธ์\nสินี\nสิเนรุ\nสิเนหก\nสิเนหะ\nสิเนหา\nสิเน่หา\nสิบ\nสิปปะ\nสิมพลี\nสิระ\nสิโรดม\nสิโรตม์\nสิริ\nสิรี\nสิลา\nสิว\nสิ่ว\nสิวะ\nสิวาลัย\nสิวิกา\nสี\nสี่\nสี้\nสีกา\nสีกุน\nสีข้าง\nสีด\nสีดอ\nสีดา\nสีตลรัศมี\nสีตโลทก\nสีโตทก\nสีทันดร\nสีมันต์\nสีมา\nสีละมัน\nสีวิกา\nสีสอ\nสีสะ\nสีสา\nสีสุก\nสีเสียด\nสีห์\nสีหนาท\nสีหบัญชร\nสีหราช\nสีหไสยา\nสีหไสยาสน์\nสีหะ\nสึก\nสึง\nสืบ\nสื่อ\nสุ\nสุก\nสุกข์\nสุกร\nสุกรม\nสุกำศพ\nสุกียากี้\nสุข\nสุขา\nสุขาภิบาล\nสุขารมณ์\nสุขาวดี\nสุขิน\nสุขี\nสุขุม\nสุขุมาล\nสุโข\nสุคต\nสุคติ\nสุคนธ\nสุคนธ์\nสุคนธชาติ\nสุคนธรส\nสุคันธ์\nสุคันธรส\nสุงกะ\nสุงกากร\nสุงสิง\nสุงสุมาร\nสุจริต\nสุจหนี่\nสุจิ\nสุจิต\nสุจิตร\nสุชน\nสุชัมบดี\nสุชา\nสุชาดา\nสุญ\nสุญญากาศ\nสุญตา\nสุญนิยม\nสุณ\nสุณิสา\nสุด\nสุดา\nสุต\nสุตตนิบาต\nสุตตะ\nสุตตันตปิฎก\nสุตตันตะ\nสุติ\nสุทธ\nสุทธ์\nสุทธาวาส\nสุทธิ\nสุทรรศน์\nสุทัศน์\nสุธา\nสุธาโภชน์\nสุธารส\nสุธาสินี\nสุธาสี\nสุธี\nสุนทร\nสุนทรี\nสุนทรียภาพ\nสุนทรียศาสตร์\nสุนทรียะ\nสุนัข\nสุนันท์\nสุโนก\nสุบดี\nสุบรรณ\nสุบิน\nสุปรีดิ์\nสุปรีย์\nสุปาณี\nสุพพัต\nสุพรรณ\nสุพรรณบัฏ\nสุพรรณภาชน์\nสุพรรณราช\nสุพรรณศรี\nสุพรรณถัน\nสุพรรณิการ์\nสุภร\nสุภัค\nสุภา\nสุภาพ\nสุภาษิต\nสุม\nสุ่ม\nสุมทุม\nสุมน\nสุมนะ\nสุมนัส\nสุมนา\nสุ้มเสียง\nสุมะ\nสุมาลี\nสุเมธ\nสุเมรุ\nสุรคต\nสุรเชษฐ์\nสุรบดี\nสุรภาพ\nสุรโลก\nสุรสีหนาท\nสุรเสียง\nสุรงค์\nสุรังค์\nสุรภี\nสุรัติ\nสุรัสวดี\nสุรา\nสุรางค์จำเรียง\nสุรางคนา\nสุรางคนางค์\nสุรารักษ์\nสุราลัย\nสุรินทร์\nสุรินทราหู\nสุริยะ\nสุริยกันต์\nสุริยกานต์\nสุริยการ\nสุริยกาล\nสุริยคติ\nสุริยคราส\nสุริยมณฑล\nสุริยวงศ์\nสุริยง\nสุริยา\nสุริเยนทร์\nสุริเยศ\nสุริโย\nสุริยน\nสุริยัน\nสุริยุปราคา\nสุรีย์\nสุรุ่ยสุร่าย\nสุลต่าน\nสุวคนธ์\nสุวภาพ\nสุวรรณ\nสุวรรณภูมิ\nสุวะ\nสุวาน\nสุวินัย\nสุวิมล\nสุษิระ\nสุสาน\nสุหนัต\nสุหร่ง\nสุหร่าย\nสุหฤท\nสุหัท\nสุเหร่า\nสู\nสู่\nสู้\nสูง\nสูจิ\nสูจิบัตร\nสูญ\nสูด\nสูต\nสูตร\nสูติ\nสูติกรรม\nสูตินรีเวช\nสูติบัตร\nสูติแพทย์\nสูติศาสตร์\nสูท\nสูทกรรม\nสูทศาสตร์\nสูบ\nสูปะ\nสูร\nสูรย์\nสูรยกานต์\nสูริ\nสูสี\nเส\nเสก\nเสกขบุคคล\nเสกขะ\nเสขบุคคล\nเสขะ\nเส็ง\nเส้ง\nเส็งเคร็ง\nเสงี่ยม\nเสฏฐี\nเสณี\nเสด\nเสด็จ\nเสตุ\nเสถียร\nเสทะ\nเสโท\nเสน\nเส้น\nเสนง\nเสน่ง\nเสน่ห์\nเสนหา\nเสน่หา\nเสนอ\nเสนะ\nเสนา\nเสนาธิการ\nเสนาบดี\nเสน่า\nเสนากุฎ\nเสนางค์\nเสนางคนิกร\nเสนานี\nเสนาสนะ\nเสนาะ\nเสนี\nเสนีย์\nเสนียะ\nเสนียด\nเสบย\nเสบียง\nเสพ\nเสพย์\nเสเพล\nเสภา\nเสม็ด\nเสมหะ\nเสมอ\nเสมา\nเสมียน\nเสมือน\nเสย\nเสร็จ\nเสริด\nเสริม\nเสรี\nเสลด\nเสลบรรพต\nเสลา\nเสลี่ยง\nเสลือกสลน\nเสโล\nเสวก\nเสวกามาตย์\nเสวนะ\nเสวนา\nเสวย\nเสวียน\nเสสรวง\nเสสรวล\nเสา\nเส้า\nเสาร์\nเสารภย์\nเสารี\nเสาวคนธ์\nเสาวธาร\nเสาวภา\nเสาวภาคย์\nเสาวภาพ\nเสาวรภย์\nเสาวรส\nเสาวลักษณ์\nเสาวณิต\nเสาวนะ\nเสาวนา\nเสาวนีย์\nเสาหฤท\nเสาะ\nเสาะแสะ\nเสิร์จ\nเสิร์ฟ\nเสีย\nเสียง\nเสี่ยง\nเสียด\nเสี้ยน\nเสียบ\nเสียม\nเสี่ยม\nเสี้ยม\nเสียว\nเสี่ยว\nเสี้ยว\nเสือ\nเสื่อ\nเสื้อ\nเสือก\nเสื่อม\nแส\nแส่\nแส้\nแสก\nแสง\nแสด\nแสดง\nแสตมป์\nแสน\nแสนย์\nแสนยากร\nแสนยานุภาพ\nแสบ\nแสม\nแสยก\nแสยง\nแสยะ\nแสรก\nแสร้ง\nแสลง\nแสล้ม\nแสวง\nแสะ\nโสก\nโสกโดก\nโสกันต์\nโสโครก\nโสณฑ์\nโสณิ\nโสณี\nโสด\nโสดก\nโสดม\nโสดา\nโสดาบัน\nโสดาปัตติผล\nโสดาปัตติมรรค\nโสต\nโสตทัศนวัสดุ\nโสตทัศนอุปกรณ์\nโสตทัศนูปกรณ์\nโสตินทรีย์\nโสตถิ\nโสทก\nโสทร\nโสธก\nโสธนะ\nโสน\nโสภณ\nโสภา\nโสภี\nโสภิณี\nโสเภณี\nโสม\nโสมนัส\nโสมม\nโสมย์\nโสร่ง\nโสรจ\nโสรวาร\nโสโร\nโสวรรณ\nโสหุ้ย\nโสฬส\nใส\nใส่\nไส\nไส้\nไสย\nไสยา\nไสยาสน์\nไสร้\nไสว\nหก\nหกคะเมน\nหง\nหงก\nหงส์\nหงสบาท\nหงสรถ\nหงอ\nหงอก\nหง่อง\nหงองแหงง\nหงอด\nหงอน\nหง่อม\nหงอย\nหง่อย\nหงัก\nหงับ\nหง่าง\nหงาย\nหง่าว\nหงำ\nหงิก\nหงิง\nหงิม\nหงึก\nหงุงหงิง\nหงุดหงิด\nหงุบ\nหงุ่ย\nหญ้า\nหญ้าฝรั่น\nหญ้ายายเภา\nหญิง\nหญิบ\nหด\nหตะ\nหทัย\nหน\nหนวก\nหน่วง\nหนวด\nหน่วย\nหน่วยกิต\nหนอ\nหน่อ\nหนอก\nหนอง\nหนอน\nหนอนตายหยาก\nหน่อย\nหน็อยแน่\nหนัก\nหนัง\nหนังสติ๊ก\nหนังสือ\nหนั่น\nหนับ\nหนา\nหน้า\nหน่าง\nหนาด\nหนาน\nหนาม\nหน่าย\nหนาว\nหนำ\nหนำเลี้ยบ\nหนี\nหนี้\nหนีบ\nหนึก\nหนึ่ง\nหนึบ\nหนืด\nหนุ\nหนุน\nหนุบ\nหนุ่ม\nหนุ่ย\nหนู\nห่ม\nหมก\nหมด\nหม่น\nหมวก\nหมวด\nหมวน\nหมอ\nหม่อ\nหม้อ\nหมอก\nหมอง\nหม่อง\nหมอน\nหม่อน\nหมอบ\nหม่อม\nหมอย\nหม้อห้อม\nหมัก\nหมักหมม\nหมัด\nหมัน\nหมั่น\nหมั้น\nหมับ\nหมา\nหม่า\nหมาก\nหมากฮอส\nหมาง\nหมาด\nหมามุ่ย\nหมามุ้ย\nหมาย\nหม้าย\nหมาร่า\nหม่ำ\nหม้ำ\nหมิ่น\nหมี\nหมี่\nหมึก\nหมืน\nหมื่น\nหมุด\nหมุน\nหมุบ\nหมุบหมับ\nหมุบหมิบ\nหมุ่ย\nหมุยขาว\nหมู\nหมู่\nหมูหริ่ง\nหยก\nหย่ง\nหยด\nหยวก\nหยวบ\nหยอก\nหยอกเอิน\nหย็อกหย็อย\nหยอง\nหย็อง\nหย่อง\nหย็องกรอด\nหย็องแหย็ง\nหยอด\nหยอน\nหย่อน\nหย่อม\nหย็อมแหย็ม\nหย็อย\nหย่อย\nหยัก\nหยักไย่\nหยักเหยา\nหยัง\nหยั่ง\nหยังหยัง\nหยัด\nหยัน\nหยับ\nหยั่วเมือง\nหย่า\nหยากเยื่อ\nหยากไย่\nหยาด\nหยาบ\nหยาม\nหยาว\nหย้าว\nหยำเป\nหยำเหยอะ\nหยำแหยะ\nหยิก\nหยิ่ง\nหยิบ\nหยิม\nหยี\nหยี่\nหยุกหยิก\nหยุด\nหยุ่น\nหยุบ\nหยุมหยิม\nหยูกยา\nหโยดม\nหรคุณ\nหรณะ\nหรดาล\nหรดี\nหรรษ์\nหรรษา\nหรอ\nหรอก\nหร็อมแหร็ม\nหรอย\nหระ\nหรับ\nหรา\nหริ\nหริ่ง\nหริณะ\nหริต\nหริตกี\nหรีตกี\nหรี่\nหรีด\nหรือ\nหรุบ\nหรุบรู่\nหรุบหรู่\nหรุ่ม\nหรู\nหรูหรา\nหฤทัย\nหฤทย์\nหฤษฎ์\nหฤษฎี\nหฤหรรษ์\nหฤโหด\nหลง\nหลงใหล\nหลงจู๊\nหลด\nหลน\nหล่น\nหลบ\nหล่ม\nหลวง\nหลวม\nหลอ\nหล่อ\nหลอก\nหลอด\nหลอน\nหล็อน\nหล่อน\nหลอม\nหละ\nหละหลวม\nหลัก\nหลัง\nหลั่ง\nหลัด\nหลั่น\nหลับ\nหลัว\nหลา\nหล้า\nหลาก\nหลาน\nหลาบ\nหลาม\nหลาย\nหลาว\nหลิ่ง\nหลิท\nหลิน\nหลิม\nหลิว\nหลิ่ว\nหลี\nหลีก\nหลีโก\nหลีบ\nหลีฮื้อ\nหลืบ\nหลุกหลิก\nหลุด\nหลุน\nหลุบ\nหลุม\nหลุมพอ\nหลุมพี\nหลู่\nหวง\nห่วง\nห้วง\nหวด\nหวน\nห้วน\nหวย\nห้วย\nหวอ\nหวอด\nหวะ\nหวัง\nหวัด\nหวั่น\nหวันยิหวา\nหวัว\nหวัวร่อ\nหวัวเราะ\nหวา\nหว่า\nหว้า\nหวาก\nหว่าง\nหวาด\nหวาน\nหว่าน\nหวาม\nหวาย\nหวำ\nหวิด\nหวิว\nหวี\nหวี่\nหวีด\nหวือ\nหวุดหวิด\nหวูด\nหอ\nห่อ\nห้อ\nหอก\nหอง\nห้อง\nหอน\nห่อน\nหอบ\nหอม\nห้อม\nหอย\nห้อย\nหะ\nหะยี\nหะหาย\nหัก\nหัจญ์\nหัจญี\nหัช\nหัฏฐะ\nหัด\nหัต\nหัตถ์\nหัตถกรรม\nหัตถการ\nหัตถกิจ\nหัตถบาส\nหัตถพันธ์\nหัตถาภรณ์\nหัตถศาสตร์\nหัตถศิลป์\nหัตถศึกษา\nหัตถาจารย์\nหัตถินี\nหัตถี\nหัน\nหั่น\nหั้น\nหันตรา\nหับ\nหัย\nหัว\nหัวร่อ\nหัวเราะ\nหัส\nหัสดิน\nหัสดี\nหัสต์\nหัสตะ\nหา\nห่า\nห้า\nหาก\nหาง\nห่าง\nห้าง\nหาญ\nหาด\nห่าน\nหาบ\nหาม\nห่าม\nห้าม\nหาย\nหายใจ\nหายนะ\nหาร\nหารือ\nหาว\nห้าว\nหาสะ\nหำ\nห้ำ\nหิ้ง\nหิงคุ\nหิงสา\nหิงห้อย\nหิ่งห้อย\nหิ่งหาย\nหิด\nหิต\nหิตานุหิตประโยชน์\nหิน\nหิมพาน\nหิมพานต์\nหิมวัต\nหิมวันต์\nหิมวา\nหิมะ\nหิมาลัย\nหิรัญ\nหิรัญญิการ์\nหิรัญบัฏ\nหิรัณย์\nหิรัณยรัศมี\nหิริ\nหิว\nหิ้ว\nหี\nหีด\nหีนยาน\nหีบ\nหึ\nหึง\nหึ่ง\nหึงสา\nหืด\nหืน\nหื่น\nหือ\nหื้อ\nหุง\nหุน\nหุ่น\nหุ้น\nหุนหัน\nหุบ\nหุ้ม\nหุยฮา\nหู\nหู่\nหูก\nหูด\nเห\nเห่\nเหง\nเหง่ง\nเหงา\nเหง้า\nเหงื่อ\nเหงือก\nเห็จ\nเห็ด\nเหติ\nเหตุ\nเห็น\nเหน่ง\nเหนงนายพราน\nเหน็ดเหนื่อย\nเหน็บ\nเหน่อ\nเห็นอ้ม\nเหนอะ\nเหนอะหนะ\nเหน้า\nเหนาะ\nเหนียง\nเหนี่ยง\nเหนี่ยน\nเหนียม\nเหนียว\nเหนี่ยว\nเหนือ\nเหนื่อย\nเห็บ\nเหม\nเหม่\nเหม็ง\nเหม่ง\nเหม็น\nเหมวดี\nเหม่อ\nเหมันต์\nเหมันตฤดู\nเหมา\nเหมายัน\nเหมาะ\nเหมียว\nเหมี่ยว\nเหมือง\nเหมือด\nเหมือน\nเหมื่อย\nเหย\nเหยง\nเหย่อย\nเหยา\nเหย่า\nเหย้า\nเหยาะ\nเหยาะแหยะ\nเหยิง\nเหยิบ\nเหยียด\nเหยียบ\nเหยี่ยว\nเหยื่อ\nเหยือก\nเหรอ\nเหรอะ\nเหรัญญิก\nเหรา\nเหราะ\nเหรียญ\nเหล่\nเหล็ก\nเหลน\nเหลว\nเหลอ\nเหลา\nเหล่า\nเหล้า\nเหลาะแหละ\nเหลิง\nเหลิงเจิ้ง\nเหลียน\nเหลี่ยม\nเหลียว\nเหลือ\nเหลือก\nเหลือง\nเหลือบ\nเหลือม\nเหลื่อม\nเหว\nเหว่\nเหวง\nเหวย\nเหวอะ\nเหวอะหวะ\nเหวี่ยง\nเห่อ\nเหอะ\nเหะ\nเหะหะ\nเหา\nเห่า\nเหาะ\nเหิน\nเหิม\nเหี้ย\nเหียง\nเหียน\nเหี้ยน\nเหี้ยม\nเหี่ยว\nเหื่อ\nเหือด\nแห\nแห่\nแห้\nแหก\nแหง\nแหง่\nแห่ง\nแห้ง\nแหงแก๋\nแหง่ง\nแหงน\nแหน\nแห้น\nแหนง\nแหนบ\nแหนม\nแหบ\nแหม\nแหม่\nแหม่ม\nแหมะ\nแหย\nแหย่\nแหยง\nแหย่ง\nแหยม\nแหย็ม\nแหยะ\nแหล่\nแหลก\nแหล่ง\nแหลน\nแหลม\nแหละ\nแหว\nแห้ว\nแหวก\nแหว่ง\nแหวด\nแหวน\nแหวะ\nแหะ\nโห่\nโหง\nโหด\nโหน\nโหนก\nโหน่ง\nโหม\nโหม่ง\nโหมด\nโหย\nโหยกเหยก\nโหยง\nโหย่ง\nโหร\nโหรง\nโหรงเหรง\nโหรดาจารย์\nโหระพา\nโหรา\nโหราจารย์\nโหราศาสตร์\nโหล\nโหล่\nโหลงโจ้ง\nโหว\nโหว่\nโหว้\nโหวกเหวก\nโหวง\nโหวด\nโหวต\nให้\nใหญ่\nใหม่\nไห\nไห่\nไห้\nไหน\nไหม\nไหม้\nไหรณย์\nไหล\nไหล่\nไหว\nไหว้\nไหหลำ\nอก\nอกตเวทิตา\nอกตเวที\nอกตัญญุตา\nอกตัญญู\nอกนิษฐ์\nอกรณีย์\nอกรรมกริยา\nอกัปปิยวัตถุ\nอกัปปิยะ\nอกุศล\nอคติ\nอคาธ\nอโฆษะ\nองก์\nองค์\nองคชาต\nองคมนตรี\nองครักษ์\nองคาพยพ\nองคุลี\nองศ์\nองศา\nองอาจ\nองุ่น\nอจลา\nอจินตา\nอจินไตย\nอจิระ\nอเจลก\nอเจละ\nอชะ\nอชิน\nอชินี\nอชิระ\nอฏวี\nอณิ\nอณู\nอโณทัย\nอด\nอดิถี\nอดิเทพ\nอดิเรก\nอดิศร\nอดิศวร\nอดิศัย\nอดีต\nอดุล\nอดุลย์\nอติ\nอติชาต\nอติมานะ\nอติราช\nอติเรก\nอติสาร\nอถรรพเวท\nอาถรรพเวท\nอทระ\nอทินนาทาน\nอธรรม\nอธิ\nอธิกมาส\nอธิกรณ์\nอธิกวาร\nอธิกสุรทิน\nอธิการ\nอธิคม\nอธิฏฐาน\nอธิบดี\nอธิบาย\nอธิป\nอธิปไตย\nอธิมาตร\nอธิมุตติ\nอธิโมกข์\nอธิราช\nอธิวาส\nอธิวาสนะ\nอธิศีล\nอธิษฐาน\nอธึก\nอ้น\nอนงค์\nอนงคณะ\nอนงคเลขา\nอนธการ\nอนนต์\nอนยะ\nอนรรฆ\nอนรรถ\nอนล\nอนวัช\nอนัญ\nอนัตตา\nอนันต์\nอนันตริยกรรม\nอนัม\nอนาคต\nอนาคามิผล\nอนาคามิมรรค\nอนาคามี\nอนาจาร\nอนาถ\nอนาถา\nอนาทร\nอนาธิปไตย\nอนามัย\nอนามิกา\nอนารยชน\nอนารยธรรม\nอนารยะ\nอนาลัย\nอนำ\nอนิจ\nอนิจจัง\nอนิจจา\nอนิฏฐารมณ์\nอนิยต\nอนิยม\nอนิล\nอนิวรรต\nอนิวรรตน์\nอนีกะ\nอนีจะ\nอนึก\nอนึ่ง\nอนุ\nอนุกร\nอนุกรม\nอนุกรรมการ\nอนุกระเบียด\nอนุกาชาด\nอนุการ\nอนุกูล\nอนุคามิก\nอนุเคราะห์\nอนุจร\nอนุช\nอนุชน\nอนุชา\nอนุชาต\nอนุชิต\nอนุญาต\nอนุญาโตตุลาการ\nอนุตร\nอนุเถระ\nอนุทิน\nอนุบท\nอนุบาล\nอนุประโยค\nอนุปริญญา\nอนุปสัมบัน\nอนุปัสนา\nอนุพงศ์\nอนุพัทธ์\nอนุพันธ์\nอนุโพธ\nอนุภรรยา\nอนุภริยา\nอนุภาค\nอนุภาษ\nอนุมัติ\nอนุมาตรา\nอนุมาน\nอนุมูล\nอนุโมทนา\nอนุโยค\nอนุรักษ์\nอนุรักษนิยม\nอนุราช\nอนุราธ\nอนุราธะ\nอนุราธา\nอนุรูป\nอนุโลม\nอนุวงศ์\nอนุวรรตน์\nอนุวัต\nอนุวัตน์\nอนุวัตร\nอนุวัติ\nอนุวาต\nอนุศาสก\nอนุศาสน์\nอนุศาสนาจารย์\nอนุศิษฏ์\nอนุสติ\nอนุสนธิ\nอนุสร\nอนุสรณ์\nอนุสัญญา\nอนุสัย\nอนุสาวรีย์\nอนุสาสนี\nอเนก\nอเนกคุณ\nอเนกรรถประโยค\nอเนจอนาถ\nอโนชา\nอโนดาต\nอบ\nอบเชย\nอบาย\nอปจายนธรรม\nอปจายนมัย\nอปมงคล\nอปยศ\nอประไมย\nอปรัณณชาติ\nอปรา\nอปราชัย\nอปราชิต\nอปริมาณ\nอปลักษณ์\nอปโลกน์\nอปวาท\nอเปหิ\nอพพะ\nอพยพ\nอภัพ\nอภัย\nอภิ\nอภิฆาต\nอภิชฌา\nอภิชน\nอภิชนาธิปไตย\nอภิชัย\nอภิชาต\nอภิชิต\nอภิญญา\nอภิญญาณ\nอภิธรรม\nอภิธาน\nอภิไธย\nอภินันท์\nอภินันทนาการ\nอภินัย\nอภินิหาร\nอภิเนษกรมณ์\nอภิบาล\nอภิปรัชญา\nอภิปราย\nอภิมหาอำนาจ\nอภิมานะ\nอภิมุข\nอภิรดี\nอภิรติ\nอภิรมย์\nอภิรักษ์\nอภิราม\nอภิรุต\nอภิรุม\nอภิรูป\nอภิลักขิต\nอภิลักขิตสมัย\nอภิเลปน์\nอภิวันท์\nอภิวาท\nอภิวาทน์\nอภิเษก\nอภิสมโพธิ\nอภิสมัย\nอภิสมาจาร\nอภิสัมโพธิ\nอภิสัมโพธิญาณ\nอภิสิต\nอภิสิทธิ์\nอภูตะ\nอม\nอมพะนำ\nอ้ม\nอมตธรรม\nอมตบท\nอมตะ\nอมนุษย์\nอมร\nอมรา\nอมราวดี\nอมรินทร์\nอมเรนทร์\nอมเรศ\nอมฤต\nอมัตร\nอมาตย์\nอมาวสี\nอมาวสุ\nอมาวาสี\nอมิตร\nอเมริกัน\nอย่า\nอยาก\nอย่าง\nอยุทธ์\nอยู่\nอร\nอรชร\nอรชุน\nอรดี\nอรติ\nอรทัย\nอรไท\nอรนุช\nอรพินท์\nอรพิม\nอรรค\nอรรฆ\nอรรฆย์\nอรรจน์\nอรรณพ\nอรรถ\nอรรถกถา\nอรรถกถาจารย์\nอรรถาธิบาย\nอรรธ\nอรสุม\nอรหะ\nอรหัง\nอรหัต\nอรหัตผล\nอรหัตมรรค\nอรหัน\nอรหันต์\nอรหันตฆาต\nอร่อย\nอรัญ\nอรัญญิก\nอรัญวาส\nอรัญวาสี\nอรัณย์\nอราดี\nอร่าม\nอริ\nอรินทร์\nอริน\nอริยกะ\nอริยทรัพย์\nอริยบุคคล\nอริยผล\nอริยมรรค\nอริยสัจ\nอริยะ\nอรุณ\nอรุโณทัย\nอรุ่ม\nอรูป\nอลงกต\nอลงกรณ์\nอลงการ\nอลวน\nอลเวง\nอลหม่าน\nอล่องฉ่อง\nอลักเอลื่อ\nอลังการ\nอลัชชี\nอล่างฉ่าง\nอลิงค์\nอลึงค์\nอลึ่งฉึ่ง\nอโลหะ\nอ้วก\nอวกาศ\nอวจร\nอวชัย\nอวชาต\nอวด\nอวตาร\nอวน\nอ้วน\nอวบ\nอวมงคล\nอวย\nอวยวะ\nอวรรค\nอวรุทธ์\nอวรุทธก\nอวล\nอวสาน\nอวหาร\nอวัยวะ\nอวัสดา\nอวาจี\nอวิจี\nอวิชชา\nอวิญญาณกทรัพย์\nอวิญญู\nอวิรุทธ์\nอวิโรธน์\nอวิโรธนะ\nอวิหิงสา\nอวีจิ\nอเวจี\nอโศก\nอสงไขย\nอสนี\nอัสนี\nอสนีบาต\nอสภะ\nอสมการ\nอสมมาตร\nอสรพิษ\nอสังหาริมทรัพย์\nอสังหาริมะ\nอสัญกรรม\nอสัญญี\nอสัญแดหวา\nอสัตถพฤกษ์\nอัสสัตถพฤกษ์\nอสัตย์\nอสัมภิน\nอสัมภินพงศ์\nอสัมภินวงศ์\nอสิ\nอสิธารา\nอสิต\nอสิเลสะ\nอสีตยานุพยัญชนะ\nอสีติ\nอสุ\nอสุจิ\nอสุนีบาต\nอสุภ\nอสุรกาย\nอสุรา\nอสุรี\nอสุเรศ\nอสูร\nอเสกขบุคคล\nอเสกขะ\nอเสขบุคคล\nอเสขะ\nอหังการ\nอหิ\nอหิงสา\nอหิวาต์\nอหิวาตกโรค\nอหึงสา\nอเหตุกทิฐิ\nอโหสิ\nออ\nอ้อ\nอ๋อ\nออก\nออกซิเจน\nออกซิเดชัน\nออกไซด์\nออกญา\nอ่อง\nอ๋อง\nอ้องแอ้ง\nออเซาะ\nออด\nอ๊อด\nอ๊อดแอ๊ด\nอ่อน\nอ้อน\nออนซ์\nออนซอน\nอ้อนแอ้น\nออฟฟิศ\nออม\nอ่อม\nอ้อม\nออมชอม\nออมซอม\nอ้อมแอ้ม\nอ่อย\nอ้อย\nอ๋อย\nอ้อยส้อย\nอ้อยอิ่ง\nออสเมียม\nอ้อแอ้\nอ๊ะ\nอะคร้าว\nอะเคื้อ\nอะแจ\nอะเซทิลีน\nอะดรีนาลิน\nอะดุง\nอะตอม\nอะมีบา\nอะเมริเซียม\nอะร้าอร่าม\nอะไร\nอะลุ่มอล่วย\nอะลุ้มอล่วย\nอะลูมิเนียม\nอะหม\nอะไหล่\nอัก\nอั้ก\nอั๊ก\nอักกะ\nอักโกธะ\nอักขรวิธี\nอักขรวิบัติ\nอักขรสมัย\nอักขระ\nอักขรานุกรม\nอักขะ\nอักโข\nอักโขภิณี\nอักโขเภณี\nอักษร\nอักษะ\nอักเษาหิณี\nอักเสบ\nอักอ่วน\nอัคคะ\nอัคคิ\nอัคคี\nอัคนิ\nอัคนี\nอัคร\nอัครชายา\nอัครมเหสี\nอัครราชทูต\nอัครสมณทูต\nอัง\nอังก์\nอังกนะ\nอังกฤษ\nอังกะลุง\nอังกา\nอังกาบ\nอังกุระ\nอังกุศ\nอังกูร\nอังคณะ\nอังคณา\nอังคาร\nอังคาส\nอังคีรส\nอังคุฐ\nอังคุตรนิกาย\nอังฆาต\nอังแพลม\nอั้งยี่\nอั้งโล่\nอังศุ\nอังศุก\nอังศุธร\nอังศุมาลี\nอังสกุฏ\nอังสตรอม\nอังสนา\nอังสภาระ\nอังสะ\nอังสา\nอัจกลับ\nอัจจิ\nอัจจิมา\nอัจจุตะ\nอัจฉรา\nอัจฉริยบุคคล\nอัจฉริยภาพ\nอัจฉริยลักษณ์\nอัจฉริยลักษณะ\nอัจฉริยะ\nอัจนา\nอัชฌัตติก\nอัชฌา\nอัชฌาจาร\nอัชฌาศัย\nอัชฌาสัย\nอัญเดียรถีย์\nอัญมณี\nอัญขยม\nอัญชนะ\nอัญชลี\nอัญชัน\nอัญชุลี\nอัญเชิญ\nอัญญะ\nอัญดิตถีย์\nอัญเดียรถีย์\nอัญประกาศ\nอัญรูป\nอัฏ\nอัฏฐบาน\nอัฏฐะ\nอัฏฐังคิกมรรค\nอัฏนา\nอัฐ\nอัฐฬส\nอัฐเคราะห์\nอัฐทิศ\nอัฐบริขาร\nอัฐบาน\nอัฐม\nอัฐมี\nอัฐศก\nอัฐิ\nอัฒจันทร์\nอัฒภาค\nอัฒมาส\nอัฒรัตติ\nอัณฑโกส\nอัณฑชะ\nอัณฑะ\nอัณณพ\nอัด\nอัดแจ\nอัต\nอัตชีวประวัติ\nอัตนัย\nอัตภาพ\nอัตวินิบาตกรรม\nอัตคัด\nอัตตโนบท\nอัตตา\nอัตตาธิปไตย\nอัตถ์\nอัตถะ\nอัตโนมัติ\nอัตรชะ\nอัตรา\nอัตลัด\nอัททา\nอัทธ์\nอัทธา\nอัทธาน\nอัทธายุ\nอัธยาตมวิทยา\nอัธยาย\nอัธยาศัย\nอัน\nอั้น\nอั๋น\nอันดร\nอันดับ\nอันตกะ\nอันตกาล\nอันตะ\nอันตคุณ\nอันตรภาค\nอันตรวาสก\nอันตรธาน\nอันตรา\nอันตราย\nอันตรายิกธรรม\nอันติกะ\nอันติมสัจ\nอันติมะ\nอันเต\nอันโต\nอันเตปุริก\nอันเตวาสิก\nอันแถ้ง\nอันโทล\nอันธการ\nอันธพาล\nอันธิกา\nอันเวส\nอับ\nอับปาง\nอัปปะ\nอัปเปหิ\nอัปภาคย์\nอัปมงคล\nอัปยศ\nอัประมาณ\nอัประไมย\nอัปราชัย\nอัปรีย์\nอัปลักษณ์\nอัปสร\nอัพพุท\nอัพโพหาริก\nอัพภันดร\nอัพภาน\nอัพภาส\nอัพภูตธรรม\nอัพยากฤต\nอัมพฤกษ์\nอัมพาต\nอัมพวัน\nอัมพวา\nอัมพร\nอัมพา\nอัมพิละ\nอัมพุ\nอัมพุช\nอัมพุชินี\nอัมพุท\nอัยกา\nอัยการ\nอัยกี\nอัยยะ\nอัยยิกา\nอัลกุรอาน\nอัลตราไวโอเลต\nอั่ว\nอัศจรรย์\nอัศเจรีย์\nอัศว\nอัศวเมธ\nอัศวยุช\nอัศวานึก\nอัศวิน\nอัศวินี\nอัษฎมงคล\nอัษฏมงคล\nอัษฎางคิกมรรค\nอัษฎายุธ\nอัษฎาวุธ\nอัสสะ\nอัสดร\nอัสกัณ\nอัสดง\nอัสดงคต\nอัสมิมานะ\nอัสสนี\nอัสสานึก\nอัสสาสะ\nอัสสุ\nอา\nอ่า\nอ้า\nอ๋า\nอากร\nอากังขา\nอากัป\nอาการ\nอากาศ\nอากูล\nอาเกียรณ์\nอาขยาต\nอาขยาน\nอาคเนย์\nอาคม\nอาครหายณี\nอาคันตุกะ\nอาคันตุกภัต\nอาคันตุกวัตร\nอาคาร\nอาฆาต\nอ่าง\nอ้าง\nอางขนาง\nอ้างว้าง\nอาจ\nอาจม\nอาจริยวัตร\nอาจริยวาท\nอาจาด\nอาจาร\nอาจารย์\nอาจารี\nอาจิณ\nอาเจียน\nอาชญา\nอาชวะ\nอาชา\nอาชาไนย\nอาชีพ\nอาชีวศึกษา\nอาชีวะ\nอาชีวก\nอาญา\nอาฏานา\nอาณัติ\nอาณา\nอาด\nอาดูร\nอาดุลย์\nอาดูลย์\nอาเด๊ะ\nอาตมภาพ\nอาตมัน\nอาตมา\nอาถรรพ์\nอาถรรพณ์\nอาทร\nอาทิ\nอาทิจจวาร\nอาทิตย์\nอาทิตยมณฑล\nอาทิตยวาร\nอาทีนพ\nอาทีนวะ\nอาทึก\nอาเทศ\nอาเทสนา\nอาธรรม\nอาธรรม์\nอาธาน\nอาธาร\nอาน\nอ่าน\nอานน\nอานนท์\nอานันท์\nอานันทนะ\nอานัม\nอานาปานะ\nอานาปานัสสติ\nอานิสงส์\nอานุภาพ\nอานุภาวะ\nอาบ\nอาบัติ\nอาบัน\nอาปณกะ\nอาปณะ\nอาปะ\nอาโป\nอาปานะ\nอาพัทธ์\nอาพันธ์\nอาพันธนะ\nอาพาธ\nอาเพศ\nอาภรณ์\nอาภัพ\nอาภัสระ\nอาภา\nอาภาส\nอามลกะ\nอามัย\nอามิษ\nอามิส\nอาย\nอ้าย\nอายตนะ\nอายตะ\nอายน\nอายัด\nอายัต\nอายัน\nอายาจนะ\nอายานะ\nอายุ\nอายุตกะ\nอายุธ\nอายุรกรรม\nอายุรแพทย์\nอายุรเวช\nอายุรเวท\nอายุศาสตร์\nอายุษ\nอาร์กอน\nอารดี\nอารติ\nอาร์ต\nอารทรา\nอาร์ม\nอารมณ์\nอารยชน\nอารยชาติ\nอารยธรรม\nอารยประเทศ\nอารยะ\nอารยัน\nอาระ\nอารักขา\nอารักษ์\nอารัญ\nอารัณย์\nอารัญญิก\nอารัณยกะ\nอารัติ\nอารัมภ์\nอารัมภกถา\nอารัมภบท\nอารัมภะ\nอาราธน์\nอาราธนา\nอาราม\nอารามิก\nอารี\nอารุม\nอาลปนะ\nอาละวาด\nอาลักษณ์\nอาลัย\nอาลัว\nอาลี\nอาโลก\nอาว\nอ่าว\nอ้าว\nอาวรณ์\nอาวัชนาการ\nอาวัล\nอาวาส\nอาวาสิก\nอาวาหมงคล\nอาวาหะ\nอาวุต\nอาวุธ\nอาวุโส\nอาเวค\nอาศรม\nอาศรมบท\nอาศเลษา\nอาศัย\nอาศิรพจน์\nอาศิรพาท\nอาศิรวาท\nอาศุ\nอาเศียรพจน์\nอาเศียรพาท\nอาเศียรวาท\nอาษาฒ\nอาสน\nอาสน์\nอาสนะ\nอาสนศาลา\nอาสัญ\nอาสัตย์\nอาสา\nอาสาฬห์\nอาสาฬหบูชา\nอาสาฬหะ\nอาสิญจ์\nอาสิน\nอาหม\nอาหรับ\nอาหาร\nอาฬหก\nอำ\nอ่ำ\nอ้ำ\nอำแดง\nอำนนต์\nอำนรรฆ\nอำนวย\nอำนาจ\nอำนาถ\nอำนิฐ\nอำนิษฐ์\nอำปลัง\nอำพน\nอำพล\nอำพะนำ\nอำพัน\nอำไพ\nอำเภอ\nอำมร\nอำมฤคโชค\nอำมฤต\nอำมหิต\nอำมาตย์\nอำมาตยาธิปไตย\nอำยวน\nอำรุง\nอำลา\nอำอวม\nอ้ำอึ้ง\nอิก\nอิง\nอิงค์\nอิงอร\nอิจฉา\nอิฉัน\nอิชยา\nอิฏฐารมณ์\nอิฐ\nอิฐผล\nอิด\nอิตถี\nอิตเทรียม\nอิตเทอร์เบียม\nอิติวุตตกะ\nอิทธิ\nอิน\nอินซูลิน\nอินเดีย\nอินเดียนแดง\nอินเดียม\nอินท์\nอินทขีล\nอินทนิล\nอินทผลัม\nอินทร์\nอินทรธนู\nอินทรวงศ์\nอินทรวิเชียร\nอินทรศักดิ์\nอินทราณี\nอินทราภิเษก\nอินทรายุธ\nอินทรี\nอินทรีย์\nอินทรียสังวร\nอินทีวร\nอินทุ\nอินฟราเรด\nอินัง\nอิ่ม\nอิมัลชัน\nอิริเดียม\nอิริยา\nอิริยาบถ\nอิรุพเพท\nอิเล็กตรอน\nอิเล็กทรอนิกส์\nอิเล็กโทน\nอิศร\nอิศวร\nอิษฏ์\nอิษฏี\nอิส\nอิสตรี\nอิสัตรี\nอิสรภาพ\nอิสระ\nอิสริยยศ\nอิสริยะ\nอิสริยาภรณ์\nอิสลาม\nอิสสา\nอิสิ\nอิสี\nอิหม่าม\nอิหลักอิเหลื่อ\nอี\nอี่\nอี้\nอี๊\nอี๋\nอี๋อ๋อ\nอีก\nอีก้อ\nอีก๋อย\nอีโก้ง\nอีจู้\nอี๊ด\nอีเต้อ\nอีโต้\nอีทุบ\nอีเทอร์\nอีนุงตุงนัง\nอีนูน\nอีโน\nอีแปะ\nอีโปง\nอีเพา\nอีมู\nอีรม\nอีลุ้ม\nอีลุ่ยฉุยแฉก\nอีเลิ้ง\nอีศ\nอีศวร\nอีส\nอีสาน\nอีสุกอีใส\nอีหรอบ\nอีหลักอีเหลื่อ\nอีหลี\nอีหลุกขลุกขลัก\nอีหลุกขลุกขลุ่ย\nอีเห็น\nอีเหน็บ\nอีเหนียว\nอีเหละเขละขละ\nอีเหละเขะขะ\nอีโหน่อีเหน่\nอีโหลกโขลกเขลก\nอีแอ่น\nอึ\nอึก\nอึ้ก\nอึ๊ก\nอึกทึก\nอึกอัก\nอึง\nอึ่ง\nอึ้ง\nอึด\nอึดตะปือ\nอึ้ดทึ่ด\nอึน\nอืด\nอื่น\nอื้น\nอือ\nอื้อ\nอื้อฮือ\nอุ\nอุก\nอุกกา\nอุกกาบาต\nอุกฤษฏ์\nอุกลาบาต\nอุค\nอุคระ\nอุคหนิมิต\nอุโฆษ\nอุ้ง\nอุจ\nอุจจาระ\nอุจฉุ\nอุจเฉท\nอุจเฉททิฐิ\nอุจาด\nอุชุ\nอุฏฐาการ\nอุณหภูมิ\nอุณหะ\nอุณหาหาร\nอุณหิส\nอุณา\nอุณาโลม\nอุด\nอุดเตา\nอุดม\nอุดมการณ์\nอุดมคติ\nอุดมศึกษา\nอุดร\nอุดหนุน\nอุตดม\nอุตตมะ\nอุตมภาพ\nอุตมางค์\nอุตดร\nอุตรกุรุทวีป\nอุตตรายัน\nอุตรนิกาย\nอุตรผลคุนี\nอุตตรผลคุนี\nอุตรภัทรบท\nอุตตรภัทรบท\nอุตตรภัททะ\nอุตราภิมุข\nอุตราวรรต\nอุตราวัฏ\nอุตราษาฒ\nอุตตราสาฬหะ\nอุตราสงค์\nอุตตานภาพ\nอุตพิด\nอุตรา\nอุตริ\nอุตริมนุสธรรม\nอุตลุด\nอุตส่าห์\nอุตสาหกรรม\nอุตสาหะ\nอุตุ\nอุตุนิยม\nอุตุนิยมวิทยา\nอุทก\nอุทกธาร\nอุทกธารา\nอุทกภัย\nอุทกวิทยา\nอุทกศาสตร์\nอุทธรณ์\nอุทธัจ\nอุทยาน\nอุทร\nอุทริยะ\nอุทลุม\nอุทัช\nอุทัย\nอุทาน\nอุทาร\nอุทาหรณ์\nอุทิศ\nอุทุมพร\nอุเทศ\nอุเทสิกเจดีย์\nอุธัจ\nอุ่น\nอุบ\nอุบล\nอุบะ\nอุบ๊ะ\nอุบัติ\nอุบาท\nอุบาทว์\nอุบาย\nอุบาสก\nอุบาสิกา\nอุเบกขา\nอุโบสถ\nอุปกรณ์\nอุปกรม\nอุปการ\nอุปการะ\nอุปการี\nอุปกิเลส\nอุปจาร\nอุปถัมภ์\nอุปถัมภก\nอุปทม\nอุปทูต\nอุปเทศ\nอุปเท่ห์\nอุปธิ\nอุปนัย\nอุปนิกขิต\nอุปนิษัท\nอุปนิสัย\nอุปบัติ\nอุปปาติกะ\nอุปพัทธ์\nอุปพันธ์\nอุปโภค\nอุปมา\nอุปมาน\nอุปไมย\nอุปยุวราช\nอุปรากร\nอุปราคา\nอุปราช\nอุปริ\nอุปริมปริยาย\nอุปโลกน์\nอุปเวท\nอุปสมบท\nอุปสมบัน\nอุปสัมบัน\nอุปสรรค\nอุปสัมปทา\nอุปฮาด\nอุปัชฌาย์\nอุปัชฌายวัตร\nอุปัชฌายะ\nอุปัฏฐาก\nอุปัฏฐานะ\nอุปัทวะ\nอุปัทวันตราย\nอุปาทาน\nอุปาหนา\nอุภัย\nอุ้ม\nอุมงค์\nอุโมงค์\nอุย\nอุ่ย\nอุ้ย\nอุ๊ย\nอุยยาน\nอุยยาม\nอุรณะ\nอุรพี\nอุระ\nอุรังอุตัง\nอุรัจฉัท\nอุรัจฉทะ\nอุรา\nอุรุ\nอุไร\nอุลกมณี\nอุลโลจ\nอุลามก\nอุลิด\nอุโลก\nอุแว้\nอุษณกร\nอุษณกาล\nอุษณรัศมี\nอุษณรุจี\nอุษณาการ\nอุษณีษ์\nอุษมะ\nอุษมัน\nอุษา\nอุษาโยค\nอุสภ\nอุสส่าห์\nอุสสาหะ\nอุสา\nอุสุ\nอุสุภ\nอุสุภราช\nอุสุม\nอุหรับ\nอุหลบ\nอุเหม่\nอุฬาร\nอู\nอู่\nอู้\nอูฐ\nอูด\nอูม\nอูย\nอูรุ\nอู๋อี๋\nเอ\nเอ้\nเอ๊\nเอก\nเอกเขนก\nเอกซเรย์\nเอกรรถประโยค\nเอกัคตา\nเอกังสพยากรณ์\nเอกังสวาที\nเอกา\nเอ้กา\nเอกาธิปไตย\nเอเคอร์\nเอง\nเอ็ง\nเอ๋ง\nเอ็ด\nเอ็ดตะโร\nเอดส์\nเอตทัคคะ\nเอ้เต\nเอทิล\nเอน\nเอ็น\nเอนไซม์\nเอ็นดู\nเอ็นอ่อน\nเอม\nเอ็มบริโอ\nเอย\nเอ่ย\nเอ๊ย\nเอ๋ย\nเอร็ดอร่อย\nเอราวัณ\nเอว\nเอ๊ว\nเอวัง\nเอฬกะ\nเอฬา\nเออ\nเอ่อ\nเออร์เบียม\nเอ้อระเหย\nเอ้อเร้อ\nเอ้อเฮอ\nเอ๊ะ\nเอะใจ\nเอะอะ\nเอะอะมะเทิ่ง\nเอา\nเอาทาร\nเอาทารย์\nเอารส\nเอาฬาร\nเอาะลาย\nเอิก\nเอิกเกริก\nเอิ้น\nเอิบ\nเอียง\nเอี้ยง\nเอียด\nเอี๊ยด\nเอียน\nเอี่ยน\nเอี่ยม\nเอี๊ยม\nเอี้ยมจุ๊น\nเอี้ยมเฟี้ยม\nเอี่ยว\nเอี้ยว\nเอื้อ\nเอื๊อก\nเอื้อง\nเอือด\nเอือน\nเอื้อน\nเอือม\nเอื้อม\nเอื่อย\nเอื้อย\nแอ\nแอ้\nแอ๋\nแอก\nแอกทิเนียม\nแอ่ง\nแอ้งแม้ง\nแอด\nแอ้ด\nแอ๊ด\nแอ่น\nแอนติเจน\nแอนติบอดี\nแอนติอิเล็กตรอน\nแอโนด\nแอบ\nแอม\nแอ้ม\nแอมแปร์\nแอมมิเตอร์\nแอมโมเนีย\nแอร่ม\nแอลกอฮอล์\nแอลฟา\nแอว\nแอ่ว\nแอ้วแซ่ว\nแอสทาทีน\nแอสไพริน\nแอสฟัลต์\nแอหนัง\nแออัด\nโอ\nโอ่\nโอ้\nโอ๋\nโอก\nโอ้ก\nโอ้กอ้าก\nโอ๊ก\nโอกาส\nโอฆชล\nโอฆสงสาร\nโอฆะ\nโอ่ง\nโองการ\nโองโขดง\nโอชะ\nโอชา\nโอโซน\nโอฐ\nโอด\nโอ๊ต\nโอตตัปปะ\nโอทนะ\nโอน\nโอบ\nโอปปาติกะ\nโอภา\nโอภาส\nโอม\nโอย\nโอ๊ย\nโอรส\nโอละพ่อ\nโอลิมปิก\nโอวาท\nโอษฐ์\nโอษฐชะ\nโอษฐภัย\nโอสถ\nโอห์ม\nโอหัง\nโอฬาร\nโอฬาริก\nโอฬารึก\nโอ้เอ้\nโอเอซิส\nโอ้โฮ\nไอ\nไอ้\nไอโซโทป\nไอน์สไตเนียม\nไอยรา\nไอยเรศ\nไอราพต\nไอราวัณ\nไอราวัต\nไอศกรีม\nไอศวรรย์\nไอศุริยสมบัติ\nไอศูรย์\nไอออน\nไอโอดีน\nฮกเกี้ยน\nฮด\nฮวงซุ้ย\nฮวน\nฮ้วนหมู\nฮวบ\nฮ่อ\nฮ้อ\nฮอกกี้\nฮอด\nฮ่อม\nฮ่อยจ๊อ\nฮอร์โมน\nฮอลแลนด์\nฮอลันดา\nฮะ\nฮะเบส\nฮะเรีย\nฮัก\nฮังเล\nฮัจญ์\nฮัจญะฮ์\nฮัจญี\nฮั่น\nฮั้ว\nฮา\nฮ้า\nฮ่างหลวง\nฮาจญ์\nฮาม\nฮาเร็ม\nฮาห์เนียม\nฮิจเราะห์\nฮินดู\nฮิปโปโปเตมัส\nฮิสทีเรีย\nฮีเลียม\nฮึ\nฮึก\nฮึด\nฮึดฮัด\nฮึ่ม\nฮึย\nฮึ่ย\nฮืดฮาด\nฮือ\nฮื่อ\nฮื้อ\nฮื้อฉี่\nฮุด\nฮุบ\nฮุยเลฮุย\nฮู้\nฮูก\nฮูม\nเฮ\nเฮฮา\nเฮกตาร์\nเฮกโตกรัม\nเฮกโตเมตร\nเฮกโตลิตร\nเฮง\nเฮ็ด\nเฮโมโกลบิน\nเฮย\nเฮ่ย\nเฮ้ย\nเฮโรอีน\nเฮลิคอปเตอร์\nเฮโล\nเฮละโล\nเฮ้ว\nเฮอ\nเฮ่อ\nเฮ้อ\nเฮอริเคน\nเฮิรตซ์\nเฮี้ยน\nเฮี้ยบ\nเฮี้ยว\nเฮือก\nเฮือน\nแฮ\nแฮ่\nแฮก\nแฮ่กึ๊น\nแฮนด์บอล\nแฮฟเนียม\nแฮม\nแฮะ\nโฮ\nโฮก\nโฮ่ง\nโฮ้ง\nโฮเต็ล\nโฮลเมียม\nโฮะ\nไฮ้\nไฮโกรมิเตอร์\nไฮดรา\nไฮโดร\nไฮโดรคาร์บอน\nไฮโดรเจน\nไฮโดรมิเตอร์\nไฮไฟ\nไฮโล\nไฮฮี\n"
+              .split(/[\r\n]+/)
+              .filter(function (w) {
+                return w.length > 1;
+              })
+      this.addWords(words, false)
+    }
+    if(finalize){
+      this.finalizeDict();
+    }
+  },
+
+  dictSeek: function (l, r, ch, strOffset, pos) {
+    var ans = null;
+    while (l <= r) {
+      var m = Math.floor((l + r) / 2),
+        dict_item = this.dict[m],
+        len = dict_item.length;
+      if (len <= strOffset) {
+        l = m + 1;
+      } else {
+        var ch_ = dict_item[strOffset];
+        if (ch_ < ch) {
+          l = m + 1;
+        } else if (ch_ > ch) {
+          r = m - 1;
+        } else {
+          ans = m;
+          if (pos == LEFT) {
+            r = m - 1;
+          } else {
+            l = m + 1;
+          }
+        }
+      }
+    }
+    return ans;
+  },
+
+  isFinal: function (acceptor) {
+    return this.dict[acceptor.l].length == acceptor.strOffset;
+  },
+
+  createAcceptor: function () {
+    return {
+      l: 0,
+      r: this.dict.length - 1,
+      strOffset: 0,
+      isFinal: false,
+      dict: this,
+      transit: function (ch) {
+        return this.dict.transit(this, ch);
+      },
+      isError: false,
+      tag: "DICT",
+      w: 1,
+      type: "DICT"
+    };
+  },
+
+  transit: function (acceptor, ch) {
+    var l = this.dictSeek(acceptor.l,
+      acceptor.r,
+      ch,
+      acceptor.strOffset,
+      LEFT);
+    if (l !== null) {
+      var r = this.dictSeek(l,
+        acceptor.r,
+        ch,
+        acceptor.strOffset,
+        RIGHT);
+      acceptor.l = l;
+      acceptor.r = r;
+      acceptor.strOffset++;
+      acceptor.isFinal = this.isFinal(acceptor);
+    } else {
+      acceptor.isError = true;
+    }
+    return acceptor;
+  },
+
+  sortuniq: function(a){
+    return a.sort().filter(function(item, pos, arr){
+      return !pos || item != arr[pos - 1];
+    })
+  },
+
+  flatten: function(a){
+    //[[1,2],[3]] -> [1,2,3]
+    return [].concat.apply([], a);
+  }
+};
+module.exports = WordcutDict;
+
+}).call(this,"/dist/tmp")
+},{"glob":16,"path":22}],3:[function(require,module,exports){
+var WordRule = {
+  createAcceptor: function(tag) {
+    if (tag["WORD_RULE"])
+      return null;
+
+    return {strOffset: 0,
+            isFinal: false,
+            transit: function(ch) {
+              var lch = ch.toLowerCase();
+              if (lch >= "a" && lch <= "z") {
+                this.isFinal = true;
+                this.strOffset++;
+              } else {
+                this.isError = true;
+              }
+              return this;
+            },
+            isError: false,
+            tag: "WORD_RULE",
+            type: "WORD_RULE",
+            w: 1};
+  }
+};
+
+var NumberRule = {
+  createAcceptor: function(tag) {
+    if (tag["NUMBER_RULE"])
+      return null;
+
+    return {strOffset: 0,
+            isFinal: false,
+            transit: function(ch) {
+              if (ch >= "0" && ch <= "9") {
+                this.isFinal = true;
+                this.strOffset++;
+              } else {
+                this.isError = true;
+              }
+              return this;
+            },
+            isError: false,
+            tag: "NUMBER_RULE",
+            type: "NUMBER_RULE",
+            w: 1};
+  }
+};
+
+var SpaceRule = {
+  tag: "SPACE_RULE",
+  createAcceptor: function(tag) {
+
+    if (tag["SPACE_RULE"])
+      return null;
+
+    return {strOffset: 0,
+            isFinal: false,
+            transit: function(ch) {
+              if (ch == " " || ch == "\t" || ch == "\r" || ch == "\n" ||
+                  ch == "\u00A0" || ch=="\u2003"//nbsp and emsp
+                 ) {
+                this.isFinal = true;
+                this.strOffset++;
+              } else {
+                this.isError = true;
+              }
+              return this;
+            },
+            isError: false,
+            tag: SpaceRule.tag,
+            w: 1,
+            type: "SPACE_RULE"};
+  }
+}
+
+var SingleSymbolRule = {
+  tag: "SINSYM",
+  createAcceptor: function(tag) {
+    return {strOffset: 0,
+            isFinal: false,
+            transit: function(ch) {
+              if (this.strOffset == 0 && ch.match(/^[\@\(\)\/\,\-\."`]$/)) {
+                this.isFinal = true;
+                this.strOffset++;
+              } else {
+                this.isError = true;
+              }
+              return this;
+            },
+            isError: false,
+            tag: "SINSYM",
+            w: 1,
+            type: "SINSYM"};
+  }
+}
+
+
+var LatinRules = [WordRule, SpaceRule, SingleSymbolRule, NumberRule];
+
+module.exports = LatinRules;
+
+},{}],4:[function(require,module,exports){
+var _ = require("underscore")
+  , WordcutCore = require("./wordcut_core");
+var PathInfoBuilder = {
+
+  /*
+    buildByPartAcceptors: function(path, acceptors, i) {
+    var 
+    var genInfos = partAcceptors.reduce(function(genInfos, acceptor) {
+      
+    }, []);
+    
+    return genInfos;
+  } 
+  */
+
+  buildByAcceptors: function(path, finalAcceptors, i) {
+    var self = this;
+    var infos = finalAcceptors.map(function(acceptor) {
+      var p = i - acceptor.strOffset + 1
+        , _info = path[p];            
+      
+      var info = {p: p, 
+                  mw: _info.mw + (acceptor.mw === undefined ? 0 : acceptor.mw),
+                  w: acceptor.w + _info.w,
+                  unk: (acceptor.unk ? acceptor.unk : 0) + _info.unk, 
+                  type: acceptor.type};
+
+      if (acceptor.type == "PART") {
+        for(var j = p + 1; j <= i; j++) {
+          path[j].merge = p;
+        }
+        info.merge = p;
+      }
+
+      return info;
+    });
+    return infos.filter(function(info) { return info; });
+  },
+  
+  fallback: function(path, leftBoundary, text, i) {
+    var _info = path[leftBoundary];
+    if (text[i].match(/[\u0E48-\u0E4E]/)) {
+      if (leftBoundary != 0) 
+        leftBoundary = path[leftBoundary].p;
+      return {p: leftBoundary,
+              mw: 0,
+              w: 1 + _info.w,
+              unk: 1 + _info.unk,
+              type: "UNK"};      
+/*    } else if(leftBoundary > 0 && path[leftBoundary].type !== "UNK") {
+      leftBoundary = path[leftBoundary].p;
+      return {p: leftBoundary,
+              w: 1 + _info.w,
+              unk: 1 + _info.unk,
+              type: "UNK"};            */
+    } else {      
+      return {p: leftBoundary,
+              mw: _info.mw,
+              w: 1 + _info.w,
+              unk: 1 + _info.unk,
+              type: "UNK"};
+    }
+  },
+  
+  build: function(path, finalAcceptors, i, leftBoundary, text) {
+    var basicPathInfos = this.buildByAcceptors(path, finalAcceptors, i);
+    if (basicPathInfos.length > 0) {
+      return basicPathInfos;
+    } else {
+      return [this.fallback(path, leftBoundary, text, i)];
+    }
+  }
+};
+
+module.exports = function() {
+  return _.clone(PathInfoBuilder);
+}
+
+},{"./wordcut_core":8,"underscore":25}],5:[function(require,module,exports){
+var _ = require("underscore");
+
+
+var PathSelector = {
+  selectPath: function(paths) {
+    var path = paths.reduce(function(selectedPath, path) {
+      if (selectedPath == null) {        
+        return path;
+      } else {
+        if (path.unk < selectedPath.unk) 
+          return path;        
+        if (path.unk == selectedPath.unk) {
+          if (path.mw < selectedPath.mw)
+            return path
+          if (path.mw == selectedPath.mw) {
+            if (path.w < selectedPath.w) 
+              return path;
+          }
+        }
+        return selectedPath;
+      }
+    }, null);
+    return path;
+  },
+  
+  createPath: function() {
+    return [{p:null, w:0, unk:0, type: "INIT", mw:0}];
+  }
+};
+
+module.exports = function() {
+  return _.clone(PathSelector);
+};
+
+},{"underscore":25}],6:[function(require,module,exports){
+function isMatch(pat, offset, ch) {
+  if (pat.length <= offset)
+    return false;
+  var _ch = pat[offset];
+  return _ch == ch ||
+         (_ch.match(/[กข]/) && ch.match(/[ก-ฮ]/)) ||
+         (_ch.match(/[มบ]/) && ch.match(/[ก-ฮ]/)) ||
+         (_ch.match(/\u0E49/) && ch.match(/[\u0E48-\u0E4B]/));
+}
+
+var Rule0 = {
+  pat: "เหก็ม",
+  createAcceptor: function(tag) {
+    return {strOffset: 0,
+            isFinal: false,
+            transit: function(ch) {
+              if (isMatch(Rule0.pat, this.strOffset,ch)) {                 
+                this.isFinal = (this.strOffset + 1 == Rule0.pat.length);                
+                this.strOffset++;
+              } else {              
+                this.isError = true;             
+              }
+              return this;
+            },
+            isError: false,
+            tag: "THAI_RULE",
+            type: "THAI_RULE", 
+            w: 1};                        
+  }
+};
+
+var PartRule = {
+  createAcceptor: function(tag) {
+    return {strOffset: 0,
+            patterns: [
+              "แก", "เก", "ก้", "กก์", "กา", "กี", "กิ", "กืก"  
+            ],
+            isFinal: false,
+            transit: function(ch) {
+              var offset = this.strOffset;
+              this.patterns = this.patterns.filter(function(pat) {
+                return isMatch(pat, offset, ch);
+              });
+              
+              if (this.patterns.length > 0) {
+                var len = 1 + offset;
+                this.isFinal = this.patterns.some(function(pat) {
+                  return pat.length == len; 
+                });
+                this.strOffset++;
+              } else {              
+                this.isError = true;             
+              }
+              return this;
+            },
+            isError: false,
+            tag: "PART",
+            type: "PART", 
+            unk: 1,
+            w: 1};                        
+  }
+};
+
+var ThaiRules = [Rule0, PartRule];
+
+module.exports = ThaiRules;
+
+},{}],7:[function(require,module,exports){
+var sys = require("sys")
+  , WordcutDict = require("./dict")
+  , WordcutCore = require("./wordcut_core")
+  , PathInfoBuilder = require("./path_info_builder")
+  , PathSelector = require("./path_selector")
+  , Acceptors = require("./acceptors")
+  , latinRules = require("./latin_rules")
+  , thaiRules = require("./thai_rules")
+  , _ = require("underscore");
+
+
+var Wordcut = Object.create(WordcutCore);
+Wordcut.defaultPathInfoBuilder = PathInfoBuilder;
+Wordcut.defaultPathSelector = PathSelector;
+Wordcut.defaultAcceptors = Acceptors;
+Wordcut.defaultLatinRules = latinRules;
+Wordcut.defaultThaiRules = thaiRules;
+Wordcut.defaultDict = WordcutDict;
+
+
+Wordcut.initNoDict = function(dict_path) {
+  var self = this;
+  self.pathInfoBuilder = new self.defaultPathInfoBuilder;
+  self.pathSelector = new self.defaultPathSelector;
+  self.acceptors = new self.defaultAcceptors;
+  self.defaultLatinRules.forEach(function(rule) {
+    self.acceptors.creators.push(rule);
+  });
+  self.defaultThaiRules.forEach(function(rule) {
+    self.acceptors.creators.push(rule);
+  });
+};
+
+Wordcut.init = function(dict_path, withDefault, additionalWords) {
+  withDefault = withDefault || false;
+  this.initNoDict();
+  var dict = _.clone(this.defaultDict);
+  dict.init(dict_path, withDefault, additionalWords);
+  this.acceptors.creators.push(dict);
+};
+
+module.exports = Wordcut;
+
+},{"./acceptors":1,"./dict":2,"./latin_rules":3,"./path_info_builder":4,"./path_selector":5,"./thai_rules":6,"./wordcut_core":8,"sys":28,"underscore":25}],8:[function(require,module,exports){
+var WordcutCore = {
+
+  buildPath: function(text) {
+    var self = this
+      , path = self.pathSelector.createPath()
+      , leftBoundary = 0;
+    self.acceptors.reset();
+    for (var i = 0; i < text.length; i++) {
+      var ch = text[i];
+      self.acceptors.transit(ch);
+
+      var possiblePathInfos = self
+        .pathInfoBuilder
+        .build(path,
+               self.acceptors.getFinalAcceptors(),
+               i,
+               leftBoundary,
+               text);
+      var selectedPath = self.pathSelector.selectPath(possiblePathInfos)
+
+      path.push(selectedPath);
+      if (selectedPath.type !== "UNK") {
+        leftBoundary = i;
+      }
+    }
+    return path;
+  },
+
+  pathToRanges: function(path) {
+    var e = path.length - 1
+     , ranges = [];
+
+    while (e > 0) {
+      var info = path[e]
+       , s = info.p;
+
+      if (info.merge !== undefined && ranges.length > 0) {
+        var r = ranges[ranges.length - 1];
+        r.s = info.merge;
+        s = r.s;
+      } else {
+        ranges.push({s:s, e:e});
+      }
+      e = s;
+    }
+    return ranges.reverse();
+  },
+
+  rangesToText: function(text, ranges, delimiter) {
+    return ranges.map(function(r) {
+      return text.substring(r.s, r.e);
+    }).join(delimiter);
+  },
+
+  cut: function(text, delimiter) {
+    var path = this.buildPath(text)
+      , ranges = this.pathToRanges(path);
+    return this
+      .rangesToText(text, ranges,
+                    (delimiter === undefined ? "|" : delimiter));
+  },
+
+  cutIntoRanges: function(text, noText) {
+    var path = this.buildPath(text)
+      , ranges = this.pathToRanges(path);
+
+    if (!noText) {
+      ranges.forEach(function(r) {
+        r.text = text.substring(r.s, r.e);
+      });
+    }
+    return ranges;
+  },
+
+  cutIntoArray: function(text) {
+    var path = this.buildPath(text)
+      , ranges = this.pathToRanges(path);
+    
+    return ranges.map(function(r) {
+      return text.substring(r.s, r.e)
+    });
+  }
+};
+
+module.exports = WordcutCore;
+
+},{}],9:[function(require,module,exports){
+// http://wiki.commonjs.org/wiki/Unit_Testing/1.0
+//
+// THIS IS NOT TESTED NOR LIKELY TO WORK OUTSIDE V8!
+//
+// Originally from narwhal.js (http://narwhaljs.org)
+// Copyright (c) 2009 Thomas Robinson <280north.com>
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the 'Software'), to
+// deal in the Software without restriction, including without limitation the
+// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+// sell copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+// ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+// when used in node, this will actually load the util module we depend on
+// versus loading the builtin util module as happens otherwise
+// this is a bug in node module loading as far as I am concerned
+var util = require('util/');
+
+var pSlice = Array.prototype.slice;
+var hasOwn = Object.prototype.hasOwnProperty;
+
+// 1. The assert module provides functions that throw
+// AssertionError's when particular conditions are not met. The
+// assert module must conform to the following interface.
+
+var assert = module.exports = ok;
+
+// 2. The AssertionError is defined in assert.
+// new assert.AssertionError({ message: message,
+//                             actual: actual,
+//                             expected: expected })
+
+assert.AssertionError = function AssertionError(options) {
+  this.name = 'AssertionError';
+  this.actual = options.actual;
+  this.expected = options.expected;
+  this.operator = options.operator;
+  if (options.message) {
+    this.message = options.message;
+    this.generatedMessage = false;
+  } else {
+    this.message = getMessage(this);
+    this.generatedMessage = true;
+  }
+  var stackStartFunction = options.stackStartFunction || fail;
+
+  if (Error.captureStackTrace) {
+    Error.captureStackTrace(this, stackStartFunction);
+  }
+  else {
+    // non v8 browsers so we can have a stacktrace
+    var err = new Error();
+    if (err.stack) {
+      var out = err.stack;
+
+      // try to strip useless frames
+      var fn_name = stackStartFunction.name;
+      var idx = out.indexOf('\n' + fn_name);
+      if (idx >= 0) {
+        // once we have located the function frame
+        // we need to strip out everything before it (and its line)
+        var next_line = out.indexOf('\n', idx + 1);
+        out = out.substring(next_line + 1);
+      }
+
+      this.stack = out;
+    }
+  }
+};
+
+// assert.AssertionError instanceof Error
+util.inherits(assert.AssertionError, Error);
+
+function replacer(key, value) {
+  if (util.isUndefined(value)) {
+    return '' + value;
+  }
+  if (util.isNumber(value) && !isFinite(value)) {
+    return value.toString();
+  }
+  if (util.isFunction(value) || util.isRegExp(value)) {
+    return value.toString();
+  }
+  return value;
+}
+
+function truncate(s, n) {
+  if (util.isString(s)) {
+    return s.length < n ? s : s.slice(0, n);
+  } else {
+    return s;
+  }
+}
+
+function getMessage(self) {
+  return truncate(JSON.stringify(self.actual, replacer), 128) + ' ' +
+         self.operator + ' ' +
+         truncate(JSON.stringify(self.expected, replacer), 128);
+}
+
+// At present only the three keys mentioned above are used and
+// understood by the spec. Implementations or sub modules can pass
+// other keys to the AssertionError's constructor - they will be
+// ignored.
+
+// 3. All of the following functions must throw an AssertionError
+// when a corresponding condition is not met, with a message that
+// may be undefined if not provided.  All assertion methods provide
+// both the actual and expected values to the assertion error for
+// display purposes.
+
+function fail(actual, expected, message, operator, stackStartFunction) {
+  throw new assert.AssertionError({
+    message: message,
+    actual: actual,
+    expected: expected,
+    operator: operator,
+    stackStartFunction: stackStartFunction
+  });
+}
+
+// EXTENSION! allows for well behaved errors defined elsewhere.
+assert.fail = fail;
+
+// 4. Pure assertion tests whether a value is truthy, as determined
+// by !!guard.
+// assert.ok(guard, message_opt);
+// This statement is equivalent to assert.equal(true, !!guard,
+// message_opt);. To test strictly for the value true, use
+// assert.strictEqual(true, guard, message_opt);.
+
+function ok(value, message) {
+  if (!value) fail(value, true, message, '==', assert.ok);
+}
+assert.ok = ok;
+
+// 5. The equality assertion tests shallow, coercive equality with
+// ==.
+// assert.equal(actual, expected, message_opt);
+
+assert.equal = function equal(actual, expected, message) {
+  if (actual != expected) fail(actual, expected, message, '==', assert.equal);
+};
+
+// 6. The non-equality assertion tests for whether two objects are not equal
+// with != assert.notEqual(actual, expected, message_opt);
+
+assert.notEqual = function notEqual(actual, expected, message) {
+  if (actual == expected) {
+    fail(actual, expected, message, '!=', assert.notEqual);
+  }
+};
+
+// 7. The equivalence assertion tests a deep equality relation.
+// assert.deepEqual(actual, expected, message_opt);
+
+assert.deepEqual = function deepEqual(actual, expected, message) {
+  if (!_deepEqual(actual, expected)) {
+    fail(actual, expected, message, 'deepEqual', assert.deepEqual);
+  }
+};
+
+function _deepEqual(actual, expected) {
+  // 7.1. All identical values are equivalent, as determined by ===.
+  if (actual === expected) {
+    return true;
+
+  } else if (util.isBuffer(actual) && util.isBuffer(expected)) {
+    if (actual.length != expected.length) return false;
+
+    for (var i = 0; i < actual.length; i++) {
+      if (actual[i] !== expected[i]) return false;
+    }
+
+    return true;
+
+  // 7.2. If the expected value is a Date object, the actual value is
+  // equivalent if it is also a Date object that refers to the same time.
+  } else if (util.isDate(actual) && util.isDate(expected)) {
+    return actual.getTime() === expected.getTime();
+
+  // 7.3 If the expected value is a RegExp object, the actual value is
+  // equivalent if it is also a RegExp object with the same source and
+  // properties (`global`, `multiline`, `lastIndex`, `ignoreCase`).
+  } else if (util.isRegExp(actual) && util.isRegExp(expected)) {
+    return actual.source === expected.source &&
+           actual.global === expected.global &&
+           actual.multiline === expected.multiline &&
+           actual.lastIndex === expected.lastIndex &&
+           actual.ignoreCase === expected.ignoreCase;
+
+  // 7.4. Other pairs that do not both pass typeof value == 'object',
+  // equivalence is determined by ==.
+  } else if (!util.isObject(actual) && !util.isObject(expected)) {
+    return actual == expected;
+
+  // 7.5 For all other Object pairs, including Array objects, equivalence is
+  // determined by having the same number of owned properties (as verified
+  // with Object.prototype.hasOwnProperty.call), the same set of keys
+  // (although not necessarily the same order), equivalent values for every
+  // corresponding key, and an identical 'prototype' property. Note: this
+  // accounts for both named and indexed properties on Arrays.
+  } else {
+    return objEquiv(actual, expected);
+  }
+}
+
+function isArguments(object) {
+  return Object.prototype.toString.call(object) == '[object Arguments]';
+}
+
+function objEquiv(a, b) {
+  if (util.isNullOrUndefined(a) || util.isNullOrUndefined(b))
+    return false;
+  // an identical 'prototype' property.
+  if (a.prototype !== b.prototype) return false;
+  // if one is a primitive, the other must be same
+  if (util.isPrimitive(a) || util.isPrimitive(b)) {
+    return a === b;
+  }
+  var aIsArgs = isArguments(a),
+      bIsArgs = isArguments(b);
+  if ((aIsArgs && !bIsArgs) || (!aIsArgs && bIsArgs))
+    return false;
+  if (aIsArgs) {
+    a = pSlice.call(a);
+    b = pSlice.call(b);
+    return _deepEqual(a, b);
+  }
+  var ka = objectKeys(a),
+      kb = objectKeys(b),
+      key, i;
+  // having the same number of owned properties (keys incorporates
+  // hasOwnProperty)
+  if (ka.length != kb.length)
+    return false;
+  //the same set of keys (although not necessarily the same order),
+  ka.sort();
+  kb.sort();
+  //~~~cheap key test
+  for (i = ka.length - 1; i >= 0; i--) {
+    if (ka[i] != kb[i])
+      return false;
+  }
+  //equivalent values for every corresponding key, and
+  //~~~possibly expensive deep test
+  for (i = ka.length - 1; i >= 0; i--) {
+    key = ka[i];
+    if (!_deepEqual(a[key], b[key])) return false;
+  }
+  return true;
+}
+
+// 8. The non-equivalence assertion tests for any deep inequality.
+// assert.notDeepEqual(actual, expected, message_opt);
+
+assert.notDeepEqual = function notDeepEqual(actual, expected, message) {
+  if (_deepEqual(actual, expected)) {
+    fail(actual, expected, message, 'notDeepEqual', assert.notDeepEqual);
+  }
+};
+
+// 9. The strict equality assertion tests strict equality, as determined by ===.
+// assert.strictEqual(actual, expected, message_opt);
+
+assert.strictEqual = function strictEqual(actual, expected, message) {
+  if (actual !== expected) {
+    fail(actual, expected, message, '===', assert.strictEqual);
+  }
+};
+
+// 10. The strict non-equality assertion tests for strict inequality, as
+// determined by !==.  assert.notStrictEqual(actual, expected, message_opt);
+
+assert.notStrictEqual = function notStrictEqual(actual, expected, message) {
+  if (actual === expected) {
+    fail(actual, expected, message, '!==', assert.notStrictEqual);
+  }
+};
+
+function expectedException(actual, expected) {
+  if (!actual || !expected) {
+    return false;
+  }
+
+  if (Object.prototype.toString.call(expected) == '[object RegExp]') {
+    return expected.test(actual);
+  } else if (actual instanceof expected) {
+    return true;
+  } else if (expected.call({}, actual) === true) {
+    return true;
+  }
+
+  return false;
+}
+
+function _throws(shouldThrow, block, expected, message) {
+  var actual;
+
+  if (util.isString(expected)) {
+    message = expected;
+    expected = null;
+  }
+
+  try {
+    block();
+  } catch (e) {
+    actual = e;
+  }
+
+  message = (expected && expected.name ? ' (' + expected.name + ').' : '.') +
+            (message ? ' ' + message : '.');
+
+  if (shouldThrow && !actual) {
+    fail(actual, expected, 'Missing expected exception' + message);
+  }
+
+  if (!shouldThrow && expectedException(actual, expected)) {
+    fail(actual, expected, 'Got unwanted exception' + message);
+  }
+
+  if ((shouldThrow && actual && expected &&
+      !expectedException(actual, expected)) || (!shouldThrow && actual)) {
+    throw actual;
+  }
+}
+
+// 11. Expected to throw an error:
+// assert.throws(block, Error_opt, message_opt);
+
+assert.throws = function(block, /*optional*/error, /*optional*/message) {
+  _throws.apply(this, [true].concat(pSlice.call(arguments)));
+};
+
+// EXTENSION! This is annoying to write outside this module.
+assert.doesNotThrow = function(block, /*optional*/message) {
+  _throws.apply(this, [false].concat(pSlice.call(arguments)));
+};
+
+assert.ifError = function(err) { if (err) {throw err;}};
+
+var objectKeys = Object.keys || function (obj) {
+  var keys = [];
+  for (var key in obj) {
+    if (hasOwn.call(obj, key)) keys.push(key);
+  }
+  return keys;
+};
+
+},{"util/":28}],10:[function(require,module,exports){
+'use strict';
+module.exports = balanced;
+function balanced(a, b, str) {
+  if (a instanceof RegExp) a = maybeMatch(a, str);
+  if (b instanceof RegExp) b = maybeMatch(b, str);
+
+  var r = range(a, b, str);
+
+  return r && {
+    start: r[0],
+    end: r[1],
+    pre: str.slice(0, r[0]),
+    body: str.slice(r[0] + a.length, r[1]),
+    post: str.slice(r[1] + b.length)
+  };
+}
+
+function maybeMatch(reg, str) {
+  var m = str.match(reg);
+  return m ? m[0] : null;
+}
+
+balanced.range = range;
+function range(a, b, str) {
+  var begs, beg, left, right, result;
+  var ai = str.indexOf(a);
+  var bi = str.indexOf(b, ai + 1);
+  var i = ai;
+
+  if (ai >= 0 && bi > 0) {
+    begs = [];
+    left = str.length;
+
+    while (i >= 0 && !result) {
+      if (i == ai) {
+        begs.push(i);
+        ai = str.indexOf(a, i + 1);
+      } else if (begs.length == 1) {
+        result = [ begs.pop(), bi ];
+      } else {
+        beg = begs.pop();
+        if (beg < left) {
+          left = beg;
+          right = bi;
+        }
+
+        bi = str.indexOf(b, i + 1);
+      }
+
+      i = ai < bi && ai >= 0 ? ai : bi;
+    }
+
+    if (begs.length) {
+      result = [ left, right ];
+    }
+  }
+
+  return result;
+}
+
+},{}],11:[function(require,module,exports){
+var concatMap = require('concat-map');
+var balanced = require('balanced-match');
+
+module.exports = expandTop;
+
+var escSlash = '\0SLASH'+Math.random()+'\0';
+var escOpen = '\0OPEN'+Math.random()+'\0';
+var escClose = '\0CLOSE'+Math.random()+'\0';
+var escComma = '\0COMMA'+Math.random()+'\0';
+var escPeriod = '\0PERIOD'+Math.random()+'\0';
+
+function numeric(str) {
+  return parseInt(str, 10) == str
+    ? parseInt(str, 10)
+    : str.charCodeAt(0);
+}
+
+function escapeBraces(str) {
+  return str.split('\\\\').join(escSlash)
+            .split('\\{').join(escOpen)
+            .split('\\}').join(escClose)
+            .split('\\,').join(escComma)
+            .split('\\.').join(escPeriod);
+}
+
+function unescapeBraces(str) {
+  return str.split(escSlash).join('\\')
+            .split(escOpen).join('{')
+            .split(escClose).join('}')
+            .split(escComma).join(',')
+            .split(escPeriod).join('.');
+}
+
+
+// Basically just str.split(","), but handling cases
+// where we have nested braced sections, which should be
+// treated as individual members, like {a,{b,c},d}
+function parseCommaParts(str) {
+  if (!str)
+    return [''];
+
+  var parts = [];
+  var m = balanced('{', '}', str);
+
+  if (!m)
+    return str.split(',');
+
+  var pre = m.pre;
+  var body = m.body;
+  var post = m.post;
+  var p = pre.split(',');
+
+  p[p.length-1] += '{' + body + '}';
+  var postParts = parseCommaParts(post);
+  if (post.length) {
+    p[p.length-1] += postParts.shift();
+    p.push.apply(p, postParts);
+  }
+
+  parts.push.apply(parts, p);
+
+  return parts;
+}
+
+function expandTop(str) {
+  if (!str)
+    return [];
+
+  // I don't know why Bash 4.3 does this, but it does.
+  // Anything starting with {} will have the first two bytes preserved
+  // but *only* at the top level, so {},a}b will not expand to anything,
+  // but a{},b}c will be expanded to [a}c,abc].
+  // One could argue that this is a bug in Bash, but since the goal of
+  // this module is to match Bash's rules, we escape a leading {}
+  if (str.substr(0, 2) === '{}') {
+    str = '\\{\\}' + str.substr(2);
+  }
+
+  return expand(escapeBraces(str), true).map(unescapeBraces);
+}
+
+function identity(e) {
+  return e;
+}
+
+function embrace(str) {
+  return '{' + str + '}';
+}
+function isPadded(el) {
+  return /^-?0\d/.test(el);
+}
+
+function lte(i, y) {
+  return i <= y;
+}
+function gte(i, y) {
+  return i >= y;
+}
+
+function expand(str, isTop) {
+  var expansions = [];
+
+  var m = balanced('{', '}', str);
+  if (!m || /\$$/.test(m.pre)) return [str];
+
+  var isNumericSequence = /^-?\d+\.\.-?\d+(?:\.\.-?\d+)?$/.test(m.body);
+  var isAlphaSequence = /^[a-zA-Z]\.\.[a-zA-Z](?:\.\.-?\d+)?$/.test(m.body);
+  var isSequence = isNumericSequence || isAlphaSequence;
+  var isOptions = m.body.indexOf(',') >= 0;
+  if (!isSequence && !isOptions) {
+    // {a},b}
+    if (m.post.match(/,.*\}/)) {
+      str = m.pre + '{' + m.body + escClose + m.post;
+      return expand(str);
+    }
+    return [str];
+  }
+
+  var n;
+  if (isSequence) {
+    n = m.body.split(/\.\./);
+  } else {
+    n = parseCommaParts(m.body);
+    if (n.length === 1) {
+      // x{{a,b}}y ==> x{a}y x{b}y
+      n = expand(n[0], false).map(embrace);
+      if (n.length === 1) {
+        var post = m.post.length
+          ? expand(m.post, false)
+          : [''];
+        return post.map(function(p) {
+          return m.pre + n[0] + p;
+        });
+      }
+    }
+  }
+
+  // at this point, n is the parts, and we know it's not a comma set
+  // with a single entry.
+
+  // no need to expand pre, since it is guaranteed to be free of brace-sets
+  var pre = m.pre;
+  var post = m.post.length
+    ? expand(m.post, false)
+    : [''];
+
+  var N;
+
+  if (isSequence) {
+    var x = numeric(n[0]);
+    var y = numeric(n[1]);
+    var width = Math.max(n[0].length, n[1].length)
+    var incr = n.length == 3
+      ? Math.abs(numeric(n[2]))
+      : 1;
+    var test = lte;
+    var reverse = y < x;
+    if (reverse) {
+      incr *= -1;
+      test = gte;
+    }
+    var pad = n.some(isPadded);
+
+    N = [];
+
+    for (var i = x; test(i, y); i += incr) {
+      var c;
+      if (isAlphaSequence) {
+        c = String.fromCharCode(i);
+        if (c === '\\')
+          c = '';
+      } else {
+        c = String(i);
+        if (pad) {
+          var need = width - c.length;
+          if (need > 0) {
+            var z = new Array(need + 1).join('0');
+            if (i < 0)
+              c = '-' + z + c.slice(1);
+            else
+              c = z + c;
+          }
+        }
+      }
+      N.push(c);
+    }
+  } else {
+    N = concatMap(n, function(el) { return expand(el, false) });
+  }
+
+  for (var j = 0; j < N.length; j++) {
+    for (var k = 0; k < post.length; k++) {
+      var expansion = pre + N[j] + post[k];
+      if (!isTop || isSequence || expansion)
+        expansions.push(expansion);
+    }
+  }
+
+  return expansions;
+}
+
+
+},{"balanced-match":10,"concat-map":13}],12:[function(require,module,exports){
+
+},{}],13:[function(require,module,exports){
+module.exports = function (xs, fn) {
+    var res = [];
+    for (var i = 0; i < xs.length; i++) {
+        var x = fn(xs[i], i);
+        if (isArray(x)) res.push.apply(res, x);
+        else res.push(x);
+    }
+    return res;
+};
+
+var isArray = Array.isArray || function (xs) {
+    return Object.prototype.toString.call(xs) === '[object Array]';
+};
+
+},{}],14:[function(require,module,exports){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+function EventEmitter() {
+  this._events = this._events || {};
+  this._maxListeners = this._maxListeners || undefined;
+}
+module.exports = EventEmitter;
+
+// Backwards-compat with node 0.10.x
+EventEmitter.EventEmitter = EventEmitter;
+
+EventEmitter.prototype._events = undefined;
+EventEmitter.prototype._maxListeners = undefined;
+
+// By default EventEmitters will print a warning if more than 10 listeners are
+// added to it. This is a useful default which helps finding memory leaks.
+EventEmitter.defaultMaxListeners = 10;
+
+// Obviously not all Emitters should be limited to 10. This function allows
+// that to be increased. Set to zero for unlimited.
+EventEmitter.prototype.setMaxListeners = function(n) {
+  if (!isNumber(n) || n < 0 || isNaN(n))
+    throw TypeError('n must be a positive number');
+  this._maxListeners = n;
+  return this;
+};
+
+EventEmitter.prototype.emit = function(type) {
+  var er, handler, len, args, i, listeners;
+
+  if (!this._events)
+    this._events = {};
+
+  // If there is no 'error' event listener then throw.
+  if (type === 'error') {
+    if (!this._events.error ||
+        (isObject(this._events.error) && !this._events.error.length)) {
+      er = arguments[1];
+      if (er instanceof Error) {
+        throw er; // Unhandled 'error' event
+      }
+      throw TypeError('Uncaught, unspecified "error" event.');
+    }
+  }
+
+  handler = this._events[type];
+
+  if (isUndefined(handler))
+    return false;
+
+  if (isFunction(handler)) {
+    switch (arguments.length) {
+      // fast cases
+      case 1:
+        handler.call(this);
+        break;
+      case 2:
+        handler.call(this, arguments[1]);
+        break;
+      case 3:
+        handler.call(this, arguments[1], arguments[2]);
+        break;
+      // slower
+      default:
+        len = arguments.length;
+        args = new Array(len - 1);
+        for (i = 1; i < len; i++)
+          args[i - 1] = arguments[i];
+        handler.apply(this, args);
+    }
+  } else if (isObject(handler)) {
+    len = arguments.length;
+    args = new Array(len - 1);
+    for (i = 1; i < len; i++)
+      args[i - 1] = arguments[i];
+
+    listeners = handler.slice();
+    len = listeners.length;
+    for (i = 0; i < len; i++)
+      listeners[i].apply(this, args);
+  }
+
+  return true;
+};
+
+EventEmitter.prototype.addListener = function(type, listener) {
+  var m;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events)
+    this._events = {};
+
+  // To avoid recursion in the case that type === "newListener"! Before
+  // adding it to the listeners, first emit "newListener".
+  if (this._events.newListener)
+    this.emit('newListener', type,
+              isFunction(listener.listener) ?
+              listener.listener : listener);
+
+  if (!this._events[type])
+    // Optimize the case of one listener. Don't need the extra array object.
+    this._events[type] = listener;
+  else if (isObject(this._events[type]))
+    // If we've already got an array, just append.
+    this._events[type].push(listener);
+  else
+    // Adding the second element, need to change to array.
+    this._events[type] = [this._events[type], listener];
+
+  // Check for listener leak
+  if (isObject(this._events[type]) && !this._events[type].warned) {
+    var m;
+    if (!isUndefined(this._maxListeners)) {
+      m = this._maxListeners;
+    } else {
+      m = EventEmitter.defaultMaxListeners;
+    }
+
+    if (m && m > 0 && this._events[type].length > m) {
+      this._events[type].warned = true;
+      console.error('(node) warning: possible EventEmitter memory ' +
+                    'leak detected. %d listeners added. ' +
+                    'Use emitter.setMaxListeners() to increase limit.',
+                    this._events[type].length);
+      if (typeof console.trace === 'function') {
+        // not supported in IE 10
+        console.trace();
+      }
+    }
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.on = EventEmitter.prototype.addListener;
+
+EventEmitter.prototype.once = function(type, listener) {
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  var fired = false;
+
+  function g() {
+    this.removeListener(type, g);
+
+    if (!fired) {
+      fired = true;
+      listener.apply(this, arguments);
+    }
+  }
+
+  g.listener = listener;
+  this.on(type, g);
+
+  return this;
+};
+
+// emits a 'removeListener' event iff the listener was removed
+EventEmitter.prototype.removeListener = function(type, listener) {
+  var list, position, length, i;
+
+  if (!isFunction(listener))
+    throw TypeError('listener must be a function');
+
+  if (!this._events || !this._events[type])
+    return this;
+
+  list = this._events[type];
+  length = list.length;
+  position = -1;
+
+  if (list === listener ||
+      (isFunction(list.listener) && list.listener === listener)) {
+    delete this._events[type];
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+
+  } else if (isObject(list)) {
+    for (i = length; i-- > 0;) {
+      if (list[i] === listener ||
+          (list[i].listener && list[i].listener === listener)) {
+        position = i;
+        break;
+      }
+    }
+
+    if (position < 0)
+      return this;
+
+    if (list.length === 1) {
+      list.length = 0;
+      delete this._events[type];
+    } else {
+      list.splice(position, 1);
+    }
+
+    if (this._events.removeListener)
+      this.emit('removeListener', type, listener);
+  }
+
+  return this;
+};
+
+EventEmitter.prototype.removeAllListeners = function(type) {
+  var key, listeners;
+
+  if (!this._events)
+    return this;
+
+  // not listening for removeListener, no need to emit
+  if (!this._events.removeListener) {
+    if (arguments.length === 0)
+      this._events = {};
+    else if (this._events[type])
+      delete this._events[type];
+    return this;
+  }
+
+  // emit removeListener for all listeners on all events
+  if (arguments.length === 0) {
+    for (key in this._events) {
+      if (key === 'removeListener') continue;
+      this.removeAllListeners(key);
+    }
+    this.removeAllListeners('removeListener');
+    this._events = {};
+    return this;
+  }
+
+  listeners = this._events[type];
+
+  if (isFunction(listeners)) {
+    this.removeListener(type, listeners);
+  } else {
+    // LIFO order
+    while (listeners.length)
+      this.removeListener(type, listeners[listeners.length - 1]);
+  }
+  delete this._events[type];
+
+  return this;
+};
+
+EventEmitter.prototype.listeners = function(type) {
+  var ret;
+  if (!this._events || !this._events[type])
+    ret = [];
+  else if (isFunction(this._events[type]))
+    ret = [this._events[type]];
+  else
+    ret = this._events[type].slice();
+  return ret;
+};
+
+EventEmitter.listenerCount = function(emitter, type) {
+  var ret;
+  if (!emitter._events || !emitter._events[type])
+    ret = 0;
+  else if (isFunction(emitter._events[type]))
+    ret = 1;
+  else
+    ret = emitter._events[type].length;
+  return ret;
+};
+
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+
+function isObject(arg) {
+  return typeof arg === 'object' && arg !== null;
+}
+
+function isUndefined(arg) {
+  return arg === void 0;
+}
+
+},{}],15:[function(require,module,exports){
+(function (process){
+exports.alphasort = alphasort
+exports.alphasorti = alphasorti
+exports.setopts = setopts
+exports.ownProp = ownProp
+exports.makeAbs = makeAbs
+exports.finish = finish
+exports.mark = mark
+exports.isIgnored = isIgnored
+exports.childrenIgnored = childrenIgnored
+
+function ownProp (obj, field) {
+  return Object.prototype.hasOwnProperty.call(obj, field)
+}
+
+var path = require("path")
+var minimatch = require("minimatch")
+var isAbsolute = require("path-is-absolute")
+var Minimatch = minimatch.Minimatch
+
+function alphasorti (a, b) {
+  return a.toLowerCase().localeCompare(b.toLowerCase())
+}
+
+function alphasort (a, b) {
+  return a.localeCompare(b)
+}
+
+function setupIgnores (self, options) {
+  self.ignore = options.ignore || []
+
+  if (!Array.isArray(self.ignore))
+    self.ignore = [self.ignore]
+
+  if (self.ignore.length) {
+    self.ignore = self.ignore.map(ignoreMap)
+  }
+}
+
+function ignoreMap (pattern) {
+  var gmatcher = null
+  if (pattern.slice(-3) === '/**') {
+    var gpattern = pattern.replace(/(\/\*\*)+$/, '')
+    gmatcher = new Minimatch(gpattern)
+  }
+
+  return {
+    matcher: new Minimatch(pattern),
+    gmatcher: gmatcher
+  }
+}
+
+function setopts (self, pattern, options) {
+  if (!options)
+    options = {}
+
+  // base-matching: just use globstar for that.
+  if (options.matchBase && -1 === pattern.indexOf("/")) {
+    if (options.noglobstar) {
+      throw new Error("base matching requires globstar")
+    }
+    pattern = "**/" + pattern
+  }
+
+  self.silent = !!options.silent
+  self.pattern = pattern
+  self.strict = options.strict !== false
+  self.realpath = !!options.realpath
+  self.realpathCache = options.realpathCache || Object.create(null)
+  self.follow = !!options.follow
+  self.dot = !!options.dot
+  self.mark = !!options.mark
+  self.nodir = !!options.nodir
+  if (self.nodir)
+    self.mark = true
+  self.sync = !!options.sync
+  self.nounique = !!options.nounique
+  self.nonull = !!options.nonull
+  self.nosort = !!options.nosort
+  self.nocase = !!options.nocase
+  self.stat = !!options.stat
+  self.noprocess = !!options.noprocess
+
+  self.maxLength = options.maxLength || Infinity
+  self.cache = options.cache || Object.create(null)
+  self.statCache = options.statCache || Object.create(null)
+  self.symlinks = options.symlinks || Object.create(null)
+
+  setupIgnores(self, options)
+
+  self.changedCwd = false
+  var cwd = process.cwd()
+  if (!ownProp(options, "cwd"))
+    self.cwd = cwd
+  else {
+    self.cwd = options.cwd
+    self.changedCwd = path.resolve(options.cwd) !== cwd
+  }
+
+  self.root = options.root || path.resolve(self.cwd, "/")
+  self.root = path.resolve(self.root)
+  if (process.platform === "win32")
+    self.root = self.root.replace(/\\/g, "/")
+
+  self.nomount = !!options.nomount
+
+  // disable comments and negation unless the user explicitly
+  // passes in false as the option.
+  options.nonegate = options.nonegate === false ? false : true
+  options.nocomment = options.nocomment === false ? false : true
+  deprecationWarning(options)
+
+  self.minimatch = new Minimatch(pattern, options)
+  self.options = self.minimatch.options
+}
+
+// TODO(isaacs): remove entirely in v6
+// exported to reset in tests
+exports.deprecationWarned
+function deprecationWarning(options) {
+  if (!options.nonegate || !options.nocomment) {
+    if (process.noDeprecation !== true && !exports.deprecationWarned) {
+      var msg = 'glob WARNING: comments and negation will be disabled in v6'
+      if (process.throwDeprecation)
+        throw new Error(msg)
+      else if (process.traceDeprecation)
+        console.trace(msg)
+      else
+        console.error(msg)
+
+      exports.deprecationWarned = true
+    }
+  }
+}
+
+function finish (self) {
+  var nou = self.nounique
+  var all = nou ? [] : Object.create(null)
+
+  for (var i = 0, l = self.matches.length; i < l; i ++) {
+    var matches = self.matches[i]
+    if (!matches || Object.keys(matches).length === 0) {
+      if (self.nonull) {
+        // do like the shell, and spit out the literal glob
+        var literal = self.minimatch.globSet[i]
+        if (nou)
+          all.push(literal)
+        else
+          all[literal] = true
+      }
+    } else {
+      // had matches
+      var m = Object.keys(matches)
+      if (nou)
+        all.push.apply(all, m)
+      else
+        m.forEach(function (m) {
+          all[m] = true
+        })
+    }
+  }
+
+  if (!nou)
+    all = Object.keys(all)
+
+  if (!self.nosort)
+    all = all.sort(self.nocase ? alphasorti : alphasort)
+
+  // at *some* point we statted all of these
+  if (self.mark) {
+    for (var i = 0; i < all.length; i++) {
+      all[i] = self._mark(all[i])
+    }
+    if (self.nodir) {
+      all = all.filter(function (e) {
+        return !(/\/$/.test(e))
+      })
+    }
+  }
+
+  if (self.ignore.length)
+    all = all.filter(function(m) {
+      return !isIgnored(self, m)
+    })
+
+  self.found = all
+}
+
+function mark (self, p) {
+  var abs = makeAbs(self, p)
+  var c = self.cache[abs]
+  var m = p
+  if (c) {
+    var isDir = c === 'DIR' || Array.isArray(c)
+    var slash = p.slice(-1) === '/'
+
+    if (isDir && !slash)
+      m += '/'
+    else if (!isDir && slash)
+      m = m.slice(0, -1)
+
+    if (m !== p) {
+      var mabs = makeAbs(self, m)
+      self.statCache[mabs] = self.statCache[abs]
+      self.cache[mabs] = self.cache[abs]
+    }
+  }
+
+  return m
+}
+
+// lotta situps...
+function makeAbs (self, f) {
+  var abs = f
+  if (f.charAt(0) === '/') {
+    abs = path.join(self.root, f)
+  } else if (isAbsolute(f) || f === '') {
+    abs = f
+  } else if (self.changedCwd) {
+    abs = path.resolve(self.cwd, f)
+  } else {
+    abs = path.resolve(f)
+  }
+  return abs
+}
+
+
+// Return true, if pattern ends with globstar '**', for the accompanying parent directory.
+// Ex:- If node_modules/** is the pattern, add 'node_modules' to ignore list along with it's contents
+function isIgnored (self, path) {
+  if (!self.ignore.length)
+    return false
+
+  return self.ignore.some(function(item) {
+    return item.matcher.match(path) || !!(item.gmatcher && item.gmatcher.match(path))
+  })
+}
+
+function childrenIgnored (self, path) {
+  if (!self.ignore.length)
+    return false
+
+  return self.ignore.some(function(item) {
+    return !!(item.gmatcher && item.gmatcher.match(path))
+  })
+}
+
+}).call(this,require('_process'))
+},{"_process":24,"minimatch":20,"path":22,"path-is-absolute":23}],16:[function(require,module,exports){
+(function (process){
+// Approach:
+//
+// 1. Get the minimatch set
+// 2. For each pattern in the set, PROCESS(pattern, false)
+// 3. Store matches per-set, then uniq them
+//
+// PROCESS(pattern, inGlobStar)
+// Get the first [n] items from pattern that are all strings
+// Join these together.  This is PREFIX.
+//   If there is no more remaining, then stat(PREFIX) and
+//   add to matches if it succeeds.  END.
+//
+// If inGlobStar and PREFIX is symlink and points to dir
+//   set ENTRIES = []
+// else readdir(PREFIX) as ENTRIES
+//   If fail, END
+//
+// with ENTRIES
+//   If pattern[n] is GLOBSTAR
+//     // handle the case where the globstar match is empty
+//     // by pruning it out, and testing the resulting pattern
+//     PROCESS(pattern[0..n] + pattern[n+1 .. $], false)
+//     // handle other cases.
+//     for ENTRY in ENTRIES (not dotfiles)
+//       // attach globstar + tail onto the entry
+//       // Mark that this entry is a globstar match
+//       PROCESS(pattern[0..n] + ENTRY + pattern[n .. $], true)
+//
+//   else // not globstar
+//     for ENTRY in ENTRIES (not dotfiles, unless pattern[n] is dot)
+//       Test ENTRY against pattern[n]
+//       If fails, continue
+//       If passes, PROCESS(pattern[0..n] + item + pattern[n+1 .. $])
+//
+// Caveat:
+//   Cache all stats and readdirs results to minimize syscall.  Since all
+//   we ever care about is existence and directory-ness, we can just keep
+//   `true` for files, and [children,...] for directories, or `false` for
+//   things that don't exist.
+
+module.exports = glob
+
+var fs = require('fs')
+var minimatch = require('minimatch')
+var Minimatch = minimatch.Minimatch
+var inherits = require('inherits')
+var EE = require('events').EventEmitter
+var path = require('path')
+var assert = require('assert')
+var isAbsolute = require('path-is-absolute')
+var globSync = require('./sync.js')
+var common = require('./common.js')
+var alphasort = common.alphasort
+var alphasorti = common.alphasorti
+var setopts = common.setopts
+var ownProp = common.ownProp
+var inflight = require('inflight')
+var util = require('util')
+var childrenIgnored = common.childrenIgnored
+var isIgnored = common.isIgnored
+
+var once = require('once')
+
+function glob (pattern, options, cb) {
+  if (typeof options === 'function') cb = options, options = {}
+  if (!options) options = {}
+
+  if (options.sync) {
+    if (cb)
+      throw new TypeError('callback provided to sync glob')
+    return globSync(pattern, options)
+  }
+
+  return new Glob(pattern, options, cb)
+}
+
+glob.sync = globSync
+var GlobSync = glob.GlobSync = globSync.GlobSync
+
+// old api surface
+glob.glob = glob
+
+glob.hasMagic = function (pattern, options_) {
+  var options = util._extend({}, options_)
+  options.noprocess = true
+
+  var g = new Glob(pattern, options)
+  var set = g.minimatch.set
+  if (set.length > 1)
+    return true
+
+  for (var j = 0; j < set[0].length; j++) {
+    if (typeof set[0][j] !== 'string')
+      return true
+  }
+
+  return false
+}
+
+glob.Glob = Glob
+inherits(Glob, EE)
+function Glob (pattern, options, cb) {
+  if (typeof options === 'function') {
+    cb = options
+    options = null
+  }
+
+  if (options && options.sync) {
+    if (cb)
+      throw new TypeError('callback provided to sync glob')
+    return new GlobSync(pattern, options)
+  }
+
+  if (!(this instanceof Glob))
+    return new Glob(pattern, options, cb)
+
+  setopts(this, pattern, options)
+  this._didRealPath = false
+
+  // process each pattern in the minimatch set
+  var n = this.minimatch.set.length
+
+  // The matches are stored as {<filename>: true,...} so that
+  // duplicates are automagically pruned.
+  // Later, we do an Object.keys() on these.
+  // Keep them as a list so we can fill in when nonull is set.
+  this.matches = new Array(n)
+
+  if (typeof cb === 'function') {
+    cb = once(cb)
+    this.on('error', cb)
+    this.on('end', function (matches) {
+      cb(null, matches)
+    })
+  }
+
+  var self = this
+  var n = this.minimatch.set.length
+  this._processing = 0
+  this.matches = new Array(n)
+
+  this._emitQueue = []
+  this._processQueue = []
+  this.paused = false
+
+  if (this.noprocess)
+    return this
+
+  if (n === 0)
+    return done()
+
+  for (var i = 0; i < n; i ++) {
+    this._process(this.minimatch.set[i], i, false, done)
+  }
+
+  function done () {
+    --self._processing
+    if (self._processing <= 0)
+      self._finish()
+  }
+}
+
+Glob.prototype._finish = function () {
+  assert(this instanceof Glob)
+  if (this.aborted)
+    return
+
+  if (this.realpath && !this._didRealpath)
+    return this._realpath()
+
+  common.finish(this)
+  this.emit('end', this.found)
+}
+
+Glob.prototype._realpath = function () {
+  if (this._didRealpath)
+    return
+
+  this._didRealpath = true
+
+  var n = this.matches.length
+  if (n === 0)
+    return this._finish()
+
+  var self = this
+  for (var i = 0; i < this.matches.length; i++)
+    this._realpathSet(i, next)
+
+  function next () {
+    if (--n === 0)
+      self._finish()
+  }
+}
+
+Glob.prototype._realpathSet = function (index, cb) {
+  var matchset = this.matches[index]
+  if (!matchset)
+    return cb()
+
+  var found = Object.keys(matchset)
+  var self = this
+  var n = found.length
+
+  if (n === 0)
+    return cb()
+
+  var set = this.matches[index] = Object.create(null)
+  found.forEach(function (p, i) {
+    // If there's a problem with the stat, then it means that
+    // one or more of the links in the realpath couldn't be
+    // resolved.  just return the abs value in that case.
+    p = self._makeAbs(p)
+    fs.realpath(p, self.realpathCache, function (er, real) {
+      if (!er)
+        set[real] = true
+      else if (er.syscall === 'stat')
+        set[p] = true
+      else
+        self.emit('error', er) // srsly wtf right here
+
+      if (--n === 0) {
+        self.matches[index] = set
+        cb()
+      }
+    })
+  })
+}
+
+Glob.prototype._mark = function (p) {
+  return common.mark(this, p)
+}
+
+Glob.prototype._makeAbs = function (f) {
+  return common.makeAbs(this, f)
+}
+
+Glob.prototype.abort = function () {
+  this.aborted = true
+  this.emit('abort')
+}
+
+Glob.prototype.pause = function () {
+  if (!this.paused) {
+    this.paused = true
+    this.emit('pause')
+  }
+}
+
+Glob.prototype.resume = function () {
+  if (this.paused) {
+    this.emit('resume')
+    this.paused = false
+    if (this._emitQueue.length) {
+      var eq = this._emitQueue.slice(0)
+      this._emitQueue.length = 0
+      for (var i = 0; i < eq.length; i ++) {
+        var e = eq[i]
+        this._emitMatch(e[0], e[1])
+      }
+    }
+    if (this._processQueue.length) {
+      var pq = this._processQueue.slice(0)
+      this._processQueue.length = 0
+      for (var i = 0; i < pq.length; i ++) {
+        var p = pq[i]
+        this._processing--
+        this._process(p[0], p[1], p[2], p[3])
+      }
+    }
+  }
+}
+
+Glob.prototype._process = function (pattern, index, inGlobStar, cb) {
+  assert(this instanceof Glob)
+  assert(typeof cb === 'function')
+
+  if (this.aborted)
+    return
+
+  this._processing++
+  if (this.paused) {
+    this._processQueue.push([pattern, index, inGlobStar, cb])
+    return
+  }
+
+  //console.error('PROCESS %d', this._processing, pattern)
+
+  // Get the first [n] parts of pattern that are all strings.
+  var n = 0
+  while (typeof pattern[n] === 'string') {
+    n ++
+  }
+  // now n is the index of the first one that is *not* a string.
+
+  // see if there's anything else
+  var prefix
+  switch (n) {
+    // if not, then this is rather simple
+    case pattern.length:
+      this._processSimple(pattern.join('/'), index, cb)
+      return
+
+    case 0:
+      // pattern *starts* with some non-trivial item.
+      // going to readdir(cwd), but not include the prefix in matches.
+      prefix = null
+      break
+
+    default:
+      // pattern has some string bits in the front.
+      // whatever it starts with, whether that's 'absolute' like /foo/bar,
+      // or 'relative' like '../baz'
+      prefix = pattern.slice(0, n).join('/')
+      break
+  }
+
+  var remain = pattern.slice(n)
+
+  // get the list of entries.
+  var read
+  if (prefix === null)
+    read = '.'
+  else if (isAbsolute(prefix) || isAbsolute(pattern.join('/'))) {
+    if (!prefix || !isAbsolute(prefix))
+      prefix = '/' + prefix
+    read = prefix
+  } else
+    read = prefix
+
+  var abs = this._makeAbs(read)
+
+  //if ignored, skip _processing
+  if (childrenIgnored(this, read))
+    return cb()
+
+  var isGlobStar = remain[0] === minimatch.GLOBSTAR
+  if (isGlobStar)
+    this._processGlobStar(prefix, read, abs, remain, index, inGlobStar, cb)
+  else
+    this._processReaddir(prefix, read, abs, remain, index, inGlobStar, cb)
+}
+
+Glob.prototype._processReaddir = function (prefix, read, abs, remain, index, inGlobStar, cb) {
+  var self = this
+  this._readdir(abs, inGlobStar, function (er, entries) {
+    return self._processReaddir2(prefix, read, abs, remain, index, inGlobStar, entries, cb)
+  })
+}
+
+Glob.prototype._processReaddir2 = function (prefix, read, abs, remain, index, inGlobStar, entries, cb) {
+
+  // if the abs isn't a dir, then nothing can match!
+  if (!entries)
+    return cb()
+
+  // It will only match dot entries if it starts with a dot, or if
+  // dot is set.  Stuff like @(.foo|.bar) isn't allowed.
+  var pn = remain[0]
+  var negate = !!this.minimatch.negate
+  var rawGlob = pn._glob
+  var dotOk = this.dot || rawGlob.charAt(0) === '.'
+
+  var matchedEntries = []
+  for (var i = 0; i < entries.length; i++) {
+    var e = entries[i]
+    if (e.charAt(0) !== '.' || dotOk) {
+      var m
+      if (negate && !prefix) {
+        m = !e.match(pn)
+      } else {
+        m = e.match(pn)
+      }
+      if (m)
+        matchedEntries.push(e)
+    }
+  }
+
+  //console.error('prd2', prefix, entries, remain[0]._glob, matchedEntries)
+
+  var len = matchedEntries.length
+  // If there are no matched entries, then nothing matches.
+  if (len === 0)
+    return cb()
+
+  // if this is the last remaining pattern bit, then no need for
+  // an additional stat *unless* the user has specified mark or
+  // stat explicitly.  We know they exist, since readdir returned
+  // them.
+
+  if (remain.length === 1 && !this.mark && !this.stat) {
+    if (!this.matches[index])
+      this.matches[index] = Object.create(null)
+
+    for (var i = 0; i < len; i ++) {
+      var e = matchedEntries[i]
+      if (prefix) {
+        if (prefix !== '/')
+          e = prefix + '/' + e
+        else
+          e = prefix + e
+      }
+
+      if (e.charAt(0) === '/' && !this.nomount) {
+        e = path.join(this.root, e)
+      }
+      this._emitMatch(index, e)
+    }
+    // This was the last one, and no stats were needed
+    return cb()
+  }
+
+  // now test all matched entries as stand-ins for that part
+  // of the pattern.
+  remain.shift()
+  for (var i = 0; i < len; i ++) {
+    var e = matchedEntries[i]
+    var newPattern
+    if (prefix) {
+      if (prefix !== '/')
+        e = prefix + '/' + e
+      else
+        e = prefix + e
+    }
+    this._process([e].concat(remain), index, inGlobStar, cb)
+  }
+  cb()
+}
+
+Glob.prototype._emitMatch = function (index, e) {
+  if (this.aborted)
+    return
+
+  if (this.matches[index][e])
+    return
+
+  if (isIgnored(this, e))
+    return
+
+  if (this.paused) {
+    this._emitQueue.push([index, e])
+    return
+  }
+
+  var abs = this._makeAbs(e)
+
+  if (this.nodir) {
+    var c = this.cache[abs]
+    if (c === 'DIR' || Array.isArray(c))
+      return
+  }
+
+  if (this.mark)
+    e = this._mark(e)
+
+  this.matches[index][e] = true
+
+  var st = this.statCache[abs]
+  if (st)
+    this.emit('stat', e, st)
+
+  this.emit('match', e)
+}
+
+Glob.prototype._readdirInGlobStar = function (abs, cb) {
+  if (this.aborted)
+    return
+
+  // follow all symlinked directories forever
+  // just proceed as if this is a non-globstar situation
+  if (this.follow)
+    return this._readdir(abs, false, cb)
+
+  var lstatkey = 'lstat\0' + abs
+  var self = this
+  var lstatcb = inflight(lstatkey, lstatcb_)
+
+  if (lstatcb)
+    fs.lstat(abs, lstatcb)
+
+  function lstatcb_ (er, lstat) {
+    if (er)
+      return cb()
+
+    var isSym = lstat.isSymbolicLink()
+    self.symlinks[abs] = isSym
+
+    // If it's not a symlink or a dir, then it's definitely a regular file.
+    // don't bother doing a readdir in that case.
+    if (!isSym && !lstat.isDirectory()) {
+      self.cache[abs] = 'FILE'
+      cb()
+    } else
+      self._readdir(abs, false, cb)
+  }
+}
+
+Glob.prototype._readdir = function (abs, inGlobStar, cb) {
+  if (this.aborted)
+    return
+
+  cb = inflight('readdir\0'+abs+'\0'+inGlobStar, cb)
+  if (!cb)
+    return
+
+  //console.error('RD %j %j', +inGlobStar, abs)
+  if (inGlobStar && !ownProp(this.symlinks, abs))
+    return this._readdirInGlobStar(abs, cb)
+
+  if (ownProp(this.cache, abs)) {
+    var c = this.cache[abs]
+    if (!c || c === 'FILE')
+      return cb()
+
+    if (Array.isArray(c))
+      return cb(null, c)
+  }
+
+  var self = this
+  fs.readdir(abs, readdirCb(this, abs, cb))
+}
+
+function readdirCb (self, abs, cb) {
+  return function (er, entries) {
+    if (er)
+      self._readdirError(abs, er, cb)
+    else
+      self._readdirEntries(abs, entries, cb)
+  }
+}
+
+Glob.prototype._readdirEntries = function (abs, entries, cb) {
+  if (this.aborted)
+    return
+
+  // if we haven't asked to stat everything, then just
+  // assume that everything in there exists, so we can avoid
+  // having to stat it a second time.
+  if (!this.mark && !this.stat) {
+    for (var i = 0; i < entries.length; i ++) {
+      var e = entries[i]
+      if (abs === '/')
+        e = abs + e
+      else
+        e = abs + '/' + e
+      this.cache[e] = true
+    }
+  }
+
+  this.cache[abs] = entries
+  return cb(null, entries)
+}
+
+Glob.prototype._readdirError = function (f, er, cb) {
+  if (this.aborted)
+    return
+
+  // handle errors, and cache the information
+  switch (er.code) {
+    case 'ENOTSUP': // https://github.com/isaacs/node-glob/issues/205
+    case 'ENOTDIR': // totally normal. means it *does* exist.
+      this.cache[this._makeAbs(f)] = 'FILE'
+      break
+
+    case 'ENOENT': // not terribly unusual
+    case 'ELOOP':
+    case 'ENAMETOOLONG':
+    case 'UNKNOWN':
+      this.cache[this._makeAbs(f)] = false
+      break
+
+    default: // some unusual error.  Treat as failure.
+      this.cache[this._makeAbs(f)] = false
+      if (this.strict) {
+        this.emit('error', er)
+        // If the error is handled, then we abort
+        // if not, we threw out of here
+        this.abort()
+      }
+      if (!this.silent)
+        console.error('glob error', er)
+      break
+  }
+
+  return cb()
+}
+
+Glob.prototype._processGlobStar = function (prefix, read, abs, remain, index, inGlobStar, cb) {
+  var self = this
+  this._readdir(abs, inGlobStar, function (er, entries) {
+    self._processGlobStar2(prefix, read, abs, remain, index, inGlobStar, entries, cb)
+  })
+}
+
+
+Glob.prototype._processGlobStar2 = function (prefix, read, abs, remain, index, inGlobStar, entries, cb) {
+  //console.error('pgs2', prefix, remain[0], entries)
+
+  // no entries means not a dir, so it can never have matches
+  // foo.txt/** doesn't match foo.txt
+  if (!entries)
+    return cb()
+
+  // test without the globstar, and with every child both below
+  // and replacing the globstar.
+  var remainWithoutGlobStar = remain.slice(1)
+  var gspref = prefix ? [ prefix ] : []
+  var noGlobStar = gspref.concat(remainWithoutGlobStar)
+
+  // the noGlobStar pattern exits the inGlobStar state
+  this._process(noGlobStar, index, false, cb)
+
+  var isSym = this.symlinks[abs]
+  var len = entries.length
+
+  // If it's a symlink, and we're in a globstar, then stop
+  if (isSym && inGlobStar)
+    return cb()
+
+  for (var i = 0; i < len; i++) {
+    var e = entries[i]
+    if (e.charAt(0) === '.' && !this.dot)
+      continue
+
+    // these two cases enter the inGlobStar state
+    var instead = gspref.concat(entries[i], remainWithoutGlobStar)
+    this._process(instead, index, true, cb)
+
+    var below = gspref.concat(entries[i], remain)
+    this._process(below, index, true, cb)
+  }
+
+  cb()
+}
+
+Glob.prototype._processSimple = function (prefix, index, cb) {
+  // XXX review this.  Shouldn't it be doing the mounting etc
+  // before doing stat?  kinda weird?
+  var self = this
+  this._stat(prefix, function (er, exists) {
+    self._processSimple2(prefix, index, er, exists, cb)
+  })
+}
+Glob.prototype._processSimple2 = function (prefix, index, er, exists, cb) {
+
+  //console.error('ps2', prefix, exists)
+
+  if (!this.matches[index])
+    this.matches[index] = Object.create(null)
+
+  // If it doesn't exist, then just mark the lack of results
+  if (!exists)
+    return cb()
+
+  if (prefix && isAbsolute(prefix) && !this.nomount) {
+    var trail = /[\/\\]$/.test(prefix)
+    if (prefix.charAt(0) === '/') {
+      prefix = path.join(this.root, prefix)
+    } else {
+      prefix = path.resolve(this.root, prefix)
+      if (trail)
+        prefix += '/'
+    }
+  }
+
+  if (process.platform === 'win32')
+    prefix = prefix.replace(/\\/g, '/')
+
+  // Mark this as a match
+  this._emitMatch(index, prefix)
+  cb()
+}
+
+// Returns either 'DIR', 'FILE', or false
+Glob.prototype._stat = function (f, cb) {
+  var abs = this._makeAbs(f)
+  var needDir = f.slice(-1) === '/'
+
+  if (f.length > this.maxLength)
+    return cb()
+
+  if (!this.stat && ownProp(this.cache, abs)) {
+    var c = this.cache[abs]
+
+    if (Array.isArray(c))
+      c = 'DIR'
+
+    // It exists, but maybe not how we need it
+    if (!needDir || c === 'DIR')
+      return cb(null, c)
+
+    if (needDir && c === 'FILE')
+      return cb()
+
+    // otherwise we have to stat, because maybe c=true
+    // if we know it exists, but not what it is.
+  }
+
+  var exists
+  var stat = this.statCache[abs]
+  if (stat !== undefined) {
+    if (stat === false)
+      return cb(null, stat)
+    else {
+      var type = stat.isDirectory() ? 'DIR' : 'FILE'
+      if (needDir && type === 'FILE')
+        return cb()
+      else
+        return cb(null, type, stat)
+    }
+  }
+
+  var self = this
+  var statcb = inflight('stat\0' + abs, lstatcb_)
+  if (statcb)
+    fs.lstat(abs, statcb)
+
+  function lstatcb_ (er, lstat) {
+    if (lstat && lstat.isSymbolicLink()) {
+      // If it's a symlink, then treat it as the target, unless
+      // the target does not exist, then treat it as a file.
+      return fs.stat(abs, function (er, stat) {
+        if (er)
+          self._stat2(f, abs, null, lstat, cb)
+        else
+          self._stat2(f, abs, er, stat, cb)
+      })
+    } else {
+      self._stat2(f, abs, er, lstat, cb)
+    }
+  }
+}
+
+Glob.prototype._stat2 = function (f, abs, er, stat, cb) {
+  if (er) {
+    this.statCache[abs] = false
+    return cb()
+  }
+
+  var needDir = f.slice(-1) === '/'
+  this.statCache[abs] = stat
+
+  if (abs.slice(-1) === '/' && !stat.isDirectory())
+    return cb(null, false, stat)
+
+  var c = stat.isDirectory() ? 'DIR' : 'FILE'
+  this.cache[abs] = this.cache[abs] || c
+
+  if (needDir && c !== 'DIR')
+    return cb()
+
+  return cb(null, c, stat)
+}
+
+}).call(this,require('_process'))
+},{"./common.js":15,"./sync.js":17,"_process":24,"assert":9,"events":14,"fs":12,"inflight":18,"inherits":19,"minimatch":20,"once":21,"path":22,"path-is-absolute":23,"util":28}],17:[function(require,module,exports){
+(function (process){
+module.exports = globSync
+globSync.GlobSync = GlobSync
+
+var fs = require('fs')
+var minimatch = require('minimatch')
+var Minimatch = minimatch.Minimatch
+var Glob = require('./glob.js').Glob
+var util = require('util')
+var path = require('path')
+var assert = require('assert')
+var isAbsolute = require('path-is-absolute')
+var common = require('./common.js')
+var alphasort = common.alphasort
+var alphasorti = common.alphasorti
+var setopts = common.setopts
+var ownProp = common.ownProp
+var childrenIgnored = common.childrenIgnored
+
+function globSync (pattern, options) {
+  if (typeof options === 'function' || arguments.length === 3)
+    throw new TypeError('callback provided to sync glob\n'+
+                        'See: https://github.com/isaacs/node-glob/issues/167')
+
+  return new GlobSync(pattern, options).found
+}
+
+function GlobSync (pattern, options) {
+  if (!pattern)
+    throw new Error('must provide pattern')
+
+  if (typeof options === 'function' || arguments.length === 3)
+    throw new TypeError('callback provided to sync glob\n'+
+                        'See: https://github.com/isaacs/node-glob/issues/167')
+
+  if (!(this instanceof GlobSync))
+    return new GlobSync(pattern, options)
+
+  setopts(this, pattern, options)
+
+  if (this.noprocess)
+    return this
+
+  var n = this.minimatch.set.length
+  this.matches = new Array(n)
+  for (var i = 0; i < n; i ++) {
+    this._process(this.minimatch.set[i], i, false)
+  }
+  this._finish()
+}
+
+GlobSync.prototype._finish = function () {
+  assert(this instanceof GlobSync)
+  if (this.realpath) {
+    var self = this
+    this.matches.forEach(function (matchset, index) {
+      var set = self.matches[index] = Object.create(null)
+      for (var p in matchset) {
+        try {
+          p = self._makeAbs(p)
+          var real = fs.realpathSync(p, self.realpathCache)
+          set[real] = true
+        } catch (er) {
+          if (er.syscall === 'stat')
+            set[self._makeAbs(p)] = true
+          else
+            throw er
+        }
+      }
+    })
+  }
+  common.finish(this)
+}
+
+
+GlobSync.prototype._process = function (pattern, index, inGlobStar) {
+  assert(this instanceof GlobSync)
+
+  // Get the first [n] parts of pattern that are all strings.
+  var n = 0
+  while (typeof pattern[n] === 'string') {
+    n ++
+  }
+  // now n is the index of the first one that is *not* a string.
+
+  // See if there's anything else
+  var prefix
+  switch (n) {
+    // if not, then this is rather simple
+    case pattern.length:
+      this._processSimple(pattern.join('/'), index)
+      return
+
+    case 0:
+      // pattern *starts* with some non-trivial item.
+      // going to readdir(cwd), but not include the prefix in matches.
+      prefix = null
+      break
+
+    default:
+      // pattern has some string bits in the front.
+      // whatever it starts with, whether that's 'absolute' like /foo/bar,
+      // or 'relative' like '../baz'
+      prefix = pattern.slice(0, n).join('/')
+      break
+  }
+
+  var remain = pattern.slice(n)
+
+  // get the list of entries.
+  var read
+  if (prefix === null)
+    read = '.'
+  else if (isAbsolute(prefix) || isAbsolute(pattern.join('/'))) {
+    if (!prefix || !isAbsolute(prefix))
+      prefix = '/' + prefix
+    read = prefix
+  } else
+    read = prefix
+
+  var abs = this._makeAbs(read)
+
+  //if ignored, skip processing
+  if (childrenIgnored(this, read))
+    return
+
+  var isGlobStar = remain[0] === minimatch.GLOBSTAR
+  if (isGlobStar)
+    this._processGlobStar(prefix, read, abs, remain, index, inGlobStar)
+  else
+    this._processReaddir(prefix, read, abs, remain, index, inGlobStar)
+}
+
+
+GlobSync.prototype._processReaddir = function (prefix, read, abs, remain, index, inGlobStar) {
+  var entries = this._readdir(abs, inGlobStar)
+
+  // if the abs isn't a dir, then nothing can match!
+  if (!entries)
+    return
+
+  // It will only match dot entries if it starts with a dot, or if
+  // dot is set.  Stuff like @(.foo|.bar) isn't allowed.
+  var pn = remain[0]
+  var negate = !!this.minimatch.negate
+  var rawGlob = pn._glob
+  var dotOk = this.dot || rawGlob.charAt(0) === '.'
+
+  var matchedEntries = []
+  for (var i = 0; i < entries.length; i++) {
+    var e = entries[i]
+    if (e.charAt(0) !== '.' || dotOk) {
+      var m
+      if (negate && !prefix) {
+        m = !e.match(pn)
+      } else {
+        m = e.match(pn)
+      }
+      if (m)
+        matchedEntries.push(e)
+    }
+  }
+
+  var len = matchedEntries.length
+  // If there are no matched entries, then nothing matches.
+  if (len === 0)
+    return
+
+  // if this is the last remaining pattern bit, then no need for
+  // an additional stat *unless* the user has specified mark or
+  // stat explicitly.  We know they exist, since readdir returned
+  // them.
+
+  if (remain.length === 1 && !this.mark && !this.stat) {
+    if (!this.matches[index])
+      this.matches[index] = Object.create(null)
+
+    for (var i = 0; i < len; i ++) {
+      var e = matchedEntries[i]
+      if (prefix) {
+        if (prefix.slice(-1) !== '/')
+          e = prefix + '/' + e
+        else
+          e = prefix + e
+      }
+
+      if (e.charAt(0) === '/' && !this.nomount) {
+        e = path.join(this.root, e)
+      }
+      this.matches[index][e] = true
+    }
+    // This was the last one, and no stats were needed
+    return
+  }
+
+  // now test all matched entries as stand-ins for that part
+  // of the pattern.
+  remain.shift()
+  for (var i = 0; i < len; i ++) {
+    var e = matchedEntries[i]
+    var newPattern
+    if (prefix)
+      newPattern = [prefix, e]
+    else
+      newPattern = [e]
+    this._process(newPattern.concat(remain), index, inGlobStar)
+  }
+}
+
+
+GlobSync.prototype._emitMatch = function (index, e) {
+  var abs = this._makeAbs(e)
+  if (this.mark)
+    e = this._mark(e)
+
+  if (this.matches[index][e])
+    return
+
+  if (this.nodir) {
+    var c = this.cache[this._makeAbs(e)]
+    if (c === 'DIR' || Array.isArray(c))
+      return
+  }
+
+  this.matches[index][e] = true
+  if (this.stat)
+    this._stat(e)
+}
+
+
+GlobSync.prototype._readdirInGlobStar = function (abs) {
+  // follow all symlinked directories forever
+  // just proceed as if this is a non-globstar situation
+  if (this.follow)
+    return this._readdir(abs, false)
+
+  var entries
+  var lstat
+  var stat
+  try {
+    lstat = fs.lstatSync(abs)
+  } catch (er) {
+    // lstat failed, doesn't exist
+    return null
+  }
+
+  var isSym = lstat.isSymbolicLink()
+  this.symlinks[abs] = isSym
+
+  // If it's not a symlink or a dir, then it's definitely a regular file.
+  // don't bother doing a readdir in that case.
+  if (!isSym && !lstat.isDirectory())
+    this.cache[abs] = 'FILE'
+  else
+    entries = this._readdir(abs, false)
+
+  return entries
+}
+
+GlobSync.prototype._readdir = function (abs, inGlobStar) {
+  var entries
+
+  if (inGlobStar && !ownProp(this.symlinks, abs))
+    return this._readdirInGlobStar(abs)
+
+  if (ownProp(this.cache, abs)) {
+    var c = this.cache[abs]
+    if (!c || c === 'FILE')
+      return null
+
+    if (Array.isArray(c))
+      return c
+  }
+
+  try {
+    return this._readdirEntries(abs, fs.readdirSync(abs))
+  } catch (er) {
+    this._readdirError(abs, er)
+    return null
+  }
+}
+
+GlobSync.prototype._readdirEntries = function (abs, entries) {
+  // if we haven't asked to stat everything, then just
+  // assume that everything in there exists, so we can avoid
+  // having to stat it a second time.
+  if (!this.mark && !this.stat) {
+    for (var i = 0; i < entries.length; i ++) {
+      var e = entries[i]
+      if (abs === '/')
+        e = abs + e
+      else
+        e = abs + '/' + e
+      this.cache[e] = true
+    }
+  }
+
+  this.cache[abs] = entries
+
+  // mark and cache dir-ness
+  return entries
+}
+
+GlobSync.prototype._readdirError = function (f, er) {
+  // handle errors, and cache the information
+  switch (er.code) {
+    case 'ENOTSUP': // https://github.com/isaacs/node-glob/issues/205
+    case 'ENOTDIR': // totally normal. means it *does* exist.
+      this.cache[this._makeAbs(f)] = 'FILE'
+      break
+
+    case 'ENOENT': // not terribly unusual
+    case 'ELOOP':
+    case 'ENAMETOOLONG':
+    case 'UNKNOWN':
+      this.cache[this._makeAbs(f)] = false
+      break
+
+    default: // some unusual error.  Treat as failure.
+      this.cache[this._makeAbs(f)] = false
+      if (this.strict)
+        throw er
+      if (!this.silent)
+        console.error('glob error', er)
+      break
+  }
+}
+
+GlobSync.prototype._processGlobStar = function (prefix, read, abs, remain, index, inGlobStar) {
+
+  var entries = this._readdir(abs, inGlobStar)
+
+  // no entries means not a dir, so it can never have matches
+  // foo.txt/** doesn't match foo.txt
+  if (!entries)
+    return
+
+  // test without the globstar, and with every child both below
+  // and replacing the globstar.
+  var remainWithoutGlobStar = remain.slice(1)
+  var gspref = prefix ? [ prefix ] : []
+  var noGlobStar = gspref.concat(remainWithoutGlobStar)
+
+  // the noGlobStar pattern exits the inGlobStar state
+  this._process(noGlobStar, index, false)
+
+  var len = entries.length
+  var isSym = this.symlinks[abs]
+
+  // If it's a symlink, and we're in a globstar, then stop
+  if (isSym && inGlobStar)
+    return
+
+  for (var i = 0; i < len; i++) {
+    var e = entries[i]
+    if (e.charAt(0) === '.' && !this.dot)
+      continue
+
+    // these two cases enter the inGlobStar state
+    var instead = gspref.concat(entries[i], remainWithoutGlobStar)
+    this._process(instead, index, true)
+
+    var below = gspref.concat(entries[i], remain)
+    this._process(below, index, true)
+  }
+}
+
+GlobSync.prototype._processSimple = function (prefix, index) {
+  // XXX review this.  Shouldn't it be doing the mounting etc
+  // before doing stat?  kinda weird?
+  var exists = this._stat(prefix)
+
+  if (!this.matches[index])
+    this.matches[index] = Object.create(null)
+
+  // If it doesn't exist, then just mark the lack of results
+  if (!exists)
+    return
+
+  if (prefix && isAbsolute(prefix) && !this.nomount) {
+    var trail = /[\/\\]$/.test(prefix)
+    if (prefix.charAt(0) === '/') {
+      prefix = path.join(this.root, prefix)
+    } else {
+      prefix = path.resolve(this.root, prefix)
+      if (trail)
+        prefix += '/'
+    }
+  }
+
+  if (process.platform === 'win32')
+    prefix = prefix.replace(/\\/g, '/')
+
+  // Mark this as a match
+  this.matches[index][prefix] = true
+}
+
+// Returns either 'DIR', 'FILE', or false
+GlobSync.prototype._stat = function (f) {
+  var abs = this._makeAbs(f)
+  var needDir = f.slice(-1) === '/'
+
+  if (f.length > this.maxLength)
+    return false
+
+  if (!this.stat && ownProp(this.cache, abs)) {
+    var c = this.cache[abs]
+
+    if (Array.isArray(c))
+      c = 'DIR'
+
+    // It exists, but maybe not how we need it
+    if (!needDir || c === 'DIR')
+      return c
+
+    if (needDir && c === 'FILE')
+      return false
+
+    // otherwise we have to stat, because maybe c=true
+    // if we know it exists, but not what it is.
+  }
+
+  var exists
+  var stat = this.statCache[abs]
+  if (!stat) {
+    var lstat
+    try {
+      lstat = fs.lstatSync(abs)
+    } catch (er) {
+      return false
+    }
+
+    if (lstat.isSymbolicLink()) {
+      try {
+        stat = fs.statSync(abs)
+      } catch (er) {
+        stat = lstat
+      }
+    } else {
+      stat = lstat
+    }
+  }
+
+  this.statCache[abs] = stat
+
+  var c = stat.isDirectory() ? 'DIR' : 'FILE'
+  this.cache[abs] = this.cache[abs] || c
+
+  if (needDir && c !== 'DIR')
+    return false
+
+  return c
+}
+
+GlobSync.prototype._mark = function (p) {
+  return common.mark(this, p)
+}
+
+GlobSync.prototype._makeAbs = function (f) {
+  return common.makeAbs(this, f)
+}
+
+}).call(this,require('_process'))
+},{"./common.js":15,"./glob.js":16,"_process":24,"assert":9,"fs":12,"minimatch":20,"path":22,"path-is-absolute":23,"util":28}],18:[function(require,module,exports){
+(function (process){
+var wrappy = require('wrappy')
+var reqs = Object.create(null)
+var once = require('once')
+
+module.exports = wrappy(inflight)
+
+function inflight (key, cb) {
+  if (reqs[key]) {
+    reqs[key].push(cb)
+    return null
+  } else {
+    reqs[key] = [cb]
+    return makeres(key)
+  }
+}
+
+function makeres (key) {
+  return once(function RES () {
+    var cbs = reqs[key]
+    var len = cbs.length
+    var args = slice(arguments)
+
+    // XXX It's somewhat ambiguous whether a new callback added in this
+    // pass should be queued for later execution if something in the
+    // list of callbacks throws, or if it should just be discarded.
+    // However, it's such an edge case that it hardly matters, and either
+    // choice is likely as surprising as the other.
+    // As it happens, we do go ahead and schedule it for later execution.
+    try {
+      for (var i = 0; i < len; i++) {
+        cbs[i].apply(null, args)
+      }
+    } finally {
+      if (cbs.length > len) {
+        // added more in the interim.
+        // de-zalgo, just in case, but don't call again.
+        cbs.splice(0, len)
+        process.nextTick(function () {
+          RES.apply(null, args)
+        })
+      } else {
+        delete reqs[key]
+      }
+    }
+  })
+}
+
+function slice (args) {
+  var length = args.length
+  var array = []
+
+  for (var i = 0; i < length; i++) array[i] = args[i]
+  return array
+}
+
+}).call(this,require('_process'))
+},{"_process":24,"once":21,"wrappy":29}],19:[function(require,module,exports){
+if (typeof Object.create === 'function') {
+  // implementation from standard node.js 'util' module
+  module.exports = function inherits(ctor, superCtor) {
+    ctor.super_ = superCtor
+    ctor.prototype = Object.create(superCtor.prototype, {
+      constructor: {
+        value: ctor,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+  };
+} else {
+  // old school shim for old browsers
+  module.exports = function inherits(ctor, superCtor) {
+    ctor.super_ = superCtor
+    var TempCtor = function () {}
+    TempCtor.prototype = superCtor.prototype
+    ctor.prototype = new TempCtor()
+    ctor.prototype.constructor = ctor
+  }
+}
+
+},{}],20:[function(require,module,exports){
+module.exports = minimatch
+minimatch.Minimatch = Minimatch
+
+var path = { sep: '/' }
+try {
+  path = require('path')
+} catch (er) {}
+
+var GLOBSTAR = minimatch.GLOBSTAR = Minimatch.GLOBSTAR = {}
+var expand = require('brace-expansion')
+
+var plTypes = {
+  '!': { open: '(?:(?!(?:', close: '))[^/]*?)'},
+  '?': { open: '(?:', close: ')?' },
+  '+': { open: '(?:', close: ')+' },
+  '*': { open: '(?:', close: ')*' },
+  '@': { open: '(?:', close: ')' }
+}
+
+// any single thing other than /
+// don't need to escape / when using new RegExp()
+var qmark = '[^/]'
+
+// * => any number of characters
+var star = qmark + '*?'
+
+// ** when dots are allowed.  Anything goes, except .. and .
+// not (^ or / followed by one or two dots followed by $ or /),
+// followed by anything, any number of times.
+var twoStarDot = '(?:(?!(?:\\\/|^)(?:\\.{1,2})($|\\\/)).)*?'
+
+// not a ^ or / followed by a dot,
+// followed by anything, any number of times.
+var twoStarNoDot = '(?:(?!(?:\\\/|^)\\.).)*?'
+
+// characters that need to be escaped in RegExp.
+var reSpecials = charSet('().*{}+?[]^$\\!')
+
+// "abc" -> { a:true, b:true, c:true }
+function charSet (s) {
+  return s.split('').reduce(function (set, c) {
+    set[c] = true
+    return set
+  }, {})
+}
+
+// normalizes slashes.
+var slashSplit = /\/+/
+
+minimatch.filter = filter
+function filter (pattern, options) {
+  options = options || {}
+  return function (p, i, list) {
+    return minimatch(p, pattern, options)
+  }
+}
+
+function ext (a, b) {
+  a = a || {}
+  b = b || {}
+  var t = {}
+  Object.keys(b).forEach(function (k) {
+    t[k] = b[k]
+  })
+  Object.keys(a).forEach(function (k) {
+    t[k] = a[k]
+  })
+  return t
+}
+
+minimatch.defaults = function (def) {
+  if (!def || !Object.keys(def).length) return minimatch
+
+  var orig = minimatch
+
+  var m = function minimatch (p, pattern, options) {
+    return orig.minimatch(p, pattern, ext(def, options))
+  }
+
+  m.Minimatch = function Minimatch (pattern, options) {
+    return new orig.Minimatch(pattern, ext(def, options))
+  }
+
+  return m
+}
+
+Minimatch.defaults = function (def) {
+  if (!def || !Object.keys(def).length) return Minimatch
+  return minimatch.defaults(def).Minimatch
+}
+
+function minimatch (p, pattern, options) {
+  if (typeof pattern !== 'string') {
+    throw new TypeError('glob pattern string required')
+  }
+
+  if (!options) options = {}
+
+  // shortcut: comments match nothing.
+  if (!options.nocomment && pattern.charAt(0) === '#') {
+    return false
+  }
+
+  // "" only matches ""
+  if (pattern.trim() === '') return p === ''
+
+  return new Minimatch(pattern, options).match(p)
+}
+
+function Minimatch (pattern, options) {
+  if (!(this instanceof Minimatch)) {
+    return new Minimatch(pattern, options)
+  }
+
+  if (typeof pattern !== 'string') {
+    throw new TypeError('glob pattern string required')
+  }
+
+  if (!options) options = {}
+  pattern = pattern.trim()
+
+  // windows support: need to use /, not \
+  if (path.sep !== '/') {
+    pattern = pattern.split(path.sep).join('/')
+  }
+
+  this.options = options
+  this.set = []
+  this.pattern = pattern
+  this.regexp = null
+  this.negate = false
+  this.comment = false
+  this.empty = false
+
+  // make the set of regexps etc.
+  this.make()
+}
+
+Minimatch.prototype.debug = function () {}
+
+Minimatch.prototype.make = make
+function make () {
+  // don't do it more than once.
+  if (this._made) return
+
+  var pattern = this.pattern
+  var options = this.options
+
+  // empty patterns and comments match nothing.
+  if (!options.nocomment && pattern.charAt(0) === '#') {
+    this.comment = true
+    return
+  }
+  if (!pattern) {
+    this.empty = true
+    return
+  }
+
+  // step 1: figure out negation, etc.
+  this.parseNegate()
+
+  // step 2: expand braces
+  var set = this.globSet = this.braceExpand()
+
+  if (options.debug) this.debug = console.error
+
+  this.debug(this.pattern, set)
+
+  // step 3: now we have a set, so turn each one into a series of path-portion
+  // matching patterns.
+  // These will be regexps, except in the case of "**", which is
+  // set to the GLOBSTAR object for globstar behavior,
+  // and will not contain any / characters
+  set = this.globParts = set.map(function (s) {
+    return s.split(slashSplit)
+  })
+
+  this.debug(this.pattern, set)
+
+  // glob --> regexps
+  set = set.map(function (s, si, set) {
+    return s.map(this.parse, this)
+  }, this)
+
+  this.debug(this.pattern, set)
+
+  // filter out everything that didn't compile properly.
+  set = set.filter(function (s) {
+    return s.indexOf(false) === -1
+  })
+
+  this.debug(this.pattern, set)
+
+  this.set = set
+}
+
+Minimatch.prototype.parseNegate = parseNegate
+function parseNegate () {
+  var pattern = this.pattern
+  var negate = false
+  var options = this.options
+  var negateOffset = 0
+
+  if (options.nonegate) return
+
+  for (var i = 0, l = pattern.length
+    ; i < l && pattern.charAt(i) === '!'
+    ; i++) {
+    negate = !negate
+    negateOffset++
+  }
+
+  if (negateOffset) this.pattern = pattern.substr(negateOffset)
+  this.negate = negate
+}
+
+// Brace expansion:
+// a{b,c}d -> abd acd
+// a{b,}c -> abc ac
+// a{0..3}d -> a0d a1d a2d a3d
+// a{b,c{d,e}f}g -> abg acdfg acefg
+// a{b,c}d{e,f}g -> abdeg acdeg abdeg abdfg
+//
+// Invalid sets are not expanded.
+// a{2..}b -> a{2..}b
+// a{b}c -> a{b}c
+minimatch.braceExpand = function (pattern, options) {
+  return braceExpand(pattern, options)
+}
+
+Minimatch.prototype.braceExpand = braceExpand
+
+function braceExpand (pattern, options) {
+  if (!options) {
+    if (this instanceof Minimatch) {
+      options = this.options
+    } else {
+      options = {}
+    }
+  }
+
+  pattern = typeof pattern === 'undefined'
+    ? this.pattern : pattern
+
+  if (typeof pattern === 'undefined') {
+    throw new TypeError('undefined pattern')
+  }
+
+  if (options.nobrace ||
+    !pattern.match(/\{.*\}/)) {
+    // shortcut. no need to expand.
+    return [pattern]
+  }
+
+  return expand(pattern)
+}
+
+// parse a component of the expanded set.
+// At this point, no pattern may contain "/" in it
+// so we're going to return a 2d array, where each entry is the full
+// pattern, split on '/', and then turned into a regular expression.
+// A regexp is made at the end which joins each array with an
+// escaped /, and another full one which joins each regexp with |.
+//
+// Following the lead of Bash 4.1, note that "**" only has special meaning
+// when it is the *only* thing in a path portion.  Otherwise, any series
+// of * is equivalent to a single *.  Globstar behavior is enabled by
+// default, and can be disabled by setting options.noglobstar.
+Minimatch.prototype.parse = parse
+var SUBPARSE = {}
+function parse (pattern, isSub) {
+  if (pattern.length > 1024 * 64) {
+    throw new TypeError('pattern is too long')
+  }
+
+  var options = this.options
+
+  // shortcuts
+  if (!options.noglobstar && pattern === '**') return GLOBSTAR
+  if (pattern === '') return ''
+
+  var re = ''
+  var hasMagic = !!options.nocase
+  var escaping = false
+  // ? => one single character
+  var patternListStack = []
+  var negativeLists = []
+  var stateChar
+  var inClass = false
+  var reClassStart = -1
+  var classStart = -1
+  // . and .. never match anything that doesn't start with .,
+  // even when options.dot is set.
+  var patternStart = pattern.charAt(0) === '.' ? '' // anything
+  // not (start or / followed by . or .. followed by / or end)
+  : options.dot ? '(?!(?:^|\\\/)\\.{1,2}(?:$|\\\/))'
+  : '(?!\\.)'
+  var self = this
+
+  function clearStateChar () {
+    if (stateChar) {
+      // we had some state-tracking character
+      // that wasn't consumed by this pass.
+      switch (stateChar) {
+        case '*':
+          re += star
+          hasMagic = true
+        break
+        case '?':
+          re += qmark
+          hasMagic = true
+        break
+        default:
+          re += '\\' + stateChar
+        break
+      }
+      self.debug('clearStateChar %j %j', stateChar, re)
+      stateChar = false
+    }
+  }
+
+  for (var i = 0, len = pattern.length, c
+    ; (i < len) && (c = pattern.charAt(i))
+    ; i++) {
+    this.debug('%s\t%s %s %j', pattern, i, re, c)
+
+    // skip over any that are escaped.
+    if (escaping && reSpecials[c]) {
+      re += '\\' + c
+      escaping = false
+      continue
+    }
+
+    switch (c) {
+      case '/':
+        // completely not allowed, even escaped.
+        // Should already be path-split by now.
+        return false
+
+      case '\\':
+        clearStateChar()
+        escaping = true
+      continue
+
+      // the various stateChar values
+      // for the "extglob" stuff.
+      case '?':
+      case '*':
+      case '+':
+      case '@':
+      case '!':
+        this.debug('%s\t%s %s %j <-- stateChar', pattern, i, re, c)
+
+        // all of those are literals inside a class, except that
+        // the glob [!a] means [^a] in regexp
+        if (inClass) {
+          this.debug('  in class')
+          if (c === '!' && i === classStart + 1) c = '^'
+          re += c
+          continue
+        }
+
+        // if we already have a stateChar, then it means
+        // that there was something like ** or +? in there.
+        // Handle the stateChar, then proceed with this one.
+        self.debug('call clearStateChar %j', stateChar)
+        clearStateChar()
+        stateChar = c
+        // if extglob is disabled, then +(asdf|foo) isn't a thing.
+        // just clear the statechar *now*, rather than even diving into
+        // the patternList stuff.
+        if (options.noext) clearStateChar()
+      continue
+
+      case '(':
+        if (inClass) {
+          re += '('
+          continue
+        }
+
+        if (!stateChar) {
+          re += '\\('
+          continue
+        }
+
+        patternListStack.push({
+          type: stateChar,
+          start: i - 1,
+          reStart: re.length,
+          open: plTypes[stateChar].open,
+          close: plTypes[stateChar].close
+        })
+        // negation is (?:(?!js)[^/]*)
+        re += stateChar === '!' ? '(?:(?!(?:' : '(?:'
+        this.debug('plType %j %j', stateChar, re)
+        stateChar = false
+      continue
+
+      case ')':
+        if (inClass || !patternListStack.length) {
+          re += '\\)'
+          continue
+        }
+
+        clearStateChar()
+        hasMagic = true
+        var pl = patternListStack.pop()
+        // negation is (?:(?!js)[^/]*)
+        // The others are (?:<pattern>)<type>
+        re += pl.close
+        if (pl.type === '!') {
+          negativeLists.push(pl)
+        }
+        pl.reEnd = re.length
+      continue
+
+      case '|':
+        if (inClass || !patternListStack.length || escaping) {
+          re += '\\|'
+          escaping = false
+          continue
+        }
+
+        clearStateChar()
+        re += '|'
+      continue
+
+      // these are mostly the same in regexp and glob
+      case '[':
+        // swallow any state-tracking char before the [
+        clearStateChar()
+
+        if (inClass) {
+          re += '\\' + c
+          continue
+        }
+
+        inClass = true
+        classStart = i
+        reClassStart = re.length
+        re += c
+      continue
+
+      case ']':
+        //  a right bracket shall lose its special
+        //  meaning and represent itself in
+        //  a bracket expression if it occurs
+        //  first in the list.  -- POSIX.2 2.8.3.2
+        if (i === classStart + 1 || !inClass) {
+          re += '\\' + c
+          escaping = false
+          continue
+        }
+
+        // handle the case where we left a class open.
+        // "[z-a]" is valid, equivalent to "\[z-a\]"
+        if (inClass) {
+          // split where the last [ was, make sure we don't have
+          // an invalid re. if so, re-walk the contents of the
+          // would-be class to re-translate any characters that
+          // were passed through as-is
+          // TODO: It would probably be faster to determine this
+          // without a try/catch and a new RegExp, but it's tricky
+          // to do safely.  For now, this is safe and works.
+          var cs = pattern.substring(classStart + 1, i)
+          try {
+            RegExp('[' + cs + ']')
+          } catch (er) {
+            // not a valid class!
+            var sp = this.parse(cs, SUBPARSE)
+            re = re.substr(0, reClassStart) + '\\[' + sp[0] + '\\]'
+            hasMagic = hasMagic || sp[1]
+            inClass = false
+            continue
+          }
+        }
+
+        // finish up the class.
+        hasMagic = true
+        inClass = false
+        re += c
+      continue
+
+      default:
+        // swallow any state char that wasn't consumed
+        clearStateChar()
+
+        if (escaping) {
+          // no need
+          escaping = false
+        } else if (reSpecials[c]
+          && !(c === '^' && inClass)) {
+          re += '\\'
+        }
+
+        re += c
+
+    } // switch
+  } // for
+
+  // handle the case where we left a class open.
+  // "[abc" is valid, equivalent to "\[abc"
+  if (inClass) {
+    // split where the last [ was, and escape it
+    // this is a huge pita.  We now have to re-walk
+    // the contents of the would-be class to re-translate
+    // any characters that were passed through as-is
+    cs = pattern.substr(classStart + 1)
+    sp = this.parse(cs, SUBPARSE)
+    re = re.substr(0, reClassStart) + '\\[' + sp[0]
+    hasMagic = hasMagic || sp[1]
+  }
+
+  // handle the case where we had a +( thing at the *end*
+  // of the pattern.
+  // each pattern list stack adds 3 chars, and we need to go through
+  // and escape any | chars that were passed through as-is for the regexp.
+  // Go through and escape them, taking care not to double-escape any
+  // | chars that were already escaped.
+  for (pl = patternListStack.pop(); pl; pl = patternListStack.pop()) {
+    var tail = re.slice(pl.reStart + pl.open.length)
+    this.debug('setting tail', re, pl)
+    // maybe some even number of \, then maybe 1 \, followed by a |
+    tail = tail.replace(/((?:\\{2}){0,64})(\\?)\|/g, function (_, $1, $2) {
+      if (!$2) {
+        // the | isn't already escaped, so escape it.
+        $2 = '\\'
+      }
+
+      // need to escape all those slashes *again*, without escaping the
+      // one that we need for escaping the | character.  As it works out,
+      // escaping an even number of slashes can be done by simply repeating
+      // it exactly after itself.  That's why this trick works.
+      //
+      // I am sorry that you have to see this.
+      return $1 + $1 + $2 + '|'
+    })
+
+    this.debug('tail=%j\n   %s', tail, tail, pl, re)
+    var t = pl.type === '*' ? star
+      : pl.type === '?' ? qmark
+      : '\\' + pl.type
+
+    hasMagic = true
+    re = re.slice(0, pl.reStart) + t + '\\(' + tail
+  }
+
+  // handle trailing things that only matter at the very end.
+  clearStateChar()
+  if (escaping) {
+    // trailing \\
+    re += '\\\\'
+  }
+
+  // only need to apply the nodot start if the re starts with
+  // something that could conceivably capture a dot
+  var addPatternStart = false
+  switch (re.charAt(0)) {
+    case '.':
+    case '[':
+    case '(': addPatternStart = true
+  }
+
+  // Hack to work around lack of negative lookbehind in JS
+  // A pattern like: *.!(x).!(y|z) needs to ensure that a name
+  // like 'a.xyz.yz' doesn't match.  So, the first negative
+  // lookahead, has to look ALL the way ahead, to the end of
+  // the pattern.
+  for (var n = negativeLists.length - 1; n > -1; n--) {
+    var nl = negativeLists[n]
+
+    var nlBefore = re.slice(0, nl.reStart)
+    var nlFirst = re.slice(nl.reStart, nl.reEnd - 8)
+    var nlLast = re.slice(nl.reEnd - 8, nl.reEnd)
+    var nlAfter = re.slice(nl.reEnd)
+
+    nlLast += nlAfter
+
+    // Handle nested stuff like *(*.js|!(*.json)), where open parens
+    // mean that we should *not* include the ) in the bit that is considered
+    // "after" the negated section.
+    var openParensBefore = nlBefore.split('(').length - 1
+    var cleanAfter = nlAfter
+    for (i = 0; i < openParensBefore; i++) {
+      cleanAfter = cleanAfter.replace(/\)[+*?]?/, '')
+    }
+    nlAfter = cleanAfter
+
+    var dollar = ''
+    if (nlAfter === '' && isSub !== SUBPARSE) {
+      dollar = '$'
+    }
+    var newRe = nlBefore + nlFirst + nlAfter + dollar + nlLast
+    re = newRe
+  }
+
+  // if the re is not "" at this point, then we need to make sure
+  // it doesn't match against an empty path part.
+  // Otherwise a/* will match a/, which it should not.
+  if (re !== '' && hasMagic) {
+    re = '(?=.)' + re
+  }
+
+  if (addPatternStart) {
+    re = patternStart + re
+  }
+
+  // parsing just a piece of a larger pattern.
+  if (isSub === SUBPARSE) {
+    return [re, hasMagic]
+  }
+
+  // skip the regexp for non-magical patterns
+  // unescape anything in it, though, so that it'll be
+  // an exact match against a file etc.
+  if (!hasMagic) {
+    return globUnescape(pattern)
+  }
+
+  var flags = options.nocase ? 'i' : ''
+  try {
+    var regExp = new RegExp('^' + re + '$', flags)
+  } catch (er) {
+    // If it was an invalid regular expression, then it can't match
+    // anything.  This trick looks for a character after the end of
+    // the string, which is of course impossible, except in multi-line
+    // mode, but it's not a /m regex.
+    return new RegExp('$.')
+  }
+
+  regExp._glob = pattern
+  regExp._src = re
+
+  return regExp
+}
+
+minimatch.makeRe = function (pattern, options) {
+  return new Minimatch(pattern, options || {}).makeRe()
+}
+
+Minimatch.prototype.makeRe = makeRe
+function makeRe () {
+  if (this.regexp || this.regexp === false) return this.regexp
+
+  // at this point, this.set is a 2d array of partial
+  // pattern strings, or "**".
+  //
+  // It's better to use .match().  This function shouldn't
+  // be used, really, but it's pretty convenient sometimes,
+  // when you just want to work with a regex.
+  var set = this.set
+
+  if (!set.length) {
+    this.regexp = false
+    return this.regexp
+  }
+  var options = this.options
+
+  var twoStar = options.noglobstar ? star
+    : options.dot ? twoStarDot
+    : twoStarNoDot
+  var flags = options.nocase ? 'i' : ''
+
+  var re = set.map(function (pattern) {
+    return pattern.map(function (p) {
+      return (p === GLOBSTAR) ? twoStar
+      : (typeof p === 'string') ? regExpEscape(p)
+      : p._src
+    }).join('\\\/')
+  }).join('|')
+
+  // must match entire pattern
+  // ending in a * or ** will make it less strict.
+  re = '^(?:' + re + ')$'
+
+  // can match anything, as long as it's not this.
+  if (this.negate) re = '^(?!' + re + ').*$'
+
+  try {
+    this.regexp = new RegExp(re, flags)
+  } catch (ex) {
+    this.regexp = false
+  }
+  return this.regexp
+}
+
+minimatch.match = function (list, pattern, options) {
+  options = options || {}
+  var mm = new Minimatch(pattern, options)
+  list = list.filter(function (f) {
+    return mm.match(f)
+  })
+  if (mm.options.nonull && !list.length) {
+    list.push(pattern)
+  }
+  return list
+}
+
+Minimatch.prototype.match = match
+function match (f, partial) {
+  this.debug('match', f, this.pattern)
+  // short-circuit in the case of busted things.
+  // comments, etc.
+  if (this.comment) return false
+  if (this.empty) return f === ''
+
+  if (f === '/' && partial) return true
+
+  var options = this.options
+
+  // windows: need to use /, not \
+  if (path.sep !== '/') {
+    f = f.split(path.sep).join('/')
+  }
+
+  // treat the test path as a set of pathparts.
+  f = f.split(slashSplit)
+  this.debug(this.pattern, 'split', f)
+
+  // just ONE of the pattern sets in this.set needs to match
+  // in order for it to be valid.  If negating, then just one
+  // match means that we have failed.
+  // Either way, return on the first hit.
+
+  var set = this.set
+  this.debug(this.pattern, 'set', set)
+
+  // Find the basename of the path by looking for the last non-empty segment
+  var filename
+  var i
+  for (i = f.length - 1; i >= 0; i--) {
+    filename = f[i]
+    if (filename) break
+  }
+
+  for (i = 0; i < set.length; i++) {
+    var pattern = set[i]
+    var file = f
+    if (options.matchBase && pattern.length === 1) {
+      file = [filename]
+    }
+    var hit = this.matchOne(file, pattern, partial)
+    if (hit) {
+      if (options.flipNegate) return true
+      return !this.negate
+    }
+  }
+
+  // didn't get any hits.  this is success if it's a negative
+  // pattern, failure otherwise.
+  if (options.flipNegate) return false
+  return this.negate
+}
+
+// set partial to true to test if, for example,
+// "/a/b" matches the start of "/*/b/*/d"
+// Partial means, if you run out of file before you run
+// out of pattern, then that's fine, as long as all
+// the parts match.
+Minimatch.prototype.matchOne = function (file, pattern, partial) {
+  var options = this.options
+
+  this.debug('matchOne',
+    { 'this': this, file: file, pattern: pattern })
+
+  this.debug('matchOne', file.length, pattern.length)
+
+  for (var fi = 0,
+      pi = 0,
+      fl = file.length,
+      pl = pattern.length
+      ; (fi < fl) && (pi < pl)
+      ; fi++, pi++) {
+    this.debug('matchOne loop')
+    var p = pattern[pi]
+    var f = file[fi]
+
+    this.debug(pattern, p, f)
+
+    // should be impossible.
+    // some invalid regexp stuff in the set.
+    if (p === false) return false
+
+    if (p === GLOBSTAR) {
+      this.debug('GLOBSTAR', [pattern, p, f])
+
+      // "**"
+      // a/**/b/**/c would match the following:
+      // a/b/x/y/z/c
+      // a/x/y/z/b/c
+      // a/b/x/b/x/c
+      // a/b/c
+      // To do this, take the rest of the pattern after
+      // the **, and see if it would match the file remainder.
+      // If so, return success.
+      // If not, the ** "swallows" a segment, and try again.
+      // This is recursively awful.
+      //
+      // a/**/b/**/c matching a/b/x/y/z/c
+      // - a matches a
+      // - doublestar
+      //   - matchOne(b/x/y/z/c, b/**/c)
+      //     - b matches b
+      //     - doublestar
+      //       - matchOne(x/y/z/c, c) -> no
+      //       - matchOne(y/z/c, c) -> no
+      //       - matchOne(z/c, c) -> no
+      //       - matchOne(c, c) yes, hit
+      var fr = fi
+      var pr = pi + 1
+      if (pr === pl) {
+        this.debug('** at the end')
+        // a ** at the end will just swallow the rest.
+        // We have found a match.
+        // however, it will not swallow /.x, unless
+        // options.dot is set.
+        // . and .. are *never* matched by **, for explosively
+        // exponential reasons.
+        for (; fi < fl; fi++) {
+          if (file[fi] === '.' || file[fi] === '..' ||
+            (!options.dot && file[fi].charAt(0) === '.')) return false
+        }
+        return true
+      }
+
+      // ok, let's see if we can swallow whatever we can.
+      while (fr < fl) {
+        var swallowee = file[fr]
+
+        this.debug('\nglobstar while', file, fr, pattern, pr, swallowee)
+
+        // XXX remove this slice.  Just pass the start index.
+        if (this.matchOne(file.slice(fr), pattern.slice(pr), partial)) {
+          this.debug('globstar found match!', fr, fl, swallowee)
+          // found a match.
+          return true
+        } else {
+          // can't swallow "." or ".." ever.
+          // can only swallow ".foo" when explicitly asked.
+          if (swallowee === '.' || swallowee === '..' ||
+            (!options.dot && swallowee.charAt(0) === '.')) {
+            this.debug('dot detected!', file, fr, pattern, pr)
+            break
+          }
+
+          // ** swallows a segment, and continue.
+          this.debug('globstar swallow a segment, and continue')
+          fr++
+        }
+      }
+
+      // no match was found.
+      // However, in partial mode, we can't say this is necessarily over.
+      // If there's more *pattern* left, then
+      if (partial) {
+        // ran out of file
+        this.debug('\n>>> no match, partial?', file, fr, pattern, pr)
+        if (fr === fl) return true
+      }
+      return false
+    }
+
+    // something other than **
+    // non-magic patterns just have to match exactly
+    // patterns with magic have been turned into regexps.
+    var hit
+    if (typeof p === 'string') {
+      if (options.nocase) {
+        hit = f.toLowerCase() === p.toLowerCase()
+      } else {
+        hit = f === p
+      }
+      this.debug('string match', p, f, hit)
+    } else {
+      hit = f.match(p)
+      this.debug('pattern match', p, f, hit)
+    }
+
+    if (!hit) return false
+  }
+
+  // Note: ending in / means that we'll get a final ""
+  // at the end of the pattern.  This can only match a
+  // corresponding "" at the end of the file.
+  // If the file ends in /, then it can only match a
+  // a pattern that ends in /, unless the pattern just
+  // doesn't have any more for it. But, a/b/ should *not*
+  // match "a/b/*", even though "" matches against the
+  // [^/]*? pattern, except in partial mode, where it might
+  // simply not be reached yet.
+  // However, a/b/ should still satisfy a/*
+
+  // now either we fell off the end of the pattern, or we're done.
+  if (fi === fl && pi === pl) {
+    // ran out of pattern and filename at the same time.
+    // an exact hit!
+    return true
+  } else if (fi === fl) {
+    // ran out of file, but still had pattern left.
+    // this is ok if we're doing the match as part of
+    // a glob fs traversal.
+    return partial
+  } else if (pi === pl) {
+    // ran out of pattern, still have file left.
+    // this is only acceptable if we're on the very last
+    // empty segment of a file with a trailing slash.
+    // a/* should match a/b/
+    var emptyFileEnd = (fi === fl - 1) && (file[fi] === '')
+    return emptyFileEnd
+  }
+
+  // should be unreachable.
+  throw new Error('wtf?')
+}
+
+// replace stuff like \* with *
+function globUnescape (s) {
+  return s.replace(/\\(.)/g, '$1')
+}
+
+function regExpEscape (s) {
+  return s.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&')
+}
+
+},{"brace-expansion":11,"path":22}],21:[function(require,module,exports){
+var wrappy = require('wrappy')
+module.exports = wrappy(once)
+module.exports.strict = wrappy(onceStrict)
+
+once.proto = once(function () {
+  Object.defineProperty(Function.prototype, 'once', {
+    value: function () {
+      return once(this)
+    },
+    configurable: true
+  })
+
+  Object.defineProperty(Function.prototype, 'onceStrict', {
+    value: function () {
+      return onceStrict(this)
+    },
+    configurable: true
+  })
+})
+
+function once (fn) {
+  var f = function () {
+    if (f.called) return f.value
+    f.called = true
+    return f.value = fn.apply(this, arguments)
+  }
+  f.called = false
+  return f
+}
+
+function onceStrict (fn) {
+  var f = function () {
+    if (f.called)
+      throw new Error(f.onceError)
+    f.called = true
+    return f.value = fn.apply(this, arguments)
+  }
+  var name = fn.name || 'Function wrapped with `once`'
+  f.onceError = name + " shouldn't be called more than once"
+  f.called = false
+  return f
+}
+
+},{"wrappy":29}],22:[function(require,module,exports){
+(function (process){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+// resolves . and .. elements in a path array with directory names there
+// must be no slashes, empty elements, or device names (c:\) in the array
+// (so also no leading and trailing slashes - it does not distinguish
+// relative and absolute paths)
+function normalizeArray(parts, allowAboveRoot) {
+  // if the path tries to go above the root, `up` ends up > 0
+  var up = 0;
+  for (var i = parts.length - 1; i >= 0; i--) {
+    var last = parts[i];
+    if (last === '.') {
+      parts.splice(i, 1);
+    } else if (last === '..') {
+      parts.splice(i, 1);
+      up++;
+    } else if (up) {
+      parts.splice(i, 1);
+      up--;
+    }
+  }
+
+  // if the path is allowed to go above the root, restore leading ..s
+  if (allowAboveRoot) {
+    for (; up--; up) {
+      parts.unshift('..');
+    }
+  }
+
+  return parts;
+}
+
+// Split a filename into [root, dir, basename, ext], unix version
+// 'root' is just a slash, or nothing.
+var splitPathRe =
+    /^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;
+var splitPath = function(filename) {
+  return splitPathRe.exec(filename).slice(1);
+};
+
+// path.resolve([from ...], to)
+// posix version
+exports.resolve = function() {
+  var resolvedPath = '',
+      resolvedAbsolute = false;
+
+  for (var i = arguments.length - 1; i >= -1 && !resolvedAbsolute; i--) {
+    var path = (i >= 0) ? arguments[i] : process.cwd();
+
+    // Skip empty and invalid entries
+    if (typeof path !== 'string') {
+      throw new TypeError('Arguments to path.resolve must be strings');
+    } else if (!path) {
+      continue;
+    }
+
+    resolvedPath = path + '/' + resolvedPath;
+    resolvedAbsolute = path.charAt(0) === '/';
+  }
+
+  // At this point the path should be resolved to a full absolute path, but
+  // handle relative paths to be safe (might happen when process.cwd() fails)
+
+  // Normalize the path
+  resolvedPath = normalizeArray(filter(resolvedPath.split('/'), function(p) {
+    return !!p;
+  }), !resolvedAbsolute).join('/');
+
+  return ((resolvedAbsolute ? '/' : '') + resolvedPath) || '.';
+};
+
+// path.normalize(path)
+// posix version
+exports.normalize = function(path) {
+  var isAbsolute = exports.isAbsolute(path),
+      trailingSlash = substr(path, -1) === '/';
+
+  // Normalize the path
+  path = normalizeArray(filter(path.split('/'), function(p) {
+    return !!p;
+  }), !isAbsolute).join('/');
+
+  if (!path && !isAbsolute) {
+    path = '.';
+  }
+  if (path && trailingSlash) {
+    path += '/';
+  }
+
+  return (isAbsolute ? '/' : '') + path;
+};
+
+// posix version
+exports.isAbsolute = function(path) {
+  return path.charAt(0) === '/';
+};
+
+// posix version
+exports.join = function() {
+  var paths = Array.prototype.slice.call(arguments, 0);
+  return exports.normalize(filter(paths, function(p, index) {
+    if (typeof p !== 'string') {
+      throw new TypeError('Arguments to path.join must be strings');
+    }
+    return p;
+  }).join('/'));
+};
+
+
+// path.relative(from, to)
+// posix version
+exports.relative = function(from, to) {
+  from = exports.resolve(from).substr(1);
+  to = exports.resolve(to).substr(1);
+
+  function trim(arr) {
+    var start = 0;
+    for (; start < arr.length; start++) {
+      if (arr[start] !== '') break;
+    }
+
+    var end = arr.length - 1;
+    for (; end >= 0; end--) {
+      if (arr[end] !== '') break;
+    }
+
+    if (start > end) return [];
+    return arr.slice(start, end - start + 1);
+  }
+
+  var fromParts = trim(from.split('/'));
+  var toParts = trim(to.split('/'));
+
+  var length = Math.min(fromParts.length, toParts.length);
+  var samePartsLength = length;
+  for (var i = 0; i < length; i++) {
+    if (fromParts[i] !== toParts[i]) {
+      samePartsLength = i;
+      break;
+    }
+  }
+
+  var outputParts = [];
+  for (var i = samePartsLength; i < fromParts.length; i++) {
+    outputParts.push('..');
+  }
+
+  outputParts = outputParts.concat(toParts.slice(samePartsLength));
+
+  return outputParts.join('/');
+};
+
+exports.sep = '/';
+exports.delimiter = ':';
+
+exports.dirname = function(path) {
+  var result = splitPath(path),
+      root = result[0],
+      dir = result[1];
+
+  if (!root && !dir) {
+    // No dirname whatsoever
+    return '.';
+  }
+
+  if (dir) {
+    // It has a dirname, strip trailing slash
+    dir = dir.substr(0, dir.length - 1);
+  }
+
+  return root + dir;
+};
+
+
+exports.basename = function(path, ext) {
+  var f = splitPath(path)[2];
+  // TODO: make this comparison case-insensitive on windows?
+  if (ext && f.substr(-1 * ext.length) === ext) {
+    f = f.substr(0, f.length - ext.length);
+  }
+  return f;
+};
+
+
+exports.extname = function(path) {
+  return splitPath(path)[3];
+};
+
+function filter (xs, f) {
+    if (xs.filter) return xs.filter(f);
+    var res = [];
+    for (var i = 0; i < xs.length; i++) {
+        if (f(xs[i], i, xs)) res.push(xs[i]);
+    }
+    return res;
+}
+
+// String.prototype.substr - negative index don't work in IE8
+var substr = 'ab'.substr(-1) === 'b'
+    ? function (str, start, len) { return str.substr(start, len) }
+    : function (str, start, len) {
+        if (start < 0) start = str.length + start;
+        return str.substr(start, len);
+    }
+;
+
+}).call(this,require('_process'))
+},{"_process":24}],23:[function(require,module,exports){
+(function (process){
+'use strict';
+
+function posix(path) {
+	return path.charAt(0) === '/';
+}
+
+function win32(path) {
+	// https://github.com/nodejs/node/blob/b3fcc245fb25539909ef1d5eaa01dbf92e168633/lib/path.js#L56
+	var splitDeviceRe = /^([a-zA-Z]:|[\\\/]{2}[^\\\/]+[\\\/]+[^\\\/]+)?([\\\/])?([\s\S]*?)$/;
+	var result = splitDeviceRe.exec(path);
+	var device = result[1] || '';
+	var isUnc = Boolean(device && device.charAt(1) !== ':');
+
+	// UNC paths are always absolute
+	return Boolean(result[2] || isUnc);
+}
+
+module.exports = process.platform === 'win32' ? win32 : posix;
+module.exports.posix = posix;
+module.exports.win32 = win32;
+
+}).call(this,require('_process'))
+},{"_process":24}],24:[function(require,module,exports){
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+},{}],25:[function(require,module,exports){
+//     Underscore.js 1.8.3
+//     http://underscorejs.org
+//     (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+//     Underscore may be freely distributed under the MIT license.
+
+(function() {
+
+  // Baseline setup
+  // --------------
+
+  // Establish the root object, `window` in the browser, or `exports` on the server.
+  var root = this;
+
+  // Save the previous value of the `_` variable.
+  var previousUnderscore = root._;
+
+  // Save bytes in the minified (but not gzipped) version:
+  var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
+
+  // Create quick reference variables for speed access to core prototypes.
+  var
+    push             = ArrayProto.push,
+    slice            = ArrayProto.slice,
+    toString         = ObjProto.toString,
+    hasOwnProperty   = ObjProto.hasOwnProperty;
+
+  // All **ECMAScript 5** native function implementations that we hope to use
+  // are declared here.
+  var
+    nativeIsArray      = Array.isArray,
+    nativeKeys         = Object.keys,
+    nativeBind         = FuncProto.bind,
+    nativeCreate       = Object.create;
+
+  // Naked function reference for surrogate-prototype-swapping.
+  var Ctor = function(){};
+
+  // Create a safe reference to the Underscore object for use below.
+  var _ = function(obj) {
+    if (obj instanceof _) return obj;
+    if (!(this instanceof _)) return new _(obj);
+    this._wrapped = obj;
+  };
+
+  // Export the Underscore object for **Node.js**, with
+  // backwards-compatibility for the old `require()` API. If we're in
+  // the browser, add `_` as a global object.
+  if (typeof exports !== 'undefined') {
+    if (typeof module !== 'undefined' && module.exports) {
+      exports = module.exports = _;
+    }
+    exports._ = _;
+  } else {
+    root._ = _;
+  }
+
+  // Current version.
+  _.VERSION = '1.8.3';
+
+  // Internal function that returns an efficient (for current engines) version
+  // of the passed-in callback, to be repeatedly applied in other Underscore
+  // functions.
+  var optimizeCb = function(func, context, argCount) {
+    if (context === void 0) return func;
+    switch (argCount == null ? 3 : argCount) {
+      case 1: return function(value) {
+        return func.call(context, value);
+      };
+      case 2: return function(value, other) {
+        return func.call(context, value, other);
+      };
+      case 3: return function(value, index, collection) {
+        return func.call(context, value, index, collection);
+      };
+      case 4: return function(accumulator, value, index, collection) {
+        return func.call(context, accumulator, value, index, collection);
+      };
+    }
+    return function() {
+      return func.apply(context, arguments);
+    };
+  };
+
+  // A mostly-internal function to generate callbacks that can be applied
+  // to each element in a collection, returning the desired result — either
+  // identity, an arbitrary callback, a property matcher, or a property accessor.
+  var cb = function(value, context, argCount) {
+    if (value == null) return _.identity;
+    if (_.isFunction(value)) return optimizeCb(value, context, argCount);
+    if (_.isObject(value)) return _.matcher(value);
+    return _.property(value);
+  };
+  _.iteratee = function(value, context) {
+    return cb(value, context, Infinity);
+  };
+
+  // An internal function for creating assigner functions.
+  var createAssigner = function(keysFunc, undefinedOnly) {
+    return function(obj) {
+      var length = arguments.length;
+      if (length < 2 || obj == null) return obj;
+      for (var index = 1; index < length; index++) {
+        var source = arguments[index],
+            keys = keysFunc(source),
+            l = keys.length;
+        for (var i = 0; i < l; i++) {
+          var key = keys[i];
+          if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
+        }
+      }
+      return obj;
+    };
+  };
+
+  // An internal function for creating a new object that inherits from another.
+  var baseCreate = function(prototype) {
+    if (!_.isObject(prototype)) return {};
+    if (nativeCreate) return nativeCreate(prototype);
+    Ctor.prototype = prototype;
+    var result = new Ctor;
+    Ctor.prototype = null;
+    return result;
+  };
+
+  var property = function(key) {
+    return function(obj) {
+      return obj == null ? void 0 : obj[key];
+    };
+  };
+
+  // Helper for collection methods to determine whether a collection
+  // should be iterated as an array or as an object
+  // Related: http://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength
+  // Avoids a very nasty iOS 8 JIT bug on ARM-64. #2094
+  var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;
+  var getLength = property('length');
+  var isArrayLike = function(collection) {
+    var length = getLength(collection);
+    return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX;
+  };
+
+  // Collection Functions
+  // --------------------
+
+  // The cornerstone, an `each` implementation, aka `forEach`.
+  // Handles raw objects in addition to array-likes. Treats all
+  // sparse array-likes as if they were dense.
+  _.each = _.forEach = function(obj, iteratee, context) {
+    iteratee = optimizeCb(iteratee, context);
+    var i, length;
+    if (isArrayLike(obj)) {
+      for (i = 0, length = obj.length; i < length; i++) {
+        iteratee(obj[i], i, obj);
+      }
+    } else {
+      var keys = _.keys(obj);
+      for (i = 0, length = keys.length; i < length; i++) {
+        iteratee(obj[keys[i]], keys[i], obj);
+      }
+    }
+    return obj;
+  };
+
+  // Return the results of applying the iteratee to each element.
+  _.map = _.collect = function(obj, iteratee, context) {
+    iteratee = cb(iteratee, context);
+    var keys = !isArrayLike(obj) && _.keys(obj),
+        length = (keys || obj).length,
+        results = Array(length);
+    for (var index = 0; index < length; index++) {
+      var currentKey = keys ? keys[index] : index;
+      results[index] = iteratee(obj[currentKey], currentKey, obj);
+    }
+    return results;
+  };
+
+  // Create a reducing function iterating left or right.
+  function createReduce(dir) {
+    // Optimized iterator function as using arguments.length
+    // in the main function will deoptimize the, see #1991.
+    function iterator(obj, iteratee, memo, keys, index, length) {
+      for (; index >= 0 && index < length; index += dir) {
+        var currentKey = keys ? keys[index] : index;
+        memo = iteratee(memo, obj[currentKey], currentKey, obj);
+      }
+      return memo;
+    }
+
+    return function(obj, iteratee, memo, context) {
+      iteratee = optimizeCb(iteratee, context, 4);
+      var keys = !isArrayLike(obj) && _.keys(obj),
+          length = (keys || obj).length,
+          index = dir > 0 ? 0 : length - 1;
+      // Determine the initial value if none is provided.
+      if (arguments.length < 3) {
+        memo = obj[keys ? keys[index] : index];
+        index += dir;
+      }
+      return iterator(obj, iteratee, memo, keys, index, length);
+    };
+  }
+
+  // **Reduce** builds up a single result from a list of values, aka `inject`,
+  // or `foldl`.
+  _.reduce = _.foldl = _.inject = createReduce(1);
+
+  // The right-associative version of reduce, also known as `foldr`.
+  _.reduceRight = _.foldr = createReduce(-1);
+
+  // Return the first value which passes a truth test. Aliased as `detect`.
+  _.find = _.detect = function(obj, predicate, context) {
+    var key;
+    if (isArrayLike(obj)) {
+      key = _.findIndex(obj, predicate, context);
+    } else {
+      key = _.findKey(obj, predicate, context);
+    }
+    if (key !== void 0 && key !== -1) return obj[key];
+  };
+
+  // Return all the elements that pass a truth test.
+  // Aliased as `select`.
+  _.filter = _.select = function(obj, predicate, context) {
+    var results = [];
+    predicate = cb(predicate, context);
+    _.each(obj, function(value, index, list) {
+      if (predicate(value, index, list)) results.push(value);
+    });
+    return results;
+  };
+
+  // Return all the elements for which a truth test fails.
+  _.reject = function(obj, predicate, context) {
+    return _.filter(obj, _.negate(cb(predicate)), context);
+  };
+
+  // Determine whether all of the elements match a truth test.
+  // Aliased as `all`.
+  _.every = _.all = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var keys = !isArrayLike(obj) && _.keys(obj),
+        length = (keys || obj).length;
+    for (var index = 0; index < length; index++) {
+      var currentKey = keys ? keys[index] : index;
+      if (!predicate(obj[currentKey], currentKey, obj)) return false;
+    }
+    return true;
+  };
+
+  // Determine if at least one element in the object matches a truth test.
+  // Aliased as `any`.
+  _.some = _.any = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var keys = !isArrayLike(obj) && _.keys(obj),
+        length = (keys || obj).length;
+    for (var index = 0; index < length; index++) {
+      var currentKey = keys ? keys[index] : index;
+      if (predicate(obj[currentKey], currentKey, obj)) return true;
+    }
+    return false;
+  };
+
+  // Determine if the array or object contains a given item (using `===`).
+  // Aliased as `includes` and `include`.
+  _.contains = _.includes = _.include = function(obj, item, fromIndex, guard) {
+    if (!isArrayLike(obj)) obj = _.values(obj);
+    if (typeof fromIndex != 'number' || guard) fromIndex = 0;
+    return _.indexOf(obj, item, fromIndex) >= 0;
+  };
+
+  // Invoke a method (with arguments) on every item in a collection.
+  _.invoke = function(obj, method) {
+    var args = slice.call(arguments, 2);
+    var isFunc = _.isFunction(method);
+    return _.map(obj, function(value) {
+      var func = isFunc ? method : value[method];
+      return func == null ? func : func.apply(value, args);
+    });
+  };
+
+  // Convenience version of a common use case of `map`: fetching a property.
+  _.pluck = function(obj, key) {
+    return _.map(obj, _.property(key));
+  };
+
+  // Convenience version of a common use case of `filter`: selecting only objects
+  // containing specific `key:value` pairs.
+  _.where = function(obj, attrs) {
+    return _.filter(obj, _.matcher(attrs));
+  };
+
+  // Convenience version of a common use case of `find`: getting the first object
+  // containing specific `key:value` pairs.
+  _.findWhere = function(obj, attrs) {
+    return _.find(obj, _.matcher(attrs));
+  };
+
+  // Return the maximum element (or element-based computation).
+  _.max = function(obj, iteratee, context) {
+    var result = -Infinity, lastComputed = -Infinity,
+        value, computed;
+    if (iteratee == null && obj != null) {
+      obj = isArrayLike(obj) ? obj : _.values(obj);
+      for (var i = 0, length = obj.length; i < length; i++) {
+        value = obj[i];
+        if (value > result) {
+          result = value;
+        }
+      }
+    } else {
+      iteratee = cb(iteratee, context);
+      _.each(obj, function(value, index, list) {
+        computed = iteratee(value, index, list);
+        if (computed > lastComputed || computed === -Infinity && result === -Infinity) {
+          result = value;
+          lastComputed = computed;
+        }
+      });
+    }
+    return result;
+  };
+
+  // Return the minimum element (or element-based computation).
+  _.min = function(obj, iteratee, context) {
+    var result = Infinity, lastComputed = Infinity,
+        value, computed;
+    if (iteratee == null && obj != null) {
+      obj = isArrayLike(obj) ? obj : _.values(obj);
+      for (var i = 0, length = obj.length; i < length; i++) {
+        value = obj[i];
+        if (value < result) {
+          result = value;
+        }
+      }
+    } else {
+      iteratee = cb(iteratee, context);
+      _.each(obj, function(value, index, list) {
+        computed = iteratee(value, index, list);
+        if (computed < lastComputed || computed === Infinity && result === Infinity) {
+          result = value;
+          lastComputed = computed;
+        }
+      });
+    }
+    return result;
+  };
+
+  // Shuffle a collection, using the modern version of the
+  // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher–Yates_shuffle).
+  _.shuffle = function(obj) {
+    var set = isArrayLike(obj) ? obj : _.values(obj);
+    var length = set.length;
+    var shuffled = Array(length);
+    for (var index = 0, rand; index < length; index++) {
+      rand = _.random(0, index);
+      if (rand !== index) shuffled[index] = shuffled[rand];
+      shuffled[rand] = set[index];
+    }
+    return shuffled;
+  };
+
+  // Sample **n** random values from a collection.
+  // If **n** is not specified, returns a single random element.
+  // The internal `guard` argument allows it to work with `map`.
+  _.sample = function(obj, n, guard) {
+    if (n == null || guard) {
+      if (!isArrayLike(obj)) obj = _.values(obj);
+      return obj[_.random(obj.length - 1)];
+    }
+    return _.shuffle(obj).slice(0, Math.max(0, n));
+  };
+
+  // Sort the object's values by a criterion produced by an iteratee.
+  _.sortBy = function(obj, iteratee, context) {
+    iteratee = cb(iteratee, context);
+    return _.pluck(_.map(obj, function(value, index, list) {
+      return {
+        value: value,
+        index: index,
+        criteria: iteratee(value, index, list)
+      };
+    }).sort(function(left, right) {
+      var a = left.criteria;
+      var b = right.criteria;
+      if (a !== b) {
+        if (a > b || a === void 0) return 1;
+        if (a < b || b === void 0) return -1;
+      }
+      return left.index - right.index;
+    }), 'value');
+  };
+
+  // An internal function used for aggregate "group by" operations.
+  var group = function(behavior) {
+    return function(obj, iteratee, context) {
+      var result = {};
+      iteratee = cb(iteratee, context);
+      _.each(obj, function(value, index) {
+        var key = iteratee(value, index, obj);
+        behavior(result, value, key);
+      });
+      return result;
+    };
+  };
+
+  // Groups the object's values by a criterion. Pass either a string attribute
+  // to group by, or a function that returns the criterion.
+  _.groupBy = group(function(result, value, key) {
+    if (_.has(result, key)) result[key].push(value); else result[key] = [value];
+  });
+
+  // Indexes the object's values by a criterion, similar to `groupBy`, but for
+  // when you know that your index values will be unique.
+  _.indexBy = group(function(result, value, key) {
+    result[key] = value;
+  });
+
+  // Counts instances of an object that group by a certain criterion. Pass
+  // either a string attribute to count by, or a function that returns the
+  // criterion.
+  _.countBy = group(function(result, value, key) {
+    if (_.has(result, key)) result[key]++; else result[key] = 1;
+  });
+
+  // Safely create a real, live array from anything iterable.
+  _.toArray = function(obj) {
+    if (!obj) return [];
+    if (_.isArray(obj)) return slice.call(obj);
+    if (isArrayLike(obj)) return _.map(obj, _.identity);
+    return _.values(obj);
+  };
+
+  // Return the number of elements in an object.
+  _.size = function(obj) {
+    if (obj == null) return 0;
+    return isArrayLike(obj) ? obj.length : _.keys(obj).length;
+  };
+
+  // Split a collection into two arrays: one whose elements all satisfy the given
+  // predicate, and one whose elements all do not satisfy the predicate.
+  _.partition = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var pass = [], fail = [];
+    _.each(obj, function(value, key, obj) {
+      (predicate(value, key, obj) ? pass : fail).push(value);
+    });
+    return [pass, fail];
+  };
+
+  // Array Functions
+  // ---------------
+
+  // Get the first element of an array. Passing **n** will return the first N
+  // values in the array. Aliased as `head` and `take`. The **guard** check
+  // allows it to work with `_.map`.
+  _.first = _.head = _.take = function(array, n, guard) {
+    if (array == null) return void 0;
+    if (n == null || guard) return array[0];
+    return _.initial(array, array.length - n);
+  };
+
+  // Returns everything but the last entry of the array. Especially useful on
+  // the arguments object. Passing **n** will return all the values in
+  // the array, excluding the last N.
+  _.initial = function(array, n, guard) {
+    return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n)));
+  };
+
+  // Get the last element of an array. Passing **n** will return the last N
+  // values in the array.
+  _.last = function(array, n, guard) {
+    if (array == null) return void 0;
+    if (n == null || guard) return array[array.length - 1];
+    return _.rest(array, Math.max(0, array.length - n));
+  };
+
+  // Returns everything but the first entry of the array. Aliased as `tail` and `drop`.
+  // Especially useful on the arguments object. Passing an **n** will return
+  // the rest N values in the array.
+  _.rest = _.tail = _.drop = function(array, n, guard) {
+    return slice.call(array, n == null || guard ? 1 : n);
+  };
+
+  // Trim out all falsy values from an array.
+  _.compact = function(array) {
+    return _.filter(array, _.identity);
+  };
+
+  // Internal implementation of a recursive `flatten` function.
+  var flatten = function(input, shallow, strict, startIndex) {
+    var output = [], idx = 0;
+    for (var i = startIndex || 0, length = getLength(input); i < length; i++) {
+      var value = input[i];
+      if (isArrayLike(value) && (_.isArray(value) || _.isArguments(value))) {
+        //flatten current level of array or arguments object
+        if (!shallow) value = flatten(value, shallow, strict);
+        var j = 0, len = value.length;
+        output.length += len;
+        while (j < len) {
+          output[idx++] = value[j++];
+        }
+      } else if (!strict) {
+        output[idx++] = value;
+      }
+    }
+    return output;
+  };
+
+  // Flatten out an array, either recursively (by default), or just one level.
+  _.flatten = function(array, shallow) {
+    return flatten(array, shallow, false);
+  };
+
+  // Return a version of the array that does not contain the specified value(s).
+  _.without = function(array) {
+    return _.difference(array, slice.call(arguments, 1));
+  };
+
+  // Produce a duplicate-free version of the array. If the array has already
+  // been sorted, you have the option of using a faster algorithm.
+  // Aliased as `unique`.
+  _.uniq = _.unique = function(array, isSorted, iteratee, context) {
+    if (!_.isBoolean(isSorted)) {
+      context = iteratee;
+      iteratee = isSorted;
+      isSorted = false;
+    }
+    if (iteratee != null) iteratee = cb(iteratee, context);
+    var result = [];
+    var seen = [];
+    for (var i = 0, length = getLength(array); i < length; i++) {
+      var value = array[i],
+          computed = iteratee ? iteratee(value, i, array) : value;
+      if (isSorted) {
+        if (!i || seen !== computed) result.push(value);
+        seen = computed;
+      } else if (iteratee) {
+        if (!_.contains(seen, computed)) {
+          seen.push(computed);
+          result.push(value);
+        }
+      } else if (!_.contains(result, value)) {
+        result.push(value);
+      }
+    }
+    return result;
+  };
+
+  // Produce an array that contains the union: each distinct element from all of
+  // the passed-in arrays.
+  _.union = function() {
+    return _.uniq(flatten(arguments, true, true));
+  };
+
+  // Produce an array that contains every item shared between all the
+  // passed-in arrays.
+  _.intersection = function(array) {
+    var result = [];
+    var argsLength = arguments.length;
+    for (var i = 0, length = getLength(array); i < length; i++) {
+      var item = array[i];
+      if (_.contains(result, item)) continue;
+      for (var j = 1; j < argsLength; j++) {
+        if (!_.contains(arguments[j], item)) break;
+      }
+      if (j === argsLength) result.push(item);
+    }
+    return result;
+  };
+
+  // Take the difference between one array and a number of other arrays.
+  // Only the elements present in just the first array will remain.
+  _.difference = function(array) {
+    var rest = flatten(arguments, true, true, 1);
+    return _.filter(array, function(value){
+      return !_.contains(rest, value);
+    });
+  };
+
+  // Zip together multiple lists into a single array -- elements that share
+  // an index go together.
+  _.zip = function() {
+    return _.unzip(arguments);
+  };
+
+  // Complement of _.zip. Unzip accepts an array of arrays and groups
+  // each array's elements on shared indices
+  _.unzip = function(array) {
+    var length = array && _.max(array, getLength).length || 0;
+    var result = Array(length);
+
+    for (var index = 0; index < length; index++) {
+      result[index] = _.pluck(array, index);
+    }
+    return result;
+  };
+
+  // Converts lists into objects. Pass either a single array of `[key, value]`
+  // pairs, or two parallel arrays of the same length -- one of keys, and one of
+  // the corresponding values.
+  _.object = function(list, values) {
+    var result = {};
+    for (var i = 0, length = getLength(list); i < length; i++) {
+      if (values) {
+        result[list[i]] = values[i];
+      } else {
+        result[list[i][0]] = list[i][1];
+      }
+    }
+    return result;
+  };
+
+  // Generator function to create the findIndex and findLastIndex functions
+  function createPredicateIndexFinder(dir) {
+    return function(array, predicate, context) {
+      predicate = cb(predicate, context);
+      var length = getLength(array);
+      var index = dir > 0 ? 0 : length - 1;
+      for (; index >= 0 && index < length; index += dir) {
+        if (predicate(array[index], index, array)) return index;
+      }
+      return -1;
+    };
+  }
+
+  // Returns the first index on an array-like that passes a predicate test
+  _.findIndex = createPredicateIndexFinder(1);
+  _.findLastIndex = createPredicateIndexFinder(-1);
+
+  // Use a comparator function to figure out the smallest index at which
+  // an object should be inserted so as to maintain order. Uses binary search.
+  _.sortedIndex = function(array, obj, iteratee, context) {
+    iteratee = cb(iteratee, context, 1);
+    var value = iteratee(obj);
+    var low = 0, high = getLength(array);
+    while (low < high) {
+      var mid = Math.floor((low + high) / 2);
+      if (iteratee(array[mid]) < value) low = mid + 1; else high = mid;
+    }
+    return low;
+  };
+
+  // Generator function to create the indexOf and lastIndexOf functions
+  function createIndexFinder(dir, predicateFind, sortedIndex) {
+    return function(array, item, idx) {
+      var i = 0, length = getLength(array);
+      if (typeof idx == 'number') {
+        if (dir > 0) {
+            i = idx >= 0 ? idx : Math.max(idx + length, i);
+        } else {
+            length = idx >= 0 ? Math.min(idx + 1, length) : idx + length + 1;
+        }
+      } else if (sortedIndex && idx && length) {
+        idx = sortedIndex(array, item);
+        return array[idx] === item ? idx : -1;
+      }
+      if (item !== item) {
+        idx = predicateFind(slice.call(array, i, length), _.isNaN);
+        return idx >= 0 ? idx + i : -1;
+      }
+      for (idx = dir > 0 ? i : length - 1; idx >= 0 && idx < length; idx += dir) {
+        if (array[idx] === item) return idx;
+      }
+      return -1;
+    };
+  }
+
+  // Return the position of the first occurrence of an item in an array,
+  // or -1 if the item is not included in the array.
+  // If the array is large and already in sort order, pass `true`
+  // for **isSorted** to use binary search.
+  _.indexOf = createIndexFinder(1, _.findIndex, _.sortedIndex);
+  _.lastIndexOf = createIndexFinder(-1, _.findLastIndex);
+
+  // Generate an integer Array containing an arithmetic progression. A port of
+  // the native Python `range()` function. See
+  // [the Python documentation](http://docs.python.org/library/functions.html#range).
+  _.range = function(start, stop, step) {
+    if (stop == null) {
+      stop = start || 0;
+      start = 0;
+    }
+    step = step || 1;
+
+    var length = Math.max(Math.ceil((stop - start) / step), 0);
+    var range = Array(length);
+
+    for (var idx = 0; idx < length; idx++, start += step) {
+      range[idx] = start;
+    }
+
+    return range;
+  };
+
+  // Function (ahem) Functions
+  // ------------------
+
+  // Determines whether to execute a function as a constructor
+  // or a normal function with the provided arguments
+  var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) {
+    if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args);
+    var self = baseCreate(sourceFunc.prototype);
+    var result = sourceFunc.apply(self, args);
+    if (_.isObject(result)) return result;
+    return self;
+  };
+
+  // Create a function bound to a given object (assigning `this`, and arguments,
+  // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if
+  // available.
+  _.bind = function(func, context) {
+    if (nativeBind && func.bind === nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
+    if (!_.isFunction(func)) throw new TypeError('Bind must be called on a function');
+    var args = slice.call(arguments, 2);
+    var bound = function() {
+      return executeBound(func, bound, context, this, args.concat(slice.call(arguments)));
+    };
+    return bound;
+  };
+
+  // Partially apply a function by creating a version that has had some of its
+  // arguments pre-filled, without changing its dynamic `this` context. _ acts
+  // as a placeholder, allowing any combination of arguments to be pre-filled.
+  _.partial = function(func) {
+    var boundArgs = slice.call(arguments, 1);
+    var bound = function() {
+      var position = 0, length = boundArgs.length;
+      var args = Array(length);
+      for (var i = 0; i < length; i++) {
+        args[i] = boundArgs[i] === _ ? arguments[position++] : boundArgs[i];
+      }
+      while (position < arguments.length) args.push(arguments[position++]);
+      return executeBound(func, bound, this, this, args);
+    };
+    return bound;
+  };
+
+  // Bind a number of an object's methods to that object. Remaining arguments
+  // are the method names to be bound. Useful for ensuring that all callbacks
+  // defined on an object belong to it.
+  _.bindAll = function(obj) {
+    var i, length = arguments.length, key;
+    if (length <= 1) throw new Error('bindAll must be passed function names');
+    for (i = 1; i < length; i++) {
+      key = arguments[i];
+      obj[key] = _.bind(obj[key], obj);
+    }
+    return obj;
+  };
+
+  // Memoize an expensive function by storing its results.
+  _.memoize = function(func, hasher) {
+    var memoize = function(key) {
+      var cache = memoize.cache;
+      var address = '' + (hasher ? hasher.apply(this, arguments) : key);
+      if (!_.has(cache, address)) cache[address] = func.apply(this, arguments);
+      return cache[address];
+    };
+    memoize.cache = {};
+    return memoize;
+  };
+
+  // Delays a function for the given number of milliseconds, and then calls
+  // it with the arguments supplied.
+  _.delay = function(func, wait) {
+    var args = slice.call(arguments, 2);
+    return setTimeout(function(){
+      return func.apply(null, args);
+    }, wait);
+  };
+
+  // Defers a function, scheduling it to run after the current call stack has
+  // cleared.
+  _.defer = _.partial(_.delay, _, 1);
+
+  // Returns a function, that, when invoked, will only be triggered at most once
+  // during a given window of time. Normally, the throttled function will run
+  // as much as it can, without ever going more than once per `wait` duration;
+  // but if you'd like to disable the execution on the leading edge, pass
+  // `{leading: false}`. To disable execution on the trailing edge, ditto.
+  _.throttle = function(func, wait, options) {
+    var context, args, result;
+    var timeout = null;
+    var previous = 0;
+    if (!options) options = {};
+    var later = function() {
+      previous = options.leading === false ? 0 : _.now();
+      timeout = null;
+      result = func.apply(context, args);
+      if (!timeout) context = args = null;
+    };
+    return function() {
+      var now = _.now();
+      if (!previous && options.leading === false) previous = now;
+      var remaining = wait - (now - previous);
+      context = this;
+      args = arguments;
+      if (remaining <= 0 || remaining > wait) {
+        if (timeout) {
+          clearTimeout(timeout);
+          timeout = null;
+        }
+        previous = now;
+        result = func.apply(context, args);
+        if (!timeout) context = args = null;
+      } else if (!timeout && options.trailing !== false) {
+        timeout = setTimeout(later, remaining);
+      }
+      return result;
+    };
+  };
+
+  // Returns a function, that, as long as it continues to be invoked, will not
+  // be triggered. The function will be called after it stops being called for
+  // N milliseconds. If `immediate` is passed, trigger the function on the
+  // leading edge, instead of the trailing.
+  _.debounce = function(func, wait, immediate) {
+    var timeout, args, context, timestamp, result;
+
+    var later = function() {
+      var last = _.now() - timestamp;
+
+      if (last < wait && last >= 0) {
+        timeout = setTimeout(later, wait - last);
+      } else {
+        timeout = null;
+        if (!immediate) {
+          result = func.apply(context, args);
+          if (!timeout) context = args = null;
+        }
+      }
+    };
+
+    return function() {
+      context = this;
+      args = arguments;
+      timestamp = _.now();
+      var callNow = immediate && !timeout;
+      if (!timeout) timeout = setTimeout(later, wait);
+      if (callNow) {
+        result = func.apply(context, args);
+        context = args = null;
+      }
+
+      return result;
+    };
+  };
+
+  // Returns the first function passed as an argument to the second,
+  // allowing you to adjust arguments, run code before and after, and
+  // conditionally execute the original function.
+  _.wrap = function(func, wrapper) {
+    return _.partial(wrapper, func);
+  };
+
+  // Returns a negated version of the passed-in predicate.
+  _.negate = function(predicate) {
+    return function() {
+      return !predicate.apply(this, arguments);
+    };
+  };
+
+  // Returns a function that is the composition of a list of functions, each
+  // consuming the return value of the function that follows.
+  _.compose = function() {
+    var args = arguments;
+    var start = args.length - 1;
+    return function() {
+      var i = start;
+      var result = args[start].apply(this, arguments);
+      while (i--) result = args[i].call(this, result);
+      return result;
+    };
+  };
+
+  // Returns a function that will only be executed on and after the Nth call.
+  _.after = function(times, func) {
+    return function() {
+      if (--times < 1) {
+        return func.apply(this, arguments);
+      }
+    };
+  };
+
+  // Returns a function that will only be executed up to (but not including) the Nth call.
+  _.before = function(times, func) {
+    var memo;
+    return function() {
+      if (--times > 0) {
+        memo = func.apply(this, arguments);
+      }
+      if (times <= 1) func = null;
+      return memo;
+    };
+  };
+
+  // Returns a function that will be executed at most one time, no matter how
+  // often you call it. Useful for lazy initialization.
+  _.once = _.partial(_.before, 2);
+
+  // Object Functions
+  // ----------------
+
+  // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed.
+  var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString');
+  var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString',
+                      'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];
+
+  function collectNonEnumProps(obj, keys) {
+    var nonEnumIdx = nonEnumerableProps.length;
+    var constructor = obj.constructor;
+    var proto = (_.isFunction(constructor) && constructor.prototype) || ObjProto;
+
+    // Constructor is a special case.
+    var prop = 'constructor';
+    if (_.has(obj, prop) && !_.contains(keys, prop)) keys.push(prop);
+
+    while (nonEnumIdx--) {
+      prop = nonEnumerableProps[nonEnumIdx];
+      if (prop in obj && obj[prop] !== proto[prop] && !_.contains(keys, prop)) {
+        keys.push(prop);
+      }
+    }
+  }
+
+  // Retrieve the names of an object's own properties.
+  // Delegates to **ECMAScript 5**'s native `Object.keys`
+  _.keys = function(obj) {
+    if (!_.isObject(obj)) return [];
+    if (nativeKeys) return nativeKeys(obj);
+    var keys = [];
+    for (var key in obj) if (_.has(obj, key)) keys.push(key);
+    // Ahem, IE < 9.
+    if (hasEnumBug) collectNonEnumProps(obj, keys);
+    return keys;
+  };
+
+  // Retrieve all the property names of an object.
+  _.allKeys = function(obj) {
+    if (!_.isObject(obj)) return [];
+    var keys = [];
+    for (var key in obj) keys.push(key);
+    // Ahem, IE < 9.
+    if (hasEnumBug) collectNonEnumProps(obj, keys);
+    return keys;
+  };
+
+  // Retrieve the values of an object's properties.
+  _.values = function(obj) {
+    var keys = _.keys(obj);
+    var length = keys.length;
+    var values = Array(length);
+    for (var i = 0; i < length; i++) {
+      values[i] = obj[keys[i]];
+    }
+    return values;
+  };
+
+  // Returns the results of applying the iteratee to each element of the object
+  // In contrast to _.map it returns an object
+  _.mapObject = function(obj, iteratee, context) {
+    iteratee = cb(iteratee, context);
+    var keys =  _.keys(obj),
+          length = keys.length,
+          results = {},
+          currentKey;
+      for (var index = 0; index < length; index++) {
+        currentKey = keys[index];
+        results[currentKey] = iteratee(obj[currentKey], currentKey, obj);
+      }
+      return results;
+  };
+
+  // Convert an object into a list of `[key, value]` pairs.
+  _.pairs = function(obj) {
+    var keys = _.keys(obj);
+    var length = keys.length;
+    var pairs = Array(length);
+    for (var i = 0; i < length; i++) {
+      pairs[i] = [keys[i], obj[keys[i]]];
+    }
+    return pairs;
+  };
+
+  // Invert the keys and values of an object. The values must be serializable.
+  _.invert = function(obj) {
+    var result = {};
+    var keys = _.keys(obj);
+    for (var i = 0, length = keys.length; i < length; i++) {
+      result[obj[keys[i]]] = keys[i];
+    }
+    return result;
+  };
+
+  // Return a sorted list of the function names available on the object.
+  // Aliased as `methods`
+  _.functions = _.methods = function(obj) {
+    var names = [];
+    for (var key in obj) {
+      if (_.isFunction(obj[key])) names.push(key);
+    }
+    return names.sort();
+  };
+
+  // Extend a given object with all the properties in passed-in object(s).
+  _.extend = createAssigner(_.allKeys);
+
+  // Assigns a given object with all the own properties in the passed-in object(s)
+  // (https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)
+  _.extendOwn = _.assign = createAssigner(_.keys);
+
+  // Returns the first key on an object that passes a predicate test
+  _.findKey = function(obj, predicate, context) {
+    predicate = cb(predicate, context);
+    var keys = _.keys(obj), key;
+    for (var i = 0, length = keys.length; i < length; i++) {
+      key = keys[i];
+      if (predicate(obj[key], key, obj)) return key;
+    }
+  };
+
+  // Return a copy of the object only containing the whitelisted properties.
+  _.pick = function(object, oiteratee, context) {
+    var result = {}, obj = object, iteratee, keys;
+    if (obj == null) return result;
+    if (_.isFunction(oiteratee)) {
+      keys = _.allKeys(obj);
+      iteratee = optimizeCb(oiteratee, context);
+    } else {
+      keys = flatten(arguments, false, false, 1);
+      iteratee = function(value, key, obj) { return key in obj; };
+      obj = Object(obj);
+    }
+    for (var i = 0, length = keys.length; i < length; i++) {
+      var key = keys[i];
+      var value = obj[key];
+      if (iteratee(value, key, obj)) result[key] = value;
+    }
+    return result;
+  };
+
+   // Return a copy of the object without the blacklisted properties.
+  _.omit = function(obj, iteratee, context) {
+    if (_.isFunction(iteratee)) {
+      iteratee = _.negate(iteratee);
+    } else {
+      var keys = _.map(flatten(arguments, false, false, 1), String);
+      iteratee = function(value, key) {
+        return !_.contains(keys, key);
+      };
+    }
+    return _.pick(obj, iteratee, context);
+  };
+
+  // Fill in a given object with default properties.
+  _.defaults = createAssigner(_.allKeys, true);
+
+  // Creates an object that inherits from the given prototype object.
+  // If additional properties are provided then they will be added to the
+  // created object.
+  _.create = function(prototype, props) {
+    var result = baseCreate(prototype);
+    if (props) _.extendOwn(result, props);
+    return result;
+  };
+
+  // Create a (shallow-cloned) duplicate of an object.
+  _.clone = function(obj) {
+    if (!_.isObject(obj)) return obj;
+    return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
+  };
+
+  // Invokes interceptor with the obj, and then returns obj.
+  // The primary purpose of this method is to "tap into" a method chain, in
+  // order to perform operations on intermediate results within the chain.
+  _.tap = function(obj, interceptor) {
+    interceptor(obj);
+    return obj;
+  };
+
+  // Returns whether an object has a given set of `key:value` pairs.
+  _.isMatch = function(object, attrs) {
+    var keys = _.keys(attrs), length = keys.length;
+    if (object == null) return !length;
+    var obj = Object(object);
+    for (var i = 0; i < length; i++) {
+      var key = keys[i];
+      if (attrs[key] !== obj[key] || !(key in obj)) return false;
+    }
+    return true;
+  };
+
+
+  // Internal recursive comparison function for `isEqual`.
+  var eq = function(a, b, aStack, bStack) {
+    // Identical objects are equal. `0 === -0`, but they aren't identical.
+    // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
+    if (a === b) return a !== 0 || 1 / a === 1 / b;
+    // A strict comparison is necessary because `null == undefined`.
+    if (a == null || b == null) return a === b;
+    // Unwrap any wrapped objects.
+    if (a instanceof _) a = a._wrapped;
+    if (b instanceof _) b = b._wrapped;
+    // Compare `[[Class]]` names.
+    var className = toString.call(a);
+    if (className !== toString.call(b)) return false;
+    switch (className) {
+      // Strings, numbers, regular expressions, dates, and booleans are compared by value.
+      case '[object RegExp]':
+      // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')
+      case '[object String]':
+        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
+        // equivalent to `new String("5")`.
+        return '' + a === '' + b;
+      case '[object Number]':
+        // `NaN`s are equivalent, but non-reflexive.
+        // Object(NaN) is equivalent to NaN
+        if (+a !== +a) return +b !== +b;
+        // An `egal` comparison is performed for other numeric values.
+        return +a === 0 ? 1 / +a === 1 / b : +a === +b;
+      case '[object Date]':
+      case '[object Boolean]':
+        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
+        // millisecond representations. Note that invalid dates with millisecond representations
+        // of `NaN` are not equivalent.
+        return +a === +b;
+    }
+
+    var areArrays = className === '[object Array]';
+    if (!areArrays) {
+      if (typeof a != 'object' || typeof b != 'object') return false;
+
+      // Objects with different constructors are not equivalent, but `Object`s or `Array`s
+      // from different frames are.
+      var aCtor = a.constructor, bCtor = b.constructor;
+      if (aCtor !== bCtor && !(_.isFunction(aCtor) && aCtor instanceof aCtor &&
+                               _.isFunction(bCtor) && bCtor instanceof bCtor)
+                          && ('constructor' in a && 'constructor' in b)) {
+        return false;
+      }
+    }
+    // Assume equality for cyclic structures. The algorithm for detecting cyclic
+    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
+
+    // Initializing stack of traversed objects.
+    // It's done here since we only need them for objects and arrays comparison.
+    aStack = aStack || [];
+    bStack = bStack || [];
+    var length = aStack.length;
+    while (length--) {
+      // Linear search. Performance is inversely proportional to the number of
+      // unique nested structures.
+      if (aStack[length] === a) return bStack[length] === b;
+    }
+
+    // Add the first object to the stack of traversed objects.
+    aStack.push(a);
+    bStack.push(b);
+
+    // Recursively compare objects and arrays.
+    if (areArrays) {
+      // Compare array lengths to determine if a deep comparison is necessary.
+      length = a.length;
+      if (length !== b.length) return false;
+      // Deep compare the contents, ignoring non-numeric properties.
+      while (length--) {
+        if (!eq(a[length], b[length], aStack, bStack)) return false;
+      }
+    } else {
+      // Deep compare objects.
+      var keys = _.keys(a), key;
+      length = keys.length;
+      // Ensure that both objects contain the same number of properties before comparing deep equality.
+      if (_.keys(b).length !== length) return false;
+      while (length--) {
+        // Deep compare each member
+        key = keys[length];
+        if (!(_.has(b, key) && eq(a[key], b[key], aStack, bStack))) return false;
+      }
+    }
+    // Remove the first object from the stack of traversed objects.
+    aStack.pop();
+    bStack.pop();
+    return true;
+  };
+
+  // Perform a deep comparison to check if two objects are equal.
+  _.isEqual = function(a, b) {
+    return eq(a, b);
+  };
+
+  // Is a given array, string, or object empty?
+  // An "empty" object has no enumerable own-properties.
+  _.isEmpty = function(obj) {
+    if (obj == null) return true;
+    if (isArrayLike(obj) && (_.isArray(obj) || _.isString(obj) || _.isArguments(obj))) return obj.length === 0;
+    return _.keys(obj).length === 0;
+  };
+
+  // Is a given value a DOM element?
+  _.isElement = function(obj) {
+    return !!(obj && obj.nodeType === 1);
+  };
+
+  // Is a given value an array?
+  // Delegates to ECMA5's native Array.isArray
+  _.isArray = nativeIsArray || function(obj) {
+    return toString.call(obj) === '[object Array]';
+  };
+
+  // Is a given variable an object?
+  _.isObject = function(obj) {
+    var type = typeof obj;
+    return type === 'function' || type === 'object' && !!obj;
+  };
+
+  // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError.
+  _.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) {
+    _['is' + name] = function(obj) {
+      return toString.call(obj) === '[object ' + name + ']';
+    };
+  });
+
+  // Define a fallback version of the method in browsers (ahem, IE < 9), where
+  // there isn't any inspectable "Arguments" type.
+  if (!_.isArguments(arguments)) {
+    _.isArguments = function(obj) {
+      return _.has(obj, 'callee');
+    };
+  }
+
+  // Optimize `isFunction` if appropriate. Work around some typeof bugs in old v8,
+  // IE 11 (#1621), and in Safari 8 (#1929).
+  if (typeof /./ != 'function' && typeof Int8Array != 'object') {
+    _.isFunction = function(obj) {
+      return typeof obj == 'function' || false;
+    };
+  }
+
+  // Is a given object a finite number?
+  _.isFinite = function(obj) {
+    return isFinite(obj) && !isNaN(parseFloat(obj));
+  };
+
+  // Is the given value `NaN`? (NaN is the only number which does not equal itself).
+  _.isNaN = function(obj) {
+    return _.isNumber(obj) && obj !== +obj;
+  };
+
+  // Is a given value a boolean?
+  _.isBoolean = function(obj) {
+    return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
+  };
+
+  // Is a given value equal to null?
+  _.isNull = function(obj) {
+    return obj === null;
+  };
+
+  // Is a given variable undefined?
+  _.isUndefined = function(obj) {
+    return obj === void 0;
+  };
+
+  // Shortcut function for checking if an object has a given property directly
+  // on itself (in other words, not on a prototype).
+  _.has = function(obj, key) {
+    return obj != null && hasOwnProperty.call(obj, key);
+  };
+
+  // Utility Functions
+  // -----------------
+
+  // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
+  // previous owner. Returns a reference to the Underscore object.
+  _.noConflict = function() {
+    root._ = previousUnderscore;
+    return this;
+  };
+
+  // Keep the identity function around for default iteratees.
+  _.identity = function(value) {
+    return value;
+  };
+
+  // Predicate-generating functions. Often useful outside of Underscore.
+  _.constant = function(value) {
+    return function() {
+      return value;
+    };
+  };
+
+  _.noop = function(){};
+
+  _.property = property;
+
+  // Generates a function for a given object that returns a given property.
+  _.propertyOf = function(obj) {
+    return obj == null ? function(){} : function(key) {
+      return obj[key];
+    };
+  };
+
+  // Returns a predicate for checking whether an object has a given set of
+  // `key:value` pairs.
+  _.matcher = _.matches = function(attrs) {
+    attrs = _.extendOwn({}, attrs);
+    return function(obj) {
+      return _.isMatch(obj, attrs);
+    };
+  };
+
+  // Run a function **n** times.
+  _.times = function(n, iteratee, context) {
+    var accum = Array(Math.max(0, n));
+    iteratee = optimizeCb(iteratee, context, 1);
+    for (var i = 0; i < n; i++) accum[i] = iteratee(i);
+    return accum;
+  };
+
+  // Return a random integer between min and max (inclusive).
+  _.random = function(min, max) {
+    if (max == null) {
+      max = min;
+      min = 0;
+    }
+    return min + Math.floor(Math.random() * (max - min + 1));
+  };
+
+  // A (possibly faster) way to get the current timestamp as an integer.
+  _.now = Date.now || function() {
+    return new Date().getTime();
+  };
+
+   // List of HTML entities for escaping.
+  var escapeMap = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#x27;',
+    '`': '&#x60;'
+  };
+  var unescapeMap = _.invert(escapeMap);
+
+  // Functions for escaping and unescaping strings to/from HTML interpolation.
+  var createEscaper = function(map) {
+    var escaper = function(match) {
+      return map[match];
+    };
+    // Regexes for identifying a key that needs to be escaped
+    var source = '(?:' + _.keys(map).join('|') + ')';
+    var testRegexp = RegExp(source);
+    var replaceRegexp = RegExp(source, 'g');
+    return function(string) {
+      string = string == null ? '' : '' + string;
+      return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string;
+    };
+  };
+  _.escape = createEscaper(escapeMap);
+  _.unescape = createEscaper(unescapeMap);
+
+  // If the value of the named `property` is a function then invoke it with the
+  // `object` as context; otherwise, return it.
+  _.result = function(object, property, fallback) {
+    var value = object == null ? void 0 : object[property];
+    if (value === void 0) {
+      value = fallback;
+    }
+    return _.isFunction(value) ? value.call(object) : value;
+  };
+
+  // Generate a unique integer id (unique within the entire client session).
+  // Useful for temporary DOM ids.
+  var idCounter = 0;
+  _.uniqueId = function(prefix) {
+    var id = ++idCounter + '';
+    return prefix ? prefix + id : id;
+  };
+
+  // By default, Underscore uses ERB-style template delimiters, change the
+  // following template settings to use alternative delimiters.
+  _.templateSettings = {
+    evaluate    : /<%([\s\S]+?)%>/g,
+    interpolate : /<%=([\s\S]+?)%>/g,
+    escape      : /<%-([\s\S]+?)%>/g
+  };
+
+  // When customizing `templateSettings`, if you don't want to define an
+  // interpolation, evaluation or escaping regex, we need one that is
+  // guaranteed not to match.
+  var noMatch = /(.)^/;
+
+  // Certain characters need to be escaped so that they can be put into a
+  // string literal.
+  var escapes = {
+    "'":      "'",
+    '\\':     '\\',
+    '\r':     'r',
+    '\n':     'n',
+    '\u2028': 'u2028',
+    '\u2029': 'u2029'
+  };
+
+  var escaper = /\\|'|\r|\n|\u2028|\u2029/g;
+
+  var escapeChar = function(match) {
+    return '\\' + escapes[match];
+  };
+
+  // JavaScript micro-templating, similar to John Resig's implementation.
+  // Underscore templating handles arbitrary delimiters, preserves whitespace,
+  // and correctly escapes quotes within interpolated code.
+  // NB: `oldSettings` only exists for backwards compatibility.
+  _.template = function(text, settings, oldSettings) {
+    if (!settings && oldSettings) settings = oldSettings;
+    settings = _.defaults({}, settings, _.templateSettings);
+
+    // Combine delimiters into one regular expression via alternation.
+    var matcher = RegExp([
+      (settings.escape || noMatch).source,
+      (settings.interpolate || noMatch).source,
+      (settings.evaluate || noMatch).source
+    ].join('|') + '|$', 'g');
+
+    // Compile the template source, escaping string literals appropriately.
+    var index = 0;
+    var source = "__p+='";
+    text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
+      source += text.slice(index, offset).replace(escaper, escapeChar);
+      index = offset + match.length;
+
+      if (escape) {
+        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
+      } else if (interpolate) {
+        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
+      } else if (evaluate) {
+        source += "';\n" + evaluate + "\n__p+='";
+      }
+
+      // Adobe VMs need the match returned to produce the correct offest.
+      return match;
+    });
+    source += "';\n";
+
+    // If a variable is not specified, place data values in local scope.
+    if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
+
+    source = "var __t,__p='',__j=Array.prototype.join," +
+      "print=function(){__p+=__j.call(arguments,'');};\n" +
+      source + 'return __p;\n';
+
+    try {
+      var render = new Function(settings.variable || 'obj', '_', source);
+    } catch (e) {
+      e.source = source;
+      throw e;
+    }
+
+    var template = function(data) {
+      return render.call(this, data, _);
+    };
+
+    // Provide the compiled source as a convenience for precompilation.
+    var argument = settings.variable || 'obj';
+    template.source = 'function(' + argument + '){\n' + source + '}';
+
+    return template;
+  };
+
+  // Add a "chain" function. Start chaining a wrapped Underscore object.
+  _.chain = function(obj) {
+    var instance = _(obj);
+    instance._chain = true;
+    return instance;
+  };
+
+  // OOP
+  // ---------------
+  // If Underscore is called as a function, it returns a wrapped object that
+  // can be used OO-style. This wrapper holds altered versions of all the
+  // underscore functions. Wrapped objects may be chained.
+
+  // Helper function to continue chaining intermediate results.
+  var result = function(instance, obj) {
+    return instance._chain ? _(obj).chain() : obj;
+  };
+
+  // Add your own custom functions to the Underscore object.
+  _.mixin = function(obj) {
+    _.each(_.functions(obj), function(name) {
+      var func = _[name] = obj[name];
+      _.prototype[name] = function() {
+        var args = [this._wrapped];
+        push.apply(args, arguments);
+        return result(this, func.apply(_, args));
+      };
+    });
+  };
+
+  // Add all of the Underscore functions to the wrapper object.
+  _.mixin(_);
+
+  // Add all mutator Array functions to the wrapper.
+  _.each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
+    var method = ArrayProto[name];
+    _.prototype[name] = function() {
+      var obj = this._wrapped;
+      method.apply(obj, arguments);
+      if ((name === 'shift' || name === 'splice') && obj.length === 0) delete obj[0];
+      return result(this, obj);
+    };
+  });
+
+  // Add all accessor Array functions to the wrapper.
+  _.each(['concat', 'join', 'slice'], function(name) {
+    var method = ArrayProto[name];
+    _.prototype[name] = function() {
+      return result(this, method.apply(this._wrapped, arguments));
+    };
+  });
+
+  // Extracts the result from a wrapped and chained object.
+  _.prototype.value = function() {
+    return this._wrapped;
+  };
+
+  // Provide unwrapping proxy for some methods used in engine operations
+  // such as arithmetic and JSON stringification.
+  _.prototype.valueOf = _.prototype.toJSON = _.prototype.value;
+
+  _.prototype.toString = function() {
+    return '' + this._wrapped;
+  };
+
+  // AMD registration happens at the end for compatibility with AMD loaders
+  // that may not enforce next-turn semantics on modules. Even though general
+  // practice for AMD registration is to be anonymous, underscore registers
+  // as a named module because, like jQuery, it is a base library that is
+  // popular enough to be bundled in a third party lib, but not be part of
+  // an AMD load request. Those cases could generate an error when an
+  // anonymous define() is called outside of a loader request.
+  if (typeof define === 'function' && define.amd) {
+    define('underscore', [], function() {
+      return _;
+    });
+  }
+}.call(this));
+
+},{}],26:[function(require,module,exports){
+arguments[4][19][0].apply(exports,arguments)
+},{"dup":19}],27:[function(require,module,exports){
+module.exports = function isBuffer(arg) {
+  return arg && typeof arg === 'object'
+    && typeof arg.copy === 'function'
+    && typeof arg.fill === 'function'
+    && typeof arg.readUInt8 === 'function';
+}
+},{}],28:[function(require,module,exports){
+(function (process,global){
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+var formatRegExp = /%[sdj%]/g;
+exports.format = function(f) {
+  if (!isString(f)) {
+    var objects = [];
+    for (var i = 0; i < arguments.length; i++) {
+      objects.push(inspect(arguments[i]));
+    }
+    return objects.join(' ');
+  }
+
+  var i = 1;
+  var args = arguments;
+  var len = args.length;
+  var str = String(f).replace(formatRegExp, function(x) {
+    if (x === '%%') return '%';
+    if (i >= len) return x;
+    switch (x) {
+      case '%s': return String(args[i++]);
+      case '%d': return Number(args[i++]);
+      case '%j':
+        try {
+          return JSON.stringify(args[i++]);
+        } catch (_) {
+          return '[Circular]';
+        }
+      default:
+        return x;
+    }
+  });
+  for (var x = args[i]; i < len; x = args[++i]) {
+    if (isNull(x) || !isObject(x)) {
+      str += ' ' + x;
+    } else {
+      str += ' ' + inspect(x);
+    }
+  }
+  return str;
+};
+
+
+// Mark that a method should not be used.
+// Returns a modified function which warns once by default.
+// If --no-deprecation is set, then it is a no-op.
+exports.deprecate = function(fn, msg) {
+  // Allow for deprecating things in the process of starting up.
+  if (isUndefined(global.process)) {
+    return function() {
+      return exports.deprecate(fn, msg).apply(this, arguments);
+    };
+  }
+
+  if (process.noDeprecation === true) {
+    return fn;
+  }
+
+  var warned = false;
+  function deprecated() {
+    if (!warned) {
+      if (process.throwDeprecation) {
+        throw new Error(msg);
+      } else if (process.traceDeprecation) {
+        console.trace(msg);
+      } else {
+        console.error(msg);
+      }
+      warned = true;
+    }
+    return fn.apply(this, arguments);
+  }
+
+  return deprecated;
+};
+
+
+var debugs = {};
+var debugEnviron;
+exports.debuglog = function(set) {
+  if (isUndefined(debugEnviron))
+    debugEnviron = process.env.NODE_DEBUG || '';
+  set = set.toUpperCase();
+  if (!debugs[set]) {
+    if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) {
+      var pid = process.pid;
+      debugs[set] = function() {
+        var msg = exports.format.apply(exports, arguments);
+        console.error('%s %d: %s', set, pid, msg);
+      };
+    } else {
+      debugs[set] = function() {};
+    }
+  }
+  return debugs[set];
+};
+
+
+/**
+ * Echos the value of a value. Trys to print the value out
+ * in the best way possible given the different types.
+ *
+ * @param {Object} obj The object to print out.
+ * @param {Object} opts Optional options object that alters the output.
+ */
+/* legacy: obj, showHidden, depth, colors*/
+function inspect(obj, opts) {
+  // default options
+  var ctx = {
+    seen: [],
+    stylize: stylizeNoColor
+  };
+  // legacy...
+  if (arguments.length >= 3) ctx.depth = arguments[2];
+  if (arguments.length >= 4) ctx.colors = arguments[3];
+  if (isBoolean(opts)) {
+    // legacy...
+    ctx.showHidden = opts;
+  } else if (opts) {
+    // got an "options" object
+    exports._extend(ctx, opts);
+  }
+  // set default options
+  if (isUndefined(ctx.showHidden)) ctx.showHidden = false;
+  if (isUndefined(ctx.depth)) ctx.depth = 2;
+  if (isUndefined(ctx.colors)) ctx.colors = false;
+  if (isUndefined(ctx.customInspect)) ctx.customInspect = true;
+  if (ctx.colors) ctx.stylize = stylizeWithColor;
+  return formatValue(ctx, obj, ctx.depth);
+}
+exports.inspect = inspect;
+
+
+// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics
+inspect.colors = {
+  'bold' : [1, 22],
+  'italic' : [3, 23],
+  'underline' : [4, 24],
+  'inverse' : [7, 27],
+  'white' : [37, 39],
+  'grey' : [90, 39],
+  'black' : [30, 39],
+  'blue' : [34, 39],
+  'cyan' : [36, 39],
+  'green' : [32, 39],
+  'magenta' : [35, 39],
+  'red' : [31, 39],
+  'yellow' : [33, 39]
+};
+
+// Don't use 'blue' not visible on cmd.exe
+inspect.styles = {
+  'special': 'cyan',
+  'number': 'yellow',
+  'boolean': 'yellow',
+  'undefined': 'grey',
+  'null': 'bold',
+  'string': 'green',
+  'date': 'magenta',
+  // "name": intentionally not styling
+  'regexp': 'red'
+};
+
+
+function stylizeWithColor(str, styleType) {
+  var style = inspect.styles[styleType];
+
+  if (style) {
+    return '\u001b[' + inspect.colors[style][0] + 'm' + str +
+           '\u001b[' + inspect.colors[style][1] + 'm';
+  } else {
+    return str;
+  }
+}
+
+
+function stylizeNoColor(str, styleType) {
+  return str;
+}
+
+
+function arrayToHash(array) {
+  var hash = {};
+
+  array.forEach(function(val, idx) {
+    hash[val] = true;
+  });
+
+  return hash;
+}
+
+
+function formatValue(ctx, value, recurseTimes) {
+  // Provide a hook for user-specified inspect functions.
+  // Check that value is an object with an inspect function on it
+  if (ctx.customInspect &&
+      value &&
+      isFunction(value.inspect) &&
+      // Filter out the util module, it's inspect function is special
+      value.inspect !== exports.inspect &&
+      // Also filter out any prototype objects using the circular check.
+      !(value.constructor && value.constructor.prototype === value)) {
+    var ret = value.inspect(recurseTimes, ctx);
+    if (!isString(ret)) {
+      ret = formatValue(ctx, ret, recurseTimes);
+    }
+    return ret;
+  }
+
+  // Primitive types cannot have properties
+  var primitive = formatPrimitive(ctx, value);
+  if (primitive) {
+    return primitive;
+  }
+
+  // Look up the keys of the object.
+  var keys = Object.keys(value);
+  var visibleKeys = arrayToHash(keys);
+
+  if (ctx.showHidden) {
+    keys = Object.getOwnPropertyNames(value);
+  }
+
+  // IE doesn't make error fields non-enumerable
+  // http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx
+  if (isError(value)
+      && (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {
+    return formatError(value);
+  }
+
+  // Some type of object without properties can be shortcutted.
+  if (keys.length === 0) {
+    if (isFunction(value)) {
+      var name = value.name ? ': ' + value.name : '';
+      return ctx.stylize('[Function' + name + ']', 'special');
+    }
+    if (isRegExp(value)) {
+      return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
+    }
+    if (isDate(value)) {
+      return ctx.stylize(Date.prototype.toString.call(value), 'date');
+    }
+    if (isError(value)) {
+      return formatError(value);
+    }
+  }
+
+  var base = '', array = false, braces = ['{', '}'];
+
+  // Make Array say that they are Array
+  if (isArray(value)) {
+    array = true;
+    braces = ['[', ']'];
+  }
+
+  // Make functions say that they are functions
+  if (isFunction(value)) {
+    var n = value.name ? ': ' + value.name : '';
+    base = ' [Function' + n + ']';
+  }
+
+  // Make RegExps say that they are RegExps
+  if (isRegExp(value)) {
+    base = ' ' + RegExp.prototype.toString.call(value);
+  }
+
+  // Make dates with properties first say the date
+  if (isDate(value)) {
+    base = ' ' + Date.prototype.toUTCString.call(value);
+  }
+
+  // Make error with message first say the error
+  if (isError(value)) {
+    base = ' ' + formatError(value);
+  }
+
+  if (keys.length === 0 && (!array || value.length == 0)) {
+    return braces[0] + base + braces[1];
+  }
+
+  if (recurseTimes < 0) {
+    if (isRegExp(value)) {
+      return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
+    } else {
+      return ctx.stylize('[Object]', 'special');
+    }
+  }
+
+  ctx.seen.push(value);
+
+  var output;
+  if (array) {
+    output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);
+  } else {
+    output = keys.map(function(key) {
+      return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);
+    });
+  }
+
+  ctx.seen.pop();
+
+  return reduceToSingleString(output, base, braces);
+}
+
+
+function formatPrimitive(ctx, value) {
+  if (isUndefined(value))
+    return ctx.stylize('undefined', 'undefined');
+  if (isString(value)) {
+    var simple = '\'' + JSON.stringify(value).replace(/^"|"$/g, '')
+                                             .replace(/'/g, "\\'")
+                                             .replace(/\\"/g, '"') + '\'';
+    return ctx.stylize(simple, 'string');
+  }
+  if (isNumber(value))
+    return ctx.stylize('' + value, 'number');
+  if (isBoolean(value))
+    return ctx.stylize('' + value, 'boolean');
+  // For some reason typeof null is "object", so special case here.
+  if (isNull(value))
+    return ctx.stylize('null', 'null');
+}
+
+
+function formatError(value) {
+  return '[' + Error.prototype.toString.call(value) + ']';
+}
+
+
+function formatArray(ctx, value, recurseTimes, visibleKeys, keys) {
+  var output = [];
+  for (var i = 0, l = value.length; i < l; ++i) {
+    if (hasOwnProperty(value, String(i))) {
+      output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
+          String(i), true));
+    } else {
+      output.push('');
+    }
+  }
+  keys.forEach(function(key) {
+    if (!key.match(/^\d+$/)) {
+      output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
+          key, true));
+    }
+  });
+  return output;
+}
+
+
+function formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {
+  var name, str, desc;
+  desc = Object.getOwnPropertyDescriptor(value, key) || { value: value[key] };
+  if (desc.get) {
+    if (desc.set) {
+      str = ctx.stylize('[Getter/Setter]', 'special');
+    } else {
+      str = ctx.stylize('[Getter]', 'special');
+    }
+  } else {
+    if (desc.set) {
+      str = ctx.stylize('[Setter]', 'special');
+    }
+  }
+  if (!hasOwnProperty(visibleKeys, key)) {
+    name = '[' + key + ']';
+  }
+  if (!str) {
+    if (ctx.seen.indexOf(desc.value) < 0) {
+      if (isNull(recurseTimes)) {
+        str = formatValue(ctx, desc.value, null);
+      } else {
+        str = formatValue(ctx, desc.value, recurseTimes - 1);
+      }
+      if (str.indexOf('\n') > -1) {
+        if (array) {
+          str = str.split('\n').map(function(line) {
+            return '  ' + line;
+          }).join('\n').substr(2);
+        } else {
+          str = '\n' + str.split('\n').map(function(line) {
+            return '   ' + line;
+          }).join('\n');
+        }
+      }
+    } else {
+      str = ctx.stylize('[Circular]', 'special');
+    }
+  }
+  if (isUndefined(name)) {
+    if (array && key.match(/^\d+$/)) {
+      return str;
+    }
+    name = JSON.stringify('' + key);
+    if (name.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)) {
+      name = name.substr(1, name.length - 2);
+      name = ctx.stylize(name, 'name');
+    } else {
+      name = name.replace(/'/g, "\\'")
+                 .replace(/\\"/g, '"')
+                 .replace(/(^"|"$)/g, "'");
+      name = ctx.stylize(name, 'string');
+    }
+  }
+
+  return name + ': ' + str;
+}
+
+
+function reduceToSingleString(output, base, braces) {
+  var numLinesEst = 0;
+  var length = output.reduce(function(prev, cur) {
+    numLinesEst++;
+    if (cur.indexOf('\n') >= 0) numLinesEst++;
+    return prev + cur.replace(/\u001b\[\d\d?m/g, '').length + 1;
+  }, 0);
+
+  if (length > 60) {
+    return braces[0] +
+           (base === '' ? '' : base + '\n ') +
+           ' ' +
+           output.join(',\n  ') +
+           ' ' +
+           braces[1];
+  }
+
+  return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];
+}
+
+
+// NOTE: These type checking functions intentionally don't use `instanceof`
+// because it is fragile and can be easily faked with `Object.create()`.
+function isArray(ar) {
+  return Array.isArray(ar);
+}
+exports.isArray = isArray;
+
+function isBoolean(arg) {
+  return typeof arg === 'boolean';
+}
+exports.isBoolean = isBoolean;
+
+function isNull(arg) {
+  return arg === null;
+}
+exports.isNull = isNull;
+
+function isNullOrUndefined(arg) {
+  return arg == null;
+}
+exports.isNullOrUndefined = isNullOrUndefined;
+
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+exports.isNumber = isNumber;
+
+function isString(arg) {
+  return typeof arg === 'string';
+}
+exports.isString = isString;
+
+function isSymbol(arg) {
+  return typeof arg === 'symbol';
+}
+exports.isSymbol = isSymbol;
+
+function isUndefined(arg) {
+  return arg === void 0;
+}
+exports.isUndefined = isUndefined;
+
+function isRegExp(re) {
+  return isObject(re) && objectToString(re) === '[object RegExp]';
+}
+exports.isRegExp = isRegExp;
+
+function isObject(arg) {
+  return typeof arg === 'object' && arg !== null;
+}
+exports.isObject = isObject;
+
+function isDate(d) {
+  return isObject(d) && objectToString(d) === '[object Date]';
+}
+exports.isDate = isDate;
+
+function isError(e) {
+  return isObject(e) &&
+      (objectToString(e) === '[object Error]' || e instanceof Error);
+}
+exports.isError = isError;
+
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+exports.isFunction = isFunction;
+
+function isPrimitive(arg) {
+  return arg === null ||
+         typeof arg === 'boolean' ||
+         typeof arg === 'number' ||
+         typeof arg === 'string' ||
+         typeof arg === 'symbol' ||  // ES6 symbol
+         typeof arg === 'undefined';
+}
+exports.isPrimitive = isPrimitive;
+
+exports.isBuffer = require('./support/isBuffer');
+
+function objectToString(o) {
+  return Object.prototype.toString.call(o);
+}
+
+
+function pad(n) {
+  return n < 10 ? '0' + n.toString(10) : n.toString(10);
+}
+
+
+var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
+              'Oct', 'Nov', 'Dec'];
+
+// 26 Feb 16:19:34
+function timestamp() {
+  var d = new Date();
+  var time = [pad(d.getHours()),
+              pad(d.getMinutes()),
+              pad(d.getSeconds())].join(':');
+  return [d.getDate(), months[d.getMonth()], time].join(' ');
+}
+
+
+// log is just a thin wrapper to console.log that prepends a timestamp
+exports.log = function() {
+  console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));
+};
+
+
+/**
+ * Inherit the prototype methods from one constructor into another.
+ *
+ * The Function.prototype.inherits from lang.js rewritten as a standalone
+ * function (not on Function.prototype). NOTE: If this file is to be loaded
+ * during bootstrapping this function needs to be rewritten using some native
+ * functions as prototype setup using normal JavaScript does not work as
+ * expected during bootstrapping (see mirror.js in r114903).
+ *
+ * @param {function} ctor Constructor function which needs to inherit the
+ *     prototype.
+ * @param {function} superCtor Constructor function to inherit prototype from.
+ */
+exports.inherits = require('inherits');
+
+exports._extend = function(origin, add) {
+  // Don't do anything if add isn't an object
+  if (!add || !isObject(add)) return origin;
+
+  var keys = Object.keys(add);
+  var i = keys.length;
+  while (i--) {
+    origin[keys[i]] = add[keys[i]];
+  }
+  return origin;
+};
+
+function hasOwnProperty(obj, prop) {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+}
+
+}).call(this,require('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"./support/isBuffer":27,"_process":24,"inherits":26}],29:[function(require,module,exports){
+// Returns a wrapper function that returns a wrapped callback
+// The wrapper function should do some stuff, and return a
+// presumably different callback function.
+// This makes sure that own properties are retained, so that
+// decorations and such are not lost along the way.
+module.exports = wrappy
+function wrappy (fn, cb) {
+  if (fn && cb) return wrappy(fn)(cb)
+
+  if (typeof fn !== 'function')
+    throw new TypeError('need wrapper function')
+
+  Object.keys(fn).forEach(function (k) {
+    wrapper[k] = fn[k]
+  })
+
+  return wrapper
+
+  function wrapper() {
+    var args = new Array(arguments.length)
+    for (var i = 0; i < args.length; i++) {
+      args[i] = arguments[i]
+    }
+    var ret = fn.apply(this, args)
+    var cb = args[args.length-1]
+    if (typeof ret === 'function' && ret !== cb) {
+      Object.keys(cb).forEach(function (k) {
+        ret[k] = cb[k]
+      })
+    }
+    return ret
+  }
+}
+
+},{}]},{},[7])(7)
+});
\ No newline at end of file
diff --git a/assets/javascripts/workers/search.07f07601.min.js b/assets/javascripts/workers/search.07f07601.min.js
new file mode 100644
index 0000000..f3dbf56
--- /dev/null
+++ b/assets/javascripts/workers/search.07f07601.min.js
@@ -0,0 +1,42 @@
+"use strict";(()=>{var xe=Object.create;var U=Object.defineProperty,ve=Object.defineProperties,Se=Object.getOwnPropertyDescriptor,Te=Object.getOwnPropertyDescriptors,Qe=Object.getOwnPropertyNames,Y=Object.getOwnPropertySymbols,Ee=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable;var Z=Math.pow,J=(t,e,r)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e||(e={}))X.call(e,r)&&J(t,r,e[r]);if(Y)for(var r of Y(e))be.call(e,r)&&J(t,r,e[r]);return t},G=(t,e)=>ve(t,Te(e));var Le=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var we=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Qe(e))!X.call(t,i)&&i!==r&&U(t,i,{get:()=>e[i],enumerable:!(n=Se(e,i))||n.enumerable});return t};var Pe=(t,e,r)=>(r=t!=null?xe(Ee(t)):{},we(e||!t||!t.__esModule?U(r,"default",{value:t,enumerable:!0}):r,t));var B=(t,e,r)=>new Promise((n,i)=>{var s=u=>{try{a(r.next(u))}catch(c){i(c)}},o=u=>{try{a(r.throw(u))}catch(c){i(c)}},a=u=>u.done?n(u.value):Promise.resolve(u.value).then(s,o);a((r=r.apply(t,e)).next())});var te=Le((K,ee)=>{/**
+ * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9
+ * Copyright (C) 2020 Oliver Nightingale
+ * @license MIT
+ */(function(){var t=function(e){var r=new t.Builder;return r.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),r.searchPipeline.add(t.stemmer),e.call(r,r),r.build()};t.version="2.3.9";/*!
+ * lunr.utils
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.utils={},t.utils.warn=function(e){return function(r){e.console&&console.warn&&console.warn(r)}}(this),t.utils.asString=function(e){return e==null?"":e.toString()},t.utils.clone=function(e){if(e==null)return e;for(var r=Object.create(null),n=Object.keys(e),i=0;i<n.length;i++){var s=n[i],o=e[s];if(Array.isArray(o)){r[s]=o.slice();continue}if(typeof o=="string"||typeof o=="number"||typeof o=="boolean"){r[s]=o;continue}throw new TypeError("clone is not deep and does not support nested objects")}return r},t.FieldRef=function(e,r,n){this.docRef=e,this.fieldName=r,this._stringValue=n},t.FieldRef.joiner="/",t.FieldRef.fromString=function(e){var r=e.indexOf(t.FieldRef.joiner);if(r===-1)throw"malformed field ref string";var n=e.slice(0,r),i=e.slice(r+1);return new t.FieldRef(i,n,e)},t.FieldRef.prototype.toString=function(){return this._stringValue==null&&(this._stringValue=this.fieldName+t.FieldRef.joiner+this.docRef),this._stringValue};/*!
+ * lunr.Set
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.Set=function(e){if(this.elements=Object.create(null),e){this.length=e.length;for(var r=0;r<this.length;r++)this.elements[e[r]]=!0}else this.length=0},t.Set.complete={intersect:function(e){return e},union:function(){return this},contains:function(){return!0}},t.Set.empty={intersect:function(){return this},union:function(e){return e},contains:function(){return!1}},t.Set.prototype.contains=function(e){return!!this.elements[e]},t.Set.prototype.intersect=function(e){var r,n,i,s=[];if(e===t.Set.complete)return this;if(e===t.Set.empty)return e;this.length<e.length?(r=this,n=e):(r=e,n=this),i=Object.keys(r.elements);for(var o=0;o<i.length;o++){var a=i[o];a in n.elements&&s.push(a)}return new t.Set(s)},t.Set.prototype.union=function(e){return e===t.Set.complete?t.Set.complete:e===t.Set.empty?this:new t.Set(Object.keys(this.elements).concat(Object.keys(e.elements)))},t.idf=function(e,r){var n=0;for(var i in e)i!="_index"&&(n+=Object.keys(e[i]).length);var s=(r-n+.5)/(n+.5);return Math.log(1+Math.abs(s))},t.Token=function(e,r){this.str=e||"",this.metadata=r||{}},t.Token.prototype.toString=function(){return this.str},t.Token.prototype.update=function(e){return this.str=e(this.str,this.metadata),this},t.Token.prototype.clone=function(e){return e=e||function(r){return r},new t.Token(e(this.str,this.metadata),this.metadata)};/*!
+ * lunr.tokenizer
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.tokenizer=function(e,r){if(e==null||e==null)return[];if(Array.isArray(e))return e.map(function(g){return new t.Token(t.utils.asString(g).toLowerCase(),t.utils.clone(r))});for(var n=e.toString().toLowerCase(),i=n.length,s=[],o=0,a=0;o<=i;o++){var u=n.charAt(o),c=o-a;if(u.match(t.tokenizer.separator)||o==i){if(c>0){var f=t.utils.clone(r)||{};f.position=[a,c],f.index=s.length,s.push(new t.Token(n.slice(a,o),f))}a=o+1}}return s},t.tokenizer.separator=/[\s\-]+/;/*!
+ * lunr.Pipeline
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions=Object.create(null),t.Pipeline.registerFunction=function(e,r){r in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+r),e.label=r,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var r=e.label&&e.label in this.registeredFunctions;r||t.utils.warn(`Function is not registered with pipeline. This may cause problems when serialising the index.
+`,e)},t.Pipeline.load=function(e){var r=new t.Pipeline;return e.forEach(function(n){var i=t.Pipeline.registeredFunctions[n];if(i)r.add(i);else throw new Error("Cannot load unregistered function: "+n)}),r},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(r){t.Pipeline.warnIfFunctionNotRegistered(r),this._stack.push(r)},this)},t.Pipeline.prototype.after=function(e,r){t.Pipeline.warnIfFunctionNotRegistered(r);var n=this._stack.indexOf(e);if(n==-1)throw new Error("Cannot find existingFn");n=n+1,this._stack.splice(n,0,r)},t.Pipeline.prototype.before=function(e,r){t.Pipeline.warnIfFunctionNotRegistered(r);var n=this._stack.indexOf(e);if(n==-1)throw new Error("Cannot find existingFn");this._stack.splice(n,0,r)},t.Pipeline.prototype.remove=function(e){var r=this._stack.indexOf(e);r!=-1&&this._stack.splice(r,1)},t.Pipeline.prototype.run=function(e){for(var r=this._stack.length,n=0;n<r;n++){for(var i=this._stack[n],s=[],o=0;o<e.length;o++){var a=i(e[o],o,e);if(!(a==null||a===""))if(Array.isArray(a))for(var u=0;u<a.length;u++)s.push(a[u]);else s.push(a)}e=s}return e},t.Pipeline.prototype.runString=function(e,r){var n=new t.Token(e,r);return this.run([n]).map(function(i){return i.toString()})},t.Pipeline.prototype.reset=function(){this._stack=[]},t.Pipeline.prototype.toJSON=function(){return this._stack.map(function(e){return t.Pipeline.warnIfFunctionNotRegistered(e),e.label})};/*!
+ * lunr.Vector
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.Vector=function(e){this._magnitude=0,this.elements=e||[]},t.Vector.prototype.positionForIndex=function(e){if(this.elements.length==0)return 0;for(var r=0,n=this.elements.length/2,i=n-r,s=Math.floor(i/2),o=this.elements[s*2];i>1&&(o<e&&(r=s),o>e&&(n=s),o!=e);)i=n-r,s=r+Math.floor(i/2),o=this.elements[s*2];if(o==e||o>e)return s*2;if(o<e)return(s+1)*2},t.Vector.prototype.insert=function(e,r){this.upsert(e,r,function(){throw"duplicate index"})},t.Vector.prototype.upsert=function(e,r,n){this._magnitude=0;var i=this.positionForIndex(e);this.elements[i]==e?this.elements[i+1]=n(this.elements[i+1],r):this.elements.splice(i,0,e,r)},t.Vector.prototype.magnitude=function(){if(this._magnitude)return this._magnitude;for(var e=0,r=this.elements.length,n=1;n<r;n+=2){var i=this.elements[n];e+=i*i}return this._magnitude=Math.sqrt(e)},t.Vector.prototype.dot=function(e){for(var r=0,n=this.elements,i=e.elements,s=n.length,o=i.length,a=0,u=0,c=0,f=0;c<s&&f<o;)a=n[c],u=i[f],a<u?c+=2:a>u?f+=2:a==u&&(r+=n[c+1]*i[f+1],c+=2,f+=2);return r},t.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},t.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),r=1,n=0;r<this.elements.length;r+=2,n++)e[n]=this.elements[r];return e},t.Vector.prototype.toJSON=function(){return this.elements};/*!
+ * lunr.stemmer
+ * Copyright (C) 2020 Oliver Nightingale
+ * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt
+ */t.stemmer=function(){var e={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},r={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},n="[^aeiou]",i="[aeiouy]",s=n+"[^aeiouy]*",o=i+"[aeiou]*",a="^("+s+")?"+o+s,u="^("+s+")?"+o+s+"("+o+")?$",c="^("+s+")?"+o+s+o+s,f="^("+s+")?"+i,g=new RegExp(a),l=new RegExp(c),m=new RegExp(u),x=new RegExp(f),v=/^(.+?)(ss|i)es$/,d=/^(.+?)([^s])s$/,y=/^(.+?)eed$/,b=/^(.+?)(ed|ing)$/,E=/.$/,w=/(at|bl|iz)$/,R=new RegExp("([^aeiouylsz])\\1$"),j=new RegExp("^"+s+i+"[^aeiouwxy]$"),_=/^(.+?[^aeiou])y$/,D=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,N=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,C=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,V=/^(.+?)(s|t)(ion)$/,P=/^(.+?)e$/,z=/ll$/,$=new RegExp("^"+s+i+"[^aeiouwxy]$"),M=function(h){var S,k,L,p,T,O,F;if(h.length<3)return h;if(L=h.substr(0,1),L=="y"&&(h=L.toUpperCase()+h.substr(1)),p=v,T=d,p.test(h)?h=h.replace(p,"$1$2"):T.test(h)&&(h=h.replace(T,"$1$2")),p=y,T=b,p.test(h)){var Q=p.exec(h);p=g,p.test(Q[1])&&(p=E,h=h.replace(p,""))}else if(T.test(h)){var Q=T.exec(h);S=Q[1],T=x,T.test(S)&&(h=S,T=w,O=R,F=j,T.test(h)?h=h+"e":O.test(h)?(p=E,h=h.replace(p,"")):F.test(h)&&(h=h+"e"))}if(p=_,p.test(h)){var Q=p.exec(h);S=Q[1],h=S+"i"}if(p=D,p.test(h)){var Q=p.exec(h);S=Q[1],k=Q[2],p=g,p.test(S)&&(h=S+e[k])}if(p=N,p.test(h)){var Q=p.exec(h);S=Q[1],k=Q[2],p=g,p.test(S)&&(h=S+r[k])}if(p=C,T=V,p.test(h)){var Q=p.exec(h);S=Q[1],p=l,p.test(S)&&(h=S)}else if(T.test(h)){var Q=T.exec(h);S=Q[1]+Q[2],T=l,T.test(S)&&(h=S)}if(p=P,p.test(h)){var Q=p.exec(h);S=Q[1],p=l,T=m,O=$,(p.test(S)||T.test(S)&&!O.test(S))&&(h=S)}return p=z,T=l,p.test(h)&&T.test(h)&&(p=E,h=h.replace(p,"")),L=="y"&&(h=L.toLowerCase()+h.substr(1)),h};return function(I){return I.update(M)}}(),t.Pipeline.registerFunction(t.stemmer,"stemmer");/*!
+ * lunr.stopWordFilter
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.generateStopWordFilter=function(e){var r=e.reduce(function(n,i){return n[i]=i,n},{});return function(n){if(n&&r[n.toString()]!==n.toString())return n}},t.stopWordFilter=t.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),t.Pipeline.registerFunction(t.stopWordFilter,"stopWordFilter");/*!
+ * lunr.trimmer
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.trimmer=function(e){return e.update(function(r){return r.replace(/^\W+/,"").replace(/\W+$/,"")})},t.Pipeline.registerFunction(t.trimmer,"trimmer");/*!
+ * lunr.TokenSet
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.TokenSet=function(){this.final=!1,this.edges={},this.id=t.TokenSet._nextId,t.TokenSet._nextId+=1},t.TokenSet._nextId=1,t.TokenSet.fromArray=function(e){for(var r=new t.TokenSet.Builder,n=0,i=e.length;n<i;n++)r.insert(e[n]);return r.finish(),r.root},t.TokenSet.fromClause=function(e){return"editDistance"in e?t.TokenSet.fromFuzzyString(e.term,e.editDistance):t.TokenSet.fromString(e.term)},t.TokenSet.fromFuzzyString=function(e,r){for(var n=new t.TokenSet,i=[{node:n,editsRemaining:r,str:e}];i.length;){var s=i.pop();if(s.str.length>0){var o=s.str.charAt(0),a;o in s.node.edges?a=s.node.edges[o]:(a=new t.TokenSet,s.node.edges[o]=a),s.str.length==1&&(a.final=!0),i.push({node:a,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(s.editsRemaining!=0){if("*"in s.node.edges)var u=s.node.edges["*"];else{var u=new t.TokenSet;s.node.edges["*"]=u}if(s.str.length==0&&(u.final=!0),i.push({node:u,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&i.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),s.str.length==1&&(s.node.final=!0),s.str.length>=1){if("*"in s.node.edges)var c=s.node.edges["*"];else{var c=new t.TokenSet;s.node.edges["*"]=c}s.str.length==1&&(c.final=!0),i.push({node:c,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var f=s.str.charAt(0),g=s.str.charAt(1),l;g in s.node.edges?l=s.node.edges[g]:(l=new t.TokenSet,s.node.edges[g]=l),s.str.length==1&&(l.final=!0),i.push({node:l,editsRemaining:s.editsRemaining-1,str:f+s.str.slice(2)})}}}return n},t.TokenSet.fromString=function(e){for(var r=new t.TokenSet,n=r,i=0,s=e.length;i<s;i++){var o=e[i],a=i==s-1;if(o=="*")r.edges[o]=r,r.final=a;else{var u=new t.TokenSet;u.final=a,r.edges[o]=u,r=u}}return n},t.TokenSet.prototype.toArray=function(){for(var e=[],r=[{prefix:"",node:this}];r.length;){var n=r.pop(),i=Object.keys(n.node.edges),s=i.length;n.node.final&&(n.prefix.charAt(0),e.push(n.prefix));for(var o=0;o<s;o++){var a=i[o];r.push({prefix:n.prefix.concat(a),node:n.node.edges[a]})}}return e},t.TokenSet.prototype.toString=function(){if(this._str)return this._str;for(var e=this.final?"1":"0",r=Object.keys(this.edges).sort(),n=r.length,i=0;i<n;i++){var s=r[i],o=this.edges[s];e=e+s+o.id}return e},t.TokenSet.prototype.intersect=function(e){for(var r=new t.TokenSet,n=void 0,i=[{qNode:e,output:r,node:this}];i.length;){n=i.pop();for(var s=Object.keys(n.qNode.edges),o=s.length,a=Object.keys(n.node.edges),u=a.length,c=0;c<o;c++)for(var f=s[c],g=0;g<u;g++){var l=a[g];if(l==f||f=="*"){var m=n.node.edges[l],x=n.qNode.edges[f],v=m.final&&x.final,d=void 0;l in n.output.edges?(d=n.output.edges[l],d.final=d.final||v):(d=new t.TokenSet,d.final=v,n.output.edges[l]=d),i.push({qNode:x,output:d,node:m})}}}return r},t.TokenSet.Builder=function(){this.previousWord="",this.root=new t.TokenSet,this.uncheckedNodes=[],this.minimizedNodes={}},t.TokenSet.Builder.prototype.insert=function(e){var r,n=0;if(e<this.previousWord)throw new Error("Out of order word insertion");for(var i=0;i<e.length&&i<this.previousWord.length&&e[i]==this.previousWord[i];i++)n++;this.minimize(n),this.uncheckedNodes.length==0?r=this.root:r=this.uncheckedNodes[this.uncheckedNodes.length-1].child;for(var i=n;i<e.length;i++){var s=new t.TokenSet,o=e[i];r.edges[o]=s,this.uncheckedNodes.push({parent:r,char:o,child:s}),r=s}r.final=!0,this.previousWord=e},t.TokenSet.Builder.prototype.finish=function(){this.minimize(0)},t.TokenSet.Builder.prototype.minimize=function(e){for(var r=this.uncheckedNodes.length-1;r>=e;r--){var n=this.uncheckedNodes[r],i=n.child.toString();i in this.minimizedNodes?n.parent.edges[n.char]=this.minimizedNodes[i]:(n.child._str=i,this.minimizedNodes[i]=n.child),this.uncheckedNodes.pop()}};/*!
+ * lunr.Index
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},t.Index.prototype.search=function(e){return this.query(function(r){var n=new t.QueryParser(e,r);n.parse()})},t.Index.prototype.query=function(e){for(var r=new t.Query(this.fields),n=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),u=0;u<this.fields.length;u++)i[this.fields[u]]=new t.Vector;e.call(r,r);for(var u=0;u<r.clauses.length;u++){var c=r.clauses[u],f=null,g=t.Set.empty;c.usePipeline?f=this.pipeline.runString(c.term,{fields:c.fields}):f=[c.term];for(var l=0;l<f.length;l++){var m=f[l];c.term=m;var x=t.TokenSet.fromClause(c),v=this.tokenSet.intersect(x).toArray();if(v.length===0&&c.presence===t.Query.presence.REQUIRED){for(var d=0;d<c.fields.length;d++){var y=c.fields[d];o[y]=t.Set.empty}break}for(var b=0;b<v.length;b++)for(var E=v[b],w=this.invertedIndex[E],R=w._index,d=0;d<c.fields.length;d++){var y=c.fields[d],j=w[y],_=Object.keys(j),D=E+"/"+y,N=new t.Set(_);if(c.presence==t.Query.presence.REQUIRED&&(g=g.union(N),o[y]===void 0&&(o[y]=t.Set.complete)),c.presence==t.Query.presence.PROHIBITED){a[y]===void 0&&(a[y]=t.Set.empty),a[y]=a[y].union(N);continue}if(i[y].upsert(R,c.boost,function(ye,me){return ye+me}),!s[D]){for(var C=0;C<_.length;C++){var V=_[C],P=new t.FieldRef(V,y),z=j[V],$;($=n[P])===void 0?n[P]=new t.MatchData(E,y,z):$.add(E,y,z)}s[D]=!0}}}if(c.presence===t.Query.presence.REQUIRED)for(var d=0;d<c.fields.length;d++){var y=c.fields[d];o[y]=o[y].intersect(g)}}for(var M=t.Set.complete,I=t.Set.empty,u=0;u<this.fields.length;u++){var y=this.fields[u];o[y]&&(M=M.intersect(o[y])),a[y]&&(I=I.union(a[y]))}var h=Object.keys(n),S=[],k=Object.create(null);if(r.isNegated()){h=Object.keys(this.fieldVectors);for(var u=0;u<h.length;u++){var P=h[u],L=t.FieldRef.fromString(P);n[P]=new t.MatchData}}for(var u=0;u<h.length;u++){var L=t.FieldRef.fromString(h[u]),p=L.docRef;if(M.contains(p)&&!I.contains(p)){var T=this.fieldVectors[L],O=i[L.fieldName].similarity(T),F;if((F=k[p])!==void 0)F.score+=O,F.matchData.combine(n[L]);else{var Q={ref:p,score:O,matchData:n[L]};k[p]=Q,S.push(Q)}}}return S.sort(function(pe,ge){return ge.score-pe.score})},t.Index.prototype.toJSON=function(){var e=Object.keys(this.invertedIndex).sort().map(function(n){return[n,this.invertedIndex[n]]},this),r=Object.keys(this.fieldVectors).map(function(n){return[n,this.fieldVectors[n].toJSON()]},this);return{version:t.version,fields:this.fields,fieldVectors:r,invertedIndex:e,pipeline:this.pipeline.toJSON()}},t.Index.load=function(e){var r={},n={},i=e.fieldVectors,s=Object.create(null),o=e.invertedIndex,a=new t.TokenSet.Builder,u=t.Pipeline.load(e.pipeline);e.version!=t.version&&t.utils.warn("Version mismatch when loading serialised index. Current version of lunr '"+t.version+"' does not match serialized index '"+e.version+"'");for(var c=0;c<i.length;c++){var f=i[c],g=f[0],l=f[1];n[g]=new t.Vector(l)}for(var c=0;c<o.length;c++){var f=o[c],m=f[0],x=f[1];a.insert(m),s[m]=x}return a.finish(),r.fields=e.fields,r.fieldVectors=n,r.invertedIndex=s,r.tokenSet=a.root,r.pipeline=u,new t.Index(r)};/*!
+ * lunr.Builder
+ * Copyright (C) 2020 Oliver Nightingale
+ */t.Builder=function(){this._ref="id",this._fields=Object.create(null),this._documents=Object.create(null),this.invertedIndex=Object.create(null),this.fieldTermFrequencies={},this.fieldLengths={},this.tokenizer=t.tokenizer,this.pipeline=new t.Pipeline,this.searchPipeline=new t.Pipeline,this.documentCount=0,this._b=.75,this._k1=1.2,this.termIndex=0,this.metadataWhitelist=[]},t.Builder.prototype.ref=function(e){this._ref=e},t.Builder.prototype.field=function(e,r){if(/\//.test(e))throw new RangeError("Field '"+e+"' contains illegal character '/'");this._fields[e]=r||{}},t.Builder.prototype.b=function(e){e<0?this._b=0:e>1?this._b=1:this._b=e},t.Builder.prototype.k1=function(e){this._k1=e},t.Builder.prototype.add=function(e,r){var n=e[this._ref],i=Object.keys(this._fields);this._documents[n]=r||{},this.documentCount+=1;for(var s=0;s<i.length;s++){var o=i[s],a=this._fields[o].extractor,u=a?a(e):e[o],c=this.tokenizer(u,{fields:[o]}),f=this.pipeline.run(c),g=new t.FieldRef(n,o),l=Object.create(null);this.fieldTermFrequencies[g]=l,this.fieldLengths[g]=0,this.fieldLengths[g]+=f.length;for(var m=0;m<f.length;m++){var x=f[m];if(l[x]==null&&(l[x]=0),l[x]+=1,this.invertedIndex[x]==null){var v=Object.create(null);v._index=this.termIndex,this.termIndex+=1;for(var d=0;d<i.length;d++)v[i[d]]=Object.create(null);this.invertedIndex[x]=v}this.invertedIndex[x][o][n]==null&&(this.invertedIndex[x][o][n]=Object.create(null));for(var y=0;y<this.metadataWhitelist.length;y++){var b=this.metadataWhitelist[y],E=x.metadata[b];this.invertedIndex[x][o][n][b]==null&&(this.invertedIndex[x][o][n][b]=[]),this.invertedIndex[x][o][n][b].push(E)}}}},t.Builder.prototype.calculateAverageFieldLengths=function(){for(var e=Object.keys(this.fieldLengths),r=e.length,n={},i={},s=0;s<r;s++){var o=t.FieldRef.fromString(e[s]),a=o.fieldName;i[a]||(i[a]=0),i[a]+=1,n[a]||(n[a]=0),n[a]+=this.fieldLengths[o]}for(var u=Object.keys(this._fields),s=0;s<u.length;s++){var c=u[s];n[c]=n[c]/i[c]}this.averageFieldLength=n},t.Builder.prototype.createFieldVectors=function(){for(var e={},r=Object.keys(this.fieldTermFrequencies),n=r.length,i=Object.create(null),s=0;s<n;s++){for(var o=t.FieldRef.fromString(r[s]),a=o.fieldName,u=this.fieldLengths[o],c=new t.Vector,f=this.fieldTermFrequencies[o],g=Object.keys(f),l=g.length,m=this._fields[a].boost||1,x=this._documents[o.docRef].boost||1,v=0;v<l;v++){var d=g[v],y=f[d],b=this.invertedIndex[d]._index,E,w,R;i[d]===void 0?(E=t.idf(this.invertedIndex[d],this.documentCount),i[d]=E):E=i[d],w=E*((this._k1+1)*y)/(this._k1*(1-this._b+this._b*(u/this.averageFieldLength[a]))+y),w*=m,w*=x,R=Math.round(w*1e3)/1e3,c.insert(b,R)}e[o]=c}this.fieldVectors=e},t.Builder.prototype.createTokenSet=function(){this.tokenSet=t.TokenSet.fromArray(Object.keys(this.invertedIndex).sort())},t.Builder.prototype.build=function(){return this.calculateAverageFieldLengths(),this.createFieldVectors(),this.createTokenSet(),new t.Index({invertedIndex:this.invertedIndex,fieldVectors:this.fieldVectors,tokenSet:this.tokenSet,fields:Object.keys(this._fields),pipeline:this.searchPipeline})},t.Builder.prototype.use=function(e){var r=Array.prototype.slice.call(arguments,1);r.unshift(this),e.apply(this,r)},t.MatchData=function(e,r,n){for(var i=Object.create(null),s=Object.keys(n||{}),o=0;o<s.length;o++){var a=s[o];i[a]=n[a].slice()}this.metadata=Object.create(null),e!==void 0&&(this.metadata[e]=Object.create(null),this.metadata[e][r]=i)},t.MatchData.prototype.combine=function(e){for(var r=Object.keys(e.metadata),n=0;n<r.length;n++){var i=r[n],s=Object.keys(e.metadata[i]);this.metadata[i]==null&&(this.metadata[i]=Object.create(null));for(var o=0;o<s.length;o++){var a=s[o],u=Object.keys(e.metadata[i][a]);this.metadata[i][a]==null&&(this.metadata[i][a]=Object.create(null));for(var c=0;c<u.length;c++){var f=u[c];this.metadata[i][a][f]==null?this.metadata[i][a][f]=e.metadata[i][a][f]:this.metadata[i][a][f]=this.metadata[i][a][f].concat(e.metadata[i][a][f])}}}},t.MatchData.prototype.add=function(e,r,n){if(!(e in this.metadata)){this.metadata[e]=Object.create(null),this.metadata[e][r]=n;return}if(!(r in this.metadata[e])){this.metadata[e][r]=n;return}for(var i=Object.keys(n),s=0;s<i.length;s++){var o=i[s];o in this.metadata[e][r]?this.metadata[e][r][o]=this.metadata[e][r][o].concat(n[o]):this.metadata[e][r][o]=n[o]}},t.Query=function(e){this.clauses=[],this.allFields=e},t.Query.wildcard=new String("*"),t.Query.wildcard.NONE=0,t.Query.wildcard.LEADING=1,t.Query.wildcard.TRAILING=2,t.Query.presence={OPTIONAL:1,REQUIRED:2,PROHIBITED:3},t.Query.prototype.clause=function(e){return"fields"in e||(e.fields=this.allFields),"boost"in e||(e.boost=1),"usePipeline"in e||(e.usePipeline=!0),"wildcard"in e||(e.wildcard=t.Query.wildcard.NONE),e.wildcard&t.Query.wildcard.LEADING&&e.term.charAt(0)!=t.Query.wildcard&&(e.term="*"+e.term),e.wildcard&t.Query.wildcard.TRAILING&&e.term.slice(-1)!=t.Query.wildcard&&(e.term=""+e.term+"*"),"presence"in e||(e.presence=t.Query.presence.OPTIONAL),this.clauses.push(e),this},t.Query.prototype.isNegated=function(){for(var e=0;e<this.clauses.length;e++)if(this.clauses[e].presence!=t.Query.presence.PROHIBITED)return!1;return!0},t.Query.prototype.term=function(e,r){if(Array.isArray(e))return e.forEach(function(i){this.term(i,t.utils.clone(r))},this),this;var n=r||{};return n.term=e.toString(),this.clause(n),this},t.QueryParseError=function(e,r,n){this.name="QueryParseError",this.message=e,this.start=r,this.end=n},t.QueryParseError.prototype=new Error,t.QueryLexer=function(e){this.lexemes=[],this.str=e,this.length=e.length,this.pos=0,this.start=0,this.escapeCharPositions=[]},t.QueryLexer.prototype.run=function(){for(var e=t.QueryLexer.lexText;e;)e=e(this)},t.QueryLexer.prototype.sliceString=function(){for(var e=[],r=this.start,n=this.pos,i=0;i<this.escapeCharPositions.length;i++)n=this.escapeCharPositions[i],e.push(this.str.slice(r,n)),r=n+1;return e.push(this.str.slice(r,this.pos)),this.escapeCharPositions.length=0,e.join("")},t.QueryLexer.prototype.emit=function(e){this.lexemes.push({type:e,str:this.sliceString(),start:this.start,end:this.pos}),this.start=this.pos},t.QueryLexer.prototype.escapeCharacter=function(){this.escapeCharPositions.push(this.pos-1),this.pos+=1},t.QueryLexer.prototype.next=function(){if(this.pos>=this.length)return t.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},t.QueryLexer.prototype.width=function(){return this.pos-this.start},t.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},t.QueryLexer.prototype.backup=function(){this.pos-=1},t.QueryLexer.prototype.acceptDigitRun=function(){var e,r;do e=this.next(),r=e.charCodeAt(0);while(r>47&&r<58);e!=t.QueryLexer.EOS&&this.backup()},t.QueryLexer.prototype.more=function(){return this.pos<this.length},t.QueryLexer.EOS="EOS",t.QueryLexer.FIELD="FIELD",t.QueryLexer.TERM="TERM",t.QueryLexer.EDIT_DISTANCE="EDIT_DISTANCE",t.QueryLexer.BOOST="BOOST",t.QueryLexer.PRESENCE="PRESENCE",t.QueryLexer.lexField=function(e){return e.backup(),e.emit(t.QueryLexer.FIELD),e.ignore(),t.QueryLexer.lexText},t.QueryLexer.lexTerm=function(e){if(e.width()>1&&(e.backup(),e.emit(t.QueryLexer.TERM)),e.ignore(),e.more())return t.QueryLexer.lexText},t.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.EDIT_DISTANCE),t.QueryLexer.lexText},t.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.BOOST),t.QueryLexer.lexText},t.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(t.QueryLexer.TERM)},t.QueryLexer.termSeparator=t.tokenizer.separator,t.QueryLexer.lexText=function(e){for(;;){var r=e.next();if(r==t.QueryLexer.EOS)return t.QueryLexer.lexEOS;if(r.charCodeAt(0)==92){e.escapeCharacter();continue}if(r==":")return t.QueryLexer.lexField;if(r=="~")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexEditDistance;if(r=="^")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexBoost;if(r=="+"&&e.width()===1||r=="-"&&e.width()===1)return e.emit(t.QueryLexer.PRESENCE),t.QueryLexer.lexText;if(r.match(t.QueryLexer.termSeparator))return t.QueryLexer.lexTerm}},t.QueryParser=function(e,r){this.lexer=new t.QueryLexer(e),this.query=r,this.currentClause={},this.lexemeIdx=0},t.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=t.QueryParser.parseClause;e;)e=e(this);return this.query},t.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},t.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},t.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},t.QueryParser.parseClause=function(e){var r=e.peekLexeme();if(r!=null)switch(r.type){case t.QueryLexer.PRESENCE:return t.QueryParser.parsePresence;case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var n="expected either a field or a term, found "+r.type;throw r.str.length>=1&&(n+=" with value '"+r.str+"'"),new t.QueryParseError(n,r.start,r.end)}},t.QueryParser.parsePresence=function(e){var r=e.consumeLexeme();if(r!=null){switch(r.str){case"-":e.currentClause.presence=t.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=t.Query.presence.REQUIRED;break;default:var n="unrecognised presence operator'"+r.str+"'";throw new t.QueryParseError(n,r.start,r.end)}var i=e.peekLexeme();if(i==null){var n="expecting term or field, found nothing";throw new t.QueryParseError(n,r.start,r.end)}switch(i.type){case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var n="expecting term or field, found '"+i.type+"'";throw new t.QueryParseError(n,i.start,i.end)}}},t.QueryParser.parseField=function(e){var r=e.consumeLexeme();if(r!=null){if(e.query.allFields.indexOf(r.str)==-1){var n=e.query.allFields.map(function(o){return"'"+o+"'"}).join(", "),i="unrecognised field '"+r.str+"', possible fields: "+n;throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.fields=[r.str];var s=e.peekLexeme();if(s==null){var i="expecting term, found nothing";throw new t.QueryParseError(i,r.start,r.end)}switch(s.type){case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var i="expecting term, found '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseTerm=function(e){var r=e.consumeLexeme();if(r!=null){e.currentClause.term=r.str.toLowerCase(),r.str.indexOf("*")!=-1&&(e.currentClause.usePipeline=!1);var n=e.peekLexeme();if(n==null){e.nextClause();return}switch(n.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+n.type+"'";throw new t.QueryParseError(i,n.start,n.end)}}},t.QueryParser.parseEditDistance=function(e){var r=e.consumeLexeme();if(r!=null){var n=parseInt(r.str,10);if(isNaN(n)){var i="edit distance must be numeric";throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.editDistance=n;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseBoost=function(e){var r=e.consumeLexeme();if(r!=null){var n=parseInt(r.str,10);if(isNaN(n)){var i="boost must be numeric";throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.boost=n;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},function(e,r){typeof define=="function"&&define.amd?define(r):typeof K=="object"?ee.exports=r():e.lunr=r()}(this,function(){return t})})()});var de=Pe(te());function re(t,e=document){let r=ke(t,e);if(typeof r=="undefined")throw new ReferenceError(`Missing element: expected "${t}" to be present`);return r}function ke(t,e=document){return e.querySelector(t)||void 0}Object.entries||(Object.entries=function(t){let e=[];for(let r of Object.keys(t))e.push([r,t[r]]);return e});Object.values||(Object.values=function(t){let e=[];for(let r of Object.keys(t))e.push(t[r]);return e});typeof Element!="undefined"&&(Element.prototype.scrollTo||(Element.prototype.scrollTo=function(t,e){typeof t=="object"?(this.scrollLeft=t.left,this.scrollTop=t.top):(this.scrollLeft=t,this.scrollTop=e)}),Element.prototype.replaceWith||(Element.prototype.replaceWith=function(...t){let e=this.parentNode;if(e){t.length===0&&e.removeChild(this);for(let r=t.length-1;r>=0;r--){let n=t[r];typeof n=="string"?n=document.createTextNode(n):n.parentNode&&n.parentNode.removeChild(n),r?e.insertBefore(this.previousSibling,n):e.replaceChild(n,this)}}}));function ne(t){let e=new Map;for(let r of t){let[n]=r.location.split("#"),i=e.get(n);typeof i=="undefined"?e.set(n,r):(e.set(r.location,r),r.parent=i)}return e}function W(t,e,r){var s;e=new RegExp(e,"g");let n,i=0;do{n=e.exec(t);let o=(s=n==null?void 0:n.index)!=null?s:t.length;if(i<o&&r(i,o),n){let[a]=n;i=n.index+a.length,a.length===0&&(e.lastIndex=n.index+1)}}while(n)}function ie(t,e){let r=0,n=0,i=0;for(let s=0;i<t.length;i++)t.charAt(i)==="<"&&i>n?e(r,1,n,n=i):t.charAt(i)===">"&&(t.charAt(n+1)==="/"?--s===0&&e(r++,2,n,i+1):t.charAt(i-1)!=="/"&&s++===0&&e(r,0,n,i+1),n=i+1);i>n&&e(r,1,n,i)}function se(t,e,r,n=!1){return q([t],e,r,n).pop()}function q(t,e,r,n=!1){let i=[0];for(let s=1;s<e.length;s++){let o=e[s-1],a=e[s],u=o[o.length-1]>>>2&1023,c=a[0]>>>12;i.push(+(u>c)+i[i.length-1])}return t.map((s,o)=>{let a=0,u=new Map;for(let f of r.sort((g,l)=>g-l)){let g=f&1048575,l=f>>>20;if(i[l]!==o)continue;let m=u.get(l);typeof m=="undefined"&&u.set(l,m=[]),m.push(g)}if(u.size===0)return s;let c=[];for(let[f,g]of u){let l=e[f],m=l[0]>>>12,x=l[l.length-1]>>>12,v=l[l.length-1]>>>2&1023;n&&m>a&&c.push(s.slice(a,m));let d=s.slice(m,x+v);for(let y of g.sort((b,E)=>E-b)){let b=(l[y]>>>12)-m,E=(l[y]>>>2&1023)+b;d=[d.slice(0,b),"<mark>",d.slice(b,E),"</mark>",d.slice(E)].join("")}if(a=x+v,c.push(d)===2)break}return n&&a<s.length&&c.push(s.slice(a)),c.join("")})}function oe(t){let e=[];if(typeof t=="undefined")return e;let r=Array.isArray(t)?t:[t];for(let n=0;n<r.length;n++){let i=lunr.tokenizer.table,s=i.length;ie(r[n],(o,a,u,c)=>{var f;switch(i[f=o+=s]||(i[f]=[]),a){case 0:case 2:i[o].push(u<<12|c-u<<2|a);break;case 1:let g=r[n].slice(u,c);W(g,lunr.tokenizer.separator,(l,m)=>{if(typeof lunr.segmenter!="undefined"){let x=g.slice(l,m);if(/^[MHIK]$/.test(lunr.segmenter.ctype_(x))){let v=lunr.segmenter.segment(x);for(let d=0,y=0;d<v.length;d++)i[o]||(i[o]=[]),i[o].push(u+l+y<<12|v[d].length<<2|a),e.push(new lunr.Token(v[d].toLowerCase(),{position:o<<20|i[o].length-1})),y+=v[d].length;return}}i[o].push(u+l<<12|m-l<<2|a),e.push(new lunr.Token(g.slice(l,m).toLowerCase(),{position:o<<20|i[o].length-1}))})}})}return e}function ae(t,e=r=>r){return t.trim().split(/"([^"]+)"/g).map((r,n)=>n&1?r.replace(/^\b|^(?![^\x00-\x7F]|$)|\s+/g," +"):r).join("").replace(/"|(?:^|\s+)[*+\-:^~]+(?=\s+|$)/g,"").split(/\s+/g).reduce((r,n)=>{let i=e(n);return[...r,...Array.isArray(i)?i:[i]]},[]).map(r=>/([~^]$)/.test(r)?`${r}1`:r).map(r=>/(^[+-]|[~^]\d+$)/.test(r)?r:`${r}*`).join(" ")}function ue(t){return ae(t,e=>{let r=[],n=new lunr.QueryLexer(e);n.run();for(let{type:i,str:s,start:o,end:a}of n.lexemes)switch(i){case"FIELD":["title","text","tags"].includes(s)||(e=[e.slice(0,a)," ",e.slice(a+1)].join(""));break;case"TERM":W(s,lunr.tokenizer.separator,(...u)=>{r.push([e.slice(0,o),s.slice(...u),e.slice(a)].join(""))})}return r})}function ce(t){let e=new lunr.Query(["title","text","tags"]);new lunr.QueryParser(t,e).parse();for(let n of e.clauses)n.usePipeline=!0,n.term.startsWith("*")&&(n.wildcard=lunr.Query.wildcard.LEADING,n.term=n.term.slice(1)),n.term.endsWith("*")&&(n.wildcard=lunr.Query.wildcard.TRAILING,n.term=n.term.slice(0,-1));return e.clauses}function le(t,e){var i;let r=new Set(t),n={};for(let s=0;s<e.length;s++)for(let o of r)e[s].startsWith(o.term)&&(n[o.term]=!0,r.delete(o));for(let s of r)(i=lunr.stopWordFilter)!=null&&i.call(lunr,s.term)&&(n[s.term]=!1);return n}function he(t,e){let r=new Set,n=new Uint16Array(t.length);for(let s=0;s<t.length;s++)for(let o=s+1;o<t.length;o++)t.slice(s,o)in e&&(n[s]=o-s);let i=[0];for(let s=i.length;s>0;){let o=i[--s];for(let u=1;u<n[o];u++)n[o+u]>n[o]-u&&(r.add(t.slice(o,o+u)),i[s++]=o+u);let a=o+n[o];n[a]&&a<t.length-1&&(i[s++]=a),r.add(t.slice(o,a))}return r.has("")?new Set([t]):r}function Oe(t){return e=>r=>{if(typeof r[e]=="undefined")return;let n=[r.location,e].join(":");return t.set(n,lunr.tokenizer.table=[]),r[e]}}function Re(t,e){let[r,n]=[new Set(t),new Set(e)];return[...new Set([...r].filter(i=>!n.has(i)))]}var H=class{constructor({config:e,docs:r,options:n}){let i=Oe(this.table=new Map);this.map=ne(r),this.options=n,this.index=lunr(function(){this.metadataWhitelist=["position"],this.b(0),e.lang.length===1&&e.lang[0]!=="en"?this.use(lunr[e.lang[0]]):e.lang.length>1&&this.use(lunr.multiLanguage(...e.lang)),this.tokenizer=oe,lunr.tokenizer.separator=new RegExp(e.separator),lunr.segmenter="TinySegmenter"in lunr?new lunr.TinySegmenter:void 0;let s=Re(["trimmer","stopWordFilter","stemmer"],e.pipeline);for(let o of e.lang.map(a=>a==="en"?lunr:lunr[a]))for(let a of s)this.pipeline.remove(o[a]),this.searchPipeline.remove(o[a]);this.ref("location"),this.field("title",{boost:1e3,extractor:i("title")}),this.field("text",{boost:1,extractor:i("text")}),this.field("tags",{boost:1e6,extractor:i("tags")});for(let o of r)this.add(o,{boost:o.boost})})}search(e){if(e=e.replace(new RegExp("\\p{sc=Han}+","gu"),s=>[...he(s,this.index.invertedIndex)].join("* ")),e=ue(e),!e)return{items:[]};let r=ce(e).filter(s=>s.presence!==lunr.Query.presence.PROHIBITED),n=this.index.search(e).reduce((s,{ref:o,score:a,matchData:u})=>{let c=this.map.get(o);if(typeof c!="undefined"){c=A({},c),c.tags&&(c.tags=[...c.tags]);let f=le(r,Object.keys(u.metadata));for(let l of this.index.fields){if(typeof c[l]=="undefined")continue;let m=[];for(let d of Object.values(u.metadata))typeof d[l]!="undefined"&&m.push(...d[l].position);if(!m.length)continue;let x=this.table.get([c.location,l].join(":")),v=Array.isArray(c[l])?q:se;c[l]=v(c[l],x,m,l!=="text")}let g=+!c.parent+Object.values(f).filter(l=>l).length/Object.keys(f).length;s.push(G(A({},c),{score:a*(1+Z(g,2)),terms:f}))}return s},[]).sort((s,o)=>o.score-s.score).reduce((s,o)=>{let a=this.map.get(o.location);if(typeof a!="undefined"){let u=a.parent?a.parent.location:a.location;s.set(u,[...s.get(u)||[],o])}return s},new Map);for(let[s,o]of n)if(!o.find(a=>a.location===s)){let a=this.map.get(s);o.push(G(A({},a),{score:0,terms:{}}))}let i;if(this.options.suggest){let s=this.index.query(o=>{for(let a of r)o.term(a.term,{fields:["title"],presence:lunr.Query.presence.REQUIRED,wildcard:lunr.Query.wildcard.TRAILING})});i=s.length?Object.keys(s[0].matchData.metadata):[]}return A({items:[...n.values()]},typeof i!="undefined"&&{suggest:i})}};var fe;function Ie(t){return B(this,null,function*(){let e="../lunr";if(typeof parent!="undefined"&&"IFrameWorker"in parent){let n=re("script[src]"),[i]=n.src.split("/worker");e=e.replace("..",i)}let r=[];for(let n of t.lang){switch(n){case"ja":r.push(`${e}/tinyseg.js`);break;case"hi":case"th":r.push(`${e}/wordcut.js`);break}n!=="en"&&r.push(`${e}/min/lunr.${n}.min.js`)}t.lang.length>1&&r.push(`${e}/min/lunr.multi.min.js`),r.length&&(yield importScripts(`${e}/min/lunr.stemmer.support.min.js`,...r))})}function Fe(t){return B(this,null,function*(){switch(t.type){case 0:return yield Ie(t.data.config),fe=new H(t.data),{type:1};case 2:let e=t.data;try{return{type:3,data:fe.search(e)}}catch(r){return console.warn(`Invalid query: ${e} \u2013 see https://bit.ly/2s3ChXG`),console.warn(r),{type:3,data:{items:[]}}}default:throw new TypeError("Invalid message type")}})}self.lunr=de.default;addEventListener("message",t=>B(void 0,null,function*(){postMessage(yield Fe(t.data))}));})();
+//# sourceMappingURL=search.07f07601.min.js.map
+
diff --git a/assets/javascripts/workers/search.07f07601.min.js.map b/assets/javascripts/workers/search.07f07601.min.js.map
new file mode 100644
index 0000000..7fdd4d0
--- /dev/null
+++ b/assets/javascripts/workers/search.07f07601.min.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["node_modules/lunr/lunr.js", "src/templates/assets/javascripts/integrations/search/worker/main/index.ts", "src/templates/assets/javascripts/browser/element/_/index.ts", "src/templates/assets/javascripts/polyfills/index.ts", "src/templates/assets/javascripts/integrations/search/config/index.ts", "src/templates/assets/javascripts/integrations/search/internal/_/index.ts", "src/templates/assets/javascripts/integrations/search/internal/extract/index.ts", "src/templates/assets/javascripts/integrations/search/internal/highlight/index.ts", "src/templates/assets/javascripts/integrations/search/internal/tokenize/index.ts", "src/templates/assets/javascripts/integrations/search/query/transform/index.ts", "src/templates/assets/javascripts/integrations/search/query/_/index.ts", "src/templates/assets/javascripts/integrations/search/query/segment/index.ts", "src/templates/assets/javascripts/integrations/search/_/index.ts"],
+  "sourcesContent": ["/**\n * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9\n * Copyright (C) 2020 Oliver Nightingale\n * @license MIT\n */\n\n;(function(){\n\n/**\n * A convenience function for configuring and constructing\n * a new lunr Index.\n *\n * A lunr.Builder instance is created and the pipeline setup\n * with a trimmer, stop word filter and stemmer.\n *\n * This builder object is yielded to the configuration function\n * that is passed as a parameter, allowing the list of fields\n * and other builder parameters to be customised.\n *\n * All documents _must_ be added within the passed config function.\n *\n * @example\n * var idx = lunr(function () {\n *   this.field('title')\n *   this.field('body')\n *   this.ref('id')\n *\n *   documents.forEach(function (doc) {\n *     this.add(doc)\n *   }, this)\n * })\n *\n * @see {@link lunr.Builder}\n * @see {@link lunr.Pipeline}\n * @see {@link lunr.trimmer}\n * @see {@link lunr.stopWordFilter}\n * @see {@link lunr.stemmer}\n * @namespace {function} lunr\n */\nvar lunr = function (config) {\n  var builder = new lunr.Builder\n\n  builder.pipeline.add(\n    lunr.trimmer,\n    lunr.stopWordFilter,\n    lunr.stemmer\n  )\n\n  builder.searchPipeline.add(\n    lunr.stemmer\n  )\n\n  config.call(builder, builder)\n  return builder.build()\n}\n\nlunr.version = \"2.3.9\"\n/*!\n * lunr.utils\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A namespace containing utils for the rest of the lunr library\n * @namespace lunr.utils\n */\nlunr.utils = {}\n\n/**\n * Print a warning message to the console.\n *\n * @param {String} message The message to be printed.\n * @memberOf lunr.utils\n * @function\n */\nlunr.utils.warn = (function (global) {\n  /* eslint-disable no-console */\n  return function (message) {\n    if (global.console && console.warn) {\n      console.warn(message)\n    }\n  }\n  /* eslint-enable no-console */\n})(this)\n\n/**\n * Convert an object to a string.\n *\n * In the case of `null` and `undefined` the function returns\n * the empty string, in all other cases the result of calling\n * `toString` on the passed object is returned.\n *\n * @param {Any} obj The object to convert to a string.\n * @return {String} string representation of the passed object.\n * @memberOf lunr.utils\n */\nlunr.utils.asString = function (obj) {\n  if (obj === void 0 || obj === null) {\n    return \"\"\n  } else {\n    return obj.toString()\n  }\n}\n\n/**\n * Clones an object.\n *\n * Will create a copy of an existing object such that any mutations\n * on the copy cannot affect the original.\n *\n * Only shallow objects are supported, passing a nested object to this\n * function will cause a TypeError.\n *\n * Objects with primitives, and arrays of primitives are supported.\n *\n * @param {Object} obj The object to clone.\n * @return {Object} a clone of the passed object.\n * @throws {TypeError} when a nested object is passed.\n * @memberOf Utils\n */\nlunr.utils.clone = function (obj) {\n  if (obj === null || obj === undefined) {\n    return obj\n  }\n\n  var clone = Object.create(null),\n      keys = Object.keys(obj)\n\n  for (var i = 0; i < keys.length; i++) {\n    var key = keys[i],\n        val = obj[key]\n\n    if (Array.isArray(val)) {\n      clone[key] = val.slice()\n      continue\n    }\n\n    if (typeof val === 'string' ||\n        typeof val === 'number' ||\n        typeof val === 'boolean') {\n      clone[key] = val\n      continue\n    }\n\n    throw new TypeError(\"clone is not deep and does not support nested objects\")\n  }\n\n  return clone\n}\nlunr.FieldRef = function (docRef, fieldName, stringValue) {\n  this.docRef = docRef\n  this.fieldName = fieldName\n  this._stringValue = stringValue\n}\n\nlunr.FieldRef.joiner = \"/\"\n\nlunr.FieldRef.fromString = function (s) {\n  var n = s.indexOf(lunr.FieldRef.joiner)\n\n  if (n === -1) {\n    throw \"malformed field ref string\"\n  }\n\n  var fieldRef = s.slice(0, n),\n      docRef = s.slice(n + 1)\n\n  return new lunr.FieldRef (docRef, fieldRef, s)\n}\n\nlunr.FieldRef.prototype.toString = function () {\n  if (this._stringValue == undefined) {\n    this._stringValue = this.fieldName + lunr.FieldRef.joiner + this.docRef\n  }\n\n  return this._stringValue\n}\n/*!\n * lunr.Set\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A lunr set.\n *\n * @constructor\n */\nlunr.Set = function (elements) {\n  this.elements = Object.create(null)\n\n  if (elements) {\n    this.length = elements.length\n\n    for (var i = 0; i < this.length; i++) {\n      this.elements[elements[i]] = true\n    }\n  } else {\n    this.length = 0\n  }\n}\n\n/**\n * A complete set that contains all elements.\n *\n * @static\n * @readonly\n * @type {lunr.Set}\n */\nlunr.Set.complete = {\n  intersect: function (other) {\n    return other\n  },\n\n  union: function () {\n    return this\n  },\n\n  contains: function () {\n    return true\n  }\n}\n\n/**\n * An empty set that contains no elements.\n *\n * @static\n * @readonly\n * @type {lunr.Set}\n */\nlunr.Set.empty = {\n  intersect: function () {\n    return this\n  },\n\n  union: function (other) {\n    return other\n  },\n\n  contains: function () {\n    return false\n  }\n}\n\n/**\n * Returns true if this set contains the specified object.\n *\n * @param {object} object - Object whose presence in this set is to be tested.\n * @returns {boolean} - True if this set contains the specified object.\n */\nlunr.Set.prototype.contains = function (object) {\n  return !!this.elements[object]\n}\n\n/**\n * Returns a new set containing only the elements that are present in both\n * this set and the specified set.\n *\n * @param {lunr.Set} other - set to intersect with this set.\n * @returns {lunr.Set} a new set that is the intersection of this and the specified set.\n */\n\nlunr.Set.prototype.intersect = function (other) {\n  var a, b, elements, intersection = []\n\n  if (other === lunr.Set.complete) {\n    return this\n  }\n\n  if (other === lunr.Set.empty) {\n    return other\n  }\n\n  if (this.length < other.length) {\n    a = this\n    b = other\n  } else {\n    a = other\n    b = this\n  }\n\n  elements = Object.keys(a.elements)\n\n  for (var i = 0; i < elements.length; i++) {\n    var element = elements[i]\n    if (element in b.elements) {\n      intersection.push(element)\n    }\n  }\n\n  return new lunr.Set (intersection)\n}\n\n/**\n * Returns a new set combining the elements of this and the specified set.\n *\n * @param {lunr.Set} other - set to union with this set.\n * @return {lunr.Set} a new set that is the union of this and the specified set.\n */\n\nlunr.Set.prototype.union = function (other) {\n  if (other === lunr.Set.complete) {\n    return lunr.Set.complete\n  }\n\n  if (other === lunr.Set.empty) {\n    return this\n  }\n\n  return new lunr.Set(Object.keys(this.elements).concat(Object.keys(other.elements)))\n}\n/**\n * A function to calculate the inverse document frequency for\n * a posting. This is shared between the builder and the index\n *\n * @private\n * @param {object} posting - The posting for a given term\n * @param {number} documentCount - The total number of documents.\n */\nlunr.idf = function (posting, documentCount) {\n  var documentsWithTerm = 0\n\n  for (var fieldName in posting) {\n    if (fieldName == '_index') continue // Ignore the term index, its not a field\n    documentsWithTerm += Object.keys(posting[fieldName]).length\n  }\n\n  var x = (documentCount - documentsWithTerm + 0.5) / (documentsWithTerm + 0.5)\n\n  return Math.log(1 + Math.abs(x))\n}\n\n/**\n * A token wraps a string representation of a token\n * as it is passed through the text processing pipeline.\n *\n * @constructor\n * @param {string} [str=''] - The string token being wrapped.\n * @param {object} [metadata={}] - Metadata associated with this token.\n */\nlunr.Token = function (str, metadata) {\n  this.str = str || \"\"\n  this.metadata = metadata || {}\n}\n\n/**\n * Returns the token string that is being wrapped by this object.\n *\n * @returns {string}\n */\nlunr.Token.prototype.toString = function () {\n  return this.str\n}\n\n/**\n * A token update function is used when updating or optionally\n * when cloning a token.\n *\n * @callback lunr.Token~updateFunction\n * @param {string} str - The string representation of the token.\n * @param {Object} metadata - All metadata associated with this token.\n */\n\n/**\n * Applies the given function to the wrapped string token.\n *\n * @example\n * token.update(function (str, metadata) {\n *   return str.toUpperCase()\n * })\n *\n * @param {lunr.Token~updateFunction} fn - A function to apply to the token string.\n * @returns {lunr.Token}\n */\nlunr.Token.prototype.update = function (fn) {\n  this.str = fn(this.str, this.metadata)\n  return this\n}\n\n/**\n * Creates a clone of this token. Optionally a function can be\n * applied to the cloned token.\n *\n * @param {lunr.Token~updateFunction} [fn] - An optional function to apply to the cloned token.\n * @returns {lunr.Token}\n */\nlunr.Token.prototype.clone = function (fn) {\n  fn = fn || function (s) { return s }\n  return new lunr.Token (fn(this.str, this.metadata), this.metadata)\n}\n/*!\n * lunr.tokenizer\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A function for splitting a string into tokens ready to be inserted into\n * the search index. Uses `lunr.tokenizer.separator` to split strings, change\n * the value of this property to change how strings are split into tokens.\n *\n * This tokenizer will convert its parameter to a string by calling `toString` and\n * then will split this string on the character in `lunr.tokenizer.separator`.\n * Arrays will have their elements converted to strings and wrapped in a lunr.Token.\n *\n * Optional metadata can be passed to the tokenizer, this metadata will be cloned and\n * added as metadata to every token that is created from the object to be tokenized.\n *\n * @static\n * @param {?(string|object|object[])} obj - The object to convert into tokens\n * @param {?object} metadata - Optional metadata to associate with every token\n * @returns {lunr.Token[]}\n * @see {@link lunr.Pipeline}\n */\nlunr.tokenizer = function (obj, metadata) {\n  if (obj == null || obj == undefined) {\n    return []\n  }\n\n  if (Array.isArray(obj)) {\n    return obj.map(function (t) {\n      return new lunr.Token(\n        lunr.utils.asString(t).toLowerCase(),\n        lunr.utils.clone(metadata)\n      )\n    })\n  }\n\n  var str = obj.toString().toLowerCase(),\n      len = str.length,\n      tokens = []\n\n  for (var sliceEnd = 0, sliceStart = 0; sliceEnd <= len; sliceEnd++) {\n    var char = str.charAt(sliceEnd),\n        sliceLength = sliceEnd - sliceStart\n\n    if ((char.match(lunr.tokenizer.separator) || sliceEnd == len)) {\n\n      if (sliceLength > 0) {\n        var tokenMetadata = lunr.utils.clone(metadata) || {}\n        tokenMetadata[\"position\"] = [sliceStart, sliceLength]\n        tokenMetadata[\"index\"] = tokens.length\n\n        tokens.push(\n          new lunr.Token (\n            str.slice(sliceStart, sliceEnd),\n            tokenMetadata\n          )\n        )\n      }\n\n      sliceStart = sliceEnd + 1\n    }\n\n  }\n\n  return tokens\n}\n\n/**\n * The separator used to split a string into tokens. Override this property to change the behaviour of\n * `lunr.tokenizer` behaviour when tokenizing strings. By default this splits on whitespace and hyphens.\n *\n * @static\n * @see lunr.tokenizer\n */\nlunr.tokenizer.separator = /[\\s\\-]+/\n/*!\n * lunr.Pipeline\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.Pipelines maintain an ordered list of functions to be applied to all\n * tokens in documents entering the search index and queries being ran against\n * the index.\n *\n * An instance of lunr.Index created with the lunr shortcut will contain a\n * pipeline with a stop word filter and an English language stemmer. Extra\n * functions can be added before or after either of these functions or these\n * default functions can be removed.\n *\n * When run the pipeline will call each function in turn, passing a token, the\n * index of that token in the original list of all tokens and finally a list of\n * all the original tokens.\n *\n * The output of functions in the pipeline will be passed to the next function\n * in the pipeline. To exclude a token from entering the index the function\n * should return undefined, the rest of the pipeline will not be called with\n * this token.\n *\n * For serialisation of pipelines to work, all functions used in an instance of\n * a pipeline should be registered with lunr.Pipeline. Registered functions can\n * then be loaded. If trying to load a serialised pipeline that uses functions\n * that are not registered an error will be thrown.\n *\n * If not planning on serialising the pipeline then registering pipeline functions\n * is not necessary.\n *\n * @constructor\n */\nlunr.Pipeline = function () {\n  this._stack = []\n}\n\nlunr.Pipeline.registeredFunctions = Object.create(null)\n\n/**\n * A pipeline function maps lunr.Token to lunr.Token. A lunr.Token contains the token\n * string as well as all known metadata. A pipeline function can mutate the token string\n * or mutate (or add) metadata for a given token.\n *\n * A pipeline function can indicate that the passed token should be discarded by returning\n * null, undefined or an empty string. This token will not be passed to any downstream pipeline\n * functions and will not be added to the index.\n *\n * Multiple tokens can be returned by returning an array of tokens. Each token will be passed\n * to any downstream pipeline functions and all will returned tokens will be added to the index.\n *\n * Any number of pipeline functions may be chained together using a lunr.Pipeline.\n *\n * @interface lunr.PipelineFunction\n * @param {lunr.Token} token - A token from the document being processed.\n * @param {number} i - The index of this token in the complete list of tokens for this document/field.\n * @param {lunr.Token[]} tokens - All tokens for this document/field.\n * @returns {(?lunr.Token|lunr.Token[])}\n */\n\n/**\n * Register a function with the pipeline.\n *\n * Functions that are used in the pipeline should be registered if the pipeline\n * needs to be serialised, or a serialised pipeline needs to be loaded.\n *\n * Registering a function does not add it to a pipeline, functions must still be\n * added to instances of the pipeline for them to be used when running a pipeline.\n *\n * @param {lunr.PipelineFunction} fn - The function to check for.\n * @param {String} label - The label to register this function with\n */\nlunr.Pipeline.registerFunction = function (fn, label) {\n  if (label in this.registeredFunctions) {\n    lunr.utils.warn('Overwriting existing registered function: ' + label)\n  }\n\n  fn.label = label\n  lunr.Pipeline.registeredFunctions[fn.label] = fn\n}\n\n/**\n * Warns if the function is not registered as a Pipeline function.\n *\n * @param {lunr.PipelineFunction} fn - The function to check for.\n * @private\n */\nlunr.Pipeline.warnIfFunctionNotRegistered = function (fn) {\n  var isRegistered = fn.label && (fn.label in this.registeredFunctions)\n\n  if (!isRegistered) {\n    lunr.utils.warn('Function is not registered with pipeline. This may cause problems when serialising the index.\\n', fn)\n  }\n}\n\n/**\n * Loads a previously serialised pipeline.\n *\n * All functions to be loaded must already be registered with lunr.Pipeline.\n * If any function from the serialised data has not been registered then an\n * error will be thrown.\n *\n * @param {Object} serialised - The serialised pipeline to load.\n * @returns {lunr.Pipeline}\n */\nlunr.Pipeline.load = function (serialised) {\n  var pipeline = new lunr.Pipeline\n\n  serialised.forEach(function (fnName) {\n    var fn = lunr.Pipeline.registeredFunctions[fnName]\n\n    if (fn) {\n      pipeline.add(fn)\n    } else {\n      throw new Error('Cannot load unregistered function: ' + fnName)\n    }\n  })\n\n  return pipeline\n}\n\n/**\n * Adds new functions to the end of the pipeline.\n *\n * Logs a warning if the function has not been registered.\n *\n * @param {lunr.PipelineFunction[]} functions - Any number of functions to add to the pipeline.\n */\nlunr.Pipeline.prototype.add = function () {\n  var fns = Array.prototype.slice.call(arguments)\n\n  fns.forEach(function (fn) {\n    lunr.Pipeline.warnIfFunctionNotRegistered(fn)\n    this._stack.push(fn)\n  }, this)\n}\n\n/**\n * Adds a single function after a function that already exists in the\n * pipeline.\n *\n * Logs a warning if the function has not been registered.\n *\n * @param {lunr.PipelineFunction} existingFn - A function that already exists in the pipeline.\n * @param {lunr.PipelineFunction} newFn - The new function to add to the pipeline.\n */\nlunr.Pipeline.prototype.after = function (existingFn, newFn) {\n  lunr.Pipeline.warnIfFunctionNotRegistered(newFn)\n\n  var pos = this._stack.indexOf(existingFn)\n  if (pos == -1) {\n    throw new Error('Cannot find existingFn')\n  }\n\n  pos = pos + 1\n  this._stack.splice(pos, 0, newFn)\n}\n\n/**\n * Adds a single function before a function that already exists in the\n * pipeline.\n *\n * Logs a warning if the function has not been registered.\n *\n * @param {lunr.PipelineFunction} existingFn - A function that already exists in the pipeline.\n * @param {lunr.PipelineFunction} newFn - The new function to add to the pipeline.\n */\nlunr.Pipeline.prototype.before = function (existingFn, newFn) {\n  lunr.Pipeline.warnIfFunctionNotRegistered(newFn)\n\n  var pos = this._stack.indexOf(existingFn)\n  if (pos == -1) {\n    throw new Error('Cannot find existingFn')\n  }\n\n  this._stack.splice(pos, 0, newFn)\n}\n\n/**\n * Removes a function from the pipeline.\n *\n * @param {lunr.PipelineFunction} fn The function to remove from the pipeline.\n */\nlunr.Pipeline.prototype.remove = function (fn) {\n  var pos = this._stack.indexOf(fn)\n  if (pos == -1) {\n    return\n  }\n\n  this._stack.splice(pos, 1)\n}\n\n/**\n * Runs the current list of functions that make up the pipeline against the\n * passed tokens.\n *\n * @param {Array} tokens The tokens to run through the pipeline.\n * @returns {Array}\n */\nlunr.Pipeline.prototype.run = function (tokens) {\n  var stackLength = this._stack.length\n\n  for (var i = 0; i < stackLength; i++) {\n    var fn = this._stack[i]\n    var memo = []\n\n    for (var j = 0; j < tokens.length; j++) {\n      var result = fn(tokens[j], j, tokens)\n\n      if (result === null || result === void 0 || result === '') continue\n\n      if (Array.isArray(result)) {\n        for (var k = 0; k < result.length; k++) {\n          memo.push(result[k])\n        }\n      } else {\n        memo.push(result)\n      }\n    }\n\n    tokens = memo\n  }\n\n  return tokens\n}\n\n/**\n * Convenience method for passing a string through a pipeline and getting\n * strings out. This method takes care of wrapping the passed string in a\n * token and mapping the resulting tokens back to strings.\n *\n * @param {string} str - The string to pass through the pipeline.\n * @param {?object} metadata - Optional metadata to associate with the token\n * passed to the pipeline.\n * @returns {string[]}\n */\nlunr.Pipeline.prototype.runString = function (str, metadata) {\n  var token = new lunr.Token (str, metadata)\n\n  return this.run([token]).map(function (t) {\n    return t.toString()\n  })\n}\n\n/**\n * Resets the pipeline by removing any existing processors.\n *\n */\nlunr.Pipeline.prototype.reset = function () {\n  this._stack = []\n}\n\n/**\n * Returns a representation of the pipeline ready for serialisation.\n *\n * Logs a warning if the function has not been registered.\n *\n * @returns {Array}\n */\nlunr.Pipeline.prototype.toJSON = function () {\n  return this._stack.map(function (fn) {\n    lunr.Pipeline.warnIfFunctionNotRegistered(fn)\n\n    return fn.label\n  })\n}\n/*!\n * lunr.Vector\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A vector is used to construct the vector space of documents and queries. These\n * vectors support operations to determine the similarity between two documents or\n * a document and a query.\n *\n * Normally no parameters are required for initializing a vector, but in the case of\n * loading a previously dumped vector the raw elements can be provided to the constructor.\n *\n * For performance reasons vectors are implemented with a flat array, where an elements\n * index is immediately followed by its value. E.g. [index, value, index, value]. This\n * allows the underlying array to be as sparse as possible and still offer decent\n * performance when being used for vector calculations.\n *\n * @constructor\n * @param {Number[]} [elements] - The flat list of element index and element value pairs.\n */\nlunr.Vector = function (elements) {\n  this._magnitude = 0\n  this.elements = elements || []\n}\n\n\n/**\n * Calculates the position within the vector to insert a given index.\n *\n * This is used internally by insert and upsert. If there are duplicate indexes then\n * the position is returned as if the value for that index were to be updated, but it\n * is the callers responsibility to check whether there is a duplicate at that index\n *\n * @param {Number} insertIdx - The index at which the element should be inserted.\n * @returns {Number}\n */\nlunr.Vector.prototype.positionForIndex = function (index) {\n  // For an empty vector the tuple can be inserted at the beginning\n  if (this.elements.length == 0) {\n    return 0\n  }\n\n  var start = 0,\n      end = this.elements.length / 2,\n      sliceLength = end - start,\n      pivotPoint = Math.floor(sliceLength / 2),\n      pivotIndex = this.elements[pivotPoint * 2]\n\n  while (sliceLength > 1) {\n    if (pivotIndex < index) {\n      start = pivotPoint\n    }\n\n    if (pivotIndex > index) {\n      end = pivotPoint\n    }\n\n    if (pivotIndex == index) {\n      break\n    }\n\n    sliceLength = end - start\n    pivotPoint = start + Math.floor(sliceLength / 2)\n    pivotIndex = this.elements[pivotPoint * 2]\n  }\n\n  if (pivotIndex == index) {\n    return pivotPoint * 2\n  }\n\n  if (pivotIndex > index) {\n    return pivotPoint * 2\n  }\n\n  if (pivotIndex < index) {\n    return (pivotPoint + 1) * 2\n  }\n}\n\n/**\n * Inserts an element at an index within the vector.\n *\n * Does not allow duplicates, will throw an error if there is already an entry\n * for this index.\n *\n * @param {Number} insertIdx - The index at which the element should be inserted.\n * @param {Number} val - The value to be inserted into the vector.\n */\nlunr.Vector.prototype.insert = function (insertIdx, val) {\n  this.upsert(insertIdx, val, function () {\n    throw \"duplicate index\"\n  })\n}\n\n/**\n * Inserts or updates an existing index within the vector.\n *\n * @param {Number} insertIdx - The index at which the element should be inserted.\n * @param {Number} val - The value to be inserted into the vector.\n * @param {function} fn - A function that is called for updates, the existing value and the\n * requested value are passed as arguments\n */\nlunr.Vector.prototype.upsert = function (insertIdx, val, fn) {\n  this._magnitude = 0\n  var position = this.positionForIndex(insertIdx)\n\n  if (this.elements[position] == insertIdx) {\n    this.elements[position + 1] = fn(this.elements[position + 1], val)\n  } else {\n    this.elements.splice(position, 0, insertIdx, val)\n  }\n}\n\n/**\n * Calculates the magnitude of this vector.\n *\n * @returns {Number}\n */\nlunr.Vector.prototype.magnitude = function () {\n  if (this._magnitude) return this._magnitude\n\n  var sumOfSquares = 0,\n      elementsLength = this.elements.length\n\n  for (var i = 1; i < elementsLength; i += 2) {\n    var val = this.elements[i]\n    sumOfSquares += val * val\n  }\n\n  return this._magnitude = Math.sqrt(sumOfSquares)\n}\n\n/**\n * Calculates the dot product of this vector and another vector.\n *\n * @param {lunr.Vector} otherVector - The vector to compute the dot product with.\n * @returns {Number}\n */\nlunr.Vector.prototype.dot = function (otherVector) {\n  var dotProduct = 0,\n      a = this.elements, b = otherVector.elements,\n      aLen = a.length, bLen = b.length,\n      aVal = 0, bVal = 0,\n      i = 0, j = 0\n\n  while (i < aLen && j < bLen) {\n    aVal = a[i], bVal = b[j]\n    if (aVal < bVal) {\n      i += 2\n    } else if (aVal > bVal) {\n      j += 2\n    } else if (aVal == bVal) {\n      dotProduct += a[i + 1] * b[j + 1]\n      i += 2\n      j += 2\n    }\n  }\n\n  return dotProduct\n}\n\n/**\n * Calculates the similarity between this vector and another vector.\n *\n * @param {lunr.Vector} otherVector - The other vector to calculate the\n * similarity with.\n * @returns {Number}\n */\nlunr.Vector.prototype.similarity = function (otherVector) {\n  return this.dot(otherVector) / this.magnitude() || 0\n}\n\n/**\n * Converts the vector to an array of the elements within the vector.\n *\n * @returns {Number[]}\n */\nlunr.Vector.prototype.toArray = function () {\n  var output = new Array (this.elements.length / 2)\n\n  for (var i = 1, j = 0; i < this.elements.length; i += 2, j++) {\n    output[j] = this.elements[i]\n  }\n\n  return output\n}\n\n/**\n * A JSON serializable representation of the vector.\n *\n * @returns {Number[]}\n */\nlunr.Vector.prototype.toJSON = function () {\n  return this.elements\n}\n/* eslint-disable */\n/*!\n * lunr.stemmer\n * Copyright (C) 2020 Oliver Nightingale\n * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt\n */\n\n/**\n * lunr.stemmer is an english language stemmer, this is a JavaScript\n * implementation of the PorterStemmer taken from http://tartarus.org/~martin\n *\n * @static\n * @implements {lunr.PipelineFunction}\n * @param {lunr.Token} token - The string to stem\n * @returns {lunr.Token}\n * @see {@link lunr.Pipeline}\n * @function\n */\nlunr.stemmer = (function(){\n  var step2list = {\n      \"ational\" : \"ate\",\n      \"tional\" : \"tion\",\n      \"enci\" : \"ence\",\n      \"anci\" : \"ance\",\n      \"izer\" : \"ize\",\n      \"bli\" : \"ble\",\n      \"alli\" : \"al\",\n      \"entli\" : \"ent\",\n      \"eli\" : \"e\",\n      \"ousli\" : \"ous\",\n      \"ization\" : \"ize\",\n      \"ation\" : \"ate\",\n      \"ator\" : \"ate\",\n      \"alism\" : \"al\",\n      \"iveness\" : \"ive\",\n      \"fulness\" : \"ful\",\n      \"ousness\" : \"ous\",\n      \"aliti\" : \"al\",\n      \"iviti\" : \"ive\",\n      \"biliti\" : \"ble\",\n      \"logi\" : \"log\"\n    },\n\n    step3list = {\n      \"icate\" : \"ic\",\n      \"ative\" : \"\",\n      \"alize\" : \"al\",\n      \"iciti\" : \"ic\",\n      \"ical\" : \"ic\",\n      \"ful\" : \"\",\n      \"ness\" : \"\"\n    },\n\n    c = \"[^aeiou]\",          // consonant\n    v = \"[aeiouy]\",          // vowel\n    C = c + \"[^aeiouy]*\",    // consonant sequence\n    V = v + \"[aeiou]*\",      // vowel sequence\n\n    mgr0 = \"^(\" + C + \")?\" + V + C,               // [C]VC... is m>0\n    meq1 = \"^(\" + C + \")?\" + V + C + \"(\" + V + \")?$\",  // [C]VC[V] is m=1\n    mgr1 = \"^(\" + C + \")?\" + V + C + V + C,       // [C]VCVC... is m>1\n    s_v = \"^(\" + C + \")?\" + v;                   // vowel in stem\n\n  var re_mgr0 = new RegExp(mgr0);\n  var re_mgr1 = new RegExp(mgr1);\n  var re_meq1 = new RegExp(meq1);\n  var re_s_v = new RegExp(s_v);\n\n  var re_1a = /^(.+?)(ss|i)es$/;\n  var re2_1a = /^(.+?)([^s])s$/;\n  var re_1b = /^(.+?)eed$/;\n  var re2_1b = /^(.+?)(ed|ing)$/;\n  var re_1b_2 = /.$/;\n  var re2_1b_2 = /(at|bl|iz)$/;\n  var re3_1b_2 = new RegExp(\"([^aeiouylsz])\\\\1$\");\n  var re4_1b_2 = new RegExp(\"^\" + C + v + \"[^aeiouwxy]$\");\n\n  var re_1c = /^(.+?[^aeiou])y$/;\n  var re_2 = /^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/;\n\n  var re_3 = /^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/;\n\n  var re_4 = /^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/;\n  var re2_4 = /^(.+?)(s|t)(ion)$/;\n\n  var re_5 = /^(.+?)e$/;\n  var re_5_1 = /ll$/;\n  var re3_5 = new RegExp(\"^\" + C + v + \"[^aeiouwxy]$\");\n\n  var porterStemmer = function porterStemmer(w) {\n    var stem,\n      suffix,\n      firstch,\n      re,\n      re2,\n      re3,\n      re4;\n\n    if (w.length < 3) { return w; }\n\n    firstch = w.substr(0,1);\n    if (firstch == \"y\") {\n      w = firstch.toUpperCase() + w.substr(1);\n    }\n\n    // Step 1a\n    re = re_1a\n    re2 = re2_1a;\n\n    if (re.test(w)) { w = w.replace(re,\"$1$2\"); }\n    else if (re2.test(w)) { w = w.replace(re2,\"$1$2\"); }\n\n    // Step 1b\n    re = re_1b;\n    re2 = re2_1b;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      re = re_mgr0;\n      if (re.test(fp[1])) {\n        re = re_1b_2;\n        w = w.replace(re,\"\");\n      }\n    } else if (re2.test(w)) {\n      var fp = re2.exec(w);\n      stem = fp[1];\n      re2 = re_s_v;\n      if (re2.test(stem)) {\n        w = stem;\n        re2 = re2_1b_2;\n        re3 = re3_1b_2;\n        re4 = re4_1b_2;\n        if (re2.test(w)) { w = w + \"e\"; }\n        else if (re3.test(w)) { re = re_1b_2; w = w.replace(re,\"\"); }\n        else if (re4.test(w)) { w = w + \"e\"; }\n      }\n    }\n\n    // Step 1c - replace suffix y or Y by i if preceded by a non-vowel which is not the first letter of the word (so cry -> cri, by -> by, say -> say)\n    re = re_1c;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      w = stem + \"i\";\n    }\n\n    // Step 2\n    re = re_2;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      suffix = fp[2];\n      re = re_mgr0;\n      if (re.test(stem)) {\n        w = stem + step2list[suffix];\n      }\n    }\n\n    // Step 3\n    re = re_3;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      suffix = fp[2];\n      re = re_mgr0;\n      if (re.test(stem)) {\n        w = stem + step3list[suffix];\n      }\n    }\n\n    // Step 4\n    re = re_4;\n    re2 = re2_4;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      re = re_mgr1;\n      if (re.test(stem)) {\n        w = stem;\n      }\n    } else if (re2.test(w)) {\n      var fp = re2.exec(w);\n      stem = fp[1] + fp[2];\n      re2 = re_mgr1;\n      if (re2.test(stem)) {\n        w = stem;\n      }\n    }\n\n    // Step 5\n    re = re_5;\n    if (re.test(w)) {\n      var fp = re.exec(w);\n      stem = fp[1];\n      re = re_mgr1;\n      re2 = re_meq1;\n      re3 = re3_5;\n      if (re.test(stem) || (re2.test(stem) && !(re3.test(stem)))) {\n        w = stem;\n      }\n    }\n\n    re = re_5_1;\n    re2 = re_mgr1;\n    if (re.test(w) && re2.test(w)) {\n      re = re_1b_2;\n      w = w.replace(re,\"\");\n    }\n\n    // and turn initial Y back to y\n\n    if (firstch == \"y\") {\n      w = firstch.toLowerCase() + w.substr(1);\n    }\n\n    return w;\n  };\n\n  return function (token) {\n    return token.update(porterStemmer);\n  }\n})();\n\nlunr.Pipeline.registerFunction(lunr.stemmer, 'stemmer')\n/*!\n * lunr.stopWordFilter\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.generateStopWordFilter builds a stopWordFilter function from the provided\n * list of stop words.\n *\n * The built in lunr.stopWordFilter is built using this generator and can be used\n * to generate custom stopWordFilters for applications or non English languages.\n *\n * @function\n * @param {Array} token The token to pass through the filter\n * @returns {lunr.PipelineFunction}\n * @see lunr.Pipeline\n * @see lunr.stopWordFilter\n */\nlunr.generateStopWordFilter = function (stopWords) {\n  var words = stopWords.reduce(function (memo, stopWord) {\n    memo[stopWord] = stopWord\n    return memo\n  }, {})\n\n  return function (token) {\n    if (token && words[token.toString()] !== token.toString()) return token\n  }\n}\n\n/**\n * lunr.stopWordFilter is an English language stop word list filter, any words\n * contained in the list will not be passed through the filter.\n *\n * This is intended to be used in the Pipeline. If the token does not pass the\n * filter then undefined will be returned.\n *\n * @function\n * @implements {lunr.PipelineFunction}\n * @params {lunr.Token} token - A token to check for being a stop word.\n * @returns {lunr.Token}\n * @see {@link lunr.Pipeline}\n */\nlunr.stopWordFilter = lunr.generateStopWordFilter([\n  'a',\n  'able',\n  'about',\n  'across',\n  'after',\n  'all',\n  'almost',\n  'also',\n  'am',\n  'among',\n  'an',\n  'and',\n  'any',\n  'are',\n  'as',\n  'at',\n  'be',\n  'because',\n  'been',\n  'but',\n  'by',\n  'can',\n  'cannot',\n  'could',\n  'dear',\n  'did',\n  'do',\n  'does',\n  'either',\n  'else',\n  'ever',\n  'every',\n  'for',\n  'from',\n  'get',\n  'got',\n  'had',\n  'has',\n  'have',\n  'he',\n  'her',\n  'hers',\n  'him',\n  'his',\n  'how',\n  'however',\n  'i',\n  'if',\n  'in',\n  'into',\n  'is',\n  'it',\n  'its',\n  'just',\n  'least',\n  'let',\n  'like',\n  'likely',\n  'may',\n  'me',\n  'might',\n  'most',\n  'must',\n  'my',\n  'neither',\n  'no',\n  'nor',\n  'not',\n  'of',\n  'off',\n  'often',\n  'on',\n  'only',\n  'or',\n  'other',\n  'our',\n  'own',\n  'rather',\n  'said',\n  'say',\n  'says',\n  'she',\n  'should',\n  'since',\n  'so',\n  'some',\n  'than',\n  'that',\n  'the',\n  'their',\n  'them',\n  'then',\n  'there',\n  'these',\n  'they',\n  'this',\n  'tis',\n  'to',\n  'too',\n  'twas',\n  'us',\n  'wants',\n  'was',\n  'we',\n  'were',\n  'what',\n  'when',\n  'where',\n  'which',\n  'while',\n  'who',\n  'whom',\n  'why',\n  'will',\n  'with',\n  'would',\n  'yet',\n  'you',\n  'your'\n])\n\nlunr.Pipeline.registerFunction(lunr.stopWordFilter, 'stopWordFilter')\n/*!\n * lunr.trimmer\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.trimmer is a pipeline function for trimming non word\n * characters from the beginning and end of tokens before they\n * enter the index.\n *\n * This implementation may not work correctly for non latin\n * characters and should either be removed or adapted for use\n * with languages with non-latin characters.\n *\n * @static\n * @implements {lunr.PipelineFunction}\n * @param {lunr.Token} token The token to pass through the filter\n * @returns {lunr.Token}\n * @see lunr.Pipeline\n */\nlunr.trimmer = function (token) {\n  return token.update(function (s) {\n    return s.replace(/^\\W+/, '').replace(/\\W+$/, '')\n  })\n}\n\nlunr.Pipeline.registerFunction(lunr.trimmer, 'trimmer')\n/*!\n * lunr.TokenSet\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * A token set is used to store the unique list of all tokens\n * within an index. Token sets are also used to represent an\n * incoming query to the index, this query token set and index\n * token set are then intersected to find which tokens to look\n * up in the inverted index.\n *\n * A token set can hold multiple tokens, as in the case of the\n * index token set, or it can hold a single token as in the\n * case of a simple query token set.\n *\n * Additionally token sets are used to perform wildcard matching.\n * Leading, contained and trailing wildcards are supported, and\n * from this edit distance matching can also be provided.\n *\n * Token sets are implemented as a minimal finite state automata,\n * where both common prefixes and suffixes are shared between tokens.\n * This helps to reduce the space used for storing the token set.\n *\n * @constructor\n */\nlunr.TokenSet = function () {\n  this.final = false\n  this.edges = {}\n  this.id = lunr.TokenSet._nextId\n  lunr.TokenSet._nextId += 1\n}\n\n/**\n * Keeps track of the next, auto increment, identifier to assign\n * to a new tokenSet.\n *\n * TokenSets require a unique identifier to be correctly minimised.\n *\n * @private\n */\nlunr.TokenSet._nextId = 1\n\n/**\n * Creates a TokenSet instance from the given sorted array of words.\n *\n * @param {String[]} arr - A sorted array of strings to create the set from.\n * @returns {lunr.TokenSet}\n * @throws Will throw an error if the input array is not sorted.\n */\nlunr.TokenSet.fromArray = function (arr) {\n  var builder = new lunr.TokenSet.Builder\n\n  for (var i = 0, len = arr.length; i < len; i++) {\n    builder.insert(arr[i])\n  }\n\n  builder.finish()\n  return builder.root\n}\n\n/**\n * Creates a token set from a query clause.\n *\n * @private\n * @param {Object} clause - A single clause from lunr.Query.\n * @param {string} clause.term - The query clause term.\n * @param {number} [clause.editDistance] - The optional edit distance for the term.\n * @returns {lunr.TokenSet}\n */\nlunr.TokenSet.fromClause = function (clause) {\n  if ('editDistance' in clause) {\n    return lunr.TokenSet.fromFuzzyString(clause.term, clause.editDistance)\n  } else {\n    return lunr.TokenSet.fromString(clause.term)\n  }\n}\n\n/**\n * Creates a token set representing a single string with a specified\n * edit distance.\n *\n * Insertions, deletions, substitutions and transpositions are each\n * treated as an edit distance of 1.\n *\n * Increasing the allowed edit distance will have a dramatic impact\n * on the performance of both creating and intersecting these TokenSets.\n * It is advised to keep the edit distance less than 3.\n *\n * @param {string} str - The string to create the token set from.\n * @param {number} editDistance - The allowed edit distance to match.\n * @returns {lunr.Vector}\n */\nlunr.TokenSet.fromFuzzyString = function (str, editDistance) {\n  var root = new lunr.TokenSet\n\n  var stack = [{\n    node: root,\n    editsRemaining: editDistance,\n    str: str\n  }]\n\n  while (stack.length) {\n    var frame = stack.pop()\n\n    // no edit\n    if (frame.str.length > 0) {\n      var char = frame.str.charAt(0),\n          noEditNode\n\n      if (char in frame.node.edges) {\n        noEditNode = frame.node.edges[char]\n      } else {\n        noEditNode = new lunr.TokenSet\n        frame.node.edges[char] = noEditNode\n      }\n\n      if (frame.str.length == 1) {\n        noEditNode.final = true\n      }\n\n      stack.push({\n        node: noEditNode,\n        editsRemaining: frame.editsRemaining,\n        str: frame.str.slice(1)\n      })\n    }\n\n    if (frame.editsRemaining == 0) {\n      continue\n    }\n\n    // insertion\n    if (\"*\" in frame.node.edges) {\n      var insertionNode = frame.node.edges[\"*\"]\n    } else {\n      var insertionNode = new lunr.TokenSet\n      frame.node.edges[\"*\"] = insertionNode\n    }\n\n    if (frame.str.length == 0) {\n      insertionNode.final = true\n    }\n\n    stack.push({\n      node: insertionNode,\n      editsRemaining: frame.editsRemaining - 1,\n      str: frame.str\n    })\n\n    // deletion\n    // can only do a deletion if we have enough edits remaining\n    // and if there are characters left to delete in the string\n    if (frame.str.length > 1) {\n      stack.push({\n        node: frame.node,\n        editsRemaining: frame.editsRemaining - 1,\n        str: frame.str.slice(1)\n      })\n    }\n\n    // deletion\n    // just removing the last character from the str\n    if (frame.str.length == 1) {\n      frame.node.final = true\n    }\n\n    // substitution\n    // can only do a substitution if we have enough edits remaining\n    // and if there are characters left to substitute\n    if (frame.str.length >= 1) {\n      if (\"*\" in frame.node.edges) {\n        var substitutionNode = frame.node.edges[\"*\"]\n      } else {\n        var substitutionNode = new lunr.TokenSet\n        frame.node.edges[\"*\"] = substitutionNode\n      }\n\n      if (frame.str.length == 1) {\n        substitutionNode.final = true\n      }\n\n      stack.push({\n        node: substitutionNode,\n        editsRemaining: frame.editsRemaining - 1,\n        str: frame.str.slice(1)\n      })\n    }\n\n    // transposition\n    // can only do a transposition if there are edits remaining\n    // and there are enough characters to transpose\n    if (frame.str.length > 1) {\n      var charA = frame.str.charAt(0),\n          charB = frame.str.charAt(1),\n          transposeNode\n\n      if (charB in frame.node.edges) {\n        transposeNode = frame.node.edges[charB]\n      } else {\n        transposeNode = new lunr.TokenSet\n        frame.node.edges[charB] = transposeNode\n      }\n\n      if (frame.str.length == 1) {\n        transposeNode.final = true\n      }\n\n      stack.push({\n        node: transposeNode,\n        editsRemaining: frame.editsRemaining - 1,\n        str: charA + frame.str.slice(2)\n      })\n    }\n  }\n\n  return root\n}\n\n/**\n * Creates a TokenSet from a string.\n *\n * The string may contain one or more wildcard characters (*)\n * that will allow wildcard matching when intersecting with\n * another TokenSet.\n *\n * @param {string} str - The string to create a TokenSet from.\n * @returns {lunr.TokenSet}\n */\nlunr.TokenSet.fromString = function (str) {\n  var node = new lunr.TokenSet,\n      root = node\n\n  /*\n   * Iterates through all characters within the passed string\n   * appending a node for each character.\n   *\n   * When a wildcard character is found then a self\n   * referencing edge is introduced to continually match\n   * any number of any characters.\n   */\n  for (var i = 0, len = str.length; i < len; i++) {\n    var char = str[i],\n        final = (i == len - 1)\n\n    if (char == \"*\") {\n      node.edges[char] = node\n      node.final = final\n\n    } else {\n      var next = new lunr.TokenSet\n      next.final = final\n\n      node.edges[char] = next\n      node = next\n    }\n  }\n\n  return root\n}\n\n/**\n * Converts this TokenSet into an array of strings\n * contained within the TokenSet.\n *\n * This is not intended to be used on a TokenSet that\n * contains wildcards, in these cases the results are\n * undefined and are likely to cause an infinite loop.\n *\n * @returns {string[]}\n */\nlunr.TokenSet.prototype.toArray = function () {\n  var words = []\n\n  var stack = [{\n    prefix: \"\",\n    node: this\n  }]\n\n  while (stack.length) {\n    var frame = stack.pop(),\n        edges = Object.keys(frame.node.edges),\n        len = edges.length\n\n    if (frame.node.final) {\n      /* In Safari, at this point the prefix is sometimes corrupted, see:\n       * https://github.com/olivernn/lunr.js/issues/279 Calling any\n       * String.prototype method forces Safari to \"cast\" this string to what\n       * it's supposed to be, fixing the bug. */\n      frame.prefix.charAt(0)\n      words.push(frame.prefix)\n    }\n\n    for (var i = 0; i < len; i++) {\n      var edge = edges[i]\n\n      stack.push({\n        prefix: frame.prefix.concat(edge),\n        node: frame.node.edges[edge]\n      })\n    }\n  }\n\n  return words\n}\n\n/**\n * Generates a string representation of a TokenSet.\n *\n * This is intended to allow TokenSets to be used as keys\n * in objects, largely to aid the construction and minimisation\n * of a TokenSet. As such it is not designed to be a human\n * friendly representation of the TokenSet.\n *\n * @returns {string}\n */\nlunr.TokenSet.prototype.toString = function () {\n  // NOTE: Using Object.keys here as this.edges is very likely\n  // to enter 'hash-mode' with many keys being added\n  //\n  // avoiding a for-in loop here as it leads to the function\n  // being de-optimised (at least in V8). From some simple\n  // benchmarks the performance is comparable, but allowing\n  // V8 to optimize may mean easy performance wins in the future.\n\n  if (this._str) {\n    return this._str\n  }\n\n  var str = this.final ? '1' : '0',\n      labels = Object.keys(this.edges).sort(),\n      len = labels.length\n\n  for (var i = 0; i < len; i++) {\n    var label = labels[i],\n        node = this.edges[label]\n\n    str = str + label + node.id\n  }\n\n  return str\n}\n\n/**\n * Returns a new TokenSet that is the intersection of\n * this TokenSet and the passed TokenSet.\n *\n * This intersection will take into account any wildcards\n * contained within the TokenSet.\n *\n * @param {lunr.TokenSet} b - An other TokenSet to intersect with.\n * @returns {lunr.TokenSet}\n */\nlunr.TokenSet.prototype.intersect = function (b) {\n  var output = new lunr.TokenSet,\n      frame = undefined\n\n  var stack = [{\n    qNode: b,\n    output: output,\n    node: this\n  }]\n\n  while (stack.length) {\n    frame = stack.pop()\n\n    // NOTE: As with the #toString method, we are using\n    // Object.keys and a for loop instead of a for-in loop\n    // as both of these objects enter 'hash' mode, causing\n    // the function to be de-optimised in V8\n    var qEdges = Object.keys(frame.qNode.edges),\n        qLen = qEdges.length,\n        nEdges = Object.keys(frame.node.edges),\n        nLen = nEdges.length\n\n    for (var q = 0; q < qLen; q++) {\n      var qEdge = qEdges[q]\n\n      for (var n = 0; n < nLen; n++) {\n        var nEdge = nEdges[n]\n\n        if (nEdge == qEdge || qEdge == '*') {\n          var node = frame.node.edges[nEdge],\n              qNode = frame.qNode.edges[qEdge],\n              final = node.final && qNode.final,\n              next = undefined\n\n          if (nEdge in frame.output.edges) {\n            // an edge already exists for this character\n            // no need to create a new node, just set the finality\n            // bit unless this node is already final\n            next = frame.output.edges[nEdge]\n            next.final = next.final || final\n\n          } else {\n            // no edge exists yet, must create one\n            // set the finality bit and insert it\n            // into the output\n            next = new lunr.TokenSet\n            next.final = final\n            frame.output.edges[nEdge] = next\n          }\n\n          stack.push({\n            qNode: qNode,\n            output: next,\n            node: node\n          })\n        }\n      }\n    }\n  }\n\n  return output\n}\nlunr.TokenSet.Builder = function () {\n  this.previousWord = \"\"\n  this.root = new lunr.TokenSet\n  this.uncheckedNodes = []\n  this.minimizedNodes = {}\n}\n\nlunr.TokenSet.Builder.prototype.insert = function (word) {\n  var node,\n      commonPrefix = 0\n\n  if (word < this.previousWord) {\n    throw new Error (\"Out of order word insertion\")\n  }\n\n  for (var i = 0; i < word.length && i < this.previousWord.length; i++) {\n    if (word[i] != this.previousWord[i]) break\n    commonPrefix++\n  }\n\n  this.minimize(commonPrefix)\n\n  if (this.uncheckedNodes.length == 0) {\n    node = this.root\n  } else {\n    node = this.uncheckedNodes[this.uncheckedNodes.length - 1].child\n  }\n\n  for (var i = commonPrefix; i < word.length; i++) {\n    var nextNode = new lunr.TokenSet,\n        char = word[i]\n\n    node.edges[char] = nextNode\n\n    this.uncheckedNodes.push({\n      parent: node,\n      char: char,\n      child: nextNode\n    })\n\n    node = nextNode\n  }\n\n  node.final = true\n  this.previousWord = word\n}\n\nlunr.TokenSet.Builder.prototype.finish = function () {\n  this.minimize(0)\n}\n\nlunr.TokenSet.Builder.prototype.minimize = function (downTo) {\n  for (var i = this.uncheckedNodes.length - 1; i >= downTo; i--) {\n    var node = this.uncheckedNodes[i],\n        childKey = node.child.toString()\n\n    if (childKey in this.minimizedNodes) {\n      node.parent.edges[node.char] = this.minimizedNodes[childKey]\n    } else {\n      // Cache the key for this node since\n      // we know it can't change anymore\n      node.child._str = childKey\n\n      this.minimizedNodes[childKey] = node.child\n    }\n\n    this.uncheckedNodes.pop()\n  }\n}\n/*!\n * lunr.Index\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * An index contains the built index of all documents and provides a query interface\n * to the index.\n *\n * Usually instances of lunr.Index will not be created using this constructor, instead\n * lunr.Builder should be used to construct new indexes, or lunr.Index.load should be\n * used to load previously built and serialized indexes.\n *\n * @constructor\n * @param {Object} attrs - The attributes of the built search index.\n * @param {Object} attrs.invertedIndex - An index of term/field to document reference.\n * @param {Object<string, lunr.Vector>} attrs.fieldVectors - Field vectors\n * @param {lunr.TokenSet} attrs.tokenSet - An set of all corpus tokens.\n * @param {string[]} attrs.fields - The names of indexed document fields.\n * @param {lunr.Pipeline} attrs.pipeline - The pipeline to use for search terms.\n */\nlunr.Index = function (attrs) {\n  this.invertedIndex = attrs.invertedIndex\n  this.fieldVectors = attrs.fieldVectors\n  this.tokenSet = attrs.tokenSet\n  this.fields = attrs.fields\n  this.pipeline = attrs.pipeline\n}\n\n/**\n * A result contains details of a document matching a search query.\n * @typedef {Object} lunr.Index~Result\n * @property {string} ref - The reference of the document this result represents.\n * @property {number} score - A number between 0 and 1 representing how similar this document is to the query.\n * @property {lunr.MatchData} matchData - Contains metadata about this match including which term(s) caused the match.\n */\n\n/**\n * Although lunr provides the ability to create queries using lunr.Query, it also provides a simple\n * query language which itself is parsed into an instance of lunr.Query.\n *\n * For programmatically building queries it is advised to directly use lunr.Query, the query language\n * is best used for human entered text rather than program generated text.\n *\n * At its simplest queries can just be a single term, e.g. `hello`, multiple terms are also supported\n * and will be combined with OR, e.g `hello world` will match documents that contain either 'hello'\n * or 'world', though those that contain both will rank higher in the results.\n *\n * Wildcards can be included in terms to match one or more unspecified characters, these wildcards can\n * be inserted anywhere within the term, and more than one wildcard can exist in a single term. Adding\n * wildcards will increase the number of documents that will be found but can also have a negative\n * impact on query performance, especially with wildcards at the beginning of a term.\n *\n * Terms can be restricted to specific fields, e.g. `title:hello`, only documents with the term\n * hello in the title field will match this query. Using a field not present in the index will lead\n * to an error being thrown.\n *\n * Modifiers can also be added to terms, lunr supports edit distance and boost modifiers on terms. A term\n * boost will make documents matching that term score higher, e.g. `foo^5`. Edit distance is also supported\n * to provide fuzzy matching, e.g. 'hello~2' will match documents with hello with an edit distance of 2.\n * Avoid large values for edit distance to improve query performance.\n *\n * Each term also supports a presence modifier. By default a term's presence in document is optional, however\n * this can be changed to either required or prohibited. For a term's presence to be required in a document the\n * term should be prefixed with a '+', e.g. `+foo bar` is a search for documents that must contain 'foo' and\n * optionally contain 'bar'. Conversely a leading '-' sets the terms presence to prohibited, i.e. it must not\n * appear in a document, e.g. `-foo bar` is a search for documents that do not contain 'foo' but may contain 'bar'.\n *\n * To escape special characters the backslash character '\\' can be used, this allows searches to include\n * characters that would normally be considered modifiers, e.g. `foo\\~2` will search for a term \"foo~2\" instead\n * of attempting to apply a boost of 2 to the search term \"foo\".\n *\n * @typedef {string} lunr.Index~QueryString\n * @example <caption>Simple single term query</caption>\n * hello\n * @example <caption>Multiple term query</caption>\n * hello world\n * @example <caption>term scoped to a field</caption>\n * title:hello\n * @example <caption>term with a boost of 10</caption>\n * hello^10\n * @example <caption>term with an edit distance of 2</caption>\n * hello~2\n * @example <caption>terms with presence modifiers</caption>\n * -foo +bar baz\n */\n\n/**\n * Performs a search against the index using lunr query syntax.\n *\n * Results will be returned sorted by their score, the most relevant results\n * will be returned first.  For details on how the score is calculated, please see\n * the {@link https://lunrjs.com/guides/searching.html#scoring|guide}.\n *\n * For more programmatic querying use lunr.Index#query.\n *\n * @param {lunr.Index~QueryString} queryString - A string containing a lunr query.\n * @throws {lunr.QueryParseError} If the passed query string cannot be parsed.\n * @returns {lunr.Index~Result[]}\n */\nlunr.Index.prototype.search = function (queryString) {\n  return this.query(function (query) {\n    var parser = new lunr.QueryParser(queryString, query)\n    parser.parse()\n  })\n}\n\n/**\n * A query builder callback provides a query object to be used to express\n * the query to perform on the index.\n *\n * @callback lunr.Index~queryBuilder\n * @param {lunr.Query} query - The query object to build up.\n * @this lunr.Query\n */\n\n/**\n * Performs a query against the index using the yielded lunr.Query object.\n *\n * If performing programmatic queries against the index, this method is preferred\n * over lunr.Index#search so as to avoid the additional query parsing overhead.\n *\n * A query object is yielded to the supplied function which should be used to\n * express the query to be run against the index.\n *\n * Note that although this function takes a callback parameter it is _not_ an\n * asynchronous operation, the callback is just yielded a query object to be\n * customized.\n *\n * @param {lunr.Index~queryBuilder} fn - A function that is used to build the query.\n * @returns {lunr.Index~Result[]}\n */\nlunr.Index.prototype.query = function (fn) {\n  // for each query clause\n  // * process terms\n  // * expand terms from token set\n  // * find matching documents and metadata\n  // * get document vectors\n  // * score documents\n\n  var query = new lunr.Query(this.fields),\n      matchingFields = Object.create(null),\n      queryVectors = Object.create(null),\n      termFieldCache = Object.create(null),\n      requiredMatches = Object.create(null),\n      prohibitedMatches = Object.create(null)\n\n  /*\n   * To support field level boosts a query vector is created per\n   * field. An empty vector is eagerly created to support negated\n   * queries.\n   */\n  for (var i = 0; i < this.fields.length; i++) {\n    queryVectors[this.fields[i]] = new lunr.Vector\n  }\n\n  fn.call(query, query)\n\n  for (var i = 0; i < query.clauses.length; i++) {\n    /*\n     * Unless the pipeline has been disabled for this term, which is\n     * the case for terms with wildcards, we need to pass the clause\n     * term through the search pipeline. A pipeline returns an array\n     * of processed terms. Pipeline functions may expand the passed\n     * term, which means we may end up performing multiple index lookups\n     * for a single query term.\n     */\n    var clause = query.clauses[i],\n        terms = null,\n        clauseMatches = lunr.Set.empty\n\n    if (clause.usePipeline) {\n      terms = this.pipeline.runString(clause.term, {\n        fields: clause.fields\n      })\n    } else {\n      terms = [clause.term]\n    }\n\n    for (var m = 0; m < terms.length; m++) {\n      var term = terms[m]\n\n      /*\n       * Each term returned from the pipeline needs to use the same query\n       * clause object, e.g. the same boost and or edit distance. The\n       * simplest way to do this is to re-use the clause object but mutate\n       * its term property.\n       */\n      clause.term = term\n\n      /*\n       * From the term in the clause we create a token set which will then\n       * be used to intersect the indexes token set to get a list of terms\n       * to lookup in the inverted index\n       */\n      var termTokenSet = lunr.TokenSet.fromClause(clause),\n          expandedTerms = this.tokenSet.intersect(termTokenSet).toArray()\n\n      /*\n       * If a term marked as required does not exist in the tokenSet it is\n       * impossible for the search to return any matches. We set all the field\n       * scoped required matches set to empty and stop examining any further\n       * clauses.\n       */\n      if (expandedTerms.length === 0 && clause.presence === lunr.Query.presence.REQUIRED) {\n        for (var k = 0; k < clause.fields.length; k++) {\n          var field = clause.fields[k]\n          requiredMatches[field] = lunr.Set.empty\n        }\n\n        break\n      }\n\n      for (var j = 0; j < expandedTerms.length; j++) {\n        /*\n         * For each term get the posting and termIndex, this is required for\n         * building the query vector.\n         */\n        var expandedTerm = expandedTerms[j],\n            posting = this.invertedIndex[expandedTerm],\n            termIndex = posting._index\n\n        for (var k = 0; k < clause.fields.length; k++) {\n          /*\n           * For each field that this query term is scoped by (by default\n           * all fields are in scope) we need to get all the document refs\n           * that have this term in that field.\n           *\n           * The posting is the entry in the invertedIndex for the matching\n           * term from above.\n           */\n          var field = clause.fields[k],\n              fieldPosting = posting[field],\n              matchingDocumentRefs = Object.keys(fieldPosting),\n              termField = expandedTerm + \"/\" + field,\n              matchingDocumentsSet = new lunr.Set(matchingDocumentRefs)\n\n          /*\n           * if the presence of this term is required ensure that the matching\n           * documents are added to the set of required matches for this clause.\n           *\n           */\n          if (clause.presence == lunr.Query.presence.REQUIRED) {\n            clauseMatches = clauseMatches.union(matchingDocumentsSet)\n\n            if (requiredMatches[field] === undefined) {\n              requiredMatches[field] = lunr.Set.complete\n            }\n          }\n\n          /*\n           * if the presence of this term is prohibited ensure that the matching\n           * documents are added to the set of prohibited matches for this field,\n           * creating that set if it does not yet exist.\n           */\n          if (clause.presence == lunr.Query.presence.PROHIBITED) {\n            if (prohibitedMatches[field] === undefined) {\n              prohibitedMatches[field] = lunr.Set.empty\n            }\n\n            prohibitedMatches[field] = prohibitedMatches[field].union(matchingDocumentsSet)\n\n            /*\n             * Prohibited matches should not be part of the query vector used for\n             * similarity scoring and no metadata should be extracted so we continue\n             * to the next field\n             */\n            continue\n          }\n\n          /*\n           * The query field vector is populated using the termIndex found for\n           * the term and a unit value with the appropriate boost applied.\n           * Using upsert because there could already be an entry in the vector\n           * for the term we are working with. In that case we just add the scores\n           * together.\n           */\n          queryVectors[field].upsert(termIndex, clause.boost, function (a, b) { return a + b })\n\n          /**\n           * If we've already seen this term, field combo then we've already collected\n           * the matching documents and metadata, no need to go through all that again\n           */\n          if (termFieldCache[termField]) {\n            continue\n          }\n\n          for (var l = 0; l < matchingDocumentRefs.length; l++) {\n            /*\n             * All metadata for this term/field/document triple\n             * are then extracted and collected into an instance\n             * of lunr.MatchData ready to be returned in the query\n             * results\n             */\n            var matchingDocumentRef = matchingDocumentRefs[l],\n                matchingFieldRef = new lunr.FieldRef (matchingDocumentRef, field),\n                metadata = fieldPosting[matchingDocumentRef],\n                fieldMatch\n\n            if ((fieldMatch = matchingFields[matchingFieldRef]) === undefined) {\n              matchingFields[matchingFieldRef] = new lunr.MatchData (expandedTerm, field, metadata)\n            } else {\n              fieldMatch.add(expandedTerm, field, metadata)\n            }\n\n          }\n\n          termFieldCache[termField] = true\n        }\n      }\n    }\n\n    /**\n     * If the presence was required we need to update the requiredMatches field sets.\n     * We do this after all fields for the term have collected their matches because\n     * the clause terms presence is required in _any_ of the fields not _all_ of the\n     * fields.\n     */\n    if (clause.presence === lunr.Query.presence.REQUIRED) {\n      for (var k = 0; k < clause.fields.length; k++) {\n        var field = clause.fields[k]\n        requiredMatches[field] = requiredMatches[field].intersect(clauseMatches)\n      }\n    }\n  }\n\n  /**\n   * Need to combine the field scoped required and prohibited\n   * matching documents into a global set of required and prohibited\n   * matches\n   */\n  var allRequiredMatches = lunr.Set.complete,\n      allProhibitedMatches = lunr.Set.empty\n\n  for (var i = 0; i < this.fields.length; i++) {\n    var field = this.fields[i]\n\n    if (requiredMatches[field]) {\n      allRequiredMatches = allRequiredMatches.intersect(requiredMatches[field])\n    }\n\n    if (prohibitedMatches[field]) {\n      allProhibitedMatches = allProhibitedMatches.union(prohibitedMatches[field])\n    }\n  }\n\n  var matchingFieldRefs = Object.keys(matchingFields),\n      results = [],\n      matches = Object.create(null)\n\n  /*\n   * If the query is negated (contains only prohibited terms)\n   * we need to get _all_ fieldRefs currently existing in the\n   * index. This is only done when we know that the query is\n   * entirely prohibited terms to avoid any cost of getting all\n   * fieldRefs unnecessarily.\n   *\n   * Additionally, blank MatchData must be created to correctly\n   * populate the results.\n   */\n  if (query.isNegated()) {\n    matchingFieldRefs = Object.keys(this.fieldVectors)\n\n    for (var i = 0; i < matchingFieldRefs.length; i++) {\n      var matchingFieldRef = matchingFieldRefs[i]\n      var fieldRef = lunr.FieldRef.fromString(matchingFieldRef)\n      matchingFields[matchingFieldRef] = new lunr.MatchData\n    }\n  }\n\n  for (var i = 0; i < matchingFieldRefs.length; i++) {\n    /*\n     * Currently we have document fields that match the query, but we\n     * need to return documents. The matchData and scores are combined\n     * from multiple fields belonging to the same document.\n     *\n     * Scores are calculated by field, using the query vectors created\n     * above, and combined into a final document score using addition.\n     */\n    var fieldRef = lunr.FieldRef.fromString(matchingFieldRefs[i]),\n        docRef = fieldRef.docRef\n\n    if (!allRequiredMatches.contains(docRef)) {\n      continue\n    }\n\n    if (allProhibitedMatches.contains(docRef)) {\n      continue\n    }\n\n    var fieldVector = this.fieldVectors[fieldRef],\n        score = queryVectors[fieldRef.fieldName].similarity(fieldVector),\n        docMatch\n\n    if ((docMatch = matches[docRef]) !== undefined) {\n      docMatch.score += score\n      docMatch.matchData.combine(matchingFields[fieldRef])\n    } else {\n      var match = {\n        ref: docRef,\n        score: score,\n        matchData: matchingFields[fieldRef]\n      }\n      matches[docRef] = match\n      results.push(match)\n    }\n  }\n\n  /*\n   * Sort the results objects by score, highest first.\n   */\n  return results.sort(function (a, b) {\n    return b.score - a.score\n  })\n}\n\n/**\n * Prepares the index for JSON serialization.\n *\n * The schema for this JSON blob will be described in a\n * separate JSON schema file.\n *\n * @returns {Object}\n */\nlunr.Index.prototype.toJSON = function () {\n  var invertedIndex = Object.keys(this.invertedIndex)\n    .sort()\n    .map(function (term) {\n      return [term, this.invertedIndex[term]]\n    }, this)\n\n  var fieldVectors = Object.keys(this.fieldVectors)\n    .map(function (ref) {\n      return [ref, this.fieldVectors[ref].toJSON()]\n    }, this)\n\n  return {\n    version: lunr.version,\n    fields: this.fields,\n    fieldVectors: fieldVectors,\n    invertedIndex: invertedIndex,\n    pipeline: this.pipeline.toJSON()\n  }\n}\n\n/**\n * Loads a previously serialized lunr.Index\n *\n * @param {Object} serializedIndex - A previously serialized lunr.Index\n * @returns {lunr.Index}\n */\nlunr.Index.load = function (serializedIndex) {\n  var attrs = {},\n      fieldVectors = {},\n      serializedVectors = serializedIndex.fieldVectors,\n      invertedIndex = Object.create(null),\n      serializedInvertedIndex = serializedIndex.invertedIndex,\n      tokenSetBuilder = new lunr.TokenSet.Builder,\n      pipeline = lunr.Pipeline.load(serializedIndex.pipeline)\n\n  if (serializedIndex.version != lunr.version) {\n    lunr.utils.warn(\"Version mismatch when loading serialised index. Current version of lunr '\" + lunr.version + \"' does not match serialized index '\" + serializedIndex.version + \"'\")\n  }\n\n  for (var i = 0; i < serializedVectors.length; i++) {\n    var tuple = serializedVectors[i],\n        ref = tuple[0],\n        elements = tuple[1]\n\n    fieldVectors[ref] = new lunr.Vector(elements)\n  }\n\n  for (var i = 0; i < serializedInvertedIndex.length; i++) {\n    var tuple = serializedInvertedIndex[i],\n        term = tuple[0],\n        posting = tuple[1]\n\n    tokenSetBuilder.insert(term)\n    invertedIndex[term] = posting\n  }\n\n  tokenSetBuilder.finish()\n\n  attrs.fields = serializedIndex.fields\n\n  attrs.fieldVectors = fieldVectors\n  attrs.invertedIndex = invertedIndex\n  attrs.tokenSet = tokenSetBuilder.root\n  attrs.pipeline = pipeline\n\n  return new lunr.Index(attrs)\n}\n/*!\n * lunr.Builder\n * Copyright (C) 2020 Oliver Nightingale\n */\n\n/**\n * lunr.Builder performs indexing on a set of documents and\n * returns instances of lunr.Index ready for querying.\n *\n * All configuration of the index is done via the builder, the\n * fields to index, the document reference, the text processing\n * pipeline and document scoring parameters are all set on the\n * builder before indexing.\n *\n * @constructor\n * @property {string} _ref - Internal reference to the document reference field.\n * @property {string[]} _fields - Internal reference to the document fields to index.\n * @property {object} invertedIndex - The inverted index maps terms to document fields.\n * @property {object} documentTermFrequencies - Keeps track of document term frequencies.\n * @property {object} documentLengths - Keeps track of the length of documents added to the index.\n * @property {lunr.tokenizer} tokenizer - Function for splitting strings into tokens for indexing.\n * @property {lunr.Pipeline} pipeline - The pipeline performs text processing on tokens before indexing.\n * @property {lunr.Pipeline} searchPipeline - A pipeline for processing search terms before querying the index.\n * @property {number} documentCount - Keeps track of the total number of documents indexed.\n * @property {number} _b - A parameter to control field length normalization, setting this to 0 disabled normalization, 1 fully normalizes field lengths, the default value is 0.75.\n * @property {number} _k1 - A parameter to control how quickly an increase in term frequency results in term frequency saturation, the default value is 1.2.\n * @property {number} termIndex - A counter incremented for each unique term, used to identify a terms position in the vector space.\n * @property {array} metadataWhitelist - A list of metadata keys that have been whitelisted for entry in the index.\n */\nlunr.Builder = function () {\n  this._ref = \"id\"\n  this._fields = Object.create(null)\n  this._documents = Object.create(null)\n  this.invertedIndex = Object.create(null)\n  this.fieldTermFrequencies = {}\n  this.fieldLengths = {}\n  this.tokenizer = lunr.tokenizer\n  this.pipeline = new lunr.Pipeline\n  this.searchPipeline = new lunr.Pipeline\n  this.documentCount = 0\n  this._b = 0.75\n  this._k1 = 1.2\n  this.termIndex = 0\n  this.metadataWhitelist = []\n}\n\n/**\n * Sets the document field used as the document reference. Every document must have this field.\n * The type of this field in the document should be a string, if it is not a string it will be\n * coerced into a string by calling toString.\n *\n * The default ref is 'id'.\n *\n * The ref should _not_ be changed during indexing, it should be set before any documents are\n * added to the index. Changing it during indexing can lead to inconsistent results.\n *\n * @param {string} ref - The name of the reference field in the document.\n */\nlunr.Builder.prototype.ref = function (ref) {\n  this._ref = ref\n}\n\n/**\n * A function that is used to extract a field from a document.\n *\n * Lunr expects a field to be at the top level of a document, if however the field\n * is deeply nested within a document an extractor function can be used to extract\n * the right field for indexing.\n *\n * @callback fieldExtractor\n * @param {object} doc - The document being added to the index.\n * @returns {?(string|object|object[])} obj - The object that will be indexed for this field.\n * @example <caption>Extracting a nested field</caption>\n * function (doc) { return doc.nested.field }\n */\n\n/**\n * Adds a field to the list of document fields that will be indexed. Every document being\n * indexed should have this field. Null values for this field in indexed documents will\n * not cause errors but will limit the chance of that document being retrieved by searches.\n *\n * All fields should be added before adding documents to the index. Adding fields after\n * a document has been indexed will have no effect on already indexed documents.\n *\n * Fields can be boosted at build time. This allows terms within that field to have more\n * importance when ranking search results. Use a field boost to specify that matches within\n * one field are more important than other fields.\n *\n * @param {string} fieldName - The name of a field to index in all documents.\n * @param {object} attributes - Optional attributes associated with this field.\n * @param {number} [attributes.boost=1] - Boost applied to all terms within this field.\n * @param {fieldExtractor} [attributes.extractor] - Function to extract a field from a document.\n * @throws {RangeError} fieldName cannot contain unsupported characters '/'\n */\nlunr.Builder.prototype.field = function (fieldName, attributes) {\n  if (/\\//.test(fieldName)) {\n    throw new RangeError (\"Field '\" + fieldName + \"' contains illegal character '/'\")\n  }\n\n  this._fields[fieldName] = attributes || {}\n}\n\n/**\n * A parameter to tune the amount of field length normalisation that is applied when\n * calculating relevance scores. A value of 0 will completely disable any normalisation\n * and a value of 1 will fully normalise field lengths. The default is 0.75. Values of b\n * will be clamped to the range 0 - 1.\n *\n * @param {number} number - The value to set for this tuning parameter.\n */\nlunr.Builder.prototype.b = function (number) {\n  if (number < 0) {\n    this._b = 0\n  } else if (number > 1) {\n    this._b = 1\n  } else {\n    this._b = number\n  }\n}\n\n/**\n * A parameter that controls the speed at which a rise in term frequency results in term\n * frequency saturation. The default value is 1.2. Setting this to a higher value will give\n * slower saturation levels, a lower value will result in quicker saturation.\n *\n * @param {number} number - The value to set for this tuning parameter.\n */\nlunr.Builder.prototype.k1 = function (number) {\n  this._k1 = number\n}\n\n/**\n * Adds a document to the index.\n *\n * Before adding fields to the index the index should have been fully setup, with the document\n * ref and all fields to index already having been specified.\n *\n * The document must have a field name as specified by the ref (by default this is 'id') and\n * it should have all fields defined for indexing, though null or undefined values will not\n * cause errors.\n *\n * Entire documents can be boosted at build time. Applying a boost to a document indicates that\n * this document should rank higher in search results than other documents.\n *\n * @param {object} doc - The document to add to the index.\n * @param {object} attributes - Optional attributes associated with this document.\n * @param {number} [attributes.boost=1] - Boost applied to all terms within this document.\n */\nlunr.Builder.prototype.add = function (doc, attributes) {\n  var docRef = doc[this._ref],\n      fields = Object.keys(this._fields)\n\n  this._documents[docRef] = attributes || {}\n  this.documentCount += 1\n\n  for (var i = 0; i < fields.length; i++) {\n    var fieldName = fields[i],\n        extractor = this._fields[fieldName].extractor,\n        field = extractor ? extractor(doc) : doc[fieldName],\n        tokens = this.tokenizer(field, {\n          fields: [fieldName]\n        }),\n        terms = this.pipeline.run(tokens),\n        fieldRef = new lunr.FieldRef (docRef, fieldName),\n        fieldTerms = Object.create(null)\n\n    this.fieldTermFrequencies[fieldRef] = fieldTerms\n    this.fieldLengths[fieldRef] = 0\n\n    // store the length of this field for this document\n    this.fieldLengths[fieldRef] += terms.length\n\n    // calculate term frequencies for this field\n    for (var j = 0; j < terms.length; j++) {\n      var term = terms[j]\n\n      if (fieldTerms[term] == undefined) {\n        fieldTerms[term] = 0\n      }\n\n      fieldTerms[term] += 1\n\n      // add to inverted index\n      // create an initial posting if one doesn't exist\n      if (this.invertedIndex[term] == undefined) {\n        var posting = Object.create(null)\n        posting[\"_index\"] = this.termIndex\n        this.termIndex += 1\n\n        for (var k = 0; k < fields.length; k++) {\n          posting[fields[k]] = Object.create(null)\n        }\n\n        this.invertedIndex[term] = posting\n      }\n\n      // add an entry for this term/fieldName/docRef to the invertedIndex\n      if (this.invertedIndex[term][fieldName][docRef] == undefined) {\n        this.invertedIndex[term][fieldName][docRef] = Object.create(null)\n      }\n\n      // store all whitelisted metadata about this token in the\n      // inverted index\n      for (var l = 0; l < this.metadataWhitelist.length; l++) {\n        var metadataKey = this.metadataWhitelist[l],\n            metadata = term.metadata[metadataKey]\n\n        if (this.invertedIndex[term][fieldName][docRef][metadataKey] == undefined) {\n          this.invertedIndex[term][fieldName][docRef][metadataKey] = []\n        }\n\n        this.invertedIndex[term][fieldName][docRef][metadataKey].push(metadata)\n      }\n    }\n\n  }\n}\n\n/**\n * Calculates the average document length for this index\n *\n * @private\n */\nlunr.Builder.prototype.calculateAverageFieldLengths = function () {\n\n  var fieldRefs = Object.keys(this.fieldLengths),\n      numberOfFields = fieldRefs.length,\n      accumulator = {},\n      documentsWithField = {}\n\n  for (var i = 0; i < numberOfFields; i++) {\n    var fieldRef = lunr.FieldRef.fromString(fieldRefs[i]),\n        field = fieldRef.fieldName\n\n    documentsWithField[field] || (documentsWithField[field] = 0)\n    documentsWithField[field] += 1\n\n    accumulator[field] || (accumulator[field] = 0)\n    accumulator[field] += this.fieldLengths[fieldRef]\n  }\n\n  var fields = Object.keys(this._fields)\n\n  for (var i = 0; i < fields.length; i++) {\n    var fieldName = fields[i]\n    accumulator[fieldName] = accumulator[fieldName] / documentsWithField[fieldName]\n  }\n\n  this.averageFieldLength = accumulator\n}\n\n/**\n * Builds a vector space model of every document using lunr.Vector\n *\n * @private\n */\nlunr.Builder.prototype.createFieldVectors = function () {\n  var fieldVectors = {},\n      fieldRefs = Object.keys(this.fieldTermFrequencies),\n      fieldRefsLength = fieldRefs.length,\n      termIdfCache = Object.create(null)\n\n  for (var i = 0; i < fieldRefsLength; i++) {\n    var fieldRef = lunr.FieldRef.fromString(fieldRefs[i]),\n        fieldName = fieldRef.fieldName,\n        fieldLength = this.fieldLengths[fieldRef],\n        fieldVector = new lunr.Vector,\n        termFrequencies = this.fieldTermFrequencies[fieldRef],\n        terms = Object.keys(termFrequencies),\n        termsLength = terms.length\n\n\n    var fieldBoost = this._fields[fieldName].boost || 1,\n        docBoost = this._documents[fieldRef.docRef].boost || 1\n\n    for (var j = 0; j < termsLength; j++) {\n      var term = terms[j],\n          tf = termFrequencies[term],\n          termIndex = this.invertedIndex[term]._index,\n          idf, score, scoreWithPrecision\n\n      if (termIdfCache[term] === undefined) {\n        idf = lunr.idf(this.invertedIndex[term], this.documentCount)\n        termIdfCache[term] = idf\n      } else {\n        idf = termIdfCache[term]\n      }\n\n      score = idf * ((this._k1 + 1) * tf) / (this._k1 * (1 - this._b + this._b * (fieldLength / this.averageFieldLength[fieldName])) + tf)\n      score *= fieldBoost\n      score *= docBoost\n      scoreWithPrecision = Math.round(score * 1000) / 1000\n      // Converts 1.23456789 to 1.234.\n      // Reducing the precision so that the vectors take up less\n      // space when serialised. Doing it now so that they behave\n      // the same before and after serialisation. Also, this is\n      // the fastest approach to reducing a number's precision in\n      // JavaScript.\n\n      fieldVector.insert(termIndex, scoreWithPrecision)\n    }\n\n    fieldVectors[fieldRef] = fieldVector\n  }\n\n  this.fieldVectors = fieldVectors\n}\n\n/**\n * Creates a token set of all tokens in the index using lunr.TokenSet\n *\n * @private\n */\nlunr.Builder.prototype.createTokenSet = function () {\n  this.tokenSet = lunr.TokenSet.fromArray(\n    Object.keys(this.invertedIndex).sort()\n  )\n}\n\n/**\n * Builds the index, creating an instance of lunr.Index.\n *\n * This completes the indexing process and should only be called\n * once all documents have been added to the index.\n *\n * @returns {lunr.Index}\n */\nlunr.Builder.prototype.build = function () {\n  this.calculateAverageFieldLengths()\n  this.createFieldVectors()\n  this.createTokenSet()\n\n  return new lunr.Index({\n    invertedIndex: this.invertedIndex,\n    fieldVectors: this.fieldVectors,\n    tokenSet: this.tokenSet,\n    fields: Object.keys(this._fields),\n    pipeline: this.searchPipeline\n  })\n}\n\n/**\n * Applies a plugin to the index builder.\n *\n * A plugin is a function that is called with the index builder as its context.\n * Plugins can be used to customise or extend the behaviour of the index\n * in some way. A plugin is just a function, that encapsulated the custom\n * behaviour that should be applied when building the index.\n *\n * The plugin function will be called with the index builder as its argument, additional\n * arguments can also be passed when calling use. The function will be called\n * with the index builder as its context.\n *\n * @param {Function} plugin The plugin to apply.\n */\nlunr.Builder.prototype.use = function (fn) {\n  var args = Array.prototype.slice.call(arguments, 1)\n  args.unshift(this)\n  fn.apply(this, args)\n}\n/**\n * Contains and collects metadata about a matching document.\n * A single instance of lunr.MatchData is returned as part of every\n * lunr.Index~Result.\n *\n * @constructor\n * @param {string} term - The term this match data is associated with\n * @param {string} field - The field in which the term was found\n * @param {object} metadata - The metadata recorded about this term in this field\n * @property {object} metadata - A cloned collection of metadata associated with this document.\n * @see {@link lunr.Index~Result}\n */\nlunr.MatchData = function (term, field, metadata) {\n  var clonedMetadata = Object.create(null),\n      metadataKeys = Object.keys(metadata || {})\n\n  // Cloning the metadata to prevent the original\n  // being mutated during match data combination.\n  // Metadata is kept in an array within the inverted\n  // index so cloning the data can be done with\n  // Array#slice\n  for (var i = 0; i < metadataKeys.length; i++) {\n    var key = metadataKeys[i]\n    clonedMetadata[key] = metadata[key].slice()\n  }\n\n  this.metadata = Object.create(null)\n\n  if (term !== undefined) {\n    this.metadata[term] = Object.create(null)\n    this.metadata[term][field] = clonedMetadata\n  }\n}\n\n/**\n * An instance of lunr.MatchData will be created for every term that matches a\n * document. However only one instance is required in a lunr.Index~Result. This\n * method combines metadata from another instance of lunr.MatchData with this\n * objects metadata.\n *\n * @param {lunr.MatchData} otherMatchData - Another instance of match data to merge with this one.\n * @see {@link lunr.Index~Result}\n */\nlunr.MatchData.prototype.combine = function (otherMatchData) {\n  var terms = Object.keys(otherMatchData.metadata)\n\n  for (var i = 0; i < terms.length; i++) {\n    var term = terms[i],\n        fields = Object.keys(otherMatchData.metadata[term])\n\n    if (this.metadata[term] == undefined) {\n      this.metadata[term] = Object.create(null)\n    }\n\n    for (var j = 0; j < fields.length; j++) {\n      var field = fields[j],\n          keys = Object.keys(otherMatchData.metadata[term][field])\n\n      if (this.metadata[term][field] == undefined) {\n        this.metadata[term][field] = Object.create(null)\n      }\n\n      for (var k = 0; k < keys.length; k++) {\n        var key = keys[k]\n\n        if (this.metadata[term][field][key] == undefined) {\n          this.metadata[term][field][key] = otherMatchData.metadata[term][field][key]\n        } else {\n          this.metadata[term][field][key] = this.metadata[term][field][key].concat(otherMatchData.metadata[term][field][key])\n        }\n\n      }\n    }\n  }\n}\n\n/**\n * Add metadata for a term/field pair to this instance of match data.\n *\n * @param {string} term - The term this match data is associated with\n * @param {string} field - The field in which the term was found\n * @param {object} metadata - The metadata recorded about this term in this field\n */\nlunr.MatchData.prototype.add = function (term, field, metadata) {\n  if (!(term in this.metadata)) {\n    this.metadata[term] = Object.create(null)\n    this.metadata[term][field] = metadata\n    return\n  }\n\n  if (!(field in this.metadata[term])) {\n    this.metadata[term][field] = metadata\n    return\n  }\n\n  var metadataKeys = Object.keys(metadata)\n\n  for (var i = 0; i < metadataKeys.length; i++) {\n    var key = metadataKeys[i]\n\n    if (key in this.metadata[term][field]) {\n      this.metadata[term][field][key] = this.metadata[term][field][key].concat(metadata[key])\n    } else {\n      this.metadata[term][field][key] = metadata[key]\n    }\n  }\n}\n/**\n * A lunr.Query provides a programmatic way of defining queries to be performed\n * against a {@link lunr.Index}.\n *\n * Prefer constructing a lunr.Query using the {@link lunr.Index#query} method\n * so the query object is pre-initialized with the right index fields.\n *\n * @constructor\n * @property {lunr.Query~Clause[]} clauses - An array of query clauses.\n * @property {string[]} allFields - An array of all available fields in a lunr.Index.\n */\nlunr.Query = function (allFields) {\n  this.clauses = []\n  this.allFields = allFields\n}\n\n/**\n * Constants for indicating what kind of automatic wildcard insertion will be used when constructing a query clause.\n *\n * This allows wildcards to be added to the beginning and end of a term without having to manually do any string\n * concatenation.\n *\n * The wildcard constants can be bitwise combined to select both leading and trailing wildcards.\n *\n * @constant\n * @default\n * @property {number} wildcard.NONE - The term will have no wildcards inserted, this is the default behaviour\n * @property {number} wildcard.LEADING - Prepend the term with a wildcard, unless a leading wildcard already exists\n * @property {number} wildcard.TRAILING - Append a wildcard to the term, unless a trailing wildcard already exists\n * @see lunr.Query~Clause\n * @see lunr.Query#clause\n * @see lunr.Query#term\n * @example <caption>query term with trailing wildcard</caption>\n * query.term('foo', { wildcard: lunr.Query.wildcard.TRAILING })\n * @example <caption>query term with leading and trailing wildcard</caption>\n * query.term('foo', {\n *   wildcard: lunr.Query.wildcard.LEADING | lunr.Query.wildcard.TRAILING\n * })\n */\n\nlunr.Query.wildcard = new String (\"*\")\nlunr.Query.wildcard.NONE = 0\nlunr.Query.wildcard.LEADING = 1\nlunr.Query.wildcard.TRAILING = 2\n\n/**\n * Constants for indicating what kind of presence a term must have in matching documents.\n *\n * @constant\n * @enum {number}\n * @see lunr.Query~Clause\n * @see lunr.Query#clause\n * @see lunr.Query#term\n * @example <caption>query term with required presence</caption>\n * query.term('foo', { presence: lunr.Query.presence.REQUIRED })\n */\nlunr.Query.presence = {\n  /**\n   * Term's presence in a document is optional, this is the default value.\n   */\n  OPTIONAL: 1,\n\n  /**\n   * Term's presence in a document is required, documents that do not contain\n   * this term will not be returned.\n   */\n  REQUIRED: 2,\n\n  /**\n   * Term's presence in a document is prohibited, documents that do contain\n   * this term will not be returned.\n   */\n  PROHIBITED: 3\n}\n\n/**\n * A single clause in a {@link lunr.Query} contains a term and details on how to\n * match that term against a {@link lunr.Index}.\n *\n * @typedef {Object} lunr.Query~Clause\n * @property {string[]} fields - The fields in an index this clause should be matched against.\n * @property {number} [boost=1] - Any boost that should be applied when matching this clause.\n * @property {number} [editDistance] - Whether the term should have fuzzy matching applied, and how fuzzy the match should be.\n * @property {boolean} [usePipeline] - Whether the term should be passed through the search pipeline.\n * @property {number} [wildcard=lunr.Query.wildcard.NONE] - Whether the term should have wildcards appended or prepended.\n * @property {number} [presence=lunr.Query.presence.OPTIONAL] - The terms presence in any matching documents.\n */\n\n/**\n * Adds a {@link lunr.Query~Clause} to this query.\n *\n * Unless the clause contains the fields to be matched all fields will be matched. In addition\n * a default boost of 1 is applied to the clause.\n *\n * @param {lunr.Query~Clause} clause - The clause to add to this query.\n * @see lunr.Query~Clause\n * @returns {lunr.Query}\n */\nlunr.Query.prototype.clause = function (clause) {\n  if (!('fields' in clause)) {\n    clause.fields = this.allFields\n  }\n\n  if (!('boost' in clause)) {\n    clause.boost = 1\n  }\n\n  if (!('usePipeline' in clause)) {\n    clause.usePipeline = true\n  }\n\n  if (!('wildcard' in clause)) {\n    clause.wildcard = lunr.Query.wildcard.NONE\n  }\n\n  if ((clause.wildcard & lunr.Query.wildcard.LEADING) && (clause.term.charAt(0) != lunr.Query.wildcard)) {\n    clause.term = \"*\" + clause.term\n  }\n\n  if ((clause.wildcard & lunr.Query.wildcard.TRAILING) && (clause.term.slice(-1) != lunr.Query.wildcard)) {\n    clause.term = \"\" + clause.term + \"*\"\n  }\n\n  if (!('presence' in clause)) {\n    clause.presence = lunr.Query.presence.OPTIONAL\n  }\n\n  this.clauses.push(clause)\n\n  return this\n}\n\n/**\n * A negated query is one in which every clause has a presence of\n * prohibited. These queries require some special processing to return\n * the expected results.\n *\n * @returns boolean\n */\nlunr.Query.prototype.isNegated = function () {\n  for (var i = 0; i < this.clauses.length; i++) {\n    if (this.clauses[i].presence != lunr.Query.presence.PROHIBITED) {\n      return false\n    }\n  }\n\n  return true\n}\n\n/**\n * Adds a term to the current query, under the covers this will create a {@link lunr.Query~Clause}\n * to the list of clauses that make up this query.\n *\n * The term is used as is, i.e. no tokenization will be performed by this method. Instead conversion\n * to a token or token-like string should be done before calling this method.\n *\n * The term will be converted to a string by calling `toString`. Multiple terms can be passed as an\n * array, each term in the array will share the same options.\n *\n * @param {object|object[]} term - The term(s) to add to the query.\n * @param {object} [options] - Any additional properties to add to the query clause.\n * @returns {lunr.Query}\n * @see lunr.Query#clause\n * @see lunr.Query~Clause\n * @example <caption>adding a single term to a query</caption>\n * query.term(\"foo\")\n * @example <caption>adding a single term to a query and specifying search fields, term boost and automatic trailing wildcard</caption>\n * query.term(\"foo\", {\n *   fields: [\"title\"],\n *   boost: 10,\n *   wildcard: lunr.Query.wildcard.TRAILING\n * })\n * @example <caption>using lunr.tokenizer to convert a string to tokens before using them as terms</caption>\n * query.term(lunr.tokenizer(\"foo bar\"))\n */\nlunr.Query.prototype.term = function (term, options) {\n  if (Array.isArray(term)) {\n    term.forEach(function (t) { this.term(t, lunr.utils.clone(options)) }, this)\n    return this\n  }\n\n  var clause = options || {}\n  clause.term = term.toString()\n\n  this.clause(clause)\n\n  return this\n}\nlunr.QueryParseError = function (message, start, end) {\n  this.name = \"QueryParseError\"\n  this.message = message\n  this.start = start\n  this.end = end\n}\n\nlunr.QueryParseError.prototype = new Error\nlunr.QueryLexer = function (str) {\n  this.lexemes = []\n  this.str = str\n  this.length = str.length\n  this.pos = 0\n  this.start = 0\n  this.escapeCharPositions = []\n}\n\nlunr.QueryLexer.prototype.run = function () {\n  var state = lunr.QueryLexer.lexText\n\n  while (state) {\n    state = state(this)\n  }\n}\n\nlunr.QueryLexer.prototype.sliceString = function () {\n  var subSlices = [],\n      sliceStart = this.start,\n      sliceEnd = this.pos\n\n  for (var i = 0; i < this.escapeCharPositions.length; i++) {\n    sliceEnd = this.escapeCharPositions[i]\n    subSlices.push(this.str.slice(sliceStart, sliceEnd))\n    sliceStart = sliceEnd + 1\n  }\n\n  subSlices.push(this.str.slice(sliceStart, this.pos))\n  this.escapeCharPositions.length = 0\n\n  return subSlices.join('')\n}\n\nlunr.QueryLexer.prototype.emit = function (type) {\n  this.lexemes.push({\n    type: type,\n    str: this.sliceString(),\n    start: this.start,\n    end: this.pos\n  })\n\n  this.start = this.pos\n}\n\nlunr.QueryLexer.prototype.escapeCharacter = function () {\n  this.escapeCharPositions.push(this.pos - 1)\n  this.pos += 1\n}\n\nlunr.QueryLexer.prototype.next = function () {\n  if (this.pos >= this.length) {\n    return lunr.QueryLexer.EOS\n  }\n\n  var char = this.str.charAt(this.pos)\n  this.pos += 1\n  return char\n}\n\nlunr.QueryLexer.prototype.width = function () {\n  return this.pos - this.start\n}\n\nlunr.QueryLexer.prototype.ignore = function () {\n  if (this.start == this.pos) {\n    this.pos += 1\n  }\n\n  this.start = this.pos\n}\n\nlunr.QueryLexer.prototype.backup = function () {\n  this.pos -= 1\n}\n\nlunr.QueryLexer.prototype.acceptDigitRun = function () {\n  var char, charCode\n\n  do {\n    char = this.next()\n    charCode = char.charCodeAt(0)\n  } while (charCode > 47 && charCode < 58)\n\n  if (char != lunr.QueryLexer.EOS) {\n    this.backup()\n  }\n}\n\nlunr.QueryLexer.prototype.more = function () {\n  return this.pos < this.length\n}\n\nlunr.QueryLexer.EOS = 'EOS'\nlunr.QueryLexer.FIELD = 'FIELD'\nlunr.QueryLexer.TERM = 'TERM'\nlunr.QueryLexer.EDIT_DISTANCE = 'EDIT_DISTANCE'\nlunr.QueryLexer.BOOST = 'BOOST'\nlunr.QueryLexer.PRESENCE = 'PRESENCE'\n\nlunr.QueryLexer.lexField = function (lexer) {\n  lexer.backup()\n  lexer.emit(lunr.QueryLexer.FIELD)\n  lexer.ignore()\n  return lunr.QueryLexer.lexText\n}\n\nlunr.QueryLexer.lexTerm = function (lexer) {\n  if (lexer.width() > 1) {\n    lexer.backup()\n    lexer.emit(lunr.QueryLexer.TERM)\n  }\n\n  lexer.ignore()\n\n  if (lexer.more()) {\n    return lunr.QueryLexer.lexText\n  }\n}\n\nlunr.QueryLexer.lexEditDistance = function (lexer) {\n  lexer.ignore()\n  lexer.acceptDigitRun()\n  lexer.emit(lunr.QueryLexer.EDIT_DISTANCE)\n  return lunr.QueryLexer.lexText\n}\n\nlunr.QueryLexer.lexBoost = function (lexer) {\n  lexer.ignore()\n  lexer.acceptDigitRun()\n  lexer.emit(lunr.QueryLexer.BOOST)\n  return lunr.QueryLexer.lexText\n}\n\nlunr.QueryLexer.lexEOS = function (lexer) {\n  if (lexer.width() > 0) {\n    lexer.emit(lunr.QueryLexer.TERM)\n  }\n}\n\n// This matches the separator used when tokenising fields\n// within a document. These should match otherwise it is\n// not possible to search for some tokens within a document.\n//\n// It is possible for the user to change the separator on the\n// tokenizer so it _might_ clash with any other of the special\n// characters already used within the search string, e.g. :.\n//\n// This means that it is possible to change the separator in\n// such a way that makes some words unsearchable using a search\n// string.\nlunr.QueryLexer.termSeparator = lunr.tokenizer.separator\n\nlunr.QueryLexer.lexText = function (lexer) {\n  while (true) {\n    var char = lexer.next()\n\n    if (char == lunr.QueryLexer.EOS) {\n      return lunr.QueryLexer.lexEOS\n    }\n\n    // Escape character is '\\'\n    if (char.charCodeAt(0) == 92) {\n      lexer.escapeCharacter()\n      continue\n    }\n\n    if (char == \":\") {\n      return lunr.QueryLexer.lexField\n    }\n\n    if (char == \"~\") {\n      lexer.backup()\n      if (lexer.width() > 0) {\n        lexer.emit(lunr.QueryLexer.TERM)\n      }\n      return lunr.QueryLexer.lexEditDistance\n    }\n\n    if (char == \"^\") {\n      lexer.backup()\n      if (lexer.width() > 0) {\n        lexer.emit(lunr.QueryLexer.TERM)\n      }\n      return lunr.QueryLexer.lexBoost\n    }\n\n    // \"+\" indicates term presence is required\n    // checking for length to ensure that only\n    // leading \"+\" are considered\n    if (char == \"+\" && lexer.width() === 1) {\n      lexer.emit(lunr.QueryLexer.PRESENCE)\n      return lunr.QueryLexer.lexText\n    }\n\n    // \"-\" indicates term presence is prohibited\n    // checking for length to ensure that only\n    // leading \"-\" are considered\n    if (char == \"-\" && lexer.width() === 1) {\n      lexer.emit(lunr.QueryLexer.PRESENCE)\n      return lunr.QueryLexer.lexText\n    }\n\n    if (char.match(lunr.QueryLexer.termSeparator)) {\n      return lunr.QueryLexer.lexTerm\n    }\n  }\n}\n\nlunr.QueryParser = function (str, query) {\n  this.lexer = new lunr.QueryLexer (str)\n  this.query = query\n  this.currentClause = {}\n  this.lexemeIdx = 0\n}\n\nlunr.QueryParser.prototype.parse = function () {\n  this.lexer.run()\n  this.lexemes = this.lexer.lexemes\n\n  var state = lunr.QueryParser.parseClause\n\n  while (state) {\n    state = state(this)\n  }\n\n  return this.query\n}\n\nlunr.QueryParser.prototype.peekLexeme = function () {\n  return this.lexemes[this.lexemeIdx]\n}\n\nlunr.QueryParser.prototype.consumeLexeme = function () {\n  var lexeme = this.peekLexeme()\n  this.lexemeIdx += 1\n  return lexeme\n}\n\nlunr.QueryParser.prototype.nextClause = function () {\n  var completedClause = this.currentClause\n  this.query.clause(completedClause)\n  this.currentClause = {}\n}\n\nlunr.QueryParser.parseClause = function (parser) {\n  var lexeme = parser.peekLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  switch (lexeme.type) {\n    case lunr.QueryLexer.PRESENCE:\n      return lunr.QueryParser.parsePresence\n    case lunr.QueryLexer.FIELD:\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.TERM:\n      return lunr.QueryParser.parseTerm\n    default:\n      var errorMessage = \"expected either a field or a term, found \" + lexeme.type\n\n      if (lexeme.str.length >= 1) {\n        errorMessage += \" with value '\" + lexeme.str + \"'\"\n      }\n\n      throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n}\n\nlunr.QueryParser.parsePresence = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  switch (lexeme.str) {\n    case \"-\":\n      parser.currentClause.presence = lunr.Query.presence.PROHIBITED\n      break\n    case \"+\":\n      parser.currentClause.presence = lunr.Query.presence.REQUIRED\n      break\n    default:\n      var errorMessage = \"unrecognised presence operator'\" + lexeme.str + \"'\"\n      throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    var errorMessage = \"expecting term or field, found nothing\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.FIELD:\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.TERM:\n      return lunr.QueryParser.parseTerm\n    default:\n      var errorMessage = \"expecting term or field, found '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseField = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  if (parser.query.allFields.indexOf(lexeme.str) == -1) {\n    var possibleFields = parser.query.allFields.map(function (f) { return \"'\" + f + \"'\" }).join(', '),\n        errorMessage = \"unrecognised field '\" + lexeme.str + \"', possible fields: \" + possibleFields\n\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  parser.currentClause.fields = [lexeme.str]\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    var errorMessage = \"expecting term, found nothing\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      return lunr.QueryParser.parseTerm\n    default:\n      var errorMessage = \"expecting term, found '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseTerm = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  parser.currentClause.term = lexeme.str.toLowerCase()\n\n  if (lexeme.str.indexOf(\"*\") != -1) {\n    parser.currentClause.usePipeline = false\n  }\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    parser.nextClause()\n    return\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      parser.nextClause()\n      return lunr.QueryParser.parseTerm\n    case lunr.QueryLexer.FIELD:\n      parser.nextClause()\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.EDIT_DISTANCE:\n      return lunr.QueryParser.parseEditDistance\n    case lunr.QueryLexer.BOOST:\n      return lunr.QueryParser.parseBoost\n    case lunr.QueryLexer.PRESENCE:\n      parser.nextClause()\n      return lunr.QueryParser.parsePresence\n    default:\n      var errorMessage = \"Unexpected lexeme type '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseEditDistance = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  var editDistance = parseInt(lexeme.str, 10)\n\n  if (isNaN(editDistance)) {\n    var errorMessage = \"edit distance must be numeric\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  parser.currentClause.editDistance = editDistance\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    parser.nextClause()\n    return\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      parser.nextClause()\n      return lunr.QueryParser.parseTerm\n    case lunr.QueryLexer.FIELD:\n      parser.nextClause()\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.EDIT_DISTANCE:\n      return lunr.QueryParser.parseEditDistance\n    case lunr.QueryLexer.BOOST:\n      return lunr.QueryParser.parseBoost\n    case lunr.QueryLexer.PRESENCE:\n      parser.nextClause()\n      return lunr.QueryParser.parsePresence\n    default:\n      var errorMessage = \"Unexpected lexeme type '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\nlunr.QueryParser.parseBoost = function (parser) {\n  var lexeme = parser.consumeLexeme()\n\n  if (lexeme == undefined) {\n    return\n  }\n\n  var boost = parseInt(lexeme.str, 10)\n\n  if (isNaN(boost)) {\n    var errorMessage = \"boost must be numeric\"\n    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)\n  }\n\n  parser.currentClause.boost = boost\n\n  var nextLexeme = parser.peekLexeme()\n\n  if (nextLexeme == undefined) {\n    parser.nextClause()\n    return\n  }\n\n  switch (nextLexeme.type) {\n    case lunr.QueryLexer.TERM:\n      parser.nextClause()\n      return lunr.QueryParser.parseTerm\n    case lunr.QueryLexer.FIELD:\n      parser.nextClause()\n      return lunr.QueryParser.parseField\n    case lunr.QueryLexer.EDIT_DISTANCE:\n      return lunr.QueryParser.parseEditDistance\n    case lunr.QueryLexer.BOOST:\n      return lunr.QueryParser.parseBoost\n    case lunr.QueryLexer.PRESENCE:\n      parser.nextClause()\n      return lunr.QueryParser.parsePresence\n    default:\n      var errorMessage = \"Unexpected lexeme type '\" + nextLexeme.type + \"'\"\n      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)\n  }\n}\n\n  /**\n   * export the module via AMD, CommonJS or as a browser global\n   * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js\n   */\n  ;(function (root, factory) {\n    if (typeof define === 'function' && define.amd) {\n      // AMD. Register as an anonymous module.\n      define(factory)\n    } else if (typeof exports === 'object') {\n      /**\n       * Node. Does not work with strict CommonJS, but\n       * only CommonJS-like enviroments that support module.exports,\n       * like Node.\n       */\n      module.exports = factory()\n    } else {\n      // Browser globals (root is window)\n      root.lunr = factory()\n    }\n  }(this, function () {\n    /**\n     * Just return a value to define the module export.\n     * This example returns an object, but the module\n     * can return a function as the exported value.\n     */\n    return lunr\n  }))\n})();\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A RTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport lunr from \"lunr\"\n\nimport { getElement } from \"~/browser/element/_\"\nimport \"~/polyfills\"\n\nimport { Search } from \"../../_\"\nimport { SearchConfig } from \"../../config\"\nimport {\n  SearchMessage,\n  SearchMessageType\n} from \"../message\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Add support for `iframe-worker` shim\n *\n * While `importScripts` is synchronous when executed inside of a web worker,\n * it's not possible to provide a synchronous shim implementation. The cool\n * thing is that awaiting a non-Promise will convert it into a Promise, so\n * extending the type definition to return a `Promise` shouldn't break anything.\n *\n * @see https://bit.ly/2PjDnXi - GitHub comment\n *\n * @param urls - Scripts to load\n *\n * @returns Promise resolving with no result\n */\ndeclare global {\n  function importScripts(...urls: string[]): Promise<void> | void\n}\n\n/* ----------------------------------------------------------------------------\n * Data\n * ------------------------------------------------------------------------- */\n\n/**\n * Search index\n */\nlet index: Search\n\n/* ----------------------------------------------------------------------------\n * Helper functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch (= import) multi-language support through `lunr-languages`\n *\n * This function automatically imports the stemmers necessary to process the\n * languages which are defined as part of the search configuration.\n *\n * If the worker runs inside of an `iframe` (when using `iframe-worker` as\n * a shim), the base URL for the stemmers to be loaded must be determined by\n * searching for the first `script` element with a `src` attribute, which will\n * contain the contents of this script.\n *\n * @param config - Search configuration\n *\n * @returns Promise resolving with no result\n */\nasync function setupSearchLanguages(\n  config: SearchConfig\n): Promise<void> {\n  let base = \"../lunr\"\n\n  /* Detect `iframe-worker` and fix base URL */\n  if (typeof parent !== \"undefined\" && \"IFrameWorker\" in parent) {\n    const worker = getElement<HTMLScriptElement>(\"script[src]\")\n    const [path] = worker.src.split(\"/worker\")\n\n    /* Prefix base with path */\n    base = base.replace(\"..\", path)\n  }\n\n  /* Add scripts for languages */\n  const scripts = []\n  for (const lang of config.lang) {\n    switch (lang) {\n\n      /* Add segmenter for Japanese */\n      case \"ja\":\n        scripts.push(`${base}/tinyseg.js`)\n        break\n\n      /* Add segmenter for Hindi and Thai */\n      case \"hi\":\n      case \"th\":\n        scripts.push(`${base}/wordcut.js`)\n        break\n    }\n\n    /* Add language support */\n    if (lang !== \"en\")\n      scripts.push(`${base}/min/lunr.${lang}.min.js`)\n  }\n\n  /* Add multi-language support */\n  if (config.lang.length > 1)\n    scripts.push(`${base}/min/lunr.multi.min.js`)\n\n  /* Load scripts synchronously */\n  if (scripts.length)\n    await importScripts(\n      `${base}/min/lunr.stemmer.support.min.js`,\n      ...scripts\n    )\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Message handler\n *\n * @param message - Source message\n *\n * @returns Target message\n */\nexport async function handler(\n  message: SearchMessage\n): Promise<SearchMessage> {\n  switch (message.type) {\n\n    /* Search setup message */\n    case SearchMessageType.SETUP:\n      await setupSearchLanguages(message.data.config)\n      index = new Search(message.data)\n      return {\n        type: SearchMessageType.READY\n      }\n\n    /* Search query message */\n    case SearchMessageType.QUERY:\n      const query = message.data\n      try {\n        return {\n          type: SearchMessageType.RESULT,\n          data: index.search(query)\n        }\n\n      /* Return empty result in case of error */\n      } catch (err) {\n        console.warn(`Invalid query: ${query} \u2013 see https://bit.ly/2s3ChXG`)\n        console.warn(err)\n        return {\n          type: SearchMessageType.RESULT,\n          data: { items: [] }\n        }\n      }\n\n    /* All other messages */\n    default:\n      throw new TypeError(\"Invalid message type\")\n  }\n}\n\n/* ----------------------------------------------------------------------------\n * Worker\n * ------------------------------------------------------------------------- */\n\n/* Expose Lunr.js in global scope, or stemmers won't work */\nself.lunr = lunr\n\n/* Handle messages */\naddEventListener(\"message\", async ev => {\n  postMessage(await handler(ev.data))\n})\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Retrieve all elements matching the query selector\n *\n * @template T - Element type\n *\n * @param selector - Query selector\n * @param node - Node of reference\n *\n * @returns Elements\n */\nexport function getElements<T extends keyof HTMLElementTagNameMap>(\n  selector: T, node?: ParentNode\n): HTMLElementTagNameMap[T][]\n\nexport function getElements<T extends HTMLElement>(\n  selector: string, node?: ParentNode\n): T[]\n\nexport function getElements<T extends HTMLElement>(\n  selector: string, node: ParentNode = document\n): T[] {\n  return Array.from(node.querySelectorAll<T>(selector))\n}\n\n/**\n * Retrieve an element matching a query selector or throw a reference error\n *\n * Note that this function assumes that the element is present. If unsure if an\n * element is existent, use the `getOptionalElement` function instead.\n *\n * @template T - Element type\n *\n * @param selector - Query selector\n * @param node - Node of reference\n *\n * @returns Element\n */\nexport function getElement<T extends keyof HTMLElementTagNameMap>(\n  selector: T, node?: ParentNode\n): HTMLElementTagNameMap[T]\n\nexport function getElement<T extends HTMLElement>(\n  selector: string, node?: ParentNode\n): T\n\nexport function getElement<T extends HTMLElement>(\n  selector: string, node: ParentNode = document\n): T {\n  const el = getOptionalElement<T>(selector, node)\n  if (typeof el === \"undefined\")\n    throw new ReferenceError(\n      `Missing element: expected \"${selector}\" to be present`\n    )\n\n  /* Return element */\n  return el\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Retrieve an optional element matching the query selector\n *\n * @template T - Element type\n *\n * @param selector - Query selector\n * @param node - Node of reference\n *\n * @returns Element or nothing\n */\nexport function getOptionalElement<T extends keyof HTMLElementTagNameMap>(\n  selector: T, node?: ParentNode\n): HTMLElementTagNameMap[T] | undefined\n\nexport function getOptionalElement<T extends HTMLElement>(\n  selector: string, node?: ParentNode\n): T | undefined\n\nexport function getOptionalElement<T extends HTMLElement>(\n  selector: string, node: ParentNode = document\n): T | undefined {\n  return node.querySelector<T>(selector) || undefined\n}\n\n/**\n * Retrieve the currently active element\n *\n * @returns Element or nothing\n */\nexport function getActiveElement(): HTMLElement | undefined {\n  return (\n    document.activeElement?.shadowRoot?.activeElement as HTMLElement ??\n    document.activeElement as HTMLElement ??\n    undefined\n  )\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Polyfills\n * ------------------------------------------------------------------------- */\n\n/* Polyfill `Object.entries` */\nif (!Object.entries)\n  Object.entries = function (obj: object) {\n    const data: [string, string][] = []\n    for (const key of Object.keys(obj))\n      // @ts-expect-error - ignore property access warning\n      data.push([key, obj[key]])\n\n    /* Return entries */\n    return data\n  }\n\n/* Polyfill `Object.values` */\nif (!Object.values)\n  Object.values = function (obj: object) {\n    const data: string[] = []\n    for (const key of Object.keys(obj))\n      // @ts-expect-error - ignore property access warning\n      data.push(obj[key])\n\n    /* Return values */\n    return data\n  }\n\n/* ------------------------------------------------------------------------- */\n\n/* Polyfills for `Element` */\nif (typeof Element !== \"undefined\") {\n\n  /* Polyfill `Element.scrollTo` */\n  if (!Element.prototype.scrollTo)\n    Element.prototype.scrollTo = function (\n      x?: ScrollToOptions | number, y?: number\n    ): void {\n      if (typeof x === \"object\") {\n        this.scrollLeft = x.left!\n        this.scrollTop = x.top!\n      } else {\n        this.scrollLeft = x!\n        this.scrollTop = y!\n      }\n    }\n\n  /* Polyfill `Element.replaceWith` */\n  if (!Element.prototype.replaceWith)\n    Element.prototype.replaceWith = function (\n      ...nodes: Array<string | Node>\n    ): void {\n      const parent = this.parentNode\n      if (parent) {\n        if (nodes.length === 0)\n          parent.removeChild(this)\n\n        /* Replace children and create text nodes */\n        for (let i = nodes.length - 1; i >= 0; i--) {\n          let node = nodes[i]\n          if (typeof node === \"string\")\n            node = document.createTextNode(node)\n          else if (node.parentNode)\n            node.parentNode.removeChild(node)\n\n          /* Replace child or insert before previous sibling */\n          if (!i)\n            parent.replaceChild(node, this)\n          else\n            parent.insertBefore(this.previousSibling!, node)\n        }\n      }\n    }\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search configuration\n */\nexport interface SearchConfig {\n  lang: string[]                       /* Search languages */\n  separator: string                    /* Search separator */\n  pipeline: SearchPipelineFn[]         /* Search pipeline */\n}\n\n/**\n * Search document\n */\nexport interface SearchDocument {\n  location: string                     /* Document location */\n  title: string                        /* Document title */\n  text: string                         /* Document text */\n  tags?: string[]                      /* Document tags */\n  boost?: number                       /* Document boost */\n  parent?: SearchDocument              /* Document parent */\n}\n\n/**\n * Search options\n */\nexport interface SearchOptions {\n  suggest: boolean                     /* Search suggestions */\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Search index\n */\nexport interface SearchIndex {\n  config: SearchConfig                 /* Search configuration */\n  docs: SearchDocument[]               /* Search documents */\n  options: SearchOptions               /* Search options */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search pipeline function\n */\ntype SearchPipelineFn =\n  | \"trimmer\"                          /* Trimmer */\n  | \"stopWordFilter\"                   /* Stop word filter */\n  | \"stemmer\"                          /* Stemmer */\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Create a search document map\n *\n * This function creates a mapping of URLs (including anchors) to the actual\n * articles and sections. It relies on the invariant that the search index is\n * ordered with the main article appearing before all sections with anchors.\n * If this is not the case, the logic music be changed.\n *\n * @param docs - Search documents\n *\n * @returns Search document map\n */\nexport function setupSearchDocumentMap(\n  docs: SearchDocument[]\n): Map<string, SearchDocument> {\n  const map = new Map<string, SearchDocument>()\n  for (const doc of docs) {\n    const [path] = doc.location.split(\"#\")\n\n    /* Add document article */\n    const article = map.get(path)\n    if (typeof article === \"undefined\") {\n      map.set(path, doc)\n\n      /* Add document section */\n    } else {\n      map.set(doc.location, doc)\n      doc.parent = article\n    }\n  }\n\n  /* Return search document map */\n  return map\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Visitor function\n *\n * @param start - Start offset\n * @param end - End offset\n */\ntype VisitorFn = (\n  start: number, end: number\n) => void\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Split a string using the given separator\n *\n * @param input - Input value\n * @param separator - Separator\n * @param fn - Visitor function\n */\nexport function split(\n  input: string, separator: RegExp, fn: VisitorFn\n): void {\n  separator = new RegExp(separator, \"g\")\n\n  /* Split string using separator */\n  let match: RegExpExecArray | null\n  let index = 0\n  do {\n    match = separator.exec(input)\n\n    /* Emit non-empty range */\n    const until = match?.index ?? input.length\n    if (index < until)\n      fn(index, until)\n\n    /* Update last index */\n    if (match) {\n      const [term] = match\n      index = match.index + term.length\n\n      /* Support zero-length lookaheads */\n      if (term.length === 0)\n        separator.lastIndex = match.index + 1\n    }\n  } while (match)\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Extraction type\n *\n * This type defines the possible values that are encoded into the first two\n * bits of a section that is part of the blocks of a tokenization table. There\n * are three types of interest: HTML opening and closing tags, as well as the\n * actual text content we need to extract for indexing.\n */\nexport const enum Extract {\n  TAG_OPEN  = 0,                       /* HTML opening tag */\n  TEXT      = 1,                       /* Text content */\n  TAG_CLOSE = 2                        /* HTML closing tag */\n}\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Visitor function\n *\n * @param block - Block index\n * @param type - Extraction type\n * @param start - Start offset\n * @param end - End offset\n */\ntype VisitorFn = (\n  block: number, type: Extract, start: number, end: number\n) => void\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Split a string into markup and text sections\n *\n * This function scans a string and divides it up into sections of markup and\n * text. For each section, it invokes the given visitor function with the block\n * index, extraction type, as well as start and end offsets. Using a visitor\n * function (= streaming data) is ideal for minimizing pressure on the GC.\n *\n * @param input - Input value\n * @param fn - Visitor function\n */\nexport function extract(\n  input: string, fn: VisitorFn\n): void {\n\n  let block = 0                        /* Current block */\n  let start = 0                        /* Current start offset */\n  let end = 0                          /* Current end offset */\n\n  /* Split string into sections */\n  for (let stack = 0; end < input.length; end++) {\n\n    /* Opening tag after non-empty section */\n    if (input.charAt(end) === \"<\" && end > start) {\n      fn(block, Extract.TEXT, start, start = end)\n\n    /* Closing tag */\n    } else if (input.charAt(end) === \">\") {\n      if (input.charAt(start + 1) === \"/\") {\n        if (--stack === 0)\n          fn(block++, Extract.TAG_CLOSE, start, end + 1)\n\n      /* Tag is not self-closing */\n      } else if (input.charAt(end - 1) !== \"/\") {\n        if (stack++ === 0)\n          fn(block, Extract.TAG_OPEN, start, end + 1)\n      }\n\n      /* New section */\n      start = end + 1\n    }\n  }\n\n  /* Add trailing section */\n  if (end > start)\n    fn(block, Extract.TEXT, start, end)\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Position table\n */\nexport type PositionTable = number[][]\n\n/**\n * Position\n */\nexport type Position = number\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Highlight all occurrences in a string\n *\n * This function receives a field's value (e.g. like `title` or `text`), it's\n * position table that was generated during indexing, and the positions found\n * when executing the query. It then highlights all occurrences, and returns\n * their concatenation. In case of multiple blocks, two are returned.\n *\n * @param input - Input value\n * @param table - Table for indexing\n * @param positions - Occurrences\n * @param full - Full results\n *\n * @returns Highlighted string value\n */\nexport function highlight(\n  input: string, table: PositionTable, positions: Position[], full = false\n): string {\n  return highlightAll([input], table, positions, full).pop()!\n}\n\n/**\n * Highlight all occurrences in a set of strings\n *\n * @param inputs - Input values\n * @param table - Table for indexing\n * @param positions - Occurrences\n * @param full - Full results\n *\n * @returns Highlighted string values\n */\nexport function highlightAll(\n  inputs: string[], table: PositionTable, positions: Position[], full = false\n): string[] {\n\n  /* Map blocks to input values */\n  const mapping = [0]\n  for (let t = 1; t < table.length; t++) {\n    const prev = table[t - 1]\n    const next = table[t]\n\n    /* Check if table points to new block */\n    const p = prev[prev.length - 1] >>> 2 & 0x3FF\n    const q = next[0]               >>> 12\n\n    /* Add block to mapping */\n    mapping.push(+(p > q) + mapping[mapping.length - 1])\n  }\n\n  /* Highlight strings one after another */\n  return inputs.map((input, i) => {\n    let cursor = 0\n\n    /* Map occurrences to blocks */\n    const blocks = new Map<number, number[]>()\n    for (const p of positions.sort((a, b) => a - b)) {\n      const index = p & 0xFFFFF\n      const block = p >>> 20\n      if (mapping[block] !== i)\n        continue\n\n      /* Ensure presence of block group */\n      let group = blocks.get(block)\n      if (typeof group === \"undefined\")\n        blocks.set(block, group = [])\n\n      /* Add index to group */\n      group.push(index)\n    }\n\n    /* Just return string, if no occurrences */\n    if (blocks.size === 0)\n      return input\n\n    /* Compute slices */\n    const slices: string[] = []\n    for (const [block, indexes] of blocks) {\n      const t = table[block]\n\n      /* Extract positions and length */\n      const start  = t[0]            >>> 12\n      const end    = t[t.length - 1] >>> 12\n      const length = t[t.length - 1] >>> 2 & 0x3FF\n\n      /* Add prefix, if full results are desired */\n      if (full && start > cursor)\n        slices.push(input.slice(cursor, start))\n\n      /* Extract and highlight slice */\n      let slice = input.slice(start, end + length)\n      for (const j of indexes.sort((a, b) => b - a)) {\n\n        /* Retrieve offset and length of match */\n        const p = (t[j] >>> 12) - start\n        const q = (t[j] >>> 2 & 0x3FF) + p\n\n        /* Wrap occurrence */\n        slice = [\n          slice.slice(0, p),\n          \"<mark>\",\n          slice.slice(p, q),\n          \"</mark>\",\n          slice.slice(q)\n        ].join(\"\")\n      }\n\n      /* Update cursor */\n      cursor = end + length\n\n      /* Append slice and abort if we have two */\n      if (slices.push(slice) === 2)\n        break\n    }\n\n    /* Add suffix, if full results are desired */\n    if (full && cursor < input.length)\n      slices.push(input.slice(cursor))\n\n    /* Return highlighted slices */\n    return slices.join(\"\")\n  })\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { split } from \"../_\"\nimport {\n  Extract,\n  extract\n} from \"../extract\"\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Split a string or set of strings into tokens\n *\n * This tokenizer supersedes the default tokenizer that is provided by Lunr.js,\n * as it is aware of HTML tags and allows for multi-character splitting.\n *\n * It takes the given inputs, splits each of them into markup and text sections,\n * tokenizes and segments (if necessary) each of them, and then indexes them in\n * a table by using a compact bit representation. Bitwise techniques are used\n * to write and read from the table during indexing and querying.\n *\n * @see https://bit.ly/3W3Xw4J - Search: better, faster, smaller\n *\n * @param input - Input value(s)\n *\n * @returns Tokens\n */\nexport function tokenize(\n  input?: string | string[]\n): lunr.Token[] {\n  const tokens: lunr.Token[] = []\n  if (typeof input === \"undefined\")\n    return tokens\n\n  /* Tokenize strings one after another */\n  const inputs = Array.isArray(input) ? input : [input]\n  for (let i = 0; i < inputs.length; i++) {\n    const table = lunr.tokenizer.table\n    const total = table.length\n\n    /* Split string into sections and tokenize content blocks */\n    extract(inputs[i], (block, type, start, end) => {\n      table[block += total] ||= []\n      switch (type) {\n\n        /* Handle markup */\n        case Extract.TAG_OPEN:\n        case Extract.TAG_CLOSE:\n          table[block].push(\n            start       << 12 |\n            end - start <<  2 |\n            type\n          )\n          break\n\n        /* Handle text content */\n        case Extract.TEXT:\n          const section = inputs[i].slice(start, end)\n          split(section, lunr.tokenizer.separator, (index, until) => {\n\n            /**\n             * Apply segmenter after tokenization. Note that the segmenter will\n             * also split words at word boundaries, which is not what we want,\n             * so we need to check if we can somehow mitigate this behavior.\n             */\n            if (typeof lunr.segmenter !== \"undefined\") {\n              const subsection = section.slice(index, until)\n              if (/^[MHIK]$/.test(lunr.segmenter.ctype_(subsection))) {\n                const segments = lunr.segmenter.segment(subsection)\n                for (let s = 0, l = 0; s < segments.length; s++) {\n\n                  /* Add block to section */\n                  table[block] ||= []\n                  table[block].push(\n                    start + index + l  << 12 |\n                    segments[s].length <<  2 |\n                    type\n                  )\n\n                  /* Add token with position */\n                  tokens.push(new lunr.Token(\n                    segments[s].toLowerCase(), {\n                      position: block << 20 | table[block].length - 1\n                    }\n                  ))\n\n                  /* Keep track of length */\n                  l += segments[s].length\n                }\n                return\n              }\n            }\n\n            /* Add block to section */\n            table[block].push(\n              start + index << 12 |\n              until - index <<  2 |\n              type\n            )\n\n            /* Add token with position */\n            tokens.push(new lunr.Token(\n              section.slice(index, until).toLowerCase(), {\n                position: block << 20 | table[block].length - 1\n              }\n            ))\n          })\n      }\n    })\n  }\n\n  /* Return tokens */\n  return tokens\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Helper types\n * ------------------------------------------------------------------------- */\n\n/**\n * Visitor function\n *\n * @param value - String value\n *\n * @returns String term(s)\n */\ntype VisitorFn = (\n  value: string\n) => string | string[]\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Default transformation function\n *\n * 1. Trim excess whitespace from left and right.\n *\n * 2. Search for parts in quotation marks and prepend a `+` modifier to denote\n *    that the resulting document must contain all parts, converting the query\n *    to an `AND` query (as opposed to the default `OR` behavior). While users\n *    may expect parts enclosed in quotation marks to map to span queries, i.e.\n *    for which order is important, Lunr.js doesn't support them, so the best\n *    we can do is to convert the parts to an `AND` query.\n *\n * 3. Replace control characters which are not located at the beginning of the\n *    query or preceded by white space, or are not followed by a non-whitespace\n *    character or are at the end of the query string. Furthermore, filter\n *    unmatched quotation marks.\n *\n * 4. Split the query string at whitespace, then pass each part to the visitor\n *    function for tokenization, and append a wildcard to every resulting term\n *    that is not explicitly marked with a `+`, `-`, `~` or `^` modifier, since\n *    it ensures consistent and stable ranking when multiple terms are entered.\n *    Also, if a fuzzy or boost modifier are given, but no numeric value has\n *    been entered, default to 1 to not induce a query error.\n *\n * @param query - Query value\n * @param fn - Visitor function\n *\n * @returns Transformed query value\n */\nexport function transform(\n  query: string, fn: VisitorFn = term => term\n): string {\n  return query\n\n    /* => 1 */\n    .trim()\n\n    /* => 2 */\n    .split(/\"([^\"]+)\"/g)\n      .map((parts, index) => index & 1\n        ? parts.replace(/^\\b|^(?![^\\x00-\\x7F]|$)|\\s+/g, \" +\")\n        : parts\n      )\n      .join(\"\")\n\n    /* => 3 */\n    .replace(/\"|(?:^|\\s+)[*+\\-:^~]+(?=\\s+|$)/g, \"\")\n\n    /* => 4 */\n    .split(/\\s+/g)\n      .reduce((prev, term) => {\n        const next = fn(term)\n        return [...prev, ...Array.isArray(next) ? next : [next]]\n      }, [] as string[])\n      .map(term => /([~^]$)/.test(term) ? `${term}1` : term)\n      .map(term => /(^[+-]|[~^]\\d+$)/.test(term) ? term : `${term}*`)\n      .join(\" \")\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport { split } from \"../../internal\"\nimport { transform } from \"../transform\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search query clause\n */\nexport interface SearchQueryClause {\n  presence: lunr.Query.presence        /* Clause presence */\n  term: string                         /* Clause term */\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Search query terms\n */\nexport type SearchQueryTerms = Record<string, boolean>\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Transform search query\n *\n * This function lexes the given search query and applies the transformation\n * function to each term, preserving markup like `+` and `-` modifiers.\n *\n * @param query - Search query\n *\n * @returns Search query\n */\nexport function transformSearchQuery(\n  query: string\n): string {\n\n  /* Split query terms with tokenizer */\n  return transform(query, part => {\n    const terms: string[] = []\n\n    /* Initialize lexer and analyze part */\n    const lexer = new lunr.QueryLexer(part)\n    lexer.run()\n\n    /* Extract and tokenize term from lexeme */\n    for (const { type, str: term, start, end } of lexer.lexemes)\n      switch (type) {\n\n        /* Hack: remove colon - see https://bit.ly/3wD3T3I */\n        case \"FIELD\":\n          if (![\"title\", \"text\", \"tags\"].includes(term))\n            part = [\n              part.slice(0, end),\n              \" \",\n              part.slice(end + 1)\n            ].join(\"\")\n          break\n\n        /* Tokenize term */\n        case \"TERM\":\n          split(term, lunr.tokenizer.separator, (...range) => {\n            terms.push([\n              part.slice(0, start),\n              term.slice(...range),\n              part.slice(end)\n            ].join(\"\"))\n          })\n      }\n\n    /* Return terms */\n    return terms\n  })\n}\n\n/* ------------------------------------------------------------------------- */\n\n/**\n * Parse a search query for analysis\n *\n * Lunr.js itself has a bug where it doesn't detect or remove wildcards for\n * query clauses, so we must do this here.\n *\n * @see https://bit.ly/3DpTGtz - GitHub issue\n *\n * @param value - Query value\n *\n * @returns Search query clauses\n */\nexport function parseSearchQuery(\n  value: string\n): SearchQueryClause[] {\n  const query  = new lunr.Query([\"title\", \"text\", \"tags\"])\n  const parser = new lunr.QueryParser(value, query)\n\n  /* Parse Search query */\n  parser.parse()\n  for (const clause of query.clauses) {\n    clause.usePipeline = true\n\n    /* Handle leading wildcard */\n    if (clause.term.startsWith(\"*\")) {\n      clause.wildcard = lunr.Query.wildcard.LEADING\n      clause.term = clause.term.slice(1)\n    }\n\n    /* Handle trailing wildcard */\n    if (clause.term.endsWith(\"*\")) {\n      clause.wildcard = lunr.Query.wildcard.TRAILING\n      clause.term = clause.term.slice(0, -1)\n    }\n  }\n\n  /* Return query clauses */\n  return query.clauses\n}\n\n/**\n * Analyze the search query clauses in regard to the search terms found\n *\n * @param query - Search query clauses\n * @param terms - Search terms\n *\n * @returns Search query terms\n */\nexport function getSearchQueryTerms(\n  query: SearchQueryClause[], terms: string[]\n): SearchQueryTerms {\n  const clauses = new Set<SearchQueryClause>(query)\n\n  /* Match query clauses against terms */\n  const result: SearchQueryTerms = {}\n  for (let t = 0; t < terms.length; t++)\n    for (const clause of clauses)\n      if (terms[t].startsWith(clause.term)) {\n        result[clause.term] = true\n        clauses.delete(clause)\n      }\n\n  /* Annotate unmatched non-stopword query clauses */\n  for (const clause of clauses)\n    if (lunr.stopWordFilter?.(clause.term))\n      result[clause.term] = false\n\n  /* Return query terms */\n  return result\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Segment a search query using the inverted index\n *\n * This function implements a clever approach to text segmentation for Asian\n * languages, as it used the information already available in the search index.\n * The idea is to greedily segment the search query based on the tokens that are\n * already part of the index, as described in the linked issue.\n *\n * @see https://bit.ly/3lwjrk7 - GitHub issue\n *\n * @param query - Query value\n * @param index - Inverted index\n *\n * @returns Segmented query value\n */\nexport function segment(\n  query: string, index: object\n): Iterable<string> {\n  const segments = new Set<string>()\n\n  /* Segment search query */\n  const wordcuts = new Uint16Array(query.length)\n  for (let i = 0; i < query.length; i++)\n    for (let j = i + 1; j < query.length; j++) {\n      const value = query.slice(i, j)\n      if (value in index)\n        wordcuts[i] = j - i\n    }\n\n  /* Compute longest matches with minimum overlap */\n  const stack = [0]\n  for (let s = stack.length; s > 0;) {\n    const p = stack[--s]\n    for (let q = 1; q < wordcuts[p]; q++)\n      if (wordcuts[p + q] > wordcuts[p] - q) {\n        segments.add(query.slice(p, p + q))\n        stack[s++] = p + q\n      }\n\n    /* Continue at end of query string */\n    const q = p + wordcuts[p]\n    if (wordcuts[q] && q < query.length - 1)\n      stack[s++] = q\n\n    /* Add current segment */\n    segments.add(query.slice(p, q))\n  }\n\n  // @todo fix this case in the code block above, this is a hotfix\n  if (segments.has(\"\"))\n    return new Set([query])\n\n  /* Return segmented query value */\n  return segments\n}\n", "/*\n * Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport {\n  SearchDocument,\n  SearchIndex,\n  SearchOptions,\n  setupSearchDocumentMap\n} from \"../config\"\nimport {\n  Position,\n  PositionTable,\n  highlight,\n  highlightAll,\n  tokenize\n} from \"../internal\"\nimport {\n  SearchQueryTerms,\n  getSearchQueryTerms,\n  parseSearchQuery,\n  segment,\n  transformSearchQuery\n} from \"../query\"\n\n/* ----------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------- */\n\n/**\n * Search item\n */\nexport interface SearchItem\n  extends SearchDocument\n{\n  score: number                        /* Score (relevance) */\n  terms: SearchQueryTerms              /* Search query terms */\n}\n\n/**\n * Search result\n */\nexport interface SearchResult {\n  items: SearchItem[][]                /* Search items */\n  suggest?: string[]                   /* Search suggestions */\n}\n\n/* ----------------------------------------------------------------------------\n * Functions\n * ------------------------------------------------------------------------- */\n\n/**\n * Create field extractor factory\n *\n * @param table - Position table map\n *\n * @returns Extractor factory\n */\nfunction extractor(table: Map<string, PositionTable>) {\n  return (name: keyof SearchDocument) => {\n    return (doc: SearchDocument) => {\n      if (typeof doc[name] === \"undefined\")\n        return undefined\n\n      /* Compute identifier and initialize table */\n      const id = [doc.location, name].join(\":\")\n      table.set(id, lunr.tokenizer.table = [])\n\n      /* Return field value */\n      return doc[name]\n    }\n  }\n}\n\n/**\n * Compute the difference of two lists of strings\n *\n * @param a - 1st list of strings\n * @param b - 2nd list of strings\n *\n * @returns Difference\n */\nfunction difference(a: string[], b: string[]): string[] {\n  const [x, y] = [new Set(a), new Set(b)]\n  return [\n    ...new Set([...x].filter(value => !y.has(value)))\n  ]\n}\n\n/* ----------------------------------------------------------------------------\n * Class\n * ------------------------------------------------------------------------- */\n\n/**\n * Search index\n */\nexport class Search {\n\n  /**\n   * Search document map\n   */\n  protected map: Map<string, SearchDocument>\n\n  /**\n   * Search options\n   */\n  protected options: SearchOptions\n\n  /**\n   * The underlying Lunr.js search index\n   */\n  protected index: lunr.Index\n\n  /**\n   * Internal position table map\n   */\n  protected table: Map<string, PositionTable>\n\n  /**\n   * Create the search integration\n   *\n   * @param data - Search index\n   */\n  public constructor({ config, docs, options }: SearchIndex) {\n    const field = extractor(this.table = new Map())\n\n    /* Set up document map and options */\n    this.map = setupSearchDocumentMap(docs)\n    this.options = options\n\n    /* Set up document index */\n    this.index = lunr(function () {\n      this.metadataWhitelist = [\"position\"]\n      this.b(0)\n\n      /* Set up (multi-)language support */\n      if (config.lang.length === 1 && config.lang[0] !== \"en\") {\n        // @ts-expect-error - namespace indexing not supported\n        this.use(lunr[config.lang[0]])\n      } else if (config.lang.length > 1) {\n        this.use(lunr.multiLanguage(...config.lang))\n      }\n\n      /* Set up custom tokenizer (must be after language setup) */\n      this.tokenizer = tokenize as typeof lunr.tokenizer\n      lunr.tokenizer.separator = new RegExp(config.separator)\n\n      /* Set up custom segmenter, if loaded */\n      lunr.segmenter = \"TinySegmenter\" in lunr\n        ? new lunr.TinySegmenter()\n        : undefined\n\n      /* Compute functions to be removed from the pipeline */\n      const fns = difference([\n        \"trimmer\", \"stopWordFilter\", \"stemmer\"\n      ], config.pipeline)\n\n      /* Remove functions from the pipeline for registered languages */\n      for (const lang of config.lang.map(language => (\n        // @ts-expect-error - namespace indexing not supported\n        language === \"en\" ? lunr : lunr[language]\n      )))\n        for (const fn of fns) {\n          this.pipeline.remove(lang[fn])\n          this.searchPipeline.remove(lang[fn])\n        }\n\n      /* Set up index reference */\n      this.ref(\"location\")\n\n      /* Set up index fields */\n      this.field(\"title\", { boost: 1e3, extractor: field(\"title\") })\n      this.field(\"text\",  { boost: 1e0, extractor: field(\"text\") })\n      this.field(\"tags\",  { boost: 1e6, extractor: field(\"tags\") })\n\n      /* Add documents to index */\n      for (const doc of docs)\n        this.add(doc, { boost: doc.boost })\n    })\n  }\n\n  /**\n   * Search for matching documents\n   *\n   * @param query - Search query\n   *\n   * @returns Search result\n   */\n  public search(query: string): SearchResult {\n\n    // Experimental Chinese segmentation\n    query = query.replace(/\\p{sc=Han}+/gu, value => {\n      return [...segment(value, this.index.invertedIndex)]\n        .join(\"* \")\n    })\n\n    // @todo: move segmenter (above) into transformSearchQuery\n    query = transformSearchQuery(query)\n    if (!query)\n      return { items: [] }\n\n    /* Parse query to extract clauses for analysis */\n    const clauses = parseSearchQuery(query)\n      .filter(clause => (\n        clause.presence !== lunr.Query.presence.PROHIBITED\n      ))\n\n    /* Perform search and post-process results */\n    const groups = this.index.search(query)\n\n      /* Apply post-query boosts based on title and search query terms */\n      .reduce<SearchItem[]>((item, { ref, score, matchData }) => {\n        let doc = this.map.get(ref)\n        if (typeof doc !== \"undefined\") {\n\n          /* Shallow copy document */\n          doc = { ...doc }\n          if (doc.tags)\n            doc.tags = [...doc.tags]\n\n          /* Compute and analyze search query terms */\n          const terms = getSearchQueryTerms(\n            clauses,\n            Object.keys(matchData.metadata)\n          )\n\n          /* Highlight matches in fields */\n          for (const field of this.index.fields) {\n            if (typeof doc[field] === \"undefined\")\n              continue\n\n            /* Collect positions from matches */\n            const positions: Position[] = []\n            for (const match of Object.values(matchData.metadata))\n              if (typeof match[field] !== \"undefined\")\n                positions.push(...match[field].position)\n\n            /* Skip highlighting, if no positions were collected */\n            if (!positions.length)\n              continue\n\n            /* Load table and determine highlighting method */\n            const table = this.table.get([doc.location, field].join(\":\"))!\n            const fn = Array.isArray(doc[field])\n              ? highlightAll\n              : highlight\n\n            // @ts-expect-error - stop moaning, TypeScript!\n            doc[field] = fn(doc[field], table, positions, field !== \"text\")\n          }\n\n          /* Highlight title and text and apply post-query boosts */\n          const boost = +!doc.parent +\n            Object.values(terms)\n              .filter(t => t).length /\n            Object.keys(terms).length\n\n          /* Append item */\n          item.push({\n            ...doc,\n            score: score * (1 + boost ** 2),\n            terms\n          })\n        }\n        return item\n      }, [])\n\n      /* Sort search results again after applying boosts */\n      .sort((a, b) => b.score - a.score)\n\n      /* Group search results by article */\n      .reduce((items, result) => {\n        const doc = this.map.get(result.location)\n        if (typeof doc !== \"undefined\") {\n          const ref = doc.parent\n            ? doc.parent.location\n            : doc.location\n          items.set(ref, [...items.get(ref) || [], result])\n        }\n        return items\n      }, new Map<string, SearchItem[]>())\n\n    /* Ensure that every item set has an article */\n    for (const [ref, items] of groups)\n      if (!items.find(item => item.location === ref)) {\n        const doc = this.map.get(ref)!\n        items.push({ ...doc, score: 0, terms: {} })\n      }\n\n    /* Generate search suggestions, if desired */\n    let suggest: string[] | undefined\n    if (this.options.suggest) {\n      const titles = this.index.query(builder => {\n        for (const clause of clauses)\n          builder.term(clause.term, {\n            fields: [\"title\"],\n            presence: lunr.Query.presence.REQUIRED,\n            wildcard: lunr.Query.wildcard.TRAILING\n          })\n      })\n\n      /* Retrieve suggestions for best match */\n      suggest = titles.length\n        ? Object.keys(titles[0].matchData.metadata)\n        : []\n    }\n\n    /* Return search result */\n    return {\n      items: [...groups.values()],\n      ...typeof suggest !== \"undefined\" && { suggest }\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["require_lunr", "__commonJSMin", "exports", "module", "lunr", "config", "builder", "global", "message", "obj", "clone", "keys", "key", "val", "docRef", "fieldName", "stringValue", "s", "n", "fieldRef", "elements", "i", "other", "object", "a", "b", "intersection", "element", "posting", "documentCount", "documentsWithTerm", "x", "str", "metadata", "fn", "t", "len", "tokens", "sliceEnd", "sliceStart", "char", "sliceLength", "tokenMetadata", "label", "isRegistered", "serialised", "pipeline", "fnName", "fns", "existingFn", "newFn", "pos", "stackLength", "memo", "j", "result", "k", "token", "index", "start", "end", "pivotPoint", "pivotIndex", "insertIdx", "position", "sumOfSquares", "elementsLength", "otherVector", "dotProduct", "aLen", "bLen", "aVal", "bVal", "output", "step2list", "step3list", "c", "v", "C", "V", "mgr0", "meq1", "mgr1", "s_v", "re_mgr0", "re_mgr1", "re_meq1", "re_s_v", "re_1a", "re2_1a", "re_1b", "re2_1b", "re_1b_2", "re2_1b_2", "re3_1b_2", "re4_1b_2", "re_1c", "re_2", "re_3", "re_4", "re2_4", "re_5", "re_5_1", "re3_5", "porterStemmer", "w", "stem", "suffix", "firstch", "re", "re2", "re3", "re4", "fp", "stopWords", "words", "stopWord", "arr", "clause", "editDistance", "root", "stack", "frame", "noEditNode", "insertionNode", "substitutionNode", "charA", "charB", "transposeNode", "node", "final", "next", "edges", "edge", "labels", "qEdges", "qLen", "nEdges", "nLen", "q", "qEdge", "nEdge", "qNode", "word", "commonPrefix", "nextNode", "downTo", "childKey", "attrs", "queryString", "query", "parser", "matchingFields", "queryVectors", "termFieldCache", "requiredMatches", "prohibitedMatches", "terms", "clauseMatches", "m", "term", "termTokenSet", "expandedTerms", "field", "expandedTerm", "termIndex", "fieldPosting", "matchingDocumentRefs", "termField", "matchingDocumentsSet", "l", "matchingDocumentRef", "matchingFieldRef", "fieldMatch", "allRequiredMatches", "allProhibitedMatches", "matchingFieldRefs", "results", "matches", "fieldVector", "score", "docMatch", "match", "invertedIndex", "fieldVectors", "ref", "serializedIndex", "serializedVectors", "serializedInvertedIndex", "tokenSetBuilder", "tuple", "attributes", "number", "doc", "fields", "extractor", "fieldTerms", "metadataKey", "fieldRefs", "numberOfFields", "accumulator", "documentsWithField", "fieldRefsLength", "termIdfCache", "fieldLength", "termFrequencies", "termsLength", "fieldBoost", "docBoost", "tf", "idf", "scoreWithPrecision", "args", "clonedMetadata", "metadataKeys", "otherMatchData", "allFields", "options", "state", "subSlices", "type", "charCode", "lexer", "lexeme", "completedClause", "errorMessage", "nextLexeme", "possibleFields", "f", "boost", "factory", "import_lunr", "getElement", "selector", "node", "el", "getOptionalElement", "obj", "data", "key", "x", "y", "nodes", "parent", "i", "node", "setupSearchDocumentMap", "docs", "map", "doc", "path", "article", "split", "input", "separator", "fn", "_a", "match", "index", "until", "term", "extract", "input", "fn", "block", "start", "end", "stack", "highlight", "input", "table", "positions", "full", "highlightAll", "inputs", "mapping", "t", "prev", "next", "p", "q", "i", "cursor", "blocks", "a", "b", "index", "block", "group", "slices", "indexes", "start", "end", "length", "slice", "j", "tokenize", "input", "tokens", "inputs", "i", "table", "total", "extract", "block", "type", "start", "end", "_a", "section", "split", "index", "until", "subsection", "segments", "s", "l", "transform", "query", "fn", "term", "parts", "index", "prev", "next", "transformSearchQuery", "query", "transform", "part", "terms", "lexer", "type", "term", "start", "end", "split", "range", "parseSearchQuery", "value", "clause", "getSearchQueryTerms", "_a", "clauses", "result", "t", "segment", "query", "index", "segments", "wordcuts", "i", "j", "stack", "p", "q", "extractor", "table", "name", "doc", "id", "difference", "a", "b", "x", "y", "value", "Search", "config", "docs", "options", "field", "setupSearchDocumentMap", "tokenize", "fns", "lang", "language", "fn", "query", "segment", "transformSearchQuery", "clauses", "parseSearchQuery", "clause", "groups", "item", "ref", "score", "matchData", "__spreadValues", "terms", "getSearchQueryTerms", "positions", "match", "highlightAll", "highlight", "boost", "t", "__spreadProps", "__pow", "items", "result", "suggest", "titles", "builder", "index", "setupSearchLanguages", "config", "__async", "base", "worker", "getElement", "path", "scripts", "lang", "handler", "message", "Search", "query", "err", "lunr", "ev"]
+}
diff --git a/assets/stylesheets/main.35f28582.min.css b/assets/stylesheets/main.35f28582.min.css
new file mode 100644
index 0000000..e184017
--- /dev/null
+++ b/assets/stylesheets/main.35f28582.min.css
@@ -0,0 +1 @@
+@charset "UTF-8";html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box}*,:after,:before{box-sizing:inherit}@media (prefers-reduced-motion){*,:after,:before{transition:none!important}}body{margin:0}a,button,input,label{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}hr{border:0;box-sizing:initial;display:block;height:.05rem;overflow:visible;padding:0}small{font-size:80%}sub,sup{line-height:1em}img{border-style:none}table{border-collapse:initial;border-spacing:0}td,th{font-weight:400;vertical-align:top}button{background:#0000;border:0;font-family:inherit;font-size:inherit;margin:0;padding:0}input{border:0;outline:none}:root{--md-primary-fg-color:#4051b5;--md-primary-fg-color--light:#5d6cc0;--md-primary-fg-color--dark:#303fa1;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3;--md-accent-fg-color:#526cfe;--md-accent-fg-color--transparent:#526cfe1a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-scheme=default]{color-scheme:light}[data-md-color-scheme=default] img[src$="#gh-dark-mode-only"],[data-md-color-scheme=default] img[src$="#only-dark"]{display:none}:root,[data-md-color-scheme=default]{--md-hue:225deg;--md-default-fg-color:#000000de;--md-default-fg-color--light:#0000008a;--md-default-fg-color--lighter:#00000052;--md-default-fg-color--lightest:#00000012;--md-default-bg-color:#fff;--md-default-bg-color--light:#ffffffb3;--md-default-bg-color--lighter:#ffffff4d;--md-default-bg-color--lightest:#ffffff1f;--md-code-fg-color:#36464e;--md-code-bg-color:#f5f5f5;--md-code-hl-color:#4287ff;--md-code-hl-color--light:#4287ff1a;--md-code-hl-number-color:#d52a2a;--md-code-hl-special-color:#db1457;--md-code-hl-function-color:#a846b9;--md-code-hl-constant-color:#6e59d9;--md-code-hl-keyword-color:#3f6ec6;--md-code-hl-string-color:#1c7d4d;--md-code-hl-name-color:var(--md-code-fg-color);--md-code-hl-operator-color:var(--md-default-fg-color--light);--md-code-hl-punctuation-color:var(--md-default-fg-color--light);--md-code-hl-comment-color:var(--md-default-fg-color--light);--md-code-hl-generic-color:var(--md-default-fg-color--light);--md-code-hl-variable-color:var(--md-default-fg-color--light);--md-typeset-color:var(--md-default-fg-color);--md-typeset-a-color:var(--md-primary-fg-color);--md-typeset-del-color:#f5503d26;--md-typeset-ins-color:#0bd57026;--md-typeset-kbd-color:#fafafa;--md-typeset-kbd-accent-color:#fff;--md-typeset-kbd-border-color:#b8b8b8;--md-typeset-mark-color:#ffff0080;--md-typeset-table-color:#0000001f;--md-typeset-table-color--light:rgba(0,0,0,.035);--md-admonition-fg-color:var(--md-default-fg-color);--md-admonition-bg-color:var(--md-default-bg-color);--md-warning-fg-color:#000000de;--md-warning-bg-color:#ff9;--md-footer-fg-color:#fff;--md-footer-fg-color--light:#ffffffb3;--md-footer-fg-color--lighter:#ffffff73;--md-footer-bg-color:#000000de;--md-footer-bg-color--dark:#00000052;--md-shadow-z1:0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;--md-shadow-z2:0 0.2rem 0.5rem #0000001a,0 0 0.05rem #00000040;--md-shadow-z3:0 0.2rem 0.5rem #0003,0 0 0.05rem #00000059}.md-icon svg{fill:currentcolor;display:block;height:1.2rem;width:1.2rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--md-text-font-family:var(--md-text-font,_),-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;--md-code-font-family:var(--md-code-font,_),SFMono-Regular,Consolas,Menlo,monospace}aside,body,input{font-feature-settings:"kern","liga";color:var(--md-typeset-color);font-family:var(--md-text-font-family)}code,kbd,pre{font-feature-settings:"kern";font-family:var(--md-code-font-family)}:root{--md-typeset-table-sort-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m18 21-4-4h3V7h-3l4-4 4 4h-3v10h3M2 19v-2h10v2M2 13v-2h7v2M2 7V5h4v2z"/></svg>');--md-typeset-table-sort-icon--asc:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 17h3l-4 4-4-4h3V3h2M2 17h10v2H2M6 5v2H2V5m0 6h7v2H2z"/></svg>');--md-typeset-table-sort-icon--desc:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 7h3l-4-4-4 4h3v14h2M2 17h10v2H2M6 5v2H2V5m0 6h7v2H2z"/></svg>')}.md-typeset{-webkit-print-color-adjust:exact;color-adjust:exact;font-size:.8rem;line-height:1.6}@media print{.md-typeset{font-size:.68rem}}.md-typeset blockquote,.md-typeset dl,.md-typeset figure,.md-typeset ol,.md-typeset pre,.md-typeset ul{margin-bottom:1em;margin-top:1em}.md-typeset h1{color:var(--md-default-fg-color--light);font-size:2em;line-height:1.3;margin:0 0 1.25em}.md-typeset h1,.md-typeset h2{font-weight:300;letter-spacing:-.01em}.md-typeset h2{font-size:1.5625em;line-height:1.4;margin:1.6em 0 .64em}.md-typeset h3{font-size:1.25em;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:1.6em 0 .8em}.md-typeset h2+h3{margin-top:.8em}.md-typeset h4{font-weight:700;letter-spacing:-.01em;margin:1em 0}.md-typeset h5,.md-typeset h6{color:var(--md-default-fg-color--light);font-size:.8em;font-weight:700;letter-spacing:-.01em;margin:1.25em 0}.md-typeset h5{text-transform:uppercase}.md-typeset hr{border-bottom:.05rem solid var(--md-default-fg-color--lightest);display:flow-root;margin:1.5em 0}.md-typeset a{color:var(--md-typeset-a-color);word-break:break-word}.md-typeset a,.md-typeset a:before{transition:color 125ms}.md-typeset a:focus,.md-typeset a:hover{color:var(--md-accent-fg-color)}.md-typeset a:focus code,.md-typeset a:hover code{background-color:var(--md-accent-fg-color--transparent)}.md-typeset a code{color:currentcolor;transition:background-color 125ms}.md-typeset a.focus-visible{outline-color:var(--md-accent-fg-color);outline-offset:.2rem}.md-typeset code,.md-typeset kbd,.md-typeset pre{color:var(--md-code-fg-color);direction:ltr;font-variant-ligatures:none}@media print{.md-typeset code,.md-typeset kbd,.md-typeset pre{white-space:pre-wrap}}.md-typeset code{background-color:var(--md-code-bg-color);border-radius:.1rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:.85em;padding:0 .2941176471em;word-break:break-word}.md-typeset code:not(.focus-visible){-webkit-tap-highlight-color:transparent;outline:none}.md-typeset pre{display:flow-root;line-height:1.4;position:relative}.md-typeset pre>code{-webkit-box-decoration-break:slice;box-decoration-break:slice;box-shadow:none;display:block;margin:0;outline-color:var(--md-accent-fg-color);overflow:auto;padding:.7720588235em 1.1764705882em;scrollbar-color:var(--md-default-fg-color--lighter) #0000;scrollbar-width:thin;touch-action:auto;word-break:normal}.md-typeset pre>code:hover{scrollbar-color:var(--md-accent-fg-color) #0000}.md-typeset pre>code::-webkit-scrollbar{height:.2rem;width:.2rem}.md-typeset pre>code::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-typeset pre>code::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}.md-typeset kbd{background-color:var(--md-typeset-kbd-color);border-radius:.1rem;box-shadow:0 .1rem 0 .05rem var(--md-typeset-kbd-border-color),0 .1rem 0 var(--md-typeset-kbd-border-color),0 -.1rem .2rem var(--md-typeset-kbd-accent-color) inset;color:var(--md-default-fg-color);display:inline-block;font-size:.75em;padding:0 .6666666667em;vertical-align:text-top;word-break:break-word}.md-typeset mark{background-color:var(--md-typeset-mark-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:inherit;word-break:break-word}.md-typeset abbr{border-bottom:.05rem dotted var(--md-default-fg-color--light);cursor:help;text-decoration:none}.md-typeset small{opacity:.75}[dir=ltr] .md-typeset sub,[dir=ltr] .md-typeset sup{margin-left:.078125em}[dir=rtl] .md-typeset sub,[dir=rtl] .md-typeset sup{margin-right:.078125em}[dir=ltr] .md-typeset blockquote{padding-left:.6rem}[dir=rtl] .md-typeset blockquote{padding-right:.6rem}[dir=ltr] .md-typeset blockquote{border-left:.2rem solid var(--md-default-fg-color--lighter)}[dir=rtl] .md-typeset blockquote{border-right:.2rem solid var(--md-default-fg-color--lighter)}.md-typeset blockquote{color:var(--md-default-fg-color--light);margin-left:0;margin-right:0}.md-typeset ul{list-style-type:disc}[dir=ltr] .md-typeset ol,[dir=ltr] .md-typeset ul{margin-left:.625em}[dir=rtl] .md-typeset ol,[dir=rtl] .md-typeset ul{margin-right:.625em}.md-typeset ol,.md-typeset ul{padding:0}.md-typeset ol:not([hidden]),.md-typeset ul:not([hidden]){display:flow-root}.md-typeset ol ol,.md-typeset ul ol{list-style-type:lower-alpha}.md-typeset ol ol ol,.md-typeset ul ol ol{list-style-type:lower-roman}[dir=ltr] .md-typeset ol li,[dir=ltr] .md-typeset ul li{margin-left:1.25em}[dir=rtl] .md-typeset ol li,[dir=rtl] .md-typeset ul li{margin-right:1.25em}.md-typeset ol li,.md-typeset ul li{margin-bottom:.5em}.md-typeset ol li blockquote,.md-typeset ol li p,.md-typeset ul li blockquote,.md-typeset ul li p{margin:.5em 0}.md-typeset ol li:last-child,.md-typeset ul li:last-child{margin-bottom:0}[dir=ltr] .md-typeset ol li ol,[dir=ltr] .md-typeset ol li ul,[dir=ltr] .md-typeset ul li ol,[dir=ltr] .md-typeset ul li ul{margin-left:.625em}[dir=rtl] .md-typeset ol li ol,[dir=rtl] .md-typeset ol li ul,[dir=rtl] .md-typeset ul li ol,[dir=rtl] .md-typeset ul li ul{margin-right:.625em}.md-typeset ol li ol,.md-typeset ol li ul,.md-typeset ul li ol,.md-typeset ul li ul{margin-bottom:.5em;margin-top:.5em}[dir=ltr] .md-typeset dd{margin-left:1.875em}[dir=rtl] .md-typeset dd{margin-right:1.875em}.md-typeset dd{margin-bottom:1.5em;margin-top:1em}.md-typeset img,.md-typeset svg,.md-typeset video{height:auto;max-width:100%}.md-typeset img[align=left]{margin:1em 1em 1em 0}.md-typeset img[align=right]{margin:1em 0 1em 1em}.md-typeset img[align]:only-child{margin-top:0}.md-typeset figure{display:flow-root;margin:1em auto;max-width:100%;text-align:center;width:-moz-fit-content;width:fit-content}.md-typeset figure img{display:block;margin:0 auto}.md-typeset figcaption{font-style:italic;margin:1em auto;max-width:24rem}.md-typeset iframe{max-width:100%}.md-typeset table:not([class]){background-color:var(--md-default-bg-color);border:.05rem solid var(--md-typeset-table-color);border-radius:.1rem;display:inline-block;font-size:.64rem;max-width:100%;overflow:auto;touch-action:auto}@media print{.md-typeset table:not([class]){display:table}}.md-typeset table:not([class])+*{margin-top:1.5em}.md-typeset table:not([class]) td>:first-child,.md-typeset table:not([class]) th>:first-child{margin-top:0}.md-typeset table:not([class]) td>:last-child,.md-typeset table:not([class]) th>:last-child{margin-bottom:0}.md-typeset table:not([class]) td:not([align]),.md-typeset table:not([class]) th:not([align]){text-align:left}[dir=rtl] .md-typeset table:not([class]) td:not([align]),[dir=rtl] .md-typeset table:not([class]) th:not([align]){text-align:right}.md-typeset table:not([class]) th{font-weight:700;min-width:5rem;padding:.9375em 1.25em;vertical-align:top}.md-typeset table:not([class]) td{border-top:.05rem solid var(--md-typeset-table-color);padding:.9375em 1.25em;vertical-align:top}.md-typeset table:not([class]) tbody tr{transition:background-color 125ms}.md-typeset table:not([class]) tbody tr:hover{background-color:var(--md-typeset-table-color--light);box-shadow:0 .05rem 0 var(--md-default-bg-color) inset}.md-typeset table:not([class]) a{word-break:normal}.md-typeset table th[role=columnheader]{cursor:pointer}[dir=ltr] .md-typeset table th[role=columnheader]:after{margin-left:.5em}[dir=rtl] .md-typeset table th[role=columnheader]:after{margin-right:.5em}.md-typeset table th[role=columnheader]:after{content:"";display:inline-block;height:1.2em;-webkit-mask-image:var(--md-typeset-table-sort-icon);mask-image:var(--md-typeset-table-sort-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color 125ms;vertical-align:text-bottom;width:1.2em}.md-typeset table th[role=columnheader]:hover:after{background-color:var(--md-default-fg-color--lighter)}.md-typeset table th[role=columnheader][aria-sort=ascending]:after{background-color:var(--md-default-fg-color--light);-webkit-mask-image:var(--md-typeset-table-sort-icon--asc);mask-image:var(--md-typeset-table-sort-icon--asc)}.md-typeset table th[role=columnheader][aria-sort=descending]:after{background-color:var(--md-default-fg-color--light);-webkit-mask-image:var(--md-typeset-table-sort-icon--desc);mask-image:var(--md-typeset-table-sort-icon--desc)}.md-typeset__scrollwrap{margin:1em -.8rem;overflow-x:auto;touch-action:auto}.md-typeset__table{display:inline-block;margin-bottom:.5em;padding:0 .8rem}@media print{.md-typeset__table{display:block}}html .md-typeset__table table{display:table;margin:0;overflow:hidden;width:100%}@media screen and (max-width:44.984375em){.md-content__inner>pre{margin:1em -.8rem}.md-content__inner>pre code{border-radius:0}}.md-typeset .md-author{border-radius:100%;display:block;flex-shrink:0;height:1.6rem;overflow:hidden;position:relative;transition:color 125ms,transform 125ms;width:1.6rem}.md-typeset .md-author img{display:block}.md-typeset .md-author--more{background:var(--md-default-fg-color--lightest);color:var(--md-default-fg-color--lighter);font-size:.6rem;font-weight:700;line-height:1.6rem;text-align:center}.md-typeset .md-author--long{height:2.4rem;width:2.4rem}.md-typeset a.md-author{transform:scale(1)}.md-typeset a.md-author img{border-radius:100%;filter:grayscale(100%) opacity(75%);transition:filter 125ms}.md-typeset a.md-author:focus,.md-typeset a.md-author:hover{transform:scale(1.1);z-index:1}.md-typeset a.md-author:focus img,.md-typeset a.md-author:hover img{filter:grayscale(0)}.md-banner{background-color:var(--md-footer-bg-color);color:var(--md-footer-fg-color);overflow:auto}@media print{.md-banner{display:none}}.md-banner--warning{background-color:var(--md-warning-bg-color);color:var(--md-warning-fg-color)}.md-banner__inner{font-size:.7rem;margin:.6rem auto;padding:0 .8rem}[dir=ltr] .md-banner__button{float:right}[dir=rtl] .md-banner__button{float:left}.md-banner__button{color:inherit;cursor:pointer;transition:opacity .25s}.no-js .md-banner__button{display:none}.md-banner__button:hover{opacity:.7}html{font-size:125%;height:100%;overflow-x:hidden}@media screen and (min-width:100em){html{font-size:137.5%}}@media screen and (min-width:125em){html{font-size:150%}}body{background-color:var(--md-default-bg-color);display:flex;flex-direction:column;font-size:.5rem;min-height:100%;position:relative;width:100%}@media print{body{display:block}}@media screen and (max-width:59.984375em){body[data-md-scrolllock]{position:fixed}}.md-grid{margin-left:auto;margin-right:auto;max-width:61rem}.md-container{display:flex;flex-direction:column;flex-grow:1}@media print{.md-container{display:block}}.md-main{flex-grow:1}.md-main__inner{display:flex;height:100%;margin-top:1.5rem}.md-ellipsis{overflow:hidden;text-overflow:ellipsis}.md-toggle{display:none}.md-option{height:0;opacity:0;position:absolute;width:0}.md-option:checked+label:not([hidden]){display:block}.md-option.focus-visible+label{outline-color:var(--md-accent-fg-color);outline-style:auto}.md-skip{background-color:var(--md-default-fg-color);border-radius:.1rem;color:var(--md-default-bg-color);font-size:.64rem;margin:.5rem;opacity:0;outline-color:var(--md-accent-fg-color);padding:.3rem .5rem;position:fixed;transform:translateY(.4rem);z-index:-1}.md-skip:focus{opacity:1;transform:translateY(0);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity 175ms 75ms;z-index:10}@page{margin:25mm}:root{--md-clipboard-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"/></svg>')}.md-clipboard{border-radius:.1rem;color:var(--md-default-fg-color--lightest);cursor:pointer;height:1.5em;outline-color:var(--md-accent-fg-color);outline-offset:.1rem;position:absolute;right:.5em;top:.5em;transition:color .25s;width:1.5em;z-index:1}@media print{.md-clipboard{display:none}}.md-clipboard:not(.focus-visible){-webkit-tap-highlight-color:transparent;outline:none}:hover>.md-clipboard{color:var(--md-default-fg-color--light)}.md-clipboard:focus,.md-clipboard:hover{color:var(--md-accent-fg-color)}.md-clipboard:after{background-color:currentcolor;content:"";display:block;height:1.125em;margin:0 auto;-webkit-mask-image:var(--md-clipboard-icon);mask-image:var(--md-clipboard-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1.125em}.md-clipboard--inline{cursor:pointer}.md-clipboard--inline code{transition:color .25s,background-color .25s}.md-clipboard--inline:focus code,.md-clipboard--inline:hover code{background-color:var(--md-accent-fg-color--transparent);color:var(--md-accent-fg-color)}.md-typeset .md-code__content{display:grid}@keyframes consent{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes overlay{0%{opacity:0}to{opacity:1}}.md-consent__overlay{animation:overlay .25s both;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);background-color:#0000008a;height:100%;opacity:1;position:fixed;top:0;width:100%;z-index:5}.md-consent__inner{animation:consent .5s cubic-bezier(.1,.7,.1,1) both;background-color:var(--md-default-bg-color);border:0;border-radius:.1rem;bottom:0;box-shadow:0 0 .2rem #0000001a,0 .2rem .4rem #0003;max-height:100%;overflow:auto;padding:0;position:fixed;width:100%;z-index:5}.md-consent__form{padding:.8rem}.md-consent__settings{display:none;margin:1em 0}input:checked+.md-consent__settings{display:block}.md-consent__controls{margin-bottom:.8rem}.md-typeset .md-consent__controls .md-button{display:inline}@media screen and (max-width:44.984375em){.md-typeset .md-consent__controls .md-button{display:block;margin-top:.4rem;text-align:center;width:100%}}.md-consent label{cursor:pointer}.md-content{flex-grow:1;min-width:0}.md-content__inner{margin:0 .8rem 1.2rem;padding-top:.6rem}@media screen and (min-width:76.25em){[dir=ltr] .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{margin-left:1.2rem}[dir=ltr] .md-sidebar--secondary:not([hidden])~.md-content>.md-content__inner,[dir=rtl] .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{margin-right:1.2rem}[dir=rtl] .md-sidebar--secondary:not([hidden])~.md-content>.md-content__inner{margin-left:1.2rem}}.md-content__inner:before{content:"";display:block;height:.4rem}.md-content__inner>:last-child{margin-bottom:0}[dir=ltr] .md-content__button{float:right}[dir=rtl] .md-content__button{float:left}[dir=ltr] .md-content__button{margin-left:.4rem}[dir=rtl] .md-content__button{margin-right:.4rem}.md-content__button{margin:.4rem 0;padding:0}@media print{.md-content__button{display:none}}.md-typeset .md-content__button{color:var(--md-default-fg-color--lighter)}.md-content__button svg{display:inline;vertical-align:top}[dir=rtl] .md-content__button svg{transform:scaleX(-1)}[dir=ltr] .md-dialog{right:.8rem}[dir=rtl] .md-dialog{left:.8rem}.md-dialog{background-color:var(--md-default-fg-color);border-radius:.1rem;bottom:.8rem;box-shadow:var(--md-shadow-z3);min-width:11.1rem;opacity:0;padding:.4rem .6rem;pointer-events:none;position:fixed;transform:translateY(100%);transition:transform 0ms .4s,opacity .4s;z-index:4}@media print{.md-dialog{display:none}}.md-dialog--active{opacity:1;pointer-events:auto;transform:translateY(0);transition:transform .4s cubic-bezier(.075,.85,.175,1),opacity .4s}.md-dialog__inner{color:var(--md-default-bg-color);font-size:.7rem}.md-feedback{margin:2em 0 1em;text-align:center}.md-feedback fieldset{border:none;margin:0;padding:0}.md-feedback__title{font-weight:700;margin:1em auto}.md-feedback__inner{position:relative}.md-feedback__list{display:flex;flex-wrap:wrap;place-content:baseline center;position:relative}.md-feedback__list:hover .md-icon:not(:disabled){color:var(--md-default-fg-color--lighter)}:disabled .md-feedback__list{min-height:1.8rem}.md-feedback__icon{color:var(--md-default-fg-color--light);cursor:pointer;flex-shrink:0;margin:0 .1rem;transition:color 125ms}.md-feedback__icon:not(:disabled).md-icon:hover{color:var(--md-accent-fg-color)}.md-feedback__icon:disabled{color:var(--md-default-fg-color--lightest);pointer-events:none}.md-feedback__note{opacity:0;position:relative;transform:translateY(.4rem);transition:transform .4s cubic-bezier(.1,.7,.1,1),opacity .15s}.md-feedback__note>*{margin:0 auto;max-width:16rem}:disabled .md-feedback__note{opacity:1;transform:translateY(0)}.md-footer{background-color:var(--md-footer-bg-color);color:var(--md-footer-fg-color)}@media print{.md-footer{display:none}}.md-footer__inner{justify-content:space-between;overflow:auto;padding:.2rem}.md-footer__inner:not([hidden]){display:flex}.md-footer__link{align-items:end;display:flex;flex-grow:0.01;margin-bottom:.4rem;margin-top:1rem;max-width:100%;outline-color:var(--md-accent-fg-color);overflow:hidden;transition:opacity .25s}.md-footer__link:focus,.md-footer__link:hover{opacity:.7}[dir=rtl] .md-footer__link svg{transform:scaleX(-1)}@media screen and (max-width:44.984375em){.md-footer__link--prev{flex-shrink:0}.md-footer__link--prev .md-footer__title{display:none}}[dir=ltr] .md-footer__link--next{margin-left:auto}[dir=rtl] .md-footer__link--next{margin-right:auto}.md-footer__link--next{text-align:right}[dir=rtl] .md-footer__link--next{text-align:left}.md-footer__title{flex-grow:1;font-size:.9rem;margin-bottom:.7rem;max-width:calc(100% - 2.4rem);padding:0 1rem;white-space:nowrap}.md-footer__button{margin:.2rem;padding:.4rem}.md-footer__direction{font-size:.64rem;opacity:.7}.md-footer-meta{background-color:var(--md-footer-bg-color--dark)}.md-footer-meta__inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.2rem}html .md-footer-meta.md-typeset a{color:var(--md-footer-fg-color--light)}html .md-footer-meta.md-typeset a:focus,html .md-footer-meta.md-typeset a:hover{color:var(--md-footer-fg-color)}.md-copyright{color:var(--md-footer-fg-color--lighter);font-size:.64rem;margin:auto .6rem;padding:.4rem 0;width:100%}@media screen and (min-width:45em){.md-copyright{width:auto}}.md-copyright__highlight{color:var(--md-footer-fg-color--light)}.md-social{display:inline-flex;gap:.2rem;margin:0 .4rem;padding:.2rem 0 .6rem}@media screen and (min-width:45em){.md-social{padding:.6rem 0}}.md-social__link{display:inline-block;height:1.6rem;text-align:center;width:1.6rem}.md-social__link:before{line-height:1.9}.md-social__link svg{fill:currentcolor;max-height:.8rem;vertical-align:-25%}.md-typeset .md-button{border:.1rem solid;border-radius:.1rem;color:var(--md-primary-fg-color);cursor:pointer;display:inline-block;font-weight:700;padding:.625em 2em;transition:color 125ms,background-color 125ms,border-color 125ms}.md-typeset .md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:var(--md-primary-bg-color)}.md-typeset .md-button:focus,.md-typeset .md-button:hover{background-color:var(--md-accent-fg-color);border-color:var(--md-accent-fg-color);color:var(--md-accent-bg-color)}[dir=ltr] .md-typeset .md-input{border-top-left-radius:.1rem}[dir=ltr] .md-typeset .md-input,[dir=rtl] .md-typeset .md-input{border-top-right-radius:.1rem}[dir=rtl] .md-typeset .md-input{border-top-left-radius:.1rem}.md-typeset .md-input{border-bottom:.1rem solid var(--md-default-fg-color--lighter);box-shadow:var(--md-shadow-z1);font-size:.8rem;height:1.8rem;padding:0 .6rem;transition:border .25s,box-shadow .25s}.md-typeset .md-input:focus,.md-typeset .md-input:hover{border-bottom-color:var(--md-accent-fg-color);box-shadow:var(--md-shadow-z2)}.md-typeset .md-input--stretch{width:100%}.md-header{background-color:var(--md-primary-fg-color);box-shadow:0 0 .2rem #0000,0 .2rem .4rem #0000;color:var(--md-primary-bg-color);display:block;left:0;position:sticky;right:0;top:0;z-index:4}@media print{.md-header{display:none}}.md-header[hidden]{transform:translateY(-100%);transition:transform .25s cubic-bezier(.8,0,.6,1),box-shadow .25s}.md-header--shadow{box-shadow:0 0 .2rem #0000001a,0 .2rem .4rem #0003;transition:transform .25s cubic-bezier(.1,.7,.1,1),box-shadow .25s}.md-header__inner{align-items:center;display:flex;padding:0 .2rem}.md-header__button{color:currentcolor;cursor:pointer;margin:.2rem;outline-color:var(--md-accent-fg-color);padding:.4rem;position:relative;transition:opacity .25s;vertical-align:middle;z-index:1}.md-header__button:hover{opacity:.7}.md-header__button:not([hidden]){display:inline-block}.md-header__button:not(.focus-visible){-webkit-tap-highlight-color:transparent;outline:none}.md-header__button.md-logo{margin:.2rem;padding:.4rem}@media screen and (max-width:76.234375em){.md-header__button.md-logo{display:none}}.md-header__button.md-logo img,.md-header__button.md-logo svg{fill:currentcolor;display:block;height:1.2rem;width:auto}@media screen and (min-width:60em){.md-header__button[for=__search]{display:none}}.no-js .md-header__button[for=__search]{display:none}[dir=rtl] .md-header__button[for=__search] svg{transform:scaleX(-1)}@media screen and (min-width:76.25em){.md-header__button[for=__drawer]{display:none}}.md-header__topic{display:flex;max-width:100%;position:absolute;transition:transform .4s cubic-bezier(.1,.7,.1,1),opacity .15s;white-space:nowrap}.md-header__topic+.md-header__topic{opacity:0;pointer-events:none;transform:translateX(1.25rem);transition:transform .4s cubic-bezier(1,.7,.1,.1),opacity .15s;z-index:-1}[dir=rtl] .md-header__topic+.md-header__topic{transform:translateX(-1.25rem)}.md-header__topic:first-child{font-weight:700}[dir=ltr] .md-header__title{margin-left:1rem;margin-right:.4rem}[dir=rtl] .md-header__title{margin-left:.4rem;margin-right:1rem}.md-header__title{flex-grow:1;font-size:.9rem;height:2.4rem;line-height:2.4rem}.md-header__title--active .md-header__topic{opacity:0;pointer-events:none;transform:translateX(-1.25rem);transition:transform .4s cubic-bezier(1,.7,.1,.1),opacity .15s;z-index:-1}[dir=rtl] .md-header__title--active .md-header__topic{transform:translateX(1.25rem)}.md-header__title--active .md-header__topic+.md-header__topic{opacity:1;pointer-events:auto;transform:translateX(0);transition:transform .4s cubic-bezier(.1,.7,.1,1),opacity .15s;z-index:0}.md-header__title>.md-header__ellipsis{height:100%;position:relative;width:100%}.md-header__option{display:flex;flex-shrink:0;max-width:100%;transition:max-width 0ms .25s,opacity .25s .25s;white-space:nowrap}[data-md-toggle=search]:checked~.md-header .md-header__option{max-width:0;opacity:0;transition:max-width 0ms,opacity 0ms}.md-header__option>input{bottom:0}.md-header__source{display:none}@media screen and (min-width:60em){[dir=ltr] .md-header__source{margin-left:1rem}[dir=rtl] .md-header__source{margin-right:1rem}.md-header__source{display:block;max-width:11.7rem;width:11.7rem}}@media screen and (min-width:76.25em){[dir=ltr] .md-header__source{margin-left:1.4rem}[dir=rtl] .md-header__source{margin-right:1.4rem}}.md-meta{color:var(--md-default-fg-color--light);font-size:.7rem;line-height:1.3}.md-meta__list{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.md-meta__item:not(:last-child):after{content:"·";margin-left:.2rem;margin-right:.2rem}.md-meta__link{color:var(--md-typeset-a-color)}.md-meta__link:focus,.md-meta__link:hover{color:var(--md-accent-fg-color)}.md-draft{background-color:#ff1744;border-radius:.125em;color:#fff;display:inline-block;font-weight:700;padding-left:.5714285714em;padding-right:.5714285714em}:root{--md-nav-icon--prev:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>');--md-nav-icon--next:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>');--md-toc-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 9h14V7H3zm0 4h14v-2H3zm0 4h14v-2H3zm16 0h2v-2h-2zm0-10v2h2V7zm0 6h2v-2h-2z"/></svg>')}.md-nav{font-size:.7rem;line-height:1.3}.md-nav__title{color:var(--md-default-fg-color--light);display:block;font-weight:700;overflow:hidden;padding:0 .6rem;text-overflow:ellipsis}.md-nav__title .md-nav__button{display:none}.md-nav__title .md-nav__button img{height:100%;width:auto}.md-nav__title .md-nav__button.md-logo img,.md-nav__title .md-nav__button.md-logo svg{fill:currentcolor;display:block;height:2.4rem;max-width:100%;object-fit:contain;width:auto}.md-nav__list{list-style:none;margin:0;padding:0}.md-nav__link{align-items:flex-start;display:flex;gap:.4rem;margin-top:.625em;scroll-snap-align:start;transition:color 125ms}.md-nav__link--passed{color:var(--md-default-fg-color--light)}.md-nav__item .md-nav__link--active,.md-nav__item .md-nav__link--active code{color:var(--md-typeset-a-color)}.md-nav__link .md-ellipsis{position:relative}[dir=ltr] .md-nav__link .md-icon:last-child{margin-left:auto}[dir=rtl] .md-nav__link .md-icon:last-child{margin-right:auto}.md-nav__link svg{fill:currentcolor;flex-shrink:0;height:1.3em;position:relative}.md-nav__link[for]:focus,.md-nav__link[for]:hover,.md-nav__link[href]:focus,.md-nav__link[href]:hover{color:var(--md-accent-fg-color);cursor:pointer}.md-nav__link.focus-visible{outline-color:var(--md-accent-fg-color);outline-offset:.2rem}.md-nav--primary .md-nav__link[for=__toc]{display:none}.md-nav--primary .md-nav__link[for=__toc] .md-icon:after{background-color:currentcolor;display:block;height:100%;-webkit-mask-image:var(--md-toc-icon);mask-image:var(--md-toc-icon);width:100%}.md-nav--primary .md-nav__link[for=__toc]~.md-nav{display:none}.md-nav__container>.md-nav__link{margin-top:0}.md-nav__container>.md-nav__link:first-child{flex-grow:1;min-width:0}.md-nav__icon{flex-shrink:0}.md-nav__source{display:none}@media screen and (max-width:76.234375em){.md-nav--primary,.md-nav--primary .md-nav{background-color:var(--md-default-bg-color);display:flex;flex-direction:column;height:100%;left:0;position:absolute;right:0;top:0;z-index:1}.md-nav--primary .md-nav__item,.md-nav--primary .md-nav__title{font-size:.8rem;line-height:1.5}.md-nav--primary .md-nav__title{background-color:var(--md-default-fg-color--lightest);color:var(--md-default-fg-color--light);cursor:pointer;height:5.6rem;line-height:2.4rem;padding:3rem .8rem .2rem;position:relative;white-space:nowrap}[dir=ltr] .md-nav--primary .md-nav__title .md-nav__icon{left:.4rem}[dir=rtl] .md-nav--primary .md-nav__title .md-nav__icon{right:.4rem}.md-nav--primary .md-nav__title .md-nav__icon{display:block;height:1.2rem;margin:.2rem;position:absolute;top:.4rem;width:1.2rem}.md-nav--primary .md-nav__title .md-nav__icon:after{background-color:currentcolor;content:"";display:block;height:100%;-webkit-mask-image:var(--md-nav-icon--prev);mask-image:var(--md-nav-icon--prev);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.md-nav--primary .md-nav__title~.md-nav__list{background-color:var(--md-default-bg-color);box-shadow:0 .05rem 0 var(--md-default-fg-color--lightest) inset;overflow-y:auto;scroll-snap-type:y mandatory;touch-action:pan-y}.md-nav--primary .md-nav__title~.md-nav__list>:first-child{border-top:0}.md-nav--primary .md-nav__title[for=__drawer]{background-color:var(--md-primary-fg-color);color:var(--md-primary-bg-color);font-weight:700}.md-nav--primary .md-nav__title .md-logo{display:block;left:.2rem;margin:.2rem;padding:.4rem;position:absolute;right:.2rem;top:.2rem}.md-nav--primary .md-nav__list{flex:1}.md-nav--primary .md-nav__item{border-top:.05rem solid var(--md-default-fg-color--lightest)}.md-nav--primary .md-nav__item--active>.md-nav__link{color:var(--md-typeset-a-color)}.md-nav--primary .md-nav__item--active>.md-nav__link:focus,.md-nav--primary .md-nav__item--active>.md-nav__link:hover{color:var(--md-accent-fg-color)}.md-nav--primary .md-nav__link{margin-top:0;padding:.6rem .8rem}.md-nav--primary .md-nav__link svg{margin-top:.1em}.md-nav--primary .md-nav__link>.md-nav__link{padding:0}[dir=ltr] .md-nav--primary .md-nav__link .md-nav__icon{margin-right:-.2rem}[dir=rtl] .md-nav--primary .md-nav__link .md-nav__icon{margin-left:-.2rem}.md-nav--primary .md-nav__link .md-nav__icon{font-size:1.2rem;height:1.2rem;width:1.2rem}.md-nav--primary .md-nav__link .md-nav__icon:after{background-color:currentcolor;content:"";display:block;height:100%;-webkit-mask-image:var(--md-nav-icon--next);mask-image:var(--md-nav-icon--next);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}[dir=rtl] .md-nav--primary .md-nav__icon:after{transform:scale(-1)}.md-nav--primary .md-nav--secondary .md-nav{background-color:initial;position:static}[dir=ltr] .md-nav--primary .md-nav--secondary .md-nav .md-nav__link{padding-left:1.4rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav__link{padding-right:1.4rem}[dir=ltr] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{padding-left:2rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{padding-right:2rem}[dir=ltr] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{padding-left:2.6rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{padding-right:2.6rem}[dir=ltr] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{padding-left:3.2rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{padding-right:3.2rem}.md-nav--secondary{background-color:initial}.md-nav__toggle~.md-nav{display:flex;opacity:0;transform:translateX(100%);transition:transform .25s cubic-bezier(.8,0,.6,1),opacity 125ms 50ms}[dir=rtl] .md-nav__toggle~.md-nav{transform:translateX(-100%)}.md-nav__toggle:checked~.md-nav{opacity:1;transform:translateX(0);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity 125ms 125ms}.md-nav__toggle:checked~.md-nav>.md-nav__list{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media screen and (max-width:59.984375em){.md-nav--primary .md-nav__link[for=__toc]{display:flex}.md-nav--primary .md-nav__link[for=__toc] .md-icon:after{content:""}.md-nav--primary .md-nav__link[for=__toc]+.md-nav__link{display:none}.md-nav--primary .md-nav__link[for=__toc]~.md-nav{display:flex}.md-nav__source{background-color:var(--md-primary-fg-color--dark);color:var(--md-primary-bg-color);display:block;padding:0 .2rem}}@media screen and (min-width:60em) and (max-width:76.234375em){.md-nav--integrated .md-nav__link[for=__toc]{display:flex}.md-nav--integrated .md-nav__link[for=__toc] .md-icon:after{content:""}.md-nav--integrated .md-nav__link[for=__toc]+.md-nav__link{display:none}.md-nav--integrated .md-nav__link[for=__toc]~.md-nav{display:flex}}@media screen and (min-width:60em){.md-nav{margin-bottom:-.4rem}.md-nav--secondary .md-nav__title{background:var(--md-default-bg-color);box-shadow:0 0 .4rem .4rem var(--md-default-bg-color);position:sticky;top:0;z-index:1}.md-nav--secondary .md-nav__title[for=__toc]{scroll-snap-align:start}.md-nav--secondary .md-nav__title .md-nav__icon{display:none}[dir=ltr] .md-nav--secondary .md-nav__list{padding-left:.6rem}[dir=rtl] .md-nav--secondary .md-nav__list{padding-right:.6rem}.md-nav--secondary .md-nav__list{padding-bottom:.4rem}[dir=ltr] .md-nav--secondary .md-nav__item>.md-nav__link{margin-right:.4rem}[dir=rtl] .md-nav--secondary .md-nav__item>.md-nav__link{margin-left:.4rem}}@media screen and (min-width:76.25em){.md-nav{margin-bottom:-.4rem;transition:max-height .25s cubic-bezier(.86,0,.07,1)}.md-nav--primary .md-nav__title{background:var(--md-default-bg-color);box-shadow:0 0 .4rem .4rem var(--md-default-bg-color);position:sticky;top:0;z-index:1}.md-nav--primary .md-nav__title[for=__drawer]{scroll-snap-align:start}.md-nav--primary .md-nav__title .md-nav__icon{display:none}[dir=ltr] .md-nav--primary .md-nav__list{padding-left:.6rem}[dir=rtl] .md-nav--primary .md-nav__list{padding-right:.6rem}.md-nav--primary .md-nav__list{padding-bottom:.4rem}[dir=ltr] .md-nav--primary .md-nav__item>.md-nav__link{margin-right:.4rem}[dir=rtl] .md-nav--primary .md-nav__item>.md-nav__link{margin-left:.4rem}.md-nav__toggle~.md-nav{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s cubic-bezier(.86,0,.07,1),opacity .25s,visibility 0ms .25s;visibility:collapse}.md-nav__toggle~.md-nav>.md-nav__list{overflow:hidden}.md-nav__toggle.md-toggle--indeterminate~.md-nav,.md-nav__toggle:checked~.md-nav{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s cubic-bezier(.86,0,.07,1),opacity .15s .1s,visibility 0ms;visibility:visible}.md-nav__toggle.md-toggle--indeterminate~.md-nav{transition:none}.md-nav__item--nested>.md-nav>.md-nav__title{display:none}.md-nav__item--section{display:block;margin:1.25em 0}.md-nav__item--section:last-child{margin-bottom:0}.md-nav__item--section>.md-nav__link{font-weight:700}.md-nav__item--section>.md-nav__link[for]{color:var(--md-default-fg-color--light)}.md-nav__item--section>.md-nav__link:not(.md-nav__container){pointer-events:none}.md-nav__item--section>.md-nav__link .md-icon,.md-nav__item--section>.md-nav__link>[for]{display:none}[dir=ltr] .md-nav__item--section>.md-nav{margin-left:-.6rem}[dir=rtl] .md-nav__item--section>.md-nav{margin-right:-.6rem}.md-nav__item--section>.md-nav{display:block;opacity:1;visibility:visible}.md-nav__item--section>.md-nav>.md-nav__list>.md-nav__item{padding:0}.md-nav__icon{border-radius:100%;height:.9rem;transition:background-color .25s;width:.9rem}.md-nav__icon:hover{background-color:var(--md-accent-fg-color--transparent)}.md-nav__icon:after{background-color:currentcolor;border-radius:100%;content:"";display:inline-block;height:100%;-webkit-mask-image:var(--md-nav-icon--next);mask-image:var(--md-nav-icon--next);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:transform .25s;vertical-align:-.1rem;width:100%}[dir=rtl] .md-nav__icon:after{transform:rotate(180deg)}.md-nav__item--nested .md-nav__toggle:checked~.md-nav__link .md-nav__icon:after,.md-nav__item--nested .md-toggle--indeterminate~.md-nav__link .md-nav__icon:after{transform:rotate(90deg)}.md-nav--lifted>.md-nav__list>.md-nav__item,.md-nav--lifted>.md-nav__title{display:none}.md-nav--lifted>.md-nav__list>.md-nav__item--active{display:block}.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link{background:var(--md-default-bg-color);box-shadow:0 0 .4rem .4rem var(--md-default-bg-color);margin-top:0;position:sticky;top:0;z-index:1}.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link:not(.md-nav__container){pointer-events:none}.md-nav--lifted>.md-nav__list>.md-nav__item--active.md-nav__item--section{margin:0}[dir=ltr] .md-nav--lifted>.md-nav__list>.md-nav__item>.md-nav:not(.md-nav--secondary){margin-left:-.6rem}[dir=rtl] .md-nav--lifted>.md-nav__list>.md-nav__item>.md-nav:not(.md-nav--secondary){margin-right:-.6rem}.md-nav--lifted>.md-nav__list>.md-nav__item>[for]{color:var(--md-default-fg-color--light)}.md-nav--lifted .md-nav[data-md-level="1"]{grid-template-rows:1fr;opacity:1;visibility:visible}[dir=ltr] .md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary{border-left:.05rem solid var(--md-primary-fg-color)}[dir=rtl] .md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary{border-right:.05rem solid var(--md-primary-fg-color)}.md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary{display:block;margin-bottom:1.25em;opacity:1;visibility:visible}.md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary>.md-nav__list{overflow:visible;padding-bottom:0}.md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary>.md-nav__title{display:none}}.md-pagination{font-size:.8rem;font-weight:700;gap:.4rem}.md-pagination,.md-pagination>*{align-items:center;display:flex;justify-content:center}.md-pagination>*{border-radius:.2rem;height:1.8rem;min-width:1.8rem;text-align:center}.md-pagination__current{background-color:var(--md-default-fg-color--lightest);color:var(--md-default-fg-color--light)}.md-pagination__link{transition:color 125ms,background-color 125ms}.md-pagination__link:focus,.md-pagination__link:hover{background-color:var(--md-accent-fg-color--transparent);color:var(--md-accent-fg-color)}.md-pagination__link:focus svg,.md-pagination__link:hover svg{color:var(--md-accent-fg-color)}.md-pagination__link.focus-visible{outline-color:var(--md-accent-fg-color);outline-offset:.2rem}.md-pagination__link svg{fill:currentcolor;color:var(--md-default-fg-color--lighter);display:block;max-height:100%;width:1.2rem}.md-post__back{border-bottom:.05rem solid var(--md-default-fg-color--lightest);margin-bottom:1.2rem;padding-bottom:1.2rem}@media screen and (max-width:76.234375em){.md-post__back{display:none}}[dir=rtl] .md-post__back svg{transform:scaleX(-1)}.md-post__authors{display:flex;flex-direction:column;gap:.6rem;margin:0 .6rem 1.2rem}.md-post .md-post__meta a{transition:color 125ms}.md-post .md-post__meta a:focus,.md-post .md-post__meta a:hover{color:var(--md-accent-fg-color)}.md-post__title{color:var(--md-default-fg-color--light);font-weight:700}.md-post--excerpt{margin-bottom:3.2rem}.md-post--excerpt .md-post__header{align-items:center;display:flex;gap:.6rem;min-height:1.6rem}.md-post--excerpt .md-post__authors{align-items:center;display:inline-flex;flex-direction:row;gap:.2rem;margin:0;min-height:2.4rem}[dir=ltr] .md-post--excerpt .md-post__meta .md-meta__list{margin-right:.4rem}[dir=rtl] .md-post--excerpt .md-post__meta .md-meta__list{margin-left:.4rem}.md-post--excerpt .md-post__content>:first-child{--md-scroll-margin:6rem;margin-top:0}.md-post>.md-nav--secondary{margin:1em 0}.md-profile{align-items:center;display:flex;font-size:.7rem;gap:.6rem;line-height:1.4;width:100%}.md-profile__description{flex-grow:1}.md-content--post{display:flex}@media screen and (max-width:76.234375em){.md-content--post{flex-flow:column-reverse}}.md-content--post>.md-content__inner{min-width:0}@media screen and (min-width:76.25em){[dir=ltr] .md-content--post>.md-content__inner{margin-left:1.2rem}[dir=rtl] .md-content--post>.md-content__inner{margin-right:1.2rem}}@media screen and (max-width:76.234375em){.md-sidebar.md-sidebar--post{padding:0;position:static;width:100%}.md-sidebar.md-sidebar--post .md-sidebar__scrollwrap{overflow:visible}.md-sidebar.md-sidebar--post .md-sidebar__inner{padding:0}.md-sidebar.md-sidebar--post .md-post__meta{margin-left:.6rem;margin-right:.6rem}.md-sidebar.md-sidebar--post .md-nav__item{border:none;display:inline}.md-sidebar.md-sidebar--post .md-nav__list{display:inline-flex;flex-wrap:wrap;gap:.6rem;padding-bottom:.6rem;padding-top:.6rem}.md-sidebar.md-sidebar--post .md-nav__link{padding:0}.md-sidebar.md-sidebar--post .md-nav{height:auto;margin-bottom:0;position:static}}:root{--md-progress-value:0;--md-progress-delay:400ms}.md-progress{background:var(--md-primary-bg-color);height:.075rem;opacity:min(clamp(0,var(--md-progress-value),1),clamp(0,100 - var(--md-progress-value),1));position:fixed;top:0;transform:scaleX(calc(var(--md-progress-value)*1%));transform-origin:left;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .25s var(--md-progress-delay);width:100%;z-index:4}:root{--md-search-result-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7c-.41-.25-.8-.56-1.14-.9-.33-.33-.61-.7-.86-1.1H6V4h7v5h5v1.18c.71.16 1.39.43 2 .82V8zm6.31 16.9c1.33-2.11.69-4.9-1.4-6.22-2.11-1.33-4.91-.68-6.22 1.4-1.34 2.11-.69 4.89 1.4 6.22 1.46.93 3.32.93 4.79.02L22 23.39 23.39 22zm-3.81.1a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5"/></svg>')}.md-search{position:relative}@media screen and (min-width:60em){.md-search{padding:.2rem 0}}.no-js .md-search{display:none}.md-search__overlay{opacity:0;z-index:1}@media screen and (max-width:59.984375em){[dir=ltr] .md-search__overlay{left:-2.2rem}[dir=rtl] .md-search__overlay{right:-2.2rem}.md-search__overlay{background-color:var(--md-default-bg-color);border-radius:1rem;height:2rem;overflow:hidden;pointer-events:none;position:absolute;top:-1rem;transform-origin:center;transition:transform .3s .1s,opacity .2s .2s;width:2rem}[data-md-toggle=search]:checked~.md-header .md-search__overlay{opacity:1;transition:transform .4s,opacity .1s}}@media screen and (min-width:60em){[dir=ltr] .md-search__overlay{left:0}[dir=rtl] .md-search__overlay{right:0}.md-search__overlay{background-color:#0000008a;cursor:pointer;height:0;position:fixed;top:0;transition:width 0ms .25s,height 0ms .25s,opacity .25s;width:0}[data-md-toggle=search]:checked~.md-header .md-search__overlay{height:200vh;opacity:1;transition:width 0ms,height 0ms,opacity .25s;width:100%}}@media screen and (max-width:29.984375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(45)}}@media screen and (min-width:30em) and (max-width:44.984375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(60)}}@media screen and (min-width:45em) and (max-width:59.984375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(75)}}.md-search__inner{-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (max-width:59.984375em){[dir=ltr] .md-search__inner{left:0}[dir=rtl] .md-search__inner{right:0}.md-search__inner{height:0;opacity:0;overflow:hidden;position:fixed;top:0;transform:translateX(5%);transition:width 0ms .3s,height 0ms .3s,transform .15s cubic-bezier(.4,0,.2,1) .15s,opacity .15s .15s;width:0;z-index:2}[dir=rtl] .md-search__inner{transform:translateX(-5%)}[data-md-toggle=search]:checked~.md-header .md-search__inner{height:100%;opacity:1;transform:translateX(0);transition:width 0ms 0ms,height 0ms 0ms,transform .15s cubic-bezier(.1,.7,.1,1) .15s,opacity .15s .15s;width:100%}}@media screen and (min-width:60em){[dir=ltr] .md-search__inner{float:right}[dir=rtl] .md-search__inner{float:left}.md-search__inner{padding:.1rem 0;position:relative;transition:width .25s cubic-bezier(.1,.7,.1,1);width:11.7rem}}@media screen and (min-width:60em) and (max-width:76.234375em){[data-md-toggle=search]:checked~.md-header .md-search__inner{width:23.4rem}}@media screen and (min-width:76.25em){[data-md-toggle=search]:checked~.md-header .md-search__inner{width:34.4rem}}.md-search__form{background-color:var(--md-default-bg-color);box-shadow:0 0 .6rem #0000;height:2.4rem;position:relative;transition:color .25s,background-color .25s;z-index:2}@media screen and (min-width:60em){.md-search__form{background-color:#00000042;border-radius:.1rem;height:1.8rem}.md-search__form:hover{background-color:#ffffff1f}}[data-md-toggle=search]:checked~.md-header .md-search__form{background-color:var(--md-default-bg-color);border-radius:.1rem .1rem 0 0;box-shadow:0 0 .6rem #00000012;color:var(--md-default-fg-color)}[dir=ltr] .md-search__input{padding-left:3.6rem;padding-right:2.2rem}[dir=rtl] .md-search__input{padding-left:2.2rem;padding-right:3.6rem}.md-search__input{background:#0000;font-size:.9rem;height:100%;position:relative;text-overflow:ellipsis;width:100%;z-index:2}.md-search__input::placeholder{transition:color .25s}.md-search__input::placeholder,.md-search__input~.md-search__icon{color:var(--md-default-fg-color--light)}.md-search__input::-ms-clear{display:none}@media screen and (max-width:59.984375em){.md-search__input{font-size:.9rem;height:2.4rem;width:100%}}@media screen and (min-width:60em){[dir=ltr] .md-search__input{padding-left:2.2rem}[dir=rtl] .md-search__input{padding-right:2.2rem}.md-search__input{color:inherit;font-size:.8rem}.md-search__input::placeholder{color:var(--md-primary-bg-color--light)}.md-search__input+.md-search__icon{color:var(--md-primary-bg-color)}[data-md-toggle=search]:checked~.md-header .md-search__input{text-overflow:clip}[data-md-toggle=search]:checked~.md-header .md-search__input+.md-search__icon{color:var(--md-default-fg-color--light)}[data-md-toggle=search]:checked~.md-header .md-search__input::placeholder{color:#0000}}.md-search__icon{cursor:pointer;display:inline-block;height:1.2rem;transition:color .25s,opacity .25s;width:1.2rem}.md-search__icon:hover{opacity:.7}[dir=ltr] .md-search__icon[for=__search]{left:.5rem}[dir=rtl] .md-search__icon[for=__search]{right:.5rem}.md-search__icon[for=__search]{position:absolute;top:.3rem;z-index:2}[dir=rtl] .md-search__icon[for=__search] svg{transform:scaleX(-1)}@media screen and (max-width:59.984375em){[dir=ltr] .md-search__icon[for=__search]{left:.8rem}[dir=rtl] .md-search__icon[for=__search]{right:.8rem}.md-search__icon[for=__search]{top:.6rem}.md-search__icon[for=__search] svg:first-child{display:none}}@media screen and (min-width:60em){.md-search__icon[for=__search]{pointer-events:none}.md-search__icon[for=__search] svg:last-child{display:none}}[dir=ltr] .md-search__options{right:.5rem}[dir=rtl] .md-search__options{left:.5rem}.md-search__options{pointer-events:none;position:absolute;top:.3rem;z-index:2}@media screen and (max-width:59.984375em){[dir=ltr] .md-search__options{right:.8rem}[dir=rtl] .md-search__options{left:.8rem}.md-search__options{top:.6rem}}[dir=ltr] .md-search__options>.md-icon{margin-left:.2rem}[dir=rtl] .md-search__options>.md-icon{margin-right:.2rem}.md-search__options>.md-icon{color:var(--md-default-fg-color--light);opacity:0;transform:scale(.75);transition:transform .15s cubic-bezier(.1,.7,.1,1),opacity .15s}.md-search__options>.md-icon:not(.focus-visible){-webkit-tap-highlight-color:transparent;outline:none}[data-md-toggle=search]:checked~.md-header .md-search__input:valid~.md-search__options>.md-icon{opacity:1;pointer-events:auto;transform:scale(1)}[data-md-toggle=search]:checked~.md-header .md-search__input:valid~.md-search__options>.md-icon:hover{opacity:.7}[dir=ltr] .md-search__suggest{padding-left:3.6rem;padding-right:2.2rem}[dir=rtl] .md-search__suggest{padding-left:2.2rem;padding-right:3.6rem}.md-search__suggest{align-items:center;color:var(--md-default-fg-color--lighter);display:flex;font-size:.9rem;height:100%;opacity:0;position:absolute;top:0;transition:opacity 50ms;white-space:nowrap;width:100%}@media screen and (min-width:60em){[dir=ltr] .md-search__suggest{padding-left:2.2rem}[dir=rtl] .md-search__suggest{padding-right:2.2rem}.md-search__suggest{font-size:.8rem}}[data-md-toggle=search]:checked~.md-header .md-search__suggest{opacity:1;transition:opacity .3s .1s}[dir=ltr] .md-search__output{border-bottom-left-radius:.1rem}[dir=ltr] .md-search__output,[dir=rtl] .md-search__output{border-bottom-right-radius:.1rem}[dir=rtl] .md-search__output{border-bottom-left-radius:.1rem}.md-search__output{overflow:hidden;position:absolute;width:100%;z-index:1}@media screen and (max-width:59.984375em){.md-search__output{bottom:0;top:2.4rem}}@media screen and (min-width:60em){.md-search__output{opacity:0;top:1.9rem;transition:opacity .4s}[data-md-toggle=search]:checked~.md-header .md-search__output{box-shadow:var(--md-shadow-z3);opacity:1}}.md-search__scrollwrap{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--md-default-bg-color);height:100%;overflow-y:auto;touch-action:pan-y}@media (-webkit-max-device-pixel-ratio:1),(max-resolution:1dppx){.md-search__scrollwrap{transform:translateZ(0)}}@media screen and (min-width:60em) and (max-width:76.234375em){.md-search__scrollwrap{width:23.4rem}}@media screen and (min-width:76.25em){.md-search__scrollwrap{width:34.4rem}}@media screen and (min-width:60em){.md-search__scrollwrap{max-height:0;scrollbar-color:var(--md-default-fg-color--lighter) #0000;scrollbar-width:thin}[data-md-toggle=search]:checked~.md-header .md-search__scrollwrap{max-height:75vh}.md-search__scrollwrap:hover{scrollbar-color:var(--md-accent-fg-color) #0000}.md-search__scrollwrap::-webkit-scrollbar{height:.2rem;width:.2rem}.md-search__scrollwrap::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-search__scrollwrap::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}}.md-search-result{color:var(--md-default-fg-color);word-break:break-word}.md-search-result__meta{background-color:var(--md-default-fg-color--lightest);color:var(--md-default-fg-color--light);font-size:.64rem;line-height:1.8rem;padding:0 .8rem;scroll-snap-align:start}@media screen and (min-width:60em){[dir=ltr] .md-search-result__meta{padding-left:2.2rem}[dir=rtl] .md-search-result__meta{padding-right:2.2rem}}.md-search-result__list{list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.md-search-result__item{box-shadow:0 -.05rem var(--md-default-fg-color--lightest)}.md-search-result__item:first-child{box-shadow:none}.md-search-result__link{display:block;outline:none;scroll-snap-align:start;transition:background-color .25s}.md-search-result__link:focus,.md-search-result__link:hover{background-color:var(--md-accent-fg-color--transparent)}.md-search-result__link:last-child p:last-child{margin-bottom:.6rem}.md-search-result__more>summary{cursor:pointer;display:block;outline:none;position:sticky;scroll-snap-align:start;top:0;z-index:1}.md-search-result__more>summary::marker{display:none}.md-search-result__more>summary::-webkit-details-marker{display:none}.md-search-result__more>summary>div{color:var(--md-typeset-a-color);font-size:.64rem;padding:.75em .8rem;transition:color .25s,background-color .25s}@media screen and (min-width:60em){[dir=ltr] .md-search-result__more>summary>div{padding-left:2.2rem}[dir=rtl] .md-search-result__more>summary>div{padding-right:2.2rem}}.md-search-result__more>summary:focus>div,.md-search-result__more>summary:hover>div{background-color:var(--md-accent-fg-color--transparent);color:var(--md-accent-fg-color)}.md-search-result__more[open]>summary{background-color:var(--md-default-bg-color)}.md-search-result__article{overflow:hidden;padding:0 .8rem;position:relative}@media screen and (min-width:60em){[dir=ltr] .md-search-result__article{padding-left:2.2rem}[dir=rtl] .md-search-result__article{padding-right:2.2rem}}[dir=ltr] .md-search-result__icon{left:0}[dir=rtl] .md-search-result__icon{right:0}.md-search-result__icon{color:var(--md-default-fg-color--light);height:1.2rem;margin:.5rem;position:absolute;width:1.2rem}@media screen and (max-width:59.984375em){.md-search-result__icon{display:none}}.md-search-result__icon:after{background-color:currentcolor;content:"";display:inline-block;height:100%;-webkit-mask-image:var(--md-search-result-icon);mask-image:var(--md-search-result-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}[dir=rtl] .md-search-result__icon:after{transform:scaleX(-1)}.md-search-result .md-typeset{color:var(--md-default-fg-color--light);font-size:.64rem;line-height:1.6}.md-search-result .md-typeset h1{color:var(--md-default-fg-color);font-size:.8rem;font-weight:400;line-height:1.4;margin:.55rem 0}.md-search-result .md-typeset h1 mark{text-decoration:none}.md-search-result .md-typeset h2{color:var(--md-default-fg-color);font-size:.64rem;font-weight:700;line-height:1.6;margin:.5em 0}.md-search-result .md-typeset h2 mark{text-decoration:none}.md-search-result__terms{color:var(--md-default-fg-color);display:block;font-size:.64rem;font-style:italic;margin:.5em 0}.md-search-result mark{background-color:initial;color:var(--md-accent-fg-color);text-decoration:underline}.md-select{position:relative;z-index:1}.md-select__inner{background-color:var(--md-default-bg-color);border-radius:.1rem;box-shadow:var(--md-shadow-z2);color:var(--md-default-fg-color);left:50%;margin-top:.2rem;max-height:0;opacity:0;position:absolute;top:calc(100% - .2rem);transform:translate3d(-50%,.3rem,0);transition:transform .25s 375ms,opacity .25s .25s,max-height 0ms .5s}.md-select:focus-within .md-select__inner,.md-select:hover .md-select__inner{max-height:10rem;opacity:1;transform:translate3d(-50%,0,0);transition:transform .25s cubic-bezier(.1,.7,.1,1),opacity .25s,max-height 0ms}.md-select__inner:after{border-bottom:.2rem solid #0000;border-bottom-color:var(--md-default-bg-color);border-left:.2rem solid #0000;border-right:.2rem solid #0000;border-top:0;content:"";height:0;left:50%;margin-left:-.2rem;margin-top:-.2rem;position:absolute;top:0;width:0}.md-select__list{border-radius:.1rem;font-size:.8rem;list-style-type:none;margin:0;max-height:inherit;overflow:auto;padding:0}.md-select__item{line-height:1.8rem}[dir=ltr] .md-select__link{padding-left:.6rem;padding-right:1.2rem}[dir=rtl] .md-select__link{padding-left:1.2rem;padding-right:.6rem}.md-select__link{cursor:pointer;display:block;outline:none;scroll-snap-align:start;transition:background-color .25s,color .25s;width:100%}.md-select__link:focus,.md-select__link:hover{color:var(--md-accent-fg-color)}.md-select__link:focus{background-color:var(--md-default-fg-color--lightest)}.md-sidebar{align-self:flex-start;flex-shrink:0;padding:1.2rem 0;position:sticky;top:2.4rem;width:12.1rem}@media print{.md-sidebar{display:none}}@media screen and (max-width:76.234375em){[dir=ltr] .md-sidebar--primary{left:-12.1rem}[dir=rtl] .md-sidebar--primary{right:-12.1rem}.md-sidebar--primary{background-color:var(--md-default-bg-color);display:block;height:100%;position:fixed;top:0;transform:translateX(0);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;width:12.1rem;z-index:5}[data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary{box-shadow:var(--md-shadow-z3);transform:translateX(12.1rem)}[dir=rtl] [data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary{transform:translateX(-12.1rem)}.md-sidebar--primary .md-sidebar__scrollwrap{bottom:0;left:0;margin:0;overflow:hidden;position:absolute;right:0;scroll-snap-type:none;top:0}}@media screen and (min-width:76.25em){.md-sidebar{height:0}.no-js .md-sidebar{height:auto}.md-header--lifted~.md-container .md-sidebar{top:4.8rem}}.md-sidebar--secondary{display:none;order:2}@media screen and (min-width:60em){.md-sidebar--secondary{height:0}.no-js .md-sidebar--secondary{height:auto}.md-sidebar--secondary:not([hidden]){display:block}.md-sidebar--secondary .md-sidebar__scrollwrap{touch-action:pan-y}}.md-sidebar__scrollwrap{scrollbar-gutter:stable;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:0 .2rem;overflow-y:auto;scrollbar-color:var(--md-default-fg-color--lighter) #0000;scrollbar-width:thin}.md-sidebar__scrollwrap::-webkit-scrollbar{height:.2rem;width:.2rem}.md-sidebar__scrollwrap:focus-within,.md-sidebar__scrollwrap:hover{scrollbar-color:var(--md-accent-fg-color) #0000}.md-sidebar__scrollwrap:focus-within::-webkit-scrollbar-thumb,.md-sidebar__scrollwrap:hover::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-sidebar__scrollwrap:focus-within::-webkit-scrollbar-thumb:hover,.md-sidebar__scrollwrap:hover::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}@supports selector(::-webkit-scrollbar){.md-sidebar__scrollwrap{scrollbar-gutter:auto}[dir=ltr] .md-sidebar__inner{padding-right:calc(100% - 11.5rem)}[dir=rtl] .md-sidebar__inner{padding-left:calc(100% - 11.5rem)}}@media screen and (max-width:76.234375em){.md-overlay{background-color:#0000008a;height:0;opacity:0;position:fixed;top:0;transition:width 0ms .25s,height 0ms .25s,opacity .25s;width:0;z-index:5}[data-md-toggle=drawer]:checked~.md-overlay{height:100%;opacity:1;transition:width 0ms,height 0ms,opacity .25s;width:100%}}@keyframes facts{0%{height:0}to{height:.65rem}}@keyframes fact{0%{opacity:0;transform:translateY(100%)}50%{opacity:0}to{opacity:1;transform:translateY(0)}}:root{--md-source-forks-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0M5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0m6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0"/></svg>');--md-source-repositories-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.5 2.5 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.5 2.5 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.25.25 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"/></svg>');--md-source-stars-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25m0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41z"/></svg>');--md-source-version-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.75 1.75 0 0 1 1 7.775m1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></svg>')}.md-source{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;font-size:.65rem;line-height:1.2;outline-color:var(--md-accent-fg-color);transition:opacity .25s;white-space:nowrap}.md-source:hover{opacity:.7}.md-source__icon{display:inline-block;height:2.4rem;vertical-align:middle;width:2rem}[dir=ltr] .md-source__icon svg{margin-left:.6rem}[dir=rtl] .md-source__icon svg{margin-right:.6rem}.md-source__icon svg{margin-top:.6rem}[dir=ltr] .md-source__icon+.md-source__repository{padding-left:2rem}[dir=rtl] .md-source__icon+.md-source__repository{padding-right:2rem}[dir=ltr] .md-source__icon+.md-source__repository{margin-left:-2rem}[dir=rtl] .md-source__icon+.md-source__repository{margin-right:-2rem}[dir=ltr] .md-source__repository{margin-left:.6rem}[dir=rtl] .md-source__repository{margin-right:.6rem}.md-source__repository{display:inline-block;max-width:calc(100% - 1.2rem);overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.md-source__facts{display:flex;font-size:.55rem;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source__repository--active .md-source__facts{animation:facts .25s ease-in}.md-source__fact{overflow:hidden;text-overflow:ellipsis}.md-source__repository--active .md-source__fact{animation:fact .4s ease-out}[dir=ltr] .md-source__fact:before{margin-right:.1rem}[dir=rtl] .md-source__fact:before{margin-left:.1rem}.md-source__fact:before{background-color:currentcolor;content:"";display:inline-block;height:.6rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:text-top;width:.6rem}.md-source__fact:nth-child(1n+2){flex-shrink:0}.md-source__fact--version:before{-webkit-mask-image:var(--md-source-version-icon);mask-image:var(--md-source-version-icon)}.md-source__fact--stars:before{-webkit-mask-image:var(--md-source-stars-icon);mask-image:var(--md-source-stars-icon)}.md-source__fact--forks:before{-webkit-mask-image:var(--md-source-forks-icon);mask-image:var(--md-source-forks-icon)}.md-source__fact--repositories:before{-webkit-mask-image:var(--md-source-repositories-icon);mask-image:var(--md-source-repositories-icon)}.md-source-file{margin:1em 0}[dir=ltr] .md-source-file__fact{margin-right:.6rem}[dir=rtl] .md-source-file__fact{margin-left:.6rem}.md-source-file__fact{align-items:center;color:var(--md-default-fg-color--light);display:inline-flex;font-size:.68rem;gap:.3rem}.md-source-file__fact .md-icon{flex-shrink:0;margin-bottom:.05rem}[dir=ltr] .md-source-file__fact .md-author{float:left}[dir=rtl] .md-source-file__fact .md-author{float:right}.md-source-file__fact .md-author{margin-right:.2rem}.md-source-file__fact svg{width:.9rem}:root{--md-status:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2z"/></svg>');--md-status--new:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68zm-10 5h-2v-2h2zm0-4h-2V7h2z"/></svg>');--md-status--deprecated:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zm0 5h2v9H9zm4 0h2v9h-2z"/></svg>');--md-status--encrypted:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5zm0 6c1.4 0 2.8 1.1 2.8 2.5V11c.6 0 1.2.6 1.2 1.3v3.5c0 .6-.6 1.2-1.3 1.2H9.2c-.6 0-1.2-.6-1.2-1.3v-3.5c0-.6.6-1.2 1.2-1.2V9.5C9.2 8.1 10.6 7 12 7m0 1.2c-.8 0-1.5.5-1.5 1.3V11h3V9.5c0-.8-.7-1.3-1.5-1.3"/></svg>')}.md-status:after{background-color:var(--md-default-fg-color--light);content:"";display:inline-block;height:1.125em;-webkit-mask-image:var(--md-status);mask-image:var(--md-status);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:text-bottom;width:1.125em}.md-status:hover:after{background-color:currentcolor}.md-status--new:after{-webkit-mask-image:var(--md-status--new);mask-image:var(--md-status--new)}.md-status--deprecated:after{-webkit-mask-image:var(--md-status--deprecated);mask-image:var(--md-status--deprecated)}.md-status--encrypted:after{-webkit-mask-image:var(--md-status--encrypted);mask-image:var(--md-status--encrypted)}.md-tabs{background-color:var(--md-primary-fg-color);color:var(--md-primary-bg-color);display:block;line-height:1.3;overflow:auto;width:100%;z-index:3}@media print{.md-tabs{display:none}}@media screen and (max-width:76.234375em){.md-tabs{display:none}}.md-tabs[hidden]{pointer-events:none}[dir=ltr] .md-tabs__list{margin-left:.2rem}[dir=rtl] .md-tabs__list{margin-right:.2rem}.md-tabs__list{contain:content;display:flex;list-style:none;margin:0;overflow:auto;padding:0;scrollbar-width:none;white-space:nowrap}.md-tabs__list::-webkit-scrollbar{display:none}.md-tabs__item{height:2.4rem;padding-left:.6rem;padding-right:.6rem}.md-tabs__item--active .md-tabs__link{color:inherit;opacity:1}.md-tabs__link{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;font-size:.7rem;margin-top:.8rem;opacity:.7;outline-color:var(--md-accent-fg-color);outline-offset:.2rem;transition:transform .4s cubic-bezier(.1,.7,.1,1),opacity .25s}.md-tabs__link:focus,.md-tabs__link:hover{color:inherit;opacity:1}[dir=ltr] .md-tabs__link svg{margin-right:.4rem}[dir=rtl] .md-tabs__link svg{margin-left:.4rem}.md-tabs__link svg{fill:currentcolor;height:1.3em}.md-tabs__item:nth-child(2) .md-tabs__link{transition-delay:20ms}.md-tabs__item:nth-child(3) .md-tabs__link{transition-delay:40ms}.md-tabs__item:nth-child(4) .md-tabs__link{transition-delay:60ms}.md-tabs__item:nth-child(5) .md-tabs__link{transition-delay:80ms}.md-tabs__item:nth-child(6) .md-tabs__link{transition-delay:.1s}.md-tabs__item:nth-child(7) .md-tabs__link{transition-delay:.12s}.md-tabs__item:nth-child(8) .md-tabs__link{transition-delay:.14s}.md-tabs__item:nth-child(9) .md-tabs__link{transition-delay:.16s}.md-tabs__item:nth-child(10) .md-tabs__link{transition-delay:.18s}.md-tabs__item:nth-child(11) .md-tabs__link{transition-delay:.2s}.md-tabs__item:nth-child(12) .md-tabs__link{transition-delay:.22s}.md-tabs__item:nth-child(13) .md-tabs__link{transition-delay:.24s}.md-tabs__item:nth-child(14) .md-tabs__link{transition-delay:.26s}.md-tabs__item:nth-child(15) .md-tabs__link{transition-delay:.28s}.md-tabs__item:nth-child(16) .md-tabs__link{transition-delay:.3s}.md-tabs[hidden] .md-tabs__link{opacity:0;transform:translateY(50%);transition:transform 0ms .1s,opacity .1s}:root{--md-tag-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m5.41 21 .71-4h-4l.35-2h4l1.06-6h-4l.35-2h4l.71-4h2l-.71 4h6l.71-4h2l-.71 4h4l-.35 2h-4l-1.06 6h4l-.35 2h-4l-.71 4h-2l.71-4h-6l-.71 4zM9.53 9l-1.06 6h6l1.06-6z"/></svg>')}.md-typeset .md-tags:not([hidden]){display:inline-flex;flex-wrap:wrap;gap:.5em;margin-bottom:.75em;margin-top:-.125em}.md-typeset .md-tag{align-items:center;background:var(--md-default-fg-color--lightest);border-radius:2.4rem;display:inline-flex;font-size:.64rem;font-size:min(.8em,.64rem);font-weight:700;gap:.5em;letter-spacing:normal;line-height:1.6;padding:.3125em .78125em}.md-typeset .md-tag[href]{-webkit-tap-highlight-color:transparent;color:inherit;outline:none;transition:color 125ms,background-color 125ms}.md-typeset .md-tag[href]:focus,.md-typeset .md-tag[href]:hover{background-color:var(--md-accent-fg-color);color:var(--md-accent-bg-color)}[id]>.md-typeset .md-tag{vertical-align:text-top}.md-typeset .md-tag-icon:before{background-color:var(--md-default-fg-color--lighter);content:"";display:inline-block;height:1.2em;-webkit-mask-image:var(--md-tag-icon);mask-image:var(--md-tag-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color 125ms;vertical-align:text-bottom;width:1.2em}.md-typeset .md-tag-icon[href]:focus:before,.md-typeset .md-tag-icon[href]:hover:before{background-color:var(--md-accent-bg-color)}@keyframes pulse{0%{transform:scale(.95)}75%{transform:scale(1)}to{transform:scale(.95)}}:root{--md-annotation-bg-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>');--md-annotation-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>')}.md-tooltip{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--md-default-bg-color);border-radius:.1rem;box-shadow:var(--md-shadow-z2);color:var(--md-default-fg-color);font-family:var(--md-text-font-family);left:clamp(var(--md-tooltip-0,0rem) + .8rem,var(--md-tooltip-x),100vw + var(--md-tooltip-0,0rem) + .8rem - var(--md-tooltip-width) - 2 * .8rem);max-width:calc(100vw - 1.6rem);opacity:0;position:absolute;top:var(--md-tooltip-y);transform:translateY(-.4rem);transition:transform 0ms .25s,opacity .25s,z-index .25s;width:var(--md-tooltip-width);z-index:0}.md-tooltip--active{opacity:1;transform:translateY(0);transition:transform .25s cubic-bezier(.1,.7,.1,1),opacity .25s,z-index 0ms;z-index:2}.md-tooltip--inline{font-weight:700;-webkit-user-select:none;user-select:none;width:auto}.md-tooltip--inline:not(.md-tooltip--active){transform:translateY(.2rem) scale(.9)}.md-tooltip--inline .md-tooltip__inner{font-size:.5rem;padding:.2rem .4rem}[hidden]+.md-tooltip--inline{display:none}.focus-visible>.md-tooltip,.md-tooltip:target{outline:var(--md-accent-fg-color) auto}.md-tooltip__inner{font-size:.64rem;padding:.8rem}.md-tooltip__inner.md-typeset>:first-child{margin-top:0}.md-tooltip__inner.md-typeset>:last-child{margin-bottom:0}.md-annotation{font-style:normal;font-weight:400;outline:none;text-align:initial;vertical-align:text-bottom;white-space:normal}[dir=rtl] .md-annotation{direction:rtl}code .md-annotation{font-family:var(--md-code-font-family);font-size:inherit}.md-annotation:not([hidden]){display:inline-block;line-height:1.25}.md-annotation__index{border-radius:.01px;cursor:pointer;display:inline-block;margin-left:.4ch;margin-right:.4ch;outline:none;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;vertical-align:text-top;z-index:0}.md-annotation .md-annotation__index{transition:z-index .25s}@media screen{.md-annotation__index{width:2.2ch}[data-md-visible]>.md-annotation__index{animation:pulse 2s infinite}.md-annotation__index:before{background:var(--md-default-bg-color);-webkit-mask-image:var(--md-annotation-bg-icon);mask-image:var(--md-annotation-bg-icon)}.md-annotation__index:after,.md-annotation__index:before{content:"";height:2.2ch;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:-.1ch;width:2.2ch;z-index:-1}.md-annotation__index:after{background-color:var(--md-default-fg-color--lighter);-webkit-mask-image:var(--md-annotation-icon);mask-image:var(--md-annotation-icon);transform:scale(1.0001);transition:background-color .25s,transform .25s}.md-tooltip--active+.md-annotation__index:after{transform:rotate(45deg)}.md-tooltip--active+.md-annotation__index:after,:hover>.md-annotation__index:after{background-color:var(--md-accent-fg-color)}}.md-tooltip--active+.md-annotation__index{animation-play-state:paused;transition-duration:0ms;z-index:2}.md-annotation__index [data-md-annotation-id]{display:inline-block}@media print{.md-annotation__index [data-md-annotation-id]{background:var(--md-default-fg-color--lighter);border-radius:2ch;color:var(--md-default-bg-color);font-weight:700;padding:0 .6ch;white-space:nowrap}.md-annotation__index [data-md-annotation-id]:after{content:attr(data-md-annotation-id)}}.md-typeset .md-annotation-list{counter-reset:xxx;list-style:none}.md-typeset .md-annotation-list li{position:relative}[dir=ltr] .md-typeset .md-annotation-list li:before{left:-2.125em}[dir=rtl] .md-typeset .md-annotation-list li:before{right:-2.125em}.md-typeset .md-annotation-list li:before{background:var(--md-default-fg-color--lighter);border-radius:2ch;color:var(--md-default-bg-color);content:counter(xxx);counter-increment:xxx;font-size:.8875em;font-weight:700;height:2ch;line-height:1.25;min-width:2ch;padding:0 .6ch;position:absolute;text-align:center;top:.25em}:root{--md-tooltip-width:20rem;--md-tooltip-tail:0.3rem}.md-tooltip2{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--md-default-fg-color);font-family:var(--md-text-font-family);opacity:0;pointer-events:none;position:absolute;top:calc(var(--md-tooltip-host-y) + var(--md-tooltip-y));transform:translateY(-.4rem);transform-origin:calc(var(--md-tooltip-host-x) + var(--md-tooltip-x)) 0;transition:transform 0ms .25s,opacity .25s,z-index .25s;width:100%;z-index:0}.md-tooltip2:before{border-left:var(--md-tooltip-tail) solid #0000;border-right:var(--md-tooltip-tail) solid #0000;content:"";display:block;left:clamp(1.5 * .8rem,var(--md-tooltip-host-x) + var(--md-tooltip-x) - var(--md-tooltip-tail),100vw - 2 * var(--md-tooltip-tail) - 1.5 * .8rem);position:absolute;z-index:1}.md-tooltip2--top:before{border-top:var(--md-tooltip-tail) solid var(--md-default-bg-color);bottom:calc(var(--md-tooltip-tail)*-1 + .025rem);filter:drop-shadow(0 1px 0 hsla(0,0%,0%,.05))}.md-tooltip2--bottom:before{border-bottom:var(--md-tooltip-tail) solid var(--md-default-bg-color);filter:drop-shadow(0 -1px 0 hsla(0,0%,0%,.05));top:calc(var(--md-tooltip-tail)*-1 + .025rem)}.md-tooltip2--active{opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(0,1,.5,1),opacity .25s,z-index 0ms;z-index:2}.md-tooltip2__inner{scrollbar-gutter:stable;background-color:var(--md-default-bg-color);border-radius:.1rem;box-shadow:var(--md-shadow-z2);left:clamp(.8rem,var(--md-tooltip-host-x) - .8rem,100vw - var(--md-tooltip-width) - .8rem);max-height:40vh;max-width:calc(100vw - 1.6rem);position:relative;scrollbar-width:thin}.md-tooltip2__inner::-webkit-scrollbar{height:.2rem;width:.2rem}.md-tooltip2__inner::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-tooltip2__inner::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}[role=tooltip]>.md-tooltip2__inner{font-size:.5rem;font-weight:700;left:clamp(.8rem,var(--md-tooltip-host-x) + var(--md-tooltip-x) - var(--md-tooltip-width)/2,100vw - var(--md-tooltip-width) - .8rem);max-width:min(100vw - 2 * .8rem,400px);padding:.2rem .4rem;-webkit-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.md-tooltip2__inner.md-typeset>:first-child{margin-top:0}.md-tooltip2__inner.md-typeset>:last-child{margin-bottom:0}[dir=ltr] .md-top{margin-left:50%}[dir=rtl] .md-top{margin-right:50%}.md-top{background-color:var(--md-default-bg-color);border-radius:1.6rem;box-shadow:var(--md-shadow-z2);color:var(--md-default-fg-color--light);cursor:pointer;display:block;font-size:.7rem;outline:none;padding:.4rem .8rem;position:fixed;top:3.2rem;transform:translate(-50%);transition:color 125ms,background-color 125ms,transform 125ms cubic-bezier(.4,0,.2,1),opacity 125ms;z-index:2}@media print{.md-top{display:none}}[dir=rtl] .md-top{transform:translate(50%)}.md-top[hidden]{opacity:0;pointer-events:none;transform:translate(-50%,.2rem);transition-duration:0ms}[dir=rtl] .md-top[hidden]{transform:translate(50%,.2rem)}.md-top:focus,.md-top:hover{background-color:var(--md-accent-fg-color);color:var(--md-accent-bg-color)}.md-top svg{display:inline-block;vertical-align:-.5em}@keyframes hoverfix{0%{pointer-events:none}}:root{--md-version-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301 191.9 288 191.9L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>')}.md-version{flex-shrink:0;font-size:.8rem;height:2.4rem}[dir=ltr] .md-version__current{margin-left:1.4rem;margin-right:.4rem}[dir=rtl] .md-version__current{margin-left:.4rem;margin-right:1.4rem}.md-version__current{color:inherit;cursor:pointer;outline:none;position:relative;top:.05rem}[dir=ltr] .md-version__current:after{margin-left:.4rem}[dir=rtl] .md-version__current:after{margin-right:.4rem}.md-version__current:after{background-color:currentcolor;content:"";display:inline-block;height:.6rem;-webkit-mask-image:var(--md-version-icon);mask-image:var(--md-version-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.4rem}.md-version__alias{margin-left:.3rem;opacity:.7}.md-version__list{background-color:var(--md-default-bg-color);border-radius:.1rem;box-shadow:var(--md-shadow-z2);color:var(--md-default-fg-color);list-style-type:none;margin:.2rem .8rem;max-height:0;opacity:0;overflow:auto;padding:0;position:absolute;scroll-snap-type:y mandatory;top:.15rem;transition:max-height 0ms .5s,opacity .25s .25s;z-index:3}.md-version:focus-within .md-version__list,.md-version:hover .md-version__list{max-height:10rem;opacity:1;transition:max-height 0ms,opacity .25s}@media (hover:none),(pointer:coarse){.md-version:hover .md-version__list{animation:hoverfix .25s forwards}.md-version:focus-within .md-version__list{animation:none}}.md-version__item{line-height:1.8rem}[dir=ltr] .md-version__link{padding-left:.6rem;padding-right:1.2rem}[dir=rtl] .md-version__link{padding-left:1.2rem;padding-right:.6rem}.md-version__link{cursor:pointer;display:block;outline:none;scroll-snap-align:start;transition:color .25s,background-color .25s;white-space:nowrap;width:100%}.md-version__link:focus,.md-version__link:hover{color:var(--md-accent-fg-color)}.md-version__link:focus{background-color:var(--md-default-fg-color--lightest)}:root{--md-admonition-icon--note:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m3.1 5.07c.14 0 .28.05.4.16l1.27 1.27c.23.22.23.57 0 .78l-1 1-2.05-2.05 1-1c.1-.11.24-.16.38-.16m-1.97 1.74 2.06 2.06-6.06 6.06H7.07v-2.06z"/></svg>');--md-admonition-icon--abstract:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 9H7V7h10m0 6H7v-2h10m-3 6H7v-2h7M12 3a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"/></svg>');--md-admonition-icon--info:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>');--md-admonition-icon--tip:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27"/></svg>');--md-admonition-icon--success:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z"/></svg>');--md-admonition-icon--question:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.07 11.25-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2 2 2 0 0 0-2 2H8a4 4 0 0 1 4-4 4 4 0 0 1 4 4 3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10c0-5.53-4.5-10-10-10"/></svg>');--md-admonition-icon--warning:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>');--md-admonition-icon--failure:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');--md-admonition-icon--danger:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.5 20 4.86-9.73H13V4l-5 9.73h3.5zM12 2c2.75 0 5.1 1 7.05 2.95S22 9.25 22 12s-1 5.1-2.95 7.05S14.75 22 12 22s-5.1-1-7.05-2.95S2 14.75 2 12s1-5.1 2.95-7.05S9.25 2 12 2"/></svg>');--md-admonition-icon--bug:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 13h2v1h-2zm10-8v6c0 5.5-3.8 10.7-9 12-5.2-1.3-9-6.5-9-12V5l9-4zm-4 5h-2.2c-.2-.6-.6-1.1-1.1-1.5l1.2-1.2-.7-.7L12.8 8H12c-.2 0-.5 0-.7.1L9.9 6.6l-.8.8 1.2 1.2c-.5.3-.9.8-1.1 1.4H7v1h2v1H7v1h2v1H7v1h2.2c.4 1.2 1.5 2 2.8 2s2.4-.8 2.8-2H17v-1h-2v-1h2v-1h-2v-1h2zm-6 2h2v-1h-2z"/></svg>');--md-admonition-icon--example:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2v2h1v14a4 4 0 0 0 4 4 4 4 0 0 0 4-4V4h1V2zm4 14c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1m2-4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1m1-5h-4V4h4z"/></svg>');--md-admonition-icon--quote:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z"/></svg>')}.md-typeset .admonition,.md-typeset details{background-color:var(--md-admonition-bg-color);border:.075rem solid #448aff;border-radius:.2rem;box-shadow:var(--md-shadow-z1);color:var(--md-admonition-fg-color);display:flow-root;font-size:.64rem;margin:1.5625em 0;padding:0 .6rem;page-break-inside:avoid;transition:box-shadow 125ms}@media print{.md-typeset .admonition,.md-typeset details{box-shadow:none}}.md-typeset .admonition:focus-within,.md-typeset details:focus-within{box-shadow:0 0 0 .2rem #448aff1a}.md-typeset .admonition>*,.md-typeset details>*{box-sizing:border-box}.md-typeset .admonition .admonition,.md-typeset .admonition details,.md-typeset details .admonition,.md-typeset details details{margin-bottom:1em;margin-top:1em}.md-typeset .admonition .md-typeset__scrollwrap,.md-typeset details .md-typeset__scrollwrap{margin:1em -.6rem}.md-typeset .admonition .md-typeset__table,.md-typeset details .md-typeset__table{padding:0 .6rem}.md-typeset .admonition>.tabbed-set:only-child,.md-typeset details>.tabbed-set:only-child{margin-top:0}html .md-typeset .admonition>:last-child,html .md-typeset details>:last-child{margin-bottom:.6rem}[dir=ltr] .md-typeset .admonition-title,[dir=ltr] .md-typeset summary{padding-left:2rem;padding-right:.6rem}[dir=rtl] .md-typeset .admonition-title,[dir=rtl] .md-typeset summary{padding-left:.6rem;padding-right:2rem}[dir=ltr] .md-typeset .admonition-title,[dir=ltr] .md-typeset summary{border-left-width:.2rem}[dir=rtl] .md-typeset .admonition-title,[dir=rtl] .md-typeset summary{border-right-width:.2rem}[dir=ltr] .md-typeset .admonition-title,[dir=ltr] .md-typeset summary{border-top-left-radius:.1rem}[dir=ltr] .md-typeset .admonition-title,[dir=ltr] .md-typeset summary,[dir=rtl] .md-typeset .admonition-title,[dir=rtl] .md-typeset summary{border-top-right-radius:.1rem}[dir=rtl] .md-typeset .admonition-title,[dir=rtl] .md-typeset summary{border-top-left-radius:.1rem}.md-typeset .admonition-title,.md-typeset summary{background-color:#448aff1a;border:none;font-weight:700;margin:0 -.6rem;padding-bottom:.4rem;padding-top:.4rem;position:relative}html .md-typeset .admonition-title:last-child,html .md-typeset summary:last-child{margin-bottom:0}[dir=ltr] .md-typeset .admonition-title:before,[dir=ltr] .md-typeset summary:before{left:.6rem}[dir=rtl] .md-typeset .admonition-title:before,[dir=rtl] .md-typeset summary:before{right:.6rem}.md-typeset .admonition-title:before,.md-typeset summary:before{background-color:#448aff;content:"";height:1rem;-webkit-mask-image:var(--md-admonition-icon--note);mask-image:var(--md-admonition-icon--note);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:.625em;width:1rem}.md-typeset .admonition-title code,.md-typeset summary code{box-shadow:0 0 0 .05rem var(--md-default-fg-color--lightest)}.md-typeset .admonition.note,.md-typeset details.note{border-color:#448aff}.md-typeset .admonition.note:focus-within,.md-typeset details.note:focus-within{box-shadow:0 0 0 .2rem #448aff1a}.md-typeset .note>.admonition-title,.md-typeset .note>summary{background-color:#448aff1a}.md-typeset .note>.admonition-title:before,.md-typeset .note>summary:before{background-color:#448aff;-webkit-mask-image:var(--md-admonition-icon--note);mask-image:var(--md-admonition-icon--note)}.md-typeset .note>.admonition-title:after,.md-typeset .note>summary:after{color:#448aff}.md-typeset .admonition.abstract,.md-typeset details.abstract{border-color:#00b0ff}.md-typeset .admonition.abstract:focus-within,.md-typeset details.abstract:focus-within{box-shadow:0 0 0 .2rem #00b0ff1a}.md-typeset .abstract>.admonition-title,.md-typeset .abstract>summary{background-color:#00b0ff1a}.md-typeset .abstract>.admonition-title:before,.md-typeset .abstract>summary:before{background-color:#00b0ff;-webkit-mask-image:var(--md-admonition-icon--abstract);mask-image:var(--md-admonition-icon--abstract)}.md-typeset .abstract>.admonition-title:after,.md-typeset .abstract>summary:after{color:#00b0ff}.md-typeset .admonition.info,.md-typeset details.info{border-color:#00b8d4}.md-typeset .admonition.info:focus-within,.md-typeset details.info:focus-within{box-shadow:0 0 0 .2rem #00b8d41a}.md-typeset .info>.admonition-title,.md-typeset .info>summary{background-color:#00b8d41a}.md-typeset .info>.admonition-title:before,.md-typeset .info>summary:before{background-color:#00b8d4;-webkit-mask-image:var(--md-admonition-icon--info);mask-image:var(--md-admonition-icon--info)}.md-typeset .info>.admonition-title:after,.md-typeset .info>summary:after{color:#00b8d4}.md-typeset .admonition.tip,.md-typeset details.tip{border-color:#00bfa5}.md-typeset .admonition.tip:focus-within,.md-typeset details.tip:focus-within{box-shadow:0 0 0 .2rem #00bfa51a}.md-typeset .tip>.admonition-title,.md-typeset .tip>summary{background-color:#00bfa51a}.md-typeset .tip>.admonition-title:before,.md-typeset .tip>summary:before{background-color:#00bfa5;-webkit-mask-image:var(--md-admonition-icon--tip);mask-image:var(--md-admonition-icon--tip)}.md-typeset .tip>.admonition-title:after,.md-typeset .tip>summary:after{color:#00bfa5}.md-typeset .admonition.success,.md-typeset details.success{border-color:#00c853}.md-typeset .admonition.success:focus-within,.md-typeset details.success:focus-within{box-shadow:0 0 0 .2rem #00c8531a}.md-typeset .success>.admonition-title,.md-typeset .success>summary{background-color:#00c8531a}.md-typeset .success>.admonition-title:before,.md-typeset .success>summary:before{background-color:#00c853;-webkit-mask-image:var(--md-admonition-icon--success);mask-image:var(--md-admonition-icon--success)}.md-typeset .success>.admonition-title:after,.md-typeset .success>summary:after{color:#00c853}.md-typeset .admonition.question,.md-typeset details.question{border-color:#64dd17}.md-typeset .admonition.question:focus-within,.md-typeset details.question:focus-within{box-shadow:0 0 0 .2rem #64dd171a}.md-typeset .question>.admonition-title,.md-typeset .question>summary{background-color:#64dd171a}.md-typeset .question>.admonition-title:before,.md-typeset .question>summary:before{background-color:#64dd17;-webkit-mask-image:var(--md-admonition-icon--question);mask-image:var(--md-admonition-icon--question)}.md-typeset .question>.admonition-title:after,.md-typeset .question>summary:after{color:#64dd17}.md-typeset .admonition.warning,.md-typeset details.warning{border-color:#ff9100}.md-typeset .admonition.warning:focus-within,.md-typeset details.warning:focus-within{box-shadow:0 0 0 .2rem #ff91001a}.md-typeset .warning>.admonition-title,.md-typeset .warning>summary{background-color:#ff91001a}.md-typeset .warning>.admonition-title:before,.md-typeset .warning>summary:before{background-color:#ff9100;-webkit-mask-image:var(--md-admonition-icon--warning);mask-image:var(--md-admonition-icon--warning)}.md-typeset .warning>.admonition-title:after,.md-typeset .warning>summary:after{color:#ff9100}.md-typeset .admonition.failure,.md-typeset details.failure{border-color:#ff5252}.md-typeset .admonition.failure:focus-within,.md-typeset details.failure:focus-within{box-shadow:0 0 0 .2rem #ff52521a}.md-typeset .failure>.admonition-title,.md-typeset .failure>summary{background-color:#ff52521a}.md-typeset .failure>.admonition-title:before,.md-typeset .failure>summary:before{background-color:#ff5252;-webkit-mask-image:var(--md-admonition-icon--failure);mask-image:var(--md-admonition-icon--failure)}.md-typeset .failure>.admonition-title:after,.md-typeset .failure>summary:after{color:#ff5252}.md-typeset .admonition.danger,.md-typeset details.danger{border-color:#ff1744}.md-typeset .admonition.danger:focus-within,.md-typeset details.danger:focus-within{box-shadow:0 0 0 .2rem #ff17441a}.md-typeset .danger>.admonition-title,.md-typeset .danger>summary{background-color:#ff17441a}.md-typeset .danger>.admonition-title:before,.md-typeset .danger>summary:before{background-color:#ff1744;-webkit-mask-image:var(--md-admonition-icon--danger);mask-image:var(--md-admonition-icon--danger)}.md-typeset .danger>.admonition-title:after,.md-typeset .danger>summary:after{color:#ff1744}.md-typeset .admonition.bug,.md-typeset details.bug{border-color:#f50057}.md-typeset .admonition.bug:focus-within,.md-typeset details.bug:focus-within{box-shadow:0 0 0 .2rem #f500571a}.md-typeset .bug>.admonition-title,.md-typeset .bug>summary{background-color:#f500571a}.md-typeset .bug>.admonition-title:before,.md-typeset .bug>summary:before{background-color:#f50057;-webkit-mask-image:var(--md-admonition-icon--bug);mask-image:var(--md-admonition-icon--bug)}.md-typeset .bug>.admonition-title:after,.md-typeset .bug>summary:after{color:#f50057}.md-typeset .admonition.example,.md-typeset details.example{border-color:#7c4dff}.md-typeset .admonition.example:focus-within,.md-typeset details.example:focus-within{box-shadow:0 0 0 .2rem #7c4dff1a}.md-typeset .example>.admonition-title,.md-typeset .example>summary{background-color:#7c4dff1a}.md-typeset .example>.admonition-title:before,.md-typeset .example>summary:before{background-color:#7c4dff;-webkit-mask-image:var(--md-admonition-icon--example);mask-image:var(--md-admonition-icon--example)}.md-typeset .example>.admonition-title:after,.md-typeset .example>summary:after{color:#7c4dff}.md-typeset .admonition.quote,.md-typeset details.quote{border-color:#9e9e9e}.md-typeset .admonition.quote:focus-within,.md-typeset details.quote:focus-within{box-shadow:0 0 0 .2rem #9e9e9e1a}.md-typeset .quote>.admonition-title,.md-typeset .quote>summary{background-color:#9e9e9e1a}.md-typeset .quote>.admonition-title:before,.md-typeset .quote>summary:before{background-color:#9e9e9e;-webkit-mask-image:var(--md-admonition-icon--quote);mask-image:var(--md-admonition-icon--quote)}.md-typeset .quote>.admonition-title:after,.md-typeset .quote>summary:after{color:#9e9e9e}:root{--md-footnotes-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.42L5.83 13H21V7z"/></svg>')}.md-typeset .footnote{color:var(--md-default-fg-color--light);font-size:.64rem}[dir=ltr] .md-typeset .footnote>ol{margin-left:0}[dir=rtl] .md-typeset .footnote>ol{margin-right:0}.md-typeset .footnote>ol>li{transition:color 125ms}.md-typeset .footnote>ol>li:target{color:var(--md-default-fg-color)}.md-typeset .footnote>ol>li:focus-within .footnote-backref{opacity:1;transform:translateX(0);transition:none}.md-typeset .footnote>ol>li:hover .footnote-backref,.md-typeset .footnote>ol>li:target .footnote-backref{opacity:1;transform:translateX(0)}.md-typeset .footnote>ol>li>:first-child{margin-top:0}.md-typeset .footnote-ref{font-size:.75em;font-weight:700}html .md-typeset .footnote-ref{outline-offset:.1rem}.md-typeset [id^="fnref:"]:target>.footnote-ref{outline:auto}.md-typeset .footnote-backref{color:var(--md-typeset-a-color);display:inline-block;font-size:0;opacity:0;transform:translateX(.25rem);transition:color .25s,transform .25s .25s,opacity 125ms .25s;vertical-align:text-bottom}@media print{.md-typeset .footnote-backref{color:var(--md-typeset-a-color);opacity:1;transform:translateX(0)}}[dir=rtl] .md-typeset .footnote-backref{transform:translateX(-.25rem)}.md-typeset .footnote-backref:hover{color:var(--md-accent-fg-color)}.md-typeset .footnote-backref:before{background-color:currentcolor;content:"";display:inline-block;height:.8rem;-webkit-mask-image:var(--md-footnotes-icon);mask-image:var(--md-footnotes-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.8rem}[dir=rtl] .md-typeset .footnote-backref:before svg{transform:scaleX(-1)}[dir=ltr] .md-typeset .headerlink{margin-left:.5rem}[dir=rtl] .md-typeset .headerlink{margin-right:.5rem}.md-typeset .headerlink{color:var(--md-default-fg-color--lighter);display:inline-block;opacity:0;transition:color .25s,opacity 125ms}@media print{.md-typeset .headerlink{display:none}}.md-typeset .headerlink:focus,.md-typeset :hover>.headerlink,.md-typeset :target>.headerlink{opacity:1;transition:color .25s,opacity 125ms}.md-typeset .headerlink:focus,.md-typeset .headerlink:hover,.md-typeset :target>.headerlink{color:var(--md-accent-fg-color)}.md-typeset :target{--md-scroll-margin:3.6rem;--md-scroll-offset:0rem;scroll-margin-top:calc(var(--md-scroll-margin) - var(--md-scroll-offset))}@media screen and (min-width:76.25em){.md-header--lifted~.md-container .md-typeset :target{--md-scroll-margin:6rem}}.md-typeset h1:target,.md-typeset h2:target,.md-typeset h3:target{--md-scroll-offset:0.2rem}.md-typeset h4:target{--md-scroll-offset:0.15rem}.md-typeset div.arithmatex{overflow:auto}@media screen and (max-width:44.984375em){.md-typeset div.arithmatex{margin:0 -.8rem}.md-typeset div.arithmatex>*{width:min-content}}.md-typeset div.arithmatex>*{margin-left:auto!important;margin-right:auto!important;padding:0 .8rem;touch-action:auto}.md-typeset div.arithmatex>* mjx-container{margin:0!important}.md-typeset div.arithmatex mjx-assistive-mml{height:0}.md-typeset del.critic{background-color:var(--md-typeset-del-color)}.md-typeset del.critic,.md-typeset ins.critic{-webkit-box-decoration-break:clone;box-decoration-break:clone}.md-typeset ins.critic{background-color:var(--md-typeset-ins-color)}.md-typeset .critic.comment{-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--md-code-hl-comment-color)}.md-typeset .critic.comment:before{content:"/* "}.md-typeset .critic.comment:after{content:" */"}.md-typeset .critic.block{box-shadow:none;display:block;margin:1em 0;overflow:auto;padding-left:.8rem;padding-right:.8rem}.md-typeset .critic.block>:first-child{margin-top:.5em}.md-typeset .critic.block>:last-child{margin-bottom:.5em}:root{--md-details-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>')}.md-typeset details{display:flow-root;overflow:visible;padding-top:0}.md-typeset details[open]>summary:after{transform:rotate(90deg)}.md-typeset details:not([open]){box-shadow:none;padding-bottom:0}.md-typeset details:not([open])>summary{border-radius:.1rem}[dir=ltr] .md-typeset summary{padding-right:1.8rem}[dir=rtl] .md-typeset summary{padding-left:1.8rem}[dir=ltr] .md-typeset summary{border-top-left-radius:.1rem}[dir=ltr] .md-typeset summary,[dir=rtl] .md-typeset summary{border-top-right-radius:.1rem}[dir=rtl] .md-typeset summary{border-top-left-radius:.1rem}.md-typeset summary{cursor:pointer;display:block;min-height:1rem;overflow:hidden}.md-typeset summary.focus-visible{outline-color:var(--md-accent-fg-color);outline-offset:.2rem}.md-typeset summary:not(.focus-visible){-webkit-tap-highlight-color:transparent;outline:none}[dir=ltr] .md-typeset summary:after{right:.4rem}[dir=rtl] .md-typeset summary:after{left:.4rem}.md-typeset summary:after{background-color:currentcolor;content:"";height:1rem;-webkit-mask-image:var(--md-details-icon);mask-image:var(--md-details-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:.625em;transform:rotate(0deg);transition:transform .25s;width:1rem}[dir=rtl] .md-typeset summary:after{transform:rotate(180deg)}.md-typeset summary::marker{display:none}.md-typeset summary::-webkit-details-marker{display:none}.md-typeset .emojione,.md-typeset .gemoji,.md-typeset .twemoji{--md-icon-size:1.125em;display:inline-flex;height:var(--md-icon-size);vertical-align:text-top}.md-typeset .emojione svg,.md-typeset .gemoji svg,.md-typeset .twemoji svg{fill:currentcolor;max-height:100%;width:var(--md-icon-size)}.md-typeset .lg,.md-typeset .xl,.md-typeset .xxl,.md-typeset .xxxl{vertical-align:text-bottom}.md-typeset .middle{vertical-align:middle}.md-typeset .lg{--md-icon-size:1.5em}.md-typeset .xl{--md-icon-size:2.25em}.md-typeset .xxl{--md-icon-size:3em}.md-typeset .xxxl{--md-icon-size:4em}.highlight .o,.highlight .ow{color:var(--md-code-hl-operator-color)}.highlight .p{color:var(--md-code-hl-punctuation-color)}.highlight .cpf,.highlight .l,.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .si,.highlight .ss{color:var(--md-code-hl-string-color)}.highlight .cp,.highlight .se,.highlight .sh,.highlight .sr,.highlight .sx{color:var(--md-code-hl-special-color)}.highlight .il,.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:var(--md-code-hl-number-color)}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--md-code-hl-keyword-color)}.highlight .kc,.highlight .n{color:var(--md-code-hl-name-color)}.highlight .bp,.highlight .nb,.highlight .no{color:var(--md-code-hl-constant-color)}.highlight .nc,.highlight .ne,.highlight .nf,.highlight .nn{color:var(--md-code-hl-function-color)}.highlight .nd,.highlight .ni,.highlight .nl,.highlight .nt{color:var(--md-code-hl-keyword-color)}.highlight .c,.highlight .c1,.highlight .ch,.highlight .cm,.highlight .cs,.highlight .sd{color:var(--md-code-hl-comment-color)}.highlight .na,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--md-code-hl-variable-color)}.highlight .ge,.highlight .gh,.highlight .go,.highlight .gp,.highlight .gr,.highlight .gs,.highlight .gt,.highlight .gu{color:var(--md-code-hl-generic-color)}.highlight .gd,.highlight .gi{border-radius:.1rem;margin:0 -.125em;padding:0 .125em}.highlight .gd{background-color:var(--md-typeset-del-color)}.highlight .gi{background-color:var(--md-typeset-ins-color)}.highlight .hll{background-color:var(--md-code-hl-color--light);box-shadow:2px 0 0 0 var(--md-code-hl-color) inset;display:block;margin:0 -1.1764705882em;padding:0 1.1764705882em}.highlight span.filename{background-color:var(--md-code-bg-color);border-bottom:.05rem solid var(--md-default-fg-color--lightest);border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:flow-root;font-size:.85em;font-weight:700;margin-top:1em;padding:.6617647059em 1.1764705882em;position:relative}.highlight span.filename+pre{margin-top:0}.highlight span.filename+pre>code{border-top-left-radius:0;border-top-right-radius:0}.highlight [data-linenos]:before{background-color:var(--md-code-bg-color);box-shadow:-.05rem 0 var(--md-default-fg-color--lightest) inset;color:var(--md-default-fg-color--light);content:attr(data-linenos);float:left;left:-1.1764705882em;margin-left:-1.1764705882em;margin-right:1.1764705882em;padding-left:1.1764705882em;position:sticky;-webkit-user-select:none;user-select:none;z-index:3}.highlight code a[id]{position:absolute;visibility:hidden}.highlight code[data-md-copying]{display:initial}.highlight code[data-md-copying] .hll{display:contents}.highlight code[data-md-copying] .md-annotation{display:none}.highlighttable{display:flow-root}.highlighttable tbody,.highlighttable td{display:block;padding:0}.highlighttable tr{display:flex}.highlighttable pre{margin:0}.highlighttable th.filename{flex-grow:1;padding:0;text-align:left}.highlighttable th.filename span.filename{margin-top:0}.highlighttable .linenos{background-color:var(--md-code-bg-color);border-bottom-left-radius:.1rem;border-top-left-radius:.1rem;font-size:.85em;padding:.7720588235em 0 .7720588235em 1.1764705882em;-webkit-user-select:none;user-select:none}.highlighttable .linenodiv{box-shadow:-.05rem 0 var(--md-default-fg-color--lightest) inset;padding-right:.5882352941em}.highlighttable .linenodiv pre{color:var(--md-default-fg-color--light);text-align:right}.highlighttable .code{flex:1;min-width:0}.linenodiv a{color:inherit}.md-typeset .highlighttable{direction:ltr;margin:1em 0}.md-typeset .highlighttable>tbody>tr>.code>div>pre>code{border-bottom-left-radius:0;border-top-left-radius:0}.md-typeset .highlight+.result{border:.05rem solid var(--md-code-bg-color);border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem;border-top-width:.1rem;margin-top:-1.125em;overflow:visible;padding:0 1em}.md-typeset .highlight+.result:after{clear:both;content:"";display:block}@media screen and (max-width:44.984375em){.md-content__inner>.highlight{margin:1em -.8rem}.md-content__inner>.highlight>.filename,.md-content__inner>.highlight>.highlighttable>tbody>tr>.code>div>pre>code,.md-content__inner>.highlight>.highlighttable>tbody>tr>.filename span.filename,.md-content__inner>.highlight>.highlighttable>tbody>tr>.linenos,.md-content__inner>.highlight>pre>code{border-radius:0}.md-content__inner>.highlight+.result{border-left-width:0;border-radius:0;border-right-width:0;margin-left:-.8rem;margin-right:-.8rem}}.md-typeset .keys kbd:after,.md-typeset .keys kbd:before{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;color:inherit;margin:0;position:relative}.md-typeset .keys span{color:var(--md-default-fg-color--light);padding:0 .2em}.md-typeset .keys .key-alt:before,.md-typeset .keys .key-left-alt:before,.md-typeset .keys .key-right-alt:before{content:"⎇";padding-right:.4em}.md-typeset .keys .key-command:before,.md-typeset .keys .key-left-command:before,.md-typeset .keys .key-right-command:before{content:"⌘";padding-right:.4em}.md-typeset .keys .key-control:before,.md-typeset .keys .key-left-control:before,.md-typeset .keys .key-right-control:before{content:"⌃";padding-right:.4em}.md-typeset .keys .key-left-meta:before,.md-typeset .keys .key-meta:before,.md-typeset .keys .key-right-meta:before{content:"◆";padding-right:.4em}.md-typeset .keys .key-left-option:before,.md-typeset .keys .key-option:before,.md-typeset .keys .key-right-option:before{content:"⌥";padding-right:.4em}.md-typeset .keys .key-left-shift:before,.md-typeset .keys .key-right-shift:before,.md-typeset .keys .key-shift:before{content:"⇧";padding-right:.4em}.md-typeset .keys .key-left-super:before,.md-typeset .keys .key-right-super:before,.md-typeset .keys .key-super:before{content:"❖";padding-right:.4em}.md-typeset .keys .key-left-windows:before,.md-typeset .keys .key-right-windows:before,.md-typeset .keys .key-windows:before{content:"⊞";padding-right:.4em}.md-typeset .keys .key-arrow-down:before{content:"↓";padding-right:.4em}.md-typeset .keys .key-arrow-left:before{content:"←";padding-right:.4em}.md-typeset .keys .key-arrow-right:before{content:"→";padding-right:.4em}.md-typeset .keys .key-arrow-up:before{content:"↑";padding-right:.4em}.md-typeset .keys .key-backspace:before{content:"⌫";padding-right:.4em}.md-typeset .keys .key-backtab:before{content:"⇤";padding-right:.4em}.md-typeset .keys .key-caps-lock:before{content:"⇪";padding-right:.4em}.md-typeset .keys .key-clear:before{content:"⌧";padding-right:.4em}.md-typeset .keys .key-context-menu:before{content:"☰";padding-right:.4em}.md-typeset .keys .key-delete:before{content:"⌦";padding-right:.4em}.md-typeset .keys .key-eject:before{content:"⏏";padding-right:.4em}.md-typeset .keys .key-end:before{content:"⤓";padding-right:.4em}.md-typeset .keys .key-escape:before{content:"⎋";padding-right:.4em}.md-typeset .keys .key-home:before{content:"⤒";padding-right:.4em}.md-typeset .keys .key-insert:before{content:"⎀";padding-right:.4em}.md-typeset .keys .key-page-down:before{content:"⇟";padding-right:.4em}.md-typeset .keys .key-page-up:before{content:"⇞";padding-right:.4em}.md-typeset .keys .key-print-screen:before{content:"⎙";padding-right:.4em}.md-typeset .keys .key-tab:after{content:"⇥";padding-left:.4em}.md-typeset .keys .key-num-enter:after{content:"⌤";padding-left:.4em}.md-typeset .keys .key-enter:after{content:"⏎";padding-left:.4em}:root{--md-tabbed-icon--prev:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6z"/></svg>');--md-tabbed-icon--next:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>')}.md-typeset .tabbed-set{border-radius:.1rem;display:flex;flex-flow:column wrap;margin:1em 0;position:relative}.md-typeset .tabbed-set>input{height:0;opacity:0;position:absolute;width:0}.md-typeset .tabbed-set>input:target{--md-scroll-offset:0.625em}.md-typeset .tabbed-set>input.focus-visible~.tabbed-labels:before{background-color:var(--md-accent-fg-color)}.md-typeset .tabbed-labels{-ms-overflow-style:none;box-shadow:0 -.05rem var(--md-default-fg-color--lightest) inset;display:flex;max-width:100%;overflow:auto;scrollbar-width:none}@media print{.md-typeset .tabbed-labels{display:contents}}@media screen{.js .md-typeset .tabbed-labels{position:relative}.js .md-typeset .tabbed-labels:before{background:var(--md-default-fg-color);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:translateX(var(--md-indicator-x));transition:width 225ms,background-color .25s,transform .25s;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--md-indicator-width)}}.md-typeset .tabbed-labels::-webkit-scrollbar{display:none}.md-typeset .tabbed-labels>label{border-bottom:.1rem solid #0000;border-radius:.1rem .1rem 0 0;color:var(--md-default-fg-color--light);cursor:pointer;flex-shrink:0;font-size:.64rem;font-weight:700;padding:.78125em 1.25em .625em;scroll-margin-inline-start:1rem;transition:background-color .25s,color .25s;white-space:nowrap;width:auto}@media print{.md-typeset .tabbed-labels>label:first-child{order:1}.md-typeset .tabbed-labels>label:nth-child(2){order:2}.md-typeset .tabbed-labels>label:nth-child(3){order:3}.md-typeset .tabbed-labels>label:nth-child(4){order:4}.md-typeset .tabbed-labels>label:nth-child(5){order:5}.md-typeset .tabbed-labels>label:nth-child(6){order:6}.md-typeset .tabbed-labels>label:nth-child(7){order:7}.md-typeset .tabbed-labels>label:nth-child(8){order:8}.md-typeset .tabbed-labels>label:nth-child(9){order:9}.md-typeset .tabbed-labels>label:nth-child(10){order:10}.md-typeset .tabbed-labels>label:nth-child(11){order:11}.md-typeset .tabbed-labels>label:nth-child(12){order:12}.md-typeset .tabbed-labels>label:nth-child(13){order:13}.md-typeset .tabbed-labels>label:nth-child(14){order:14}.md-typeset .tabbed-labels>label:nth-child(15){order:15}.md-typeset .tabbed-labels>label:nth-child(16){order:16}.md-typeset .tabbed-labels>label:nth-child(17){order:17}.md-typeset .tabbed-labels>label:nth-child(18){order:18}.md-typeset .tabbed-labels>label:nth-child(19){order:19}.md-typeset .tabbed-labels>label:nth-child(20){order:20}}.md-typeset .tabbed-labels>label:hover{color:var(--md-default-fg-color)}.md-typeset .tabbed-labels>label>[href]:first-child{color:inherit}.md-typeset .tabbed-labels--linked>label{padding:0}.md-typeset .tabbed-labels--linked>label>a{display:block;padding:.78125em 1.25em .625em}.md-typeset .tabbed-content{width:100%}@media print{.md-typeset .tabbed-content{display:contents}}.md-typeset .tabbed-block{display:none}@media print{.md-typeset .tabbed-block{display:block}.md-typeset .tabbed-block:first-child{order:1}.md-typeset .tabbed-block:nth-child(2){order:2}.md-typeset .tabbed-block:nth-child(3){order:3}.md-typeset .tabbed-block:nth-child(4){order:4}.md-typeset .tabbed-block:nth-child(5){order:5}.md-typeset .tabbed-block:nth-child(6){order:6}.md-typeset .tabbed-block:nth-child(7){order:7}.md-typeset .tabbed-block:nth-child(8){order:8}.md-typeset .tabbed-block:nth-child(9){order:9}.md-typeset .tabbed-block:nth-child(10){order:10}.md-typeset .tabbed-block:nth-child(11){order:11}.md-typeset .tabbed-block:nth-child(12){order:12}.md-typeset .tabbed-block:nth-child(13){order:13}.md-typeset .tabbed-block:nth-child(14){order:14}.md-typeset .tabbed-block:nth-child(15){order:15}.md-typeset .tabbed-block:nth-child(16){order:16}.md-typeset .tabbed-block:nth-child(17){order:17}.md-typeset .tabbed-block:nth-child(18){order:18}.md-typeset .tabbed-block:nth-child(19){order:19}.md-typeset .tabbed-block:nth-child(20){order:20}}.md-typeset .tabbed-block>.highlight:first-child>pre,.md-typeset .tabbed-block>pre:first-child{margin:0}.md-typeset .tabbed-block>.highlight:first-child>pre>code,.md-typeset .tabbed-block>pre:first-child>code{border-top-left-radius:0;border-top-right-radius:0}.md-typeset .tabbed-block>.highlight:first-child>.filename{border-top-left-radius:0;border-top-right-radius:0;margin:0}.md-typeset .tabbed-block>.highlight:first-child>.highlighttable{margin:0}.md-typeset .tabbed-block>.highlight:first-child>.highlighttable>tbody>tr>.filename span.filename,.md-typeset .tabbed-block>.highlight:first-child>.highlighttable>tbody>tr>.linenos{border-top-left-radius:0;border-top-right-radius:0;margin:0}.md-typeset .tabbed-block>.highlight:first-child>.highlighttable>tbody>tr>.code>div>pre>code{border-top-left-radius:0;border-top-right-radius:0}.md-typeset .tabbed-block>.highlight:first-child+.result{margin-top:-.125em}.md-typeset .tabbed-block>.tabbed-set{margin:0}.md-typeset .tabbed-button{align-self:center;border-radius:100%;color:var(--md-default-fg-color--light);cursor:pointer;display:block;height:.9rem;margin-top:.1rem;pointer-events:auto;transition:background-color .25s;width:.9rem}.md-typeset .tabbed-button:hover{background-color:var(--md-accent-fg-color--transparent);color:var(--md-accent-fg-color)}.md-typeset .tabbed-button:after{background-color:currentcolor;content:"";display:block;height:100%;-webkit-mask-image:var(--md-tabbed-icon--prev);mask-image:var(--md-tabbed-icon--prev);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color .25s,transform .25s;width:100%}.md-typeset .tabbed-control{background:linear-gradient(to right,var(--md-default-bg-color) 60%,#0000);display:flex;height:1.9rem;justify-content:start;pointer-events:none;position:absolute;transition:opacity 125ms;width:1.2rem}[dir=rtl] .md-typeset .tabbed-control{transform:rotate(180deg)}.md-typeset .tabbed-control[hidden]{opacity:0}.md-typeset .tabbed-control--next{background:linear-gradient(to left,var(--md-default-bg-color) 60%,#0000);justify-content:end;right:0}.md-typeset .tabbed-control--next .tabbed-button:after{-webkit-mask-image:var(--md-tabbed-icon--next);mask-image:var(--md-tabbed-icon--next)}@media screen and (max-width:44.984375em){[dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels{padding-left:.8rem}[dir=rtl] .md-content__inner>.tabbed-set .tabbed-labels{padding-right:.8rem}.md-content__inner>.tabbed-set .tabbed-labels{margin:0 -.8rem;max-width:100vw;scroll-padding-inline-start:.8rem}[dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels:after{padding-right:.8rem}[dir=rtl] .md-content__inner>.tabbed-set .tabbed-labels:after{padding-left:.8rem}.md-content__inner>.tabbed-set .tabbed-labels:after{content:""}[dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--prev{padding-left:.8rem}[dir=rtl] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--prev{padding-right:.8rem}[dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--prev{margin-left:-.8rem}[dir=rtl] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--prev{margin-right:-.8rem}.md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--prev{width:2rem}[dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--next{padding-right:.8rem}[dir=rtl] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--next{padding-left:.8rem}[dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--next{margin-right:-.8rem}[dir=rtl] .md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--next{margin-left:-.8rem}.md-content__inner>.tabbed-set .tabbed-labels~.tabbed-control--next{width:2rem}}@media screen{.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child,.md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10),.md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11),.md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12),.md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13),.md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14),.md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15),.md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16),.md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17),.md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18),.md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19),.md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2),.md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20),.md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3),.md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4),.md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5),.md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6),.md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7),.md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8),.md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9){color:var(--md-default-fg-color)}.md-typeset .no-js .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child,.md-typeset .no-js .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10),.md-typeset .no-js .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11),.md-typeset .no-js .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12),.md-typeset .no-js .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13),.md-typeset .no-js .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14),.md-typeset .no-js .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15),.md-typeset .no-js .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16),.md-typeset .no-js .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17),.md-typeset .no-js .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18),.md-typeset .no-js .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19),.md-typeset .no-js .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2),.md-typeset .no-js .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20),.md-typeset .no-js .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3),.md-typeset .no-js .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4),.md-typeset .no-js .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5),.md-typeset .no-js .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6),.md-typeset .no-js .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7),.md-typeset .no-js .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8),.md-typeset .no-js .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9),.no-js .md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child,.no-js .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10),.no-js .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11),.no-js .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12),.no-js .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13),.no-js .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14),.no-js .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15),.no-js .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16),.no-js .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17),.no-js .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18),.no-js .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19),.no-js .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2),.no-js .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20),.no-js .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3),.no-js .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4),.no-js .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5),.no-js .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6),.no-js .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7),.no-js .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8),.no-js .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9){border-color:var(--md-default-fg-color)}}.md-typeset .tabbed-set>input:first-child.focus-visible~.tabbed-labels>:first-child,.md-typeset .tabbed-set>input:nth-child(10).focus-visible~.tabbed-labels>:nth-child(10),.md-typeset .tabbed-set>input:nth-child(11).focus-visible~.tabbed-labels>:nth-child(11),.md-typeset .tabbed-set>input:nth-child(12).focus-visible~.tabbed-labels>:nth-child(12),.md-typeset .tabbed-set>input:nth-child(13).focus-visible~.tabbed-labels>:nth-child(13),.md-typeset .tabbed-set>input:nth-child(14).focus-visible~.tabbed-labels>:nth-child(14),.md-typeset .tabbed-set>input:nth-child(15).focus-visible~.tabbed-labels>:nth-child(15),.md-typeset .tabbed-set>input:nth-child(16).focus-visible~.tabbed-labels>:nth-child(16),.md-typeset .tabbed-set>input:nth-child(17).focus-visible~.tabbed-labels>:nth-child(17),.md-typeset .tabbed-set>input:nth-child(18).focus-visible~.tabbed-labels>:nth-child(18),.md-typeset .tabbed-set>input:nth-child(19).focus-visible~.tabbed-labels>:nth-child(19),.md-typeset .tabbed-set>input:nth-child(2).focus-visible~.tabbed-labels>:nth-child(2),.md-typeset .tabbed-set>input:nth-child(20).focus-visible~.tabbed-labels>:nth-child(20),.md-typeset .tabbed-set>input:nth-child(3).focus-visible~.tabbed-labels>:nth-child(3),.md-typeset .tabbed-set>input:nth-child(4).focus-visible~.tabbed-labels>:nth-child(4),.md-typeset .tabbed-set>input:nth-child(5).focus-visible~.tabbed-labels>:nth-child(5),.md-typeset .tabbed-set>input:nth-child(6).focus-visible~.tabbed-labels>:nth-child(6),.md-typeset .tabbed-set>input:nth-child(7).focus-visible~.tabbed-labels>:nth-child(7),.md-typeset .tabbed-set>input:nth-child(8).focus-visible~.tabbed-labels>:nth-child(8),.md-typeset .tabbed-set>input:nth-child(9).focus-visible~.tabbed-labels>:nth-child(9){color:var(--md-accent-fg-color)}.md-typeset .tabbed-set>input:first-child:checked~.tabbed-content>:first-child,.md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-content>:nth-child(10),.md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-content>:nth-child(11),.md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-content>:nth-child(12),.md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-content>:nth-child(13),.md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-content>:nth-child(14),.md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-content>:nth-child(15),.md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-content>:nth-child(16),.md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-content>:nth-child(17),.md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-content>:nth-child(18),.md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-content>:nth-child(19),.md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-content>:nth-child(2),.md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-content>:nth-child(20),.md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-content>:nth-child(3),.md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-content>:nth-child(4),.md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-content>:nth-child(5),.md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-content>:nth-child(6),.md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-content>:nth-child(7),.md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-content>:nth-child(8),.md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-content>:nth-child(9){display:block}:root{--md-tasklist-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m16.28-2.72a.75.75 0 0 0-.018-1.042.75.75 0 0 0-1.042-.018l-5.97 5.97-2.47-2.47a.75.75 0 0 0-1.042.018.75.75 0 0 0-.018 1.042l3 3a.75.75 0 0 0 1.06 0Z"/></svg>');--md-tasklist-icon--checked:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m16.28-2.72a.75.75 0 0 0-.018-1.042.75.75 0 0 0-1.042-.018l-5.97 5.97-2.47-2.47a.75.75 0 0 0-1.042.018.75.75 0 0 0-.018 1.042l3 3a.75.75 0 0 0 1.06 0Z"/></svg>')}.md-typeset .task-list-item{list-style-type:none;position:relative}[dir=ltr] .md-typeset .task-list-item [type=checkbox]{left:-2em}[dir=rtl] .md-typeset .task-list-item [type=checkbox]{right:-2em}.md-typeset .task-list-item [type=checkbox]{position:absolute;top:.45em}.md-typeset .task-list-control [type=checkbox]{opacity:0;z-index:-1}[dir=ltr] .md-typeset .task-list-indicator:before{left:-1.5em}[dir=rtl] .md-typeset .task-list-indicator:before{right:-1.5em}.md-typeset .task-list-indicator:before{background-color:var(--md-default-fg-color--lightest);content:"";height:1.25em;-webkit-mask-image:var(--md-tasklist-icon);mask-image:var(--md-tasklist-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:.15em;width:1.25em}.md-typeset [type=checkbox]:checked+.task-list-indicator:before{background-color:#00e676;-webkit-mask-image:var(--md-tasklist-icon--checked);mask-image:var(--md-tasklist-icon--checked)}:root>*{--md-mermaid-font-family:var(--md-text-font-family),sans-serif;--md-mermaid-edge-color:var(--md-code-fg-color);--md-mermaid-node-bg-color:var(--md-accent-fg-color--transparent);--md-mermaid-node-fg-color:var(--md-accent-fg-color);--md-mermaid-label-bg-color:var(--md-default-bg-color);--md-mermaid-label-fg-color:var(--md-code-fg-color);--md-mermaid-sequence-actor-bg-color:var(--md-mermaid-label-bg-color);--md-mermaid-sequence-actor-fg-color:var(--md-mermaid-label-fg-color);--md-mermaid-sequence-actor-border-color:var(--md-mermaid-node-fg-color);--md-mermaid-sequence-actor-line-color:var(--md-default-fg-color--lighter);--md-mermaid-sequence-actorman-bg-color:var(--md-mermaid-label-bg-color);--md-mermaid-sequence-actorman-line-color:var(--md-mermaid-node-fg-color);--md-mermaid-sequence-box-bg-color:var(--md-mermaid-node-bg-color);--md-mermaid-sequence-box-fg-color:var(--md-mermaid-edge-color);--md-mermaid-sequence-label-bg-color:var(--md-mermaid-node-bg-color);--md-mermaid-sequence-label-fg-color:var(--md-mermaid-node-fg-color);--md-mermaid-sequence-loop-bg-color:var(--md-mermaid-node-bg-color);--md-mermaid-sequence-loop-fg-color:var(--md-mermaid-edge-color);--md-mermaid-sequence-loop-border-color:var(--md-mermaid-node-fg-color);--md-mermaid-sequence-message-fg-color:var(--md-mermaid-edge-color);--md-mermaid-sequence-message-line-color:var(--md-mermaid-edge-color);--md-mermaid-sequence-note-bg-color:var(--md-mermaid-label-bg-color);--md-mermaid-sequence-note-fg-color:var(--md-mermaid-edge-color);--md-mermaid-sequence-note-border-color:var(--md-mermaid-label-fg-color);--md-mermaid-sequence-number-bg-color:var(--md-mermaid-node-fg-color);--md-mermaid-sequence-number-fg-color:var(--md-accent-bg-color)}.mermaid{line-height:normal;margin:1em 0}.md-typeset .grid{grid-gap:.4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:1em 0}.md-typeset .grid.cards>ol,.md-typeset .grid.cards>ul{display:contents}.md-typeset .grid.cards>ol>li,.md-typeset .grid.cards>ul>li,.md-typeset .grid>.card{border:.05rem solid var(--md-default-fg-color--lightest);border-radius:.1rem;display:block;margin:0;padding:.8rem;transition:border .25s,box-shadow .25s}.md-typeset .grid.cards>ol>li:focus-within,.md-typeset .grid.cards>ol>li:hover,.md-typeset .grid.cards>ul>li:focus-within,.md-typeset .grid.cards>ul>li:hover,.md-typeset .grid>.card:focus-within,.md-typeset .grid>.card:hover{border-color:#0000;box-shadow:var(--md-shadow-z2)}.md-typeset .grid.cards>ol>li>hr,.md-typeset .grid.cards>ul>li>hr,.md-typeset .grid>.card>hr{margin-bottom:1em;margin-top:1em}.md-typeset .grid.cards>ol>li>:first-child,.md-typeset .grid.cards>ul>li>:first-child,.md-typeset .grid>.card>:first-child{margin-top:0}.md-typeset .grid.cards>ol>li>:last-child,.md-typeset .grid.cards>ul>li>:last-child,.md-typeset .grid>.card>:last-child{margin-bottom:0}.md-typeset .grid>*,.md-typeset .grid>.admonition,.md-typeset .grid>.highlight>*,.md-typeset .grid>.highlighttable,.md-typeset .grid>.md-typeset details,.md-typeset .grid>details,.md-typeset .grid>pre{margin-bottom:0;margin-top:0}.md-typeset .grid>.highlight>pre:only-child,.md-typeset .grid>.highlight>pre>code,.md-typeset .grid>.highlighttable,.md-typeset .grid>.highlighttable>tbody,.md-typeset .grid>.highlighttable>tbody>tr,.md-typeset .grid>.highlighttable>tbody>tr>.code,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre>code{height:100%}.md-typeset .grid>.tabbed-set{margin-bottom:0;margin-top:0}@media screen and (min-width:45em){[dir=ltr] .md-typeset .inline{float:left}[dir=rtl] .md-typeset .inline{float:right}[dir=ltr] .md-typeset .inline{margin-right:.8rem}[dir=rtl] .md-typeset .inline{margin-left:.8rem}.md-typeset .inline{margin-bottom:.8rem;margin-top:0;width:11.7rem}[dir=ltr] .md-typeset .inline.end{float:right}[dir=rtl] .md-typeset .inline.end{float:left}[dir=ltr] .md-typeset .inline.end{margin-left:.8rem;margin-right:0}[dir=rtl] .md-typeset .inline.end{margin-left:0;margin-right:.8rem}}
\ No newline at end of file
diff --git a/assets/stylesheets/main.35f28582.min.css.map b/assets/stylesheets/main.35f28582.min.css.map
new file mode 100644
index 0000000..81904e5
--- /dev/null
+++ b/assets/stylesheets/main.35f28582.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["src/templates/assets/stylesheets/main/components/_meta.scss","../../../../src/templates/assets/stylesheets/main.scss","src/templates/assets/stylesheets/main/_resets.scss","src/templates/assets/stylesheets/main/_colors.scss","src/templates/assets/stylesheets/main/_icons.scss","src/templates/assets/stylesheets/main/_typeset.scss","src/templates/assets/stylesheets/utilities/_break.scss","src/templates/assets/stylesheets/main/components/_author.scss","src/templates/assets/stylesheets/main/components/_banner.scss","src/templates/assets/stylesheets/main/components/_base.scss","src/templates/assets/stylesheets/main/components/_clipboard.scss","src/templates/assets/stylesheets/main/components/_code.scss","src/templates/assets/stylesheets/main/components/_consent.scss","src/templates/assets/stylesheets/main/components/_content.scss","src/templates/assets/stylesheets/main/components/_dialog.scss","src/templates/assets/stylesheets/main/components/_feedback.scss","src/templates/assets/stylesheets/main/components/_footer.scss","src/templates/assets/stylesheets/main/components/_form.scss","src/templates/assets/stylesheets/main/components/_header.scss","node_modules/material-design-color/material-color.scss","src/templates/assets/stylesheets/main/components/_nav.scss","src/templates/assets/stylesheets/main/components/_pagination.scss","src/templates/assets/stylesheets/main/components/_post.scss","src/templates/assets/stylesheets/main/components/_progress.scss","src/templates/assets/stylesheets/main/components/_search.scss","src/templates/assets/stylesheets/main/components/_select.scss","src/templates/assets/stylesheets/main/components/_sidebar.scss","src/templates/assets/stylesheets/main/components/_source.scss","src/templates/assets/stylesheets/main/components/_status.scss","src/templates/assets/stylesheets/main/components/_tabs.scss","src/templates/assets/stylesheets/main/components/_tag.scss","src/templates/assets/stylesheets/main/components/_tooltip.scss","src/templates/assets/stylesheets/main/components/_tooltip2.scss","src/templates/assets/stylesheets/main/components/_top.scss","src/templates/assets/stylesheets/main/components/_version.scss","src/templates/assets/stylesheets/main/extensions/markdown/_admonition.scss","src/templates/assets/stylesheets/main/extensions/markdown/_footnotes.scss","src/templates/assets/stylesheets/main/extensions/markdown/_toc.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_arithmatex.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_critic.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_details.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_emoji.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_highlight.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_keys.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss","src/templates/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss","src/templates/assets/stylesheets/main/integrations/_mermaid.scss","src/templates/assets/stylesheets/main/modifiers/_grid.scss","src/templates/assets/stylesheets/main/modifiers/_inline.scss"],"names":[],"mappings":"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CJ,CmB9qCI,8CAEE,kCAAA,CAAA,0BnB+qCN,CACF,CKj3CI,0Cc0MA,0CACE,YnB0qCJ,CmBvqCI,yDACE,UnByqCN,CmBrqCI,wDACE,YnBuqCN,CmBnqCI,kDACE,YnBqqCN,CmBhqCE,gBAIE,iDAAA,CADA,gCAAA,CAFA,aAAA,CACA,enBoqCJ,CACF,CK96CM,+DcmRF,6CACE,YnB8pCJ,CmB3pCI,4DACE,UnB6pCN,CmBzpCI,2DACE,YnB2pCN,CmBvpCI,qDACE,YnBypCN,CACF,CKt6CI,mCc7JJ,QAgbI,oBnBupCF,CmBjpCI,kCAME,qCAAA,CACA,qDAAA,CANA,eAAA,CACA,KAAA,CAGA,SnBmpCN,CmB9oCM,6CACE,uBnBgpCR,CmB5oCM,gDACE,YnB8oCR,CmBzoCI,2CACE,kBnB4oCN,CmB7oCI,2CACE,mBnB4oCN,CmB7oCI,iCAEE,oBnB2oCN,CmBpoCI,yDACE,kBnBsoCN,CmBvoCI,yDACE,iBnBsoCN,CACF,CK/7CI,sCc7JJ,QA4dI,oBAAA,CACA,oDnBooCF,CmB9nCI,gCAME,qCAAA,CACA,qDAAA,CANA,eAAA,CACA,KAAA,CAGA,SnBgoCN,CmB3nCM,8CACE,uBnB6nCR,CmBznCM,8CACE,YnB2nCR,CmBtnCI,yCACE,kBnBynCN,CmB1nCI,yCACE,mBnBynCN,CmB1nCI,+BAEE,oBnBwnCN,CmBjnCI,uDACE,kBnBmnCN,CmBpnCI,uDACE,iBnBmnCN,CmB9mCE,wBACE,YAAA,CACA,sBAAA,CAEA,SAAA,CACA,6FACE,CAHF,mBnBknCJ,CmB1mCI,sCACE,enB4mCN,CmBvmCE,iFACE,sBAAA,CAEA,SAAA,CACA,4FACE,CAHF,kBnB2mCJ,CmBlmCE,iDACE,enBomCJ,CmBhmCE,6CACE,YnBkmCJ,CmB9lCE,uBACE,aAAA,CACA,enBgmCJ,CmB7lCI,kCACE,enB+lCN,CmB3lCI,qCACE,enB6lCN,CmB1lCM,0CACE,uCnB4lCR,CmBxlCM,6DACE,mBnB0lCR,CmBtlCM,yFAEE,YnBwlCR,CmBnlCI,yCAEE,kBnBulCN,CmBzlCI,yCAEE,mBnBulCN,CmBzlCI,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","file":"main.css"}
\ No newline at end of file
diff --git a/assets/stylesheets/palette.06af60db.min.css b/assets/stylesheets/palette.06af60db.min.css
new file mode 100644
index 0000000..a640d38
--- /dev/null
+++ b/assets/stylesheets/palette.06af60db.min.css
@@ -0,0 +1 @@
+@media screen{[data-md-color-scheme=slate]{--md-default-fg-color:hsla(var(--md-hue),15%,90%,0.82);--md-default-fg-color--light:hsla(var(--md-hue),15%,90%,0.56);--md-default-fg-color--lighter:hsla(var(--md-hue),15%,90%,0.32);--md-default-fg-color--lightest:hsla(var(--md-hue),15%,90%,0.12);--md-default-bg-color:hsla(var(--md-hue),15%,14%,1);--md-default-bg-color--light:hsla(var(--md-hue),15%,14%,0.54);--md-default-bg-color--lighter:hsla(var(--md-hue),15%,14%,0.26);--md-default-bg-color--lightest:hsla(var(--md-hue),15%,14%,0.07);--md-code-fg-color:hsla(var(--md-hue),18%,86%,0.82);--md-code-bg-color:hsla(var(--md-hue),15%,18%,1);--md-code-hl-color:#2977ff;--md-code-hl-color--light:#2977ff1a;--md-code-hl-number-color:#e6695b;--md-code-hl-special-color:#f06090;--md-code-hl-function-color:#c973d9;--md-code-hl-constant-color:#9383e2;--md-code-hl-keyword-color:#6791e0;--md-code-hl-string-color:#2fb170;--md-code-hl-name-color:var(--md-code-fg-color);--md-code-hl-operator-color:var(--md-default-fg-color--light);--md-code-hl-punctuation-color:var(--md-default-fg-color--light);--md-code-hl-comment-color:var(--md-default-fg-color--light);--md-code-hl-generic-color:var(--md-default-fg-color--light);--md-code-hl-variable-color:var(--md-default-fg-color--light);--md-typeset-color:var(--md-default-fg-color);--md-typeset-a-color:var(--md-primary-fg-color);--md-typeset-kbd-color:hsla(var(--md-hue),15%,90%,0.12);--md-typeset-kbd-accent-color:hsla(var(--md-hue),15%,90%,0.2);--md-typeset-kbd-border-color:hsla(var(--md-hue),15%,14%,1);--md-typeset-mark-color:#4287ff4d;--md-typeset-table-color:hsla(var(--md-hue),15%,95%,0.12);--md-typeset-table-color--light:hsla(var(--md-hue),15%,95%,0.035);--md-admonition-fg-color:var(--md-default-fg-color);--md-admonition-bg-color:var(--md-default-bg-color);--md-footer-bg-color:hsla(var(--md-hue),15%,10%,0.87);--md-footer-bg-color--dark:hsla(var(--md-hue),15%,8%,1);--md-shadow-z1:0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;--md-shadow-z2:0 0.2rem 0.5rem #00000040,0 0 0.05rem #00000040;--md-shadow-z3:0 0.2rem 0.5rem #0006,0 0 0.05rem #00000059;color-scheme:dark}[data-md-color-scheme=slate] img[src$="#gh-light-mode-only"],[data-md-color-scheme=slate] img[src$="#only-light"]{display:none}[data-md-color-scheme=slate][data-md-color-primary=pink]{--md-typeset-a-color:#ed5487}[data-md-color-scheme=slate][data-md-color-primary=purple]{--md-typeset-a-color:#c46fd3}[data-md-color-scheme=slate][data-md-color-primary=deep-purple]{--md-typeset-a-color:#a47bea}[data-md-color-scheme=slate][data-md-color-primary=indigo]{--md-typeset-a-color:#5488e8}[data-md-color-scheme=slate][data-md-color-primary=teal]{--md-typeset-a-color:#00ccb8}[data-md-color-scheme=slate][data-md-color-primary=green]{--md-typeset-a-color:#71c174}[data-md-color-scheme=slate][data-md-color-primary=deep-orange]{--md-typeset-a-color:#ff764d}[data-md-color-scheme=slate][data-md-color-primary=brown]{--md-typeset-a-color:#c1775c}[data-md-color-scheme=slate][data-md-color-primary=black],[data-md-color-scheme=slate][data-md-color-primary=blue-grey],[data-md-color-scheme=slate][data-md-color-primary=grey],[data-md-color-scheme=slate][data-md-color-primary=white]{--md-typeset-a-color:#5e8bde}[data-md-color-switching] *,[data-md-color-switching] :after,[data-md-color-switching] :before{transition-duration:0ms!important}}[data-md-color-accent=red]{--md-accent-fg-color:#ff1947;--md-accent-fg-color--transparent:#ff19471a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=pink]{--md-accent-fg-color:#f50056;--md-accent-fg-color--transparent:#f500561a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=purple]{--md-accent-fg-color:#df41fb;--md-accent-fg-color--transparent:#df41fb1a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=deep-purple]{--md-accent-fg-color:#7c4dff;--md-accent-fg-color--transparent:#7c4dff1a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=indigo]{--md-accent-fg-color:#526cfe;--md-accent-fg-color--transparent:#526cfe1a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=blue]{--md-accent-fg-color:#4287ff;--md-accent-fg-color--transparent:#4287ff1a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=light-blue]{--md-accent-fg-color:#0091eb;--md-accent-fg-color--transparent:#0091eb1a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=cyan]{--md-accent-fg-color:#00bad6;--md-accent-fg-color--transparent:#00bad61a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=teal]{--md-accent-fg-color:#00bda4;--md-accent-fg-color--transparent:#00bda41a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=green]{--md-accent-fg-color:#00c753;--md-accent-fg-color--transparent:#00c7531a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=light-green]{--md-accent-fg-color:#63de17;--md-accent-fg-color--transparent:#63de171a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-accent=lime]{--md-accent-fg-color:#b0eb00;--md-accent-fg-color--transparent:#b0eb001a;--md-accent-bg-color:#000000de;--md-accent-bg-color--light:#0000008a}[data-md-color-accent=yellow]{--md-accent-fg-color:#ffd500;--md-accent-fg-color--transparent:#ffd5001a;--md-accent-bg-color:#000000de;--md-accent-bg-color--light:#0000008a}[data-md-color-accent=amber]{--md-accent-fg-color:#fa0;--md-accent-fg-color--transparent:#ffaa001a;--md-accent-bg-color:#000000de;--md-accent-bg-color--light:#0000008a}[data-md-color-accent=orange]{--md-accent-fg-color:#ff9100;--md-accent-fg-color--transparent:#ff91001a;--md-accent-bg-color:#000000de;--md-accent-bg-color--light:#0000008a}[data-md-color-accent=deep-orange]{--md-accent-fg-color:#ff6e42;--md-accent-fg-color--transparent:#ff6e421a;--md-accent-bg-color:#fff;--md-accent-bg-color--light:#ffffffb3}[data-md-color-primary=red]{--md-primary-fg-color:#ef5552;--md-primary-fg-color--light:#e57171;--md-primary-fg-color--dark:#e53734;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=pink]{--md-primary-fg-color:#e92063;--md-primary-fg-color--light:#ec417a;--md-primary-fg-color--dark:#c3185d;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=purple]{--md-primary-fg-color:#ab47bd;--md-primary-fg-color--light:#bb69c9;--md-primary-fg-color--dark:#8c24a8;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=deep-purple]{--md-primary-fg-color:#7e56c2;--md-primary-fg-color--light:#9574cd;--md-primary-fg-color--dark:#673ab6;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=indigo]{--md-primary-fg-color:#4051b5;--md-primary-fg-color--light:#5d6cc0;--md-primary-fg-color--dark:#303fa1;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=blue]{--md-primary-fg-color:#2094f3;--md-primary-fg-color--light:#42a5f5;--md-primary-fg-color--dark:#1975d2;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=light-blue]{--md-primary-fg-color:#02a6f2;--md-primary-fg-color--light:#28b5f6;--md-primary-fg-color--dark:#0287cf;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=cyan]{--md-primary-fg-color:#00bdd6;--md-primary-fg-color--light:#25c5da;--md-primary-fg-color--dark:#0097a8;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=teal]{--md-primary-fg-color:#009485;--md-primary-fg-color--light:#26a699;--md-primary-fg-color--dark:#007a6c;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=green]{--md-primary-fg-color:#4cae4f;--md-primary-fg-color--light:#68bb6c;--md-primary-fg-color--dark:#398e3d;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=light-green]{--md-primary-fg-color:#8bc34b;--md-primary-fg-color--light:#9ccc66;--md-primary-fg-color--dark:#689f38;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=lime]{--md-primary-fg-color:#cbdc38;--md-primary-fg-color--light:#d3e156;--md-primary-fg-color--dark:#b0b52c;--md-primary-bg-color:#000000de;--md-primary-bg-color--light:#0000008a}[data-md-color-primary=yellow]{--md-primary-fg-color:#ffec3d;--md-primary-fg-color--light:#ffee57;--md-primary-fg-color--dark:#fbc02d;--md-primary-bg-color:#000000de;--md-primary-bg-color--light:#0000008a}[data-md-color-primary=amber]{--md-primary-fg-color:#ffc105;--md-primary-fg-color--light:#ffc929;--md-primary-fg-color--dark:#ffa200;--md-primary-bg-color:#000000de;--md-primary-bg-color--light:#0000008a}[data-md-color-primary=orange]{--md-primary-fg-color:#ffa724;--md-primary-fg-color--light:#ffa724;--md-primary-fg-color--dark:#fa8900;--md-primary-bg-color:#000000de;--md-primary-bg-color--light:#0000008a}[data-md-color-primary=deep-orange]{--md-primary-fg-color:#ff6e42;--md-primary-fg-color--light:#ff8a66;--md-primary-fg-color--dark:#f4511f;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=brown]{--md-primary-fg-color:#795649;--md-primary-fg-color--light:#8d6e62;--md-primary-fg-color--dark:#5d4037;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3}[data-md-color-primary=grey]{--md-primary-fg-color:#757575;--md-primary-fg-color--light:#9e9e9e;--md-primary-fg-color--dark:#616161;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3;--md-typeset-a-color:#4051b5}[data-md-color-primary=blue-grey]{--md-primary-fg-color:#546d78;--md-primary-fg-color--light:#607c8a;--md-primary-fg-color--dark:#455a63;--md-primary-bg-color:#fff;--md-primary-bg-color--light:#ffffffb3;--md-typeset-a-color:#4051b5}[data-md-color-primary=light-green]:not([data-md-color-scheme=slate]){--md-typeset-a-color:#72ad2e}[data-md-color-primary=lime]:not([data-md-color-scheme=slate]){--md-typeset-a-color:#8b990a}[data-md-color-primary=yellow]:not([data-md-color-scheme=slate]){--md-typeset-a-color:#b8a500}[data-md-color-primary=amber]:not([data-md-color-scheme=slate]){--md-typeset-a-color:#d19d00}[data-md-color-primary=orange]:not([data-md-color-scheme=slate]){--md-typeset-a-color:#e68a00}[data-md-color-primary=white]{--md-primary-fg-color:hsla(var(--md-hue),0%,100%,1);--md-primary-fg-color--light:hsla(var(--md-hue),0%,100%,0.7);--md-primary-fg-color--dark:hsla(var(--md-hue),0%,0%,0.07);--md-primary-bg-color:hsla(var(--md-hue),0%,0%,0.87);--md-primary-bg-color--light:hsla(var(--md-hue),0%,0%,0.54);--md-typeset-a-color:#4051b5}[data-md-color-primary=white] .md-button{color:var(--md-typeset-a-color)}[data-md-color-primary=white] .md-button--primary{background-color:var(--md-typeset-a-color);border-color:var(--md-typeset-a-color);color:hsla(var(--md-hue),0%,100%,1)}@media screen and (min-width:60em){[data-md-color-primary=white] .md-search__form{background-color:hsla(var(--md-hue),0%,0%,.07)}[data-md-color-primary=white] .md-search__form:hover{background-color:hsla(var(--md-hue),0%,0%,.32)}[data-md-color-primary=white] .md-search__input+.md-search__icon{color:hsla(var(--md-hue),0%,0%,.87)}}@media screen and (min-width:76.25em){[data-md-color-primary=white] .md-tabs{border-bottom:.05rem solid #00000012}}[data-md-color-primary=black]{--md-primary-fg-color:hsla(var(--md-hue),15%,9%,1);--md-primary-fg-color--light:hsla(var(--md-hue),15%,9%,0.54);--md-primary-fg-color--dark:hsla(var(--md-hue),15%,9%,1);--md-primary-bg-color:hsla(var(--md-hue),15%,100%,1);--md-primary-bg-color--light:hsla(var(--md-hue),15%,100%,0.7);--md-typeset-a-color:#4051b5}[data-md-color-primary=black] .md-button{color:var(--md-typeset-a-color)}[data-md-color-primary=black] .md-button--primary{background-color:var(--md-typeset-a-color);border-color:var(--md-typeset-a-color);color:hsla(var(--md-hue),0%,100%,1)}[data-md-color-primary=black] .md-header{background-color:hsla(var(--md-hue),15%,9%,1)}@media screen and (max-width:59.984375em){[data-md-color-primary=black] .md-nav__source{background-color:hsla(var(--md-hue),15%,11%,.87)}}@media screen and (max-width:76.234375em){html [data-md-color-primary=black] .md-nav--primary .md-nav__title[for=__drawer]{background-color:hsla(var(--md-hue),15%,9%,1)}}@media screen and (min-width:76.25em){[data-md-color-primary=black] .md-tabs{background-color:hsla(var(--md-hue),15%,9%,1)}}
\ No newline at end of file
diff --git a/assets/stylesheets/palette.06af60db.min.css.map b/assets/stylesheets/palette.06af60db.min.css.map
new file mode 100644
index 0000000..efb568c
--- /dev/null
+++ b/assets/stylesheets/palette.06af60db.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["src/templates/assets/stylesheets/palette/_scheme.scss","../../../../src/templates/assets/stylesheets/palette.scss","src/templates/assets/stylesheets/palette/_accent.scss","src/templates/assets/stylesheets/palette/_primary.scss","src/templates/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"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","file":"palette.css"}
\ No newline at end of file
diff --git a/containers/docker.html b/containers/docker.html
new file mode 100644
index 0000000..874c616
--- /dev/null
+++ b/containers/docker.html
@@ -0,0 +1,4978 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/containers/docker.html">
+      
+      
+        <link rel="prev" href="../index.html">
+      
+      
+        <link rel="next" href="kubernetes.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Docker - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Docker - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/containers/docker.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/containers/docker.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Docker - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/containers/docker.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#docker" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Docker
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="docker.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#images-containers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Images &amp; Containers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#containers-vs-virtual-machines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Containers vs Virtual Machines
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-terminology" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Terminology
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-cli" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker CLI
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Docker CLI">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#docker-run" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker run
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-container" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker container
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-image" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker image
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-build" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker build
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-push" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker push
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dockerfile" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dockerfile
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dockerfile">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cmd-vs-entrypoint" class="md-nav__link">
+    <span class="md-ellipsis">
+      CMD vs ENTRYPOINT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-multi-stage-build" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Multi-Stage Build
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#networking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Networking
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Networking">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#user-defined-networks" class="md-nav__link">
+    <span class="md-ellipsis">
+      User-defined Networks
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#embedded-dns" class="md-nav__link">
+    <span class="md-ellipsis">
+      Embedded DNS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#exposing-ports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exposing Ports
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-storage" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Storage
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-system" class="md-nav__link">
+    <span class="md-ellipsis">
+      File System
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File System">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#copy-on-write" class="md-nav__link">
+    <span class="md-ellipsis">
+      Copy-On-Write
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#volumes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Volumes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-compose" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Compose
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#images-containers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Images &amp; Containers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#containers-vs-virtual-machines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Containers vs Virtual Machines
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-terminology" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Terminology
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-cli" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker CLI
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Docker CLI">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#docker-run" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker run
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-container" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker container
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-image" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker image
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-build" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker build
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docker-push" class="md-nav__link">
+    <span class="md-ellipsis">
+      docker push
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dockerfile" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dockerfile
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dockerfile">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cmd-vs-entrypoint" class="md-nav__link">
+    <span class="md-ellipsis">
+      CMD vs ENTRYPOINT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-multi-stage-build" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Multi-Stage Build
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#networking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Networking
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Networking">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#user-defined-networks" class="md-nav__link">
+    <span class="md-ellipsis">
+      User-defined Networks
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#embedded-dns" class="md-nav__link">
+    <span class="md-ellipsis">
+      Embedded DNS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#exposing-ports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exposing Ports
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-storage" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Storage
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-system" class="md-nav__link">
+    <span class="md-ellipsis">
+      File System
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File System">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#copy-on-write" class="md-nav__link">
+    <span class="md-ellipsis">
+      Copy-On-Write
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#volumes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Volumes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#docker-compose" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docker Compose
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="docker">Docker</h1>
+<h2 id="images-containers">Images &amp; Containers</h2>
+<blockquote>
+<p><strong>Containerization</strong> is an approach to software development in which an application or service, its dependencies, and its configuration (abstracted as deployment manifest files) are packaged together as a container image.</p>
+</blockquote>
+<p>Just as shipping containers allow goods to be transported by ship, train, or truck regardless of the cargo inside, software containers act as a standard unit of software deployment that can contain different code and dependencies. Containerizing software this way enables developers and IT professionals to deploy them across environments with little or no modification.</p>
+<p>Containers also isolate applications from each other on a shared OS. Containerized applications run on top of a container host that in turn runs on the OS. Containers therefore have a much smaller footprint than virtual machine (VM) images.</p>
+<p>In short, containers offer the benefits of isolation, portability, agility, scalability, and control across the entire application lifecycle workflow.</p>
+<h2 id="containers-vs-virtual-machines">Containers vs Virtual Machines</h2>
+<p>A container runs <em>natively</em> on Linux and shares the kernel of the host machine with other containers. It runs a discrete process, taking no more memory
+than any other executable, making it lightweight.</p>
+<p>By contrast, a <strong>virtual machine</strong> (VM) runs a full-blown "guest" operating system with <em>virtual</em> access to host resources through a hypervisor. In general,
+VMs incur a lot of overhead beyond what is being consumed by your application logic.</p>
+<p><img alt="container-architecture" src="../img/docker_container-architecture.svg" title="Container Architecture" />
+<img alt="vm-architecture" src="../img/docker_virtual-machine-architecture.svg" title="Virtual Machine Architecture" /></p>
+<h2 id="docker-terminology"><a href="https://docs.docker.com/glossary/">Docker Terminology</a></h2>
+<p><img alt="docker-architecture" src="../img/docker_architecture.svg" title="Docker Architecture" /></p>
+<p><strong>Container image</strong>: A package with all the dependencies and information needed to create a container. An image includes all the dependencies (such as frameworks) plus deployment and execution configuration to be used by a container runtime. Usually, an image derives from multiple base images that are layers stacked on top of each other to form the container’s filesystem. An image is immutable once it has been created.</p>
+<p><strong>Dockerfile</strong>: A text file that contains instructions for building a Docker image. It’s like a batch script, the first line states the base image to begin with and then follow the instructions to install required programs, copy files, and so on, until you get the working environment you need.</p>
+<p><strong>Build</strong>: The action of building a container image based on the information and context provided by its Dockerfile, plus additional files in the folder where the image is built. You can build images with the following Docker command: <code>docker build</code></p>
+<p><strong>Container</strong>: An instance of a Docker image. A container represents the execution of a single application, process, or service. It consists of the contents of a Docker image, an execution environment, and a standard set of instructions. When scaling a service, you create multiple instances of a container from the same image. Or a batch job can create multiple containers from the same image, passing different parameters to each instance.</p>
+<p><strong>Volumes</strong>: Offer a writable filesystem that the container can use. Since images are read-only but most programs need to write to the filesystem, volumes add a writable layer, on top of the container image, so the programs have access to a writable filesystem. The program doesn’t know it’s accessing a layered filesystem, it’s just the filesystem as usual. Volumes live in the host system and are managed by Docker.</p>
+<p><strong>Tag</strong>: A mark or label you can apply to images so that different images or versions of the same image (depending on the version number or the target environment) can be identified.</p>
+<p><strong>Multi-stage Build</strong>: Is a feature, since Docker 17.05 or higher, that helps to reduce the size of the final images. For example, a large base image, containing the SDK can be used for compiling and publishing and then a small runtime-only base image can be used to host the application.</p>
+<p><strong>Repository (repo)</strong>: A collection of related Docker images, labeled with a tag that indicates the image version. Some repos contain multiple variants of a specific image, such as an image containing SDKs (heavier), an image containing only runtimes (lighter), etc. Those variants can be marked with tags. A single repo can contain platform variants, such as a Linux image and a Windows image.</p>
+<p><strong>Registry</strong>: A service that provides access to repositories. The default registry for most public images is <a href="https://hub.docker.com/">Docker Hub</a> (owned by Docker as an organization). A registry usually contains repositories from multiple teams. Companies often have private registries to store and manage images they’ve created.</p>
+<p><strong>Multi-arch image</strong>: For multi-architecture, it’s a feature that simplifies the selection of the appropriate image, according to the platform where Docker is running.</p>
+<p><strong>Docker Hub</strong>: A public registry to upload images and work with them. Docker Hub provides Docker image hosting, public or private registries, build triggers and web hooks, and integration with GitHub and Bitbucket.</p>
+<p><strong>Azure Container Registry</strong>: A public resource for working with Docker images and its components in Azure. This provides a registry that’s close to your deployments in Azure and that gives you control over access, making it possible to use your Azure Active Directory groups and permissions.</p>
+<p><strong>Docker Trusted Registry (DTR)</strong>: A Docker registry service (from Docker) that can be installed on-premises so it lives within the organization’s datacenter and network. It’s convenient for private images that should be managed within the enterprise. Docker Trusted Registry is included as part of the Docker Datacenter product. For more information, see <a href="https://www.docker.com/sites/default/files/Docker%20Trusted%20Registry.pdf">Docker Trusted Registry (DTR)</a>.</p>
+<p><strong>Docker Compose</strong>: A command-line tool and YAML file format with metadata for defining and running multi-container applications. You define a single application based on multiple images with one or more <code>.yml</code> files that can override values depending on the environment. After you’ve created the definitions, you can deploy the whole multi-container application with a single command (docker-compose up) that creates a container per image on the Docker host.</p>
+<p><strong>Cluster</strong>: A collection of Docker hosts exposed as if it were a single virtual Docker host, so that the application can scale to multiple instances of the services spread across multiple hosts within the cluster. Docker clusters can be created with Kubernetes, Azure Service Fabric, Docker Swarm and Mesosphere DC/OS.</p>
+<p><strong>Orchestrator</strong>: A tool that simplifies the management of clusters and Docker hosts. Orchestrators enable you to manage their images, containers, and hosts through a command-line interface (CLI) or a graphical UI. You can manage container networking, configurations, load balancing, service discovery, high availability, Docker host configuration, and more. An orchestrator is responsible for running, distributing, scaling, and healing workloads across a collection of nodes. Typically, orchestrator products are the same products that provide cluster infrastructure, like Kubernetes and Azure Service Fabric, among other offerings in the market.</p>
+<hr />
+<h2 id="docker-cli">Docker CLI</h2>
+<h3 id="docker-run"><a href="https://docs.docker.com/engine/reference/commandline/run/"><code>docker run</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>docker<span class="w"> </span>run<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># run selected app inside a container (downloaded from Docker Hub if missing from image)</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>docker<span class="w"> </span>run<span class="w"> </span>-d<span class="p">|</span>--detach<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># run docker container in the background (does not occupy stdout &amp; stderr)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>docker<span class="w"> </span>run<span class="w"> </span>-i<span class="p">|</span>--interactive<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># run docker container in interactive mode (read stdin)</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>docker<span class="w"> </span>run<span class="w"> </span>-t<span class="p">|</span>--tty<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># run docker container allocating a pseudo-TTY (show prompts)</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>docker<span class="w"> </span>run<span class="w"> </span>-p<span class="p">|</span>--publish<span class="w"> </span>&lt;host_port&gt;:&lt;container_port&gt;<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># map container ports</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>docker<span class="w"> </span>run<span class="w"> </span>-v<span class="p">|</span>--volume<span class="w"> </span>&lt;existing_host_dir&gt;:&lt;container_dir&gt;<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># map container directory to a host directory (external volumes)</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>docker<span class="w"> </span>run<span class="w"> </span>-v<span class="p">|</span>--volume<span class="w"> </span>&lt;volume_name&gt;:&lt;container_dir&gt;<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># map container directory to a host directory under the docker main folder (external volumes)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>docker<span class="w"> </span>run<span class="w"> </span>-e<span class="p">|</span>--env<span class="w"> </span><span class="nv">NAME</span><span class="o">=</span>value<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># set container env vars</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>docker<span class="w"> </span>run<span class="w"> </span>--entrypoint<span class="w"> </span>&lt;executable&gt;<span class="w"> </span>&lt;args&gt;<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># run with a non-default entrypoint</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>docker<span class="w"> </span>run<span class="w"> </span>--name<span class="o">=</span>&lt;container_name&gt;<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># set container name</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Warn</strong>: <code>&lt;image&gt;</code> must be last argument</p>
+</blockquote>
+<h3 id="docker-container"><a href="https://docs.docker.com/engine/reference/commandline/container/"><code>docker container</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>docker<span class="w"> </span>container<span class="w"> </span>ls<span class="w">  </span><span class="c1"># list of currently running containers</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>docker<span class="w"> </span>container<span class="w"> </span>ls<span class="w"> </span>-a<span class="p">|</span>--all<span class="w">  </span><span class="c1"># list of all containers, running and exited</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>docker<span class="w"> </span>container<span class="w"> </span>rm<span class="w"> </span>&lt;container&gt;<span class="w">  </span><span class="c1"># remove one or more containers</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>docker<span class="w"> </span>container<span class="w"> </span>prune<span class="w">  </span><span class="c1"># remove stopped containers</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>docker<span class="w"> </span>container<span class="w"> </span>inspect<span class="w"> </span>&lt;container&gt;<span class="w">  </span><span class="c1"># full details about a container</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>docker<span class="w"> </span>container<span class="w"> </span>logs<span class="w"> </span>&lt;container&gt;<span class="w">  </span><span class="c1"># see container logs</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>docker<span class="w"> </span>container<span class="w"> </span>stop<span class="w"> </span>&lt;container&gt;<span class="w">  </span><span class="c1"># stop a running container</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>docker<span class="w"> </span>container<span class="w"> </span>start<span class="w"> </span>&lt;container&gt;<span class="w">  </span><span class="c1"># start a stopped container</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a>docker<span class="w"> </span>container<span class="w"> </span><span class="nb">exec</span><span class="w"> </span>&lt;container&gt;<span class="w"> </span>&lt;command&gt;<span class="w">  </span><span class="c1"># exec a command inside a container</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="docker-image"><a href="https://docs.docker.com/engine/reference/commandline/image/"><code>docker image</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>docker<span class="w"> </span>image<span class="w"> </span>ls<span class="w">  </span><span class="c1"># list of existing images</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>docker<span class="w"> </span>image<span class="w"> </span>rm<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># remove one or more images</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>docker<span class="w"> </span>image<span class="w"> </span>prune<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># remove unused images</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>docker<span class="w"> </span>image<span class="w"> </span>pull<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># download an image w/o starting the container</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="docker-build"><a href="https://docs.docker.com/engine/reference/commandline/build/"><code>docker build</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>docker<span class="w"> </span>build<span class="w"> </span>-t<span class="w"> </span>&lt;tag&gt;<span class="w"> </span>-f<span class="w"> </span>&lt;dockerfile&gt;<span class="w"> </span>&lt;context&gt;<span class="w">  </span><span class="c1"># build image with specific tag (usually user/app:version)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>docker<span class="w"> </span>build<span class="w"> </span>-t<span class="w"> </span>&lt;tag&gt;<span class="w"> </span>-f<span class="w"> </span>&lt;dockerfile&gt;<span class="w"> </span>--build-arg<span class="w"> </span><span class="nv">ARG</span><span class="o">=</span>value<span class="w"> </span>&lt;context&gt;<span class="w">  </span><span class="c1"># pass args to ARG steps</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="docker-push"><a href="https://docs.docker.com/engine/reference/commandline/push/"><code>docker push</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>docker<span class="w"> </span>push<span class="w"> </span>&lt;image&gt;<span class="w">  </span><span class="c1"># publish image to registry (defaults to Docker Hub)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dockerfile"><a href="https://docs.docker.com/engine/reference/builder/">Dockerfile</a></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Docker</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c"># starting image or scratch</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">FROM</span><span class="w"> </span><span class="s">&lt;base_image&gt;:&lt;tag&gt;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="c"># run commands (e.g: install dependencies)</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="k">RUN</span><span class="w"> </span>&lt;command&gt;
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="c"># define working directory (usually /app)</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">&lt;path&gt;</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="c"># copy source code into the image in a specified location</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="k">COPY</span><span class="w"> </span>&lt;src&gt;<span class="w"> </span>&lt;dir_in_container&gt;
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="c"># accept args from docker run (--build-arg arg_name=value)</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="k">ARG</span><span class="w"> </span>&lt;arg_name&gt;
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="c"># set env values inside the container</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="k">ENV</span><span class="w"> </span>&lt;ENV_VAR&gt;<span class="w"> </span>&lt;value&gt;
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="c"># Exec form (Preferred form)</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="k">CMD</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;&lt;executable&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;arg1&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;arg2&gt;&quot;</span><span class="p">]</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="k">ENTRYPOINT</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;&lt;executable&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;arg1&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;arg2&gt;&quot;</span><span class="p">]</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="c"># Shell form</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a><span class="k">CMD</span><span class="w"> </span>&lt;executable&gt;<span class="w"> </span>&lt;arg1&gt;<span class="w"> </span>&lt;arg2&gt;
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a><span class="k">ENTRYPOINT</span><span class="w"> </span>&lt;executable&gt;<span class="w"> </span>&lt;arg1&gt;<span class="w"> </span>&lt;arg2&gt;
+</code></pre></div></td></tr></table></div>
+<h3 id="cmd-vs-entrypoint"><code>CMD</code> vs <code>ENTRYPOINT</code></h3>
+<p><code>CMD</code> is used to provide all the default scenarios which can be overridden. <em>Anything</em> defined in CMD can be overridden by passing arguments in <code>docker run</code> command.</p>
+<p><code>ENTRYPOINT</code> is used to define a specific executable (and it's arguments) to be executed during container invocation which cannot be overridden.<br />
+The user can however define arguments to be passed in the executable by adding them in the <code>docker run</code> command.</p>
+<h2 id="docker-multi-stage-build"><a href="https://docs.docker.com/develop/develop-images/multistage-build/">Docker Multi-Stage Build</a></h2>
+<p>With multi-stage builds, it's possible to use multiple <code>FROM</code> statements in the Dockerfile. Each <code>FROM</code> instruction can use a different base, and each of them begins a new stage of the build.</p>
+<p>It's possible to selectively copy artifacts from one stage to another, leaving behind everything not wanted in the final image.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Docker</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">FROM</span><span class="w"> </span><span class="s">&lt;base_image&gt;:&lt;tag&gt;</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="s">&lt;runtime_alias&gt;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="k">RUN</span><span class="w"> </span>&lt;command&gt;<span class="w">  </span>#<span class="w"> </span>install<span class="w"> </span>external<span class="w"> </span>dependencies<span class="w"> </span><span class="o">(</span>apt<span class="w"> </span>get<span class="w"> </span>...<span class="o">)</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="c"># --- START of BUILD LAYERS --- #</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="k">FROM</span><span class="w"> </span><span class="s">&lt;base_image&gt;:&lt;tag&gt;</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="s">&lt;build_alias&gt;</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">&lt;app_path&gt;</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="c"># install project dependencies</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="k">COPY</span><span class="w"> </span>&lt;src&gt;<span class="w"> </span>&lt;dir_in_container&gt;<span class="w">  </span>#<span class="w"> </span>add<span class="w"> </span>lockfiles
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="k">RUN</span><span class="w"> </span>&lt;command&gt;<span class="w">  </span>#<span class="w"> </span>install<span class="w"> </span>project<span class="w"> </span>dependencies<span class="w"> </span>from<span class="w"> </span>lockfiles
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="k">COPY</span><span class="w"> </span>&lt;src&gt;<span class="w"> </span>.&lt;dir_in_container&gt;<span class="w">  </span>#<span class="w"> </span>bring<span class="w"> </span><span class="k">in</span><span class="w"> </span>all<span class="w"> </span><span class="nb">source</span><span class="w"> </span>code
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">&lt;build_location&gt;</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="k">ARG</span><span class="w"> </span>version
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="k">RUN</span><span class="w"> </span>&lt;command&gt;<span class="w">  </span>#<span class="w"> </span>build<span class="w"> </span>project
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="c"># --- END of BUILD LAYERS --- #</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="k">FROM</span><span class="w"> </span><span class="s">&lt;runtime_alias&gt;</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="s">&lt;deploy_alias&gt;</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">&lt;app_path&gt;</span>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="c"># bring in release build files</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a><span class="k">COPY</span><span class="w"> </span>--from<span class="o">=</span>&lt;build_alias<span class="p">|</span>stage_number&gt;<span class="w"> </span>&lt;src&gt;<span class="w"> </span>&lt;dir_in_container&gt;
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a><span class="k">CMD</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;executable&quot;</span><span class="p">]</span><span class="w">  </span>#<span class="w"> </span>run<span class="w"> </span>app
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Docker</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span>
+<span class="normal"><a href="#__codelineno-7-23">23</a></span>
+<span class="normal"><a href="#__codelineno-7-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="k">FROM</span><span class="w"> </span><span class="s">mcr.microsoft.com/dotnet/&lt;runtime|aspnet&gt;:&lt;alpine_tag&gt;</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="s">runtime</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="k">RUN</span><span class="w"> </span>&lt;command&gt;<span class="w">  </span>#<span class="w"> </span>install<span class="w"> </span>external<span class="w"> </span>dependencies<span class="w"> </span><span class="o">(</span>apt<span class="w"> </span>get<span class="w"> </span>...<span class="o">)</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="c"># --- START of BUILD LAYERS --- #</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="k">FROM</span><span class="w"> </span><span class="s">mcr.microsoft.com/dotnet/sdk:&lt;tag&gt;</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="s">build</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">/app</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="c"># install project dependencies</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="k">COPY</span><span class="w"> </span>*.sln<span class="w"> </span>./src
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="k">COPY</span><span class="w"> </span>src/*.csproj<span class="w"> </span>./src
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="k">RUN</span><span class="w"> </span>dotnet<span class="w"> </span>restore
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="c"># publish app</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="k">COPY</span><span class="w"> </span>/src<span class="w"> </span>./src<span class="w">  </span>#<span class="w"> </span>bring<span class="w"> </span><span class="k">in</span><span class="w"> </span>all<span class="w"> </span><span class="nb">source</span><span class="w"> </span>code
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">/app/src  # reposition to build location</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="k">ARG</span><span class="w"> </span>version
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="k">RUN</span><span class="w"> </span>dotnet<span class="w"> </span>publish<span class="w"> </span>&lt;project&gt;<span class="p">|</span>&lt;solution&gt;<span class="w"> </span>-c<span class="w"> </span>Release<span class="w"> </span>-o<span class="w"> </span>out<span class="w"> </span>/p:Version<span class="o">=</span><span class="nv">$version</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="c"># --- END of BUILD LAYERS --- #</span>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a><span class="k">FROM</span><span class="w"> </span><span class="s">runtime</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="s">final-runtime</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a><span class="k">WORKDIR</span><span class="w"> </span><span class="s">/app</span>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a><span class="k">COPY</span><span class="w"> </span>--from<span class="o">=</span>build<span class="w"> </span>/app/out<span class="w"> </span>.
+<a id="__codelineno-7-23" name="__codelineno-7-23"></a>
+<a id="__codelineno-7-24" name="__codelineno-7-24"></a><span class="k">ENTRYPOINT</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;dotnet&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;project&gt;.dll&quot;</span><span class="p">]</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="networking"><a href="https://docs.docker.com/engine/reference/commandline/network/">Networking</a></h2>
+<p>Starting container networks: <code>bridge</code> (default), <code>none</code>, <code>host</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a>docker<span class="w"> </span>run<span class="w"> </span>&lt;image&gt;<span class="w"> </span>--network<span class="o">=</span>none/host<span class="w">  </span><span class="c1"># specify a non-default network to be used</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>docker<span class="w"> </span>run<span class="w"> </span>&lt;image&gt;<span class="w"> </span>--add-host<span class="o">=</span>&lt;hostname&gt;:&lt;ip&gt;<span class="w">  </span><span class="c1"># add hostname mapping</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>docker<span class="w"> </span>network<span class="w"> </span>ls<span class="w">  </span><span class="c1"># list all available networks</span>
+</code></pre></div></td></tr></table></div>
+<ul>
+<li><strong>Bridge</strong>: Private internal network created by Docker.
+  All containers ara attached to this network by default and get an IP in the <code>172.17.xxx.xxx-172.12.xxx.xxx</code> series.<br />
+  Containers can access each other by using the IP <code>172.17.0.1</code>.<br />
+  It is possible to create multiple sub-networks in the bridge network to isolate groups of containers from each other.</li>
+<li><strong>Host</strong>: Removes any network isolation between the host and the containers. Cannot run multiple containers on the same port.</li>
+<li><strong>None</strong>: Containers are not attached to a network and cannot access other containers or the external network.</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: Mapping <code>host-gateway</code> to an hostname allows the container to reach the host network even with networks types different from <code>host</code></p>
+</blockquote>
+<h3 id="user-defined-networks">User-defined Networks</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a>docker<span class="w"> </span>network<span class="w"> </span>create<span class="w"> </span>--driver<span class="w"> </span>NETWORK_TYPE<span class="w"> </span>--subnet<span class="w"> </span>GATEWAY_TP/SUBNET_MASK_SIZE<span class="w"> </span>NETWORK_NAME
+</code></pre></div></td></tr></table></div>
+<h3 id="embedded-dns">Embedded DNS</h3>
+<p>Docker has an internal DNS that allows finding other container by their name instead of their IP. The DNS always runs at the address <code>127.0.0.11</code>.</p>
+<h3 id="exposing-ports">Exposing Ports</h3>
+<p>By default, containers on bridge networks don't expose any ports to the outside world. Using the <code>--publish</code> or <code>-p</code> flag makes a port available to services outside the bridge network. This creates a firewall rule in the host, mapping a container port to a port on the Docker host to the outside world.</p>
+<p>Here are some examples:</p>
+<table>
+<thead>
+<tr>
+<th>Flag value</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>-p 8080:80</code></td>
+<td>Map port <code>8080</code> on the host to <strong>TCP</strong> port <code>80</code> in the container.</td>
+</tr>
+<tr>
+<td><code>-p 192.168.1.100:8080:80</code></td>
+<td>Map port <code>8080</code> on the host IP <code>192.168.1.100</code> to <strong>TCP</strong> port <code>80</code> in the container.</td>
+</tr>
+<tr>
+<td><code>-p 8080:80/udp</code></td>
+<td>Map port <code>8080</code> on the host to <strong>UDP</strong> port <code>80</code> in the container.</td>
+</tr>
+<tr>
+<td><code>-p 8080:80/tcp -p 8080:80/udp</code></td>
+<td>Map <strong>TCP</strong> and <strong>UDP</strong> port <code>8080</code> on the host to TCP and UDP port <code>80</code> in the container.</td>
+</tr>
+</tbody>
+</table>
+<blockquote>
+<p><strong>Warn</strong>: Publishing container ports is <em>insecure by default</em>. A published port it becomes available not only to the host, but to the outside world as well.<br />
+If the localhost IP address (<code>127.0.0.1</code>, or <code>::1</code>) is included with the publish flag, only the host and its containers can access the published container port.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a>docker<span class="w"> </span>run<span class="w"> </span>--publish<span class="w"> </span><span class="m">127</span>.0.0.1:8080:80<span class="w"> </span>--publish<span class="w"> </span><span class="s1">&#39;[::1]:8080:80&#39;</span><span class="w"> </span>nginx
+</code></pre></div></td></tr></table></div>
+</blockquote>
+<hr />
+<h2 id="docker-storage">Docker Storage</h2>
+<h2 id="file-system">File System</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span>
+<span class="normal"><a href="#__codelineno-11-6">6</a></span>
+<span class="normal"><a href="#__codelineno-11-7">7</a></span>
+<span class="normal"><a href="#__codelineno-11-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a>/var/lib/docker
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="p">|</span>_&lt;storage_driver&gt;
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="p">|</span>_containers
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="p">|</span>_image
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="p">|</span>_network
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="p">|</span>_volumes
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="p">|</span><span class="w"> </span><span class="p">|</span>_specific_volume
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="p">|</span>_...
+</code></pre></div></td></tr></table></div>
+<h3 id="copy-on-write">Copy-On-Write</h3>
+<p>To modify a file during while the container runs docker creates a local copy in the specific container and the local copy will be modified.</p>
+<h3 id="volumes">Volumes</h3>
+<p><strong>volume mounting</strong>: create a volume under the docker installation folder (<code>/var/lib/docker/volumes/</code>).
+<strong>bind mounting</strong>: link docker to an exiting folder to be used as a volume.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a>docker<span class="w"> </span>run<span class="w"> </span>-v<span class="w"> </span>&lt;existing_dir&gt;:&lt;container_dir&gt;<span class="w"> </span>&lt;image&gt;:&lt;tag&gt;<span class="w">  </span><span class="c1"># older command for bind mounting</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>docker<span class="w"> </span>run<span class="w"> </span>--mount<span class="w"> </span><span class="nv">type</span><span class="o">=</span>bind,<span class="w"> </span><span class="nv">source</span><span class="o">=</span>:&lt;existing_dir&gt;,<span class="w"> </span><span class="nv">target</span><span class="o">=</span>&lt;container_dir&gt;<span class="w"> </span>&lt;image&gt;:&lt;tag&gt;<span class="w">  </span><span class="c1"># modern command for bind mounting</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="docker-compose">Docker Compose</h2>
+<p>Compose is a tool for defining and running multi-container Docker applications. With Compose, you use a YAML file to configure your application’s services. Then, with a single command, you create and start all the services from your configuration.</p>
+<p>Using Compose is basically a three-step process:</p>
+<ol>
+<li>Define the app’s environment with a <code>Dockerfile</code> so it can be reproduced anywhere.</li>
+<li>Define the services that make up your app in <code>docker-compose.yml</code> so they can be run together in an isolated environment.</li>
+<li>Run <code>docker-compose up</code> and Compose starts and runs the entire app.</li>
+</ol>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">YAML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-13-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-13-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-13-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-13-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-13-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-13-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-13-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-13-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-13-10">10</a></span>
+<span class="normal"><a href="#__codelineno-13-11">11</a></span>
+<span class="normal"><a href="#__codelineno-13-12">12</a></span>
+<span class="normal"><a href="#__codelineno-13-13">13</a></span>
+<span class="normal"><a href="#__codelineno-13-14">14</a></span>
+<span class="normal"><a href="#__codelineno-13-15">15</a></span>
+<span class="normal"><a href="#__codelineno-13-16">16</a></span>
+<span class="normal"><a href="#__codelineno-13-17">17</a></span>
+<span class="normal"><a href="#__codelineno-13-18">18</a></span>
+<span class="normal"><a href="#__codelineno-13-19">19</a></span>
+<span class="normal"><a href="#__codelineno-13-20">20</a></span>
+<span class="normal"><a href="#__codelineno-13-21">21</a></span>
+<span class="normal"><a href="#__codelineno-13-22">22</a></span>
+<span class="normal"><a href="#__codelineno-13-23">23</a></span>
+<span class="normal"><a href="#__codelineno-13-24">24</a></span>
+<span class="normal"><a href="#__codelineno-13-25">25</a></span>
+<span class="normal"><a href="#__codelineno-13-26">26</a></span>
+<span class="normal"><a href="#__codelineno-13-27">27</a></span>
+<span class="normal"><a href="#__codelineno-13-28">28</a></span>
+<span class="normal"><a href="#__codelineno-13-29">29</a></span>
+<span class="normal"><a href="#__codelineno-13-30">30</a></span>
+<span class="normal"><a href="#__codelineno-13-31">31</a></span>
+<span class="normal"><a href="#__codelineno-13-32">32</a></span>
+<span class="normal"><a href="#__codelineno-13-33">33</a></span>
+<span class="normal"><a href="#__codelineno-13-34">34</a></span>
+<span class="normal"><a href="#__codelineno-13-35">35</a></span>
+<span class="normal"><a href="#__codelineno-13-36">36</a></span>
+<span class="normal"><a href="#__codelineno-13-37">37</a></span>
+<span class="normal"><a href="#__codelineno-13-38">38</a></span>
+<span class="normal"><a href="#__codelineno-13-39">39</a></span>
+<span class="normal"><a href="#__codelineno-13-40">40</a></span>
+<span class="normal"><a href="#__codelineno-13-41">41</a></span>
+<span class="normal"><a href="#__codelineno-13-42">42</a></span>
+<span class="normal"><a href="#__codelineno-13-43">43</a></span>
+<span class="normal"><a href="#__codelineno-13-44">44</a></span>
+<span class="normal"><a href="#__codelineno-13-45">45</a></span>
+<span class="normal"><a href="#__codelineno-13-46">46</a></span>
+<span class="normal"><a href="#__codelineno-13-47">47</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="nt">version</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">3.x</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="nt">services</span><span class="p">:</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="w">  </span><span class="nt">&lt;service_name&gt;</span><span class="p">:</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="w">    </span><span class="nt">image</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;image_name&gt;</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="w">    </span><span class="nt">image</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;image_url&gt;</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="w">    </span><span class="nt">build</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;path&gt;</span><span class="w">  </span><span class="c1"># path to folder containing a Dockerfile to build the image</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="w">    </span><span class="nt">build</span><span class="p">:</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="w">      </span><span class="nt">context</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;path&gt;</span>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a><span class="w">      </span><span class="nt">dockerfile</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;*.Dockerfile&gt;</span>
+<a id="__codelineno-13-10" name="__codelineno-13-10"></a><span class="w">      </span><span class="nt">args</span><span class="p">:</span><span class="w">  </span><span class="c1"># pass args to dockerfile</span>
+<a id="__codelineno-13-11" name="__codelineno-13-11"></a><span class="w">        </span><span class="nt">ARG</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;value&gt;</span>
+<a id="__codelineno-13-12" name="__codelineno-13-12"></a><span class="w">        </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">ARG=&lt;value&gt;</span>
+<a id="__codelineno-13-13" name="__codelineno-13-13"></a><span class="w">    </span><span class="nt">ports</span><span class="p">:</span><span class="w"> </span>
+<a id="__codelineno-13-14" name="__codelineno-13-14"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;host_port&gt;:&lt;container_port&gt;</span>
+<a id="__codelineno-13-15" name="__codelineno-13-15"></a><span class="w">    </span><span class="nt">extra_hosts</span><span class="p">:</span><span class="w">  </span><span class="c1"># add hostname mappings to container network interface config</span>
+<a id="__codelineno-13-16" name="__codelineno-13-16"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;hostname&gt;:&lt;ip&gt;</span>
+<a id="__codelineno-13-17" name="__codelineno-13-17"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;hostname&gt;:host-gateway</span><span class="w">  </span><span class="c1"># map host machine network</span>
+<a id="__codelineno-13-18" name="__codelineno-13-18"></a><span class="w">    </span><span class="nt">profiles</span><span class="p">:</span><span class="w">  </span><span class="c1"># partition services into sets</span>
+<a id="__codelineno-13-19" name="__codelineno-13-19"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;profile_name&gt;</span>
+<a id="__codelineno-13-20" name="__codelineno-13-20"></a><span class="w">    </span><span class="nt">networks</span><span class="p">:</span><span class="w">  </span><span class="c1"># attach container to one or more networks</span>
+<a id="__codelineno-13-21" name="__codelineno-13-21"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;network_name&gt;</span>
+<a id="__codelineno-13-22" name="__codelineno-13-22"></a><span class="w">    </span><span class="nt">depends_on</span><span class="p">:</span><span class="w">  </span><span class="c1"># make sure dependencies are running before this container</span>
+<a id="__codelineno-13-23" name="__codelineno-13-23"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;container_name&gt;</span>
+<a id="__codelineno-13-24" name="__codelineno-13-24"></a><span class="w">    </span><span class="nt">environment</span><span class="p">:</span><span class="w">  </span><span class="c1"># declare a env vars for this service</span>
+<a id="__codelineno-13-25" name="__codelineno-13-25"></a><span class="w">      </span><span class="nt">ENV_VAR</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;value&gt;</span>
+<a id="__codelineno-13-26" name="__codelineno-13-26"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">ENV_VAR=&lt;value&gt;</span>
+<a id="__codelineno-13-27" name="__codelineno-13-27"></a><span class="w">    </span><span class="nt">env_file</span><span class="p">:</span>
+<a id="__codelineno-13-28" name="__codelineno-13-28"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;path/to/env/file&gt;</span><span class="w">  </span><span class="c1"># reusable env file</span>
+<a id="__codelineno-13-29" name="__codelineno-13-29"></a><span class="w">    </span><span class="nt">volumes</span><span class="p">:</span>
+<a id="__codelineno-13-30" name="__codelineno-13-30"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="s">&quot;./&lt;rel/path/to/volume&gt;:&lt;in/container/path/to/data&gt;&quot;</span><span class="w">  </span><span class="c1"># service-dedicated volume</span>
+<a id="__codelineno-13-31" name="__codelineno-13-31"></a><span class="w">      </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="s">&quot;&lt;volume_name&gt;:&lt;in/container/path/to/data&gt;&quot;</span><span class="w">  </span><span class="c1"># reuseable volume</span>
+<a id="__codelineno-13-32" name="__codelineno-13-32"></a><span class="w">    </span><span class="nt">healthcheck</span><span class="p">:</span>
+<a id="__codelineno-13-33" name="__codelineno-13-33"></a><span class="w">      </span><span class="nt">disable</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">&lt;bool&gt;</span><span class="w">  </span><span class="c1"># set to true to disable</span>
+<a id="__codelineno-13-34" name="__codelineno-13-34"></a><span class="w">      </span><span class="nt">test</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">curl -f http://localhost</span><span class="w">  </span><span class="c1"># set to [&quot;NONE&quot;] to disable</span>
+<a id="__codelineno-13-35" name="__codelineno-13-35"></a><span class="w">      </span><span class="nt">interval</span><span class="p">:</span><span class="w">  </span><span class="c1"># interval between checks (default 30s)</span>
+<a id="__codelineno-13-36" name="__codelineno-13-36"></a><span class="w">      </span><span class="nt">timeout</span><span class="p">:</span><span class="w">  </span><span class="c1"># check fail timeout (default 30s)</span>
+<a id="__codelineno-13-37" name="__codelineno-13-37"></a><span class="w">      </span><span class="nt">retries</span><span class="p">:</span><span class="w">  </span><span class="c1"># num of retries before unhealty (default 3)</span>
+<a id="__codelineno-13-38" name="__codelineno-13-38"></a><span class="w">      </span><span class="nt">start_period</span><span class="p">:</span><span class="w">  </span><span class="c1"># container init grace pediod (default 5s)</span>
+<a id="__codelineno-13-39" name="__codelineno-13-39"></a><span class="w">      </span><span class="nt">start_interval</span><span class="p">:</span><span class="w">  </span><span class="c1"># check interval in start period</span>
+<a id="__codelineno-13-40" name="__codelineno-13-40"></a>
+<a id="__codelineno-13-41" name="__codelineno-13-41"></a><span class="c1"># reusable volume definitions</span>
+<a id="__codelineno-13-42" name="__codelineno-13-42"></a><span class="nt">volumes</span><span class="p">:</span>
+<a id="__codelineno-13-43" name="__codelineno-13-43"></a><span class="w">  </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="nt">&lt;volume_name&gt;</span><span class="p">:</span>
+<a id="__codelineno-13-44" name="__codelineno-13-44"></a>
+<a id="__codelineno-13-45" name="__codelineno-13-45"></a><span class="c1"># create networks</span>
+<a id="__codelineno-13-46" name="__codelineno-13-46"></a><span class="nt">networks</span><span class="p">:</span>
+<a id="__codelineno-13-47" name="__codelineno-13-47"></a><span class="w">  </span><span class="nt">&lt;network_name&gt;</span><span class="p">:</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../index.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Home">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Home
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="kubernetes.html" class="md-footer__link md-footer__link--next" aria-label="Next: Kubernetes">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Kubernetes
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/containers/kubernetes.html b/containers/kubernetes.html
new file mode 100644
index 0000000..457c8b3
--- /dev/null
+++ b/containers/kubernetes.html
@@ -0,0 +1,4597 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/containers/kubernetes.html">
+      
+      
+        <link rel="prev" href="docker.html">
+      
+      
+        <link rel="next" href="../databases/redis.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Kubernetes - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Kubernetes - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/containers/kubernetes.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/containers/kubernetes.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Kubernetes - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/containers/kubernetes.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#kubernetes-k8s" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Kubernetes
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="kubernetes.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#cluster-architecture" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cluster Architecture
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Cluster Architecture">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#control-plane" class="md-nav__link">
+    <span class="md-ellipsis">
+      Control Plane
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#node" class="md-nav__link">
+    <span class="md-ellipsis">
+      Node
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kubernetes-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Kubernetes Components
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Kubernetes Components">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#pod" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pod
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#service" class="md-nav__link">
+    <span class="md-ellipsis">
+      Service
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ingress" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ingress
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#configmap" class="md-nav__link">
+    <span class="md-ellipsis">
+      ConfigMap
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#secret" class="md-nav__link">
+    <span class="md-ellipsis">
+      Secret
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#volumes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Volumes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deployment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deployment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#replicaset" class="md-nav__link">
+    <span class="md-ellipsis">
+      ReplicaSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#statefulset" class="md-nav__link">
+    <span class="md-ellipsis">
+      StatefulSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#daemonset" class="md-nav__link">
+    <span class="md-ellipsis">
+      DaemonSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#jobs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jobs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kubernetes-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Kubernetes Configuration
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kubectl" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="kubectl">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#kubectl-get" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl get
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kubectl-exec" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl exec
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kubectl-logs" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl logs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#cluster-architecture" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cluster Architecture
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Cluster Architecture">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#control-plane" class="md-nav__link">
+    <span class="md-ellipsis">
+      Control Plane
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#node" class="md-nav__link">
+    <span class="md-ellipsis">
+      Node
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kubernetes-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Kubernetes Components
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Kubernetes Components">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#pod" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pod
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#service" class="md-nav__link">
+    <span class="md-ellipsis">
+      Service
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ingress" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ingress
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#configmap" class="md-nav__link">
+    <span class="md-ellipsis">
+      ConfigMap
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#secret" class="md-nav__link">
+    <span class="md-ellipsis">
+      Secret
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#volumes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Volumes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deployment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deployment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#replicaset" class="md-nav__link">
+    <span class="md-ellipsis">
+      ReplicaSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#statefulset" class="md-nav__link">
+    <span class="md-ellipsis">
+      StatefulSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#daemonset" class="md-nav__link">
+    <span class="md-ellipsis">
+      DaemonSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#jobs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jobs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kubernetes-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Kubernetes Configuration
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kubectl" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="kubectl">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#kubectl-get" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl get
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kubectl-exec" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl exec
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kubectl-logs" class="md-nav__link">
+    <span class="md-ellipsis">
+      kubectl logs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="kubernetes-k8s">Kubernetes (<code>k8s</code>)</h1>
+<h2 id="cluster-architecture">Cluster Architecture</h2>
+<p>A Kubernetes <strong>cluster</strong> consists of a set of worker machines, called <strong>nodes</strong>, that run <em>containerized</em> applications. Every cluster has at least one worker node.</p>
+<p>The worker node(s) host the <strong>pods</strong> that are the components of the application workload. The <strong>control plane</strong> manages the worker nodes and the pods in the cluster.<br />
+In production environments, the control plane usually runs across multiple computers and a cluster usually runs multiple nodes, providing fault-tolerance and high availability.</p>
+<p><img alt="kubernetes-cluster-overview" src="../img/kubernetes_cluster-overview.svg" /></p>
+<h3 id="control-plane">Control Plane</h3>
+<p>The control plane is the container orchestration layer that exposes the API and interfaces to define, deploy, and manage the lifecycle of containers. It's components are:</p>
+<ul>
+<li><strong>kube-apiserver</strong>: entrypoint of the cluster that exposes the kubernetes API</li>
+<li><strong>kube-controller-manager</strong>: keeps track of what is happening in the cluster</li>
+<li><strong>kube-scheduler</strong>: ensures pod placement on the nodes based on node resource availability</li>
+<li><strong>etcd</strong>: key-value store used as Kubernetes backing store for all cluster data</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: in production environment there are <em>at least</em> two control planes to ensure constant availability of their functionalities</p>
+</blockquote>
+<h3 id="node">Node</h3>
+<p>Nodes are the worker machines in kubernetes. The node components are:</p>
+<ul>
+<li><strong>kubelet</strong>: the agent that runs on each node in the cluster. It makes sure that containers are running in a pod</li>
+<li><strong>kube-proxy</strong>: the network proxy part of the cluster <em>virtual network</em> that allows communication to pods from inside or outside of the cluster</li>
+<li><strong>container runtime</strong>: the software that is responsible for running containers</li>
+</ul>
+<h2 id="kubernetes-components">Kubernetes Components</h2>
+<h3 id="pod">Pod</h3>
+<p><strong>Pods</strong> are the smallest unit in kubernetes. They are an abstraction over a set of running containers. The pod abstraction is used to make kubernetes independent from the container technology.</p>
+<p>Each pod has it's own IP address inside the virtual network of the cluster; this makes pod communication possible.<br />
+Since pods are <em>ephemeral</em> resources when a pod dies another one will replace it. The new pod will get a new IP address.</p>
+<h3 id="service">Service</h3>
+<p><strong>Services</strong> are permanent IP addresses and ar used to resolve the issue of changing pod IPs. Each pod can be attached to a service. The lifecycle of a service is detached from a pod.<br />
+<em>External</em> services are used to make the contents of a pod accessible from the outside of the cluster while <em>internal</em> services are not exposed.</p>
+<h3 id="ingress">Ingress</h3>
+<p><strong>Ingresses</strong> are the components hat forwards external requests to specific services. Ingresses are used to expose services through secure protocols and friendly URLs instead of service IPs.</p>
+<h3 id="configmap">ConfigMap</h3>
+<p><strong>ConfigMaps</strong> are external configurations used to store non-confidential data in key-value pairs. Pods can consume ConfigMaps as environment variables, command-line arguments, or as configuration files in a volume.</p>
+<p>ConfigMaps allow to decouple environment-specific configuration from container images, so that applications are easily portable.</p>
+<h3 id="secret">Secret</h3>
+<p><strong>Secrets</strong> contains a small amount of sensitive data such as a password, a token, or a key. Such information might otherwise be put in a Pod specification or in a container image.</p>
+<p>Secrets are similar to ConfigMaps but are specifically intended to hold confidential data.</p>
+<p>Because Secrets can be created independently of the Pods that use them, there is less risk of the Secret (and its data) being exposed during the workflow of creating, viewing, and editing Pods.  </p>
+<blockquote>
+<p><strong>Warn</strong>: secrets, by default, are <em>not</em> encrypted: they are stored in base64. Consider using third-party encryption tools.</p>
+</blockquote>
+<h3 id="volumes">Volumes</h3>
+<p><strong>Volumes</strong> are physical storage attached to a pod in order to persist data when a pod is shut down.</p>
+<blockquote>
+<p><strong>Warn</strong>: kubernetes does not manage data persistance. Backups must be managed externally.</p>
+</blockquote>
+<h3 id="deployment">Deployment</h3>
+<p><strong>Deployments</strong> are a description of the <em>desired state</em> of the cluster. The <em>deployment controller</em> changes the actual state to match the desired one.</p>
+<p>Deployments can be used to manage the scaling of the replicas of a pod.</p>
+<h3 id="replicaset">ReplicaSet</h3>
+<p><strong>ReplicaSets</strong> are groups of identical pods and are used to guarantee the availability of the replicated application. ReplicaSets are used to manage <em>stateless</em> applications.</p>
+<h3 id="statefulset">StatefulSet</h3>
+<p><strong>StatefulSets</strong> are group of pods with guarantees about the <em>ordering</em> and <em>uniqueness</em> of the pods. StatefulSets are used to manage pods that need consistent state like databases.</p>
+<h3 id="daemonset">DaemonSet</h3>
+<p><strong>DaemonSets</strong> ensure the <em>all or some</em> nodes in a cluster run a copy of a specific pod.</p>
+<h3 id="jobs">Jobs</h3>
+<p><strong>Jobs</strong> create one or more Pods and will continue to retry execution of the Pods until a specified number of them successfully terminate.</p>
+<p>As pods successfully complete, the Job tracks the successful completions. When a specified number of successful completions is reached, the task is complete.</p>
+<hr />
+<h2 id="kubernetes-configuration">Kubernetes Configuration</h2>
+<p>Each kubernetes configuration file is composed by 3 parts:</p>
+<ul>
+<li>metadata</li>
+<li>specification</li>
+<li>status (generated by k8s)</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: kubernetes config files are written in YAML</p>
+</blockquote>
+<hr />
+<h2 id="kubectl"><code>kubectl</code></h2>
+<h3 id="kubectl-get"><code>kubectl get</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>kubectl<span class="w"> </span>config<span class="w"> </span>get-contexts<span class="w">  </span><span class="c1"># list available contexts</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>kubectl<span class="w"> </span>get<span class="w"> </span>namespaces<span class="w">  </span><span class="c1"># list namespaces inside current context</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>kubectl<span class="w"> </span>get<span class="w"> </span>pod<span class="w"> </span>-n<span class="p">|</span>--namespace<span class="w"> </span>&lt;namespace&gt;<span class="w">  </span><span class="c1"># list pods inside namespace</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>kubectl<span class="w"> </span>get<span class="w"> </span>pod<span class="w"> </span><span class="o">[</span>-n<span class="p">|</span>--namespace<span class="w"> </span>&lt;namespace&gt;<span class="o">]</span><span class="w"> </span>&lt;pod&gt;<span class="w"> </span>-o<span class="p">|</span>--output<span class="w"> </span><span class="nv">jsonpath</span><span class="o">=</span><span class="s1">&#39;{.spec.containers[*].name}&#39;</span><span class="w">  </span><span class="c1"># list containers inside pod</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="kubectl-exec"><code>kubectl exec</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>kubectl<span class="w"> </span><span class="nb">exec</span><span class="w"> </span><span class="o">[</span>-i<span class="p">|</span>--stdin<span class="o">]</span><span class="w"> </span><span class="o">[</span>-t<span class="p">|</span>--tty<span class="o">]</span><span class="w"> </span><span class="o">[</span>-n<span class="p">|</span>--namespace<span class="w"> </span>&lt;namespace&gt;<span class="o">]</span><span class="w"> </span>&lt;pod&gt;<span class="w"> </span><span class="o">[</span>-c<span class="p">|</span>--container<span class="w"> </span>&lt;container&gt;<span class="o">]</span><span class="w"> </span>--<span class="w"> </span>&lt;command&gt;<span class="w">  </span><span class="c1"># execute a command inside a container</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="kubectl-logs"><code>kubectl logs</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>kubectl<span class="w"> </span>logs<span class="w"> </span><span class="o">[</span>-f<span class="p">|</span>--follow<span class="o">]</span><span class="w"> </span><span class="o">[</span>-n<span class="p">|</span>--namespace<span class="w"> </span>&lt;namespace&gt;<span class="o">]</span><span class="w"> </span>&lt;pod&gt;<span class="w"> </span><span class="o">[</span>-c<span class="p">|</span>--container<span class="o">]</span><span class="w">  </span><span class="c1"># get pod/container logs</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="docker.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Docker">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Docker
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../databases/redis.html" class="md-footer__link md-footer__link--next" aria-label="Next: Redis">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Redis
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/databases/mongo-db.html b/databases/mongo-db.html
new file mode 100644
index 0000000..a2dcdea
--- /dev/null
+++ b/databases/mongo-db.html
@@ -0,0 +1,5918 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/databases/mongo-db.html">
+      
+      
+        <link rel="prev" href="sql.html">
+      
+      
+        <link rel="next" href="../languages/html/html.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>MongoDB - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="MongoDB - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/databases/mongo-db.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/databases/mongo-db.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="MongoDB - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/databases/mongo-db.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#mongodb" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              MongoDB
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="mongo-db.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Types
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#databases-collections-usage" class="md-nav__link">
+    <span class="md-ellipsis">
+      Databases &amp; Collections Usage
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators-mql-syntax" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators (MQL Syntax)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators (MQL Syntax)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#expressive-query-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expressive Query Operator
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mongo-query-language-mql" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongo Query Language (MQL)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Mongo Query Language (MQL)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#insertion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Insertion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#querying" class="md-nav__link">
+    <span class="md-ellipsis">
+      Querying
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#updating" class="md-nav__link">
+    <span class="md-ellipsis">
+      Updating
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deletion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deletion
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mongodb-database-tools" class="md-nav__link">
+    <span class="md-ellipsis">
+      MongoDB Database Tools
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="MongoDB Database Tools">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mongoimport" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongoimport
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mongoexport" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongoexport
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mongodump-mongorestore" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongodump &amp; Mongorestore
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#indexes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Indexes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Indexes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#index-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#diagnosis-and-query-planning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Diagnosis and query planning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index Creation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-management" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index Management
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#cluster-administration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cluster Administration
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Cluster Administration">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mongod" class="md-nav__link">
+    <span class="md-ellipsis">
+      mongod
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#basic-shell-helpers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Shell Helpers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logging" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logging
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#database-profiling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Database Profiling
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#authentication" class="md-nav__link">
+    <span class="md-ellipsis">
+      Authentication
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#authorization-role-based-access-control-rbac" class="md-nav__link">
+    <span class="md-ellipsis">
+      Authorization: Role Based Access Control (RBAC)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#replica-set" class="md-nav__link">
+    <span class="md-ellipsis">
+      Replica set
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sharding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sharding
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#aggregation-framework" class="md-nav__link">
+    <span class="md-ellipsis">
+      Aggregation Framework
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Aggregation Framework">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#match-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $match Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#project-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $project Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#addfields-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $addFields Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#group-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $group Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unwind-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $unwind Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#count-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $count Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sort-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $sort Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#skip-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $skip Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#limit-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $limit Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lookup-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $lookup Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#graphlookup-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $graphLookup Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sortbycount-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $sortByCount Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Types
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#databases-collections-usage" class="md-nav__link">
+    <span class="md-ellipsis">
+      Databases &amp; Collections Usage
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators-mql-syntax" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators (MQL Syntax)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators (MQL Syntax)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#expressive-query-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expressive Query Operator
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mongo-query-language-mql" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongo Query Language (MQL)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Mongo Query Language (MQL)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#insertion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Insertion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#querying" class="md-nav__link">
+    <span class="md-ellipsis">
+      Querying
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#updating" class="md-nav__link">
+    <span class="md-ellipsis">
+      Updating
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deletion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deletion
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mongodb-database-tools" class="md-nav__link">
+    <span class="md-ellipsis">
+      MongoDB Database Tools
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="MongoDB Database Tools">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mongoimport" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongoimport
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mongoexport" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongoexport
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mongodump-mongorestore" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mongodump &amp; Mongorestore
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#indexes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Indexes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Indexes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#index-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#diagnosis-and-query-planning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Diagnosis and query planning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index Creation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-management" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index Management
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#cluster-administration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cluster Administration
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Cluster Administration">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mongod" class="md-nav__link">
+    <span class="md-ellipsis">
+      mongod
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#basic-shell-helpers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Shell Helpers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logging" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logging
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#database-profiling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Database Profiling
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#authentication" class="md-nav__link">
+    <span class="md-ellipsis">
+      Authentication
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#authorization-role-based-access-control-rbac" class="md-nav__link">
+    <span class="md-ellipsis">
+      Authorization: Role Based Access Control (RBAC)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#replica-set" class="md-nav__link">
+    <span class="md-ellipsis">
+      Replica set
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sharding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sharding
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#aggregation-framework" class="md-nav__link">
+    <span class="md-ellipsis">
+      Aggregation Framework
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Aggregation Framework">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#match-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $match Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#project-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $project Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#addfields-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $addFields Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#group-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $group Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unwind-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $unwind Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#count-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $count Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sort-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $sort Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#skip-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $skip Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#limit-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $limit Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lookup-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $lookup Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#graphlookup-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $graphLookup Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sortbycount-aggregation-stage" class="md-nav__link">
+    <span class="md-ellipsis">
+      $sortByCount Aggregation Stage
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="mongodb">MongoDB</h1>
+<p>The database is a container of <strong>collections</strong>. The collections are containers of <strong>documents</strong>.</p>
+<p>The documents are <em>schema-less</em> that is they have a dynamic structure that can change between documents in the same collection.</p>
+<h2 id="data-types">Data Types</h2>
+<table>
+<thead>
+<tr>
+<th>Type</th>
+<th>Example Value</th>
+<th>Function</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Text</td>
+<td><code>"Text"</code></td>
+<td></td>
+</tr>
+<tr>
+<td>Boolean</td>
+<td><code>true</code></td>
+<td></td>
+</tr>
+<tr>
+<td>Number</td>
+<td><code>42</code></td>
+<td></td>
+</tr>
+<tr>
+<td>Objectid</td>
+<td><code>"_id": {"$oid": "&lt;id&gt;"}</code></td>
+<td><code>ObjectId("&lt;id&gt;")</code></td>
+</tr>
+<tr>
+<td>ISODate</td>
+<td><code>"&lt;key&gt;": {"$date": "YYYY-MM-DDThh:mm:ss.sssZ"}</code></td>
+<td><code>ISODate("YYYY-MM-DD")</code></td>
+</tr>
+<tr>
+<td>Timestamp</td>
+<td></td>
+<td><code>Timestamp(11421532)</code></td>
+</tr>
+<tr>
+<td>Embedded Document</td>
+<td><code>{"a": {...}}</code></td>
+<td></td>
+</tr>
+<tr>
+<td>Embedded Array</td>
+<td><code>{"b": [...]}</code></td>
+<td></td>
+</tr>
+</tbody>
+</table>
+<p>It's mandatory for each document ot have an unique field <code>_id</code>.
+MongoDB automatically creates an <code>ObjectId()</code> if it's not provided.</p>
+<h2 id="databases-collections-usage">Databases &amp; Collections Usage</h2>
+<p>To create a database is sufficient to switch towards a non existing one with <code>use &lt;database&gt;</code> (implicit creation).
+The database is not actually created until a document is inserted.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>show<span class="w"> </span>dbs<span class="w">  </span><span class="c1"># list all databases</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>use<span class="w"> </span>&lt;database&gt;<span class="w">  </span><span class="c1"># use a particular database</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>show<span class="w"> </span>collections<span class="w">  </span><span class="c1"># list all collection for the current database</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>dbs.dropDatabase<span class="o">()</span><span class="w">  </span><span class="c1"># delete current database</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>db.createCollection<span class="o">(</span>name,<span class="w"> </span><span class="o">{</span>options<span class="o">})</span><span class="w">  </span><span class="c1"># explicit collection creation</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>db.&lt;collection&gt;.insertOne<span class="o">({</span>document<span class="o">})</span><span class="w">  </span><span class="c1"># implicit collection creation</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="operators-mql-syntax">Operators (MQL Syntax)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span>
+<span class="normal"><a href="#__codelineno-1-21">21</a></span>
+<span class="normal"><a href="#__codelineno-1-22">22</a></span>
+<span class="normal"><a href="#__codelineno-1-23">23</a></span>
+<span class="normal"><a href="#__codelineno-1-24">24</a></span>
+<span class="normal"><a href="#__codelineno-1-25">25</a></span>
+<span class="normal"><a href="#__codelineno-1-26">26</a></span>
+<span class="normal"><a href="#__codelineno-1-27">27</a></span>
+<span class="normal"><a href="#__codelineno-1-28">28</a></span>
+<span class="normal"><a href="#__codelineno-1-29">29</a></span>
+<span class="normal"><a href="#__codelineno-1-30">30</a></span>
+<span class="normal"><a href="#__codelineno-1-31">31</a></span>
+<span class="normal"><a href="#__codelineno-1-32">32</a></span>
+<span class="normal"><a href="#__codelineno-1-33">33</a></span>
+<span class="normal"><a href="#__codelineno-1-34">34</a></span>
+<span class="normal"><a href="#__codelineno-1-35">35</a></span>
+<span class="normal"><a href="#__codelineno-1-36">36</a></span>
+<span class="normal"><a href="#__codelineno-1-37">37</a></span>
+<span class="normal"><a href="#__codelineno-1-38">38</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="cm">/* --- Update operators --- */</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$inc&quot;</span><span class="p">:</span><span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;increment&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// increment value</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$set&quot;</span><span class="p">:</span><span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// set value</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$unsetset&quot;</span><span class="p">:</span><span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;true&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// unset value</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$push&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// add a value to an array field or turn field into array</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$pop&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="err">&lt;</span><span class="mi">-1</span><span class="w"> </span><span class="err">|</span><span class="w"> </span><span class="mi">1</span><span class="err">&gt;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// remove first or last array element</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$pull&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;value | condition&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// remove a specific item in the array</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$pullAll&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="s2">&quot;&lt;value1&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;value2&gt;&quot;</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">],</span><span class="w"> </span><span class="err">...</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// remove all specified values from array</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="cm">/* --- Query Operators --- */</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$in&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="s2">&quot;&lt;value_1&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;value_2&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">]</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c1">// Membership</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$nin&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="s2">&quot;&lt;value_1&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;value_2&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">]</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Membership</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$exists&quot;</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Field Exists</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="cm">/* --- Comparison Operators (DEFAULT: $eq) --- */</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$gt&quot;</span><span class="p">:</span><span class="w">  </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}}</span><span class="w">  </span><span class="c1">// &gt;</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$gte&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}}</span><span class="w">  </span><span class="c1">// &gt;=</span>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$lt&quot;</span><span class="p">:</span><span class="w">  </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}}</span><span class="w">  </span><span class="c1">// &lt;</span>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$lte&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}}</span><span class="w">  </span><span class="c1">// &lt;=</span>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$eq&quot;</span><span class="p">:</span><span class="w">  </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}}</span><span class="w">  </span><span class="c1">// ==</span>
+<a id="__codelineno-1-21" name="__codelineno-1-21"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$ne&quot;</span><span class="p">:</span><span class="w">  </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}}</span><span class="w">  </span><span class="c1">// !=</span>
+<a id="__codelineno-1-22" name="__codelineno-1-22"></a>
+<a id="__codelineno-1-23" name="__codelineno-1-23"></a><span class="cm">/* --- Logic Operators (DEFAULT $and) --- */</span>
+<a id="__codelineno-1-24" name="__codelineno-1-24"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$and&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="err">...</span><span class="p">]</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-25" name="__codelineno-1-25"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$or&quot;</span><span class="p">:</span><span class="w">  </span><span class="p">[</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="err">...</span><span class="p">]</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-26" name="__codelineno-1-26"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$nor&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="err">...</span><span class="p">]</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-27" name="__codelineno-1-27"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$not&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-28" name="__codelineno-1-28"></a>
+<a id="__codelineno-1-29" name="__codelineno-1-29"></a><span class="cm">/* --- Array Operators --- */</span>
+<a id="__codelineno-1-30" name="__codelineno-1-30"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$all&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;value&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">]</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c1">// field contains all values</span>
+<a id="__codelineno-1-31" name="__codelineno-1-31"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$size&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-32" name="__codelineno-1-32"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;array-key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$elemMatch&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;item-key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// elements in array must match an expression</span>
+<a id="__codelineno-1-33" name="__codelineno-1-33"></a>
+<a id="__codelineno-1-34" name="__codelineno-1-34"></a><span class="cm">/* --- REGEX Operator --- */</span>
+<a id="__codelineno-1-35" name="__codelineno-1-35"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$regex&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;/pattern/&quot;</span><span class="p">,</span><span class="w"> </span><span class="nt">&quot;$options&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;options&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-36" name="__codelineno-1-36"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$regex&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;pattern&quot;</span><span class="p">,</span><span class="w"> </span><span class="nt">&quot;$options&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;options&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-37" name="__codelineno-1-37"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$regex&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;/pattern/&lt;options&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-38" name="__codelineno-1-38"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;&lt;key&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;/pattern/&lt;options&gt;&quot;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="expressive-query-operator">Expressive Query Operator</h3>
+<blockquote>
+<p><strong>Note</strong>:  <code>$&lt;key&gt;</code> is used to access the value of the field dynamically</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$expr&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// aggregation expression, variables, conditional expressions</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$expr&quot;</span><span class="p">:</span><span class="w">  </span><span class="p">{</span><span class="w"> </span><span class="nt">&quot;$&lt;comparison_operator&gt;&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="s2">&quot;$&lt;key&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;$&lt;key&gt;&quot;</span><span class="w"> </span><span class="p">]</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// compare field values (operators use aggregation syntax)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="mongo-query-language-mql">Mongo Query Language (MQL)</h2>
+<h3 id="insertion">Insertion</h3>
+<p>It's possible to insert a single document with the command <code>insertOne()</code> or multiple documents with <code>insertMany()</code>.</p>
+<p>Insertion results:</p>
+<ul>
+<li>error -&gt; rollback</li>
+<li>success -&gt; entire documents gets saved</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span>
+<span class="normal"><a href="#__codelineno-3-22">22</a></span>
+<span class="normal"><a href="#__codelineno-3-23">23</a></span>
+<span class="normal"><a href="#__codelineno-3-24">24</a></span>
+<span class="normal"><a href="#__codelineno-3-25">25</a></span>
+<span class="normal"><a href="#__codelineno-3-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="c1"># explicit collection creation, all options are optional</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>db.createCollection<span class="o">(</span><span class="w"> </span>&lt;name&gt;,
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">   </span><span class="o">{</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">        </span>capped:<span class="w"> </span>&lt;boolean&gt;,
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">        </span>autoIndexId:<span class="w"> </span>&lt;boolean&gt;,
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">        </span>size:<span class="w"> </span>&lt;number&gt;,
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">        </span>max:<span class="w"> </span>&lt;number&gt;,
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">        </span>storageEngine:<span class="w"> </span>&lt;document&gt;,
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">        </span>validator:<span class="w"> </span>&lt;document&gt;,
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">        </span>validationLevel:<span class="w"> </span>&lt;string&gt;,
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">        </span>validationAction:<span class="w"> </span>&lt;string&gt;,
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w">        </span>indexOptionDefaults:<span class="w"> </span>&lt;document&gt;,
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="w">        </span>viewOn:<span class="w"> </span>&lt;string&gt;,
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w">        </span>pipeline:<span class="w"> </span>&lt;pipeline&gt;,
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="w">        </span>collation:<span class="w"> </span>&lt;document&gt;,
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="w">        </span>writeConcern:<span class="w"> </span>&lt;document&gt;
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a><span class="w">   </span><span class="o">}</span>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="o">)</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a>db.createCollection<span class="o">(</span><span class="s2">&quot;name&quot;</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span>capped:<span class="w"> </span>true,<span class="w"> </span>size:<span class="w"> </span>max_bytes,<span class="w"> </span>max:<span class="w"> </span>max_docs_num<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># creation of a capped collection</span>
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a><span class="c1"># SIZE: int - will be rounded to a multiple of 256</span>
+<a id="__codelineno-3-22" name="__codelineno-3-22"></a>
+<a id="__codelineno-3-23" name="__codelineno-3-23"></a><span class="c1"># implicit creation at doc insertion</span>
+<a id="__codelineno-3-24" name="__codelineno-3-24"></a>db.&lt;collection&gt;.insertOne<span class="o">({</span><span class="w"> </span>document<span class="w"> </span><span class="o">}</span>,<span class="w"> </span>options<span class="o">)</span><span class="w">  </span><span class="c1"># insert a document in a collection</span>
+<a id="__codelineno-3-25" name="__codelineno-3-25"></a>db.&lt;collection&gt;.insertMany<span class="o">([</span><span class="w"> </span><span class="o">{</span><span class="w"> </span>document<span class="w"> </span><span class="o">}</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span>document<span class="w"> </span><span class="o">}</span>,<span class="w"> </span>...<span class="w"> </span><span class="o">]</span>,<span class="w"> </span>options<span class="o">)</span><span class="w">  </span><span class="c1"># insert multiple docs</span>
+<a id="__codelineno-3-26" name="__codelineno-3-26"></a>db.&lt;collection&gt;.insertMany<span class="o">([</span><span class="w"> </span><span class="o">{</span><span class="w"> </span>document<span class="w"> </span><span class="o">}</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span>document<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">]</span><span class="w"> </span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;ordered&quot;</span>:<span class="w"> </span><span class="nb">false</span><span class="w"> </span><span class="o">})</span><span class="w">  </span><span class="c1"># allow the unordered insertion, only documents that cause errors wont be inserted</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: If <code>insertMany()</code> fails the already inserted documents are not rolled back but all the successive ones (even the correct ones) will not be inserted.</p>
+</blockquote>
+<h3 id="querying">Querying</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span>
+<span class="normal"><a href="#__codelineno-4-19">19</a></span>
+<span class="normal"><a href="#__codelineno-4-20">20</a></span>
+<span class="normal"><a href="#__codelineno-4-21">21</a></span>
+<span class="normal"><a href="#__codelineno-4-22">22</a></span>
+<span class="normal"><a href="#__codelineno-4-23">23</a></span>
+<span class="normal"><a href="#__codelineno-4-24">24</a></span>
+<span class="normal"><a href="#__codelineno-4-25">25</a></span>
+<span class="normal"><a href="#__codelineno-4-26">26</a></span>
+<span class="normal"><a href="#__codelineno-4-27">27</a></span>
+<span class="normal"><a href="#__codelineno-4-28">28</a></span>
+<span class="normal"><a href="#__codelineno-4-29">29</a></span>
+<span class="normal"><a href="#__codelineno-4-30">30</a></span>
+<span class="normal"><a href="#__codelineno-4-31">31</a></span>
+<span class="normal"><a href="#__codelineno-4-32">32</a></span>
+<span class="normal"><a href="#__codelineno-4-33">33</a></span>
+<span class="normal"><a href="#__codelineno-4-34">34</a></span>
+<span class="normal"><a href="#__codelineno-4-35">35</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>db.&lt;collection&gt;.findOne<span class="o">()</span><span class="w">  </span><span class="c1"># find only one document</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>db.&lt;collection&gt;.find<span class="o">(</span>filter<span class="o">)</span><span class="w">  </span><span class="c1"># show selected documents</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>db.&lt;collection&gt;.find<span class="o">()</span>.pretty<span class="o">()</span><span class="w">  </span><span class="c1"># show documents formatted</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>db.&lt;collection&gt;.find<span class="o">()</span>.limit<span class="o">(</span>n<span class="o">)</span><span class="w">  </span><span class="c1"># show n documents</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>db.&lt;collection&gt;.find<span class="o">()</span>.limit<span class="o">(</span>n<span class="o">)</span>.skip<span class="o">(</span>k<span class="o">)</span><span class="w">  </span><span class="c1"># show n documents skipping k docs</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a>db.&lt;collection&gt;.find<span class="o">()</span>.count<span class="o">()</span><span class="w">  </span><span class="c1"># number of found docs</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>db.&lt;collection&gt;.find<span class="o">()</span>.sort<span class="o">({</span><span class="w"> </span><span class="s2">&quot;&lt;key-1&gt;&quot;</span>:<span class="w"> </span><span class="m">1</span>,<span class="w"> </span>...<span class="w"> </span>,<span class="w"> </span><span class="s2">&quot;&lt;key-n&gt;&quot;</span>:<span class="w"> </span>-1<span class="w"> </span><span class="o">})</span><span class="w">  </span><span class="c1"># show documents sorted by specified keys in ascending (1) or descending (-1) order</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="c1"># projection</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a>db.&lt;collection&gt;.find<span class="o">(</span>filter,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="m">1</span><span class="w"> </span><span class="o">})</span><span class="w">  </span><span class="c1"># show selected values form documents (1 or true =&gt; show, 0 or false =&gt; don&#39;t show, cant mix 0 and 1)</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>db.&lt;collection&gt;.find<span class="o">(</span>filter,<span class="w"> </span><span class="o">{</span><span class="w"> </span>_id:<span class="w"> </span><span class="m">0</span>,<span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="m">1</span><span class="w"> </span><span class="o">})</span><span class="w">  </span><span class="c1"># only _id can be set to 0 with other keys at 1</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a>db.&lt;collection&gt;.find<span class="o">(</span>filter,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;array-key&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$elemMatch</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;item-key&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">})</span><span class="w">  </span><span class="c1"># project only elements matching the expression</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="c1"># sub documents &amp; arrays</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a>db.&lt;collection&gt;.find<span class="o">({</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;.&lt;sub-key&gt;.&lt;sub-key&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="o">})</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a>db.&lt;collection&gt;.find<span class="o">({</span><span class="w"> </span><span class="s2">&quot;&lt;array-key&gt;.&lt;index&gt;.&lt;sub-key&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="o">})</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="c1"># GeoJSON - https://docs.mongodb.com/manual/reference/operator/query/near/index.html</span>
+<a id="__codelineno-4-19" name="__codelineno-4-19"></a>db.&lt;collection&gt;.find<span class="o">(</span>
+<a id="__codelineno-4-20" name="__codelineno-4-20"></a><span class="w">    </span><span class="o">{</span>
+<a id="__codelineno-4-21" name="__codelineno-4-21"></a><span class="w">        </span>&lt;location<span class="w"> </span>field&gt;:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-4-22" name="__codelineno-4-22"></a><span class="w">            </span><span class="nv">$near</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-4-23" name="__codelineno-4-23"></a><span class="w">                </span><span class="nv">$geometry</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>type:<span class="w"> </span><span class="s2">&quot;Point&quot;</span>,<span class="w"> </span>coordinates:<span class="w"> </span><span class="o">[</span><span class="w"> </span>&lt;longitude&gt;<span class="w"> </span>,<span class="w"> </span>&lt;latitude&gt;<span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-4-24" name="__codelineno-4-24"></a><span class="w">                </span><span class="nv">$maxDistance</span>:<span class="w"> </span>&lt;distance<span class="w"> </span><span class="k">in</span><span class="w"> </span>meters&gt;,
+<a id="__codelineno-4-25" name="__codelineno-4-25"></a><span class="w">                </span><span class="nv">$minDistance</span>:<span class="w"> </span>&lt;distance<span class="w"> </span><span class="k">in</span><span class="w"> </span>meters&gt;
+<a id="__codelineno-4-26" name="__codelineno-4-26"></a><span class="w">            </span><span class="o">}</span>
+<a id="__codelineno-4-27" name="__codelineno-4-27"></a><span class="w">        </span><span class="o">}</span>
+<a id="__codelineno-4-28" name="__codelineno-4-28"></a><span class="w">    </span><span class="o">}</span>
+<a id="__codelineno-4-29" name="__codelineno-4-29"></a><span class="o">)</span>
+<a id="__codelineno-4-30" name="__codelineno-4-30"></a>
+<a id="__codelineno-4-31" name="__codelineno-4-31"></a>db.&lt;collection&gt;.find<span class="o">()</span>.hint<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="m">1</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># specify the index</span>
+<a id="__codelineno-4-32" name="__codelineno-4-32"></a>db.&lt;collection&gt;.find<span class="o">()</span>.hint<span class="o">(</span><span class="w"> </span><span class="s2">&quot;index-name&quot;</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># specify the index using the index name</span>
+<a id="__codelineno-4-33" name="__codelineno-4-33"></a>
+<a id="__codelineno-4-34" name="__codelineno-4-34"></a>db.&lt;collection&gt;.find<span class="o">()</span>.hint<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="nv">$natural</span><span class="w"> </span>:<span class="w"> </span><span class="m">1</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># force the query to perform a forwards collection scan</span>
+<a id="__codelineno-4-35" name="__codelineno-4-35"></a>db.&lt;collection&gt;.find<span class="o">()</span>.hint<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="nv">$natural</span><span class="w"> </span>:<span class="w"> </span>-1<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># force the query to perform a reverse collection scan</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>{ &lt;key&gt;: &lt;value&gt; }</code> in case of a field array will match if the array <em>contains</em> the value</p>
+</blockquote>
+<h3 id="updating">Updating</h3>
+<p><a href="https://docs.mongodb.com/manual/reference/operator/update/" title="Update Operators Documentation">Update Operators</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a>db.&lt;collection&gt;.replaceOne<span class="o">(</span>filter,<span class="w"> </span>update,<span class="w"> </span>options<span class="o">)</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>db.&lt;collection&gt;.updateOne<span class="o">(</span>filter,<span class="w"> </span>update,<span class="w"> </span><span class="o">{</span>upsert:<span class="w"> </span>true<span class="o">})</span><span class="w">  </span><span class="c1"># modify document if existing, insert otherwise</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>db.&lt;collection&gt;.updateOne<span class="o">(</span>filter,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$push</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>...<span class="w"> </span><span class="o">}</span>,<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$set</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>...<span class="w"> </span><span class="o">}</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$inc</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>...<span class="w"> </span><span class="o">}</span>,<span class="w"> </span>...<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="deletion">Deletion</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>db.&lt;collection&gt;.deleteOne<span class="o">(</span>filter,<span class="w"> </span>options<span class="o">)</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>db.&lt;collection&gt;.deleteMany<span class="o">(</span>filter,<span class="w"> </span>options<span class="o">)</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>db.&lt;collection&gt;.drop<span class="o">()</span><span class="w">  </span><span class="c1"># delete whole collection</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>db.dropDatabase<span class="o">()</span><span class="w">  </span><span class="c1"># delete entire database</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="mongodb-database-tools">MongoDB Database Tools</h2>
+<h3 id="mongoimport"><a href="https://docs.mongodb.com/database-tools/mongoimport/">Mongoimport</a></h3>
+<p>Utility to import all docs into a specified collection.<br />
+If the collection already exists <code>--drop</code> deletes it before reuploading it.
+<strong>WARNING</strong>: CSV separators must be commas (<code>,</code>)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a>mongoimport<span class="w"> </span>&lt;options&gt;<span class="w"> </span>&lt;connection-string&gt;<span class="w"> </span>&lt;file&gt;
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>--uri<span class="o">=</span>&lt;connectionString&gt;
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a>--host<span class="o">=</span>&lt;hostname&gt;&lt;:port&gt;,<span class="w"> </span>-h<span class="o">=</span>&lt;hostname&gt;&lt;:port&gt;
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a>--username<span class="o">=</span>&lt;username&gt;,<span class="w"> </span>-u<span class="o">=</span>&lt;username&gt;
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a>--password<span class="o">=</span>&lt;password&gt;,<span class="w"> </span>-p<span class="o">=</span>&lt;password&gt;
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>--collection<span class="o">=</span>&lt;collection&gt;,<span class="w"> </span>-c<span class="o">=</span>&lt;collection&gt;<span class="w">  </span><span class="c1"># Specifies the collection to import.</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a>--ssl<span class="w">  </span><span class="c1"># Enables connection to a mongod or mongos that has TLS/SSL support enabled.</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a>--type<span class="w"> </span>&lt;json<span class="p">|</span>csv<span class="p">|</span>tsv&gt;<span class="w">  </span><span class="c1"># Specifies the file type to import. DEFAULT: json</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>--drop<span class="w">  </span><span class="c1"># drops the collection before importing the data from the input.</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a>--headerline<span class="w">  </span><span class="c1"># if file is CSV and first line is header</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a>--jsonarray<span class="w">  </span><span class="c1"># Accepts the import of data expressed with multiple MongoDB documents within a single json array. MAX 16 MB</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mongoexport"><a href="https://docs.mongodb.com/database-tools/mongoexport/">Mongoexport</a></h3>
+<p>Utility to export documents into a specified file.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a>mongoexport<span class="w"> </span>--collection<span class="o">=</span>&lt;collection&gt;<span class="w"> </span>&lt;options&gt;<span class="w"> </span>&lt;connection-string&gt;
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>--uri<span class="o">=</span>&lt;connectionString&gt;
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a>--host<span class="o">=</span>&lt;hostname&gt;&lt;:port&gt;,<span class="w"> </span>-h<span class="o">=</span>&lt;hostname&gt;&lt;:port&gt;
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a>--username<span class="o">=</span>&lt;username&gt;,<span class="w"> </span>-u<span class="o">=</span>&lt;username&gt;
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a>--password<span class="o">=</span>&lt;password&gt;,<span class="w"> </span>-p<span class="o">=</span>&lt;password&gt;
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a>--db<span class="o">=</span>&lt;database&gt;,<span class="w"> </span>-d<span class="o">=</span>&lt;database&gt;
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>--collection<span class="o">=</span>&lt;collection&gt;,<span class="w"> </span>-c<span class="o">=</span>&lt;collection&gt;
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a>--type<span class="o">=</span>&lt;json<span class="p">|</span>csv&gt;
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a>--out<span class="o">=</span>&lt;file&gt;,<span class="w"> </span>-o<span class="o">=</span>&lt;file&gt;<span class="w">  </span><span class="c1">#Specifies a file to write the export to. DEFAULT: stdout</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a>--jsonArray<span class="w">  </span><span class="c1"># Write the entire contents of the export as a single json array.</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a>--pretty<span class="w">  </span><span class="c1"># Outputs documents in a pretty-printed format JSON.</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a>--skip<span class="o">=</span>&lt;number&gt;
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a>--limit<span class="o">=</span>&lt;number&gt;<span class="w">  </span><span class="c1"># Specifies a maximum number of documents to include in the export</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a>--sort<span class="o">=</span>&lt;JSON&gt;<span class="w">  </span><span class="c1"># Specifies an ordering for exported results</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mongodump-mongorestore"><a href="https://docs.mongodb.com/database-tools/mongodump/">Mongodump</a> &amp; <a href="https://docs.mongodb.com/database-tools/mongorestore/">Mongorestore</a></h3>
+<p><code>mongodump</code> exports the content of a running server into <code>.bson</code> files.</p>
+<p><code>mongorestore</code> Restore backups generated with <code>mongodump</code> to a running server.</p>
+<hr />
+<h2 id="indexes"><a href="https://docs.mongodb.com/manual/indexes/" title="Index Documentation">Indexes</a></h2>
+<p>Indexes support the efficient execution of queries in MongoDB.</p>
+<p>Without indexes, MongoDB must perform a <em>collection scan</em> (<em>COLLSCAN</em>): scan every document in a collection, to select those documents that match the query statement.<br />
+If an appropriate index exists for a query, MongoDB can use the index to limit the number of documents it must inspect (<em>IXSCAN</em>).</p>
+<p>Indexes are special data structures that store a small portion of the collection's data set in an easy to traverse form. The index stores the value of a specific field or set of fields, ordered by the value of the field. The ordering of the index entries supports efficient equality matches and range-based query operations. In addition, MongoDB can return sorted results by using the ordering in the index.</p>
+<p>Indexes <em>slow down writing operations</em> since the index must be updated at every writing.</p>
+<p><img alt="IXSCAN" src="../img/mongodb_ixscan.avif" title=".find() using an index" /></p>
+<h3 id="index-types"><a href="https://docs.mongodb.com/manual/indexes/#index-types">Index Types</a></h3>
+<ul>
+<li><strong>Normal</strong>: Fields sorted by name</li>
+<li><strong>Compound</strong>: Multiple Fields sorted by name</li>
+<li><strong>Multikey</strong>: values of sorted arrays</li>
+<li><strong>Text</strong>: Ordered text fragments</li>
+<li><strong>Geospatial</strong>: ordered geodata</li>
+</ul>
+<p><strong>Sparse</strong> indexes only contain entries for documents that have the indexed field, even if the index field contains a null value. The index skips over any document that is missing the indexed field.</p>
+<h3 id="diagnosis-and-query-planning">Diagnosis and query planning</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a>db.&lt;collection&gt;.find<span class="o">({</span>...<span class="o">})</span>.explain<span class="o">()</span><span class="w">  </span><span class="c1"># explain won&#39;t accept other functions</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a>db.explain<span class="o">()</span>.&lt;collection&gt;.find<span class="o">({</span>...<span class="o">})</span><span class="w">  </span><span class="c1"># can accept other functions</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>db.explain<span class="o">(</span><span class="s2">&quot;executionStats&quot;</span><span class="o">)</span>.&lt;collection&gt;.find<span class="o">({</span>...<span class="o">})</span><span class="w">  </span><span class="c1"># more info</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="index-creation">Index Creation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span>
+<span class="normal"><a href="#__codelineno-10-14">14</a></span>
+<span class="normal"><a href="#__codelineno-10-15">15</a></span>
+<span class="normal"><a href="#__codelineno-10-16">16</a></span>
+<span class="normal"><a href="#__codelineno-10-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a>db.&lt;collection&gt;.createIndex<span class="o">(</span><span class="w"> </span>&lt;key<span class="w"> </span>and<span class="w"> </span>index<span class="w"> </span><span class="nb">type</span><span class="w"> </span>specification&gt;,<span class="w"> </span>&lt;options&gt;<span class="w"> </span><span class="o">)</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>db.&lt;collection&gt;.createIndex<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span>&lt;type&gt;,<span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span>&lt;type&gt;,<span class="w"> </span>...<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># normal, compound or multikey (field is array) index</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a>db.&lt;collection&gt;.createIndex<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;text&quot;</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># text index</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a>db.&lt;collection&gt;.createIndex<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span>2dsphere<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># geospatial 2dsphere index</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="c1"># sparse index</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a>db.&lt;collection&gt;.createIndex<span class="o">(</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="w">    </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span>&lt;type&gt;,<span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span>&lt;type&gt;,<span class="w"> </span>...<span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="w">    </span><span class="o">{</span><span class="w"> </span>sparse:<span class="w"> </span><span class="nb">true</span><span class="w"> </span><span class="o">}</span><span class="w">  </span><span class="c1"># sparse option</span>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="o">)</span>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a>
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="c1"># custom name</span>
+<a id="__codelineno-10-14" name="__codelineno-10-14"></a>db.&lt;collection&gt;.createIndex<span class="o">(</span>
+<a id="__codelineno-10-15" name="__codelineno-10-15"></a><span class="w">  </span><span class="o">{</span><span class="w"> </span>&lt;key<span class="w"> </span>and<span class="w"> </span>index<span class="w"> </span><span class="nb">type</span><span class="w"> </span>specification&gt;,<span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-10-16" name="__codelineno-10-16"></a><span class="w">  </span><span class="o">{</span><span class="w"> </span>name:<span class="w"> </span><span class="s2">&quot;index-name&quot;</span><span class="w"> </span><span class="o">}</span><span class="w">  </span><span class="c1"># name option</span>
+<a id="__codelineno-10-17" name="__codelineno-10-17"></a><span class="o">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="index-management"><a href="https://docs.mongodb.com/manual/tutorial/manage-indexes/">Index Management</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="c1"># view all db indexes</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a>db.getCollectionNames<span class="o">()</span>.forEach<span class="o">(</span><span class="k">function</span><span class="o">(</span>collection<span class="o">)</span><span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="w">   </span><span class="nv">indexes</span><span class="w"> </span><span class="o">=</span><span class="w"> </span>db<span class="o">[</span>collection<span class="o">]</span>.getIndexes<span class="o">()</span><span class="p">;</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="w">   </span>print<span class="o">(</span><span class="s2">&quot;Indexes for &quot;</span><span class="w"> </span>+<span class="w"> </span>collection<span class="w"> </span>+<span class="w"> </span><span class="s2">&quot;:&quot;</span><span class="o">)</span><span class="p">;</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="w">   </span>printjson<span class="o">(</span>indexes<span class="o">)</span><span class="p">;</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="o">})</span><span class="p">;</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a>db.&lt;collection&gt;.getIndexes<span class="o">()</span><span class="w">  </span><span class="c1"># view collection&#39;s index</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a>db.&lt;collection&gt;.dropIndexes<span class="o">()</span><span class="w">  </span><span class="c1"># drop all indexes</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a>db.&lt;collection&gt;.dropIndex<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;index-name&quot;</span>:<span class="w"> </span><span class="m">1</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span><span class="w">  </span><span class="c1"># drop a specific index</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="cluster-administration">Cluster Administration</h2>
+<h3 id="mongod"><code>mongod</code></h3>
+<p><code>mongod</code> is the main deamon process for MongoDB. It's the core process of the database,
+handling connections, requests and persisting the data.</p>
+<p><code>mongod</code> default configuration:</p>
+<ul>
+<li>port: <code>27017</code></li>
+<li>dbpath: <code>/data/db</code></li>
+<li>bind_ip: <code>localhost</code></li>
+<li>auth: disabled</li>
+</ul>
+<p><a href="https://www.mongodb.com/docs/manual/reference/configuration-options" title="`mongod` config file docs"><code>mongod</code> config file</a><br />
+<a href="https://www.mongodb.com/docs/manual/reference/program/mongod/#options" title="`mongod` command line options docs"><code>mongod</code> command line options</a></p>
+<h3 id="basic-shell-helpers">Basic Shell Helpers</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span>
+<span class="normal"><a href="#__codelineno-12-18">18</a></span>
+<span class="normal"><a href="#__codelineno-12-19">19</a></span>
+<span class="normal"><a href="#__codelineno-12-20">20</a></span>
+<span class="normal"><a href="#__codelineno-12-21">21</a></span>
+<span class="normal"><a href="#__codelineno-12-22">22</a></span>
+<span class="normal"><a href="#__codelineno-12-23">23</a></span>
+<span class="normal"><a href="#__codelineno-12-24">24</a></span>
+<span class="normal"><a href="#__codelineno-12-25">25</a></span>
+<span class="normal"><a href="#__codelineno-12-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a>db.&lt;method&gt;<span class="o">()</span><span class="w">  </span><span class="c1"># database interaction</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>db.&lt;collection&gt;.&lt;method&gt;<span class="o">()</span><span class="w">  </span><span class="c1"># collection interaction</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a>rs.&lt;method&gt;<span class="o">()</span><span class="p">;</span><span class="w">  </span><span class="c1"># replica set deployment and management</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>sh.&lt;method&gt;<span class="o">()</span><span class="p">;</span><span class="w">  </span><span class="c1"># sharded cluster deployment and management</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="c1"># user management</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a>db.createUser<span class="o">()</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>db.dropUser<span class="o">()</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="c1"># collection management</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a>db.renameCollection<span class="o">()</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a>db.&lt;collection&gt;.createIndex<span class="o">()</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a>db.&lt;collection&gt;.drop<span class="o">()</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="c1"># database management</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a>db.dropDatabase<span class="o">()</span>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a>db.createCollection<span class="o">()</span>
+<a id="__codelineno-12-18" name="__codelineno-12-18"></a>
+<a id="__codelineno-12-19" name="__codelineno-12-19"></a><span class="c1"># database status</span>
+<a id="__codelineno-12-20" name="__codelineno-12-20"></a>db.serverStatus<span class="o">()</span>
+<a id="__codelineno-12-21" name="__codelineno-12-21"></a>
+<a id="__codelineno-12-22" name="__codelineno-12-22"></a><span class="c1"># database command (underlying to shell helpers and drivers)</span>
+<a id="__codelineno-12-23" name="__codelineno-12-23"></a>db.runCommand<span class="o">({</span><span class="w"> </span><span class="s2">&quot;&lt;COMMAND&gt;&quot;</span><span class="w"> </span><span class="o">})</span>
+<a id="__codelineno-12-24" name="__codelineno-12-24"></a>
+<a id="__codelineno-12-25" name="__codelineno-12-25"></a><span class="c1"># help</span>
+<a id="__codelineno-12-26" name="__codelineno-12-26"></a>db.commandHelp<span class="o">(</span><span class="s2">&quot;&lt;command&gt;)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="logging">Logging</h3>
+<p>The <strong>process log</strong> displays activity on the MongoDB instance and collects activities of various components:</p>
+<p>Log Verbosity Level:</p>
+<ul>
+<li><code>-1</code>: Inherit from parent</li>
+<li><code>0</code>: Default Verbosity (Information)</li>
+<li><code>1 - 5</code>: Increases the verbosity up to Debug messages</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a>db.getLogComponents<span class="o">()</span><span class="w">  </span><span class="c1"># get components and their verbosity</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a>db.adminCommand<span class="o">({</span><span class="s2">&quot;getLog&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;scope&gt;&quot;</span><span class="o">})</span><span class="w">  </span><span class="c1"># retrieve logs (getLog must be run on admin db -&gt; adminCommand)</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a>db.setLogLevel<span class="o">(</span>&lt;level&gt;,<span class="w"> </span><span class="s2">&quot;&lt;component&gt;&quot;</span><span class="o">)</span><span class="p">;</span><span class="w">  </span><span class="c1"># set log level (output is OLD verbosity levels)</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a>tail<span class="w"> </span>-f<span class="w"> </span>/path/to/mongod.log<span class="w">  </span><span class="c1"># read end og log file</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Log Message Structure: <code>&lt;timestamp&gt; &lt;severity-level&gt; &lt;component&gt; &lt;connection&gt; &lt;event&gt; ...</code></p>
+</blockquote>
+<h3 id="database-profiling">Database Profiling</h3>
+<p>Profiling Levels:</p>
+<ul>
+<li><code>0</code>: no profiling</li>
+<li><code>1</code>: data on operations slower than <code>slowms</code> (default 100ms)</li>
+<li><code>2</code>: data on all operations</li>
+</ul>
+<p>Events captured by the profiler:</p>
+<ul>
+<li>CRUD operations</li>
+<li>Administrative operations</li>
+<li>Configuration operations</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: Logs are saved in the <code>system.profile</code> <em>capped</em> collection.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a>db.setProfilingLevel<span class="o">(</span>n<span class="o">)</span><span class="w">  </span><span class="c1"># set profiler level</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a>db.setProfilingLevel<span class="o">(</span><span class="m">1</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span>slowms:<span class="w"> </span>&lt;ms&gt;<span class="w"> </span><span class="o">})</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a>db.getProfilingStatus<span class="o">()</span><span class="w">  </span><span class="c1"># check profiler status</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a>db.system.profile.find<span class="o">()</span>.limit<span class="o">(</span>n<span class="o">)</span>.sort<span class="o">(</span><span class="w"> </span><span class="o">{}</span><span class="w"> </span><span class="o">)</span>.pretty<span class="o">()</span><span class="w">  </span><span class="c1"># see logs</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a>db.system.profile.find<span class="o">()</span>.limit<span class="o">(</span>n<span class="o">)</span>.sort<span class="o">(</span><span class="w"> </span><span class="o">{</span><span class="w"> </span>ts<span class="w"> </span>:<span class="w"> </span>-1<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">)</span>.pretty<span class="o">()</span><span class="w">  </span><span class="c1"># sort by decreasing timestamp</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="authentication">Authentication</h3>
+<p>Client Authentication Mechanisms:</p>
+<ul>
+<li><strong>SCRAM</strong> (Default): Salted Challenge Response Authentication Mechanism</li>
+<li><strong>X.509</strong>: <code>X.509</code> Certificate</li>
+<li><strong>LADP</strong>: Lightweight Directory Access Protocol (Enterprise Only)</li>
+<li><strong>KERBEROS</strong> (Enterprise Only)</li>
+</ul>
+<h3 id="authorization-role-based-access-control-rbac">Authorization: Role Based Access Control (RBAC)</h3>
+<p>Each user has one or more <strong>Roles</strong>. Each role has one or more <strong>Privileges</strong>.<br />
+A privilege represents a group of <em>actions</em> and the <em>resources</em> those actions apply to.</p>
+<p>By default no user exists so the ONLY way to act is to connect locally to the server.<br />
+This is the "localhost exception" and it closes after the <em>first</em> user is created.</p>
+<blockquote>
+<p><strong>Warn</strong>: Always create an admin user first (ideally with the <code>userAdmin</code> role)</p>
+</blockquote>
+<p>Role's <strong>Resources</strong>:</p>
+<ul>
+<li>specific database and collection: <code>{ "db": "&lt;database&gt;", "collection": "&lt;collection&gt;" }</code></li>
+<li>all databases and collections: <code>{ "db": "", "collection": "" }</code></li>
+<li>any databases and specific collection: <code>{ "db": "", "collection": "&lt;collections&gt;" }</code></li>
+<li>specific database and any collection: <code>{ "db": "&lt;database&gt;", "collection": "" }</code></li>
+<li>cluster resource: <code>{ "cluster": true }</code></li>
+</ul>
+<p>Role's <strong>Privileges</strong>: <code>{ resource: { &lt;resource&gt; }, actions: [ "&lt;action&gt;" ] }</code></p>
+<p>A role can <em>inherit</em> from multiple others and can define <strong>network restrictions</strong> such as <em>Server Address</em> and <em>Client Source</em>.</p>
+<p>Built-in Roles Groups and Names:</p>
+<ul>
+<li>Database User: <code>read</code>, <code>readWrite</code>, <code>readAnyDatabase</code>, <code>readWriteAnyDatabase</code></li>
+<li>Database Administration: <code>dbAdmin</code>, <code>userAdmin</code>, <code>dbOwner</code>, <code>dbAdminAnyDatabase</code>, <code>userAdminAnyDatabase</code></li>
+<li>Cluster Administration: <code>clusterAdmin</code>, <code>clusterManager</code>, <code>clusterMonitor</code>, <code>hostManager</code></li>
+<li>Backup/Restore: <code>backup</code>, <code>restore</code></li>
+<li>Super User: <code>root</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span>
+<span class="normal"><a href="#__codelineno-15-12">12</a></span>
+<span class="normal"><a href="#__codelineno-15-13">13</a></span>
+<span class="normal"><a href="#__codelineno-15-14">14</a></span>
+<span class="normal"><a href="#__codelineno-15-15">15</a></span>
+<span class="normal"><a href="#__codelineno-15-16">16</a></span>
+<span class="normal"><a href="#__codelineno-15-17">17</a></span>
+<span class="normal"><a href="#__codelineno-15-18">18</a></span>
+<span class="normal"><a href="#__codelineno-15-19">19</a></span>
+<span class="normal"><a href="#__codelineno-15-20">20</a></span>
+<span class="normal"><a href="#__codelineno-15-21">21</a></span>
+<span class="normal"><a href="#__codelineno-15-22">22</a></span>
+<span class="normal"><a href="#__codelineno-15-23">23</a></span>
+<span class="normal"><a href="#__codelineno-15-24">24</a></span>
+<span class="normal"><a href="#__codelineno-15-25">25</a></span>
+<span class="normal"><a href="#__codelineno-15-26">26</a></span>
+<span class="normal"><a href="#__codelineno-15-27">27</a></span>
+<span class="normal"><a href="#__codelineno-15-28">28</a></span>
+<span class="normal"><a href="#__codelineno-15-29">29</a></span>
+<span class="normal"><a href="#__codelineno-15-30">30</a></span>
+<span class="normal"><a href="#__codelineno-15-31">31</a></span>
+<span class="normal"><a href="#__codelineno-15-32">32</a></span>
+<span class="normal"><a href="#__codelineno-15-33">33</a></span>
+<span class="normal"><a href="#__codelineno-15-34">34</a></span>
+<span class="normal"><a href="#__codelineno-15-35">35</a></span>
+<span class="normal"><a href="#__codelineno-15-36">36</a></span>
+<span class="normal"><a href="#__codelineno-15-37">37</a></span>
+<span class="normal"><a href="#__codelineno-15-38">38</a></span>
+<span class="normal"><a href="#__codelineno-15-39">39</a></span>
+<span class="normal"><a href="#__codelineno-15-40">40</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a>db.createUser<span class="o">({</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="w">    </span>user:<span class="w"> </span><span class="s2">&quot;&lt;username&gt;&quot;</span>,
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="w">    </span>pwd:<span class="w"> </span><span class="s2">&quot;&lt;password&gt;&quot;</span>,
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="w">    </span>roles:<span class="w"> </span><span class="o">[</span><span class="w"> </span><span class="o">{</span><span class="w"> </span>role:<span class="w"> </span><span class="s2">&quot;&lt;role&gt;&quot;</span>,<span class="w"> </span>db:<span class="w"> </span><span class="s2">&quot;&lt;database&gt;&quot;</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">]</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="o">})</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a>db.createRole<span class="o">({</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="w">    </span>role:<span class="w"> </span><span class="s2">&quot;&lt;role&gt;&quot;</span>,
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a><span class="w">    </span>privileges:<span class="w"> </span><span class="o">[</span>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a><span class="w">        </span><span class="o">{</span><span class="w"> </span>resource:<span class="w"> </span><span class="o">{</span><span class="w"> </span>cluster:<span class="w"> </span><span class="nb">true</span><span class="w"> </span><span class="o">}</span>,<span class="w"> </span>actions:<span class="w"> </span><span class="o">[</span><span class="w"> </span><span class="s2">&quot;&lt;action&gt;&quot;</span>,<span class="w"> </span>...<span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="w">        </span><span class="o">{</span>
+<a id="__codelineno-15-12" name="__codelineno-15-12"></a><span class="w">            </span>resource:<span class="w"> </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-15-13" name="__codelineno-15-13"></a><span class="w">                </span>db:<span class="w"> </span><span class="s2">&quot;&lt;database&gt;&quot;</span>,
+<a id="__codelineno-15-14" name="__codelineno-15-14"></a><span class="w">                </span>collection:<span class="w"> </span><span class="s2">&quot;&lt;collection&gt;&quot;</span>
+<a id="__codelineno-15-15" name="__codelineno-15-15"></a><span class="w">            </span><span class="o">}</span>,
+<a id="__codelineno-15-16" name="__codelineno-15-16"></a><span class="w">            </span>actions:<span class="w"> </span><span class="o">[</span><span class="w"> </span><span class="s2">&quot;&lt;action&gt;&quot;</span>,<span class="w"> </span>...<span class="w"> </span><span class="o">]</span>
+<a id="__codelineno-15-17" name="__codelineno-15-17"></a><span class="w">        </span><span class="o">}</span>,
+<a id="__codelineno-15-18" name="__codelineno-15-18"></a><span class="w">    </span><span class="o">]</span>,
+<a id="__codelineno-15-19" name="__codelineno-15-19"></a><span class="w">    </span>roles:<span class="w"> </span><span class="o">[</span>
+<a id="__codelineno-15-20" name="__codelineno-15-20"></a><span class="w">        </span><span class="o">{</span><span class="w"> </span>role:<span class="w"> </span><span class="s2">&quot;&lt;role&gt;&quot;</span>,<span class="w"> </span>db:<span class="w"> </span><span class="s2">&quot;&lt;database&gt;&quot;</span><span class="w"> </span><span class="o">}</span><span class="w">  </span><span class="c1"># inherited permissions</span>
+<a id="__codelineno-15-21" name="__codelineno-15-21"></a><span class="w">    </span><span class="o">]</span>
+<a id="__codelineno-15-22" name="__codelineno-15-22"></a><span class="o">})</span>
+<a id="__codelineno-15-23" name="__codelineno-15-23"></a>
+<a id="__codelineno-15-24" name="__codelineno-15-24"></a><span class="c1"># add role to existing user</span>
+<a id="__codelineno-15-25" name="__codelineno-15-25"></a>db.grantRolesToUser<span class="o">(</span>
+<a id="__codelineno-15-26" name="__codelineno-15-26"></a><span class="w">    </span><span class="s2">&quot;&lt;user&gt;&quot;</span>,
+<a id="__codelineno-15-27" name="__codelineno-15-27"></a><span class="w">    </span><span class="o">[</span>
+<a id="__codelineno-15-28" name="__codelineno-15-28"></a><span class="w">        </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-15-29" name="__codelineno-15-29"></a><span class="w">            </span>role:<span class="w"> </span><span class="s2">&quot;&lt;role&gt;&quot;</span>
+<a id="__codelineno-15-30" name="__codelineno-15-30"></a><span class="w">            </span>db:<span class="w"> </span><span class="s2">&quot;&lt;database&gt;&quot;</span>,
+<a id="__codelineno-15-31" name="__codelineno-15-31"></a><span class="w">            </span>collection:<span class="w"> </span><span class="s2">&quot;&lt;collection&gt;&quot;</span>,
+<a id="__codelineno-15-32" name="__codelineno-15-32"></a><span class="w">        </span><span class="o">}</span>
+<a id="__codelineno-15-33" name="__codelineno-15-33"></a><span class="w">    </span><span class="o">]</span>
+<a id="__codelineno-15-34" name="__codelineno-15-34"></a><span class="o">)</span>
+<a id="__codelineno-15-35" name="__codelineno-15-35"></a>
+<a id="__codelineno-15-36" name="__codelineno-15-36"></a><span class="c1"># show role privileges</span>
+<a id="__codelineno-15-37" name="__codelineno-15-37"></a>db.runCommand<span class="o">({</span>
+<a id="__codelineno-15-38" name="__codelineno-15-38"></a><span class="w">    </span>rolesInfo:<span class="w"> </span><span class="o">{</span><span class="w"> </span>db:<span class="w"> </span><span class="s2">&quot;&lt;database&gt;&quot;</span>,<span class="w"> </span>role:<span class="w"> </span><span class="s2">&quot;&lt;role&gt;&quot;</span><span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-15-39" name="__codelineno-15-39"></a><span class="w">    </span>showPrivileges:<span class="w"> </span><span class="nb">true</span><span class="w"> </span>
+<a id="__codelineno-15-40" name="__codelineno-15-40"></a><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="replica-set"><a href="https://docs.mongodb.com/manual/replication/">Replica set</a></h3>
+<p>A <strong>replica set</strong> in MongoDB is a group of <code>mongod</code> processes that maintain the <code>same dataset</code>. Replica sets provide redundancy and high availability, and are the basis for all production deployments.</p>
+<h3 id="sharding">Sharding</h3>
+<p><strong>Sharding</strong> is a MongoDB concept through which big datasets are subdivided in smaller sets and distributed towards multiple instances of MongoDB.<br />
+It's a technique used to improve the performances of large queries towards large quantities of data that require al lot of resources from the server.</p>
+<p>A collection containing several documents is splitted in more smaller collections (<em>shards</em>)
+Shards are implemented via cluster that are none other a group of MongoDB instances.</p>
+<p>Shard components are:</p>
+<ul>
+<li>Shards (min 2), instances of MongoDB that contain a subset of the data</li>
+<li>A config server, instance of MongoDB which contains metadata on the cluster, that is the set of instances that have the shard data.</li>
+<li>A router (or <code>mongos</code>), instance of MongoDB used to redirect the user instructions from the client to the correct server.</li>
+</ul>
+<p><img alt="Shared Cluster" src="../img/mongodb_shared-cluster.avif" title="Components of a shared cluster" /></p>
+<hr />
+<h2 id="aggregation-framework"><a href="https://docs.mongodb.com/manual/reference/operator/aggregation-pipeline/">Aggregation Framework</a></h2>
+<p>Sequence of operations applied to a collection as a <em>pipeline</em> to get a result: <code>db.collection.aggregate(pipeline, options)</code>.<br />
+Each step of the pipeline acts on its inputs and not on the original data in the collection.</p>
+<h3 id="variables">Variables</h3>
+<p>Variable syntax in aggregations:</p>
+<ul>
+<li><code>$key</code>: field path</li>
+<li><code>$$UPPERCASE</code>: system variable (e.g.: <code>$$CURRENT</code>)</li>
+<li><code>$$foo</code>: user defined variable</li>
+</ul>
+<h3 id="match-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/match/" title="$match operator docs"><code>$match</code> Aggregation Stage</a></h3>
+<p>Filters the documents to pass only the documents that match the specified condition(s) to the next pipeline stage.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="w">    </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$match</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;query&gt;&quot;</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="w">    </span><span class="c1"># key exists and is an array</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="w">    </span><span class="o">{</span><span class="w"> </span><span class="nv">$match</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;array-key&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="nv">$elemMatch</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="nv">$exists</span>:<span class="w"> </span><span class="nb">true</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>$match</code> can contain the <code>$text</code> query operation but it <strong>must</strong> ber the <em>first</em> in a pipeline<br />
+<strong>Note</strong>: <code>$match</code> cannot contain use <code>$where</code><br />
+<strong>Note</strong>: <code>$match</code> uses the same syntax as <code>find()</code></p>
+</blockquote>
+<h3 id="project-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/project/" title="$project operator docs"><code>$project</code> Aggregation Stage</a></h3>
+<p>Passes along the documents with the requested fields to the next stage in the pipeline. The specified fields can be existing fields from the input documents or newly computed fields.</p>
+<p><code>$project</code> Array Expression Operators:</p>
+<ul>
+<li><a href="https://www.mongodb.com/docs/v4.4/reference/operator/aggregation/filter/" title="$filter operator docs"><code>$filter</code></a></li>
+<li><a href="https://www.mongodb.com/docs/v4.4/reference/operator/aggregation/map/" title="$map operator docs"><code>$map</code></a></li>
+<li><a href="https://www.mongodb.com/docs/v5.0/reference/operator/aggregation/reduce/" title="$reduce operator docs"><code>$reduce</code></a></li>
+</ul>
+<p><code>$project</code> Arithmetic Expression Operators:</p>
+<ul>
+<li><a href="https://www.mongodb.com/docs/v5.0/reference/operator/aggregation/max/" title="$max operator docs"><code>$max</code></a></li>
+<li><a href="https://www.mongodb.com/docs/v5.0/reference/operator/aggregation/min/" title="$min operator docs"><code>$min</code></a></li>
+<li><a href="https://www.mongodb.com/docs/v5.0/reference/operator/aggregation/sum/" title="$sum operator docs"><code>$sum</code></a></li>
+<li><a href="https://www.mongodb.com/docs/v5.0/reference/operator/aggregation/avg/" title="$avg operator docs"><code>$avg</code></a></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-17-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-17-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-17-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-17-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-17-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-17-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-17-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-17-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-17-10">10</a></span>
+<span class="normal"><a href="#__codelineno-17-11">11</a></span>
+<span class="normal"><a href="#__codelineno-17-12">12</a></span>
+<span class="normal"><a href="#__codelineno-17-13">13</a></span>
+<span class="normal"><a href="#__codelineno-17-14">14</a></span>
+<span class="normal"><a href="#__codelineno-17-15">15</a></span>
+<span class="normal"><a href="#__codelineno-17-16">16</a></span>
+<span class="normal"><a href="#__codelineno-17-17">17</a></span>
+<span class="normal"><a href="#__codelineno-17-18">18</a></span>
+<span class="normal"><a href="#__codelineno-17-19">19</a></span>
+<span class="normal"><a href="#__codelineno-17-20">20</a></span>
+<span class="normal"><a href="#__codelineno-17-21">21</a></span>
+<span class="normal"><a href="#__codelineno-17-22">22</a></span>
+<span class="normal"><a href="#__codelineno-17-23">23</a></span>
+<span class="normal"><a href="#__codelineno-17-24">24</a></span>
+<span class="normal"><a href="#__codelineno-17-25">25</a></span>
+<span class="normal"><a href="#__codelineno-17-26">26</a></span>
+<span class="normal"><a href="#__codelineno-17-27">27</a></span>
+<span class="normal"><a href="#__codelineno-17-28">28</a></span>
+<span class="normal"><a href="#__codelineno-17-29">29</a></span>
+<span class="normal"><a href="#__codelineno-17-30">30</a></span>
+<span class="normal"><a href="#__codelineno-17-31">31</a></span>
+<span class="normal"><a href="#__codelineno-17-32">32</a></span>
+<span class="normal"><a href="#__codelineno-17-33">33</a></span>
+<span class="normal"><a href="#__codelineno-17-34">34</a></span>
+<span class="normal"><a href="#__codelineno-17-35">35</a></span>
+<span class="normal"><a href="#__codelineno-17-36">36</a></span>
+<span class="normal"><a href="#__codelineno-17-37">37</a></span>
+<span class="normal"><a href="#__codelineno-17-38">38</a></span>
+<span class="normal"><a href="#__codelineno-17-39">39</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="w">        </span><span class="s2">&quot;</span><span class="nv">$project</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="w">            </span><span class="s2">&quot;_id&quot;</span>:<span class="w"> </span><span class="m">0</span>,<span class="w">  </span><span class="c1"># discard value</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="w">            </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="m">1</span>,<span class="w">  </span><span class="c1"># keep value</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="w">            </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;</span>$<span class="s2">&lt;other-key&gt;&quot;</span><span class="w">  </span><span class="c1"># reassign or create field,</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="w">            </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="c1"># calculate field value.</span>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a><span class="w">            </span><span class="c1"># filter elements in an array</span>
+<a id="__codelineno-17-10" name="__codelineno-17-10"></a><span class="w">            </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-17-11" name="__codelineno-17-11"></a><span class="w">                </span><span class="s2">&quot;</span><span class="nv">$filter</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-17-12" name="__codelineno-17-12"></a><span class="w">                    </span><span class="s2">&quot;input&quot;</span>:<span class="w"> </span><span class="s2">&quot;</span>$<span class="s2">&lt;array-key&gt;&quot;</span>,
+<a id="__codelineno-17-13" name="__codelineno-17-13"></a><span class="w">                    </span><span class="s2">&quot;as&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;name-of-item&gt;&quot;</span>,
+<a id="__codelineno-17-14" name="__codelineno-17-14"></a><span class="w">                    </span><span class="s2">&quot;cond&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;bool-expression&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-17-15" name="__codelineno-17-15"></a><span class="w">                </span><span class="o">}</span>
+<a id="__codelineno-17-16" name="__codelineno-17-16"></a><span class="w">            </span><span class="o">}</span>,
+<a id="__codelineno-17-17" name="__codelineno-17-17"></a>
+<a id="__codelineno-17-18" name="__codelineno-17-18"></a><span class="w">            </span><span class="c1"># transform array items</span>
+<a id="__codelineno-17-19" name="__codelineno-17-19"></a><span class="w">            </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-17-20" name="__codelineno-17-20"></a><span class="w">                </span><span class="s2">&quot;</span><span class="nv">$map</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-17-21" name="__codelineno-17-21"></a><span class="w">                    </span><span class="s2">&quot;input&quot;</span>:<span class="w"> </span><span class="s2">&quot;</span>$<span class="s2">&lt;array-key&gt;&quot;</span>,
+<a id="__codelineno-17-22" name="__codelineno-17-22"></a><span class="w">                    </span><span class="s2">&quot;as&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;item&gt;&quot;</span>,
+<a id="__codelineno-17-23" name="__codelineno-17-23"></a><span class="w">                    </span><span class="s2">&quot;in&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-17-24" name="__codelineno-17-24"></a><span class="w">                    </span><span class="c1"># $$&lt;item&gt; is the current item&#39;s value</span>
+<a id="__codelineno-17-25" name="__codelineno-17-25"></a><span class="w">                </span><span class="o">}</span>
+<a id="__codelineno-17-26" name="__codelineno-17-26"></a><span class="w">            </span><span class="o">}</span>
+<a id="__codelineno-17-27" name="__codelineno-17-27"></a>
+<a id="__codelineno-17-28" name="__codelineno-17-28"></a><span class="w">            </span><span class="c1"># apply expression to each element in an array and combine them</span>
+<a id="__codelineno-17-29" name="__codelineno-17-29"></a><span class="w">            </span><span class="s2">&quot;&lt;key&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-17-30" name="__codelineno-17-30"></a><span class="w">                </span><span class="s2">&quot;</span><span class="nv">$reduce</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-17-31" name="__codelineno-17-31"></a><span class="w">                    </span><span class="s2">&quot;input&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;array-key&gt;&quot;</span>,
+<a id="__codelineno-17-32" name="__codelineno-17-32"></a><span class="w">                    </span><span class="s2">&quot;initialValue&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;value&gt;&quot;</span>,
+<a id="__codelineno-17-33" name="__codelineno-17-33"></a><span class="w">                    </span><span class="s2">&quot;in&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-17-34" name="__codelineno-17-34"></a><span class="w">                    </span><span class="c1"># $$this is current document, $$value is current accumulated value</span>
+<a id="__codelineno-17-35" name="__codelineno-17-35"></a><span class="w">                </span><span class="o">}</span>
+<a id="__codelineno-17-36" name="__codelineno-17-36"></a><span class="w">            </span><span class="o">}</span>
+<a id="__codelineno-17-37" name="__codelineno-17-37"></a><span class="w">        </span><span class="o">}</span>
+<a id="__codelineno-17-38" name="__codelineno-17-38"></a><span class="w">    </span><span class="o">}</span><span class="w"> </span>
+<a id="__codelineno-17-39" name="__codelineno-17-39"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="addfields-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/addFields/" title="$addFields operator docs"><code>$addFields</code> Aggregation Stage</a></h3>
+<p>Adds new fields to documents (can be result of computation).<br />
+<code>$addFields</code> outputs documents that contain <em>all existing fields</em> from the input documents and newly added fields.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a>db.&lt;collection&gt;.aggregate<span class="o">({</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">    </span><span class="o">{</span><span class="w"> </span><span class="nv">$addFields</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>&lt;newField&gt;:<span class="w"> </span>&lt;expression&gt;,<span class="w"> </span>...<span class="w"> </span><span class="o">}</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="group-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/group/" title="$group operator docs"><code>$group</code> Aggregation Stage</a></h3>
+<p>The $<code>group</code> stage separates documents into groups according to a "group key". The output is one document for each unique group key.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span>
+<span class="normal"><a href="#__codelineno-19-4">4</a></span>
+<span class="normal"><a href="#__codelineno-19-5">5</a></span>
+<span class="normal"><a href="#__codelineno-19-6">6</a></span>
+<span class="normal"><a href="#__codelineno-19-7">7</a></span>
+<span class="normal"><a href="#__codelineno-19-8">8</a></span>
+<span class="normal"><a href="#__codelineno-19-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="w">        </span><span class="s2">&quot;</span><span class="nv">$group</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="w">            </span><span class="s2">&quot;_id&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;expression&gt;&quot;</span>,<span class="w">  </span><span class="c1"># Group By Expression (Required)</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="w">            </span><span class="s2">&quot;&lt;key-1&gt;&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;&lt;accumulator-1&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;expression-1&gt;&quot;</span><span class="w"> </span><span class="o">}</span>,
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="w">            </span>...
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a><span class="w">        </span><span class="o">}</span><span class="w"> </span>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="w">    </span><span class="o">}</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="unwind-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/unwind/" title="$unwind operator docs"><code>$unwind</code> Aggregation Stage</a></h3>
+<p>Deconstructs an array field from the input documents to output a document for each element.<br />
+Each output document is the input document with the value of the array field replaced by the element</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-20-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-20-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-20-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-20-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-20-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-20-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-20-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-20-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-20-10">10</a></span>
+<span class="normal"><a href="#__codelineno-20-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$unwind</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;array-key&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="w">        </span><span class="s2">&quot;</span><span class="nv">$unwind</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-20-6" name="__codelineno-20-6"></a><span class="w">            </span><span class="s2">&quot;path&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;array-key&gt;&quot;</span>,<span class="w">  </span><span class="c1"># array to unwind</span>
+<a id="__codelineno-20-7" name="__codelineno-20-7"></a><span class="w">            </span><span class="s2">&quot;includeArrayIndex&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;string&gt;&quot;</span>,<span class="w">  </span><span class="c1"># name of index field</span>
+<a id="__codelineno-20-8" name="__codelineno-20-8"></a><span class="w">            </span><span class="s2">&quot;preserveNullAndEmptyArrays&quot;</span>:<span class="w"> </span>&lt;bool&gt;
+<a id="__codelineno-20-9" name="__codelineno-20-9"></a><span class="w">        </span><span class="o">}</span><span class="w"> </span>
+<a id="__codelineno-20-10" name="__codelineno-20-10"></a><span class="w">     </span><span class="o">}</span>
+<a id="__codelineno-20-11" name="__codelineno-20-11"></a><span class="o">]</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;allowDiskUse&quot;</span>:<span class="w"> </span>&lt;bool&gt;<span class="w"> </span><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="count-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/count/" title="$count operator docs"><code>$count</code> Aggregation Stage</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$count</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;count-key&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sort-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/sort/" title="$sort operator docs"><code>$sort</code> Aggregation Stage</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span>
+<span class="normal"><a href="#__codelineno-22-3">3</a></span>
+<span class="normal"><a href="#__codelineno-22-4">4</a></span>
+<span class="normal"><a href="#__codelineno-22-5">5</a></span>
+<span class="normal"><a href="#__codelineno-22-6">6</a></span>
+<span class="normal"><a href="#__codelineno-22-7">7</a></span>
+<span class="normal"><a href="#__codelineno-22-8">8</a></span>
+<span class="normal"><a href="#__codelineno-22-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a><span class="w">        </span><span class="s2">&quot;</span><span class="nv">$sort</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span><span class="w"> </span>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="w">            </span><span class="s2">&quot;&lt;key-1&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;sort order&gt;&quot;</span>,<span class="w"> </span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a><span class="w">            </span><span class="s2">&quot;&lt;key-2&gt;&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;sort order&gt;&quot;</span>,<span class="w"> </span>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a><span class="w">            </span>...<span class="w"> </span>
+<a id="__codelineno-22-7" name="__codelineno-22-7"></a><span class="w">        </span><span class="o">}</span><span class="w"> </span>
+<a id="__codelineno-22-8" name="__codelineno-22-8"></a><span class="w">    </span><span class="o">}</span>
+<a id="__codelineno-22-9" name="__codelineno-22-9"></a><span class="o">]</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;allowDiskUse&quot;</span>:<span class="w"> </span>&lt;bool&gt;<span class="w"> </span><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: can take advantage of indexes if early int the pipeline and before any <code>%project</code>, <code>$group</code> and <code>$unwind</code><br />
+<strong>Note</strong>: By default <code>$sort</code> will use up to 10 MB of RAM. Setting <code>allowDiskUse: true</code> will allow for larger sorts</p>
+</blockquote>
+<h3 id="skip-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/skip/" title="$skip operator docs"><code>$skip</code> Aggregation Stage</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span>
+<span class="normal"><a href="#__codelineno-23-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$skip</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;positive 64-bit integer&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="limit-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/limit/" title="$limit operator docs"><code>$limit</code> Aggregation Stage</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="w">     </span><span class="o">{</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$limit</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;positive 64-bit integer&gt;&quot;</span><span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lookup-aggregation-stage"><a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/lookup/" title="$look operator docs"><code>$lookup</code> Aggregation Stage</a></h3>
+<p>Performs a left outer join to a collection <em>in the same database</em> to filter in documents from the "joined" collection for processing.<br />
+The <code>$lookup</code> stage adds a new array field to each input document. The new array field contains the matching documents from the "joined" collection.</p>
+<blockquote>
+<p><strong>Note</strong>: To combine elements from two different collections, use the <a href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/unionWith/" title="$unionWith operator docs"><code>$unionWith</code></a> pipeline stage.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-25-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-25-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-25-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-25-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-25-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-25-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-25-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-25-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-25-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span><span class="w"> </span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="w">    </span><span class="o">{</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="w">        </span><span class="s2">&quot;</span><span class="nv">$lookup</span><span class="s2">&quot;</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="w">            </span><span class="s2">&quot;from&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;foreign-collection&gt;&quot;</span>,
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="w">            </span><span class="s2">&quot;localField&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;key&gt;&quot;</span>,
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a><span class="w">            </span><span class="s2">&quot;foreignField&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;foreign-collection&gt;.&lt;key&gt;&quot;</span>,
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="w">            </span><span class="s2">&quot;as&quot;</span>:<span class="w"> </span><span class="s2">&quot;&lt;output array field&gt;&quot;</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a><span class="w">        </span><span class="o">}</span>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a><span class="w">    </span><span class="o">}</span>
+<a id="__codelineno-25-10" name="__codelineno-25-10"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="graphlookup-aggregation-stage"><a href="https://www.mongodb.com/docs/upcoming/reference/operator/aggregation/graphLookup/" title="$graphLookup operator docs"><code>$graphLookup</code> Aggregation Stage</a></h3>
+<p>Performs a recursive search on a collection, with options for restricting the search by recursion depth and query filter.</p>
+<p>The collection on which the aggregation is performed and the <code>from</code> collection can be the same (in-collection search) or different (cross-collection search)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-26-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-26-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-26-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-26-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-26-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-26-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-26-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-26-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-26-10">10</a></span>
+<span class="normal"><a href="#__codelineno-26-11">11</a></span>
+<span class="normal"><a href="#__codelineno-26-12">12</a></span>
+<span class="normal"><a href="#__codelineno-26-13">13</a></span>
+<span class="normal"><a href="#__codelineno-26-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="w">    </span><span class="o">{</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="w">        </span><span class="nv">$graphLookup</span>:<span class="w"> </span><span class="o">{</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="w">            </span>from:<span class="w"> </span>&lt;collection&gt;,<span class="w">  </span><span class="c1"># starting collection of the search</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="w">            </span>startWith:<span class="w"> </span>&lt;expression&gt;,<span class="w">  </span><span class="c1"># initial value(s) of search</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a><span class="w">            </span>connectFromField:<span class="w"> </span>&lt;string&gt;,<span class="w">  </span><span class="c1"># source of the connection</span>
+<a id="__codelineno-26-7" name="__codelineno-26-7"></a><span class="w">            </span>connectToField:<span class="w"> </span>&lt;string&gt;,<span class="w">  </span><span class="c1"># destination of the connection</span>
+<a id="__codelineno-26-8" name="__codelineno-26-8"></a><span class="w">            </span>as:<span class="w"> </span>&lt;string&gt;,<span class="w">  </span><span class="c1"># array of found documents</span>
+<a id="__codelineno-26-9" name="__codelineno-26-9"></a><span class="w">            </span>maxDepth:<span class="w"> </span>&lt;number&gt;,<span class="w">  </span><span class="c1"># recursive search depth limit (steps inside from collection)</span>
+<a id="__codelineno-26-10" name="__codelineno-26-10"></a><span class="w">            </span>depthField:<span class="w"> </span>&lt;string&gt;,<span class="w">  </span><span class="c1"># field containing distance from start</span>
+<a id="__codelineno-26-11" name="__codelineno-26-11"></a><span class="w">            </span>restrictSearchWithMatch:<span class="w"> </span>&lt;document&gt;<span class="w">  </span><span class="c1"># filter on found documents</span>
+<a id="__codelineno-26-12" name="__codelineno-26-12"></a><span class="w">        </span><span class="o">}</span>
+<a id="__codelineno-26-13" name="__codelineno-26-13"></a><span class="w">    </span><span class="o">}</span>
+<a id="__codelineno-26-14" name="__codelineno-26-14"></a><span class="o">]</span>,<span class="w"> </span><span class="o">{</span><span class="w"> </span>allowDiskUse:<span class="w"> </span><span class="nb">true</span><span class="w"> </span><span class="o">})</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Having the <code>connectToField</code> indexed will improve search performance<br />
+<strong>Warn</strong>: Can exceed the <code>100 Mb</code> memory limit even with <code>{ allowDiskUse: true }</code></p>
+</blockquote>
+<h3 id="sortbycount-aggregation-stage"><a href="https://www.mongodb.com/docs/upcoming/reference/operator/aggregation/sortByCount/" title="$sortByCount operator docs"><code>$sortByCount</code> Aggregation Stage</a></h3>
+<p>Groups incoming documents based on the value of a specified expression, then computes the count of documents in each distinct group.</p>
+<p>Each output document contains two fields: an <code>_id</code> field containing the distinct grouping value, and a <code>count</code> field containing the number of documents belonging to that grouping or category.</p>
+<p>The documents are sorted by count in descending order.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a>db.&lt;collection&gt;.aggregate<span class="o">([</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="w">    </span><span class="o">{</span><span class="w"> </span><span class="nv">$sortByCount</span>:<span class="w">  </span>&lt;expression&gt;<span class="w"> </span><span class="o">}</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="o">])</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="sql.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: SQL">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                SQL
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../languages/html/html.html" class="md-footer__link md-footer__link--next" aria-label="Next: HTML">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                HTML
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/databases/redis.html b/databases/redis.html
new file mode 100644
index 0000000..d22c827
--- /dev/null
+++ b/databases/redis.html
@@ -0,0 +1,4382 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/databases/redis.html">
+      
+      
+        <link rel="prev" href="../containers/kubernetes.html">
+      
+      
+        <link rel="next" href="sql.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Redis - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Redis - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/databases/redis.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/databases/redis.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Redis - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/databases/redis.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#redis" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Redis
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="redis.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#redis-commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redis Commands
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Redis Commands">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#server-startup" class="md-nav__link">
+    <span class="md-ellipsis">
+      Server Startup
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#key-value-pairs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Key-Value Pairs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sets" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sets
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sorted-sets" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sorted Sets
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#hashes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hashes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#redis-commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redis Commands
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Redis Commands">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#server-startup" class="md-nav__link">
+    <span class="md-ellipsis">
+      Server Startup
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#key-value-pairs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Key-Value Pairs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sets" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sets
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sorted-sets" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sorted Sets
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#hashes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hashes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="redis"><a href="https://redis.io/">Redis</a></h1>
+<p>Redis is in the family of databases called <strong>key-value stores</strong>.</p>
+<p>The essence of a key-value store is the ability to store some data, called a value, inside a key. This data can later be retrieved only if we know the exact key used to store it.</p>
+<p>Often Redis it is called a <em>data structure</em> server because it has outer key-value shell, but each value can contain a complex data structure, such as a string, a list, a hashes, or ordered data structures called sorted sets as well as probabilistic data structures like <em>hyperloglog</em>.</p>
+<h2 id="redis-commands"><a href="https://redis.io/commands">Redis Commands</a></h2>
+<h3 id="server-startup">Server Startup</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>redis-server<span class="w">  </span><span class="c1"># start the server</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>redis-cli
+</code></pre></div></td></tr></table></div>
+<h3 id="key-value-pairs"><a href="https://redis.io/commands#generic">Key-Value Pairs</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>SET<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value&gt;<span class="w"> </span><span class="o">[</span><span class="w"> </span>EX<span class="w"> </span>&lt;seconds&gt;<span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="c1"># store a key-value pair, TTL optional</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>GET<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># read a key content</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>EXISTS<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># check if a key exists</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>DEL<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># delete a key-value pair</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>INCR<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># atomically increment a number stored at a given key</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>INCRBY<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;amount&gt;<span class="w">  </span><span class="c1"># increment the number contained inside a key by a specific amount</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>DECR<span class="w"> </span>&lt;key&gt;
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>DECRBY<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;amount&gt;
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="c1"># re-setting the key will make it permanent (TTL -1)</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a>EXPIRE<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;seconds&gt;<span class="w">  </span><span class="c1"># make the key expire after &lt;second&gt; seconds</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a>TTL<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># see remaining seconds before expiry</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a>PEXPIRE<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;seconds&gt;<span class="w">  </span><span class="c1"># make the key expire after &lt;second&gt; milli-seconds</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a>PTTL<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># see remaining milli-seconds before expiry</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a>PERSIST<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># make the key permanent</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lists"><a href="https://redis.io/commands#list">Lists</a></h3>
+<p>A list is a series of ordered values.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>RPUSH<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value1&gt;<span class="w"> </span>&lt;value2&gt;<span class="w"> </span>...<span class="w"> </span><span class="c1"># add one or more values to the end of the list</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>LPUSH<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value1&gt;<span class="w"> </span>&lt;value2&gt;<span class="w"> </span>...<span class="w">  </span><span class="c1"># add one or more values to the start of a list</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>LLEN<span class="w">  </span><span class="c1"># number of items in the list</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>LRANGE<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;start_index&gt;<span class="w"> </span>&lt;end_index&gt;<span class="w">  </span><span class="c1"># return a subset of the list, end index included. Negative indexes count backwards from the end</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>LPOP<span class="w">  </span><span class="c1"># remove and return the first item fro the list</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>RPOP<span class="w">  </span><span class="c1"># remove and return the last item fro the list</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sets"><a href="https://redis.io/commands#set">Sets</a></h3>
+<p>A set is similar to a list, except it does not have a specific order and each element may only appear once.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>SADD<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value1&gt;<span class="w"> </span>&lt;value2&gt;<span class="w"> </span>...<span class="w"> </span><span class="c1"># add one or more values to the set (return 0 if values are already inside)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>SREM<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value&gt;<span class="w">  </span><span class="c1"># remove the given member from the set, return 1 or 0 to signal if the member was actually there or not.</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>SPOP<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value&gt;<span class="w">  </span><span class="c1"># remove and return value from the set</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>SISMEMBER<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;value&gt;<span class="w">  </span><span class="c1"># test if value is in the set</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>SMEMBERS<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># lis of all set items</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>SUINION<span class="w"> </span>&lt;key1&gt;<span class="w"> </span>&lt;key2&gt;<span class="w"> </span>...<span class="w">  </span><span class="c1"># combine two or more sets and return the list of all elements.</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sorted-sets"><a href="https://redis.io/commands#sorted_set">Sorted Sets</a></h3>
+<p>Sets are a very handy data type, but as they are unsorted they don't work well for a number of problems. This is why Redis 1.2 introduced Sorted Sets.</p>
+<p>A sorted set is similar to a regular set, but now each value has an associated score. This score is used to sort the elements in the set.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>ZADD<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;score&gt;<span class="w"> </span>&lt;value&gt;<span class="w">  </span><span class="c1"># add a value with it&#39;s score</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>ZRANGE<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;start_index&gt;<span class="w"> </span>&lt;end_index&gt;<span class="w">  </span><span class="c1"># return a subset of the sortedSet</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>...
+</code></pre></div></td></tr></table></div>
+<h3 id="hashes"><a href="https://redis.io/commands#hash">Hashes</a></h3>
+<p>Hashes are maps between string fields and string values, so they are the perfect data type to represent objects.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a>HSET<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w"> </span>&lt;value&gt;<span class="w"> </span><span class="o">[</span><span class="w"> </span>&lt;field&gt;<span class="w"> </span>&lt;value&gt;<span class="w"> </span>...<span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="c1"># set the string of a hash field</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>HSETNX<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w"> </span>&lt;value&gt;<span class="w">  </span><span class="c1"># set the value of a hash field, only if the field does not exist</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>HEXISTS<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w">  </span><span class="c1"># determine if a hash field exists</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>HLEN<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># get the number of fields in a hash</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a>HSTRLEN<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w">  </span><span class="c1"># get the length of the value of a hash field</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>HGETALL<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># get all fields and values in a hash</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a>HGET<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w">  </span><span class="c1"># get data on a single field</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a>HKEYS<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># get all the fields in a hash</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a>HVALS<span class="w"> </span>&lt;key&gt;<span class="w">  </span><span class="c1"># get all the values in a hash</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a>HDEL<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field_1&gt;<span class="w"> </span>&lt;field_2&gt;<span class="w"> </span>...<span class="w">  </span><span class="c1"># delete one or more field hashes</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a>HMGET<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w"> </span><span class="o">[</span>&lt;field&gt;<span class="w"> </span>...<span class="o">]</span><span class="w">  </span><span class="c1"># get the values of all the given hash fields</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a>HMSET<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w"> </span>&lt;value&gt;<span class="w"> </span><span class="o">[</span>&lt;field&gt;<span class="w"> </span>&lt;value&gt;<span class="w"> </span>...<span class="o">]</span><span class="w">  </span><span class="c1"># set multiple hash fields to multiple values</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a>HINCRBY<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w"> </span>&lt;amount&gt;<span class="w">  </span><span class="c1"># increment the integer value of a hash field by the given number</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a>HINCRBYFLOAT<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;field&gt;<span class="w"> </span>&lt;amount&gt;<span class="w"> </span><span class="c1"># increment the float value of a hash field by the given amount</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a>HSCAN<span class="w"> </span>&lt;key&gt;<span class="w"> </span>&lt;cursor&gt;<span class="w"> </span><span class="o">[</span>MATCH<span class="w"> </span>&lt;pattern&gt;<span class="o">]</span><span class="w"> </span><span class="o">[</span>COUNT<span class="w"> </span>&lt;count&gt;<span class="o">]</span><span class="w">  </span><span class="c1"># incrementally iterate hash fields and associated values</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../containers/kubernetes.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Kubernetes">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Kubernetes
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="sql.html" class="md-footer__link md-footer__link--next" aria-label="Next: SQL">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                SQL
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/databases/sql.html b/databases/sql.html
new file mode 100644
index 0000000..9b22c49
--- /dev/null
+++ b/databases/sql.html
@@ -0,0 +1,4925 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/databases/sql.html">
+      
+      
+        <link rel="prev" href="redis.html">
+      
+      
+        <link rel="next" href="mongo-db.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>SQL - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="SQL - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/databases/sql.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/databases/sql.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="SQL - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/databases/sql.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#sql" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              SQL
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="sql.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#ddl" class="md-nav__link">
+    <span class="md-ellipsis">
+      DDL
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DDL">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#table-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table Creation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#primary-key-from-multiple-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      PRIMARY KEY from multiple fields
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#table-field-options" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table Field Options
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#table-modification" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table Modification
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dml" class="md-nav__link">
+    <span class="md-ellipsis">
+      DML
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DML">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#data-insertion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Insertion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#data-update" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Update
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#data-elimination" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Elimination
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-selection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Selection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Data Selection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#alias" class="md-nav__link">
+    <span class="md-ellipsis">
+      Alias
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-selection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Selection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ordering
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#grouping" class="md-nav__link">
+    <span class="md-ellipsis">
+      Grouping
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Grouping">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#ricerca-caratteri-in-valori" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ricerca caratteri in valori
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#selection-from-multiple-tables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Selection from multiple tables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#nested-queries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nested Queries
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#new-table-from-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      New table from data
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#join" class="md-nav__link">
+    <span class="md-ellipsis">
+      Join
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#multiple-join" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Join
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#t-sql-mssql-server" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL (MSSQL Server)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="T-SQL (MSSQL Server)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-insert-from-table" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL Insert From table
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-parametric-query" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL Parametric Query
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-view" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL View
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-stored-procedure" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL Stored Procedure
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#ddl" class="md-nav__link">
+    <span class="md-ellipsis">
+      DDL
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DDL">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#table-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table Creation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#primary-key-from-multiple-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      PRIMARY KEY from multiple fields
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#table-field-options" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table Field Options
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#table-modification" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table Modification
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dml" class="md-nav__link">
+    <span class="md-ellipsis">
+      DML
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DML">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#data-insertion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Insertion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#data-update" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Update
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#data-elimination" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Elimination
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-selection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Selection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Data Selection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#alias" class="md-nav__link">
+    <span class="md-ellipsis">
+      Alias
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-selection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Selection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ordering
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#grouping" class="md-nav__link">
+    <span class="md-ellipsis">
+      Grouping
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Grouping">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#ricerca-caratteri-in-valori" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ricerca caratteri in valori
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#selection-from-multiple-tables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Selection from multiple tables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#nested-queries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nested Queries
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#new-table-from-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      New table from data
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#join" class="md-nav__link">
+    <span class="md-ellipsis">
+      Join
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#multiple-join" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Join
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#t-sql-mssql-server" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL (MSSQL Server)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="T-SQL (MSSQL Server)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-insert-from-table" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL Insert From table
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-parametric-query" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL Parametric Query
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-view" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL View
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#t-sql-stored-procedure" class="md-nav__link">
+    <span class="md-ellipsis">
+      T-SQL Stored Procedure
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="sql">SQL</h1>
+<h2 id="ddl">DDL</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span>
+<span class="normal"><a href="#__codelineno-0-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">show</span><span class="w"> </span><span class="n">databases</span><span class="p">;</span><span class="w">    </span><span class="c1">-- mostra database</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="k">CREATE</span><span class="w"> </span><span class="k">DATABASE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">database</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- database creation</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">database_name</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- usa un database particolare</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">exit</span><span class="p">;</span><span class="w">    </span><span class="c1">-- exit mysql</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="k">show</span><span class="w"> </span><span class="n">tables</span><span class="p">;</span><span class="w">    </span><span class="c1">-- mostra tabelle del database</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1">-- INLINE COMMENT</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="cm">/* MULTI-LINE COMMENT */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="table-creation">Table Creation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">CREATE</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table_name</span><span class="o">&gt;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">    </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field_type</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="k">option</span><span class="o">&gt;</span><span class="p">,</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">    </span><span class="p">...);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="primary-key-from-multiple-fields">PRIMARY KEY from multiple fields</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">CREATE</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table_name</span><span class="o">&gt;</span><span class="p">(</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="w">    </span><span class="p">...,</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">    </span><span class="k">PRIMARY</span><span class="w"> </span><span class="k">KEY</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field1</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...),</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="table-field-options">Table Field Options</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">PRIMARY</span><span class="w"> </span><span class="k">KEY</span><span class="w"> </span><span class="c1">-- marks primary key as field option</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">NOT</span><span class="w"> </span><span class="k">NULL</span><span class="w"> </span><span class="c1">-- marks a necessary field</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="k">REFERENCES</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">)</span><span class="w"> </span><span class="c1">-- adds foreign key reference</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="k">UNIQUE</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">)</span><span class="w"> </span><span class="c1">-- set field as unique (MySQL)</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">UNIQUE</span><span class="w"> </span><span class="c1">-- T-SQL</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="table-modification">Table Modification</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">ALTER</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="k">ADD</span><span class="w"> </span><span class="k">PRIMARY</span><span class="w"> </span><span class="k">KEY</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...),</span><span class="w">    </span><span class="c1">-- definition of PK after table creation</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">    </span><span class="k">ADD</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field_type</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="k">option</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- addition of a new field, field will have no value in the table</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="k">ALTER</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">    </span><span class="n">CHANGE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">new_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">new_type</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">    </span><span class="k">ALTER</span><span class="w"> </span><span class="k">COLUMN</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">new_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">new_type</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- T-SQL</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="k">ALTER</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">    </span><span class="k">DROP</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="k">ALTER</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="w">    </span><span class="k">ADD</span><span class="w"> </span><span class="k">FOREIGN</span><span class="w"> </span><span class="k">KEY</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">)</span><span class="w"> </span><span class="k">REFERENCES</span><span class="w"> </span><span class="o">&lt;</span><span class="k">TABLE</span><span class="o">&gt;</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">FIELD</span><span class="o">&gt;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dml">DML</h2>
+<h3 id="data-insertion">Data Insertion</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">INSERT</span><span class="w"> </span><span class="k">INTO</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="p">(</span><span class="n">field_1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="k">VALUES</span><span class="w"> </span><span class="p">(</span><span class="n">value_1</span><span class="p">,</span><span class="w"> </span><span class="p">...),</span><span class="w"> </span><span class="p">(</span><span class="n">value_1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">INSERT</span><span class="w"> </span><span class="k">INTO</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">VALUES</span><span class="w"> </span><span class="p">(</span><span class="n">value_1</span><span class="p">,</span><span class="w"> </span><span class="p">...),</span><span class="w"> </span><span class="p">(</span><span class="n">value_1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span><span class="w">    </span><span class="c1">-- field order MUST respect tables&#39;s columns order</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="data-update">Data Update</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">UPDATE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">SET</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">value</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">value</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="data-elimination">Data Elimination</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="k">DELETE</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="k">DELETE</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="c1">-- empty the table</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-selection">Data Selection</h2>
+<p><code>*</code>: denotes all table fields</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- show table contents</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="k">SHOW</span><span class="w"> </span><span class="n">columns</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- show table columns</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="k">DESCRIBE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- shows table</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="alias">Alias</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="o">&lt;</span><span class="k">alias</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="c1">-- shows &lt;field/funzione&gt; with name &lt;alias&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="conditional-selection">Conditional Selection</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- shows elements that satisfy the condition</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="k">AND</span><span class="p">,</span><span class="w"> </span><span class="k">OR</span><span class="p">,</span><span class="w"> </span><span class="k">NOT</span><span class="w">    </span><span class="c1">-- logic connectors</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">Between</span><span class="w"> </span><span class="o">&lt;</span><span class="n">value_1</span><span class="o">&gt;</span><span class="w"> </span><span class="k">AND</span><span class="w"> </span><span class="o">&lt;</span><span class="n">value_2</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ordering">Ordering</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ORDER</span><span class="w"> </span><span class="k">BY</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...;</span><span class="w">    </span><span class="c1">-- shows the table ordered by &lt;field&gt;</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ORDER</span><span class="w"> </span><span class="k">BY</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="k">DESC</span><span class="p">;</span><span class="w">    </span><span class="c1">-- shows the table ordered by &lt;field&gt;, decreasing order</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ORDER</span><span class="w"> </span><span class="k">BY</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="k">LIMIT</span><span class="w"> </span><span class="n">n</span><span class="p">;</span><span class="w">    </span><span class="c1">-- shows the table ordered by &lt;field&gt;, shows n items</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="k">SELECT</span><span class="w"> </span><span class="n">TOP</span><span class="p">(</span><span class="n">n</span><span class="p">)</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ORDER</span><span class="w"> </span><span class="k">BY</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="p">...;</span><span class="w">    </span><span class="c1">-- T-SQL</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="grouping">Grouping</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">GROUP</span><span class="w"> </span><span class="k">BY</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">GROUP</span><span class="w"> </span><span class="k">BY</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">HAVING</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="k">SELECT</span><span class="w"> </span><span class="k">DISTINCT</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- shows elements without repetitions</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ricerca-caratteri-in-valori">Ricerca caratteri in valori</h3>
+<p><code>%</code>: any number of characters</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">LIKE</span><span class="w"> </span><span class="s1">&#39;&lt;char&gt;%&#39;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- selects items in &lt;field&gt; that start with &lt;char&gt;</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">LIKE</span><span class="w"> </span><span class="s1">&#39;%&lt;char&gt;&#39;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- selects items in &lt;field&gt; that end with &lt;char&gt;</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">LIKE</span><span class="w"> </span><span class="s1">&#39;%&lt;char&gt;%&#39;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- selects items in &lt;field&gt; that contain &lt;char&gt;</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">NOT</span><span class="w"> </span><span class="k">LIKE</span><span class="w"> </span><span class="s1">&#39;%&lt;char&gt;%&#39;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- selects items in &lt;field&gt; that do not contain &lt;char&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="selection-from-multiple-tables">Selection from multiple tables</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">AS</span><span class="w"> </span><span class="n">b</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="w">    </span><span class="k">WHERE</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="p">...;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions">Functions</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span>
+<span class="normal"><a href="#__codelineno-15-5">5</a></span>
+<span class="normal"><a href="#__codelineno-15-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="k">COUNT</span><span class="p">(</span><span class="o">*</span><span class="p">)</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- count of items in &lt;field&gt;</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="k">MIN</span><span class="p">(</span><span class="o">*</span><span class="p">)</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- min value</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="k">SELECT</span><span class="w"> </span><span class="k">MAX</span><span class="p">(</span><span class="o">*</span><span class="p">)</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- max value</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="k">SELECT</span><span class="w"> </span><span class="k">AVG</span><span class="p">(</span><span class="o">*</span><span class="p">)</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">-- mean of values</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="k">ALL</span><span class="w"> </span><span class="p">(</span><span class="k">SELECT</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a><span class="k">ANY</span><span class="w"> </span><span class="p">(</span><span class="k">SELECT</span><span class="w"> </span><span class="p">...)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="nested-queries">Nested Queries</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="k">EXISTS</span><span class="w"> </span><span class="p">(</span><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">-- selected field existing in subquery</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="k">NOT</span><span class="w"> </span><span class="k">EXISTS</span><span class="w"> </span><span class="p">(</span><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">-- selected field not existing in subquery</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="new-table-from-data">New table from data</h2>
+<p>Create new table with necessary fields:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="k">CREATE</span><span class="w"> </span><span class="k">TABLE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="w">    </span><span class="p">(</span><span class="o">&lt;</span><span class="n">field_name</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">field_type</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="k">option</span><span class="o">&gt;</span><span class="p">,</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="w">    </span><span class="p">...);</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p>Fill fields with data from table:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="k">INSERT</span><span class="w"> </span><span class="k">INTO</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">    </span><span class="k">SELECT</span><span class="w"> </span><span class="o">&lt;</span><span class="n">fields</span><span class="o">&gt;</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">TABLE</span><span class="o">&gt;</span><span class="w"> </span><span class="k">WHERE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="join">Join</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table1</span><span class="o">&gt;</span><span class="w"> </span><span class="k">JOIN</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ON</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table1</span><span class="o">&gt;</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table1</span><span class="o">&gt;</span><span class="w"> </span><span class="k">LEFT</span><span class="w"> </span><span class="k">JOIN</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ON</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table1</span><span class="o">&gt;</span><span class="w"> </span><span class="k">RIGHT</span><span class="w"> </span><span class="k">JOIN</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ON</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p><a href="https://www.diffen.com/difference/Inner_Join_vs_Outer_Join">Inner Join, Left Join, Right Join, Full Outer Join</a></p>
+<h2 id="multiple-join">Multiple Join</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table1</span><span class="o">&gt;</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="k">JOIN</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ON</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table1</span><span class="o">&gt;</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="k">JOIN</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table3</span><span class="o">&gt;</span><span class="w"> </span><span class="k">ON</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table2</span><span class="o">&gt;</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">table3</span><span class="o">&gt;</span><span class="p">.</span><span class="o">&lt;</span><span class="n">field</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<p><a href="https://stackoverflow.com/questions/176514/what-is-the-difference-between-char-nchar-varchar-and-nvarchar-in-sql-server">char, nchar, varchar, nvarchar</a></p>
+<hr />
+<h2 id="t-sql-mssql-server">T-SQL (MSSQL Server)</h2>
+<h3 id="t-sql-insert-from-table">T-SQL Insert From table</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span>
+<span class="normal"><a href="#__codelineno-21-4">4</a></span>
+<span class="normal"><a href="#__codelineno-21-5">5</a></span>
+<span class="normal"><a href="#__codelineno-21-6">6</a></span>
+<span class="normal"><a href="#__codelineno-21-7">7</a></span>
+<span class="normal"><a href="#__codelineno-21-8">8</a></span>
+<span class="normal"><a href="#__codelineno-21-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="n">USE</span><span class="w"> </span><span class="p">[</span><span class="o">&lt;</span><span class="n">db_name</span><span class="o">&gt;</span><span class="p">]</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="k">SET</span><span class="w"> </span><span class="n">IDENTITY_INSERT</span><span class="w"> </span><span class="p">[</span><span class="o">&lt;</span><span class="n">destination_table</span><span class="o">&gt;</span><span class="p">]</span><span class="w"> </span><span class="k">ON</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="k">INSERT</span><span class="w"> </span><span class="k">INTO</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="p">(</span><span class="n">field_1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-21-6" name="__codelineno-21-6"></a>
+<a id="__codelineno-21-7" name="__codelineno-21-7"></a><span class="k">SELECT</span><span class="w"> </span><span class="p">(</span><span class="n">field_1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="n">source_table</span><span class="o">&gt;</span>
+<a id="__codelineno-21-8" name="__codelineno-21-8"></a>
+<a id="__codelineno-21-9" name="__codelineno-21-9"></a><span class="k">SET</span><span class="w"> </span><span class="n">IDENTITY_INSERT</span><span class="w"> </span><span class="p">[</span><span class="o">&lt;</span><span class="n">destination_table</span><span class="o">&gt;</span><span class="p">]</span><span class="w"> </span><span class="k">OFF</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="t-sql-parametric-query">T-SQL Parametric Query</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-22-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-22-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-22-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-22-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-22-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-22-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-22-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-22-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-22-10">10</a></span>
+<span class="normal"><a href="#__codelineno-22-11">11</a></span>
+<span class="normal"><a href="#__codelineno-22-12">12</a></span>
+<span class="normal"><a href="#__codelineno-22-13">13</a></span>
+<span class="normal"><a href="#__codelineno-22-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="c1">-- variable declaration</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="k">DECLARE</span><span class="w"> </span><span class="o">@</span><span class="n">var_name</span><span class="w"> </span><span class="o">&lt;</span><span class="k">type</span><span class="o">&gt;</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="c1">-- init variable (input parameter)</span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a><span class="k">SET</span><span class="w"> </span><span class="o">@</span><span class="n">var_name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">value</span><span class="o">&gt;</span>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a>
+<a id="__codelineno-22-7" name="__codelineno-22-7"></a><span class="c1">-- use in query (memorize data)</span>
+<a id="__codelineno-22-8" name="__codelineno-22-8"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">@</span><span class="n">var_name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">COUNT</span><span class="p">(</span><span class="o">*</span><span class="p">)</span><span class="w">  </span><span class="c1">-- query won&#39;t show results in the &quot;table view&quot; since param is used in SELECT</span>
+<a id="__codelineno-22-9" name="__codelineno-22-9"></a><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="p">...</span>
+<a id="__codelineno-22-10" name="__codelineno-22-10"></a>
+<a id="__codelineno-22-11" name="__codelineno-22-11"></a><span class="c1">-- display message (query won&#39;t show results in the &quot;table view&quot;)</span>
+<a id="__codelineno-22-12" name="__codelineno-22-12"></a><span class="n">PRINT</span><span class="w"> </span><span class="s1">&#39;Text: &#39;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="o">@</span><span class="n">var_name</span>
+<a id="__codelineno-22-13" name="__codelineno-22-13"></a><span class="n">PRINT</span><span class="w"> </span><span class="s1">&#39;Text: &#39;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="k">CONVERT</span><span class="p">(</span><span class="k">type</span><span class="p">,</span><span class="w"> </span><span class="o">@</span><span class="n">var_name</span><span class="p">)</span><span class="w">  </span><span class="c1">-- convert data before printing</span>
+<a id="__codelineno-22-14" name="__codelineno-22-14"></a><span class="k">GO</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="t-sql-view">T-SQL View</h3>
+<p>A view represents a virtual table. Join multiple tables in a view and use the view to present the data as if the data were coming from a single table.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="k">CREATE</span><span class="w"> </span><span class="k">VIEW</span><span class="w"> </span><span class="o">&lt;</span><span class="n">name</span><span class="o">&gt;</span><span class="w"> </span><span class="k">AS</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="k">SELECT</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="k">FROM</span><span class="w"> </span><span class="o">&lt;</span><span class="k">table</span><span class="o">&gt;</span><span class="w"> </span><span class="p">...</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="t-sql-stored-procedure">T-SQL Stored Procedure</h3>
+<p><a href="https://docs.microsoft.com/en-us/sql/relational-databases/stored-procedures/create-a-stored-procedure" title="Create a Stored Procedure - Microsoft Docs">Stored Procedure How-To</a>
+<a href="https://docs.microsoft.com/en-us/sql/t-sql/statements/create-procedure-transact-sql">T-SQL Stored Procedure</a></p>
+<p>Stored Procedure Definition:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-24-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-24-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-24-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-24-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-24-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-24-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-24-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-24-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-24-10">10</a></span>
+<span class="normal"><a href="#__codelineno-24-11">11</a></span>
+<span class="normal"><a href="#__codelineno-24-12">12</a></span>
+<span class="normal"><a href="#__codelineno-24-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="k">CREATE</span><span class="w"> </span><span class="k">PROCEDURE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Procedure_Name</span><span class="o">&gt;</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="w">    </span><span class="c1">-- Add the parameters for the stored procedure here</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="w">    </span><span class="o">&lt;@</span><span class="n">Param1</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Datatype_For_Param1</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Default_Value_For_Param1</span><span class="o">&gt;</span><span class="p">,</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a><span class="w">    </span><span class="o">&lt;@</span><span class="n">Param2</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Datatype_For_Param2</span><span class="o">&gt;</span>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="k">AS</span>
+<a id="__codelineno-24-6" name="__codelineno-24-6"></a><span class="k">BEGIN</span>
+<a id="__codelineno-24-7" name="__codelineno-24-7"></a><span class="w">    </span><span class="c1">-- SET NOCOUNT ON added to prevent extra result sets from interfering with SELECT statements.</span>
+<a id="__codelineno-24-8" name="__codelineno-24-8"></a><span class="w">    </span><span class="k">SET</span><span class="w"> </span><span class="n">NOCOUNT</span><span class="w"> </span><span class="k">ON</span><span class="p">;</span><span class="w">  </span><span class="c1">-- don&#39;t return number of selected rows</span>
+<a id="__codelineno-24-9" name="__codelineno-24-9"></a>
+<a id="__codelineno-24-10" name="__codelineno-24-10"></a><span class="w">    </span><span class="c1">-- Insert statements for procedure here</span>
+<a id="__codelineno-24-11" name="__codelineno-24-11"></a><span class="w">    </span><span class="k">SELECT</span><span class="w"> </span><span class="p">...</span>
+<a id="__codelineno-24-12" name="__codelineno-24-12"></a><span class="k">END</span>
+<a id="__codelineno-24-13" name="__codelineno-24-13"></a><span class="k">GO</span>
+</code></pre></div></td></tr></table></div>
+<p>Stored Procedure call in query:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">SQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span>
+<span class="normal"><a href="#__codelineno-25-4">4</a></span>
+<span class="normal"><a href="#__codelineno-25-5">5</a></span>
+<span class="normal"><a href="#__codelineno-25-6">6</a></span>
+<span class="normal"><a href="#__codelineno-25-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="n">USE</span><span class="w"> </span><span class="o">&lt;</span><span class="k">database</span><span class="o">&gt;</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="k">GO</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="c1">-- Stored Procedure call</span>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="k">EXECUTE</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Procedure_Name</span><span class="o">&gt;</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a><span class="c1">-- or</span>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="k">EXEC</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Procedure_Name</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="redis.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Redis">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Redis
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="mongo-db.html" class="md-footer__link md-footer__link--next" aria-label="Next: MongoDB">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                MongoDB
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/img/android_activity-lifecycle.avif b/img/android_activity-lifecycle.avif
new file mode 100644
index 0000000000000000000000000000000000000000..38a2d2d756c95a02c504e88369842102b68e0c89
GIT binary patch
literal 11460
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

literal 0
HcmV?d00001

diff --git a/img/android_fragment-lifecycle.avif b/img/android_fragment-lifecycle.avif
new file mode 100644
index 0000000000000000000000000000000000000000..2375cf2767bca252b5260285a26d3f491bbdd787
GIT binary patch
literal 11358
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
DY3!o3

literal 0
HcmV?d00001

diff --git a/img/android_fragments.avif b/img/android_fragments.avif
new file mode 100644
index 0000000000000000000000000000000000000000..04b7dd3e6e1d3afe1a378934d09e06d5805cce0a
GIT binary patch
literal 8467
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
TkvO9|n_E!pZ{>*k%B}wc{;s*x

literal 0
HcmV?d00001

diff --git a/img/bash_files-permissions-and-ownership-basics-in-linux.avif b/img/bash_files-permissions-and-ownership-basics-in-linux.avif
new file mode 100644
index 0000000000000000000000000000000000000000..21e00b7cf0953f15c56956884d2872e877482b4e
GIT binary patch
literal 7270
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

literal 0
HcmV?d00001

diff --git a/img/css_box-model.avif b/img/css_box-model.avif
new file mode 100644
index 0000000000000000000000000000000000000000..3958a3f1847ae732545d26f49e277f2d430191df
GIT binary patch
literal 2621
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
KGiQN9{{Fw0w9GL8

literal 0
HcmV?d00001

diff --git a/img/docker_architecture.svg b/img/docker_architecture.svg
new file mode 100644
index 0000000..afe563a
--- /dev/null
+++ b/img/docker_architecture.svg
@@ -0,0 +1,2597 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   viewBox="0 0 756.39868 395.51889"
+   width="756.39868pt"
+   height="395.51889pt"
+   id="svg12514"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="architecture.svg">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1928"
+     inkscape:window-height="1038"
+     id="namedview12622"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false"
+     inkscape:zoom="1"
+     inkscape:cx="321.34217"
+     inkscape:cy="385.06379"
+     inkscape:window-x="4"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer5"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata12516">
+    <dc:date>2014-04-15 00:37Z</dc:date>
+    <!-- Produced by OmniGraffle Professional 5.4.4 -->
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12518">
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible"
+       id="marker20462"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lend">
+      <path
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         id="path20464"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lend"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path5368"
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:isstock="true"
+       style="overflow:visible"
+       id="marker16247"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lend">
+      <path
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         id="path16249"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker16171"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path16173"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker16101"
+       style="overflow:visible"
+       inkscape:isstock="true"
+       inkscape:collect="always">
+      <path
+         id="path16103"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <font-face
+       font-family="Helvetica"
+       font-size="18"
+       units-per-em="1000"
+       underline-position="-75.683594"
+       underline-thickness="49.316406"
+       slope="0"
+       x-height="532.22656"
+       cap-height="719.72656"
+       ascent="770.01953"
+       descent="-229.98047"
+       font-weight="bold"
+       id="font-face12520"
+       stemv="0"
+       stemh="0"
+       accent-height="0"
+       ideographic="0"
+       alphabetic="0"
+       mathematical="0"
+       hanging="0"
+       v-ideographic="0"
+       v-alphabetic="0"
+       v-mathematical="0"
+       v-hanging="0"
+       strikethrough-position="0"
+       strikethrough-thickness="0"
+       overline-position="0"
+       overline-thickness="0">
+      <font-face-src>
+        <font-face-name
+           name="Helvetica-Bold" />
+      </font-face-src>
+    </font-face>
+    <font-face
+       font-family="Helvetica"
+       font-size="12"
+       panose-1="2 11 4 3 2 2 2 2 2 4"
+       units-per-em="1000"
+       underline-position="-75"
+       underline-thickness="50"
+       slope="0"
+       x-height="524"
+       cap-height="718"
+       ascent="770.00427"
+       descent="-229.99573"
+       font-weight="300"
+       id="font-face12522"
+       stemv="0"
+       stemh="0"
+       accent-height="0"
+       ideographic="0"
+       alphabetic="0"
+       mathematical="0"
+       hanging="0"
+       v-ideographic="0"
+       v-alphabetic="0"
+       v-mathematical="0"
+       v-hanging="0"
+       strikethrough-position="0"
+       strikethrough-thickness="0"
+       overline-position="0"
+       overline-thickness="0">
+      <font-face-src>
+        <font-face-name
+           name="Helvetica-Light" />
+      </font-face-src>
+    </font-face>
+    <font-face
+       font-family="Source Sans Pro"
+       font-size="13"
+       panose-1="2 11 6 3 3 4 3 2 2 4"
+       units-per-em="1000"
+       underline-position="-136"
+       underline-thickness="94.00001"
+       slope="0"
+       x-height="504.00003"
+       cap-height="667.00006"
+       ascent="984.002"
+       descent="-273.00058"
+       font-weight="bold"
+       id="font-face12524"
+       stemv="0"
+       stemh="0"
+       accent-height="0"
+       ideographic="0"
+       alphabetic="0"
+       mathematical="0"
+       hanging="0"
+       v-ideographic="0"
+       v-alphabetic="0"
+       v-mathematical="0"
+       v-hanging="0"
+       strikethrough-position="0"
+       strikethrough-thickness="0"
+       overline-position="0"
+       overline-thickness="0">
+      <font-face-src>
+        <font-face-name
+           name="SourceSansPro-Semibold" />
+      </font-face-src>
+    </font-face>
+    <marker
+       orient="auto"
+       overflow="visible"
+       markerUnits="strokeWidth"
+       id="FilledArrow_Marker"
+       viewBox="-1 -3 7 6"
+       markerWidth="7"
+       markerHeight="6"
+       style="color:#000000;overflow:visible">
+      <g
+         id="g12527">
+        <path
+           d="M 4.8000002,0 0,-1.8000001 0,1.8000001 Z"
+           id="path12529"
+           inkscape:connector-curvature="0"
+           style="fill:currentColor;stroke:currentColor;stroke-width:1" />
+      </g>
+    </marker>
+    <marker
+       orient="auto"
+       overflow="visible"
+       markerUnits="strokeWidth"
+       id="FilledArrow_Marker_2"
+       viewBox="-6 -3 7 6"
+       markerWidth="7"
+       markerHeight="6"
+       style="color:#000000;overflow:visible">
+      <g
+         id="g12532">
+        <path
+           d="M -4.8000002,0 0,1.8000001 0,-1.8000001 Z"
+           id="path12534"
+           inkscape:connector-curvature="0"
+           style="fill:currentColor;stroke:currentColor;stroke-width:1" />
+      </g>
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker8148"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path8150"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="marker6352"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path6354"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
+    </marker>
+    <inkscape:perspective
+       id="perspective4302"
+       inkscape:persp3d-origin="177.16534 : 22.440946 : 1"
+       inkscape:vp_z="354.33069 : 33.661419 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 33.661419 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <clipPath
+       id="clipPath4429"
+       clipPathUnits="userSpaceOnUse">
+      <g
+         id="g4431"
+         transform="matrix(0.9947658,0,0,1,1.7860989,0)">
+        <path
+           id="path4433"
+           d="M 322.54143,2800.9375 L 318.10638,2806.6673 L 313.67143,2800.9375 L 313.67143,2757.7946 L 294.73171,2757.7946 L 318.10638,2732.2579 L 341.23763,2757.7946 L 322.54143,2757.7946 L 322.54143,2800.9375 z"
+           style="fill:#eea623;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+           sodipodi:nodetypes="ccccccccc" />
+      </g>
+    </clipPath>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="mac"
+     transform="translate(-73.287812,21.708751)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot16329"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:Monaco;-inkscape-font-specification:Monaco;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="scale(0.8,0.8)"><flowRegion
+         id="flowRegion16331" /><flowPara
+         id="flowPara16335"></flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot16337"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:Monaco;-inkscape-font-specification:Monaco;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="scale(0.8,0.8)"><flowRegion
+         id="flowRegion16339"><rect
+           id="rect16341"
+           width="260"
+           height="135"
+           x="-586"
+           y="51.75"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco" /></flowRegion><flowPara
+         id="flowPara16343"></flowPara></flowRoot>    <rect
+       ry="0"
+       rx="0"
+       y="9.0645523"
+       x="276.25946"
+       height="363.91373"
+       width="327.51764"
+       id="rect4394"
+       style="display:inline;opacity:1;fill:#ade5f9;fill-opacity:1;stroke:#005976;stroke-width:1.66371417;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       id="g18942"
+       transform="translate(654.52608,-84.68013)">
+      <rect
+         style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#005976;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect4345"
+         width="109.46352"
+         height="24.437973"
+         x="-378.16013"
+         y="80.70974"
+         ry="6.3192472"
+         rx="6.3192477" />
+      <g
+         id="flowRoot4337"
+         style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         transform="matrix(0.3883991,0,0,0.37995118,-446.94762,70.615007)">
+        <path
+           id="path7740"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 187.88477,72.829407 0,-30.3125 7.1875,0 q 4.96093,0 7.36328,1.738282 2.42187,1.71875 3.63281,5.214843 1.21094,3.496094 1.21094,8.28125 0,4.53125 -1.28907,7.96875 -1.26953,3.417969 -3.61328,5.273438 -2.34375,1.835937 -7.30468,1.835937 l -7.1875,0 z m 3.94531,-3.339843 2.63672,0 q 4.0039,0 5.70312,-1.425782 1.71875,-1.425781 2.44141,-3.945312 0.74219,-2.539063 0.74219,-6.992188 0,-4.355468 -0.85938,-6.699218 -0.85937,-2.34375 -2.46094,-3.59375 -1.60156,-1.269532 -5.2539,-1.269532 l -2.94922,0 0,23.925782 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7742"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 220.91211,73.747376 q -5.15625,0 -7.89063,-4.335937 -2.71484,-4.355469 -2.71484,-11.738282 0,-7.363281 2.71484,-11.699218 2.73438,-4.355469 7.89063,-4.355469 5.17578,0 7.89062,4.355469 2.71485,4.335937 2.71485,11.699218 0,7.382813 -2.71485,11.738282 -2.71484,4.335937 -7.89062,4.335937 z m 0,-3.046875 q 2.85156,0 4.74609,-3.222656 1.91407,-3.242188 1.91407,-9.804688 0,-6.5625 -1.91407,-9.785156 -1.89453,-3.242187 -4.74609,-3.242187 -2.85156,0 -4.76563,3.242187 -1.89453,3.222656 -1.89453,9.785156 0,6.5625 1.89453,9.804688 1.91407,3.222656 4.76563,3.222656 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7744"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 254.23242,72.477845 q -3.39844,1.269531 -6.09375,1.269531 -3.55469,0 -6.54297,-1.894531 -2.98828,-1.914063 -4.64843,-5.664063 -1.66016,-3.769531 -1.66016,-8.515625 0,-4.707031 1.64062,-8.457031 1.64063,-3.75 4.62891,-5.683594 2.98828,-1.933593 6.58203,-1.933593 2.69531,0 6.09375,1.269531 l 0,3.59375 q -3.14453,-1.816406 -6.25,-1.816406 -2.34375,0 -4.29687,1.601562 -1.9336,1.601563 -3.125,4.707031 -1.19141,3.085938 -1.19141,6.71875 0,3.691407 1.23047,6.816407 1.23047,3.125 3.14453,4.6875 1.91406,1.542968 4.23828,1.542968 3.08594,0 6.25,-1.816406 l 0,3.574219 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7746"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 260.0332,72.829407 0,-30.3125 3.94532,0 0,14.863282 11.26953,-14.863282 4.17968,0 -10.8789,14.394532 12.40234,15.917968 -4.9414,0 -12.03125,-15.449218 0,15.449218 -3.94532,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7748"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 301.2832,69.489564 0,3.339843 -16.36718,0 0,-30.3125 16.05468,0 0,3.046875 -12.10937,0 0,10.292969 10.89844,0 0,3.027344 -10.89844,0 0,10.605469 12.42187,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7750"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 311.86914,59.958314 0,12.871093 -3.94531,0 0,-30.3125 8.10547,0 q 3.96484,0 5.83984,0.820313 1.875,0.800781 2.89063,2.441406 1.03515,1.640625 1.03515,3.535156 0,1.757813 -0.68359,3.535157 -0.6836,1.777343 -1.89453,3.183593 -1.19141,1.386719 -3.45703,2.636719 l 8.76953,14.160156 -4.6875,0 -8.02735,-12.871093 -3.94531,0 z m 0,-3.046875 5.52734,0 q 1.85547,-1.015625 2.75391,-2.070313 0.91797,-1.054687 1.38672,-2.246094 0.46875,-1.191406 0.46875,-2.382812 0,-2.128906 -1.5625,-3.378906 -1.54297,-1.269532 -5.625,-1.269532 l -2.94922,0 0,11.347657 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7752"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 330.38477,75.856751 0,-3.027344 21.21093,0 0,3.027344 -21.21093,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7754"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 355.52148,72.829407 0,-30.3125 3.94532,0 0,13.046875 11.21093,0 0,-13.046875 3.92579,0 0,30.3125 -3.92579,0 0,-14.238281 -11.21093,0 0,14.238281 -3.94532,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7756"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 389.03711,73.747376 q -5.15625,0 -7.89063,-4.335937 -2.71484,-4.355469 -2.71484,-11.738282 0,-7.363281 2.71484,-11.699218 2.73438,-4.355469 7.89063,-4.355469 5.17578,0 7.89062,4.355469 2.71485,4.335937 2.71485,11.699218 0,7.382813 -2.71485,11.738282 -2.71484,4.335937 -7.89062,4.335937 z m 0,-3.046875 q 2.85156,0 4.74609,-3.222656 1.91407,-3.242188 1.91407,-9.804688 0,-6.5625 -1.91407,-9.785156 -1.89453,-3.242187 -4.74609,-3.242187 -2.85156,0 -4.76563,3.242187 -1.89453,3.222656 -1.89453,9.785156 0,6.5625 1.89453,9.804688 1.91407,3.222656 4.76563,3.222656 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7758"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 404.17383,72.184876 0,-3.710937 q 4.6875,2.226562 8.51562,2.226562 1.60157,0 3.06641,-0.605469 1.46484,-0.625 2.20703,-1.777343 0.76172,-1.152344 0.76172,-2.5 0,-1.582032 -1.03516,-2.949219 -1.03515,-1.386719 -3.88672,-3.046875 l -1.99218,-1.152344 -2.01172,-1.152344 q -5.3125,-3.144531 -5.3125,-7.8125 0,-3.417968 2.36328,-5.742187 2.38281,-2.34375 7.42187,-2.34375 3.24219,0 6.26954,0.9375 l 0,3.378906 q -3.33985,-1.289062 -6.50391,-1.289062 -2.51953,0 -4.08203,1.328125 -1.54297,1.328125 -1.54297,3.203125 0,1.855468 1.19141,3.085937 1.1914,1.230469 3.04687,2.265625 l 1.52344,0.917969 1.89453,1.152344 1.60156,0.9375 q 4.98047,3.046875 4.98047,7.65625 0,3.515625 -2.55859,6.035156 -2.5586,2.519531 -8.20313,2.519531 -1.79687,0 -3.4375,-0.3125 -1.62109,-0.292969 -4.27734,-1.25 z"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path7760"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Monaco;-inkscape-font-specification:Monaco"
+           d="m 435.11133,72.829407 0,-26.972656 -9.08203,0 0,-3.339844 22.1289,0 0,3.339844 -9.10156,0 0,26.972656 -3.94531,0 z"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+    <rect
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#005976;stroke-width:1.66371417;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect15559-9"
+       width="121.27443"
+       height="178.65872"
+       x="463.27411"
+       y="101.135"
+       rx="0"
+       ry="0" />
+    <rect
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#005976;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect15561-8"
+       width="66.263512"
+       height="24.437988"
+       x="463.38062"
+       y="88.100029"
+       ry="6.3192472"
+       rx="6.3192477" />
+    <g
+       transform="translate(885.1556,-110.61633)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot16093-5">
+      <path
+         d="m -413.08839,205.13537 0,11.424 1.52,0 0,-11.424 -1.52,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23126" />
+      <path
+         d="m -409.22014,208.28737 0,8.272 1.36,0 0,-5.152 q 0,-0.24 0.112,-0.592 0.128,-0.368 0.384,-0.704 0.272,-0.336 0.688,-0.576 0.432,-0.24 1.024,-0.24 0.464,0 0.752,0.144 0.304,0.128 0.48,0.384 0.176,0.24 0.24,0.576 0.08,0.336 0.08,0.736 l 0,5.424 1.36,0 0,-5.152 q 0,-0.96 0.576,-1.536 0.576,-0.576 1.584,-0.576 0.496,0 0.8,0.144 0.32,0.144 0.496,0.4 0.176,0.24 0.24,0.576 0.064,0.336 0.064,0.72 l 0,5.424 1.36,0 0,-6.064 q 0,-0.64 -0.208,-1.088 -0.192,-0.464 -0.56,-0.752 -0.352,-0.288 -0.864,-0.416 -0.496,-0.144 -1.12,-0.144 -0.816,0 -1.504,0.368 -0.672,0.368 -1.088,1.04 -0.256,-0.768 -0.88,-1.088 -0.624,-0.32 -1.392,-0.32 -1.744,0 -2.672,1.408 l -0.032,0 0,-1.216 -1.28,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23128" />
+      <path
+         d="m -388.23589,216.52737 q -0.352,0.208 -0.976,0.208 -0.528,0 -0.848,-0.288 -0.304,-0.304 -0.304,-0.976 -0.56,0.672 -1.312,0.976 -0.736,0.288 -1.6,0.288 -0.56,0 -1.072,-0.128 -0.496,-0.128 -0.864,-0.4 -0.368,-0.272 -0.592,-0.704 -0.208,-0.448 -0.208,-1.072 0,-0.704 0.24,-1.152 0.24,-0.448 0.624,-0.72 0.4,-0.288 0.896,-0.432 0.512,-0.144 1.04,-0.24 0.56,-0.112 1.056,-0.16 0.512,-0.064 0.896,-0.16 0.384,-0.112 0.608,-0.304 0.224,-0.208 0.224,-0.592 0,-0.448 -0.176,-0.72 -0.16,-0.272 -0.432,-0.416 -0.256,-0.144 -0.592,-0.192 -0.32,-0.048 -0.64,-0.048 -0.864,0 -1.44,0.336 -0.576,0.32 -0.624,1.232 l -1.36,0 q 0.032,-0.768 0.32,-1.296 0.288,-0.528 0.768,-0.848 0.48,-0.336 1.088,-0.48 0.624,-0.144 1.328,-0.144 0.56,0 1.104,0.08 0.56,0.08 1.008,0.336 0.448,0.24 0.72,0.688 0.272,0.448 0.272,1.168 l 0,4.256 q 0,0.48 0.048,0.704 0.064,0.224 0.384,0.224 0.176,0 0.416,-0.08 l 0,1.056 z m -2.208,-4.24 q -0.256,0.192 -0.672,0.288 -0.416,0.08 -0.88,0.144 -0.448,0.048 -0.912,0.128 -0.464,0.064 -0.832,0.224 -0.368,0.16 -0.608,0.464 -0.224,0.288 -0.224,0.8 0,0.336 0.128,0.576 0.144,0.224 0.352,0.368 0.224,0.144 0.512,0.208 0.288,0.064 0.608,0.064 0.672,0 1.152,-0.176 0.48,-0.192 0.784,-0.464 0.304,-0.288 0.448,-0.608 0.144,-0.336 0.144,-0.624 l 0,-1.392 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23130" />
+      <path
+         d="m -379.83414,215.85537 0,-7.568 -1.28,0 0,1.184 -0.016,0 q -0.368,-0.688 -1.024,-1.024 -0.656,-0.352 -1.44,-0.352 -1.072,0 -1.808,0.416 -0.736,0.4 -1.184,1.04 -0.448,0.624 -0.64,1.408 -0.192,0.768 -0.192,1.504 0,0.848 0.224,1.616 0.24,0.752 0.704,1.328 0.464,0.56 1.152,0.896 0.688,0.336 1.616,0.336 0.8,0 1.504,-0.352 0.72,-0.368 1.072,-1.136 l 0.032,0 0,0.544 q 0,0.688 -0.144,1.264 -0.128,0.576 -0.432,0.976 -0.304,0.416 -0.768,0.64 -0.464,0.24 -1.136,0.24 -0.336,0 -0.704,-0.08 -0.368,-0.064 -0.688,-0.224 -0.304,-0.16 -0.528,-0.416 -0.208,-0.256 -0.224,-0.624 l -1.36,0 q 0.032,0.672 0.352,1.136 0.32,0.464 0.8,0.752 0.496,0.288 1.088,0.416 0.608,0.128 1.184,0.128 1.984,0 2.912,-1.008 0.928,-1.008 0.928,-3.04 z m -3.808,-0.4 q -0.672,0 -1.12,-0.272 -0.448,-0.288 -0.72,-0.736 -0.272,-0.464 -0.384,-1.024 -0.112,-0.56 -0.112,-1.12 0,-0.592 0.128,-1.136 0.144,-0.544 0.432,-0.96 0.304,-0.416 0.768,-0.656 0.464,-0.256 1.12,-0.256 0.64,0 1.088,0.256 0.448,0.256 0.72,0.688 0.288,0.416 0.416,0.944 0.128,0.528 0.128,1.072 0,0.576 -0.144,1.152 -0.128,0.576 -0.416,1.04 -0.288,0.448 -0.768,0.736 -0.464,0.272 -1.136,0.272 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23132" />
+      <path
+         d="m -372.06989,211.63137 -4.752,0 q 0.032,-0.48 0.208,-0.896 0.176,-0.432 0.48,-0.752 0.304,-0.32 0.72,-0.496 0.432,-0.192 0.96,-0.192 0.512,0 0.928,0.192 0.432,0.176 0.736,0.496 0.32,0.304 0.496,0.736 0.192,0.432 0.224,0.912 z m 1.312,2.304 -1.344,0 q -0.176,0.816 -0.736,1.216 -0.544,0.4 -1.408,0.4 -0.672,0 -1.168,-0.224 -0.496,-0.224 -0.816,-0.592 -0.32,-0.384 -0.464,-0.864 -0.144,-0.496 -0.128,-1.04 l 6.192,0 q 0.032,-0.752 -0.144,-1.584 -0.16,-0.832 -0.608,-1.536 -0.432,-0.704 -1.168,-1.152 -0.72,-0.464 -1.824,-0.464 -0.848,0 -1.568,0.32 -0.704,0.32 -1.232,0.896 -0.512,0.576 -0.8,1.36 -0.288,0.784 -0.288,1.728 0.032,0.944 0.272,1.744 0.256,0.8 0.752,1.376 0.496,0.576 1.216,0.896 0.736,0.32 1.728,0.32 1.408,0 2.336,-0.704 0.928,-0.704 1.2,-2.096 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23134" />
+      <path
+         d="m -368.38814,213.95137 -1.36,0 q 0.032,0.768 0.32,1.312 0.288,0.528 0.768,0.864 0.48,0.32 1.104,0.464 0.624,0.144 1.312,0.144 0.624,0 1.248,-0.128 0.64,-0.112 1.136,-0.416 0.512,-0.304 0.816,-0.8 0.32,-0.496 0.32,-1.248 0,-0.592 -0.24,-0.992 -0.224,-0.4 -0.608,-0.656 -0.368,-0.272 -0.864,-0.432 -0.48,-0.16 -0.992,-0.272 -0.48,-0.112 -0.96,-0.208 -0.48,-0.112 -0.864,-0.256 -0.384,-0.16 -0.64,-0.384 -0.24,-0.24 -0.24,-0.592 0,-0.32 0.16,-0.512 0.16,-0.208 0.416,-0.32 0.256,-0.128 0.56,-0.176 0.32,-0.048 0.624,-0.048 0.336,0 0.656,0.08 0.336,0.064 0.608,0.224 0.272,0.16 0.448,0.432 0.176,0.256 0.208,0.656 l 1.36,0 q -0.048,-0.752 -0.32,-1.248 -0.272,-0.512 -0.736,-0.8 -0.448,-0.304 -1.04,-0.416 -0.592,-0.128 -1.296,-0.128 -0.544,0 -1.104,0.144 -0.544,0.128 -0.992,0.416 -0.432,0.272 -0.72,0.72 -0.272,0.448 -0.272,1.072 0,0.8 0.4,1.248 0.4,0.448 0.992,0.704 0.608,0.24 1.312,0.384 0.704,0.128 1.296,0.304 0.608,0.16 1.008,0.432 0.4,0.272 0.4,0.8 0,0.384 -0.192,0.64 -0.192,0.24 -0.496,0.368 -0.288,0.128 -0.64,0.176 -0.352,0.048 -0.672,0.048 -0.416,0 -0.816,-0.08 -0.384,-0.08 -0.704,-0.256 -0.304,-0.192 -0.496,-0.496 -0.192,-0.32 -0.208,-0.768 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23136" />
+    </g>
+    <rect
+       ry="0"
+       rx="0"
+       y="101.135"
+       x="295.48798"
+       height="244.25873"
+       width="124.47442"
+       id="rect16947"
+       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#005976;stroke-width:1.66371417;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       rx="6.3192477"
+       ry="6.3192472"
+       y="88.100029"
+       x="295.59448"
+       height="24.437988"
+       width="90.263519"
+       id="rect16949"
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#005976;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       transform="translate(717.3695,-110.61634)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot16951">
+      <path
+         d="m -405.12039,208.57537 1.52,0 q -0.128,-0.912 -0.544,-1.6 -0.416,-0.704 -1.04,-1.168 -0.624,-0.464 -1.424,-0.704 -0.8,-0.24 -1.696,-0.24 -1.312,0 -2.336,0.48 -1.008,0.464 -1.696,1.28 -0.672,0.816 -1.024,1.92 -0.352,1.088 -0.352,2.336 0,1.248 0.32,2.336 0.336,1.088 0.992,1.888 0.656,0.8 1.648,1.264 0.992,0.448 2.32,0.448 2.192,0 3.456,-1.2 1.264,-1.2 1.488,-3.36 l -1.52,0 q -0.048,0.704 -0.288,1.312 -0.24,0.608 -0.672,1.056 -0.416,0.432 -1.008,0.688 -0.576,0.24 -1.328,0.24 -1.024,0 -1.76,-0.384 -0.736,-0.384 -1.216,-1.024 -0.464,-0.656 -0.688,-1.52 -0.224,-0.88 -0.224,-1.856 0,-0.896 0.224,-1.728 0.224,-0.832 0.688,-1.472 0.48,-0.656 1.2,-1.04 0.736,-0.384 1.76,-0.384 1.2,0 2.064,0.608 0.88,0.608 1.136,1.824 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23139" />
+      <path
+         d="m -400.82189,212.43137 q 0,-0.752 0.192,-1.328 0.208,-0.592 0.56,-0.992 0.352,-0.4 0.816,-0.608 0.48,-0.208 1.008,-0.208 0.528,0 0.992,0.208 0.48,0.208 0.832,0.608 0.352,0.4 0.544,0.992 0.208,0.576 0.208,1.328 0,0.752 -0.208,1.344 -0.192,0.576 -0.544,0.976 -0.352,0.384 -0.832,0.592 -0.464,0.208 -0.992,0.208 -0.528,0 -1.008,-0.208 -0.464,-0.208 -0.816,-0.592 -0.352,-0.4 -0.56,-0.976 -0.192,-0.592 -0.192,-1.344 z m -1.44,0 q 0,0.912 0.256,1.696 0.256,0.784 0.768,1.376 0.512,0.576 1.264,0.912 0.752,0.32 1.728,0.32 0.992,0 1.728,-0.32 0.752,-0.336 1.264,-0.912 0.512,-0.592 0.768,-1.376 0.256,-0.784 0.256,-1.696 0,-0.912 -0.256,-1.696 -0.256,-0.8 -0.768,-1.376 -0.512,-0.592 -1.264,-0.928 -0.736,-0.336 -1.728,-0.336 -0.976,0 -1.728,0.336 -0.752,0.336 -1.264,0.928 -0.512,0.576 -0.768,1.376 -0.256,0.784 -0.256,1.696 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23141" />
+      <path
+         d="m -392.65764,208.28737 0,8.272 1.36,0 0,-4.672 q 0,-0.56 0.144,-1.024 0.16,-0.48 0.464,-0.832 0.304,-0.352 0.752,-0.544 0.464,-0.192 1.088,-0.192 0.784,0 1.232,0.448 0.448,0.448 0.448,1.216 l 0,5.6 1.36,0 0,-5.44 q 0,-0.672 -0.144,-1.216 -0.128,-0.56 -0.464,-0.96 -0.336,-0.4 -0.88,-0.624 -0.544,-0.224 -1.36,-0.224 -1.84,0 -2.688,1.504 l -0.032,0 0,-1.312 -1.28,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23143" />
+      <path
+         d="m -381.86339,208.28737 0,-2.48 -1.36,0 0,2.48 -1.408,0 0,1.2 1.408,0 0,5.264 q 0,0.576 0.112,0.928 0.112,0.352 0.336,0.544 0.24,0.192 0.608,0.272 0.384,0.064 0.912,0.064 l 1.04,0 0,-1.2 -0.624,0 q -0.32,0 -0.528,-0.016 -0.192,-0.032 -0.304,-0.112 -0.112,-0.08 -0.16,-0.224 -0.032,-0.144 -0.032,-0.384 l 0,-5.136 1.648,0 0,-1.2 -1.648,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23145" />
+      <path
+         d="m -371.36089,216.52737 q -0.352,0.208 -0.976,0.208 -0.528,0 -0.848,-0.288 -0.304,-0.304 -0.304,-0.976 -0.56,0.672 -1.312,0.976 -0.736,0.288 -1.6,0.288 -0.56,0 -1.072,-0.128 -0.496,-0.128 -0.864,-0.4 -0.368,-0.272 -0.592,-0.704 -0.208,-0.448 -0.208,-1.072 0,-0.704 0.24,-1.152 0.24,-0.448 0.624,-0.72 0.4,-0.288 0.896,-0.432 0.512,-0.144 1.04,-0.24 0.56,-0.112 1.056,-0.16 0.512,-0.064 0.896,-0.16 0.384,-0.112 0.608,-0.304 0.224,-0.208 0.224,-0.592 0,-0.448 -0.176,-0.72 -0.16,-0.272 -0.432,-0.416 -0.256,-0.144 -0.592,-0.192 -0.32,-0.048 -0.64,-0.048 -0.864,0 -1.44,0.336 -0.576,0.32 -0.624,1.232 l -1.36,0 q 0.032,-0.768 0.32,-1.296 0.288,-0.528 0.768,-0.848 0.48,-0.336 1.088,-0.48 0.624,-0.144 1.328,-0.144 0.56,0 1.104,0.08 0.56,0.08 1.008,0.336 0.448,0.24 0.72,0.688 0.272,0.448 0.272,1.168 l 0,4.256 q 0,0.48 0.048,0.704 0.064,0.224 0.384,0.224 0.176,0 0.416,-0.08 l 0,1.056 z m -2.208,-4.24 q -0.256,0.192 -0.672,0.288 -0.416,0.08 -0.88,0.144 -0.448,0.048 -0.912,0.128 -0.464,0.064 -0.832,0.224 -0.368,0.16 -0.608,0.464 -0.224,0.288 -0.224,0.8 0,0.336 0.128,0.576 0.144,0.224 0.352,0.368 0.224,0.144 0.512,0.208 0.288,0.064 0.608,0.064 0.672,0 1.152,-0.176 0.48,-0.192 0.784,-0.464 0.304,-0.288 0.448,-0.608 0.144,-0.336 0.144,-0.624 l 0,-1.392 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23147" />
+      <path
+         d="m -368.65514,206.79937 0,-1.664 -1.36,0 0,1.664 1.36,0 z m -1.36,1.488 0,8.272 1.36,0 0,-8.272 -1.36,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23149" />
+      <path
+         d="m -366.53264,208.28737 0,8.272 1.36,0 0,-4.672 q 0,-0.56 0.144,-1.024 0.16,-0.48 0.464,-0.832 0.304,-0.352 0.752,-0.544 0.464,-0.192 1.088,-0.192 0.784,0 1.232,0.448 0.448,0.448 0.448,1.216 l 0,5.6 1.36,0 0,-5.44 q 0,-0.672 -0.144,-1.216 -0.128,-0.56 -0.464,-0.96 -0.336,-0.4 -0.88,-0.624 -0.544,-0.224 -1.36,-0.224 -1.84,0 -2.688,1.504 l -0.032,0 0,-1.312 -1.28,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23151" />
+      <path
+         d="m -351.88239,211.63137 -4.752,0 q 0.032,-0.48 0.208,-0.896 0.176,-0.432 0.48,-0.752 0.304,-0.32 0.72,-0.496 0.432,-0.192 0.96,-0.192 0.512,0 0.928,0.192 0.432,0.176 0.736,0.496 0.32,0.304 0.496,0.736 0.192,0.432 0.224,0.912 z m 1.312,2.304 -1.344,0 q -0.176,0.816 -0.736,1.216 -0.544,0.4 -1.408,0.4 -0.672,0 -1.168,-0.224 -0.496,-0.224 -0.816,-0.592 -0.32,-0.384 -0.464,-0.864 -0.144,-0.496 -0.128,-1.04 l 6.192,0 q 0.032,-0.752 -0.144,-1.584 -0.16,-0.832 -0.608,-1.536 -0.432,-0.704 -1.168,-1.152 -0.72,-0.464 -1.824,-0.464 -0.848,0 -1.568,0.32 -0.704,0.32 -1.232,0.896 -0.512,0.576 -0.8,1.36 -0.288,0.784 -0.288,1.728 0.032,0.944 0.272,1.744 0.256,0.8 0.752,1.376 0.496,0.576 1.216,0.896 0.736,0.32 1.728,0.32 1.408,0 2.336,-0.704 0.928,-0.704 1.2,-2.096 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23153" />
+      <path
+         d="m -349.08064,208.28737 0,8.272 1.36,0 0,-3.68 q 0,-0.8 0.16,-1.408 0.16,-0.624 0.512,-1.056 0.352,-0.432 0.928,-0.656 0.576,-0.224 1.392,-0.224 l 0,-1.44 q -1.104,-0.032 -1.824,0.448 -0.72,0.48 -1.216,1.488 l -0.032,0 0,-1.744 -1.28,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23155" />
+      <path
+         d="m -342.85689,213.95137 -1.36,0 q 0.032,0.768 0.32,1.312 0.288,0.528 0.768,0.864 0.48,0.32 1.104,0.464 0.624,0.144 1.312,0.144 0.624,0 1.248,-0.128 0.64,-0.112 1.136,-0.416 0.512,-0.304 0.816,-0.8 0.32,-0.496 0.32,-1.248 0,-0.592 -0.24,-0.992 -0.224,-0.4 -0.608,-0.656 -0.368,-0.272 -0.864,-0.432 -0.48,-0.16 -0.992,-0.272 -0.48,-0.112 -0.96,-0.208 -0.48,-0.112 -0.864,-0.256 -0.384,-0.16 -0.64,-0.384 -0.24,-0.24 -0.24,-0.592 0,-0.32 0.16,-0.512 0.16,-0.208 0.416,-0.32 0.256,-0.128 0.56,-0.176 0.32,-0.048 0.624,-0.048 0.336,0 0.656,0.08 0.336,0.064 0.608,0.224 0.272,0.16 0.448,0.432 0.176,0.256 0.208,0.656 l 1.36,0 q -0.048,-0.752 -0.32,-1.248 -0.272,-0.512 -0.736,-0.8 -0.448,-0.304 -1.04,-0.416 -0.592,-0.128 -1.296,-0.128 -0.544,0 -1.104,0.144 -0.544,0.128 -0.992,0.416 -0.432,0.272 -0.72,0.72 -0.272,0.448 -0.272,1.072 0,0.8 0.4,1.248 0.4,0.448 0.992,0.704 0.608,0.24 1.312,0.384 0.704,0.128 1.296,0.304 0.608,0.16 1.008,0.432 0.4,0.272 0.4,0.8 0,0.384 -0.192,0.64 -0.192,0.24 -0.496,0.368 -0.288,0.128 -0.64,0.176 -0.352,0.048 -0.672,0.048 -0.416,0 -0.816,-0.08 -0.384,-0.08 -0.704,-0.256 -0.304,-0.192 -0.496,-0.496 -0.192,-0.32 -0.208,-0.768 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23157" />
+    </g>
+    <g
+       id="g5083"
+       transform="matrix(0.47747005,0,0,0.50284965,330.19832,124.13704)">
+      <g
+         id="Isolation_Mode-6">
+        <polygon
+           id="polygon4984"
+           points="0,72.66 92.65,101.222 122.005,77.57 122.005,22.429 32.038,0.183 0,19.314 "
+           style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd" />
+        <polygon
+           id="polygon4986"
+           points="92.65,94.222 5,67.66 5,23.314 92.65,45.131 "
+           style="clip-rule:evenodd;fill:#a5eaf2;fill-rule:evenodd" />
+        <g
+           id="g4988">
+          <g
+             id="g4990">
+            <polygon
+               id="polygon4992"
+               points="11.364,66.906 11.364,30.067 7.917,29.184 7.917,66.177 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon4994"
+               points="17.598,68.765 17.598,31.68 14.134,30.801 14.134,68.013 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon4996"
+               points="23.831,70.624 23.831,33.292 20.353,32.418 20.353,69.848 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon4998"
+               points="30.063,72.483 30.063,34.905 26.569,34.035 26.569,71.684 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5000"
+               points="36.298,74.341 36.298,36.518 32.789,35.652 32.789,73.519 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5002"
+               points="42.532,76.201 42.532,38.13 39.007,37.27 39.007,75.354 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5004"
+               points="48.765,78.06 48.765,39.743 45.224,38.887 45.224,77.19 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5006"
+               points="54.999,79.919 54.999,41.356 51.442,40.504 51.442,79.025 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5008"
+               points="61.231,81.777 61.231,42.968 57.661,42.122 57.661,80.86 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5010"
+               points="67.466,83.637 67.466,44.581 63.878,43.737 63.878,82.697 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5012"
+               points="73.699,85.496 73.699,46.193 70.097,45.355 70.097,84.532 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5014"
+               points="79.933,87.354 79.933,47.806 76.313,46.973 76.313,86.367 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5016"
+               points="82.532,88.203 86.165,89.213 86.165,49.418 82.532,48.589 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+          </g>
+          <g
+             id="g5018">
+            <polygon
+               id="polygon5020"
+               points="11.364,66.906 11.364,30.067 7.917,29.184 7.917,66.177 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5022"
+               points="17.598,68.765 17.598,31.68 14.134,30.801 14.134,68.013 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5024"
+               points="23.831,70.624 23.831,33.292 20.353,32.418 20.353,69.848 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5026"
+               points="30.063,72.483 30.063,34.905 26.569,34.035 26.569,71.684 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5028"
+               points="36.298,74.341 36.298,36.518 32.789,35.652 32.789,73.519 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5030"
+               points="42.532,76.201 42.532,38.13 39.007,37.27 39.007,75.354 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5032"
+               points="48.765,78.06 48.765,39.743 45.224,38.887 45.224,77.19 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5034"
+               points="54.999,79.919 54.999,41.356 51.442,40.504 51.442,79.025 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5036"
+               points="61.231,81.777 61.231,42.968 57.661,42.122 57.661,80.86 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5038"
+               points="67.466,83.637 67.466,44.581 63.878,43.737 63.878,82.697 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5040"
+               points="73.699,85.496 73.699,46.193 70.097,45.355 70.097,84.532 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5042"
+               points="79.933,87.354 79.933,47.806 76.313,46.973 76.313,86.367 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5044"
+               points="82.532,88.203 86.165,89.213 86.165,49.418 82.532,48.589 "
+               style="fill:#394d54" />
+          </g>
+        </g>
+        <polygon
+           id="polygon5046"
+           points="117.005,75.212 92.65,94.398 92.65,46.469 117.005,29.184 "
+           style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+        <polygon
+           id="polygon5048"
+           points="117.005,27.429 92.65,45.131 5,23.314 32.538,6.683 "
+           style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd" />
+        <rect
+           id="rect5050"
+           height="92.299004"
+           width="3.5250001"
+           transform="matrix(0.241,-0.9705,0.9705,0.241,3.2084,72.3107)"
+           y="-12.046"
+           x="46.075001"
+           style="fill:#394d54" />
+        <rect
+           id="rect5052"
+           height="34.868999"
+           width="3.5250001"
+           transform="matrix(0.5701,0.8215,-0.8215,0.5701,74.5518,-71.3707)"
+           y="18.122"
+           x="103.715"
+           style="fill:#394d54" />
+        <rect
+           id="rect5054"
+           height="51.174"
+           width="3.523"
+           transform="matrix(1,-0.0022,0.0022,1,-0.1552,0.2041)"
+           y="44.498001"
+           x="90.234001"
+           style="fill:#394d54" />
+      </g>
+      <g
+         display="none"
+         id="Layer_2-0"
+         style="display:none">
+        <line
+           id="line5063"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-49.362"
+           x1="-77.349998"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5065"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-46.612"
+           x1="-77.349998"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5067"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-4.362"
+           x1="-77.349998"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5069"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-67.064003"
+           x1="-52.994999"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5071"
+           y2="-49.472"
+           x2="-76.915001"
+           y1="-492.659"
+           x1="532.88"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5073"
+           y2="-71.179001"
+           x2="-165"
+           y1="-492.659"
+           x1="532.88"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5075"
+           y2="-0.271"
+           x2="-77.349998"
+           y1="-492.659"
+           x1="532.88"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+      </g>
+    </g>
+    <g
+       id="g5225"
+       transform="matrix(0.47747005,0,0,0.50284965,330.19832,175.51094)">
+      <g
+         id="g5227">
+        <polygon
+           id="polygon5229"
+           points="122.005,22.429 32.038,0.183 0,19.314 0,72.66 92.65,101.222 122.005,77.57 "
+           style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd" />
+        <polygon
+           id="polygon5231"
+           points="92.65,45.131 92.65,94.222 5,67.66 5,23.314 "
+           style="clip-rule:evenodd;fill:#a5eaf2;fill-rule:evenodd" />
+        <g
+           id="g5233">
+          <g
+             id="g5235">
+            <polygon
+               id="polygon5237"
+               points="7.917,66.177 11.364,66.906 11.364,30.067 7.917,29.184 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5239"
+               points="14.134,68.013 17.598,68.765 17.598,31.68 14.134,30.801 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5241"
+               points="20.353,69.848 23.831,70.624 23.831,33.292 20.353,32.418 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5243"
+               points="26.569,71.684 30.063,72.483 30.063,34.905 26.569,34.035 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5245"
+               points="32.789,73.519 36.298,74.341 36.298,36.518 32.789,35.652 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5247"
+               points="39.007,75.354 42.532,76.201 42.532,38.13 39.007,37.27 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5249"
+               points="45.224,77.19 48.765,78.06 48.765,39.743 45.224,38.887 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5251"
+               points="51.442,79.025 54.999,79.919 54.999,41.356 51.442,40.504 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5253"
+               points="57.661,80.86 61.231,81.777 61.231,42.968 57.661,42.122 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5255"
+               points="63.878,82.697 67.466,83.637 67.466,44.581 63.878,43.737 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5257"
+               points="70.097,84.532 73.699,85.496 73.699,46.193 70.097,45.355 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5259"
+               points="76.313,86.367 79.933,87.354 79.933,47.806 76.313,46.973 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+            <polygon
+               id="polygon5261"
+               points="82.532,48.589 82.532,88.203 86.165,89.213 86.165,49.418 "
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+          </g>
+          <g
+             id="g5263">
+            <polygon
+               id="polygon5265"
+               points="7.917,66.177 11.364,66.906 11.364,30.067 7.917,29.184 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5267"
+               points="14.134,68.013 17.598,68.765 17.598,31.68 14.134,30.801 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5269"
+               points="20.353,69.848 23.831,70.624 23.831,33.292 20.353,32.418 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5271"
+               points="26.569,71.684 30.063,72.483 30.063,34.905 26.569,34.035 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5273"
+               points="32.789,73.519 36.298,74.341 36.298,36.518 32.789,35.652 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5275"
+               points="39.007,75.354 42.532,76.201 42.532,38.13 39.007,37.27 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5277"
+               points="45.224,77.19 48.765,78.06 48.765,39.743 45.224,38.887 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5279"
+               points="51.442,79.025 54.999,79.919 54.999,41.356 51.442,40.504 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5281"
+               points="57.661,80.86 61.231,81.777 61.231,42.968 57.661,42.122 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5283"
+               points="63.878,82.697 67.466,83.637 67.466,44.581 63.878,43.737 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5285"
+               points="70.097,84.532 73.699,85.496 73.699,46.193 70.097,45.355 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5287"
+               points="76.313,86.367 79.933,87.354 79.933,47.806 76.313,46.973 "
+               style="fill:#394d54" />
+            <polygon
+               id="polygon5289"
+               points="82.532,48.589 82.532,88.203 86.165,89.213 86.165,49.418 "
+               style="fill:#394d54" />
+          </g>
+        </g>
+        <polygon
+           id="polygon5291"
+           points="117.005,29.184 117.005,75.212 92.65,94.398 92.65,46.469 "
+           style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd" />
+        <polygon
+           id="polygon5293"
+           points="32.538,6.683 117.005,27.429 92.65,45.131 5,23.314 "
+           style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd" />
+        <rect
+           id="rect5295"
+           height="92.299004"
+           width="3.5250001"
+           transform="matrix(0.241,-0.9705,0.9705,0.241,3.2084,72.3107)"
+           y="-12.046"
+           x="46.075001"
+           style="fill:#394d54" />
+        <rect
+           id="rect5297"
+           height="34.868999"
+           width="3.5250001"
+           transform="matrix(0.5701,0.8215,-0.8215,0.5701,74.5518,-71.3707)"
+           y="18.122"
+           x="103.715"
+           style="fill:#394d54" />
+        <rect
+           id="rect5299"
+           height="51.174"
+           width="3.523"
+           transform="matrix(1,-0.0022,0.0022,1,-0.1552,0.2041)"
+           y="44.498001"
+           x="90.234001"
+           style="fill:#394d54" />
+      </g>
+      <g
+         display="none"
+         id="g5301"
+         style="display:none">
+        <line
+           id="line5303"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-49.362"
+           x1="-77.349998"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5305"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-46.612"
+           x1="-77.349998"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5307"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-4.362"
+           x1="-77.349998"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5309"
+           y2="-492.659"
+           x2="-1830.454"
+           y1="-67.064003"
+           x1="-52.994999"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5311"
+           y2="-49.472"
+           x2="-76.915001"
+           y1="-492.659"
+           x1="532.88"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5313"
+           y2="-71.179001"
+           x2="-165"
+           y1="-492.659"
+           x1="532.88"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+        <line
+           id="line5315"
+           y2="-0.271"
+           x2="-77.349998"
+           y1="-492.659"
+           x1="532.88"
+           stroke-miterlimit="10"
+           display="inline"
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.47747005,0,0,0.50284965,330.19832,226.88483)"
+       id="g17899">
+      <g
+         id="g17901">
+        <polygon
+           style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd"
+           points="122.005,77.57 122.005,22.429 32.038,0.183 0,19.314 0,72.66 92.65,101.222 "
+           id="polygon17903" />
+        <polygon
+           style="clip-rule:evenodd;fill:#a5eaf2;fill-rule:evenodd"
+           points="5,23.314 92.65,45.131 92.65,94.222 5,67.66 "
+           id="polygon17905" />
+        <g
+           id="g17907">
+          <g
+             id="g17909">
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="7.917,29.184 7.917,66.177 11.364,66.906 11.364,30.067 "
+               id="polygon17911" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="14.134,30.801 14.134,68.013 17.598,68.765 17.598,31.68 "
+               id="polygon17913" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="20.353,32.418 20.353,69.848 23.831,70.624 23.831,33.292 "
+               id="polygon17915" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="26.569,34.035 26.569,71.684 30.063,72.483 30.063,34.905 "
+               id="polygon17917" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="32.789,35.652 32.789,73.519 36.298,74.341 36.298,36.518 "
+               id="polygon17919" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="39.007,37.27 39.007,75.354 42.532,76.201 42.532,38.13 "
+               id="polygon17921" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="45.224,38.887 45.224,77.19 48.765,78.06 48.765,39.743 "
+               id="polygon17923" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="51.442,40.504 51.442,79.025 54.999,79.919 54.999,41.356 "
+               id="polygon17925" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="57.661,42.122 57.661,80.86 61.231,81.777 61.231,42.968 "
+               id="polygon17927" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="63.878,43.737 63.878,82.697 67.466,83.637 67.466,44.581 "
+               id="polygon17929" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="70.097,45.355 70.097,84.532 73.699,85.496 73.699,46.193 "
+               id="polygon17931" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="76.313,46.973 76.313,86.367 79.933,87.354 79.933,47.806 "
+               id="polygon17933" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="86.165,49.418 82.532,48.589 82.532,88.203 86.165,89.213 "
+               id="polygon17935" />
+          </g>
+          <g
+             id="g17937">
+            <polygon
+               style="fill:#394d54"
+               points="7.917,29.184 7.917,66.177 11.364,66.906 11.364,30.067 "
+               id="polygon17939" />
+            <polygon
+               style="fill:#394d54"
+               points="14.134,30.801 14.134,68.013 17.598,68.765 17.598,31.68 "
+               id="polygon17941" />
+            <polygon
+               style="fill:#394d54"
+               points="20.353,32.418 20.353,69.848 23.831,70.624 23.831,33.292 "
+               id="polygon17943" />
+            <polygon
+               style="fill:#394d54"
+               points="26.569,34.035 26.569,71.684 30.063,72.483 30.063,34.905 "
+               id="polygon17945" />
+            <polygon
+               style="fill:#394d54"
+               points="32.789,35.652 32.789,73.519 36.298,74.341 36.298,36.518 "
+               id="polygon17947" />
+            <polygon
+               style="fill:#394d54"
+               points="39.007,37.27 39.007,75.354 42.532,76.201 42.532,38.13 "
+               id="polygon17949" />
+            <polygon
+               style="fill:#394d54"
+               points="45.224,38.887 45.224,77.19 48.765,78.06 48.765,39.743 "
+               id="polygon17951" />
+            <polygon
+               style="fill:#394d54"
+               points="51.442,40.504 51.442,79.025 54.999,79.919 54.999,41.356 "
+               id="polygon17953" />
+            <polygon
+               style="fill:#394d54"
+               points="57.661,42.122 57.661,80.86 61.231,81.777 61.231,42.968 "
+               id="polygon17955" />
+            <polygon
+               style="fill:#394d54"
+               points="63.878,43.737 63.878,82.697 67.466,83.637 67.466,44.581 "
+               id="polygon17957" />
+            <polygon
+               style="fill:#394d54"
+               points="70.097,45.355 70.097,84.532 73.699,85.496 73.699,46.193 "
+               id="polygon17959" />
+            <polygon
+               style="fill:#394d54"
+               points="76.313,46.973 76.313,86.367 79.933,87.354 79.933,47.806 "
+               id="polygon17961" />
+            <polygon
+               style="fill:#394d54"
+               points="86.165,49.418 82.532,48.589 82.532,88.203 86.165,89.213 "
+               id="polygon17963" />
+          </g>
+        </g>
+        <polygon
+           style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+           points="92.65,46.469 117.005,29.184 117.005,75.212 92.65,94.398 "
+           id="polygon17965" />
+        <polygon
+           style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"
+           points="5,23.314 32.538,6.683 117.005,27.429 92.65,45.131 "
+           id="polygon17967" />
+        <rect
+           style="fill:#394d54"
+           x="46.075001"
+           y="-12.046"
+           transform="matrix(0.241,-0.9705,0.9705,0.241,3.2084,72.3107)"
+           width="3.5250001"
+           height="92.299004"
+           id="rect17969" />
+        <rect
+           style="fill:#394d54"
+           x="103.715"
+           y="18.122"
+           transform="matrix(0.5701,0.8215,-0.8215,0.5701,74.5518,-71.3707)"
+           width="3.5250001"
+           height="34.868999"
+           id="rect17971" />
+        <rect
+           style="fill:#394d54"
+           x="90.234001"
+           y="44.498001"
+           transform="matrix(1,-0.0022,0.0022,1,-0.1552,0.2041)"
+           width="3.523"
+           height="51.174"
+           id="rect17973" />
+      </g>
+      <g
+         style="display:none"
+         id="g17975"
+         display="none">
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-77.349998"
+           y1="-49.362"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line17977" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-77.349998"
+           y1="-46.612"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line17979" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-77.349998"
+           y1="-4.362"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line17981" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-52.994999"
+           y1="-67.064003"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line17983" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="532.88"
+           y1="-492.659"
+           x2="-76.915001"
+           y2="-49.472"
+           id="line17985" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="532.88"
+           y1="-492.659"
+           x2="-165"
+           y2="-71.179001"
+           id="line17987" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="532.88"
+           y1="-492.659"
+           x2="-77.349998"
+           y2="-0.271"
+           id="line17989" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.47747005,0,0,0.50284965,330.19832,278.25873)"
+       id="g17991">
+      <g
+         id="g17993">
+        <polygon
+           style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd"
+           points="32.038,0.183 0,19.314 0,72.66 92.65,101.222 122.005,77.57 122.005,22.429 "
+           id="polygon17995" />
+        <polygon
+           style="clip-rule:evenodd;fill:#a5eaf2;fill-rule:evenodd"
+           points="92.65,94.222 5,67.66 5,23.314 92.65,45.131 "
+           id="polygon17997" />
+        <g
+           id="g17999">
+          <g
+             id="g18001">
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="11.364,66.906 11.364,30.067 7.917,29.184 7.917,66.177 "
+               id="polygon18003" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="17.598,68.765 17.598,31.68 14.134,30.801 14.134,68.013 "
+               id="polygon18005" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="23.831,70.624 23.831,33.292 20.353,32.418 20.353,69.848 "
+               id="polygon18007" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="30.063,72.483 30.063,34.905 26.569,34.035 26.569,71.684 "
+               id="polygon18009" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="36.298,74.341 36.298,36.518 32.789,35.652 32.789,73.519 "
+               id="polygon18011" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="42.532,76.201 42.532,38.13 39.007,37.27 39.007,75.354 "
+               id="polygon18013" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="48.765,78.06 48.765,39.743 45.224,38.887 45.224,77.19 "
+               id="polygon18015" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="54.999,79.919 54.999,41.356 51.442,40.504 51.442,79.025 "
+               id="polygon18017" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="61.231,81.777 61.231,42.968 57.661,42.122 57.661,80.86 "
+               id="polygon18019" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="67.466,83.637 67.466,44.581 63.878,43.737 63.878,82.697 "
+               id="polygon18021" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="73.699,85.496 73.699,46.193 70.097,45.355 70.097,84.532 "
+               id="polygon18023" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="79.933,87.354 79.933,47.806 76.313,46.973 76.313,86.367 "
+               id="polygon18025" />
+            <polygon
+               style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+               points="82.532,88.203 86.165,89.213 86.165,49.418 82.532,48.589 "
+               id="polygon18027" />
+          </g>
+          <g
+             id="g18029">
+            <polygon
+               style="fill:#394d54"
+               points="11.364,66.906 11.364,30.067 7.917,29.184 7.917,66.177 "
+               id="polygon18031" />
+            <polygon
+               style="fill:#394d54"
+               points="17.598,68.765 17.598,31.68 14.134,30.801 14.134,68.013 "
+               id="polygon18033" />
+            <polygon
+               style="fill:#394d54"
+               points="23.831,70.624 23.831,33.292 20.353,32.418 20.353,69.848 "
+               id="polygon18035" />
+            <polygon
+               style="fill:#394d54"
+               points="30.063,72.483 30.063,34.905 26.569,34.035 26.569,71.684 "
+               id="polygon18037" />
+            <polygon
+               style="fill:#394d54"
+               points="36.298,74.341 36.298,36.518 32.789,35.652 32.789,73.519 "
+               id="polygon18039" />
+            <polygon
+               style="fill:#394d54"
+               points="42.532,76.201 42.532,38.13 39.007,37.27 39.007,75.354 "
+               id="polygon18041" />
+            <polygon
+               style="fill:#394d54"
+               points="48.765,78.06 48.765,39.743 45.224,38.887 45.224,77.19 "
+               id="polygon18043" />
+            <polygon
+               style="fill:#394d54"
+               points="54.999,79.919 54.999,41.356 51.442,40.504 51.442,79.025 "
+               id="polygon18045" />
+            <polygon
+               style="fill:#394d54"
+               points="61.231,81.777 61.231,42.968 57.661,42.122 57.661,80.86 "
+               id="polygon18047" />
+            <polygon
+               style="fill:#394d54"
+               points="67.466,83.637 67.466,44.581 63.878,43.737 63.878,82.697 "
+               id="polygon18049" />
+            <polygon
+               style="fill:#394d54"
+               points="73.699,85.496 73.699,46.193 70.097,45.355 70.097,84.532 "
+               id="polygon18051" />
+            <polygon
+               style="fill:#394d54"
+               points="79.933,87.354 79.933,47.806 76.313,46.973 76.313,86.367 "
+               id="polygon18053" />
+            <polygon
+               style="fill:#394d54"
+               points="82.532,88.203 86.165,89.213 86.165,49.418 82.532,48.589 "
+               id="polygon18055" />
+          </g>
+        </g>
+        <polygon
+           style="clip-rule:evenodd;fill:#31b4d3;fill-rule:evenodd"
+           points="117.005,75.212 92.65,94.398 92.65,46.469 117.005,29.184 "
+           id="polygon18057" />
+        <polygon
+           style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"
+           points="117.005,27.429 92.65,45.131 5,23.314 32.538,6.683 "
+           id="polygon18059" />
+        <rect
+           style="fill:#394d54"
+           x="46.075001"
+           y="-12.046"
+           transform="matrix(0.241,-0.9705,0.9705,0.241,3.2084,72.3107)"
+           width="3.5250001"
+           height="92.299004"
+           id="rect18061" />
+        <rect
+           style="fill:#394d54"
+           x="103.715"
+           y="18.122"
+           transform="matrix(0.5701,0.8215,-0.8215,0.5701,74.5518,-71.3707)"
+           width="3.5250001"
+           height="34.868999"
+           id="rect18063" />
+        <rect
+           style="fill:#394d54"
+           x="90.234001"
+           y="44.498001"
+           transform="matrix(1,-0.0022,0.0022,1,-0.1552,0.2041)"
+           width="3.523"
+           height="51.174"
+           id="rect18065" />
+      </g>
+      <g
+         style="display:none"
+         id="g18067"
+         display="none">
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-77.349998"
+           y1="-49.362"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line18069" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-77.349998"
+           y1="-46.612"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line18071" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-77.349998"
+           y1="-4.362"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line18073" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="-52.994999"
+           y1="-67.064003"
+           x2="-1830.454"
+           y2="-492.659"
+           id="line18075" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="532.88"
+           y1="-492.659"
+           x2="-76.915001"
+           y2="-49.472"
+           id="line18077" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="532.88"
+           y1="-492.659"
+           x2="-165"
+           y2="-71.179001"
+           id="line18079" />
+        <line
+           style="display:inline;fill:none;stroke:#24b8eb;stroke-width:0.3191731;stroke-miterlimit:10"
+           display="inline"
+           stroke-miterlimit="10"
+           x1="532.88"
+           y1="-492.659"
+           x2="-77.349998"
+           y2="-0.271"
+           id="line18081" />
+      </g>
+    </g>
+    <g
+       transform="matrix(0.30953328,-0.23033205,0,0.30953328,188.6113,392.68265)"
+       id="g18083">
+      <path
+         style="fill:#394d54;fill-opacity:1"
+         d="m 620.36719,177.47266 c -11.84776,-0.50977 -19.91248,14.44883 -12.98047,24.06836 6.07955,10.39639 23.35314,8.80448 27.42969,-2.52735 4.38855,-9.96271 -3.54659,-21.81733 -14.44922,-21.54101 z"
+         id="circle18140"
+         inkscape:connector-curvature="0" />
+      <circle
+         id="circle18085"
+         r="13.5728"
+         cy="193.04353"
+         cx="620.4353"
+         style="fill:#dd4814" />
+      <path
+         id="path18087"
+         d="m 611.96969,191.41233 c -0.9016,0 -1.6288,0.7296 -1.6288,1.6312 0,0.8984 0.7272,1.6296 1.6288,1.6296 0.9024,0 1.6312,-0.7312 1.6312,-1.6296 0,-0.9016 -0.7288,-1.6312 -1.6312,-1.6312 z m 11.644,7.4128 c -0.7808,0.4472 -1.0464,1.4456 -0.5976,2.2232 0.4504,0.7816 1.4472,1.0472 2.2272,0.5984 0.78,-0.4496 1.048,-1.4472 0.5976,-2.2264 -0.4504,-0.78 -1.448,-1.0472 -2.2272,-0.5952 z m -8.1,-5.7816 c 0,-1.6128 0.7984,-3.0376 2.0232,-3.8984 l -1.1904,-1.9984 c -1.4272,0.9528 -2.4896,2.4112 -2.9312,4.1184 0.5168,0.42 0.844,1.0592 0.844,1.7784 0,0.7144 -0.3264,1.3528 -0.844,1.7752 0.4416,1.7064 1.504,3.164 2.9312,4.1168 l 1.1904,-1.9968 c -1.2248,-0.8608 -2.0232,-2.284 -2.0232,-3.8952 z m 4.7616,-4.7656 c 2.4896,0 4.5304,1.908 4.7448,4.344 l 2.324,-0.0376 c -0.1152,-1.7952 -0.8992,-3.408 -2.1048,-4.5936 -0.6208,0.2328 -1.3376,0.2 -1.956,-0.1592 -0.6184,-0.3576 -1.008,-0.9592 -1.1152,-1.616 -0.6032,-0.1656 -1.2376,-0.2576 -1.8928,-0.2576 -1.1264,0 -2.1928,0.2656 -3.1376,0.7344 l 1.132,2.0296 c 0.6096,-0.2848 1.2904,-0.444 2.0056,-0.444 z m 0,9.5264 c -0.716,0 -1.396,-0.1576 -2.0056,-0.4424 l -1.132,2.0296 c 0.9448,0.4704 2.0112,0.7328 3.1376,0.7328 0.6552,0 1.2896,-0.0888 1.8928,-0.256 0.1072,-0.656 0.496,-1.2576 1.1152,-1.6168 0.62,-0.3576 1.3352,-0.392 1.956,-0.156 1.2056,-1.1872 1.9896,-2.8 2.1048,-4.5968 l -2.324,-0.0328 c -0.2144,2.432 -2.2552,4.3384 -4.7448,4.3384 z m 3.3384,-10.5432 c 0.7792,0.4488 1.7768,0.1832 2.2256,-0.5984 0.4504,-0.7768 0.1832,-1.7752 -0.596,-2.2248 -0.7808,-0.4496 -1.7768,-0.1832 -2.2272,0.5968 -0.4488,0.7792 -0.1832,1.776 0.5976,2.2264 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff" />
+    </g>
+    <g
+       id="g18146"
+       transform="matrix(0.30953328,-0.23033205,0,0.30953328,188.6113,238.59168)">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18148"
+         d="m 620.36719,177.47266 c -11.84776,-0.50977 -19.91248,14.44883 -12.98047,24.06836 6.07955,10.39639 23.35314,8.80448 27.42969,-2.52735 4.38855,-9.96271 -3.54659,-21.81733 -14.44922,-21.54101 z"
+         style="fill:#394d54;fill-opacity:1" />
+      <circle
+         style="fill:#dd4814"
+         cx="620.4353"
+         cy="193.04353"
+         r="13.5728"
+         id="circle18150" />
+      <path
+         style="fill:#ffffff"
+         inkscape:connector-curvature="0"
+         d="m 611.96969,191.41233 c -0.9016,0 -1.6288,0.7296 -1.6288,1.6312 0,0.8984 0.7272,1.6296 1.6288,1.6296 0.9024,0 1.6312,-0.7312 1.6312,-1.6296 0,-0.9016 -0.7288,-1.6312 -1.6312,-1.6312 z m 11.644,7.4128 c -0.7808,0.4472 -1.0464,1.4456 -0.5976,2.2232 0.4504,0.7816 1.4472,1.0472 2.2272,0.5984 0.78,-0.4496 1.048,-1.4472 0.5976,-2.2264 -0.4504,-0.78 -1.448,-1.0472 -2.2272,-0.5952 z m -8.1,-5.7816 c 0,-1.6128 0.7984,-3.0376 2.0232,-3.8984 l -1.1904,-1.9984 c -1.4272,0.9528 -2.4896,2.4112 -2.9312,4.1184 0.5168,0.42 0.844,1.0592 0.844,1.7784 0,0.7144 -0.3264,1.3528 -0.844,1.7752 0.4416,1.7064 1.504,3.164 2.9312,4.1168 l 1.1904,-1.9968 c -1.2248,-0.8608 -2.0232,-2.284 -2.0232,-3.8952 z m 4.7616,-4.7656 c 2.4896,0 4.5304,1.908 4.7448,4.344 l 2.324,-0.0376 c -0.1152,-1.7952 -0.8992,-3.408 -2.1048,-4.5936 -0.6208,0.2328 -1.3376,0.2 -1.956,-0.1592 -0.6184,-0.3576 -1.008,-0.9592 -1.1152,-1.616 -0.6032,-0.1656 -1.2376,-0.2576 -1.8928,-0.2576 -1.1264,0 -2.1928,0.2656 -3.1376,0.7344 l 1.132,2.0296 c 0.6096,-0.2848 1.2904,-0.444 2.0056,-0.444 z m 0,9.5264 c -0.716,0 -1.396,-0.1576 -2.0056,-0.4424 l -1.132,2.0296 c 0.9448,0.4704 2.0112,0.7328 3.1376,0.7328 0.6552,0 1.2896,-0.0888 1.8928,-0.256 0.1072,-0.656 0.496,-1.2576 1.1152,-1.6168 0.62,-0.3576 1.3352,-0.392 1.956,-0.156 1.2056,-1.1872 1.9896,-2.8 2.1048,-4.5968 l -2.324,-0.0328 c -0.2144,2.432 -2.2552,4.3384 -4.7448,4.3384 z m 3.3384,-10.5432 c 0.7792,0.4488 1.7768,0.1832 2.2256,-0.5984 0.4504,-0.7768 0.1832,-1.7752 -0.596,-2.2248 -0.7808,-0.4496 -1.7768,-0.1832 -2.2272,0.5968 -0.4488,0.7792 -0.1832,1.776 0.5976,2.2264 z"
+         id="path18152" />
+    </g>
+    <rect
+       style="display:inline;opacity:1;fill:#ade5f9;fill-opacity:1;stroke:#005976;stroke-width:1.47231948;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect15559"
+       width="172.45595"
+       height="163.06149"
+       x="74.023972"
+       y="8.968852"
+       rx="0"
+       ry="0" />
+    <rect
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#005976;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect15561"
+       width="55.863518"
+       height="24.437973"
+       x="74.226181"
+       y="-3.9703875"
+       ry="6.3192472"
+       rx="6.3192477" />
+    <g
+       transform="translate(496.0012,-202.68678)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot16093">
+      <path
+         d="m -405.12039,208.57537 1.52,0 q -0.128,-0.912 -0.544,-1.6 -0.416,-0.704 -1.04,-1.168 -0.624,-0.464 -1.424,-0.704 -0.8,-0.24 -1.696,-0.24 -1.312,0 -2.336,0.48 -1.008,0.464 -1.696,1.28 -0.672,0.816 -1.024,1.92 -0.352,1.088 -0.352,2.336 0,1.248 0.32,2.336 0.336,1.088 0.992,1.888 0.656,0.8 1.648,1.264 0.992,0.448 2.32,0.448 2.192,0 3.456,-1.2 1.264,-1.2 1.488,-3.36 l -1.52,0 q -0.048,0.704 -0.288,1.312 -0.24,0.608 -0.672,1.056 -0.416,0.432 -1.008,0.688 -0.576,0.24 -1.328,0.24 -1.024,0 -1.76,-0.384 -0.736,-0.384 -1.216,-1.024 -0.464,-0.656 -0.688,-1.52 -0.224,-0.88 -0.224,-1.856 0,-0.896 0.224,-1.728 0.224,-0.832 0.688,-1.472 0.48,-0.656 1.2,-1.04 0.736,-0.384 1.76,-0.384 1.2,0 2.064,0.608 0.88,0.608 1.136,1.824 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23223" />
+      <path
+         d="m -401.73389,205.13537 0,11.424 1.36,0 0,-11.424 -1.36,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23225" />
+      <path
+         d="m -396.81139,206.79937 0,-1.664 -1.36,0 0,1.664 1.36,0 z m -1.36,1.488 0,8.272 1.36,0 0,-8.272 -1.36,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23227" />
+      <path
+         d="m -388.94489,211.63137 -4.752,0 q 0.032,-0.48 0.208,-0.896 0.176,-0.432 0.48,-0.752 0.304,-0.32 0.72,-0.496 0.432,-0.192 0.96,-0.192 0.512,0 0.928,0.192 0.432,0.176 0.736,0.496 0.32,0.304 0.496,0.736 0.192,0.432 0.224,0.912 z m 1.312,2.304 -1.344,0 q -0.176,0.816 -0.736,1.216 -0.544,0.4 -1.408,0.4 -0.672,0 -1.168,-0.224 -0.496,-0.224 -0.816,-0.592 -0.32,-0.384 -0.464,-0.864 -0.144,-0.496 -0.128,-1.04 l 6.192,0 q 0.032,-0.752 -0.144,-1.584 -0.16,-0.832 -0.608,-1.536 -0.432,-0.704 -1.168,-1.152 -0.72,-0.464 -1.824,-0.464 -0.848,0 -1.568,0.32 -0.704,0.32 -1.232,0.896 -0.512,0.576 -0.8,1.36 -0.288,0.784 -0.288,1.728 0.032,0.944 0.272,1.744 0.256,0.8 0.752,1.376 0.496,0.576 1.216,0.896 0.736,0.32 1.728,0.32 1.408,0 2.336,-0.704 0.928,-0.704 1.2,-2.096 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23229" />
+      <path
+         d="m -386.09514,208.28737 0,8.272 1.36,0 0,-4.672 q 0,-0.56 0.144,-1.024 0.16,-0.48 0.464,-0.832 0.304,-0.352 0.752,-0.544 0.464,-0.192 1.088,-0.192 0.784,0 1.232,0.448 0.448,0.448 0.448,1.216 l 0,5.6 1.36,0 0,-5.44 q 0,-0.672 -0.144,-1.216 -0.128,-0.56 -0.464,-0.96 -0.336,-0.4 -0.88,-0.624 -0.544,-0.224 -1.36,-0.224 -1.84,0 -2.688,1.504 l -0.032,0 0,-1.312 -1.28,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23231" />
+      <path
+         d="m -375.30089,208.28737 0,-2.48 -1.36,0 0,2.48 -1.408,0 0,1.2 1.408,0 0,5.264 q 0,0.576 0.112,0.928 0.112,0.352 0.336,0.544 0.24,0.192 0.608,0.272 0.384,0.064 0.912,0.064 l 1.04,0 0,-1.2 -0.624,0 q -0.32,0 -0.528,-0.016 -0.192,-0.032 -0.304,-0.112 -0.112,-0.08 -0.16,-0.224 -0.032,-0.144 -0.032,-0.384 l 0,-5.136 1.648,0 0,-1.2 -1.648,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23233" />
+    </g>
+    <rect
+       y="35.104694"
+       x="88.070274"
+       height="24.38966"
+       width="144.36334"
+       id="rect15593"
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#dbdde0;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       ry="7.1999998"
+       rx="5.5999999" />
+    <g
+       transform="translate(455.19194,-65.37672)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot16345">
+      <path
+         d="m -339.36133,116.03723 q -0.66406,1.09375 -1.60156,1.64844 -0.92969,0.55469 -1.71094,0.55469 -1.09375,0 -1.96875,-0.94532 -0.86719,-0.94531 -0.86719,-2.86718 0,-1.51563 0.57813,-2.70313 0.57812,-1.19531 1.54687,-1.88281 0.96875,-0.69531 2.39844,-0.69531 0.41406,0 1.25,0.0859 0.125,0.0156 0.375,0.0391 l 0,-3.88282 1.46094,0 0,12.60938 -1.46094,0 0,-1.96094 z m 0,-1.72656 0,-3.74219 q -0.77344,-0.20312 -1.4375,-0.20312 -1.34375,0 -2.24219,1.03906 -0.89062,1.03906 -0.89062,2.82812 0,1.29688 0.48437,1.96094 0.49219,0.65625 1.11719,0.65625 0.67969,0 1.5,-0.6875 0.82031,-0.6875 1.46875,-1.85156 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23200" />
+      <path
+         d="m -332.00195,118.24036 q -1.875,0 -3,-1.30469 -1.125,-1.3125 -1.125,-3.30469 0,-1.99219 1.125,-3.29687 1.125,-1.30469 3,-1.30469 1.86718,0 2.99218,1.30469 1.125,1.30468 1.125,3.29687 0,1.99219 -1.125,3.30469 -1.125,1.30469 -2.99218,1.30469 z m 0,-1.21094 q 1.16406,0 1.85156,-0.90625 0.6875,-0.90625 0.6875,-2.49219 0,-1.57812 -0.6875,-2.48437 -0.6875,-0.90625 -1.85156,-0.90625 -1.17188,0 -1.85938,0.90625 -0.6875,0.90625 -0.6875,2.48437 0,1.58594 0.6875,2.49219 0.6875,0.90625 1.85938,0.90625 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23202" />
+      <path
+         d="m -318.62695,117.74817 q -1.46094,0.49219 -2.78125,0.49219 -1.3125,0 -2.33594,-0.60157 -1.01563,-0.60937 -1.58594,-1.64062 -0.57031,-1.03906 -0.57031,-2.35938 0,-1.98437 1.28906,-3.29687 1.29688,-1.3125 3.125,-1.3125 1.35156,0 2.85938,0.50781 l 0,1.39844 q -1.52344,-0.69531 -2.72657,-0.69531 -0.79687,0 -1.5,0.39843 -0.70312,0.39063 -1.08593,1.22657 -0.38282,0.83593 -0.38282,1.71875 0,1.17968 0.73438,2.25 0.74219,1.07031 2.32031,1.07031 0.47656,0 0.9375,-0.0625 0.46094,-0.0703 1.70313,-0.49219 l 0,1.39844 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23204" />
+      <path
+         d="m -315.95508,117.99817 0,-12.60938 1.45313,0 0,7.92188 4.19531,-4.03906 1.9375,0 -4.1875,4.03906 4.29687,4.6875 -2,0 -4.24218,-4.6875 0,4.6875 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23206" />
+      <path
+         d="m -299.46289,117.42004 q -1.74219,0.82813 -3.29688,0.82813 -1.17968,0 -2.10937,-0.58594 -0.92969,-0.58594 -1.49219,-1.67187 -0.55469,-1.09375 -0.55469,-2.33594 0,-1.19531 0.53125,-2.29688 0.53125,-1.10156 1.48438,-1.71093 0.95312,-0.61719 2.125,-0.61719 1.55469,0 2.49219,1.10937 0.94531,1.10938 0.94531,3.42188 l 0,0.3125 -6.01563,0 q 0,0.90625 0.375,1.65625 0.38282,0.75 1,1.125 0.61719,0.375 1.40625,0.375 1.40625,0 3.10938,-0.9375 l 0,1.32812 z m -5.80469,-4.63281 4.35156,0 0,-0.21094 q 0,-1.07031 -0.52343,-1.70312 -0.52344,-0.63281 -1.39844,-0.63281 -0.88281,0 -1.53125,0.64843 -0.64063,0.64063 -0.89844,1.89844 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23208" />
+      <path
+         d="m -296.38477,117.99817 0,-8.72656 1.45313,0 0,1.90625 q 0.67969,-1.07813 1.55469,-1.60938 0.88281,-0.53906 1.96093,-0.53906 0.78907,0 1.57813,0.24219 l 0,3.14843 -1.39844,0 0,-1.99218 q -0.36719,-0.0625 -0.57812,-0.0625 -0.8125,0 -1.59375,0.64062 -0.78125,0.64063 -1.52344,1.92188 l 0,5.07031 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23210" />
+      <path
+         d="m -276.5957,111.23254 q 0.67187,-1.09375 1.60156,-1.64843 0.92969,-0.55469 1.71094,-0.55469 1.09375,0 1.96875,0.94531 0.875,0.94531 0.875,2.86719 0,1.51562 -0.58594,2.71094 -0.57813,1.1875 -1.54688,1.88281 -0.96875,0.6875 -2.39843,0.6875 -0.40625,0 -1.25,-0.0859 -0.125,-0.0156 -0.375,-0.0391 l -1.45313,0 0,-12.60938 1.45313,0 0,5.84375 z m 0,1.72657 0,3.74218 q 0.78906,0.20313 1.45312,0.20313 1.32031,0 2.21875,-1.03125 0.90625,-1.03906 0.90625,-2.83594 0,-1.30469 -0.49219,-1.96094 -0.49218,-0.65625 -1.11718,-0.65625 -0.67969,0 -1.5,0.6875 -0.8125,0.6875 -1.46875,1.85157 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23212" />
+      <path
+         d="m -261.16602,109.27161 0,8.72656 -1.45312,0 0,-1.91406 q -0.70313,1.07812 -1.5625,1.61718 -0.85938,0.53907 -1.71875,0.53907 -0.76563,0 -1.40625,-0.40625 -0.63281,-0.41407 -0.88281,-1.07813 -0.25,-0.67187 -0.25,-2.60937 l 0,-4.875 1.45312,0 0,5.05468 q 0,1.25782 0.11719,1.66407 0.125,0.39843 0.44531,0.65625 0.32813,0.25781 0.70313,0.25781 0.76562,0 1.64062,-0.71875 0.88281,-0.72656 1.46094,-1.82813 l 0,-5.08593 1.45312,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23214" />
+      <path
+         d="m -256.27539,117.99817 0,-7.51563 -2.42188,0 0,-1.21093 3.875,0 0,7.51562 2.42969,0 0,1.21094 -3.88281,0 z m -0.24219,-11.875 q 0,-0.49219 0.33594,-0.73438 0.33594,-0.24218 0.63281,-0.24218 0.30469,0 0.64063,0.24218 0.33593,0.24219 0.33593,0.73438 0,0.48437 -0.33593,0.72656 -0.33594,0.24219 -0.64063,0.24219 -0.29687,0 -0.63281,-0.24219 -0.33594,-0.24219 -0.33594,-0.72656 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23216" />
+      <path
+         d="m -246.7832,117.99817 0,-11.39063 -2.60938,0 0,-1.21875 4.0625,0 0,11.39844 2.72656,0 0,1.21094 -4.17968,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23218" />
+      <path
+         d="m -233.67383,116.03723 q -0.66406,1.09375 -1.60156,1.64844 -0.92969,0.55469 -1.71094,0.55469 -1.09375,0 -1.96875,-0.94532 -0.86719,-0.94531 -0.86719,-2.86718 0,-1.51563 0.57813,-2.70313 0.57812,-1.19531 1.54687,-1.88281 0.96875,-0.69531 2.39844,-0.69531 0.41406,0 1.25,0.0859 0.125,0.0156 0.375,0.0391 l 0,-3.88282 1.46094,0 0,12.60938 -1.46094,0 0,-1.96094 z m 0,-1.72656 0,-3.74219 q -0.77344,-0.20312 -1.4375,-0.20312 -1.34375,0 -2.24219,1.03906 -0.89062,1.03906 -0.89062,2.82812 0,1.29688 0.48437,1.96094 0.49219,0.65625 1.11719,0.65625 0.67969,0 1.5,-0.6875 0.82031,-0.6875 1.46875,-1.85156 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23220" />
+    </g>
+    <rect
+       rx="5.5999999"
+       ry="7.1999998"
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#dbdde0;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect18850"
+       width="144.36334"
+       height="24.38966"
+       x="88.070274"
+       y="78.304764" />
+    <g
+       transform="translate(455.19194,-22.17679)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot18852">
+      <path
+         d="m -339.36133,116.03723 q -0.66406,1.09375 -1.60156,1.64844 -0.92969,0.55469 -1.71094,0.55469 -1.09375,0 -1.96875,-0.94532 -0.86719,-0.94531 -0.86719,-2.86718 0,-1.51563 0.57813,-2.70313 0.57812,-1.19531 1.54687,-1.88281 0.96875,-0.69531 2.39844,-0.69531 0.41406,0 1.25,0.0859 0.125,0.0156 0.375,0.0391 l 0,-3.88282 1.46094,0 0,12.60938 -1.46094,0 0,-1.96094 z m 0,-1.72656 0,-3.74219 q -0.77344,-0.20312 -1.4375,-0.20312 -1.34375,0 -2.24219,1.03906 -0.89062,1.03906 -0.89062,2.82812 0,1.29688 0.48437,1.96094 0.49219,0.65625 1.11719,0.65625 0.67969,0 1.5,-0.6875 0.82031,-0.6875 1.46875,-1.85156 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23179" />
+      <path
+         d="m -332.00195,118.24036 q -1.875,0 -3,-1.30469 -1.125,-1.3125 -1.125,-3.30469 0,-1.99219 1.125,-3.29687 1.125,-1.30469 3,-1.30469 1.86718,0 2.99218,1.30469 1.125,1.30468 1.125,3.29687 0,1.99219 -1.125,3.30469 -1.125,1.30469 -2.99218,1.30469 z m 0,-1.21094 q 1.16406,0 1.85156,-0.90625 0.6875,-0.90625 0.6875,-2.49219 0,-1.57812 -0.6875,-2.48437 -0.6875,-0.90625 -1.85156,-0.90625 -1.17188,0 -1.85938,0.90625 -0.6875,0.90625 -0.6875,2.48437 0,1.58594 0.6875,2.49219 0.6875,0.90625 1.85938,0.90625 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23181" />
+      <path
+         d="m -318.62695,117.74817 q -1.46094,0.49219 -2.78125,0.49219 -1.3125,0 -2.33594,-0.60157 -1.01563,-0.60937 -1.58594,-1.64062 -0.57031,-1.03906 -0.57031,-2.35938 0,-1.98437 1.28906,-3.29687 1.29688,-1.3125 3.125,-1.3125 1.35156,0 2.85938,0.50781 l 0,1.39844 q -1.52344,-0.69531 -2.72657,-0.69531 -0.79687,0 -1.5,0.39843 -0.70312,0.39063 -1.08593,1.22657 -0.38282,0.83593 -0.38282,1.71875 0,1.17968 0.73438,2.25 0.74219,1.07031 2.32031,1.07031 0.47656,0 0.9375,-0.0625 0.46094,-0.0703 1.70313,-0.49219 l 0,1.39844 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23183" />
+      <path
+         d="m -315.95508,117.99817 0,-12.60938 1.45313,0 0,7.92188 4.19531,-4.03906 1.9375,0 -4.1875,4.03906 4.29687,4.6875 -2,0 -4.24218,-4.6875 0,4.6875 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23185" />
+      <path
+         d="m -299.46289,117.42004 q -1.74219,0.82813 -3.29688,0.82813 -1.17968,0 -2.10937,-0.58594 -0.92969,-0.58594 -1.49219,-1.67187 -0.55469,-1.09375 -0.55469,-2.33594 0,-1.19531 0.53125,-2.29688 0.53125,-1.10156 1.48438,-1.71093 0.95312,-0.61719 2.125,-0.61719 1.55469,0 2.49219,1.10937 0.94531,1.10938 0.94531,3.42188 l 0,0.3125 -6.01563,0 q 0,0.90625 0.375,1.65625 0.38282,0.75 1,1.125 0.61719,0.375 1.40625,0.375 1.40625,0 3.10938,-0.9375 l 0,1.32812 z m -5.80469,-4.63281 4.35156,0 0,-0.21094 q 0,-1.07031 -0.52343,-1.70312 -0.52344,-0.63281 -1.39844,-0.63281 -0.88281,0 -1.53125,0.64843 -0.64063,0.64063 -0.89844,1.89844 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23187" />
+      <path
+         d="m -296.38477,117.99817 0,-8.72656 1.45313,0 0,1.90625 q 0.67969,-1.07813 1.55469,-1.60938 0.88281,-0.53906 1.96093,-0.53906 0.78907,0 1.57813,0.24219 l 0,3.14843 -1.39844,0 0,-1.99218 q -0.36719,-0.0625 -0.57812,-0.0625 -0.8125,0 -1.59375,0.64062 -0.78125,0.64063 -1.52344,1.92188 l 0,5.07031 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23189" />
+      <path
+         d="m -276.5957,111.23254 q 0.67187,-1.09375 1.60156,-1.64843 0.92969,-0.55469 1.71094,-0.55469 1.09375,0 1.96875,0.94531 0.875,0.94531 0.875,2.86719 0,1.51562 -0.58594,2.71094 -0.57813,1.1875 -1.54688,1.88281 -0.96875,0.6875 -2.39843,0.6875 -0.40625,0 -1.25,-0.0859 -0.125,-0.0156 -0.375,-0.0391 l 0,3.39062 -1.45313,0 0,-12.11718 1.45313,0 0,1.96093 z m 0,1.72657 0,3.74218 q 0.78906,0.20313 1.45312,0.20313 1.32031,0 2.21875,-1.03125 0.90625,-1.03906 0.90625,-2.83594 0,-1.30469 -0.49219,-1.96094 -0.49218,-0.65625 -1.11718,-0.65625 -0.67969,0 -1.5,0.6875 -0.8125,0.6875 -1.46875,1.85157 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23191" />
+      <path
+         d="m -261.16602,109.27161 0,8.72656 -1.45312,0 0,-1.91406 q -0.70313,1.07812 -1.5625,1.61718 -0.85938,0.53907 -1.71875,0.53907 -0.76563,0 -1.40625,-0.40625 -0.63281,-0.41407 -0.88281,-1.07813 -0.25,-0.67187 -0.25,-2.60937 l 0,-4.875 1.45312,0 0,5.05468 q 0,1.25782 0.11719,1.66407 0.125,0.39843 0.44531,0.65625 0.32813,0.25781 0.70313,0.25781 0.76562,0 1.64062,-0.71875 0.88281,-0.72656 1.46094,-1.82813 l 0,-5.08593 1.45312,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23193" />
+      <path
+         d="m -256.37695,117.99817 0,-11.39063 -2.60938,0 0,-1.21875 4.0625,0 0,11.39844 2.72656,0 0,1.21094 -4.17968,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23195" />
+      <path
+         d="m -246.75195,117.99817 0,-11.39063 -2.60938,0 0,-1.21875 4.0625,0 0,11.39844 2.72656,0 0,1.21094 -4.17968,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23197" />
+    </g>
+    <rect
+       y="121.50484"
+       x="88.070274"
+       height="24.38966"
+       width="144.36334"
+       id="rect18860"
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#dbdde0;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       ry="7.1999998"
+       rx="5.5999999" />
+    <g
+       transform="translate(455.19194,21.02328)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot18862">
+      <path
+         d="m -339.36133,116.03723 q -0.66406,1.09375 -1.60156,1.64844 -0.92969,0.55469 -1.71094,0.55469 -1.09375,0 -1.96875,-0.94532 -0.86719,-0.94531 -0.86719,-2.86718 0,-1.51563 0.57813,-2.70313 0.57812,-1.19531 1.54687,-1.88281 0.96875,-0.69531 2.39844,-0.69531 0.41406,0 1.25,0.0859 0.125,0.0156 0.375,0.0391 l 0,-3.88282 1.46094,0 0,12.60938 -1.46094,0 0,-1.96094 z m 0,-1.72656 0,-3.74219 q -0.77344,-0.20312 -1.4375,-0.20312 -1.34375,0 -2.24219,1.03906 -0.89062,1.03906 -0.89062,2.82812 0,1.29688 0.48437,1.96094 0.49219,0.65625 1.11719,0.65625 0.67969,0 1.5,-0.6875 0.82031,-0.6875 1.46875,-1.85156 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23160" />
+      <path
+         d="m -332.00195,118.24036 q -1.875,0 -3,-1.30469 -1.125,-1.3125 -1.125,-3.30469 0,-1.99219 1.125,-3.29687 1.125,-1.30469 3,-1.30469 1.86718,0 2.99218,1.30469 1.125,1.30468 1.125,3.29687 0,1.99219 -1.125,3.30469 -1.125,1.30469 -2.99218,1.30469 z m 0,-1.21094 q 1.16406,0 1.85156,-0.90625 0.6875,-0.90625 0.6875,-2.49219 0,-1.57812 -0.6875,-2.48437 -0.6875,-0.90625 -1.85156,-0.90625 -1.17188,0 -1.85938,0.90625 -0.6875,0.90625 -0.6875,2.48437 0,1.58594 0.6875,2.49219 0.6875,0.90625 1.85938,0.90625 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23162" />
+      <path
+         d="m -318.62695,117.74817 q -1.46094,0.49219 -2.78125,0.49219 -1.3125,0 -2.33594,-0.60157 -1.01563,-0.60937 -1.58594,-1.64062 -0.57031,-1.03906 -0.57031,-2.35938 0,-1.98437 1.28906,-3.29687 1.29688,-1.3125 3.125,-1.3125 1.35156,0 2.85938,0.50781 l 0,1.39844 q -1.52344,-0.69531 -2.72657,-0.69531 -0.79687,0 -1.5,0.39843 -0.70312,0.39063 -1.08593,1.22657 -0.38282,0.83593 -0.38282,1.71875 0,1.17968 0.73438,2.25 0.74219,1.07031 2.32031,1.07031 0.47656,0 0.9375,-0.0625 0.46094,-0.0703 1.70313,-0.49219 l 0,1.39844 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23164" />
+      <path
+         d="m -315.95508,117.99817 0,-12.60938 1.45313,0 0,7.92188 4.19531,-4.03906 1.9375,0 -4.1875,4.03906 4.29687,4.6875 -2,0 -4.24218,-4.6875 0,4.6875 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23166" />
+      <path
+         d="m -299.46289,117.42004 q -1.74219,0.82813 -3.29688,0.82813 -1.17968,0 -2.10937,-0.58594 -0.92969,-0.58594 -1.49219,-1.67187 -0.55469,-1.09375 -0.55469,-2.33594 0,-1.19531 0.53125,-2.29688 0.53125,-1.10156 1.48438,-1.71093 0.95312,-0.61719 2.125,-0.61719 1.55469,0 2.49219,1.10937 0.94531,1.10938 0.94531,3.42188 l 0,0.3125 -6.01563,0 q 0,0.90625 0.375,1.65625 0.38282,0.75 1,1.125 0.61719,0.375 1.40625,0.375 1.40625,0 3.10938,-0.9375 l 0,1.32812 z m -5.80469,-4.63281 4.35156,0 0,-0.21094 q 0,-1.07031 -0.52343,-1.70312 -0.52344,-0.63281 -1.39844,-0.63281 -0.88281,0 -1.53125,0.64843 -0.64063,0.64063 -0.89844,1.89844 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23168" />
+      <path
+         d="m -296.38477,117.99817 0,-8.72656 1.45313,0 0,1.90625 q 0.67969,-1.07813 1.55469,-1.60938 0.88281,-0.53906 1.96093,-0.53906 0.78907,0 1.57813,0.24219 l 0,3.14843 -1.39844,0 0,-1.99218 q -0.36719,-0.0625 -0.57812,-0.0625 -0.8125,0 -1.59375,0.64062 -0.78125,0.64063 -1.52344,1.92188 l 0,5.07031 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23170" />
+      <path
+         d="m -277.19727,117.99817 0,-8.72656 1.45313,0 0,1.90625 q 0.67969,-1.07813 1.55469,-1.60938 0.88281,-0.53906 1.96093,-0.53906 0.78907,0 1.57813,0.24219 l 0,3.14843 -1.39844,0 0,-1.99218 q -0.36719,-0.0625 -0.57812,-0.0625 -0.8125,0 -1.59375,0.64062 -0.78125,0.64063 -1.52344,1.92188 l 0,5.07031 -1.45313,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23172" />
+      <path
+         d="m -261.16602,109.27161 0,8.72656 -1.45312,0 0,-1.91406 q -0.70313,1.07812 -1.5625,1.61718 -0.85938,0.53907 -1.71875,0.53907 -0.76563,0 -1.40625,-0.40625 -0.63281,-0.41407 -0.88281,-1.07813 -0.25,-0.67187 -0.25,-2.60937 l 0,-4.875 1.45312,0 0,5.05468 q 0,1.25782 0.11719,1.66407 0.125,0.39843 0.44531,0.65625 0.32813,0.25781 0.70313,0.25781 0.76562,0 1.64062,-0.71875 0.88281,-0.72656 1.46094,-1.82813 l 0,-5.08593 1.45312,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23174" />
+      <path
+         d="m -258.7207,117.99817 0,-8.72656 1.45312,0 0,1.90625 q 0.625,-1.00782 1.50781,-1.57813 0.88282,-0.57031 1.76563,-0.57031 0.77344,0 1.40625,0.41406 0.63281,0.40625 0.88281,1.07031 0.25781,0.66407 0.25781,2.60938 l 0,4.875 -1.45312,0 0,-5.05469 q 0,-1.25781 -0.125,-1.65625 -0.11719,-0.40625 -0.44531,-0.66406 -0.32032,-0.25781 -0.70313,-0.25781 -0.76562,0 -1.64844,0.72656 -0.875,0.72656 -1.44531,1.82031 l 0,5.08594 -1.45312,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:Monaco;-inkscape-font-specification:Monaco"
+         id="path23176" />
+    </g>
+    <rect
+       ry="0"
+       rx="0"
+       y="7.6822381"
+       x="633.65228"
+       height="164.83829"
+       width="194.87442"
+       id="rect18168"
+       style="display:inline;opacity:1;fill:#ade5f9;fill-opacity:1;stroke:#005976;stroke-width:1.66371417;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       rx="6.3192477"
+       ry="5.653213"
+       y="-3.9788516"
+       x="633.75879"
+       height="21.862267"
+       width="70.263504"
+       id="rect18170"
+       style="opacity:1;fill:#fcfcfc;fill-opacity:1;stroke:#005976;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       transform="matrix(1,0,0,0.89460229,1055.5338,-181.75098)"
+       style="font-style:normal;font-weight:normal;font-size:32px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot18172">
+      <path
+         d="m -413.15239,205.13537 0,11.424 1.52,0 0,-4.88 3.712,0 q 0.56,0 0.896,0.176 0.336,0.16 0.544,0.448 0.208,0.272 0.304,0.656 0.096,0.368 0.16,0.784 0.08,0.416 0.096,0.848 0.016,0.432 0.032,0.816 0.016,0.368 0.064,0.672 0.064,0.304 0.224,0.48 l 1.696,0 q -0.24,-0.288 -0.368,-0.656 -0.112,-0.384 -0.176,-0.8 -0.064,-0.416 -0.08,-0.848 -0.016,-0.432 -0.048,-0.848 -0.048,-0.416 -0.144,-0.8 -0.08,-0.384 -0.272,-0.688 -0.176,-0.32 -0.496,-0.544 -0.304,-0.224 -0.8,-0.32 l 0,-0.032 q 1.04,-0.288 1.504,-1.072 0.48,-0.784 0.48,-1.824 0,-1.392 -0.928,-2.192 -0.912,-0.8 -2.544,-0.8 l -5.376,0 z m 4.688,5.264 -3.168,0 0,-3.984 3.776,0 q 1.072,0 1.552,0.544 0.48,0.544 0.48,1.408 0,0.624 -0.224,1.024 -0.208,0.384 -0.576,0.624 -0.352,0.224 -0.832,0.304 -0.48,0.08 -1.008,0.08 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23109" />
+      <path
+         d="m -396.66364,211.63137 -4.752,0 q 0.032,-0.48 0.208,-0.896 0.176,-0.432 0.48,-0.752 0.304,-0.32 0.72,-0.496 0.432,-0.192 0.96,-0.192 0.512,0 0.928,0.192 0.432,0.176 0.736,0.496 0.32,0.304 0.496,0.736 0.192,0.432 0.224,0.912 z m 1.312,2.304 -1.344,0 q -0.176,0.816 -0.736,1.216 -0.544,0.4 -1.408,0.4 -0.672,0 -1.168,-0.224 -0.496,-0.224 -0.816,-0.592 -0.32,-0.384 -0.464,-0.864 -0.144,-0.496 -0.128,-1.04 l 6.192,0 q 0.032,-0.752 -0.144,-1.584 -0.16,-0.832 -0.608,-1.536 -0.432,-0.704 -1.168,-1.152 -0.72,-0.464 -1.824,-0.464 -0.848,0 -1.568,0.32 -0.704,0.32 -1.232,0.896 -0.512,0.576 -0.8,1.36 -0.288,0.784 -0.288,1.728 0.032,0.944 0.272,1.744 0.256,0.8 0.752,1.376 0.496,0.576 1.216,0.896 0.736,0.32 1.728,0.32 1.408,0 2.336,-0.704 0.928,-0.704 1.2,-2.096 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23111" />
+      <path
+         d="m -386.67789,215.85537 0,-7.568 -1.28,0 0,1.184 -0.016,0 q -0.368,-0.688 -1.024,-1.024 -0.656,-0.352 -1.44,-0.352 -1.072,0 -1.808,0.416 -0.736,0.4 -1.184,1.04 -0.448,0.624 -0.64,1.408 -0.192,0.768 -0.192,1.504 0,0.848 0.224,1.616 0.24,0.752 0.704,1.328 0.464,0.56 1.152,0.896 0.688,0.336 1.616,0.336 0.8,0 1.504,-0.352 0.72,-0.368 1.072,-1.136 l 0.032,0 0,0.544 q 0,0.688 -0.144,1.264 -0.128,0.576 -0.432,0.976 -0.304,0.416 -0.768,0.64 -0.464,0.24 -1.136,0.24 -0.336,0 -0.704,-0.08 -0.368,-0.064 -0.688,-0.224 -0.304,-0.16 -0.528,-0.416 -0.208,-0.256 -0.224,-0.624 l -1.36,0 q 0.032,0.672 0.352,1.136 0.32,0.464 0.8,0.752 0.496,0.288 1.088,0.416 0.608,0.128 1.184,0.128 1.984,0 2.912,-1.008 0.928,-1.008 0.928,-3.04 z m -3.808,-0.4 q -0.672,0 -1.12,-0.272 -0.448,-0.288 -0.72,-0.736 -0.272,-0.464 -0.384,-1.024 -0.112,-0.56 -0.112,-1.12 0,-0.592 0.128,-1.136 0.144,-0.544 0.432,-0.96 0.304,-0.416 0.768,-0.656 0.464,-0.256 1.12,-0.256 0.64,0 1.088,0.256 0.448,0.256 0.72,0.688 0.288,0.416 0.416,0.944 0.128,0.528 0.128,1.072 0,0.576 -0.144,1.152 -0.128,0.576 -0.416,1.04 -0.288,0.448 -0.768,0.736 -0.464,0.272 -1.136,0.272 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23113" />
+      <path
+         d="m -383.21764,206.79937 0,-1.664 -1.36,0 0,1.664 1.36,0 z m -1.36,1.488 0,8.272 1.36,0 0,-8.272 -1.36,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23115" />
+      <path
+         d="m -380.26314,213.95137 -1.36,0 q 0.032,0.768 0.32,1.312 0.288,0.528 0.768,0.864 0.48,0.32 1.104,0.464 0.624,0.144 1.312,0.144 0.624,0 1.248,-0.128 0.64,-0.112 1.136,-0.416 0.512,-0.304 0.816,-0.8 0.32,-0.496 0.32,-1.248 0,-0.592 -0.24,-0.992 -0.224,-0.4 -0.608,-0.656 -0.368,-0.272 -0.864,-0.432 -0.48,-0.16 -0.992,-0.272 -0.48,-0.112 -0.96,-0.208 -0.48,-0.112 -0.864,-0.256 -0.384,-0.16 -0.64,-0.384 -0.24,-0.24 -0.24,-0.592 0,-0.32 0.16,-0.512 0.16,-0.208 0.416,-0.32 0.256,-0.128 0.56,-0.176 0.32,-0.048 0.624,-0.048 0.336,0 0.656,0.08 0.336,0.064 0.608,0.224 0.272,0.16 0.448,0.432 0.176,0.256 0.208,0.656 l 1.36,0 q -0.048,-0.752 -0.32,-1.248 -0.272,-0.512 -0.736,-0.8 -0.448,-0.304 -1.04,-0.416 -0.592,-0.128 -1.296,-0.128 -0.544,0 -1.104,0.144 -0.544,0.128 -0.992,0.416 -0.432,0.272 -0.72,0.72 -0.272,0.448 -0.272,1.072 0,0.8 0.4,1.248 0.4,0.448 0.992,0.704 0.608,0.24 1.312,0.384 0.704,0.128 1.296,0.304 0.608,0.16 1.008,0.432 0.4,0.272 0.4,0.8 0,0.384 -0.192,0.64 -0.192,0.24 -0.496,0.368 -0.288,0.128 -0.64,0.176 -0.352,0.048 -0.672,0.048 -0.416,0 -0.816,-0.08 -0.384,-0.08 -0.704,-0.256 -0.304,-0.192 -0.496,-0.496 -0.192,-0.32 -0.208,-0.768 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23117" />
+      <path
+         d="m -371.23839,208.28737 0,-2.48 -1.36,0 0,2.48 -1.408,0 0,1.2 1.408,0 0,5.264 q 0,0.576 0.112,0.928 0.112,0.352 0.336,0.544 0.24,0.192 0.608,0.272 0.384,0.064 0.912,0.064 l 1.04,0 0,-1.2 -0.624,0 q -0.32,0 -0.528,-0.016 -0.192,-0.032 -0.304,-0.112 -0.112,-0.08 -0.16,-0.224 -0.032,-0.144 -0.032,-0.384 l 0,-5.136 1.648,0 0,-1.2 -1.648,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23119" />
+      <path
+         d="m -368.11189,208.28737 0,8.272 1.36,0 0,-3.68 q 0,-0.8 0.16,-1.408 0.16,-0.624 0.512,-1.056 0.352,-0.432 0.928,-0.656 0.576,-0.224 1.392,-0.224 l 0,-1.44 q -1.104,-0.032 -1.824,0.448 -0.72,0.48 -1.216,1.488 l -0.032,0 0,-1.744 -1.28,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23121" />
+      <path
+         d="m -359.47214,217.66337 q -0.24,0.608 -0.48,1.024 -0.224,0.416 -0.512,0.672 -0.272,0.272 -0.624,0.384 -0.336,0.128 -0.784,0.128 -0.24,0 -0.48,-0.032 -0.24,-0.032 -0.464,-0.112 l 0,-1.248 q 0.176,0.08 0.4,0.128 0.24,0.064 0.4,0.064 0.416,0 0.688,-0.208 0.288,-0.192 0.432,-0.56 l 0.56,-1.392 -3.28,-8.224 1.536,0 2.416,6.768 0.032,0 2.32,-6.768 1.44,0 -3.6,9.376 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path23123" />
+    </g>
+    <rect
+       style="clip-rule:evenodd;display:none;fill:#e7e7e7;fill-rule:evenodd"
+       x="741.56049"
+       y="-22.457298"
+       display="none"
+       width="135.72552"
+       height="104.87882"
+       id="rect16721" />
+    <g
+       transform="matrix(0.17137062,0,0,0.17137062,732.99198,-36.789366)"
+       id="g16723">
+      <path
+         style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd"
+         inkscape:connector-curvature="0"
+         id="outline_7_"
+         d="m 363.387,173.391 42.695,0 0,43.646 21.588,0 c 9.969,0 20.223,-1.776 29.664,-4.976 4.639,-1.572 9.846,-3.762 14.422,-6.515 -6.027,-7.869 -9.104,-17.805 -10.01,-27.599 -1.23,-13.321 1.457,-30.66 10.473,-41.086 l 4.488,-5.191 5.348,4.299 c 13.465,10.818 24.789,25.935 26.785,43.166 16.213,-4.769 35.248,-3.641 49.539,4.607 l 5.863,3.383 -3.086,6.023 c -12.086,23.588 -37.354,30.895 -62.057,29.602 -36.965,92.068 -117.441,135.656 -215.02,135.656 -50.412,0 -96.664,-18.846 -123.002,-63.572 l -0.432,-0.73 -3.838,-7.807 c -8.902,-19.688 -11.859,-41.256 -9.854,-62.806 l 0.602,-6.455 36.51,0 0,-43.646 42.693,0 0,-42.695 85.393,0 0,-42.695 51.234,0 0,85.391 z" />
+      <g
+         id="body_colors_8_">
+        <path
+           style="fill:#00aada"
+           inkscape:connector-curvature="0"
+           d="m 501.713,189.537 c 2.863,-22.248 -13.787,-39.725 -24.113,-48.021 -11.898,13.758 -13.748,49.812 4.92,64.992 -10.418,9.254 -32.371,17.643 -54.85,17.643 l -273.627,0 c -2.186,23.465 1.934,45.072 11.342,63.568 l 3.113,5.693 c 1.971,3.345 4.124,6.573 6.451,9.681 10e-4,0 10e-4,0 10e-4,0 11.249,0.723 21.621,0.973 31.109,0.763 0.001,0 0.003,0 0.005,0 18.647,-0.413 33.862,-2.613 45.395,-6.609 1.717,-0.597 3.588,0.313 4.182,2.029 0.594,1.715 -0.314,3.587 -2.029,4.182 -1.533,0.531 -3.133,1.028 -4.783,1.5 -0.002,10e-4 -0.004,10e-4 -0.006,0.002 -9.08,2.592 -18.816,4.337 -31.379,5.112 0.744,0.012 -0.777,0.111 -0.781,0.112 -0.427,0.026 -0.965,0.087 -1.395,0.111 -4.943,0.277 -10.28,0.335 -15.736,0.335 -5.967,0 -11.845,-0.113 -18.414,-0.446 l -0.168,0.111 c 22.799,25.625 58.447,40.994 103.131,40.994 94.57,0 174.785,-41.922 210.305,-136.039 25.201,2.586 49.42,-3.84 60.438,-25.346 -17.551,-10.127 -40.117,-6.898 -53.111,-0.367 z"
+           id="path16728" />
+        <path
+           style="fill:#24b8eb"
+           inkscape:connector-curvature="0"
+           d="m 501.713,189.537 c 2.863,-22.248 -13.787,-39.725 -24.113,-48.021 -11.898,13.758 -13.748,49.812 4.92,64.992 -10.418,9.254 -32.371,17.643 -54.85,17.643 l -257.424,0 c -1.117,35.936 12.219,63.214 35.813,79.705 0.001,0 0.003,0 0.005,0 18.647,-0.413 33.862,-2.613 45.395,-6.609 1.717,-0.597 3.588,0.313 4.182,2.029 0.594,1.715 -0.314,3.587 -2.029,4.182 -1.533,0.531 -3.133,1.028 -4.783,1.5 -0.002,10e-4 -0.004,10e-4 -0.006,0.002 -9.08,2.592 -19.653,4.561 -32.216,5.336 -0.004,0 -0.305,-0.291 -0.309,-0.29 32.185,16.509 78.853,16.45 132.356,-4.103 59.994,-23.047 115.818,-66.957 154.771,-117.18 -0.587,0.265 -1.159,0.537 -1.712,0.814 z"
+           id="path16730" />
+        <path
+           style="fill:#008bb8"
+           inkscape:connector-curvature="0"
+           d="m 154.555,252.66 c 1.701,12.568 5.377,24.338 10.83,35.059 l 3.113,5.693 c 1.971,3.345 4.124,6.573 6.452,9.681 11.251,0.723 21.624,0.973 31.114,0.763 18.647,-0.413 33.862,-2.613 45.395,-6.609 1.717,-0.597 3.588,0.313 4.182,2.029 0.594,1.715 -0.314,3.587 -2.029,4.182 -1.533,0.531 -3.133,1.028 -4.783,1.5 -0.002,10e-4 -0.004,10e-4 -0.006,0.002 -9.08,2.592 -19.598,4.449 -32.16,5.225 -0.431,0.026 -1.184,0.031 -1.618,0.056 -4.942,0.277 -10.224,0.446 -15.681,0.446 -5.966,0 -12.067,-0.113 -18.637,-0.446 22.799,25.625 58.67,41.05 103.354,41.05 80.961,0 151.398,-30.73 192.281,-98.629 l -321.807,0 z"
+           id="path16732" />
+        <path
+           style="fill:#039bc6"
+           inkscape:connector-curvature="0"
+           d="m 172.709,252.66 c 4.84,22.069 16.471,39.395 33.355,51.195 18.647,-0.413 33.862,-2.613 45.395,-6.609 1.717,-0.597 3.588,0.313 4.182,2.029 0.594,1.715 -0.314,3.587 -2.029,4.182 -1.533,0.531 -3.133,1.028 -4.783,1.5 -0.002,0.001 -0.004,0.001 -0.006,0.002 -9.08,2.592 -19.82,4.449 -32.383,5.225 32.182,16.507 78.715,16.27 132.215,-4.281 32.365,-12.436 63.516,-30.947 91.463,-53.242 l -267.409,0 z"
+           id="path16734" />
+      </g>
+      <g
+         style="display:none"
+         display="none"
+         id="g16736">
+        <path
+           style="display:inline;fill:#394d54"
+           inkscape:connector-curvature="0"
+           display="inline"
+           d="m 199.434,310.508 c 5.455,0 10.652,-0.142 15.594,-0.419 0.432,-0.024 0.844,-0.058 1.271,-0.084 0.004,-10e-4 0.007,-10e-4 0.011,-10e-4 12.562,-0.775 23.434,-2.453 32.514,-5.045 0.002,-10e-4 0.004,-10e-4 0.006,-0.002 1.65,-0.472 3.25,-0.969 4.783,-1.5 1.715,-0.595 2.623,-2.467 2.029,-4.182 -0.594,-1.716 -2.465,-2.626 -4.182,-2.029 -11.532,3.996 -26.747,6.196 -45.395,6.609 -0.002,0 -0.004,0 -0.005,0 -9.488,0.21 -19.86,-0.04 -31.109,-0.763 0,0 0,0 -0.001,0 -0.575,-0.036 -1.141,-0.069 -1.721,-0.108 -1.807,-0.115 -3.379,1.245 -3.504,3.057 -0.123,1.811 1.246,3.379 3.057,3.502 2.297,0.156 4.555,0.291 6.783,0.41 0.354,0.019 0.697,0.031 1.049,0.049 l 0,0 c 6.57,0.333 12.853,0.506 18.82,0.506 z"
+           id="path16738" />
+      </g>
+      <g
+         id="Containers_8_">
+        <path
+           style="clip-rule:evenodd;fill:#00acd3;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 222.18,183.59 2.922,0 0,30.838 -2.922,0 0,-30.838 z m -5.606,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.607,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.608,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.605,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.49,0 2.92,0 0,30.838 -2.92,0 0,-30.838 z m -3.082,-3.084 37.002,0 0,37.004 -37.002,0 0,-37.004 z"
+           id="path16741" />
+        <path
+           style="clip-rule:evenodd;fill:#00acd3;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 264.875,140.895 2.924,0 0,30.836 -2.924,0 0,-30.836 z m -5.605,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.608,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.607,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.604,0 3.035,0 0,30.836 -3.035,0 0,-30.836 z m -5.49,0 2.918,0 0,30.836 -2.918,0 0,-30.836 z m -3.086,-3.084 37.006,0 0,37.003 -37.006,0 0,-37.003 z"
+           id="path16743" />
+        <path
+           style="clip-rule:evenodd;fill:#20c2ef;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 264.875,183.59 2.924,0 0,30.838 -2.924,0 0,-30.838 z m -5.605,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.608,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.607,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.604,0 3.035,0 0,30.838 -3.035,0 0,-30.838 z m -5.49,0 2.918,0 0,30.838 -2.918,0 0,-30.838 z m -3.086,-3.084 37.006,0 0,37.004 -37.006,0 0,-37.004 z"
+           id="path16745" />
+        <path
+           style="clip-rule:evenodd;fill:#00acd3;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 307.572,183.59 2.92,0 0,30.838 -2.92,0 0,-30.838 z m -5.607,0 3.039,0 0,30.838 -3.039,0 0,-30.838 z m -5.606,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.607,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.607,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.489,0 2.918,0 0,30.838 -2.918,0 0,-30.838 z m -3.084,-3.084 37.004,0 0,37.004 -37.004,0 0,-37.004 z"
+           id="path16747" />
+        <path
+           style="clip-rule:evenodd;fill:#20c2ef;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 307.572,140.895 2.92,0 0,30.836 -2.92,0 0,-30.836 z m -5.607,0 3.039,0 0,30.836 -3.039,0 0,-30.836 z m -5.606,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.607,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.607,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.489,0 2.918,0 0,30.836 -2.918,0 0,-30.836 z m -3.084,-3.084 37.004,0 0,37.003 -37.004,0 0,-37.003 z"
+           id="path16749" />
+        <path
+           style="clip-rule:evenodd;fill:#20c2ef;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 350.268,183.59 2.922,0 0,30.838 -2.922,0 0,-30.838 z m -5.606,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.607,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.608,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.605,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.49,0 2.92,0 0,30.838 -2.92,0 0,-30.838 z m -3.084,-3.084 37.004,0 0,37.004 -37.004,0 0,-37.004 z"
+           id="path16751" />
+        <path
+           style="clip-rule:evenodd;fill:#00acd3;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 350.268,140.895 2.922,0 0,30.836 -2.922,0 0,-30.836 z m -5.606,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.607,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.608,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.605,0 3.037,0 0,30.836 -3.037,0 0,-30.836 z m -5.49,0 2.92,0 0,30.836 -2.92,0 0,-30.836 z m -3.084,-3.084 37.004,0 0,37.003 -37.004,0 0,-37.003 z"
+           id="path16753" />
+        <path
+           style="clip-rule:evenodd;fill:#20c2ef;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 350.268,98.197 2.922,0 0,30.838 -2.922,0 0,-30.838 z m -5.606,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.607,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.608,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.605,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.49,0 2.92,0 0,30.838 -2.92,0 0,-30.838 z m -3.084,-3.082 37.004,0 0,37.004 -37.004,0 0,-37.004 z"
+           id="path16755" />
+        <path
+           style="clip-rule:evenodd;fill:#00acd3;fill-rule:evenodd"
+           inkscape:connector-curvature="0"
+           d="m 392.963,183.59 2.92,0 0,30.838 -2.92,0 0,-30.838 z m -5.606,0 3.035,0 0,30.838 -3.035,0 0,-30.838 z m -5.609,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.605,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.608,0 3.037,0 0,30.838 -3.037,0 0,-30.838 z m -5.49,0 2.922,0 0,30.838 -2.922,0 0,-30.838 z m -3.082,-3.084 37.004,0 0,37.004 -37.004,0 0,-37.004 z"
+           id="path16757" />
+      </g>
+      <path
+         style="clip-rule:evenodd;fill:#d4edf1;fill-rule:evenodd"
+         inkscape:connector-curvature="0"
+         d="m 268.564,277.504 c 5.637,0 10.207,4.572 10.207,10.209 0,5.637 -4.57,10.207 -10.207,10.207 -5.639,0 -10.209,-4.57 -10.209,-10.207 0,-5.637 4.571,-10.209 10.209,-10.209"
+         id="path16759" />
+      <path
+         style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd"
+         inkscape:connector-curvature="0"
+         d="m 268.564,280.4 c 0.934,0 1.824,0.176 2.646,0.494 -0.891,0.516 -1.494,1.48 -1.494,2.584 0,1.648 1.336,2.982 2.984,2.982 1.129,0 2.109,-0.627 2.617,-1.553 0.357,0.863 0.557,1.811 0.557,2.805 0,4.037 -3.273,7.311 -7.311,7.311 -4.038,0 -7.312,-3.273 -7.312,-7.311 0.001,-4.038 3.276,-7.312 7.313,-7.312"
+         id="path16761" />
+      <path
+         style="clip-rule:evenodd;fill:#394d54;fill-rule:evenodd"
+         inkscape:connector-curvature="0"
+         d="m 88,256.35 223.613,0 27.656,0 223.607,0 c -10.34,-2.623 -32.715,-6.166 -29.025,-19.717 -18.801,21.756 -64.143,15.264 -75.586,4.535 -12.742,18.482 -86.926,11.457 -92.1,-2.941 -15.975,18.748 -65.477,18.748 -81.453,0 -5.176,14.398 -79.357,21.424 -92.102,2.941 -11.443,10.729 -56.781,17.221 -75.584,-4.535 3.691,13.551 -18.684,17.094 -29.026,19.717"
+         id="path16763" />
+      <path
+         style="fill:#bfdbe0"
+         inkscape:connector-curvature="0"
+         d="m 295.701,351.068 c -25.281,-11.997 -39.158,-28.306 -46.879,-46.109 -9.391,2.681 -20.68,4.394 -33.795,5.13 -4.941,0.277 -10.139,0.419 -15.594,0.419 -6.287,0 -12.914,-0.186 -19.869,-0.555 23.184,23.17 51.705,41.01 104.516,41.336 3.899,0 7.77,-0.076 11.621,-0.221 z"
+         id="path16765" />
+      <path
+         style="fill:#d4edf1"
+         inkscape:connector-curvature="0"
+         d="m 258.213,321.387 c -3.498,-4.748 -6.891,-10.715 -9.385,-16.43 -9.393,2.682 -20.684,4.396 -33.801,5.132 9.01,4.891 21.897,9.423 43.186,11.298 z"
+         id="path16767" />
+    </g>
+    <g
+       id="g24079">
+      <circle
+         style="fill:#dd4814"
+         cx="691.34717"
+         cy="65.498489"
+         r="25.6"
+         id="circle17337-7" />
+      <path
+         style="fill:#ffffff"
+         inkscape:connector-curvature="0"
+         d="m 675.37995,62.421839 c -1.70053,0 -3.07212,1.376117 -3.07212,3.076648 0,1.694495 1.37159,3.073629 3.07212,3.073629 1.70204,0 3.07665,-1.379134 3.07665,-3.073629 0,-1.700531 -1.37461,-3.076648 -3.07665,-3.076648 z M 697.342,76.403308 c -1.47269,0.843475 -1.97365,2.726583 -1.12715,4.193234 0.84951,1.474195 2.7296,1.97515 4.20078,1.128657 1.47117,-0.848002 1.97665,-2.7296 1.12714,-4.199269 -0.84951,-1.471178 -2.73111,-1.975151 -4.20077,-1.122622 z M 682.06438,65.498487 c 0,-3.041943 1.50588,-5.729294 3.81601,-7.352871 l -2.24524,-3.769232 c -2.69188,1.7971 -4.6957,4.547825 -5.52861,7.767818 0.97475,0.792172 1.59189,1.997783 1.59189,3.354285 0,1.347447 -0.61564,2.55155 -1.59189,3.348249 0.83291,3.218484 2.83673,5.9677 5.52861,7.7648 l 2.24524,-3.766214 c -2.31013,-1.623577 -3.81601,-4.30791 -3.81601,-7.346835 z m 8.98098,-8.988519 c 4.69569,0 8.5449,3.598727 8.94928,8.193328 l 4.38336,-0.07092 c -0.21728,-3.385972 -1.69601,-6.427915 -3.96992,-8.664105 -1.17091,0.43909 -2.52288,0.377225 -3.68926,-0.300271 -1.16638,-0.674478 -1.90121,-1.809171 -2.10341,-3.047978 -1.13771,-0.312343 -2.33427,-0.485866 -3.57005,-0.485866 -2.12454,0 -4.1359,0.500955 -5.91791,1.38517 l 2.13509,3.82808 c 1.14978,-0.537168 2.43386,-0.83744 3.78282,-0.83744 z m 0,17.967983 c -1.35047,0 -2.63304,-0.297253 -3.78282,-0.834421 l -2.13509,3.828079 c 1.78201,0.887234 3.79337,1.382153 5.91791,1.382153 1.23578,0 2.43234,-0.167488 3.57005,-0.482848 0.2022,-1.237298 0.93552,-2.371991 2.10341,-3.049487 1.1694,-0.674479 2.51835,-0.739361 3.68926,-0.294236 2.27391,-2.239208 3.75264,-5.28115 3.96992,-8.67014 l -4.38336,-0.06186 c -0.40438,4.587056 -4.25359,8.182765 -8.94928,8.182765 z M 697.342,54.592156 c 1.46966,0.846493 3.35126,0.345538 4.19776,-1.128657 0.84951,-1.465142 0.34553,-3.34825 -1.12413,-4.196251 -1.47269,-0.848002 -3.35127,-0.345539 -4.20078,1.125639 -0.8465,1.469669 -0.34554,3.349758 1.12715,4.199269 z"
+         id="path17339-0" />
+    </g>
+    <g
+       id="layer2"
+       inkscape:label="Typography"
+       style="display:none"
+       transform="matrix(0.44483039,0,0,0.44483039,740.13512,120.73191)">
+      <g
+         id="g3910">
+        <path
+           inkscape:connector-curvature="0"
+           id="path3872"
+           d="m 3.7946429,10.710395 156.7857171,0"
+           style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path3872-6"
+           d="m 3.6552959,35.734302 156.7857141,0"
+           style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           id="path3872-6-8"
+           d="m -10.35714,23.222461 156.78571,0"
+           style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      </g>
+    </g>
+    <g
+       inkscape:label="Layer 1"
+       id="layer1"
+       transform="matrix(0.44483039,0,0,0.44483039,740.13512,120.73191)">
+      <path
+         style="fill:none;stroke:#009900;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 14.047838,32.727592 0,-19.064695 19.062499,19.064695 0,-19.064695"
+         id="path2996"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#009900;fill-opacity:1;stroke:none;stroke-width:5;marker:none;enable-background:accumulate"
+         d="M 44.6875,11.1875 44,12.46875 38.6875,22.125 38,23.34375 38.6875,24.5625 44,33.90625 l 0.71875,1.28125 1.46875,0 10.875,0 1.5625,0 0.6875,-1.40625 3.96875,-8 1.78125,-3.625 -4.03125,0 L 50.875,22.1875 c -1.320782,-0.01868 -2.535605,1.179086 -2.535605,2.5 0,1.320914 1.214823,2.518679 2.535605,2.5 L 57,27.15625 l -1.5,3.03125 -7.875,0 -3.90625,-6.875 3.9375,-7.125 8.377221,0 1.953125,4.007812 5.03125,0 -3.171875,-7.601562 -0.6875,-1.40625 -1.5625,0 -11.408471,0 z"
+         id="path2996-0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccccccccscccccccccccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#009900;fill-opacity:1;stroke:none;stroke-width:5;marker:none;enable-background:accumulate"
+         d="m 70.013782,11.15625 c -1.308989,0.01639 -2.485084,1.222261 -2.46875,2.53125 l 0,6.514509 5,0 0,-6.514509 c 0.01659,-1.329821 -1.201429,-2.547843 -2.53125,-2.53125 z"
+         id="path2996-0-5"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <use
+         x="0"
+         y="0"
+         xlink:href="#path2996"
+         id="use3820"
+         transform="matrix(-1,0,0,1,111.13905,0.04841623)"
+         width="744.09448"
+         height="1052.3622" />
+      <g
+         id="g3920"
+         transform="translate(0.10586251,0.33010228)">
+        <path
+           sodipodi:nodetypes="cc"
+           inkscape:connector-curvature="0"
+           id="path2996-1"
+           d="m 104.90935,13.374209 19.08481,19.017856"
+           style="fill:none;stroke:#009900;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <use
+           height="1052.3622"
+           width="744.09448"
+           transform="matrix(-1,0,0,1,228.92583,0)"
+           id="use3851"
+           xlink:href="#path2996-1"
+           y="0"
+           x="0" />
+      </g>
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#009900;fill-opacity:1;stroke:none;stroke-width:5;marker:none;enable-background:accumulate"
+         d="m 70.013782,35.204069 c -1.308989,-0.01639 -2.485084,-1.222261 -2.46875,-2.53125 l 0,-10.464363 5,0 0,10.464363 c 0.01659,1.329821 -1.201429,2.547843 -2.53125,2.53125 z"
+         id="path2996-0-5-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+    </g>
+    <g
+       id="g23808"
+       transform="translate(-247.29816,166.4)">
+      <path
+         id="path19313"
+         d="m 794.46487,77.394509 c -2.73221,1.424192 -16.88624,7.243753 -19.89955,8.814518 -3.01332,1.571366 -4.68732,1.556016 -7.06769,0.418047 -2.38037,-1.137968 -17.44273,-7.222083 -20.15598,-8.518964 -1.35617,-0.64829 -2.06917,-1.195153 -2.06917,-1.711919 l 0,-5.175185 c 0,0 19.60912,-4.268963 22.77502,-5.404524 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986882 18.80282,3.893352 21.46551,4.868496 0,0 -10e-4,4.622001 -10e-4,5.101747 3e-4,0.51165 -0.61398,1.07296 -2.00476,1.797696 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path19315"
+         d="m 794.46487,72.21782 c -2.73221,1.423589 -16.88624,7.243753 -19.89955,8.814517 -3.01332,1.571366 -4.68732,1.556017 -7.06769,0.418048 -2.38068,-1.137367 -17.44273,-7.222686 -20.15598,-8.518965 -2.71325,-1.296881 -2.77013,-2.189559 -0.10474,-3.233023 2.66509,-1.044066 17.64469,-6.921113 20.81089,-8.056975 3.16561,-1.13526 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.587036 19.42612,7.56218 2.66299,0.976046 2.76532,1.779637 0.0331,3.203829 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <path
+         id="path19317"
+         d="m 794.46487,68.955302 c -2.73221,1.424191 -16.88624,7.243753 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222084 -20.15598,-8.518965 -1.35617,-0.64829 -2.06917,-1.194551 -2.06917,-1.711317 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404524 3.16561,-1.135561 4.26385,-1.176794 6.95783,-0.189913 2.69429,0.986882 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.10235 3e-4,0.511348 -0.61398,1.072658 -2.00476,1.797395 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path19319"
+         d="m 794.46487,63.778612 c -2.73221,1.424192 -16.88624,7.243754 -19.89955,8.81512 -3.01332,1.570764 -4.68732,1.555414 -7.06769,0.417445 -2.38068,-1.137366 -17.44273,-7.222384 -20.15598,-8.518964 -2.71325,-1.29658 -2.77013,-2.189258 -0.10474,-3.233324 2.66509,-1.043464 17.64469,-6.920812 20.81089,-8.056373 3.16561,-1.135561 4.26385,-1.176794 6.95784,-0.189913 2.69428,0.986882 16.76374,6.586736 19.42612,7.56218 2.66299,0.975746 2.76532,1.779638 0.0331,3.203829 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <path
+         id="path19321"
+         d="m 794.46487,60.203085 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.81542 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222384 -20.15598,-8.518964 -1.35617,-0.648291 -2.06917,-1.194853 -2.06917,-1.711318 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404223 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986881 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.102048 3e-4,0.511048 -0.61398,1.072357 -2.00476,1.797094 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path19323"
+         d="m 794.46487,55.026396 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417747 -2.38037,-1.137668 -17.44273,-7.222385 -20.15598,-8.518965 -2.71325,-1.29658 -2.77013,-2.189559 -0.10474,-3.233324 2.66509,-1.043765 17.64469,-6.920511 20.81089,-8.056373 3.16561,-1.135862 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.586735 19.42612,7.56218 2.66299,0.975143 2.76532,1.779336 0.0331,3.203227 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon19325"
+         points="259.06,240.78 270.27,237.11 267.24,244.38 278.67,248.66 263.93,250.19 260.63,258.13 255.3,249.27 238.28,247.74 250.98,243.16 247.17,236.13 "
+         style="fill:#ffffff" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon19327"
+         points="232.24,275.77 271.66,269.72 259.75,287.18 "
+         style="fill:#ffffff" />
+      <ellipse
+         id="ellipse19329"
+         cy="53.828529"
+         ry="2.4580245"
+         rx="6.3411436"
+         cx="760.40704"
+         style="fill:#ffffff" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon19331"
+         points="319.42,260.05 296.11,269.26 296.09,250.83 "
+         style="fill:#7a0c00" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon19333"
+         points="296.09,250.83 296.11,269.26 293.58,270.25 270.28,261.04 "
+         style="fill:#ad2115" />
+    </g>
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.60000002;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.6, 4.8;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#marker16101)"
+       d="m 232.8,48.6 c 0,0 -12.73666,1.801225 61.59028,-2.565366 C 414.41267,38.983507 605.85597,54.0261 541.6,135"
+       id="path20389"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.60000002;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:9.6, 9.6;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#marker8148)"
+       d="M 232,91.8 C 267.3955,81.000077 227.99615,51.379889 294.44308,48.093811 487.01221,38.570464 649.34345,63.836408 662.48649,127.0156 596.42953,139.79479 662.23891,181.3224 552.8,223.8"
+       id="path20391"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cscc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.60000002;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:12.8, 3.2, 1.6, 3.2;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#marker20462)"
+       d="m 232,135 c 57.21358,0.42565 19.24911,-77.191374 63.18997,-87.243822 38.67909,-8.8487 79.20414,-10.051572 104.88753,10.895187 38.40475,31.321995 38.65218,89.318415 98.03792,97.920405 -45.41426,67.00199 -38.65741,-9.39118 -109.31542,-3.9718"
+       id="path20393"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csscc" />
+    <circle
+       id="circle17337"
+       r="25.6"
+       cy="152.70993"
+       cx="523.57367"
+       style="fill:#dd4814" />
+    <path
+       id="path17339"
+       d="m 507.60646,149.63328 c -1.70053,0 -3.07212,1.37612 -3.07212,3.07665 0,1.69449 1.37159,3.07363 3.07212,3.07363 1.70204,0 3.07665,-1.37914 3.07665,-3.07363 0,-1.70053 -1.37461,-3.07665 -3.07665,-3.07665 z m 21.96205,13.98147 c -1.47269,0.84347 -1.97365,2.72658 -1.12715,4.19323 0.84951,1.4742 2.7296,1.97515 4.20078,1.12866 1.47117,-0.848 1.97665,-2.7296 1.12714,-4.19927 -0.84951,-1.47118 -2.73111,-1.97515 -4.20077,-1.12262 z m -15.27762,-10.90482 c 0,-3.04195 1.50588,-5.7293 3.81601,-7.35287 l -2.24524,-3.76924 c -2.69188,1.7971 -4.6957,4.54783 -5.52861,7.76782 0.97475,0.79217 1.59189,1.99779 1.59189,3.35429 0,1.34744 -0.61564,2.55155 -1.59189,3.34825 0.83291,3.21848 2.83673,5.9677 5.52861,7.7648 l 2.24524,-3.76622 c -2.31013,-1.62358 -3.81601,-4.30791 -3.81601,-7.34683 z m 8.98098,-8.98852 c 4.69569,0 8.5449,3.59873 8.94928,8.19333 l 4.38336,-0.0709 c -0.21728,-3.38597 -1.69601,-6.42792 -3.96992,-8.66411 -1.17091,0.43909 -2.52288,0.37723 -3.68926,-0.30027 -1.16638,-0.67448 -1.90121,-1.80917 -2.10341,-3.04798 -1.13771,-0.31234 -2.33427,-0.48586 -3.57005,-0.48586 -2.12454,0 -4.1359,0.50095 -5.91791,1.38517 l 2.13509,3.82808 c 1.14978,-0.53717 2.43386,-0.83744 3.78282,-0.83744 z m 0,17.96798 c -1.35047,0 -2.63304,-0.29725 -3.78282,-0.83442 l -2.13509,3.82808 c 1.78201,0.88723 3.79337,1.38215 5.91791,1.38215 1.23578,0 2.43234,-0.16749 3.57005,-0.48285 0.2022,-1.23729 0.93552,-2.37199 2.10341,-3.04948 1.1694,-0.67448 2.51835,-0.73936 3.68926,-0.29424 2.27391,-2.23921 3.75264,-5.28115 3.96992,-8.67014 l -4.38336,-0.0619 c -0.40438,4.58705 -4.25359,8.18276 -8.94928,8.18276 z m 6.29664,-19.88579 c 1.46966,0.84649 3.35126,0.34553 4.19776,-1.12866 0.84951,-1.46514 0.34553,-3.34825 -1.12413,-4.19625 -1.47269,-0.848 -3.35127,-0.34554 -4.20078,1.12564 -0.8465,1.46967 -0.34554,3.34976 1.12715,4.19927 z"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff" />
+    <rect
+       style="opacity:1;fill:#f2f2f2;fill-opacity:1;stroke:#005976;stroke-width:1.87672079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4484"
+       width="288.75037"
+       height="19.589668"
+       x="295.59451"
+       y="37.709572" />
+    <g
+       transform="matrix(0.68994526,0,0,0.69259938,267.24024,14.934347)"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot4486">
+      <path
+         inkscape:connector-curvature="0"
+         d="m 187.98859,51.93976 0,-10.026972 2.89587,0 q 1.19455,0 2.00902,0.343886 0.81446,0.325786 1.32124,0.977358 0.52488,0.633473 0.74207,1.556533 0.23529,0.904962 0.23529,2.063312 0,1.194549 -0.25339,2.045213 -0.23529,0.832565 -0.61537,1.393641 -0.38009,0.561076 -0.86876,0.886862 -0.47058,0.325786 -0.95926,0.506778 -0.48868,0.162893 -0.92306,0.217191 -0.43439,0.0362 -0.72397,0.0362 l -2.85968,0 z m -1.71943,-11.47491 0,12.922849 4.43431,0 q 1.61083,0 2.78728,-0.452481 1.17645,-0.452481 1.93662,-1.303144 0.76017,-0.868763 1.12215,-2.11761 0.36199,-1.266946 0.36199,-2.895877 0,-3.113067 -1.61083,-4.633402 -1.61083,-1.520335 -4.59721,-1.520335 l -4.43431,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7700" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 199.86394,48.718098 q 0,-0.850664 0.2172,-1.502236 0.23529,-0.669671 0.63347,-1.122152 0.39818,-0.452481 0.92306,-0.687771 0.54298,-0.23529 1.14025,-0.23529 0.59727,0 1.12215,0.23529 0.54298,0.23529 0.94116,0.687771 0.39819,0.452481 0.61538,1.122152 0.23529,0.651572 0.23529,1.502236 0,0.850664 -0.23529,1.520335 -0.21719,0.651572 -0.61538,1.104053 -0.39818,0.434381 -0.94116,0.669671 -0.52488,0.23529 -1.12215,0.23529 -0.59727,0 -1.14025,-0.23529 -0.52488,-0.23529 -0.92306,-0.669671 -0.39818,-0.452481 -0.63347,-1.104053 -0.2172,-0.669671 -0.2172,-1.520335 z m -1.62893,0 q 0,1.031656 0.28959,1.918518 0.28959,0.886862 0.86876,1.556534 0.57918,0.651572 1.42984,1.031656 0.85067,0.361984 1.95472,0.361984 1.12215,0 1.95472,-0.361984 0.85066,-0.380084 1.42984,-1.031656 0.57917,-0.669672 0.86876,-1.556534 0.28959,-0.886862 0.28959,-1.918518 0,-1.031656 -0.28959,-1.918518 -0.28959,-0.904962 -0.86876,-1.556534 -0.57918,-0.669671 -1.42984,-1.049755 -0.83257,-0.380084 -1.95472,-0.380084 -1.10405,0 -1.95472,0.380084 -0.85066,0.380084 -1.42984,1.049755 -0.57917,0.651572 -0.86876,1.556534 -0.28959,0.886862 -0.28959,1.918518 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7702" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 215.45219,47.03487 1.59273,0 q -0.0905,-0.832565 -0.43438,-1.429839 -0.34389,-0.615374 -0.88686,-1.013557 -0.52488,-0.398183 -1.23075,-0.579175 -0.68777,-0.199092 -1.48414,-0.199092 -1.10405,0 -1.93662,0.398183 -0.83256,0.380084 -1.39364,1.067855 -0.54297,0.669671 -0.81446,1.592732 -0.27149,0.904961 -0.27149,1.954716 0,1.049756 0.27149,1.936618 0.28959,0.868763 0.83256,1.502236 0.56108,0.633473 1.37554,0.977358 0.83257,0.343885 1.90042,0.343885 1.79183,0 2.82348,-0.94116 1.04976,-0.941159 1.30315,-2.678685 l -1.57464,0 q -0.14479,1.085953 -0.79636,1.683228 -0.63347,0.597274 -1.77373,0.597274 -0.72397,0 -1.24884,-0.289587 -0.52488,-0.289588 -0.85067,-0.760168 -0.32578,-0.488679 -0.48868,-1.104053 -0.14479,-0.615374 -0.14479,-1.266946 0,-0.70587 0.14479,-1.357442 0.1448,-0.669671 0.47058,-1.17645 0.34389,-0.506778 0.90497,-0.814465 0.56107,-0.307687 1.39364,-0.307687 0.97735,0 1.55653,0.488679 0.57917,0.48868 0.76017,1.375542 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7704" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 218.91112,40.46485 0,12.922849 1.53843,0 0,-3.547449 1.44794,-1.339343 3.20357,4.886792 1.95471,0 -3.98183,-5.954646 3.71034,-3.402655 -2.06331,0 -4.27142,4.090425 0,-7.655973 -1.53843,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7706" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 234.72136,47.813137 -5.37547,0 q 0.0362,-0.542977 0.23529,-1.013557 0.19909,-0.488679 0.54298,-0.850664 0.34388,-0.361985 0.81446,-0.561076 0.48868,-0.217191 1.08596,-0.217191 0.57917,0 1.04975,0.217191 0.48868,0.199091 0.83257,0.561076 0.36198,0.343885 0.56107,0.832565 0.21719,0.488679 0.25339,1.031656 z m 1.48414,2.606288 -1.52034,0 q -0.19909,0.923061 -0.83256,1.375542 -0.61538,0.45248 -1.59273,0.45248 -0.76017,0 -1.32125,-0.253389 -0.56107,-0.253389 -0.92306,-0.669671 -0.36198,-0.434382 -0.52488,-0.977359 -0.16289,-0.561076 -0.14479,-1.176449 l 7.0044,0 q 0.0362,-0.850664 -0.16289,-1.791824 -0.18099,-0.94116 -0.68777,-1.737526 -0.48868,-0.796366 -1.32125,-1.303144 -0.81446,-0.524878 -2.06331,-0.524878 -0.95926,0 -1.77372,0.361985 -0.79637,0.361984 -1.39364,1.013556 -0.57918,0.651573 -0.90496,1.538435 -0.32579,0.886862 -0.32579,1.954716 0.0362,1.067855 0.30769,1.972816 0.28958,0.904962 0.85066,1.556534 0.56108,0.651572 1.37554,1.013557 0.83257,0.361984 1.95472,0.361984 1.59273,0 2.64249,-0.796366 1.04975,-0.796366 1.35744,-2.370999 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7708" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 237.8907,44.030398 0,9.357301 1.53844,0 0,-4.162823 q 0,-0.904961 0.18099,-1.592732 0.18099,-0.70587 0.57918,-1.194549 0.39818,-0.488679 1.04975,-0.742068 0.65157,-0.253389 1.57463,-0.253389 l 0,-1.628931 q -1.24884,-0.0362 -2.06331,0.506779 -0.81446,0.542976 -1.37554,1.683228 l -0.0362,0 0,-1.972816 -1.44794,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7710" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 250.13172,48.790495 q 0,-0.687771 0.1448,-1.339343 0.14479,-0.651572 0.47058,-1.158351 0.32578,-0.506778 0.86876,-0.814465 0.54298,-0.307687 1.32124,-0.307687 0.79637,0 1.35744,0.307687 0.56108,0.289588 0.90497,0.778267 0.36198,0.488679 0.52487,1.140251 0.1629,0.633473 0.1629,1.321244 0,0.651572 -0.1629,1.285045 -0.14479,0.633473 -0.48868,1.140251 -0.34388,0.48868 -0.88686,0.796366 -0.54297,0.307687 -1.32124,0.307687 -0.74207,0 -1.30315,-0.289587 -0.54297,-0.289588 -0.90496,-0.778267 -0.34388,-0.488679 -0.52488,-1.104053 -0.16289,-0.633473 -0.16289,-1.285045 z m 7.23969,4.597204 0,-12.922849 -1.53843,0 0,4.814395 -0.0362,0 q -0.25339,-0.416283 -0.63347,-0.687771 -0.36199,-0.289588 -0.77827,-0.452481 -0.41628,-0.180992 -0.83256,-0.253389 -0.41629,-0.0724 -0.77827,-0.0724 -1.06786,0 -1.88232,0.398183 -0.79637,0.380084 -1.33934,1.049755 -0.52488,0.651573 -0.79637,1.538435 -0.25339,0.886862 -0.25339,1.882319 0,0.995458 0.27149,1.88232 0.27149,0.886862 0.79637,1.556534 0.54297,0.669671 1.33934,1.067854 0.81446,0.398183 1.90042,0.398183 0.97736,0 1.79182,-0.343885 0.81447,-0.343885 1.19455,-1.122152 l 0.0362,0 0,1.266946 1.53843,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7712" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 268.01008,53.3515 q -0.39818,0.23529 -1.10405,0.23529 -0.59727,0 -0.95926,-0.325786 -0.34388,-0.343885 -0.34388,-1.104053 -0.63348,0.760168 -1.48414,1.104053 -0.83257,0.325786 -1.80992,0.325786 -0.63348,0 -1.21265,-0.144794 -0.56108,-0.144793 -0.97736,-0.45248 -0.41628,-0.307687 -0.66967,-0.796366 -0.23529,-0.506779 -0.23529,-1.212649 0,-0.796366 0.27149,-1.303144 0.27149,-0.506778 0.70587,-0.814465 0.45248,-0.325786 1.01355,-0.488679 0.57918,-0.162893 1.17645,-0.271489 0.63348,-0.126694 1.19455,-0.180992 0.57918,-0.0724 1.01356,-0.180992 0.43438,-0.126695 0.68777,-0.343886 0.25339,-0.23529 0.25339,-0.669671 0,-0.506779 -0.19909,-0.814465 -0.18099,-0.307687 -0.48868,-0.47058 -0.28959,-0.162893 -0.66967,-0.217191 -0.36199,-0.0543 -0.72397,-0.0543 -0.97736,0 -1.62893,0.380084 -0.65157,0.361985 -0.70587,1.393641 l -1.53844,0 q 0.0362,-0.868763 0.36199,-1.466038 0.32578,-0.597274 0.86876,-0.959259 0.54298,-0.380084 1.23075,-0.542977 0.70587,-0.162893 1.50223,-0.162893 0.63348,0 1.24885,0.0905 0.63347,0.0905 1.14025,0.380084 0.50678,0.271488 0.81447,0.778267 0.30768,0.506778 0.30768,1.321244 l 0,4.814394 q 0,0.542977 0.0543,0.796366 0.0724,0.253389 0.43438,0.253389 0.19909,0 0.47058,-0.0905 l 0,1.194549 z m -2.49769,-4.796295 q -0.28959,0.217191 -0.76017,0.325786 -0.47058,0.0905 -0.99546,0.162893 -0.50677,0.0543 -1.03165,0.144794 -0.52488,0.0724 -0.94116,0.253389 -0.41628,0.180992 -0.68777,0.524878 -0.25339,0.325786 -0.25339,0.904961 0,0.380084 0.14479,0.651572 0.1629,0.253389 0.39819,0.416282 0.25339,0.162894 0.57917,0.23529 0.32579,0.0724 0.68777,0.0724 0.76017,0 1.30315,-0.199091 0.54297,-0.217191 0.88686,-0.524878 0.34388,-0.325786 0.50678,-0.68777 0.16289,-0.380084 0.16289,-0.70587 l 0,-1.574633 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7714" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 275.93952,47.813137 -5.37547,0 q 0.0362,-0.542977 0.23529,-1.013557 0.19909,-0.488679 0.54298,-0.850664 0.34388,-0.361985 0.81446,-0.561076 0.48868,-0.217191 1.08595,-0.217191 0.57918,0 1.04976,0.217191 0.48868,0.199091 0.83256,0.561076 0.36199,0.343885 0.56108,0.832565 0.21719,0.488679 0.25339,1.031656 z m 1.48414,2.606288 -1.52034,0 q -0.19909,0.923061 -0.83256,1.375542 -0.61538,0.45248 -1.59274,0.45248 -0.76016,0 -1.32124,-0.253389 -0.56107,-0.253389 -0.92306,-0.669671 -0.36198,-0.434382 -0.52488,-0.977359 -0.16289,-0.561076 -0.14479,-1.176449 l 7.0044,0 q 0.0362,-0.850664 -0.16289,-1.791824 -0.18099,-0.94116 -0.68777,-1.737526 -0.48868,-0.796366 -1.32125,-1.303144 -0.81446,-0.524878 -2.06331,-0.524878 -0.95926,0 -1.77372,0.361985 -0.79637,0.361984 -1.39364,1.013556 -0.57918,0.651573 -0.90497,1.538435 -0.32578,0.886862 -0.32578,1.954716 0.0362,1.067855 0.30769,1.972816 0.28958,0.904962 0.85066,1.556534 0.56108,0.651572 1.37554,1.013557 0.83257,0.361984 1.95472,0.361984 1.59273,0 2.64248,-0.796366 1.04976,-0.796366 1.35745,-2.370999 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7716" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 279.16316,44.030398 0,9.357301 1.53844,0 0,-5.827952 q 0,-0.271488 0.12669,-0.669671 0.1448,-0.416282 0.43439,-0.796366 0.30768,-0.380084 0.77826,-0.651572 0.48868,-0.271489 1.15835,-0.271489 0.52488,0 0.85067,0.162893 0.34388,0.144794 0.54297,0.434382 0.19909,0.271488 0.27149,0.651572 0.0905,0.380084 0.0905,0.832564 l 0,6.135639 1.53843,0 0,-5.827952 q 0,-1.085953 0.65157,-1.737526 0.65158,-0.651572 1.79183,-0.651572 0.56107,0 0.90496,0.162893 0.36198,0.162893 0.56108,0.452481 0.19909,0.271488 0.27148,0.651572 0.0724,0.380084 0.0724,0.814465 l 0,6.135639 1.53843,0 0,-6.859608 q 0,-0.723969 -0.23528,-1.230747 -0.2172,-0.524878 -0.63348,-0.850664 -0.39818,-0.325786 -0.97736,-0.47058 -0.56107,-0.162893 -1.26694,-0.162893 -0.92306,0 -1.70133,0.416282 -0.76017,0.416283 -1.23075,1.17645 -0.28958,-0.868763 -0.99545,-1.230747 -0.70587,-0.361985 -1.57464,-0.361985 -1.97281,0 -3.02257,1.592732 l -0.0362,0 0,-1.375541 -1.44794,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7718" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 295.73329,48.718098 q 0,-0.850664 0.21719,-1.502236 0.23529,-0.669671 0.63348,-1.122152 0.39818,-0.452481 0.92306,-0.687771 0.54297,-0.23529 1.14025,-0.23529 0.59727,0 1.12215,0.23529 0.54298,0.23529 0.94116,0.687771 0.39818,0.452481 0.61537,1.122152 0.23529,0.651572 0.23529,1.502236 0,0.850664 -0.23529,1.520335 -0.21719,0.651572 -0.61537,1.104053 -0.39818,0.434381 -0.94116,0.669671 -0.52488,0.23529 -1.12215,0.23529 -0.59728,0 -1.14025,-0.23529 -0.52488,-0.23529 -0.92306,-0.669671 -0.39819,-0.452481 -0.63348,-1.104053 -0.21719,-0.669671 -0.21719,-1.520335 z m -1.62893,0 q 0,1.031656 0.28959,1.918518 0.28959,0.886862 0.86876,1.556534 0.57918,0.651572 1.42984,1.031656 0.85066,0.361984 1.95472,0.361984 1.12215,0 1.95471,-0.361984 0.85067,-0.380084 1.42984,-1.031656 0.57918,-0.669672 0.86877,-1.556534 0.28958,-0.886862 0.28958,-1.918518 0,-1.031656 -0.28958,-1.918518 -0.28959,-0.904962 -0.86877,-1.556534 -0.57917,-0.669671 -1.42984,-1.049755 -0.83256,-0.380084 -1.95471,-0.380084 -1.10406,0 -1.95472,0.380084 -0.85066,0.380084 -1.42984,1.049755 -0.57917,0.651572 -0.86876,1.556534 -0.28959,0.886862 -0.28959,1.918518 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7720" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 304.96871,44.030398 0,9.357301 1.53843,0 0,-5.284975 q 0,-0.633473 0.16289,-1.15835 0.181,-0.542977 0.52488,-0.94116 0.34389,-0.398183 0.85067,-0.615374 0.52487,-0.217191 1.23074,-0.217191 0.88687,0 1.39364,0.506779 0.50678,0.506778 0.50678,1.375541 l 0,6.33473 1.53844,0 0,-6.153738 q 0,-0.760167 -0.1629,-1.375541 -0.14479,-0.633473 -0.52487,-1.085954 -0.38009,-0.45248 -0.99546,-0.70587 -0.61538,-0.253389 -1.53844,-0.253389 -2.08141,0 -3.04067,1.701328 l -0.0362,0 0,-1.484137 -1.44793,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.09922791px;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue'"
+         id="path7722" />
+    </g>
+    <g
+       transform="matrix(0.46975244,0,0,0.46975284,616.35741,-226.29247)"
+       id="layer1-6"
+       inkscape:label="Layer 1">
+      <g
+         inkscape:label="#g2636"
+         clip-path="none"
+         transform="matrix(0.450413,0,0,0.450413,290.58948,830.01033)"
+         id="CENTOSARTWORK"
+         style="display:inline">
+        <g
+           inkscape:label="#g2638"
+           id="SYMBOL">
+          <g
+             id="g2640"
+             transform="matrix(0,-1.4853794,1.4853794,0,-2754.3723,24.127639)"
+             style="display:inline">
+            <g
+               transform="translate(16.279512,-899.16723)"
+               id="g2642">
+              <g
+                 id="g2644"
+                 transform="matrix(1.0666663,0,0,1,-26.935596,-4.1328125e-5)">
+                <path
+                   id="path2646"
+                   d="m 323.36653,2798.1614 -5.40616,5.8005 -5.40616,-5.8005 0,-40.8261 -18.01333,0 23.41949,-24.8979 23.02487,24.8979 -17.6187,0 -10e-6,40.8261 z"
+                   style="display:inline;overflow:visible;visibility:visible;fill:#922178;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                   sodipodi:nodetypes="ccccccccc"
+                   inkscape:connector-curvature="0" />
+                <path
+                   sodipodi:nodetypes="cccccc"
+                   style="display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:0.15686275;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                   d="m 323.42008,2798.1614 -5.45971,5.8005 0,-71.5245 23.25296,24.8979 -17.79323,0 -2e-5,40.8261 z"
+                   id="path2648"
+                   inkscape:connector-curvature="0" />
+              </g>
+              <g
+                 transform="matrix(1.0722788,0,0,1,-28.850792,-4.1328125e-5)"
+                 id="g2650"
+                 clip-path="url(#clipPath4429)" />
+            </g>
+          </g>
+          <g
+             transform="matrix(1.4853794,0,0,1.4853794,-402.70015,-3303.1796)"
+             id="g2652"
+             style="display:inline">
+            <g
+               id="g2654"
+               transform="translate(16.279512,-899.16723)">
+              <g
+                 transform="matrix(1.0666663,0,0,1,-26.935596,-4.1328125e-5)"
+                 id="g2656">
+                <path
+                   sodipodi:nodetypes="ccccccccc"
+                   style="display:inline;overflow:visible;visibility:visible;fill:#eea623;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                   d="m 323.36653,2798.1614 -5.40616,5.8005 -5.40616,-5.8005 0,-40.8261 -18.01333,0 23.41949,-24.8979 23.02487,24.8979 -17.6187,0 -10e-6,40.8261 z"
+                   id="path2658"
+                   inkscape:connector-curvature="0" />
+                <path
+                   id="path2660"
+                   d="m 323.42008,2798.1614 -5.45971,5.8005 0,-71.5245 23.25296,24.8979 -17.79323,0 -2e-5,40.8261 z"
+                   style="display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:0.15686275;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                   sodipodi:nodetypes="cccccc"
+                   inkscape:connector-curvature="0" />
+              </g>
+              <g
+                 clip-path="url(#clipPath4429)"
+                 id="g2662"
+                 transform="matrix(1.0722788,0,0,1,-28.850792,-4.1328125e-5)" />
+            </g>
+          </g>
+          <g
+             id="g2664"
+             transform="matrix(0,1.4853794,-1.4853794,0,4260.2115,-927.32613)"
+             style="display:inline">
+            <g
+               transform="matrix(1.0666663,0,0,1,-26.935596,-4.1328125e-5)"
+               id="g2666">
+              <path
+                 sodipodi:nodetypes="ccccccccc"
+                 style="display:inline;overflow:visible;visibility:visible;fill:#252476;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                 d="m 323.36653,2798.1614 -5.40616,5.8005 -5.40616,-5.8005 0,-40.8261 -18.01333,0 23.41949,-24.8979 23.02487,24.8979 -17.6187,0 -10e-6,40.8261 z"
+                 id="path2668"
+                 inkscape:connector-curvature="0" />
+              <path
+                 id="path2670"
+                 d="m 323.42008,2798.1614 -5.45971,5.8005 0,-71.5245 23.25296,24.8979 -17.79323,0 -2e-5,40.8261 z"
+                 style="display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:0.15686275;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                 sodipodi:nodetypes="cccccc"
+                 inkscape:connector-curvature="0" />
+            </g>
+            <g
+               clip-path="url(#clipPath4429)"
+               id="g2672"
+               transform="matrix(1.0722788,0,0,1,-28.850792,-4.1328125e-5)" />
+          </g>
+          <g
+             transform="matrix(-1.4853794,0,0,-1.4853794,572.93464,2375.8)"
+             id="g2674"
+             style="display:inline">
+            <g
+               id="g2676"
+               transform="translate(16.279512,-899.16723)">
+              <g
+                 transform="matrix(1.0666663,0,0,1,-26.935596,-4.1328125e-5)"
+                 id="g2678">
+                <path
+                   sodipodi:nodetypes="ccccccccc"
+                   style="display:inline;overflow:visible;visibility:visible;fill:#73d216;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                   d="m 323.36653,2798.1614 -5.40616,5.8005 -5.40616,-5.8005 0,-40.8261 -18.01333,0 23.41949,-24.8979 23.02487,24.8979 -17.6187,0 -10e-6,40.8261 z"
+                   id="path2680"
+                   inkscape:connector-curvature="0" />
+                <path
+                   id="path2682"
+                   d="m 323.42008,2798.1614 -5.45971,5.8005 0,-71.5245 23.25296,24.8979 -17.79323,0 -2e-5,40.8261 z"
+                   style="display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:0.15686275;fill-rule:evenodd;stroke:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+                   sodipodi:nodetypes="cccccc"
+                   inkscape:connector-curvature="0" />
+              </g>
+              <g
+                 clip-path="url(#clipPath4429)"
+                 id="g2684"
+                 transform="matrix(1.0722788,0,0,1,-28.850792,-4.1328125e-5)" />
+            </g>
+          </g>
+          <g
+             transform="matrix(1.4853794,0,0,1.4853794,-994.6136,-3940.533)"
+             id="g2686"
+             style="display:inline">
+            <rect
+               style="fill:#73d216;fill-opacity:1;stroke:#ffffff;stroke-width:6.03433704;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               id="rect2688"
+               width="49.606449"
+               height="49.606449"
+               x="671.98438"
+               y="2285.7893" />
+            <rect
+               y="2285.7893"
+               x="732.22076"
+               height="49.606449"
+               width="49.606449"
+               id="rect2690"
+               style="fill:#922178;fill-opacity:1;stroke:#ffffff;stroke-width:6.03433704;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+            <rect
+               style="fill:#eea623;fill-opacity:1;stroke:#ffffff;stroke-width:6.03433704;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+               id="rect2692"
+               width="49.606449"
+               height="49.606449"
+               x="732.22076"
+               y="2346.0256" />
+            <rect
+               y="2346.0256"
+               x="671.98438"
+               height="49.606449"
+               width="49.606449"
+               id="rect2694"
+               style="fill:#252476;fill-opacity:1;stroke:#ffffff;stroke-width:6.03433704;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+            <path
+               style="fill:#ffffff;fill-opacity:0.15686275;stroke:none;stroke-width:3.54330707;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 696.78757,2311.2893 c 24.77617,0 24.80323,-25.5 24.80323,-25.5 l -10e-6,49.6065 -49.60644,0 c 0,0 -0.22209,-24.1065 24.80322,-24.1065 z"
+               id="path2696"
+               sodipodi:nodetypes="ccccz"
+               inkscape:connector-curvature="0" />
+            <path
+               sodipodi:nodetypes="ccccz"
+               id="path2698"
+               d="m 696.7876,2371.5256 c 24.77617,0 24.80323,-25.5 24.80323,-25.5 l -10e-6,49.6065 -49.60644,0 c 0,0 -0.22209,-24.1065 24.80322,-24.1065 z"
+               style="fill:#ffffff;fill-opacity:0.15686275;stroke:none;stroke-width:3.54330707;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+               inkscape:connector-curvature="0" />
+            <path
+               sodipodi:nodetypes="ccccz"
+               id="path2700"
+               d="m 757.02399,2311.2893 c 24.77617,0 24.80323,-25.5 24.80323,-25.5 l -10e-6,49.6065 -49.60644,0 c 0,0 -0.22209,-24.1065 24.80322,-24.1065 z"
+               style="fill:#ffffff;fill-opacity:0.15686275;stroke:none;stroke-width:3.54330707;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+               inkscape:connector-curvature="0" />
+            <path
+               style="fill:#ffffff;fill-opacity:0.15686275;stroke:none;stroke-width:3.54330707;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+               d="m 757.02399,2371.5256 c 24.77617,0 24.80323,-25.5 24.80323,-25.5 l -10e-6,49.6065 -49.60644,0 c 0,0 -0.22209,-24.1065 24.80322,-24.1065 z"
+               id="path2702"
+               sodipodi:nodetypes="ccccz"
+               inkscape:connector-curvature="0" />
+          </g>
+          <rect
+             y="-349.27026"
+             x="306.48581"
+             height="73.684402"
+             width="73.684402"
+             id="rect2704"
+             style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.96327972;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             transform="matrix(0.7071068,-0.7071068,0.7071068,0.7071068,0,0)" />
+          <rect
+             style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.96327972;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="rect2706"
+             width="73.684402"
+             height="73.684402"
+             x="395.95984"
+             y="-349.27026"
+             transform="matrix(0.7071068,-0.7071068,0.7071068,0.7071068,0,0)" />
+          <rect
+             y="-259.79648"
+             x="395.95984"
+             height="73.684402"
+             width="73.684402"
+             id="rect2708"
+             style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.96327972;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             transform="matrix(0.7071068,-0.7071068,0.7071068,0.7071068,0,0)" />
+          <rect
+             style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.96327972;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="rect2710"
+             width="73.684402"
+             height="73.684402"
+             x="306.48581"
+             y="-259.79648"
+             transform="matrix(0.7071068,-0.7071068,0.7071068,0.7071068,0,0)" />
+        </g>
+      </g>
+    </g>
+    <g
+       transform="translate(-247.29816,166.4)"
+       id="g23821">
+      <path
+         style="fill:#a41e11"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,77.394509 c -2.73221,1.424192 -16.88624,7.243753 -19.89955,8.814518 -3.01332,1.571366 -4.68732,1.556016 -7.06769,0.418047 -2.38037,-1.137968 -17.44273,-7.222083 -20.15598,-8.518964 -1.35617,-0.64829 -2.06917,-1.195153 -2.06917,-1.711919 l 0,-5.175185 c 0,0 19.60912,-4.268963 22.77502,-5.404524 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986882 18.80282,3.893352 21.46551,4.868496 0,0 -10e-4,4.622001 -10e-4,5.101747 3e-4,0.51165 -0.61398,1.07296 -2.00476,1.797696 z"
+         id="path23823" />
+      <path
+         style="fill:#d82c20"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,72.21782 c -2.73221,1.423589 -16.88624,7.243753 -19.89955,8.814517 -3.01332,1.571366 -4.68732,1.556017 -7.06769,0.418048 -2.38068,-1.137367 -17.44273,-7.222686 -20.15598,-8.518965 -2.71325,-1.296881 -2.77013,-2.189559 -0.10474,-3.233023 2.66509,-1.044066 17.64469,-6.921113 20.81089,-8.056975 3.16561,-1.13526 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.587036 19.42612,7.56218 2.66299,0.976046 2.76532,1.779637 0.0331,3.203829 z"
+         id="path23825" />
+      <path
+         style="fill:#a41e11"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,68.955302 c -2.73221,1.424191 -16.88624,7.243753 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222084 -20.15598,-8.518965 -1.35617,-0.64829 -2.06917,-1.194551 -2.06917,-1.711317 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404524 3.16561,-1.135561 4.26385,-1.176794 6.95783,-0.189913 2.69429,0.986882 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.10235 3e-4,0.511348 -0.61398,1.072658 -2.00476,1.797395 z"
+         id="path23827" />
+      <path
+         style="fill:#d82c20"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,63.778612 c -2.73221,1.424192 -16.88624,7.243754 -19.89955,8.81512 -3.01332,1.570764 -4.68732,1.555414 -7.06769,0.417445 -2.38068,-1.137366 -17.44273,-7.222384 -20.15598,-8.518964 -2.71325,-1.29658 -2.77013,-2.189258 -0.10474,-3.233324 2.66509,-1.043464 17.64469,-6.920812 20.81089,-8.056373 3.16561,-1.135561 4.26385,-1.176794 6.95784,-0.189913 2.69428,0.986882 16.76374,6.586736 19.42612,7.56218 2.66299,0.975746 2.76532,1.779638 0.0331,3.203829 z"
+         id="path23829" />
+      <path
+         style="fill:#a41e11"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,60.203085 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.81542 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222384 -20.15598,-8.518964 -1.35617,-0.648291 -2.06917,-1.194853 -2.06917,-1.711318 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404223 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986881 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.102048 3e-4,0.511048 -0.61398,1.072357 -2.00476,1.797094 z"
+         id="path23831" />
+      <path
+         style="fill:#d82c20"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,55.026396 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417747 -2.38037,-1.137668 -17.44273,-7.222385 -20.15598,-8.518965 -2.71325,-1.29658 -2.77013,-2.189559 -0.10474,-3.233324 2.66509,-1.043765 17.64469,-6.920511 20.81089,-8.056373 3.16561,-1.135862 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.586735 19.42612,7.56218 2.66299,0.975143 2.76532,1.779336 0.0331,3.203227 z"
+         id="path23833" />
+      <polygon
+         style="fill:#ffffff"
+         points="259.06,240.78 270.27,237.11 267.24,244.38 278.67,248.66 263.93,250.19 260.63,258.13 255.3,249.27 238.28,247.74 250.98,243.16 247.17,236.13 "
+         id="polygon23835"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+      <polygon
+         style="fill:#ffffff"
+         points="232.24,275.77 271.66,269.72 259.75,287.18 "
+         id="polygon23837"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+      <ellipse
+         style="fill:#ffffff"
+         cx="760.40704"
+         rx="6.3411436"
+         ry="2.4580245"
+         cy="53.828529"
+         id="ellipse23839" />
+      <polygon
+         style="fill:#7a0c00"
+         points="319.42,260.05 296.11,269.26 296.09,250.83 "
+         id="polygon23841"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+      <polygon
+         style="fill:#ad2115"
+         points="296.09,250.83 296.11,269.26 293.58,270.25 270.28,261.04 "
+         id="polygon23843"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+    </g>
+    <g
+       id="g23845"
+       transform="matrix(0.1894162,-0.14094969,0,0.1894162,234.64109,354.55609)">
+      <path
+         id="path23847"
+         d="m 794.46487,77.394509 c -2.73221,1.424192 -16.88624,7.243753 -19.89955,8.814518 -3.01332,1.571366 -4.68732,1.556016 -7.06769,0.418047 -2.38037,-1.137968 -17.44273,-7.222083 -20.15598,-8.518964 -1.35617,-0.64829 -2.06917,-1.195153 -2.06917,-1.711919 l 0,-5.175185 c 0,0 19.60912,-4.268963 22.77502,-5.404524 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986882 18.80282,3.893352 21.46551,4.868496 0,0 -10e-4,4.622001 -10e-4,5.101747 3e-4,0.51165 -0.61398,1.07296 -2.00476,1.797696 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path23849"
+         d="m 794.46487,72.21782 c -2.73221,1.423589 -16.88624,7.243753 -19.89955,8.814517 -3.01332,1.571366 -4.68732,1.556017 -7.06769,0.418048 -2.38068,-1.137367 -17.44273,-7.222686 -20.15598,-8.518965 -2.71325,-1.296881 -2.77013,-2.189559 -0.10474,-3.233023 2.66509,-1.044066 17.64469,-6.921113 20.81089,-8.056975 3.16561,-1.13526 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.587036 19.42612,7.56218 2.66299,0.976046 2.76532,1.779637 0.0331,3.203829 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <path
+         id="path23851"
+         d="m 794.46487,68.955302 c -2.73221,1.424191 -16.88624,7.243753 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222084 -20.15598,-8.518965 -1.35617,-0.64829 -2.06917,-1.194551 -2.06917,-1.711317 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404524 3.16561,-1.135561 4.26385,-1.176794 6.95783,-0.189913 2.69429,0.986882 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.10235 3e-4,0.511348 -0.61398,1.072658 -2.00476,1.797395 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path23853"
+         d="m 794.46487,63.778612 c -2.73221,1.424192 -16.88624,7.243754 -19.89955,8.81512 -3.01332,1.570764 -4.68732,1.555414 -7.06769,0.417445 -2.38068,-1.137366 -17.44273,-7.222384 -20.15598,-8.518964 -2.71325,-1.29658 -2.77013,-2.189258 -0.10474,-3.233324 2.66509,-1.043464 17.64469,-6.920812 20.81089,-8.056373 3.16561,-1.135561 4.26385,-1.176794 6.95784,-0.189913 2.69428,0.986882 16.76374,6.586736 19.42612,7.56218 2.66299,0.975746 2.76532,1.779638 0.0331,3.203829 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <path
+         id="path23855"
+         d="m 794.46487,60.203085 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.81542 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222384 -20.15598,-8.518964 -1.35617,-0.648291 -2.06917,-1.194853 -2.06917,-1.711318 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404223 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986881 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.102048 3e-4,0.511048 -0.61398,1.072357 -2.00476,1.797094 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path23857"
+         d="m 794.46487,55.026396 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417747 -2.38037,-1.137668 -17.44273,-7.222385 -20.15598,-8.518965 -2.71325,-1.29658 -2.77013,-2.189559 -0.10474,-3.233324 2.66509,-1.043765 17.64469,-6.920511 20.81089,-8.056373 3.16561,-1.135862 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.586735 19.42612,7.56218 2.66299,0.975143 2.76532,1.779336 0.0331,3.203227 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon23859"
+         points="267.24,244.38 278.67,248.66 263.93,250.19 260.63,258.13 255.3,249.27 238.28,247.74 250.98,243.16 247.17,236.13 259.06,240.78 270.27,237.11 "
+         style="fill:#ffffff" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon23861"
+         points="232.24,275.77 271.66,269.72 259.75,287.18 "
+         style="fill:#ffffff" />
+      <ellipse
+         id="ellipse23863"
+         cy="53.828529"
+         ry="2.4580245"
+         rx="6.3411436"
+         cx="760.40704"
+         style="fill:#ffffff" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon23865"
+         points="319.42,260.05 296.11,269.26 296.09,250.83 "
+         style="fill:#7a0c00" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon23867"
+         points="296.09,250.83 296.11,269.26 293.58,270.25 270.28,261.04 "
+         style="fill:#ad2115" />
+    </g>
+    <g
+       transform="matrix(0.1894162,-0.14094969,0,0.1894162,234.64109,303.19243)"
+       id="g23869">
+      <path
+         style="fill:#a41e11"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,77.394509 c -2.73221,1.424192 -16.88624,7.243753 -19.89955,8.814518 -3.01332,1.571366 -4.68732,1.556016 -7.06769,0.418047 -2.38037,-1.137968 -17.44273,-7.222083 -20.15598,-8.518964 -1.35617,-0.64829 -2.06917,-1.195153 -2.06917,-1.711919 l 0,-5.175185 c 0,0 19.60912,-4.268963 22.77502,-5.404524 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986882 18.80282,3.893352 21.46551,4.868496 0,0 -10e-4,4.622001 -10e-4,5.101747 3e-4,0.51165 -0.61398,1.07296 -2.00476,1.797696 z"
+         id="path23871" />
+      <path
+         style="fill:#d82c20"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,72.21782 c -2.73221,1.423589 -16.88624,7.243753 -19.89955,8.814517 -3.01332,1.571366 -4.68732,1.556017 -7.06769,0.418048 -2.38068,-1.137367 -17.44273,-7.222686 -20.15598,-8.518965 -2.71325,-1.296881 -2.77013,-2.189559 -0.10474,-3.233023 2.66509,-1.044066 17.64469,-6.921113 20.81089,-8.056975 3.16561,-1.13526 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.587036 19.42612,7.56218 2.66299,0.976046 2.76532,1.779637 0.0331,3.203829 z"
+         id="path23873" />
+      <path
+         style="fill:#a41e11"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,68.955302 c -2.73221,1.424191 -16.88624,7.243753 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222084 -20.15598,-8.518965 -1.35617,-0.64829 -2.06917,-1.194551 -2.06917,-1.711317 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404524 3.16561,-1.135561 4.26385,-1.176794 6.95783,-0.189913 2.69429,0.986882 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.10235 3e-4,0.511348 -0.61398,1.072658 -2.00476,1.797395 z"
+         id="path23875" />
+      <path
+         style="fill:#d82c20"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,63.778612 c -2.73221,1.424192 -16.88624,7.243754 -19.89955,8.81512 -3.01332,1.570764 -4.68732,1.555414 -7.06769,0.417445 -2.38068,-1.137366 -17.44273,-7.222384 -20.15598,-8.518964 -2.71325,-1.29658 -2.77013,-2.189258 -0.10474,-3.233324 2.66509,-1.043464 17.64469,-6.920812 20.81089,-8.056373 3.16561,-1.135561 4.26385,-1.176794 6.95784,-0.189913 2.69428,0.986882 16.76374,6.586736 19.42612,7.56218 2.66299,0.975746 2.76532,1.779638 0.0331,3.203829 z"
+         id="path23877" />
+      <path
+         style="fill:#a41e11"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,60.203085 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.81542 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222384 -20.15598,-8.518964 -1.35617,-0.648291 -2.06917,-1.194853 -2.06917,-1.711318 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404223 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986881 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.102048 3e-4,0.511048 -0.61398,1.072357 -2.00476,1.797094 z"
+         id="path23879" />
+      <path
+         style="fill:#d82c20"
+         inkscape:connector-curvature="0"
+         d="m 794.46487,55.026396 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417747 -2.38037,-1.137668 -17.44273,-7.222385 -20.15598,-8.518965 -2.71325,-1.29658 -2.77013,-2.189559 -0.10474,-3.233324 2.66509,-1.043765 17.64469,-6.920511 20.81089,-8.056373 3.16561,-1.135862 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.586735 19.42612,7.56218 2.66299,0.975143 2.76532,1.779336 0.0331,3.203227 z"
+         id="path23881" />
+      <polygon
+         style="fill:#ffffff"
+         points="278.67,248.66 263.93,250.19 260.63,258.13 255.3,249.27 238.28,247.74 250.98,243.16 247.17,236.13 259.06,240.78 270.27,237.11 267.24,244.38 "
+         id="polygon23883"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+      <polygon
+         style="fill:#ffffff"
+         points="271.66,269.72 259.75,287.18 232.24,275.77 "
+         id="polygon23885"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+      <ellipse
+         style="fill:#ffffff"
+         cx="760.40704"
+         rx="6.3411436"
+         ry="2.4580245"
+         cy="53.828529"
+         id="ellipse23887" />
+      <polygon
+         style="fill:#7a0c00"
+         points="296.11,269.26 296.09,250.83 319.42,260.05 "
+         id="polygon23889"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+      <polygon
+         style="fill:#ad2115"
+         points="296.11,269.26 293.58,270.25 270.28,261.04 296.09,250.83 "
+         id="polygon23891"
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)" />
+    </g>
+    <g
+       id="g24055"
+       transform="translate(-79.524666,65.562133)">
+      <path
+         id="path24057"
+         d="m 794.46487,77.394509 c -2.73221,1.424192 -16.88624,7.243753 -19.89955,8.814518 -3.01332,1.571366 -4.68732,1.556016 -7.06769,0.418047 -2.38037,-1.137968 -17.44273,-7.222083 -20.15598,-8.518964 -1.35617,-0.64829 -2.06917,-1.195153 -2.06917,-1.711919 l 0,-5.175185 c 0,0 19.60912,-4.268963 22.77502,-5.404524 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986882 18.80282,3.893352 21.46551,4.868496 0,0 -10e-4,4.622001 -10e-4,5.101747 3e-4,0.51165 -0.61398,1.07296 -2.00476,1.797696 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path24059"
+         d="m 794.46487,72.21782 c -2.73221,1.423589 -16.88624,7.243753 -19.89955,8.814517 -3.01332,1.571366 -4.68732,1.556017 -7.06769,0.418048 -2.38068,-1.137367 -17.44273,-7.222686 -20.15598,-8.518965 -2.71325,-1.296881 -2.77013,-2.189559 -0.10474,-3.233023 2.66509,-1.044066 17.64469,-6.921113 20.81089,-8.056975 3.16561,-1.13526 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.587036 19.42612,7.56218 2.66299,0.976046 2.76532,1.779637 0.0331,3.203829 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <path
+         id="path24061"
+         d="m 794.46487,68.955302 c -2.73221,1.424191 -16.88624,7.243753 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222084 -20.15598,-8.518965 -1.35617,-0.64829 -2.06917,-1.194551 -2.06917,-1.711317 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404524 3.16561,-1.135561 4.26385,-1.176794 6.95783,-0.189913 2.69429,0.986882 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.10235 3e-4,0.511348 -0.61398,1.072658 -2.00476,1.797395 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path24063"
+         d="m 794.46487,63.778612 c -2.73221,1.424192 -16.88624,7.243754 -19.89955,8.81512 -3.01332,1.570764 -4.68732,1.555414 -7.06769,0.417445 -2.38068,-1.137366 -17.44273,-7.222384 -20.15598,-8.518964 -2.71325,-1.29658 -2.77013,-2.189258 -0.10474,-3.233324 2.66509,-1.043464 17.64469,-6.920812 20.81089,-8.056373 3.16561,-1.135561 4.26385,-1.176794 6.95784,-0.189913 2.69428,0.986882 16.76374,6.586736 19.42612,7.56218 2.66299,0.975746 2.76532,1.779638 0.0331,3.203829 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <path
+         id="path24065"
+         d="m 794.46487,60.203085 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.81542 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417446 -2.38068,-1.137367 -17.44273,-7.222384 -20.15598,-8.518964 -1.35617,-0.648291 -2.06917,-1.194853 -2.06917,-1.711318 l 0,-5.175786 c 0,0 19.60912,-4.268662 22.77502,-5.404223 3.16561,-1.135862 4.26385,-1.176794 6.95783,-0.189912 2.69429,0.986881 18.80282,3.89275 21.46551,4.868195 0,0 -10e-4,4.622001 -10e-4,5.102048 3e-4,0.511048 -0.61398,1.072357 -2.00476,1.797094 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a41e11" />
+      <path
+         id="path24067"
+         d="m 794.46487,55.026396 c -2.73221,1.424191 -16.88624,7.244054 -19.89955,8.815119 -3.01332,1.570764 -4.68732,1.555415 -7.06769,0.417747 -2.38037,-1.137668 -17.44273,-7.222385 -20.15598,-8.518965 -2.71325,-1.29658 -2.77013,-2.189559 -0.10474,-3.233324 2.66509,-1.043765 17.64469,-6.920511 20.81089,-8.056373 3.16561,-1.135862 4.26385,-1.176794 6.95784,-0.189611 2.69428,0.986881 16.76374,6.586735 19.42612,7.56218 2.66299,0.975143 2.76532,1.779336 0.0331,3.203227 z"
+         inkscape:connector-curvature="0"
+         style="fill:#d82c20" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon24069"
+         points="278.67,248.66 263.93,250.19 260.63,258.13 255.3,249.27 238.28,247.74 250.98,243.16 247.17,236.13 259.06,240.78 270.27,237.11 267.24,244.38 "
+         style="fill:#ffffff" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon24071"
+         points="232.24,275.77 271.66,269.72 259.75,287.18 "
+         style="fill:#ffffff" />
+      <ellipse
+         id="ellipse24073"
+         cy="53.828529"
+         ry="2.4580245"
+         rx="6.3411436"
+         cx="760.40704"
+         style="fill:#ffffff" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon24075"
+         points="319.42,260.05 296.11,269.26 296.09,250.83 "
+         style="fill:#7a0c00" />
+      <polygon
+         transform="matrix(0.30097031,0,0,0.30097031,693.70904,-24.79695)"
+         id="polygon24077"
+         points="270.28,261.04 296.09,250.83 296.11,269.26 293.58,270.25 "
+         style="fill:#ad2115" />
+    </g>
+  </g>
+</svg>
diff --git a/img/docker_container-architecture.svg b/img/docker_container-architecture.svg
new file mode 100644
index 0000000..35fccdc
--- /dev/null
+++ b/img/docker_container-architecture.svg
@@ -0,0 +1,3648 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by Microsoft Visio, SVG Export container-diagram.svg Page-1 -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
+		xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/" width="15.5069in" height="4.13194in"
+		viewBox="0 0 1116.5 297.5" xml:space="preserve" color-interpolation-filters="sRGB" class="st11">
+	<v:documentProperties v:langID="1033" v:viewMarkup="false">
+		<v:userDefs>
+			<v:ud v:nameU="msvNoAutoConnect" v:val="VT0(1):26"/>
+		</v:userDefs>
+	</v:documentProperties>
+
+	<style type="text/css">
+	<![CDATA[
+		.st1 {fill:#f2f2f2;stroke:#2e75b5;stroke-width:0.25}
+		.st2 {fill:#deebf6;stroke:#5b9bd5;stroke-width:1}
+		.st3 {fill:none;stroke:#5b9bd5;stroke-width:0.75}
+		.st4 {stroke:#5b9bd5;stroke-width:0.75}
+		.st5 {fill:none;stroke:none;stroke-width:0.25}
+		.st6 {fill:#4672c4;font-family:Calibri;font-size:1.00001em}
+		.st7 {fill:none;stroke:#5b9bd5;stroke-width:1}
+		.st8 {fill:none;stroke:#5b9bd5;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
+		.st9 {fill:#4672c4;font-family:Calibri;font-size:0.833336em}
+		.st10 {fill:#deebf6;stroke:#5b9bd5;stroke-dasharray:7,5;stroke-width:1}
+		.st11 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
+	]]>
+	</style>
+
+	<g v:mID="0" v:index="1" v:groupContext="foregroundPage">
+		<title>Page-1</title>
+		<v:pageProperties v:drawingScale="1" v:pageScale="1" v:drawingUnits="19" v:shadowOffsetX="9" v:shadowOffsetY="-9"/>
+		<v:layer v:name="Common Icons" v:index="0"/>
+		<g id="shape1-1" v:mID="1" v:groupContext="shape" transform="translate(18.2498,-18.25)">
+			<title>Rounded Rectangle.396</title>
+			<v:userDefs>
+				<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.1812778071204):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.1812778071204):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.1812778071204):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.1812778071204):1"/>
+			</v:userDefs>
+			<path d="M13.05 297.5 L1066.95 297.5 A13.0518 13.0518 -180 0 0 1080 284.45 L1080 49.55 A13.0518 13.0518 -180 0 0 1066.95
+						 36.5 L13.05 36.5 A13.0518 13.0518 -180 0 0 -0 49.55 L0 284.45 A13.0518 13.0518 -180 0 0 13.05 297.5 Z"
+					class="st1"/>
+		</g>
+		<g id="shape2-3" v:mID="2" v:groupContext="shape" transform="translate(35.1065,-103.75)">
+			<title>Rounded Rectangle.397</title>
+			<v:userDefs>
+				<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+			</v:userDefs>
+			<path d="M12.63 297.5 L1032.51 297.5 A12.6305 12.6305 -180 0 0 1045.14 284.87 L1045.14 148.13 A12.6305 12.6305 -180 0
+						 0 1032.51 135.5 L12.63 135.5 A12.6305 12.6305 -180 0 0 0 148.13 L0 284.87 A12.6305 12.6305 -180 0 0 12.63
+						 297.5 Z" class="st1"/>
+		</g>
+		<g id="shape3-5" v:mID="3" v:groupContext="shape" transform="translate(35.6781,-37.9422)">
+			<title>Rounded Rectangle.398</title>
+			<v:userDefs>
+				<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.17542712184553):1"/>
+			</v:userDefs>
+			<path d="M12.63 297.5 L1032.51 297.5 A12.6305 12.6305 -180 0 0 1045.14 284.87 L1045.14 253.32 A12.6305 12.6305 -180 0
+						 0 1032.51 240.69 L12.63 240.69 A12.6305 12.6305 -180 0 0 0 253.32 L0 284.87 A12.6305 12.6305 -180 0 0 12.63
+						 297.5 Z" class="st1"/>
+		</g>
+		<g id="shape4-7" v:mID="4" v:groupContext="shape" transform="translate(135.213,-124.846)">
+			<title>Rectangle.399</title>
+			<v:userDefs>
+				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+			</v:userDefs>
+			<rect x="0" y="240.692" width="922.537" height="56.8078" class="st2"/>
+		</g>
+		<g id="group5-9" transform="translate(150.963,-133.846)" v:mID="5" v:groupContext="group">
+			<title>Sheet.5</title>
+			<g id="shape6-10" v:mID="6" v:groupContext="shape" transform="translate(9.89966,-10.331)">
+				<title>Rounded Rectangle</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+				</v:userDefs>
+				<path d="M1.84 297.5 L16.59 297.5 A1.84341 1.84341 -180 0 0 18.43 295.66 L18.43 281.51 A1.84341 1.84341 -180 0 0
+							 16.59 279.67 L1.84 279.67 A1.84341 1.84341 -180 0 0 0 281.51 L0 295.66 A1.84341 1.84341 -180 0 0 1.84
+							 297.5 Z" class="st3"/>
+			</g>
+			<g id="shape7-12" v:mID="7" v:groupContext="shape" transform="translate(5.59158,-5.66082)">
+				<title>Square</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="270.328" width="27.1402" height="27.1719" class="st3"/>
+			</g>
+			<g id="shape8-14" v:mID="8" v:groupContext="shape" transform="translate(-287.259,264.667) rotate(-90)">
+				<title>Multi-Line</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape9-17" v:mID="9" v:groupContext="shape" transform="translate(-269.166,264.667) rotate(-90)">
+				<title>Multi-Line.169</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape10-20" v:mID="10" v:groupContext="shape" transform="translate(-278.338,264.667) rotate(-90)">
+				<title>Multi-Line.170</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape11-23" v:mID="11" v:groupContext="shape" transform="translate(32.7318,-28.3041)">
+				<title>Multi-Line.171</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape12-26" v:mID="12" v:groupContext="shape" transform="translate(32.7318,-19.2468)">
+				<title>Multi-Line.172</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape13-29" v:mID="13" v:groupContext="shape" transform="translate(32.7318,-10.1898)">
+				<title>Multi-Line.173</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape14-32" v:mID="14" v:groupContext="shape" transform="translate(-287.259,297.43) rotate(-90)">
+				<title>Multi-Line.174</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785614932887):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617468004683):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000602993256):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape15-35" v:mID="15" v:groupContext="shape" transform="translate(-269.166,297.5) rotate(-90)">
+				<title>Multi-Line.175</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape16-38" v:mID="16" v:groupContext="shape" transform="translate(-278.338,297.43) rotate(-90)">
+				<title>Multi-Line.176</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785614932887):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617468004683):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000602993256):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape17-41" v:mID="17" v:groupContext="shape" transform="translate(0.0944336,-10.1895)">
+				<title>Multi-Line.177</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape18-44" v:mID="18" v:groupContext="shape" transform="translate(-3.80196E-13,-19.2468)">
+				<title>Multi-Line.178</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+			<g id="shape19-47" v:mID="19" v:groupContext="shape" transform="translate(2.43305E-13,-28.3034)">
+				<title>Multi-Line.179</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L5.59 297.5" class="st4"/>
+			</g>
+		</g>
+		<g id="shape20-50" v:mID="20" v:groupContext="shape" transform="translate(198.821,-143.058)">
+			<title>Sheet.20</title>
+			<desc>Kernel</desc>
+			<v:textBlock v:margins="rect(4,4,4,4)"/>
+			<v:textRect cx="42.7133" cy="287.5" width="85.43" height="20"/>
+			<rect x="0" y="277.5" width="85.4267" height="20" class="st5"/>
+			<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Kernel</text>		</g>
+		<g id="group21-53" transform="translate(51.9631,-58.75)" v:mID="21" v:groupContext="group">
+			<title>Sheet.21</title>
+			<g id="shape22-54" v:mID="22" v:groupContext="shape" transform="translate(0,5.8782)">
+				<title>Round Corner Rectangle</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(3.8235624999494E-08):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(3.8235624999494E-08):1"/>
+				</v:userDefs>
+				<path d="M0 297.5 L58.43 297.5 L58.43 268.7 L58.43 268.7 L0 268.7 L0 297.5 Z" class="st7"/>
+			</g>
+			<g id="shape23-56" v:mID="23" v:groupContext="shape" transform="translate(5.31151,-2.9351)">
+				<title>Round Corner Rectangle.194</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+				</v:userDefs>
+				<path d="M2.12 297.5 L19.12 297.5 A2.12457 2.12457 -180 0 0 21.25 295.38 L21.25 291.33 A2.12457 2.12457 -180 0 0
+							 19.12 289.21 L2.12 289.21 A2.12457 2.12457 -180 0 0 -0 291.33 L0 295.38 A2.12457 2.12457 -180 0 0 2.12
+							 297.5 Z" class="st7"/>
+			</g>
+			<g id="shape24-58" v:mID="24" v:groupContext="shape" transform="translate(34.574,-5.11479)">
+				<title>Circle</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 295.53 A1.96723 1.96723 0 1 1 3.93 295.53 A1.96723 1.96723 0 0 1 0 295.53 Z" class="st7"/>
+			</g>
+			<g id="shape25-60" v:mID="25" v:groupContext="shape" transform="translate(41.8528,-5.11479)">
+				<title>Circle.196</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 295.53 A1.96723 1.96723 0 1 1 3.93 295.53 A1.96723 1.96723 0 0 1 0 295.53 Z" class="st7"/>
+			</g>
+			<g id="shape26-62" v:mID="26" v:groupContext="shape" transform="translate(49.1315,-5.11479)">
+				<title>Circle.198</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 295.53 A1.96723 1.96723 0 1 1 3.93 295.53 A1.96723 1.96723 0 0 1 0 295.53 Z" class="st7"/>
+			</g>
+		</g>
+		<g id="shape27-64" v:mID="27" v:groupContext="shape" transform="translate(132.963,-58.75)">
+			<title>Sheet.27</title>
+			<desc>Hardware</desc>
+			<v:textBlock v:margins="rect(4,4,4,4)"/>
+			<v:textRect cx="54" cy="287.5" width="108" height="20"/>
+			<rect x="0" y="277.5" width="108" height="20" class="st5"/>
+			<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Hardware</text>		</g>
+		<g id="shape28-67" v:mID="28" v:groupContext="shape" transform="translate(135.213,-191.5)">
+			<title>Rectangle.423</title>
+			<v:userDefs>
+				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+			</v:userDefs>
+			<rect x="0" y="240.692" width="139.5" height="56.8078" class="st2"/>
+		</g>
+		<g id="shape29-69" v:mID="29" v:groupContext="shape" transform="translate(205,-210.75)">
+			<title>Sheet.29</title>
+			<desc>Apps</desc>
+			<v:textBlock v:margins="rect(4,4,4,4)"/>
+			<v:textRect cx="29.2133" cy="287.5" width="58.43" height="20"/>
+			<rect x="0" y="277.5" width="58.4267" height="20" class="st5"/>
+			<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Apps</text>		</g>
+		<g id="group30-72" transform="translate(157.64,-207.226)" v:mID="30" v:groupContext="group">
+			<title>Sheet.30</title>
+			<g id="shape31-73" v:mID="31" v:groupContext="shape">
+				<title>Rounded Rectangle.80</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+				</v:userDefs>
+				<path d="M1.69 297.5 L38.88 297.5 A1.69053 1.69053 -180 0 0 40.57 295.81 L40.57 272.14 A1.69053 1.69053 -180 0 0
+							 38.88 270.45 L1.69 270.45 A1.69053 1.69053 -180 0 0 0 272.14 L0 295.81 A1.69053 1.69053 -180 0 0 1.69
+							 297.5 Z" class="st7"/>
+			</g>
+			<g id="shape32-75" v:mID="32" v:groupContext="shape" transform="translate(0,-20.2867)">
+				<title>Round Same Side Corner Rectangle</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+				</v:userDefs>
+				<path d="M0 297.5 L40.57 297.5 L40.57 292.43 A1.69053 1.69053 -180 0 0 38.88 290.74 L1.69 290.74 A1.69053 1.69053
+							 -180 0 0 0 292.43 L0 297.5 Z" class="st7"/>
+			</g>
+			<g id="shape33-77" v:mID="33" v:groupContext="shape" transform="translate(32.1206,-22.8225)">
+				<title>Circle</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+			</g>
+			<g id="shape34-79" v:mID="34" v:groupContext="shape" transform="translate(34.6564,-22.8225)">
+				<title>Circle.83</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+			</g>
+			<g id="shape35-81" v:mID="35" v:groupContext="shape" transform="translate(37.1922,-22.8225)">
+				<title>Circle.84</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+			</g>
+		</g>
+		<g id="shape36-83" v:mID="36" v:groupContext="shape" transform="translate(283.713,-191.5)">
+			<title>Rectangle.431</title>
+			<v:userDefs>
+				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+			</v:userDefs>
+			<rect x="0" y="240.692" width="142.857" height="56.8078" class="st2"/>
+		</g>
+		<g id="shape37-85" v:mID="37" v:groupContext="shape" transform="translate(341.143,-209.904)">
+			<title>Sheet.37</title>
+			<desc>Services</desc>
+			<v:textBlock v:margins="rect(4,4,4,4)"/>
+			<v:textRect cx="42.7133" cy="287.5" width="85.43" height="20"/>
+			<rect x="0" y="277.5" width="85.4267" height="20" class="st5"/>
+			<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Services</text>		</g>
+		<g id="group38-88" transform="translate(298.338,-204.733)" v:mID="38" v:groupContext="group">
+			<title>Sheet.38</title>
+			<g id="shape39-89" v:mID="39" v:groupContext="shape" transform="translate(-283.926,295.189) rotate(-90)">
+				<title>Multi-Line</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5879551947208):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8711405019004):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002944628725):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.36 297.5" class="st4"/>
+			</g>
+			<g id="shape40-92" v:mID="40" v:groupContext="shape" transform="translate(28.9452,580.333) rotate(180)">
+				<title>Multi-Line.209</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5921414527016):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8753267598812):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004557009095):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L15.37 297.5" class="st4"/>
+			</g>
+			<g id="shape41-95" v:mID="41" v:groupContext="shape" transform="translate(326.75,282.805) rotate(90)">
+				<title>Multi-Line.210</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5912027062613):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8743880134409):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004164925876):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L14.69 297.5" class="st4"/>
+			</g>
+			<g id="shape42-98" v:mID="42" v:groupContext="shape" transform="translate(-14.1481,591.818) rotate(-171.612)">
+				<title>Multi-Line.211</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927999080788):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8759852152584):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004842552788):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L15.85 297.5" class="st4"/>
+			</g>
+			<g id="shape43-101" v:mID="43" v:groupContext="shape" transform="translate(-283.927,281.034) rotate(-89.8558)">
+				<title>Multi-Line.212</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5880775625564):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871262869736):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000298678275):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.44 297.5" class="st4"/>
+			</g>
+			<g id="shape44-104" v:mID="44" v:groupContext="shape" transform="translate(29.25,579.282) rotate(180)">
+				<title>Multi-Line.213</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5925678610549):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8757531682345):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000474093337):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L15.68 297.5" class="st4"/>
+			</g>
+			<g id="shape45-107" v:mID="45" v:groupContext="shape" transform="translate(-268.25,281.782) rotate(-90)">
+				<title>Multi-Line.214</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5911060241416):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8742913313212):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004125547111):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L14.62 297.5" class="st4"/>
+			</g>
+			<g id="shape46-110" v:mID="46" v:groupContext="shape" transform="translate(-27.474,-25.3118) rotate(-7.93646)">
+				<title>Multi-Line.215</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927344414634):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.875919748643):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004813774071):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L15.8 297.5" class="st4"/>
+			</g>
+			<g id="shape47-113" v:mID="47" v:groupContext="shape" transform="translate(12.6538,579.282) rotate(179.975)">
+				<title>Multi-Line.216</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886036102):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8713739107898):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003025294229):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.52 297.5" class="st4"/>
+			</g>
+			<g id="shape48-116" v:mID="48" v:groupContext="shape" transform="translate(310.024,269.587) rotate(90)">
+				<title>Multi-Line.217</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5877323312571):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8709176384367):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002868625305):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.2 297.5" class="st4"/>
+			</g>
+			<g id="shape49-119" v:mID="49" v:groupContext="shape" transform="translate(54.218,564.151) rotate(171.944)">
+				<title>Multi-Line.218</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883619320009):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715472391805):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003085901593):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.65 297.5" class="st4"/>
+			</g>
+			<g id="shape50-122" v:mID="50" v:groupContext="shape" transform="translate(297.5,271.36) rotate(90)">
+				<title>Multi-Line.219</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5852784911272):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8684637983068):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002097514136):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L10.43 297.5" class="st4"/>
+			</g>
+			<g id="shape51-125" v:mID="51" v:groupContext="shape" transform="translate(12.5237,580.305) rotate(180)">
+				<title>Multi-Line.220</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886019464):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871373909126):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000302529365):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.52 297.5" class="st4"/>
+			</g>
+			<g id="shape52-128" v:mID="52" v:groupContext="shape" transform="translate(310.024,282.87) rotate(90.0124)">
+				<title>Multi-Line.221</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5878762978985):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8710616050781):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000291760877):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.3 297.5" class="st4"/>
+			</g>
+			<g id="shape53-131" v:mID="53" v:groupContext="shape" transform="translate(-30.5605,589.468) rotate(-171.674)">
+				<title>Multi-Line.222</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883701005329):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715554077125):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003088772703):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L12.65 297.5" class="st4"/>
+			</g>
+			<g id="shape54-134" v:mID="54" v:groupContext="shape" transform="translate(297.5,282.805) rotate(90)">
+				<title>Multi-Line.223</title>
+				<v:userDefs>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+					<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+					<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+					<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+					<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+					<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.585331779586):32"/>
+					<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8685170867656):32"/>
+					<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000211297989):0"/>
+					<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+					<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+				</v:userDefs>
+				<path d="M0 297.5 L10.47 297.5" class="st4"/>
+			</g>
+		</g>
+		<g id="group55-137" transform="translate(51.9631,-143.25)" v:mID="55" v:groupContext="group">
+			<title>Sheet.55</title>
+			<g id="group56-138" transform="translate(8.92667,-29)" v:mID="56" v:groupContext="group">
+				<title>Sheet.56</title>
+				<g id="group57-139" transform="translate(7.99361E-15,-20)" v:mID="57" v:groupContext="group" v:layerMember="0">
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(17):26"/>
+						<v:ud v:nameU="visAltText" v:prompt="" v:val="VT4(Configure)"/>
+						<v:ud v:nameU="visAltDescription" v:prompt="" v:val="VT4(Configure Icon.)"/>
+						<v:ud v:nameU="Font" v:prompt="" v:val="VT0(243):26"/>
+					</v:userDefs>
+					<title>Configure</title>
+					<g id="shape58-140" v:mID="58" v:groupContext="shape" v:layerMember="0">
+						<title>Sheet.58</title>
+						<path d="M8.3 292.32 C6.69 292.32 5.37 291.05 5.37 289.5 C5.37 287.95 6.69 286.68 8.3 286.68 C9.91 286.68
+									 11.23 287.95 11.23 289.5 C11.23 291.05 9.91 292.32 8.3 292.32 ZM14.89 287.74 C14.74 287.22 14.53
+									 286.72 14.26 286.28 L14.87 284.51 L13.48 283.17 L11.64 283.76 C11.16 283.5 10.64 283.29 10.11
+									 283.15 L9.28 281.5 L7.32 281.5 L6.47 283.15 C5.93 283.29 5.42 283.5 4.96 283.76 L3.12 283.17
+									 L1.73 284.51 L2.34 286.28 C2.08 286.75 1.86 287.24 1.71 287.76 L0 288.56 L0 290.44 L1.71 291.26
+									 C1.86 291.78 2.08 292.28 2.34 292.72 L1.73 294.49 L3.12 295.83 L4.96 295.24 C5.44 295.5 5.96
+									 295.71 6.49 295.85 L7.35 297.5 L9.3 297.5 L10.16 295.85 C10.69 295.71 11.21 295.5 11.67 295.24
+									 L13.5 295.83 L14.89 294.49 L14.28 292.72 C14.55 292.25 14.77 291.76 14.92 291.24 L16.62 290.42
+									 L16.62 288.54 L14.89 287.74 Z" class="st8"/>
+					</g>
+				</g>
+				<g id="group59-142" transform="translate(12.4685,5.68434E-14)" v:mID="59" v:groupContext="group" v:layerMember="0">
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(17):26"/>
+						<v:ud v:nameU="visAltText" v:prompt="" v:val="VT4(Configure)"/>
+						<v:ud v:nameU="visAltDescription" v:prompt="" v:val="VT4(Configure Icon.)"/>
+						<v:ud v:nameU="Font" v:prompt="" v:val="VT0(243):26"/>
+					</v:userDefs>
+					<title>Configure.140</title>
+					<g id="shape60-143" v:mID="60" v:groupContext="shape" v:layerMember="0">
+						<title>Sheet.60</title>
+						<path d="M14.03 288.75 C11.31 288.75 9.08 286.6 9.08 283.98 C9.08 281.35 11.31 279.2 14.03 279.2 C16.76 279.2
+									 18.98 281.35 18.98 283.98 C18.98 286.6 16.76 288.75 14.03 288.75 ZM25.17 280.99 C24.93 280.12
+									 24.56 279.28 24.1 278.53 L25.13 275.54 L22.78 273.28 L19.69 274.27 C18.86 273.83 17.99 273.47
+									 17.09 273.24 L15.68 270.45 L12.38 270.45 L10.94 273.24 C10.03 273.47 9.16 273.83 8.38 274.27
+									 L5.28 273.28 L2.93 275.54 L3.96 278.53 C3.51 279.32 3.14 280.16 2.89 281.03 L0 282.38 L0 285.57
+									 L2.89 286.96 C3.14 287.83 3.51 288.67 3.96 289.43 L2.93 292.41 L5.28 294.68 L8.38 293.68 C9.2
+									 294.12 10.07 294.48 10.98 294.72 L12.42 297.5 L15.72 297.5 L17.17 294.72 C18.08 294.48 18.94
+									 294.12 19.73 293.68 L22.82 294.68 L25.17 292.41 L24.14 289.43 C24.6 288.63 24.97 287.79 25.22
+									 286.92 L28.1 285.53 L28.1 282.34 L25.17 280.99 Z" class="st8"/>
+					</g>
+				</g>
+			</g>
+			<g id="shape61-145" v:mID="61" v:groupContext="shape">
+				<title>Sheet.61</title>
+				<desc>OS</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="29.2133" cy="287.5" width="58.43" height="20"/>
+				<rect x="0" y="277.5" width="58.4267" height="20" class="st5"/>
+				<text x="22.48" y="291.1" class="st6" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>OS</text>			</g>
+		</g>
+		<g id="group62-148" transform="translate(436.75,-187)" v:mID="62" v:groupContext="group">
+			<title>Sheet.62</title>
+			<g id="shape63-149" v:mID="63" v:groupContext="shape" transform="translate(22.5,-62.8257)">
+				<title>Round Corner Rectangle.457</title>
+				<desc>Container</desc>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+				</v:userDefs>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="54" cy="286.163" width="108" height="22.6744"/>
+				<path d="M0 297.5 L108 297.5 L108 279.33 A4.49993 4.49993 -180 0 0 103.5 274.83 L4.5 274.83 A4.49993 4.49993 -180
+							 0 0 0 279.33 L0 297.5 Z" class="st2"/>
+				<text x="33.99" y="289.16" class="st9" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Container</text>			</g>
+			<g id="shape64-152" v:mID="64" v:groupContext="shape">
+				<title>Rounded Rectangle.458</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+				</v:userDefs>
+				<path d="M4.5 297.5 L306 297.5 A4.49993 4.49993 -180 0 0 310.5 293 L310.5 237 A4.49993 4.49993 -180 0 0 306 232.5
+							 L4.5 232.5 A4.49993 4.49993 -180 0 0 0 237 L0 293 A4.49993 4.49993 -180 0 0 4.5 297.5 Z" class="st10"/>
+			</g>
+			<g id="shape65-154" v:mID="65" v:groupContext="shape" transform="translate(10.1067,-4.50001)">
+				<title>Rectangle.459</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="240.692" width="139.5" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape66-156" v:mID="66" v:groupContext="shape" transform="translate(79.8933,-23.75)">
+				<title>Sheet.66</title>
+				<desc>Apps</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="29.2133" cy="287.5" width="58.43" height="20"/>
+				<rect x="0" y="277.5" width="58.4267" height="20" class="st5"/>
+				<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Apps</text>			</g>
+			<g id="group67-159" transform="translate(32.5333,-20.2256)" v:mID="67" v:groupContext="group">
+				<title>Sheet.67</title>
+				<g id="shape68-160" v:mID="68" v:groupContext="shape">
+					<title>Rounded Rectangle.80</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M1.69 297.5 L38.88 297.5 A1.69053 1.69053 -180 0 0 40.57 295.81 L40.57 272.14 A1.69053 1.69053 -180
+								 0 0 38.88 270.45 L1.69 270.45 A1.69053 1.69053 -180 0 0 0 272.14 L0 295.81 A1.69053 1.69053 -180
+								 0 0 1.69 297.5 Z" class="st7"/>
+				</g>
+				<g id="shape69-162" v:mID="69" v:groupContext="shape" transform="translate(0,-20.2867)">
+					<title>Round Same Side Corner Rectangle</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M0 297.5 L40.57 297.5 L40.57 292.43 A1.69053 1.69053 -180 0 0 38.88 290.74 L1.69 290.74 A1.69053 1.69053
+								 -180 0 0 0 292.43 L0 297.5 Z" class="st7"/>
+				</g>
+				<g id="shape70-164" v:mID="70" v:groupContext="shape" transform="translate(32.1206,-22.8225)">
+					<title>Circle</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape71-166" v:mID="71" v:groupContext="shape" transform="translate(34.6564,-22.8225)">
+					<title>Circle.83</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape72-168" v:mID="72" v:groupContext="shape" transform="translate(37.1922,-22.8225)">
+					<title>Circle.84</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+			</g>
+			<g id="shape73-170" v:mID="73" v:groupContext="shape" transform="translate(158.607,-4.50001)">
+				<title>Rectangle.467</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="240.692" width="142.857" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape74-172" v:mID="74" v:groupContext="shape" transform="translate(216.037,-22.9039)">
+				<title>Sheet.74</title>
+				<desc>Services</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="42.7133" cy="287.5" width="85.43" height="20"/>
+				<rect x="0" y="277.5" width="85.4267" height="20" class="st5"/>
+				<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Services</text>			</g>
+			<g id="group75-175" transform="translate(173.232,-17.7326)" v:mID="75" v:groupContext="group">
+				<title>Sheet.75</title>
+				<g id="shape76-176" v:mID="76" v:groupContext="shape" transform="translate(-283.926,295.189) rotate(-90)">
+					<title>Multi-Line</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5879551947208):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8711405019004):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002944628725):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.36 297.5" class="st4"/>
+				</g>
+				<g id="shape77-179" v:mID="77" v:groupContext="shape" transform="translate(28.9452,580.333) rotate(180)">
+					<title>Multi-Line.209</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5921414527016):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8753267598812):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004557009095):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.37 297.5" class="st4"/>
+				</g>
+				<g id="shape78-182" v:mID="78" v:groupContext="shape" transform="translate(326.75,282.805) rotate(90)">
+					<title>Multi-Line.210</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5912027062613):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8743880134409):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004164925876):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L14.69 297.5" class="st4"/>
+				</g>
+				<g id="shape79-185" v:mID="79" v:groupContext="shape" transform="translate(-14.1481,591.818) rotate(-171.612)">
+					<title>Multi-Line.211</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927999080788):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8759852152584):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004842552788):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.85 297.5" class="st4"/>
+				</g>
+				<g id="shape80-188" v:mID="80" v:groupContext="shape" transform="translate(-283.927,281.034) rotate(-89.8558)">
+					<title>Multi-Line.212</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5880775625564):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871262869736):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000298678275):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.44 297.5" class="st4"/>
+				</g>
+				<g id="shape81-191" v:mID="81" v:groupContext="shape" transform="translate(29.25,579.282) rotate(180)">
+					<title>Multi-Line.213</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5925678610549):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8757531682345):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000474093337):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.68 297.5" class="st4"/>
+				</g>
+				<g id="shape82-194" v:mID="82" v:groupContext="shape" transform="translate(-268.25,281.782) rotate(-90)">
+					<title>Multi-Line.214</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5911060241416):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8742913313212):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004125547111):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L14.62 297.5" class="st4"/>
+				</g>
+				<g id="shape83-197" v:mID="83" v:groupContext="shape" transform="translate(-27.474,-25.3118) rotate(-7.93646)">
+					<title>Multi-Line.215</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927344414634):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.875919748643):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004813774071):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.8 297.5" class="st4"/>
+				</g>
+				<g id="shape84-200" v:mID="84" v:groupContext="shape" transform="translate(12.6538,579.282) rotate(179.975)">
+					<title>Multi-Line.216</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886036102):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8713739107898):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003025294229):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.52 297.5" class="st4"/>
+				</g>
+				<g id="shape85-203" v:mID="85" v:groupContext="shape" transform="translate(310.024,269.587) rotate(90)">
+					<title>Multi-Line.217</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5877323312571):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8709176384367):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002868625305):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.2 297.5" class="st4"/>
+				</g>
+				<g id="shape86-206" v:mID="86" v:groupContext="shape" transform="translate(54.218,564.151) rotate(171.944)">
+					<title>Multi-Line.218</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883619320009):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715472391805):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003085901593):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.65 297.5" class="st4"/>
+				</g>
+				<g id="shape87-209" v:mID="87" v:groupContext="shape" transform="translate(297.5,271.36) rotate(90)">
+					<title>Multi-Line.219</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5852784911272):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8684637983068):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002097514136):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L10.43 297.5" class="st4"/>
+				</g>
+				<g id="shape88-212" v:mID="88" v:groupContext="shape" transform="translate(12.5237,580.305) rotate(180)">
+					<title>Multi-Line.220</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886019464):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871373909126):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000302529365):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.52 297.5" class="st4"/>
+				</g>
+				<g id="shape89-215" v:mID="89" v:groupContext="shape" transform="translate(310.024,282.87) rotate(90.0124)">
+					<title>Multi-Line.221</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5878762978985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8710616050781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000291760877):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.3 297.5" class="st4"/>
+				</g>
+				<g id="shape90-218" v:mID="90" v:groupContext="shape" transform="translate(-30.5605,589.468) rotate(-171.674)">
+					<title>Multi-Line.222</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883701005329):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715554077125):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003088772703):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.65 297.5" class="st4"/>
+				</g>
+				<g id="shape91-221" v:mID="91" v:groupContext="shape" transform="translate(297.5,282.805) rotate(90)">
+					<title>Multi-Line.223</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.585331779586):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8685170867656):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000211297989):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L10.47 297.5" class="st4"/>
+				</g>
+			</g>
+		</g>
+		<g id="group92-224" transform="translate(757.43,-187)" v:mID="92" v:groupContext="group">
+			<title>Sheet.92</title>
+			<g id="shape93-225" v:mID="93" v:groupContext="shape" transform="translate(22.5,-62.8257)">
+				<title>Round Corner Rectangle.457</title>
+				<desc>Container</desc>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+				</v:userDefs>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="54" cy="286.163" width="108" height="22.6744"/>
+				<path d="M0 297.5 L108 297.5 L108 279.33 A4.49993 4.49993 -180 0 0 103.5 274.83 L4.5 274.83 A4.49993 4.49993 -180
+							 0 0 0 279.33 L0 297.5 Z" class="st2"/>
+				<text x="33.99" y="289.16" class="st9" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Container</text>			</g>
+			<g id="shape94-228" v:mID="94" v:groupContext="shape">
+				<title>Rounded Rectangle.458</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+				</v:userDefs>
+				<path d="M4.5 297.5 L306 297.5 A4.49993 4.49993 -180 0 0 310.5 293 L310.5 237 A4.49993 4.49993 -180 0 0 306 232.5
+							 L4.5 232.5 A4.49993 4.49993 -180 0 0 0 237 L0 293 A4.49993 4.49993 -180 0 0 4.5 297.5 Z" class="st10"/>
+			</g>
+			<g id="shape95-230" v:mID="95" v:groupContext="shape" transform="translate(10.1067,-4.50001)">
+				<title>Rectangle.459</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="240.692" width="139.5" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape96-232" v:mID="96" v:groupContext="shape" transform="translate(79.8933,-23.75)">
+				<title>Sheet.96</title>
+				<desc>Apps</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="29.2133" cy="287.5" width="58.43" height="20"/>
+				<rect x="0" y="277.5" width="58.4267" height="20" class="st5"/>
+				<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Apps</text>			</g>
+			<g id="group97-235" transform="translate(32.5333,-20.2256)" v:mID="97" v:groupContext="group">
+				<title>Sheet.97</title>
+				<g id="shape98-236" v:mID="98" v:groupContext="shape">
+					<title>Rounded Rectangle.80</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M1.69 297.5 L38.88 297.5 A1.69053 1.69053 -180 0 0 40.57 295.81 L40.57 272.14 A1.69053 1.69053 -180
+								 0 0 38.88 270.45 L1.69 270.45 A1.69053 1.69053 -180 0 0 0 272.14 L0 295.81 A1.69053 1.69053 -180
+								 0 0 1.69 297.5 Z" class="st7"/>
+				</g>
+				<g id="shape99-238" v:mID="99" v:groupContext="shape" transform="translate(0,-20.2867)">
+					<title>Round Same Side Corner Rectangle</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M0 297.5 L40.57 297.5 L40.57 292.43 A1.69053 1.69053 -180 0 0 38.88 290.74 L1.69 290.74 A1.69053 1.69053
+								 -180 0 0 0 292.43 L0 297.5 Z" class="st7"/>
+				</g>
+				<g id="shape100-240" v:mID="100" v:groupContext="shape" transform="translate(32.1206,-22.8225)">
+					<title>Circle</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape101-242" v:mID="101" v:groupContext="shape" transform="translate(34.6564,-22.8225)">
+					<title>Circle.83</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape102-244" v:mID="102" v:groupContext="shape" transform="translate(37.1922,-22.8225)">
+					<title>Circle.84</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 296.65 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+			</g>
+			<g id="shape103-246" v:mID="103" v:groupContext="shape" transform="translate(158.607,-4.50001)">
+				<title>Rectangle.467</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="240.692" width="142.857" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape104-248" v:mID="104" v:groupContext="shape" transform="translate(216.037,-22.9039)">
+				<title>Sheet.104</title>
+				<desc>Services</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="42.7133" cy="287.5" width="85.43" height="20"/>
+				<rect x="0" y="277.5" width="85.4267" height="20" class="st5"/>
+				<text x="4" y="291.1" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Services</text>			</g>
+			<g id="group105-251" transform="translate(173.232,-17.7326)" v:mID="105" v:groupContext="group">
+				<title>Sheet.105</title>
+				<g id="shape106-252" v:mID="106" v:groupContext="shape" transform="translate(-283.926,295.189) rotate(-90)">
+					<title>Multi-Line</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5879551947208):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8711405019004):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002944628725):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.36 297.5" class="st4"/>
+				</g>
+				<g id="shape107-255" v:mID="107" v:groupContext="shape" transform="translate(28.9452,580.333) rotate(180)">
+					<title>Multi-Line.209</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5921414527016):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8753267598812):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004557009095):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.37 297.5" class="st4"/>
+				</g>
+				<g id="shape108-258" v:mID="108" v:groupContext="shape" transform="translate(326.75,282.805) rotate(90)">
+					<title>Multi-Line.210</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5912027062613):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8743880134409):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004164925876):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L14.69 297.5" class="st4"/>
+				</g>
+				<g id="shape109-261" v:mID="109" v:groupContext="shape" transform="translate(-14.1481,591.818) rotate(-171.612)">
+					<title>Multi-Line.211</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927999080788):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8759852152584):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004842552788):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.85 297.5" class="st4"/>
+				</g>
+				<g id="shape110-264" v:mID="110" v:groupContext="shape" transform="translate(-283.927,281.034) rotate(-89.8558)">
+					<title>Multi-Line.212</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5880775625564):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871262869736):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000298678275):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.44 297.5" class="st4"/>
+				</g>
+				<g id="shape111-267" v:mID="111" v:groupContext="shape" transform="translate(29.25,579.282) rotate(180)">
+					<title>Multi-Line.213</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5925678610549):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8757531682345):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000474093337):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.68 297.5" class="st4"/>
+				</g>
+				<g id="shape112-270" v:mID="112" v:groupContext="shape" transform="translate(-268.25,281.782) rotate(-90)">
+					<title>Multi-Line.214</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5911060241416):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8742913313212):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004125547111):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L14.62 297.5" class="st4"/>
+				</g>
+				<g id="shape113-273" v:mID="113" v:groupContext="shape" transform="translate(-27.474,-25.3118) rotate(-7.93646)">
+					<title>Multi-Line.215</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927344414634):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.875919748643):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004813774071):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L15.8 297.5" class="st4"/>
+				</g>
+				<g id="shape114-276" v:mID="114" v:groupContext="shape" transform="translate(12.6538,579.282) rotate(179.975)">
+					<title>Multi-Line.216</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886036102):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8713739107898):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003025294229):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.52 297.5" class="st4"/>
+				</g>
+				<g id="shape115-279" v:mID="115" v:groupContext="shape" transform="translate(310.024,269.587) rotate(90)">
+					<title>Multi-Line.217</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5877323312571):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8709176384367):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002868625305):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.2 297.5" class="st4"/>
+				</g>
+				<g id="shape116-282" v:mID="116" v:groupContext="shape" transform="translate(54.218,564.151) rotate(171.944)">
+					<title>Multi-Line.218</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883619320009):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715472391805):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003085901593):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.65 297.5" class="st4"/>
+				</g>
+				<g id="shape117-285" v:mID="117" v:groupContext="shape" transform="translate(297.5,271.36) rotate(90)">
+					<title>Multi-Line.219</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5852784911272):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8684637983068):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002097514136):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L10.43 297.5" class="st4"/>
+				</g>
+				<g id="shape118-288" v:mID="118" v:groupContext="shape" transform="translate(12.5237,580.305) rotate(180)">
+					<title>Multi-Line.220</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886019464):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871373909126):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000302529365):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.52 297.5" class="st4"/>
+				</g>
+				<g id="shape119-291" v:mID="119" v:groupContext="shape" transform="translate(310.024,282.87) rotate(90.0124)">
+					<title>Multi-Line.221</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5878762978985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8710616050781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000291760877):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.3 297.5" class="st4"/>
+				</g>
+				<g id="shape120-294" v:mID="120" v:groupContext="shape" transform="translate(-30.5605,589.468) rotate(-171.674)">
+					<title>Multi-Line.222</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883701005329):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715554077125):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003088772703):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L12.65 297.5" class="st4"/>
+				</g>
+				<g id="shape121-297" v:mID="121" v:groupContext="shape" transform="translate(297.5,282.805) rotate(90)">
+					<title>Multi-Line.223</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.585331779586):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8685170867656):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000211297989):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 297.5 L10.47 297.5" class="st4"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</svg>
diff --git a/img/docker_virtual-machine-architecture.svg b/img/docker_virtual-machine-architecture.svg
new file mode 100644
index 0000000..87000f1
--- /dev/null
+++ b/img/docker_virtual-machine-architecture.svg
@@ -0,0 +1,3390 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by Microsoft Visio, SVG Export virtual-machine-diagram.svg Page-1 -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
+		xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/" width="12.7411in" height="4.20728in"
+		viewBox="0 0 917.356 302.924" xml:space="preserve" color-interpolation-filters="sRGB" class="st11">
+	<v:documentProperties v:langID="1033" v:viewMarkup="false">
+		<v:userDefs>
+			<v:ud v:nameU="msvSubprocessMaster" v:prompt="" v:val="VT4(Rectangle)"/>
+			<v:ud v:nameU="msvNoAutoConnect" v:val="VT0(1):26"/>
+		</v:userDefs>
+	</v:documentProperties>
+
+	<style type="text/css">
+	<![CDATA[
+		.st1 {fill:#f2f2f2;stroke:#2e75b5;stroke-width:0.25}
+		.st2 {fill:#deebf6;stroke:#5b9bd5;stroke-width:1}
+		.st3 {fill:none;stroke:#5b9bd5;stroke-width:0.75}
+		.st4 {stroke:#5b9bd5;stroke-width:0.75}
+		.st5 {fill:none;stroke:none;stroke-width:0.25}
+		.st6 {fill:#4672c4;font-family:Calibri;font-size:1.00001em}
+		.st7 {fill:none;stroke:#5b9bd5;stroke-width:1}
+		.st8 {fill:none;stroke:#5b9bd5;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
+		.st9 {fill:#f2f2f2;stroke:#2e75b5;stroke-dasharray:1.75,1.25,0.01,1.25,0.01,1.25;stroke-width:0.25}
+		.st10 {fill:#4672c4;font-family:Calibri;font-size:0.833336em}
+		.st11 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
+	]]>
+	</style>
+
+	<g v:mID="0" v:index="1" v:groupContext="foregroundPage">
+		<v:userDefs>
+			<v:ud v:nameU="msvThemeOrder" v:val="VT0(0):26"/>
+		</v:userDefs>
+		<title>Page-1</title>
+		<v:pageProperties v:drawingScale="1" v:pageScale="1" v:drawingUnits="0" v:shadowOffsetX="9" v:shadowOffsetY="-9"/>
+		<v:layer v:name="Common Icons" v:index="0"/>
+		<g id="shape1-1" v:mID="1" v:groupContext="shape" transform="translate(18.2498,-18.25)">
+			<title>Rounded Rectangle.304</title>
+			<v:userDefs>
+				<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.14785162974842):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.14785162974842):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.14785162974842):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.14785162974842):1"/>
+			</v:userDefs>
+			<path d="M10.65 302.92 L870.21 302.92 A10.6451 10.6451 -180 0 0 880.86 292.28 L880.86 52.57 A10.6451 10.6451 -180 0 0
+						 870.21 41.92 L10.65 41.92 A10.6451 10.6451 -180 0 0 0 52.57 L0 292.28 A10.6451 10.6451 -180 0 0 10.65 302.92
+						 Z" class="st1"/>
+		</g>
+		<g id="group10-3" transform="translate(35.1065,-103.75)" v:mID="10" v:groupContext="group">
+			<title>Sheet.10</title>
+			<g id="shape11-4" v:mID="11" v:groupContext="shape">
+				<title>Rounded Rectangle.305</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+				</v:userDefs>
+				<path d="M4.99 302.92 L407.87 302.92 A4.98937 4.98937 -180 0 0 412.86 297.93 L412.86 145.91 A4.98937 4.98937 -180
+							 0 0 407.87 140.92 L4.99 140.92 A4.98937 4.98937 -180 0 0 0 145.91 L0 297.93 A4.98937 4.98937 -180 0
+							 0 4.99 302.92 Z" class="st1"/>
+			</g>
+			<g id="shape12-6" v:mID="12" v:groupContext="shape" transform="translate(100.107,-21.0961)">
+				<title>Rectangle.307</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="246.117" width="292.5" height="56.8078" class="st2"/>
+			</g>
+			<g id="group13-8" transform="translate(115.857,-30.0961)" v:mID="13" v:groupContext="group">
+				<title>Sheet.13</title>
+				<g id="shape14-9" v:mID="14" v:groupContext="shape" transform="translate(9.89966,-10.331)">
+					<title>Rounded Rectangle</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+					</v:userDefs>
+					<path d="M1.84 302.92 L16.59 302.92 A1.84341 1.84341 -180 0 0 18.43 301.08 L18.43 286.94 A1.84341 1.84341 -180
+								 0 0 16.59 285.09 L1.84 285.09 A1.84341 1.84341 -180 0 0 0 286.94 L0 301.08 A1.84341 1.84341 -180
+								 0 0 1.84 302.92 Z" class="st3"/>
+				</g>
+				<g id="shape15-11" v:mID="15" v:groupContext="shape" transform="translate(5.59158,-5.66082)">
+					<title>Square</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<rect x="0" y="275.752" width="27.1402" height="27.1719" class="st3"/>
+				</g>
+				<g id="shape16-13" v:mID="16" v:groupContext="shape" transform="translate(-292.684,270.092) rotate(-90)">
+					<title>Multi-Line</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape17-16" v:mID="17" v:groupContext="shape" transform="translate(-274.59,270.092) rotate(-90)">
+					<title>Multi-Line.169</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape18-19" v:mID="18" v:groupContext="shape" transform="translate(-283.763,270.092) rotate(-90)">
+					<title>Multi-Line.170</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape19-22" v:mID="19" v:groupContext="shape" transform="translate(32.7318,-28.3041)">
+					<title>Multi-Line.171</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape20-25" v:mID="20" v:groupContext="shape" transform="translate(32.7318,-19.2468)">
+					<title>Multi-Line.172</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape21-28" v:mID="21" v:groupContext="shape" transform="translate(32.7318,-10.1898)">
+					<title>Multi-Line.173</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape22-31" v:mID="22" v:groupContext="shape" transform="translate(-292.684,302.855) rotate(-90)">
+					<title>Multi-Line.174</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785614932887):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617468004683):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000602993256):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape23-34" v:mID="23" v:groupContext="shape" transform="translate(-274.59,302.924) rotate(-90)">
+					<title>Multi-Line.175</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape24-37" v:mID="24" v:groupContext="shape" transform="translate(-283.763,302.855) rotate(-90)">
+					<title>Multi-Line.176</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785614932887):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617468004683):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000602993256):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape25-40" v:mID="25" v:groupContext="shape" transform="translate(0.0944336,-10.1895)">
+					<title>Multi-Line.177</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape26-43" v:mID="26" v:groupContext="shape" transform="translate(-3.80196E-13,-19.2468)">
+					<title>Multi-Line.178</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape27-46" v:mID="27" v:groupContext="shape" transform="translate(2.43305E-13,-28.3034)">
+					<title>Multi-Line.179</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+			</g>
+			<g id="shape28-49" v:mID="28" v:groupContext="shape" transform="translate(163.715,-39.3083)">
+				<title>Sheet.28</title>
+				<desc>Kernel</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="42.7133" cy="292.924" width="85.43" height="20"/>
+				<rect x="0" y="282.924" width="85.4267" height="20" class="st5"/>
+				<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Kernel</text>			</g>
+			<g id="shape29-52" v:mID="29" v:groupContext="shape" transform="translate(100.107,-87.75)">
+				<title>Rectangle.333</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="246.117" width="139.5" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape30-54" v:mID="30" v:groupContext="shape" transform="translate(169.893,-107)">
+				<title>Sheet.30</title>
+				<desc>Apps</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="29.2133" cy="292.924" width="58.43" height="20"/>
+				<rect x="0" y="282.924" width="58.4267" height="20" class="st5"/>
+				<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Apps</text>			</g>
+			<g id="group31-57" transform="translate(122.533,-103.476)" v:mID="31" v:groupContext="group">
+				<title>Sheet.31</title>
+				<g id="shape32-58" v:mID="32" v:groupContext="shape">
+					<title>Rounded Rectangle.80</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M1.69 302.92 L38.88 302.92 A1.69053 1.69053 -180 0 0 40.57 301.23 L40.57 277.57 A1.69053 1.69053 -180
+								 0 0 38.88 275.88 L1.69 275.88 A1.69053 1.69053 -180 0 0 0 277.57 L0 301.23 A1.69053 1.69053 -180
+								 0 0 1.69 302.92 Z" class="st7"/>
+				</g>
+				<g id="shape33-60" v:mID="33" v:groupContext="shape" transform="translate(0,-20.2867)">
+					<title>Round Same Side Corner Rectangle</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M0 302.92 L40.57 302.92 L40.57 297.85 A1.69053 1.69053 -180 0 0 38.88 296.16 L1.69 296.16 A1.69053 1.69053
+								 -180 0 0 0 297.85 L0 302.92 Z" class="st7"/>
+				</g>
+				<g id="shape34-62" v:mID="34" v:groupContext="shape" transform="translate(32.1206,-22.8225)">
+					<title>Circle</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 302.08 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape35-64" v:mID="35" v:groupContext="shape" transform="translate(34.6564,-22.8225)">
+					<title>Circle.83</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 302.08 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape36-66" v:mID="36" v:groupContext="shape" transform="translate(37.1922,-22.8225)">
+					<title>Circle.84</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 302.08 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+			</g>
+			<g id="shape37-68" v:mID="37" v:groupContext="shape" transform="translate(248.607,-87.75)">
+				<title>Rectangle.341</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="246.117" width="142.857" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape38-70" v:mID="38" v:groupContext="shape" transform="translate(306.037,-106.154)">
+				<title>Sheet.38</title>
+				<desc>Services</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="42.7133" cy="292.924" width="85.43" height="20"/>
+				<rect x="0" y="282.924" width="85.4267" height="20" class="st5"/>
+				<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Services</text>			</g>
+			<g id="group39-73" transform="translate(263.232,-100.983)" v:mID="39" v:groupContext="group">
+				<title>Sheet.39</title>
+				<g id="shape40-74" v:mID="40" v:groupContext="shape" transform="translate(-289.35,300.613) rotate(-90)">
+					<title>Multi-Line</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5879551947208):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8711405019004):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002944628725):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.36 302.92" class="st4"/>
+				</g>
+				<g id="shape41-77" v:mID="41" v:groupContext="shape" transform="translate(28.9452,591.182) rotate(180)">
+					<title>Multi-Line.209</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5921414527016):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8753267598812):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004557009095):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.37 302.92" class="st4"/>
+				</g>
+				<g id="shape42-80" v:mID="42" v:groupContext="shape" transform="translate(332.174,288.23) rotate(90)">
+					<title>Multi-Line.210</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5912027062613):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8743880134409):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004164925876):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L14.69 302.92" class="st4"/>
+				</g>
+				<g id="shape43-83" v:mID="43" v:groupContext="shape" transform="translate(-14.9393,602.608) rotate(-171.612)">
+					<title>Multi-Line.211</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927999080788):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8759852152584):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004842552788):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.85 302.92" class="st4"/>
+				</g>
+				<g id="shape44-86" v:mID="44" v:groupContext="shape" transform="translate(-289.351,286.444) rotate(-89.8558)">
+					<title>Multi-Line.212</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5880775625564):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871262869736):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000298678275):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.44 302.92" class="st4"/>
+				</g>
+				<g id="shape45-89" v:mID="45" v:groupContext="shape" transform="translate(29.25,590.131) rotate(180)">
+					<title>Multi-Line.213</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5925678610549):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8757531682345):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000474093337):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.68 302.92" class="st4"/>
+				</g>
+				<g id="shape46-92" v:mID="46" v:groupContext="shape" transform="translate(-273.674,287.207) rotate(-90)">
+					<title>Multi-Line.214</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5911060241416):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8742913313212):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004125547111):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L14.62 302.92" class="st4"/>
+				</g>
+				<g id="shape47-95" v:mID="47" v:groupContext="shape" transform="translate(-28.2229,-25.2599) rotate(-7.93646)">
+					<title>Multi-Line.215</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927344414634):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.875919748643):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004813774071):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.8 302.92" class="st4"/>
+				</g>
+				<g id="shape48-98" v:mID="48" v:groupContext="shape" transform="translate(12.6562,590.131) rotate(179.975)">
+					<title>Multi-Line.216</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886036102):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8713739107898):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003025294229):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.52 302.92" class="st4"/>
+				</g>
+				<g id="shape49-101" v:mID="49" v:groupContext="shape" transform="translate(315.448,275.012) rotate(90)">
+					<title>Multi-Line.217</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5877323312571):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8709176384367):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002868625305):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.2 302.92" class="st4"/>
+				</g>
+				<g id="shape50-104" v:mID="50" v:groupContext="shape" transform="translate(54.9783,574.946) rotate(171.944)">
+					<title>Multi-Line.218</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883619320009):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715472391805):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003085901593):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.65 302.92" class="st4"/>
+				</g>
+				<g id="shape51-107" v:mID="51" v:groupContext="shape" transform="translate(302.924,276.784) rotate(90)">
+					<title>Multi-Line.219</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5852784911272):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8684637983068):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002097514136):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L10.43 302.92" class="st4"/>
+				</g>
+				<g id="shape52-110" v:mID="52" v:groupContext="shape" transform="translate(12.5237,591.154) rotate(180)">
+					<title>Multi-Line.220</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886019464):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871373909126):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000302529365):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.52 302.92" class="st4"/>
+				</g>
+				<g id="shape53-113" v:mID="53" v:groupContext="shape" transform="translate(315.448,288.295) rotate(90.0124)">
+					<title>Multi-Line.221</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5878762978985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8710616050781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000291760877):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.3 302.92" class="st4"/>
+				</g>
+				<g id="shape54-116" v:mID="54" v:groupContext="shape" transform="translate(-31.346,600.26) rotate(-171.674)">
+					<title>Multi-Line.222</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883701005329):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715554077125):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003088772703):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.65 302.92" class="st4"/>
+				</g>
+				<g id="shape55-119" v:mID="55" v:groupContext="shape" transform="translate(302.924,288.23) rotate(90)">
+					<title>Multi-Line.223</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.585331779586):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8685170867656):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000211297989):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L10.47 302.92" class="st4"/>
+				</g>
+			</g>
+			<g id="group56-122" transform="translate(16.8567,-39.5)" v:mID="56" v:groupContext="group">
+				<title>Sheet.56</title>
+				<g id="group57-123" transform="translate(8.92667,-29)" v:mID="57" v:groupContext="group">
+					<title>Sheet.57</title>
+					<g id="group58-124" transform="translate(7.99361E-15,-20)" v:mID="58" v:groupContext="group" v:layerMember="0">
+						<v:userDefs>
+							<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(17):26"/>
+							<v:ud v:nameU="visAltText" v:prompt="" v:val="VT4(Configure)"/>
+							<v:ud v:nameU="visAltDescription" v:prompt="" v:val="VT4(Configure Icon.)"/>
+							<v:ud v:nameU="Font" v:prompt="" v:val="VT0(243):26"/>
+						</v:userDefs>
+						<title>Configure</title>
+						<g id="shape59-125" v:mID="59" v:groupContext="shape" v:layerMember="0">
+							<title>Sheet.59</title>
+							<path d="M8.3 297.75 C6.69 297.75 5.37 296.48 5.37 294.92 C5.37 293.37 6.69 292.1 8.3 292.1 C9.91 292.1
+										 11.23 293.37 11.23 294.92 C11.23 296.48 9.91 297.75 8.3 297.75 ZM14.89 293.16 C14.74 292.64
+										 14.53 292.15 14.26 291.7 L14.87 289.94 L13.48 288.59 L11.64 289.18 C11.16 288.92 10.64 288.71
+										 10.11 288.57 L9.28 286.92 L7.32 286.92 L6.47 288.57 C5.93 288.71 5.42 288.92 4.96 289.18
+										 L3.12 288.59 L1.73 289.94 L2.34 291.7 C2.08 292.17 1.86 292.67 1.71 293.18 L0 293.98 L0
+										 295.87 L1.71 296.69 C1.86 297.21 2.08 297.7 2.34 298.15 L1.73 299.91 L3.12 301.25 L4.96
+										 300.67 C5.44 300.92 5.96 301.14 6.49 301.28 L7.35 302.92 L9.3 302.92 L10.16 301.28 C10.69
+										 301.14 11.21 300.92 11.67 300.67 L13.5 301.25 L14.89 299.91 L14.28 298.15 C14.55 297.68
+										 14.77 297.18 14.92 296.67 L16.62 295.84 L16.62 293.96 L14.89 293.16 Z" class="st8"/>
+						</g>
+					</g>
+					<g id="group60-127" transform="translate(12.4685,0)" v:mID="60" v:groupContext="group" v:layerMember="0">
+						<v:userDefs>
+							<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(17):26"/>
+							<v:ud v:nameU="visAltText" v:prompt="" v:val="VT4(Configure)"/>
+							<v:ud v:nameU="visAltDescription" v:prompt="" v:val="VT4(Configure Icon.)"/>
+							<v:ud v:nameU="Font" v:prompt="" v:val="VT0(243):26"/>
+						</v:userDefs>
+						<title>Configure.140</title>
+						<g id="shape61-128" v:mID="61" v:groupContext="shape" v:layerMember="0">
+							<title>Sheet.61</title>
+							<path d="M14.03 294.17 C11.31 294.17 9.08 292.03 9.08 289.4 C9.08 286.77 11.31 284.63 14.03 284.63 C16.76
+										 284.63 18.98 286.77 18.98 289.4 C18.98 292.03 16.76 294.17 14.03 294.17 ZM25.17 286.42 C24.93
+										 285.54 24.56 284.71 24.1 283.95 L25.13 280.97 L22.78 278.7 L19.69 279.69 C18.86 279.26 17.99
+										 278.9 17.09 278.66 L15.68 275.88 L12.38 275.88 L10.94 278.66 C10.03 278.9 9.16 279.26 8.38
+										 279.69 L5.28 278.7 L2.93 280.97 L3.96 283.95 C3.51 284.75 3.14 285.58 2.89 286.46 L0 287.81
+										 L0 290.99 L2.89 292.38 C3.14 293.26 3.51 294.09 3.96 294.85 L2.93 297.83 L5.28 300.1 L8.38
+										 299.11 C9.2 299.54 10.07 299.9 10.98 300.14 L12.42 302.92 L15.72 302.92 L17.17 300.14 C18.08
+										 299.9 18.94 299.54 19.73 299.11 L22.82 300.1 L25.17 297.83 L24.14 294.85 C24.6 294.05 24.97
+										 293.22 25.22 292.34 L28.1 290.95 L28.1 287.77 L25.17 286.42 Z" class="st8"/>
+						</g>
+					</g>
+				</g>
+				<g id="shape62-130" v:mID="62" v:groupContext="shape">
+					<title>Sheet.62</title>
+					<desc>OS</desc>
+					<v:textBlock v:margins="rect(4,4,4,4)"/>
+					<v:textRect cx="29.2133" cy="292.924" width="58.43" height="20"/>
+					<rect x="0" y="282.924" width="58.4267" height="20" class="st5"/>
+					<text x="22.48" y="296.52" class="st6" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>OS</text>				</g>
+			</g>
+		</g>
+		<g id="group64-133" transform="translate(467.106,-103.75)" v:mID="64" v:groupContext="group">
+			<title>Sheet.64</title>
+			<g id="shape65-134" v:mID="65" v:groupContext="shape">
+				<title>Rounded Rectangle.305</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.069297919332957):1"/>
+				</v:userDefs>
+				<path d="M4.99 302.92 L407.87 302.92 A4.98937 4.98937 -180 0 0 412.86 297.93 L412.86 145.91 A4.98937 4.98937 -180
+							 0 0 407.87 140.92 L4.99 140.92 A4.98937 4.98937 -180 0 0 0 145.91 L0 297.93 A4.98937 4.98937 -180 0
+							 0 4.99 302.92 Z" class="st9"/>
+			</g>
+			<g id="shape66-136" v:mID="66" v:groupContext="shape" transform="translate(100.107,-21.0961)">
+				<title>Rectangle.307</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="246.117" width="292.5" height="56.8078" class="st2"/>
+			</g>
+			<g id="group67-138" transform="translate(115.857,-30.0961)" v:mID="67" v:groupContext="group">
+				<title>Sheet.67</title>
+				<g id="shape68-139" v:mID="68" v:groupContext="shape" transform="translate(9.89966,-10.331)">
+					<title>Rounded Rectangle</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.025603304159975):1"/>
+					</v:userDefs>
+					<path d="M1.84 302.92 L16.59 302.92 A1.84341 1.84341 -180 0 0 18.43 301.08 L18.43 286.94 A1.84341 1.84341 -180
+								 0 0 16.59 285.09 L1.84 285.09 A1.84341 1.84341 -180 0 0 0 286.94 L0 301.08 A1.84341 1.84341 -180
+								 0 0 1.84 302.92 Z" class="st3"/>
+				</g>
+				<g id="shape69-141" v:mID="69" v:groupContext="shape" transform="translate(5.59158,-5.66082)">
+					<title>Square</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<rect x="0" y="275.752" width="27.1402" height="27.1719" class="st3"/>
+				</g>
+				<g id="shape70-143" v:mID="70" v:groupContext="shape" transform="translate(-292.684,270.092) rotate(-90)">
+					<title>Multi-Line</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape71-146" v:mID="71" v:groupContext="shape" transform="translate(-274.59,270.092) rotate(-90)">
+					<title>Multi-Line.169</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape72-149" v:mID="72" v:groupContext="shape" transform="translate(-283.763,270.092) rotate(-90)">
+					<title>Multi-Line.170</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape73-152" v:mID="73" v:groupContext="shape" transform="translate(32.7318,-28.3041)">
+					<title>Multi-Line.171</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape74-155" v:mID="74" v:groupContext="shape" transform="translate(32.7318,-19.2468)">
+					<title>Multi-Line.172</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape75-158" v:mID="75" v:groupContext="shape" transform="translate(32.7318,-10.1898)">
+					<title>Multi-Line.173</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape76-161" v:mID="76" v:groupContext="shape" transform="translate(-292.684,302.855) rotate(-90)">
+					<title>Multi-Line.174</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785614932887):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617468004683):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000602993256):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999995468434):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape77-164" v:mID="77" v:groupContext="shape" transform="translate(-274.59,302.924) rotate(-90)">
+					<title>Multi-Line.175</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape78-167" v:mID="78" v:groupContext="shape" transform="translate(-283.763,302.855) rotate(-90)">
+					<title>Multi-Line.176</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785614932887):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617468004683):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000602993256):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999995468433):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape79-170" v:mID="79" v:groupContext="shape" transform="translate(0.0944336,-10.1895)">
+					<title>Multi-Line.177</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape80-173" v:mID="80" v:groupContext="shape" transform="translate(-3.80196E-13,-19.2468)">
+					<title>Multi-Line.178</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+				<g id="shape81-176" v:mID="81" v:groupContext="shape" transform="translate(2.43305E-13,-28.3034)">
+					<title>Multi-Line.179</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5785622483985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8617475555781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20000603110539):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L5.59 302.92" class="st4"/>
+				</g>
+			</g>
+			<g id="shape82-179" v:mID="82" v:groupContext="shape" transform="translate(163.715,-39.3083)">
+				<title>Sheet.82</title>
+				<desc>Kernel</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="42.7133" cy="292.924" width="85.43" height="20"/>
+				<rect x="0" y="282.924" width="85.4267" height="20" class="st5"/>
+				<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Kernel</text>			</g>
+			<g id="shape83-182" v:mID="83" v:groupContext="shape" transform="translate(100.107,-87.75)">
+				<title>Rectangle.333</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="246.117" width="139.5" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape84-184" v:mID="84" v:groupContext="shape" transform="translate(169.893,-107)">
+				<title>Sheet.84</title>
+				<desc>Apps</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="29.2133" cy="292.924" width="58.43" height="20"/>
+				<rect x="0" y="282.924" width="58.4267" height="20" class="st5"/>
+				<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Apps</text>			</g>
+			<g id="group85-187" transform="translate(122.533,-103.476)" v:mID="85" v:groupContext="group">
+				<title>Sheet.85</title>
+				<g id="shape86-188" v:mID="86" v:groupContext="shape">
+					<title>Rounded Rectangle.80</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M1.69 302.92 L38.88 302.92 A1.69053 1.69053 -180 0 0 40.57 301.23 L40.57 277.57 A1.69053 1.69053 -180
+								 0 0 38.88 275.88 L1.69 275.88 A1.69053 1.69053 -180 0 0 0 277.57 L0 301.23 A1.69053 1.69053 -180
+								 0 0 1.69 302.92 Z" class="st7"/>
+				</g>
+				<g id="shape87-190" v:mID="87" v:groupContext="shape" transform="translate(0,-20.2867)">
+					<title>Round Same Side Corner Rectangle</title>
+					<v:userDefs>
+						<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+						<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+						<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+						<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.023479938271605):1"/>
+					</v:userDefs>
+					<path d="M0 302.92 L40.57 302.92 L40.57 297.85 A1.69053 1.69053 -180 0 0 38.88 296.16 L1.69 296.16 A1.69053 1.69053
+								 -180 0 0 0 297.85 L0 302.92 Z" class="st7"/>
+				</g>
+				<g id="shape88-192" v:mID="88" v:groupContext="shape" transform="translate(32.1206,-22.8225)">
+					<title>Circle</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 302.08 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape89-194" v:mID="89" v:groupContext="shape" transform="translate(34.6564,-22.8225)">
+					<title>Circle.83</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 302.08 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+				<g id="shape90-196" v:mID="90" v:groupContext="shape" transform="translate(37.1922,-22.8225)">
+					<title>Circle.84</title>
+					<v:userDefs>
+						<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+					</v:userDefs>
+					<path d="M0 302.08 a0.845278 0.845278 0 0 1 1.69056 0 a0.845278 0.845278 0 1 1 -1.69056 0 Z" class="st7"/>
+				</g>
+			</g>
+			<g id="shape91-198" v:mID="91" v:groupContext="shape" transform="translate(248.607,-87.75)">
+				<title>Rectangle.341</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<rect x="0" y="246.117" width="142.857" height="56.8078" class="st2"/>
+			</g>
+			<g id="shape92-200" v:mID="92" v:groupContext="shape" transform="translate(306.037,-106.154)">
+				<title>Sheet.92</title>
+				<desc>Services</desc>
+				<v:textBlock v:margins="rect(4,4,4,4)"/>
+				<v:textRect cx="42.7133" cy="292.924" width="85.43" height="20"/>
+				<rect x="0" y="282.924" width="85.4267" height="20" class="st5"/>
+				<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Services</text>			</g>
+			<g id="group93-203" transform="translate(263.232,-100.983)" v:mID="93" v:groupContext="group">
+				<title>Sheet.93</title>
+				<g id="shape94-204" v:mID="94" v:groupContext="shape" transform="translate(-289.35,300.613) rotate(-90)">
+					<title>Multi-Line</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5879551947208):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8711405019004):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002944628725):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996469102):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.36 302.92" class="st4"/>
+				</g>
+				<g id="shape95-207" v:mID="95" v:groupContext="shape" transform="translate(28.9452,591.182) rotate(180)">
+					<title>Multi-Line.209</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5921414527016):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8753267598812):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004557009095):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.37 302.92" class="st4"/>
+				</g>
+				<g id="shape96-210" v:mID="96" v:groupContext="shape" transform="translate(332.174,288.23) rotate(90)">
+					<title>Multi-Line.210</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5912027062613):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8743880134409):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004164925876):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997429937):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L14.69 302.92" class="st4"/>
+				</g>
+				<g id="shape97-213" v:mID="97" v:groupContext="shape" transform="translate(-14.9393,602.608) rotate(-171.612)">
+					<title>Multi-Line.211</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927999080788):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8759852152584):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004842552788):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999873163):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.85 302.92" class="st4"/>
+				</g>
+				<g id="shape98-216" v:mID="98" v:groupContext="shape" transform="translate(-289.351,286.444) rotate(-89.8558)">
+					<title>Multi-Line.212</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5880775625564):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871262869736):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000298678275):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999996668778):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.44 302.92" class="st4"/>
+				</g>
+				<g id="shape99-219" v:mID="99" v:groupContext="shape" transform="translate(29.25,590.131) rotate(180)">
+					<title>Multi-Line.213</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5925678610549):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8757531682345):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000474093337):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.68 302.92" class="st4"/>
+				</g>
+				<g id="shape100-222" v:mID="100" v:groupContext="shape" transform="translate(-273.674,287.207) rotate(-90)">
+					<title>Multi-Line.214</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5911060241416):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8742913313212):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004125547111):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L14.62 302.92" class="st4"/>
+				</g>
+				<g id="shape101-225" v:mID="101" v:groupContext="shape" transform="translate(-28.2229,-25.2599) rotate(-7.93646)">
+					<title>Multi-Line.215</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5927344414634):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.875919748643):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20004813774071):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.9999999908194):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L15.8 302.92" class="st4"/>
+				</g>
+				<g id="shape102-228" v:mID="102" v:groupContext="shape" transform="translate(12.6562,590.131) rotate(179.975)">
+					<title>Multi-Line.216</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886036102):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8713739107898):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003025294229):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.52 302.92" class="st4"/>
+				</g>
+				<g id="shape103-231" v:mID="103" v:groupContext="shape" transform="translate(315.448,275.012) rotate(90)">
+					<title>Multi-Line.217</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5877323312571):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8709176384367):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002868625305):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999999831411):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.2 302.92" class="st4"/>
+				</g>
+				<g id="shape104-234" v:mID="104" v:groupContext="shape" transform="translate(54.9783,574.946) rotate(171.944)">
+					<title>Multi-Line.218</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883619320009):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715472391805):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003085901593):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(0.99999997148965):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.65 302.92" class="st4"/>
+				</g>
+				<g id="shape105-237" v:mID="105" v:groupContext="shape" transform="translate(302.924,276.784) rotate(90)">
+					<title>Multi-Line.219</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5852784911272):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8684637983068):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20002097514136):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L10.43 302.92" class="st4"/>
+				</g>
+				<g id="shape106-240" v:mID="106" v:groupContext="shape" transform="translate(12.5237,591.154) rotate(180)">
+					<title>Multi-Line.220</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5881886019464):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.871373909126):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000302529365):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.52 302.92" class="st4"/>
+				</g>
+				<g id="shape107-243" v:mID="107" v:groupContext="shape" transform="translate(315.448,288.295) rotate(90.0124)">
+					<title>Multi-Line.221</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5878762978985):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8710616050781):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000291760877):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.3 302.92" class="st4"/>
+				</g>
+				<g id="shape108-246" v:mID="108" v:groupContext="shape" transform="translate(-31.346,600.26) rotate(-171.674)">
+					<title>Multi-Line.222</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.5883701005329):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8715554077125):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20003088772703):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L12.65 302.92" class="st4"/>
+				</g>
+				<g id="shape109-249" v:mID="109" v:groupContext="shape" transform="translate(302.924,288.23) rotate(90)">
+					<title>Multi-Line.223</title>
+					<v:userDefs>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(4):26"/>
+						<v:ud v:nameU="SegmentType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="DrawType" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="StartWidth" v:prompt="" v:val="VT0(0.15):0"/>
+						<v:ud v:nameU="EndWidth" v:prompt="" v:val="VT0(0.1):0"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0.31445460881394):32"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.6821373411359):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(8.5942318659433):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.20124611797498):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(0.36115492854311):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.4583288317516):32"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(0.737773973763):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.4437657331855):32"/>
+						<v:ud v:nameU="Joint3_4Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint4_5Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint5_6Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint6_7Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint7_8Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="Joint8_9Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.8852509356088):32"/>
+						<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+						<v:ud v:nameU="VertexCount" v:prompt="" v:val="VT0(2):26"/>
+						<v:ud v:nameU="LastAngle" v:prompt="" v:val="VT0(0):26"/>
+						<v:ud v:nameU="CtrlAngle" v:prompt="" v:val="VT0(-1.585331779586):32"/>
+						<v:ud v:nameU="ArrowFeatherAngle" v:prompt="" v:val="VT0(7.8685170867656):32"/>
+						<v:ud v:nameU="ArrowFeatherDist" v:prompt="" v:val="VT0(0.2000211297989):0"/>
+						<v:ud v:nameU="Joint1_2Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint1_2Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint2_3Pcnt" v:prompt="" v:val="VT0(1):26"/>
+						<v:ud v:nameU="Joint2_3Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint3_4Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint4_5Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint5_6Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint6_7Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint7_8Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+						<v:ud v:nameU="Joint8_9Angle" v:prompt="" v:val="VT0(1.5707963267949):37"/>
+					</v:userDefs>
+					<path d="M0 302.92 L10.47 302.92" class="st4"/>
+				</g>
+			</g>
+			<g id="group110-252" transform="translate(16.8567,-39.5)" v:mID="110" v:groupContext="group">
+				<title>Sheet.110</title>
+				<g id="group111-253" transform="translate(8.92667,-29)" v:mID="111" v:groupContext="group">
+					<title>Sheet.111</title>
+					<g id="group112-254" transform="translate(7.99361E-15,-20)" v:mID="112" v:groupContext="group"
+							v:layerMember="0">
+						<v:userDefs>
+							<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(17):26"/>
+							<v:ud v:nameU="visAltText" v:prompt="" v:val="VT4(Configure)"/>
+							<v:ud v:nameU="visAltDescription" v:prompt="" v:val="VT4(Configure Icon.)"/>
+							<v:ud v:nameU="Font" v:prompt="" v:val="VT0(243):26"/>
+						</v:userDefs>
+						<title>Configure</title>
+						<g id="shape113-255" v:mID="113" v:groupContext="shape" v:layerMember="0">
+							<title>Sheet.113</title>
+							<path d="M8.3 297.75 C6.69 297.75 5.37 296.48 5.37 294.92 C5.37 293.37 6.69 292.1 8.3 292.1 C9.91 292.1
+										 11.23 293.37 11.23 294.92 C11.23 296.48 9.91 297.75 8.3 297.75 ZM14.89 293.16 C14.74 292.64
+										 14.53 292.15 14.26 291.7 L14.87 289.94 L13.48 288.59 L11.64 289.18 C11.16 288.92 10.64 288.71
+										 10.11 288.57 L9.28 286.92 L7.32 286.92 L6.47 288.57 C5.93 288.71 5.42 288.92 4.96 289.18
+										 L3.12 288.59 L1.73 289.94 L2.34 291.7 C2.08 292.17 1.86 292.67 1.71 293.18 L0 293.98 L0
+										 295.87 L1.71 296.69 C1.86 297.21 2.08 297.7 2.34 298.15 L1.73 299.91 L3.12 301.25 L4.96
+										 300.67 C5.44 300.92 5.96 301.14 6.49 301.28 L7.35 302.92 L9.3 302.92 L10.16 301.28 C10.69
+										 301.14 11.21 300.92 11.67 300.67 L13.5 301.25 L14.89 299.91 L14.28 298.15 C14.55 297.68
+										 14.77 297.18 14.92 296.67 L16.62 295.84 L16.62 293.96 L14.89 293.16 Z" class="st8"/>
+						</g>
+					</g>
+					<g id="group114-257" transform="translate(12.4685,0)" v:mID="114" v:groupContext="group" v:layerMember="0">
+						<v:userDefs>
+							<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(17):26"/>
+							<v:ud v:nameU="visAltText" v:prompt="" v:val="VT4(Configure)"/>
+							<v:ud v:nameU="visAltDescription" v:prompt="" v:val="VT4(Configure Icon.)"/>
+							<v:ud v:nameU="Font" v:prompt="" v:val="VT0(243):26"/>
+						</v:userDefs>
+						<title>Configure.140</title>
+						<g id="shape115-258" v:mID="115" v:groupContext="shape" v:layerMember="0">
+							<title>Sheet.115</title>
+							<path d="M14.03 294.17 C11.31 294.17 9.08 292.03 9.08 289.4 C9.08 286.77 11.31 284.63 14.03 284.63 C16.76
+										 284.63 18.98 286.77 18.98 289.4 C18.98 292.03 16.76 294.17 14.03 294.17 ZM25.17 286.42 C24.93
+										 285.54 24.56 284.71 24.1 283.95 L25.13 280.97 L22.78 278.7 L19.69 279.69 C18.86 279.26 17.99
+										 278.9 17.09 278.66 L15.68 275.88 L12.38 275.88 L10.94 278.66 C10.03 278.9 9.16 279.26 8.38
+										 279.69 L5.28 278.7 L2.93 280.97 L3.96 283.95 C3.51 284.75 3.14 285.58 2.89 286.46 L0 287.81
+										 L0 290.99 L2.89 292.38 C3.14 293.26 3.51 294.09 3.96 294.85 L2.93 297.83 L5.28 300.1 L8.38
+										 299.11 C9.2 299.54 10.07 299.9 10.98 300.14 L12.42 302.92 L15.72 302.92 L17.17 300.14 C18.08
+										 299.9 18.94 299.54 19.73 299.11 L22.82 300.1 L25.17 297.83 L24.14 294.85 C24.6 294.05 24.97
+										 293.22 25.22 292.34 L28.1 290.95 L28.1 287.77 L25.17 286.42 Z" class="st8"/>
+						</g>
+					</g>
+				</g>
+				<g id="shape116-260" v:mID="116" v:groupContext="shape">
+					<title>Sheet.116</title>
+					<desc>OS</desc>
+					<v:textBlock v:margins="rect(4,4,4,4)"/>
+					<v:textRect cx="29.2133" cy="292.924" width="58.43" height="20"/>
+					<rect x="0" y="282.924" width="58.4267" height="20" class="st5"/>
+					<text x="22.48" y="296.52" class="st6" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>OS</text>				</g>
+			</g>
+		</g>
+		<g id="shape2-263" v:mID="2" v:groupContext="shape" transform="translate(35.6782,-37.9422)">
+			<title>Rounded Rectangle.306</title>
+			<v:userDefs>
+				<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(1):5"/>
+				<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.14190499854673):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.14190499854673):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.14190499854673):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.14190499854673):1"/>
+			</v:userDefs>
+			<path d="M10.22 302.92 L835.21 302.92 A10.217 10.217 -180 0 0 845.43 292.71 L845.43 256.33 A10.217 10.217 -180 0 0 835.21
+						 246.12 L10.22 246.12 A10.217 10.217 -180 0 0 0 256.33 L0 292.71 A10.217 10.217 -180 0 0 10.22 302.92 Z"
+					class="st1"/>
+		</g>
+		<g id="group3-265" transform="translate(51.9632,-58.75)" v:mID="3" v:groupContext="group">
+			<title>Sheet.3</title>
+			<g id="shape4-266" v:mID="4" v:groupContext="shape" transform="translate(0,5.8782)">
+				<title>Round Corner Rectangle</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(3.8235624999494E-08):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(3.8235624999494E-08):1"/>
+				</v:userDefs>
+				<path d="M0 302.92 L58.43 302.92 L58.43 274.12 L58.43 274.12 L0 274.12 L0 302.92 Z" class="st7"/>
+			</g>
+			<g id="shape5-268" v:mID="5" v:groupContext="shape" transform="translate(5.31151,-2.9351)">
+				<title>Round Corner Rectangle.194</title>
+				<v:userDefs>
+					<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+					<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+					<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+					<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+					<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+					<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.029508417119111):1"/>
+				</v:userDefs>
+				<path d="M2.12 302.92 L19.12 302.92 A2.12457 2.12457 -180 0 0 21.25 300.8 L21.25 296.76 A2.12457 2.12457 -180 0 0
+							 19.12 294.63 L2.12 294.63 A2.12457 2.12457 -180 0 0 -0 296.76 L0 300.8 A2.12457 2.12457 -180 0 0 2.12
+							 302.92 Z" class="st7"/>
+			</g>
+			<g id="shape6-270" v:mID="6" v:groupContext="shape" transform="translate(34.574,-5.11479)">
+				<title>Circle</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 300.96 A1.96723 1.96723 0 1 1 3.93 300.96 A1.96723 1.96723 0 0 1 0 300.96 Z" class="st7"/>
+			</g>
+			<g id="shape7-272" v:mID="7" v:groupContext="shape" transform="translate(41.8528,-5.11479)">
+				<title>Circle.196</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 300.96 A1.96723 1.96723 0 1 1 3.93 300.96 A1.96723 1.96723 0 0 1 0 300.96 Z" class="st7"/>
+			</g>
+			<g id="shape8-274" v:mID="8" v:groupContext="shape" transform="translate(49.1315,-5.11479)">
+				<title>Circle.198</title>
+				<v:userDefs>
+					<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
+				</v:userDefs>
+				<path d="M0 300.96 A1.96723 1.96723 0 1 1 3.93 300.96 A1.96723 1.96723 0 0 1 0 300.96 Z" class="st7"/>
+			</g>
+		</g>
+		<g id="shape9-276" v:mID="9" v:groupContext="shape" transform="translate(132.963,-58.75)">
+			<title>Sheet.9</title>
+			<desc>Hardware</desc>
+			<v:textBlock v:margins="rect(4,4,4,4)"/>
+			<v:textRect cx="54" cy="292.924" width="108" height="20"/>
+			<rect x="0" y="282.924" width="108" height="20" class="st5"/>
+			<text x="4" y="296.52" class="st6" v:langID="1033"><v:paragraph/><v:tabList/>Hardware</text>		</g>
+		<g id="shape63-279" v:mID="63" v:groupContext="shape" transform="translate(496.283,-261.25)">
+			<title>Round Corner Rectangle.623</title>
+			<desc>Virtual Machine</desc>
+			<v:userDefs>
+				<v:ud v:nameU="CTypeTopLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeTopRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotLeftSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CTypeBotRightSnip" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockHoriz" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockVert" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="CornerLockDiag" v:prompt="" v:val="VT0(0):5"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0.15):1"/>
+				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
+				<v:ud v:nameU="TopLeftOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+				<v:ud v:nameU="TopRightOffset" v:prompt="" v:val="VT0(0.0625):1"/>
+				<v:ud v:nameU="BotLeftOffset" v:prompt="" v:val="VT0(0):1"/>
+				<v:ud v:nameU="BotRightOffset" v:prompt="" v:val="VT0(0):1"/>
+			</v:userDefs>
+			<v:textBlock v:margins="rect(4,4,4,4)"/>
+			<v:textRect cx="54" cy="291.587" width="108" height="22.6744"/>
+			<path d="M0 302.92 L108 302.92 L108 284.75 A4.49993 4.49993 -180 0 0 103.5 280.25 L4.5 280.25 A4.49993 4.49993 -180 0
+						 0 0 284.75 L0 302.92 Z" class="st2"/>
+			<text x="21.62" y="294.59" class="st10" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Virtual Machine</text>		</g>
+	</g>
+</svg>
diff --git a/img/dotnet_blazor-server.avif b/img/dotnet_blazor-server.avif
new file mode 100644
index 0000000000000000000000000000000000000000..a9319795effe2ee919d0aaf3077fe73a3bd1d282
GIT binary patch
literal 5191
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

literal 0
HcmV?d00001

diff --git a/img/dotnet_blazor-webassembly.avif b/img/dotnet_blazor-webassembly.avif
new file mode 100644
index 0000000000000000000000000000000000000000..dc537d772457a6d76a18db162451e190d0585a1f
GIT binary patch
literal 4216
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

literal 0
HcmV?d00001

diff --git a/img/dotnet_covariant_contravariant.avif b/img/dotnet_covariant_contravariant.avif
new file mode 100644
index 0000000000000000000000000000000000000000..f6a222be1eacff8fb211f3daa15cc77ba17304a7
GIT binary patch
literal 12524
zcmXwfV~`*`*X-D~J+ou&*tTukwr$(CZQHhOn|Gi0*4L?=?mm@NPW~mS0002sm^iuH
z>ARSl0Q|#$Y;A7BU~R7dpTDp+cGCYZ{||&_Mph30UjhKwnHxI&pZ-6Fvom+H{+|K-
z7m3WRYz_Z&LVN&#|JpwQ!u@{+0HE9XXNk?tZT`3D|FWq6j4{yvhW%FtJ;Q&}!racm
z?jK8<+Zo#aV`M{HD+e1xE4P1BU;)7V{-t2_T^I!Y0b%}002FgaJLCTZ000Q+zmWH@
zBiNa{ng3$|U<e3^e}rysXZ?R$`d1eSU;r@4zk*Jzjr5(60HB~S%=bt>K|q+W5E!R*
zkpO@q$n*J{{40FEn5?UX!D=Rt1);-cqzV_f_=hA=3hCJP!&Pbf@m3R3bkBt5QgT0K
zLU_sFgl@1}P|tas=x6G*#Mg1ri=%9H+q2bLsh(s%K40XWodgk<c2OYy5YF0nGGQt#
zCUQYqG$?<ciRofYvh-K7l)|8(Df|q%<)FS^3L2e~`5ClY3I|KVfHJa%Zfn0L%t`ub
zg4YLd&ML;ksP?7Y@#xHWt*(>{MZ>X6;u<y$U8qFrTws$uOwYeh^TH}@5_NjU#`|Dt
zEK@4l?62b~J9FJoBSw)+Y8_J&$=-xwS`W>|s(78sXyV{E$;J$0eDf<U``_kgI7!>t
z8&y!JtRuH`16e4ME}+NG@Z<%39&-%_*?5lc!Vc<S61D4`3Aw2TEcuKA#Be#Ccq1b_
z19T1p^Pq&)&TwG<01;+Biiwd{GdY~f>3z>Mphhnoc;h<%wX0?0whmBV>obCFmw>(G
zEIIE7UUt&fF6@s8k^NP_2k|e;?Cs7DroKu|OJY996V}w*KOTzYvvW=-J?)<n)8y{j
zxlABXzr;Df_ySYDpNT;j=PEBIkJ)a!v+Xr!#8z`9DRjuSMs4&zG7UI|{PfF(m8N1>
z8PR1HEhrt<+2rYfs1cjaQaDS2n`k!j3r9MXr>3?QyCXs=g}EJ4S|4Vb7h^DN%i#!&
zI(onNl_6Fn$&-+81gT#tz{I&~V1)DTL6@Rv#G-&?yPUX%lJbp;@`f~hifn3+^%6YL
zi;{@Qlq@DEOR{D!iGB|P`#_`!0)_Y$w7B=>!5b7R5XVx+QNsi+mhW9hepZx8wl_G9
zvU02x^UywqU?c(eWTF3&?d7#8t#cj3554Lt*=IojMt4i8!n4FNW{?T9T~5;*?leKg
z!~!`Hcz7>~|JlWa$3M|?<s^}Nc|{!!Dyk=P77CZ-gX8|WeP{_CH#P&7Z20JX4(7~w
z>3GVU`cW{cbyF;Ty9-uYKosWT-#FBwnCoL@#yK~BbD51_M)2j;U$M=X?zr>%W-Cu%
z9~(tRi<i0lQHg1#)A+)4R#*9LgaZV@!q^8Ye8vZdO1JX0ZX=ChYp?%3&jsJOG_(!h
zD-YONvR{^xjK|ag2t`qR>Vu=+-%ZZ0liX67thPd_O7z!4MO3APU<j6hB^!+gLCzaP
zSuy%V7Rt?m+_@~yegVCZ)L#eSpUih2`%zmoy=?t*(zojKet5tct`fEjCXF9`&V(6H
zG$^cU4$dCBQiG>e->RWCp+J;5GZ#rfcU|-YRYd1Jf^|uemFPq*XQi&qH@8c>N$M5R
zb9@d9BVXT5SqrYm50#V-U&B0+W6&|}F?xGt{w&_qIV~}%hvTb4gILVU<&pl*R=7w5
zsjx}$P3!vfgQL*ui&omkKG!_%4n(A)k40G9nEhULmfpeXh2#y*`bcta;H1&t@%>d!
zmNE<%z@LVX$p8H|+)?)?N*Tm$y6r%#d;M$xk+^!;AIQC=2(B1*0!QajWFk}w2k{dd
zzQ*zsywsA-K-~m2-F>$&t<RBnWe<;1fPBMgb8FP+O)v}_YZ2x?uQ$a0xFg%<u^w!s
z6J*2TPYZNkXoKie8k9y3yYiCoOSW1lyv2;MVgaQlNeZy)TJMr$U+6n<J{f>;yGg6U
zz&@5K_^8c(#Ti)!E3w4dT}`>z`X-JNp&9}eD7$sdqAEg*D9=i^SfUNjX+CyQ<RWEk
z9>_|u(xY`IzO_=wnq&OXC?|n#M=50WwNp?^^kP`~8ysRD(SYi>Z&92I09rR6txLL|
zQJwhGJ}=Pog5YIFZFLav{E~#$t!lS&Ub6=A(hF8IzkgzWk2ymf7XJRF(tL2fG8%X6
zLE(0seUJ&_P!(>a4X7m1jeGU!rIN+cKw~wV)(xYp{wgeIeK~0shhB;hC$(FCJjdB-
z;|L$_eq;Wo_DcN2<`EJ?Co^*zhK{z|U0xAbF^t{=INrvB@34-W5!ufkM%k}89a%G%
znGqL*1d@nzrd#u7x~wOg*lg19mn;N>TT^-c@j1th(J~;uHp$RN3c#z3Zuhp`SJ0Xs
zc>`&dJY@-!73#nQzck)DYY;v8ZN%0m51VJ7kch3cFmfdeLF&|JrGK7kt81$_)u%O=
zK_n26g4S(?)R>>H8jD0PZmDwL7Xnd=ZQX<~($KaRIwoPt-N1dy?Tpvx#I~#;Mobm=
zO@ThRw{ylr+fJuV;4caT4$U3MU(4HdLU>(Sl!9HIx@t%PS*GHFnMk)&wJd4cxz~)3
zWiW`MDgk%`_2r_>(uYF-9`RfN-deSH&Co=s02^<%aAX&SRwBL5vIEw;z*fG5+HeF)
zEF|K0s|LF^K?WAga*5)_97ddsjKuyeV;%1;Kv2{e1}XZJS@0qk#}o*2aT1QRzX5dR
zwK3x4gn4_oWhoK%ZNqdvH77BJ2%i}%O)JJE!ahUsF(|mZCi~6971JWs9cG!TO9h~s
z&XhS((hq#;X62-4A}wn_>MhaM0v!mG^yu@{D1r&I`Pnt<E1tLk5Esh^{pPqlV38R6
zGIT>LDRG?l#k!3=cW4};n_H}A2`WB?Ya;cRd#2yv%XOu|e)J-RjY$Y-@cWoTi1uQA
z-)?Igk26qUBv7E^2=N#(cY=T6Rgr;mWgen~US#b7Sp{1*KYG<|gPV3hUS)D^vsq7M
zh=7rWSA#y5#3WV;mFUThny3_*&wc92P5Tb^fMl#K0H>17<Jn5lgv98Z;lXksc#N`%
z4u*@KYhUhdsVJdjM_r2x`{!@{i#K+9{tzt@50o<2)DNQ-O*XaiCoj~Z^VJph2`SqV
z=?hrpW)_<IM)fU04kcb{g?1DLdB;X(BY5oIc~0)0XzikE{x*Ex|FJ&zpH=2HcEdH^
z6)ZfwlguiVhXKKkPdYQG`Vh-@!V*>I`(?Fh2^AX3E%hw3y&Tj0)x(}cNSH|WMB_$q
z0v7G*lFh|3?qOZ-eE8(F^xNwWqn2r3GBCAiQe-F)=+T7udcO(VIhft6$?cO71xz~=
zQClJ0==iP~iZA^%_dfm8bCQH0$}@MyF{jNXzOKT+LxmlTWW<4bNaF4Jrq?HD@zrsO
znu$bK2+9SQZ=9=a{AOBC=z46?@S-qQl{|30^i*Aj(5U?j?;hSM*$-}$c;@Hl4nb_8
z>+Aq)<Ft@}B3%ljoRzHN1h=b6ei+j;t<e!O%u`6lSZmi~mqSgFU!zK)I*0&*+$m@I
z6pQPAk87H6+<LTP8QjT#a8V43G{pXrSw?<Dr1Fg{*yLSD*?4?sZ_*j0kE_IsfSx_G
zjf!SRi`;Or+i7$X&tTE~TN$*DlJhNOaux10+UwHzG@d{A3?|E%M6fkmW9D76{jqNg
zz5hw0e4h#WaP0%B6m;vah|A`-PuAxmq|KLxH<m@mt1>u1Fy!1D>OX%8FCj0(uNb(_
zxXwF|K^-Q%Awq{{Yp?tlx?hOO0!XwRs0RYFdE7s&XWG9+0NuEk!}=!f^(G%0NC+kh
zhsZ~`2!vXnBkR|W#!xI`^7BWqDBSQ6Z{Mxcr#FqrN_+AQ`6j_6PV(=Pf$cr=(Chk8
zy5kF}W5jyQcm5)KQ3giRgmW(!kTB1BaD<o7v$t2S)WZT5dCaI|)(|XOqv5>Rn9*T-
z883Taw<s_4p0?wfdyEduoyR^mhMMMim3yIyCX*QMfEdUuGBy(Ci^YmxD(=k>B{eO}
z6sSs9fyt~m$c8m$E+v0xt>uM-y@ZI|&29NFd(c`g%nnK+sMZbii9O|WLL=0Ge3Mqx
zIu$o}yY1f=KfYl|MthXGh9TY~2Ph(>0l`(1FOiW&QR8m@lAt2{K0T6S+7q<J3qu8H
zKkkF9i{)Y|2wWc5aI3~USvFv4F;`k^$A{n0uBbm0eLQ5S)xROb9oGgE7E?C8++lz3
z5O~m$tL*d9X?Kt3LSQhf)zOnU&_-T14$%fDK3c!=T5tJ5#!Y^@zZj4lO$qfRhin2r
z+Cb9qIjNUfYrbTsB_C=(aV6M}Q@kn(GJL=S<;MB3wX@rm<~lC|dh6Vk5n9#l1b9OK
zsukAe6l;tD-jfjL!fNTJPetM<XYCbTY(U3lz3}g;$8kx=*&s8x>3m1t^BZ-HQi_7t
z&r=uXy%BYE?h!jT^<V*~P6EA}GXhRvz}~&pdfypa2@MY1qz|!WjUQ@p{pAE+M@k3;
zbN|`|?Y$o?bml$enYs)Zc<uK*$N`b~R52MuHx|dDg)f48HVwfKu596aC3~~r8F1$#
zb_~vp{?=V_kJq*<wgI}jCgT^EmMyZW4a?=U_f^op)SQk;Xf$dy=DJ@D7)Gh&&z!Ib
zzI+T<ij^U6rQOqTqdC^S0Ue~Gim}^Z6k}o~8YQ?IQ)W`gc)XcW0ES0VW9t4(x|R1Q
z+2o*57I5&R<}?BNyjWp{pzt{oQFVB0uKhlDjbmcgV1LlKx$C|5Xl3>Tw<{v>)X<qm
z5J_C1Lv0e;=}3(woaJ&^qz}JhY60<>y6HROkk^=_y1mE%O5(gJ&tN7;R{I)u%3eK-
z<A+BxE=moqPmEmst(-UK<JPasmV(_W<r0>^t|=E*{(XYw)YOZPExU<rtFz{6K;eYo
z6pnvt@~^zOXJ{!~K)yAn{R0V1+Dd|L*Ce7`Z$L!7#PN975$hWb8SSSv2@*w4lRnZZ
z-J{+rON)QI@Gp$Cze{_&I4NfA;1NCNsx4?b-#+-nk@}_c_Y9{_c?y&uT<>RF1}wzG
zAE{U|Q*3;6@JAaOaYl$R7M?TObMN!=6}O%i|D!Bd$r349A2bpMl@p*rA)&ts5BK$)
zyo;y3Gwq^ET=}P4gp{@ZBqG+uVOC+KbGv!h<)Kv5#p96cJxJ~LKprE|SvVyjt#H^(
z;jzFP2Rz$dH=qHKnti0(7_fW2Bn0cD6`kJv-I&@l2qz$27QGHL!NTdoC7n??JT@|F
zSW^d;25`J)sJguqMaLdE81xb&#P=P~qD(+!hqWA#!e0s>8)hBO>V+Q%uPk=ga!jJB
znK819=Y;C!yV@}4Kw;R?T#_D2AHSCx5N@C+yJLiaD$cuuiciH-0hbn%-<??tM+M+{
zPFHt)Z2Mjp5tlF)p&;MQiP+*F&C-OI5HN8*F^)#=CJ>Agd_F#xUSLrOTF))H=F?<p
zYsBy8IL`>p#-<#D6J#AC2|n1A6ryC$2GL;%DlQu$Jw-&!ZCzxF%}PdRRS=mMwTxjM
zJX{%cT@m&;fX~EbC>?5y*%CD3Kwv3Ij1Lbd8PCU9+wfdG=>!{GTKerkb9R}~N<xkK
z0yww1QW%TAj6T+k{YS^|TZXJOn!E_23+|NPZ38VBW6Yj946t~A{MkX#zlv1y4)|8n
zZj(RDY-I%&WoF)#lG$5pOMbnva=!(?@Vri3fx6FjXB$8&`{QnWsuDzqgOGrC+*Jzh
z4_LGvLL%)9?#b@`0A508Hx3(1W7PyXmQ48D@BpYX8s+J@jYdq?g?x{H9d`Ftw1gBt
zw-}cX>j3%Do-^Lo#`3E}f9@YR&)fc8;Nk?@teNm;n2~e$fr5$gN^iv8)g?0H=25f{
zu~P`GE}i94T?R86S$BR6KqDDy<jtL;L~&zX9^kPJvcHLgeG3XGgxR$+?iV{~Dky+)
zkXfZN%LI}~1-+xi3C!Q%Hj3X9P4%ZOBZyFqp86_s@Sush#KF{@i>|yM=LlbiT)4nJ
zE7K8OPdh5tn05|zs<76}%8j1?eyG6^ClO%;_4RnYy(2TtwxI0@e|m$$|HUD5oJ}UQ
zD7PsX+9;OQ#EmXm61J7|Jt1~1dS3R)ojVZI$5?K4dCye!V|RU$kg9YAxwGDXE9V%?
zRdMJna_uzYL)o(lBkG&xt>zN2iOZCX@NSdf$%`uJA(lfq*}k2#q~<sMxrQVR@0A3n
zZARQviY5)gN4G4G*q&!qYnf8rONYylZo@20jFsviUblpU?bE0m(iRN+0RCH{>CD1%
zIB=!amk16i>tEh*>LVnjDmw}07hW&0+WP9Ce`E*J_A(C4T-M;Xv9Fw@?^*u(HKWBK
zh8&-GJ=%*SO-}VxpQ16w)e#b?ei*Xnm%2$xEmwgG&{~lSbu$jAc;G`~zJutzaJN~V
z7XVSEDn_GJpjUYanP&I`bvi-mB4btgocj2FL+8Lf0q8EQLkQ6XU<G{1oBcQ&RPzGk
z5H9V;h_9Vb^@RUG&$wXRk)13^Fpka<y@tn1t9@)e{_`dja<e!<6|U(p;0{5=?g<k{
zhU?`#0ts)8&hq|<p$>Hhu*j+9&J|YE>}+T%*Yan^Xjf}NlnmrjEvE(<2o7iGASK_&
z@%WGbU@_rprqmf2o0nF)3LtvLf@>vNjR_0Hc_bMC+=fX5J_YBu%vI3ggv~jpq+-)^
zs{1YA<kK9JV$UQUM&}dUVHhanw7ceC+!H^MLCLixQ1Q?!qJvxfHh+LP4vIgC3W$aq
zuy`DHGiB0rWejLUEKZaXQ2@>y&m>VHNLR-@831Oxbso#*d_LLz7XIA!HK7s0NeYFc
z6qOu+$coN%T5^r!y*%{?{sdpVb<6`1i7<d2<(P%-xh2Z&OdjJE>V0wr&fr!R<?@!Z
znU}k2394$qwW+59NqW30ALNT0hCu$$FvFm{Kz;A0=JybR10tCQLiU0;2FFWl5lyBG
zQ1Mt=Lr*)4eKNxtgHFK_di`g!hK1#eWU=h|>x5h#zXP_`9&grFmcIzX6Yh1=)lYua
zUN7mY;)UH8^gwhwDht3!>iDtFdQUH!ftZK7JZ)mKBIR@L!PD6RQJpo9f_8r`FyuY%
z2}jPZbx1IM0Crw?gQA@yBbqYRUHLa(xI>#Qj+u-aHFCcoVp9gAxq$`)fRARDA8#p(
zce`>xcM?R{`yjONdEjKM#AvL2)S+oj&@;kRO4$!jSD0c838xgar)={96#l(sScDQ3
zOP&HU8<0Y>r=iwxir?vVU&ZE&4nxUXqQnGwI#&@YdMq8eC{0%fL_bSUg?NW?ZG1dj
z!H^F`Zh}x}-Adl46{f~bwIORzFSDCYC$92NAG93rL)A4NJbuIJwTbpVUO?bRsD*6n
z56s9P3+!%HD}2G<l`-wtHUopb#gqQUM980`8G;8Fwfw$wQuCg1_><o-jViGdy0|tB
z)vmQaSHra6UZ<rZk|Ypq=pW)vQ739Q<CQaFnopdS<@ZBAS%k1IHQ^gzo5n`F_!+M<
za}GsXmZjq=HXDweqP0=h*;Wmo(5ZtuOvp3UC>8ncDT!|!58vv~w}0|#wmtJ(SR@RI
z@bjTZa8vpV$wq&`<h%ZHkM8QG38zq|y3;<ECp}<4L?8RIiy)#D&~h9AfNy}7&MWDq
z=D5N^j!BaG=Ons?f7sSGQOaXqSwk{?u2$E!Eh#%=1ffGM1Ae}Q`~{7h_^Cv6BfUm1
z1)$~CGE+ErE|s`rAewL6$Y_&vd3&4z){p~HV5)`r0BwKid$PSQe-vTwdQ<&sPH0j<
zJlz}I0D2i8A%%L={W&W~s!7)qo;$!_DVYt(w}IjJL^S2$*Udla`H#zNe~EqDrqM4b
zz}uX&lfZj-vb`Did{3Bgzrn*H-qU1a>$FOQ*f#TIv=0Zg*Fc%qJ=o~kg>wJfNF@y4
za>x5<Q_X=PJOyLMK}*PB8cK~*|J%=xqc*xF#PGO62}D9ge(fcWOOmv|lZN>j*D%8s
zIXSr9Xt6plMoZ6(_;cS=Jkad5XCbD#SIG6my+ITrXD$eU8WwWC{2=&VLJ;jJWj&L3
zxt{6Zkmpoc=kCmr;bL=Ojq&eRM*Q1CBsF1r|KB0}3BDDo`2%87VJ2}ZxQuJ`g+5J>
zGYzP)QGK|OKSqEMMp9Z~eR^PLR`}p{^!aW#B|%Q3=-<Y*FK)6wU+|29>S48iK~0sV
zPv}z{X3x8lV|qH=^;DzYGwhX(H3G+P<}^UgwG7I%E7Q4305#zFuaES#Ipk;O97q`O
z6vHJ_mtR#wGQJ^_Fo04wk<Ds0ne(h0#YS4rjKazQ>h2fL&`4YSMi>dBUOHo=(C6QR
z+IzkQg>^B+{ONk^UT~)kr=c=dh=>V=UDf)N)!a^aGRb5GM1<7+6<UF$uDE4I9h&)?
za7^+*-->Pn?{!*E`=<D%Z|+j@pz{1GUw5pp9KI%2jAM0xBg8Ufy+*dSU(1ks?cgZ#
z2TskQV!uexDX-aS1k8GPv2xLt|E%~aM@+|7Vj0zez2RNIX7p?3+$SM*zFuOGMgQ^Y
z0S%pHYK)~?zOeGaUj9tcwJb^k-0eu{m|38v9SQm=Hd@b(nF1dYZ<uA#(QIRR*;p4U
zd}?|FEp9$yEx6h8{eh9p**&zdb~l9C?_iRA2%=)ZiJ-$;(;R6a$uV|?V`gCu_|5@o
zOMO8P7Ho4WSx-2rz-Z)?28#=V&>|jD%c}XN+RCVUeJ4cMu#eED$;t`ay>-EA_@l%u
zxRXm5F<=MlsLpBSv>g5(fzld)e8C4%rq?Xtu}=~lCoQn+ToGIN7nTua5R3oApqOTD
zbZ?X$!_@@T%J#f*U+j4N_K3dZB}5(nuwPG}8V+4T+D>Hyqz6%QTrc%(Tm#XL-tgrN
z3{@-+r46;iN^u2H+tUM?oBqT!%2!ZCP$d!L+6?}UHsalDD^H^2K~eFO)edExNCz>L
z$t>4f1`XicAtblW)e#Jfxe_01BiMqe3+GIshegb*XR9W1d+X5%mZG2+T;K}*v)XoY
z-B~l{XaZCQ_T36-`;XTWH0niw{kd?kvRE01ToWz+t@H>sc}_>$k0t9Rn=@xcl=m}H
zWe5fj#0t9y?|J8C>?r!_@YJfBq~I`P^4(c-l-bElAg%ZByOzW6mt)U8#o>W^#%?(s
zPsfb79Qt{u(#c9nN>tL7v;^gQXN_gUd@K(h0&CrT(pi)pwmNa?ufZcegvN{)+#rYn
zB#7#g1aai<gg5yiQ}go5szW@U`nF$N_bmnUlzXDnqNZg_S1(Gy@<)n>y3`JqG}RQ6
z6zNKL_f{+^DKe;}KjW&AUYYuV%h&V_$^7YfNmGW~e%Gcw-Cs`>;f!ANkVFimce$Ji
zIpf(Eqd%C7OdpG6tep(Ce&q(HPp*GjeFyBdUyv|Xfn#R#RqnNl;91Ximn(d`&z`9G
zSIqbZ?^t(}CM&m88@j)ZM~B=h2iG5_%b$zhWgrqq!||Exc2Q8%gYWgb@$@c*u}}h!
zBN`2IZLe$5z!|!y4w@f_Xmki7k(VgLZhr1c^5y}=suAu|;4EUqKr`&fx(`lhQgZ}@
zlCO?b?pavtyI}%%CeR4R^p5DeHHW}L7<h=n5^7qa&sbh30Uf}_fF6RK`)-b3MN>Zw
z>6NO6drzY+F1W4P3?A=ayD&+Kx!rB)Xej<2{+lfXyKe0bZoS$GohU_JSJ!s8%WI7U
z-!Pz=`=RQ!UauLwAQj}V>NLiXM8V&r6o!f)qL*=oWRir>G99nf;|1lE;^zV{;7tZV
zWa0S*daNiSA28Z8mbWUrK0nH0>!zvWo`3@d{l83Ysgg_O%T9ocCX?0Azcz7hi(*j|
zWdgt5egUdYuc(6WaF9$|*=984MQ2Uvim%y~+~F~#2}ld*tUl2|1eHcnY%vTJK;_4>
zt!kP76wq%jKRG_)Rh+YC!S2`yg6*=9l813AdTJ`){K_=7p^t+e%YSrpMr5NAi=kzU
z@-r_0ic>gBwY@<6gsixlI0%PzZ=!J2EqxMfX*!1*rb<AMACln#wWAIvAzbx=WhpNP
zISlneAiir9ClU~_t&zRtFLlRpLu`jpO5UEGOnBi5!LUm`2=LN$XSR%$?h~triJyAd
zOAX1odzuHME}(F~ICAw3WoAwDM+GEz?2NHeMRpeGJGC@B)UEjr<SCdBV-@LAGpQhS
z7#M~NJzDImHFaYBHF!47E5+IZXT$O264bG0j>>*d@7DSHTBQ$ppb1JjX~sHzC#j^3
z-(QdkX(8h4y~=$y9<Lhi@|v8eEvrgqNt{@6(b|2Xj2xV!lhyVb$V8-qeQ%&jUMIOW
zsL-RcSaxaAu-AB&<xU1wCru&u-*|5Ds_h>r<M<Gh@?|A$&cq5+D|J2lVE)WIyb-mN
zjTR<f_zW3<k#Epd$%;ZDP$)pqsYRJEODaY)VY<f6O-76j;C^spI-rK5LZxv|obSUQ
z^AX5Kdr?DkM<sj9F*j`wZlkjiF)FveA0aT=nCMwE{jP~3FX1kY<-D{|(u1!VE7&Xx
z7ps`5`-CLdy66nPkyf%_VCb80rHQw}_6=L_9%NkAW(o_g7en_Fw_bj$n^d-n<a9G^
z2Q=v}Hjp-b*#9}@CMUQ(lp-53v$i(j-aB-HrgpTCDs#mR1k)A8D(=Mr+BS?f4j#XZ
zJn6k254>*`r8pjEAi)SiVN@@t9yrA+V5}dvJ7SNCRZrc{(TRm><t<%_l3G710$ZqA
z5iT;=78`_g;fd-5iPL5bvPaS;o^IN6`W6${VN@*1pOadvvy%PnVIUfPNm-1C&uOm;
z(DC$yb4FU12RWKdtIUEQkF$W0Ka{+<#LG5Hp`Hv?9Jgxg$?calMbRxO;G+!=nS~L8
zQ~u2@u%vH`wnfNIGl>b3W152x5XPK}BRTSfXst+2nuld<c`hlC1aTdh1vTwC<>Z6=
z5s5tpyhq;>Y~reH4rj4DMguvfT49O|*->Lj5O;Y{*mZo#7%Nc}hy@j_peSCk@}oK-
z<cLVYr(k(}ERPq)QqQ6Q{eG`@7@n7|4H<{K0PU~Ox9lQQqr0zn2zjffq?m;=ZLT-|
z5rkzARc{=$Go&FBMA>X{<)6OktE8I0I+{6krqs8%e3@1@^(l>WJ2i=g-Ra7ge*Q6N
zHlk#$cCbvveufNGiy>(8$=yTVh{b~c4JVeHaPS6yWB`6PYF~LWh<&}MjKo-+^7pa+
z0Ck#;@^ouXAl*leVdkmcjvJF9dCyoG{#XF*ht;naM~tDUpT{CT3_&z3$71~5%!{OO
z!Pxp$5hfGUrCu~W*Je?1xzO>sRk&tvK#<M&vs)~kk$Hr<z^O~(KE$g`-<~;n@p7sO
zHC>LD6UjNUvea}ag>Ga0l<lChzSmxUW)119HLbrDtz=sI;!3c0!SUcn%jo8I0=s#E
zf78$<(_vl*w7H-Cypb$Jh}D5zG?lq}l$>5tWjzSMv&ZfQzs(->t2Si3QCY^ZQINP(
z)DLPLt;L_2z8VYcL1LIWS?%xu_>>Qd!^U0FL^SpJD%P+-7Q0g6{n2b{`l^$p94ObQ
z6Q_V&t&Pn3>j#a%3jElJy5_)D>-NY?V!mv`Z3)bCE-T)-#Mn*@ER2+eBAp{A!i4|H
zW98u2l2yfA<YDQ*4E%_OAt9rbER#$783{%SWVjdS=^O=&t_6hWSc*a%ZN5sxy&FcJ
zS`hvVqOTp>{NPx1T&15|iFc7#G?-53DKyO-2PP(pOTMp%^GB@Jye6rE(taTRgK}}y
z4<exEd*?*WmjV{e{;YBO$GdHdn%`tBmhK!Cc-H`v#HX3HQk4tyO;76Y+%ldK0#E@7
zqtc+hj$kq=II<=`c0&!*7y$)ol;>{9bT|68o%RrrJJcVw==8#E`UVPw1HMksgl2XZ
z<z2JMF-aGM!z~c(0bF)DTWKsh^K-F{9FFX6Ai6K<bH@)P-_riI!4L3IOuOXj&+VMe
zygpcoiSYCCnUnsmefM$;ydBc8IgiZ4NtrCW4AWhjH}qM%8l}?n9rRMt!-4Eio3Y8k
z9L8gA+&J4_S5*w+^WaF$mK1&Vvnk*ZgE1ryXRwiu=_vi&a_mX7Hb%|xYW?q?Tux5B
zlfcBp*WuIr91XcPbq79tpj<ac-6(9j3f~1vz;qADPU|1H0*t#j6pL?bi!3X;pCAD&
zLk4T47cl|KJW7x`IL72;<uX`J3%;i5$|NgjPaF<Haiw%>Zy_V^iyZ7l+JnS)h>-n7
z&3%gF1H|DMK!e3f)k~8nGmcFsfOjdaD2HR&%yu2rnGxBvm8qTjQM~$fw1u5f<*3pl
zFpx_^hen+ZI6NDcp4!6dDD?7K&?23O8xwlGox?9$DwJsuv#q(~Sw_nt;%OGbyf8N9
z#wB-6oH895j*~P6RHX|dl>|4|!f|fs6b#Qx?GoY-kaZeq|Kyk4!SVYk*5ENvusE$X
z?#AEG#6np(4H!(`bJBF!aJfiHGg~+*Sz^{}7&SsmGxwogLg4+g$)o|Qgp_^M1jQDT
zuAHGWXdO>|Pd_)Km1J{4-g-nX7kkYFT1lpKHK3N=T^3rgqOZztQ|kIQ8|_(6+4uzX
zR&tCl%Og`I>z&j1SkZ%o<n2`g;v{vtQQ2Eko9X5lUaLRmk|*cU6~tM4Ap3A(Zm<*+
z4C$e1KY?c=fzL%SMRCdC5vdU6+iRK(;H_c2e-gO~Jg@EQV~t}YbfYz-xtn@Ip3056
z-LbZiOjRIzx~VRXvsvqcpLiMpnZ6;L<SSrLwIQP%6SXHPI^TnDVCqa%rsQG?R|7;i
z3W1F_n9eqm#h6Hs61D(r6odC7WukcowS-6kobuplaUtTtjp0VN8J%Y{qL8K;3>?>R
z&3?dmUXyywB4pb9t_YI$Tp?ra1-0+2);gJ>XLN4H3Eg1U^%vz*#e}vO@W2BO!26*M
z3HmWlmtP)QjgB)4<&p;Y+m>b`r3oXRC+~mqg=aAoea>MEo`AH+k{I++1GW`7pq4!N
z^4;?_Nipg;mCt=frcpvVx2F=)$~zNpvL}c@Hu{%c)JdD=sJR-fPE;HERi&ST(sw)L
z!8na4_K$TYYK?UnyNfg3i|--vniF0!0HW}weU1*K&Ua(mY%PFCZwX|HdWow#YyULf
zuG6YG=Q-HdrNo*D8$}x?6D(zOE|<j_Pu!yX@`-dPn}1?>&s0r%LinavujwcyW7L4T
z%^t<<I%1~?_jTqWYQrn3Rf$U<9V}=F;Im?3@~~%qtl{z4yK#qStsVkca}b*wXws4|
zys@(4mJvhVEvFee4zQtdVmn|tmZbQGhnMxTiPcw0I*+ni6`_%!A^O?S7D_un0#s*c
z`A(ktLT<1(YJk~UX`Wrp|1|z!I7<X7o(hTF)oGxm(uxRLHs+&!EP6in`}vANWgbv8
zsE&&(6L`!QbtUG04dvo4p7I%q8)>KD=Y(|nQ`k6w#!ekMxbYW(?0!Oz5HPqita$+S
zrYrou!Wc#X1s9u7f~QbEmkZ#D_PTrNaK%cmttk_)?tM%w%)?>&upumN<1yyC@Pr@=
z6TZxPamhLqH9^bC<-Kq#>uHNK<&p#Ws3OB&QZ_vn*91t4l)}edFqY{2(bMMZ$@1WD
z>y?`Up_<Z203A<@0E0CTk@rotvTrLlyK{kERZL!X)&LZ<poT9d-$qf_t0>L3F(~$X
z=ExjVy;E=yPnn|(SVzO|j%P$Z0vy~M8<wx}+z6AYaPD%>++O|Mi)V8@bLmOe4lCsf
z&ihNeJmSf9cN^L)h6gU9ts_k(QqX(A<*z_#Oh`K%Six2ICdl{jm0gYVe3XqyTeIc&
zov1l^LyFc<CM;T{$s)`vS{YVYmB6tmF(7A+wf+E>cWtzGK=BxI5&bk;#iw{5AfGrP
z=PGRm57l(&0UNp;r?`lV0zfO*yi<fwLVFW~aCL)lc5~ko#{oLXMR0uM;>%1YR0K<G
z#oJh>cd1{dpWj4E?Ns^V$#v7$T9C!fr%T;R2FJahpZ0#7gRsnocC7#wl&T(Ap-n3!
zhp=F5<XVN3DZu&{{qW9q8agm6w_RPAc5V}}2!qu2(#Qz8rZO4i+}7j{Mk$0qGsH?a
z+%KK8?L~FCZA-RgW1~YrgbpsV4WANI>?2>2?!oaDTk!rlX-O6s*aSC8-<r{G3tpOr
z;(jn4Tv*r2ke4acA){foF)sQQZ1!G=KSq?1e-C=4*;jm|WKSDMNzqGoe<m}M?*2mt
z84^f4lp0<&$PV4%S7IUDFUrfB{3>$H;_Vur+OTA#Dz7DS`P<%;W*I!~n7SMFe5?z;
z;WEEQn|>DG+@BJm^YcK3rcV)_XtkBSOVp!qU3-W*#$0KAQfQ6uNw@^hLuk6umr5Z`
z<aDl%MU7&cohyeTgCqs6ev@)~zQMG8SZI*=+pdRNTQp9s+&g7Kt?%>{UPbM*;Cd+T
ziW`Gyza0^~*q?cm#jW}Ja4bsQ%kR_g9@%Q(7P&cS2sbJvQ<iT<$N)6_ED9ljt#XOv
z_PG-j0x=+g#hN1vbc(f_oVqpBI2oXog)T%cKl?m%WU>%(ijeGv=l)!&ik5wtgPjH(
z$D-kmqCX0aXrha@$+lElO$AVRm;AB`w?Odmm`etBjOo$*-T0C4OGejk8c8V{;}za<
zklH*#;7&qm!T+HLKcR1jSanLl9%oDjgSOSpr0&O$JUToMY&Yylx<bk_+Go!?k_H*w
zT@Gvo46pR=;~sX7yc?ej5u5;FJ}M8Wpri{Rr$Ptf;BQAHs?#=EP+CWkKi}qGCS#*h
zGsZVxRg2w;Dutxte_wivaRMvq^J}<3r?;>#|0;;(g8R*|9}dmXDDfJsN=jCQtv4y#
zno&VqSj-4I))SG;NkxXFj=T(H;ug6(RskmQ*SZ_CHLuW)xKXHE@P97sPL1j;j}xsH
zz5<i?8v_*KUW7A(1|Zwkxvm`(FtGJ%SwL<v`DtS-dh&66%c<mjiw_}`b>f}Dz)X;=
zq#!&A^zYY4O}+T)b4%JWE|!JeqAPbWb~7$SS-5yND<zvg7vzP`poOLvwjf8EOu0Q`
zJ@PTCcp?O{$B%D6&-9ZbA-fqeO@O$q7YB8=99ec1+`?7?#}43948eTZuXR|k^sYU?
z_&Z*CXc9|7X$<}ykIWy@s?Df^y4RnW0i83&B;u>hW=NR{CI+b=y^01!VDrHI>_Zj{
z6-)*dNXd~TB(?1fqH|^GqEqbFy^1;Xf2TuH)C)U6vMDqv-zKf2eZ9`O3uHD4?qAN)
z$*xIlDYAI^(iI-%Tfi79Tvv6*i<l|-!E7S<_2=98QVBc4BuA6O&3@^W`)+@SyQ3av
z2j>jO7$XgM?*ff&Ib)chQa@(`(c^uR{4+Z$(rr02&2UI5O;99LwI?aL6Y-(b&YXsM
zu1zbg(wFXvdWdFfL(Dn)0k*<(TX$SB+|KdRTTRr88GeC?>EX>pqKObDGV{RTA@c_=
z1%b2#@Y41!bf5af>b`ni2X4DvIA>4vG<)Xw7%4o9oYlRTVxI7d?xsthGRGyg5S{1G
zye>F*J$U~m%XmL>X|}zz1i!KTpB8;O8#uluqX29;C4ViUBp9D(o_y>JxlBS76otCC
z^+U5xw`g1zOF#{wm;_-_^WQh#`!3ot4VGZi)#uZU!upg)Tf~{S3jy;bSJF)r_0Dt=
zPaJKQpn`an(}E(`EO2aM^(BJj%7i`VE6}MS#CnXHJB9DV7GSoj?z>X+d%zy}FjM0X
zBfRvmQpu?&0mBLFb-zMTdAvqn?EIA5bRi@dA?eJ~4t*e|q-k)pxCf88x1-qPX!&$N
z{Id-#_s@^woY@9gpgI)kGoj?c=~+tC@oqQk-H61+3b~138ktiRY`ncqX4)J3dH9-)
zAdj`1^DmCxClpz}Gdg+CeU(D)+{BvcXbSg8<W4*xM~z<O&Os$}l4n4D8BKoXiX0)|
z+w988WO-h_utESlW;JDsg{H`(LTYKDtv2ri_|l07J@#WCXKi4G=okW-JNC+TgzIW)
ztJ=ad$^(*%2q7_A=#<sDjifd6iqYkW)BY3@fgsY8O=18&C3hAB1H5str5zLr1YbK(
z#GhHePF1>(Rc}Gdf>ItfibIjo$$i1(G(<s^<ZCWt75erRGBO%zlIIvOdRqh9Or*ss
zc=JO0S*FqHz^EJT3%NK{Xncq8kDzyQ97|YE&5vyCHU#==+P?jrM4<6#$*Y;=H3yiy
zXqFdY7wHJXc*BsPBV7gMa`e4qUO{l#toG&G3WH<Qqg4;2rps|fWEGfLUfzAw5&BD5
z5+QnAxBHeAFJ)psx6X*+ZyBo2<K2f?5_mRv9KT5=-MXgrAaUy;;O^Y@G{_<gR^n*h
zse}gT#|f9S@$ng&Be^tM^~nW?5e(|VoqqDUrBu!t#SRs+Xxik*qdBjFHC#@9<xP(%
f`C}ecf?Kv3T^*kFlPHe7a}f2zb|_b^NVoq79~KHA

literal 0
HcmV?d00001

diff --git a/img/dotnet_filter-pipeline-1.avif b/img/dotnet_filter-pipeline-1.avif
new file mode 100644
index 0000000000000000000000000000000000000000..3fba36e4d6773fbc3385296c9dabab792f34c5f2
GIT binary patch
literal 5762
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
OO{fYAg<R-8-Twm;>9wK&

literal 0
HcmV?d00001

diff --git a/img/dotnet_filter-pipeline-2.avif b/img/dotnet_filter-pipeline-2.avif
new file mode 100644
index 0000000000000000000000000000000000000000..181d3a3c88a6f74110400c24691d3d7f25c5c87f
GIT binary patch
literal 7839
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
KW91qm_x&HLFwcts

literal 0
HcmV?d00001

diff --git a/img/dotnet_middleware-pipeline.avif b/img/dotnet_middleware-pipeline.avif
new file mode 100644
index 0000000000000000000000000000000000000000..b61ae4b59047b1aec2255d5ae9b23e7d770a91f1
GIT binary patch
literal 15310
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%0A)q`t0fEP1QIoBNCN`^)&wtdoR`oJ0EZQUpmMk
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

literal 0
HcmV?d00001

diff --git a/img/dotnet_mvc-endpoint.avif b/img/dotnet_mvc-endpoint.avif
new file mode 100644
index 0000000000000000000000000000000000000000..ad1885eefdf5c8fb3d9b0e105ce4bd60dff22e4d
GIT binary patch
literal 20175
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

literal 0
HcmV?d00001

diff --git a/img/dotnet_pass-by-reference-vs-pass-by-value-animation.gif b/img/dotnet_pass-by-reference-vs-pass-by-value-animation.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bca4ce5218128f2131a944ae2ba8e294a998e365
GIT binary patch
literal 119091
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
NY-o5LabAS({{ZO;`J?~<

literal 0
HcmV?d00001

diff --git a/img/dotnet_request-delegate-pipeline.avif b/img/dotnet_request-delegate-pipeline.avif
new file mode 100644
index 0000000000000000000000000000000000000000..7ee336cd2a7786577e1ed76cb4e3c0c8d4f214cc
GIT binary patch
literal 5410
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
a;y-R>59)*Ux45M+#Uo=k>qw^H@c#isqS+My

literal 0
HcmV?d00001

diff --git a/img/dotnet_xamarin-layouts.avif b/img/dotnet_xamarin-layouts.avif
new file mode 100644
index 0000000000000000000000000000000000000000..129ea7a41b8672f73851135d1299e56d1c50ed62
GIT binary patch
literal 6706
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

literal 0
HcmV?d00001

diff --git a/img/dotnet_xamarin-pages.avif b/img/dotnet_xamarin-pages.avif
new file mode 100644
index 0000000000000000000000000000000000000000..74affadbff0d02dc6cb50dbf2894a550650ec889
GIT binary patch
literal 14537
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
Tg>A?7GB>EKIJ5%gyn_E9ua^Xe

literal 0
HcmV?d00001

diff --git a/img/git_branches.avif b/img/git_branches.avif
new file mode 100644
index 0000000000000000000000000000000000000000..ac10b1d5348a961b8ea48425fb55fecb3f2290bd
GIT binary patch
literal 11397
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

literal 0
HcmV?d00001

diff --git a/img/java_java-collection-framework.avif b/img/java_java-collection-framework.avif
new file mode 100644
index 0000000000000000000000000000000000000000..cc312d2d66678e2a777d61d7f0c1e49705e07744
GIT binary patch
literal 22004
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

literal 0
HcmV?d00001

diff --git a/img/javascript_event-inheritance.avif b/img/javascript_event-inheritance.avif
new file mode 100644
index 0000000000000000000000000000000000000000..4f991f5017ad81f1cd3198e1d927091bf1fb5b3f
GIT binary patch
literal 20927
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
FM8GoFEA{{Y

literal 0
HcmV?d00001

diff --git a/img/kubernetes_cluster-overview.svg b/img/kubernetes_cluster-overview.svg
new file mode 100644
index 0000000..31d5e7f
--- /dev/null
+++ b/img/kubernetes_cluster-overview.svg
@@ -0,0 +1,412 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="svg277" width="331.31mm" height="154.79mm" version="1.1" viewBox="0 0 1252.2 585.04" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <title id="title3597">Kubernetes components</title>
+ <metadata id="metadata2">
+  <rdf:RDF>
+   <cc:Work rdf:about="Components of Kubernetes">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title>Kubernetes components</dc:title>
+    <dc:creator>
+     <cc:Agent>
+      <dc:title>Cloud Native Computing Foundation</dc:title>
+     </cc:Agent>
+    </dc:creator>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <defs id="defs4">
+  <marker id="Arrow2Mend" overflow="visible" orient="auto">
+   <path id="path1645" transform="scale(-.6)" d="m8.7186 4.0337-10.926-4.0177 10.926-4.0177c-1.7455 2.3721-1.7354 5.6175-6e-7 8.0354z" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width=".625"/>
+  </marker>
+  <style id="style2">.cls-1{font-size:254.54px;font-family:'Open Sans', sans-serif;}.cls-10,.cls-2,.cls-3,.cls-5,.cls-6,.cls-7,.cls-9{fill:none;}.cls-3,.cls-9{stroke:blue;}.cls-10,.cls-3{stroke-miterlimit:10;}.cls-4{fill-opacity:0;}.cls-4,.cls-8{fill-rule:evenodd;}.cls-5{stroke:#b14d9d;}.cls-5,.cls-6,.cls-7,.cls-9{stroke-linejoin:round;}.cls-5,.cls-6{stroke-width:2px;stroke-dasharray:8 6;}.cls-6{stroke:#009444;}.cls-10,.cls-7{stroke:#000;}.cls-8{fill:#e6e6e6;}.cls-11{fill:#326ce5;}.cls-12,.cls-22{font-size:12px;}.cls-12,.cls-13,.cls-15,.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21,.cls-23{fill:#fff;}.cls-12,.cls-15,.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21,.cls-22,.cls-23{font-family:'Open Sans', sans-serif;}.cls-14,.cls-15,.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21,.cls-23{isolation:isolate;}.cls-15{font-size:11.77px;}.cls-16{font-size:11.14px;}.cls-17{font-size:11.07px;}.cls-18{font-size:10.36px;}.cls-19{font-size:10.71px;}.cls-20{font-size:10.06px;}.cls-21{font-size:11.31px;}.cls-23{font-size:9.71px;}</style>
+ </defs>
+ <g id="layer3" transform="translate(-138.94 -55.356)">
+  <rect id="rect1045" x="154.05" y="70.474" width="956.24" height="544.24" ry="34.593" fill="#6d6d6d" fill-opacity=".43" opacity=".869" aria-labelledby="text274"/>
+ </g>
+ <text id="text6" class="cls-1" transform="scale(1.546 .64685)" x="306.19925" y="1883.1586" stroke-width="1.546"/>
+ <path id="path16" class="cls-4" d="m31.924 98.833a58 58 0 0 1 58-58h231.91a58 58 0 0 1 58 58v325.17a58 58 0 0 1-58 58h-231.92a58 58 0 0 1-58-58z"/>
+ <path id="path22" class="cls-4" d="m397.77 90.003h445.41"/>
+ <path id="path28" class="cls-8" d="m485.69 245.09-1 0.22-1.75 1.68-1.37 2.74-0.77 3.82v259.51l0.77 3.8 1.37 3 1.75 1.47 1 0.2h127.41l1.07-0.2 1.76-1.47 1.27-3 0.78-3.8v-259.51l-0.78-3.82-1.27-2.74-1.74-1.68-1.07-0.22z"/>
+ <path id="path30" class="cls-8" d="m646.39 245.09-1 0.22-1.76 1.68-1.36 2.74-0.78 3.82v259.51l0.78 3.8 1.36 3 1.76 1.47 1 0.2h127.41l1.07-0.2 1.75-1.47 1.28-3 0.77-3.8v-259.51l-0.77-3.82-1.28-2.74-1.75-1.68-1.07-0.22z"/>
+ <path id="path32" class="cls-8" d="m807.08 245.09-1 0.22-1.75 1.68-1.37 2.74-0.78 3.82v259.51l0.78 3.8 1.37 3 1.75 1.47 1 0.2h127.41l1.07-0.2 1.76-1.47 1.2699-3 0.78-3.8v-259.51l-0.78-3.82-1.2699-2.74-1.76-1.68-1.07-0.22z"/>
+ <path id="path46" class="cls-4" d="m364.66 245.27h176.52v60.85h176.52"/>
+ <path id="path58" class="cls-4" d="m307.86 148.15v59.85"/>
+ <path id="path60" class="cls-7" d="m299.16 202.69 0.58757-59.984" marker-end="url(#Arrow2Mend)" stroke-dasharray="4.5, 4.5" stroke-width="1.5"/>
+ <g id="g1766" transform="translate(-128.38 -37.947)">
+  <path id="path66" class="cls-4" d="m282 172.21 109.39 95.84"/>
+  <path id="path68" class="cls-7" d="m287.05 176.63 106.47 81.098"/>
+  <path id="path70" class="cls-10" d="m288.26 175.24-5-2 2.6 4.73z"/>
+ </g>
+ <g id="g1925" transform="translate(-127.95 -38.269)">
+  <path id="path74" class="cls-4" d="m280.16 398.2 106.68-89.49"/>
+  <path id="path76" class="cls-7" d="m285.33 393.89 113.97-88.512"/>
+  <path id="path78" class="cls-10" d="m284.16 392.48-2.7 4.67 5.08-1.84z"/>
+ </g>
+ <path id="path86" class="cls-4" d="m84.814 348.83h70.14v70.17h-70.14z"/>
+ <g id="g1930" transform="translate(-125.69 -31.966)">
+  <path id="path110" class="cls-4" d="m431.68 332.24v59.89"/>
+  <path id="path112" class="cls-7" d="m431.58 327 0.0987 58.471"/>
+  <path id="path116" class="cls-10" d="m429.83 385.42 1.85 5.07 1.85-5.07z"/>
+ </g>
+ <path id="path120" class="cls-4" d="m79.344 459.47h258v21.9h-258z"/>
+ <path id="path122" class="cls-4" d="m364.66 245.27h352.52"/>
+ <g id="g1244" transform="translate(-189.24 210.02)">
+  <g id="g3835">
+   <path id="path126-1" class="cls-11" d="m994.86-151.53-3.7358 0.22237-6.7823 1.9013-3.0687 1.8901-3.0798 2.1347-5.2702 5.4703-1.7344 3.0798-1.7123 3.5357-1.7456 7.3604-0.2224 4.0471v1.412l-3.5913 1.6566-5.915 4.7365-2.4016 3.3355-2.0013 3.569-2.4016 7.5828-0.2113 4.2584 0.2113 3.569 1.5343 6.6711 1.5344 3.0687 1.7678 3.0798 4.6031 4.9811 2.6128 1.9013 3.0799 1.6566 6.1374 1.6678 3.3355 0.22237h62.942l2.8463-0.22237 5.4702-1.4343 2.6351-1.6455 2.4128-1.4343 4.1694-4.2584 1.5344-2.6017 1.3342-2.8574 1.5121-5.9262v-3.3355l-0.2113-4.2917-2.4015-7.3382-2.2237-3.569-2.8464-2.8241-6.1374-4.2806-3.5134-0.94507 0.6449-3.1021 0.2335-3.3355-0.2335-3.569-2.4016-6.3931-2.2237-2.6128-2.4127-2.3682-5.915-2.6128-3.3357-0.24461h-2.4126l-4.603 1.6678-1.9791 1.1897-1.9681-3.0798-4.9921-5.4369-3.0465-2.1125-3.0686-1.8901-7.0159-1.9013z" fill="#326ce5" stroke-width="1.1118"/>
+   <path id="path3753" d="m989.51-127.57q-1.8828 0-2.9766 1.2578-1.0859 1.25-1.0859 3.4297 0 2.2422 1.0469 3.4688 1.0547 1.2188 3 1.2188 1.1953 0 2.7266-0.42968v1.1641q-1.1875 0.44531-2.9297 0.44531-2.5234 0-3.8984-1.5312-1.3672-1.5312-1.3672-4.3516 0-1.7656 0.65625-3.0938 0.66406-1.3281 1.9062-2.0469 1.25-0.71875 2.9375-0.71875 1.7969 0 3.1406 0.65625l-0.5625 1.1406q-1.2969-0.60938-2.5938-0.60938z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3755" d="m995.81-117.17h-1.2969v-12.156h1.2969z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3757" d="m1006-121.46q0 2.0938-1.0546 3.2734-1.0547 1.1719-2.9141 1.1719-1.1484 0-2.0391-0.53906-0.89063-0.53906-1.375-1.5469-0.48438-1.0078-0.48438-2.3594 0-2.0938 1.0469-3.2578 1.0469-1.1719 2.9063-1.1719 1.7969 0 2.8515 1.1953 1.0625 1.1953 1.0625 3.2344zm-6.5234 0q0 1.6406 0.6563 2.5 0.6562 0.85937 1.9296 0.85937 1.2735 0 1.9297-0.85156 0.6641-0.85937 0.6641-2.5078 0-1.6328-0.6641-2.4766-0.6562-0.85157-1.9453-0.85157-1.2734 0-1.9219 0.83594-0.6484 0.83594-0.6484 2.4922z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3759" d="m1009.5-125.73v5.5547q0 1.0469 0.4766 1.5625 0.4765 0.51562 1.4922 0.51562 1.3437 0 1.9609-0.73437 0.625-0.73438 0.625-2.3984v-4.5h1.2969v8.5625h-1.0703l-0.1875-1.1484h-0.07q-0.3985 0.63282-1.1094 0.96875-0.7031 0.33594-1.6094 0.33594-1.5625 0-2.3437-0.74219-0.7735-0.74218-0.7735-2.375v-5.6016z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3761" d="m1023.9-118.32h-0.07q-0.8985 1.3047-2.6875 1.3047-1.6797 0-2.6172-1.1484-0.9297-1.1484-0.9297-3.2656t0.9375-3.2891q0.9375-1.1719 2.6094-1.1719 1.7422 0 2.6719 1.2656h0.1015l-0.055-0.61719-0.031-0.60156v-3.4844h1.2969v12.156h-1.0547zm-2.5938 0.21875q1.3282 0 1.9219-0.71875 0.6016-0.72656 0.6016-2.3359v-0.27344q0-1.8203-0.6094-2.5938-0.6016-0.78125-1.9297-0.78125-1.1406 0-1.75 0.89062-0.6015 0.88282-0.6015 2.5 0 1.6406 0.6015 2.4766 0.6016 0.83593 1.7656 0.83593z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3763" d="m978.42-97.015q-0.83593 0-1.5312-0.30469-0.6875-0.3125-1.1562-0.95312h-0.0937q0.0937 0.75 0.0937 1.4219v3.5234h-1.2969v-12.406h1.0547l0.17968 1.1719h0.0625q0.5-0.70313 1.1641-1.0156 0.66406-0.3125 1.5234-0.3125 1.7031 0 2.625 1.1641 0.92969 1.1641 0.92969 3.2656 0 2.1094-0.94531 3.2812-0.9375 1.1641-2.6094 1.1641zm-0.1875-7.7734q-1.3125 0-1.8984 0.72657-0.58594 0.72656-0.60157 2.3125v0.28906q0 1.8047 0.60157 2.5859 0.60156 0.77344 1.9297 0.77344 1.1094 0 1.7344-0.89844 0.63281-0.89844 0.63281-2.4766 0-1.6016-0.63281-2.4531-0.625-0.85938-1.7656-0.85938z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3765" d="m988.16-105.89q0.57031 0 1.0234 0.0937l-0.17969 1.2031q-0.53125-0.11719-0.9375-0.11719-1.0391 0-1.7812 0.84375-0.73438 0.84375-0.73438 2.1016v4.5938h-1.2969v-8.5625h1.0703l0.14844 1.5859h0.0625q0.47656-0.83594 1.1484-1.2891 0.67187-0.45313 1.4766-0.45313z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3767" d="m998.17-101.46q0 2.0937-1.0547 3.2734-1.0547 1.1719-2.9141 1.1719-1.1484 0-2.0391-0.53906-0.89062-0.53906-1.375-1.5469-0.48437-1.0078-0.48437-2.3594 0-2.0938 1.0469-3.2578 1.0469-1.1719 2.9062-1.1719 1.7969 0 2.8516 1.1953 1.0625 1.1953 1.0625 3.2344zm-6.5234 0q0 1.6406 0.65625 2.5t1.9297 0.85938q1.2734 0 1.9297-0.85156 0.66406-0.85938 0.66406-2.5078 0-1.6328-0.66406-2.4766-0.65625-0.85157-1.9453-0.85157-1.2734 0-1.9219 0.83594-0.64843 0.83594-0.64843 2.4922z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3769" d="m1002.3-97.172-3.25-8.5625h1.3906l1.8438 5.0781q0.625 1.7812 0.7343 2.3125h0.062q0.086-0.41406 0.5391-1.7109 0.4609-1.3047 2.0547-5.6797h1.3906l-3.25 8.5625z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3771" d="m1009.8-97.172h-1.2969v-8.5625h1.2969zm-1.4062-10.883q0-0.44531 0.2187-0.64844 0.2188-0.21094 0.5469-0.21094 0.3125 0 0.5391 0.21094 0.2265 0.21094 0.2265 0.64844t-0.2265 0.65625q-0.2266 0.21094-0.5391 0.21094-0.3281 0-0.5469-0.21094-0.2187-0.21875-0.2187-0.65625z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3773" d="m1018.4-98.32h-0.07q-0.8985 1.3047-2.6875 1.3047-1.6797 0-2.6172-1.1484-0.9297-1.1484-0.9297-3.2656 0-2.1172 0.9375-3.2891 0.9375-1.1719 2.6094-1.1719 1.7421 0 2.6718 1.2656h0.1016l-0.055-0.61719-0.031-0.60156v-3.4844h1.2968v12.156h-1.0547zm-2.5938 0.21875q1.3281 0 1.9219-0.71875 0.6016-0.72656 0.6016-2.3359v-0.27344q0-1.8203-0.6094-2.5938-0.6016-0.78125-1.9297-0.78125-1.1406 0-1.75 0.89062-0.6016 0.88282-0.6016 2.5 0 1.6406 0.6016 2.4766 0.6016 0.83594 1.7656 0.83594z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3775" d="m1026-97.015q-1.8984 0-3-1.1562-1.0937-1.1562-1.0937-3.2109 0-2.0703 1.0156-3.2891 1.0234-1.2188 2.7422-1.2188 1.6094 0 2.5469 1.0625 0.9375 1.0547 0.9375 2.7891v0.82032h-5.8985q0.039 1.5078 0.7578 2.2891 0.7266 0.78125 2.0391 0.78125 1.3828 0 2.7344-0.57812v1.1562q-0.6875 0.29688-1.3047 0.42188-0.6094 0.13281-1.4766 0.13281zm-0.3515-7.7891q-1.0313 0-1.6485 0.67187-0.6093 0.67188-0.7187 1.8594h4.4765q0-1.2266-0.5468-1.875-0.5469-0.65625-1.5625-0.65625z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3777" d="m1035.2-105.89q0.5704 0 1.0235 0.0937l-0.1797 1.2031q-0.5313-0.11719-0.9375-0.11719-1.0391 0-1.7813 0.84375-0.7343 0.84375-0.7343 2.1016v4.5938h-1.2969v-8.5625h1.0703l0.1484 1.5859h0.062q0.4766-0.83594 1.1485-1.2891 0.6719-0.45313 1.4765-0.45313z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3779" d="m1001.4-77.172-1.4218-3.6328h-4.5781l-1.4062 3.6328h-1.3438l4.5156-11.469h1.1172l4.4922 11.469zm-1.8359-4.8281-1.3281-3.5391q-0.25782-0.67188-0.53125-1.6484-0.17188 0.75-0.49219 1.6484l-1.3438 3.5391z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3781" d="m1011.6-85.265q0 1.7344-1.1875 2.6719-1.1796 0.92969-3.3828 0.92969h-1.3437v4.4922h-1.3281v-11.422h2.9609q4.2812 0 4.2812 3.3281zm-5.914 2.4609h1.1953q1.7656 0 2.5547-0.57031 0.789-0.57031 0.789-1.8281 0-1.1328-0.7421-1.6875-0.7422-0.55469-2.3125-0.55469h-1.4844z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+   <path id="path3783" d="m1014-77.172v-11.422h1.3281v11.422z" fill="#fff" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
+  </g>
+ </g>
+ <g id="layer1-3" transform="translate(-279.71 93.814)" data-name="layer1">
+  <g id="g70-3" data-name="g70">
+   <path id="path3055-3" class="cls-11" d="m1150.2 328.44a4.79 4.79 0 0 0-1.82 0.46l-24.77 11.83a4.71 4.71 0 0 0-2.56 3.19l-6.1 26.59a4.66 4.66 0 0 0 0.65 3.6 3.28 3.28 0 0 0 0.27 0.38l17.08 21.32a4.75 4.75 0 0 0 3.71 1.76h27.5a4.74 4.74 0 0 0 3.7-1.77l17.14-21.32a4.68 4.68 0 0 0 0.92-4l-6.13-26.58a4.69 4.69 0 0 0-2.56-3.19l-24.77-11.83a4.82 4.82 0 0 0-2.26-0.44z" data-name="path3055"/>
+   <path id="path3054-2-9-3" class="cls-13" d="m1150.2 326.51a5.09 5.09 0 0 0-1.91 0.49l-26.15 12.49a5 5 0 0 0-2.71 3.37l-6.46 28.07a4.9 4.9 0 0 0 0.68 3.8c0.09 0.14 0.18 0.27 0.28 0.4l18.1 22.5a5 5 0 0 0 3.91 1.87h29a5 5 0 0 0 3.91-1.86l18.1-22.51a5 5 0 0 0 1-4.2l-6.46-28.07a5 5 0 0 0-2.7-3.36l-26.16-12.5a5.07 5.07 0 0 0-2.43-0.49zm0 1.93a4.76 4.76 0 0 1 2.29 0.46l24.78 11.83a4.69 4.69 0 0 1 2.56 3.19l6.13 26.59a4.66 4.66 0 0 1-0.92 4l-17.07 21.29a4.74 4.74 0 0 1-3.7 1.77h-27.5a4.76 4.76 0 0 1-3.71-1.77l-17.14-21.32a3.28 3.28 0 0 1-0.27-0.38 4.66 4.66 0 0 1-0.65-3.6l6.12-26.59a4.69 4.69 0 0 1 2.56-3.18l24.77-11.84a4.79 4.79 0 0 1 1.82-0.46z" data-name="path3054-2-9"/>
+  </g>
+  <g id="text2066-3" class="cls-14" data-name="text2066">
+   <text id="text149" class="cls-15" transform="translate(1130.9 391.73)">k-proxy</text>
+  </g>
+  <path id="path1994-3" class="cls-13" d="m1150.4 338.69c-0.58 0-16.66 7.89-16.87 8.29-0.51 1-4.17 17.86-4 18.23 0.12 0.21 2.76 3.55 5.85 7.42l5.63 7h18.53l5.9-7.37 5.89-7.36-2.06-9c-1.13-5-2.15-9.13-2.25-9.23-0.29-0.28-16.36-8-16.67-8zm0.82 3.95 3.79 1.1-3.79 1.1-3.79-1.1zm-3.79 1.52 3.55 1.06v4.93l-3.53-2zm7.58 0v4l-3.53 2v-4.93zm-9.17 6.73 3.79 1.1-3.79 1.1-3.79-1.1zm9.22 0 3.79 1.1-3.79 1.1-3.8-1.1zm-13 1.52 3.55 1.06v4.93l-3.54-1.95zm7.58 0v4l-3.53 1.95v-4.93zm1.63 0 3.55 1.06v4.93l-3.53-1.95zm7.59 0v4l-3.53 1.95v-4.93zm-14.39 6.32c1.13 0 0.25 1.18 1.54 1.79s1.64-1 2.5 0.26-0.76 0.93-0.64 2.44 1.67 0.94 1 2.31-1.19-0.2-2.43 0.66 0 1.92-1.48 2-0.43-1.13-1.79-1.78-1.65 1-2.51-0.27 0.76-0.93 0.64-2.43-1.67-0.94-1-2.31 1.19 0.2 2.43-0.66 0-1.92 1.49-2zm9.74 1.52c2 0.05 0.06 1.95 1.9 2.77s2-1.89 3.34-0.43-1.34 1.42-0.62 3.31 2.72 0 2.66 2.05-2 0.06-2.77 1.9 1.89 1.95 0.43 3.34-1.42-1.34-3.3-0.62 0 2.72-2.06 2.66-0.06-2-1.9-2.77-2 1.89-3.34 0.43 1.34-1.42 0.62-3.31-2.72 0-2.66-2.05 2-0.06 2.77-1.9-1.89-1.95-0.43-3.34 1.42 1.34 3.31 0.62 0.02-2.72 2.04-2.66zm-9.65 1.05a2.22 2.22 0 1 0 2.22 2.22 2.22 2.22 0 0 0-2.23-2.22zm9.44 2a4.43 4.43 0 1 0 4.43 4.43 4.43 4.43 0 0 0-4.45-4.42z" data-name="path1994"/>
+ </g>
+ <g id="layer1-6" transform="translate(-279.73 93.814)" data-name="layer1">
+  <g id="g70-6" data-name="g70">
+   <path id="path3055-6" class="cls-11" d="m1150.3 239.22a4.45 4.45 0 0 0-1.72 0.43l-23.45 11.21a4.46 4.46 0 0 0-2.43 3l-5.78 25.17a4.45 4.45 0 0 0 0.6 3.41c0.08 0.12 0.17 0.24 0.26 0.35l16.26 20.21a4.53 4.53 0 0 0 3.51 1.67h26a4.46 4.46 0 0 0 3.49-1.67l16.23-20.18a4.42 4.42 0 0 0 0.86-3.77l-5.79-25.17a4.46 4.46 0 0 0-2.43-3l-23.45-11.2a4.56 4.56 0 0 0-2.16-0.46z" data-name="path3055"/>
+   <path id="path3054-2-9-6" class="cls-13" d="m1150.2 237.39a4.71 4.71 0 0 0-1.81 0.47l-24.76 11.82a4.72 4.72 0 0 0-2.57 3.19l-6.1 26.57a4.62 4.62 0 0 0 0.64 3.6 3.28 3.28 0 0 0 0.27 0.38l17.13 21.31a4.78 4.78 0 0 0 3.71 1.76h27.48a4.74 4.74 0 0 0 3.7-1.77l17.13-21.31a4.66 4.66 0 0 0 0.92-4l-6.12-26.58a4.69 4.69 0 0 0-2.56-3.18l-24.76-11.83a4.82 4.82 0 0 0-2.3-0.43zm0 1.83a4.56 4.56 0 0 1 2.18 0.43l23.45 11.2a4.46 4.46 0 0 1 2.43 3l5.79 25.17a4.42 4.42 0 0 1-0.86 3.77l-16.24 20.21a4.5 4.5 0 0 1-3.51 1.68h-26a4.49 4.49 0 0 1-3.49-1.68l-16.23-20.19c-0.09-0.11-0.18-0.23-0.26-0.35a4.41 4.41 0 0 1-0.6-3.41l5.78-25.17a4.48 4.48 0 0 1 2.43-3l23.45-11.21a4.45 4.45 0 0 1 1.72-0.43z" data-name="path3054-2-9"/>
+  </g>
+  <g id="text2066-6" class="cls-14" data-name="text2066">
+   <text id="text173" class="cls-16" transform="translate(1132.2 299.14)">kubelet</text>
+  </g>
+  <path id="path1994-6" class="cls-13" d="m1150.4 248.92c-0.54 0-15.77 7.47-16 7.85-0.48 0.93-4 16.91-3.74 17.25s2.61 3.37 5.54 7l5.33 6.67h17.55l11.16-14-2-8.56c-1.08-4.71-2-8.64-2.14-8.74-0.27-0.26-15.48-7.55-15.78-7.56zm0.78 3.74 3.59 1-3.59 1-3.59-1zm-3.59 1.44 3.36 1v4.67l-3.34-1.85zm7.18 0v3.82l-3.35 1.85v-4.67zm-8.68 6.38 3.59 1-3.59 1-3.59-1zm8.72 0 3.59 1-3.59 1-3.59-1zm-12.31 1.43 3.36 1v4.68l-3.35-1.86zm7.18 0v3.82l-3.34 1.86v-4.68zm1.54 0 3.36 1v4.68l-3.35-1.86zm7.18 0v3.82l-3.34 1.86v-4.68zm-13.62 6c1.07 0 0.24 1.11 1.45 1.69s1.57-0.93 2.38 0.25-0.73 0.88-0.61 2.31 1.58 0.89 1 2.18-1.13-0.19-2.31 0.62 0 1.82-1.4 1.94-0.4-1.07-1.7-1.69-1.56 0.93-2.37-0.25 0.73-0.88 0.61-2.31-1.58-0.88-1-2.18 1.13 0.19 2.31-0.62 0-1.82 1.4-1.94zm9.22 1.43c1.91 0.05 0.06 1.85 1.8 2.63s1.85-1.8 3.16-0.41-1.26 1.34-0.58 3.13 2.57 0 2.52 1.94-1.85 0.06-2.63 1.8 1.8 1.85 0.41 3.16-1.35-1.26-3.13-0.58 0 2.57-2 2.52 0-1.85-1.8-2.63-1.84 1.8-3.15 0.41 1.26-1.34 0.58-3.13-2.57 0-2.52-1.94 1.84-0.06 2.62-1.81-1.79-1.84-0.4-3.15 1.34 1.26 3.13 0.58 0.08-2.58 1.97-2.53zm-9.14 1a2.1 2.1 0 1 0 2.1 2.1 2.1 2.1 0 0 0-2.1-2.11zm8.94 1.9a4.2 4.2 0 1 0 4.2 4.19 4.2 4.2 0 0 0-4.2-4.2z" data-name="path1994"/>
+ </g>
+ <g id="g1954" transform="translate(-123.82 -40.997)">
+  <path id="path108" class="cls-4" d="m380.16 400h70v70.14h-70z"/>
+  <g id="layer1-7" transform="translate(-31.839)" data-name="layer1">
+   <g id="g70-7" data-name="g70">
+    <path id="path3055-7" class="cls-11" d="m446.67 398.6a4.4 4.4 0 0 0-1.67 0.4l-23.39 11.14a4.41 4.41 0 0 0-2.41 3l-5.77 25a4.4 4.4 0 0 0 0.6 3.39l0.26 0.36 16.14 20.11a4.5 4.5 0 0 0 3.5 1.66h25.95a4.5 4.5 0 0 0 3.5-1.66l16.18-20.06a4.38 4.38 0 0 0 0.86-3.74l-5.78-25a4.41 4.41 0 0 0-2.42-3l-23.38-11.2a4.52 4.52 0 0 0-2.17-0.4z" data-name="path3055"/>
+    <path id="path3054-2-9-7" class="cls-13" d="m446.66 396.79a4.75 4.75 0 0 0-1.81 0.46l-24.68 11.75a4.66 4.66 0 0 0-2.56 3.16l-6.09 26.41a4.66 4.66 0 0 0 0.64 3.58l0.27 0.37 17.09 21.17a4.72 4.72 0 0 0 3.69 1.75h27.4a4.78 4.78 0 0 0 3.69-1.75l17.07-21.18a4.62 4.62 0 0 0 0.92-3.95l-6.1-26.4a4.69 4.69 0 0 0-2.55-3.17l-24.64-11.75a4.75 4.75 0 0 0-2.34-0.45zm0 1.81a4.52 4.52 0 0 1 2.17 0.43l23.38 11.13a4.41 4.41 0 0 1 2.42 3l5.78 25a4.38 4.38 0 0 1-0.86 3.74l-16.17 20.1a4.5 4.5 0 0 1-3.5 1.66h-25.95a4.5 4.5 0 0 1-3.5-1.66l-16.18-20.05c-0.09-0.12-0.18-0.23-0.26-0.36a4.38 4.38 0 0 1-0.6-3.38l5.76-25a4.45 4.45 0 0 1 2.42-3l23.43-11.21a4.59 4.59 0 0 1 1.71-0.43z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-7" class="cls-14" data-name="text2066">
+    <text id="text181" class="cls-17" transform="translate(432.3,458.13)">sched</text>
+   </g>
+   <path id="path1984" class="cls-13" d="m446.83 409.62c-0.54 0-15.73 7.42-15.92 7.81-0.48 0.91-3.94 16.79-3.73 17.14s2.6 3.34 5.53 7l5.31 6.63h17.49l5.56-6.92 5.57-6.93-1.95-8.51c-1.07-4.68-2-8.59-2.12-8.68-0.28-0.26-15.44-7.51-15.74-7.52zm0.93 7.78c0.74 0 0.81 1.15 2.39 1.26 2.05 0.16 1.83-1.75 3.4-0.42s-0.35 1.42 0.14 3.41 2.24 1.2 1.46 3.1-1.47 0.11-3.22 1.19-0.45 2.49-2.51 2.34-0.55-1.36-2.12-2.69-2.52 0.34-3-1.65 1.13-0.95 1.91-2.84-1.11-2.28 0.64-3.36a2.41 2.41 0 0 1 0.56-0.28 1 1 0 0 1 0.36-0.06zm2.06 2.25a2.88 2.88 0 0 0-0.88 0.12 3 3 0 1 0 0.88-0.12zm-11.82 5.1a2.68 2.68 0 0 1 0.59 0.11c1.89 0.58 0 1.57 1.31 3s2.48-0.4 2.92 1.52-1.38 0.76-2 2.64 1.58 1.94 0.13 3.28-1.35-0.81-3.27-0.36-0.9 2.33-2.79 1.75 0-1.57-1.31-3-2.48 0.4-2.92-1.52 1.38-0.76 2-2.64-1.58-1.94-0.14-3.28 1.35 0.81 3.28 0.37c1.68-0.39 1.1-1.89 2.19-1.87zm14.05 2.06a1.87 1.87 0 0 1 0.67 0.16c2.18 0.84-0.69 2.14 1 3.75s2.86-1.31 3.8 0.82-2 1-1.95 3.36 2.95 1.09 2.1 3.26-2.15-0.68-3.76 1 1.31 2.85-0.83 3.79-1-2-3.37-1.95-1.1 2.94-3.27 2.1 0.69-2.14-1-3.75-2.87 1.3-3.81-0.83 2-1 2-3.35-2.95-1.1-2.11-3.27 2.15 0.69 3.77-1-1.31-2.86 0.82-3.8 1 2 3.37 1.95c2 0 1.35-2.26 2.61-2.25zm-15.28 1a3 3 0 1 0 3 3 3 3 0 0 0-2.97-3zm12.81 2.85a4.38 4.38 0 1 0 4.42 4.34 4.38 4.38 0 0 0-4.39-4.34z"/>
+  </g>
+  <g id="layer1-8" transform="translate(-31.839)" data-name="layer1">
+   <g id="g70-8" data-name="g70">
+    <path id="path3055-8" class="cls-11" d="m456.51 406.53a4.54 4.54 0 0 0-1.71 0.43l-23.39 11.14a4.45 4.45 0 0 0-2.42 3l-5.76 25a4.38 4.38 0 0 0 0.6 3.38c0.08 0.13 0.17 0.24 0.26 0.36l16.18 20a4.5 4.5 0 0 0 3.5 1.66h26a4.5 4.5 0 0 0 3.5-1.66l16.18-20.06a4.42 4.42 0 0 0 0.86-3.74l-5.78-25a4.41 4.41 0 0 0-2.42-3l-23.43-11.04a4.52 4.52 0 0 0-2.17-0.47z" data-name="path3055"/>
+    <path id="path3054-2-9-8" class="cls-13" d="m456.5 404.72a4.75 4.75 0 0 0-1.81 0.46l-24.69 11.75a4.67 4.67 0 0 0-2.55 3.16l-6.09 26.41a4.66 4.66 0 0 0 0.64 3.58c0.09 0.12 0.17 0.25 0.27 0.37l17.09 21.17a4.72 4.72 0 0 0 3.69 1.75h27.39a4.75 4.75 0 0 0 3.69-1.75l17.08-21.18a4.65 4.65 0 0 0 0.92-3.95l-6.1-26.4a4.66 4.66 0 0 0-2.56-3.16l-24.68-11.76a4.77 4.77 0 0 0-2.29-0.45zm0 1.81a4.52 4.52 0 0 1 2.17 0.43l23.38 11.13a4.41 4.41 0 0 1 2.42 3l5.78 25a4.39 4.39 0 0 1-0.87 3.74l-16.16 20.07a4.5 4.5 0 0 1-3.5 1.66h-26a4.51 4.51 0 0 1-3.5-1.67l-16.18-20c-0.09-0.12-0.18-0.23-0.26-0.35a4.42 4.42 0 0 1-0.61-3.39l5.77-25a4.44 4.44 0 0 1 2.42-3l23.44-11.15a4.54 4.54 0 0 1 1.71-0.43z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-8" class="cls-14" data-name="text2066">
+    <text id="text189" class="cls-17" transform="translate(442.14,466.07)">sched</text>
+   </g>
+   <path id="path1984-2" class="cls-13" d="m456.67 417.55c-0.54 0-15.73 7.43-15.93 7.81-0.47 0.91-3.93 16.8-3.72 17.14s2.6 3.34 5.53 7l5.31 6.63h17.49l5.56-6.92 5.57-6.93-2-8.51c-1.07-4.68-2-8.58-2.13-8.68-0.27-0.26-15.43-7.51-15.73-7.52zm0.93 7.78c0.74 0 0.81 1.15 2.38 1.26 2.06 0.16 1.84-1.75 3.41-0.42s-0.35 1.42 0.14 3.41 2.23 1.2 1.45 3.1-1.46 0.11-3.21 1.19-0.46 2.49-2.51 2.34-0.55-1.36-2.12-2.69-2.52 0.34-3-1.65 1.12-0.94 1.91-2.84-1.11-2.28 0.64-3.36a2.41 2.41 0 0 1 0.56-0.28 1.34 1.34 0 0 1 0.36-0.06zm2 2.25a3 3 0 1 0 2.84 2.11 3 3 0 0 0-2.79-2.11zm-11.78 5.1a2.68 2.68 0 0 1 0.59 0.11c1.89 0.58 0 1.57 1.31 3s2.48-0.4 2.92 1.52-1.38 0.76-2 2.64 1.58 1.94 0.14 3.28-1.35-0.8-3.27-0.36-0.9 2.33-2.79 1.75 0-1.56-1.31-3-2.48 0.4-2.92-1.52 1.38-0.76 2-2.64-1.59-1.94-0.14-3.28 1.35 0.81 3.27 0.37c1.69-0.39 1.11-1.88 2.2-1.87zm14.05 2.06a1.87 1.87 0 0 1 0.67 0.16c2.17 0.84-0.69 2.14 1 3.75s2.87-1.31 3.81 0.82-2 1-2 3.36 2.95 1.09 2.11 3.26-2.15-0.68-3.76 1 1.3 2.85-0.83 3.79-1-2-3.37-1.95-1.1 2.94-3.28 2.1 0.69-2.14-1-3.75-2.86 1.3-3.8-0.83 2-1 2-3.35-3-1.1-2.11-3.27 2.15 0.69 3.77-1-1.31-2.86 0.82-3.8 1 2 3.37 1.95c2 0 1.35-2.26 2.61-2.25zm-15.28 1a3 3 0 1 0 3 3 3 3 0 0 0-2.95-3zm12.8 2.85a4.38 4.38 0 1 0 4.4 4.37 4.39 4.39 0 0 0-4.35-4.37z" data-name="path1984"/>
+  </g>
+  <g id="layer1-9" transform="translate(-31.839)" data-name="layer1">
+   <g id="g70-9" data-name="g70">
+    <path id="path3055-9" class="cls-11" d="m465.45 413.24a4.4 4.4 0 0 0-1.71 0.43l-23.38 11.13a4.43 4.43 0 0 0-2.42 3l-5.77 25a4.36 4.36 0 0 0 0.61 3.39 2.8 2.8 0 0 0 0.25 0.35l16.18 20.06a4.5 4.5 0 0 0 3.5 1.66h26a4.5 4.5 0 0 0 3.5-1.66l16.18-20.06a4.35 4.35 0 0 0 0.86-3.74l-5.77-25a4.44 4.44 0 0 0-2.42-3l-23.39-11.13a4.49 4.49 0 0 0-2.22-0.43z" data-name="path3055"/>
+    <path id="path3054-2-9-9" class="cls-13" d="m465.44 411.43a4.73 4.73 0 0 0-1.81 0.45l-24.63 11.76a4.66 4.66 0 0 0-2.56 3.16l-6.09 26.4a4.65 4.65 0 0 0 0.64 3.58l0.27 0.37 17.09 21.18a4.72 4.72 0 0 0 3.69 1.75h27.4a4.76 4.76 0 0 0 3.69-1.76l17.08-21.17a4.64 4.64 0 0 0 0.91-3.95l-6.12-26.4a4.69 4.69 0 0 0-2.55-3.17l-24.69-11.75a4.75 4.75 0 0 0-2.32-0.45zm0 1.81a4.52 4.52 0 0 1 2.17 0.43l23.39 11.13a4.42 4.42 0 0 1 2.41 3l5.78 25a4.35 4.35 0 0 1-0.86 3.74l-16.18 20.06a4.5 4.5 0 0 1-3.5 1.66h-26a4.5 4.5 0 0 1-3.5-1.66l-16.15-20.05c-0.09-0.11-0.18-0.23-0.26-0.35a4.4 4.4 0 0 1-0.6-3.39l5.77-25a4.43 4.43 0 0 1 2.42-3l23.38-11.13a4.4 4.4 0 0 1 1.71-0.43z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-9" class="cls-14" data-name="text2066">
+    <text id="text197" class="cls-17" transform="translate(451.08,472.77)">sched</text>
+   </g>
+   <path id="path1984-3" class="cls-13" d="m465.61 424.26c-0.54 0-15.72 7.42-15.92 7.8-0.48 0.92-3.93 16.8-3.73 17.14s2.61 3.35 5.53 7l5.31 6.62h17.49l5.57-6.93 5.56-6.92-1.95-8.51c-1.07-4.68-2-8.59-2.12-8.68-0.28-0.26-15.44-7.51-15.74-7.52zm0.93 7.78c0.74 0 0.81 1.14 2.39 1.26 2.05 0.15 1.83-1.75 3.4-0.43s-0.35 1.43 0.14 3.42 2.24 1.2 1.46 3.1-1.47 0.1-3.22 1.18-0.45 2.5-2.51 2.34-0.55-1.35-2.12-2.68-2.52 0.34-3-1.65 1.13-0.95 1.91-2.85-1.11-2.28 0.64-3.36a2.78 2.78 0 0 1 0.56-0.27 1 1 0 0 1 0.36-0.06zm2.06 2.24a2.89 2.89 0 0 0-0.88 0.13 3 3 0 1 0 0.88-0.13zm-11.78 5.11a2.21 2.21 0 0 1 0.58 0.11c1.89 0.58 0 1.57 1.32 3s2.47-0.4 2.91 1.52-1.37 0.76-1.95 2.64 1.58 1.94 0.13 3.28-1.34-0.81-3.27-0.37-0.89 2.34-2.78 1.76 0-1.57-1.32-3-2.47 0.4-2.92-1.52 1.38-0.76 2-2.64-1.58-1.94-0.14-3.28 1.35 0.81 3.28 0.36c1.68-0.38 1.1-1.88 2.2-1.86zm14 2.06a2 2 0 0 1 0.67 0.15c2.18 0.85-0.69 2.15 1 3.75s2.86-1.3 3.8 0.83-2 1-1.95 3.36 2.95 1.09 2.1 3.26-2.15-0.69-3.76 1 1.31 2.85-0.83 3.79-1-2-3.37-1.95-1.1 2.94-3.27 2.1 0.69-2.15-1-3.75-2.86 1.3-3.81-0.83 2-1 2-3.36-2.95-1.09-2.11-3.26 2.15 0.69 3.77-1-1.31-2.85 0.83-3.79 1 2 3.36 1.95c2.05-0.05 1.36-2.26 2.61-2.25zm-15.28 1a3 3 0 1 0 3 3 3 3 0 0 0-2.96-3zm12.81 2.85a4.38 4.38 0 1 0 4.39 4.37 4.37 4.37 0 0 0-4.35-4.37z" data-name="path1984"/>
+  </g>
+ </g>
+ <text id="text255" class="cls-22" x="216.71268" y="485.55911" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1053" font-family="'Open Sans'" font-size="14.667px" font-weight="bold" text-align="center" text-anchor="middle" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Control Plane</tspan></text>
+ <text id="text257" class="cls-22" x="549.05597" y="275.27713" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1312" font-family="'Open Sans'" font-size="14.667px" font-weight="bold" text-align="center" text-anchor="middle" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Node</tspan></text>
+ <text id="text259" x="-123.81744" y="664.74402"/>
+ <g id="layer1-15" transform="translate(-151.54 -61.332)" data-name="layer1">
+  <g id="g70-16" data-name="g70">
+   <path id="path3055-16" class="cls-11" d="m276.45 411.42a4.3 4.3 0 0 0-1.63 0.32l-22.3 9a4 4 0 0 0-2.37 2.55l-6.15 21.76a3.65 3.65 0 0 0 0.48 3 3.46 3.46 0 0 0 0.22 0.31l14.64 18.08a4.36 4.36 0 0 0 3.23 1.57l24.41 0.8a4.35 4.35 0 0 0 3.33-1.35l15.79-17.06a3.67 3.67 0 0 0 0.93-3.25l-4.71-22.09a4 4 0 0 0-2.19-2.71l-21.66-10.48a4.51 4.51 0 0 0-2.02-0.45z" data-name="path3055"/>
+   <path id="path3054-2-9-16" class="cls-13" d="m276.49 409.83a4.7 4.7 0 0 0-1.71 0.35l-23.56 9.52a4.18 4.18 0 0 0-2.49 2.69l-6.49 22.94a3.85 3.85 0 0 0 0.5 3.16 2 2 0 0 0 0.24 0.33l15.45 19.09a4.59 4.59 0 0 0 3.41 1.65l25.76 0.85a4.62 4.62 0 0 0 3.52-1.42l16.68-18a3.86 3.86 0 0 0 1-3.43l-5-23.32a4.17 4.17 0 0 0-2.31-2.85l-22.86-11.09a4.78 4.78 0 0 0-2.14-0.47zm0 1.59a4.51 4.51 0 0 1 2 0.44l21.66 10.48a4 4 0 0 1 2.19 2.71l4.7 22.09a3.63 3.63 0 0 1-0.92 3.25l-15.79 17.07a4.38 4.38 0 0 1-3.33 1.34l-24.4-0.8a4.34 4.34 0 0 1-3.23-1.57l-14.67-18.08-0.23-0.31a3.69 3.69 0 0 1-0.47-3l6.15-21.73a4 4 0 0 1 2.36-2.55l22.31-9a4.73 4.73 0 0 1 1.63-0.32z" data-name="path3054-2-9"/>
+  </g>
+  <g id="text2066-16" class="cls-14" data-name="text2066">
+   <text id="text264" class="cls-23" transform="matrix(1.0794 .035808 -.033155 .99945 265.24 463.26)">etcd</text>
+  </g>
+  <path id="path2078" class="cls-13" d="m276.28 421.08c-0.51 0-15 6-15.2 6.34-0.48 0.79-4.19 14.59-4 14.9s2.36 3 5 6.29l4.8 6 8.22 0.28 8.23 0.27 5.43-5.89 5.43-5.9-1.58-7.51c-0.87-4.14-1.66-7.59-1.75-7.67-0.25-0.24-14.29-7.06-14.57-7.08z"/>
+  <path id="path4590" class="cls-11" d="m291.05 440.37h-0.46a6.3 6.3 0 0 1-2.62-0.66 21 21 0 0 0 0.5-4.32 23.86 23.86 0 0 0-2.91-3.42 5.77 5.77 0 0 1 2.2-2l0.4-0.21-0.3-0.33a15.84 15.84 0 0 0-5.42-3.94l-0.42-0.19-0.12 0.41a5.43 5.43 0 0 1-1.58 2.49 25.41 25.41 0 0 0-4.3-1.81 25 25 0 0 0-4.39 1.52 5.44 5.44 0 0 1-1.42-2.58l-0.09-0.42-0.43 0.16a16 16 0 0 0-5.69 3.53l-0.31 0.31 0.38 0.23a5.7 5.7 0 0 1 2.05 2.18 23.53 23.53 0 0 0-3.12 3.2 21.37 21.37 0 0 0 0.2 4.37 6.36 6.36 0 0 1-2.64 0.48 3.44 3.44 0 0 1-0.46 0h-0.45v0.43a13.9 13.9 0 0 0 1.93 6.13l0.22 0.38 0.36-0.27a6.23 6.23 0 0 1 2.86-1.13 22.92 22.92 0 0 0 2.3 3.74 26.46 26.46 0 0 0 4.55 1.2 5.11 5.11 0 0 1-0.48 2.89l-0.18 0.39 0.44 0.11a16.83 16.83 0 0 0 3.43 0.46l3.44-0.24 0.45-0.07-0.16-0.4a5.15 5.15 0 0 1-0.28-2.92 25.82 25.82 0 0 0 4.6-0.9 21.72 21.72 0 0 0 2.54-3.58 6.07 6.07 0 0 1 2.8 1.33l0.34 0.28 0.25-0.36a13.91 13.91 0 0 0 2.33-6l0.06-0.42zm-10.73 4.83a20 20 0 0 1-9.83-0.33 17.16 17.16 0 0 1-2-4.18 16.22 16.22 0 0 1-0.74-4.55 18.44 18.44 0 0 1 3.67-3 19.34 19.34 0 0 1 4.42-2.05 19.57 19.57 0 0 1 4.26 2.34 18.38 18.38 0 0 1 3.48 3.29 16.19 16.19 0 0 1-1.05 4.47 17.09 17.09 0 0 1-2.21 4.01zm-3.32-7.39a2.08 2.08 0 0 0 4.15 0.14 2.08 2.08 0 0 0-4.15-0.14zm-2.69-0.09a2.08 2.08 0 1 1-2-2 2 2 0 0 1 2 2z"/>
+ </g>
+ <text id="text274" class="cls-22" x="480.11725" y="47.03083" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1314" fill="#ffffff" font-family="'Open Sans'" font-size="21.333px" font-weight="bold">Kubernetes cluster</tspan></text>
+ <g id="g2018" transform="translate(-123.82 -40.997)">
+  <g id="layer1-10-1" transform="translate(-42.645 -4.995)" data-name="layer1">
+   <g id="g70-10-2" data-name="g70">
+    <path id="path3055-10-5" class="cls-11" d="m463.61 257.22a4.39 4.39 0 0 0-1.6 0.4l-21.81 10.43a4.15 4.15 0 0 0-2.26 2.8l-5.38 23.41a4.12 4.12 0 0 0 0.57 3.17 3.43 3.43 0 0 0 0.24 0.33l15.09 18.77a4.19 4.19 0 0 0 3.26 1.55h24.21a4.19 4.19 0 0 0 3.26-1.55l15.09-18.78a4.12 4.12 0 0 0 0.81-3.5l-5.39-23.4a4.16 4.16 0 0 0-2.26-2.81l-21.81-10.42a4.16 4.16 0 0 0-2.02-0.4z" data-name="path3055"/>
+    <path id="path3054-2-9-10-7" class="cls-13" d="m463.6 255.53a4.48 4.48 0 0 0-1.69 0.42l-23 11a4.39 4.39 0 0 0-2.39 3l-5.68 24.71a4.33 4.33 0 0 0 0.6 3.34c0.08 0.12 0.16 0.24 0.25 0.35l15.94 19.82a4.43 4.43 0 0 0 3.44 1.64h25.53a4.43 4.43 0 0 0 3.45-1.64l15.95-19.85a4.39 4.39 0 0 0 0.85-3.7l-5.69-24.71a4.41 4.41 0 0 0-2.38-3l-23-11a4.35 4.35 0 0 0-2.18-0.38zm0 1.69a4.17 4.17 0 0 1 2 0.41l21.84 10.37a4.19 4.19 0 0 1 2.26 2.81l5.39 23.4a4.12 4.12 0 0 1-0.81 3.5l-15.09 18.78a4.19 4.19 0 0 1-3.26 1.55h-24.21a4.19 4.19 0 0 1-3.26-1.56l-15.09-18.77a3.43 3.43 0 0 1-0.24-0.33 4.12 4.12 0 0 1-0.57-3.17l5.38-23.41a4.17 4.17 0 0 1 2.26-2.8l21.8-10.37a4.21 4.21 0 0 1 1.6-0.41z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-10-2" class="cls-14" data-name="text2066">
+    <text id="text205-6" class="cls-18" transform="translate(457.08,312.94)">api</text>
+   </g>
+   <path id="path1984-4-0" class="cls-13" d="m463.76 267.54c-0.51 0-14.67 6.94-14.86 7.3-0.44 0.86-3.66 15.72-3.47 16s2.43 3.13 5.15 6.54l5 6.2h16.31l5.19-6.49 5.19-6.48-1.81-8c-1-4.38-1.9-8-2-8.13-0.25-0.24-14.4-7-14.67-7zm0.87 7.28c0.68 0 0.75 1.07 2.22 1.18 1.91 0.14 1.71-1.64 3.17-0.4s-0.32 1.33 0.13 3.2 2.09 1.12 1.36 2.89-1.37 0.1-3 1.11-0.42 2.34-2.34 2.19-0.51-1.27-2-2.51-2.35 0.32-2.8-1.54 1.05-0.89 1.78-2.67-1-2.13 0.6-3.14a2.28 2.28 0 0 1 0.52-0.26 0.88 0.88 0 0 1 0.34-0.05zm1.91 2.1a2.86 2.86 0 0 0-0.82 0.12 2.77 2.77 0 1 0 0.82-0.12zm-11 4.78a1.84 1.84 0 0 1 0.55 0.1c1.76 0.54 0 1.47 1.22 2.81s2.31-0.37 2.73 1.43-1.29 0.71-1.83 2.47 1.47 1.81 0.13 3.07-1.26-0.76-3.06-0.34-0.83 2.18-2.59 1.64 0-1.47-1.23-2.82-2.31 0.37-2.72-1.42 1.29-0.71 1.83-2.47-1.48-1.82-0.13-3.07 1.26 0.75 3.05 0.34c1.57-0.36 1-1.76 2.05-1.74zm13.1 1.92a2.08 2.08 0 0 1 0.63 0.15c2 0.79-0.65 2 0.93 3.51s2.67-1.22 3.55 0.77-1.88 1-1.83 3.14 2.75 1 2 3.06-2-0.65-3.51 0.93 1.21 2.67-0.78 3.55-1-1.87-3.14-1.83-1 2.75-3.05 2 0.64-2-0.94-3.51-2.67 1.22-3.54-0.78 1.87-1 1.82-3.14-2.75-1-2-3.05 2 0.64 3.51-0.93-1.22-2.67 0.77-3.55 1 1.87 3.14 1.82c1.91 0 1.26-2.12 2.43-2.11zm-14.25 0.94a2.78 2.78 0 1 0 2.78 2.78 2.77 2.77 0 0 0-2.77-2.78zm12 2.66a4.1 4.1 0 1 0 4.09 4.1 4.1 4.1 0 0 0-4.13-4.1z" data-name="path1984"/>
+  </g>
+  <g id="layer1-10" transform="translate(-33.895 4.515)" data-name="layer1">
+   <g id="g70-10" data-name="g70">
+    <path id="path3055-10" class="cls-11" d="m463.61 257.22a4.39 4.39 0 0 0-1.6 0.4l-21.81 10.43a4.15 4.15 0 0 0-2.26 2.8l-5.38 23.41a4.12 4.12 0 0 0 0.57 3.17 3.43 3.43 0 0 0 0.24 0.33l15.09 18.77a4.19 4.19 0 0 0 3.26 1.55h24.21a4.19 4.19 0 0 0 3.26-1.55l15.09-18.78a4.12 4.12 0 0 0 0.81-3.5l-5.39-23.4a4.16 4.16 0 0 0-2.26-2.81l-21.81-10.42a4.16 4.16 0 0 0-2.02-0.4z" data-name="path3055"/>
+    <path id="path3054-2-9-10" class="cls-13" d="m463.6 255.53a4.48 4.48 0 0 0-1.69 0.42l-23 11a4.39 4.39 0 0 0-2.39 3l-5.68 24.71a4.33 4.33 0 0 0 0.6 3.34c0.08 0.12 0.16 0.24 0.25 0.35l15.94 19.82a4.43 4.43 0 0 0 3.44 1.64h25.53a4.43 4.43 0 0 0 3.45-1.64l15.95-19.85a4.39 4.39 0 0 0 0.85-3.7l-5.69-24.71a4.41 4.41 0 0 0-2.38-3l-23-11a4.35 4.35 0 0 0-2.18-0.38zm0 1.69a4.17 4.17 0 0 1 2 0.41l21.84 10.37a4.19 4.19 0 0 1 2.26 2.81l5.39 23.4a4.12 4.12 0 0 1-0.81 3.5l-15.09 18.78a4.19 4.19 0 0 1-3.26 1.55h-24.21a4.19 4.19 0 0 1-3.26-1.56l-15.09-18.77a3.43 3.43 0 0 1-0.24-0.33 4.12 4.12 0 0 1-0.57-3.17l5.38-23.41a4.17 4.17 0 0 1 2.26-2.8l21.8-10.37a4.21 4.21 0 0 1 1.6-0.41z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-10" class="cls-14" data-name="text2066">
+    <text id="text205" class="cls-18" transform="translate(457.08,312.94)">api</text>
+   </g>
+   <path id="path1984-4" class="cls-13" d="m463.76 267.54c-0.51 0-14.67 6.94-14.86 7.3-0.44 0.86-3.66 15.72-3.47 16s2.43 3.13 5.15 6.54l5 6.2h16.31l5.19-6.49 5.19-6.48-1.81-8c-1-4.38-1.9-8-2-8.13-0.25-0.24-14.4-7-14.67-7zm0.87 7.28c0.68 0 0.75 1.07 2.22 1.18 1.91 0.14 1.71-1.64 3.17-0.4s-0.32 1.33 0.13 3.2 2.09 1.12 1.36 2.89-1.37 0.1-3 1.11-0.42 2.34-2.34 2.19-0.51-1.27-2-2.51-2.35 0.32-2.8-1.54 1.05-0.89 1.78-2.67-1-2.13 0.6-3.14a2.28 2.28 0 0 1 0.52-0.26 0.88 0.88 0 0 1 0.34-0.05zm1.91 2.1a2.86 2.86 0 0 0-0.82 0.12 2.77 2.77 0 1 0 0.82-0.12zm-11 4.78a1.84 1.84 0 0 1 0.55 0.1c1.76 0.54 0 1.47 1.22 2.81s2.31-0.37 2.73 1.43-1.29 0.71-1.83 2.47 1.47 1.81 0.13 3.07-1.26-0.76-3.06-0.34-0.83 2.18-2.59 1.64 0-1.47-1.23-2.82-2.31 0.37-2.72-1.42 1.29-0.71 1.83-2.47-1.48-1.82-0.13-3.07 1.26 0.75 3.05 0.34c1.57-0.36 1-1.76 2.05-1.74zm13.1 1.92a2.08 2.08 0 0 1 0.63 0.15c2 0.79-0.65 2 0.93 3.51s2.67-1.22 3.55 0.77-1.88 1-1.83 3.14 2.75 1 2 3.06-2-0.65-3.51 0.93 1.21 2.67-0.78 3.55-1-1.87-3.14-1.83-1 2.75-3.05 2 0.64-2-0.94-3.51-2.67 1.22-3.54-0.78 1.87-1 1.82-3.14-2.75-1-2-3.05 2 0.64 3.51-0.93-1.22-2.67 0.77-3.55 1 1.87 3.14 1.82c1.91 0 1.26-2.12 2.43-2.11zm-14.25 0.94a2.78 2.78 0 1 0 2.78 2.78 2.77 2.77 0 0 0-2.77-2.78zm12 2.66a4.1 4.1 0 1 0 4.09 4.1 4.1 4.1 0 0 0-4.13-4.1z" data-name="path1984"/>
+  </g>
+  <g id="layer1-10-14" transform="translate(-25.145 14.025)" data-name="layer1">
+   <g id="g70-10-1" data-name="g70">
+    <path id="path3055-10-53" class="cls-11" d="m463.61 257.22a4.39 4.39 0 0 0-1.6 0.4l-21.81 10.43a4.15 4.15 0 0 0-2.26 2.8l-5.38 23.41a4.12 4.12 0 0 0 0.57 3.17 3.43 3.43 0 0 0 0.24 0.33l15.09 18.77a4.19 4.19 0 0 0 3.26 1.55h24.21a4.19 4.19 0 0 0 3.26-1.55l15.09-18.78a4.12 4.12 0 0 0 0.81-3.5l-5.39-23.4a4.16 4.16 0 0 0-2.26-2.81l-21.81-10.42a4.16 4.16 0 0 0-2.02-0.4z" data-name="path3055"/>
+    <path id="path3054-2-9-10-5" class="cls-13" d="m463.6 255.53a4.48 4.48 0 0 0-1.69 0.42l-23 11a4.39 4.39 0 0 0-2.39 3l-5.68 24.71a4.33 4.33 0 0 0 0.6 3.34c0.08 0.12 0.16 0.24 0.25 0.35l15.94 19.82a4.43 4.43 0 0 0 3.44 1.64h25.53a4.43 4.43 0 0 0 3.45-1.64l15.95-19.85a4.39 4.39 0 0 0 0.85-3.7l-5.69-24.71a4.41 4.41 0 0 0-2.38-3l-23-11a4.35 4.35 0 0 0-2.18-0.38zm0 1.69a4.17 4.17 0 0 1 2 0.41l21.84 10.37a4.19 4.19 0 0 1 2.26 2.81l5.39 23.4a4.12 4.12 0 0 1-0.81 3.5l-15.09 18.78a4.19 4.19 0 0 1-3.26 1.55h-24.21a4.19 4.19 0 0 1-3.26-1.56l-15.09-18.77a3.43 3.43 0 0 1-0.24-0.33 4.12 4.12 0 0 1-0.57-3.17l5.38-23.41a4.17 4.17 0 0 1 2.26-2.8l21.8-10.37a4.21 4.21 0 0 1 1.6-0.41z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-10-7" class="cls-14" data-name="text2066">
+    <text id="text205-7" class="cls-18" transform="translate(457.08,312.94)">api</text>
+   </g>
+   <path id="path1984-4-3" class="cls-13" d="m463.76 267.54c-0.51 0-14.67 6.94-14.86 7.3-0.44 0.86-3.66 15.72-3.47 16s2.43 3.13 5.15 6.54l5 6.2h16.31l5.19-6.49 5.19-6.48-1.81-8c-1-4.38-1.9-8-2-8.13-0.25-0.24-14.4-7-14.67-7zm0.87 7.28c0.68 0 0.75 1.07 2.22 1.18 1.91 0.14 1.71-1.64 3.17-0.4s-0.32 1.33 0.13 3.2 2.09 1.12 1.36 2.89-1.37 0.1-3 1.11-0.42 2.34-2.34 2.19-0.51-1.27-2-2.51-2.35 0.32-2.8-1.54 1.05-0.89 1.78-2.67-1-2.13 0.6-3.14a2.28 2.28 0 0 1 0.52-0.26 0.88 0.88 0 0 1 0.34-0.05zm1.91 2.1a2.86 2.86 0 0 0-0.82 0.12 2.77 2.77 0 1 0 0.82-0.12zm-11 4.78a1.84 1.84 0 0 1 0.55 0.1c1.76 0.54 0 1.47 1.22 2.81s2.31-0.37 2.73 1.43-1.29 0.71-1.83 2.47 1.47 1.81 0.13 3.07-1.26-0.76-3.06-0.34-0.83 2.18-2.59 1.64 0-1.47-1.23-2.82-2.31 0.37-2.72-1.42 1.29-0.71 1.83-2.47-1.48-1.82-0.13-3.07 1.26 0.75 3.05 0.34c1.57-0.36 1-1.76 2.05-1.74zm13.1 1.92a2.08 2.08 0 0 1 0.63 0.15c2 0.79-0.65 2 0.93 3.51s2.67-1.22 3.55 0.77-1.88 1-1.83 3.14 2.75 1 2 3.06-2-0.65-3.51 0.93 1.21 2.67-0.78 3.55-1-1.87-3.14-1.83-1 2.75-3.05 2 0.64-2-0.94-3.51-2.67 1.22-3.54-0.78 1.87-1 1.82-3.14-2.75-1-2-3.05 2 0.64 3.51-0.93-1.22-2.67 0.77-3.55 1 1.87 3.14 1.82c1.91 0 1.26-2.12 2.43-2.11zm-14.25 0.94a2.78 2.78 0 1 0 2.78 2.78 2.77 2.77 0 0 0-2.77-2.78zm12 2.66a4.1 4.1 0 1 0 4.09 4.1 4.1 4.1 0 0 0-4.13-4.1z" data-name="path1984"/>
+  </g>
+ </g>
+ <g id="g2066" transform="translate(-123.82 -40.997)">
+  <path id="path84" class="cls-4" d="m396.5 106.15h70v70.14h-70z"/>
+  <g id="layer1-11" transform="translate(-31.326 -2.8445)" data-name="layer1">
+   <g id="g70-11" data-name="g70">
+    <path id="path3055-11" class="cls-11" d="m462.48 109.72a4.33 4.33 0 0 0-1.65 0.42l-22.55 10.77a4.29 4.29 0 0 0-2.33 2.9l-5.56 24.19a4.22 4.22 0 0 0 0.59 3.28 2.62 2.62 0 0 0 0.24 0.34l15.61 19.38a4.29 4.29 0 0 0 3.37 1.61h25a4.34 4.34 0 0 0 3.37-1.6l15.6-19.41a4.22 4.22 0 0 0 0.83-3.6l-5.57-24.19a4.27 4.27 0 0 0-2.33-2.9l-22.55-10.77a4.31 4.31 0 0 0-2.07-0.42z" data-name="path3055"/>
+    <path id="path3054-2-9-11" class="cls-13" d="m462.47 108a4.56 4.56 0 0 0-1.74 0.44l-23.8 11.37a4.53 4.53 0 0 0-2.47 3.06l-5.87 25.55a4.49 4.49 0 0 0 0.62 3.46l0.26 0.36 16.47 20.48a4.57 4.57 0 0 0 3.56 1.7h26.42a4.56 4.56 0 0 0 3.56-1.69l16.46-20.49a4.44 4.44 0 0 0 0.88-3.81l-5.88-25.55a4.5 4.5 0 0 0-2.46-3.06l-23.8-11.37a4.57 4.57 0 0 0-2.21-0.45zm0 1.75a4.31 4.31 0 0 1 2.09 0.42l22.55 10.77a4.27 4.27 0 0 1 2.33 2.9l5.56 24.16a4.21 4.21 0 0 1-0.83 3.62l-15.58 19.38a4.31 4.31 0 0 1-3.37 1.6h-25a4.33 4.33 0 0 1-3.38-1.61l-15.6-19.4c-0.09-0.11-0.17-0.22-0.25-0.34a4.26 4.26 0 0 1-0.58-3.28l5.56-24.2a4.29 4.29 0 0 1 2.33-2.9l22.55-10.77a4.33 4.33 0 0 1 1.65-0.42z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-11" class="cls-14" data-name="text2066">
+    <text id="text213" class="cls-19" transform="translate(449.46,167.32)">c-c-m</text>
+   </g>
+   <path id="path1984-5" class="cls-13" d="m462.64 120.39c-0.53 0-15.17 7.18-15.36 7.55-0.46 0.88-3.79 16.25-3.59 16.58s2.51 3.23 5.33 6.76l5.12 6.4h16.86l5.36-6.7 5.37-6.7-1.88-8.23c-1-4.53-2-8.31-2.05-8.4-0.27-0.25-14.89-7.26-15.17-7.27zm0.9 7.52c0.7 0 0.78 1.11 2.29 1.22 2 0.15 1.77-1.69 3.28-0.41s-0.33 1.38 0.14 3.31 2.16 1.15 1.4 3-1.41 0.1-3.1 1.15-0.43 2.41-2.41 2.26-0.54-1.31-2.05-2.6-2.43 0.34-2.9-1.59 1.08-0.92 1.83-2.75-1.06-2.21 0.63-3.25a2.45 2.45 0 0 1 0.54-0.27 0.92 0.92 0 0 1 0.35-0.06zm2 2.17a3 3 0 0 0-0.84 0.12 2.88 2.88 0 1 0 0.84-0.12zm-11.38 4.92a2.47 2.47 0 0 1 0.56 0.11c1.82 0.56 0 1.51 1.27 2.91s2.38-0.38 2.81 1.47-1.33 0.73-1.89 2.56 1.53 1.87 0.13 3.17-1.29-0.78-3.15-0.35-0.86 2.25-2.68 1.69 0-1.51-1.27-2.91-2.39 0.38-2.82-1.47 1.33-0.73 1.89-2.56-1.53-1.87-0.13-3.17 1.3 0.78 3.15 0.36c1.63-0.38 1.07-1.82 2.13-1.81zm13.54 2a1.81 1.81 0 0 1 0.64 0.14c2.1 0.82-0.66 2.08 1 3.63s2.77-1.26 3.67 0.8-1.93 1-1.88 3.25 2.84 1.06 2 3.16-2.07-0.67-3.63 1 1.26 2.76-0.8 3.67-1-1.94-3.25-1.89-1.06 2.85-3.16 2 0.67-2.07-1-3.63-2.76 1.27-3.67-0.79 1.94-1 1.89-3.25-2.85-1.06-2-3.16 2.07 0.67 3.63-1-1.26-2.76 0.8-3.67 1 1.93 3.24 1.88c2 0 1.31-2.19 2.52-2.17zm-14.7 1a2.88 2.88 0 1 0 2.87 2.88 2.88 2.88 0 0 0-2.87-2.88zm12.35 2.76a4.23 4.23 0 1 0 4.24 4.23 4.23 4.23 0 0 0-4.28-4.25z" data-name="path1984"/>
+  </g>
+  <g id="layer1-11-3" transform="translate(-22.232 5.3355)" data-name="layer1">
+   <g id="g70-11-2" data-name="g70">
+    <path id="path3055-11-0" class="cls-11" d="m462.48 109.72a4.33 4.33 0 0 0-1.65 0.42l-22.55 10.77a4.29 4.29 0 0 0-2.33 2.9l-5.56 24.19a4.22 4.22 0 0 0 0.59 3.28 2.62 2.62 0 0 0 0.24 0.34l15.61 19.38a4.29 4.29 0 0 0 3.37 1.61h25a4.34 4.34 0 0 0 3.37-1.6l15.6-19.41a4.22 4.22 0 0 0 0.83-3.6l-5.57-24.19a4.27 4.27 0 0 0-2.33-2.9l-22.55-10.77a4.31 4.31 0 0 0-2.07-0.42z" data-name="path3055"/>
+    <path id="path3054-2-9-11-7" class="cls-13" d="m462.47 108a4.56 4.56 0 0 0-1.74 0.44l-23.8 11.37a4.53 4.53 0 0 0-2.47 3.06l-5.87 25.55a4.49 4.49 0 0 0 0.62 3.46l0.26 0.36 16.47 20.48a4.57 4.57 0 0 0 3.56 1.7h26.42a4.56 4.56 0 0 0 3.56-1.69l16.46-20.49a4.44 4.44 0 0 0 0.88-3.81l-5.88-25.55a4.5 4.5 0 0 0-2.46-3.06l-23.8-11.37a4.57 4.57 0 0 0-2.21-0.45zm0 1.75a4.31 4.31 0 0 1 2.09 0.42l22.55 10.77a4.27 4.27 0 0 1 2.33 2.9l5.56 24.16a4.21 4.21 0 0 1-0.83 3.62l-15.58 19.38a4.31 4.31 0 0 1-3.37 1.6h-25a4.33 4.33 0 0 1-3.38-1.61l-15.6-19.4c-0.09-0.11-0.17-0.22-0.25-0.34a4.26 4.26 0 0 1-0.58-3.28l5.56-24.2a4.29 4.29 0 0 1 2.33-2.9l22.55-10.77a4.33 4.33 0 0 1 1.65-0.42z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-11-4" class="cls-14" data-name="text2066">
+    <text id="text213-7" class="cls-19" transform="translate(449.46,167.32)">c-c-m</text>
+   </g>
+   <path id="path1984-5-6" class="cls-13" d="m462.64 120.39c-0.53 0-15.17 7.18-15.36 7.55-0.46 0.88-3.79 16.25-3.59 16.58s2.51 3.23 5.33 6.76l5.12 6.4h16.86l5.36-6.7 5.37-6.7-1.88-8.23c-1-4.53-2-8.31-2.05-8.4-0.27-0.25-14.89-7.26-15.17-7.27zm0.9 7.52c0.7 0 0.78 1.11 2.29 1.22 2 0.15 1.77-1.69 3.28-0.41s-0.33 1.38 0.14 3.31 2.16 1.15 1.4 3-1.41 0.1-3.1 1.15-0.43 2.41-2.41 2.26-0.54-1.31-2.05-2.6-2.43 0.34-2.9-1.59 1.08-0.92 1.83-2.75-1.06-2.21 0.63-3.25a2.45 2.45 0 0 1 0.54-0.27 0.92 0.92 0 0 1 0.35-0.06zm2 2.17a3 3 0 0 0-0.84 0.12 2.88 2.88 0 1 0 0.84-0.12zm-11.38 4.92a2.47 2.47 0 0 1 0.56 0.11c1.82 0.56 0 1.51 1.27 2.91s2.38-0.38 2.81 1.47-1.33 0.73-1.89 2.56 1.53 1.87 0.13 3.17-1.29-0.78-3.15-0.35-0.86 2.25-2.68 1.69 0-1.51-1.27-2.91-2.39 0.38-2.82-1.47 1.33-0.73 1.89-2.56-1.53-1.87-0.13-3.17 1.3 0.78 3.15 0.36c1.63-0.38 1.07-1.82 2.13-1.81zm13.54 2a1.81 1.81 0 0 1 0.64 0.14c2.1 0.82-0.66 2.08 1 3.63s2.77-1.26 3.67 0.8-1.93 1-1.88 3.25 2.84 1.06 2 3.16-2.07-0.67-3.63 1 1.26 2.76-0.8 3.67-1-1.94-3.25-1.89-1.06 2.85-3.16 2 0.67-2.07-1-3.63-2.76 1.27-3.67-0.79 1.94-1 1.89-3.25-2.85-1.06-2-3.16 2.07 0.67 3.63-1-1.26-2.76 0.8-3.67 1 1.93 3.24 1.88c2 0 1.31-2.19 2.52-2.17zm-14.7 1a2.88 2.88 0 1 0 2.87 2.88 2.88 2.88 0 0 0-2.87-2.88zm12.35 2.76a4.23 4.23 0 1 0 4.24 4.23 4.23 4.23 0 0 0-4.28-4.25z" data-name="path1984"/>
+  </g>
+  <g id="layer1-11-8" transform="translate(-13.136 13.515)" data-name="layer1">
+   <g id="g70-11-1" data-name="g70">
+    <path id="path3055-11-8" class="cls-11" d="m462.48 109.72a4.33 4.33 0 0 0-1.65 0.42l-22.55 10.77a4.29 4.29 0 0 0-2.33 2.9l-5.56 24.19a4.22 4.22 0 0 0 0.59 3.28 2.62 2.62 0 0 0 0.24 0.34l15.61 19.38a4.29 4.29 0 0 0 3.37 1.61h25a4.34 4.34 0 0 0 3.37-1.6l15.6-19.41a4.22 4.22 0 0 0 0.83-3.6l-5.57-24.19a4.27 4.27 0 0 0-2.33-2.9l-22.55-10.77a4.31 4.31 0 0 0-2.07-0.42z" data-name="path3055"/>
+    <path id="path3054-2-9-11-9" class="cls-13" d="m462.47 108a4.56 4.56 0 0 0-1.74 0.44l-23.8 11.37a4.53 4.53 0 0 0-2.47 3.06l-5.87 25.55a4.49 4.49 0 0 0 0.62 3.46l0.26 0.36 16.47 20.48a4.57 4.57 0 0 0 3.56 1.7h26.42a4.56 4.56 0 0 0 3.56-1.69l16.46-20.49a4.44 4.44 0 0 0 0.88-3.81l-5.88-25.55a4.5 4.5 0 0 0-2.46-3.06l-23.8-11.37a4.57 4.57 0 0 0-2.21-0.45zm0 1.75a4.31 4.31 0 0 1 2.09 0.42l22.55 10.77a4.27 4.27 0 0 1 2.33 2.9l5.56 24.16a4.21 4.21 0 0 1-0.83 3.62l-15.58 19.38a4.31 4.31 0 0 1-3.37 1.6h-25a4.33 4.33 0 0 1-3.38-1.61l-15.6-19.4c-0.09-0.11-0.17-0.22-0.25-0.34a4.26 4.26 0 0 1-0.58-3.28l5.56-24.2a4.29 4.29 0 0 1 2.33-2.9l22.55-10.77a4.33 4.33 0 0 1 1.65-0.42z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-11-3" class="cls-14" data-name="text2066">
+    <text id="text213-72" class="cls-19" transform="translate(449.46,167.32)">c-c-m</text>
+   </g>
+   <path id="path1984-5-7" class="cls-13" d="m462.64 120.39c-0.53 0-15.17 7.18-15.36 7.55-0.46 0.88-3.79 16.25-3.59 16.58s2.51 3.23 5.33 6.76l5.12 6.4h16.86l5.36-6.7 5.37-6.7-1.88-8.23c-1-4.53-2-8.31-2.05-8.4-0.27-0.25-14.89-7.26-15.17-7.27zm0.9 7.52c0.7 0 0.78 1.11 2.29 1.22 2 0.15 1.77-1.69 3.28-0.41s-0.33 1.38 0.14 3.31 2.16 1.15 1.4 3-1.41 0.1-3.1 1.15-0.43 2.41-2.41 2.26-0.54-1.31-2.05-2.6-2.43 0.34-2.9-1.59 1.08-0.92 1.83-2.75-1.06-2.21 0.63-3.25a2.45 2.45 0 0 1 0.54-0.27 0.92 0.92 0 0 1 0.35-0.06zm2 2.17a3 3 0 0 0-0.84 0.12 2.88 2.88 0 1 0 0.84-0.12zm-11.38 4.92a2.47 2.47 0 0 1 0.56 0.11c1.82 0.56 0 1.51 1.27 2.91s2.38-0.38 2.81 1.47-1.33 0.73-1.89 2.56 1.53 1.87 0.13 3.17-1.29-0.78-3.15-0.35-0.86 2.25-2.68 1.69 0-1.51-1.27-2.91-2.39 0.38-2.82-1.47 1.33-0.73 1.89-2.56-1.53-1.87-0.13-3.17 1.3 0.78 3.15 0.36c1.63-0.38 1.07-1.82 2.13-1.81zm13.54 2a1.81 1.81 0 0 1 0.64 0.14c2.1 0.82-0.66 2.08 1 3.63s2.77-1.26 3.67 0.8-1.93 1-1.88 3.25 2.84 1.06 2 3.16-2.07-0.67-3.63 1 1.26 2.76-0.8 3.67-1-1.94-3.25-1.89-1.06 2.85-3.16 2 0.67-2.07-1-3.63-2.76 1.27-3.67-0.79 1.94-1 1.89-3.25-2.85-1.06-2-3.16 2.07 0.67 3.63-1-1.26-2.76 0.8-3.67 1 1.93 3.24 1.88c2 0 1.31-2.19 2.52-2.17zm-14.7 1a2.88 2.88 0 1 0 2.87 2.88 2.88 2.88 0 0 0-2.87-2.88zm12.35 2.76a4.23 4.23 0 1 0 4.24 4.23 4.23 4.23 0 0 0-4.28-4.25z" data-name="path1984"/>
+  </g>
+ </g>
+ <g id="g2042" transform="translate(-123.82 -40.997)">
+  <path id="path82" class="cls-4" d="m208.7 106.15h70v70.14h-70z"/>
+  <g id="layer1-12" transform="translate(-45.575 -4.91)" data-name="layer1">
+   <g id="g70-12" data-name="g70">
+    <path id="path3055-12" class="cls-11" d="m275.24 108.5a4.33 4.33 0 0 0-1.62 0.39l-22.18 10.11a4 4 0 0 0-2.29 2.72l-5.47 22.72a3.83 3.83 0 0 0 0.57 3.08l0.24 0.32 15.35 18.22a4.37 4.37 0 0 0 3.32 1.51h24.62a4.3 4.3 0 0 0 3.31-1.51l15.35-18.21a3.9 3.9 0 0 0 0.82-3.4l-5.48-22.72a4.08 4.08 0 0 0-2.3-2.72l-22.18-10.12a4.41 4.41 0 0 0-2.06-0.39z" data-name="path3055"/>
+    <path id="path3054-2-9-12" class="cls-13" d="m275.23 106.85a4.62 4.62 0 0 0-1.71 0.42l-23.41 10.67a4.32 4.32 0 0 0-2.43 2.88l-5.77 24a4 4 0 0 0 0.61 3.25c0.08 0.12 0.16 0.23 0.25 0.34l16.23 19.21a4.61 4.61 0 0 0 3.51 1.59h26a4.58 4.58 0 0 0 3.5-1.6l16.2-19.23a4 4 0 0 0 0.86-3.58l-5.78-24a4.26 4.26 0 0 0-2.42-2.87l-23.41-10.68a4.79 4.79 0 0 0-2.23-0.4zm0 1.65a4.41 4.41 0 0 1 2.06 0.39l22.19 10.11a4.08 4.08 0 0 1 2.3 2.72l5.48 22.72a3.9 3.9 0 0 1-0.82 3.4l-15.35 18.21a4.3 4.3 0 0 1-3.31 1.51h-24.62a4.37 4.37 0 0 1-3.32-1.51l-15.35-18.22-0.24-0.32a3.83 3.83 0 0 1-0.57-3.08l5.47-22.71a4 4 0 0 1 2.29-2.73l22.18-10.11a4.33 4.33 0 0 1 1.62-0.39z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-12" class="cls-14" data-name="text2066">
+    <text id="text221" class="cls-20" transform="matrix(1.05,0,0,1,266.83,162.57)">c-m</text>
+   </g>
+   <path id="path1984-6" class="cls-13" d="m275.4 118.51c-0.52 0-14.92 6.74-15.11 7.09-0.45 0.83-3.73 15.25-3.53 15.57s2.47 3 5.24 6.34l5 6h16.59l5.28-6.29 5.27-6.29-1.84-7.73c-1-4.25-1.93-7.8-2-7.88-0.26-0.24-14.64-6.82-14.92-6.83zm0.88 7.06c0.7 0 0.77 1 2.26 1.15 1.95 0.14 1.74-1.59 3.23-0.39s-0.33 1.3 0.13 3.11 2.12 1.08 1.38 2.81-1.39 0.1-3 1.08-0.43 2.26-2.37 2.12-0.53-1.23-2-2.44-2.39 0.31-2.85-1.5 1.06-0.86 1.81-2.58-1.05-2.07 0.61-3.05a2.71 2.71 0 0 1 0.53-0.25 1.16 1.16 0 0 1 0.34-0.06zm2 2a2.94 2.94 0 0 0-0.84 0.12 2.68 2.68 0 0 0-1.89 3.36 2.85 2.85 0 0 0 3.52 1.8 2.67 2.67 0 0 0 1.89-3.36 2.8 2.8 0 0 0-2.73-1.88zm-11.18 4.64a2 2 0 0 1 0.56 0.1c1.79 0.52 0 1.42 1.25 2.73s2.34-0.36 2.76 1.39-1.3 0.68-1.85 2.39 1.5 1.76 0.12 3-1.27-0.73-3.1-0.33-0.85 2.12-2.64 1.59 0-1.42-1.25-2.73-2.34 0.36-2.76-1.38 1.3-0.69 1.85-2.4-1.5-1.76-0.13-3 1.28 0.74 3.11 0.33c1.6-0.35 1-1.7 2.08-1.69zm13.32 1.87a2.06 2.06 0 0 1 0.64 0.14c2.06 0.77-0.66 2 0.95 3.41s2.71-1.19 3.61 0.75-1.91 0.93-1.86 3.05 2.8 1 2 3-2-0.62-3.57 0.91 1.24 2.59-0.79 3.44-1-1.82-3.19-1.77-1 2.67-3.11 1.9 0.65-1.94-0.95-3.4-2.71 1.18-3.61-0.75 1.91-0.94 1.86-3-2.8-1-2-3 2 0.63 3.57-0.9-1.24-2.59 0.79-3.44 1 1.81 3.19 1.77c1.94 0 1.28-2.06 2.47-2zm-14.49 0.91a2.7 2.7 0 1 0 2.83 2.7 2.77 2.77 0 0 0-2.88-2.69zm12.07 2.62a4 4 0 1 0 4.16 4 4.07 4.07 0 0 0-4.16-4z" data-name="path1984"/>
+  </g>
+  <g id="layer1-12-3" transform="translate(-37.33 5.74)" data-name="layer1">
+   <g id="g70-12-4" data-name="g70">
+    <path id="path3055-12-0" class="cls-11" d="m275.24 108.5a4.33 4.33 0 0 0-1.62 0.39l-22.18 10.11a4 4 0 0 0-2.29 2.72l-5.47 22.72a3.83 3.83 0 0 0 0.57 3.08l0.24 0.32 15.35 18.22a4.37 4.37 0 0 0 3.32 1.51h24.62a4.3 4.3 0 0 0 3.31-1.51l15.35-18.21a3.9 3.9 0 0 0 0.82-3.4l-5.48-22.72a4.08 4.08 0 0 0-2.3-2.72l-22.18-10.12a4.41 4.41 0 0 0-2.06-0.39z" data-name="path3055"/>
+    <path id="path3054-2-9-12-9" class="cls-13" d="m275.23 106.85a4.62 4.62 0 0 0-1.71 0.42l-23.41 10.67a4.32 4.32 0 0 0-2.43 2.88l-5.77 24a4 4 0 0 0 0.61 3.25c0.08 0.12 0.16 0.23 0.25 0.34l16.23 19.21a4.61 4.61 0 0 0 3.51 1.59h26a4.58 4.58 0 0 0 3.5-1.6l16.2-19.23a4 4 0 0 0 0.86-3.58l-5.78-24a4.26 4.26 0 0 0-2.42-2.87l-23.41-10.68a4.79 4.79 0 0 0-2.23-0.4zm0 1.65a4.41 4.41 0 0 1 2.06 0.39l22.19 10.11a4.08 4.08 0 0 1 2.3 2.72l5.48 22.72a3.9 3.9 0 0 1-0.82 3.4l-15.35 18.21a4.3 4.3 0 0 1-3.31 1.51h-24.62a4.37 4.37 0 0 1-3.32-1.51l-15.35-18.22-0.24-0.32a3.83 3.83 0 0 1-0.57-3.08l5.47-22.71a4 4 0 0 1 2.29-2.73l22.18-10.11a4.33 4.33 0 0 1 1.62-0.39z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-12-6" class="cls-14" data-name="text2066">
+    <text id="text221-8" class="cls-20" transform="matrix(1.05,0,0,1,266.83,162.57)">c-m</text>
+   </g>
+   <path id="path1984-6-2" class="cls-13" d="m275.4 118.51c-0.52 0-14.92 6.74-15.11 7.09-0.45 0.83-3.73 15.25-3.53 15.57s2.47 3 5.24 6.34l5 6h16.59l5.28-6.29 5.27-6.29-1.84-7.73c-1-4.25-1.93-7.8-2-7.88-0.26-0.24-14.64-6.82-14.92-6.83zm0.88 7.06c0.7 0 0.77 1 2.26 1.15 1.95 0.14 1.74-1.59 3.23-0.39s-0.33 1.3 0.13 3.11 2.12 1.08 1.38 2.81-1.39 0.1-3 1.08-0.43 2.26-2.37 2.12-0.53-1.23-2-2.44-2.39 0.31-2.85-1.5 1.06-0.86 1.81-2.58-1.05-2.07 0.61-3.05a2.71 2.71 0 0 1 0.53-0.25 1.16 1.16 0 0 1 0.34-0.06zm2 2a2.94 2.94 0 0 0-0.84 0.12 2.68 2.68 0 0 0-1.89 3.36 2.85 2.85 0 0 0 3.52 1.8 2.67 2.67 0 0 0 1.89-3.36 2.8 2.8 0 0 0-2.73-1.88zm-11.18 4.64a2 2 0 0 1 0.56 0.1c1.79 0.52 0 1.42 1.25 2.73s2.34-0.36 2.76 1.39-1.3 0.68-1.85 2.39 1.5 1.76 0.12 3-1.27-0.73-3.1-0.33-0.85 2.12-2.64 1.59 0-1.42-1.25-2.73-2.34 0.36-2.76-1.38 1.3-0.69 1.85-2.4-1.5-1.76-0.13-3 1.28 0.74 3.11 0.33c1.6-0.35 1-1.7 2.08-1.69zm13.32 1.87a2.06 2.06 0 0 1 0.64 0.14c2.06 0.77-0.66 2 0.95 3.41s2.71-1.19 3.61 0.75-1.91 0.93-1.86 3.05 2.8 1 2 3-2-0.62-3.57 0.91 1.24 2.59-0.79 3.44-1-1.82-3.19-1.77-1 2.67-3.11 1.9 0.65-1.94-0.95-3.4-2.71 1.18-3.61-0.75 1.91-0.94 1.86-3-2.8-1-2-3 2 0.63 3.57-0.9-1.24-2.59 0.79-3.44 1 1.81 3.19 1.77c1.94 0 1.28-2.06 2.47-2zm-14.49 0.91a2.7 2.7 0 1 0 2.83 2.7 2.77 2.77 0 0 0-2.88-2.69zm12.07 2.62a4 4 0 1 0 4.16 4 4.07 4.07 0 0 0-4.16-4z" data-name="path1984"/>
+  </g>
+  <g id="layer1-12-6" transform="translate(-29.085 16.39)" data-name="layer1">
+   <g id="g70-12-42" data-name="g70">
+    <path id="path3055-12-3" class="cls-11" d="m275.24 108.5a4.33 4.33 0 0 0-1.62 0.39l-22.18 10.11a4 4 0 0 0-2.29 2.72l-5.47 22.72a3.83 3.83 0 0 0 0.57 3.08l0.24 0.32 15.35 18.22a4.37 4.37 0 0 0 3.32 1.51h24.62a4.3 4.3 0 0 0 3.31-1.51l15.35-18.21a3.9 3.9 0 0 0 0.82-3.4l-5.48-22.72a4.08 4.08 0 0 0-2.3-2.72l-22.18-10.12a4.41 4.41 0 0 0-2.06-0.39z" data-name="path3055"/>
+    <path id="path3054-2-9-12-0" class="cls-13" d="m275.23 106.85a4.62 4.62 0 0 0-1.71 0.42l-23.41 10.67a4.32 4.32 0 0 0-2.43 2.88l-5.77 24a4 4 0 0 0 0.61 3.25c0.08 0.12 0.16 0.23 0.25 0.34l16.23 19.21a4.61 4.61 0 0 0 3.51 1.59h26a4.58 4.58 0 0 0 3.5-1.6l16.2-19.23a4 4 0 0 0 0.86-3.58l-5.78-24a4.26 4.26 0 0 0-2.42-2.87l-23.41-10.68a4.79 4.79 0 0 0-2.23-0.4zm0 1.65a4.41 4.41 0 0 1 2.06 0.39l22.19 10.11a4.08 4.08 0 0 1 2.3 2.72l5.48 22.72a3.9 3.9 0 0 1-0.82 3.4l-15.35 18.21a4.3 4.3 0 0 1-3.31 1.51h-24.62a4.37 4.37 0 0 1-3.32-1.51l-15.35-18.22-0.24-0.32a3.83 3.83 0 0 1-0.57-3.08l5.47-22.71a4 4 0 0 1 2.29-2.73l22.18-10.11a4.33 4.33 0 0 1 1.62-0.39z" data-name="path3054-2-9"/>
+   </g>
+   <g id="text2066-12-5" class="cls-14" data-name="text2066">
+    <text id="text221-0" class="cls-20" transform="matrix(1.05,0,0,1,266.83,162.57)">c-m</text>
+   </g>
+   <path id="path1984-6-7" class="cls-13" d="m275.4 118.51c-0.52 0-14.92 6.74-15.11 7.09-0.45 0.83-3.73 15.25-3.53 15.57s2.47 3 5.24 6.34l5 6h16.59l5.28-6.29 5.27-6.29-1.84-7.73c-1-4.25-1.93-7.8-2-7.88-0.26-0.24-14.64-6.82-14.92-6.83zm0.88 7.06c0.7 0 0.77 1 2.26 1.15 1.95 0.14 1.74-1.59 3.23-0.39s-0.33 1.3 0.13 3.11 2.12 1.08 1.38 2.81-1.39 0.1-3 1.08-0.43 2.26-2.37 2.12-0.53-1.23-2-2.44-2.39 0.31-2.85-1.5 1.06-0.86 1.81-2.58-1.05-2.07 0.61-3.05a2.71 2.71 0 0 1 0.53-0.25 1.16 1.16 0 0 1 0.34-0.06zm2 2a2.94 2.94 0 0 0-0.84 0.12 2.68 2.68 0 0 0-1.89 3.36 2.85 2.85 0 0 0 3.52 1.8 2.67 2.67 0 0 0 1.89-3.36 2.8 2.8 0 0 0-2.73-1.88zm-11.18 4.64a2 2 0 0 1 0.56 0.1c1.79 0.52 0 1.42 1.25 2.73s2.34-0.36 2.76 1.39-1.3 0.68-1.85 2.39 1.5 1.76 0.12 3-1.27-0.73-3.1-0.33-0.85 2.12-2.64 1.59 0-1.42-1.25-2.73-2.34 0.36-2.76-1.38 1.3-0.69 1.85-2.4-1.5-1.76-0.13-3 1.28 0.74 3.11 0.33c1.6-0.35 1-1.7 2.08-1.69zm13.32 1.87a2.06 2.06 0 0 1 0.64 0.14c2.06 0.77-0.66 2 0.95 3.41s2.71-1.19 3.61 0.75-1.91 0.93-1.86 3.05 2.8 1 2 3-2-0.62-3.57 0.91 1.24 2.59-0.79 3.44-1-1.82-3.19-1.77-1 2.67-3.11 1.9 0.65-1.94-0.95-3.4-2.71 1.18-3.61-0.75 1.91-0.94 1.86-3-2.8-1-2-3 2 0.63 3.57-0.9-1.24-2.59 0.79-3.44 1 1.81 3.19 1.77c1.94 0 1.28-2.06 2.47-2zm-14.49 0.91a2.7 2.7 0 1 0 2.83 2.7 2.77 2.77 0 0 0-2.88-2.69zm12.07 2.62a4 4 0 1 0 4.16 4 4.07 4.07 0 0 0-4.16-4z" data-name="path1984"/>
+  </g>
+ </g>
+ <text id="text257-0" class="cls-22" x="709.74622" y="273.9754" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1312-5" font-family="'Open Sans'" font-size="14.667px" font-weight="bold" text-align="center" text-anchor="middle" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Node</tspan></text>
+ <text id="text257-0-8" class="cls-22" x="870.43634" y="273.14334" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1312-5-0" font-family="'Open Sans'" font-size="14.667px" font-weight="bold" text-align="center" text-anchor="middle" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Node</tspan></text>
+ <g id="g1782" transform="translate(-123.82 -40.997)">
+  <path id="path24" class="cls-7" d="m482.2 151.95h391.95" stroke-width="1.5"/>
+  <path id="path26" d="m872.31 157.19 13.46-4.84-13.46-4.83z"/>
+ </g>
+ <g id="g3988" transform="translate(-123.82 664.74)">
+  <g id="g3990"/>
+ </g>
+ <g id="g4014" transform="translate(-123.82 664.74)">
+  <g id="g4016"/>
+ </g>
+ <path id="path4857" d="m468.32 368.91v100.33h47.605v-1h-46.605v-99.334z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill-rule="evenodd" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+ <path id="path4853" d="m346.1 259.99c-323.35-210.23-161.68-105.11 0 0z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill-rule="evenodd" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+ <path id="path3934" d="m629.76 369.61v100.33h45.238v-1h-44.238v-99.334z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill-rule="evenodd" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+ <g id="layer1" transform="translate(-312.21 93.814)">
+  <g id="g70">
+   <path id="path3055" class="cls-11" d="m861.36 328.44a4.79 4.79 0 0 0-1.82 0.46l-24.77 11.83a4.71 4.71 0 0 0-2.56 3.19l-6.12 26.59a4.66 4.66 0 0 0 0.65 3.6 3.28 3.28 0 0 0 0.27 0.38l17.14 21.32a4.75 4.75 0 0 0 3.71 1.76h27.5a4.74 4.74 0 0 0 3.7-1.77l17.14-21.32a4.68 4.68 0 0 0 0.92-4l-6.12-26.56a4.69 4.69 0 0 0-2.56-3.19l-24.79-11.83a4.76 4.76 0 0 0-2.29-0.46z"/>
+   <path id="path3054-2-9" class="cls-13" d="m861.34 326.51a5.09 5.09 0 0 0-1.91 0.49l-26.15 12.49a5 5 0 0 0-2.71 3.37l-6.45 28.07a4.9 4.9 0 0 0 0.68 3.8c0.09 0.14 0.18 0.27 0.28 0.4l18.1 22.5a5 5 0 0 0 3.91 1.87h29a5 5 0 0 0 3.91-1.86l18.1-22.51a5 5 0 0 0 1-4.2l-6.46-28.07a5 5 0 0 0-2.7-3.36l-26.17-12.5a5.07 5.07 0 0 0-2.43-0.49zm0 1.93a4.76 4.76 0 0 1 2.29 0.46l24.78 11.83a4.69 4.69 0 0 1 2.56 3.19l6.12 26.59a4.63 4.63 0 0 1-0.91 4l-17.12 21.29a4.75 4.75 0 0 1-3.71 1.77h-27.49a4.75 4.75 0 0 1-3.71-1.77l-17.15-21.31a3.28 3.28 0 0 1-0.27-0.38 4.66 4.66 0 0 1-0.65-3.6l6.11-26.59a4.73 4.73 0 0 1 2.57-3.18l24.77-11.84a4.79 4.79 0 0 1 1.82-0.46z"/>
+  </g>
+  <g id="text2066" class="cls-14">
+   <text id="text133" class="cls-15" transform="translate(841.97,391.73)">k-proxy</text>
+  </g>
+  <path id="path1994" class="cls-13" d="m861.53 338.69c-0.58 0-16.66 7.89-16.87 8.29-0.51 1-4.17 17.86-4 18.23 0.13 0.21 2.77 3.55 5.86 7.42l5.63 7h18.53l5.9-7.37 5.89-7.36-2.06-9c-1.13-5-2.15-9.13-2.25-9.23-0.29-0.28-16.36-8-16.67-8zm0.82 3.95 3.79 1.1-3.79 1.1-3.79-1.1zm-3.79 1.52 3.55 1.06v4.93l-3.53-2zm7.58 0v4l-3.53 2v-4.93zm-9.14 6.73 3.79 1.1-3.79 1.1-3.79-1.1zm9.22 0 3.78 1.11-3.79 1.1-3.8-1.1zm-13 1.52 3.55 1.06v4.93l-3.54-1.95zm7.58 0v4l-3.53 1.95v-4.93zm1.63 0 3.55 1.06v4.93l-3.53-1.95zm7.59 0v4l-3.54 1.95v-4.93zm-14.39 6.32c1.13 0 0.25 1.18 1.53 1.79s1.65-1 2.51 0.26-0.76 0.93-0.64 2.44 1.67 0.94 1 2.31-1.19-0.2-2.43 0.66 0 1.92-1.48 2-0.43-1.13-1.79-1.78-1.65 1-2.51-0.27 0.76-0.93 0.64-2.43-1.67-0.94-1-2.31 1.19 0.2 2.43-0.66 0-1.92 1.49-2zm9.74 1.52c2 0.05 0.06 1.95 1.9 2.77s1.95-1.89 3.34-0.43-1.34 1.42-0.62 3.31 2.72 0 2.66 2.05-2 0.06-2.77 1.9 1.89 1.95 0.43 3.34-1.42-1.34-3.31-0.62 0 2.72-2.05 2.66-0.06-2-1.9-2.77-2 1.89-3.34 0.43 1.34-1.42 0.62-3.31-2.72 0-2.66-2.05 2-0.06 2.77-1.9-1.89-1.95-0.43-3.34 1.42 1.34 3.31 0.62-0.01-2.72 2.01-2.66zm-9.65 1.05a2.22 2.22 0 1 0 2.21 2.22 2.22 2.22 0 0 0-2.25-2.22zm9.44 2a4.43 4.43 0 1 0 4.43 4.43 4.43 4.43 0 0 0-4.47-4.42z"/>
+ </g>
+ <g id="layer1-4" transform="translate(-312.22 93.814)" data-name="layer1">
+  <g id="g70-4" data-name="g70">
+   <path id="path3055-4" class="cls-11" d="m861.37 239.22a4.45 4.45 0 0 0-1.72 0.43l-23.45 11.21a4.46 4.46 0 0 0-2.43 3l-5.77 25.19a4.46 4.46 0 0 0 0.61 3.41c0.08 0.12 0.17 0.24 0.26 0.35l16.21 20.19a4.52 4.52 0 0 0 3.51 1.67h26a4.46 4.46 0 0 0 3.51-1.67l16.23-20.18a4.42 4.42 0 0 0 0.86-3.77l-5.79-25.17a4.46 4.46 0 0 0-2.43-3l-23.45-11.2a4.56 4.56 0 0 0-2.15-0.46z" data-name="path3055"/>
+   <path id="path3054-2-9-4" class="cls-13" d="m861.36 237.39a4.71 4.71 0 0 0-1.81 0.47l-24.77 11.82a4.74 4.74 0 0 0-2.56 3.19l-6.1 26.57a4.62 4.62 0 0 0 0.64 3.6 3.28 3.28 0 0 0 0.27 0.38l17.13 21.31a4.78 4.78 0 0 0 3.71 1.76h27.48a4.74 4.74 0 0 0 3.7-1.77l17.13-21.31a4.66 4.66 0 0 0 0.92-4l-6.1-26.55a4.72 4.72 0 0 0-2.56-3.18l-24.76-11.83a4.82 4.82 0 0 0-2.32-0.46zm0 1.83a4.49 4.49 0 0 1 2.17 0.43l23.47 11.2a4.48 4.48 0 0 1 2.43 3l5.79 25.15a4.42 4.42 0 0 1-0.86 3.77l-16.23 20.23a4.5 4.5 0 0 1-3.51 1.68h-26a4.49 4.49 0 0 1-3.51-1.67l-16.23-20.19c-0.09-0.11-0.18-0.23-0.26-0.35a4.42 4.42 0 0 1-0.61-3.41l5.79-25.17a4.46 4.46 0 0 1 2.43-3l23.45-11.21a4.45 4.45 0 0 1 1.72-0.43z" data-name="path3054-2-9"/>
+  </g>
+  <g id="text2066-4" class="cls-14" data-name="text2066">
+   <text id="text157" class="cls-16" transform="translate(843.3,299.14)">kubelet</text>
+  </g>
+  <path id="path1994-4" class="cls-13" d="m861.53 248.92c-0.54 0-15.77 7.47-16 7.85-0.48 0.93-3.95 16.91-3.74 17.25s2.61 3.37 5.54 7l5.33 6.67h17.55l11.16-14-1.95-8.56c-1.08-4.71-2-8.64-2.14-8.74-0.27-0.26-15.48-7.55-15.78-7.56zm0.78 3.74 3.59 1-3.59 1-3.59-1zm-3.59 1.44 3.36 1v4.67l-3.34-1.85zm7.18 0v3.82l-3.35 1.85v-4.67zm-8.68 6.38 3.59 1-3.59 1-3.59-1zm8.72 0 3.59 1-3.59 1-3.59-1zm-12.31 1.43 3.36 1v4.68l-3.35-1.86zm7.18 0v3.82l-3.35 1.86v-4.68zm1.54 0 3.36 1v4.68l-3.35-1.86zm7.18 0v3.82l-3.34 1.86v-4.68zm-13.62 6c1.07 0 0.24 1.11 1.45 1.69s1.56-0.93 2.38 0.25-0.73 0.88-0.61 2.31 1.58 0.89 1 2.18-1.13-0.19-2.31 0.62 0 1.82-1.4 1.94-0.4-1.07-1.7-1.69-1.56 0.93-2.37-0.25 0.73-0.88 0.61-2.31-1.59-0.88-1-2.18 1.12 0.19 2.3-0.62 0-1.82 1.41-1.94zm9.22 1.43c1.91 0.05 0.06 1.85 1.8 2.63s1.85-1.8 3.16-0.41-1.26 1.34-0.58 3.13 2.57 0 2.52 1.94-1.85 0.06-2.63 1.8 1.79 1.85 0.41 3.16-1.35-1.26-3.13-0.58 0 2.57-1.95 2.52-0.05-1.85-1.8-2.63-1.84 1.8-3.15 0.41 1.26-1.34 0.58-3.13-2.58 0-2.52-1.94 1.84-0.06 2.62-1.81-1.79-1.84-0.4-3.15 1.34 1.26 3.13 0.58 0.03-2.58 1.94-2.53zm-9.14 1a2.1 2.1 0 1 0 2.1 2.1 2.1 2.1 0 0 0-2.09-2.11zm8.94 1.9a4.2 4.2 0 1 0 4.2 4.19 4.2 4.2 0 0 0-4.2-4.2z" data-name="path1994"/>
+ </g>
+ <g id="layer1-5" transform="translate(-288.32 93.814)" data-name="layer1">
+  <g id="g70-5" data-name="g70">
+   <path id="path3055-5" class="cls-11" d="m998.15 239.22a4.45 4.45 0 0 0-1.72 0.43l-23.43 11.21a4.45 4.45 0 0 0-2.42 3l-5.79 25.17a4.42 4.42 0 0 0 0.61 3.41 2.88 2.88 0 0 0 0.26 0.35l16.2 20.21a4.52 4.52 0 0 0 3.51 1.67h26a4.49 4.49 0 0 0 3.51-1.67l16.22-20.18a4.42 4.42 0 0 0 0.9-3.82l-5.79-25.17a4.48 4.48 0 0 0-2.43-3l-23.46-11.2a4.49 4.49 0 0 0-2.17-0.41z" data-name="path3055"/>
+   <path id="path3054-2-9-5" class="cls-13" d="m998.13 237.39a4.81 4.81 0 0 0-1.81 0.47l-24.76 11.82a4.71 4.71 0 0 0-2.56 3.19l-6.11 26.57a4.7 4.7 0 0 0 0.64 3.6l0.27 0.38 17.14 21.31a4.76 4.76 0 0 0 3.7 1.76h27.48a4.76 4.76 0 0 0 3.71-1.77l17.17-21.31a4.66 4.66 0 0 0 0.91-4l-6.11-26.58a4.73 4.73 0 0 0-2.57-3.18l-24.76-11.83a4.77 4.77 0 0 0-2.34-0.43zm0 1.83a4.52 4.52 0 0 1 2.17 0.43l23.46 11.2a4.48 4.48 0 0 1 2.43 3l5.81 25.15a4.42 4.42 0 0 1-0.87 3.77l-16.22 20.23a4.53 4.53 0 0 1-3.51 1.68h-26a4.49 4.49 0 0 1-3.51-1.67l-16.23-20.19a2.88 2.88 0 0 1-0.26-0.35 4.42 4.42 0 0 1-0.61-3.41l5.79-25.17a4.44 4.44 0 0 1 2.42-3l23.46-11.21a4.45 4.45 0 0 1 1.72-0.43z" data-name="path3054-2-9"/>
+  </g>
+  <g id="text2066-5" class="cls-14" data-name="text2066">
+   <text id="text165" class="cls-16" transform="translate(980.08,299.14)">kubelet</text>
+  </g>
+  <path id="path1994-5" class="cls-13" d="m998.31 248.92c-0.55 0-15.78 7.47-16 7.85-0.48 0.93-4 16.91-3.75 17.25s2.62 3.37 5.55 7l5.33 6.67h17.56l5.59-7 5.58-7-2-8.56c-1.07-4.71-2-8.64-2.13-8.74-0.28-0.26-15.48-7.55-15.78-7.56zm0.77 3.74 3.59 1-3.59 1-3.58-1zm-3.58 1.44 3.36 1v4.67l-3.34-1.85zm7.17 0v3.82l-3.34 1.85v-4.67zm-8.67 6.38 3.59 1-3.59 1-3.59-1zm8.72 0 3.59 1-3.59 1-3.59-1zm-12.31 1.43 3.36 1v4.68l-3.34-1.86zm7.18 0v3.82l-3.35 1.86v-4.68zm1.54 0 3.36 1v4.68l-3.34-1.86zm7.18 0v3.82l-3.35 1.86v-4.68zm-13.62 6c1.06 0 0.24 1.11 1.45 1.69s1.56-0.93 2.37 0.25-0.72 0.88-0.61 2.31 1.59 0.89 1 2.18-1.13-0.19-2.31 0.62 0 1.82-1.4 1.94-0.41-1.07-1.7-1.69-1.56 0.93-2.37-0.25 0.72-0.88 0.61-2.31-1.59-0.88-1-2.18 1.12 0.19 2.3-0.62 0-1.82 1.41-1.94zm9.22 1.43c1.91 0.05 0.06 1.85 1.8 2.63s1.84-1.8 3.16-0.41-1.27 1.34-0.59 3.13 2.58 0 2.52 1.94-1.84 0.06-2.62 1.8 1.79 1.85 0.4 3.16-1.34-1.26-3.12-0.58 0 2.57-2 2.52-0.06-1.85-1.8-2.63-1.85 1.8-3.16 0.41 1.27-1.34 0.58-3.13-2.57 0-2.51-1.94 1.84-0.06 2.62-1.81-1.79-1.84-0.41-3.15 1.35 1.26 3.13 0.58 0.09-2.58 2-2.53zm-9.14 1a2.1 2.1 0 1 0 2.1 2.1 2.1 2.1 0 0 0-2.1-2.11zm8.94 1.9a4.2 4.2 0 1 0 4.19 4.19 4.2 4.2 0 0 0-4.19-4.2z" data-name="path1994"/>
+ </g>
+ <g id="layer1-3-3" transform="translate(-440.4 93.814)" data-name="layer1">
+  <g id="g70-3-0" data-name="g70">
+   <path id="path3055-3-4" class="cls-11" d="m1150.2 328.44a4.79 4.79 0 0 0-1.82 0.46l-24.77 11.83a4.71 4.71 0 0 0-2.56 3.19l-6.1 26.59a4.66 4.66 0 0 0 0.65 3.6 3.28 3.28 0 0 0 0.27 0.38l17.08 21.32a4.75 4.75 0 0 0 3.71 1.76h27.5a4.74 4.74 0 0 0 3.7-1.77l17.14-21.32a4.68 4.68 0 0 0 0.92-4l-6.13-26.58a4.69 4.69 0 0 0-2.56-3.19l-24.77-11.83a4.82 4.82 0 0 0-2.26-0.44z" data-name="path3055"/>
+   <path id="path3054-2-9-3-0" class="cls-13" d="m1150.2 326.51a5.09 5.09 0 0 0-1.91 0.49l-26.15 12.49a5 5 0 0 0-2.71 3.37l-6.46 28.07a4.9 4.9 0 0 0 0.68 3.8c0.09 0.14 0.18 0.27 0.28 0.4l18.1 22.5a5 5 0 0 0 3.91 1.87h29a5 5 0 0 0 3.91-1.86l18.1-22.51a5 5 0 0 0 1-4.2l-6.46-28.07a5 5 0 0 0-2.7-3.36l-26.16-12.5a5.07 5.07 0 0 0-2.43-0.49zm0 1.93a4.76 4.76 0 0 1 2.29 0.46l24.78 11.83a4.69 4.69 0 0 1 2.56 3.19l6.13 26.59a4.66 4.66 0 0 1-0.92 4l-17.07 21.29a4.74 4.74 0 0 1-3.7 1.77h-27.5a4.76 4.76 0 0 1-3.71-1.77l-17.14-21.32a3.28 3.28 0 0 1-0.27-0.38 4.66 4.66 0 0 1-0.65-3.6l6.12-26.59a4.69 4.69 0 0 1 2.56-3.18l24.77-11.84a4.79 4.79 0 0 1 1.82-0.46z" data-name="path3054-2-9"/>
+  </g>
+  <g id="text2066-3-0" class="cls-14" data-name="text2066">
+   <text id="text149-5" class="cls-15" transform="translate(1130.9 391.73)">k-proxy</text>
+  </g>
+  <path id="path1994-3-5" class="cls-13" d="m1150.4 338.69c-0.58 0-16.66 7.89-16.87 8.29-0.51 1-4.17 17.86-4 18.23 0.12 0.21 2.76 3.55 5.85 7.42l5.63 7h18.53l5.9-7.37 5.89-7.36-2.06-9c-1.13-5-2.15-9.13-2.25-9.23-0.29-0.28-16.36-8-16.67-8zm0.82 3.95 3.79 1.1-3.79 1.1-3.79-1.1zm-3.79 1.52 3.55 1.06v4.93l-3.53-2zm7.58 0v4l-3.53 2v-4.93zm-9.17 6.73 3.79 1.1-3.79 1.1-3.79-1.1zm9.22 0 3.79 1.1-3.79 1.1-3.8-1.1zm-13 1.52 3.55 1.06v4.93l-3.54-1.95zm7.58 0v4l-3.53 1.95v-4.93zm1.63 0 3.55 1.06v4.93l-3.53-1.95zm7.59 0v4l-3.53 1.95v-4.93zm-14.39 6.32c1.13 0 0.25 1.18 1.54 1.79s1.64-1 2.5 0.26-0.76 0.93-0.64 2.44 1.67 0.94 1 2.31-1.19-0.2-2.43 0.66 0 1.92-1.48 2-0.43-1.13-1.79-1.78-1.65 1-2.51-0.27 0.76-0.93 0.64-2.43-1.67-0.94-1-2.31 1.19 0.2 2.43-0.66 0-1.92 1.49-2zm9.74 1.52c2 0.05 0.06 1.95 1.9 2.77s2-1.89 3.34-0.43-1.34 1.42-0.62 3.31 2.72 0 2.66 2.05-2 0.06-2.77 1.9 1.89 1.95 0.43 3.34-1.42-1.34-3.3-0.62 0 2.72-2.06 2.66-0.06-2-1.9-2.77-2 1.89-3.34 0.43 1.34-1.42 0.62-3.31-2.72 0-2.66-2.05 2-0.06 2.77-1.9-1.89-1.95-0.43-3.34 1.42 1.34 3.31 0.62 0.02-2.72 2.04-2.66zm-9.65 1.05a2.22 2.22 0 1 0 2.22 2.22 2.22 2.22 0 0 0-2.23-2.22zm9.44 2a4.43 4.43 0 1 0 4.43 4.43 4.43 4.43 0 0 0-4.45-4.42z" data-name="path1994"/>
+ </g>
+ <g id="g4896" transform="translate(-138.94 -55.356)" fill-rule="evenodd" shape-rendering="auto">
+  <g id="g4885">
+   <path id="path4847" d="m594.91 274.99v27.163h-107.08v1h108.08v-27.163h333.33v250.34h49.326v-1h-48.326v-100.37h48.326v-1h-48.326v-148.98z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+   <path id="path4845" d="m488.78 300.07c-0.0266-2e-3 -0.0532 2e-3 -0.0781 0.0117l-6.5547 2.4102c-0.16295 0.0605-0.16295 0.29102 0 0.35156l6.5547 2.4121c0.1731 0.063 0.32383-0.13521 0.21679-0.28515-0.99512-1.3865-0.9987-3.2444 0-4.6016 0.0885-0.11937 0.01-0.28934-0.13867-0.29882z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+  </g>
+  <g id="g4877">
+   <path id="path4861" d="m489.69 329.63v1h117.52v94.564h47.605v-1h-46.605v-94.564z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+   <path id="path4859" d="m490.78 327.54c-0.014 2e-3 -0.0277 5e-3 -0.041 0.01l-6.5547 2.4121c-0.16295 0.0605-0.16295 0.29102 0 0.35156l6.5547 2.4102c0.17312 0.0631 0.32387-0.13522 0.2168-0.28516-0.99512-1.3865-1.0007-3.2444-2e-3 -4.6016 0.0968-0.13239-0.011-0.31652-0.17382-0.29687z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+  </g>
+  <g id="g4881">
+   <path id="path4855" d="m607.02 287.07v27.763h-117.48v1h118.48v-27.763h160.68v137.39h45.271v-1h-44.271v-137.39z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+   <path id="path4851" d="m492.11 312.75c-0.014 2e-3 -0.0278 5e-3 -0.041 0.01l-6.5547 2.4102c-0.16655 0.059-0.16655 0.29453 0 0.35352l6.5547 2.4102c0.17311 0.0631 0.32385-0.13522 0.21679-0.28516-0.99512-1.3865-0.9987-3.2444 0-4.6016 0.0978-0.13318-0.012-0.31859-0.17578-0.29688z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+  </g>
+ </g>
+ <rect id="rect1051" x="40.959" y="40.872" width="351.71" height="459.79" ry="18.916" fill="none" opacity=".95" stroke="#336de5" stroke-dasharray="20.8, 2.6" stroke-miterlimit="1.414" stroke-width="2.6"/>
+ <g id="g4560">
+  <text id="text270" class="cls-22" x="1148.4604" y="500.68777" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1047" font-family="'Open Sans'" font-size="14.667px" font-weight="600" text-align="end" text-anchor="end" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Control plane</tspan></text>
+  <text id="text270-1" class="cls-22" x="1148.0236" y="456.87979" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1047-7" font-family="'Open Sans'" font-size="14.667px" font-weight="600" text-align="end" text-anchor="end" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Scheduler</tspan></text>
+  <g id="use1797" transform="translate(-137.57 -55.356)">
+   <g id="g1691" transform="matrix(.71919 0 0 .71919 992.05 180.04)" data-name="layer1">
+    <g id="g1683" data-name="g70">
+     <path id="path1679" class="cls-11" d="m465.45 413.24a4.4 4.4 0 0 0-1.71 0.43l-23.38 11.13a4.43 4.43 0 0 0-2.42 3l-5.77 25a4.36 4.36 0 0 0 0.61 3.39 2.8 2.8 0 0 0 0.25 0.35l16.18 20.06a4.5 4.5 0 0 0 3.5 1.66h26a4.5 4.5 0 0 0 3.5-1.66l16.18-20.06a4.35 4.35 0 0 0 0.86-3.74l-5.77-25a4.44 4.44 0 0 0-2.42-3l-23.39-11.13a4.49 4.49 0 0 0-2.22-0.43z" data-name="path3055"/>
+     <path id="path1681" class="cls-13" d="m465.44 411.43a4.73 4.73 0 0 0-1.81 0.45l-24.63 11.76a4.66 4.66 0 0 0-2.56 3.16l-6.09 26.4a4.65 4.65 0 0 0 0.64 3.58l0.27 0.37 17.09 21.18a4.72 4.72 0 0 0 3.69 1.75h27.4a4.76 4.76 0 0 0 3.69-1.76l17.08-21.17a4.64 4.64 0 0 0 0.91-3.95l-6.12-26.4a4.69 4.69 0 0 0-2.55-3.17l-24.69-11.75a4.75 4.75 0 0 0-2.32-0.45zm0 1.81a4.52 4.52 0 0 1 2.17 0.43l23.39 11.13a4.42 4.42 0 0 1 2.41 3l5.78 25a4.35 4.35 0 0 1-0.86 3.74l-16.18 20.06a4.5 4.5 0 0 1-3.5 1.66h-26a4.5 4.5 0 0 1-3.5-1.66l-16.15-20.05c-0.09-0.11-0.18-0.23-0.26-0.35a4.4 4.4 0 0 1-0.6-3.39l5.77-25a4.43 4.43 0 0 1 2.42-3l23.38-11.13a4.4 4.4 0 0 1 1.71-0.43z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g1687" class="cls-14" data-name="text2066">
+     <text id="text1685" class="cls-17" transform="translate(451.08,472.77)">sched</text>
+    </g>
+    <path id="path1689" class="cls-13" d="m465.61 424.26c-0.54 0-15.72 7.42-15.92 7.8-0.48 0.92-3.93 16.8-3.73 17.14s2.61 3.35 5.53 7l5.31 6.62h17.49l5.57-6.93 5.56-6.92-1.95-8.51c-1.07-4.68-2-8.59-2.12-8.68-0.28-0.26-15.44-7.51-15.74-7.52zm0.93 7.78c0.74 0 0.81 1.14 2.39 1.26 2.05 0.15 1.83-1.75 3.4-0.43s-0.35 1.43 0.14 3.42 2.24 1.2 1.46 3.1-1.47 0.1-3.22 1.18-0.45 2.5-2.51 2.34-0.55-1.35-2.12-2.68-2.52 0.34-3-1.65 1.13-0.95 1.91-2.85-1.11-2.28 0.64-3.36a2.78 2.78 0 0 1 0.56-0.27 1 1 0 0 1 0.36-0.06zm2.06 2.24a2.89 2.89 0 0 0-0.88 0.13 3 3 0 1 0 0.88-0.13zm-11.78 5.11a2.21 2.21 0 0 1 0.58 0.11c1.89 0.58 0 1.57 1.32 3s2.47-0.4 2.91 1.52-1.37 0.76-1.95 2.64 1.58 1.94 0.13 3.28-1.34-0.81-3.27-0.37-0.89 2.34-2.78 1.76 0-1.57-1.32-3-2.47 0.4-2.92-1.52 1.38-0.76 2-2.64-1.58-1.94-0.14-3.28 1.35 0.81 3.28 0.36c1.68-0.38 1.1-1.88 2.2-1.86zm14 2.06a2 2 0 0 1 0.67 0.15c2.18 0.85-0.69 2.15 1 3.75s2.86-1.3 3.8 0.83-2 1-1.95 3.36 2.95 1.09 2.1 3.26-2.15-0.69-3.76 1 1.31 2.85-0.83 3.79-1-2-3.37-1.95-1.1 2.94-3.27 2.1 0.69-2.15-1-3.75-2.86 1.3-3.81-0.83 2-1 2-3.36-2.95-1.09-2.11-3.26 2.15 0.69 3.77-1-1.31-2.85 0.83-3.79 1 2 3.36 1.95c2.05-0.05 1.36-2.26 2.61-2.25zm-15.28 1a3 3 0 1 0 3 3 3 3 0 0 0-2.96-3zm12.81 2.85a4.38 4.38 0 1 0 4.39 4.37 4.37 4.37 0 0 0-4.35-4.37z" data-name="path1984"/>
+   </g>
+  </g>
+  <text id="text270-1-1-5" class="cls-22" x="1148.0236" y="106.06998" font-family="'Open Sans'" font-size="14.667px" font-weight="600" text-anchor="end" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"><tspan id="tspan4599" x="1148.0236" y="106.06998" text-align="end">Cloud controller</tspan><tspan id="tspan4601" x="1148.0236" y="124.40336" text-align="end">manager</tspan><tspan id="tspan4603" x="1148.0236" y="142.73674" font-style="italic" text-align="end">(optional)</tspan></text>
+  <g id="use1603" transform="translate(-138.94 -54.387)">
+   <g id="g2359" transform="matrix(.7857 0 0 .7857 963.45 64.034)" data-name="layer1">
+    <g id="g2351" data-name="g70">
+     <path id="path2347" class="cls-11" d="m462.48 109.72a4.33 4.33 0 0 0-1.65 0.42l-22.55 10.77a4.29 4.29 0 0 0-2.33 2.9l-5.56 24.19a4.22 4.22 0 0 0 0.59 3.28 2.62 2.62 0 0 0 0.24 0.34l15.61 19.38a4.29 4.29 0 0 0 3.37 1.61h25a4.34 4.34 0 0 0 3.37-1.6l15.6-19.41a4.22 4.22 0 0 0 0.83-3.6l-5.57-24.19a4.27 4.27 0 0 0-2.33-2.9l-22.55-10.77a4.31 4.31 0 0 0-2.07-0.42z" data-name="path3055"/>
+     <path id="path2349" class="cls-13" d="m462.47 108a4.56 4.56 0 0 0-1.74 0.44l-23.8 11.37a4.53 4.53 0 0 0-2.47 3.06l-5.87 25.55a4.49 4.49 0 0 0 0.62 3.46l0.26 0.36 16.47 20.48a4.57 4.57 0 0 0 3.56 1.7h26.42a4.56 4.56 0 0 0 3.56-1.69l16.46-20.49a4.44 4.44 0 0 0 0.88-3.81l-5.88-25.55a4.5 4.5 0 0 0-2.46-3.06l-23.8-11.37a4.57 4.57 0 0 0-2.21-0.45zm0 1.75a4.31 4.31 0 0 1 2.09 0.42l22.55 10.77a4.27 4.27 0 0 1 2.33 2.9l5.56 24.16a4.21 4.21 0 0 1-0.83 3.62l-15.58 19.38a4.31 4.31 0 0 1-3.37 1.6h-25a4.33 4.33 0 0 1-3.38-1.61l-15.6-19.4c-0.09-0.11-0.17-0.22-0.25-0.34a4.26 4.26 0 0 1-0.58-3.28l5.56-24.2a4.29 4.29 0 0 1 2.33-2.9l22.55-10.77a4.33 4.33 0 0 1 1.65-0.42z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g2355" class="cls-14" data-name="text2066">
+     <text id="text2353" class="cls-19" transform="translate(449.46,167.32)">c-c-m</text>
+    </g>
+    <path id="path2357" class="cls-13" d="m462.64 120.39c-0.53 0-15.17 7.18-15.36 7.55-0.46 0.88-3.79 16.25-3.59 16.58s2.51 3.23 5.33 6.76l5.12 6.4h16.86l5.36-6.7 5.37-6.7-1.88-8.23c-1-4.53-2-8.31-2.05-8.4-0.27-0.25-14.89-7.26-15.17-7.27zm0.9 7.52c0.7 0 0.78 1.11 2.29 1.22 2 0.15 1.77-1.69 3.28-0.41s-0.33 1.38 0.14 3.31 2.16 1.15 1.4 3-1.41 0.1-3.1 1.15-0.43 2.41-2.41 2.26-0.54-1.31-2.05-2.6-2.43 0.34-2.9-1.59 1.08-0.92 1.83-2.75-1.06-2.21 0.63-3.25a2.45 2.45 0 0 1 0.54-0.27 0.92 0.92 0 0 1 0.35-0.06zm2 2.17a3 3 0 0 0-0.84 0.12 2.88 2.88 0 1 0 0.84-0.12zm-11.38 4.92a2.47 2.47 0 0 1 0.56 0.11c1.82 0.56 0 1.51 1.27 2.91s2.38-0.38 2.81 1.47-1.33 0.73-1.89 2.56 1.53 1.87 0.13 3.17-1.29-0.78-3.15-0.35-0.86 2.25-2.68 1.69 0-1.51-1.27-2.91-2.39 0.38-2.82-1.47 1.33-0.73 1.89-2.56-1.53-1.87-0.13-3.17 1.3 0.78 3.15 0.36c1.63-0.38 1.07-1.82 2.13-1.81zm13.54 2a1.81 1.81 0 0 1 0.64 0.14c2.1 0.82-0.66 2.08 1 3.63s2.77-1.26 3.67 0.8-1.93 1-1.88 3.25 2.84 1.06 2 3.16-2.07-0.67-3.63 1 1.26 2.76-0.8 3.67-1-1.94-3.25-1.89-1.06 2.85-3.16 2 0.67-2.07-1-3.63-2.76 1.27-3.67-0.79 1.94-1 1.89-3.25-2.85-1.06-2-3.16 2.07 0.67 3.63-1-1.26-2.76 0.8-3.67 1 1.93 3.24 1.88c2 0 1.31-2.19 2.52-2.17zm-14.7 1a2.88 2.88 0 1 0 2.87 2.88 2.88 2.88 0 0 0-2.87-2.88zm12.35 2.76a4.23 4.23 0 1 0 4.24 4.23 4.23 4.23 0 0 0-4.28-4.25z" data-name="path1984"/>
+   </g>
+  </g>
+  <text id="text270-1-1-5-8" class="cls-22" x="1148.0236" y="186.10117" font-family="'Open Sans'" font-size="14.667px" font-weight="600" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"><tspan id="tspan4605" x="1148.0236" y="186.10117" text-align="end" text-anchor="end">Controller</tspan><tspan id="tspan4607" x="1148.0236" y="204.43454"><tspan id="tspan4609" text-align="end" text-anchor="end">manage</tspan>r</tspan></text>
+  <g id="use1635" transform="translate(-138.44 -53.418)">
+   <g id="g1625" transform="matrix(.78345 0 0 .78345 1111.2 130.81)" data-name="layer1">
+    <g id="g1617" data-name="g70">
+     <path id="path1613" class="cls-11" d="m275.24 108.5a4.33 4.33 0 0 0-1.62 0.39l-22.18 10.11a4 4 0 0 0-2.29 2.72l-5.47 22.72a3.83 3.83 0 0 0 0.57 3.08l0.24 0.32 15.35 18.22a4.37 4.37 0 0 0 3.32 1.51h24.62a4.3 4.3 0 0 0 3.31-1.51l15.35-18.21a3.9 3.9 0 0 0 0.82-3.4l-5.48-22.72a4.08 4.08 0 0 0-2.3-2.72l-22.18-10.12a4.41 4.41 0 0 0-2.06-0.39z" data-name="path3055"/>
+     <path id="path1615" class="cls-13" d="m275.23 106.85a4.62 4.62 0 0 0-1.71 0.42l-23.41 10.67a4.32 4.32 0 0 0-2.43 2.88l-5.77 24a4 4 0 0 0 0.61 3.25c0.08 0.12 0.16 0.23 0.25 0.34l16.23 19.21a4.61 4.61 0 0 0 3.51 1.59h26a4.58 4.58 0 0 0 3.5-1.6l16.2-19.23a4 4 0 0 0 0.86-3.58l-5.78-24a4.26 4.26 0 0 0-2.42-2.87l-23.41-10.68a4.79 4.79 0 0 0-2.23-0.4zm0 1.65a4.41 4.41 0 0 1 2.06 0.39l22.19 10.11a4.08 4.08 0 0 1 2.3 2.72l5.48 22.72a3.9 3.9 0 0 1-0.82 3.4l-15.35 18.21a4.3 4.3 0 0 1-3.31 1.51h-24.62a4.37 4.37 0 0 1-3.32-1.51l-15.35-18.22-0.24-0.32a3.83 3.83 0 0 1-0.57-3.08l5.47-22.71a4 4 0 0 1 2.29-2.73l22.18-10.11a4.33 4.33 0 0 1 1.62-0.39z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g1621" class="cls-14" data-name="text2066">
+     <text id="text1619" class="cls-20" transform="matrix(1.05,0,0,1,266.83,162.57)">c-m</text>
+    </g>
+    <path id="path1623" class="cls-13" d="m275.4 118.51c-0.52 0-14.92 6.74-15.11 7.09-0.45 0.83-3.73 15.25-3.53 15.57s2.47 3 5.24 6.34l5 6h16.59l5.28-6.29 5.27-6.29-1.84-7.73c-1-4.25-1.93-7.8-2-7.88-0.26-0.24-14.64-6.82-14.92-6.83zm0.88 7.06c0.7 0 0.77 1 2.26 1.15 1.95 0.14 1.74-1.59 3.23-0.39s-0.33 1.3 0.13 3.11 2.12 1.08 1.38 2.81-1.39 0.1-3 1.08-0.43 2.26-2.37 2.12-0.53-1.23-2-2.44-2.39 0.31-2.85-1.5 1.06-0.86 1.81-2.58-1.05-2.07 0.61-3.05a2.71 2.71 0 0 1 0.53-0.25 1.16 1.16 0 0 1 0.34-0.06zm2 2a2.94 2.94 0 0 0-0.84 0.12 2.68 2.68 0 0 0-1.89 3.36 2.85 2.85 0 0 0 3.52 1.8 2.67 2.67 0 0 0 1.89-3.36 2.8 2.8 0 0 0-2.73-1.88zm-11.18 4.64a2 2 0 0 1 0.56 0.1c1.79 0.52 0 1.42 1.25 2.73s2.34-0.36 2.76 1.39-1.3 0.68-1.85 2.39 1.5 1.76 0.12 3-1.27-0.73-3.1-0.33-0.85 2.12-2.64 1.59 0-1.42-1.25-2.73-2.34 0.36-2.76-1.38 1.3-0.69 1.85-2.4-1.5-1.76-0.13-3 1.28 0.74 3.11 0.33c1.6-0.35 1-1.7 2.08-1.69zm13.32 1.87a2.06 2.06 0 0 1 0.64 0.14c2.06 0.77-0.66 2 0.95 3.41s2.71-1.19 3.61 0.75-1.91 0.93-1.86 3.05 2.8 1 2 3-2-0.62-3.57 0.91 1.24 2.59-0.79 3.44-1-1.82-3.19-1.77-1 2.67-3.11 1.9 0.65-1.94-0.95-3.4-2.71 1.18-3.61-0.75 1.91-0.94 1.86-3-2.8-1-2-3 2 0.63 3.57-0.9-1.24-2.59 0.79-3.44 1 1.81 3.19 1.77c1.94 0 1.28-2.06 2.47-2zm-14.49 0.91a2.7 2.7 0 1 0 2.83 2.7 2.77 2.77 0 0 0-2.88-2.69zm12.07 2.62a4 4 0 1 0 4.16 4 4.07 4.07 0 0 0-4.16-4z" data-name="path1984"/>
+   </g>
+  </g>
+  <text id="text270-1-2" class="cls-22" x="1147.3718" y="327.01175" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1047-7-2" font-family="'Open Sans'" font-size="14.667px" font-style="italic" font-weight="600" text-align="end" text-anchor="end" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">kubelet</tspan></text>
+  <g id="use1733" transform="translate(-139.16 -55.212)">
+   <g id="g1659" transform="matrix(.76104 0 0 .76104 567.17 163.65)" data-name="layer1">
+    <g id="g1651" data-name="g70">
+     <path id="path1647" class="cls-11" d="m998.15 239.22a4.45 4.45 0 0 0-1.72 0.43l-23.43 11.21a4.45 4.45 0 0 0-2.42 3l-5.79 25.17a4.42 4.42 0 0 0 0.61 3.41 2.88 2.88 0 0 0 0.26 0.35l16.2 20.21a4.52 4.52 0 0 0 3.51 1.67h26a4.49 4.49 0 0 0 3.51-1.67l16.22-20.18a4.42 4.42 0 0 0 0.9-3.82l-5.79-25.17a4.48 4.48 0 0 0-2.43-3l-23.46-11.2a4.49 4.49 0 0 0-2.17-0.41z" data-name="path3055"/>
+     <path id="path1649" class="cls-13" d="m998.13 237.39a4.81 4.81 0 0 0-1.81 0.47l-24.76 11.82a4.71 4.71 0 0 0-2.56 3.19l-6.11 26.57a4.7 4.7 0 0 0 0.64 3.6l0.27 0.38 17.14 21.31a4.76 4.76 0 0 0 3.7 1.76h27.48a4.76 4.76 0 0 0 3.71-1.77l17.17-21.31a4.66 4.66 0 0 0 0.91-4l-6.11-26.58a4.73 4.73 0 0 0-2.57-3.18l-24.76-11.83a4.77 4.77 0 0 0-2.34-0.43zm0 1.83a4.52 4.52 0 0 1 2.17 0.43l23.46 11.2a4.48 4.48 0 0 1 2.43 3l5.81 25.15a4.42 4.42 0 0 1-0.87 3.77l-16.22 20.23a4.53 4.53 0 0 1-3.51 1.68h-26a4.49 4.49 0 0 1-3.51-1.67l-16.23-20.19a2.88 2.88 0 0 1-0.26-0.35 4.42 4.42 0 0 1-0.61-3.41l5.79-25.17a4.44 4.44 0 0 1 2.42-3l23.46-11.21a4.45 4.45 0 0 1 1.72-0.43z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g1655" class="cls-14" data-name="text2066">
+     <text id="text1653" class="cls-16" transform="translate(980.08,299.14)">kubelet</text>
+    </g>
+    <path id="path1657" class="cls-13" d="m998.31 248.92c-0.55 0-15.78 7.47-16 7.85-0.48 0.93-4 16.91-3.75 17.25s2.62 3.37 5.55 7l5.33 6.67h17.56l5.59-7 5.58-7-2-8.56c-1.07-4.71-2-8.64-2.13-8.74-0.28-0.26-15.48-7.55-15.78-7.56zm0.77 3.74 3.59 1-3.59 1-3.58-1zm-3.58 1.44 3.36 1v4.67l-3.34-1.85zm7.17 0v3.82l-3.34 1.85v-4.67zm-8.67 6.38 3.59 1-3.59 1-3.59-1zm8.72 0 3.59 1-3.59 1-3.59-1zm-12.31 1.43 3.36 1v4.68l-3.34-1.86zm7.18 0v3.82l-3.35 1.86v-4.68zm1.54 0 3.36 1v4.68l-3.34-1.86zm7.18 0v3.82l-3.35 1.86v-4.68zm-13.62 6c1.06 0 0.24 1.11 1.45 1.69s1.56-0.93 2.37 0.25-0.72 0.88-0.61 2.31 1.59 0.89 1 2.18-1.13-0.19-2.31 0.62 0 1.82-1.4 1.94-0.41-1.07-1.7-1.69-1.56 0.93-2.37-0.25 0.72-0.88 0.61-2.31-1.59-0.88-1-2.18 1.12 0.19 2.3-0.62 0-1.82 1.41-1.94zm9.22 1.43c1.91 0.05 0.06 1.85 1.8 2.63s1.84-1.8 3.16-0.41-1.27 1.34-0.59 3.13 2.58 0 2.52 1.94-1.84 0.06-2.62 1.8 1.79 1.85 0.4 3.16-1.34-1.26-3.12-0.58 0 2.57-2 2.52-0.06-1.85-1.8-2.63-1.85 1.8-3.16 0.41 1.27-1.34 0.58-3.13-2.57 0-2.51-1.94 1.84-0.06 2.62-1.81-1.79-1.84-0.41-3.15 1.35 1.26 3.13 0.58 0.09-2.58 2-2.53zm-9.14 1a2.1 2.1 0 1 0 2.1 2.1 2.1 2.1 0 0 0-2.1-2.11zm8.94 1.9a4.2 4.2 0 1 0 4.19 4.19 4.2 4.2 0 0 0-4.19-4.2z" data-name="path1994"/>
+   </g>
+  </g>
+  <text id="text270-1-2-2" class="cls-22" x="1147.021" y="390.25568" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1047-7-2-9" font-family="'Open Sans'" font-size="14.667px" font-style="italic" font-weight="600" text-align="end" text-anchor="end" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">kube-proxy</tspan></text>
+  <g id="use1765" transform="translate(-137.85 -54.676)">
+   <g id="g1675" transform="matrix(.68635 0 0 .68635 641.76 185.86)" data-name="layer1">
+    <g id="g1667" data-name="g70">
+     <path id="path1663" class="cls-11" d="m998.13 328.44a4.75 4.75 0 0 0-1.81 0.46l-24.77 11.83a4.72 4.72 0 0 0-2.57 3.19l-6.11 26.59a4.7 4.7 0 0 0 0.64 3.6l0.27 0.38 17.15 21.32a4.73 4.73 0 0 0 3.7 1.76h27.5a4.76 4.76 0 0 0 3.71-1.77l17.16-21.32a4.67 4.67 0 0 0 0.91-4l-6.12-26.58a4.69 4.69 0 0 0-2.56-3.19l-24.78-11.83a4.77 4.77 0 0 0-2.32-0.44z" data-name="path3055"/>
+     <path id="path1665" class="cls-13" d="m998.12 326.51a5.09 5.09 0 0 0-1.91 0.49l-26.16 12.49a5 5 0 0 0-2.7 3.37l-6.45 28.07a4.9 4.9 0 0 0 0.67 3.8c0.09 0.14 0.19 0.27 0.29 0.4l18.1 22.5a5 5 0 0 0 3.91 1.87h29a5 5 0 0 0 3.91-1.86l18.09-22.51a4.92 4.92 0 0 0 1-4.2l-6.46-28.07a5 5 0 0 0-2.71-3.36l-26.15-12.5a5.1 5.1 0 0 0-2.43-0.49zm0 1.93a4.77 4.77 0 0 1 2.3 0.46l24.78 11.83a4.69 4.69 0 0 1 2.56 3.19l6.12 26.59a4.66 4.66 0 0 1-0.91 4l-17.14 21.32a4.76 4.76 0 0 1-3.71 1.77h-27.5a4.74 4.74 0 0 1-3.7-1.77l-17.15-21.32-0.27-0.38a4.66 4.66 0 0 1-0.64-3.6l6.14-26.61a4.72 4.72 0 0 1 2.56-3.18l24.78-11.84a4.75 4.75 0 0 1 1.81-0.46z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g1671" class="cls-14" data-name="text2066">
+     <text id="text1669" class="cls-15" transform="translate(978.75,391.73)">k-proxy</text>
+    </g>
+    <path id="path1673" class="cls-13" d="m998.31 338.69c-0.58 0-16.67 7.89-16.88 8.29-0.5 1-4.16 17.86-3.95 18.23 0.13 0.21 2.76 3.55 5.86 7.42l5.63 7h18.53l5.89-7.37 5.9-7.36-2.06-9c-1.14-5-2.15-9.13-2.26-9.23-0.29-0.28-16.35-8-16.66-8zm0.81 3.95 3.8 1.1-3.8 1.1-3.79-1.1zm-3.79 1.52 3.55 1.06v4.93l-3.54-2zm7.59 0v4l-3.54 2v-4.93zm-9.17 6.73 3.79 1.1-3.79 1.1-3.75-1.09zm9.21 0 3.79 1.1-3.79 1.1-3.79-1.1zm-13 1.52 3.55 1.06v4.93l-3.51-1.95zm7.58 0v4l-3.54 1.99v-4.93zm1.63 0 3.55 1.06v4.93l-3.53-1.95zm7.58 0v4l-3.53 1.95v-4.93zm-14.39 6.32c1.13 0 0.26 1.18 1.54 1.79s1.65-1 2.51 0.26-0.77 0.93-0.64 2.44 1.67 0.94 1 2.31-1.19-0.2-2.44 0.66 0 1.92-1.48 2-0.42-1.13-1.79-1.78-1.65 1-2.51-0.27 0.77-0.93 0.65-2.43-1.68-0.94-1-2.31 1.19 0.2 2.44-0.66 0-1.92 1.48-2zm9.75 1.52c2 0.05 0.06 1.95 1.9 2.77s2-1.89 3.33-0.43-1.33 1.42-0.61 3.31 2.72 0 2.66 2.05-1.95 0.06-2.77 1.9 1.89 1.95 0.43 3.34-1.42-1.34-3.31-0.62 0 2.72-2 2.66-0.06-2-1.9-2.77-2 1.89-3.34 0.43 1.33-1.42 0.61-3.31-2.71 0-2.66-2.05 2-0.06 2.78-1.9-1.9-1.95-0.43-3.34 1.42 1.34 3.3 0.62-0.01-2.72 2.01-2.66zm-9.66 1.05a2.22 2.22 0 1 0 2.22 2.22 2.22 2.22 0 0 0-2.22-2.22zm9.45 2a4.43 4.43 0 1 0 4.43 4.43 4.43 4.43 0 0 0-4.43-4.42z" data-name="path1994"/>
+   </g>
+  </g>
+  <g id="g2164" transform="translate(-137.51 -337.4)" font-family="'Open Sans'" font-size="14.667px">
+   <text id="text270-1-2-9" class="cls-22" x="1159.5905" y="587.27118" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"><tspan id="tspan2127" x="1159.5905" y="587.27118" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/><tspan id="tspan2129" x="1159.5905" y="605.60455" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">(persistence store)</tspan></text>
+   <text id="text270-1-2-9-0" class="cls-22" x="1255.2429" y="571.36078" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"><tspan id="tspan2127-4" x="1255.2429" y="571.36078" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/><tspan id="tspan2129-1" x="1255.2429" y="589.69415" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">etcd</tspan></text>
+  </g>
+  <g id="use1668" transform="translate(-138.38 -53.843)">
+   <g id="g1643" transform="matrix(.78889 0 0 .78889 1109.7 -42.901)" data-name="layer1">
+    <g id="g1633" data-name="g70">
+     <path id="path1629" class="cls-11" d="m276.45 411.42a4.3 4.3 0 0 0-1.63 0.32l-22.3 9a4 4 0 0 0-2.37 2.55l-6.15 21.76a3.65 3.65 0 0 0 0.48 3 3.46 3.46 0 0 0 0.22 0.31l14.64 18.08a4.36 4.36 0 0 0 3.23 1.57l24.41 0.8a4.35 4.35 0 0 0 3.33-1.35l15.79-17.06a3.67 3.67 0 0 0 0.93-3.25l-4.71-22.09a4 4 0 0 0-2.19-2.71l-21.66-10.48a4.51 4.51 0 0 0-2.02-0.45z" data-name="path3055"/>
+     <path id="path1631" class="cls-13" d="m276.49 409.83a4.7 4.7 0 0 0-1.71 0.35l-23.56 9.52a4.18 4.18 0 0 0-2.49 2.69l-6.49 22.94a3.85 3.85 0 0 0 0.5 3.16 2 2 0 0 0 0.24 0.33l15.45 19.09a4.59 4.59 0 0 0 3.41 1.65l25.76 0.85a4.62 4.62 0 0 0 3.52-1.42l16.68-18a3.86 3.86 0 0 0 1-3.43l-5-23.32a4.17 4.17 0 0 0-2.31-2.85l-22.86-11.09a4.78 4.78 0 0 0-2.14-0.47zm0 1.59a4.51 4.51 0 0 1 2 0.44l21.66 10.48a4 4 0 0 1 2.19 2.71l4.7 22.09a3.63 3.63 0 0 1-0.92 3.25l-15.79 17.07a4.38 4.38 0 0 1-3.33 1.34l-24.4-0.8a4.34 4.34 0 0 1-3.23-1.57l-14.67-18.08-0.23-0.31a3.69 3.69 0 0 1-0.47-3l6.15-21.73a4 4 0 0 1 2.36-2.55l22.31-9a4.73 4.73 0 0 1 1.63-0.32z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g1637" class="cls-14" data-name="text2066">
+     <text id="text1635" class="cls-23" transform="matrix(1.0794 .035808 -.033155 .99945 265.24 463.26)">etcd</text>
+    </g>
+    <path id="path1639" class="cls-13" d="m276.28 421.08c-0.51 0-15 6-15.2 6.34-0.48 0.79-4.19 14.59-4 14.9s2.36 3 5 6.29l4.8 6 8.22 0.28 8.23 0.27 5.43-5.89 5.43-5.9-1.58-7.51c-0.87-4.14-1.66-7.59-1.75-7.67-0.25-0.24-14.29-7.06-14.57-7.08z"/>
+    <path id="path1641" class="cls-11" d="m291.05 440.37h-0.46a6.3 6.3 0 0 1-2.62-0.66 21 21 0 0 0 0.5-4.32 23.86 23.86 0 0 0-2.91-3.42 5.77 5.77 0 0 1 2.2-2l0.4-0.21-0.3-0.33a15.84 15.84 0 0 0-5.42-3.94l-0.42-0.19-0.12 0.41a5.43 5.43 0 0 1-1.58 2.49 25.41 25.41 0 0 0-4.3-1.81 25 25 0 0 0-4.39 1.52 5.44 5.44 0 0 1-1.42-2.58l-0.09-0.42-0.43 0.16a16 16 0 0 0-5.69 3.53l-0.31 0.31 0.38 0.23a5.7 5.7 0 0 1 2.05 2.18 23.53 23.53 0 0 0-3.12 3.2 21.37 21.37 0 0 0 0.2 4.37 6.36 6.36 0 0 1-2.64 0.48 3.44 3.44 0 0 1-0.46 0h-0.45v0.43a13.9 13.9 0 0 0 1.93 6.13l0.22 0.38 0.36-0.27a6.23 6.23 0 0 1 2.86-1.13 22.92 22.92 0 0 0 2.3 3.74 26.46 26.46 0 0 0 4.55 1.2 5.11 5.11 0 0 1-0.48 2.89l-0.18 0.39 0.44 0.11a16.83 16.83 0 0 0 3.43 0.46l3.44-0.24 0.45-0.07-0.16-0.4a5.15 5.15 0 0 1-0.28-2.92 25.82 25.82 0 0 0 4.6-0.9 21.72 21.72 0 0 0 2.54-3.58 6.07 6.07 0 0 1 2.8 1.33l0.34 0.28 0.25-0.36a13.91 13.91 0 0 0 2.33-6l0.06-0.42zm-10.73 4.83a20 20 0 0 1-9.83-0.33 17.16 17.16 0 0 1-2-4.18 16.22 16.22 0 0 1-0.74-4.55 18.44 18.44 0 0 1 3.67-3 19.34 19.34 0 0 1 4.42-2.05 19.57 19.57 0 0 1 4.26 2.34 18.38 18.38 0 0 1 3.48 3.29 16.19 16.19 0 0 1-1.05 4.47 17.09 17.09 0 0 1-2.21 4.01zm-3.32-7.39a2.08 2.08 0 0 0 4.15 0.14 2.08 2.08 0 0 0-4.15-0.14zm-2.69-0.09a2.08 2.08 0 1 1-2-2 2 2 0 0 1 2 2z"/>
+   </g>
+  </g>
+  <text id="text257-0-8-7" class="cls-22" x="1148.4604" y="550.76685" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1312-5-0-5" font-family="'Open Sans'" font-size="14.667px" font-weight="600" text-align="end" text-anchor="end" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">Node</tspan></text>
+  <path id="path2202" class="cls-8" d="m1168.6 519.39-1 0.22-1.75 1.68-1.37 2.74-0.78 3.82v33.602l0.78 3.8 1.37 3 1.75 1.47 1 0.2h38.909l1.07-0.2 1.76-1.47 1.2699-3 0.78-3.8v-33.602l-0.78-3.82-1.2699-2.74-1.76-1.68-1.07-0.22z"/>
+  <text id="text270-1-1" class="cls-22" x="1076.4661" y="67.477371" font-family="'Open Sans', sans-serif" font-size="12px"><tspan id="tspan1047-7-1" font-family="'Open Sans'" font-size="14.667px" font-weight="600" style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal">API server</tspan></text>
+  <g id="use1518" transform="translate(-137.9 -55.356)">
+   <g id="g1609" transform="matrix(.78098 0 0 .78098 964.75 -113.64)" data-name="layer1">
+    <g id="g1601" data-name="g70">
+     <path id="path1597" class="cls-11" d="m463.61 257.22a4.39 4.39 0 0 0-1.6 0.4l-21.81 10.43a4.15 4.15 0 0 0-2.26 2.8l-5.38 23.41a4.12 4.12 0 0 0 0.57 3.17 3.43 3.43 0 0 0 0.24 0.33l15.09 18.77a4.19 4.19 0 0 0 3.26 1.55h24.21a4.19 4.19 0 0 0 3.26-1.55l15.09-18.78a4.12 4.12 0 0 0 0.81-3.5l-5.39-23.4a4.16 4.16 0 0 0-2.26-2.81l-21.81-10.42a4.16 4.16 0 0 0-2.02-0.4z" data-name="path3055"/>
+     <path id="path1599" class="cls-13" d="m463.6 255.53a4.48 4.48 0 0 0-1.69 0.42l-23 11a4.39 4.39 0 0 0-2.39 3l-5.68 24.71a4.33 4.33 0 0 0 0.6 3.34c0.08 0.12 0.16 0.24 0.25 0.35l15.94 19.82a4.43 4.43 0 0 0 3.44 1.64h25.53a4.43 4.43 0 0 0 3.45-1.64l15.95-19.85a4.39 4.39 0 0 0 0.85-3.7l-5.69-24.71a4.41 4.41 0 0 0-2.38-3l-23-11a4.35 4.35 0 0 0-2.18-0.38zm0 1.69a4.17 4.17 0 0 1 2 0.41l21.84 10.37a4.19 4.19 0 0 1 2.26 2.81l5.39 23.4a4.12 4.12 0 0 1-0.81 3.5l-15.09 18.78a4.19 4.19 0 0 1-3.26 1.55h-24.21a4.19 4.19 0 0 1-3.26-1.56l-15.09-18.77a3.43 3.43 0 0 1-0.24-0.33 4.12 4.12 0 0 1-0.57-3.17l5.38-23.41a4.17 4.17 0 0 1 2.26-2.8l21.8-10.37a4.21 4.21 0 0 1 1.6-0.41z" data-name="path3054-2-9"/>
+    </g>
+    <g id="g1605" class="cls-14" data-name="text2066">
+     <text id="text1603" class="cls-18" transform="translate(457.08,312.94)">api</text>
+    </g>
+    <path id="path1607" class="cls-13" d="m463.76 267.54c-0.51 0-14.67 6.94-14.86 7.3-0.44 0.86-3.66 15.72-3.47 16s2.43 3.13 5.15 6.54l5 6.2h16.31l5.19-6.49 5.19-6.48-1.81-8c-1-4.38-1.9-8-2-8.13-0.25-0.24-14.4-7-14.67-7zm0.87 7.28c0.68 0 0.75 1.07 2.22 1.18 1.91 0.14 1.71-1.64 3.17-0.4s-0.32 1.33 0.13 3.2 2.09 1.12 1.36 2.89-1.37 0.1-3 1.11-0.42 2.34-2.34 2.19-0.51-1.27-2-2.51-2.35 0.32-2.8-1.54 1.05-0.89 1.78-2.67-1-2.13 0.6-3.14a2.28 2.28 0 0 1 0.52-0.26 0.88 0.88 0 0 1 0.34-0.05zm1.91 2.1a2.86 2.86 0 0 0-0.82 0.12 2.77 2.77 0 1 0 0.82-0.12zm-11 4.78a1.84 1.84 0 0 1 0.55 0.1c1.76 0.54 0 1.47 1.22 2.81s2.31-0.37 2.73 1.43-1.29 0.71-1.83 2.47 1.47 1.81 0.13 3.07-1.26-0.76-3.06-0.34-0.83 2.18-2.59 1.64 0-1.47-1.23-2.82-2.31 0.37-2.72-1.42 1.29-0.71 1.83-2.47-1.48-1.82-0.13-3.07 1.26 0.75 3.05 0.34c1.57-0.36 1-1.76 2.05-1.74zm13.1 1.92a2.08 2.08 0 0 1 0.63 0.15c2 0.79-0.65 2 0.93 3.51s2.67-1.22 3.55 0.77-1.88 1-1.83 3.14 2.75 1 2 3.06-2-0.65-3.51 0.93 1.21 2.67-0.78 3.55-1-1.87-3.14-1.83-1 2.75-3.05 2 0.64-2-0.94-3.51-2.67 1.22-3.54-0.78 1.87-1 1.82-3.14-2.75-1-2-3.05 2 0.64 3.51-0.93-1.22-2.67 0.77-3.55 1 1.87 3.14 1.82c1.91 0 1.26-2.12 2.43-2.11zm-14.25 0.94a2.78 2.78 0 1 0 2.78 2.78 2.77 2.77 0 0 0-2.77-2.78zm12 2.66a4.1 4.1 0 1 0 4.09 4.1 4.1 4.1 0 0 0-4.13-4.1z" data-name="path1984"/>
+   </g>
+  </g>
+  <path id="path4387" d="m1156.2 495.21v1.5h9v-1.5zm10.5 0v1.5h9v-1.5zm10.5 0v1.5h9v-1.5zm10.5 0v1.5h9v-1.5zm10.5 0v1.5h9v-1.5zm10.5 0v1.5h9v-1.5zm10.5 0v1.5h5.3809v-1.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#326ce5" fill-rule="evenodd" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/img/mongodb_ixscan.avif b/img/mongodb_ixscan.avif
new file mode 100644
index 0000000000000000000000000000000000000000..e88d881d50d1a2d5d4a24d43d75d3628149ca2bf
GIT binary patch
literal 15562
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

literal 0
HcmV?d00001

diff --git a/img/mongodb_shared-cluster.avif b/img/mongodb_shared-cluster.avif
new file mode 100644
index 0000000000000000000000000000000000000000..cbec482468ee175a6f85875047f71e88e1c417c8
GIT binary patch
literal 22695
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
CgG;sm

literal 0
HcmV?d00001

diff --git a/img/node_url-structure.avif b/img/node_url-structure.avif
new file mode 100644
index 0000000000000000000000000000000000000000..b9a665c4e07aa037cac48b7e64e812752cb77f49
GIT binary patch
literal 8751
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

literal 0
HcmV?d00001

diff --git a/img/rust_container-types.svg b/img/rust_container-types.svg
new file mode 100644
index 0000000..3377917
--- /dev/null
+++ b/img/rust_container-types.svg
@@ -0,0 +1,106 @@
+<svg version="1.1" viewBox="0.0 0.0 960.0 540.0" fill="none" stroke="none" stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><clipPath id="p.0"><path d="m0 0l960.0 0l0 540.0l-960.0 0l0 -540.0z" clip-rule="nonzero"></path></clipPath><g clip-path="url(#p.0)" id="p"><g><path fill="#ffffff" d="m0 0l960.0 0l0 540.0l-960.0 0l0 -540.0z" fill-rule="nonzero"></path><path fill="#ffffff" d="m0 0l960.0 0l0 540.0l-960.0 0z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_117" role="img" aria-label="into_boxed_slice
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m236.57704 2.6114244l0 38.992126l108.220474 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m236.57704 2.6114244l108.220474 0l0 38.992126l-108.220474 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m253.37479 17.554625l74.625 0l0 9.785204l-74.625 0l0 -9.785204z" fill-rule="nonzero"></path><path fill="#666666" d="m254.31229 25.567486l0 -0.546875l1.09375 0l0 -3.171875l-1.046875 0l0 -0.546875l1.71875 0l0 3.71875l0.984375 0l0 0.546875l-2.75 0zm1.390625 -5.15625q-0.203125 0 -0.34375 -0.140625q-0.140625 -0.140625 -0.140625 -0.34375q0 -0.203125 0.140625 -0.34375q0.140625 -0.140625 0.34375 -0.140625q0.1875 0 0.328125 0.15625q0.15625 0.140625 0.15625 0.328125q0 0.203125 -0.15625 0.34375q-0.140625 0.140625 -0.328125 0.140625zm3.0078125 5.15625l0 -4.265625l0.65625 0l0 0.765625q0.171875 -0.265625 0.390625 -0.453125q0.21875 -0.203125 0.484375 -0.296875q0.28125 -0.109375 0.5625 -0.109375q0.359375 0 0.640625 0.171875q0.28125 0.171875 0.4375 0.5625q0.171875 0.390625 0.171875 1.046875l0 2.578125l-0.640625 0l0 -2.5625q0 -0.453125 -0.109375 -0.71875q-0.109375 -0.265625 -0.28125 -0.375q-0.171875 -0.125 -0.40625 -0.125q-0.203125 0 -0.421875 0.09375q-0.21875 0.09375 -0.40625 0.265625q-0.1875 0.171875 -0.3125 0.421875q-0.109375 0.234375 -0.109375 0.546875l0 2.453125l-0.65625 0zm6.7890625 0.0625q-0.421875 0 -0.6875 -0.140625q-0.25 -0.140625 -0.390625 -0.421875q-0.140625 -0.296875 -0.1875 -0.75q-0.03125 -0.453125 -0.015625 -1.0625l0.109375 -3.046875l0.703125 -0.078125l0.09375 -0.015625l0 0.078125q-0.046875 0.0625 -0.078125 0.125q-0.03125 0.0625 -0.046875 0.21875l-0.09375 1.0625l0.03125 0.15625l-0.0625 1.546875q-0.03125 0.703125 0.03125 1.09375q0.078125 0.390625 0.234375 0.53125q0.171875 0.140625 0.453125 0.140625q0.3125 0 0.546875 -0.109375q0.234375 -0.125 0.5 -0.3125l0.203125 0.53125q-0.3125 0.234375 -0.65625 0.34375q-0.328125 0.109375 -0.6875 0.109375l0 0zm-2.140625 -4.328125l3.0625 0l0 0.546875l-3.0625 0l0 -0.546875zm6.3359375 4.34375q-0.578125 0 -1.015625 -0.28125q-0.4375 -0.296875 -0.703125 -0.796875q-0.25 -0.5 -0.25 -1.140625q0 -0.65625 0.25 -1.140625q0.265625 -0.5 0.703125 -0.78125q0.4375 -0.296875 1.015625 -0.296875q0.578125 0 1.015625 0.296875q0.453125 0.28125 0.703125 0.78125q0.25 0.484375 0.25 1.140625q0 0.640625 -0.25 1.140625q-0.25 0.5 -0.703125 0.796875q-0.4375 0.28125 -1.015625 0.28125zm0 -0.5625q0.375 0 0.65625 -0.21875q0.28125 -0.21875 0.4375 -0.578125q0.171875 -0.375 0.171875 -0.859375q0 -0.484375 -0.171875 -0.859375q-0.15625 -0.375 -0.4375 -0.578125q-0.28125 -0.21875 -0.65625 -0.21875q-0.359375 0 -0.640625 0.21875q-0.28125 0.203125 -0.453125 0.578125q-0.15625 0.375 -0.15625 0.859375q0 0.484375 0.15625 0.859375q0.171875 0.359375 0.453125 0.578125q0.28125 0.21875 0.640625 0.21875zm2.6640625 1.234375l0 -0.578125l4.015625 0l0 0.578125l-4.015625 0zm6.8203125 -0.640625q-0.265625 0 -0.5 -0.09375q-0.234375 -0.078125 -0.421875 -0.21875q-0.1875 -0.15625 -0.34375 -0.359375l-0.234375 0.5625l-0.421875 0l0 -6.203125l0.671875 0l0.09375 0l0 0.0625q-0.0625 0.0625 -0.078125 0.125q-0.015625 0.0625 -0.015625 0.21875l0 2.1875q0.109375 -0.171875 0.25 -0.3125q0.140625 -0.140625 0.296875 -0.234375q0.171875 -0.109375 0.359375 -0.15625q0.1875 -0.046875 0.375 -0.046875q0.390625 0 0.703125 0.140625q0.328125 0.125 0.5625 0.40625q0.234375 0.265625 0.359375 0.6875q0.125 0.40625 0.125 0.953125q0 0.5625 -0.15625 1.0q-0.140625 0.421875 -0.40625 0.71875q-0.25 0.28125 -0.578125 0.421875q-0.3125 0.140625 -0.640625 0.140625l0 0zm-0.09375 -0.609375q0.234375 0 0.4375 -0.078125q0.21875 -0.078125 0.375 -0.265625q0.171875 -0.203125 0.265625 -0.515625q0.109375 -0.3125 0.109375 -0.78125q0 -0.421875 -0.09375 -0.734375q-0.078125 -0.3125 -0.234375 -0.515625q-0.15625 -0.203125 -0.375 -0.296875q-0.203125 -0.09375 -0.453125 -0.09375q-0.34375 0 -0.609375 0.203125q-0.265625 0.203125 -0.421875 0.59375q-0.15625 0.375 -0.15625 0.859375q0 0.375 0.0625 0.671875q0.078125 0.296875 0.203125 0.515625q0.140625 0.203125 0.359375 0.328125q0.21875 0.109375 0.53125 0.109375l0 0zm4.6015625 0.578125q-0.578125 0 -1.015625 -0.28125q-0.4375 -0.296875 -0.703125 -0.796875q-0.25 -0.5 -0.25 -1.140625q0 -0.65625 0.25 -1.140625q0.265625 -0.5 0.703125 -0.78125q0.4375 -0.296875 1.015625 -0.296875q0.578125 0 1.015625 0.296875q0.453125 0.28125 0.703125 0.78125q0.25 0.484375 0.25 1.140625q0 0.640625 -0.25 1.140625q-0.25 0.5 -0.703125 0.796875q-0.4375 0.28125 -1.015625 0.28125zm0 -0.5625q0.375 0 0.65625 -0.21875q0.28125 -0.21875 0.4375 -0.578125q0.171875 -0.375 0.171875 -0.859375q0 -0.484375 -0.171875 -0.859375q-0.15625 -0.375 -0.4375 -0.578125q-0.28125 -0.21875 -0.65625 -0.21875q-0.359375 0 -0.640625 0.21875q-0.28125 0.203125 -0.453125 0.578125q-0.15625 0.375 -0.15625 0.859375q0 0.484375 0.15625 0.859375q0.171875 0.359375 0.453125 0.578125q0.28125 0.21875 0.640625 0.21875zm2.7734375 0.484375l1.5 -2.171875l-1.46875 -2.09375l0.734375 0l1.109375 1.578125l1.0625 -1.578125l0.6875 0l-1.375 2.078125l1.5625 2.1875l-0.765625 0l-1.171875 -1.65625l-1.109375 1.65625l-0.765625 0zm6.7578125 0.09375q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625zm5.7265625 2.65625q-0.328125 0 -0.640625 -0.140625q-0.3125 -0.140625 -0.578125 -0.421875q-0.25 -0.28125 -0.40625 -0.703125q-0.140625 -0.4375 -0.140625 -1.0q0 -0.59375 0.15625 -1.0q0.15625 -0.421875 0.421875 -0.6875q0.265625 -0.265625 0.578125 -0.390625q0.3125 -0.125 0.640625 -0.125q0.296875 0 0.53125 0.09375q0.25 0.09375 0.421875 0.265625q0.1875 0.15625 0.28125 0.375l0 -2.5625l0.625 0l0.09375 0l0 0.0625q-0.0625 0.0625 -0.078125 0.125q-0.015625 0.0625 -0.015625 0.21875l0.015625 5.140625q0 0.15625 0.015625 0.328125q0.015625 0.15625 0.078125 0.328125l-0.65625 0q-0.046875 -0.109375 -0.078125 -0.21875q-0.015625 -0.109375 -0.015625 -0.21875q0 -0.109375 0 -0.21875q-0.140625 0.21875 -0.328125 0.390625q-0.1875 0.171875 -0.421875 0.265625q-0.21875 0.09375 -0.5 0.09375l0 0zm0.09375 -0.59375q0.3125 0 0.515625 -0.125q0.21875 -0.125 0.34375 -0.34375q0.140625 -0.234375 0.203125 -0.53125q0.0625 -0.3125 0.0625 -0.65625q0 -0.46875 -0.125 -0.84375q-0.125 -0.390625 -0.390625 -0.609375q-0.25 -0.21875 -0.65625 -0.21875q-0.28125 0 -0.5 0.109375q-0.21875 0.109375 -0.375 0.3125q-0.140625 0.203125 -0.21875 0.5q-0.0625 0.28125 -0.0625 0.625q0 0.53125 0.140625 0.9375q0.140625 0.40625 0.40625 0.625q0.265625 0.21875 0.65625 0.21875l0 0zm2.7109375 1.25l0 -0.578125l4.015625 0l0 0.578125l-4.015625 0zm6.6796875 -0.65625q-0.359375 0 -0.6875 -0.078125q-0.3125 -0.078125 -0.59375 -0.21875q-0.28125 -0.15625 -0.53125 -0.375l0.375 -0.640625l0.046875 -0.078125l0.0625 0.03125q0.015625 0.078125 0.03125 0.15625q0.03125 0.078125 0.140625 0.1875q0.1875 0.203125 0.46875 0.328125q0.28125 0.125 0.703125 0.125q0.34375 0 0.578125 -0.078125q0.25 -0.09375 0.375 -0.234375q0.125 -0.15625 0.125 -0.359375q0 -0.140625 -0.0625 -0.25q-0.046875 -0.109375 -0.171875 -0.203125q-0.125 -0.09375 -0.328125 -0.1875q-0.203125 -0.09375 -0.5 -0.1875q-0.484375 -0.140625 -0.859375 -0.328125q-0.359375 -0.1875 -0.5625 -0.421875q-0.1875 -0.25 -0.1875 -0.578125q0 -0.328125 0.171875 -0.5625q0.1875 -0.234375 0.53125 -0.359375q0.34375 -0.140625 0.859375 -0.140625q0.296875 0 0.53125 0.046875q0.25 0.03125 0.453125 0.125q0.21875 0.078125 0.390625 0.203125q0.171875 0.125 0.328125 0.296875l-0.390625 0.453125l-0.0625 0.078125l-0.046875 -0.046875q0 -0.078125 -0.046875 -0.140625q-0.03125 -0.078125 -0.125 -0.171875q-0.21875 -0.171875 -0.484375 -0.25q-0.265625 -0.09375 -0.53125 -0.09375q-0.359375 0 -0.640625 0.140625q-0.265625 0.125 -0.265625 0.390625q0 0.140625 0.09375 0.28125q0.09375 0.125 0.359375 0.265625q0.265625 0.125 0.75 0.265625q0.53125 0.171875 0.84375 0.34375q0.328125 0.171875 0.46875 0.40625q0.15625 0.21875 0.15625 0.53125q0 0.34375 -0.203125 0.65625q-0.1875 0.3125 -0.578125 0.5q-0.390625 0.171875 -0.984375 0.171875l0 0zm3.0546875 -0.09375l0 -0.546875l1.265625 0l0 -5.109375l-1.203125 0l0 -0.546875l1.875 0l0 5.65625l1.25 0l0 0.546875l-3.1875 0zm4.8671875 0l0 -0.546875l1.09375 0l0 -3.171875l-1.046875 0l0 -0.546875l1.71875 0l0 3.71875l0.984375 0l0 0.546875l-2.75 0zm1.390625 -5.15625q-0.203125 0 -0.34375 -0.140625q-0.140625 -0.140625 -0.140625 -0.34375q0 -0.203125 0.140625 -0.34375q0.140625 -0.140625 0.34375 -0.140625q0.1875 0 0.328125 0.15625q0.15625 0.140625 0.15625 0.328125q0 0.203125 -0.15625 0.34375q-0.140625 0.140625 -0.328125 0.140625zm4.9921875 5.265625q-0.46875 0 -0.859375 -0.171875q-0.390625 -0.171875 -0.671875 -0.46875q-0.28125 -0.296875 -0.453125 -0.703125q-0.15625 -0.40625 -0.15625 -0.890625q0 -0.484375 0.15625 -0.890625q0.171875 -0.40625 0.453125 -0.703125q0.28125 -0.296875 0.671875 -0.453125q0.390625 -0.171875 0.859375 -0.171875q0.515625 0 0.921875 0.21875q0.421875 0.203125 0.6875 0.578125l-0.421875 0.40625l-0.0625 0.0625l-0.046875 -0.046875q0 -0.078125 -0.03125 -0.140625q-0.03125 -0.0625 -0.15625 -0.171875q-0.203125 -0.1875 -0.4375 -0.265625q-0.234375 -0.078125 -0.53125 -0.078125q-0.28125 0 -0.53125 0.125q-0.234375 0.109375 -0.421875 0.3125q-0.1875 0.203125 -0.296875 0.515625q-0.109375 0.296875 -0.109375 0.65625q0 0.359375 0.109375 0.671875q0.109375 0.296875 0.296875 0.53125q0.203125 0.21875 0.46875 0.34375q0.28125 0.125 0.609375 0.125q0.203125 0 0.390625 -0.0625q0.203125 -0.0625 0.375 -0.171875q0.1875 -0.125 0.34375 -0.296875l0.390625 0.46875q-0.328125 0.328125 -0.71875 0.5q-0.375 0.171875 -0.828125 0.171875l0 0zm4.5390625 -0.015625q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m327.9998 17.554625l0 0l0 9.785204l0 0l0 -9.785204z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/vec/struct.Vec.html%23method.into_boxed_slice&amp;sa=D&amp;source=editors&amp;ust=1719318951242253&amp;usg=AOvVaw34vGwXXoLNQ2AFGWdF07GF" target="_blank" rel="noreferrer" role="link" aria-label="into_boxed_slice" tabindex="0"><path fill="transparent" fill-opacity="0" d="m253.37479 16.607487l0 11.199999l74.625 0l0 -11.199999z" fill-rule="nonzero"></path></a><path fill="#fff2cc" d="m320.0 80.0l88.0 0l0 32.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m320.0 80.0l88.0 0l0 32.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#fff2cc" d="m160.0 80.0l136.0 0l0 32.0l-136.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m160.0 80.0l136.0 0l0 32.0l-136.0 0z" fill-rule="evenodd"></path><path fill="#fff2cc" d="m48.0 80.0l88.0 0l0 32.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m48.0 80.0l88.0 0l0 32.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#fff2cc" d="m456.0 78.36596l72.0 0l0 32.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m456.0 78.36596l72.0 0l0 32.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#fff2cc" d="m239.52756 346.4882l168.0 0l0 32.0l-168.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m239.52756 346.4882l168.0 0l0 32.0l-168.0 0z" fill-rule="evenodd"></path><path fill="#fff2cc" d="m47.527557 346.4882l168.0 0l0 32.0l-168.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m47.527557 346.4882l168.0 0l0 32.0l-168.0 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_0" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m55.527557 48.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m55.527557 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m55.527557 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m68.412125 61.521248l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m75.76378 64.0l16.251968 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m75.76378 64.0l14.330391 21.162315" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m90.09417 85.162315l-1.5617371 -0.3006134l2.66362 1.9278183l-0.80126953 -3.1889343z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_2" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m56.0 88.0l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m56.0 88.0l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m56.0 88.0l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m91.55466 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_3" role="img" aria-label="Legend
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m784.0 25.007874l0 54.992126l112.0 0l0 -54.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m784.0 25.007874l112.0 0l0 54.992126l-112.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m793.0 66.431q0 -1.578125 2.84375 -4.125q2.859375 -2.5625 5.859375 -3.078125q0.609375 -0.765625 1.984375 -2.59375q1.375 -1.828125 2.234375 -2.921875q2.71875 -3.578125 4.359375 -5.40625q-6.53125 1.734375 -13.34375 1.734375q-1.40625 0 -1.40625 -0.421875q0 -0.21875 0.375 -0.46875q0.390625 -0.265625 0.734375 -0.265625q1.734375 0.234375 3.296875 0.234375q5.15625 0 11.203125 -1.796875q5.796875 -6.34375 9.796875 -6.34375q1.65625 0 1.65625 0.78125q0 1.046875 -2.984375 2.84375q-2.96875 1.78125 -7.53125 3.203125q-1.671875 1.984375 -4.8125 6.203125q-3.125 4.21875 -3.859375 5.15625q2.9375 0.125 5.078125 1.984375q0.90625 0.734375 1.734375 1.46875q2.046875 1.75 4.34375 1.75q1.09375 0 2.390625 -0.6875q1.296875 -0.6875 1.46875 -0.6875q0.171875 0 0.171875 0.171875q0 0.578125 -1.625 1.265625q-1.625 0.6875 -3.234375 0.6875q-1.59375 0 -2.875 -0.53125q-1.28125 -0.53125 -2.140625 -1.296875q-0.84375 -0.765625 -1.640625 -1.53125q-1.890625 -1.890625 -4.09375 -2.0625q-2.84375 3.625 -5.03125 5.609375q-2.171875 1.984375 -3.859375 1.984375q-1.09375 0 -1.09375 -0.859375zm1.3125 0q1.125 0 2.8125 -1.703125q1.703125 -1.703125 4.125 -4.890625q-2.484375 0.578125 -5.0 2.796875q-2.515625 2.21875 -2.515625 3.34375q0 0.453125 0.578125 0.453125zm26.046875 -24.875q-2.84375 0 -7.390625 5.15625q3.578125 -1.21875 6.03125 -2.59375q2.453125 -1.375 2.453125 -2.109375q0 -0.453125 -1.09375 -0.453125zm8.773193 17.859375q0.21875 -0.15625 0.40625 -0.15625q0.203125 0 0.203125 0.21875l0 0.0625q-3.328125 2.75 -5.546875 4.125q-2.203125 1.375 -4.0 1.375q-1.4375 0 -1.4375 -1.40625q0 -2.078125 2.109375 -4.265625q2.109375 -2.1875 3.5625 -2.1875q0.796875 0 0.796875 0.890625q-0.15625 1.765625 -5.0625 4.734375l0 0.328125q0 1.046875 1.109375 1.046875q1.109375 0 2.390625 -0.734375q2.484375 -1.46875 4.671875 -3.359375l0.796875 -0.671875zm-5.546875 -1.25q-0.703125 0 -1.8125 1.1875q-1.09375 1.1875 -1.484375 2.6875q1.546875 -0.921875 2.59375 -1.96875q1.0625 -1.046875 1.0625 -1.46875q0 -0.4375 -0.359375 -0.4375zm15.084106 1.25q0.21875 -0.15625 0.40625 -0.15625q0.203125 0 0.203125 0.21875l0 0.0625q-3.109375 2.5625 -4.875 3.71875l-6.390625 4.15625l-1.984375 2.78125q-4.609375 6.3125 -4.609375 6.78125q-0.515625 1.125 -1.0 1.125q-0.609375 0 -0.609375 -0.796875q0 -0.796875 0.796875 -2.140625q0.78125 -1.34375 1.546875 -2.1875l3.03125 -3.1875q0.390625 -0.609375 1.578125 -2.25q1.1875 -1.625 1.5625 -2.171875l1.375 -2.046875l0.0625 -0.125q0 -0.0625 -0.0625 -0.0625q-1.890625 1.5625 -3.140625 1.5625q-1.234375 0 -1.234375 -0.71875q0 -0.71875 0.953125 -1.90625q0.953125 -1.1875 2.3125 -2.296875q1.375 -1.125 3.015625 -1.9375q1.65625 -0.828125 2.90625 -0.828125q1.265625 0 1.265625 0.90625q0 0.640625 -1.203125 1.53125q-1.1875 0.890625 -1.46875 0.890625q-0.265625 0 -0.265625 -0.125q0 -0.1875 0.25 -0.34375q1.09375 -0.765625 1.09375 -1.453125q0 -0.703125 -0.578125 -0.703125q-1.40625 0 -3.921875 2.390625q-2.515625 2.390625 -2.515625 3.375q0 0.296875 0.46875 0.296875q0.46875 0 1.578125 -0.75q1.125 -0.765625 1.703125 -1.46875l0.859375 -1.078125q0.171875 -0.234375 0.421875 -0.234375q0.25 0 0.4375 0.171875q0.203125 0.15625 0.203125 0.3125l-3.875 5.375l4.734375 -2.96875q2.109375 -1.28125 4.234375 -3.078125l0.734375 -0.640625zm8.222778 0q0.21875 -0.15625 0.40625 -0.15625q0.203125 0 0.203125 0.21875l0 0.0625q-3.328125 2.75 -5.546875 4.125q-2.203125 1.375 -4.0 1.375q-1.4375 0 -1.4375 -1.40625q0 -2.078125 2.109375 -4.265625q2.109375 -2.1875 3.5625 -2.1875q0.796875 0 0.796875 0.890625q-0.15625 1.765625 -5.0625 4.734375l0 0.328125q0 1.046875 1.109375 1.046875q1.109375 0 2.390625 -0.734375q2.484375 -1.46875 4.671875 -3.359375l0.796875 -0.671875zm-5.546875 -1.25q-0.703125 0 -1.8125 1.1875q-1.09375 1.1875 -1.484375 2.6875q1.546875 -0.921875 2.59375 -1.96875q1.0625 -1.046875 1.0625 -1.46875q0 -0.4375 -0.359375 -0.4375zm18.568481 1.34375q-6.75 5.640625 -8.359375 5.640625q-0.921875 0 -0.921875 -0.765625q0 -0.78125 0.6875 -1.828125q0.6875 -1.0625 1.375 -1.875q0.6875 -0.8125 0.6875 -0.96875q0 -0.171875 -0.09375 -0.171875q-2.984375 1.984375 -3.546875 2.4375q-0.546875 0.453125 -1.8125 1.484375q-1.265625 1.015625 -1.65625 1.265625q-0.375 0.25 -0.828125 0.25q-0.453125 0 -0.453125 -0.375q0 -0.453125 1.796875 -2.8125q1.734375 -2.375 1.734375 -2.65625q0 -0.0625 -0.125 -0.0625q-0.109375 0 -2.765625 1.9375l-0.125 -0.46875q2.28125 -1.828125 3.078125 -2.34375q0.796875 -0.515625 1.296875 -0.515625q0.5 0 0.5 0.484375q0 0.328125 -1.8125 2.625q-1.8125 2.28125 -1.8125 2.453125q0 0.171875 0.109375 0.171875q0.109375 0 3.640625 -2.578125q3.546875 -2.578125 4.3125 -2.578125q0.234375 0 0.4375 0.1875q0.203125 0.171875 0.203125 0.328125q0 0.390625 -1.703125 2.546875q-1.6875 2.15625 -1.6875 2.453125q0 0.28125 0.390625 0.28125q0.40625 0 1.71875 -0.859375q2.40625 -1.578125 4.421875 -3.234375l0.703125 -0.578125q0.21875 -0.15625 0.40625 -0.15625q0.203125 0 0.203125 0.1875l0 0.09375zm1.6645508 0.640625l1.015625 -1.5625q-0.09375 -0.03125 -0.1875 -0.03125q-1.34375 0 -3.515625 2.046875q-2.171875 2.046875 -2.171875 2.875q0 0.21875 0.25 0.21875q0.796875 0 2.421875 -1.359375q1.640625 -1.359375 2.1875 -2.1875zm7.140625 -0.609375q-6.65625 5.375 -8.078125 5.375q-0.53125 0 -0.53125 -0.640625q0 -0.640625 0.46875 -2.140625q0 -0.03125 -0.0625 -0.03125q-3.671875 3.046875 -4.890625 3.046875q-0.828125 0 -0.828125 -0.609375q0 -1.34375 2.890625 -3.9375q2.890625 -2.59375 4.625 -2.59375q0.21875 0 0.484375 0.3125q0.734375 -1.078125 8.25 -11.796875q0.796875 -1.0 1.296875 -1.0q0.5 0 0.5 0.328125q0 0.796875 -5.515625 7.546875q-2.046875 2.5625 -3.765625 5.328125q-1.703125 2.765625 -1.703125 4.203125q0 0.609375 0.359375 0.609375q0.40625 0 1.46875 -0.734375q2.171875 -1.5625 3.8125 -2.875l0.609375 -0.515625q0.21875 -0.15625 0.40625 -0.15625q0.203125 0 0.203125 0.21875l0 0.0625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_6" role="img" aria-label="4/8 bytes (usize)
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m832.59845 80.0l0 38.992126l103.40155 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m832.59845 80.0l103.40155 0l0 38.992126l-103.40155 0z" fill-rule="evenodd"></path><path fill="#000000" d="m846.28595 96.69312l1.0625 0l0 0.78125l-1.0625 0l0 1.765625l-0.96875 0l0 -1.765625l-3.4375 0l0 -0.5625l3.390625 -5.25l1.015625 0l0 5.03125zm-3.3125 0l2.34375 0l0 -3.71875l-0.109375 0.21875l-2.234375 3.5zm5.5305786 3.203125l-0.828125 0l3.15625 -8.234375l0.828125 0l-3.15625 8.234375zm8.688416 -6.25q0 0.5625 -0.296875 1.015625q-0.296875 0.4375 -0.8125 0.6875q0.59375 0.25 0.9375 0.734375q0.359375 0.484375 0.359375 1.109375q0 0.984375 -0.671875 1.578125q-0.65625 0.578125 -1.75 0.578125q-1.078125 0 -1.75 -0.578125q-0.65625 -0.59375 -0.65625 -1.578125q0 -0.609375 0.328125 -1.09375q0.34375 -0.5 0.9375 -0.765625q-0.5 -0.25 -0.796875 -0.6875q-0.28125 -0.4375 -0.28125 -1.0q0 -0.96875 0.609375 -1.53125q0.609375 -0.5625 1.609375 -0.5625q1.0 0 1.609375 0.5625q0.625 0.5625 0.625 1.53125zm-0.78125 3.53125q0 -0.640625 -0.40625 -1.03125q-0.40625 -0.40625 -1.0625 -0.40625q-0.640625 0 -1.03125 0.40625q-0.390625 0.390625 -0.390625 1.03125q0 0.640625 0.375 1.015625q0.390625 0.359375 1.0625 0.359375q0.6875 0 1.0625 -0.359375q0.390625 -0.375 0.390625 -1.015625zm-1.453125 -4.828125q-0.5625 0 -0.921875 0.359375q-0.34375 0.34375 -0.34375 0.953125q0 0.578125 0.34375 0.9375q0.359375 0.34375 0.921875 0.34375q0.578125 0 0.921875 -0.34375q0.359375 -0.359375 0.359375 -0.9375q0 -0.578125 -0.359375 -0.9375q-0.359375 -0.375 -0.921875 -0.375zm11.13739 4.140625q0 1.28125 -0.59375 2.078125q-0.59375 0.78125 -1.59375 0.78125q-1.0625 0 -1.65625 -0.765625l-0.046875 0.65625l-0.875 0l0 -8.0l0.953125 0l0 2.984375q0.59375 -0.71875 1.609375 -0.71875q1.03125 0 1.609375 0.78125q0.59375 0.765625 0.59375 2.125l0 0.078125zm-0.96875 -0.109375q0 -0.984375 -0.390625 -1.515625q-0.375 -0.546875 -1.078125 -0.546875q-0.953125 0 -1.375 0.890625l0 2.4375q0.453125 0.875 1.375 0.875q0.703125 0 1.078125 -0.53125q0.390625 -0.53125 0.390625 -1.609375zm3.9681396 1.453125l1.296875 -4.21875l1.03125 0l-2.25 6.5q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625l1.0625 0l1.40625 4.21875zm4.495056 -5.59375l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm4.512207 7.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.708069 3.4375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm4.8201294 -1.578125q0 -1.171875 0.3125 -2.25q0.328125 -1.09375 0.953125 -1.96875q0.625 -0.890625 1.28125 -1.25l0.203125 0.625q-0.765625 0.59375 -1.25 1.796875q-0.484375 1.1875 -0.53125 2.671875l0 0.4375q0 2.015625 0.734375 3.484375q0.4375 0.890625 1.046875 1.390625l-0.203125 0.59375q-0.6875 -0.390625 -1.3125 -1.296875q-1.234375 -1.765625 -1.234375 -4.234375zm7.157898 2.515625q-0.5625 0.671875 -1.640625 0.671875q-0.90625 0 -1.375 -0.515625q-0.46875 -0.53125 -0.484375 -1.5625l0 -3.65625l0.96875 0l0 3.625q0 1.28125 1.03125 1.28125q1.109375 0 1.46875 -0.8125l0 -4.09375l0.96875 0l0 5.625l-0.921875 0l-0.015625 -0.5625zm5.6713867 -0.9375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm3.275879 1.5l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm3.4922485 6.34375l3.28125 0l0 0.78125l-4.46875 0l0 -0.703125l3.109375 -4.125l-3.0625 0l0 -0.796875l4.265625 0l0 0.671875l-3.125 4.171875zm6.619812 0.890625q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm5.661194 1.921875q0 1.15625 -0.3125 2.21875q-0.296875 1.0625 -0.921875 1.953125q-0.625 0.90625 -1.3125 1.296875l-0.203125 -0.59375q0.796875 -0.609375 1.28125 -1.90625q0.484375 -1.296875 0.5 -2.875l0 -0.15625q0 -1.09375 -0.234375 -2.03125q-0.21875 -0.953125 -0.640625 -1.6875q-0.40625 -0.75 -0.90625 -1.171875l0.203125 -0.578125q0.6875 0.375 1.296875 1.265625q0.625 0.890625 0.9375 1.96875q0.3125 1.0625 0.3125 2.296875z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_12" role="img" aria-label="Boxof T" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m48.0 24.0l0 32.0l56.472443 0l0 -32.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m48.0 24.0l56.472443 0l0 32.0l-56.472443 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m57.0 34.08619l15.984558 0l0 11.17852l-15.984558 0l0 -11.17852z" fill-rule="nonzero"></path><path fill="#0000ff" d="m57.515625 43.24l0 -6.640625l1.875 0q0.578125 0 0.984375 0.125q0.421875 0.109375 0.6875 0.328125q0.28125 0.203125 0.40625 0.515625q0.140625 0.296875 0.140625 0.640625q0 0.3125 -0.125 0.609375q-0.109375 0.296875 -0.328125 0.53125q-0.21875 0.21875 -0.53125 0.328125q0.28125 0.09375 0.5 0.265625q0.234375 0.171875 0.390625 0.40625q0.171875 0.21875 0.265625 0.484375q0.09375 0.265625 0.09375 0.546875q0 0.40625 -0.15625 0.765625q-0.140625 0.34375 -0.453125 0.59375q-0.296875 0.234375 -0.765625 0.375q-0.46875 0.125 -1.109375 0.125l-1.875 0zm0.734375 -0.65625l1.265625 0q0.46875 0 0.8125 -0.109375q0.359375 -0.125 0.546875 -0.40625q0.203125 -0.28125 0.203125 -0.734375q0 -0.390625 -0.171875 -0.6875q-0.171875 -0.3125 -0.546875 -0.484375q-0.375 -0.1875 -1.03125 -0.1875l-1.078125 0l0 2.609375zm0 -3.234375l1.046875 0q0.578125 0 0.921875 -0.140625q0.34375 -0.140625 0.484375 -0.375q0.15625 -0.234375 0.15625 -0.53125q0 -0.234375 -0.078125 -0.421875q-0.078125 -0.1875 -0.25 -0.328125q-0.171875 -0.15625 -0.453125 -0.234375q-0.28125 -0.09375 -0.671875 -0.09375l-1.15625 0l0 2.125zm6.750061 3.96875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.156311 0.546875l1.71875 -2.46875l-1.6875 -2.40625l0.84375 0l1.265625 1.8125l1.21875 -1.8125l0.78125 0l-1.578125 2.375l1.796875 2.5l-0.875 0l-1.34375 -1.890625l-1.265625 1.890625l-0.875 0z" fill-rule="nonzero"></path><path fill="#000000" d="m77.89081 42.74l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/boxed/struct.Box.html&amp;sa=D&amp;source=editors&amp;ust=1719318951272201&amp;usg=AOvVaw1Z-snJL9dwoaSxEAL1HM5P" target="_blank" rel="noreferrer" role="link" aria-label="Box" tabindex="0"><path fill="transparent" fill-opacity="0" d="m57.0 33.0l0 12.799999l15.984558 0l0 -12.799999z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_13" role="img" aria-label="Vecof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m159.52756 24.0l0 24.0l136.0 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m159.52756 24.0l136.0 0l0 24.0l-136.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m168.52756 34.08619l15.984558 0l0 11.17852l-15.984558 0l0 -11.17852z" fill-rule="nonzero"></path><path fill="#0000ff" d="m171.0588 43.286873l-2.265625 -6.703125l0.78125 0l1.703125 5.109375l1.609375 -5.09375l0.734375 0l-2.234375 6.6875l-0.328125 0zm5.703186 0.0625q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm7.062561 3.046875q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0z" fill-rule="nonzero"></path><path fill="#000000" d="m189.41837 42.739998l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/vec/struct.Vec.html&amp;sa=D&amp;source=editors&amp;ust=1719318951273107&amp;usg=AOvVaw21AW9LmwGx1sbmORoHV47d" target="_blank" rel="noreferrer" role="link" aria-label="Vec" tabindex="0"><path fill="transparent" fill-opacity="0" d="m168.52756 33.0l0 12.799999l15.984558 0l0 -12.799999z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_22" role="img" aria-label="len
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m160.59842 111.20119l0 30.992126l47.40158 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m160.59842 111.20119l47.40158 0l0 30.992126l-47.40158 0z" fill-rule="evenodd"></path><path fill="#000000" d="m179.02486 130.43724l-0.96875 0l0 -7.9999924l0.96875 0l0 7.9999924zm3.8672638 0.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.0156174l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.8437424 0.484375 1.3593674q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.0468674q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm4.348648 -0.6875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.7187424l-0.96875 0l0 -3.7187424q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.0156174l-0.953125 0l0 -5.6249924l0.90625 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m240.0 112.0c0 4.4182816 -3.1147308 8.0 -6.956955 8.0l-22.08609 0c-3.8422241 0 -6.956955 3.5817184 -6.956955 8.0l0 0c0 -4.4182816 -3.1147308 -8.0 -6.956955 -8.0l-22.08609 0l0 0c-3.8422241 0 -6.956955 -3.5817184 -6.956955 -8.0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m240.0 112.0c0 4.4182816 -3.1147308 8.0 -6.956955 8.0l-22.08609 0c-3.8422241 0 -6.956955 3.5817184 -6.956955 8.0l0 0c0 -4.4182816 -3.1147308 -8.0 -6.956955 -8.0l-22.08609 0l0 0c-3.8422241 0 -6.956955 -3.5817184 -6.956955 -8.0" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m240.0 112.0c0 4.4182816 -3.1147308 8.0 -6.956955 8.0l-22.08609 0c-3.8422241 0 -6.956955 3.5817184 -6.956955 8.0l0 0c0 -4.4182816 -3.1147308 -8.0 -6.956955 -8.0l-22.08609 0l0 0c-3.8422241 0 -6.956955 -3.5817184 -6.956955 -8.0" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_28" role="img" aria-label="cap
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m224.0 128.0l0 32.0l55.40158 0l0 -32.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m224.0 128.0l55.40158 0l0 32.0l-55.40158 0z" fill-rule="evenodd"></path><path fill="#000000" d="m235.98438 147.0525q0.515625 0 0.890625 -0.3125q0.390625 -0.3125 0.4375 -0.78125l0.90625 0q-0.015625 0.484375 -0.328125 0.921875q-0.3125 0.4375 -0.828125 0.703125q-0.5 0.265625 -1.078125 0.265625q-1.140625 0 -1.828125 -0.765625q-0.671875 -0.78125 -0.671875 -2.109375l0 -0.15625q0 -0.828125 0.296875 -1.46875q0.296875 -0.640625 0.859375 -0.984375q0.578125 -0.359375 1.34375 -0.359375q0.9375 0 1.5625 0.578125q0.640625 0.5625 0.671875 1.46875l-0.90625 0q-0.046875 -0.546875 -0.421875 -0.890625q-0.359375 -0.359375 -0.90625 -0.359375q-0.734375 0 -1.140625 0.53125q-0.40625 0.515625 -0.40625 1.515625l0 0.1875q0 0.96875 0.40625 1.5q0.40625 0.515625 1.140625 0.515625zm6.796631 0.6875q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm8.671417 -2.015625q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_29" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m167.52756 48.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m167.52756 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m167.52756 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m180.41212 61.521248l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_30" role="img" aria-label="cap
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m208.0 48.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m208.0 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m208.0 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m223.27519 59.864998q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0zm4.546936 0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm3.718811 1.65625l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_31" role="img" aria-label="len
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m248.0 48.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m248.0 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m248.0 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m261.08768 59.739998l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.4219055 0l0 0.625l-3.6406555 0zm7.3907166 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.796936 2.921875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_32" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m791.5276 86.99213l0 16.0l40.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m791.5276 86.99213l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m791.5276 86.99213l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m803.7715 89.578316l15.984558 0l0 11.17852l-15.984558 0l0 -11.17852z" fill-rule="nonzero"></path><path fill="#0000ff" d="m804.4121 100.513374l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m819.75604 89.578316l0 0l0 11.17852l0 0l0 -11.17852z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/book/raw-pointers.html&amp;sa=D&amp;source=editors&amp;ust=1719318951276067&amp;usg=AOvVaw2VzOMT_bCfdsT5ivRe9Lwq" target="_blank" rel="noreferrer" role="link" aria-label="ptr" tabindex="0"><path fill="transparent" fill-opacity="0" d="m803.7715 88.49213l0 12.799995l15.984558 0l0 -12.799995z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_33" role="img" aria-label="4/8 bytes
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m832.59845 112.0l0 38.992126l103.40155 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m832.59845 112.0l103.40155 0l0 38.992126l-103.40155 0z" fill-rule="evenodd"></path><path fill="#000000" d="m846.28595 128.69313l1.0625 0l0 0.78125l-1.0625 0l0 1.765625l-0.96875 0l0 -1.765625l-3.4375 0l0 -0.5625l3.390625 -5.2500076l1.015625 0l0 5.0312576zm-3.3125 0l2.34375 0l0 -3.7187576l-0.109375 0.21875l-2.234375 3.5000076zm5.5305786 3.203125l-0.828125 0l3.15625 -8.234383l0.828125 0l-3.15625 8.234383zm8.688416 -6.2500076q0 0.5625 -0.296875 1.015625q-0.296875 0.4375 -0.8125 0.6875q0.59375 0.25 0.9375 0.7343826q0.359375 0.484375 0.359375 1.109375q0 0.984375 -0.671875 1.578125q-0.65625 0.578125 -1.75 0.578125q-1.078125 0 -1.75 -0.578125q-0.65625 -0.59375 -0.65625 -1.578125q0 -0.609375 0.328125 -1.09375q0.34375 -0.5000076 0.9375 -0.7656326q-0.5 -0.25 -0.796875 -0.6875q-0.28125 -0.4375 -0.28125 -1.0q0 -0.96875 0.609375 -1.53125q0.609375 -0.5625 1.609375 -0.5625q1.0 0 1.609375 0.5625q0.625 0.5625 0.625 1.53125zm-0.78125 3.5312576q0 -0.640625 -0.40625 -1.03125q-0.40625 -0.40625763 -1.0625 -0.40625763q-0.640625 0 -1.03125 0.40625763q-0.390625 0.390625 -0.390625 1.03125q0 0.640625 0.375 1.015625q0.390625 0.359375 1.0625 0.359375q0.6875 0 1.0625 -0.359375q0.390625 -0.375 0.390625 -1.015625zm-1.453125 -4.8281326q-0.5625 0 -0.921875 0.359375q-0.34375 0.34375 -0.34375 0.953125q0 0.578125 0.34375 0.9375q0.359375 0.34375 0.921875 0.34375q0.578125 0 0.921875 -0.34375q0.359375 -0.359375 0.359375 -0.9375q0 -0.578125 -0.359375 -0.9375q-0.359375 -0.375 -0.921875 -0.375zm11.13739 4.1406326q0 1.28125 -0.59375 2.078125q-0.59375 0.78125 -1.59375 0.78125q-1.0625 0 -1.65625 -0.765625l-0.046875 0.65625l-0.875 0l0 -8.000008l0.953125 0l0 2.984375q0.59375 -0.71875 1.609375 -0.71875q1.03125 0 1.609375 0.78125q0.59375 0.765625 0.59375 2.1250076l0 0.078125zm-0.96875 -0.109375q0 -0.9843826 -0.390625 -1.5156326q-0.375 -0.546875 -1.078125 -0.546875q-0.953125 0 -1.375 0.890625l0 2.4375076q0.453125 0.875 1.375 0.875q0.703125 0 1.078125 -0.53125q0.390625 -0.53125 0.390625 -1.609375zm3.9681396 1.453125l1.296875 -4.2187576l1.03125 0l-2.25 6.5000076q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625076l1.0625 0l1.40625 4.2187576zm4.495056 -5.5937576l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5000076q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5000076l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm4.512207 7.1093826q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.8437576 0.3125 -1.5000076q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625076l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.0468826q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.708069 3.4375076q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.5156326q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625763 1.15625 0.39063263q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375z" fill-rule="nonzero"></path><path fill="#d9ead3" d="m791.5276 120.0l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m791.5276 120.0l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_35" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m168.0 88.0l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m168.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m168.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m179.55466 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_36" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m192.0 88.0l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m192.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m192.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m203.55466 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_37" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m216.0 88.0l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m216.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m216.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m227.55466 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><path fill="#ffffff" d="m240.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m240.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#ffffff" d="m264.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m264.0 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m288.0 128.0c0 4.418274 -3.114746 8.0 -6.95697 8.0l-46.086075 0c-3.8422241 0 -6.956955 3.581726 -6.956955 8.0l0 0c0 -4.418274 -3.1147308 -8.0 -6.956955 -8.0l-46.08609 0l0 0c-3.8422241 0 -6.956955 -3.581726 -6.956955 -8.0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m288.0 128.0c0 4.418274 -3.114746 8.0 -6.95697 8.0l-46.086075 0c-3.8422241 0 -6.956955 3.581726 -6.956955 8.0l0 0c0 -4.418274 -3.1147308 -8.0 -6.956955 -8.0l-46.08609 0l0 0c-3.8422241 0 -6.956955 -3.581726 -6.956955 -8.0" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m288.0 128.0c0 4.418274 -3.114746 8.0 -6.95697 8.0l-46.086075 0c-3.8422241 0 -6.956955 3.581726 -6.956955 8.0l0 0c0 -4.418274 -3.1147308 -8.0 -6.956955 -8.0l-46.08609 0l0 0c-3.8422241 0 -6.956955 -3.581726 -6.956955 -8.0" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m192.0 64.0l-12.0 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m192.0 64.0l-10.467361 20.934723" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m181.53264 84.93472l-0.5029297 -1.5087891l-0.3759308 3.2665024l2.3876495 -2.260643z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_70" role="img" aria-label="Rcof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m47.527557 291.49606l0 24.0l88.47244 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m47.527557 291.49606l88.47244 0l0 24.0l-88.47244 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m56.527557 301.58224l10.656372 0l0 11.178528l-10.656372 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m57.121307 310.73605l0 -6.640625l1.96875 0q0.78125 0 1.265625 0.234375q0.484375 0.234375 0.703125 0.671875q0.234375 0.421875 0.234375 1.0q0 0.359375 -0.171875 0.734375q-0.15625 0.375 -0.46875 0.65625q-0.296875 0.28125 -0.71875 0.375l1.53125 2.96875l-0.828125 0l-1.46875 -2.9375l-1.28125 0l0 2.9375l-0.765625 0zm0.765625 -3.59375l1.28125 0q0.71875 0 1.03125 -0.3125q0.328125 -0.3125 0.328125 -0.828125q0 -0.34375 -0.140625 -0.609375q-0.140625 -0.265625 -0.4375 -0.421875q-0.296875 -0.171875 -0.78125 -0.171875l-1.28125 0l0 2.34375zm7.000061 3.71875q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0z" fill-rule="nonzero"></path><path fill="#000000" d="m72.09018 310.23605l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/rc/&amp;sa=D&amp;source=editors&amp;ust=1719318951278697&amp;usg=AOvVaw3aCfLljwaYx3WdYMRDX4p4" target="_blank" rel="noreferrer" role="link" aria-label="Rc" tabindex="0"><path fill="transparent" fill-opacity="0" d="m56.527557 300.49606l0 12.799988l10.656372 0l0 -12.799988z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_74" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m55.527557 315.49606l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m55.527557 315.49606l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m55.527557 315.49606l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m68.412125 329.0173l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m71.52756 330.4882l16.0 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m71.52756 330.4882l14.098999 21.148499" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m85.62656 351.6367l-1.5595169 -0.31192017l2.6496048 1.947052l-0.7781906 -3.194641z" fill-rule="evenodd"></path><path fill="#d9ead3" d="m55.527557 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m55.527557 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#d9ead3" d="m95.52756 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m95.52756 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_90" role="img" aria-label="strong
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m47.527557 354.4882l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m47.527557 354.4882l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m62.214874 366.33755q-0.40625 0 -0.78125 -0.09375q-0.359375 -0.078125 -0.6875 -0.25q-0.3125 -0.171875 -0.59375 -0.421875l0.421875 -0.734375l0.0625 -0.09375l0.0625 0.046875q0.03125 0.078125 0.046875 0.171875q0.03125 0.09375 0.15625 0.21875q0.21875 0.21875 0.53125 0.375q0.3125 0.140625 0.8125 0.140625q0.390625 0 0.65625 -0.09375q0.28125 -0.09375 0.421875 -0.265625q0.15625 -0.1875 0.15625 -0.421875q0 -0.15625 -0.078125 -0.28125q-0.0625 -0.125 -0.203125 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.109375 -0.578125 -0.21875q-0.546875 -0.15625 -0.96875 -0.359375q-0.40625 -0.21875 -0.640625 -0.5q-0.21875 -0.296875 -0.21875 -0.65625q0 -0.375 0.203125 -0.640625q0.203125 -0.265625 0.59375 -0.421875q0.40625 -0.15625 1.0 -0.15625q0.328125 0 0.609375 0.046875q0.28125 0.046875 0.515625 0.140625q0.234375 0.09375 0.421875 0.25q0.203125 0.140625 0.390625 0.328125l-0.4375 0.53125l-0.078125 0.078125l-0.0625 -0.046875q0 -0.078125 -0.046875 -0.15625q-0.03125 -0.09375 -0.140625 -0.203125q-0.25 -0.1875 -0.5625 -0.28125q-0.3125 -0.109375 -0.59375 -0.109375q-0.421875 0 -0.734375 0.15625q-0.3125 0.140625 -0.3125 0.453125q0 0.15625 0.109375 0.3125q0.109375 0.15625 0.40625 0.3125q0.3125 0.140625 0.859375 0.3125q0.609375 0.1875 0.96875 0.390625q0.375 0.1875 0.53125 0.453125q0.171875 0.25 0.171875 0.59375q0 0.40625 -0.21875 0.765625q-0.21875 0.34375 -0.671875 0.5625q-0.4375 0.203125 -1.125 0.203125l0 0zm5.843811 -0.03125q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm6.734436 4.953125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.421936 0.546875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0zm7.187561 1.828125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_91" role="img" aria-label="weak
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m87.52756 354.4882l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m87.52756 354.4882l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m106.027435 366.2438l-0.984375 -4.890625l0.671875 0l0.78125 3.921875l0.84375 -3.453125l0.46875 0l1.03125 3.4375q0.140625 -0.953125 0.21875 -1.5625q0.09375 -0.609375 0.140625 -0.984375q0.046875 -0.390625 0.0625 -0.65625q0.015625 -0.265625 0.015625 -0.53125l0 -0.171875l0.71875 0q-0.109375 0.828125 -0.234375 1.640625q-0.109375 0.8125 -0.265625 1.625q-0.140625 0.8125 -0.3125 1.625l-0.71875 0l-0.890625 -3.15625l-0.859375 3.15625l-0.6875 0zm7.078186 0.09375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm6.281311 3.046875q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.203186 -2.5625l-0.640625 0.59375l0 1.84375l-0.78125 0l0 -7.09375l0.765625 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 4.0l2.4375 -2.265625q0.0625 0.015625 0.125 0.03125q0.0625 0 0.125 0.015625q0.078125 0 0.15625 0q0.078125 0 0.15625 0l0.28125 0l-2.046875 1.9375l2.390625 2.90625l-1.0 0.046875l-1.984375 -2.484375z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_87" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m135.52756 354.4882l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m135.52756 354.4882l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m135.52756 354.4882l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m171.08221 366.22818l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_92" role="img" aria-label="Box of slice T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m320.0 24.0l0 24.0l88.47244 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m320.0 24.0l88.47244 0l0 24.0l-88.47244 0z" fill-rule="evenodd"></path><path fill="#000000" d="m329.51562 43.239998l0 -6.640625l1.875 0q0.578125 0 0.984375 0.125q0.421875 0.109375 0.6875 0.328125q0.28125 0.203125 0.40625 0.515625q0.140625 0.296875 0.140625 0.640625q0 0.3125 -0.125 0.609375q-0.109375 0.296875 -0.328125 0.53125q-0.21875 0.21875 -0.53125 0.328125q0.28125 0.09375 0.5 0.265625q0.234375 0.171875 0.390625 0.40625q0.171875 0.21875 0.265625 0.484375q0.09375 0.265625 0.09375 0.546875q0 0.40625 -0.15625 0.765625q-0.140625 0.34375 -0.453125 0.59375q-0.296875 0.234375 -0.765625 0.375q-0.46875 0.125 -1.109375 0.125l-1.875 0zm0.734375 -0.65625l1.265625 0q0.46875 0 0.8125 -0.109375q0.359375 -0.125 0.546875 -0.40625q0.203125 -0.28125 0.203125 -0.734375q0 -0.390625 -0.171875 -0.6875q-0.171875 -0.3125 -0.546875 -0.484375q-0.375 -0.1875 -1.03125 -0.1875l-1.078125 0l0 2.609375zm0 -3.234375l1.046875 0q0.578125 0 0.921875 -0.140625q0.34375 -0.140625 0.484375 -0.375q0.15625 -0.234375 0.15625 -0.53125q0 -0.234375 -0.078125 -0.421875q-0.078125 -0.1875 -0.25 -0.328125q-0.171875 -0.15625 -0.453125 -0.234375q-0.28125 -0.09375 -0.671875 -0.09375l-1.15625 0l0 2.125zm6.750061 3.96875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.156311 0.546875l1.71875 -2.46875l-1.6875 -2.40625l0.84375 0l1.265625 1.8125l1.21875 -1.8125l0.78125 0l-1.578125 2.375l1.796875 2.5l-0.875 0l-1.34375 -1.890625l-1.265625 1.890625l-0.875 0zm9.734436 -0.5l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm1.812561 1.453125l0 -8.09375l3.046875 0l0 0.640625l-2.359375 0l0 6.84375l2.375 0l0 0.609375l-3.0625 0zm6.156311 -0.953125l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm7.562561 0.953125l-3.0625 0l0 -0.609375l2.375 0l0 -6.84375l-2.359375 0l0 -0.640625l3.046875 0l0 8.09375zm1.296936 -1.453125l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_93" role="img" aria-label="len
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m321.07086 113.561226l0 30.992119l47.40158 0l0 -30.992119z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m321.07086 113.561226l47.40158 0l0 30.992119l-47.40158 0z" fill-rule="evenodd"></path><path fill="#000000" d="m339.4973 132.79729l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm3.8672485 0.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm4.3486633 -0.6875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m400.47244 113.59763c0 4.418274 -3.114746 8.0 -6.95697 8.0l-22.08606 0c-3.8422241 0 -6.95697 3.5817184 -6.95697 7.9999924l0 0c0 -4.418274 -3.114746 -7.9999924 -6.95697 -7.9999924l-22.08606 0l0 0c-3.8422241 0 -6.95697 -3.581726 -6.95697 -8.0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m400.47244 113.59763c0 4.418274 -3.114746 8.0 -6.95697 8.0l-22.08606 0c-3.8422241 0 -6.95697 3.5817184 -6.95697 7.9999924l0 0c0 -4.418274 -3.114746 -7.9999924 -6.95697 -7.9999924l-22.08606 0l0 0c-3.8422241 0 -6.95697 -3.581726 -6.95697 -8.0" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m400.47244 113.59763c0 4.418274 -3.114746 8.0 -6.95697 8.0l-22.08606 0c-3.8422241 0 -6.95697 3.5817184 -6.95697 7.9999924l0 0c0 -4.418274 -3.114746 -7.9999924 -6.95697 -7.9999924l-22.08606 0l0 0c-3.8422241 0 -6.95697 -3.581726 -6.95697 -8.0" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_96" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m328.0 48.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m328.0 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m328.0 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m340.88455 61.521248l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.37503052 0.140625 0.6562805 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.6562805 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.20315552 -0.21875 0.31253052 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.43753052 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.7657166 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_97" role="img" aria-label="len
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m368.47244 48.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m368.47244 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m368.47244 48.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m381.56012 59.739998l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm7.390686 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.796936 2.921875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_99" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m328.47244 88.0l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m328.47244 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m328.47244 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m340.0271 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_100" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m352.47244 88.0l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m352.47244 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m352.47244 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m364.0271 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_101" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m376.47244 88.0l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m376.47244 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m376.47244 88.0l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m388.0271 99.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m352.47244 64.0l-12.0 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m352.47244 64.0l-10.467346 20.934723" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m342.00507 84.93472l-0.50289917 -1.5087891l-0.37594604 3.2665024l2.3876343 -2.260643z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_106" role="img" aria-label="Box of dyn Trait 
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m455.0551 23.372704l0 24.0l94.99213 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m455.0551 23.372704l94.99213 0l0 24.0l-94.99213 0z" fill-rule="evenodd"></path><path fill="#000000" d="m464.57074 42.6127l0 -6.640625l1.875 0q0.578125 0 0.984375 0.125q0.421875 0.109375 0.6875 0.328125q0.28125 0.203125 0.40625 0.515625q0.140625 0.296875 0.140625 0.640625q0 0.3125 -0.125 0.609375q-0.109375 0.296875 -0.328125 0.53125q-0.21875 0.21875 -0.53125 0.328125q0.28125 0.09375 0.5 0.265625q0.234375 0.171875 0.390625 0.40625q0.171875 0.21875 0.265625 0.484375q0.09375 0.265625 0.09375 0.546875q0 0.40625 -0.15625 0.765625q-0.140625 0.34375 -0.453125 0.59375q-0.296875 0.234375 -0.765625 0.375q-0.46875 0.125 -1.109375 0.125l-1.875 0zm0.734375 -0.65625l1.265625 0q0.46875 0 0.8125 -0.109375q0.359375 -0.125 0.546875 -0.40625q0.203125 -0.28125 0.203125 -0.734375q0 -0.390625 -0.171875 -0.6875q-0.171875 -0.3125 -0.546875 -0.484375q-0.375 -0.1875 -1.03125 -0.1875l-1.078125 0l0 2.609375zm0 -3.234375l1.046875 0q0.578125 0 0.921875 -0.140625q0.34375 -0.140625 0.484375 -0.375q0.15625 -0.234375 0.15625 -0.53125q0 -0.234375 -0.078125 -0.421875q-0.078125 -0.1875 -0.25 -0.328125q-0.171875 -0.15625 -0.453125 -0.234375q-0.28125 -0.09375 -0.671875 -0.09375l-1.15625 0l0 2.125zm6.750061 3.96875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.156311 0.546875l1.71875 -2.46875l-1.6875 -2.40625l0.84375 0l1.265625 1.8125l1.21875 -1.8125l0.78125 0l-1.578125 2.375l1.796875 2.5l-0.875 0l-1.34375 -1.890625l-1.265625 1.890625l-0.875 0zm9.734436 -0.5l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.921936 0.609375q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm4.078186 2.421875q-0.34375 0 -0.625 -0.109375q-0.28125 -0.109375 -0.5 -0.3125l0.328125 -0.515625l0.0625 -0.09375l0.0625 0.03125q0.03125 0.09375 0.078125 0.140625q0.0625 0.0625 0.203125 0.15625q0.09375 0.03125 0.203125 0.046875q0.109375 0.015625 0.21875 0.015625q0.296875 0 0.484375 -0.140625q0.203125 -0.125 0.34375 -0.421875q0.15625 -0.28125 0.296875 -0.71875l0.921875 -2.875q0.171875 -0.484375 0.3125 -0.953125q0.15625 -0.484375 0.203125 -0.984375l0.765625 0q-0.078125 0.5 -0.234375 1.0q-0.15625 0.5 -0.34375 1.0l-1.203125 3.421875q-0.265625 0.71875 -0.671875 1.015625q-0.390625 0.296875 -0.90625 0.296875l0 0zm-0.875 -6.734375l0.8125 0l1.5625 4.0625l-0.328125 0.953125l-2.046875 -5.015625zm5.609436 4.875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m506.6806 33.458893l26.64093 0l0 11.178516l-26.64093 0l0 -11.178516z" fill-rule="nonzero"></path><path fill="#0097a7" d="m508.89935 42.6127l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm4.375061 -4.875l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm6.312561 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm4.140686 -0.125l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.859436 5.96875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625z" fill-rule="nonzero"></path><path fill="#000000" d="m533.7434 42.1127l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><path fill="#0097a7" d="m506.6806 43.286037l26.64093 0l0 1.0l-26.64093 0l0 -1.0z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/reference/types/trait-object.html&amp;sa=D&amp;source=editors&amp;ust=1719318951284943&amp;usg=AOvVaw1d8UNbJA7VRSmhi0EpokeJ" target="_blank" rel="noreferrer" role="link" aria-label="Trait" tabindex="0"><path fill="transparent" fill-opacity="0" d="m506.6806 32.372704l0 12.799999l26.64093 0l0 -12.799999z" fill-rule="nonzero"></path></a><path fill="#cfe2f3" d="m463.0551 47.373833l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m463.0551 47.373833l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#cfe2f3" d="m503.52756 47.373833l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m503.52756 47.373833l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_111" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m463.52756 87.37383l0 16.0l56.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m463.52756 87.37383l56.472443 0l0 16.0l-56.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m463.52756 87.37383l56.472443 0l0 16.0l-56.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m491.31845 99.11383l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m487.5118 63.373833l4.2519836 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m487.5118 63.373833l3.6541138 20.625458" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m491.16592 83.9993l-1.3035278 -0.91116333l1.6463623 2.8462143l0.56832886 -3.2385788z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_124" role="img" aria-label="vtable
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m496.0 47.164776l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m496.0 47.164776l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m510.37482 58.904774l-1.9375 -4.875l0.765625 0l1.578125 4.0l-0.140625 0l0.859375 -1.984375q0.25 -0.578125 0.40625 -1.078125q0.15625 -0.5 0.234375 -0.9375l0.71875 0q-0.078125 0.453125 -0.265625 0.984375q-0.171875 0.53125 -0.4375 1.15625l-1.1875 2.734375l-0.59375 0zm6.156311 0.078125q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.906311 0q-0.296875 0 -0.5625 -0.09375q-0.265625 -0.09375 -0.484375 -0.265625q-0.21875 -0.171875 -0.390625 -0.40625l-0.265625 0.640625l-0.484375 0l0 -7.09375l0.765625 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 2.5q0.109375 -0.1875 0.265625 -0.34375q0.171875 -0.171875 0.359375 -0.28125q0.1875 -0.125 0.40625 -0.171875q0.21875 -0.0625 0.40625 -0.0625q0.453125 0 0.8125 0.15625q0.375 0.15625 0.640625 0.46875q0.265625 0.3125 0.40625 0.78125q0.15625 0.46875 0.15625 1.09375q0 0.65625 -0.171875 1.140625q-0.171875 0.484375 -0.46875 0.8125q-0.296875 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625l0 0zm-0.09375 -0.6875q0.265625 0 0.5 -0.09375q0.234375 -0.09375 0.421875 -0.3125q0.203125 -0.21875 0.3125 -0.578125q0.109375 -0.375 0.109375 -0.890625q0 -0.484375 -0.09375 -0.84375q-0.09375 -0.359375 -0.28125 -0.59375q-0.171875 -0.234375 -0.421875 -0.34375q-0.234375 -0.109375 -0.515625 -0.109375q-0.40625 0 -0.703125 0.25q-0.296875 0.234375 -0.46875 0.671875q-0.171875 0.421875 -0.171875 0.984375q0 0.421875 0.0625 0.765625q0.078125 0.328125 0.234375 0.578125q0.15625 0.25 0.40625 0.390625q0.25 0.125 0.609375 0.125l0 0zm3.437561 0.5625l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm7.390686 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_125" role="img" aria-label="size
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m784.0 120.0l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m784.0 120.0l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m801.3436 122.58619l21.312744 0l0 11.17852l-21.312744 0l0 -11.17852z" fill-rule="nonzero"></path><path fill="#0000ff" d="m804.0155 131.84938q-0.40625 0 -0.78125 -0.09375q-0.359375 -0.078125 -0.6875 -0.25q-0.3125 -0.171875 -0.59375 -0.421875l0.421875 -0.734375l0.0625 -0.09375l0.0625 0.046875q0.03125 0.078125 0.046875 0.171875q0.03125 0.09375 0.15625 0.21875q0.21875 0.21875 0.53125 0.375q0.3125 0.140625 0.8125 0.140625q0.390625 0 0.65625 -0.09375q0.28125 -0.09375 0.421875 -0.265625q0.15625 -0.1875 0.15625 -0.421875q0 -0.15625 -0.078125 -0.28125q-0.0625 -0.125 -0.203125 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.109375 -0.578125 -0.21875q-0.546875 -0.15625 -0.96875 -0.359375q-0.40625 -0.21875 -0.640625 -0.5q-0.21875 -0.296875 -0.21875 -0.6562576q0 -0.375 0.203125 -0.640625q0.203125 -0.265625 0.59375 -0.421875q0.40625 -0.15625 1.0 -0.15625q0.328125 0 0.609375 0.046875q0.28125 0.046875 0.515625 0.140625q0.234375 0.09375 0.421875 0.25q0.203125 0.140625 0.390625 0.328125l-0.4375 0.5312576l-0.078125 0.078125l-0.0625 -0.046875q0 -0.078125 -0.046875 -0.15625763q-0.03125 -0.09375 -0.140625 -0.203125q-0.25 -0.1875 -0.5625 -0.28125q-0.3125 -0.109375 -0.59375 -0.109375q-0.421875 0 -0.734375 0.15625q-0.3125 0.140625 -0.3125 0.453125q0 0.15625763 0.109375 0.31250763q0.109375 0.15625 0.40625 0.3125q0.3125 0.140625 0.859375 0.3125q0.609375 0.1875 0.96875 0.390625q0.375 0.1875 0.53125 0.453125q0.171875 0.25 0.171875 0.59375q0 0.40625 -0.21875 0.765625q-0.21875 0.34375 -0.671875 0.5625q-0.4375 0.203125 -1.125 0.203125l0 0zm3.718811 -0.109375l0 -0.625l1.25 0l0 -3.6250076l-1.1875 0l0 -0.625l1.953125 0l0 4.2500076l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.8906326q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm3.203186 5.3750076l3.015625 -3.6875076l-2.796875 0l0 -0.671875l3.796875 0l0 0.53125l-2.96875 3.6875076l2.75 0q0.171875 0 0.25 -0.015625q0.078125 -0.03125 0.140625 -0.09375l0.078125 0l0 0.109375l0 0.65625l-4.265625 0l0 -0.515625zm7.703186 0.625q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.48438263 0.484375 -0.7968826q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.7187576q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.26563263 -0.265625 -0.46875763q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875763q-0.125 0.28125 -0.171875 0.65625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m822.6564 122.58619l0 0l0 11.17852l0 0l0 -11.17852z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/primitive.usize.html&amp;sa=D&amp;source=editors&amp;ust=1719318951286778&amp;usg=AOvVaw1xUZEa6Igw_A30bqt6BulC" target="_blank" rel="noreferrer" role="link" aria-label="size" tabindex="0"><path fill="transparent" fill-opacity="0" d="m801.3436 121.5l0 12.800003l21.312744 0l0 -12.800003z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_126" role="img" aria-label="Arcof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m239.52756 291.49606l0 24.0l88.47244 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m239.52756 291.49606l88.47244 0l0 24.0l-88.47244 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m248.52756 301.58224l10.656372 0l0 11.178528l-10.656372 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m252.32443 308.79855l-2.40625 0l0.15625 -0.578125l2.09375 0l0.15625 0.578125zm-1.140625 -3.109375l-1.75 5.046875l-0.734375 0l2.453125 -6.75l0.078125 0l2.453125 6.75l-0.765625 0l-1.734375 -5.046875zm3.937561 0.171875l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m259.18393 301.58224l5.328186 0l0 11.178528l-5.328186 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m262.21518 310.86105q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0z" fill-rule="nonzero"></path><path fill="#000000" d="m269.41837 310.23605l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/sync/struct.Arc.html&amp;sa=D&amp;source=editors&amp;ust=1719318951287629&amp;usg=AOvVaw2zZmvThb9csA-k5ua3AqYy" target="_blank" rel="noreferrer" role="link" aria-label="Arc" tabindex="0"><path fill="transparent" fill-opacity="0" d="m248.52756 300.49606l0 12.799988l15.984558 0l0 -12.799988z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_127" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m247.52756 315.49606l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m247.52756 315.49606l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m247.52756 315.49606l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m260.41214 329.0173l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m263.52756 330.4882l16.0 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m263.52756 330.4882l14.098999 21.148499" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m277.62656 351.6367l-1.5595093 -0.31192017l2.6495972 1.947052l-0.77819824 -3.194641z" fill-rule="evenodd"></path><path fill="#d9d2e9" d="m247.52756 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m247.52756 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#d9d2e9" d="m287.52756 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m287.52756 354.4882l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_131" role="img" aria-label="strong
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m239.52756 354.4882l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m239.52756 354.4882l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m254.21487 366.33755q-0.40625 0 -0.78125 -0.09375q-0.359375 -0.078125 -0.6875 -0.25q-0.3125 -0.171875 -0.59375 -0.421875l0.421875 -0.734375l0.0625 -0.09375l0.0625 0.046875q0.03125 0.078125 0.046875 0.171875q0.03125 0.09375 0.15625 0.21875q0.21875 0.21875 0.53125 0.375q0.3125 0.140625 0.8125 0.140625q0.390625 0 0.65625 -0.09375q0.28125 -0.09375 0.421875 -0.265625q0.15625 -0.1875 0.15625 -0.421875q0 -0.15625 -0.078125 -0.28125q-0.0625 -0.125 -0.203125 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.109375 -0.578125 -0.21875q-0.546875 -0.15625 -0.96875 -0.359375q-0.40625 -0.21875 -0.640625 -0.5q-0.21875 -0.296875 -0.21875 -0.65625q0 -0.375 0.203125 -0.640625q0.203125 -0.265625 0.59375 -0.421875q0.40625 -0.15625 1.0 -0.15625q0.328125 0 0.609375 0.046875q0.28125 0.046875 0.515625 0.140625q0.234375 0.09375 0.421875 0.25q0.203125 0.140625 0.390625 0.328125l-0.4375 0.53125l-0.078125 0.078125l-0.0625 -0.046875q0 -0.078125 -0.046875 -0.15625q-0.03125 -0.09375 -0.140625 -0.203125q-0.25 -0.1875 -0.5625 -0.28125q-0.3125 -0.109375 -0.59375 -0.109375q-0.421875 0 -0.734375 0.15625q-0.3125 0.140625 -0.3125 0.453125q0 0.15625 0.109375 0.3125q0.109375 0.15625 0.40625 0.3125q0.3125 0.140625 0.859375 0.3125q0.609375 0.1875 0.96875 0.390625q0.375 0.1875 0.53125 0.453125q0.171875 0.25 0.171875 0.59375q0 0.40625 -0.21875 0.765625q-0.21875 0.34375 -0.671875 0.5625q-0.4375 0.203125 -1.125 0.203125l0 0zm5.843811 -0.03125q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm6.734436 4.953125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.421936 0.546875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0zm7.187561 1.828125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_132" role="img" aria-label="weak
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m279.52756 354.4882l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m279.52756 354.4882l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m298.02744 366.2438l-0.984375 -4.890625l0.671875 0l0.78125 3.921875l0.84375 -3.453125l0.46875 0l1.03125 3.4375q0.140625 -0.953125 0.21875 -1.5625q0.09375 -0.609375 0.140625 -0.984375q0.046875 -0.390625 0.0625 -0.65625q0.015625 -0.265625 0.015625 -0.53125l0 -0.171875l0.71875 0q-0.109375 0.828125 -0.234375 1.640625q-0.109375 0.8125 -0.265625 1.625q-0.140625 0.8125 -0.3125 1.625l-0.71875 0l-0.890625 -3.15625l-0.859375 3.15625l-0.6875 0zm7.078186 0.09375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm6.281311 3.046875q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.203186 -2.5625l-0.640625 0.59375l0 1.84375l-0.78125 0l0 -7.09375l0.765625 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 4.0l2.4375 -2.265625q0.0625 0.015625 0.125 0.03125q0.0625 0 0.125 0.015625q0.078125 0 0.15625 0q0.078125 0 0.15625 0l0.28125 0l-2.046875 1.9375l2.390625 2.90625l-1.0 0.046875l-1.984375 -2.484375z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_133" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m327.52756 354.4882l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m327.52756 354.4882l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m327.52756 354.4882l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m363.0822 366.22818l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_134" role="img" aria-label="4/8 bytes
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m832.59845 145.00787l0 38.992126l103.40155 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m832.59845 145.00787l103.40155 0l0 38.992126l-103.40155 0z" fill-rule="evenodd"></path><path fill="#000000" d="m846.28595 161.701l1.0625 0l0 0.78125l-1.0625 0l0 1.765625l-0.96875 0l0 -1.765625l-3.4375 0l0 -0.5625l3.390625 -5.25l1.015625 0l0 5.03125zm-3.3125 0l2.34375 0l0 -3.71875l-0.109375 0.21875l-2.234375 3.5zm5.5305786 3.203125l-0.828125 0l3.15625 -8.234375l0.828125 0l-3.15625 8.234375zm8.688416 -6.25q0 0.5625 -0.296875 1.015625q-0.296875 0.4375 -0.8125 0.6875q0.59375 0.25 0.9375 0.734375q0.359375 0.484375 0.359375 1.109375q0 0.984375 -0.671875 1.578125q-0.65625 0.578125 -1.75 0.578125q-1.078125 0 -1.75 -0.578125q-0.65625 -0.59375 -0.65625 -1.578125q0 -0.609375 0.328125 -1.09375q0.34375 -0.5 0.9375 -0.765625q-0.5 -0.25 -0.796875 -0.6875q-0.28125 -0.4375 -0.28125 -1.0q0 -0.96875 0.609375 -1.53125q0.609375 -0.5625 1.609375 -0.5625q1.0 0 1.609375 0.5625q0.625 0.5625 0.625 1.53125zm-0.78125 3.53125q0 -0.640625 -0.40625 -1.03125q-0.40625 -0.40625 -1.0625 -0.40625q-0.640625 0 -1.03125 0.40625q-0.390625 0.390625 -0.390625 1.03125q0 0.640625 0.375 1.015625q0.390625 0.359375 1.0625 0.359375q0.6875 0 1.0625 -0.359375q0.390625 -0.375 0.390625 -1.015625zm-1.453125 -4.828125q-0.5625 0 -0.921875 0.359375q-0.34375 0.34375 -0.34375 0.953125q0 0.578125 0.34375 0.9375q0.359375 0.34375 0.921875 0.34375q0.578125 0 0.921875 -0.34375q0.359375 -0.359375 0.359375 -0.9375q0 -0.578125 -0.359375 -0.9375q-0.359375 -0.375 -0.921875 -0.375zm11.13739 4.140625q0 1.28125 -0.59375 2.078125q-0.59375 0.78125 -1.59375 0.78125q-1.0625 0 -1.65625 -0.765625l-0.046875 0.65625l-0.875 0l0 -8.0l0.953125 0l0 2.984375q0.59375 -0.71875 1.609375 -0.71875q1.03125 0 1.609375 0.78125q0.59375 0.765625 0.59375 2.125l0 0.078125zm-0.96875 -0.109375q0 -0.984375 -0.390625 -1.515625q-0.375 -0.546875 -1.078125 -0.546875q-0.953125 0 -1.375 0.890625l0 2.4375q0.453125 0.875 1.375 0.875q0.703125 0 1.078125 -0.53125q0.390625 -0.53125 0.390625 -1.609375zm3.9681396 1.453125l1.296875 -4.21875l1.03125 0l-2.25 6.5q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625l1.0625 0l1.40625 4.21875zm4.495056 -5.59375l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm4.512207 7.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.708069 3.4375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375z" fill-rule="nonzero"></path><path fill="#d9d2e9" d="m791.5276 153.00787l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m791.5276 153.00787l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_136" role="img" aria-label="atomic
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m784.0 153.00787l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m784.0 153.00787l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m796.01544 155.59407l31.969116 0l0 11.178513l-31.969116 0l0 -11.178513z" fill-rule="nonzero"></path><path fill="#0000ff" d="m798.26544 164.87288q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm6.265686 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm7.250061 4.953125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.062561 0.546875l0 -4.875l0.703125 0l0 0.484375q0.109375 -0.1875 0.265625 -0.3125q0.15625 -0.140625 0.34375 -0.203125q0.1875 -0.078125 0.375 -0.078125q0.21875 0 0.390625 0.09375q0.1875 0.078125 0.3125 0.25q0.125 0.15625 0.171875 0.375q0.09375 -0.21875 0.25 -0.375q0.171875 -0.171875 0.390625 -0.25q0.21875 -0.09375 0.453125 -0.09375q0.25 0 0.421875 0.09375q0.1875 0.09375 0.296875 0.265625q0.125 0.15625 0.171875 0.390625q0.0625 0.234375 0.046875 0.5l0 3.734375l-0.703125 0l0 -3.453125q0 -0.453125 -0.0625 -0.65625q-0.0625 -0.203125 -0.171875 -0.25q-0.09375 -0.0625 -0.21875 -0.0625q-0.203125 0 -0.390625 0.1875q-0.171875 0.1875 -0.28125 0.46875q-0.109375 0.265625 -0.109375 0.546875l0 3.21875l-0.71875 0l0 -3.390625q0 -0.609375 -0.109375 -0.8125q-0.109375 -0.203125 -0.421875 -0.203125q-0.125 0 -0.25 0.09375q-0.109375 0.078125 -0.21875 0.21875q-0.109375 0.140625 -0.171875 0.359375q-0.0625 0.203125 -0.0625 0.484375l0 3.25l-0.703125 0zm5.984436 0l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.703186 6.015625q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m827.98456 155.59407l0 0l0 11.178513l0 0l0 -11.178513z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/sync/atomic/&amp;sa=D&amp;source=editors&amp;ust=1719318951290798&amp;usg=AOvVaw2xPpG_q5sBiBBYbBSYwBcx" target="_blank" rel="noreferrer" role="link" aria-label="atomic" tabindex="0"><path fill="transparent" fill-opacity="0" d="m796.01544 154.50787l0 12.800003l31.969116 0l0 -12.800003z" fill-rule="nonzero"></path></a><path fill="#fff2cc" d="m776.0 216.0l72.0 0l0 32.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m776.0 216.0l72.0 0l0 32.0l-72.0 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_141" role="img" aria-label="allocation
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m768.0 224.0l0 16.0l88.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m768.0 224.0l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m787.6091 235.865q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm3.921936 -0.125l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm5.328186 0l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm7.156311 0.078125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm5.687561 0.671875q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0zm4.546936 0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm6.265686 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.640686 4.875l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.343811 5.96875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.421936 0.546875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_142" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m784.0 264.0l0 16.0l56.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m784.0 264.0l56.472412 0l0 16.0l-56.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m784.0 264.0l56.472412 0l0 16.0l-56.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m811.7909 275.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_143" role="img" aria-label="user defined type
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m840.59845 256.0l0 38.992126l103.40155 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m840.59845 256.0l103.40155 0l0 38.992126l-103.40155 0z" fill-rule="evenodd"></path><path fill="#000000" d="m853.8016 274.6775q-0.5625 0.671875 -1.640625 0.671875q-0.90625 0 -1.375 -0.515625q-0.46875 -0.53125 -0.484375 -1.5625l0 -3.65625l0.96875 0l0 3.625q0 1.28125 1.03125 1.28125q1.109375 0 1.46875 -0.8125l0 -4.09375l0.96875 0l0 5.625l-0.921875 0l-0.015625 -0.5625zm5.6713257 -0.9375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm4.557129 1.609375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.161133 0.171875q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm3.2907715 1.90625q0 -1.296875 0.609375 -2.078125q0.609375 -0.796875 1.609375 -0.796875q0.984375 0 1.5625 0.671875l0 -2.9375l0.96875 0l0 8.0l-0.890625 0l-0.046875 -0.609375q-0.578125 0.71875 -1.609375 0.71875q-0.96875 0 -1.59375 -0.796875q-0.609375 -0.8125 -0.609375 -2.09375l0 -0.078125zm0.953125 0.109375q0 0.953125 0.390625 1.5q0.40625 0.53125 1.09375 0.53125q0.921875 0 1.34375 -0.8125l0 -2.59375q-0.4375 -0.796875 -1.328125 -0.796875q-0.703125 0 -1.109375 0.546875q-0.390625 0.546875 -0.390625 1.625zm7.6191406 2.859375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm3.7548828 4.9375l0 -4.890625l-0.890625 0l0 -0.734375l0.890625 0l0 -0.484375q0 -0.9375 0.53125 -1.453125q0.546875 -0.53125 1.53125 -0.53125q0.578125 0 1.46875 0.3125l-0.15625 0.8125q-0.65625 -0.265625 -1.234375 -0.265625q-0.625 0 -0.90625 0.28125q-0.265625 0.28125 -0.265625 0.828125l0 0.5l1.15625 0l0 0.734375l-1.15625 0l0 4.890625l-0.96875 0zm4.015625 0l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm2.4786377 -5.625l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm7.3015137 5.734375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm3.2080078 2.078125q0 -1.296875 0.609375 -2.078125q0.609375 -0.796875 1.609375 -0.796875q0.984375 0 1.5625 0.671875l0 -2.9375l0.96875 0l0 8.0l-0.890625 0l-0.046875 -0.609375q-0.578125 0.71875 -1.609375 0.71875q-0.96875 0 -1.59375 -0.796875q-0.609375 -0.8125 -0.609375 -2.09375l0 -0.078125zm0.953125 0.109375q0 0.953125 0.390625 1.5q0.40625 0.53125 1.09375 0.53125q0.921875 0 1.34375 -0.8125l0 -2.59375q-0.4375 -0.796875 -1.328125 -0.796875q-0.703125 0 -1.109375 0.546875q-0.390625 0.546875 -0.390625 1.625zm9.225952 -4.25l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm4.027832 5.59375l1.296875 -4.21875l1.03125 0l-2.25 6.5q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625l1.0625 0l1.40625 4.21875zm7.948181 -1.34375q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625zm4.5254517 2.96875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_148" role="img" aria-label="RefCellof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m445.18896 424.99213l0 24.0l88.47247 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m445.18896 424.99213l88.47247 0l0 24.0l-88.47247 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m454.18896 435.0783l37.297302 0l0 11.178528l-37.297302 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m454.7827 444.23212l0 -6.640625l1.96875 0q0.78125 0 1.265625 0.234375q0.484375 0.234375 0.703125 0.671875q0.234375 0.421875 0.234375 1.0q0 0.359375 -0.171875 0.734375q-0.15625 0.375 -0.46875 0.65625q-0.296875 0.28125 -0.71875 0.375l1.53125 2.96875l-0.828125 0l-1.46875 -2.9375l-1.28125 0l0 2.9375l-0.765625 0zm0.765625 -3.59375l1.28125 0q0.71875 0 1.03125 -0.3125q0.328125 -0.3125 0.328125 -0.828125q0 -0.34375 -0.140625 -0.609375q-0.140625 -0.265625 -0.4375 -0.421875q-0.296875 -0.171875 -0.78125 -0.171875l-1.28125 0l0 2.34375zm6.875061 3.703125q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm5.750061 -1.34375l-1.046875 0l0 -0.609375l1.046875 0l0 -0.40625q0 -0.640625 0.234375 -1.046875q0.234375 -0.421875 0.640625 -0.625q0.40625 -0.203125 0.921875 -0.203125q0.453125 0 0.859375 0.171875q0.40625 0.171875 0.671875 0.5l-0.40625 0.5625l-0.0625 0.09375l-0.078125 -0.046875q0 -0.078125 -0.03125 -0.15625q-0.03125 -0.09375 -0.15625 -0.21875q-0.171875 -0.15625 -0.34375 -0.21875q-0.171875 -0.0625 -0.4375 -0.0625q-0.296875 0 -0.546875 0.125q-0.25 0.125 -0.390625 0.390625q-0.125 0.265625 -0.125 0.734375l0 0.40625l1.59375 0l0 0.609375l-1.59375 0l0 4.265625l-0.75 0l0 -4.265625zm6.640686 4.375q-0.53125 0 -1.0 -0.1875q-0.46875 -0.203125 -0.828125 -0.625q-0.359375 -0.421875 -0.5625 -1.046875q-0.203125 -0.640625 -0.203125 -1.53125q0 -0.78125 0.140625 -1.359375q0.15625 -0.578125 0.40625 -0.96875q0.265625 -0.40625 0.59375 -0.640625q0.328125 -0.234375 0.6875 -0.328125q0.359375 -0.109375 0.734375 -0.109375q0.71875 0 1.21875 0.359375q0.515625 0.34375 0.78125 0.953125l-0.640625 0.296875l-0.09375 0.03125l-0.03125 -0.0625q0.03125 -0.09375 0 -0.15625q-0.03125 -0.078125 -0.125 -0.21875q-0.265625 -0.359375 -0.546875 -0.484375q-0.28125 -0.125 -0.59375 -0.125q-0.40625 0 -0.75 0.1875q-0.328125 0.1875 -0.578125 0.546875q-0.234375 0.34375 -0.359375 0.859375q-0.125 0.515625 -0.125 1.171875q0 0.625 0.140625 1.140625q0.15625 0.5 0.40625 0.875q0.25 0.375 0.578125 0.578125q0.34375 0.203125 0.71875 0.203125q0.265625 0 0.515625 -0.09375q0.25 -0.09375 0.46875 -0.28125q0.21875 -0.1875 0.359375 -0.4375l0.5625 0.359375q-0.328125 0.53125 -0.78125 0.8125q-0.4375 0.28125 -1.09375 0.28125l0 0zm5.203186 0q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.875061 2.921875l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm5.328186 0l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0z" fill-rule="nonzero"></path><path fill="#000000" d="m496.39252 443.73212l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/cell/struct.RefCell.html&amp;sa=D&amp;source=editors&amp;ust=1719318951293304&amp;usg=AOvVaw0b2RDp6Yo19kjGGkrI2yG7" target="_blank" rel="noreferrer" role="link" aria-label="RefCell" tabindex="0"><path fill="transparent" fill-opacity="0" d="m454.18896 433.99213l0 12.799988l37.297302 0l0 -12.799988z" fill-rule="nonzero"></path></a><path fill="#d9ead3" d="m453.6614 448.99213l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m453.6614 448.99213l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_154" role="img" aria-label="borrow
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m445.6614 448.99213l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m445.6614 448.99213l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m460.50497 460.85712q-0.296875 0 -0.5625 -0.09375q-0.265625 -0.09375 -0.484375 -0.265625q-0.21875 -0.171875 -0.390625 -0.40625l-0.265625 0.640625l-0.484375 0l0 -7.09375l0.765625 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 2.5q0.109375 -0.1875 0.265625 -0.34375q0.171875 -0.171875 0.359375 -0.28125q0.1875 -0.125 0.40625 -0.171875q0.21875 -0.0625 0.40625 -0.0625q0.453125 0 0.8125 0.15625q0.375 0.15625 0.640625 0.46875q0.265625 0.3125 0.40625 0.78125q0.15625 0.46875 0.15625 1.09375q0 0.65625 -0.171875 1.140625q-0.171875 0.484375 -0.46875 0.8125q-0.296875 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625l0 0zm-0.09375 -0.6875q0.265625 0 0.5 -0.09375q0.234375 -0.09375 0.421875 -0.3125q0.203125 -0.21875 0.3125 -0.578125q0.109375 -0.375 0.109375 -0.890625q0 -0.484375 -0.09375 -0.84375q-0.09375 -0.359375 -0.28125 -0.59375q-0.171875 -0.234375 -0.421875 -0.34375q-0.234375 -0.109375 -0.515625 -0.109375q-0.40625 0 -0.703125 0.25q-0.296875 0.234375 -0.46875 0.671875q-0.171875 0.421875 -0.171875 0.984375q0 0.421875 0.0625 0.765625q0.078125 0.328125 0.234375 0.578125q0.15625 0.25 0.40625 0.390625q0.25 0.125 0.609375 0.125l0 0zm5.265686 0.640625q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.921936 -4.328125l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm5.328186 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm6.734436 4.953125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.812561 0.5625l-0.984375 -4.890625l0.671875 0l0.78125 3.921875l0.84375 -3.453125l0.46875 0l1.03125 3.4375q0.140625 -0.953125 0.21875 -1.5625q0.09375 -0.609375 0.140625 -0.984375q0.046875 -0.390625 0.0625 -0.65625q0.015625 -0.265625 0.015625 -0.53125l0 -0.171875l0.71875 0q-0.109375 0.828125 -0.234375 1.640625q-0.109375 0.8125 -0.265625 1.625q-0.140625 0.8125 -0.3125 1.625l-0.71875 0l-0.890625 -3.15625l-0.859375 3.15625l-0.6875 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_155" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m493.6614 448.99213l0 16.0l72.00003 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m493.6614 448.99213l72.00003 0l0 16.0l-72.00003 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m493.6614 448.99213l72.00003 0l0 16.0l-72.00003 0z" fill-rule="evenodd"></path><path fill="#000000" d="m529.21606 460.73212l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_156" role="img" aria-label="Cellof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m340.47244 425.17664l0 24.0l88.47244 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m340.47244 425.17664l88.47244 0l0 24.0l-88.47244 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m349.47244 435.26285l21.312744 0l0 11.178497l-21.312744 0l0 -11.178497z" fill-rule="nonzero"></path><path fill="#0000ff" d="m352.5037 444.52603q-0.53125 0 -1.0 -0.1875q-0.46875 -0.203125 -0.828125 -0.625q-0.359375 -0.421875 -0.5625 -1.046875q-0.203125 -0.640625 -0.203125 -1.53125q0 -0.78125 0.140625 -1.359375q0.15625 -0.578125 0.40625 -0.96875q0.265625 -0.40625 0.59375 -0.640625q0.328125 -0.234375 0.6875 -0.328125q0.359375 -0.109375 0.734375 -0.109375q0.71875 0 1.21875 0.359375q0.515625 0.34375 0.78125 0.953125l-0.640625 0.296875l-0.09375 0.03125l-0.03125 -0.0625q0.03125 -0.09375 0 -0.15625q-0.03125 -0.078125 -0.125 -0.21875q-0.265625 -0.359375 -0.546875 -0.484375q-0.28125 -0.125 -0.59375 -0.125q-0.40625 0 -0.75 0.1875q-0.328125 0.1875 -0.578125 0.546875q-0.234375 0.34375 -0.359375 0.859375q-0.125 0.515625 -0.125 1.171875q0 0.625 0.140625 1.140625q0.15625 0.5 0.40625 0.875q0.25 0.375 0.578125 0.578125q0.34375 0.203125 0.71875 0.203125q0.265625 0 0.515625 -0.09375q0.25 -0.09375 0.46875 -0.28125q0.21875 -0.1875 0.359375 -0.4375l0.5625 0.359375q-0.328125 0.53125 -0.78125 0.8125q-0.4375 0.28125 -1.09375 0.28125l0 0zm5.203186 0q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.875061 2.921875l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm5.328186 0l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0z" fill-rule="nonzero"></path><path fill="#000000" d="m375.69144 443.91666l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/cell/struct.Cell.html&amp;sa=D&amp;source=editors&amp;ust=1719318951294963&amp;usg=AOvVaw3sRksZc95Tlkbwl6DZbej3" target="_blank" rel="noreferrer" role="link" aria-label="Cell" tabindex="0"><path fill="transparent" fill-opacity="0" d="m349.47244 434.17664l0 12.800018l21.312744 0l0 -12.800018z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_159" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m348.47244 449.17664l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m348.47244 449.17664l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m348.47244 449.17664l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m384.0271 460.91666l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_160" role="img" aria-label="Mutexof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m444.95145 291.20016l0 24.0l88.47244 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m444.95145 291.20016l88.47244 0l0 24.0l-88.47244 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m453.95145 301.28635l26.64093 0l0 11.178528l-26.64093 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m454.38895 310.44016l0 -6.640625l0.578125 0l1.65625 3.25l1.671875 -3.265625l0.5625 0l0 6.65625l-0.703125 0l0 -5.015625l-1.4375 2.6875l-0.296875 0l-1.34375 -2.640625l0 4.96875l-0.6875 0zm7.250061 0.125q-0.296875 0 -0.546875 -0.09375q-0.25 -0.078125 -0.46875 -0.25q-0.203125 -0.1875 -0.359375 -0.453125q-0.140625 -0.265625 -0.21875 -0.640625q-0.078125 -0.375 -0.078125 -0.84375l0 -2.71875l0.75 0l0 2.71875q0 0.46875 0.078125 0.78125q0.09375 0.3125 0.25 0.515625q0.15625 0.1875 0.359375 0.28125q0.203125 0.078125 0.421875 0.078125q0.25 0 0.484375 -0.09375q0.234375 -0.109375 0.421875 -0.3125q0.1875 -0.203125 0.296875 -0.515625q0.109375 -0.328125 0.109375 -0.765625l0 -2.6875l0.75 0l0 4.125q0 0.1875 0.015625 0.375q0.015625 0.1875 0.078125 0.375l-0.734375 0q-0.046875 -0.125 -0.078125 -0.25q-0.015625 -0.125 -0.015625 -0.25q0 -0.125 0 -0.25q-0.125 0.203125 -0.28125 0.375q-0.15625 0.15625 -0.359375 0.265625q-0.203125 0.109375 -0.421875 0.171875q-0.21875 0.0625 -0.453125 0.0625zm6.156311 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm7.484436 4.984375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.531311 2.921875l1.71875 -2.46875l-1.6875 -2.40625l0.84375 0l1.265625 1.8125l1.21875 -1.8125l0.78125 0l-1.578125 2.375l1.796875 2.5l-0.875 0l-1.34375 -1.890625l-1.265625 1.890625l-0.875 0z" fill-rule="nonzero"></path><path fill="#000000" d="m485.49863 309.94016l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/sync/struct.Mutex.html&amp;sa=D&amp;source=editors&amp;ust=1719318951296354&amp;usg=AOvVaw0ppcX6BfRWhgjrRKnNSxeU" target="_blank" rel="noreferrer" role="link" aria-label="Mutex" tabindex="0"><path fill="transparent" fill-opacity="0" d="m453.95145 300.20016l0 12.799988l26.64093 0l0 -12.799988z" fill-rule="nonzero"></path></a><path fill="#d9ead3" d="m493.4239 315.20016l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m493.4239 315.20016l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_162" role="img" aria-label="poison
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m485.4239 315.20016l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m485.4239 315.20016l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m498.07996 328.7214l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.250061 0.625q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.718811 0.546875l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.343811 6.0q-0.40625 0 -0.78125 -0.09375q-0.359375 -0.078125 -0.6875 -0.25q-0.3125 -0.171875 -0.59375 -0.421875l0.421875 -0.734375l0.0625 -0.09375l0.0625 0.046875q0.03125 0.078125 0.046875 0.171875q0.03125 0.09375 0.15625 0.21875q0.21875 0.21875 0.53125 0.375q0.3125 0.140625 0.8125 0.140625q0.390625 0 0.65625 -0.09375q0.28125 -0.09375 0.421875 -0.265625q0.15625 -0.1875 0.15625 -0.421875q0 -0.15625 -0.078125 -0.28125q-0.0625 -0.125 -0.203125 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.109375 -0.578125 -0.21875q-0.546875 -0.15625 -0.96875 -0.359375q-0.40625 -0.21875 -0.640625 -0.5q-0.21875 -0.296875 -0.21875 -0.65625q0 -0.375 0.203125 -0.640625q0.203125 -0.265625 0.59375 -0.421875q0.40625 -0.15625 1.0 -0.15625q0.328125 0 0.609375 0.046875q0.28125 0.046875 0.515625 0.140625q0.234375 0.09375 0.421875 0.25q0.203125 0.140625 0.390625 0.328125l-0.4375 0.53125l-0.078125 0.078125l-0.0625 -0.046875q0 -0.078125 -0.046875 -0.15625q-0.03125 -0.09375 -0.140625 -0.203125q-0.25 -0.1875 -0.5625 -0.28125q-0.3125 -0.109375 -0.59375 -0.109375q-0.421875 0 -0.734375 0.15625q-0.3125 0.140625 -0.3125 0.453125q0 0.15625 0.109375 0.3125q0.109375 0.15625 0.40625 0.3125q0.3125 0.140625 0.859375 0.3125q0.609375 0.1875 0.96875 0.390625q0.375 0.1875 0.53125 0.453125q0.171875 0.25 0.171875 0.59375q0 0.40625 -0.21875 0.765625q-0.21875 0.34375 -0.671875 0.5625q-0.4375 0.203125 -1.125 0.203125l0 0zm5.328186 -0.03125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.421936 0.546875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_163" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m533.4239 315.20016l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m533.4239 315.20016l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m533.4239 315.20016l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m568.9785 326.94016l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><path fill="#cfe2f3" d="m452.95145 315.20016l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m452.95145 315.20016l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#fff2cc" d="m453.4239 347.20016l72.0 0l0 32.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m453.4239 347.20016l72.0 0l0 32.0l-72.0 0z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_166" role="img" aria-label="mutex
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m460.95145 356.20804l0 16.0l56.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9d2e9" d="m460.95145 356.20804l56.472443 0l0 16.0l-56.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m460.95145 356.20804l56.472443 0l0 16.0l-56.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m476.27344 367.94803l0 -4.875l0.703125 0l0 0.484375q0.109375 -0.1875 0.265625 -0.3125q0.15625 -0.140625 0.34375 -0.203125q0.1875 -0.078125 0.375 -0.078125q0.21875 0 0.390625 0.09375q0.1875 0.078125 0.3125 0.25q0.125 0.15625 0.171875 0.375q0.09375 -0.21875 0.25 -0.375q0.171875 -0.171875 0.390625 -0.25q0.21875 -0.09375 0.453125 -0.09375q0.25 0 0.421875 0.09375q0.1875 0.09375 0.296875 0.265625q0.125 0.15625 0.171875 0.390625q0.0625 0.234375 0.046875 0.5l0 3.734375l-0.703125 0l0 -3.453125q0 -0.453125 -0.0625 -0.65625q-0.0625 -0.203125 -0.171875 -0.25q-0.09375 -0.0625 -0.21875 -0.0625q-0.203125 0 -0.390625 0.1875q-0.171875 0.1875 -0.28125 0.46875q-0.109375 0.265625 -0.109375 0.546875l0 3.21875l-0.71875 0l0 -3.390625q0 -0.609375 -0.109375 -0.8125q-0.109375 -0.203125 -0.421875 -0.203125q-0.125 0 -0.25 0.09375q-0.109375 0.078125 -0.21875 0.21875q-0.109375 0.140625 -0.171875 0.359375q-0.0625 0.203125 -0.0625 0.484375l0 3.25l-0.703125 0zm7.281311 0.125q-0.296875 0 -0.546875 -0.09375q-0.25 -0.078125 -0.46875 -0.25q-0.203125 -0.1875 -0.359375 -0.453125q-0.140625 -0.265625 -0.21875 -0.640625q-0.078125 -0.375 -0.078125 -0.84375l0 -2.71875l0.75 0l0 2.71875q0 0.46875 0.078125 0.78125q0.09375 0.3125 0.25 0.515625q0.15625 0.1875 0.359375 0.28125q0.203125 0.078125 0.421875 0.078125q0.25 0 0.484375 -0.09375q0.234375 -0.109375 0.421875 -0.3125q0.1875 -0.203125 0.296875 -0.515625q0.109375 -0.328125 0.109375 -0.765625l0 -2.6875l0.75 0l0 4.125q0 0.1875 0.015625 0.375q0.015625 0.1875 0.078125 0.375l-0.734375 0q-0.046875 -0.125 -0.078125 -0.25q-0.015625 -0.125 -0.015625 -0.25q0 -0.125 0 -0.25q-0.125 0.203125 -0.28125 0.375q-0.15625 0.15625 -0.359375 0.265625q-0.203125 0.109375 -0.421875 0.171875q-0.21875 0.0625 -0.453125 0.0625zm6.156311 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm7.484436 4.984375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.531311 2.921875l1.71875 -2.46875l-1.6875 -2.40625l0.84375 0l1.265625 1.8125l1.21875 -1.8125l0.78125 0l-1.578125 2.375l1.796875 2.5l-0.875 0l-1.34375 -1.890625l-1.265625 1.890625l-0.875 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m469.1719 331.20016l16.251984 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m469.1719 331.20016l14.330383 21.162323" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m483.5023 352.3625l-1.5617065 -0.30062866l2.6636047 1.9278259l-0.80126953 -3.1889343z" fill-rule="evenodd"></path><g id="a11y-g1dd3846da2_0_170" role="img" aria-label="data
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m456.0 47.164776l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m456.0 47.164776l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m475.84363 59.01415q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm4.968811 0.6875q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm6.265686 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_171" role="img" aria-label="destructor
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m568.0 150.36595l0 16.0l88.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d6ca9c" d="m568.0 150.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m568.0 150.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m585.3591 152.95215l53.28186 0l0 11.178513l-53.28186 0l0 -11.178513z" fill-rule="nonzero"></path><path fill="#0000ff" d="m587.8591 162.21533q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm5.625061 0.671875q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm6.703186 3.03125q-0.40625 0 -0.78125 -0.09375q-0.359375 -0.078125 -0.6875 -0.25q-0.3125 -0.171875 -0.59375 -0.421875l0.421875 -0.734375l0.0625 -0.09375l0.0625 0.046875q0.03125 0.078125 0.046875 0.171875q0.03125 0.09375 0.15625 0.21875q0.21875 0.21875 0.53125 0.375q0.3125 0.140625 0.8125 0.140625q0.390625 0 0.65625 -0.09375q0.28125 -0.09375 0.421875 -0.265625q0.15625 -0.1875 0.15625 -0.421875q0 -0.15625 -0.078125 -0.28125q-0.0625 -0.125 -0.203125 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.109375 -0.578125 -0.21875q-0.546875 -0.15625 -0.96875 -0.359375q-0.40625 -0.21875 -0.640625 -0.5q-0.21875 -0.296875 -0.21875 -0.65625q0 -0.375 0.203125 -0.640625q0.203125 -0.265625 0.59375 -0.421875q0.40625 -0.15625 1.0 -0.15625q0.328125 0 0.609375 0.046875q0.28125 0.046875 0.515625 0.140625q0.234375 0.09375 0.421875 0.25q0.203125 0.140625 0.390625 0.328125l-0.4375 0.53125l-0.078125 0.078125l-0.0625 -0.046875q0 -0.078125 -0.046875 -0.15625q-0.03125 -0.09375 -0.140625 -0.203125q-0.25 -0.1875 -0.5625 -0.28125q-0.3125 -0.109375 -0.59375 -0.109375q-0.421875 0 -0.734375 0.15625q-0.3125 0.140625 -0.3125 0.453125q0 0.15625 0.109375 0.3125q0.109375 0.15625 0.40625 0.3125q0.3125 0.140625 0.859375 0.3125q0.609375 0.1875 0.96875 0.390625q0.375 0.1875 0.53125 0.453125q0.171875 0.25 0.171875 0.59375q0 0.40625 -0.21875 0.765625q-0.21875 0.34375 -0.671875 0.5625q-0.4375 0.203125 -1.125 0.203125l0 0zm5.843811 -0.03125q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm6.421936 5.0q-0.296875 0 -0.546875 -0.09375q-0.25 -0.078125 -0.46875 -0.25q-0.203125 -0.1875 -0.359375 -0.453125q-0.140625 -0.265625 -0.21875 -0.640625q-0.078125 -0.375 -0.078125 -0.84375l0 -2.71875l0.75 0l0 2.71875q0 0.46875 0.078125 0.78125q0.09375 0.3125 0.25 0.515625q0.15625 0.1875 0.359375 0.28125q0.203125 0.078125 0.421875 0.078125q0.25 0 0.484375 -0.09375q0.234375 -0.109375 0.421875 -0.3125q0.1875 -0.203125 0.296875 -0.515625q0.109375 -0.328125 0.109375 -0.765625l0 -2.6875l0.75 0l0 4.125q0 0.1875 0.015625 0.375q0.015625 0.1875 0.078125 0.375l-0.734375 0q-0.046875 -0.125 -0.078125 -0.25q-0.015625 -0.125 -0.015625 -0.25q0 -0.125 0 -0.25q-0.125 0.203125 -0.28125 0.375q-0.15625 0.15625 -0.359375 0.265625q-0.203125 0.109375 -0.421875 0.171875q-0.21875 0.0625 -0.453125 0.0625zm6.000061 0q-0.53125 0 -0.984375 -0.1875q-0.4375 -0.203125 -0.765625 -0.546875q-0.328125 -0.34375 -0.515625 -0.796875q-0.171875 -0.46875 -0.171875 -1.015625q0 -0.546875 0.171875 -1.015625q0.1875 -0.46875 0.515625 -0.796875q0.328125 -0.34375 0.765625 -0.53125q0.453125 -0.203125 0.984375 -0.203125q0.59375 0 1.0625 0.25q0.484375 0.234375 0.78125 0.65625l-0.484375 0.46875l-0.078125 0.078125l-0.046875 -0.046875q0 -0.09375 -0.046875 -0.15625q-0.03125 -0.078125 -0.15625 -0.21875q-0.234375 -0.203125 -0.5 -0.28125q-0.265625 -0.09375 -0.625 -0.09375q-0.3125 0 -0.59375 0.125q-0.265625 0.125 -0.484375 0.375q-0.21875 0.234375 -0.34375 0.578125q-0.125 0.328125 -0.125 0.75q0 0.421875 0.125 0.765625q0.125 0.34375 0.34375 0.609375q0.234375 0.25 0.546875 0.390625q0.3125 0.140625 0.671875 0.140625q0.25 0 0.46875 -0.0625q0.21875 -0.078125 0.421875 -0.203125q0.203125 -0.140625 0.375 -0.328125l0.453125 0.515625q-0.359375 0.390625 -0.8125 0.59375q-0.4375 0.1875 -0.953125 0.1875l0 0zm5.484436 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm7.250061 4.953125q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.921936 -4.328125l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m638.6409 152.95215l0 0l0 11.178513l0 0l0 -11.178513z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/nomicon/destructors.html&amp;sa=D&amp;source=editors&amp;ust=1719318951299207&amp;usg=AOvVaw13mel-CWum3gFPIs87K0Tb" target="_blank" rel="noreferrer" role="link" aria-label="destructor" tabindex="0"><path fill="transparent" fill-opacity="0" d="m585.3591 151.86595l0 12.800003l53.28186 0l0 -12.800003z" fill-rule="nonzero"></path></a><g id="a11y-g1dd3846da2_0_172" role="img" aria-label="size
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m568.0 166.36595l0 16.0l88.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m568.0 166.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m568.0 166.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m604.0155 178.21533q-0.40625 0 -0.78125 -0.09375q-0.359375 -0.078125 -0.6875 -0.25q-0.3125 -0.171875 -0.59375 -0.421875l0.421875 -0.734375l0.0625 -0.09375l0.0625 0.046875q0.03125 0.078125 0.046875 0.171875q0.03125 0.09375 0.15625 0.21875q0.21875 0.21875 0.53125 0.375q0.3125 0.140625 0.8125 0.140625q0.390625 0 0.65625 -0.09375q0.28125 -0.09375 0.421875 -0.265625q0.15625 -0.1875 0.15625 -0.421875q0 -0.15625 -0.078125 -0.28125q-0.0625 -0.125 -0.203125 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.109375 -0.578125 -0.21875q-0.546875 -0.15625 -0.96875 -0.359375q-0.40625 -0.21875 -0.640625 -0.5q-0.21875 -0.296875 -0.21875 -0.65625q0 -0.375 0.203125 -0.640625q0.203125 -0.265625 0.59375 -0.421875q0.40625 -0.15625 1.0 -0.15625q0.328125 0 0.609375 0.046875q0.28125 0.046875 0.515625 0.140625q0.234375 0.09375 0.421875 0.25q0.203125 0.140625 0.390625 0.328125l-0.4375 0.53125l-0.078125 0.078125l-0.0625 -0.046875q0 -0.078125 -0.046875 -0.15625q-0.03125 -0.09375 -0.140625 -0.203125q-0.25 -0.1875 -0.5625 -0.28125q-0.3125 -0.109375 -0.59375 -0.109375q-0.421875 0 -0.734375 0.15625q-0.3125 0.140625 -0.3125 0.453125q0 0.15625 0.109375 0.3125q0.109375 0.15625 0.40625 0.3125q0.3125 0.140625 0.859375 0.3125q0.609375 0.1875 0.96875 0.390625q0.375 0.1875 0.53125 0.453125q0.171875 0.25 0.171875 0.59375q0 0.40625 -0.21875 0.765625q-0.21875 0.34375 -0.671875 0.5625q-0.4375 0.203125 -1.125 0.203125l0 0zm3.718811 -0.109375l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm3.203186 5.375l3.015625 -3.6875l-2.796875 0l0 -0.671875l3.796875 0l0 0.53125l-2.96875 3.6875l2.75 0q0.171875 0 0.25 -0.015625q0.078125 -0.03125 0.140625 -0.09375l0.078125 0l0 0.109375l0 0.65625l-4.265625 0l0 -0.515625zm7.703186 0.625q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_173" role="img" aria-label="align
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m568.0 182.36595l0 16.0l88.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m568.0 182.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m568.0 182.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m600.92957 194.23096q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm3.921875 -0.125l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm5.546997 0l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.296875 7.71875q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625zm2.265747 4.078125l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_174" role="img" aria-label="method1
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m568.0 198.36595l0 16.0l88.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d6ca9c" d="m568.0 198.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m568.0 198.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m593.75757 210.10596l0 -4.875l0.703125 0l0 0.484375q0.109375 -0.1875 0.265625 -0.3125q0.15625 -0.140625 0.34375 -0.203125q0.1875 -0.078125 0.375 -0.078125q0.21875 0 0.390625 0.09375q0.1875 0.078125 0.3125 0.25q0.125 0.15625 0.171875 0.375q0.09375 -0.21875 0.25 -0.375q0.171875 -0.171875 0.390625 -0.25q0.21875 -0.09375 0.453125 -0.09375q0.25 0 0.421875 0.09375q0.1875 0.09375 0.296875 0.265625q0.125 0.15625 0.171875 0.390625q0.0625 0.234375 0.046875 0.5l0 3.734375l-0.703125 0l0 -3.453125q0 -0.453125 -0.0625 -0.65625q-0.0625 -0.203125 -0.171875 -0.25q-0.09375 -0.0625 -0.21875 -0.0625q-0.203125 0 -0.390625 0.1875q-0.171875 0.1875 -0.28125 0.46875q-0.109375 0.265625 -0.109375 0.546875l0 3.21875l-0.71875 0l0 -3.390625q0 -0.609375 -0.109375 -0.8125q-0.109375 -0.203125 -0.421875 -0.203125q-0.125 0 -0.25 0.09375q-0.109375 0.078125 -0.21875 0.21875q-0.109375 0.140625 -0.171875 0.359375q-0.0625 0.203125 -0.0625 0.484375l0 3.25l-0.703125 0zm7.828247 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm7.21875 3.0q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.359497 -2.21875l0.734375 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 2.625q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.296875 -0.125 0.59375 -0.125q0.4375 0 0.765625 0.203125q0.34375 0.203125 0.53125 0.65625q0.1875 0.4375 0.1875 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.203125 0 -0.40625 0.0625q-0.203125 0.0625 -0.390625 0.1875q-0.171875 0.125 -0.328125 0.3125q-0.15625 0.1875 -0.234375 0.421875q-0.078125 0.234375 -0.078125 0.53125l0 2.796875l-0.75 0l0 -7.09375zm7.21875 7.171875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm5.156372 0.65625q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm5.171875 0.5625l0 -5.71875l-1.34375 0.390625l-0.171875 -0.421875l1.734375 -0.90625l0.53125 0l0 6.65625l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd3846da2_0_175" role="img" aria-label="method2
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m568.0 214.36595l0 16.0l88.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d6ca9c" d="m568.0 214.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m568.0 214.36595l88.0 0l0 16.0l-88.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m593.75757 226.10596l0 -4.875l0.703125 0l0 0.484375q0.109375 -0.1875 0.265625 -0.3125q0.15625 -0.140625 0.34375 -0.203125q0.1875 -0.078125 0.375 -0.078125q0.21875 0 0.390625 0.09375q0.1875 0.078125 0.3125 0.25q0.125 0.15625 0.171875 0.375q0.09375 -0.21875 0.25 -0.375q0.171875 -0.171875 0.390625 -0.25q0.21875 -0.09375 0.453125 -0.09375q0.25 0 0.421875 0.09375q0.1875 0.09375 0.296875 0.265625q0.125 0.15625 0.171875 0.390625q0.0625 0.234375 0.046875 0.5l0 3.734375l-0.703125 0l0 -3.453125q0 -0.453125 -0.0625 -0.65625q-0.0625 -0.203125 -0.171875 -0.25q-0.09375 -0.0625 -0.21875 -0.0625q-0.203125 0 -0.390625 0.1875q-0.171875 0.1875 -0.28125 0.46875q-0.109375 0.265625 -0.109375 0.546875l0 3.21875l-0.71875 0l0 -3.390625q0 -0.609375 -0.109375 -0.8125q-0.109375 -0.203125 -0.421875 -0.203125q-0.125 0 -0.25 0.09375q-0.109375 0.078125 -0.21875 0.21875q-0.109375 0.140625 -0.171875 0.359375q-0.0625 0.203125 -0.0625 0.484375l0 3.25l-0.703125 0zm7.828247 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm7.21875 3.0q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.359497 -2.21875l0.734375 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 2.625q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.296875 -0.125 0.59375 -0.125q0.4375 0 0.765625 0.203125q0.34375 0.203125 0.53125 0.65625q0.1875 0.4375 0.1875 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.203125 0 -0.40625 0.0625q-0.203125 0.0625 -0.390625 0.1875q-0.171875 0.125 -0.328125 0.3125q-0.15625 0.1875 -0.234375 0.421875q-0.078125 0.234375 -0.078125 0.53125l0 2.796875l-0.75 0l0 -7.09375zm7.21875 7.171875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm5.156372 0.65625q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm3.5 -0.03125q0.578125 -0.59375 1.046875 -1.0625q0.484375 -0.484375 0.859375 -0.890625q0.375 -0.421875 0.640625 -0.78125q0.28125 -0.375 0.40625 -0.71875q0.140625 -0.359375 0.140625 -0.765625q0 -0.328125 -0.09375 -0.5625q-0.078125 -0.234375 -0.234375 -0.375q-0.140625 -0.15625 -0.359375 -0.21875q-0.203125 -0.0625 -0.4375 -0.0625q-0.25 0 -0.484375 0.078125q-0.234375 0.078125 -0.453125 0.21875q-0.21875 0.140625 -0.390625 0.375q-0.09375 0.140625 -0.125 0.234375q-0.015625 0.078125 0 0.15625l-0.046875 0.0625l-0.09375 -0.0625l-0.53125 -0.421875q0.203125 -0.421875 0.515625 -0.703125q0.328125 -0.296875 0.734375 -0.4375q0.40625 -0.15625 0.859375 -0.15625q0.5625 0 0.984375 0.234375q0.4375 0.234375 0.671875 0.65625q0.25 0.421875 0.25 1.015625q0 0.4375 -0.15625 0.84375q-0.15625 0.40625 -0.4375 0.8125q-0.28125 0.390625 -0.65625 0.78125q-0.359375 0.390625 -0.78125 0.8125q-0.421875 0.421875 -0.875 0.875l2.46875 0q0.1875 0 0.265625 -0.015625q0.078125 -0.015625 0.140625 -0.078125l0.0625 0l0 0.09375l0 0.65625l-3.890625 0l0 -0.59375z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m524.0 63.164776l68.72443 87.81102" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m524.0 63.164776l66.61218 85.1122" fill-rule="evenodd"></path><path fill="#000000" stroke="#000000" stroke-width="1.0" stroke-linecap="butt" d="m590.61224 148.277l-1.5787354 -0.19250488l2.789917 1.7400665l-1.0187378 -3.1262817z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_2" role="img" aria-label="&amp;[T]
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m316.0 164.0l0 24.0l112.0 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m316.0 164.0l112.0 0l0 24.0l-112.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m325.0 174.08618l5.328186 0l0 11.178528l-5.328186 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m329.4375 183.365l-0.59375 -0.9375q-0.203125 0.28125 -0.5 0.484375q-0.28125 0.203125 -0.625 0.328125q-0.328125 0.109375 -0.671875 0.109375q-0.484375 0 -0.859375 -0.21875q-0.375 -0.21875 -0.59375 -0.578125q-0.203125 -0.375 -0.203125 -0.8125q0 -0.34375 0.09375 -0.65625q0.09375 -0.3125 0.265625 -0.578125q0.171875 -0.28125 0.421875 -0.515625q0.25 -0.234375 0.546875 -0.40625q-0.359375 -0.453125 -0.5625 -0.859375q-0.1875 -0.421875 -0.1875 -0.796875q0 -0.296875 0.109375 -0.546875q0.109375 -0.25 0.3125 -0.4375q0.203125 -0.1875 0.46875 -0.296875q0.265625 -0.109375 0.5625 -0.109375q0.4375 0 0.75 0.203125q0.328125 0.203125 0.515625 0.515625q0.1875 0.3125 0.1875 0.671875q0 0.265625 -0.09375 0.546875q-0.078125 0.265625 -0.234375 0.5q-0.15625 0.234375 -0.375 0.4375q-0.203125 0.1875 -0.453125 0.3125l1.1875 1.671875q0.140625 -0.15625 0.21875 -0.296875q0.09375 -0.140625 0.140625 -0.265625q0.0625 -0.125 0.078125 -0.25q0.03125 -0.125 0.046875 -0.265625q0 -0.03125 0 -0.046875q0.015625 -0.03125 0.046875 -0.0625l0.6875 0.484375q-0.109375 0.21875 -0.25 0.421875q-0.140625 0.203125 -0.28125 0.40625q-0.125 0.203125 -0.28125 0.40625l0.75 0.96875l-0.625 0.46875zm-2.3125 -0.703125q0.25 0 0.46875 -0.078125q0.234375 -0.09375 0.453125 -0.265625q0.21875 -0.171875 0.40625 -0.390625l-1.359375 -1.84375q-0.203125 0.125 -0.375 0.3125q-0.15625 0.171875 -0.28125 0.375q-0.109375 0.203125 -0.1875 0.421875q-0.0625 0.21875 -0.0625 0.421875q0 0.234375 0.078125 0.421875q0.078125 0.1875 0.203125 0.328125q0.125 0.140625 0.28125 0.21875q0.171875 0.078125 0.375 0.078125zm0.234375 -3.390625q0.1875 -0.109375 0.328125 -0.234375q0.15625 -0.140625 0.265625 -0.3125q0.109375 -0.1875 0.15625 -0.375q0.0625 -0.1875 0.0625 -0.359375q0 -0.34375 -0.21875 -0.578125q-0.21875 -0.25 -0.515625 -0.25q-0.1875 0 -0.359375 0.109375q-0.171875 0.09375 -0.28125 0.265625q-0.09375 0.171875 -0.09375 0.40625q0 0.171875 0.0625 0.375q0.078125 0.203125 0.21875 0.4375q0.15625 0.234375 0.375 0.515625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m330.3282 174.08618l15.984558 0l0 11.178528l-15.984558 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m331.7188 184.19313l0 -8.09375l3.046875 0l0 0.640625l-2.359375 0l0 6.84375l2.375 0l0 0.609375l-3.0625 0zm6.156311 -0.953125l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm7.562561 0.953125l-3.0625 0l0 -0.609375l2.375 0l0 -6.84375l-2.359375 0l0 -0.640625l3.046875 0l0 8.09375z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m346.31274 174.08618l0 0l0 11.178528l0 0l0 -11.178528z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/primitive.slice.html&amp;sa=D&amp;source=editors&amp;ust=1719318951302234&amp;usg=AOvVaw0PJlnNfAFSUubcNSafSDDJ" target="_blank" rel="noreferrer" role="link" aria-label="&amp;[T]" tabindex="0"><path fill="transparent" fill-opacity="0" d="m325.0 173.0l0 12.800003l21.312744 0l0 -12.800003z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_3" role="img" aria-label="len
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m317.07086 245.59763l0 30.992126l47.40158 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m317.07086 245.59763l47.40158 0l0 30.992126l-47.40158 0z" fill-rule="evenodd"></path><path fill="#000000" d="m335.4973 264.8337l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm3.8672485 0.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm4.3486633 -0.6875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m396.47244 245.59763c0 4.418289 -3.114746 8.0 -6.95697 8.0l-22.08606 0c-3.8422241 0 -6.95697 3.581726 -6.95697 8.0l0 0c0 -4.418274 -3.114746 -8.0 -6.95697 -8.0l-22.08606 0l0 0c-3.8422241 0 -6.95697 -3.5817108 -6.95697 -8.0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m396.47244 245.59763c0 4.418289 -3.114746 8.0 -6.95697 8.0l-22.08606 0c-3.8422241 0 -6.95697 3.581726 -6.95697 8.0l0 0c0 -4.418274 -3.114746 -8.0 -6.95697 -8.0l-22.08606 0l0 0c-3.8422241 0 -6.95697 -3.5817108 -6.95697 -8.0" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m396.47244 245.59763c0 4.418289 -3.114746 8.0 -6.95697 8.0l-22.08606 0c-3.8422241 0 -6.95697 3.581726 -6.95697 8.0l0 0c0 -4.418274 -3.114746 -8.0 -6.95697 -8.0l-22.08606 0l0 0c-3.8422241 0 -6.95697 -3.5817108 -6.95697 -8.0" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_5" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m324.0 188.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m324.0 188.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m324.0 188.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m336.88455 201.52126l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.37503052 0.140625 0.6562805 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.6562805 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.20315552 -0.21875 0.31253052 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.43753052 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.7657166 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_6" role="img" aria-label="len
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m364.47244 188.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m364.47244 188.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m364.47244 188.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m377.56012 199.74l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm7.390686 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.796936 2.921875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_7" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m324.4882 227.49606l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m324.4882 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m324.4882 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m336.04285 239.23607l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_8" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m348.70865 227.49606l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m348.70865 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m348.70865 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m360.2633 239.23607l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_9" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m372.47244 227.49606l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m372.47244 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m372.47244 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m384.0271 239.23607l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m348.4882 203.49606l-12.0 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m348.4882 203.49606l-10.467346 20.934708" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m338.02084 224.43079l-0.5029297 -1.5087891l-0.37594604 3.2664948l2.3876343 -2.2606354z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_11" role="img" aria-label="&amp;dyn Trait
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m583.5276 23.914894l0 24.0l88.47241 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m583.5276 23.914894l88.47241 0l0 24.0l-88.47241 0z" fill-rule="evenodd"></path><path fill="#000000" d="m596.9651 43.279892l-0.59375 -0.9375q-0.203125 0.28125 -0.5 0.484375q-0.28125 0.203125 -0.625 0.328125q-0.328125 0.109375 -0.671875 0.109375q-0.484375 0 -0.859375 -0.21875q-0.375 -0.21875 -0.59375 -0.578125q-0.203125 -0.375 -0.203125 -0.8125q0 -0.34375 0.09375 -0.65625q0.09375 -0.3125 0.265625 -0.578125q0.171875 -0.28125 0.421875 -0.515625q0.25 -0.234375 0.546875 -0.40625q-0.359375 -0.453125 -0.5625 -0.859375q-0.1875 -0.421875 -0.1875 -0.796875q0 -0.296875 0.109375 -0.546875q0.109375 -0.25 0.3125 -0.4375q0.203125 -0.1875 0.46875 -0.296875q0.265625 -0.109375 0.5625 -0.109375q0.4375 0 0.75 0.203125q0.328125 0.203125 0.515625 0.515625q0.1875 0.3125 0.1875 0.671875q0 0.265625 -0.09375 0.546875q-0.078125 0.265625 -0.234375 0.5q-0.15625 0.234375 -0.375 0.4375q-0.203125 0.1875 -0.453125 0.3125l1.1875 1.671875q0.140625 -0.15625 0.21875 -0.296875q0.09375 -0.140625 0.140625 -0.265625q0.0625 -0.125 0.078125 -0.25q0.03125 -0.125 0.046875 -0.265625q0 -0.03125 0 -0.046875q0.015625 -0.03125 0.046875 -0.0625l0.6875 0.484375q-0.109375 0.21875 -0.25 0.421875q-0.140625 0.203125 -0.28125 0.40625q-0.125 0.203125 -0.28125 0.40625l0.75 0.96875l-0.625 0.46875zm-2.3125 -0.703125q0.25 0 0.46875 -0.078125q0.234375 -0.09375 0.453125 -0.265625q0.21875 -0.171875 0.40625 -0.390625l-1.359375 -1.84375q-0.203125 0.125 -0.375 0.3125q-0.15625 0.171875 -0.28125 0.375q-0.109375 0.203125 -0.1875 0.421875q-0.0625 0.21875 -0.0625 0.421875q0 0.234375 0.078125 0.421875q0.078125 0.1875 0.203125 0.328125q0.125 0.140625 0.28125 0.21875q0.171875 0.078125 0.375 0.078125zm0.234375 -3.390625q0.1875 -0.109375 0.328125 -0.234375q0.15625 -0.140625 0.265625 -0.3125q0.109375 -0.1875 0.15625 -0.375q0.0625 -0.1875 0.0625 -0.359375q0 -0.34375 -0.21875 -0.578125q-0.21875 -0.25 -0.515625 -0.25q-0.1875 0 -0.359375 0.109375q-0.171875 0.09375 -0.28125 0.265625q-0.09375 0.171875 -0.09375 0.40625q0 0.171875 0.0625 0.375q0.078125 0.203125 0.21875 0.4375q0.15625 0.234375 0.375 0.515625zm5.468811 4.078125q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm4.078186 2.421875q-0.34375 0 -0.625 -0.109375q-0.28125 -0.109375 -0.5 -0.3125l0.328125 -0.515625l0.0625 -0.09375l0.0625 0.03125q0.03125 0.09375 0.078125 0.140625q0.0625 0.0625 0.203125 0.15625q0.09375 0.03125 0.203125 0.046875q0.109375 0.015625 0.21875 0.015625q0.296875 0 0.484375 -0.140625q0.203125 -0.125 0.34375 -0.421875q0.15625 -0.28125 0.296875 -0.71875l0.921875 -2.875q0.171875 -0.484375 0.3125 -0.953125q0.15625 -0.484375 0.203125 -0.984375l0.765625 0q-0.078125 0.5 -0.234375 1.0q-0.15625 0.5 -0.34375 1.0l-1.203125 3.421875q-0.265625 0.71875 -0.671875 1.015625q-0.390625 0.296875 -0.90625 0.296875l0 0zm-0.875 -6.734375l0.8125 0l1.5625 4.0625l-0.328125 0.953125l-2.046875 -5.015625zm5.609436 4.875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m619.1685 34.001083l26.64093 0l0 11.178516l-26.64093 0l0 -11.178516z" fill-rule="nonzero"></path><path fill="#0097a7" d="m621.38727 43.154892l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm4.375061 -4.875l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625zm6.312561 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm4.140686 -0.125l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.859436 5.96875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m645.80945 34.001083l0 0l0 11.178516l0 0l0 -11.178516z" fill-rule="nonzero"></path><path fill="#0097a7" d="m619.1685 43.828228l26.64093 0l0 1.0l-26.64093 0l0 -1.0z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/reference/types/trait-object.html&amp;sa=D&amp;source=editors&amp;ust=1719318951305421&amp;usg=AOvVaw0sKhnR2WdnWjjl2OuO1tV4" target="_blank" rel="noreferrer" role="link" aria-label="Trait" tabindex="0"><path fill="transparent" fill-opacity="0" d="m619.1685 32.914894l0 12.799999l26.64093 0l0 -12.799999z" fill-rule="nonzero"></path></a><path fill="#cfe2f3" d="m591.5276 47.914894l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m591.5276 47.914894l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#cfe2f3" d="m632.0 47.914894l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m632.0 47.914894l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_14" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m576.0 87.914894l0 16.0l56.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m576.0 87.914894l56.472412 0l0 16.0l-56.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m576.0 87.914894l56.472412 0l0 16.0l-56.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m603.7909 99.65489l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m612.4724 63.705837l-8.220459 24.22047" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m612.4724 63.705837l-7.1189575 20.9752" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m605.3534 84.68104l-0.7034302 -1.4263535l0.07183838 3.2872772l2.0579834 -2.5644073z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_16" role="img" aria-label="vtable
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m624.4724 47.705837l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m624.4724 47.705837l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m638.8472 59.445835l-1.9375 -4.875l0.765625 0l1.578125 4.0l-0.140625 0l0.859375 -1.984375q0.25 -0.578125 0.40625 -1.078125q0.15625 -0.5 0.234375 -0.9375l0.71875 0q-0.078125 0.453125 -0.265625 0.984375q-0.171875 0.53125 -0.4375 1.15625l-1.1875 2.734375l-0.59375 0zm6.156311 0.078125q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.906311 0q-0.296875 0 -0.5625 -0.09375q-0.265625 -0.09375 -0.484375 -0.265625q-0.21875 -0.171875 -0.390625 -0.40625l-0.265625 0.640625l-0.484375 0l0 -7.09375l0.765625 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 2.5q0.109375 -0.1875 0.265625 -0.34375q0.171875 -0.171875 0.359375 -0.28125q0.1875 -0.125 0.40625 -0.171875q0.21875 -0.0625 0.40625 -0.0625q0.453125 0 0.8125 0.15625q0.375 0.15625 0.640625 0.46875q0.265625 0.3125 0.40625 0.78125q0.15625 0.46875 0.15625 1.09375q0 0.65625 -0.171875 1.140625q-0.171875 0.484375 -0.46875 0.8125q-0.296875 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625l0 0zm-0.09375 -0.6875q0.265625 0 0.5 -0.09375q0.234375 -0.09375 0.421875 -0.3125q0.203125 -0.21875 0.3125 -0.578125q0.109375 -0.375 0.109375 -0.890625q0 -0.484375 -0.09375 -0.84375q-0.09375 -0.359375 -0.28125 -0.59375q-0.171875 -0.234375 -0.421875 -0.34375q-0.234375 -0.109375 -0.515625 -0.109375q-0.40625 0 -0.703125 0.25q-0.296875 0.234375 -0.46875 0.671875q-0.171875 0.421875 -0.171875 0.984375q0 0.421875 0.0625 0.765625q0.078125 0.328125 0.234375 0.578125q0.15625 0.25 0.40625 0.390625q0.25 0.125 0.609375 0.125l0 0zm3.437561 0.5625l0 -0.625l1.4375 0l0 -5.84375l-1.375 0l0 -0.625l2.15625 0l0 6.46875l1.421875 0l0 0.625l-3.640625 0zm7.390686 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_17" role="img" aria-label="data
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m584.4724 47.705837l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m584.4724 47.705837l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m604.31604 59.55521q-0.375 0 -0.734375 -0.15625q-0.359375 -0.171875 -0.65625 -0.484375q-0.28125 -0.328125 -0.453125 -0.8125q-0.171875 -0.484375 -0.171875 -1.140625q0 -0.671875 0.171875 -1.140625q0.1875 -0.484375 0.484375 -0.78125q0.296875 -0.296875 0.65625 -0.4375q0.359375 -0.15625 0.734375 -0.15625q0.34375 0 0.609375 0.109375q0.28125 0.109375 0.484375 0.296875q0.21875 0.1875 0.328125 0.4375l0 -2.9375l0.703125 0l0.109375 0l0 0.078125q-0.0625 0.0625 -0.078125 0.140625q-0.015625 0.078125 -0.015625 0.25l0 5.875q0 0.1875 0.015625 0.375q0.015625 0.1875 0.09375 0.375l-0.75 0q-0.0625 -0.125 -0.078125 -0.25q-0.015625 -0.140625 -0.03125 -0.25q0 -0.125 0 -0.25q-0.15625 0.25 -0.375 0.453125q-0.203125 0.1875 -0.46875 0.296875q-0.265625 0.109375 -0.578125 0.109375l0 0zm0.109375 -0.671875q0.359375 0 0.59375 -0.140625q0.25 -0.15625 0.390625 -0.40625q0.15625 -0.265625 0.21875 -0.609375q0.078125 -0.34375 0.078125 -0.75q0 -0.53125 -0.140625 -0.96875q-0.140625 -0.4375 -0.4375 -0.6875q-0.296875 -0.25 -0.765625 -0.25q-0.3125 0 -0.578125 0.125q-0.25 0.125 -0.421875 0.359375q-0.15625 0.234375 -0.25 0.5625q-0.078125 0.328125 -0.078125 0.734375q0 0.59375 0.15625 1.0625q0.171875 0.453125 0.46875 0.71875q0.3125 0.25 0.765625 0.25l0 0zm4.968811 0.6875q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm6.265686 -0.046875q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m652.4724 63.705837l-29.070862 86.61417" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m652.4724 63.705837l-27.980347 83.365204" fill-rule="evenodd"></path><path fill="#000000" stroke="#000000" stroke-width="1.0" stroke-linecap="butt" d="m624.49207 147.07103l-0.708313 -1.4239655l0.08300781 3.2870178l2.0492554 -2.57135z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_48" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m301.41733 227.49606l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#ffffff" d="m301.41733 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m301.41733 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m312.972 239.23607l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_49" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m396.0 227.49606l0 16.0l24.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#ffffff" d="m396.0 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m396.0 227.49606l24.0 0l0 16.0l-24.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m407.55466 239.23607l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_50" role="img" aria-label="4/8 bytes
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m832.59845 177.00787l0 38.992126l103.40155 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m832.59845 177.00787l103.40155 0l0 38.992126l-103.40155 0z" fill-rule="evenodd"></path><path fill="#000000" d="m846.28595 193.701l1.0625 0l0 0.78125l-1.0625 0l0 1.765625l-0.96875 0l0 -1.765625l-3.4375 0l0 -0.5625l3.390625 -5.25l1.015625 0l0 5.03125zm-3.3125 0l2.34375 0l0 -3.71875l-0.109375 0.21875l-2.234375 3.5zm5.5305786 3.203125l-0.828125 0l3.15625 -8.234375l0.828125 0l-3.15625 8.234375zm8.688416 -6.25q0 0.5625 -0.296875 1.015625q-0.296875 0.4375 -0.8125 0.6875q0.59375 0.25 0.9375 0.734375q0.359375 0.484375 0.359375 1.109375q0 0.984375 -0.671875 1.578125q-0.65625 0.578125 -1.75 0.578125q-1.078125 0 -1.75 -0.578125q-0.65625 -0.59375 -0.65625 -1.578125q0 -0.609375 0.328125 -1.09375q0.34375 -0.5 0.9375 -0.765625q-0.5 -0.25 -0.796875 -0.6875q-0.28125 -0.4375 -0.28125 -1.0q0 -0.96875 0.609375 -1.53125q0.609375 -0.5625 1.609375 -0.5625q1.0 0 1.609375 0.5625q0.625 0.5625 0.625 1.53125zm-0.78125 3.53125q0 -0.640625 -0.40625 -1.03125q-0.40625 -0.40625 -1.0625 -0.40625q-0.640625 0 -1.03125 0.40625q-0.390625 0.390625 -0.390625 1.03125q0 0.640625 0.375 1.015625q0.390625 0.359375 1.0625 0.359375q0.6875 0 1.0625 -0.359375q0.390625 -0.375 0.390625 -1.015625zm-1.453125 -4.828125q-0.5625 0 -0.921875 0.359375q-0.34375 0.34375 -0.34375 0.953125q0 0.578125 0.34375 0.9375q0.359375 0.34375 0.921875 0.34375q0.578125 0 0.921875 -0.34375q0.359375 -0.359375 0.359375 -0.9375q0 -0.578125 -0.359375 -0.9375q-0.359375 -0.375 -0.921875 -0.375zm11.13739 4.140625q0 1.28125 -0.59375 2.078125q-0.59375 0.78125 -1.59375 0.78125q-1.0625 0 -1.65625 -0.765625l-0.046875 0.65625l-0.875 0l0 -8.0l0.953125 0l0 2.984375q0.59375 -0.71875 1.609375 -0.71875q1.03125 0 1.609375 0.78125q0.59375 0.765625 0.59375 2.125l0 0.078125zm-0.96875 -0.109375q0 -0.984375 -0.390625 -1.515625q-0.375 -0.546875 -1.078125 -0.546875q-0.953125 0 -1.375 0.890625l0 2.4375q0.453125 0.875 1.375 0.875q0.703125 0 1.078125 -0.53125q0.390625 -0.53125 0.390625 -1.609375zm3.9681396 1.453125l1.296875 -4.21875l1.03125 0l-2.25 6.5q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625l1.0625 0l1.40625 4.21875zm4.495056 -5.59375l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm4.512207 7.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.708069 3.4375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375z" fill-rule="nonzero"></path><path fill="#d6ca9c" d="m791.5276 185.00787l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m791.5276 185.00787l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_52" role="img" aria-label="fn
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m784.0 185.00787l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m784.0 185.00787l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m806.6718 187.59407l10.656372 0l0 11.178513l-10.656372 0l0 -11.178513z" fill-rule="nonzero"></path><path fill="#0000ff" d="m808.39056 192.48225l-1.046875 0l0 -0.609375l1.046875 0l0 -0.40625q0 -0.640625 0.234375 -1.046875q0.234375 -0.421875 0.640625 -0.625q0.40625 -0.203125 0.921875 -0.203125q0.453125 0 0.859375 0.171875q0.40625 0.171875 0.671875 0.5l-0.40625 0.5625l-0.0625 0.09375l-0.078125 -0.046875q0 -0.078125 -0.03125 -0.15625q-0.03125 -0.09375 -0.15625 -0.21875q-0.171875 -0.15625 -0.34375 -0.21875q-0.171875 -0.0625 -0.4375 -0.0625q-0.296875 0 -0.546875 0.125q-0.25 0.125 -0.390625 0.390625q-0.125 0.265625 -0.125 0.734375l0 0.40625l1.59375 0l0 0.609375l-1.59375 0l0 4.265625l-0.75 0l0 -4.265625zm4.375061 4.265625l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m817.3282 187.59407l0 0l0 11.178513l0 0l0 -11.178513z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/book/closures.html%23function-pointers-and-closures&amp;sa=D&amp;source=editors&amp;ust=1719318951308686&amp;usg=AOvVaw0pDlKwaY5zSVho4ev7r6wi" target="_blank" rel="noreferrer" role="link" aria-label="fn" tabindex="0"><path fill="transparent" fill-opacity="0" d="m806.6718 186.50787l0 12.800003l10.656372 0l0 -12.800003z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_78" role="img" aria-label="enum {A, B, C}
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m645.8898 288.13385l0 24.0l136.0 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m645.8898 288.13385l136.0 0l0 24.0l-136.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m654.8898 298.22006l21.312744 0l0 11.178497l-21.312744 0l0 -11.178497z" fill-rule="nonzero"></path><path fill="#0000ff" d="m657.796 307.48325q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm4.796936 2.921875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0zm6.921936 0.125q-0.296875 0 -0.546875 -0.09375q-0.25 -0.078125 -0.46875 -0.25q-0.203125 -0.1875 -0.359375 -0.453125q-0.140625 -0.265625 -0.21875 -0.640625q-0.078125 -0.375 -0.078125 -0.84375l0 -2.71875l0.75 0l0 2.71875q0 0.46875 0.078125 0.78125q0.09375 0.3125 0.25 0.515625q0.15625 0.1875 0.359375 0.28125q0.203125 0.078125 0.421875 0.078125q0.25 0 0.484375 -0.09375q0.234375 -0.109375 0.421875 -0.3125q0.1875 -0.203125 0.296875 -0.515625q0.109375 -0.328125 0.109375 -0.765625l0 -2.6875l0.75 0l0 4.125q0 0.1875 0.015625 0.375q0.015625 0.1875 0.078125 0.375l-0.734375 0q-0.046875 -0.125 -0.078125 -0.25q-0.015625 -0.125 -0.015625 -0.25q0 -0.125 0 -0.25q-0.125 0.203125 -0.28125 0.375q-0.15625 0.15625 -0.359375 0.265625q-0.203125 0.109375 -0.421875 0.171875q-0.21875 0.0625 -0.453125 0.0625zm3.375061 -0.125l0 -4.875l0.703125 0l0 0.484375q0.109375 -0.1875 0.265625 -0.3125q0.15625 -0.140625 0.34375 -0.203125q0.1875 -0.078125 0.375 -0.078125q0.21875 0 0.390625 0.09375q0.1875 0.078125 0.3125 0.25q0.125 0.15625 0.171875 0.375q0.09375 -0.21875 0.25 -0.375q0.171875 -0.171875 0.390625 -0.25q0.21875 -0.09375 0.453125 -0.09375q0.25 0 0.421875 0.09375q0.1875 0.09375 0.296875 0.265625q0.125 0.15625 0.171875 0.390625q0.0625 0.234375 0.046875 0.5l0 3.734375l-0.703125 0l0 -3.453125q0 -0.453125 -0.0625 -0.65625q-0.0625 -0.203125 -0.171875 -0.25q-0.09375 -0.0625 -0.21875 -0.0625q-0.203125 0 -0.390625 0.1875q-0.171875 0.1875 -0.28125 0.46875q-0.109375 0.265625 -0.109375 0.546875l0 3.21875l-0.71875 0l0 -3.390625q0 -0.609375 -0.109375 -0.8125q-0.109375 -0.203125 -0.421875 -0.203125q-0.125 0 -0.25 0.09375q-0.109375 0.078125 -0.21875 0.21875q-0.109375 0.140625 -0.171875 0.359375q-0.0625 0.203125 -0.0625 0.484375l0 3.25l-0.703125 0z" fill-rule="nonzero"></path><path fill="#000000" d="m685.4838 308.3895q-0.765625 0 -1.28125 -0.15625q-0.515625 -0.15625 -0.765625 -0.5625q-0.25 -0.40625 -0.21875 -1.15625l0.046875 -1.0625q0 -0.46875 -0.109375 -0.71875q-0.109375 -0.265625 -0.328125 -0.359375q-0.203125 -0.109375 -0.515625 -0.109375l-0.21875 0l0 -0.59375l0.203125 0q0.328125 0 0.546875 -0.109375q0.21875 -0.125 0.328125 -0.375q0.125 -0.25 0.125 -0.65625l-0.03125 -0.765625q0 -0.625 0.21875 -1.03125q0.21875 -0.40625 0.640625 -0.609375q0.4375 -0.21875 1.078125 -0.21875l0.671875 0l0 0.609375l-0.875 0q-0.484375 0 -0.734375 0.28125q-0.25 0.28125 -0.25 0.84375l0.015625 0.75q0 0.390625 -0.109375 0.703125q-0.09375 0.296875 -0.296875 0.515625q-0.203125 0.21875 -0.515625 0.359375q0.3125 0.09375 0.5 0.3125q0.203125 0.21875 0.296875 0.546875q0.109375 0.328125 0.109375 0.78125l-0.03125 0.90625q0 0.46875 0.140625 0.765625q0.140625 0.28125 0.4375 0.390625q0.296875 0.125 0.765625 0.125l0.546875 0l0 0.59375l-0.390625 0zm5.171936 -2.953125l-2.40625 0l0.15625 -0.578125l2.09375 0l0.15625 0.578125zm-1.140625 -3.109375l-1.75 5.046875l-0.734375 0l2.453125 -6.75l0.078125 0l2.453125 6.75l-0.765625 0l-1.734375 -5.046875zm4.796936 6.84375l-0.359375 -0.328125q0.296875 -0.28125 0.484375 -0.609375q0.203125 -0.3125 0.203125 -0.5q0 -0.109375 -0.078125 -0.203125q-0.078125 -0.09375 -0.203125 -0.171875q-0.109375 -0.09375 -0.1875 -0.203125q-0.078125 -0.109375 -0.078125 -0.25q0 -0.265625 0.171875 -0.4375q0.1875 -0.1875 0.453125 -0.1875q0.28125 0 0.5 0.25q0.234375 0.234375 0.234375 0.625q0 0.21875 -0.078125 0.4375q-0.0625 0.234375 -0.21875 0.484375q-0.140625 0.25 -0.359375 0.515625q-0.203125 0.28125 -0.484375 0.578125zm9.046997 -1.796875l0 -6.640625l1.875 0q0.578125 0 0.984375 0.125q0.421875 0.109375 0.6875 0.328125q0.28125 0.203125 0.40625 0.515625q0.140625 0.296875 0.140625 0.640625q0 0.3125 -0.125 0.609375q-0.109375 0.296875 -0.328125 0.53125q-0.21875 0.21875 -0.53125 0.328125q0.28125 0.09375 0.5 0.265625q0.234375 0.171875 0.390625 0.40625q0.171875 0.21875 0.265625 0.484375q0.09375 0.265625 0.09375 0.546875q0 0.40625 -0.15625 0.765625q-0.140625 0.34375 -0.453125 0.59375q-0.296875 0.234375 -0.765625 0.375q-0.46875 0.125 -1.109375 0.125l-1.875 0zm0.734375 -0.65625l1.265625 0q0.46875 0 0.8125 -0.109375q0.359375 -0.125 0.546875 -0.40625q0.203125 -0.28125 0.203125 -0.734375q0 -0.390625 -0.171875 -0.6875q-0.171875 -0.3125 -0.546875 -0.484375q-0.375 -0.1875 -1.03125 -0.1875l-1.078125 0l0 2.609375zm0 -3.234375l1.046875 0q0.578125 0 0.921875 -0.140625q0.34375 -0.140625 0.484375 -0.375q0.15625 -0.234375 0.15625 -0.53125q0 -0.234375 -0.078125 -0.421875q-0.078125 -0.1875 -0.25 -0.328125q-0.171875 -0.15625 -0.453125 -0.234375q-0.28125 -0.09375 -0.671875 -0.09375l-1.15625 0l0 2.125zm6.203186 5.6875l-0.359375 -0.328125q0.296875 -0.28125 0.484375 -0.609375q0.203125 -0.3125 0.203125 -0.5q0 -0.109375 -0.078125 -0.203125q-0.078125 -0.09375 -0.203125 -0.171875q-0.109375 -0.09375 -0.1875 -0.203125q-0.078125 -0.109375 -0.078125 -0.25q0 -0.265625 0.171875 -0.4375q0.1875 -0.1875 0.453125 -0.1875q0.28125 0 0.5 0.25q0.234375 0.234375 0.234375 0.625q0 0.21875 -0.078125 0.4375q-0.0625 0.234375 -0.21875 0.484375q-0.140625 0.25 -0.359375 0.515625q-0.203125 0.28125 -0.484375 0.578125zm11.562622 -1.6875q-0.53125 0 -1.0 -0.1875q-0.46875 -0.203125 -0.828125 -0.625q-0.359375 -0.421875 -0.5625 -1.046875q-0.203125 -0.640625 -0.203125 -1.53125q0 -0.78125 0.140625 -1.359375q0.15625 -0.578125 0.40625 -0.96875q0.265625 -0.40625 0.59375 -0.640625q0.328125 -0.234375 0.6875 -0.328125q0.359375 -0.109375 0.734375 -0.109375q0.71875 0 1.21875 0.359375q0.515625 0.34375 0.78125 0.953125l-0.640625 0.296875l-0.09375 0.03125l-0.03125 -0.0625q0.03125 -0.09375 0 -0.15625q-0.03125 -0.078125 -0.125 -0.21875q-0.265625 -0.359375 -0.546875 -0.484375q-0.28125 -0.125 -0.59375 -0.125q-0.40625 0 -0.75 0.1875q-0.328125 0.1875 -0.578125 0.546875q-0.234375 0.34375 -0.359375 0.859375q-0.125 0.515625 -0.125 1.171875q0 0.625 0.140625 1.140625q0.15625 0.5 0.40625 0.875q0.25 0.375 0.578125 0.578125q0.34375 0.203125 0.71875 0.203125q0.265625 0 0.515625 -0.09375q0.25 -0.09375 0.46875 -0.28125q0.21875 -0.1875 0.359375 -0.4375l0.5625 0.359375q-0.328125 0.53125 -0.78125 0.8125q-0.4375 0.28125 -1.09375 0.28125l0 0zm3.265686 0.90625l-0.375 0l0 -0.59375l0.53125 0q0.484375 0 0.765625 -0.125q0.296875 -0.109375 0.4375 -0.390625q0.140625 -0.296875 0.140625 -0.765625l-0.03125 -0.90625q0 -0.453125 0.09375 -0.78125q0.109375 -0.328125 0.3125 -0.546875q0.203125 -0.21875 0.5 -0.3125q-0.3125 -0.140625 -0.515625 -0.359375q-0.203125 -0.21875 -0.3125 -0.515625q-0.09375 -0.3125 -0.09375 -0.703125l0.015625 -0.75q0 -0.5625 -0.25 -0.84375q-0.234375 -0.28125 -0.734375 -0.28125l-0.875 0l0 -0.609375l0.671875 0q0.640625 0 1.0625 0.21875q0.4375 0.203125 0.65625 0.609375q0.21875 0.40625 0.21875 1.03125l-0.015625 0.765625q0 0.40625 0.109375 0.65625q0.109375 0.25 0.328125 0.375q0.234375 0.109375 0.546875 0.109375l0.203125 0l0 0.59375l-0.21875 0q-0.296875 0 -0.515625 0.109375q-0.21875 0.09375 -0.328125 0.359375q-0.109375 0.25 -0.109375 0.71875l0.046875 1.0625q0.03125 0.75 -0.21875 1.15625q-0.25 0.40625 -0.765625 0.5625q-0.515625 0.15625 -1.28125 0.15625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/book/enums.html&amp;sa=D&amp;source=editors&amp;ust=1719318951309693&amp;usg=AOvVaw3TqNYqX_vZ6epSSGBfkkMX" target="_blank" rel="noreferrer" role="link" aria-label="enum" tabindex="0"><path fill="transparent" fill-opacity="0" d="m654.8898 297.13385l0 12.800018l21.312744 0l0 -12.800018z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_89" role="img" aria-label="Optionof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m650.2808 398.99213l0 24.0l136.0 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m650.2808 398.99213l136.0 0l0 24.0l-136.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m659.2808 409.0783l31.969116 0l0 11.178528l-31.969116 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m661.9527 418.35712q-0.765625 0 -1.296875 -0.390625q-0.53125 -0.40625 -0.8125 -1.15625q-0.28125 -0.765625 -0.28125 -1.859375q0 -1.0625 0.28125 -1.8125q0.28125 -0.765625 0.8125 -1.171875q0.53125 -0.421875 1.296875 -0.421875q0.765625 0 1.28125 0.421875q0.53125 0.40625 0.8125 1.171875q0.28125 0.75 0.28125 1.8125q0 1.09375 -0.28125 1.859375q-0.28125 0.75 -0.8125 1.15625q-0.515625 0.390625 -1.28125 0.390625zm0 -0.65625q0.5 0 0.859375 -0.3125q0.359375 -0.328125 0.546875 -0.9375q0.1875 -0.609375 0.1875 -1.5q0 -0.84375 -0.1875 -1.453125q-0.1875 -0.609375 -0.546875 -0.953125q-0.359375 -0.34375 -0.859375 -0.34375q-0.515625 0 -0.875 0.34375q-0.359375 0.34375 -0.546875 0.953125q-0.1875 0.609375 -0.1875 1.453125q0 0.890625 0.1875 1.5q0.1875 0.609375 0.546875 0.9375q0.359375 0.3125 0.875 0.3125zm3.296936 2.3125l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.640686 4.875l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.343811 5.96875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.421936 0.546875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><path fill="#000000" d="m696.1562 417.73212l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/option/enum.Option.html&amp;sa=D&amp;source=editors&amp;ust=1719318951310439&amp;usg=AOvVaw2BLequ8ut_WI4mpCd5YeUA" target="_blank" rel="noreferrer" role="link" aria-label="Option" tabindex="0"><path fill="transparent" fill-opacity="0" d="m659.2808 407.99213l0 12.799988l31.969116 0l0 -12.799988z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_90" role="img" aria-label="tag
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m657.8084 422.99213l0 16.0l40.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m657.8084 422.99213l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m657.8084 422.99213l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m673.23987 434.81024q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.703186 1.703125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_96" role="img" aria-label="Optionof T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m786.2808 398.99213l0 24.0l136.0 0l0 -24.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m786.2808 398.99213l136.0 0l0 24.0l-136.0 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m795.2808 409.0783l31.969116 0l0 11.178528l-31.969116 0l0 -11.178528z" fill-rule="nonzero"></path><path fill="#0000ff" d="m797.9527 418.35712q-0.765625 0 -1.296875 -0.390625q-0.53125 -0.40625 -0.8125 -1.15625q-0.28125 -0.765625 -0.28125 -1.859375q0 -1.0625 0.28125 -1.8125q0.28125 -0.765625 0.8125 -1.171875q0.53125 -0.421875 1.296875 -0.421875q0.765625 0 1.28125 0.421875q0.53125 0.40625 0.8125 1.171875q0.28125 0.75 0.28125 1.8125q0 1.09375 -0.28125 1.859375q-0.28125 0.75 -0.8125 1.15625q-0.515625 0.390625 -1.28125 0.390625zm0 -0.65625q0.5 0 0.859375 -0.3125q0.359375 -0.328125 0.546875 -0.9375q0.1875 -0.609375 0.1875 -1.5q0 -0.84375 -0.1875 -1.453125q-0.1875 -0.609375 -0.546875 -0.953125q-0.359375 -0.34375 -0.859375 -0.34375q-0.515625 0 -0.875 0.34375q-0.359375 0.34375 -0.546875 0.953125q-0.1875 0.609375 -0.1875 1.453125q0 0.890625 0.1875 1.5q0.1875 0.609375 0.546875 0.9375q0.359375 0.3125 0.875 0.3125zm3.296936 2.3125l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.640686 4.875l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm5.343811 5.96875q-0.671875 0 -1.1875 -0.3125q-0.5 -0.328125 -0.78125 -0.890625q-0.28125 -0.578125 -0.28125 -1.3125q0 -0.75 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.328125 1.1875 -0.328125q0.65625 0 1.15625 0.328125q0.515625 0.3125 0.796875 0.890625q0.28125 0.5625 0.28125 1.3125q0 0.734375 -0.28125 1.3125q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.15625 0.3125zm0 -0.625q0.421875 0 0.734375 -0.25q0.328125 -0.25 0.515625 -0.671875q0.1875 -0.421875 0.1875 -0.984375q0 -0.546875 -0.1875 -0.96875q-0.1875 -0.4375 -0.515625 -0.671875q-0.3125 -0.25 -0.734375 -0.25q-0.421875 0 -0.75 0.25q-0.328125 0.234375 -0.515625 0.671875q-0.1875 0.421875 -0.1875 0.96875q0 0.5625 0.1875 0.984375q0.1875 0.421875 0.515625 0.671875q0.328125 0.25 0.75 0.25zm3.421936 0.546875l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0z" fill-rule="nonzero"></path><path fill="#000000" d="m832.1562 417.73212l-4.53125 -2.65625l0 -0.515625l4.5 -2.375l0 0.765625l-3.6875 1.875l3.71875 2.09375l0 0.8125zm2.640686 0.5l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0zm3.531311 -0.5l0 -0.8125l3.71875 -2.09375l-3.6875 -1.875l0 -0.765625l4.515625 2.375l0 0.515625l-4.546875 2.65625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/option/enum.Option.html&amp;sa=D&amp;source=editors&amp;ust=1719318951311530&amp;usg=AOvVaw2qKftgXZTON_VN85ISTCK8" target="_blank" rel="noreferrer" role="link" aria-label="Option" tabindex="0"><path fill="transparent" fill-opacity="0" d="m795.2808 407.99213l0 12.799988l31.969116 0l0 -12.799988z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_102" role="img" aria-label="when T contains pointers which can't be null
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m784.0 454.0563l0 38.992126l125.51184 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m784.0 454.0563l125.51184 0l0 38.992126l-125.51184 0z" fill-rule="evenodd"></path><path fill="#000000" d="m798.0 470.86005l0.953125 -3.765625l0.84375 0l-1.4375 4.921875l-0.6875 0l-1.203125 -3.734375l-1.15625 3.734375l-0.6875 0l-1.421875 -4.921875l0.828125 0l0.96875 3.6875l1.15625 -3.6875l0.671875 0l1.171875 3.765625zm3.4941406 -3.171875q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm6.3408813 4.421875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm3.8012695 -0.59375l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm11.19574 -0.984375l-2.140625 0l0 5.90625l-0.875 0l0 -5.90625l-2.125 0l0 -0.71875l5.140625 0l0 0.71875zm4.942871 5.3125q0.453125 0 0.78125 -0.265625q0.34375 -0.28125 0.390625 -0.6875l0.796875 0q-0.03125 0.421875 -0.296875 0.8125q-0.265625 0.375 -0.71875 0.609375q-0.453125 0.21875 -0.953125 0.21875q-1.0 0 -1.59375 -0.671875q-0.59375 -0.671875 -0.59375 -1.84375l0 -0.140625q0 -0.71875 0.265625 -1.28125q0.265625 -0.5625 0.75 -0.859375q0.5 -0.3125 1.171875 -0.3125q0.828125 0 1.375 0.5q0.546875 0.484375 0.59375 1.28125l-0.796875 0q-0.046875 -0.484375 -0.375 -0.78125q-0.3125 -0.3125 -0.796875 -0.3125q-0.640625 0 -1.0 0.46875q-0.34375 0.453125 -0.34375 1.328125l0 0.15625q0 0.859375 0.34375 1.328125q0.359375 0.453125 1.0 0.453125zm2.6951904 -1.921875q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.4918213 -2.515625l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm5.4906006 -1.203125l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm4.953369 6.125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.3395996 0.640625l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm3.060608 1.3125l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm7.2094116 3.609375q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm8.415894 -1.09375q0 1.125 -0.515625 1.8125q-0.515625 0.6875 -1.390625 0.6875q-0.890625 0 -1.40625 -0.578125l0 2.375l-0.84375 0l0 -6.8125l0.765625 0l0.046875 0.546875q0.515625 -0.640625 1.421875 -0.640625q0.890625 0 1.40625 0.671875q0.515625 0.65625 0.515625 1.859375l0 0.078125zm-0.84375 -0.09375q0 -0.84375 -0.359375 -1.3125q-0.34375 -0.484375 -0.96875 -0.484375q-0.765625 0 -1.140625 0.671875l0 2.359375q0.375 0.671875 1.15625 0.671875q0.609375 0 0.953125 -0.484375q0.359375 -0.484375 0.359375 -1.421875zm1.7022095 -0.015625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.6011963 2.40625l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm3.060608 1.3125l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm5.4906006 -1.203125l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm3.9533691 6.21875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm5.3793945 0.15625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm3.6408691 2.859375q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125z" fill-rule="nonzero"></path><path fill="#000000" d="m798.0 481.86005l0.953125 -3.765625l0.84375 0l-1.4375 4.921875l-0.6875 0l-1.203125 -3.734375l-1.15625 3.734375l-0.6875 0l-1.421875 -4.921875l0.828125 0l0.96875 3.6875l1.15625 -3.6875l0.671875 0l1.171875 3.765625zm3.4941406 -3.171875q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm5.2002563 4.328125l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm4.232483 5.640625q0.453125 0 0.78125 -0.265625q0.34375 -0.28125 0.390625 -0.6875l0.796875 0q-0.03125 0.421875 -0.296875 0.8125q-0.265625 0.375 -0.71875 0.609375q-0.453125 0.21875 -0.953125 0.21875q-1.0 0 -1.59375 -0.671875q-0.59375 -0.671875 -0.59375 -1.84375l0 -0.140625q0 -0.71875 0.265625 -1.28125q0.265625 -0.5625 0.75 -0.859375q0.5 -0.3125 1.171875 -0.3125q0.828125 0 1.375 0.5q0.546875 0.484375 0.59375 1.28125l-0.796875 0q-0.046875 -0.484375 -0.375 -0.78125q-0.3125 -0.3125 -0.796875 -0.3125q-0.640625 0 -1.0 0.46875q-0.34375 0.453125 -0.34375 1.328125l0 0.15625q0 0.859375 0.34375 1.328125q0.359375 0.453125 1.0 0.453125zm3.7576904 -3.734375q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m819.74097 474.36227l48.913208 0l0 10.9313965l-48.913208 0l0 -10.9313965z" fill-rule="nonzero"></path><path fill="#0000ff" d="m822.35034 482.42255q0.453125 0 0.78125 -0.265625q0.34375 -0.28125 0.390625 -0.6875l0.796875 0q-0.03125 0.421875 -0.296875 0.8125q-0.265625 0.375 -0.71875 0.609375q-0.453125 0.21875 -0.953125 0.21875q-1.0 0 -1.59375 -0.671875q-0.59375 -0.671875 -0.59375 -1.84375l0 -0.140625q0 -0.71875 0.265625 -1.28125q0.265625 -0.5625 0.75 -0.859375q0.5 -0.3125 1.171875 -0.3125q0.828125 0 1.375 0.5q0.546875 0.484375 0.59375 1.28125l-0.796875 0q-0.046875 -0.484375 -0.375 -0.78125q-0.3125 -0.3125 -0.796875 -0.3125q-0.640625 0 -1.0 0.46875q-0.34375 0.453125 -0.34375 1.328125l0 0.15625q0 0.859375 0.34375 1.328125q0.359375 0.453125 1.0 0.453125zm5.9608154 0.59375q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.2302246 -4.28125l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm4.3916626 -1.5625l-0.09375 1.671875l-0.59375 0l0 -2.1875l0.6875 0l0 0.515625zm2.2510376 0.359375l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm8.387695 3.71875q0 1.125 -0.53125 1.8125q-0.515625 0.6875 -1.390625 0.6875q-0.921875 0 -1.4375 -0.65625l-0.046875 0.5625l-0.765625 0l0 -7.0l0.84375 0l0 2.609375q0.5 -0.625 1.390625 -0.625q0.90625 0 1.421875 0.6875q0.515625 0.671875 0.515625 1.84375l0 0.078125zm-0.84375 -0.09375q0 -0.859375 -0.34375 -1.328125q-0.328125 -0.46875 -0.953125 -0.46875q-0.828125 0 -1.1875 0.765625l0 2.140625q0.390625 0.765625 1.203125 0.765625q0.609375 0 0.9375 -0.46875q0.34375 -0.46875 0.34375 -1.40625zm3.9521484 2.59375q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm6.1105347 -0.59375l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm7.3968506 4.4375q-0.5 0.578125 -1.453125 0.578125q-0.78125 0 -1.203125 -0.453125q-0.40625 -0.46875 -0.40625 -1.359375l0 -3.203125l0.84375 0l0 3.171875q0 1.125 0.90625 1.125q0.96875 0 1.28125 -0.71875l0 -3.578125l0.84375 0l0 4.921875l-0.796875 0l-0.015625 -0.484375zm3.001709 0.484375l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm2.263733 0l-0.84375 0l0 -7.0l0.84375 0l0 7.0z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m868.6542 474.36227l0 0l0 10.9313965l0 0l0 -10.9313965z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/core/nonzero/struct.NonZero.html&amp;sa=D&amp;source=editors&amp;ust=1719318951313070&amp;usg=AOvVaw02zyccAfUXZ8VJ_a8q0vJr" target="_blank" rel="noreferrer" role="link" aria-label="can't be null" tabindex="0"><path fill="transparent" fill-opacity="0" d="m819.74097 474.0563l0 11.200012l48.913208 0l0 -11.200012z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_104" role="img" aria-label="ptr
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m63.527557 188.0l0 16.0l40.472443 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#cfe2f3" d="m63.527557 188.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m63.527557 188.0l40.472443 0l0 16.0l-40.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m76.412125 201.52126l0 -6.65625l0.78125 0l0 0.96875q0.109375 -0.375 0.328125 -0.609375q0.21875 -0.234375 0.515625 -0.34375q0.296875 -0.109375 0.640625 -0.109375q0.390625 0 0.75 0.15625q0.375 0.140625 0.65625 0.453125q0.296875 0.3125 0.453125 0.78125q0.171875 0.46875 0.171875 1.109375q0 0.640625 -0.1875 1.125q-0.171875 0.484375 -0.46875 0.8125q-0.28125 0.328125 -0.65625 0.5q-0.359375 0.15625 -0.75 0.15625q-0.28125 0 -0.5625 -0.09375q-0.265625 -0.078125 -0.5 -0.25q-0.21875 -0.1875 -0.390625 -0.421875l0 2.421875l-0.78125 0zm2.109375 -2.328125q0.25 0 0.5 -0.09375q0.25 -0.09375 0.453125 -0.296875q0.203125 -0.21875 0.3125 -0.578125q0.125 -0.375 0.125 -0.921875q0 -0.59375 -0.15625 -1.0q-0.140625 -0.40625 -0.4375 -0.625q-0.28125 -0.234375 -0.6875 -0.25q-0.296875 -0.03125 -0.5625 0.078125q-0.25 0.109375 -0.453125 0.359375q-0.203125 0.234375 -0.3125 0.640625q-0.109375 0.40625 -0.109375 0.96875q0 0.34375 0.0625 0.625q0.078125 0.265625 0.1875 0.484375q0.125 0.203125 0.28125 0.34375q0.15625 0.125 0.359375 0.203125q0.203125 0.0625 0.4375 0.0625zm5.765686 0.625q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm5.843811 0l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m83.76378 204.0l16.251968 24.0" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m83.76378 204.0l14.330391 21.162323" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m98.09417 225.16232l-1.5617371 -0.30062866l2.66362 1.9278259l-0.80126953 -3.1889343z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_106" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m64.0 228.0l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m64.0 228.0l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m64.0 228.0l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m99.55466 239.74l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_107" role="img" aria-label="&amp;T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m56.0 164.0l0 32.0l56.472443 0l0 -32.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m56.0 164.0l56.472443 0l0 32.0l-56.472443 0z" fill-rule="evenodd"></path><path fill="#000000" d="m69.4375 183.365l-0.59375 -0.9375q-0.203125 0.28125 -0.5 0.484375q-0.28125 0.203125 -0.625 0.328125q-0.328125 0.109375 -0.671875 0.109375q-0.484375 0 -0.859375 -0.21875q-0.375 -0.21875 -0.59375 -0.578125q-0.203125 -0.375 -0.203125 -0.8125q0 -0.34375 0.09375 -0.65625q0.09375 -0.3125 0.265625 -0.578125q0.171875 -0.28125 0.421875 -0.515625q0.25 -0.234375 0.546875 -0.40625q-0.359375 -0.453125 -0.5625 -0.859375q-0.1875 -0.421875 -0.1875 -0.796875q0 -0.296875 0.109375 -0.546875q0.109375 -0.25 0.3125 -0.4375q0.203125 -0.1875 0.46875 -0.296875q0.265625 -0.109375 0.5625 -0.109375q0.4375 0 0.75 0.203125q0.328125 0.203125 0.515625 0.515625q0.1875 0.3125 0.1875 0.671875q0 0.265625 -0.09375 0.546875q-0.078125 0.265625 -0.234375 0.5q-0.15625 0.234375 -0.375 0.4375q-0.203125 0.1875 -0.453125 0.3125l1.1875 1.671875q0.140625 -0.15625 0.21875 -0.296875q0.09375 -0.140625 0.140625 -0.265625q0.0625 -0.125 0.078125 -0.25q0.03125 -0.125 0.046875 -0.265625q0 -0.03125 0 -0.046875q0.015625 -0.03125 0.046875 -0.0625l0.6875 0.484375q-0.109375 0.21875 -0.25 0.421875q-0.140625 0.203125 -0.28125 0.40625q-0.125 0.203125 -0.28125 0.40625l0.75 0.96875l-0.625 0.46875zm-2.3125 -0.703125q0.25 0 0.46875 -0.078125q0.234375 -0.09375 0.453125 -0.265625q0.21875 -0.171875 0.40625 -0.390625l-1.359375 -1.84375q-0.203125 0.125 -0.375 0.3125q-0.15625 0.171875 -0.28125 0.375q-0.109375 0.203125 -0.1875 0.421875q-0.0625 0.21875 -0.0625 0.421875q0 0.234375 0.078125 0.421875q0.078125 0.1875 0.203125 0.328125q0.125 0.140625 0.28125 0.21875q0.171875 0.078125 0.375 0.078125zm0.234375 -3.390625q0.1875 -0.109375 0.328125 -0.234375q0.15625 -0.140625 0.265625 -0.3125q0.109375 -0.1875 0.15625 -0.375q0.0625 -0.1875 0.0625 -0.359375q0 -0.34375 -0.21875 -0.578125q-0.21875 -0.25 -0.515625 -0.25q-0.1875 0 -0.359375 0.109375q-0.171875 0.09375 -0.28125 0.265625q-0.09375 0.171875 -0.09375 0.40625q0 0.171875 0.0625 0.375q0.078125 0.203125 0.21875 0.4375q0.15625 0.234375 0.375 0.515625zm5.187561 3.96875l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_111" role="img" aria-label="Note: String has same memory layout as  Vec of u8 
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m156.77165 144.0l0 30.992126l131.2441 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m156.77165 144.0l131.2441 0l0 30.992126l-131.2441 0z" fill-rule="evenodd"></path><path fill="#000000" d="m171.63103 161.95999l-0.875 0l-3.328125 -5.109375l0 5.109375l-0.890625 0l0 -6.625l0.890625 0l3.34375 5.125l0 -5.125l0.859375 0l0 6.625zm1.2124329 -2.515625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.8355713 -3.71875l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm3.9533844 6.21875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm2.9731598 3.890625q0 -0.21875 0.125 -0.359375q0.140625 -0.15625 0.390625 -0.15625q0.265625 0 0.390625 0.15625q0.140625 0.140625 0.140625 0.359375q0 0.203125 -0.140625 0.34375q-0.125 0.140625 -0.390625 0.140625q-0.25 0 -0.390625 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm0 -4.015625q0 -0.21875 0.125 -0.359375q0.140625 -0.15625 0.390625 -0.15625q0.265625 0 0.390625 0.15625q0.140625 0.140625 0.140625 0.359375q0 0.203125 -0.140625 0.34375q-0.125 0.140625 -0.390625 0.140625q-0.25 0 -0.390625 -0.140625q-0.125 -0.140625 -0.125 -0.34375z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m190.299 153.94714l27.984375 0l0 9.785202l-27.984375 0l0 -9.785202z" fill-rule="nonzero"></path><path fill="#0000ff" d="m192.59587 162.05374q-0.5625 0 -1.015625 -0.1875q-0.453125 -0.1875 -0.796875 -0.546875l0.34375 -0.59375l0.03125 -0.078125l0.0625 0.03125q0.015625 0.0625 0.046875 0.15625q0.03125 0.078125 0.125 0.1875q0.25 0.203125 0.5625 0.328125q0.328125 0.109375 0.734375 0.109375q0.265625 0 0.484375 -0.078125q0.21875 -0.078125 0.375 -0.203125q0.171875 -0.140625 0.25 -0.3125q0.09375 -0.1875 0.09375 -0.40625q0 -0.15625 -0.03125 -0.28125q-0.03125 -0.125 -0.125 -0.234375q-0.078125 -0.109375 -0.234375 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.125 -0.5625 -0.265625q-0.609375 -0.234375 -0.96875 -0.5q-0.34375 -0.28125 -0.484375 -0.59375q-0.140625 -0.3125 -0.140625 -0.640625q0 -0.421875 0.203125 -0.734375q0.21875 -0.328125 0.609375 -0.515625q0.40625 -0.1875 0.953125 -0.1875q0.328125 0 0.609375 0.09375q0.296875 0.09375 0.546875 0.25q0.265625 0.15625 0.46875 0.390625l-0.375 0.484375l-0.046875 0.078125l-0.0625 -0.046875q0 -0.0625 -0.03125 -0.140625q-0.03125 -0.078125 -0.125 -0.1875q-0.234375 -0.21875 -0.484375 -0.296875q-0.25 -0.078125 -0.59375 -0.078125q-0.234375 0 -0.421875 0.0625q-0.171875 0.0625 -0.3125 0.1875q-0.125 0.125 -0.203125 0.28125q-0.0625 0.140625 -0.0625 0.3125q0 0.15625 0.03125 0.296875q0.046875 0.125 0.140625 0.25q0.09375 0.125 0.25 0.25q0.171875 0.109375 0.40625 0.234375q0.25 0.125 0.609375 0.265625q0.421875 0.171875 0.703125 0.34375q0.296875 0.171875 0.453125 0.375q0.171875 0.1875 0.234375 0.40625q0.078125 0.21875 0.078125 0.5q0 0.390625 -0.203125 0.78125q-0.203125 0.390625 -0.640625 0.640625q-0.421875 0.25 -1.109375 0.25l0 0zm5.1640625 -0.03125q-0.421875 0 -0.6875 -0.140625q-0.25 -0.140625 -0.390625 -0.421875q-0.140625 -0.296875 -0.1875 -0.75q-0.03125 -0.453125 -0.015625 -1.0625l0.109375 -3.046875l0.703125 -0.078125l0.09375 -0.015625l0 0.078125q-0.046875 0.0625 -0.078125 0.125q-0.03125 0.0625 -0.046875 0.21875l-0.09375 1.0625l0.03125 0.15625l-0.0625 1.546875q-0.03125 0.703125 0.03125 1.09375q0.078125 0.390625 0.234375 0.53125q0.171875 0.140625 0.453125 0.140625q0.3125 0 0.546875 -0.109375q0.234375 -0.125 0.5 -0.3125l0.203125 0.53125q-0.3125 0.234375 -0.65625 0.34375q-0.328125 0.109375 -0.6875 0.109375l0 0zm-2.140625 -4.328125l3.0625 0l0 0.546875l-3.0625 0l0 -0.546875zm5.1171875 0l0.703125 0l-0.03125 1.25l-0.078125 -0.140625q0.046875 -0.296875 0.1875 -0.515625q0.140625 -0.234375 0.328125 -0.375q0.203125 -0.15625 0.4375 -0.234375q0.234375 -0.078125 0.484375 -0.078125q0.34375 0 0.625 0.125q0.28125 0.109375 0.5 0.328125l-0.296875 0.53125l-0.03125 0.078125l-0.0625 -0.03125q-0.015625 -0.078125 -0.0625 -0.140625q-0.03125 -0.0625 -0.15625 -0.15625q-0.15625 -0.09375 -0.28125 -0.125q-0.125 -0.03125 -0.28125 -0.03125q-0.234375 0 -0.46875 0.09375q-0.234375 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.296875 0.484375q-0.109375 0.28125 -0.109375 0.6875l0 2.265625l-0.6875 0l0 -4.28125zm4.4921875 4.265625l0 -0.546875l1.09375 0l0 -3.171875l-1.046875 0l0 -0.546875l1.71875 0l0 3.71875l0.984375 0l0 0.546875l-2.75 0zm1.390625 -5.15625q-0.203125 0 -0.34375 -0.140625q-0.140625 -0.140625 -0.140625 -0.34375q0 -0.203125 0.140625 -0.34375q0.140625 -0.140625 0.34375 -0.140625q0.1875 0 0.328125 0.15625q0.15625 0.140625 0.15625 0.328125q0 0.203125 -0.15625 0.34375q-0.140625 0.140625 -0.328125 0.140625zm3.0078125 5.15625l0 -4.265625l0.65625 0l0 0.765625q0.171875 -0.265625 0.390625 -0.453125q0.21875 -0.203125 0.484375 -0.296875q0.28125 -0.109375 0.5625 -0.109375q0.359375 0 0.640625 0.171875q0.28125 0.171875 0.4375 0.5625q0.171875 0.390625 0.171875 1.046875l0 2.578125l-0.640625 0l0 -2.5625q0 -0.453125 -0.109375 -0.71875q-0.109375 -0.265625 -0.28125 -0.375q-0.171875 -0.125 -0.40625 -0.125q-0.203125 0 -0.421875 0.09375q-0.21875 0.09375 -0.40625 0.265625q-0.1875 0.171875 -0.3125 0.421875q-0.109375 0.234375 -0.109375 0.546875l0 2.453125l-0.65625 0zm6.2890625 1.609375q-0.4375 0 -0.796875 -0.078125q-0.359375 -0.0625 -0.625 -0.203125q-0.25 -0.140625 -0.390625 -0.34375q-0.125 -0.203125 -0.125 -0.484375q0 -0.25 0.109375 -0.46875q0.109375 -0.203125 0.28125 -0.328125q0.1875 -0.140625 0.40625 -0.203125l0.28125 0.171875q-0.171875 0.09375 -0.28125 0.203125q-0.09375 0.09375 -0.140625 0.234375q-0.046875 0.140625 -0.046875 0.3125q0 0.171875 0.09375 0.296875q0.09375 0.125 0.265625 0.203125q0.171875 0.078125 0.421875 0.125q0.25 0.046875 0.5625 0.046875q0.4375 0 0.703125 -0.09375q0.265625 -0.078125 0.390625 -0.234375q0.125 -0.15625 0.125 -0.34375q0 -0.203125 -0.078125 -0.34375q-0.0625 -0.125 -0.296875 -0.1875q-0.234375 -0.0625 -0.71875 -0.0625q-0.3125 0 -0.59375 -0.03125q-0.265625 -0.03125 -0.484375 -0.09375q-0.21875 -0.0625 -0.359375 -0.15625q-0.140625 -0.109375 -0.21875 -0.25q-0.078125 -0.140625 -0.078125 -0.328125q0 -0.234375 0.140625 -0.453125q0.140625 -0.234375 0.375 -0.4375l0.3125 0.25q-0.09375 0.109375 -0.15625 0.1875q-0.046875 0.078125 -0.078125 0.15625q-0.015625 0.0625 -0.015625 0.140625q0 0.15625 0.109375 0.25q0.125 0.09375 0.40625 0.140625q0.296875 0.03125 0.78125 0.03125q0.5 0 0.796875 0.078125q0.3125 0.078125 0.46875 0.234375q0.171875 0.140625 0.234375 0.34375q0.078125 0.1875 0.078125 0.421875q0 0.25 -0.109375 0.484375q-0.09375 0.234375 -0.3125 0.40625q-0.203125 0.1875 -0.5625 0.296875q-0.359375 0.109375 -0.875 0.109375zm-0.1875 -3.0625q-0.453125 0 -0.796875 -0.1875q-0.328125 -0.203125 -0.515625 -0.546875q-0.1875 -0.34375 -0.1875 -0.75q0 -0.40625 0.1875 -0.734375q0.1875 -0.34375 0.515625 -0.546875q0.34375 -0.203125 0.796875 -0.203125q0.46875 0 0.796875 0.203125q0.328125 0.203125 0.5 0.546875q0.1875 0.328125 0.1875 0.734375q0 0.40625 -0.1875 0.75q-0.171875 0.34375 -0.5 0.546875q-0.328125 0.1875 -0.796875 0.1875zm0 -0.546875q0.265625 0 0.46875 -0.125q0.21875 -0.125 0.34375 -0.34375q0.125 -0.21875 0.125 -0.46875q0 -0.265625 -0.125 -0.46875q-0.125 -0.21875 -0.34375 -0.34375q-0.203125 -0.125 -0.46875 -0.125q-0.265625 0 -0.484375 0.125q-0.203125 0.125 -0.328125 0.34375q-0.125 0.203125 -0.125 0.46875q0 0.25 0.125 0.46875q0.125 0.21875 0.328125 0.34375q0.21875 0.125 0.484375 0.125zm1.234375 -1.578125l-0.25 -0.296875q0.265625 -0.28125 0.5625 -0.40625q0.296875 -0.125 0.6875 -0.09375l0.09375 0.546875q-0.3125 -0.03125 -0.59375 0.015625q-0.265625 0.046875 -0.5 0.234375z" fill-rule="nonzero"></path><path fill="#000000" d="m222.07701 157.63187q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm7.3408813 4.328125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm6.29274 -0.671875q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm7.1190796 0q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm4.9973145 1.3125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.23024 -4.28125l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm9.4257965 5.015625q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375z" fill-rule="nonzero"></path><path fill="#000000" d="m167.20915 168.03812l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm9.425781 5.015625q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm3.8012848 -0.59375l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm7.1601562 2.40625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.0699463 -1.765625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm2.4728546 2.9375l1.140625 -3.6875l0.90625 0l-1.984375 5.6875q-0.453125 1.21875 -1.453125 1.21875l-0.15625 0l-0.328125 -0.0625l0 -0.6875l0.234375 0.015625q0.421875 0 0.65625 -0.171875q0.25 -0.171875 0.40625 -0.625l0.1875 -0.5l-1.765625 -4.875l0.921875 0l1.234375 3.6875zm6.019699 1.234375l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm4.4043427 0q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.9743805 -0.59375l1.140625 -3.6875l0.90625 0l-1.984375 5.6875q-0.453125 1.21875 -1.453125 1.21875l-0.15625 0l-0.328125 -0.0625l0 -0.6875l0.234375 0.015625q0.421875 0 0.65625 -0.171875q0.25 -0.171875 0.40625 -0.625l0.1875 -0.5l-1.765625 -4.875l0.921875 0l1.234375 3.6875zm2.5170746 -1.28125q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.7418213 1.921875q-0.5 0.578125 -1.453125 0.578125q-0.78125 0 -1.203125 -0.453125q-0.40625 -0.46875 -0.40625 -1.359375l0 -3.203125l0.84375 0l0 3.171875q0 1.125 0.90625 1.125q0.96875 0 1.28125 -0.71875l0 -3.578125l0.84375 0l0 4.921875l-0.796875 0l-0.015625 -0.484375zm3.2360687 -5.640625l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm7.2626495 6.125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm6.29274 -0.671875q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125z" fill-rule="nonzero"></path><path fill="#000000" d="m246.48505 172.99124l-1.96875 -5.859375l0.6875 0l1.484375 4.46875l1.40625 -4.453125l0.640625 0l-1.9375 5.84375l-0.3125 0zm4.9921875 0.0625q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625zm6.1953125 2.671875q-0.46875 0 -0.859375 -0.171875q-0.390625 -0.171875 -0.671875 -0.46875q-0.28125 -0.296875 -0.453125 -0.703125q-0.15625 -0.40625 -0.15625 -0.890625q0 -0.484375 0.15625 -0.890625q0.171875 -0.40625 0.453125 -0.703125q0.28125 -0.296875 0.671875 -0.453125q0.390625 -0.171875 0.859375 -0.171875q0.515625 0 0.921875 0.21875q0.421875 0.203125 0.6875 0.578125l-0.421875 0.40625l-0.0625 0.0625l-0.046875 -0.046875q0 -0.078125 -0.03125 -0.140625q-0.03125 -0.0625 -0.15625 -0.171875q-0.203125 -0.1875 -0.4375 -0.265625q-0.234375 -0.078125 -0.53125 -0.078125q-0.28125 0 -0.53125 0.125q-0.234375 0.109375 -0.421875 0.3125q-0.1875 0.203125 -0.296875 0.515625q-0.109375 0.296875 -0.109375 0.65625q0 0.359375 0.109375 0.671875q0.109375 0.296875 0.296875 0.53125q0.203125 0.21875 0.46875 0.34375q0.28125 0.125 0.609375 0.125q0.203125 0 0.390625 -0.0625q0.203125 -0.0625 0.375 -0.171875q0.1875 -0.125 0.34375 -0.296875l0.390625 0.46875q-0.328125 0.328125 -0.71875 0.5q-0.375 0.171875 -0.828125 0.171875l0 0zm6.3046875 -0.546875l-3.96875 -2.328125l0 -0.4375l3.9375 -2.078125l0 0.65625l-3.234375 1.65625l3.265625 1.828125l0 0.703125zm2.4296875 0.546875q-0.25 0 -0.484375 -0.078125q-0.21875 -0.078125 -0.40625 -0.234375q-0.171875 -0.15625 -0.3125 -0.390625q-0.125 -0.234375 -0.203125 -0.546875q-0.0625 -0.328125 -0.0625 -0.75l0.015625 -2.375l0.65625 0l0 2.375q0 0.40625 0.0625 0.6875q0.078125 0.28125 0.203125 0.453125q0.140625 0.15625 0.3125 0.234375q0.1875 0.078125 0.390625 0.078125q0.21875 0 0.421875 -0.078125q0.203125 -0.09375 0.359375 -0.265625q0.171875 -0.1875 0.265625 -0.46875q0.09375 -0.28125 0.09375 -0.65625l0 -2.359375l0.65625 0l0 3.609375q0 0.15625 0.015625 0.328125q0.015625 0.15625 0.078125 0.328125l-0.640625 0q-0.046875 -0.109375 -0.078125 -0.21875q-0.015625 -0.109375 -0.015625 -0.21875q0 -0.109375 0 -0.21875q-0.109375 0.1875 -0.25 0.328125q-0.140625 0.125 -0.3125 0.234375q-0.171875 0.09375 -0.359375 0.140625q-0.1875 0.0625 -0.40625 0.0625zm4.9296875 -0.015625q-0.546875 0 -0.953125 -0.203125q-0.390625 -0.21875 -0.609375 -0.5625q-0.203125 -0.359375 -0.203125 -0.796875q0 -0.328125 0.140625 -0.640625q0.140625 -0.3125 0.40625 -0.5625q0.265625 -0.25 0.609375 -0.421875q-0.25 -0.140625 -0.453125 -0.34375q-0.203125 -0.203125 -0.3125 -0.46875q-0.109375 -0.265625 -0.109375 -0.546875q0 -0.390625 0.171875 -0.71875q0.171875 -0.328125 0.5 -0.515625q0.34375 -0.203125 0.859375 -0.203125q0.546875 0 0.875 0.1875q0.34375 0.1875 0.5 0.5q0.171875 0.3125 0.171875 0.703125q0 0.203125 -0.078125 0.40625q-0.0625 0.203125 -0.1875 0.390625q-0.109375 0.171875 -0.28125 0.328125q-0.171875 0.15625 -0.375 0.265625q0.25 0.109375 0.453125 0.28125q0.203125 0.171875 0.34375 0.390625q0.15625 0.203125 0.234375 0.453125q0.078125 0.234375 0.078125 0.484375q0 0.453125 -0.21875 0.8125q-0.21875 0.359375 -0.625 0.578125q-0.390625 0.203125 -0.9375 0.203125zm0.015625 -0.59375q0.375 0 0.609375 -0.125q0.25 -0.140625 0.375 -0.359375q0.125 -0.234375 0.125 -0.515625q0 -0.21875 -0.09375 -0.421875q-0.078125 -0.203125 -0.25 -0.375q-0.15625 -0.171875 -0.390625 -0.3125q-0.234375 -0.140625 -0.515625 -0.21875q-0.203125 0.078125 -0.390625 0.21875q-0.171875 0.140625 -0.3125 0.3125q-0.125 0.171875 -0.203125 0.359375q-0.0625 0.1875 -0.0625 0.40625q0 0.28125 0.125 0.515625q0.140625 0.234375 0.390625 0.375q0.25 0.140625 0.59375 0.140625zm0.140625 -2.84375q0.171875 -0.09375 0.3125 -0.21875q0.15625 -0.125 0.25 -0.28125q0.109375 -0.15625 0.171875 -0.3125q0.0625 -0.15625 0.0625 -0.328125q0 -0.21875 -0.109375 -0.40625q-0.09375 -0.203125 -0.296875 -0.3125q-0.203125 -0.125 -0.515625 -0.125q-0.3125 0 -0.515625 0.109375q-0.1875 0.109375 -0.28125 0.296875q-0.09375 0.1875 -0.09375 0.40625q0 0.21875 0.078125 0.390625q0.078125 0.15625 0.21875 0.296875q0.140625 0.140625 0.328125 0.265625q0.1875 0.109375 0.390625 0.21875zm2.5546875 2.90625l0 -0.703125l3.25 -1.828125l-3.234375 -1.65625l0 -0.65625l3.953125 2.078125l0 0.4375l-3.96875 2.328125z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/string/struct.String.html&amp;sa=D&amp;source=editors&amp;ust=1719318951316185&amp;usg=AOvVaw2TUA8umjnrI4VeTmAXhH6a" target="_blank" rel="noreferrer" role="link" aria-label="String" tabindex="0"><path fill="transparent" fill-opacity="0" d="m190.299 153.0l0 11.199997l27.984375 0l0 -11.199997z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_112" role="img" aria-label="Note: &amp;str has same memory layout as  &amp;[u8]
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m298.28085 262.69028l0 30.992126l125.51181 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m298.28085 262.69028l125.51181 0l0 30.992126l-125.51181 0z" fill-rule="evenodd"></path><path fill="#000000" d="m313.14023 280.6503l-0.875 0l-3.328125 -5.109375l0 5.109375l-0.890625 0l0 -6.625l0.890625 0l3.34375 5.125l0 -5.125l0.859375 0l0 6.625zm1.2124329 -2.515625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.8355713 -3.71875l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm3.9533691 6.21875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm2.973175 3.890625q0 -0.21875 0.125 -0.359375q0.140625 -0.15625 0.390625 -0.15625q0.265625 0 0.390625 0.15625q0.140625 0.140625 0.140625 0.359375q0 0.203125 -0.140625 0.34375q-0.125 0.140625 -0.390625 0.140625q-0.25 0 -0.390625 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm0 -4.015625q0 -0.21875 0.125 -0.359375q0.140625 -0.15625 0.390625 -0.15625q0.265625 0 0.390625 0.15625q0.140625 0.140625 0.140625 0.359375q0 0.203125 -0.140625 0.34375q-0.125 0.140625 -0.390625 0.140625q-0.25 0 -0.390625 -0.140625q-0.125 -0.140625 -0.125 -0.34375z" fill-rule="nonzero"></path><path fill="#000000" d="m335.6832 280.75967l-0.5 -0.8125q-0.1875 0.234375 -0.453125 0.421875q-0.25 0.171875 -0.546875 0.28125q-0.28125 0.09375 -0.578125 0.09375q-0.421875 0 -0.765625 -0.1875q-0.328125 -0.203125 -0.515625 -0.515625q-0.1875 -0.328125 -0.1875 -0.703125q0 -0.296875 0.078125 -0.5625q0.09375 -0.28125 0.25 -0.515625q0.15625 -0.25 0.375 -0.453125q0.21875 -0.203125 0.484375 -0.359375q-0.328125 -0.390625 -0.5 -0.75q-0.171875 -0.375 -0.171875 -0.6875q0 -0.265625 0.09375 -0.484375q0.109375 -0.234375 0.28125 -0.390625q0.1875 -0.171875 0.40625 -0.265625q0.234375 -0.09375 0.5 -0.09375q0.390625 0 0.65625 0.1875q0.28125 0.171875 0.4375 0.453125q0.171875 0.265625 0.171875 0.59375q0 0.21875 -0.078125 0.453125q-0.078125 0.234375 -0.21875 0.453125q-0.125 0.203125 -0.3125 0.375q-0.171875 0.171875 -0.40625 0.28125l1.046875 1.46875q0.125 -0.140625 0.1875 -0.265625q0.078125 -0.125 0.125 -0.21875q0.046875 -0.109375 0.0625 -0.21875q0.03125 -0.125 0.046875 -0.25q0 -0.015625 0 -0.03125q0.015625 -0.03125 0.03125 -0.0625l0.609375 0.421875q-0.09375 0.1875 -0.21875 0.375q-0.109375 0.1875 -0.234375 0.359375q-0.125 0.171875 -0.25 0.359375l0.65625 0.84375l-0.5625 0.40625zm-2.015625 -0.609375q0.21875 0 0.421875 -0.078125q0.203125 -0.078125 0.390625 -0.21875q0.1875 -0.15625 0.34375 -0.34375l-1.171875 -1.625q-0.1875 0.109375 -0.34375 0.28125q-0.140625 0.15625 -0.25 0.328125q-0.09375 0.171875 -0.15625 0.359375q-0.046875 0.1875 -0.046875 0.375q0 0.203125 0.0625 0.375q0.0625 0.15625 0.171875 0.28125q0.125 0.125 0.265625 0.203125q0.140625 0.0625 0.3125 0.0625zm0.203125 -2.984375q0.171875 -0.078125 0.296875 -0.203125q0.125 -0.125 0.21875 -0.265625q0.09375 -0.15625 0.140625 -0.3125q0.046875 -0.171875 0.046875 -0.328125q0 -0.296875 -0.1875 -0.5q-0.1875 -0.21875 -0.4375 -0.21875q-0.171875 0 -0.328125 0.078125q-0.140625 0.078125 -0.234375 0.234375q-0.078125 0.15625 -0.078125 0.359375q0 0.15625 0.046875 0.34375q0.0625 0.171875 0.1875 0.375q0.140625 0.203125 0.328125 0.4375z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m336.47226 272.63742l13.9921875 0l0 9.785217l-13.9921875 0l0 -9.785217z" fill-rule="nonzero"></path><path fill="#0000ff" d="m338.816 280.74405q-0.359375 0 -0.6875 -0.078125q-0.3125 -0.078125 -0.59375 -0.21875q-0.28125 -0.15625 -0.53125 -0.375l0.375 -0.640625l0.046875 -0.078125l0.0625 0.03125q0.015625 0.078125 0.03125 0.15625q0.03125 0.078125 0.140625 0.1875q0.1875 0.203125 0.46875 0.328125q0.28125 0.125 0.703125 0.125q0.34375 0 0.578125 -0.078125q0.25 -0.09375 0.375 -0.234375q0.125 -0.15625 0.125 -0.359375q0 -0.140625 -0.0625 -0.25q-0.046875 -0.109375 -0.171875 -0.203125q-0.125 -0.09375 -0.328125 -0.1875q-0.203125 -0.09375 -0.5 -0.1875q-0.484375 -0.140625 -0.859375 -0.328125q-0.359375 -0.1875 -0.5625 -0.421875q-0.1875 -0.25 -0.1875 -0.578125q0 -0.328125 0.171875 -0.5625q0.1875 -0.234375 0.53125 -0.359375q0.34375 -0.140625 0.859375 -0.140625q0.296875 0 0.53125 0.046875q0.25 0.03125 0.453125 0.125q0.21875 0.078125 0.390625 0.203125q0.171875 0.125 0.328125 0.296875l-0.390625 0.453125l-0.0625 0.078125l-0.046875 -0.046875q0 -0.078125 -0.046875 -0.140625q-0.03125 -0.078125 -0.125 -0.171875q-0.21875 -0.171875 -0.484375 -0.25q-0.265625 -0.09375 -0.53125 -0.09375q-0.359375 0 -0.640625 0.140625q-0.265625 0.125 -0.265625 0.390625q0 0.140625 0.09375 0.28125q0.09375 0.125 0.359375 0.265625q0.265625 0.125 0.75 0.265625q0.53125 0.171875 0.84375 0.34375q0.328125 0.171875 0.46875 0.40625q0.15625 0.21875 0.15625 0.53125q0 0.34375 -0.203125 0.65625q-0.1875 0.3125 -0.578125 0.5q-0.390625 0.171875 -0.984375 0.171875l0 0zm5.1171875 -0.03125q-0.421875 0 -0.6875 -0.140625q-0.25 -0.140625 -0.390625 -0.421875q-0.140625 -0.296875 -0.1875 -0.75q-0.03125 -0.453125 -0.015625 -1.0625l0.109375 -3.046875l0.703125 -0.078125l0.09375 -0.015625l0 0.078125q-0.046875 0.0625 -0.078125 0.125q-0.03125 0.0625 -0.046875 0.21875l-0.09375 1.0625l0.03125 0.15625l-0.0625 1.546875q-0.03125 0.703125 0.03125 1.09375q0.078125 0.390625 0.234375 0.53125q0.171875 0.140625 0.453125 0.140625q0.3125 0 0.546875 -0.109375q0.234375 -0.125 0.5 -0.3125l0.203125 0.53125q-0.3125 0.234375 -0.65625 0.34375q-0.328125 0.109375 -0.6875 0.109375l0 0zm-2.140625 -4.328125l3.0625 0l0 0.546875l-3.0625 0l0 -0.546875zm5.1171875 0l0.703125 0l-0.03125 1.25l-0.078125 -0.140625q0.046875 -0.296875 0.1875 -0.515625q0.140625 -0.234375 0.328125 -0.375q0.203125 -0.15625 0.4375 -0.234375q0.234375 -0.078125 0.484375 -0.078125q0.34375 0 0.625 0.125q0.28125 0.109375 0.5 0.328125l-0.296875 0.53125l-0.03125 0.078125l-0.0625 -0.03125q-0.015625 -0.078125 -0.0625 -0.140625q-0.03125 -0.0625 -0.15625 -0.15625q-0.15625 -0.09375 -0.28125 -0.125q-0.125 -0.03125 -0.28125 -0.03125q-0.234375 0 -0.46875 0.09375q-0.234375 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.296875 0.484375q-0.109375 0.28125 -0.109375 0.6875l0 2.265625l-0.6875 0l0 -4.28125z" fill-rule="nonzero"></path><path fill="#000000" d="m354.2581 276.32217q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm7.3408813 4.328125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm6.2927246 -0.671875q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm7.1190796 0q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm4.9973145 1.3125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.230255 -4.28125l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm9.425781 5.015625q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375z" fill-rule="nonzero"></path><path fill="#000000" d="m308.71835 286.72842l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm9.425781 5.015625q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm3.8012695 -0.59375l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm7.1601562 2.40625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.0699463 -1.765625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm2.4728699 2.9375l1.140625 -3.6875l0.90625 0l-1.984375 5.6875q-0.453125 1.21875 -1.453125 1.21875l-0.15625 0l-0.328125 -0.0625l0 -0.6875l0.234375 0.015625q0.421875 0 0.65625 -0.171875q0.25 -0.171875 0.40625 -0.625l0.1875 -0.5l-1.765625 -4.875l0.921875 0l1.234375 3.6875zm6.019684 1.234375l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm4.404358 0q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.974365 -0.59375l1.140625 -3.6875l0.90625 0l-1.984375 5.6875q-0.453125 1.21875 -1.453125 1.21875l-0.15625 0l-0.328125 -0.0625l0 -0.6875l0.234375 0.015625q0.421875 0 0.65625 -0.171875q0.25 -0.171875 0.40625 -0.625l0.1875 -0.5l-1.765625 -4.875l0.921875 0l1.234375 3.6875zm2.5170898 -1.28125q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.7418213 1.921875q-0.5 0.578125 -1.453125 0.578125q-0.78125 0 -1.203125 -0.453125q-0.40625 -0.46875 -0.40625 -1.359375l0 -3.203125l0.84375 0l0 3.171875q0 1.125 0.90625 1.125q0.96875 0 1.28125 -0.71875l0 -3.578125l0.84375 0l0 4.921875l-0.796875 0l-0.015625 -0.484375zm3.2360535 -5.640625l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm7.262665 6.125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm6.2927246 -0.671875q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125z" fill-rule="nonzero"></path><path fill="#000000" d="m389.6661 291.75967l-0.5 -0.8125q-0.1875 0.234375 -0.453125 0.421875q-0.25 0.171875 -0.546875 0.28125q-0.28125 0.09375 -0.578125 0.09375q-0.421875 0 -0.765625 -0.1875q-0.328125 -0.203125 -0.515625 -0.515625q-0.1875 -0.328125 -0.1875 -0.703125q0 -0.296875 0.078125 -0.5625q0.09375 -0.28125 0.25 -0.515625q0.15625 -0.25 0.375 -0.453125q0.21875 -0.203125 0.484375 -0.359375q-0.328125 -0.390625 -0.5 -0.75q-0.171875 -0.375 -0.171875 -0.6875q0 -0.265625 0.09375 -0.484375q0.109375 -0.234375 0.28125 -0.390625q0.1875 -0.171875 0.40625 -0.265625q0.234375 -0.09375 0.5 -0.09375q0.390625 0 0.65625 0.1875q0.28125 0.171875 0.4375 0.453125q0.171875 0.265625 0.171875 0.59375q0 0.21875 -0.078125 0.453125q-0.078125 0.234375 -0.21875 0.453125q-0.125 0.203125 -0.3125 0.375q-0.171875 0.171875 -0.40625 0.28125l1.046875 1.46875q0.125 -0.140625 0.1875 -0.265625q0.078125 -0.125 0.125 -0.21875q0.046875 -0.109375 0.0625 -0.21875q0.03125 -0.125 0.046875 -0.25q0 -0.015625 0 -0.03125q0.015625 -0.03125 0.03125 -0.0625l0.609375 0.421875q-0.09375 0.1875 -0.21875 0.375q-0.109375 0.1875 -0.234375 0.359375q-0.125 0.171875 -0.25 0.359375l0.65625 0.84375l-0.5625 0.40625zm-2.015625 -0.609375q0.21875 0 0.421875 -0.078125q0.203125 -0.078125 0.390625 -0.21875q0.1875 -0.15625 0.34375 -0.34375l-1.171875 -1.625q-0.1875 0.109375 -0.34375 0.28125q-0.140625 0.15625 -0.25 0.328125q-0.09375 0.171875 -0.15625 0.359375q-0.046875 0.1875 -0.046875 0.375q0 0.203125 0.0625 0.375q0.0625 0.15625 0.171875 0.28125q0.125 0.125 0.265625 0.203125q0.140625 0.0625 0.3125 0.0625zm0.203125 -2.984375q0.171875 -0.078125 0.296875 -0.203125q0.125 -0.125 0.21875 -0.265625q0.09375 -0.15625 0.140625 -0.3125q0.046875 -0.171875 0.046875 -0.328125q0 -0.296875 -0.1875 -0.5q-0.1875 -0.21875 -0.4375 -0.21875q-0.171875 0 -0.328125 0.078125q-0.140625 0.078125 -0.234375 0.234375q-0.078125 0.15625 -0.078125 0.359375q0 0.15625 0.046875 0.34375q0.0625 0.171875 0.1875 0.375q0.140625 0.203125 0.328125 0.4375zm3.8203125 4.3125l0 -7.078125l2.671875 0l0 0.5625l-2.078125 0l0 5.984375l2.09375 0l0 0.53125l-2.6875 0zm5.5078125 -0.71875q-0.25 0 -0.484375 -0.078125q-0.21875 -0.078125 -0.40625 -0.234375q-0.171875 -0.15625 -0.3125 -0.390625q-0.125 -0.234375 -0.203125 -0.546875q-0.0625 -0.328125 -0.0625 -0.75l0.015625 -2.375l0.65625 0l0 2.375q0 0.40625 0.0625 0.6875q0.078125 0.28125 0.203125 0.453125q0.140625 0.15625 0.3125 0.234375q0.1875 0.078125 0.390625 0.078125q0.21875 0 0.421875 -0.078125q0.203125 -0.09375 0.359375 -0.265625q0.171875 -0.1875 0.265625 -0.46875q0.09375 -0.28125 0.09375 -0.65625l0 -2.359375l0.65625 0l0 3.609375q0 0.15625 0.015625 0.328125q0.015625 0.15625 0.078125 0.328125l-0.640625 0q-0.046875 -0.109375 -0.078125 -0.21875q-0.015625 -0.109375 -0.015625 -0.21875q0 -0.109375 0 -0.21875q-0.109375 0.1875 -0.25 0.328125q-0.140625 0.125 -0.3125 0.234375q-0.171875 0.09375 -0.359375 0.140625q-0.1875 0.0625 -0.40625 0.0625zm4.9296875 -0.015625q-0.546875 0 -0.953125 -0.203125q-0.390625 -0.21875 -0.609375 -0.5625q-0.203125 -0.359375 -0.203125 -0.796875q0 -0.328125 0.140625 -0.640625q0.140625 -0.3125 0.40625 -0.5625q0.265625 -0.25 0.609375 -0.421875q-0.25 -0.140625 -0.453125 -0.34375q-0.203125 -0.203125 -0.3125 -0.46875q-0.109375 -0.265625 -0.109375 -0.546875q0 -0.390625 0.171875 -0.71875q0.171875 -0.328125 0.5 -0.515625q0.34375 -0.203125 0.859375 -0.203125q0.546875 0 0.875 0.1875q0.34375 0.1875 0.5 0.5q0.171875 0.3125 0.171875 0.703125q0 0.203125 -0.078125 0.40625q-0.0625 0.203125 -0.1875 0.390625q-0.109375 0.171875 -0.28125 0.328125q-0.171875 0.15625 -0.375 0.265625q0.25 0.109375 0.453125 0.28125q0.203125 0.171875 0.34375 0.390625q0.15625 0.203125 0.234375 0.453125q0.078125 0.234375 0.078125 0.484375q0 0.453125 -0.21875 0.8125q-0.21875 0.359375 -0.625 0.578125q-0.390625 0.203125 -0.9375 0.203125zm0.015625 -0.59375q0.375 0 0.609375 -0.125q0.25 -0.140625 0.375 -0.359375q0.125 -0.234375 0.125 -0.515625q0 -0.21875 -0.09375 -0.421875q-0.078125 -0.203125 -0.25 -0.375q-0.15625 -0.171875 -0.390625 -0.3125q-0.234375 -0.140625 -0.515625 -0.21875q-0.203125 0.078125 -0.390625 0.21875q-0.171875 0.140625 -0.3125 0.3125q-0.125 0.171875 -0.203125 0.359375q-0.0625 0.1875 -0.0625 0.40625q0 0.28125 0.125 0.515625q0.140625 0.234375 0.390625 0.375q0.25 0.140625 0.59375 0.140625zm0.140625 -2.84375q0.171875 -0.09375 0.3125 -0.21875q0.15625 -0.125 0.25 -0.28125q0.109375 -0.15625 0.171875 -0.3125q0.0625 -0.15625 0.0625 -0.328125q0 -0.21875 -0.109375 -0.40625q-0.09375 -0.203125 -0.296875 -0.3125q-0.203125 -0.125 -0.515625 -0.125q-0.3125 0 -0.515625 0.109375q-0.1875 0.109375 -0.28125 0.296875q-0.09375 0.1875 -0.09375 0.40625q0 0.21875 0.078125 0.390625q0.078125 0.15625 0.21875 0.296875q0.140625 0.140625 0.328125 0.265625q0.1875 0.109375 0.390625 0.21875zm6.0859375 4.171875l-2.6875 0l0 -0.53125l2.078125 0l0 -5.984375l-2.0625 0l0 -0.5625l2.671875 0l0 7.078125z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/primitive.str.html&amp;sa=D&amp;source=editors&amp;ust=1719318951317899&amp;usg=AOvVaw1Qpzsx33YWzxvwuczNKKqX" target="_blank" rel="noreferrer" role="link" aria-label="str" tabindex="0"><path fill="transparent" fill-opacity="0" d="m336.47226 271.69028l0 11.200012l13.9921875 0l0 -11.200012z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_113" role="img" aria-label="Rust container cheat sheet, by Raph Levien, Copyright 2017 Google Inc., released under Creative Commons BY, 2017-04-21, version 0.0.4
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m12.616797 494.99213l0 38.992126l697.3858 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m12.616797 494.99213l697.3858 0l0 38.992126l-697.3858 0z" fill-rule="evenodd"></path><path fill="#000000" d="m25.273048 511.16962l-1.78125 0l0 3.0625l-1.0 0l0 -7.578125l2.5 0q1.28125 0 1.96875 0.59375q0.703125 0.578125 0.703125 1.6875q0 0.703125 -0.390625 1.234375q-0.375 0.53125 -1.0625 0.78125l1.78125 3.21875l0 0.0625l-1.078125 0l-1.640625 -3.0625zm-1.78125 -0.8125l1.53125 0q0.75 0 1.1875 -0.390625q0.4375 -0.390625 0.4375 -1.03125q0 -0.703125 -0.421875 -1.078125q-0.40625 -0.375 -1.203125 -0.375l-1.53125 0l0 2.875zm8.88942 3.3125q-0.5625 0.671875 -1.640625 0.671875q-0.90625 0 -1.375 -0.515625q-0.46875 -0.53125 -0.484375 -1.5625l0 -3.65625l0.96875 0l0 3.625q0 1.28125 1.03125 1.28125q1.109375 0 1.46875 -0.8125l0 -4.09375l0.96875 0l0 5.625l-0.921875 0l-0.015625 -0.5625zm5.671341 -0.9375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm3.525879 -5.5l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm7.0721436 6.3125q0.515625 0 0.890625 -0.3125q0.390625 -0.3125 0.4375 -0.78125l0.90625 0q-0.015625 0.484375 -0.328125 0.921875q-0.3125 0.4375 -0.828125 0.703125q-0.5 0.265625 -1.078125 0.265625q-1.140625 0 -1.828125 -0.765625q-0.671875 -0.78125 -0.671875 -2.109375l0 -0.15625q0 -0.828125 0.296875 -1.46875q0.296875 -0.640625 0.859375 -0.984375q0.578125 -0.359375 1.34375 -0.359375q0.9375 0 1.5625 0.578125q0.640625 0.5625 0.671875 1.46875l-0.90625 0q-0.046875 -0.546875 -0.421875 -0.890625q-0.359375 -0.359375 -0.90625 -0.359375q-0.734375 0 -1.140625 0.53125q-0.40625 0.515625 -0.40625 1.515625l0 0.1875q0 0.96875 0.40625 1.5q0.40625 0.515625 1.140625 0.515625zm3.0622559 -2.171875q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm6.2805176 -2.875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm6.270294 -1.375l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm5.6528473 7.0q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm4.968292 0.734375l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm3.4922638 1.5l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm7.301544 5.734375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.161148 0.171875q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm5.7751465 4.078125q0.515625 0 0.890625 -0.3125q0.390625 -0.3125 0.4375 -0.78125l0.90625 0q-0.015625 0.484375 -0.328125 0.921875q-0.3125 0.4375 -0.828125 0.703125q-0.5 0.265625 -1.078125 0.265625q-1.140625 0 -1.828125 -0.765625q-0.671875 -0.78125 -0.671875 -2.109375l0 -0.15625q0 -0.828125 0.296875 -1.46875q0.296875 -0.640625 0.859375 -0.984375q0.578125 -0.359375 1.34375 -0.359375q0.9375 0 1.5625 0.578125q0.640625 0.5625 0.671875 1.46875l-0.90625 0q-0.046875 -0.546875 -0.421875 -0.890625q-0.359375 -0.359375 -0.90625 -0.359375q-0.734375 0 -1.140625 0.53125q-0.40625 0.515625 -0.40625 1.515625l0 0.1875q0 0.96875 0.40625 1.5q0.40625 0.515625 1.140625 0.515625zm4.281006 -4.265625q0.640625 -0.78125 1.671875 -0.78125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -8.0l0.953125 0l0 3.046875zm7.2442627 5.0625q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.911148 4.9375q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm5.218292 -6.265625l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm8.087769 5.5q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm3.1821213 -3.453125q0.640625 -0.78125 1.671875 -0.78125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -8.0l0.953125 0l0 3.046875zm7.2442627 5.0625q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm5.770523 5.046875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm4.739273 -2.0625l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm2.1528473 8.515625l-0.546875 -0.375q0.484375 -0.6875 0.5 -1.40625l0 -0.875l0.953125 0l0 0.75q0 0.53125 -0.265625 1.046875q-0.25 0.53125 -0.640625 0.859375zm9.526627 -4.265625q0 1.28125 -0.59375 2.078125q-0.59375 0.78125 -1.59375 0.78125q-1.0625 0 -1.65625 -0.765625l-0.046875 0.65625l-0.875 0l0 -8.0l0.953125 0l0 2.984375q0.59375 -0.71875 1.609375 -0.71875q1.03125 0 1.609375 0.78125q0.59375 0.765625 0.59375 2.125l0 0.078125zm-0.96875 -0.109375q0 -0.984375 -0.390625 -1.515625q-0.375 -0.546875 -1.078125 -0.546875q-0.953125 0 -1.375 0.890625l0 2.4375q0.453125 0.875 1.375 0.875q0.703125 0 1.078125 -0.53125q0.390625 -0.53125 0.390625 -1.609375zm3.9681091 1.453125l1.296875 -4.21875l1.03125 0l-2.25 6.5q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625l1.0625 0l1.40625 4.21875zm8.758118 -1.65625l-1.78125 0l0 3.0625l-1.0 0l0 -7.578125l2.5 0q1.28125 0 1.96875 0.59375q0.703125 0.578125 0.703125 1.6875q0 0.703125 -0.390625 1.234375q-0.375 0.53125 -1.0625 0.78125l1.78125 3.21875l0 0.0625l-1.078125 0l-1.640625 -3.0625zm-1.78125 -0.8125l1.53125 0q0.75 0 1.1875 -0.390625q0.4375 -0.390625 0.4375 -1.03125q0 -0.703125 -0.421875 -1.078125q-0.40625 -0.375 -1.203125 -0.375l-1.53125 0l0 2.875zm8.88942 3.875q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm8.671417 -2.015625q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625zm3.150406 -2.09375q0.640625 -0.78125 1.671875 -0.78125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -8.0l0.953125 0l0 3.046875zm8.710434 4.140625l3.578125 0l0 0.8125l-4.59375 0l0 -7.578125l1.015625 0l0 6.765625zm6.9058533 0.921875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm5.23407 3.625l1.390625 -4.3125l0.984375 0l-2.03125 5.625l-0.71875 0l-2.046875 -5.625l0.984375 0l1.4375 4.3125zm4.349121 1.3125l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm4.914139 7.234375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm4.348648 -0.6875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm4.942169 7.140625l-0.546875 -0.375q0.484375 -0.6875 0.5 -1.40625l0 -0.875l0.953125 0l0 0.75q0 0.53125 -0.265625 1.046875q-0.25 0.53125 -0.640625 0.859375zm10.479752 -3.921875q-0.140625 1.203125 -0.890625 1.859375q-0.75 0.65625 -1.984375 0.65625q-1.34375 0 -2.15625 -0.96875q-0.796875 -0.96875 -0.796875 -2.578125l0 -0.71875q0 -1.0625 0.375 -1.859375q0.375 -0.8125 1.0625 -1.234375q0.6875 -0.4375 1.609375 -0.4375q1.203125 0 1.921875 0.6875q0.734375 0.671875 0.859375 1.859375l-1.0 0q-0.140625 -0.90625 -0.578125 -1.3125q-0.421875 -0.40625 -1.203125 -0.40625q-0.96875 0 -1.515625 0.71875q-0.53125 0.703125 -0.53125 2.0l0 0.734375q0 1.234375 0.515625 1.96875q0.515625 0.71875 1.4375 0.71875q0.828125 0 1.265625 -0.375q0.453125 -0.375 0.609375 -1.3125l1.0 0zm0.95155334 -0.453125q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm10.124268 0q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625zm3.9837341 1.453125l1.296875 -4.21875l1.03125 0l-2.25 6.5q-0.53125 1.40625 -1.671875 1.40625l-0.1875 -0.015625l-0.359375 -0.078125l0 -0.78125l0.265625 0.03125q0.484375 0 0.75 -0.203125q0.28125 -0.203125 0.453125 -0.71875l0.21875 -0.578125l-2.015625 -5.5625l1.0625 0l1.40625 4.21875zm5.9169464 -3.359375q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm1.9339905 4.765625l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm2.3516235 4.265625q0 -1.3125 0.609375 -2.09375q0.609375 -0.78125 1.609375 -0.78125q1.03125 0 1.609375 0.734375l0.046875 -0.625l0.875 0l0 5.484375q0 1.09375 -0.65625 1.71875q-0.640625 0.640625 -1.734375 0.640625q-0.59375 0 -1.1875 -0.265625q-0.578125 -0.25 -0.890625 -0.703125l0.5 -0.578125q0.625 0.765625 1.515625 0.765625q0.703125 0 1.09375 -0.40625q0.390625 -0.390625 0.390625 -1.109375l0 -0.484375q-0.578125 0.671875 -1.578125 0.671875q-0.984375 0 -1.59375 -0.796875q-0.609375 -0.796875 -0.609375 -2.171875zm0.96875 0.109375q0 0.953125 0.390625 1.5q0.390625 0.53125 1.09375 0.53125q0.90625 0 1.328125 -0.828125l0 -2.5625q-0.4375 -0.8125 -1.328125 -0.8125q-0.6875 0 -1.09375 0.546875q-0.390625 0.546875 -0.390625 1.625zm6.197296 -2.203125q0.640625 -0.78125 1.671875 -0.78125q1.7812195 0 1.7968445 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28121948 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -8.0l0.953125 0l0 3.046875zm6.212982 -2.046875l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm9.681519 7.0l-4.96875 0l0 -0.6875l2.625 -2.921875q0.578125 -0.65625 0.796875 -1.0625q0.234375 -0.421875 0.234375 -0.859375q0 -0.59375 -0.359375 -0.96875q-0.359375 -0.390625 -0.96875 -0.390625q-0.703125 0 -1.109375 0.40625q-0.390625 0.40625 -0.390625 1.140625l-0.96875 0q0 -1.046875 0.671875 -1.6875q0.671875 -0.65625 1.796875 -0.65625q1.0625 0 1.671875 0.5625q0.625 0.546875 0.625 1.46875q0 1.125 -1.4375 2.671875l-2.015625 2.203125l3.796875 0l0 0.78125zm5.7650146 -3.234375q0 1.6875 -0.578125 2.515625q-0.578125 0.828125 -1.796875 0.828125q-1.21875 0 -1.796875 -0.796875q-0.578125 -0.8125 -0.609375 -2.40625l0 -1.296875q0 -1.671875 0.578125 -2.484375q0.578125 -0.8125 1.8125 -0.8125q1.21875 0 1.796875 0.796875q0.578125 0.78125 0.59375 2.40625l0 1.25zm-0.953125 -1.3125q0 -1.21875 -0.34375 -1.78125q-0.34375 -0.5625 -1.09375 -0.5625q-0.734375 0 -1.078125 0.5625q-0.328125 0.546875 -0.34375 1.703125l0 1.546875q0 1.21875 0.359375 1.8125q0.359375 0.578125 1.078125 0.578125q0.703125 0 1.046875 -0.546875q0.359375 -0.546875 0.375 -1.734375l0 -1.578125zm5.358734 4.546875l-0.96875 0l0 -6.421875l-1.9375 0.71875l0 -0.875l2.75 -1.03125l0.15625 0l0 7.609375zm7.702484 -7.03125l-3.125 7.03125l-1.015625 0l3.125 -6.78125l-4.09375 0l0 -0.796875l5.109375 0l0 0.546875zm9.57489 6.03125q-0.375 0.5625 -1.078125 0.84375q-0.6875 0.265625 -1.59375 0.265625q-0.9375 0 -1.65625 -0.4375q-0.703125 -0.4375 -1.109375 -1.234375q-0.390625 -0.8125 -0.390625 -1.859375l0 -0.65625q0 -1.71875 0.796875 -2.65625q0.796875 -0.953125 2.234375 -0.953125q1.1875 0 1.90625 0.609375q0.734375 0.609375 0.890625 1.71875l-1.0 0q-0.28125 -1.5 -1.78125 -1.5q-1.015625 0 -1.53125 0.703125q-0.515625 0.703125 -0.515625 2.046875l0 0.625q0 1.265625 0.578125 2.015625q0.578125 0.75 1.578125 0.75q0.5625 0 0.984375 -0.125q0.421875 -0.125 0.703125 -0.421875l0 -1.6875l-1.765625 0l0 -0.8125l2.75 0l0 2.765625zm1.2585449 -1.859375q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm5.1086426 -0.109375q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm5.1398926 -0.109375q0 -1.3125 0.609375 -2.09375q0.609375 -0.78125 1.609375 -0.78125q1.03125 0 1.609375 0.734375l0.046875 -0.625l0.875 0l0 5.484375q0 1.09375 -0.65625 1.71875q-0.640625 0.640625 -1.734375 0.640625q-0.59375 0 -1.1875 -0.265625q-0.578125 -0.25 -0.890625 -0.703125l0.5 -0.578125q0.625 0.765625 1.515625 0.765625q0.703125 0 1.09375 -0.40625q0.390625 -0.390625 0.390625 -1.109375l0 -0.484375q-0.578125 0.671875 -1.578125 0.671875q-0.984375 0 -1.59375 -0.796875q-0.609375 -0.796875 -0.609375 -2.171875zm0.96875 0.109375q0 0.953125 0.390625 1.5q0.390625 0.53125 1.09375 0.53125q0.90625 0 1.328125 -0.828125l0 -2.5625q-0.4375 -0.8125 -1.328125 -0.8125q-0.6875 0 -1.09375 0.546875q-0.390625 0.546875 -0.390625 1.625zm6.2910156 2.75l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm3.8672485 0.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm7.2991943 4.9375l-1.0 0l0 -7.578125l1.0 0l0 7.578125zm2.5856934 -5.625l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm7.223419 4.9375q0.515625 0 0.890625 -0.3125q0.390625 -0.3125 0.4375 -0.78125l0.90625 0q-0.015625 0.484375 -0.328125 0.921875q-0.3125 0.4375 -0.828125 0.703125q-0.5 0.265625 -1.078125 0.265625q-1.140625 0 -1.828125 -0.765625q-0.671875 -0.78125 -0.671875 -2.109375l0 -0.15625q0 -0.828125 0.296875 -1.46875q0.296875 -0.640625 0.859375 -0.984375q0.578125 -0.359375 1.34375 -0.359375q0.9375 0 1.5625 0.578125q0.640625 0.5625 0.671875 1.46875l-0.90625 0q-0.046875 -0.546875 -0.421875 -0.890625q-0.359375 -0.359375 -0.90625 -0.359375q-0.734375 0 -1.140625 0.53125q-0.40625 0.515625 -0.40625 1.515625l0 0.1875q0 0.96875 0.40625 1.5q0.40625 0.515625 1.140625 0.515625zm3.3435059 0.1875q0 -0.25 0.140625 -0.421875q0.15625 -0.171875 0.453125 -0.171875q0.296875 0 0.453125 0.171875q0.15625 0.171875 0.15625 0.421875q0 0.234375 -0.15625 0.40625q-0.15625 0.15625 -0.453125 0.15625q-0.296875 0 -0.453125 -0.15625q-0.140625 -0.171875 -0.140625 -0.40625zm2.75766 2.015625l-0.546875 -0.375q0.484375 -0.6875 0.5 -1.40625l0 -0.875l0.953125 0l0 0.75q0 0.53125 -0.265625 1.046875q-0.25 0.53125 -0.640625 0.859375zm7.4797363 -6.28125q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm3.116272 4.875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm4.489258 4.9375l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm3.8672485 0.109375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.911133 4.9375q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm7.187042 -0.765625q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm4.557129 1.609375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm3.2080383 2.078125q0 -1.296875 0.609375 -2.078125q0.609375 -0.796875 1.609375 -0.796875q0.984375 0 1.5625 0.671875l0 -2.9375l0.96875 0l0 8.0l-0.890625 0l-0.046875 -0.609375q-0.578125 0.71875 -1.609375 0.71875q-0.96875 0 -1.59375 -0.796875q-0.609375 -0.8125 -0.609375 -2.09375l0 -0.078125zm0.953125 0.109375q0 0.953125 0.390625 1.5q0.40625 0.53125 1.09375 0.53125q0.921875 0 1.34375 -0.8125l0 -2.59375q-0.4375 -0.796875 -1.328125 -0.796875q-0.703125 0 -1.109375 0.546875q-0.390625 0.546875 -0.390625 1.625zm11.397827 2.1875q-0.5625 0.671875 -1.640625 0.671875q-0.90625 0 -1.375 -0.515625q-0.46875 -0.53125 -0.484375 -1.5625l0 -3.65625l0.96875 0l0 3.625q0 1.28125 1.03125 1.28125q1.109375 0 1.46875 -0.8125l0 -4.09375l0.96875 0l0 5.625l-0.921875 0l-0.015625 -0.5625zm3.3119507 -5.0625l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm4.739044 2.765625q0 -1.296875 0.609375 -2.078125q0.609375 -0.796875 1.609375 -0.796875q0.984375 0 1.5625 0.671875l0 -2.9375l0.96875 0l0 8.0l-0.890625 0l-0.046875 -0.609375q-0.578125 0.71875 -1.609375 0.71875q-0.96875 0 -1.59375 -0.796875q-0.609375 -0.8125 -0.609375 -2.09375l0 -0.078125zm0.953125 0.109375q0 0.953125 0.390625 1.5q0.40625 0.53125 1.09375 0.53125q0.921875 0 1.34375 -0.8125l0 -2.59375q-0.4375 -0.796875 -1.328125 -0.796875q-0.703125 0 -1.109375 0.546875q-0.390625 0.546875 -0.390625 1.625zm7.61911 2.859375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.161133 0.171875q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm9.2438965 2.359375q-0.140625 1.203125 -0.890625 1.859375q-0.75 0.65625 -1.984375 0.65625q-1.34375 0 -2.15625 -0.96875q-0.796875 -0.96875 -0.796875 -2.578125l0 -0.71875q0 -1.0625 0.375 -1.859375q0.375 -0.8125 1.0625 -1.234375q0.6875 -0.4375 1.609375 -0.4375q1.203125 0 1.921875 0.6875q0.734375 0.671875 0.859375 1.859375l-1.0 0q-0.140625 -0.90625 -0.578125 -1.3125q-0.421875 -0.40625 -1.203125 -0.40625q-0.96875 0 -1.515625 0.71875q-0.53125 0.703125 -0.53125 2.0l0 0.734375q0 1.234375 0.515625 1.96875q0.515625 0.71875 1.4375 0.71875q0.828125 0 1.265625 -0.375q0.453125 -0.375 0.609375 -1.3125l1.0 0zm3.935913 -2.359375q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm3.116272 4.875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.911133 4.9375q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm5.218292 -6.265625l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm3.2309875 7.0l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm4.4453735 5.8125l1.390625 -4.3125l0.984375 0l-2.03125 5.625l-0.71875 0l-2.046875 -5.625l0.984375 0l1.4375 4.3125zm5.562683 1.421875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm11.799194 2.53125q-0.140625 1.203125 -0.890625 1.859375q-0.75 0.65625 -1.984375 0.65625q-1.34375 0 -2.15625 -0.96875q-0.796875 -0.96875 -0.796875 -2.578125l0 -0.71875q0 -1.0625 0.375 -1.859375q0.375 -0.8125 1.0625 -1.234375q0.6875 -0.4375 1.609375 -0.4375q1.203125 0 1.921875 0.6875q0.734375 0.671875 0.859375 1.859375l-1.0 0q-0.140625 -0.90625 -0.578125 -1.3125q-0.421875 -0.40625 -1.203125 -0.40625q-0.96875 0 -1.515625 0.71875q-0.53125 0.703125 -0.53125 2.0l0 0.734375q0 1.234375 0.515625 1.96875q0.515625 0.71875 1.4375 0.71875q0.828125 0 1.265625 -0.375q0.453125 -0.375 0.609375 -1.3125l1.0 0zm0.9515381 -0.453125q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm6.2805176 -2.875l0.015625 0.625q0.625 -0.734375 1.671875 -0.734375q1.1875 0 1.609375 0.90625q0.28125 -0.40625 0.734375 -0.65625q0.453125 -0.25 1.0625 -0.25q1.84375 0 1.875 1.96875l0 3.765625l-0.953125 0l0 -3.71875q0 -0.59375 -0.28125 -0.890625q-0.265625 -0.3125 -0.921875 -0.3125q-0.53125 0 -0.890625 0.328125q-0.359375 0.3125 -0.40625 0.859375l0 3.734375l-0.96875 0l0 -3.6875q0 -1.234375 -1.203125 -1.234375q-0.953125 0 -1.296875 0.8125l0 4.109375l-0.96875 0l0 -5.625l0.921875 0zm9.339844 0l0.015625 0.625q0.625 -0.734375 1.671875 -0.734375q1.1875 0 1.609375 0.90625q0.28125 -0.40625 0.734375 -0.65625q0.453125 -0.25 1.0625 -0.25q1.84375 0 1.875 1.96875l0 3.765625l-0.953125 0l0 -3.71875q0 -0.59375 -0.28125 -0.890625q-0.265625 -0.3125 -0.921875 -0.3125q-0.53125 0 -0.890625 0.328125q-0.359375 0.3125 -0.40625 0.859375l0 3.734375l-0.96875 0l0 -3.6875q0 -1.234375 -1.203125 -1.234375q-0.953125 0 -1.296875 0.8125l0 4.109375l-0.96875 0l0 -5.625l0.921875 0zm8.167969 2.765625q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.7187805 0.796875 0.7187805 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.31253052 0.65625 -0.9062805 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm6.280548 -2.875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm8.239014 4.125q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm5.0076904 1.5l0 -7.578125l2.484375 0q1.234375 0 1.84375 0.515625q0.625 0.5 0.625 1.5q0 0.53125 -0.296875 0.953125q-0.296875 0.40625 -0.828125 0.625q0.625 0.171875 0.96875 0.65625q0.359375 0.484375 0.359375 1.140625q0 1.015625 -0.65625 1.609375q-0.65625 0.578125 -1.875 0.578125l-2.625 0zm1.0 -3.546875l0 2.734375l1.65625 0q0.6875 0 1.09375 -0.359375q0.40625 -0.375 0.40625 -1.0q0 -1.375 -1.484375 -1.375l-1.671875 0zm0 -0.796875l1.515625 0q0.65625 0 1.046875 -0.328125q0.390625 -0.328125 0.390625 -0.890625q0 -0.625 -0.375 -0.90625q-0.359375 -0.28125 -1.09375 -0.28125l-1.484375 0l0 2.40625zm7.6601562 0.578125l1.984375 -3.8125l1.125 0l-2.609375 4.75l0 2.828125l-1.0 0l0 -2.828125l-2.609375 -4.75l1.140625 0l1.96875 3.8125zm2.8167114 5.28125l-0.546875 -0.375q0.484375 -0.6875 0.5 -1.40625l0 -0.875l0.953125 0l0 0.75q0 0.53125 -0.265625 1.046875q-0.25 0.53125 -0.640625 0.859375zm9.620422 -1.515625l-4.96875 0l0 -0.6875l2.625 -2.921875q0.578125 -0.65625 0.796875 -1.0625q0.234375 -0.421875 0.234375 -0.859375q0 -0.59375 -0.359375 -0.96875q-0.359375 -0.390625 -0.96875 -0.390625q-0.703125 0 -1.109375 0.40625q-0.390625 0.40625 -0.390625 1.140625l-0.96875 0q0 -1.046875 0.671875 -1.6875q0.671875 -0.65625 1.796875 -0.65625q1.0625 0 1.671875 0.5625q0.625 0.546875 0.625 1.46875q0 1.125 -1.4375 2.671875l-2.015625 2.203125l3.796875 0l0 0.78125zm5.7650146 -3.234375q0 1.6875 -0.578125 2.515625q-0.578125 0.828125 -1.796875 0.828125q-1.21875 0 -1.796875 -0.796875q-0.578125 -0.8125 -0.609375 -2.40625l0 -1.296875q0 -1.671875 0.578125 -2.484375q0.578125 -0.8125 1.8125 -0.8125q1.21875 0 1.796875 0.796875q0.578125 0.78125 0.59375 2.40625l0 1.25zm-0.953125 -1.3125q0 -1.21875 -0.34375 -1.78125q-0.34375 -0.5625 -1.09375 -0.5625q-0.734375 0 -1.078125 0.5625q-0.328125 0.546875 -0.34375 1.703125l0 1.546875q0 1.21875 0.359375 1.8125q0.359375 0.578125 1.078125 0.578125q0.703125 0 1.046875 -0.546875q0.359375 -0.546875 0.375 -1.734375l0 -1.578125zm5.3587646 4.546875l-0.96875 0l0 -6.421875l-1.9375 0.71875l0 -0.875l2.75 -1.03125l0.15625 0l0 7.609375zm7.7025146 -7.03125l-3.125 7.03125l-1.015625 0l3.125 -6.78125l-4.09375 0l0 -0.796875l5.109375 0l0 0.546875zm3.2025146 4.203125l-2.546875 0l0 -0.78125l2.546875 0l0 0.78125zm5.5804443 -0.40625q0 1.6875 -0.578125 2.515625q-0.578125 0.828125 -1.796875 0.828125q-1.21875 0 -1.796875 -0.796875q-0.578125 -0.8125 -0.609375 -2.40625l0 -1.296875q0 -1.671875 0.578125 -2.484375q0.578125 -0.8125 1.8125 -0.8125q1.21875 0 1.796875 0.796875q0.578125 0.78125 0.59375 2.40625l0 1.25zm-0.953125 -1.3125q0 -1.21875 -0.34375 -1.78125q-0.34375 -0.5625 -1.09375 -0.5625q-0.734375 0 -1.078125 0.5625q-0.328125 0.546875 -0.34375 1.703125l0 1.546875q0 1.21875 0.359375 1.8125q0.359375 0.578125 1.078125 0.578125q0.703125 0 1.046875 -0.546875q0.359375 -0.546875 0.375 -1.734375l0 -1.578125zm6.2493896 2.0l1.0625 0l0 0.78125l-1.0625 0l0 1.765625l-0.96875 0l0 -1.765625l-3.4375 0l0 -0.5625l3.390625 -5.25l1.015625 0l0 5.03125zm-3.3125 0l2.34375 0l0 -3.71875l-0.109375 0.21875l-2.234375 3.5zm7.3431396 -0.28125l-2.546875 0l0 -0.78125l2.546875 0l0 0.78125zm5.7991943 2.828125l-4.96875 0l0 -0.6875l2.625 -2.921875q0.578125 -0.65625 0.796875 -1.0625q0.234375 -0.421875 0.234375 -0.859375q0 -0.59375 -0.359375 -0.96875q-0.359375 -0.390625 -0.96875 -0.390625q-0.703125 0 -1.109375 0.40625q-0.390625 0.40625 -0.390625 1.140625l-0.96875 0q0 -1.046875 0.671875 -1.6875q0.671875 -0.65625 1.796875 -0.65625q1.0625 0 1.671875 0.5625q0.625 0.546875 0.625 1.46875q0 1.125 -1.4375 2.671875l-2.015625 2.203125l3.796875 0l0 0.78125zm4.1868896 0l-0.96875 0l0 -6.421875l-1.9375 0.71875l0 -0.875l2.75 -1.03125l0.15625 0l0 7.609375zm2.8900146 1.515625l-0.546875 -0.375q0.484375 -0.6875 0.5 -1.40625l0 -0.875l0.953125 0l0 0.75q0 0.53125 -0.265625 1.046875q-0.25 0.53125 -0.640625 0.859375zm6.6203613 -2.828125l1.390625 -4.3125l0.984375 0l-2.03125 5.625l-0.71875 0l-2.046875 -5.625l0.984375 0l1.4375 4.3125zm5.562683 1.421875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.161133 0.171875q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm4.15271 3.265625q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm3.275879 1.5l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm2.3203735 4.265625q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm6.2805176 -2.875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm12.252075 2.390625q0 1.6875 -0.578125 2.515625q-0.578125 0.828125 -1.796875 0.828125q-1.21875 0 -1.796875 -0.796875q-0.578125 -0.8125 -0.609375 -2.40625l0 -1.296875q0 -1.671875 0.578125 -2.484375q0.578125 -0.8125 1.8125 -0.8125q1.21875 0 1.796875 0.796875q0.578125 0.78125 0.59375 2.40625l0 1.25zm-0.953125 -1.3125q0 -1.21875 -0.34375 -1.78125q-0.34375 -0.5625 -1.09375 -0.5625q-0.734375 0 -1.078125 0.5625q-0.328125 0.546875 -0.34375 1.703125l0 1.546875q0 1.21875 0.359375 1.8125q0.359375 0.578125 1.078125 0.578125q0.703125 0 1.046875 -0.546875q0.359375 -0.546875 0.375 -1.734375l0 -1.578125zm2.3118896 4.046875q0 -0.25 0.140625 -0.421875q0.15625 -0.171875 0.453125 -0.171875q0.296875 0 0.453125 0.171875q0.15625 0.171875 0.15625 0.421875q0 0.234375 -0.15625 0.40625q-0.15625 0.15625 -0.453125 0.15625q-0.296875 0 -0.453125 -0.15625q-0.140625 -0.171875 -0.140625 -0.40625zm7.4295654 -2.734375q0 1.6875 -0.578125 2.515625q-0.578125 0.828125 -1.796875 0.828125q-1.21875 0 -1.796875 -0.796875q-0.578125 -0.8125 -0.609375 -2.40625l0 -1.296875q0 -1.671875 0.578125 -2.484375q0.578125 -0.8125 1.8125 -0.8125q1.21875 0 1.796875 0.796875q0.578125 0.78125 0.59375 2.40625l0 1.25zm-0.953125 -1.3125q0 -1.21875 -0.34375 -1.78125q-0.34375 -0.5625 -1.09375 -0.5625q-0.734375 0 -1.078125 0.5625q-0.328125 0.546875 -0.34375 1.703125l0 1.546875q0 1.21875 0.359375 1.8125q0.359375 0.578125 1.078125 0.578125q0.703125 0 1.046875 -0.546875q0.359375 -0.546875 0.375 -1.734375l0 -1.578125zm2.3118896 4.046875q0 -0.25 0.140625 -0.421875q0.15625 -0.171875 0.453125 -0.171875q0.296875 0 0.453125 0.171875q0.15625 0.171875 0.15625 0.421875q0 0.234375 -0.15625 0.40625q-0.15625 0.15625 -0.453125 0.15625q-0.296875 0 -0.453125 -0.15625q-0.140625 -0.171875 -0.140625 -0.40625zm6.7420654 -2.046875l1.0625 0l0 0.78125l-1.0625 0l0 1.765625l-0.96875 0l0 -1.765625l-3.4375 0l0 -0.5625l3.390625 -5.25l1.015625 0l0 5.03125zm-3.3125 0l2.34375 0l0 -3.71875l-0.109375 0.21875l-2.234375 3.5z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m228.47244 23.999763c4.53598 -1.4156399 16.90657 -6.4992523 27.21585 -8.493838c10.309296 -1.994587 22.268555 -3.538169 34.6398 -3.4736814c12.371277 0.06448841 29.897186 1.866024 39.5878 3.860611c9.690613 1.994587 15.463257 6.7557583 18.555908 8.106909" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="4.0,3.0" d="m228.47244 23.999763c4.535965 -1.4156399 16.90657 -6.4992523 27.21585 -8.493838c10.309296 -1.994587 22.268555 -3.5381699 34.6398 -3.4736805c12.371277 0.06448746 29.897186 1.866024 39.5878 3.86061c4.8453064 0.9972935 8.711121 2.6862335 11.752197 4.2947426c0.7602539 0.40212822 1.4689636 0.79922867 2.1285706 1.1792374c0.32977295 0.19000626 0.64730835 0.37573814 0.95285034 0.55569077l0.7194824 0.42551613" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m345.469 22.348042l-1.5273438 0.44334602l3.249237 0.5037956l-2.1652222 -2.4744987z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_119" role="img" aria-label="into_vec
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m273.00787 131.91489l0 29.480316l94.99213 0l0 -29.480316z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m273.00787 131.91489l94.99213 0l0 29.480316l-94.99213 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m301.8477 142.10219l37.3125 0l0 9.785202l-37.3125 0l0 -9.785202z" fill-rule="nonzero"></path><path fill="#666666" d="m302.7852 150.11505l0 -0.546875l1.09375 0l0 -3.171875l-1.046875 0l0 -0.546875l1.71875 0l0 3.71875l0.984375 0l0 0.546875l-2.75 0zm1.390625 -5.15625q-0.203125 0 -0.34375 -0.140625q-0.140625 -0.140625 -0.140625 -0.34375q0 -0.203125 0.140625 -0.34375q0.140625 -0.140625 0.34375 -0.140625q0.1875 0 0.328125 0.15625q0.15625 0.140625 0.15625 0.328125q0 0.203125 -0.15625 0.34375q-0.140625 0.140625 -0.328125 0.140625zm3.0078125 5.15625l0 -4.265625l0.65625 0l0 0.765625q0.171875 -0.265625 0.390625 -0.453125q0.21875 -0.203125 0.484375 -0.296875q0.28125 -0.109375 0.5625 -0.109375q0.359375 0 0.640625 0.171875q0.28125 0.171875 0.4375 0.5625q0.171875 0.390625 0.171875 1.046875l0 2.578125l-0.640625 0l0 -2.5625q0 -0.453125 -0.109375 -0.71875q-0.109375 -0.265625 -0.28125 -0.375q-0.171875 -0.125 -0.40625 -0.125q-0.203125 0 -0.421875 0.09375q-0.21875 0.09375 -0.40625 0.265625q-0.1875 0.171875 -0.3125 0.421875q-0.109375 0.234375 -0.109375 0.546875l0 2.453125l-0.65625 0zm6.7890625 0.0625q-0.421875 0 -0.6875 -0.140625q-0.25 -0.140625 -0.390625 -0.421875q-0.140625 -0.296875 -0.1875 -0.75q-0.03125 -0.453125 -0.015625 -1.0625l0.109375 -3.046875l0.703125 -0.078125l0.09375 -0.015625l0 0.078125q-0.046875 0.0625 -0.078125 0.125q-0.03125 0.0625 -0.046875 0.21875l-0.09375 1.0625l0.03125 0.15625l-0.0625 1.546875q-0.03125 0.703125 0.03125 1.09375q0.078125 0.390625 0.234375 0.53125q0.171875 0.140625 0.453125 0.140625q0.3125 0 0.546875 -0.109375q0.234375 -0.125 0.5 -0.3125l0.203125 0.53125q-0.3125 0.234375 -0.65625 0.34375q-0.328125 0.109375 -0.6875 0.109375l0 0zm-2.140625 -4.328125l3.0625 0l0 0.546875l-3.0625 0l0 -0.546875zm6.3359375 4.34375q-0.578125 0 -1.015625 -0.28125q-0.4375 -0.296875 -0.703125 -0.796875q-0.25 -0.5 -0.25 -1.140625q0 -0.65625 0.25 -1.140625q0.265625 -0.5 0.703125 -0.78125q0.4375 -0.296875 1.015625 -0.296875q0.578125 0 1.015625 0.296875q0.453125 0.28125 0.703125 0.78125q0.25 0.484375 0.25 1.140625q0 0.640625 -0.25 1.140625q-0.25 0.5 -0.703125 0.796875q-0.4375 0.28125 -1.015625 0.28125zm0 -0.5625q0.375 0 0.65625 -0.21875q0.28125 -0.21875 0.4375 -0.578125q0.171875 -0.375 0.171875 -0.859375q0 -0.484375 -0.171875 -0.859375q-0.15625 -0.375 -0.4375 -0.578125q-0.28125 -0.21875 -0.65625 -0.21875q-0.359375 0 -0.640625 0.21875q-0.28125 0.203125 -0.453125 0.578125q-0.15625 0.375 -0.15625 0.859375q0 0.484375 0.15625 0.859375q0.171875 0.359375 0.453125 0.578125q0.28125 0.21875 0.640625 0.21875zm2.6640625 1.234375l0 -0.578125l4.015625 0l0 0.578125l-4.015625 0zm6.3984375 -0.75l-1.6875 -4.265625l0.671875 0l1.375 3.5l-0.125 0l0.75 -1.734375q0.234375 -0.515625 0.359375 -0.953125q0.140625 -0.4375 0.203125 -0.8125l0.640625 0q-0.078125 0.390625 -0.234375 0.859375q-0.15625 0.46875 -0.390625 1.015625l-1.046875 2.390625l-0.515625 0zm5.1328125 0.09375q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625zm6.1953125 2.671875q-0.46875 0 -0.859375 -0.171875q-0.390625 -0.171875 -0.671875 -0.46875q-0.28125 -0.296875 -0.453125 -0.703125q-0.15625 -0.40625 -0.15625 -0.890625q0 -0.484375 0.15625 -0.890625q0.171875 -0.40625 0.453125 -0.703125q0.28125 -0.296875 0.671875 -0.453125q0.390625 -0.171875 0.859375 -0.171875q0.515625 0 0.921875 0.21875q0.421875 0.203125 0.6875 0.578125l-0.421875 0.40625l-0.0625 0.0625l-0.046875 -0.046875q0 -0.078125 -0.03125 -0.140625q-0.03125 -0.0625 -0.15625 -0.171875q-0.203125 -0.1875 -0.4375 -0.265625q-0.234375 -0.078125 -0.53125 -0.078125q-0.28125 0 -0.53125 0.125q-0.234375 0.109375 -0.421875 0.3125q-0.1875 0.203125 -0.296875 0.515625q-0.109375 0.296875 -0.109375 0.65625q0 0.359375 0.109375 0.671875q0.109375 0.296875 0.296875 0.53125q0.203125 0.21875 0.46875 0.34375q0.28125 0.125 0.609375 0.125q0.203125 0 0.390625 -0.0625q0.203125 -0.0625 0.375 -0.171875q0.1875 -0.125 0.34375 -0.296875l0.390625 0.46875q-0.328125 0.328125 -0.71875 0.5q-0.375 0.171875 -0.828125 0.171875l0 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m339.1602 142.10219l0 0l0 9.785202l0 0l0 -9.785202z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/primitive.slice.html%23method.into_vec&amp;sa=D&amp;source=editors&amp;ust=1719318951321362&amp;usg=AOvVaw2bmtd7VG7beLgL8u3y3MRH" target="_blank" rel="noreferrer" role="link" aria-label="into_vec" tabindex="0"><path fill="transparent" fill-opacity="0" d="m301.8477 141.15504l0 11.200012l37.3125 0l0 -11.200012z" fill-rule="nonzero"></path></a><path fill="#000000" fill-opacity="0.0" d="m375.5247 143.91489c-4.090515 1.4156494 -15.246277 6.4992523 -24.543152 8.493851c-9.296875 1.9945831 -20.081696 3.5381622 -31.238068 3.4736786c-11.156342 -0.06448364 -26.961151 -1.8660278 -35.700104 -3.860611c-8.738983 -1.9945831 -13.944702 -6.7557526 -16.733643 -8.106918" fill-rule="evenodd"></path><path stroke="#595959" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="4.0,3.0" d="m375.5247 143.91489c-4.090515 1.4156494 -15.246307 6.4992523 -24.543152 8.493851c-9.296875 1.9945831 -20.081696 3.5381622 -31.238068 3.4736786c-11.156372 -0.0644989 -26.961151 -1.8660278 -35.700134 -3.860611c-4.369446 -0.99728394 -7.8556213 -2.6862335 -10.598053 -4.294739c-0.6856079 -0.40213013 -1.3247375 -0.7992401 -1.9195557 -1.179245c-0.2973938 -0.19000244 -0.58374023 -0.37573242 -0.8592529 -0.5556793l-0.43536377 -0.2855072" fill-rule="evenodd"></path><path fill="#595959" stroke="#595959" stroke-width="1.0" stroke-linecap="butt" d="m270.2311 145.70663l1.5466003 -0.37069702l-3.2218018 -0.6567383l2.0458984 2.5740204z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_121" role="img" aria-label="Also basis of Result, Cow, etc.
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m645.8898 365.86658l0 38.992126l174.33069 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m645.8898 365.86658l174.33069 0l0 38.992126l-174.33069 0z" fill-rule="evenodd"></path><path fill="#000000" d="m659.3273 382.0922l-2.78125 0l-0.625 1.734375l-0.90625 0l2.53125 -6.625l0.765625 0l2.546875 6.625l-0.90625 0l-0.625 -1.734375zm-2.515625 -0.71875l2.25 0l-1.125 -3.09375l-1.125 3.09375zm5.710144 2.453125l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm4.216858 -1.3125q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm1.7316895 -1.203125q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm11.176086 0q0 1.125 -0.53125 1.8125q-0.515625 0.6875 -1.390625 0.6875q-0.921875 0 -1.4375 -0.65625l-0.046875 0.5625l-0.765625 0l0 -7.0l0.84375 0l0 2.609375q0.5 -0.625 1.390625 -0.625q0.90625 0 1.421875 0.6875q0.515625 0.671875 0.515625 1.84375l0 0.078125zm-0.84375 -0.09375q0 -0.859375 -0.34375 -1.328125q-0.328125 -0.46875 -0.953125 -0.46875q-0.828125 0 -1.1875 0.765625l0 2.140625q0.390625 0.765625 1.203125 0.765625q0.609375 0 0.9375 -0.46875q0.34375 -0.46875 0.34375 -1.40625zm4.9521484 2.5q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm6.2927246 -0.671875q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm2.8566895 1.3125l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm5.123108 4.921875q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm4.0409546 -1.203125q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.1011963 2.40625l0 -4.28125l-0.78125 0l0 -0.640625l0.78125 0l0 -0.515625q0 -0.78125 0.421875 -1.21875q0.4375 -0.4375 1.203125 -0.4375q0.296875 0 0.578125 0.078125l-0.046875 0.6875q-0.203125 -0.046875 -0.453125 -0.046875q-0.40625 0 -0.640625 0.25q-0.21875 0.234375 -0.21875 0.671875l0 0.53125l1.0625 0l0 0.640625l-1.0625 0l0 4.28125l-0.84375 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m711.0453 375.8137l27.984375 0l0 9.785217l-27.984375 0l0 -9.785217z" fill-rule="nonzero"></path><path fill="#0000ff" d="m711.5609 383.82657l0 -5.8125l1.71875 0q0.6875 0 1.109375 0.203125q0.4375 0.203125 0.625 0.578125q0.203125 0.375 0.203125 0.875q0 0.328125 -0.15625 0.65625q-0.140625 0.328125 -0.40625 0.578125q-0.265625 0.234375 -0.625 0.328125l1.34375 2.59375l-0.734375 0l-1.28125 -2.5625l-1.125 0l0 2.5625l-0.671875 0zm0.671875 -3.140625l1.125 0q0.625 0 0.90625 -0.265625q0.28125 -0.28125 0.28125 -0.75q0 -0.28125 -0.125 -0.515625q-0.125 -0.25 -0.390625 -0.390625q-0.25 -0.140625 -0.671875 -0.140625l-1.125 0l0 2.0625zm6.0078125 3.234375q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625zm5.8828125 2.65625q-0.359375 0 -0.6875 -0.078125q-0.3125 -0.078125 -0.59375 -0.21875q-0.28125 -0.15625 -0.53125 -0.375l0.375 -0.640625l0.046875 -0.078125l0.0625 0.03125q0.015625 0.078125 0.03125 0.15625q0.03125 0.078125 0.140625 0.1875q0.1875 0.203125 0.46875 0.328125q0.28125 0.125 0.703125 0.125q0.34375 0 0.578125 -0.078125q0.25 -0.09375 0.375 -0.234375q0.125 -0.15625 0.125 -0.359375q0 -0.140625 -0.0625 -0.25q-0.046875 -0.109375 -0.171875 -0.203125q-0.125 -0.09375 -0.328125 -0.1875q-0.203125 -0.09375 -0.5 -0.1875q-0.484375 -0.140625 -0.859375 -0.328125q-0.359375 -0.1875 -0.5625 -0.421875q-0.1875 -0.25 -0.1875 -0.578125q0 -0.328125 0.171875 -0.5625q0.1875 -0.234375 0.53125 -0.359375q0.34375 -0.140625 0.859375 -0.140625q0.296875 0 0.53125 0.046875q0.25 0.03125 0.453125 0.125q0.21875 0.078125 0.390625 0.203125q0.171875 0.125 0.328125 0.296875l-0.390625 0.453125l-0.0625 0.078125l-0.046875 -0.046875q0 -0.078125 -0.046875 -0.140625q-0.03125 -0.078125 -0.125 -0.171875q-0.21875 -0.171875 -0.484375 -0.25q-0.265625 -0.09375 -0.53125 -0.09375q-0.359375 0 -0.640625 0.140625q-0.265625 0.125 -0.265625 0.390625q0 0.140625 0.09375 0.28125q0.09375 0.125 0.359375 0.265625q0.265625 0.125 0.75 0.265625q0.53125 0.171875 0.84375 0.34375q0.328125 0.171875 0.46875 0.40625q0.15625 0.21875 0.15625 0.53125q0 0.34375 -0.203125 0.65625q-0.1875 0.3125 -0.578125 0.5q-0.390625 0.171875 -0.984375 0.171875l0 0zm4.3828125 0.015625q-0.25 0 -0.484375 -0.078125q-0.21875 -0.078125 -0.40625 -0.234375q-0.171875 -0.15625 -0.3125 -0.390625q-0.125 -0.234375 -0.203125 -0.546875q-0.0625 -0.328125 -0.0625 -0.75l0.015625 -2.375l0.65625 0l0 2.375q0 0.40625 0.0625 0.6875q0.078125 0.28125 0.203125 0.453125q0.140625 0.15625 0.3125 0.234375q0.1875 0.078125 0.390625 0.078125q0.21875 0 0.421875 -0.078125q0.203125 -0.09375 0.359375 -0.265625q0.171875 -0.1875 0.265625 -0.46875q0.09375 -0.28125 0.09375 -0.65625l0 -2.359375l0.65625 0l0 3.609375q0 0.15625 0.015625 0.328125q0.015625 0.15625 0.078125 0.328125l-0.640625 0q-0.046875 -0.109375 -0.078125 -0.21875q-0.015625 -0.109375 -0.015625 -0.21875q0 -0.109375 0 -0.21875q-0.109375 0.1875 -0.25 0.328125q-0.140625 0.125 -0.3125 0.234375q-0.171875 0.09375 -0.359375 0.140625q-0.1875 0.0625 -0.40625 0.0625zm3.3359375 -0.109375l0 -0.546875l1.265625 0l0 -5.109375l-1.203125 0l0 -0.546875l1.875 0l0 5.65625l1.25 0l0 0.546875l-3.1875 0zm6.7265625 0.0625q-0.421875 0 -0.6875 -0.140625q-0.25 -0.140625 -0.390625 -0.421875q-0.140625 -0.296875 -0.1875 -0.75q-0.03125 -0.453125 -0.015625 -1.0625l0.109375 -3.046875l0.703125 -0.078125l0.09375 -0.015625l0 0.078125q-0.046875 0.0625 -0.078125 0.125q-0.03125 0.0625 -0.046875 0.21875l-0.09375 1.0625l0.03125 0.15625l-0.0625 1.546875q-0.03125 0.703125 0.03125 1.09375q0.078125 0.390625 0.234375 0.53125q0.171875 0.140625 0.453125 0.140625q0.3125 0 0.546875 -0.109375q0.234375 -0.125 0.5 -0.3125l0.203125 0.53125q-0.3125 0.234375 -0.65625 0.34375q-0.328125 0.109375 -0.6875 0.109375l0 0zm-2.140625 -4.328125l3.0625 0l0 0.546875l-3.0625 0l0 -0.546875z" fill-rule="nonzero"></path><path fill="#000000" d="m739.63904 385.1547l-0.484375 -0.328125q0.4375 -0.609375 0.453125 -1.234375l0 -0.765625l0.828125 0l0 0.65625q0 0.46875 -0.234375 0.921875q-0.21875 0.46875 -0.5625 0.75z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m743.17 375.8137l13.9921875 0l0 9.785217l-13.9921875 0l0 -9.785217z" fill-rule="nonzero"></path><path fill="#0000ff" d="m745.82623 383.92032q-0.46875 0 -0.890625 -0.171875q-0.40625 -0.171875 -0.71875 -0.53125q-0.3125 -0.375 -0.5 -0.921875q-0.171875 -0.5625 -0.171875 -1.34375q0 -0.671875 0.125 -1.1875q0.140625 -0.515625 0.359375 -0.859375q0.234375 -0.34375 0.515625 -0.546875q0.296875 -0.203125 0.609375 -0.296875q0.3125 -0.09375 0.640625 -0.09375q0.625 0 1.078125 0.3125q0.453125 0.3125 0.671875 0.84375l-0.5625 0.25l-0.078125 0.046875l-0.03125 -0.078125q0.03125 -0.0625 0 -0.125q-0.03125 -0.0625 -0.109375 -0.1875q-0.21875 -0.328125 -0.46875 -0.421875q-0.25 -0.109375 -0.515625 -0.109375q-0.375 0 -0.671875 0.15625q-0.28125 0.15625 -0.5 0.46875q-0.203125 0.3125 -0.3125 0.765625q-0.109375 0.453125 -0.109375 1.015625q0 0.546875 0.125 1.0q0.125 0.453125 0.34375 0.78125q0.21875 0.3125 0.515625 0.5q0.296875 0.171875 0.625 0.171875q0.234375 0 0.453125 -0.078125q0.21875 -0.09375 0.40625 -0.25q0.1875 -0.15625 0.328125 -0.375l0.484375 0.3125q-0.28125 0.46875 -0.671875 0.71875q-0.390625 0.234375 -0.96875 0.234375l0 0zm4.3359375 -0.015625q-0.578125 0 -1.015625 -0.28125q-0.4375 -0.296875 -0.703125 -0.796875q-0.25 -0.5 -0.25 -1.140625q0 -0.65625 0.25 -1.140625q0.265625 -0.5 0.703125 -0.78125q0.4375 -0.296875 1.015625 -0.296875q0.578125 0 1.015625 0.296875q0.453125 0.28125 0.703125 0.78125q0.25 0.484375 0.25 1.140625q0 0.640625 -0.25 1.140625q-0.25 0.5 -0.703125 0.796875q-0.4375 0.28125 -1.015625 0.28125zm0 -0.5625q0.375 0 0.65625 -0.21875q0.28125 -0.21875 0.4375 -0.578125q0.171875 -0.375 0.171875 -0.859375q0 -0.484375 -0.171875 -0.859375q-0.15625 -0.375 -0.4375 -0.578125q-0.28125 -0.21875 -0.65625 -0.21875q-0.359375 0 -0.640625 0.21875q-0.28125 0.203125 -0.453125 0.578125q-0.15625 0.375 -0.15625 0.859375q0 0.484375 0.15625 0.859375q0.171875 0.359375 0.453125 0.578125q0.28125 0.21875 0.640625 0.21875zm3.3359375 0.5l-0.84375 -4.28125l0.578125 0l0.6875 3.421875l0.734375 -3.015625l0.40625 0l0.90625 3.015625q0.125 -0.828125 0.203125 -1.359375q0.078125 -0.546875 0.109375 -0.875q0.046875 -0.34375 0.0625 -0.578125q0.015625 -0.234375 0.015625 -0.46875l0 -0.140625l0.625 0q-0.09375 0.71875 -0.203125 1.4375q-0.109375 0.703125 -0.234375 1.421875q-0.125 0.703125 -0.265625 1.421875l-0.640625 0l-0.78125 -2.765625l-0.75 2.765625l-0.609375 0z" fill-rule="nonzero"></path><path fill="#000000" d="m757.77155 385.1547l-0.484375 -0.328125q0.4375 -0.609375 0.453125 -1.234375l0 -0.765625l0.828125 0l0 0.65625q0 0.46875 -0.234375 0.921875q-0.21875 0.46875 -0.5625 0.75zm6.218384 -1.234375q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm4.1450195 -1.796875l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm3.8752441 5.53125q0.453125 0 0.78125 -0.265625q0.34375 -0.28125 0.390625 -0.6875l0.796875 0q-0.03125 0.421875 -0.296875 0.8125q-0.265625 0.375 -0.71875 0.609375q-0.453125 0.21875 -0.953125 0.21875q-1.0 0 -1.59375 -0.671875q-0.59375 -0.671875 -0.59375 -1.84375l0 -0.140625q0 -0.71875 0.265625 -1.28125q0.265625 -0.5625 0.75 -0.859375q0.5 -0.3125 1.171875 -0.3125q0.828125 0 1.375 0.5q0.546875 0.484375 0.59375 1.28125l-0.796875 0q-0.046875 -0.484375 -0.375 -0.78125q-0.3125 -0.3125 -0.796875 -0.3125q-0.640625 0 -1.0 0.46875q-0.34375 0.453125 -0.34375 1.328125l0 0.15625q0 0.859375 0.34375 1.328125q0.359375 0.453125 1.0 0.453125zm2.9295654 0.15625q0 -0.21875 0.125 -0.359375q0.140625 -0.15625 0.390625 -0.15625q0.265625 0 0.390625 0.15625q0.140625 0.140625 0.140625 0.359375q0 0.203125 -0.140625 0.34375q-0.125 0.140625 -0.390625 0.140625q-0.25 0 -0.390625 -0.140625q-0.125 -0.140625 -0.125 -0.34375z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/result/enum.Result.html&amp;sa=D&amp;source=editors&amp;ust=1719318951323124&amp;usg=AOvVaw0QUYOK2nflq556o89EHpkf" target="_blank" rel="noreferrer" role="link" aria-label="Result" tabindex="0"><path fill="transparent" fill-opacity="0" d="m711.0453 374.86658l0 11.199982l27.984375 0l0 -11.199982z" fill-rule="nonzero"></path></a><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/borrow/enum.Cow.html&amp;sa=D&amp;source=editors&amp;ust=1719318951323247&amp;usg=AOvVaw3YF_pSQYYEBYhj9z7PDW1g" target="_blank" rel="noreferrer" role="link" aria-label="Cow" tabindex="0"><path fill="transparent" fill-opacity="0" d="m743.17 374.86658l0 11.199982l13.9921875 0l0 -11.199982z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_124" role="img" aria-label="where T: Sized
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m40.0 104.13798l0 30.992134l120.0 0l0 -30.992134z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m40.0 104.13798l120.0 0l0 30.992134l-120.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m54.0 120.94173l0.953125 -3.765625l0.84375 0l-1.4375 4.921875l-0.6875 0l-1.203125 -3.734375l-1.15625 3.734375l-0.6875 0l-1.421875 -4.921875l0.828125 0l0.96875 3.6875l1.15625 -3.6875l0.671875 0l1.171875 3.765625zm3.4941406 -3.171875q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm6.3408813 4.421875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm5.37941 0.15625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm2.7417297 4.265625q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375z" fill-rule="nonzero"></path><path fill="#000000" d="m78.34796 122.09798l0 -5.234375l-1.640625 0l0 -0.59375l4.015625 0l0 0.59375l-1.703125 0l0 5.234375l-0.671875 0zm4.9453125 -2.875q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.15625 -0.15625 -0.375q0 -0.21875 0.15625 -0.375q0.171875 -0.171875 0.390625 -0.171875q0.21875 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.375q-0.171875 0.15625 -0.390625 0.15625zm0 2.984375q-0.234375 0 -0.390625 -0.15625q-0.15625 -0.15625 -0.15625 -0.375q0 -0.234375 0.15625 -0.390625q0.171875 -0.15625 0.390625 -0.15625q0.21875 0 0.390625 0.15625q0.171875 0.15625 0.171875 0.390625q0 0.203125 -0.171875 0.375q-0.15625 0.15625 -0.390625 0.15625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m90.40265 114.08512l23.320312 0l0 9.785202l-23.320312 0l0 -9.785202z" fill-rule="nonzero"></path><path fill="#0000ff" d="m92.699524 122.19173q-0.5625 0 -1.015625 -0.1875q-0.453125 -0.1875 -0.796875 -0.546875l0.34375 -0.59375l0.03125 -0.078125l0.0625 0.03125q0.015625 0.0625 0.046875 0.15625q0.03125 0.078125 0.125 0.1875q0.25 0.203125 0.5625 0.328125q0.328125 0.109375 0.734375 0.109375q0.265625 0 0.484375 -0.078125q0.21875 -0.078125 0.375 -0.203125q0.171875 -0.140625 0.25 -0.3125q0.09375 -0.1875 0.09375 -0.40625q0 -0.15625 -0.03125 -0.28125q-0.03125 -0.125 -0.125 -0.234375q-0.078125 -0.109375 -0.234375 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.125 -0.5625 -0.265625q-0.609375 -0.234375 -0.96875 -0.5q-0.34375 -0.28125 -0.484375 -0.59375q-0.140625 -0.3125 -0.140625 -0.640625q0 -0.421875 0.203125 -0.734375q0.21875 -0.328125 0.609375 -0.515625q0.40625 -0.1875 0.953125 -0.1875q0.328125 0 0.609375 0.09375q0.296875 0.09375 0.546875 0.25q0.265625 0.15625 0.46875 0.390625l-0.375 0.484375l-0.046875 0.078125l-0.0625 -0.046875q0 -0.0625 -0.03125 -0.140625q-0.03125 -0.078125 -0.125 -0.1875q-0.234375 -0.21875 -0.484375 -0.296875q-0.25 -0.078125 -0.59375 -0.078125q-0.234375 0 -0.421875 0.0625q-0.171875 0.0625 -0.3125 0.1875q-0.125 0.125 -0.203125 0.28125q-0.0625 0.140625 -0.0625 0.3125q0 0.15625 0.03125 0.296875q0.046875 0.125 0.140625 0.25q0.09375 0.125 0.25 0.25q0.171875 0.109375 0.40625 0.234375q0.25 0.125 0.609375 0.265625q0.421875 0.171875 0.703125 0.34375q0.296875 0.171875 0.453125 0.375q0.171875 0.1875 0.234375 0.40625q0.078125 0.21875 0.078125 0.5q0 0.390625 -0.203125 0.78125q-0.203125 0.390625 -0.640625 0.640625q-0.421875 0.25 -1.109375 0.25l0 0zm3.3046875 -0.09375l0 -0.546875l1.09375 0l0 -3.171875l-1.046875 0l0 -0.546875l1.71875 0l0 3.71875l0.984375 0l0 0.546875l-2.75 0zm1.390625 -5.15625q-0.203125 0 -0.34375 -0.140625q-0.140625 -0.140625 -0.140625 -0.34375q0 -0.203125 0.140625 -0.34375q0.140625 -0.140625 0.34375 -0.140625q0.1875 0 0.328125 0.15625q0.15625 0.140625 0.15625 0.328125q0 0.203125 -0.15625 0.34375q-0.140625 0.140625 -0.328125 0.140625zm2.8046875 4.703125l2.640625 -3.21875l-2.453125 0l0 -0.59375l3.3125 0l0 0.453125l-2.59375 3.234375l2.40625 0q0.171875 0 0.234375 -0.015625q0.0625 -0.015625 0.109375 -0.078125l0.078125 0l0 0.09375l0 0.578125l-3.734375 0l0 -0.453125zm6.7265625 0.546875q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625zm5.7265625 2.65625q-0.328125 0 -0.640625 -0.140625q-0.3125 -0.140625 -0.578125 -0.421875q-0.25 -0.28125 -0.40625 -0.703125q-0.140625 -0.4375 -0.140625 -1.0q0 -0.59375 0.15625 -1.0q0.15625 -0.421875 0.421875 -0.6875q0.265625 -0.265625 0.578125 -0.390625q0.3125 -0.125 0.640625 -0.125q0.296875 0 0.53125 0.09375q0.25 0.09375 0.421875 0.265625q0.1875 0.15625 0.28125 0.375l0 -2.5625l0.625 0l0.09375 0l0 0.0625q-0.0625 0.0625 -0.078125 0.125q-0.015625 0.0625 -0.015625 0.21875l0.015625 5.140625q0 0.15625 0.015625 0.328125q0.015625 0.15625 0.078125 0.328125l-0.65625 0q-0.046875 -0.109375 -0.078125 -0.21875q-0.015625 -0.109375 -0.015625 -0.21875q0 -0.109375 0 -0.21875q-0.140625 0.21875 -0.328125 0.390625q-0.1875 0.171875 -0.421875 0.265625q-0.21875 0.09375 -0.5 0.09375l0 0zm0.09375 -0.59375q0.3125 0 0.515625 -0.125q0.21875 -0.125 0.34375 -0.34375q0.140625 -0.234375 0.203125 -0.53125q0.0625 -0.3125 0.0625 -0.65625q0 -0.46875 -0.125 -0.84375q-0.125 -0.390625 -0.390625 -0.609375q-0.25 -0.21875 -0.65625 -0.21875q-0.28125 0 -0.5 0.109375q-0.21875 0.109375 -0.375 0.3125q-0.140625 0.203125 -0.21875 0.5q-0.0625 0.28125 -0.0625 0.625q0 0.53125 0.140625 0.9375q0.140625 0.40625 0.40625 0.625q0.265625 0.21875 0.65625 0.21875l0 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m113.72296 114.08512l0 0l0 9.785202l0 0l0 -9.785202z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/beta/core/marker/trait.Sized.html&amp;sa=D&amp;source=editors&amp;ust=1719318951324323&amp;usg=AOvVaw39CnuMQXJqh-kGiWEyM4av" target="_blank" rel="noreferrer" role="link" aria-label="Sized" tabindex="0"><path fill="transparent" fill-opacity="0" d="m90.40265 113.13798l0 11.200005l23.320312 0l0 -11.200005z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_129" role="img" aria-label="heap allocation,
+	implies ownership
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m843.51184 210.01575l0 38.992126l108.22046 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m843.51184 210.01575l108.22046 0l0 38.992126l-108.22046 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m852.51184 219.36958l23.289734 0l0 12.487793l-23.289734 0l0 -12.487793z" fill-rule="nonzero"></path><path fill="#0000ff" d="m854.19934 224.30263q0.640625 -0.78125 1.671875 -0.78125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -8.0l0.953125 0l0 3.046875zm7.2442627 5.0625q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.911133 4.9375q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm8.671387 -2.015625q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625z" fill-rule="nonzero"></path><path fill="#000000" d="m882.6427 229.25575q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm4.9683228 0.734375l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm2.5859985 0l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm1.2734985 -2.859375q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm7.6242676 2.0625q0.515625 0 0.890625 -0.3125q0.390625 -0.3125 0.4375 -0.78125l0.90625 0q-0.015625 0.484375 -0.328125 0.921875q-0.3125 0.4375 -0.828125 0.703125q-0.5 0.265625 -1.078125 0.265625q-1.140625 0 -1.828125 -0.765625q-0.671875 -0.78125 -0.671875 -2.109375l0 -0.15625q0 -0.828125 0.296875 -1.46875q0.296875 -0.640625 0.859375 -0.984375q0.578125 -0.359375 1.34375 -0.359375q0.9375 0 1.5625 0.578125q0.640625 0.5625 0.671875 1.46875l-0.90625 0q-0.046875 -0.546875 -0.421875 -0.890625q-0.359375 -0.359375 -0.90625 -0.359375q-0.734375 0 -1.140625 0.53125q-0.40625 0.515625 -0.40625 1.515625l0 0.1875q0 0.96875 0.40625 1.5q0.40625 0.515625 1.140625 0.515625zm6.796631 0.6875q-0.078125 -0.171875 -0.140625 -0.59375q-0.671875 0.703125 -1.59375 0.703125q-0.828125 0 -1.375 -0.46875q-0.53125 -0.484375 -0.53125 -1.203125q0 -0.875 0.671875 -1.359375q0.671875 -0.484375 1.875 -0.484375l0.9375 0l0 -0.453125q0 -0.5 -0.296875 -0.796875q-0.296875 -0.296875 -0.890625 -0.296875q-0.515625 0 -0.859375 0.265625q-0.34375 0.25 -0.34375 0.625l-0.96875 0q0 -0.421875 0.296875 -0.8125q0.296875 -0.40625 0.8125 -0.625q0.515625 -0.234375 1.125 -0.234375q0.96875 0 1.515625 0.484375q0.5625 0.484375 0.578125 1.34375l0 2.59375q0 0.765625 0.203125 1.234375l0 0.078125l-1.015625 0zm-1.59375 -0.734375q0.453125 0 0.859375 -0.234375q0.40625 -0.234375 0.578125 -0.609375l0 -1.15625l-0.75 0q-1.765625 0 -1.765625 1.03125q0 0.453125 0.296875 0.71875q0.3125 0.25 0.78125 0.25zm5.2183228 -6.265625l0 1.375l1.046875 0l0 0.734375l-1.046875 0l0 3.5q0 0.328125 0.140625 0.5q0.140625 0.171875 0.484375 0.171875q0.15625 0 0.453125 -0.0625l0 0.78125q-0.375 0.109375 -0.734375 0.109375q-0.640625 0 -0.96875 -0.390625q-0.328125 -0.390625 -0.328125 -1.109375l0 -3.5l-1.03125 0l0 -0.734375l1.03125 0l0 -1.375l0.953125 0zm3.230957 7.0l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm2.3203735 4.265625q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm6.2805176 -2.875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm4.9421997 7.140625l-0.546875 -0.375q0.484375 -0.6875 0.5 -1.40625l0 -0.875l0.953125 0l0 0.75q0 0.53125 -0.265625 1.046875q-0.25 0.53125 -0.640625 0.859375z" fill-rule="nonzero"></path><path fill="#000000" d="m854.2931 242.25575l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm3.4922485 1.5l0.015625 0.625q0.625 -0.734375 1.671875 -0.734375q1.1875 0 1.609375 0.90625q0.28125 -0.40625 0.734375 -0.65625q0.453125 -0.25 1.0625 -0.25q1.84375 0 1.875 1.96875l0 3.765625l-0.953125 0l0 -3.71875q0 -0.59375 -0.28125 -0.890625q-0.265625 -0.3125 -0.921875 -0.3125q-0.53125 0 -0.890625 0.328125q-0.359375 0.3125 -0.40625 0.859375l0 3.734375l-0.96875 0l0 -3.6875q0 -1.234375 -1.203125 -1.234375q-0.953125 0 -1.296875 0.8125l0 4.109375l-0.96875 0l0 -5.625l0.921875 0zm13.183594 2.875q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625zm3.2441406 2.859375l-0.96875 0l0 -8.0l0.96875 0l0 8.0zm2.5859985 0l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm4.9141235 7.234375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.708069 3.4375q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm4.6013794 -1.359375q0 -0.828125 0.328125 -1.484375q0.328125 -0.671875 0.90625 -1.03125q0.578125 -0.359375 1.328125 -0.359375q1.140625 0 1.84375 0.796875q0.71875 0.796875 0.71875 2.125l0 0.0625q0 0.8125 -0.3125 1.46875q-0.3125 0.65625 -0.90625 1.03125q-0.578125 0.359375 -1.34375 0.359375q-1.140625 0 -1.859375 -0.796875q-0.703125 -0.796875 -0.703125 -2.109375l0 -0.0625zm0.96875 0.109375q0 0.9375 0.4375 1.5q0.4375 0.5625 1.15625 0.5625q0.734375 0 1.171875 -0.5625q0.4375 -0.578125 0.4375 -1.609375q0 -0.9375 -0.453125 -1.5q-0.4375 -0.578125 -1.15625 -0.578125q-0.71875 0 -1.15625 0.5625q-0.4375 0.5625 -0.4375 1.625zm10.358643 1.421875l1.078125 -4.296875l0.96875 0l-1.640625 5.625l-0.78125 0l-1.375 -4.265625l-1.328125 4.265625l-0.78125 0l-1.640625 -5.625l0.96875 0l1.109375 4.203125l1.296875 -4.203125l0.78125 0l1.34375 4.296875zm3.9296875 -4.296875l0.03125 0.703125q0.640625 -0.8125 1.6875 -0.8125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -5.625l0.90625 0zm7.3015747 5.734375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.161133 0.171875q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm4.15271 3.265625q0 -0.390625 -0.296875 -0.59375q-0.28125 -0.21875 -1.015625 -0.375q-0.734375 -0.15625 -1.171875 -0.375q-0.421875 -0.21875 -0.625 -0.515625q-0.203125 -0.3125 -0.203125 -0.71875q0 -0.703125 0.578125 -1.171875q0.59375 -0.484375 1.5 -0.484375q0.953125 0 1.546875 0.5q0.609375 0.484375 0.609375 1.265625l-0.96875 0q0 -0.40625 -0.34375 -0.6875q-0.328125 -0.28125 -0.84375 -0.28125q-0.515625 0 -0.8125 0.234375q-0.296875 0.21875 -0.296875 0.59375q0 0.34375 0.265625 0.53125q0.28125 0.171875 1.0 0.328125q0.71875 0.15625 1.15625 0.390625q0.453125 0.21875 0.671875 0.53125q0.21875 0.3125 0.21875 0.765625q0 0.75 -0.609375 1.21875q-0.59375 0.453125 -1.5625 0.453125q-0.671875 0 -1.203125 -0.234375q-0.515625 -0.25 -0.8125 -0.671875q-0.28125 -0.4375 -0.28125 -0.9375l0.953125 0q0.03125 0.484375 0.390625 0.765625q0.359375 0.28125 0.953125 0.28125q0.546875 0 0.875 -0.21875q0.328125 -0.21875 0.328125 -0.59375zm3.182129 -3.453125q0.640625 -0.78125 1.671875 -0.78125q1.78125 0 1.796875 2.015625l0 3.71875l-0.96875 0l0 -3.71875q0 -0.609375 -0.28125 -0.90625q-0.265625 -0.296875 -0.84375 -0.296875q-0.46875 0 -0.828125 0.25q-0.34375 0.25 -0.546875 0.65625l0 4.015625l-0.953125 0l0 -8.0l0.953125 0l0 3.046875zm5.9630127 4.953125l-0.96875 0l0 -5.625l0.96875 0l0 5.625zm-1.046875 -7.125q0 -0.234375 0.140625 -0.390625q0.140625 -0.171875 0.421875 -0.171875q0.28125 0 0.421875 0.171875q0.15625 0.15625 0.15625 0.390625q0 0.234375 -0.15625 0.390625q-0.140625 0.15625 -0.421875 0.15625q-0.28125 0 -0.421875 -0.15625q-0.140625 -0.15625 -0.140625 -0.390625zm7.3359985 4.375q0 1.28125 -0.59375 2.078125q-0.578125 0.78125 -1.59375 0.78125q-1.015625 0 -1.609375 -0.65625l0 2.71875l-0.953125 0l0 -7.796875l0.875 0l0.046875 0.625q0.59375 -0.734375 1.625 -0.734375q1.015625 0 1.609375 0.765625q0.59375 0.765625 0.59375 2.125l0 0.09375zm-0.96875 -0.109375q0 -0.953125 -0.40625 -1.5q-0.40625 -0.5625 -1.109375 -0.5625q-0.875 0 -1.3125 0.78125l0 2.6875q0.4375 0.765625 1.328125 0.765625q0.6875 0 1.09375 -0.546875q0.40625 -0.546875 0.40625 -1.625z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/book/ch15-01-box.html&amp;sa=D&amp;source=editors&amp;ust=1719318951325638&amp;usg=AOvVaw3qRvNGZXb6_qXq9l9fXONb" target="_blank" rel="noreferrer" role="link" aria-label="heap" tabindex="0"><path fill="transparent" fill-opacity="0" d="m852.51184 219.01575l0 12.800003l23.289734 0l0 -12.800003z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_130" role="img" aria-label="where T: Sized
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m53.91809 235.99426l0 30.992126l120.0 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m53.91809 235.99426l120.0 0l0 30.992126l-120.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m67.91809 252.79802l0.953125 -3.765625l0.84375 0l-1.4375 4.921875l-0.6875 0l-1.203125 -3.734375l-1.15625 3.734375l-0.6875 0l-1.421875 -4.921875l0.828125 0l0.96875 3.6875l1.15625 -3.6875l0.671875 0l1.171875 3.765625zm3.4941406 -3.171875q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm6.3408813 4.421875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm5.37941 0.15625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm2.7417297 4.265625q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375z" fill-rule="nonzero"></path><path fill="#000000" d="m92.26605 253.95427l0 -5.234375l-1.640625 0l0 -0.59375l4.015625 0l0 0.59375l-1.703125 0l0 5.234375l-0.671875 0zm4.9453125 -2.875q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.15625 -0.15625 -0.375q0 -0.21875 0.15625 -0.375q0.171875 -0.171875 0.390625 -0.171875q0.21875 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.375q-0.171875 0.15625 -0.390625 0.15625zm0 2.984375q-0.234375 0 -0.390625 -0.15625q-0.15625 -0.15625 -0.15625 -0.375q0 -0.234375 0.15625 -0.390625q0.171875 -0.15625 0.390625 -0.15625q0.21875 0 0.390625 0.15625q0.171875 0.15625 0.171875 0.390625q0 0.203125 -0.171875 0.375q-0.15625 0.15625 -0.390625 0.15625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m104.32074 245.9414l23.320312 0l0 9.785202l-23.320312 0l0 -9.785202z" fill-rule="nonzero"></path><path fill="#0000ff" d="m106.617615 254.04802q-0.5625 0 -1.015625 -0.1875q-0.453125 -0.1875 -0.796875 -0.546875l0.34375 -0.59375l0.03125 -0.078125l0.0625 0.03125q0.015625 0.0625 0.046875 0.15625q0.03125 0.078125 0.125 0.1875q0.25 0.203125 0.5625 0.328125q0.328125 0.109375 0.734375 0.109375q0.265625 0 0.484375 -0.078125q0.21875 -0.078125 0.375 -0.203125q0.171875 -0.140625 0.25 -0.3125q0.09375 -0.1875 0.09375 -0.40625q0 -0.15625 -0.03125 -0.28125q-0.03125 -0.125 -0.125 -0.234375q-0.078125 -0.109375 -0.234375 -0.21875q-0.140625 -0.109375 -0.375 -0.21875q-0.234375 -0.125 -0.5625 -0.265625q-0.609375 -0.234375 -0.96875 -0.5q-0.34375 -0.28125 -0.484375 -0.59375q-0.140625 -0.3125 -0.140625 -0.640625q0 -0.421875 0.203125 -0.734375q0.21875 -0.328125 0.609375 -0.515625q0.40625 -0.1875 0.953125 -0.1875q0.328125 0 0.609375 0.09375q0.296875 0.09375 0.546875 0.25q0.265625 0.15625 0.46875 0.390625l-0.375 0.484375l-0.046875 0.078125l-0.0625 -0.046875q0 -0.0625 -0.03125 -0.140625q-0.03125 -0.078125 -0.125 -0.1875q-0.234375 -0.21875 -0.484375 -0.296875q-0.25 -0.078125 -0.59375 -0.078125q-0.234375 0 -0.421875 0.0625q-0.171875 0.0625 -0.3125 0.1875q-0.125 0.125 -0.203125 0.28125q-0.0625 0.140625 -0.0625 0.3125q0 0.15625 0.03125 0.296875q0.046875 0.125 0.140625 0.25q0.09375 0.125 0.25 0.25q0.171875 0.109375 0.40625 0.234375q0.25 0.125 0.609375 0.265625q0.421875 0.171875 0.703125 0.34375q0.296875 0.171875 0.453125 0.375q0.171875 0.1875 0.234375 0.40625q0.078125 0.21875 0.078125 0.5q0 0.390625 -0.203125 0.78125q-0.203125 0.390625 -0.640625 0.640625q-0.421875 0.25 -1.109375 0.25l0 0zm3.3046875 -0.09375l0 -0.546875l1.09375 0l0 -3.171875l-1.046875 0l0 -0.546875l1.71875 0l0 3.71875l0.984375 0l0 0.546875l-2.75 0zm1.390625 -5.15625q-0.203125 0 -0.34375 -0.140625q-0.140625 -0.140625 -0.140625 -0.34375q0 -0.203125 0.140625 -0.34375q0.140625 -0.140625 0.34375 -0.140625q0.1875 0 0.328125 0.15625q0.15625 0.140625 0.15625 0.328125q0 0.203125 -0.15625 0.34375q-0.140625 0.140625 -0.328125 0.140625zm2.8046875 4.703125l2.640625 -3.21875l-2.453125 0l0 -0.59375l3.3125 0l0 0.453125l-2.59375 3.234375l2.40625 0q0.171875 0 0.234375 -0.015625q0.0625 -0.015625 0.109375 -0.078125l0.078125 0l0 0.09375l0 0.578125l-3.734375 0l0 -0.453125zm6.7265625 0.546875q-0.453125 0 -0.84375 -0.140625q-0.375 -0.15625 -0.65625 -0.421875q-0.28125 -0.28125 -0.4375 -0.6875q-0.140625 -0.421875 -0.140625 -0.96875q0 -0.53125 0.15625 -0.953125q0.15625 -0.421875 0.421875 -0.703125q0.265625 -0.28125 0.625 -0.421875q0.359375 -0.15625 0.765625 -0.15625q0.359375 0 0.671875 0.125q0.328125 0.109375 0.546875 0.359375q0.234375 0.25 0.375 0.640625q0.140625 0.375 0.140625 0.890625q0 0.078125 -0.015625 0.15625q0 0.078125 -0.015625 0.15625l-3.03125 0q0.03125 0.40625 0.140625 0.71875q0.125 0.296875 0.3125 0.484375q0.203125 0.1875 0.453125 0.28125q0.265625 0.09375 0.5625 0.09375q0.21875 0 0.40625 -0.046875q0.203125 -0.046875 0.375 -0.15625q0.171875 -0.109375 0.3125 -0.265625l0.375 0.359375q-0.171875 0.21875 -0.40625 0.375q-0.234375 0.140625 -0.5 0.203125q-0.265625 0.078125 -0.59375 0.078125zm-1.40625 -2.65625l2.34375 0q0 -0.296875 -0.078125 -0.53125q-0.078125 -0.234375 -0.234375 -0.40625q-0.140625 -0.171875 -0.34375 -0.265625q-0.1875 -0.09375 -0.4375 -0.09375q-0.234375 0 -0.4375 0.078125q-0.1875 0.078125 -0.359375 0.25q-0.171875 0.15625 -0.296875 0.40625q-0.109375 0.234375 -0.15625 0.5625zm5.7265625 2.65625q-0.328125 0 -0.640625 -0.140625q-0.3125 -0.140625 -0.578125 -0.421875q-0.25 -0.28125 -0.40625 -0.703125q-0.140625 -0.4375 -0.140625 -1.0q0 -0.59375 0.15625 -1.0q0.15625 -0.421875 0.421875 -0.6875q0.265625 -0.265625 0.578125 -0.390625q0.3125 -0.125 0.640625 -0.125q0.296875 0 0.53125 0.09375q0.25 0.09375 0.421875 0.265625q0.1875 0.15625 0.28125 0.375l0 -2.5625l0.625 0l0.09375 0l0 0.0625q-0.0625 0.0625 -0.078125 0.125q-0.015625 0.0625 -0.015625 0.21875l0.015625 5.140625q0 0.15625 0.015625 0.328125q0.015625 0.15625 0.078125 0.328125l-0.65625 0q-0.046875 -0.109375 -0.078125 -0.21875q-0.015625 -0.109375 -0.015625 -0.21875q0 -0.109375 0 -0.21875q-0.140625 0.21875 -0.328125 0.390625q-0.1875 0.171875 -0.421875 0.265625q-0.21875 0.09375 -0.5 0.09375l0 0zm0.09375 -0.59375q0.3125 0 0.515625 -0.125q0.21875 -0.125 0.34375 -0.34375q0.140625 -0.234375 0.203125 -0.53125q0.0625 -0.3125 0.0625 -0.65625q0 -0.46875 -0.125 -0.84375q-0.125 -0.390625 -0.390625 -0.609375q-0.25 -0.21875 -0.65625 -0.21875q-0.28125 0 -0.5 0.109375q-0.21875 0.109375 -0.375 0.3125q-0.140625 0.203125 -0.21875 0.5q-0.0625 0.28125 -0.0625 0.625q0 0.53125 0.140625 0.9375q0.140625 0.40625 0.40625 0.625q0.265625 0.21875 0.65625 0.21875l0 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m127.64105 245.9414l0 0l0 9.785202l0 0l0 -9.785202z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/beta/core/marker/trait.Sized.html&amp;sa=D&amp;source=editors&amp;ust=1719318951326534&amp;usg=AOvVaw3Lz9cVkWOpg6asa-pvlkyR" target="_blank" rel="noreferrer" role="link" aria-label="Sized" tabindex="0"><path fill="transparent" fill-opacity="0" d="m104.32074 244.99426l0 11.200012l23.320312 0l0 -11.200012z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_131" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m697.8084 422.99213l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m697.8084 422.99213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m697.8084 422.99213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m733.36304 434.73212l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_132" role="img" aria-label="T
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m794.37964 422.99213l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m794.37964 422.99213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m794.37964 422.99213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m829.9343 434.73212l0 -5.984375l-1.890625 0l0 -0.671875l4.609375 0l0 0.671875l-1.96875 0l0 5.984375l-0.75 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_133" role="img" aria-label="Consider using parking_lot, which doesn’t allocate the raw mutex
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m439.91208 371.20016l0 38.992126l177.98422 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m439.91208 371.20016l177.98422 0l0 38.992126l-177.98422 0z" fill-rule="evenodd"></path><path fill="#000000" d="m454.5527 387.05078q-0.109375 1.0625 -0.765625 1.640625q-0.65625 0.5625 -1.734375 0.5625q-1.1875 0 -1.890625 -0.84375q-0.703125 -0.84375 -0.703125 -2.25l0 -0.640625q0 -0.921875 0.328125 -1.625q0.328125 -0.703125 0.921875 -1.078125q0.609375 -0.375 1.421875 -0.375q1.046875 0 1.6875 0.59375q0.640625 0.578125 0.734375 1.625l-0.875 0q-0.109375 -0.796875 -0.5 -1.140625q-0.375 -0.359375 -1.046875 -0.359375q-0.84375 0 -1.328125 0.625q-0.46875 0.609375 -0.46875 1.75l0 0.640625q0 1.078125 0.453125 1.71875q0.453125 0.640625 1.265625 0.640625q0.71875 0 1.109375 -0.328125q0.390625 -0.328125 0.515625 -1.15625l0.875 0zm0.85272217 -0.40625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.4918213 -2.515625l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm7.209381 3.609375q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm2.8566895 1.3125l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm2.0605774 3.734375q0 -1.140625 0.53125 -1.828125q0.53125 -0.6875 1.40625 -0.6875q0.875 0 1.375 0.59375l0 -2.578125l0.84375 0l0 7.0l-0.78125 0l-0.03125 -0.53125q-0.515625 0.625 -1.40625 0.625q-0.859375 0 -1.40625 -0.703125q-0.53125 -0.703125 -0.53125 -1.828125l0 -0.0625zm0.84375 0.09375q0 0.828125 0.34375 1.3125q0.34375 0.46875 0.953125 0.46875q0.796875 0 1.171875 -0.71875l0 -2.265625q-0.375 -0.6875 -1.15625 -0.6875q-0.625 0 -0.96875 0.484375q-0.34375 0.46875 -0.34375 1.40625zm6.666992 2.5q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm5.379425 0.15625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm6.1375732 3.6875q-0.5 0.578125 -1.453125 0.578125q-0.78125 0 -1.203125 -0.453125q-0.40625 -0.46875 -0.40625 -1.359375l0 -3.203125l0.84375 0l0 3.171875q0 1.125 0.90625 1.125q0.96875 0 1.28125 -0.71875l0 -3.578125l0.84375 0l0 4.921875l-0.796875 0l-0.015625 -0.484375zm4.954834 -0.828125q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm2.8566895 1.3125l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm3.0605774 1.3125l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm4.146881 2.421875q0 -1.15625 0.53125 -1.828125q0.53125 -0.6875 1.40625 -0.6875q0.90625 0 1.421875 0.640625l0.03125 -0.546875l0.765625 0l0 4.796875q0 0.96875 -0.5625 1.515625q-0.5625 0.546875 -1.515625 0.546875q-0.53125 0 -1.046875 -0.234375q-0.515625 -0.21875 -0.78125 -0.609375l0.4375 -0.515625q0.546875 0.671875 1.328125 0.671875q0.609375 0 0.953125 -0.34375q0.34375 -0.34375 0.34375 -0.96875l0 -0.421875q-0.5 0.578125 -1.375 0.578125q-0.875 0 -1.40625 -0.6875q-0.53125 -0.703125 -0.53125 -1.90625zm0.84375 0.09375q0 0.828125 0.34375 1.3125q0.34375 0.46875 0.953125 0.46875q0.796875 0 1.171875 -0.71875l0 -2.25q-0.390625 -0.703125 -1.15625 -0.703125q-0.609375 0 -0.96875 0.484375q-0.34375 0.46875 -0.34375 1.40625z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m513.09766 380.50613l45.67505 0l0 10.9313965l-45.67505 0l0 -10.9313965z" fill-rule="nonzero"></path><path fill="#0000ff" d="m517.89453 386.7539q0 1.125 -0.515625 1.8125q-0.515625 0.6875 -1.390625 0.6875q-0.890625 0 -1.40625 -0.578125l0 2.375l-0.84375 0l0 -6.8125l0.765625 0l0.046875 0.546875q0.515625 -0.640625 1.421875 -0.640625q0.890625 0 1.40625 0.671875q0.515625 0.65625 0.515625 1.859375l0 0.078125zm-0.84375 -0.09375q0 -0.84375 -0.359375 -1.3125q-0.34375 -0.484375 -0.96875 -0.484375q-0.765625 0 -1.140625 0.671875l0 2.359375q0.375 0.671875 1.15625 0.671875q0.609375 0 0.953125 -0.484375q0.359375 -0.484375 0.359375 -1.421875zm4.9677734 2.5q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm5.8084106 -3.53125q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm2.156433 1.890625l-0.53125 0.546875l0 1.734375l-0.84375 0l0 -7.0l0.84375 0l0 4.234375l0.453125 -0.546875l1.53125 -1.609375l1.03125 0l-1.921875 2.046875l2.140625 2.875l-0.984375 0l-1.71875 -2.28125zm4.259094 2.28125l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm3.0605469 1.3125l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm4.1469116 2.421875q0 -1.15625 0.53125 -1.828125q0.53125 -0.6875 1.40625 -0.6875q0.90625 0 1.421875 0.640625l0.03125 -0.546875l0.765625 0l0 4.796875q0 0.96875 -0.5625 1.515625q-0.5625 0.546875 -1.515625 0.546875q-0.53125 0 -1.046875 -0.234375q-0.515625 -0.21875 -0.78125 -0.609375l0.4375 -0.515625q0.546875 0.671875 1.328125 0.671875q0.609375 0 0.953125 -0.34375q0.34375 -0.34375 0.34375 -0.96875l0 -0.421875q-0.5 0.578125 -1.375 0.578125q-0.875 0 -1.40625 -0.6875q-0.53125 -0.703125 -0.53125 -1.90625zm0.84375 0.09375q0 0.828125 0.34375 1.3125q0.34375 0.46875 0.953125 0.46875q0.796875 0 1.171875 -0.71875l0 -2.25q-0.390625 -0.703125 -1.15625 -0.703125q-0.609375 0 -0.96875 0.484375q-0.34375 0.46875 -0.34375 1.40625zm8.139648 3.09375l-4.171875 0l0 -0.6875l4.171875 0l0 0.6875zm1.5679321 -0.6875l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm1.1387329 -2.515625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm5.8355713 -3.71875l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0z" fill-rule="nonzero"></path><path fill="#000000" d="m559.3821 390.48828l-0.484375 -0.328125q0.4375 -0.609375 0.453125 -1.234375l0 -0.765625l0.828125 0l0 0.65625q0 0.46875 -0.234375 0.921875q-0.21875 0.46875 -0.5625 0.75zm8.530945 -2.484375l0.953125 -3.765625l0.84375 0l-1.4375 4.921875l-0.6875 0l-1.203125 -3.734375l-1.15625 3.734375l-0.6875 0l-1.421875 -4.921875l0.828125 0l0.96875 3.6875l1.15625 -3.6875l0.671875 0l1.171875 3.765625zm3.4941406 -3.171875q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm5.2002563 4.328125l-0.84375 0l0 -4.921875l0.84375 0l0 4.921875zm-0.90625 -6.234375q0 -0.203125 0.125 -0.34375q0.125 -0.140625 0.375 -0.140625q0.25 0 0.375 0.140625q0.125 0.140625 0.125 0.34375q0 0.203125 -0.125 0.34375q-0.125 0.140625 -0.375 0.140625q-0.25 0 -0.375 -0.140625q-0.125 -0.140625 -0.125 -0.34375zm4.232422 5.640625q0.453125 0 0.78125 -0.265625q0.34375 -0.28125 0.390625 -0.6875l0.796875 0q-0.03125 0.421875 -0.296875 0.8125q-0.265625 0.375 -0.71875 0.609375q-0.453125 0.21875 -0.953125 0.21875q-1.0 0 -1.59375 -0.671875q-0.59375 -0.671875 -0.59375 -1.84375l0 -0.140625q0 -0.71875 0.265625 -1.28125q0.265625 -0.5625 0.75 -0.859375q0.5 -0.3125 1.171875 -0.3125q0.828125 0 1.375 0.5q0.546875 0.484375 0.59375 1.28125l-0.796875 0q-0.046875 -0.484375 -0.375 -0.78125q-0.3125 -0.3125 -0.796875 -0.3125q-0.640625 0 -1.0 0.46875q-0.34375 0.453125 -0.34375 1.328125l0 0.15625q0 0.859375 0.34375 1.328125q0.359375 0.453125 1.0 0.453125zm3.7576904 -3.734375q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875z" fill-rule="nonzero"></path><path fill="#000000" d="m449.34958 397.66016q0 -1.140625 0.53125 -1.828125q0.53125 -0.6875 1.40625 -0.6875q0.875 0 1.375 0.59375l0 -2.578125l0.84375 0l0 7.0l-0.78125 0l-0.03125 -0.53125q-0.515625 0.625 -1.40625 0.625q-0.859375 0 -1.40625 -0.703125q-0.53125 -0.703125 -0.53125 -1.828125l0 -0.0625zm0.84375 0.09375q0 0.828125 0.34375 1.3125q0.34375 0.46875 0.953125 0.46875q0.796875 0 1.171875 -0.71875l0 -2.265625q-0.375 -0.6875 -1.15625 -0.6875q-0.625 0 -0.96875 0.484375q-0.34375 0.46875 -0.34375 1.40625zm4.401367 -0.109375q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm6.7418213 2.5q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm5.8637695 3.015625q0 -0.34375 -0.25 -0.53125q-0.25 -0.1875 -0.890625 -0.3125q-0.640625 -0.140625 -1.015625 -0.328125q-0.375 -0.203125 -0.5625 -0.46875q-0.1875 -0.265625 -0.1875 -0.625q0 -0.609375 0.515625 -1.015625q0.515625 -0.421875 1.3125 -0.421875q0.84375 0 1.359375 0.4375q0.515625 0.421875 0.515625 1.09375l-0.84375 0q0 -0.34375 -0.296875 -0.59375q-0.28125 -0.25 -0.734375 -0.25q-0.453125 0 -0.71875 0.203125q-0.265625 0.203125 -0.265625 0.515625q0 0.3125 0.234375 0.46875q0.25 0.15625 0.875 0.296875q0.640625 0.140625 1.03125 0.34375q0.390625 0.1875 0.578125 0.46875q0.1875 0.265625 0.1875 0.671875q0 0.65625 -0.53125 1.0625q-0.515625 0.390625 -1.359375 0.390625q-0.59375 0 -1.046875 -0.203125q-0.453125 -0.21875 -0.71875 -0.59375q-0.25 -0.375 -0.25 -0.8125l0.84375 0q0.015625 0.421875 0.328125 0.671875q0.328125 0.25 0.84375 0.25q0.46875 0 0.75 -0.1875q0.296875 -0.203125 0.296875 -0.53125zm2.7473145 -3.609375l0.03125 0.609375q0.5625 -0.703125 1.46875 -0.703125q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -4.921875l0.796875 0zm4.0479126 0.15625l-0.484375 -0.328125q0.421875 -0.59375 0.4375 -1.25l0 -0.65625l0.828125 0l0 0.59375q0 0.453125 -0.21875 0.90625q-0.21875 0.453125 -0.5625 0.734375zm2.94104 -1.359375l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm7.2626343 6.125q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.33963 0.640625l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm2.2637024 0l-0.84375 0l0 -7.0l0.84375 0l0 7.0zm1.1387329 -2.515625q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm6.6636963 1.8125q0.453125 0 0.78125 -0.265625q0.34375 -0.28125 0.390625 -0.6875l0.796875 0q-0.03125 0.421875 -0.296875 0.8125q-0.265625 0.375 -0.71875 0.609375q-0.453125 0.21875 -0.953125 0.21875q-1.0 0 -1.59375 -0.671875q-0.59375 -0.671875 -0.59375 -1.84375l0 -0.140625q0 -0.71875 0.265625 -1.28125q0.265625 -0.5625 0.75 -0.859375q0.5 -0.3125 1.171875 -0.3125q0.828125 0 1.375 0.5q0.546875 0.484375 0.59375 1.28125l-0.796875 0q-0.046875 -0.484375 -0.375 -0.78125q-0.3125 -0.3125 -0.796875 -0.3125q-0.640625 0 -1.0 0.46875q-0.34375 0.453125 -0.34375 1.328125l0 0.15625q0 0.859375 0.34375 1.328125q0.359375 0.453125 1.0 0.453125zm5.9608154 0.59375q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm4.5739746 -5.484375l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm3.9533997 6.21875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm6.4542847 -1.796875l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm2.7502441 1.796875q0.5625 -0.6875 1.453125 -0.6875q1.5625 0 1.578125 1.765625l0 3.25l-0.84375 0l0 -3.265625q0 -0.53125 -0.25 -0.78125q-0.234375 -0.25 -0.734375 -0.25q-0.421875 0 -0.734375 0.21875q-0.296875 0.21875 -0.46875 0.5625l0 3.515625l-0.84375 0l0 -7.0l0.84375 0l0 2.671875zm6.3408813 4.421875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm7.6887207 0.15625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125zm3.645996 4.171875q-0.078125 -0.140625 -0.125 -0.515625q-0.59375 0.609375 -1.40625 0.609375q-0.71875 0 -1.1875 -0.40625q-0.46875 -0.421875 -0.46875 -1.046875q0 -0.78125 0.578125 -1.203125q0.59375 -0.421875 1.65625 -0.421875l0.8125 0l0 -0.390625q0 -0.4375 -0.265625 -0.703125q-0.265625 -0.265625 -0.78125 -0.265625q-0.453125 0 -0.765625 0.234375q-0.296875 0.21875 -0.296875 0.546875l-0.84375 0q0 -0.375 0.265625 -0.71875q0.265625 -0.34375 0.703125 -0.53125q0.453125 -0.203125 1.0 -0.203125q0.84375 0 1.328125 0.421875q0.484375 0.421875 0.5 1.171875l0 2.265625q0 0.6875 0.171875 1.078125l0 0.078125l-0.875 0zm-1.40625 -0.640625q0.390625 0 0.75 -0.203125q0.359375 -0.203125 0.515625 -0.53125l0 -1.015625l-0.65625 0q-1.546875 0 -1.546875 0.90625q0 0.390625 0.265625 0.625q0.265625 0.21875 0.671875 0.21875zm7.7927246 -0.515625l0.953125 -3.765625l0.84375 0l-1.4375 4.921875l-0.6875 0l-1.203125 -3.734375l-1.15625 3.734375l-0.6875 0l-1.421875 -4.921875l0.828125 0l0.96875 3.6875l1.15625 -3.6875l0.671875 0l1.171875 3.765625zm5.756531 -3.765625l0.015625 0.546875q0.546875 -0.640625 1.46875 -0.640625q1.03125 0 1.40625 0.78125q0.234375 -0.34375 0.625 -0.5625q0.40625 -0.21875 0.9375 -0.21875q1.625 0 1.65625 1.71875l0 3.296875l-0.84375 0l0 -3.25q0 -0.53125 -0.25 -0.78125q-0.234375 -0.265625 -0.8125 -0.265625q-0.46875 0 -0.78125 0.28125q-0.296875 0.265625 -0.34375 0.75l0 3.265625l-0.859375 0l0 -3.234375q0 -1.0625 -1.046875 -1.0625q-0.828125 0 -1.140625 0.703125l0 3.59375l-0.828125 0l0 -4.921875l0.796875 0zm10.425781 4.4375q-0.5 0.578125 -1.453125 0.578125q-0.78125 0 -1.203125 -0.453125q-0.40625 -0.46875 -0.40625 -1.359375l0 -3.203125l0.84375 0l0 3.171875q0 1.125 0.90625 1.125q0.96875 0 1.28125 -0.71875l0 -3.578125l0.84375 0l0 4.921875l-0.796875 0l-0.015625 -0.484375zm3.236084 -5.640625l0 1.203125l0.921875 0l0 0.640625l-0.921875 0l0 3.0625q0 0.296875 0.125 0.453125q0.125 0.140625 0.421875 0.140625q0.140625 0 0.390625 -0.0625l0 0.6875q-0.328125 0.09375 -0.640625 0.09375q-0.5625 0 -0.859375 -0.34375q-0.28125 -0.34375 -0.28125 -0.96875l0 -3.0625l-0.890625 0l0 -0.640625l0.890625 0l0 -1.203125l0.84375 0zm3.9533691 6.21875q-1.0 0 -1.640625 -0.65625q-0.625 -0.65625 -0.625 -1.765625l0 -0.15625q0 -0.734375 0.28125 -1.3125q0.28125 -0.578125 0.78125 -0.890625q0.5 -0.328125 1.09375 -0.328125q0.953125 0 1.484375 0.640625q0.546875 0.625 0.546875 1.796875l0 0.359375l-3.34375 0q0.015625 0.71875 0.421875 1.171875q0.40625 0.453125 1.046875 0.453125q0.4375 0 0.75 -0.1875q0.3125 -0.1875 0.546875 -0.484375l0.515625 0.40625q-0.625 0.953125 -1.859375 0.953125zm-0.109375 -4.421875q-0.515625 0 -0.859375 0.375q-0.34375 0.375 -0.421875 1.03125l2.46875 0l0 -0.0625q-0.046875 -0.640625 -0.359375 -0.984375q-0.296875 -0.359375 -0.828125 -0.359375zm4.6607056 1.203125l1.09375 -1.796875l0.984375 0l-1.625 2.4375l1.671875 2.484375l-0.984375 0l-1.125 -1.84375l-1.140625 1.84375l-0.984375 0l1.65625 -2.484375l-1.609375 -2.4375l0.984375 0l1.078125 1.796875z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://github.com/Amanieu/parking_lot&amp;sa=D&amp;source=editors&amp;ust=1719318951328867&amp;usg=AOvVaw3RXz3VBW0dem7lIW3RN0YW" target="_blank" rel="noreferrer" role="link" aria-label="parking_lot" tabindex="0"><path fill="transparent" fill-opacity="0" d="m513.09766 380.20016l0 11.200012l45.67505 0l0 -11.200012z" fill-rule="nonzero"></path></a><g id="a11y-g1dd325c911_0_134" role="img" aria-label="tag
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m657.8084 444.99213l0 16.0l40.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m657.8084 444.99213l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m657.8084 444.99213l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m673.23987 456.81024q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.703186 1.703125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><path fill="#ffffff" d="m697.8084 444.99213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m697.8084 444.99213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#ffffff" d="m794.37964 445.49213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m794.37964 445.49213l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><g id="a11y-g1dd325c911_0_137" role="img" aria-label="or
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m637.4181 427.22678l0 30.992126l29.070862 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m637.4181 427.22678l29.070862 0l0 30.992126l-29.070862 0z" fill-rule="evenodd"></path><path fill="#000000" d="m646.83997 442.67117q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.0699463 -1.765625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_138" role="img" aria-label="or
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m774.61334 427.22678l0 30.992126l29.070862 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m774.61334 427.22678l29.070862 0l0 30.992126l-29.070862 0z" fill-rule="evenodd"></path><path fill="#000000" d="m784.0352 442.67117q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.0699463 -1.765625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_139" role="img" aria-label="tag
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m657.8084 311.4366l0 16.0l40.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m657.8084 311.4366l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m657.8084 311.4366l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m673.23987 323.25473q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.703186 1.703125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_140" role="img" aria-label="A
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m697.8084 311.4357l0 16.0l51.08661 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m697.8084 311.4357l51.08661 0l0 16.0l-51.08661 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m697.8084 311.4357l51.08661 0l0 16.0l-51.08661 0z" fill-rule="evenodd"></path><path fill="#000000" d="m724.4845 321.2382l-2.40625 0l0.15625 -0.578125l2.09375 0l0.15625 0.578125zm-1.140625 -3.109375l-1.75 5.046875l-0.734375 0l2.453125 -6.75l0.078125 0l2.453125 6.75l-0.765625 0l-1.734375 -5.046875z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_141" role="img" aria-label="B
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m697.8084 334.4038l0 16.0l72.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m697.8084 334.4038l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m697.8084 334.4038l72.0 0l0 16.0l-72.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m731.6599 346.1438l0 -6.640625l1.875 0q0.578125 0 0.984375 0.125q0.421875 0.109375 0.6875 0.328125q0.28125 0.203125 0.40625 0.515625q0.140625 0.296875 0.140625 0.640625q0 0.3125 -0.125 0.609375q-0.109375 0.296875 -0.328125 0.53125q-0.21875 0.21875 -0.53125 0.328125q0.28125 0.09375 0.5 0.265625q0.234375 0.171875 0.390625 0.40625q0.171875 0.21875 0.265625 0.484375q0.09375 0.265625 0.09375 0.546875q0 0.40625 -0.15625 0.765625q-0.140625 0.34375 -0.453125 0.59375q-0.296875 0.234375 -0.765625 0.375q-0.46875 0.125 -1.109375 0.125l-1.875 0zm0.734375 -0.65625l1.265625 0q0.46875 0 0.8125 -0.109375q0.359375 -0.125 0.546875 -0.40625q0.203125 -0.28125 0.203125 -0.734375q0 -0.390625 -0.171875 -0.6875q-0.171875 -0.3125 -0.546875 -0.484375q-0.375 -0.1875 -1.03125 -0.1875l-1.078125 0l0 2.609375zm0 -3.234375l1.046875 0q0.578125 0 0.921875 -0.140625q0.34375 -0.140625 0.484375 -0.375q0.15625 -0.234375 0.15625 -0.53125q0 -0.234375 -0.078125 -0.421875q-0.078125 -0.1875 -0.25 -0.328125q-0.171875 -0.15625 -0.453125 -0.234375q-0.28125 -0.09375 -0.671875 -0.09375l-1.15625 0l0 2.125z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_142" role="img" aria-label="or
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m637.4181 315.67126l0 30.992126l29.070862 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m637.4181 315.67126l29.070862 0l0 30.992126l-29.070862 0z" fill-rule="evenodd"></path><path fill="#000000" d="m646.83997 331.11563q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.0699463 -1.765625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_147" role="img" aria-label="tag
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m657.8084 334.4038l0 16.0l40.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m657.8084 334.4038l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m657.8084 334.4038l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m673.23987 346.22192q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.703186 1.703125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_148" role="img" aria-label="C
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m697.8084 357.7861l0 16.0l30.078735 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#f4cccc" d="m697.8084 357.7861l30.078735 0l0 16.0l-30.078735 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m697.8084 357.7861l30.078735 0l0 16.0l-30.078735 0z" fill-rule="evenodd"></path><path fill="#000000" d="m713.2149 369.63547q-0.53125 0 -1.0 -0.1875q-0.46875 -0.203125 -0.828125 -0.625q-0.359375 -0.421875 -0.5625 -1.046875q-0.203125 -0.640625 -0.203125 -1.53125q0 -0.78125 0.140625 -1.359375q0.15625 -0.578125 0.40625 -0.96875q0.265625 -0.40625 0.59375 -0.640625q0.328125 -0.234375 0.6875 -0.328125q0.359375 -0.109375 0.734375 -0.109375q0.71875 0 1.21875 0.359375q0.515625 0.34375 0.78125 0.953125l-0.640625 0.296875l-0.09375 0.03125l-0.03125 -0.0625q0.03125 -0.09375 0 -0.15625q-0.03125 -0.078125 -0.125 -0.21875q-0.265625 -0.359375 -0.546875 -0.484375q-0.28125 -0.125 -0.59375 -0.125q-0.40625 0 -0.75 0.1875q-0.328125 0.1875 -0.578125 0.546875q-0.234375 0.34375 -0.359375 0.859375q-0.125 0.515625 -0.125 1.171875q0 0.625 0.140625 1.140625q0.15625 0.5 0.40625 0.875q0.25 0.375 0.578125 0.578125q0.34375 0.203125 0.71875 0.203125q0.265625 0 0.515625 -0.09375q0.25 -0.09375 0.46875 -0.28125q0.21875 -0.1875 0.359375 -0.4375l0.5625 0.359375q-0.328125 0.53125 -0.78125 0.8125q-0.4375 0.28125 -1.09375 0.28125l0 0z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_149" role="img" aria-label="or
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m637.4181 338.17126l0 30.992126l29.070862 0l0 -30.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m637.4181 338.17126l29.070862 0l0 30.992126l-29.070862 0z" fill-rule="evenodd"></path><path fill="#000000" d="m646.83997 353.61563q0 -0.71875 0.28125 -1.296875q0.28125 -0.578125 0.78125 -0.890625q0.515625 -0.3125 1.171875 -0.3125q1.0 0 1.625 0.703125q0.625 0.6875 0.625 1.84375l0 0.0625q0 0.71875 -0.28125 1.296875q-0.28125 0.5625 -0.796875 0.890625q-0.5 0.3125 -1.171875 0.3125q-1.0 0 -1.625 -0.6875q-0.609375 -0.703125 -0.609375 -1.859375l0 -0.0625zm0.84375 0.109375q0 0.8125 0.375 1.3125q0.375 0.5 1.015625 0.5q0.640625 0 1.015625 -0.5q0.390625 -0.515625 0.390625 -1.421875q0 -0.8125 -0.390625 -1.3125q-0.390625 -0.5 -1.015625 -0.5q-0.625 0 -1.015625 0.5q-0.375 0.5 -0.375 1.421875zm7.0699463 -1.765625q-0.1875 -0.03125 -0.40625 -0.03125q-0.828125 0 -1.125 0.703125l0 3.5l-0.84375 0l0 -4.921875l0.8125 0l0.015625 0.5625q0.421875 -0.65625 1.171875 -0.65625q0.25 0 0.375 0.0625l0 0.78125z" fill-rule="nonzero"></path><g id="a11y-g1dd325c911_0_150" role="img" aria-label="tag
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m657.8084 357.6479l0 16.0l40.472412 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#d9ead3" d="m657.8084 357.6479l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m657.8084 357.6479l40.472412 0l0 16.0l-40.472412 0z" fill-rule="evenodd"></path><path fill="#000000" d="m673.23987 369.46603q-0.46875 0 -0.765625 -0.15625q-0.296875 -0.171875 -0.46875 -0.5q-0.15625 -0.34375 -0.203125 -0.84375q-0.046875 -0.515625 -0.03125 -1.21875l0.140625 -3.46875l0.796875 -0.109375l0.109375 0l0 0.0625q-0.046875 0.078125 -0.09375 0.15625q-0.03125 0.078125 -0.046875 0.25l-0.09375 1.203125l0.03125 0.203125l-0.078125 1.75q-0.03125 0.8125 0.03125 1.265625q0.078125 0.4375 0.265625 0.609375q0.203125 0.15625 0.515625 0.15625q0.359375 0 0.625 -0.140625q0.28125 -0.140625 0.578125 -0.359375l0.234375 0.609375q-0.359375 0.265625 -0.75 0.40625q-0.375 0.125 -0.796875 0.125l0 0zm-2.4375 -4.953125l3.5 0l0 0.640625l-3.5 0l0 -0.640625zm6.828186 5.0q-0.828125 0 -1.28125 -0.375q-0.453125 -0.390625 -0.453125 -0.96875q0 -0.40625 0.1875 -0.71875q0.203125 -0.3125 0.53125 -0.53125q0.34375 -0.21875 0.78125 -0.328125q0.453125 -0.125 0.953125 -0.125q0.1875 0 0.375 0.015625q0.1875 0 0.390625 0.015625q0.203125 0.015625 0.4375 0.046875l0.015625 0.578125q-0.1875 -0.03125 -0.390625 -0.046875q-0.1875 -0.015625 -0.390625 -0.015625q-0.1875 -0.015625 -0.375 -0.015625q-0.375 0 -0.703125 0.0625q-0.3125 0.0625 -0.546875 0.203125q-0.234375 0.125 -0.359375 0.328125q-0.125 0.1875 -0.125 0.484375q0 0.21875 0.078125 0.375q0.078125 0.15625 0.203125 0.25q0.140625 0.09375 0.328125 0.140625q0.1875 0.03125 0.421875 0.03125q0.40625 0 0.734375 -0.125q0.328125 -0.140625 0.546875 -0.390625q0.234375 -0.265625 0.34375 -0.640625q0.125 -0.375 0.125 -0.84375q0 -0.734375 -0.171875 -1.125q-0.171875 -0.40625 -0.515625 -0.578125q-0.328125 -0.171875 -0.84375 -0.171875q-0.359375 0 -0.703125 0.140625q-0.328125 0.125 -0.609375 0.40625l-0.375 -0.5q0.34375 -0.34375 0.78125 -0.5q0.453125 -0.171875 0.953125 -0.171875q0.484375 0 0.875 0.125q0.40625 0.109375 0.6875 0.375q0.28125 0.265625 0.421875 0.734375q0.15625 0.453125 0.15625 1.140625l0 2.59375l-0.828125 0l0 -0.75q-0.140625 0.265625 -0.34375 0.4375q-0.1875 0.171875 -0.40625 0.265625q-0.21875 0.09375 -0.453125 0.125q-0.234375 0.046875 -0.453125 0.046875zm5.703186 1.703125q-0.5 0 -0.921875 -0.078125q-0.40625 -0.078125 -0.703125 -0.234375q-0.28125 -0.15625 -0.4375 -0.390625q-0.15625 -0.234375 -0.15625 -0.546875q0 -0.296875 0.125 -0.53125q0.125 -0.234375 0.328125 -0.390625q0.21875 -0.15625 0.46875 -0.234375l0.3125 0.1875q-0.1875 0.125 -0.3125 0.25q-0.109375 0.109375 -0.171875 0.265625q-0.046875 0.15625 -0.046875 0.359375q0 0.1875 0.109375 0.328125q0.109375 0.140625 0.296875 0.234375q0.203125 0.109375 0.484375 0.15625q0.28125 0.046875 0.640625 0.046875q0.5 0 0.796875 -0.09375q0.296875 -0.09375 0.4375 -0.28125q0.15625 -0.171875 0.15625 -0.390625q0 -0.234375 -0.078125 -0.390625q-0.078125 -0.140625 -0.359375 -0.21875q-0.265625 -0.078125 -0.796875 -0.078125q-0.375 0 -0.6875 -0.03125q-0.3125 -0.03125 -0.5625 -0.109375q-0.234375 -0.078125 -0.40625 -0.1875q-0.15625 -0.109375 -0.25 -0.265625q-0.078125 -0.15625 -0.078125 -0.375q0 -0.28125 0.15625 -0.53125q0.15625 -0.25 0.421875 -0.484375l0.359375 0.28125q-0.109375 0.109375 -0.171875 0.203125q-0.0625 0.09375 -0.09375 0.171875q-0.03125 0.078125 -0.03125 0.171875q0 0.171875 0.125 0.28125q0.140625 0.109375 0.46875 0.15625q0.34375 0.046875 0.90625 0.046875q0.5625 0 0.90625 0.09375q0.359375 0.09375 0.546875 0.265625q0.1875 0.15625 0.25 0.390625q0.078125 0.21875 0.078125 0.484375q0 0.296875 -0.109375 0.546875q-0.109375 0.265625 -0.359375 0.46875q-0.234375 0.21875 -0.640625 0.328125q-0.40625 0.125 -1.0 0.125zm-0.21875 -3.484375q-0.515625 0 -0.90625 -0.21875q-0.375 -0.234375 -0.59375 -0.625q-0.203125 -0.390625 -0.203125 -0.859375q0 -0.46875 0.203125 -0.84375q0.21875 -0.390625 0.59375 -0.609375q0.390625 -0.234375 0.90625 -0.234375q0.53125 0 0.90625 0.234375q0.390625 0.21875 0.59375 0.609375q0.203125 0.375 0.203125 0.84375q0 0.46875 -0.203125 0.859375q-0.203125 0.390625 -0.59375 0.625q-0.375 0.21875 -0.90625 0.21875zm0 -0.640625q0.3125 0 0.546875 -0.140625q0.25 -0.140625 0.375 -0.375q0.140625 -0.25 0.140625 -0.546875q0 -0.296875 -0.140625 -0.53125q-0.125 -0.25 -0.375 -0.390625q-0.234375 -0.140625 -0.546875 -0.140625q-0.3125 0 -0.546875 0.140625q-0.234375 0.140625 -0.375 0.390625q-0.140625 0.234375 -0.140625 0.53125q0 0.296875 0.140625 0.546875q0.140625 0.234375 0.375 0.375q0.234375 0.140625 0.546875 0.140625zm1.421875 -1.78125l-0.296875 -0.359375q0.3125 -0.296875 0.640625 -0.4375q0.328125 -0.15625 0.796875 -0.125l0.09375 0.625q-0.359375 -0.03125 -0.671875 0.03125q-0.296875 0.046875 -0.5625 0.265625z" fill-rule="nonzero"></path><path fill="#ffffff" d="m748.895 311.4357l20.913391 0l0 16.0l-20.913391 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m748.895 311.4357l20.913391 0l0 16.0l-20.913391 0z" fill-rule="evenodd"></path><path fill="#ffffff" d="m727.8898 357.7861l43.46454 0l0 16.0l-43.46454 0z" fill-rule="evenodd"></path><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m727.8898 357.7861l43.46454 0l0 16.0l-43.46454 0z" fill-rule="evenodd"></path><g id="a11y-g21fd7f291e_49_1" role="img" aria-label="inner
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m445.4239 315.20016l0 16.0l56.0 0l0 -16.0z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m445.4239 315.20016l56.0 0l0 16.0l-56.0 0z" fill-rule="evenodd"></path><path fill="#000000" d="m461.16592 326.94016l0 -0.625l1.25 0l0 -3.625l-1.1875 0l0 -0.625l1.953125 0l0 4.25l1.140625 0l0 0.625l-3.15625 0zm1.59375 -5.890625q-0.21875 0 -0.390625 -0.15625q-0.15625 -0.171875 -0.15625 -0.390625q0 -0.234375 0.15625 -0.390625q0.15625 -0.15625 0.390625 -0.15625q0.234375 0 0.390625 0.171875q0.171875 0.15625 0.171875 0.375q0 0.21875 -0.171875 0.390625q-0.15625 0.15625 -0.390625 0.15625zm3.437561 5.890625l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0zm5.328186 0l0 -4.875l0.75 0l0 0.875q0.1875 -0.3125 0.4375 -0.515625q0.265625 -0.21875 0.5625 -0.34375q0.3125 -0.125 0.65625 -0.125q0.390625 0 0.703125 0.203125q0.328125 0.203125 0.515625 0.65625q0.203125 0.4375 0.203125 1.171875l0 2.953125l-0.75 0l0 -2.9375q0 -0.5 -0.125 -0.796875q-0.109375 -0.3125 -0.3125 -0.4375q-0.203125 -0.140625 -0.453125 -0.140625q-0.25 0 -0.5 0.109375q-0.25 0.09375 -0.46875 0.296875q-0.203125 0.203125 -0.34375 0.484375q-0.125 0.265625 -0.125 0.625l0 2.796875l-0.75 0zm7.468811 0.109375q-0.546875 0 -0.984375 -0.15625q-0.4375 -0.171875 -0.75 -0.484375q-0.3125 -0.328125 -0.484375 -0.796875q-0.171875 -0.484375 -0.171875 -1.09375q0 -0.609375 0.171875 -1.09375q0.1875 -0.484375 0.484375 -0.796875q0.3125 -0.328125 0.71875 -0.5q0.40625 -0.171875 0.875 -0.171875q0.40625 0 0.765625 0.140625q0.375 0.140625 0.640625 0.421875q0.265625 0.28125 0.40625 0.71875q0.15625 0.4375 0.15625 1.03125q0 0.078125 0 0.171875q0 0.09375 -0.015625 0.171875l-3.46875 0q0.03125 0.46875 0.171875 0.828125q0.140625 0.34375 0.359375 0.5625q0.21875 0.21875 0.515625 0.328125q0.296875 0.09375 0.625 0.09375q0.25 0 0.46875 -0.046875q0.234375 -0.0625 0.421875 -0.1875q0.203125 -0.125 0.359375 -0.3125l0.4375 0.421875q-0.203125 0.25 -0.46875 0.421875q-0.265625 0.171875 -0.578125 0.25q-0.296875 0.078125 -0.65625 0.078125zm-1.609375 -3.03125l2.671875 0q0 -0.34375 -0.09375 -0.609375q-0.09375 -0.265625 -0.265625 -0.46875q-0.15625 -0.203125 -0.390625 -0.296875q-0.21875 -0.109375 -0.515625 -0.109375q-0.25 0 -0.484375 0.09375q-0.21875 0.078125 -0.421875 0.265625q-0.1875 0.1875 -0.328125 0.46875q-0.125 0.28125 -0.171875 0.65625zm5.296936 -1.953125l0.796875 0l-0.03125 1.421875l-0.09375 -0.15625q0.0625 -0.328125 0.21875 -0.578125q0.171875 -0.265625 0.390625 -0.4375q0.21875 -0.1875 0.484375 -0.265625q0.265625 -0.09375 0.5625 -0.09375q0.375 0 0.703125 0.140625q0.328125 0.125 0.578125 0.390625l-0.328125 0.59375l-0.046875 0.09375l-0.078125 -0.03125q-0.015625 -0.09375 -0.0625 -0.15625q-0.046875 -0.078125 -0.1875 -0.1875q-0.171875 -0.109375 -0.3125 -0.140625q-0.140625 -0.046875 -0.328125 -0.046875q-0.265625 0 -0.53125 0.109375q-0.265625 0.09375 -0.484375 0.3125q-0.21875 0.203125 -0.34375 0.546875q-0.125 0.328125 -0.125 0.78125l0 2.59375l-0.78125 0l0 -4.890625z" fill-rule="nonzero"></path><path fill="#000000" fill-opacity="0.0" d="m245.67169 179.04417l44.724396 53.543304" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m245.67169 179.04417l42.527405 50.91307" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m288.1991 229.95726l-1.5840454 -0.14216614l2.843872 1.6504059l-1.1176758 -3.0922852z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m396.2126 138.99475l4.8189087 35.968506" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m396.2126 138.99475l4.3638306 32.571762" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m400.57642 171.56651l-1.2639465 -0.96528625l1.5249023 2.9130707l0.7043457 -3.211731z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m96.0 132.01575l4.818901 35.968506" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m96.0 132.01575l4.3638153 32.571762" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m100.363815 164.58751l-1.2639542 -0.96528625l1.52491 2.9130707l0.7043381 -3.211731z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m552.0 55.164776l32.472412 0.5354309" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m552.0 55.164776l29.045837 0.47893143" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m581.04584 55.643707l-1.1430054 1.1058884l3.1079102 -1.0734901l-3.0708008 -1.1753693z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m131.80786 331.52182l-17.88977 -64.53543" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m131.80786 331.52182l-16.974274 -61.23291" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m114.83359 270.28894l1.3841248 0.7832947l-1.9090958 -2.677063l-0.2583313 3.277893z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m234.04408 322.73444l-77.480316 -55.118134" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m234.04407 322.7344l-74.687744 -53.1315" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m159.35632 269.60287l1.5682526 -0.26446533l-3.1695862 -0.8746948l1.8658142 2.707428z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m793.2257 299.96143l40.629944 0" fill-rule="evenodd"></path><path stroke="#666666" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" stroke-dasharray="1.0,3.0" d="m793.2257 299.96143l37.20288 0" fill-rule="evenodd"></path><path fill="#666666" stroke="#666666" stroke-width="1.0" stroke-linecap="butt" d="m830.4285 299.96143l-1.1245728 1.1245728l3.0897827 -1.1245728l-3.0897827 -1.1245728z" fill-rule="evenodd"></path><g id="a11y-g21fd7f291e_49_9" role="img" aria-label="deref
+	" tabindex="0"><path fill="#000000" fill-opacity="0.0" d="m832.7922 284.0l0 38.992126l103.40155 0l0 -38.992126z" fill-rule="nonzero"></path></g><path fill="#000000" fill-opacity="0.0" d="m832.7922 284.0l103.40155 0l0 38.992126l-103.40155 0z" fill-rule="evenodd"></path><path fill="#000000" fill-opacity="0.0" d="m841.7922 293.35382l24.507202 0l0 12.487793l-24.507202 0l0 -12.487793z" fill-rule="nonzero"></path><path fill="#0000ff" d="m842.2922 300.3806q0 -1.296875 0.609375 -2.078125q0.609375 -0.796875 1.609375 -0.796875q0.984375 0 1.5625 0.671875l0 -2.9375l0.96875 0l0 8.0l-0.890625 0l-0.046875 -0.609375q-0.578125 0.71875 -1.609375 0.71875q-0.96875 0 -1.59375 -0.796875q-0.609375 -0.8125 -0.609375 -2.09375l0 -0.078125zm0.953125 0.109375q0 0.953125 0.390625 1.5q0.40625 0.53125 1.09375 0.53125q0.921875 0 1.34375 -0.8125l0 -2.59375q-0.4375 -0.796875 -1.328125 -0.796875q-0.703125 0 -1.109375 0.546875q-0.390625 0.546875 -0.390625 1.625zm7.6190796 2.859375q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm6.161194 0.171875q-0.21875 -0.03125 -0.484375 -0.03125q-0.9375 0 -1.28125 0.796875l0 4.0l-0.953125 0l0 -5.625l0.9375 0l0.015625 0.640625q0.46875 -0.75 1.328125 -0.75q0.28125 0 0.4375 0.078125l0 0.890625zm3.116272 4.875q-1.140625 0 -1.859375 -0.75q-0.71875 -0.765625 -0.71875 -2.015625l0 -0.171875q0 -0.84375 0.3125 -1.5q0.328125 -0.65625 0.90625 -1.03125q0.578125 -0.375 1.234375 -0.375q1.109375 0 1.71875 0.734375q0.609375 0.71875 0.609375 2.0625l0 0.390625l-3.8125 0q0.015625 0.84375 0.484375 1.359375q0.46875 0.5 1.171875 0.5q0.515625 0 0.859375 -0.203125q0.359375 -0.203125 0.625 -0.546875l0.59375 0.453125q-0.703125 1.09375 -2.125 1.09375zm-0.125 -5.046875q-0.578125 0 -0.96875 0.421875q-0.390625 0.421875 -0.484375 1.1875l2.8125 0l0 -0.078125q-0.046875 -0.734375 -0.40625 -1.125q-0.34375 -0.40625 -0.953125 -0.40625zm3.9111328 4.9375l0 -4.890625l-0.890625 0l0 -0.734375l0.890625 0l0 -0.578125q0 -0.90625 0.484375 -1.390625q0.484375 -0.5 1.359375 -0.5q0.34375 0 0.671875 0.078125l-0.0625 0.78125q-0.234375 -0.046875 -0.515625 -0.046875q-0.46875 0 -0.71875 0.28125q-0.25 0.265625 -0.25 0.78125l0 0.59375l1.1875 0l0 0.734375l-1.1875 0l0 4.890625l-0.96875 0z" fill-rule="nonzero"></path><path fill="#010000" fill-opacity="0.0" d="m866.2994 293.35382l0 0l0 12.487793l0 0l0 -12.487793z" fill-rule="nonzero"></path><a xlink:href="https://www.google.com/url?q=https://doc.rust-lang.org/std/ops/trait.Deref.html&amp;sa=D&amp;source=editors&amp;ust=1719318951335337&amp;usg=AOvVaw35pKmNG8gU2NZwfC4_lbgk" target="_blank" rel="noreferrer" role="link" aria-label="deref" tabindex="0"><path fill="transparent" fill-opacity="0" d="m841.7922 293.0l0 12.799988l24.507202 0l0 -12.799988z" fill-rule="nonzero"></path></a></g></g></svg>
\ No newline at end of file
diff --git a/img/webcomponents_shadowdom.svg b/img/webcomponents_shadowdom.svg
new file mode 100644
index 0000000..421de73
--- /dev/null
+++ b/img/webcomponents_shadowdom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1107.438" height="509.114" viewBox="0 0 293.01 134.703"><defs><marker orient="auto" refY="0" refX="0" id="a" style="overflow:visible"><path d="m5.77 0-8.65 5V-5z" style="fill:#0e0e0e;fill-opacity:1;fill-rule:evenodd;stroke:#0e0e0e;stroke-width:1.00000003pt;stroke-opacity:1" transform="scale(.8)"/></marker></defs><g transform="translate(111.753 -38.267)"><path style="opacity:1;fill:#ffefcc;fill-opacity:1;stroke:#000;stroke-width:.49999997;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M64.093 38.517h116.914V172.72H64.093z"/><path style="opacity:1;fill:#cbcbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M-30.314 84.388h67.469v88.068h-67.469z"/><path d="m-2.934 111.283-12.294 9.755" style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"/><path style="opacity:1;fill:#fff;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M-111.503 59.631h67.469v95.061h-67.469z"/><circle r="9.354" cy="104.907" cx="3.697" style="opacity:1;fill:#3465a4;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m10.172 111.283 12.294 9.755m-.296 16.834v17.954"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:4.29636812px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#fff;fill-opacity:1;stroke:none;stroke-width:.26458332" x="3.672" y="103.824"><tspan x="3.672" y="103.824" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;stroke-width:.26458332">shadow</tspan><tspan x="3.672" y="109.194" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;stroke-width:.26458332">root</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m-84.123 86.525-12.294 9.756m25.4-9.756 12.294 9.756"/><circle style="opacity:1;fill:#3465a4;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="-77.492" cy="80.15" r="9.354"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:3.5097146px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#fff;fill-opacity:1;stroke:none;stroke-width:.26458332" x="-77.546" y="81.458"><tspan x="-77.546" y="81.458" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;fill-opacity:1;stroke-width:.26458332">document</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M-95.966 113.115v17.953"/><circle r="9.354" cy="104.813" cx="-95.966" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="-95.966" cy="136.563" r="9.354"/><g style="opacity:1"><circle r="9.354" cy="104.813" cx="-59.018" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:4.29636812px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="-59.044" y="103.729"><tspan x="-59.044" y="103.729" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">shadow</tspan><tspan x="-59.044" y="109.1" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">host</tspan></text></g><text y="65.66" x="-107.948" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" xml:space="preserve"><tspan style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;text-anchor:start;fill:#000;fill-opacity:1;stroke-width:.26458332" y="65.66" x="-107.948">Document Tree</tspan></text><path style="fill:none;stroke:#0e0e0e;stroke-width:.26499999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.1199999,1.05999995;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#a)" d="M-49.496 104.813h42.22"/><circle style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="-14.776" cy="129.57" r="9.354"/><circle r="9.354" cy="161.32" cx="22.171" style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><text y="-30.535" x="-147.139" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" xml:space="preserve" transform="rotate(-90)"><tspan style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#000;fill-opacity:1;stroke-width:.26458332" y="-30.535" x="-147.139">Shadow Boundary</tspan></text><text y="90.418" x="-26.669" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" xml:space="preserve"><tspan style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;text-anchor:start;fill:#000;fill-opacity:1;stroke-width:.26458332" y="90.418" x="-26.669">Shadow Tree</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m92.259 67.768-12.295 9.755m25.393-9.755 21.097 9.755"/><circle style="opacity:1;fill:#3465a4;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="98.89" cy="61.392" r="9.354"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:3.5097146px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#fff;fill-opacity:1;stroke:none;stroke-width:.26458332" x="98.836" y="62.701"><tspan x="98.836" y="62.701" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;fill-opacity:1;stroke-width:.26458332">document</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M80.416 94.357v19.157"/><circle r="9.354" cy="86.055" cx="80.416" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="80.416" cy="121.985" r="9.354"/><g transform="translate(188.733 -18.758)" style="opacity:1"><circle r="9.354" cy="104.813" cx="-59.018" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:4.29636812px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="-59.044" y="103.729"><tspan x="-59.044" y="103.729" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">shadow</tspan><tspan x="-59.044" y="109.1" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">host</tspan></text></g><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m123.083 92.974-12.294 20.478m25.4-20.478 12.294 20.478m-.295 16.834v17.954"/><circle style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="148.188" cy="153.735" r="9.354"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="67.648" y="44.546"><tspan x="67.648" y="44.546" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;text-anchor:start;fill:#000;fill-opacity:1;stroke-width:.26458332">Flattened Tree (for rendering)</tspan></text><path style="opacity:1;fill:none;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:3.00000008,3.00000008;stroke-dashoffset:0;stroke-opacity:1" d="M98.51 108.977h80.832v57.867H98.51z"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728697px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:end;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="177.639" y="114.654"><tspan x="177.639" y="114.654" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:end;text-anchor:end;fill:#000;fill-opacity:1;stroke-width:.26458332">Shadow</tspan><tspan x="177.639" y="121.614" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:end;text-anchor:end;fill:#000;fill-opacity:1;stroke-width:.26458332">Tree</tspan></text><path style="opacity:1;fill:#fff72c;fill-opacity:.50196078;stroke:#0e0e0e;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M56.25 66.474v3.28H40.023v6.414H56.25v3.28l6.443-6.487z"/><circle r="9.354" cy="129.57" cx="22.171" style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle r="9.354" cy="121.985" cx="148.188" style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="111.241" cy="121.985" r="9.354"/></g><script xmlns=""/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..3a725b8
--- /dev/null
+++ b/index.html
@@ -0,0 +1,4053 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/index.html">
+      
+      
+      
+        <link rel="next" href="containers/docker.html">
+      
+      
+      <link rel="icon" href="assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL(".",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Home" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/README.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/index.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Home" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/README.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#dev-notes" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Home
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+    
+  
+  
+    <li class="md-tabs__item md-tabs__item--active">
+      <a href="index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="index.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="dev-notes">Dev Notes</h1>
+<p>Personal notes on various programming languages, technologies, tools, etc. to be used as quick reference.</p>
+<blockquote>
+<p><strong>Note</strong>: These notes are not meant to be <em>comprehensive</em> but to contain frequently used information.<br />
+For <em>complete</em> and <em>up to date</em> documentation always go to the primary source.</p>
+</blockquote>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+        
+          
+          <a href="containers/docker.html" class="md-footer__link md-footer__link--next" aria-label="Next: Docker">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Docker
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": ".", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/assembly/intel.html b/languages/assembly/intel.html
new file mode 100644
index 0000000..e5402d5
--- /dev/null
+++ b/languages/assembly/intel.html
@@ -0,0 +1,4480 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/assembly/intel.html">
+      
+      
+        <link rel="prev" href="../swift/swift.html">
+      
+      
+        <link rel="next" href="riscv.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Intel - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Intel - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/assembly/intel.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/assembly/intel.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Intel - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/assembly/intel.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#assembly-intel" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Intel
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="intel.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#compiling-linking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compiling &amp; Linking
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#exports-sections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exports &amp; Sections
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#labels-declarations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Labels &amp; Declarations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#registers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Registers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Instructions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Instructions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#add" class="md-nav__link">
+    <span class="md-ellipsis">
+      add
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sub" class="md-nav__link">
+    <span class="md-ellipsis">
+      sub
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mul-div-imul-idiv" class="md-nav__link">
+    <span class="md-ellipsis">
+      mul, div, imul, idiv
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#and-or-xor" class="md-nav__link">
+    <span class="md-ellipsis">
+      and, or, xor
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#shr-shl" class="md-nav__link">
+    <span class="md-ellipsis">
+      shr, shl
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#compiling-linking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compiling &amp; Linking
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#exports-sections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exports &amp; Sections
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#labels-declarations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Labels &amp; Declarations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#registers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Registers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Instructions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Instructions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#add" class="md-nav__link">
+    <span class="md-ellipsis">
+      add
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sub" class="md-nav__link">
+    <span class="md-ellipsis">
+      sub
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mul-div-imul-idiv" class="md-nav__link">
+    <span class="md-ellipsis">
+      mul, div, imul, idiv
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#and-or-xor" class="md-nav__link">
+    <span class="md-ellipsis">
+      and, or, xor
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#shr-shl" class="md-nav__link">
+    <span class="md-ellipsis">
+      shr, shl
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="assembly-intel">Assembly (Intel)</h1>
+<h2 id="compiling-linking">Compiling &amp; Linking</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># compiling</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>nasm<span class="w"> </span>-g<span class="w"> </span>-f<span class="w"> </span>elf64<span class="w"> </span>src.asm<span class="w">  </span><span class="c1"># -g adds debug info, -f specifies the 64bit ELF format</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="c1"># linking</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>ld<span class="w"> </span>-o<span class="w"> </span>src<span class="w"> </span>src.o<span class="w">  </span><span class="c1"># -o specifies the output name</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="basics">Basics</h2>
+<h3 id="exports-sections">Exports &amp; Sections</h3>
+<p>Symbols can be exported to be linked against with the linker</p>
+<p>Every program in ELF has several sections:</p>
+<ul>
+<li><code>data</code>: global variables</li>
+<li><code>rodata</code>: global constants (read-only data)</li>
+<li><code>bss</code>: space reserved at program startup</li>
+<li><code>text</code>: CPU instructions</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">; export the &#39;_start&#39; symbol for linking</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nf">global</span><span class="w"> </span><span class="no">_start</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="c1">; specify a section</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="nf">section</span><span class="w"> </span><span class="no">.data</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="nf">section</span><span class="w"> </span><span class="no">.text</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="labels-declarations">Labels &amp; Declarations</h3>
+<p>Anything that's on the beginning of a line and is followed by a colon (<code>:</code>) is a label. Labels generally store addresses.</p>
+<p>Declaration instructions:</p>
+<ul>
+<li><code>db</code>: declare bytes</li>
+<li><code>dw</code>: declare word (2 bytes)</li>
+<li><code>dd</code>: declare double word (4 bytes)</li>
+<li><code>dq</code>: declare quad word (8 bytes)</li>
+<li><code>equ</code>: set a name to the value of an expression</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: See the NASM manual, section 3.2.1 for the full list.
+<strong>Note</strong>: all byte declarations are <a href="https://en.wikipedia.org/wiki/Endianness" title="Endiannes">Little Endian</a></p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nl">arr:</span><span class="w"> </span><span class="nf">db</span><span class="w"> </span><span class="mi">0x12</span><span class="p">,</span><span class="mi">0x34</span><span class="p">,</span><span class="mi">0x56</span><span class="p">,</span><span class="mi">0x78</span><span class="p">,</span><span class="mi">0x90</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="registers">Registers</h3>
+<p>There are several registers available on x86_64.<br />
+Some serve a specific purposes (e.g. registers for storing floating point ; numbers), while others are called "general purpose" registers.</p>
+<p>There are 16 of them:</p>
+<ul>
+<li><code>rax</code>: accumulator</li>
+<li><code>rbx</code>: base</li>
+<li><code>rcx</code>: counter</li>
+<li><code>rdx</code>: destination</li>
+<li><code>rsp</code> and <code>rbp</code>: stack pointer and base pointer</li>
+<li><code>rsi</code> and <code>rdi</code>: source and destination index</li>
+<li><code>r8</code> through <code>r15</code>: lack of creativity</li>
+</ul>
+<p>The prefix <code>r</code> means that instructions will use <strong>all 64 bits</strong> in the registers.  </p>
+<p>For all those registers, except <code>r8</code> through <code>r15</code>, it's possible to access:</p>
+<ul>
+<li>the <strong>lowest 32 bits</strong> with <code>e</code> <em>prefix</em> (e.g. <code>eax</code>, <code>ebp</code>)</li>
+<li>the <strong>lowest 16 bits</strong> <em>without</em> any <em>prefix</em> (e.g. <code>ax</code>, <code>si</code>)</li>
+</ul>
+<p>For registers <code>rax</code> through <code>rdx</code>, it's possible to access:</p>
+<ul>
+<li>the <strong>lowest byte</strong> with the <code>l</code> <em>suffix</em>, replacing the trailing <code>x</code> (e.g. <code>al</code>)</li>
+<li>the <strong>highest byt</strong> in the 16 bits with the <code>h</code> <em>suffix</em>, in the same way (e.g. <code>ah</code>)</li>
+</ul>
+<h2 id="instructions">Instructions</h2>
+<p>Instructions are operations that the CPU knowns how to execute directly.<br />
+They are separated from their operands by whitespace, and the operands are separated from other with commas.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="err">&lt;</span><span class="nf">instr</span><span class="err">&gt;</span><span class="w"> </span><span class="err">&lt;</span><span class="no">operand1</span><span class="err">&gt;</span><span class="p">,</span><span class="w"> </span><span class="err">&lt;</span><span class="no">operand2</span><span class="err">&gt;</span><span class="p">,</span><span class="w"> </span><span class="no">...</span><span class="p">,</span><span class="w"> </span><span class="err">&lt;</span><span class="no">operand_n</span><span class="err">&gt;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="c1">; Intel syntax dictates the first operand is the destination, and the second is the source</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="err">&lt;</span><span class="nf">instr</span><span class="err">&gt;</span><span class="w"> </span><span class="no">DEST</span><span class="p">,</span><span class="w"> </span><span class="no">SOURCE</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="nf">mov</span><span class="w"> </span><span class="no">eax</span><span class="p">,</span><span class="w"> </span><span class="mi">0x12345678</span><span class="w">  </span><span class="c1">; copies 4 bytes to eax</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="nf">inc</span><span class="w"> </span><span class="no">rdi</span><span class="w">  </span><span class="c1">; INC: increment</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="nf">dec</span><span class="w"> </span><span class="no">rsi</span><span class="w">  </span><span class="c1">; DEC: decrement</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="add"><code>add</code></h3>
+<p>Adds the two operands and stores the result in the <em>destination</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="nf">add</span><span class="w"> </span><span class="no">rdi</span><span class="p">,</span><span class="w"> </span><span class="no">rbx</span><span class="w">  </span><span class="c1">; Equivalent to rdi += rbx</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sub"><code>sub</code></h3>
+<p>Subtract the two operands and stores the result in the <em>destination</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="nf">sub</span><span class="w"> </span><span class="no">rsi</span><span class="p">,</span><span class="w"> </span><span class="no">rbx</span><span class="w">  </span><span class="c1">; Equivalent to rsi -= rbx</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mul-div-imul-idiv"><code>mul</code>, <code>div</code>, <code>imul</code>, <code>idiv</code></h3>
+<p><code>mul</code> and <code>div</code> interpret their  operands as unsigned integers.<br />
+<code>imul</code> and <code>idiv</code> interpret their operands as signed integers in two's complement.</p>
+<p><code>mul</code> and <code>div</code> instructions take a single operand because they use fixed registers for the other number.</p>
+<p>For <code>mul</code>, the result is <code>rax</code> * <code>&lt;operand&gt;</code>, and it's a <em>128-bit</em> value stored in <code>rdx:rax</code>,
+meaning the <em>64 lower bits</em> are stored in <code>rdx</code>, while the <em>64 upper bits</em> are stored in <code>rax</code>.</p>
+<p>For <code>div</code>, the operand is the <strong>divisor</strong> and the <strong>dividend</strong> is <code>rdx:rax</code>,
+meaning it's a <em>128-bit</em> value whose <em>64 upper bits</em> are in <code>rdx</code> and whose <em>64 lower bits</em> are in <code>rax</code>.<br />
+The <strong>quotient</strong> is a <em>64-bit</em> value stored in <code>rax</code>, and the <strong>remainder</strong> is also a <em>64-bit</em> value, stored in <code>rdx</code>.</p>
+<h3 id="and-or-xor"><code>and</code>, <code>or</code>, <code>xor</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="nf">and</span><span class="w"> </span><span class="no">rdi</span><span class="p">,</span><span class="w"> </span><span class="no">rsi</span><span class="w">  </span><span class="c1">; bitwise AND</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="nf">or</span><span class="w"> </span><span class="no">rdi</span><span class="p">,</span><span class="w"> </span><span class="no">rsi</span><span class="w">  </span><span class="c1">; bitwise OR</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="nf">xor</span><span class="w"> </span><span class="no">rdi</span><span class="p">,</span><span class="w"> </span><span class="no">rsi</span><span class="w">  </span><span class="c1">; bitwise XOR</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="shr-shl"><code>shr</code>, <code>shl</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="nf">shr</span><span class="w"> </span><span class="no">rsi</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="w">  </span><span class="c1">; right (logical) bitshift: equivalent to rsi &gt;&gt; 2</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="nf">shl</span><span class="w"> </span><span class="no">rsi</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="w">  </span><span class="c1">; left (logical) bitshift: equivalent to rsi &lt;&lt; 3</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: there's <code>sar</code> for arithmetic right shift and <code>sal</code> for arithmetic shift left.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../swift/swift.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Swift">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Swift
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="riscv.html" class="md-footer__link md-footer__link--next" aria-label="Next: RISC-V">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                RISC-V
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/assembly/riscv.html b/languages/assembly/riscv.html
new file mode 100644
index 0000000..b7d992d
--- /dev/null
+++ b/languages/assembly/riscv.html
@@ -0,0 +1,4658 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/assembly/riscv.html">
+      
+      
+        <link rel="prev" href="intel.html">
+      
+      
+        <link rel="next" href="../python/python.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>RISC-V - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="RISC-V - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/assembly/riscv.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/assembly/riscv.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="RISC-V - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/assembly/riscv.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#assembly-risc-v" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              RISC-V
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="riscv.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#assembly-language" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Language
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Assembly Language">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#labels" class="md-nav__link">
+    <span class="md-ellipsis">
+      Labels
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#symbols" class="md-nav__link">
+    <span class="md-ellipsis">
+      Symbols
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#references-relocations" class="md-nav__link">
+    <span class="md-ellipsis">
+      References &amp; Relocations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#global-vs-local-symbols" class="md-nav__link">
+    <span class="md-ellipsis">
+      Global vs Local Symbols
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#program-entry-point" class="md-nav__link">
+    <span class="md-ellipsis">
+      Program Entry Point
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#program-sections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Program Sections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Program Sections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#assembly-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Instructions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#immediate-values" class="md-nav__link">
+    <span class="md-ellipsis">
+      Immediate Values
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-value-directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .&lt;value&gt; Directives
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-set-and-equ-directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .set and .equ directives
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-globl-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .globl directive
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-skip-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .skip directive
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-align-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .align directive
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#assembly-language" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Language
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Assembly Language">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#labels" class="md-nav__link">
+    <span class="md-ellipsis">
+      Labels
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#symbols" class="md-nav__link">
+    <span class="md-ellipsis">
+      Symbols
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#references-relocations" class="md-nav__link">
+    <span class="md-ellipsis">
+      References &amp; Relocations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#global-vs-local-symbols" class="md-nav__link">
+    <span class="md-ellipsis">
+      Global vs Local Symbols
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#program-entry-point" class="md-nav__link">
+    <span class="md-ellipsis">
+      Program Entry Point
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#program-sections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Program Sections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Program Sections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#assembly-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Instructions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#immediate-values" class="md-nav__link">
+    <span class="md-ellipsis">
+      Immediate Values
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-value-directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .&lt;value&gt; Directives
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-set-and-equ-directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .set and .equ directives
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-globl-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .globl directive
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-skip-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .skip directive
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-align-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      The .align directive
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="assembly-risc-v"><a href="https://riscv-programming.org/book/riscv-book.html" title="An Introduction to Assembly Programming with RISC-V">Assembly (RISC-V)</a></h1>
+<p>Assembly programs are encoded as plain text files and contain four main elements:</p>
+<ul>
+<li><strong>Comments</strong>: comments are textual notes that are often used to document information on the code.</li>
+<li><strong>Labels</strong>: labels are "markers" that represent program locations.</li>
+<li><strong>Instructions</strong>: Assembly instructions are instructions that are converted by the assembler into machine instructions.</li>
+<li><strong>Directives</strong>: Assembly directives are commands used to coordinate the assembling process.</li>
+</ul>
+<h2 id="assembly-language">Assembly Language</h2>
+<h3 id="labels">Labels</h3>
+<p><strong>Labels</strong> are "markers" that represent program <em>locations</em>. They can be inserted into an assembly program to "mark" a program position so that it can be referred to by assembly instructions.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="nl">x:</span><span class="w">  </span><span class="c1"># &lt;-- label definition</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="w">  </span><span class="na">.word</span><span class="w"> </span><span class="mi">10</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="nl">sum:</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">  </span><span class="nf">lw</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="no">x</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">  </span><span class="nf">addi</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">  </span><span class="nf">ret</span>
+</code></pre></div></td></tr></table></div>
+<p>Assemblers usually accept two kinds of labels: <strong>symbolic</strong> and <strong>numeric</strong> labels.</p>
+<p>Symbolic labels are defined by an <em>identifier</em> followed by <code>:</code>.
+They are stored as symbols in the symbol table and are often used to identify global variables and routines.</p>
+<p>Numeric labels are defined by a <em>single decimal digit</em> followed by <code>:</code>.
+They are used for local reference and are <em>not included</em> in the symbol table of executable files. They can be redefined repeatedly in the same assembly program.  </p>
+<p>References to numeric labels contain a <em>suffix</em> that indicates whether the reference is to a numeric label positioned before (<code>b</code> suffix) or after (<code>f</code> suffix) the reference.</p>
+<h3 id="symbols">Symbols</h3>
+<p>Program <strong>symbols</strong> are "names" that are associated with <em>numerical values</em> and the <strong>symbol table</strong> is a data structure that maps each program symbol to its value.<br />
+Labels are automatically converted into program symbols by the assembler and associated with a numerical value that represents its position in the program, which is a memory address.</p>
+<p>It's possible to explicitly define symbols with the <code>.set</code> (or <code>.equ</code>) directive.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="na">.set</span><span class="w"> </span><span class="no">answer</span><span class="p">,</span><span class="w"> </span><span class="mi">42</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="nl">get_answer:</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">  </span><span class="nf">li</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="no">answer</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">  </span><span class="nf">ret</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="references-relocations">References &amp; Relocations</h3>
+<p>Each reference to a label must be replaced by an address during the assembling and linking processes. <strong>Relocation</strong> is the process in which the code and data are assigned new memory addresses so that they do not conflict with addresses of coming from the other linked sources.</p>
+<p>The <strong>relocation table</strong> is a data structure that contains information that describes how the program instructions and data need to be modified to reflect the addresses reassignment. Each object file contains a relocation table and the linker uses their information to adjust the code when performing the relocation process.</p>
+<h3 id="global-vs-local-symbols">Global vs Local Symbols</h3>
+<p>Symbols are classified as <em>local</em> or <em>global</em> symbols.</p>
+<p><strong>Local symbols</strong> are only visible on the same file, i.e., the linker does not use them to resolve undefined references on other files.<br />
+<strong>Global symbols</strong>, on the other hand, are used by the linker to resolve undefined reference on other files.</p>
+<p>By default, the assembler registers labels as local symbols. The <code>.globl</code> directive instructs the assembler to register a label as a global symbol.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="na">.globl</span><span class="w"> </span><span class="no">exit</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="nl">exit:</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">  </span><span class="nf">li</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">  </span><span class="nf">li</span><span class="w"> </span><span class="no">a7</span><span class="p">,</span><span class="w"> </span><span class="mi">93</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">  </span><span class="nf">ecall</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="program-entry-point">Program Entry Point</h3>
+<p>Every program has an <strong>entry point</strong>: the point from which the CPU must start executing the program.
+The entry point is defined by an address, which is the address of the <em>first</em> instruction that must be executed.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="na">.globl</span><span class="w"> </span><span class="no">start</span><span class="w"> </span><span class="c1"># &lt;-- program entry point </span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: the <code>start</code> label <strong>must</strong> be registered as a <em>global</em> symbol for the linker to recognize it as the entry point.</p>
+</blockquote>
+<h2 id="program-sections">Program Sections</h2>
+<p>Executable and object files, and assembly programs are usually organized in <strong>sections</strong>.<br />
+A section may contain data or instructions, and the contents of each section are mapped to a set of consecutive main memory addresses.</p>
+<p>The following sections are often present on executable files generated for Linux-based systems:</p>
+<ul>
+<li><code>.text</code>: a section dedicated to store the program instructions.</li>
+<li><code>.data</code>: a section dedicated to store initialized global variables.</li>
+<li><code>.bss</code>: a section dedicated to store uninitialized global variables.</li>
+<li><code>.rodata</code>: a section dedicated to store constants.</li>
+</ul>
+<p>When linking multiple object files, the linker groups information from sections with the same name and places them together into a single section on the executable file.</p>
+<p>To instruct the assembler to add the assembled information into other sections, the programmer (or the compiler) may use the <code>.section &lt;name&gt;</code> directive.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="na">.section</span><span class="w"> </span><span class="no">.text</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="nl">update_y:</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">  </span><span class="nf">la</span><span class="w"> </span><span class="no">t1</span><span class="p">,</span><span class="w"> </span><span class="no">y</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">  </span><span class="nf">sw</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="no">t1</span><span class="p">)</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">  </span><span class="nf">ret</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="nl">update_x:</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">  </span><span class="nf">la</span><span class="w"> </span><span class="no">t1</span><span class="p">,</span><span class="w"> </span><span class="no">x</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">  </span><span class="nf">sw</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="no">t1</span><span class="p">)</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="w">  </span><span class="nf">ret</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="na">.section</span><span class="w"> </span><span class="no">.data</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="nl">x:</span><span class="w"> </span><span class="na">.word</span><span class="w"> </span><span class="mi">10</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="nl">y:</span><span class="w"> </span><span class="na">.word</span><span class="w"> </span><span class="mi">12</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="assembly-instructions">Assembly Instructions</h3>
+<p>Assembly instructions are instructions that are converted by the assembler into machine instructions.<br />
+They are usually encoded as a string that contains a <strong>mnemonic</strong> and a sequence of parameters, known as <strong>operands</strong>.</p>
+<p>A <strong>pseudo-instruction</strong> is an assembly instruction that does not have a corresponding machine instruction on the ISA, but can be translated automatically by the assembler into one or more alternative machine instructions to achieve the same effect.</p>
+<p>The operands of assembly instructions may contain:</p>
+<ul>
+<li><strong>A register name</strong>: a register name identifies one of the ISA registers.</li>
+</ul>
+<!-- RV32I ISA registers are numbered from 0 to 31 and are named x0, x1, ..., x31. 
+ RV32I registers may also be identified by their aliases, for example, a0, t1, ra, etc.-->
+
+<ul>
+<li><strong>An immediate value</strong>: an immediate value is a numerical constant that is directly encoded into the machine instruction as a sequence of bits.</li>
+<li><strong>A symbol name</strong>: symbol names identify symbols on the symbol table and are replaced by their respective values during the assembling and linking processes.
+  Their value are encoded into the machine instruction as a sequence of bits.</li>
+</ul>
+<h3 id="immediate-values">Immediate Values</h3>
+<p>Immediate values are represented on assembly language by a sequence of alphanumeric characters.</p>
+<ul>
+<li>Sequences started with the <code>0x</code> and the <code>0b</code> prefixes are interpreted as hexadecimal and binary numbers, respectively.  </li>
+<li>Octal numbers are represented by a sequence of numeric digits starting with digit <code>0</code>.  </li>
+<li>Sequences of numeric digits starting with digits <code>1</code> to <code>9</code> are interpreted as decimal numbers.</li>
+<li>Alphanumeric characters represented between single quotation marks are converted to numeric values using the ASCII table</li>
+<li>To denote a negative integer, it suffices to add the <code>-</code> prefix.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="nf">li</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="w">        </span><span class="c1"># load value ten into register a0</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="err">2</span><span class="w"> </span><span class="nf">li</span><span class="w"> </span><span class="no">a1</span><span class="p">,</span><span class="w"> </span><span class="mi">0xa</span><span class="w">     </span><span class="c1"># load value ten into register a1</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="err">3</span><span class="w"> </span><span class="nf">li</span><span class="w"> </span><span class="no">a2</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="no">b1010</span><span class="w">  </span><span class="c1"># load value ten into register a2</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="err">4</span><span class="w"> </span><span class="nf">li</span><span class="w"> </span><span class="no">a3</span><span class="p">,</span><span class="w"> </span><span class="mi">012</span><span class="w">     </span><span class="c1"># load value ten into register a3</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="err">5</span><span class="w"> </span><span class="nf">li</span><span class="w"> </span><span class="no">a4</span><span class="p">,</span><span class="w"> </span><span class="err">’</span><span class="mi">0</span><span class="err">’</span><span class="w">     </span><span class="c1"># load value forty eight into register a4</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="err">6</span><span class="w"> </span><span class="nf">li</span><span class="w"> </span><span class="no">a5</span><span class="p">,</span><span class="w"> </span><span class="err">’</span><span class="no">a</span><span class="err">’</span><span class="w">     </span><span class="c1"># load value ninety seven into register a5</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="the-value-directives">The <code>.&lt;value&gt;</code> Directives</h3>
+<p>The <code>.byte</code>, <code>.half</code>, <code>.word</code>, and <code>.dword</code> directives add one or more values to the active section. Their arguments may be expressed as immediate
+values, symbols (which are replaced by their value during the assembling and linking processes) or by arithmetic expressions that combine both.</p>
+<p>The <code>.string</code>, <code>.asciz</code>, and <code>.ascii</code> directives add strings to the active section. The string is encoded as a sequence of bytes.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align: center;">Directive</th>
+<th style="text-align: center;">Arguments</th>
+<th style="text-align: center;">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align: center;"><code>.byte</code></td>
+<td style="text-align: center;"><code>expr [, expr]*</code></td>
+<td style="text-align: center;">Emit one or more <strong>8bit</strong> comma separated words</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>.half</code></td>
+<td style="text-align: center;"><code>expr [, expr]*</code></td>
+<td style="text-align: center;">Emit one or more <strong>16bit</strong> comma separated words</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>.word</code></td>
+<td style="text-align: center;"><code>expr [, expr]*</code></td>
+<td style="text-align: center;">Emit one or more <strong>32bit</strong> comma separated words</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>.dword</code></td>
+<td style="text-align: center;"><code>expr [, expr]*</code></td>
+<td style="text-align: center;">Emit one or more <strong>64bit</strong> comma separated words</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>.string</code></td>
+<td style="text-align: center;"><code>string</code></td>
+<td style="text-align: center;">Emit <code>NULL</code> terminated string</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>.asciz</code></td>
+<td style="text-align: center;"><code>string</code></td>
+<td style="text-align: center;">Alias for <code>.string</code></td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>.ascii</code></td>
+<td style="text-align: center;"><code>string</code></td>
+<td style="text-align: center;">Emit string without <code>NULL</code> character</td>
+</tr>
+</tbody>
+</table>
+<h3 id="the-set-and-equ-directives">The <code>.set</code> and <code>.equ</code> directives</h3>
+<p>The <code>.set name, expression</code> directive adds a symbol to the symbol table.<br />
+It takes a name and an expression as arguments, evaluates an expression to a value and store the name and the resulting value into the symbol table.</p>
+<p>The <code>.equ</code> directive performs the same task as the .set directive.</p>
+<h3 id="the-globl-directive">The <code>.globl</code> directive</h3>
+<p>The <code>.globl</code> directive can be used to turn local symbols into global ones.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span>
+<span class="normal"><a href="#__codelineno-6-8">8</a></span>
+<span class="normal"><a href="#__codelineno-6-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="na">.global</span><span class="w"> </span><span class="no">start</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="na">.global</span><span class="w"> </span><span class="no">max_value</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="na">.set</span><span class="w"> </span><span class="no">max_value</span><span class="p">,</span><span class="w"> </span><span class="mi">42</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="nl">start:</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">  </span><span class="nf">li</span><span class="w"> </span><span class="no">a0</span><span class="p">,</span><span class="w"> </span><span class="no">max_value</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">  </span><span class="nf">jal</span><span class="w"> </span><span class="no">process_temp</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="w">  </span><span class="nf">ret</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="the-skip-directive">The <code>.skip</code> directive</h3>
+<p>The <code>.bss</code> section is dedicated for storing <em>uninitialized</em> global variables.<br />
+These variables need to be allocated on memory, but they do not need to be initialized by the loader when a program is executed. As a consequence, their initial value do not need to be stored on executable nor object files.</p>
+<p>To allocate variables on the <code>.bss</code> section it suffices to declare a label to identify the variable and advance the <code>.bss</code> location counter by the amount of bytes the variable require, so further variables are allocated on other address.<br />
+The <code>.skip N</code> directive is a directive that advances the location counter by <code>N</code> units and can be used to allocate space for variables on the <code>.bss</code> section.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GAS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="na">.section</span><span class="w"> </span><span class="no">.bss</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="nl">x:</span><span class="w"> </span><span class="na">.skip</span><span class="w"> </span><span class="mi">4</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="nl">y:</span><span class="w"> </span><span class="na">.skip</span><span class="w"> </span><span class="mi">80</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="nl">z:</span><span class="w"> </span><span class="na">.skip</span><span class="w"> </span><span class="mi">4</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="the-align-directive">The <code>.align</code> directive</h3>
+<p>Some ISA's require instructions or multi-byte data to be stored on addresses that are multiple of a given number.</p>
+<p>The proper way of ensuring the location counter is aligned is by using the <code>.align N</code> directive.<br />
+The <code>.align N</code> directive checks if the location counter is a <em>multiple</em> of <code>2^N</code>, if it is, it has no effect on the program, otherwise, it advances the location counter to the next value that is a multiple of <code>2^N</code>.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="intel.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Intel">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Intel
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../python/python.html" class="md-footer__link md-footer__link--next" aria-label="Next: Python">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Python
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/bash/commands.html b/languages/bash/commands.html
new file mode 100644
index 0000000..21da0c5
--- /dev/null
+++ b/languages/bash/commands.html
@@ -0,0 +1,4600 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/bash/commands.html">
+      
+      
+        <link rel="prev" href="scripting.html">
+      
+      
+        <link rel="next" href="../../misc/git.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Commands - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Commands - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/bash/commands.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/bash/commands.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Commands - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/bash/commands.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#bash-commands" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Commands
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="commands.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Commands
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basic Commands">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#elevated-privileges-and-users" class="md-nav__link">
+    <span class="md-ellipsis">
+      Elevated Privileges and Users
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#getting-info" class="md-nav__link">
+    <span class="md-ellipsis">
+      Getting Info
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#moving-showing-directory-contents" class="md-nav__link">
+    <span class="md-ellipsis">
+      Moving &amp; Showing Directory Contents
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#creating-reading-copying-moving-modifying-files-and-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating, Reading, Copying, Moving, Modifying Files And Directories
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#files-permissions-ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files Permissions &amp; Ownership
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#finding-files-and-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Finding Files And Directories
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#other" class="md-nav__link">
+    <span class="md-ellipsis">
+      Other
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-wrangling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Wrangling
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Commands
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basic Commands">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#elevated-privileges-and-users" class="md-nav__link">
+    <span class="md-ellipsis">
+      Elevated Privileges and Users
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#getting-info" class="md-nav__link">
+    <span class="md-ellipsis">
+      Getting Info
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#moving-showing-directory-contents" class="md-nav__link">
+    <span class="md-ellipsis">
+      Moving &amp; Showing Directory Contents
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#creating-reading-copying-moving-modifying-files-and-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating, Reading, Copying, Moving, Modifying Files And Directories
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#files-permissions-ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files Permissions &amp; Ownership
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#finding-files-and-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Finding Files And Directories
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#other" class="md-nav__link">
+    <span class="md-ellipsis">
+      Other
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-wrangling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Wrangling
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="bash-commands">Bash Commands</h1>
+<blockquote>
+<p><strong>Note</strong>: Square brackets (<code>[]</code>) denotes optional commands/flags/arguments. Uppercase denotes placeholders for arguments.</p>
+</blockquote>
+<h2 id="basic-commands">Basic Commands</h2>
+<h3 id="elevated-privileges-and-users">Elevated Privileges and Users</h3>
+<p><a href="https://unix.stackexchange.com/questions/35338/su-vs-sudo-s-vs-sudo-i-vs-sudo-bash/35342">sudo vs su</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span>
+<span class="normal"><a href="#__codelineno-0-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>sudo<span class="w"> </span>su<span class="w">  </span><span class="c1"># login as root (user must be sudoers, root password not required) DANGEROUS</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>sudo<span class="w"> </span>-s<span class="w">  </span><span class="c1"># act as root and inherit current user environment (env as is now, along current dir and env vars) SAFE (can modify user environment)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>sudo<span class="w"> </span>-i<span class="w">  </span><span class="c1"># act as root and and use a clean environment (goes to user&#39;s home, runs .bashrc) SAFEST</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>sudo<span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># run a command w\ root permissions</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>sudo<span class="w"> </span>-u<span class="w"> </span>USER<span class="w"> </span>COMMAND<span class="w"> </span><span class="c1"># run command as user</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>su<span class="w">  </span><span class="c1"># become root (must know root password) DANGEROUS</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>su<span class="w"> </span>-<span class="w"> </span>USER<span class="w">  </span><span class="c1"># change user and load it&#39;s home folder</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>su<span class="w"> </span>USER<span class="w">  </span><span class="c1"># change user but don&#39;t load it&#39;s home folder</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="getting-info">Getting Info</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>man<span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># show command manual</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nb">help</span><span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># show command info</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>whatis<span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># one-line command explanation</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>apropos<span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># search related commands</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>which<span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># locate a command</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="nb">history</span><span class="w">  </span><span class="c1"># list of used commands</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>id<span class="w">  </span><span class="c1"># Print user and group information for the specified USER, or (when USER omitted) for the current user</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="moving-showing-directory-contents">Moving &amp; Showing Directory Contents</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span>
+<span class="normal"><a href="#__codelineno-2-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nb">pwd</span><span class="w">  </span><span class="c1"># print working (current) directory</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>ls<span class="w"> </span><span class="o">[</span>option<span class="o">]</span>...<span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span>...<span class="w">   </span><span class="c1"># list directory contents (&quot;list storage&quot;)</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="nb">cd</span><span class="w"> </span>rel_path<span class="w">  </span><span class="c1"># change directory to path (rel_path must be inside current directory)</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="nb">cd</span><span class="w"> </span>abs_path<span class="w">  </span><span class="c1"># change directory to path</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="nb">cd</span><span class="w"> </span>..<span class="w">  </span><span class="c1"># change directory to parent directory</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="nb">cd</span><span class="w"> </span>~<span class="w">  </span><span class="c1"># go to /home</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="nb">cd</span><span class="w"> </span>-<span class="w">  </span><span class="c1"># go to previous directory</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="nb">pushd</span><span class="w"> </span>PATH<span class="w">  </span><span class="c1"># go from current directory to path</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="nb">popd</span><span class="w">  </span><span class="c1"># return to previous directory (before pushd)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="creating-reading-copying-moving-modifying-files-and-directories">Creating, Reading, Copying, Moving, Modifying Files And Directories</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span>
+<span class="normal"><a href="#__codelineno-3-22">22</a></span>
+<span class="normal"><a href="#__codelineno-3-23">23</a></span>
+<span class="normal"><a href="#__codelineno-3-24">24</a></span>
+<span class="normal"><a href="#__codelineno-3-25">25</a></span>
+<span class="normal"><a href="#__codelineno-3-26">26</a></span>
+<span class="normal"><a href="#__codelineno-3-27">27</a></span>
+<span class="normal"><a href="#__codelineno-3-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>touch<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># change FILE timestamp fi exists, create file otherwise</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>cat<span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span><span class="w">  </span><span class="c1"># concatenate files and print on standard output (FD 1)</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>cat<span class="w"> </span>&gt;&gt;<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># append following content ot file (Ctrl+D to stop)</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>file<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># discover file extension and format</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>stat<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># display file or file system status</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>tail<span class="w">  </span><span class="c1"># output the last part of a file</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>tail<span class="w"> </span><span class="o">[</span>-nNUM<span class="o">]</span><span class="w">  </span><span class="c1"># output the last NUM lines</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a>more<span class="w">  </span><span class="c1"># filter for paging through text one screenful at a time</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a>less<span class="w">  </span><span class="c1"># opposite of more (display big file in pages), navigate with arrow keys or space bar</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a>cut<span class="w">  </span><span class="c1"># remove sections from each line of files</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a>cut<span class="w"> </span>-<span class="o">[</span>d<span class="w"> </span>--delimiter<span class="o">=</span>DELIM<span class="o">]</span><span class="w">  </span><span class="c1"># use DELIM instead of TAB for field delimiter</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a>cut<span class="w"> </span><span class="o">[</span>-f<span class="w"> </span>--fields<span class="o">=</span>LIST<span class="o">]</span><span class="w">  </span><span class="c1"># select only these fields</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a>df<span class="w">  </span><span class="c1"># report file system disk space usage</span>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a>rm<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># remove file or directories</span>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a>rm<span class="w"> </span>DIRECTORY<span class="w"> </span>-r<span class="w">  </span><span class="c1"># remove directory an all its contents (recursive)</span>
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a>rmdir<span class="w"> </span>DIRECTORY<span class="w">  </span><span class="c1"># remove directory only if is empty</span>
+<a id="__codelineno-3-22" name="__codelineno-3-22"></a>
+<a id="__codelineno-3-23" name="__codelineno-3-23"></a>mkdir<span class="w"> </span>DIRECTORY<span class="w">  </span><span class="c1"># make directories</span>
+<a id="__codelineno-3-24" name="__codelineno-3-24"></a>
+<a id="__codelineno-3-25" name="__codelineno-3-25"></a>mv<span class="w"> </span>SOURCE<span class="w"> </span>DESTINATION<span class="w">  </span><span class="c1"># move or rename files</span>
+<a id="__codelineno-3-26" name="__codelineno-3-26"></a>mv<span class="w"> </span>SOURCE<span class="w"> </span>DIRECTORY<span class="w">  </span><span class="c1"># move FILE to DIRECTORY</span>
+<a id="__codelineno-3-27" name="__codelineno-3-27"></a>
+<a id="__codelineno-3-28" name="__codelineno-3-28"></a>cp<span class="w"> </span>SOURCE<span class="w"> </span>DESTINATION<span class="w">  </span><span class="c1"># copy SOURCE to DESTINATION</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="files-permissions-ownership">Files Permissions &amp; Ownership</h3>
+<p><img alt="Linux Permissions" src="../../img/bash_files-permissions-and-ownership-basics-in-linux.avif" title="files info and permissions" /></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>chmod<span class="w"> </span>MODE<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># change file (or directory) permissions</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>chmod<span class="w"> </span>OCTAL-MODE<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># change file (or directory) permissions</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>chown<span class="w"> </span><span class="o">[</span>OPTION<span class="o">]</span>...<span class="w"> </span><span class="o">[</span>OWNER<span class="o">][</span>:<span class="o">[</span>GROUP<span class="o">]]</span><span class="w"> </span>FILE...<span class="w">  </span><span class="c1"># change file owner and group</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>chgrp<span class="w"> </span><span class="o">[</span>OPTION<span class="o">]</span>...<span class="w"> </span>GROUP<span class="w"> </span>FILE...<span class="w">  </span><span class="c1"># change group ownership</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>File Permissions</strong>:</p>
+<ul>
+<li><code>r</code>: Read. Can see file content</li>
+<li><code>w</code>: Write. Can modify file content</li>
+<li><code>x</code>: Execute. Can execute file</li>
+</ul>
+<p><strong>Directory Permissions</strong>:</p>
+<ul>
+<li><code>r</code>: Read. Can see dir contents</li>
+<li><code>w</code>: CRUD. Can create, rename and delete files</li>
+<li><code>x</code>: Search. Can access and navigate inside the dir. Necessary to operate on files</li>
+</ul>
+<p><strong><em>Common</em> Octal Files Permissions</strong>:</p>
+<ul>
+<li><code>777</code>: (<code>rwxrwxrwx</code>) No restrictions on permissions. Anybody may do anything. Generally not a desirable setting.</li>
+<li><code>755</code>: (<code>rwxr-xr-x</code>) The file's owner may read, write, and execute the file. All others may read and execute the file. This setting is common for programs that are used by all users.</li>
+<li><code>700</code>: (<code>rwx------</code>) The file's owner may read, write, and execute the file. Nobody else has any rights. This setting is useful for programs that only the owner may use and must be kept private from others.</li>
+<li><code>666</code>: (<code>rw-rw-rw-</code>) All users may read and write the file.</li>
+<li><code>644</code>: (<code>rw-r--r--</code>) The owner may read and write a file, while all others may only read the file. A common setting for data files that everybody may read, but only the owner may change.</li>
+<li><code>600</code>: (<code>rw-------</code>) The owner may read and write a file. All others have no rights. A common setting for data files that the owner wants to keep private.</li>
+</ul>
+<p><strong><em>Common</em> Octal Directory Permissions</strong>:</p>
+<ul>
+<li><code>777</code>: (<code>rwxrwxrwx</code>) No restrictions on permissions. Anybody may list files, create new files in the directory and delete files in the directory. Generally not a good setting.</li>
+<li><code>755</code>: (<code>rwxr-xr-x</code>) The directory owner has full access. All others may list the directory, but cannot create files nor delete them. This setting is common for directories that you wish to share with other users.</li>
+<li><code>700</code>: (<code>rwx------</code>) The directory owner has full access. Nobody else has any rights. This setting is useful for directories that only the owner may use and must be kept private from others.</li>
+</ul>
+<h3 id="finding-files-and-directories">Finding Files And Directories</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span>
+<span class="normal"><a href="#__codelineno-5-7">7</a></span>
+<span class="normal"><a href="#__codelineno-5-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a>find<span class="w"> </span><span class="o">[</span>path<span class="o">]</span><span class="w"> </span><span class="o">[</span>expression<span class="o">]</span><span class="w">   </span><span class="c1"># search file in directory hierarchy</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>find<span class="w"> </span><span class="o">[</span>start-position<span class="o">]</span><span class="w"> </span>-type<span class="w"> </span>f<span class="w"> </span>-name<span class="w"> </span>FILENAME<span class="w">  </span><span class="c1"># search for a file named &quot;filename&quot;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>find<span class="w"> </span><span class="o">[</span>start-position<span class="o">]</span><span class="w"> </span>-type<span class="w"> </span>d<span class="w"> </span>-name<span class="w"> </span>DIRNAME<span class="w">  </span><span class="c1"># search for a directory named &quot;dirname&quot;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>find<span class="w"> </span><span class="o">[</span>path<span class="o">]</span><span class="w"> </span>-exec<span class="w"> </span>&lt;command&gt;<span class="w"> </span><span class="o">{}</span><span class="w"> </span><span class="se">\;</span><span class="w">  </span><span class="c1"># execute command on found items (identified by {})</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="o">[[</span><span class="w"> </span>-f<span class="w"> </span><span class="s2">&quot;path&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># test if a file exists</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="o">[[</span><span class="w"> </span>-d<span class="w"> </span><span class="s2">&quot;path&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># test if a folder exists</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="o">[[</span><span class="w"> </span>-L<span class="w"> </span><span class="s2">&quot;path&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># test if is symlink</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="other">Other</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span>
+<span class="normal"><a href="#__codelineno-6-24">24</a></span>
+<span class="normal"><a href="#__codelineno-6-25">25</a></span>
+<span class="normal"><a href="#__codelineno-6-26">26</a></span>
+<span class="normal"><a href="#__codelineno-6-27">27</a></span>
+<span class="normal"><a href="#__codelineno-6-28">28</a></span>
+<span class="normal"><a href="#__codelineno-6-29">29</a></span>
+<span class="normal"><a href="#__codelineno-6-30">30</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>tee<span class="w">  </span><span class="c1"># copy standard input and write to standard output AND files simultaneously</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>tee<span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="nb">command</span><span class="w"> </span><span class="p">|</span><span class="w"> </span>sudo<span class="w"> </span>tee<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># operate on file w/o using shell as su</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="nb">echo</span><span class="w">  </span><span class="c1"># display a line of text</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="nb">echo</span><span class="w"> </span><span class="s2">&quot;string&quot;</span><span class="w"> </span>&gt;<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># write lin of text to file</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="nb">echo</span><span class="w"> </span><span class="s2">&quot;string&quot;</span><span class="w"> </span>&gt;&gt;<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># append line of text to end of file (EOF)</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a>wget<span class="w"> </span>URL<span class="w">  </span><span class="c1"># download repositories to linux machine</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a>curl<span class="w">  </span><span class="c1"># download the contents of a URL</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a>curl<span class="w"> </span><span class="o">[</span>-I<span class="w"> </span>--head<span class="o">]</span><span class="w">  </span><span class="c1"># Fetch the headers only</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a>ps<span class="w"> </span><span class="o">[</span>-ax<span class="o">]</span><span class="w">  </span><span class="c1"># display processes</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="nb">kill</span><span class="w"> </span>&lt;PID&gt;<span class="w">   </span><span class="c1"># kill process w/ Process ID &lt;PID&gt;</span>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a>killall<span class="w"> </span>PROCESS<span class="w">  </span><span class="c1"># kill process by nane</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a>grep<span class="w">  </span><span class="c1"># search through a string using a REGEX</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a>grep<span class="w"> </span><span class="o">[</span>-i<span class="o">]</span><span class="w">  </span><span class="c1"># grep ignore case</span>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="nb">source</span><span class="w"> </span>script.sh<span class="w">  </span><span class="c1"># load script as a command</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a>diff<span class="w"> </span>FILES<span class="w">  </span><span class="c1"># compare files line by line</span>
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a>
+<a id="__codelineno-6-24" name="__codelineno-6-24"></a><span class="c1"># sudo apt install shellcheck</span>
+<a id="__codelineno-6-25" name="__codelineno-6-25"></a>shellcheck<span class="w"> </span>FILE<span class="w">  </span><span class="c1"># shell linter</span>
+<a id="__codelineno-6-26" name="__codelineno-6-26"></a>
+<a id="__codelineno-6-27" name="__codelineno-6-27"></a>xargs<span class="w"> </span><span class="o">[</span>COMMAND<span class="o">]</span><span class="w">  </span><span class="c1"># build and execute command lines from standard input</span>
+<a id="__codelineno-6-28" name="__codelineno-6-28"></a><span class="c1"># xargs reads items form the standard input, delimited by blanks or newlines, and executes the COMMAND one or more times with the items as arguments</span>
+<a id="__codelineno-6-29" name="__codelineno-6-29"></a>watch<span class="w"> </span><span class="o">[</span>OPTIONS<span class="o">]</span><span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># execute a program periodically, showing output full-screen</span>
+<a id="__codelineno-6-30" name="__codelineno-6-30"></a>watch<span class="w"> </span>-n<span class="w"> </span>SECONDS<span class="w"> </span>COMMAND<span class="w">  </span><span class="c1"># execute command every SECONDS seconds (no less than 0.1 seconds)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-wrangling">Data Wrangling</h2>
+<p><strong>Data wrangling</strong> is the process of transforming and mapping data from one "raw" data form into another format with the intent of making it more appropriate and valuable for a variety of downstream purposes such as analytics.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span>
+<span class="normal"><a href="#__codelineno-7-23">23</a></span>
+<span class="normal"><a href="#__codelineno-7-24">24</a></span>
+<span class="normal"><a href="#__codelineno-7-25">25</a></span>
+<span class="normal"><a href="#__codelineno-7-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a>sed<span class="w">  </span><span class="c1"># stream editor for filtering and transforming text</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>sed<span class="w"> </span>-E<span class="w"> </span><span class="s2">&quot;s/REGEX/replacement/&quot;</span><span class="w">  </span><span class="c1"># substitute text ONCE (-E uses modern REGEX)</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>sed<span class="w"> </span>-E<span class="w"> </span><span class="s2">&quot;s/REGEX/replacement/g&quot;</span><span class="w">  </span><span class="c1"># substitute text multiple times (every match)</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a>wc<span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span><span class="w"> </span><span class="c1"># print newline, word and byte count for each file</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a>wc<span class="w"> </span><span class="o">[</span>-m<span class="w"> </span>--chars<span class="o">]</span><span class="w"> </span>FILE<span class="w">  </span><span class="c1"># print character count</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>wc<span class="w"> </span><span class="o">[</span>-c<span class="w"> </span>--bytes<span class="o">]</span><span class="w"> </span>FILE<span class="w">  </span><span class="c1"># print bytes count</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a>wc<span class="w"> </span><span class="o">[</span>-l<span class="w"> </span>--lines<span class="o">]</span><span class="w"> </span>FILE<span class="w">  </span><span class="c1"># print lines count</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a>wc<span class="w"> </span><span class="o">[</span>-w<span class="w"> </span>--words<span class="o">]</span><span class="w"> </span>FILE<span class="w">  </span><span class="c1"># print word count</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a>sort<span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span><span class="w">  </span><span class="c1"># sort lines of a text file</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a>uniq<span class="w"> </span><span class="o">[</span>INPUT<span class="w"> </span><span class="o">[</span>OUTPUT<span class="o">]]</span><span class="w">  </span><span class="c1"># report or omit repeated lines (from INPUT to OUTPUT)</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a>uniq<span class="w"> </span><span class="o">[</span>-c<span class="w"> </span>--count<span class="o">]</span><span class="w">  </span><span class="c1"># prefix lines w/ number of occurrences</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a>uniq<span class="w"> </span><span class="o">[</span>-d<span class="w"> </span>--repeated<span class="o">]</span><span class="w">  </span><span class="c1"># print only duplicare lines, one for each group</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a>uniq<span class="w"> </span><span class="o">[</span>-D<span class="o">]</span><span class="w">  </span><span class="c1"># print only duplicare lines</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a>paste<span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span><span class="w">  </span><span class="c1"># merge lines of files</span>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a>paste<span class="w"> </span><span class="o">[</span>-d<span class="w"> </span>--delimiters<span class="o">=</span>LIST<span class="o">]</span><span class="w">  </span><span class="c1"># use delimiters from LIST</span>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a>paste<span class="w"> </span><span class="o">[</span>-<span class="w"> </span>--serial<span class="o">]</span><span class="w">  </span><span class="c1"># paste one file at a time instead of in parallel</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a>awk<span class="w"> </span><span class="s1">&#39;{program}&#39;</span><span class="w">  </span><span class="c1"># pattern scanning and processing language</span>
+<a id="__codelineno-7-23" name="__codelineno-7-23"></a>awk<span class="w"> </span><span class="o">[</span>-f<span class="w"> </span>--file<span class="w"> </span>PROGRAM_FILE<span class="o">]</span><span class="w">  </span><span class="c1"># read program source from PROGRAM_FILE instead of from first argument</span>
+<a id="__codelineno-7-24" name="__codelineno-7-24"></a>
+<a id="__codelineno-7-25" name="__codelineno-7-25"></a>bc<span class="w"> </span><span class="o">[</span>-hlwsqv<span class="w"> </span>long-options<span class="o">]</span><span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span><span class="w">  </span><span class="c1"># arbitrary precision calculator language</span>
+<a id="__codelineno-7-26" name="__codelineno-7-26"></a>bc<span class="w"> </span><span class="o">[</span>-l<span class="w"> </span>--mathlib<span class="o">]</span><span class="w"> </span><span class="o">[</span>FILE<span class="o">]</span><span class="w">  </span><span class="c1"># use standard math library</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="scripting.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Scripting">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Scripting
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../../misc/git.html" class="md-footer__link md-footer__link--next" aria-label="Next: Git">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Git
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/bash/scripting.html b/languages/bash/scripting.html
new file mode 100644
index 0000000..3041d7b
--- /dev/null
+++ b/languages/bash/scripting.html
@@ -0,0 +1,4943 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/bash/scripting.html">
+      
+      
+        <link rel="prev" href="../powershell/commands.html">
+      
+      
+        <link rel="next" href="commands.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Scripting - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Scripting - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/bash/scripting.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/bash/scripting.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Scripting - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/bash/scripting.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#bash-scripting" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Scripting
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="scripting.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#bash-use-modes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bash Use Modes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-directories-permissions" class="md-nav__link">
+    <span class="md-ellipsis">
+      File &amp; Directories Permissions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-descriptors" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Descriptors
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File Descriptors">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#first-line-of-bash" class="md-nav__link">
+    <span class="md-ellipsis">
+      First Line Of Bash
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#simple-command" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Command
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pipelines-commands-concatenation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pipelines (commands concatenation)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists-sequence-of-commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists (sequence of commands)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-commands-multiple-commands-as-one" class="md-nav__link">
+    <span class="md-ellipsis">
+      COMPOUND COMMANDs (multiple commands as one)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#functions-blocks-of-easily-reusable-code" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions (blocks of easily reusable code)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#command-names-running-programs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Command names &amp; Running programs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-path-to-a-program" class="md-nav__link">
+    <span class="md-ellipsis">
+      The path to a program
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#command-arguments-quoting-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Command arguments &amp; Quoting literals
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#managing-a-commands-input-and-output-using-redirection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing a command's input and output using redirection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Managing a command's input and output using redirection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#redirections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redirections
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pathname-expansion-filname-pattern-glob-matching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pathname Expansion (filname pattern [glob] matching)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#command-substitution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Command Substitution
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#shell-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shell Variables
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#parameter-expansion-modifiers-in-double-quotes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameter Expansion Modifiers (in double-quotes)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      If Statement
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#test-command" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Command
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-expansion-and-evaluation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic expansion and evaluation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#commands-short-circuit-evaluation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Commands short circuit evaluation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#script-hardening" class="md-nav__link">
+    <span class="md-ellipsis">
+      Script Hardening
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#bash-use-modes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bash Use Modes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-directories-permissions" class="md-nav__link">
+    <span class="md-ellipsis">
+      File &amp; Directories Permissions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-descriptors" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Descriptors
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File Descriptors">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#first-line-of-bash" class="md-nav__link">
+    <span class="md-ellipsis">
+      First Line Of Bash
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#simple-command" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Command
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pipelines-commands-concatenation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pipelines (commands concatenation)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists-sequence-of-commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists (sequence of commands)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-commands-multiple-commands-as-one" class="md-nav__link">
+    <span class="md-ellipsis">
+      COMPOUND COMMANDs (multiple commands as one)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#functions-blocks-of-easily-reusable-code" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions (blocks of easily reusable code)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#command-names-running-programs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Command names &amp; Running programs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-path-to-a-program" class="md-nav__link">
+    <span class="md-ellipsis">
+      The path to a program
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#command-arguments-quoting-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Command arguments &amp; Quoting literals
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#managing-a-commands-input-and-output-using-redirection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing a command's input and output using redirection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Managing a command's input and output using redirection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#redirections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redirections
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pathname-expansion-filname-pattern-glob-matching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pathname Expansion (filname pattern [glob] matching)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#command-substitution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Command Substitution
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#shell-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shell Variables
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#parameter-expansion-modifiers-in-double-quotes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameter Expansion Modifiers (in double-quotes)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      If Statement
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#test-command" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Command
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-expansion-and-evaluation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic expansion and evaluation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#commands-short-circuit-evaluation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Commands short circuit evaluation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#script-hardening" class="md-nav__link">
+    <span class="md-ellipsis">
+      Script Hardening
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="bash-scripting">Bash Scripting</h1>
+<p><a href="https://www.gnu.org/software/bash/manual/">Bash Manual</a></p>
+<p><code>Ctrl+Shift+C</code>: copy<br />
+<code>Ctrl+Shift+C</code>: paste</p>
+<h2 id="bash-use-modes">Bash Use Modes</h2>
+<p>Interactive mode &rarr; shell waits for user's commands
+Non-interactive mode &rarr; shell runs scripts</p>
+<h2 id="file-directories-permissions">File &amp; Directories Permissions</h2>
+<p>File:</p>
+<ul>
+<li><code>r</code>: Read. Can see file content</li>
+<li><code>w</code>: Write. Can modify file content</li>
+<li><code>x</code>: Execute. Can execute file</li>
+</ul>
+<p>Directory:</p>
+<ul>
+<li><code>r</code>: Read. Can see dir contents</li>
+<li><code>w</code>: CRD. Can create, rename and delete files</li>
+<li><code>x</code>: Search. Can access and navigate inside the dir. Necessary to operate on files</li>
+</ul>
+<h2 id="file-descriptors">File Descriptors</h2>
+<p><code>FD 0</code> "standard input"    &rarr; Channel for standard input (default keyboard)<br />
+<code>FD 1</code> "standard output"   &rarr; Channel for the default output (default screen)<br />
+<code>FD 2</code> "standard error"    &rarr; Channel for error messages, info messages, prompts (default keyboard)<br />
+File descriptors chan be joined to create streams that lead to files, devices or other processes.</p>
+<p>Bash gets commands by reading lines.<br />
+As soon as it's read enough lines to compose a complete command, bash begins running that command.<br />
+Usually, commands are just a single line long. An interactive bash session reads lines from you at the prompt.<br />
+Non-interactive bash processes read their commands from a file or stream.<br />
+Files with a shebang as their first line (and the executable permission) can be started by your system's kernel like any other program.</p>
+<h3 id="first-line-of-bash">First Line Of Bash</h3>
+<p><code>#!/bin/env bash</code><br />
+shebang indicating which interpreter to use</p>
+<h3 id="simple-command">Simple Command</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="o">[</span><span class="w"> </span><span class="nv">var</span><span class="o">=</span>value<span class="w"> </span>...<span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="nb">command</span><span class="w"> </span><span class="o">[</span><span class="w"> </span>arg<span class="w"> </span>...<span class="w"> </span><span class="o">]</span><span class="w"> </span><span class="o">[</span><span class="w"> </span>redirection<span class="w"> </span>...<span class="w"> </span><span class="o">]</span><span class="w">  </span><span class="c1"># [.] is optional component</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pipelines-commands-concatenation">Pipelines (commands concatenation)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="nb">command</span><span class="w"> </span><span class="p">|</span><span class="w"> </span>file.ext<span class="w">  </span><span class="c1"># link the first process&#39; standard output to the second process&#39; standard input</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nb">command</span><span class="w"> </span><span class="p">|&amp;</span><span class="w"> </span>file.ext<span class="w">  </span><span class="c1"># link the first process&#39; standard output &amp; standard error to the second process&#39; standard input</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lists-sequence-of-commands">Lists (sequence of commands)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>command_1<span class="p">;</span><span class="w"> </span>command_2<span class="p">;</span><span class="w"> </span>...<span class="w">  </span><span class="c1"># execute command in sequence, one after the other</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>command_1<span class="w"> </span><span class="o">||</span><span class="w"> </span>command_2<span class="w"> </span><span class="o">||</span><span class="w"> </span>...<span class="w">  </span><span class="c1"># execute successive commands only if preceding ones fail</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>command_1<span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span>command_2<span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span>..<span class="w">  </span><span class="c1"># execute successive commands only if preceding ones succeeds</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="compound-commands-multiple-commands-as-one">COMPOUND COMMANDs (multiple commands as one)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="c1"># block of commands executed as one</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>&lt;keyword&gt;
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span>command_1<span class="p">;</span><span class="w"> </span>command_2<span class="p">;</span><span class="w"> </span>...
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>&lt;end_keyword&gt;
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="o">{</span>command_1<span class="p">;</span><span class="w"> </span>command_2<span class="p">;</span><span class="w"> </span>...<span class="o">}</span><span class="w">  </span><span class="c1"># sequence of commands executed as one</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="functions-blocks-of-easily-reusable-code">Functions (blocks of easily reusable code)</h3>
+<p><code>function_name () {compound_command}</code><br />
+Bash does not accept func arguments, parentheses must be empty</p>
+<h2 id="command-names-running-programs">Command names &amp; Running programs</h2>
+<p>To run a command, bash uses the name of your command and performs a search for how to execute that command.<br />
+In order, bash will check whether it has a function or builtin by that name.<br />
+Failing that, it will try to run the name as a program.<br />
+If bash finds no way to run your command, it will output an error message.  </p>
+<h2 id="the-path-to-a-program">The path to a program</h2>
+<p>When bash needs to run a program, it uses the command name to perform a search.<br />
+Bash searches the directories in your PATH environment variable, one by one, until it finds a directory that contains a program with the name of your command.<br />
+To run a program that is not installed in a PATH directory, use the path to that program as your command's name.</p>
+<h2 id="command-arguments-quoting-literals">Command arguments &amp; Quoting literals</h2>
+<p>To tell a command what to do, we pass it arguments. In bash, arguments are tokens, that are separated from each other by blank space.<br />
+To include blank space in an argument's value, you need to either quote the argument or escape the blank space within.<br />
+Failing that, bash will break your argument apart into multiple arguments at its blank space.<br />
+Quoting arguments also prevents other symbols in it from being accidentally interpreted as bash code.  </p>
+<h2 id="managing-a-commands-input-and-output-using-redirection">Managing a command's input and output using redirection</h2>
+<p>By default, new commands inherit the shell's current file descriptors.<br />
+We can use redirections to change where a command's input comes from and where its output should go to.<br />
+File redirection allows us to stream file descriptors to files.<br />
+We can copy file descriptors to make them share a stream. There are also many other more advanced redirection operators.  </p>
+<h3 id="redirections">Redirections</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="o">[</span>x<span class="o">]</span>&gt;file<span class="w">  </span><span class="c1"># make FD x write to file</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="o">[</span>x<span class="o">]</span>&lt;file<span class="w">  </span><span class="c1"># make FD x read from file</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="o">[</span>x<span class="o">]</span>&gt;<span class="p">&amp;</span>y<span class="w">  </span><span class="c1"># make FD x write to FD y&#39;s stream</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="o">[</span>x<span class="o">]</span>&lt;<span class="p">&amp;</span>y<span class="w">  </span><span class="c1"># make FD x read from FD y&#39;s stream</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="p">&amp;</span>&gt;file<span class="w">  </span><span class="c1"># make both FD 1 (standard output) &amp; FD 2 (standard error) write to file</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="o">[</span>x<span class="o">]</span>&gt;&gt;file<span class="w">  </span><span class="c1"># make FD x append to end of file</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>x&gt;<span class="p">&amp;</span>-,<span class="w"> </span>x&lt;<span class="p">&amp;</span>-<span class="w">  </span><span class="c1"># close FD x (stream disconnected from FD x)</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="o">[</span>x<span class="o">]</span>&gt;<span class="p">&amp;</span>y-,<span class="w"> </span><span class="o">[</span>x<span class="o">]</span>&lt;<span class="p">&amp;</span>y-<span class="w">  </span><span class="c1"># replace FD x with FD y</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="o">[</span>x<span class="o">]</span>&lt;&gt;file<span class="w">  </span><span class="c1"># open FD x for both reading and writing to file</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="pathname-expansion-filname-pattern-glob-matching">Pathname Expansion (filname pattern [glob] matching)</h2>
+<p><code>*</code> matches any kind of text (even no text).<br />
+<code>?</code> matches any single character.<br />
+<code>[characters]</code> matches any single character in the given set.<br />
+<code>[[:classname:]]</code> specify class of characters to match.
+<code>{}</code> expand list of arguments (applies command to each one)</p>
+<p><code>shopt -s extglob</code> enables extended globs (patterns)</p>
+<p><code>+(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once or many times over. ("at least one of ...").<br />
+<code>*(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once, not at all, or many times over. ("however many of ...").<br />
+<code>?(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once, not at all, or many times over. ("however many of ...").<br />
+<code>@(pattern [| pattern ...])</code> matches when any of the patterns in the list appears just once. ("one of ...").<br />
+<code>!(pattern [| pattern ...])</code> matches only when none of the patterns in the list appear. ("none of ...").</p>
+<h2 id="command-substitution">Command Substitution</h2>
+<p>With Command Substitution, we effectively write a command within a command, and we ask bash to expand the inner command into its output and use that output as argument data for the main command.  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">$(</span>inner_command<span class="k">)</span><span class="w">  </span><span class="c1"># $ --&gt; value-expansion prefix</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="nb">command</span><span class="w"> </span>!*<span class="w">  </span><span class="c1"># !* expands to everything except the first argument in the previous line</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="nb">command</span><span class="w"> </span>!$<span class="w">  </span><span class="c1"># refers to the last argument of the previous command</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>sudo<span class="w"> </span>!!<span class="w"> </span><span class="c1"># !! expands to the entire previous command</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="shell-variables">Shell Variables</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="nv">varname</span><span class="o">=</span>value<span class="w">  </span><span class="c1"># variable assignment</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="nv">varname</span><span class="o">=</span><span class="s2">&quot;</span><span class="k">$(</span><span class="nb">command</span><span class="k">)</span><span class="s2">&quot;</span><span class="w">  </span><span class="c1"># command substitution, MUST be double-quoted</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="s2">&quot;</span><span class="nv">$varname</span><span class="s2">&quot;</span>,<span class="w"> </span><span class="s2">&quot;</span><span class="si">${</span><span class="nv">varname</span><span class="si">}</span><span class="s2">&quot;</span><span class="w">  </span><span class="c1"># variable expansion, MUST be double-quoted (name substituted w/ variable content)</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="nv">$$</span><span class="w">  </span><span class="c1"># pid</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="nv">$#</span><span class="w">  </span><span class="c1"># number of arguments passed</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="nv">$@</span><span class="w">  </span><span class="c1"># all arguments passed</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="si">${</span><span class="nv">n</span><span class="si">}</span><span class="w">  </span><span class="c1"># n-th argument passed to the command</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="nv">$0</span><span class="w">  </span><span class="c1"># name of the script</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="nv">$_</span><span class="w">  </span><span class="c1"># last argument passed to the command</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="nv">$?</span><span class="w">  </span><span class="c1"># error message of the last (previous) command</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a>!!<span class="w">  </span><span class="c1"># executes last command used (echo !! prints the last command)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="parameter-expansion-modifiers-in-double-quotes">Parameter Expansion Modifiers (in double-quotes)</h2>
+<p><code>${parameter#pattern}</code> removes the shortest string that matches the pattern if it's at the start of the value.<br />
+<code>${parameter##pattern}</code> removes the longest string that matches the pattern if it's at the start of the value.<br />
+<code>${parameter%pattern}</code> removes the shortest string that matches the pattern if it's at the end of the value.<br />
+<code>${parameter%%pattern}</code> removes the longest string that matches the pattern if it's at the end of the value.<br />
+<code>${parameter/pattern/replacement}</code> replaces the first string that matches the pattern with the replacement.<br />
+<code>${parameter//pattern/replacement}</code> replaces each string that matches the pattern with the replacement.<br />
+<code>${parameter/#pattern/replacement}</code> replaces the string that matches the pattern at the beginning of the value with the replacement.<br />
+<code>${parameter/%pattern/replacement}</code> replaces the string that matches the pattern at the end of the value with the replacement.<br />
+<code>${#parameter}</code> expands the length of the value (in bytes).<br />
+<code>${parameter:start[:length]}</code> expands a part of the value, starting at start, length bytes long.<br />
+Counts from the end rather than the beginning by using a (space followed by a) negative value.<br />
+<code>${parameter[^|^^|,|,,][pattern]}</code> expands the transformed value, either upper-casing or lower-casing the first or all characters that match the pattern.
+Omit the pattern to match any character.</p>
+<h2 id="decision-statements">Decision Statements</h2>
+<h3 id="if-statement">If Statement</h3>
+<p>Only the final exit code after executing the entire list is relevant for the branch's evaluation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="k">if</span><span class="w"> </span>command_list<span class="p">;</span><span class="w"> </span><span class="k">then</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="w">    </span>command_list<span class="p">;</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="k">elif</span><span class="w"> </span>command_list<span class="p">;</span><span class="w"> </span><span class="k">then</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">    </span>command_list<span class="p">;</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="k">else</span><span class="w"> </span>command_list<span class="p">;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="k">fi</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="test-command">Test Command</h3>
+<p><code>[[ argument_1 &lt;operator&gt; argument_2 ]]</code></p>
+<h3 id="arithmetic-expansion-and-evaluation">Arithmetic expansion and evaluation</h3>
+<p><code>(( expression ))</code></p>
+<h3 id="comparison-operators">Comparison Operators</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>-eq<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># is equal to</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>-ne<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># in not equal to</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>-gt<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># greater than</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>-ge<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># greater than or equal to</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>-lt<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># less than</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>-le<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># less than or equal to</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="arithmetic-comparison-operators">Arithmetic Comparison Operators</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="o">((</span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>&gt;<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="o">))</span><span class="w">  </span><span class="c1"># greater than</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="o">((</span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>&gt;<span class="o">=</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="o">))</span><span class="w">   </span><span class="c1"># greater than or equal to</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="o">((</span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>&lt;<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="o">))</span><span class="w">  </span><span class="c1"># less than</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="o">((</span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>&lt;<span class="o">=</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="o">))</span><span class="w">   </span><span class="c1"># less than or equal to</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-comparison-operators">String Comparison Operators</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span>
+<span class="normal"><a href="#__codelineno-10-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="o">[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]</span><span class="w">    </span><span class="c1"># is equal to (whitespace around operator)</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="o">[[</span><span class="w"> </span><span class="nv">$a</span><span class="w"> </span><span class="o">==</span><span class="w"> </span>z*<span class="w"> </span><span class="o">]]</span><span class="w">     </span><span class="c1"># True if $a starts with an &quot;z&quot; (pattern matching)</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="o">[[</span><span class="w"> </span><span class="nv">$a</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s2">&quot;z*&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">   </span><span class="c1"># True if $a is equal to z* (literal matching)</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="o">[</span><span class="w"> </span><span class="nv">$a</span><span class="w"> </span><span class="o">==</span><span class="w"> </span>z*<span class="w"> </span><span class="o">]</span><span class="w">       </span><span class="c1"># File globbing and word splitting take place</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="o">[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s2">&quot;z*&quot;</span><span class="w"> </span><span class="o">]</span><span class="w">   </span><span class="c1"># True if $a is equal to z* (literal matching)</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="o">[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>!<span class="o">=</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]</span><span class="w">   </span><span class="c1"># is not equal to, pattern matching within a [[ ... ]] construct</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>&lt;<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># is less than, in ASCII alphabetical order</span>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="o">[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span><span class="se">\&lt;</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]</span><span class="w">   </span><span class="c1"># &quot;&lt;&quot; needs to be escaped within a [ ] construct.</span>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a>
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span>&gt;<span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]]</span><span class="w">  </span><span class="c1"># is greater than, in ASCII alphabetical order</span>
+<a id="__codelineno-10-14" name="__codelineno-10-14"></a><span class="o">[</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$a</span><span class="s2">&quot;</span><span class="w"> </span><span class="se">\&gt;</span><span class="w"> </span><span class="s2">&quot;</span><span class="nv">$b</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">]</span><span class="w">   </span><span class="c1"># &quot;&gt;&quot; needs to be escaped within a [ ] construct.</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="commands-short-circuit-evaluation">Commands short circuit evaluation</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a>command_1<span class="w"> </span><span class="o">||</span><span class="w"> </span>command_2<span class="w">  </span><span class="c1"># if command_1 fails executes command_2</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a>command_1<span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span>command_2<span class="w">  </span><span class="c1"># executes command_2 only if command_1 succeeds</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loops">Loops</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">for</span><span class="w"> </span>var<span class="w"> </span><span class="k">in</span><span class="w"> </span>iterable<span class="w"> </span><span class="p">;</span><span class="w"> </span><span class="k">do</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="w">    </span><span class="c1"># command here</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="k">done</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="script-hardening">Script Hardening</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span>
+<span class="normal"><a href="#__codelineno-13-7">7</a></span>
+<span class="normal"><a href="#__codelineno-13-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="nb">set</span><span class="w"> </span>-o<span class="w"> </span>errexit<span class="w">  </span><span class="c1"># exit on error</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="nb">set</span><span class="w"> </span>-o<span class="w"> </span>nounset<span class="w">  </span><span class="c1"># fail on unset variable (bypass with ${VAR:-})</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="nb">set</span><span class="w"> </span>-o<span class="w"> </span>pipefail<span class="w">  </span><span class="c1"># file entire pipeline if one step fails</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="c1"># hook to enable tracing</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="k">if</span><span class="w"> </span><span class="o">[[</span><span class="w"> </span><span class="s2">&quot;</span><span class="si">${</span><span class="nv">TRACE</span><span class="p">-0</span><span class="si">}</span><span class="s2">&quot;</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s2">&quot;1&quot;</span><span class="w"> </span><span class="o">]]</span><span class="p">;</span><span class="w"> </span><span class="k">then</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="w">    </span><span class="nb">set</span><span class="w"> </span>-o<span class="w"> </span>xtrace
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="k">fi</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../powershell/commands.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Commands">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Commands
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="commands.html" class="md-footer__link md-footer__link--next" aria-label="Next: Commands">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Commands
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/c/c.html b/languages/c/c.html
new file mode 100644
index 0000000..8a82bcf
--- /dev/null
+++ b/languages/c/c.html
@@ -0,0 +1,6550 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/c/c.html">
+      
+      
+        <link rel="prev" href="../css/css.html">
+      
+      
+        <link rel="next" href="../kotlin/kotlin.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>C - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="C - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/c/c.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/c/c.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="C - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/c/c.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#cc" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              C
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="c.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#library-import" class="md-nav__link">
+    <span class="md-ellipsis">
+      Library Import
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#special-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Operators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#namespace-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespace definition
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#main-function" class="md-nav__link">
+    <span class="md-ellipsis">
+      Main Function
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables &amp; Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables & Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#constant-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-casting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Casting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#integer-numerals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integer Numerals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-numerals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating Point Numerals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#characterstring-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character/String Literals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#special-characters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Characters
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#standard-inputoutput" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Input/Output
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Standard Input/Output">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#standard-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#standard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Input
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#format-specifiers-widthlengthspecifier" class="md-nav__link">
+    <span class="md-ellipsis">
+      Format Specifiers %[width].[length][specifier]
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-assignment-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compound Assignment Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-precedence" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Precedence
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#common-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Common Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Common Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#character-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-conversion" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Conversion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#vectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Vectors
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      If Statements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loop-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loop Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loop Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#do-while" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do While
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break Statement
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#continue-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Continue Statement
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arguments-passed-by-reference-without-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arguments passed by reference without pointers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arguments-passed-by-reference-with-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arguments passed by reference with pointers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-as-function-parameter" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array as function parameter
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Array as function parameter">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-array-matrix" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi-Dimensional Array (Matrix)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#matrix-as-function-parameter" class="md-nav__link">
+    <span class="md-ellipsis">
+      Matrix as function parameter
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#struct-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct Definition
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Pointers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#pointer-to-array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointer to array
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pointers-arrays-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointers, Arrays &amp; Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pointer-to-struct" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointer to Struct
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dynamic-structures" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Structures
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dynamic Structures">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#stack" class="md-nav__link">
+    <span class="md-ellipsis">
+      Stack
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Stack">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#node-insertion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Node Insertion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#node-deletion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Node Deletion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#passing-head-to-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing Head To Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#queue" class="md-nav__link">
+    <span class="md-ellipsis">
+      Queue
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#linked-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Linked List
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dynamic-memory-allocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Memory Allocation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#file-opening" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Opening
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#stream-state-input-errors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Stream state &amp; Input errors
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#library-import" class="md-nav__link">
+    <span class="md-ellipsis">
+      Library Import
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#special-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Operators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#namespace-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespace definition
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#main-function" class="md-nav__link">
+    <span class="md-ellipsis">
+      Main Function
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables &amp; Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables & Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#constant-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-casting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Casting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#integer-numerals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integer Numerals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-numerals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating Point Numerals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#characterstring-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character/String Literals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#special-characters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Characters
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#standard-inputoutput" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Input/Output
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Standard Input/Output">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#standard-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#standard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Input
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#format-specifiers-widthlengthspecifier" class="md-nav__link">
+    <span class="md-ellipsis">
+      Format Specifiers %[width].[length][specifier]
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-assignment-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compound Assignment Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-precedence" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Precedence
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#common-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Common Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Common Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#character-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-conversion" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Conversion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#vectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Vectors
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      If Statements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loop-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loop Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loop Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#do-while" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do While
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break Statement
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#continue-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Continue Statement
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arguments-passed-by-reference-without-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arguments passed by reference without pointers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arguments-passed-by-reference-with-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arguments passed by reference with pointers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-as-function-parameter" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array as function parameter
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Array as function parameter">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-array-matrix" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi-Dimensional Array (Matrix)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#matrix-as-function-parameter" class="md-nav__link">
+    <span class="md-ellipsis">
+      Matrix as function parameter
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#struct-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct Definition
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Pointers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#pointer-to-array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointer to array
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pointers-arrays-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointers, Arrays &amp; Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pointer-to-struct" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pointer to Struct
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dynamic-structures" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Structures
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dynamic Structures">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#stack" class="md-nav__link">
+    <span class="md-ellipsis">
+      Stack
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Stack">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#node-insertion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Node Insertion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#node-deletion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Node Deletion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#passing-head-to-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing Head To Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#queue" class="md-nav__link">
+    <span class="md-ellipsis">
+      Queue
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#linked-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Linked List
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dynamic-memory-allocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Memory Allocation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#file-opening" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Opening
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#stream-state-input-errors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Stream state &amp; Input errors
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="cc">C/C++</h1>
+<h2 id="library-import">Library Import</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;stdio.h&gt;</span><span class="c1">  // search in current + system directories</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="cp">#include</span><span class="w"> </span><span class="cpf">&quot;lib.h&quot;</span><span class="c1"> // search in current directory</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="special-operators">Special Operators</h2>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operator Name</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>::</code></td>
+<td>global reference operator</td>
+</tr>
+<tr>
+<td><code>&amp;</code></td>
+<td>address operator (returns a memory address)</td>
+</tr>
+<tr>
+<td><code>*</code></td>
+<td>deferentiation operator (returns the pointed value)</td>
+</tr>
+</tbody>
+</table>
+<h2 id="namespace-definition">Namespace definition</h2>
+<p>Can be omitted and replaced by namespace<code>::</code><br />
+<code>using namespace &lt;namespace&gt;;</code></p>
+<h2 id="main-function">Main Function</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">argc</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">*</span><span class="n">argv</span><span class="p">[])</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="variables-types">Variables &amp; Types</h2>
+<h3 id="constant-declaration">Constant Declaration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="cp">#define constant_name value</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="k">const</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">constant_name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variable-declaration">Variable Declaration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">type</span><span class="w"> </span><span class="n">var_name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">    </span><span class="c1">//c-like initialization</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="n">type</span><span class="w"> </span><span class="nf">var_name</span><span class="w"> </span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">    </span><span class="c1">//constructor initialization</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">type</span><span class="w"> </span><span class="n">var_name</span><span class="w"> </span><span class="p">{</span><span class="n">value</span><span class="p">};</span><span class="w">    </span><span class="c1">//uniform initialization</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="n">type</span><span class="w"> </span><span class="n">var_1</span><span class="p">,</span><span class="w"> </span><span class="n">var_2</span><span class="p">,</span><span class="w"> </span><span class="p">...,</span><span class="w"> </span><span class="n">var_n</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="type-casting">Type Casting</h3>
+<p><code>(type) var;</code><br />
+<code>type(var);</code></p>
+<h3 id="variable-types">Variable Types</h3>
+<table>
+<thead>
+<tr>
+<th>Type</th>
+<th>Value Range</th>
+<th>Byte</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>short</code></td>
+<td>-32768 to 32765</td>
+<td>1</td>
+</tr>
+<tr>
+<td><code>unsigned short</code></td>
+<td>0 to 65535</td>
+<td>1</td>
+</tr>
+<tr>
+<td><code>int</code></td>
+<td>-2147483648 to 2147483647</td>
+<td>4</td>
+</tr>
+<tr>
+<td><code>unsigned int</code></td>
+<td>0 to 4294967295</td>
+<td>4</td>
+</tr>
+<tr>
+<td><code>long</code></td>
+<td>-2147483648 to 2147483647</td>
+<td>4</td>
+</tr>
+<tr>
+<td><code>unsigned long</code></td>
+<td>0 to 4294967295</td>
+<td>4</td>
+</tr>
+<tr>
+<td><code>long long</code></td>
+<td></td>
+<td>8</td>
+</tr>
+<tr>
+<td><code>float</code></td>
+<td>&plusmn; 3.4e &plusmn; 38 (~7 digits)</td>
+<td>4</td>
+</tr>
+<tr>
+<td><code>double</code></td>
+<td>&plusmn; 1.7e &plusmn; 308 (~15 digits)</td>
+<td>8</td>
+</tr>
+<tr>
+<td><code>long double</code></td>
+<td></td>
+<td>16 (?)</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>Type</th>
+<th>Value</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>bool</code></td>
+<td>true or false</td>
+</tr>
+<tr>
+<td><code>char</code></td>
+<td>ascii characters</td>
+</tr>
+<tr>
+<td><code>string</code></td>
+<td>sequence of ascii characters</td>
+</tr>
+<tr>
+<td><code>NULL</code></td>
+<td>empty value</td>
+</tr>
+</tbody>
+</table>
+<h3 id="integer-numerals">Integer Numerals</h3>
+<table>
+<thead>
+<tr>
+<th>Example</th>
+<th>Type</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>75</code></td>
+<td>decimal</td>
+</tr>
+<tr>
+<td><code>0113</code></td>
+<td>octal (zero prefix)</td>
+</tr>
+<tr>
+<td><code>0x4</code></td>
+<td>hexadecimal (0x prefix)</td>
+</tr>
+<tr>
+<td><code>75</code></td>
+<td>int</td>
+</tr>
+<tr>
+<td><code>75u</code></td>
+<td>unsigned int</td>
+</tr>
+<tr>
+<td><code>75l</code></td>
+<td>long</td>
+</tr>
+<tr>
+<td><code>75ul</code></td>
+<td>unsigned long</td>
+</tr>
+<tr>
+<td><code>75lu</code></td>
+<td>unsigned long</td>
+</tr>
+</tbody>
+</table>
+<h3 id="floating-point-numerals">Floating Point Numerals</h3>
+<table>
+<thead>
+<tr>
+<th>Example</th>
+<th>Type</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>3.14159L</code></td>
+<td>long double</td>
+</tr>
+<tr>
+<td><code>60.22e23f</code></td>
+<td>float</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>Code</th>
+<th>Value</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>3.14159</code></td>
+<td>3.14159</td>
+</tr>
+<tr>
+<td><code>6.02e23</code></td>
+<td>6.022 * 10^23</td>
+</tr>
+<tr>
+<td><code>1.6e-19</code></td>
+<td>1.6 * 10^-19</td>
+</tr>
+<tr>
+<td><code>3.0</code></td>
+<td>3.0</td>
+</tr>
+</tbody>
+</table>
+<h3 id="characterstring-literals">Character/String Literals</h3>
+<p><code>'z'</code> single character literal<br />
+<code>"text here"</code> string literal</p>
+<h3 id="special-characters">Special Characters</h3>
+<table>
+<thead>
+<tr>
+<th>Escape Character</th>
+<th>Character</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>\n</code></td>
+<td>newline</td>
+</tr>
+<tr>
+<td><code>\r</code></td>
+<td>carriage return</td>
+</tr>
+<tr>
+<td><code>\t</code></td>
+<td>tab</td>
+</tr>
+<tr>
+<td><code>\v</code></td>
+<td>vertical tab</td>
+</tr>
+<tr>
+<td><code>\b</code></td>
+<td>backspace</td>
+</tr>
+<tr>
+<td><code>\f</code></td>
+<td>form feed</td>
+</tr>
+<tr>
+<td><code>\a</code></td>
+<td>alert (beep)</td>
+</tr>
+<tr>
+<td><code>\'</code></td>
+<td>single quote (')</td>
+</tr>
+<tr>
+<td><code>\"</code></td>
+<td>double quote (")</td>
+</tr>
+<tr>
+<td><code>\?</code></td>
+<td>question mark (?)</td>
+</tr>
+<tr>
+<td><code>\\</code></td>
+<td>backslash  ()</td>
+</tr>
+<tr>
+<td><code>\0</code></td>
+<td>string termination character</td>
+</tr>
+</tbody>
+</table>
+<h2 id="standard-inputoutput">Standard Input/Output</h2>
+<h3 id="standard-output">Standard Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;stdio.h&gt;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="n">printf_s</span><span class="p">(</span><span class="s">&quot;text %&lt;fmt_spec&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">variable</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="standard-input">Standard Input</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;stdio.h&gt;</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="n">scanf_s</span><span class="p">(</span><span class="s">&quot;%&lt;fmt_spec&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">variable</span><span class="p">);</span><span class="w">    </span><span class="c1">//return number of successfully accepted inputs</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="format-specifiers-widthlengthspecifier">Format Specifiers <code>%[width].[length][specifier]</code></h3>
+<table>
+<thead>
+<tr>
+<th>Specifier</th>
+<th>Specified Format</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>%d</code>, <code>%i</code></td>
+<td>singed decimal integer</td>
+</tr>
+<tr>
+<td><code>%u</code></td>
+<td>unsigned decimal integer</td>
+</tr>
+<tr>
+<td><code>%o</code></td>
+<td>unsigned octal</td>
+</tr>
+<tr>
+<td><code>%x</code></td>
+<td>unsigned hexadecimal integer</td>
+</tr>
+<tr>
+<td><code>%X</code></td>
+<td>unsigned hexadecimal integer (UPPERCASE)</td>
+</tr>
+<tr>
+<td><code>%f</code></td>
+<td>decimal floating point (lowercase)</td>
+</tr>
+<tr>
+<td><code>%F</code></td>
+<td>decimal floating point (UPPERCASE)</td>
+</tr>
+<tr>
+<td><code>%e</code></td>
+<td>scientific notation (lowercase)</td>
+</tr>
+<tr>
+<td><code>%E</code></td>
+<td>scientific notation (UPPERCASE)</td>
+</tr>
+<tr>
+<td><code>%a</code></td>
+<td>hexadecimal floating point (lowercase)</td>
+</tr>
+<tr>
+<td><code>%A</code></td>
+<td>hexadecimal floating point (UPPERCASE)</td>
+</tr>
+<tr>
+<td><code>%c</code></td>
+<td>character</td>
+</tr>
+<tr>
+<td><code>%s</code></td>
+<td>string</td>
+</tr>
+<tr>
+<td><code>%p</code></td>
+<td>pointer address</td>
+</tr>
+</tbody>
+</table>
+<h2 id="operators">Operators</h2>
+<h3 id="arithmetic-operators">Arithmetic Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>+</code> b</td>
+<td>sum</td>
+</tr>
+<tr>
+<td>a <code>-</code> b</td>
+<td>subtraction</td>
+</tr>
+<tr>
+<td>a <code>*</code> b</td>
+<td>multiplication</td>
+</tr>
+<tr>
+<td>a <code>/</code> b</td>
+<td>division</td>
+</tr>
+<tr>
+<td>a <code>%</code> b</td>
+<td>modulo</td>
+</tr>
+<tr>
+<td>a<code>++</code></td>
+<td>increment</td>
+</tr>
+<tr>
+<td>a<code>--</code></td>
+<td>decrement</td>
+</tr>
+</tbody>
+</table>
+<h3 id="comparison-operators">Comparison Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>==</code> b</td>
+<td>equal to</td>
+</tr>
+<tr>
+<td>a <code>!=</code> b</td>
+<td>not equal to</td>
+</tr>
+<tr>
+<td>a <code>&gt;</code> b</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>a <code>&lt;</code> b</td>
+<td>lesser than</td>
+</tr>
+<tr>
+<td>a <code>&gt;=</code> b</td>
+<td>greater than or equal to</td>
+</tr>
+<tr>
+<td>a <code>&lt;=</code> b</td>
+<td>lesser than or equal to</td>
+</tr>
+</tbody>
+</table>
+<h3 id="logical-operator">Logical Operator</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>!</code>a, <code>not</code> a</td>
+<td>logical negation (NOT)</td>
+</tr>
+<tr>
+<td>a <code>&amp;&amp;</code> b, a <code>and</code> b</td>
+<td>logical AND</td>
+</tr>
+<tr>
+<td>a <code>||</code> b, a <code>or</code> b</td>
+<td>logical OR</td>
+</tr>
+</tbody>
+</table>
+<h3 id="conditional-ternary-operator">Conditional Ternary Operator</h3>
+<p><code>condition ? result_1 : result_2</code><br />
+If condition is true evaluates to result_1, and otherwise to result_2</p>
+<h3 id="bitwise-operators">Bitwise Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>~</code>a, <code>compl</code> a</td>
+<td>bitwise <strong>NOT</strong></td>
+</tr>
+<tr>
+<td>a <code>&amp;</code> b, a <code>bitand</code> b</td>
+<td>bitwise <strong>AND</strong></td>
+</tr>
+<tr>
+<td>a <code>|</code> b, a <code>bitor</code> b</td>
+<td>bitwise <strong>OR</strong></td>
+</tr>
+<tr>
+<td>a <code>^</code> b, a <code>xor</code> b,</td>
+<td>bitwise <strong>XOR</strong></td>
+</tr>
+<tr>
+<td>a <code>&lt;&lt;</code> b</td>
+<td>bitwise left shift</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;</code> b</td>
+<td>bitwise right shift</td>
+</tr>
+</tbody>
+</table>
+<h3 id="compound-assignment-operators">Compound Assignment Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>+=</code> b</td>
+<td>a = a + b</td>
+</tr>
+<tr>
+<td>a <code>-=</code> b</td>
+<td>a = a - b</td>
+</tr>
+<tr>
+<td>a <code>*=</code> b</td>
+<td>a = a * b</td>
+</tr>
+<tr>
+<td>a <code>/=</code> b</td>
+<td>a = a / b</td>
+</tr>
+<tr>
+<td>a <code>%=</code> b</td>
+<td>a = a % b</td>
+</tr>
+<tr>
+<td>a <code>&amp;=</code> b</td>
+<td>a = a &amp; b</td>
+</tr>
+<tr>
+<td>a <code>|=</code> b</td>
+<td>a = a</td>
+</tr>
+<tr>
+<td>a <code>^=</code> b</td>
+<td>a = a ^ b</td>
+</tr>
+<tr>
+<td>a <code>&lt;&lt;=</code> b</td>
+<td>a = a &lt;&lt; b</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;=</code> b</td>
+<td>a = a &gt;&gt; b</td>
+</tr>
+</tbody>
+</table>
+<h3 id="operator-precedence">Operator Precedence</h3>
+<ol>
+<li><code>!</code></li>
+<li><code>*</code>, <code>/</code>, <code>%</code></li>
+<li><code>+</code>, <code>-</code></li>
+<li><code>&lt;</code>, <code>&lt;=</code>, <code>&lt;</code>, <code>&gt;=</code></li>
+<li><code>==</code>, <code>!=</code></li>
+<li><code>&amp;&amp;</code></li>
+<li><code>||</code></li>
+<li><code>=</code></li>
+</ol>
+<h2 id="common-functions">Common Functions</h2>
+<h3 id="mathematical-functions">Mathematical Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;cmath&gt;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="n">abs</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// absolute value</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="n">labs</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//absolute value if x is long, result is long</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="n">fabs</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//absolute value if x i float, result is float</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="n">sqrt</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// square root</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="n">ceil</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// ceil function (next integer)</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="n">floor</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// floor function (integer part of x)</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="n">log</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// natural log of x</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="n">log10</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// log base 10 of x</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="n">exp</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">// e^x</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="n">pow</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">);</span><span class="w">    </span><span class="c1">// x^y</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="n">sin</span><span class="p">(</span><span class="n">x</span><span class="p">);</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="n">cos</span><span class="p">(</span><span class="n">x</span><span class="p">);</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="n">tan</span><span class="p">(</span><span class="n">x</span><span class="p">);</span>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="n">asin</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//arcsin(x)</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a><span class="n">acos</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//arccos(x)</span>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="n">atan</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//arctan(x)</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a><span class="n">atan2</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">);</span><span class="w">    </span><span class="c1">//arctan(x / y)</span>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a><span class="n">sinh</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//hyperbolic sin(x)</span>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="n">cosh</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//hyperbolic cos(x)</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a><span class="n">tanh</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">    </span><span class="c1">//hyperbolic tan(X)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="character-functions">Character Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">isalnum</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is alphanumeric</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">isalpha</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is a letter</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="n">isdigit</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if char is 0 1 2 3 4 5 6 7 8 9</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="n">iscntrl</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true id c is DELETE or CONTROL CHARACTER</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="n">isascii</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is a valid ASCII character</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="n">isprint</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is printable</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="n">isgraph</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true id c is printable, SPACE excluded</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="n">islower</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is lowercase</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="n">isupper</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is uppercase</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="n">ispunct</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is punctuation</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="n">isspace</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is SPACE</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="n">isxdigit</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//true if c is HEX DIGIT</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="n">tolower</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//transforms character in lowercase</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="n">toupper</span><span class="p">(</span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//transform character in uppercase</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-functions">String Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">strlen</span><span class="p">(</span><span class="n">string</span><span class="p">);</span><span class="w">    </span><span class="c1">//return length (num of chars) of the string</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="n">strcat</span><span class="p">(</span><span class="n">destination</span><span class="p">,</span><span class="w"> </span><span class="n">source</span><span class="p">);</span><span class="w">    </span><span class="c1">//appends chars of string2 to string1</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="n">strncat</span><span class="p">(</span><span class="n">string1</span><span class="p">,</span><span class="w"> </span><span class="n">string2</span><span class="p">,</span><span class="w"> </span><span class="n">nchar</span><span class="p">);</span><span class="w">    </span><span class="c1">//appends the first n chars of string 2 to string1</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="n">strcpy</span><span class="p">(</span><span class="n">string1</span><span class="p">,</span><span class="w"> </span><span class="n">string2</span><span class="p">.</span><span class="n">c_str</span><span class="p">());</span><span class="w">    </span><span class="c1">//copies string2 into string1 char by char</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="n">strncpy</span><span class="p">(</span><span class="n">string1</span><span class="p">,</span><span class="w"> </span><span class="n">string2</span><span class="p">,</span><span class="w"> </span><span class="n">n</span><span class="p">);</span><span class="w">    </span><span class="c1">//copy first n chars from string2 to string1</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="n">strcmp</span><span class="p">(</span><span class="n">string1</span><span class="p">,</span><span class="w"> </span><span class="n">string2</span><span class="p">);</span><span class="w">    </span><span class="c1">//compares string1 w/ string2</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="n">strncmp</span><span class="p">(</span><span class="n">string1</span><span class="p">,</span><span class="w"> </span><span class="n">string2</span><span class="p">,</span><span class="w"> </span><span class="n">n</span><span class="p">);</span><span class="w">    </span><span class="c1">//compares first n chars</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="c1">//returns &lt; 0 if string1 precedes string2</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="c1">//returns 0 if string1 == string2</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="c1">// returns &gt; 0 if string1 succeeds string2</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="n">strchr</span><span class="p">(</span><span class="n">string</span><span class="p">,</span><span class="w"> </span><span class="n">c</span><span class="p">);</span><span class="w">    </span><span class="c1">//returns index of c in string if it exists, NULL otherwise</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="n">strstr</span><span class="p">(</span><span class="n">string1</span><span class="p">,</span><span class="w"> </span><span class="n">string2</span><span class="p">);</span><span class="w">    </span><span class="c1">//returns pointer to starting index of string1 in string2</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="n">strpbrk</span><span class="p">(</span><span class="n">string</span><span class="p">,</span><span class="w"> </span><span class="n">charSet</span><span class="p">);</span><span class="w">    </span><span class="c1">//Returns a pointer to the first occurrence of any character from strCharSet in str, or a NULL pointer if the two string arguments have no characters in common.</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-conversion">String Conversion</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">atof</span><span class="p">(</span><span class="n">string</span><span class="p">);</span><span class="w">    </span><span class="c1">//converts string in double if possible</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="n">atoi</span><span class="p">(</span><span class="n">string</span><span class="p">);</span><span class="w">    </span><span class="c1">//converts string in integer if possible</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="n">atol</span><span class="p">(</span><span class="n">string</span><span class="p">);</span><span class="w">    </span><span class="c1">//converts string in long if possible</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-methods">String Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C++</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">string</span><span class="p">.</span><span class="n">at</span><span class="p">(</span><span class="n">pos</span><span class="p">);</span><span class="w">    </span><span class="c1">// returns char at index pos</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">string</span><span class="p">.</span><span class="n">substr</span><span class="p">(</span><span class="n">start</span><span class="p">,</span><span class="w"> </span><span class="n">end</span><span class="p">);</span><span class="w">    </span><span class="c1">// returns substring between indexes START and END</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="n">string</span><span class="p">.</span><span class="n">c_str</span><span class="p">();</span><span class="w">    </span><span class="c1">//reads string char by char</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="n">string</span><span class="p">.</span><span class="n">find</span><span class="p">(</span><span class="n">substring</span><span class="p">);</span><span class="w">    </span><span class="c1">// The zero-based index of the first character in string object that matches the requested substring or characters</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="vectors">Vectors</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;vector&gt;</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="n">vector</span><span class="o">&lt;</span><span class="n">type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">vector_name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="n">values</span><span class="p">};</span><span class="w">    </span><span class="c1">//variable length array</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="decision-statements">Decision Statements</h2>
+<h3 id="if-statements">If Statements</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="p">{</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="p">}</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="p">{</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="p">}</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="k">else</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="p">{</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="switch">Switch</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-13-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-13-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-13-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-13-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-13-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-13-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-13-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-13-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-13-10">10</a></span>
+<span class="normal"><a href="#__codelineno-13-11">11</a></span>
+<span class="normal"><a href="#__codelineno-13-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="n">expression</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="no">constant_1</span><span class="p">:</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="no">constant_2</span><span class="p">:</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a>
+<a id="__codelineno-13-10" name="__codelineno-13-10"></a><span class="w">    </span><span class="k">default</span><span class="o">:</span>
+<a id="__codelineno-13-11" name="__codelineno-13-11"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-13-12" name="__codelineno-13-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loop-statements">Loop Statements</h2>
+<h3 id="while-loop">While Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="do-while">Do While</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">do</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">}</span><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="for-loop">For Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">initialization</span><span class="p">;</span><span class="w"> </span><span class="n">condition</span><span class="p">;</span><span class="w"> </span><span class="n">increase</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="break-statement">Break Statement</h3>
+<p><code>break;</code> leaves a loop, even if the condition for its end is not fulfilled.</p>
+<h3 id="continue-statement">Continue Statement</h3>
+<p><code>continue;</code> causes the program to skip the rest of the loop in the current iteration.</p>
+<h2 id="functions">Functions</h2>
+<p>Functions <strong>must</strong> be declared <strong>before</strong> the main function.<br />
+It is possible to declare functions <strong>after</strong> the main only if the <em>prototype</em> is declared <strong>before</strong> the main.<br />
+To return multiple variables those variables can be passed by reference so that their values is adjourned in the main.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span>
+<span class="normal"><a href="#__codelineno-17-5">5</a></span>
+<span class="normal"><a href="#__codelineno-17-6">6</a></span>
+<span class="normal"><a href="#__codelineno-17-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">function_name</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">argument1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span><span class="w"> </span><span class="c1">// function prototype</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="n">type</span><span class="w"> </span><span class="nf">functionName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="p">}</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="kt">void</span><span class="w"> </span><span class="nf">functionName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="arguments-passed-by-reference-without-pointers">Arguments passed by reference without pointers</h3>
+<p>Passing arguments by reference causes modifications made inside the function to be propagated to the values outside.<br />
+Passing arguments by values copies the values to the arguments: changes remain inside the function.  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">functionName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="o">&amp;</span><span class="n">argument1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p><code>functionName (arguments);</code></p>
+<h3 id="arguments-passed-by-reference-with-pointers">Arguments passed by reference with pointers</h3>
+<p>Passing arguments by reference causes modifications made inside the function to be propagated to the values outside.<br />
+Passing arguments by values copies the values to the arguments: changes remain inside the function.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span>
+<span class="normal"><a href="#__codelineno-19-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">function_name</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="o">*</span><span class="n">argument_1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="w">    </span><span class="n">instructions</span><span class="p">;</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p><code>function_name (&amp;argument_1, ...);</code></p>
+<h2 id="arrays">Arrays</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span>
+<span class="normal"><a href="#__codelineno-20-4">4</a></span>
+<span class="normal"><a href="#__codelineno-20-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="n">type</span><span class="w"> </span><span class="n">arrayName</span><span class="p">[</span><span class="n">dimension</span><span class="p">];</span><span class="w">    </span><span class="c1">//array declaration</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="n">type</span><span class="w"> </span><span class="n">arrayName</span><span class="p">[</span><span class="n">dimension</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="p">...};</span><span class="w">    </span><span class="c1">//array declaration &amp; initialization, values number must match dimension</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w">    </span><span class="c1">//item access, index starts at 0 (zero)</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">    </span><span class="c1">//value assignment at position index</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="array-as-function-parameter">Array as function parameter</h2>
+<p>The dimension is not specified because it is determined by the passed array.<br />
+The array is passed by reference.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-21-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-21-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-21-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-21-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-21-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-21-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-21-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-21-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-21-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">function</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">array</span><span class="p">[]){</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="p">}</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="c1">//array is not modifiable inside the function (READ ONLY)</span>
+<a id="__codelineno-21-6" name="__codelineno-21-6"></a><span class="n">type</span><span class="w"> </span><span class="nf">function</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">array</span><span class="p">[]){</span>
+<a id="__codelineno-21-7" name="__codelineno-21-7"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-21-8" name="__codelineno-21-8"></a><span class="p">}</span>
+<a id="__codelineno-21-9" name="__codelineno-21-9"></a>
+<a id="__codelineno-21-10" name="__codelineno-21-10"></a><span class="n">function</span><span class="p">(</span><span class="n">array</span><span class="p">);</span><span class="w">    </span><span class="c1">//array passed w/out square brackets []</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multi-dimensional-array-matrix">Multi-Dimensional Array (Matrix)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="n">type</span><span class="w"> </span><span class="n">matrix</span><span class="p">[</span><span class="n">rows</span><span class="p">][</span><span class="n">columns</span><span class="p">];</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="n">matrix</span><span class="p">[</span><span class="n">i</span><span class="p">][</span><span class="n">j</span><span class="p">]</span><span class="w">    </span><span class="c1">//element A_ij of the matrix</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="matrix-as-function-parameter">Matrix as function parameter</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-23-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-23-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-23-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-23-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-23-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-23-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-23-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-23-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-23-10">10</a></span>
+<span class="normal"><a href="#__codelineno-23-11">11</a></span>
+<span class="normal"><a href="#__codelineno-23-12">12</a></span>
+<span class="normal"><a href="#__codelineno-23-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="c1">//matrix passed by reference, second dimension is mandatory</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="n">type</span><span class="w"> </span><span class="nf">function</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">matrix</span><span class="p">[][</span><span class="n">columns</span><span class="p">]){</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="p">};</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a><span class="c1">//matrix values READ ONLY</span>
+<a id="__codelineno-23-7" name="__codelineno-23-7"></a><span class="n">type</span><span class="w"> </span><span class="nf">function</span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">matrix</span><span class="p">[][</span><span class="n">columns</span><span class="p">]){</span>
+<a id="__codelineno-23-8" name="__codelineno-23-8"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-23-9" name="__codelineno-23-9"></a><span class="p">}</span>
+<a id="__codelineno-23-10" name="__codelineno-23-10"></a>
+<a id="__codelineno-23-11" name="__codelineno-23-11"></a><span class="n">type</span><span class="w"> </span><span class="nf">function</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">matrix</span><span class="p">[][</span><span class="n">dim2</span><span class="p">]...[</span><span class="n">dimN</span><span class="p">]){</span>
+<a id="__codelineno-23-12" name="__codelineno-23-12"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-23-13" name="__codelineno-23-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="structs">Structs</h2>
+<h3 id="struct-definition">Struct Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span>
+<span class="normal"><a href="#__codelineno-24-4">4</a></span>
+<span class="normal"><a href="#__codelineno-24-5">5</a></span>
+<span class="normal"><a href="#__codelineno-24-6">6</a></span>
+<span class="normal"><a href="#__codelineno-24-7">7</a></span>
+<span class="normal"><a href="#__codelineno-24-8">8</a></span>
+<span class="normal"><a href="#__codelineno-24-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="n">field1</span><span class="p">;</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="n">field2</span><span class="p">;</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="n">field3</span><span class="p">;</span>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="n">field4</span><span class="p">;</span>
+<a id="__codelineno-24-6" name="__codelineno-24-6"></a><span class="p">};</span>
+<a id="__codelineno-24-7" name="__codelineno-24-7"></a>
+<a id="__codelineno-24-8" name="__codelineno-24-8"></a><span class="n">Struct</span><span class="w"> </span><span class="n">variable</span><span class="p">;</span><span class="w">    </span><span class="c1">// struct-type variable</span>
+<a id="__codelineno-24-9" name="__codelineno-24-9"></a><span class="n">variable</span><span class="p">.</span><span class="n">field</span><span class="w">    </span><span class="c1">// field access</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="pointers">Pointers</h2>
+<p>Pointers hold memory addresses of declared variables, they should be initialized to NULL.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span>
+<span class="normal"><a href="#__codelineno-25-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="n">type</span><span class="w"> </span><span class="o">*</span><span class="n">pointer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="n">variable</span><span class="p">;</span><span class="w">     </span><span class="c1">//pointer init and assignment</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="n">type</span><span class="w"> </span><span class="o">*</span><span class="n">pointer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">NULL</span><span class="p">;</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="n">type</span><span class="w"> </span><span class="o">*</span><span class="n">pointer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">otherPointer</span><span class="p">;</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="n">type</span><span class="w"> </span><span class="o">**</span><span class="n">pointerToPointer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="n">pointer</span><span class="p">;</span><span class="w">    </span><span class="c1">// pointerToPointer -&gt; pointer -&gt; variable</span>
+</code></pre></div></td></tr></table></div>
+<p><code>&amp;variable</code> extracts the address, the pointer holds the address of the variable.<br />
+pointer type and variable type <strong>must</strong> match.<br />
+(*) &rarr; "value pointed to by"</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="n">pointer</span><span class="w">    </span><span class="c1">//address of pointed value (value of variable)</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="o">*</span><span class="n">pointer</span><span class="w">    </span><span class="c1">//value of pointed variable</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="o">**</span><span class="n">pointer</span><span class="w"> </span><span class="c1">//value pointed by *pointer (pointer to pointer)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pointer-to-array">Pointer to array</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span>
+<span class="normal"><a href="#__codelineno-27-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="n">type</span><span class="w"> </span><span class="o">*</span><span class="n">pointer</span><span class="p">;</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="n">type</span><span class="w"> </span><span class="n">array</span><span class="p">[</span><span class="n">dim</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{};</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="n">pointer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">array</span><span class="p">;</span><span class="w">    </span><span class="c1">//point to array (pointer points to first &quot;cell&quot; of array)</span>
+<a id="__codelineno-27-6" name="__codelineno-27-6"></a><span class="n">pointer</span><span class="o">++</span><span class="p">;</span><span class="w">    </span><span class="c1">//change pointed value to successive &quot;cell&quot; of array</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pointers-arrays-functions">Pointers, Arrays &amp; Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span>
+<span class="normal"><a href="#__codelineno-28-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="n">func</span><span class="p">(</span><span class="n">array</span><span class="p">)</span><span class="w">    </span><span class="c1">//pass entire array to function (no need to use (&amp;) to extract address)</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="n">type</span><span class="w"> </span><span class="n">func</span><span class="p">(</span><span class="n">type</span><span class="o">*</span><span class="w"> </span><span class="n">array</span><span class="p">){</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="w">    </span><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w">    </span><span class="c1">//access to item of array at index</span>
+<a id="__codelineno-28-5" name="__codelineno-28-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pointer-to-struct">Pointer to Struct</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="p">(</span><span class="o">*</span><span class="n">structPointer</span><span class="p">).</span><span class="n">field</span><span class="w">    </span><span class="c1">//access to field value</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="n">structPointer</span><span class="o">-&gt;</span><span class="n">structField</span><span class="w">    </span><span class="c1">//access to field value</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dynamic-structures">Dynamic Structures</h2>
+<p>Dynamic structures are structures without a fixed number of items.  </p>
+<p>Every item in a dynamic structure is called <strong>node</strong>.<br />
+Every node is composed by two parts:</p>
+<ul>
+<li>the value (item)</li>
+<li>pointer to successive node</li>
+</ul>
+<p><strong>Lists</strong> are <em>linear</em> dynamic structures in which is only defined the preceding and succeeding item. A List is a group of homogeneous items (all of the same type).  </p>
+<p><strong>Trees</strong>, <strong>Graphs</strong> are non <em>linear</em> dynamic structures in which an item cha have multiple successors.  </p>
+<h3 id="stack">Stack</h3>
+<p>A <strong>Stack</strong> is a list in with nodes can be extracted from one <em>side</em> only (<em>LIFO</em>).
+The extraction of an item from the <em>top</em> is called <strong>pop</strong></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="c1">// node structure</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Node</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="w">    </span><span class="n">stack</span><span class="w"> </span><span class="o">*</span><span class="n">next</span><span class="p">;</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="node-insertion">Node Insertion</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-31-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-31-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-31-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-31-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-31-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-31-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-31-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-31-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-31-10">10</a></span>
+<span class="normal"><a href="#__codelineno-31-11">11</a></span>
+<span class="normal"><a href="#__codelineno-31-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="n">Node</span><span class="w"> </span><span class="o">*</span><span class="n">stackNode</span><span class="p">;</span><span class="w">    </span><span class="c1">//current node</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="n">Node</span><span class="o">*</span><span class="w"> </span><span class="n">head</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">NULL</span><span class="p">;</span><span class="w">    </span><span class="c1">//pointer to head of stack</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a><span class="kt">int</span><span class="w"> </span><span class="n">nodeValue</span><span class="p">;</span>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="c1">//assign value to nodeValue</span>
+<a id="__codelineno-31-6" name="__codelineno-31-6"></a>
+<a id="__codelineno-31-7" name="__codelineno-31-7"></a><span class="n">stackNode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="o">*</span><span class="n">Node</span><span class="p">)</span><span class="n">malloc</span><span class="p">(</span><span class="k">sizeof</span><span class="p">(</span><span class="n">Node</span><span class="p">));</span><span class="w">    </span><span class="c1">//create new node</span>
+<a id="__codelineno-31-8" name="__codelineno-31-8"></a>
+<a id="__codelineno-31-9" name="__codelineno-31-9"></a><span class="n">stackNode</span><span class="o">-&gt;</span><span class="n">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">nodevalue</span><span class="p">;</span><span class="w">    </span><span class="c1">//valorize node</span>
+<a id="__codelineno-31-10" name="__codelineno-31-10"></a><span class="n">stackNode</span><span class="o">-&gt;</span><span class="n">next</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">head</span><span class="p">;</span><span class="w">    </span><span class="c1">//update node pointer to old head adding it to the stack</span>
+<a id="__codelineno-31-11" name="__codelineno-31-11"></a>
+<a id="__codelineno-31-12" name="__codelineno-31-12"></a><span class="n">head</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">stackNode</span><span class="p">;</span><span class="w">    </span><span class="c1">//update head to point to new first node</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="node-deletion">Node Deletion</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span>
+<span class="normal"><a href="#__codelineno-32-2">2</a></span>
+<span class="normal"><a href="#__codelineno-32-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="n">stackNode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">head</span><span class="o">-&gt;</span><span class="n">next</span><span class="p">;</span><span class="w">    </span><span class="c1">//memorize location of second node</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="n">free</span><span class="p">(</span><span class="n">head</span><span class="p">);</span><span class="w">    </span><span class="c1">//delete first node</span>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="n">head</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">stackNode</span><span class="p">;</span><span class="w">    </span><span class="c1">//update head to point to new first node</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="passing-head-to-functions">Passing Head To Functions</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span>
+<span class="normal"><a href="#__codelineno-33-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">function</span><span class="p">(</span><span class="n">Node</span><span class="o">**</span><span class="w"> </span><span class="n">head</span><span class="p">)</span><span class="w">    </span><span class="c1">//value of head passed by address (head is Node*)</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="p">{</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="w">    </span><span class="o">*</span><span class="n">head</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">...</span><span class="w">    </span><span class="c1">//update value of head (pointed variable/object/Node)</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="queue">Queue</h3>
+<p>A <strong>Queue</strong> is a list in which nodes enter from one side and can be extracted only from the other side (<em>FIFO</em>).</p>
+<h3 id="linked-list">Linked List</h3>
+<p>A <strong>Linked List</strong> is list in which nodes can be extracted from each side and from inside the linked list.</p>
+<p>Linked lists can be <em>linear</em>, <em>circular</em> or <em>bidirectional</em>.<br />
+In circular linked lists the last node points to the first.</p>
+<p>Nodes of bidirectional linked lists are composed by three parts:</p>
+<ul>
+<li>the value (item)</li>
+<li>pointer to successive node</li>
+<li>pointer to previous item</li>
+</ul>
+<p>Thus the first and last node will have a component empty since they only point to a single node.</p>
+<h3 id="dynamic-memory-allocation">Dynamic Memory Allocation</h3>
+<p>C does not automatically free allocated memory when nodes are deleted. It must be done manually.  </p>
+<ul>
+<li><code>malloc()</code> returns a void pointer if the allocation is successful.</li>
+<li><code>free()</code> frees the memory</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="n">list</span><span class="w"> </span><span class="o">*</span><span class="n">pointer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">list</span><span class="o">*</span><span class="p">)</span><span class="n">malloc</span><span class="p">(</span><span class="k">sizeof</span><span class="p">(</span><span class="n">list</span><span class="p">));</span><span class="w">    </span><span class="c1">//memory allocation</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="n">free</span><span class="p">(</span><span class="n">pointer</span><span class="p">)</span><span class="w">    </span><span class="c1">//freeing of memory</span>
+</code></pre></div></td></tr></table></div>
+<p><code>malloc()</code> returns a <em>void pointer</em> thus the list must be casted to a void type with <code>(list*)</code></p>
+<h2 id="files">Files</h2>
+<p>The object oriented approach is based on the use of <em>streams</em>.<br />
+A <strong>Stream</strong> can be considered a stream of data that passes sequentially from a source to a destination.</p>
+<p>The available classes in C++ to operate on files are:</p>
+<ul>
+<li><code>ifstream</code> for the input (reading)</li>
+<li><code>ofstream</code> for the output (writing)</li>
+<li><code>fstream</code> for input or output</li>
+</ul>
+<h3 id="file-opening">File Opening</h3>
+<p>Filename can be string literal or CharArray (use <code>c_str()</code>).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-35-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-35-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-35-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-35-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-35-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-35-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-35-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-35-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-35-10">10</a></span>
+<span class="normal"><a href="#__codelineno-35-11">11</a></span>
+<span class="normal"><a href="#__codelineno-35-12">12</a></span>
+<span class="normal"><a href="#__codelineno-35-13">13</a></span>
+<span class="normal"><a href="#__codelineno-35-14">14</a></span>
+<span class="normal"><a href="#__codelineno-35-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="n">ifstream</span><span class="w"> </span><span class="n">file</span><span class="p">;</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">);</span><span class="w">    </span><span class="c1">//read from file</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="n">ofstream</span><span class="w"> </span><span class="n">file</span><span class="p">;</span>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">);</span><span class="w">    </span><span class="c1">//write to file</span>
+<a id="__codelineno-35-6" name="__codelineno-35-6"></a>
+<a id="__codelineno-35-7" name="__codelineno-35-7"></a>
+<a id="__codelineno-35-8" name="__codelineno-35-8"></a><span class="n">fstream</span><span class="w"> </span><span class="n">file</span><span class="p">;</span>
+<a id="__codelineno-35-9" name="__codelineno-35-9"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">in</span><span class="p">);</span><span class="w">    </span><span class="c1">//read form file</span>
+<a id="__codelineno-35-10" name="__codelineno-35-10"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">out</span><span class="p">);</span><span class="w">    </span><span class="c1">//write to file</span>
+<a id="__codelineno-35-11" name="__codelineno-35-11"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">app</span><span class="p">);</span><span class="w">    </span><span class="c1">//append to file</span>
+<a id="__codelineno-35-12" name="__codelineno-35-12"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">trunc</span><span class="p">);</span><span class="w">    </span><span class="c1">//overwrite file</span>
+<a id="__codelineno-35-13" name="__codelineno-35-13"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">nocreate</span><span class="p">);</span><span class="w">    </span><span class="c1">//opens file only if it exists, error otherwise. Does not create new file</span>
+<a id="__codelineno-35-14" name="__codelineno-35-14"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">noreplace</span><span class="p">);</span><span class="w">    </span><span class="c1">//opens file only if it not exists, error otherwise. If it not exists the file is created.</span>
+<a id="__codelineno-35-15" name="__codelineno-35-15"></a><span class="n">file</span><span class="p">.</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">ios</span><span class="o">::</span><span class="n">binary</span><span class="p">);</span><span class="w">    </span><span class="c1">//opens file in binary format</span>
+</code></pre></div></td></tr></table></div>
+<p>If file opening fails the stream has value 0, otherwise the value is the assigned memory address.<br />
+Opening modes can be combined with the OR operator: <code>ios::mode | ios::mode</code>.</p>
+<h3 id="stream-state-input-errors">Stream state &amp; Input errors</h3>
+<p>Once a stream is in a <strong>state of error</strong> it will remain so until the status flags are <em>explicitly resetted</em>. The input operations on such a stream are <em>void</em> until the reset happens.<br />
+To clear the status of a stream the <code>clear()</code> method is used.<br />
+Furthermore, when an error on the stream happens <strong>the stream is not cleared</strong> of it's characters contents.<br />
+To clear the stream contents the <code>ignore()</code> method is used.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../css/css.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: CSS">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                CSS
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../kotlin/kotlin.html" class="md-footer__link md-footer__link--next" aria-label="Next: Kotlin">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Kotlin
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/css/css.html b/languages/css/css.html
new file mode 100644
index 0000000..0968422
--- /dev/null
+++ b/languages/css/css.html
@@ -0,0 +1,6558 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/css/css.html">
+      
+      
+        <link rel="prev" href="../markdown.html">
+      
+      
+        <link rel="next" href="../c/c.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>CSS - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="CSS - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/css/css.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/css/css.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="CSS - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/css/css.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#css" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              CSS
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="css.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#applying-css-to-html" class="md-nav__link">
+    <span class="md-ellipsis">
+      Applying CSS to HTML
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Applying CSS to HTML">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#inline-css" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline CSS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#embedded-css" class="md-nav__link">
+    <span class="md-ellipsis">
+      Embedded CSS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#external-css" class="md-nav__link">
+    <span class="md-ellipsis">
+      External CSS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#css-selectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      CSS Selectors
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CSS Selectors">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-selectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Selectors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nested-selectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nested Selectors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#id-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      ID Selector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Selector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#universal-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Universal Selector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#descendant-selector-space" class="md-nav__link">
+    <span class="md-ellipsis">
+      Descendant selector (space)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#direct-child-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Direct child selector (&gt;)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#general-sibling-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      General sibling selector (~)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#adjacent-sibling-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Adjacent sibling selector (+)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#namespace-separator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespace Separator (|)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#column-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Column Selector (||)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-present-selector-tagattr" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Present Selector (tag[attr])
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-equals-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Equals Selector (=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-contains-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Contains Selector (*=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-begins-with-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Begins With Selector (^=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-ends-with-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Ends With Selector ($=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-spaced-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Spaced Selector (~=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-hyphenated-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Hyphenated Selector (|=)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pseudo-Classes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Pseudo-Classes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#link-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Link Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-action-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Action Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-interface-state-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Interface State Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#structural-position-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structural &amp; Position Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#empty-negation-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Empty &amp; Negation Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pseudo-Elements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Pseudo-Elements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#textual-pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Textual Pseudo-Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#content-pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Content Pseudo-Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fragment-pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fragment Pseudo-Elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#css-cascading" class="md-nav__link">
+    <span class="md-ellipsis">
+      CSS Cascading
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CSS Cascading">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cascading-override-with-important" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cascading Override With !important
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#specificity" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specificity
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#units" class="md-nav__link">
+    <span class="md-ellipsis">
+      Units
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Units">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#absolute-length-units" class="md-nav__link">
+    <span class="md-ellipsis">
+      Absolute Length units
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relative-length-units" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relative Length Units
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#common-element-properties" class="md-nav__link">
+    <span class="md-ellipsis">
+      Common Element Properties
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Common Element Properties">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#color" class="md-nav__link">
+    <span class="md-ellipsis">
+      Color
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#background" class="md-nav__link">
+    <span class="md-ellipsis">
+      Background
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#font" class="md-nav__link">
+    <span class="md-ellipsis">
+      Font
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-decoration-aliment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Decoration &amp; Aliment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#size" class="md-nav__link">
+    <span class="md-ellipsis">
+      Size
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#hiding-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hiding Elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#box-model" class="md-nav__link">
+    <span class="md-ellipsis">
+      Box Model
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Box Model">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#padding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Padding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#border" class="md-nav__link">
+    <span class="md-ellipsis">
+      Border
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#box-sizing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Box Sizing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#margin" class="md-nav__link">
+    <span class="md-ellipsis">
+      Margin
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#element-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Element Positioning
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Element Positioning">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#static-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relative-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relative positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#absolute-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Absolute Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fixed-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fixed Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sticky-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sticky Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#z-index" class="md-nav__link">
+    <span class="md-ellipsis">
+      Z-Index
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#layouts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Layouts
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Layouts">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#inline" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#block" class="md-nav__link">
+    <span class="md-ellipsis">
+      Block
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inline-block" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline Block
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#none" class="md-nav__link">
+    <span class="md-ellipsis">
+      None
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#flex" class="md-nav__link">
+    <span class="md-ellipsis">
+      Flex
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#grid" class="md-nav__link">
+    <span class="md-ellipsis">
+      Grid
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#responsive-design" class="md-nav__link">
+    <span class="md-ellipsis">
+      Responsive Design
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Responsive Design">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#viewport-meta-tag" class="md-nav__link">
+    <span class="md-ellipsis">
+      Viewport Meta-Tag
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#media-queries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Media Queries
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#applying-css-to-html" class="md-nav__link">
+    <span class="md-ellipsis">
+      Applying CSS to HTML
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Applying CSS to HTML">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#inline-css" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline CSS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#embedded-css" class="md-nav__link">
+    <span class="md-ellipsis">
+      Embedded CSS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#external-css" class="md-nav__link">
+    <span class="md-ellipsis">
+      External CSS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#css-selectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      CSS Selectors
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CSS Selectors">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-selectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Selectors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nested-selectors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nested Selectors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#id-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      ID Selector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Selector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#universal-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Universal Selector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#descendant-selector-space" class="md-nav__link">
+    <span class="md-ellipsis">
+      Descendant selector (space)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#direct-child-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Direct child selector (&gt;)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#general-sibling-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      General sibling selector (~)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#adjacent-sibling-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Adjacent sibling selector (+)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#namespace-separator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespace Separator (|)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#column-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Column Selector (||)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-present-selector-tagattr" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Present Selector (tag[attr])
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-equals-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Equals Selector (=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-contains-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Contains Selector (*=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-begins-with-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Begins With Selector (^=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-ends-with-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Ends With Selector ($=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-spaced-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Spaced Selector (~=)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#attribute-hyphenated-selector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attribute Hyphenated Selector (|=)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pseudo-Classes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Pseudo-Classes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#link-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Link Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-action-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Action Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-interface-state-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Interface State Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#structural-position-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structural &amp; Position Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#empty-negation-pseudo-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Empty &amp; Negation Pseudo-Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pseudo-Elements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Pseudo-Elements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#textual-pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Textual Pseudo-Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#content-pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Content Pseudo-Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fragment-pseudo-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fragment Pseudo-Elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#css-cascading" class="md-nav__link">
+    <span class="md-ellipsis">
+      CSS Cascading
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CSS Cascading">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cascading-override-with-important" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cascading Override With !important
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#specificity" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specificity
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#units" class="md-nav__link">
+    <span class="md-ellipsis">
+      Units
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Units">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#absolute-length-units" class="md-nav__link">
+    <span class="md-ellipsis">
+      Absolute Length units
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relative-length-units" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relative Length Units
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#common-element-properties" class="md-nav__link">
+    <span class="md-ellipsis">
+      Common Element Properties
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Common Element Properties">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#color" class="md-nav__link">
+    <span class="md-ellipsis">
+      Color
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#background" class="md-nav__link">
+    <span class="md-ellipsis">
+      Background
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#font" class="md-nav__link">
+    <span class="md-ellipsis">
+      Font
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-decoration-aliment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Decoration &amp; Aliment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#size" class="md-nav__link">
+    <span class="md-ellipsis">
+      Size
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#hiding-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hiding Elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#box-model" class="md-nav__link">
+    <span class="md-ellipsis">
+      Box Model
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Box Model">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#padding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Padding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#border" class="md-nav__link">
+    <span class="md-ellipsis">
+      Border
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#box-sizing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Box Sizing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#margin" class="md-nav__link">
+    <span class="md-ellipsis">
+      Margin
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#element-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Element Positioning
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Element Positioning">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#static-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relative-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relative positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#absolute-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Absolute Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fixed-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fixed Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sticky-positioning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sticky Positioning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#z-index" class="md-nav__link">
+    <span class="md-ellipsis">
+      Z-Index
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#layouts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Layouts
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Layouts">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#inline" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#block" class="md-nav__link">
+    <span class="md-ellipsis">
+      Block
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inline-block" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline Block
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#none" class="md-nav__link">
+    <span class="md-ellipsis">
+      None
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#flex" class="md-nav__link">
+    <span class="md-ellipsis">
+      Flex
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#grid" class="md-nav__link">
+    <span class="md-ellipsis">
+      Grid
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#responsive-design" class="md-nav__link">
+    <span class="md-ellipsis">
+      Responsive Design
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Responsive Design">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#viewport-meta-tag" class="md-nav__link">
+    <span class="md-ellipsis">
+      Viewport Meta-Tag
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#media-queries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Media Queries
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="css">CSS</h1>
+<h2 id="applying-css-to-html">Applying CSS to HTML</h2>
+<h3 id="inline-css">Inline CSS</h3>
+<p>The style only applies to one element at a time.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="p">&lt;</span><span class="nt">tag</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;property:value&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">tag</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="embedded-css">Embedded CSS</h3>
+<p>The style is not shared but only applies to one HTML file.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">    </span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">        </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="external-css">External CSS</h3>
+<ul>
+<li>Shared resource, can be referenced from multiple pages.  </li>
+<li>Can be cached, reduced HTML file size &amp; bandwidth.  </li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;style.css&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="css-selectors"><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors">CSS Selectors</a></h2>
+<p>A CSS selector points to an html element to style.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="w">    </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiple-selectors">Multiple Selectors</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="nt">selector1</span><span class="o">,</span><span class="w"> </span><span class="nt">selector2</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nested-selectors">Nested Selectors</h3>
+<p>Used to select tags nested in other tags.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="nt">outerSelector</span><span class="w"> </span><span class="nt">innerSelector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="id-selector">ID Selector</h3>
+<p>Can only apply to one element in a page.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="p">#</span><span class="nn">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">    </span><span class="c">/* selects &lt;tag id=&quot;selector&quot;&gt; */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="class-selector">Class Selector</h3>
+<p>Many elements can have the same class, classes are used to group HTML elements together.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="p">.</span><span class="nc">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">    </span><span class="c">/* selects &lt;tag class=&quot;selector&quot;&gt; */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="universal-selector">Universal Selector</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="o">*</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">    </span><span class="c">/* selects every HTML element */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="descendant-selector-space">Descendant selector (space)</h3>
+<p>Selects an element that resides anywhere within an identified ancestor element.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="nt">article</span><span class="w"> </span><span class="nt">h2</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;</span>title<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="p">&lt;</span><span class="nt">article</span><span class="p">&gt;</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a>    <span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a>    <span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;</span>subtitle<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a>    <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>        <span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a>        <span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;</span>subtitle<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a>    <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="p">&lt;/</span><span class="nt">article</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="direct-child-selector">Direct child selector (<code>&gt;</code>)</h3>
+<p>Selects an elements that resides immediately inside an identified parent element.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="nt">article</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="p">&lt;</span><span class="nt">article</span><span class="p">&gt;</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>    <span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>This paragraph will be selected<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>    <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a>        <span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>        <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a>    <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="p">&lt;/</span><span class="nt">article</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="general-sibling-selector">General sibling selector (<code>~</code>)</h3>
+<p>Selects an element that follows anywhere after the prior element.<br />
+Both elements share the same parent.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="nt">h2</span><span class="w"> </span><span class="o">~</span><span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span>
+<span class="normal"><a href="#__codelineno-14-13">13</a></span>
+<span class="normal"><a href="#__codelineno-14-14">14</a></span>
+<span class="normal"><a href="#__codelineno-14-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="p">&lt;</span><span class="nt">section</span><span class="p">&gt;</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a>    <span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a>    <span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;</span>title<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a>    <span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>This paragraph will be selected<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a>    <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a>        <span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a>        <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a>    <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a>    <span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>This paragraph will be selected<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-14-13" name="__codelineno-14-13"></a><span class="p">&lt;/</span><span class="nt">section</span><span class="p">&gt;</span>
+<a id="__codelineno-14-14" name="__codelineno-14-14"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-14-15" name="__codelineno-14-15"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="adjacent-sibling-selector">Adjacent sibling selector (<code>+</code>)</h3>
+<p>Selects an element that follows directly after the prior element.<br />
+Both elements share the same parent.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="nt">h2</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-16-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-16-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-16-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-16-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-16-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-16-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-16-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-16-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-16-10">10</a></span>
+<span class="normal"><a href="#__codelineno-16-11">11</a></span>
+<span class="normal"><a href="#__codelineno-16-12">12</a></span>
+<span class="normal"><a href="#__codelineno-16-13">13</a></span>
+<span class="normal"><a href="#__codelineno-16-14">14</a></span>
+<span class="normal"><a href="#__codelineno-16-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="p">&lt;</span><span class="nt">section</span><span class="p">&gt;</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a>    <span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a>    <span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;</span>title<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a>    <span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>This paragraph will be selected<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a>    <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a>        <span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-16-9" name="__codelineno-16-9"></a>        <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-16-10" name="__codelineno-16-10"></a>    <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-16-11" name="__codelineno-16-11"></a>    <span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-16-12" name="__codelineno-16-12"></a>    <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-16-13" name="__codelineno-16-13"></a><span class="p">&lt;/</span><span class="nt">section</span><span class="p">&gt;</span>
+<a id="__codelineno-16-14" name="__codelineno-16-14"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-16-15" name="__codelineno-16-15"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="namespace-separator">Namespace Separator (<code>|</code>)</h3>
+<p>The <strong>namespace</strong> separator separates the selector from the namespace, identifying the namespace, or lack thereof, for a type selector.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-17-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-17-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-17-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-17-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-17-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-17-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-17-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-17-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-17-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="p">@</span><span class="k">namespace</span><span class="w"> </span><span class="o">&lt;</span><span class="nt">namespace</span><span class="o">&gt;</span><span class="w"> </span><span class="nt">url</span><span class="o">(</span><span class="s2">&quot;&lt;XML-namespace-URL&gt;&quot;</span><span class="o">)</span><span class="p">;</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="c">/* specific namespace */</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="nt">namespace</span><span class="o">|</span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="c">/* any namespace */</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="o">*|</span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a><span class="c">/* no namespace */</span>
+<a id="__codelineno-17-10" name="__codelineno-17-10"></a><span class="o">|</span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-18-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-18-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-18-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-18-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-18-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-18-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-18-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-18-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-18-10">10</a></span>
+<span class="normal"><a href="#__codelineno-18-11">11</a></span>
+<span class="normal"><a href="#__codelineno-18-12">12</a></span>
+<span class="normal"><a href="#__codelineno-18-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="p">@</span><span class="k">namespace</span><span class="w"> </span><span class="nt">svg</span><span class="w"> </span><span class="nt">url</span><span class="o">(</span><span class="s1">&#39;http://www.w3.org/2000/svg&#39;</span><span class="o">)</span><span class="p">;</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="nt">a</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="w">  </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">orangered</span><span class="p">;</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="w">  </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">underline</span><span class="w"> </span><span class="kc">dashed</span><span class="p">;</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="w">  </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a><span class="p">}</span>
+<a id="__codelineno-18-8" name="__codelineno-18-8"></a>
+<a id="__codelineno-18-9" name="__codelineno-18-9"></a><span class="nt">svg</span><span class="o">|</span><span class="nt">a</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-10" name="__codelineno-18-10"></a><span class="w">  </span><span class="k">fill</span><span class="p">:</span><span class="w"> </span><span class="kc">blueviolet</span><span class="p">;</span>
+<a id="__codelineno-18-11" name="__codelineno-18-11"></a><span class="w">  </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">underline</span><span class="w"> </span><span class="kc">solid</span><span class="p">;</span>
+<a id="__codelineno-18-12" name="__codelineno-18-12"></a><span class="w">  </span><span class="k">text-transform</span><span class="p">:</span><span class="w"> </span><span class="kc">uppercase</span><span class="p">;</span>
+<a id="__codelineno-18-13" name="__codelineno-18-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-19-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-19-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-19-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-19-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-19-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-19-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-19-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-19-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-19-10">10</a></span>
+<span class="normal"><a href="#__codelineno-19-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>This paragraph 
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a>    <span class="cm">&lt;!-- will be colored orangered --&gt;</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a>    <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#&quot;</span><span class="p">&gt;</span>has a link<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>.
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="p">&lt;</span><span class="nt">svg</span> <span class="na">width</span><span class="o">=</span><span class="s">&quot;400&quot;</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">&quot;0 0 400 20&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a>  <span class="cm">&lt;!-- will be colored blueviolet --&gt;</span>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a>  <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a>    <span class="p">&lt;</span><span class="nt">text</span> <span class="na">x</span><span class="o">=</span><span class="s">&quot;0&quot;</span> <span class="na">y</span><span class="o">=</span><span class="s">&quot;15&quot;</span><span class="p">&gt;</span>Link created in SVG<span class="p">&lt;/</span><span class="nt">text</span><span class="p">&gt;</span>
+<a id="__codelineno-19-10" name="__codelineno-19-10"></a>  <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-19-11" name="__codelineno-19-11"></a><span class="p">&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="column-selector">Column Selector (<code>||</code>)</h3>
+<p>The column combinator (||) is placed between two CSS selectors. It matches only those elements matched by the second selector that belong to the column elements matched by the first.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="nt">column-selector</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="nt">cell-selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-present-selector-tagattr">Attribute Present Selector (<code>tag[attr]</code>)</h3>
+<p><code>a[target]{ property: value; }</code> will match</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#&quot;</span> <span class="na">target</span><span class="o">=</span><span class="s">&quot;_blank&quot;</span><span class="p">&gt;</span>click here<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-equals-selector">Attribute Equals Selector (<code>=</code>)</h3>
+<p><code>a[href="https://google.com"] { property: value; }</code> will match</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://google.com/&quot;</span><span class="p">&gt;</span>search on google<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-contains-selector">Attribute Contains Selector (<code>*=</code>)</h3>
+<p><code>a[href*="login"] { property: value; }</code> will match</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;/login.php&quot;</span><span class="p">&gt;</span>login page<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-begins-with-selector">Attribute Begins With Selector (<code>^=</code>)</h3>
+<p><code>a[href^="Https://"] { property: value; }</code> will match</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;https://www.bbc.com/&quot;</span><span class="p">&gt;</span>The BBC<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-ends-with-selector">Attribute Ends With Selector (<code>$=</code>)</h3>
+<p><code>a[href$=".pdf"] { property: value; }</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span>
+<span class="normal"><a href="#__codelineno-25-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;/docs/menu.pdf&quot;</span><span class="p">&gt;</span>download menu<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;/audio/song.mp3&quot;</span><span class="p">&gt;</span>download song<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-spaced-selector">Attribute Spaced Selector (<code>~=</code>)</h3>
+<p><code>img[alt~="child"] { property: value; }</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span>
+<span class="normal"><a href="#__codelineno-26-4">4</a></span>
+<span class="normal"><a href="#__codelineno-26-5">5</a></span>
+<span class="normal"><a href="#__codelineno-26-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;child.jpg&quot;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&#39;a small child&#39;</span><span class="p">&gt;</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;child.jpg&quot;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&#39;a-small-child&#39;</span><span class="p">&gt;</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;child.jpg&quot;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&#39;asmallchild&#39;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="attribute-hyphenated-selector">Attribute Hyphenated Selector (<code>|=</code>)</h3>
+<p><code>p[lang|="en"] { property: value; }</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span>
+<span class="normal"><a href="#__codelineno-27-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="p">&lt;</span><span class="nt">p</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;en&quot;</span><span class="p">&gt;</span>English<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="cm">&lt;!-- WILL match --&gt;</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="p">&lt;</span><span class="nt">p</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;en-US&quot;</span><span class="p">&gt;</span>American english<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="cm">&lt;!-- Will NOT match --&gt;</span>
+<a id="__codelineno-27-6" name="__codelineno-27-6"></a><span class="p">&lt;</span><span class="nt">p</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;fr&quot;</span><span class="p">&gt;</span>Français<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="pseudo-classes"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes">Pseudo-Classes</a></h2>
+<p>Pseudo-classes can style elements based on their current state. They must be specified after the base case.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="nt">selector</span><span class="p">:</span><span class="nd">pseudo-class</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="link-pseudo-classes">Link Pseudo-Classes</h3>
+<p><code>a:link {...}</code> selects only <code>&lt;a&gt;</code> tags that have <code>href</code> attribute, same as <code>a[href]</code>.<br />
+<code>a:visited {...}</code> selects links that have already been visited by the current browser.</p>
+<h3 id="user-action-pseudo-classes">User Action Pseudo-Classes</h3>
+<p><code>a:hover {...}</code> selects a link when the mouse rolls over it (hover state).<br />
+<code>a:active {...}</code> selects the link while it's being activated (clicked or otherwise).<br />
+<code>selector:focus {...}</code> selects an element when the user focuses on it (e.g. tab w/ keyboard). Often used on links, inputs, text-areas.</p>
+<h3 id="user-interface-state-pseudo-classes">User Interface State Pseudo-Classes</h3>
+<p><code>input:enabled {...}</code> selects an input that is in the default state of enabled and available for use.<br />
+<code>input:disabled {...}</code> selects an input that has the attribute.<br />
+<code>input:checked {...}</code> selects checkboxes or radio buttons that are checked.<br />
+<code>input:indeterminate {...}</code> selects checkboxes or radio button that has neither selected nor unselected.</p>
+<h3 id="structural-position-pseudo-classes">Structural &amp; Position Pseudo-Classes</h3>
+<p><code>selector:first-child {...}</code> selects an element if it's the first child within its parent.<br />
+<code>selector:last-child {...}</code> selects an element if it's the last element within its parent.<br />
+<code>selector:only-child {...}</code> will select an element if it is the only element within a parent.  </p>
+<p><code>selector:first-of-type {...}</code> selects the first element of its type within a parent.<br />
+<code>selector:last-of-type {...}</code> selects the last element of its type within a parent.<br />
+<code>selector:only-of-type {...}</code> selects an element if it is the only of its type within a parent.</p>
+<p><code>selector:nth-child() {...}</code> selects elements based on a simple provided algebraic expression (e.g. "2n" or "4n-1").
+Can select even/odd elements, "every third", "the first five", etc.<br />
+<code>selector:nth-of-type() {...}</code> works like <code>:nth-child</code> in places where the elements at the same level are of different types.<br />
+<code>selector:nth-last-of-type() {...}</code> like <code>:nth-of-type</code> but counts up from the bottom instead of the top.<br />
+<code>selector:nth-last-child() {...}</code> like <code>:nth-child</code> but counts up from the bottom instead of the top.</p>
+<h3 id="empty-negation-pseudo-classes">Empty &amp; Negation Pseudo-Classes</h3>
+<p><code>selector:empty {...}</code> selects elements with no content (empty tags).<br />
+<code>selector:not() {...}</code> selects elements that do not have a certain tag, attribute, class, ID, etc.</p>
+<h2 id="pseudo-elements"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements">Pseudo-Elements</a></h2>
+<p>Dynamic elements that don't exist in the document tree.
+When used within selectors allow unique parts of the page to be stylized. Only one pseudo-element may be used within a selector at a given time.</p>
+<h3 id="textual-pseudo-elements">Textual Pseudo-Elements</h3>
+<p><code>selector::first-letter {...}</code> selects the first letter of the text within an element.<br />
+<code>selector::first-line {...}</code> selects the first line of text within an element.</p>
+<h3 id="content-pseudo-elements">Content Pseudo-Elements</h3>
+<p><code>selector::before {...}</code> creates a pseudo-element before, or in front of, the selected element.<br />
+<code>selector::after {...}</code> creates a pseudo-element after, or behind, the selected element.<br />
+<strong>These pseudo-elements appear nested within the selected element, not outside of it.</strong></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="nt">selector</span><span class="o">::&lt;</span><span class="nt">after</span><span class="o">|</span><span class="nt">before</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="w">    </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="w">    </span><span class="k">content</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot; (&quot;</span><span class="w"> </span><span class="nb">attr</span><span class="p">(</span><span class="n">attribute_name</span><span class="p">)</span><span class="w"> </span><span class="s2">&quot;)&quot;</span><span class="p">;</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="w">    </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="fragment-pseudo-elements">Fragment Pseudo-Elements</h3>
+<p><code>selector::selection {...}</code> identifies part of the document that has been selected, or highlighted, by a user's actions.  </p>
+<h2 id="css-cascading">CSS Cascading</h2>
+<p>The browser assigns different priorities to CSS depending on the type of selector.</p>
+<ol>
+<li>Inline CSS (Most Important)</li>
+<li>ID selector</li>
+<li>Class selector</li>
+<li>Element selector (Least Important)</li>
+</ol>
+<p>The browser also assigns priority based on the specificity of the selection. More specific selectors have higher priority.<br />
+Rules lower in the file overwrite higher rules in the file.</p>
+<h3 id="cascading-override-with-important">Cascading Override With <code>!important</code></h3>
+<p>The <code>!important</code> declaration overrides any other declaration.<br />
+Using it is very bad practice because it makes debugging more difficult by breaking the natural cascading in stylesheets.</p>
+<p>Only use <code>!important</code> when:</p>
+<ul>
+<li>overriding foreign CSS (e.g. from a library)</li>
+<li>overriding inline CSS</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="nt">selector</span><span class="o">[</span><span class="nt">style</span><span class="o">*=</span><span class="s2">&quot;property:value&quot;</span><span class="o">]</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="w">    </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="w"> </span><span class="cp">!important</span><span class="p">;</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="specificity">Specificity</h3>
+<p>A weight is applied to a CSS declaration, determined by the number of each selector type:</p>
+<ul>
+<li><code>1-0-0</code>: ID selector  </li>
+<li><code>0-1-0</code>: Class selector, Attribute selector, Pseudo-class  </li>
+<li><code>0-0-1</code>: Element Selector, Pseudo-element  </li>
+<li><code>0-0-0</code>: Universal selector (<code>*</code>), combinators (<code>+</code>, <code>&gt;</code>, <code>~</code>, <code>||</code>) and negation pseudo-class <code>:not()</code>  </li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: The selectors declared inside <code>:not()</code> contribute to the weight.</p>
+</blockquote>
+<h2 id="units"><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units">Units</a></h2>
+<h3 id="absolute-length-units">Absolute Length units</h3>
+<table>
+<thead>
+<tr>
+<th>Unit</th>
+<th>Name</th>
+<th>Equivalent to</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>cm</code></td>
+<td>centimeters</td>
+<td>1cm = 38px = 25/64in</td>
+</tr>
+<tr>
+<td><code>mm</code></td>
+<td>Millimeters</td>
+<td>1mm = 1/10<sup>th</sup> of 1cm</td>
+</tr>
+<tr>
+<td><code>Q</code></td>
+<td>Quarter-millimeters</td>
+<td>1Q = 1/40<sup>th</sup> of 1cm</td>
+</tr>
+<tr>
+<td><code>in</code></td>
+<td>Inches</td>
+<td>1in = 2.54cm = 96px</td>
+</tr>
+<tr>
+<td><code>pc</code></td>
+<td>Picas</td>
+<td>1pc = &#8537;th of 1in</td>
+</tr>
+<tr>
+<td><code>pt</code></td>
+<td>Points</td>
+<td>1pt = 1/72th of 1in</td>
+</tr>
+<tr>
+<td><code>px</code></td>
+<td>Pixels</td>
+<td>1px = 1/96<sup>th</sup> of 1in</td>
+</tr>
+</tbody>
+</table>
+<h3 id="relative-length-units">Relative Length Units</h3>
+<table>
+<thead>
+<tr>
+<th>Unit</th>
+<th>Relative to</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>rem</code></td>
+<td>Font size of the root element.</td>
+</tr>
+<tr>
+<td><code>em</code></td>
+<td>Font size of the parent or the element itself</td>
+</tr>
+<tr>
+<td><code>ex</code></td>
+<td>x-height of the element's font.</td>
+</tr>
+<tr>
+<td><code>ch</code></td>
+<td>The advance measure (width) of the glyph "0" of the element's font.</td>
+</tr>
+<tr>
+<td><code>lh</code></td>
+<td>Line height of the element.</td>
+</tr>
+<tr>
+<td><code>vw</code></td>
+<td>1% of the viewport's width.</td>
+</tr>
+<tr>
+<td><code>vh</code></td>
+<td>1% of the viewport's height.</td>
+</tr>
+<tr>
+<td><code>vmin</code></td>
+<td>1% of the viewport's smaller dimension.</td>
+</tr>
+<tr>
+<td><code>vmax</code></td>
+<td>1% of the viewport's larger dimension.</td>
+</tr>
+<tr>
+<td><code>%</code></td>
+<td>Relative to the parent element</td>
+</tr>
+</tbody>
+</table>
+<h2 id="common-element-properties">Common Element Properties</h2>
+<h3 id="color">Color</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span>
+<span class="normal"><a href="#__codelineno-31-2">2</a></span>
+<span class="normal"><a href="#__codelineno-31-3">3</a></span>
+<span class="normal"><a href="#__codelineno-31-4">4</a></span>
+<span class="normal"><a href="#__codelineno-31-5">5</a></span>
+<span class="normal"><a href="#__codelineno-31-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">color</span><span class="o">-</span><span class="n">name</span><span class="p">;</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a><span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="err">#</span><span class="o">&lt;</span><span class="n">hex-digits</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a><span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgb</span><span class="p">();</span>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsl</span><span class="p">();</span>
+<a id="__codelineno-31-6" name="__codelineno-31-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="background">Background</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-32-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-32-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-32-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-32-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-32-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-32-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-32-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-32-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-32-10">10</a></span>
+<span class="normal"><a href="#__codelineno-32-11">11</a></span>
+<span class="normal"><a href="#__codelineno-32-12">12</a></span>
+<span class="normal"><a href="#__codelineno-32-13">13</a></span>
+<span class="normal"><a href="#__codelineno-32-14">14</a></span>
+<span class="normal"><a href="#__codelineno-32-15">15</a></span>
+<span class="normal"><a href="#__codelineno-32-16">16</a></span>
+<span class="normal"><a href="#__codelineno-32-17">17</a></span>
+<span class="normal"><a href="#__codelineno-32-18">18</a></span>
+<span class="normal"><a href="#__codelineno-32-19">19</a></span>
+<span class="normal"><a href="#__codelineno-32-20">20</a></span>
+<span class="normal"><a href="#__codelineno-32-21">21</a></span>
+<span class="normal"><a href="#__codelineno-32-22">22</a></span>
+<span class="normal"><a href="#__codelineno-32-23">23</a></span>
+<span class="normal"><a href="#__codelineno-32-24">24</a></span>
+<span class="normal"><a href="#__codelineno-32-25">25</a></span>
+<span class="normal"><a href="#__codelineno-32-26">26</a></span>
+<span class="normal"><a href="#__codelineno-32-27">27</a></span>
+<span class="normal"><a href="#__codelineno-32-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="w">    </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">image</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="k">position</span><span class="o">&gt;</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">repeat</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">attachment</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">origin</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">clip</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="w">    </span><span class="k">background-image</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">image-path</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a>
+<a id="__codelineno-32-6" name="__codelineno-32-6"></a><span class="w">    </span><span class="k">background-position</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">|</span><span class="kc">bottom</span><span class="o">|</span><span class="kc">left</span><span class="o">|</span><span class="kc">right</span><span class="o">|</span><span class="kc">center</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-7" name="__codelineno-32-7"></a><span class="w">    </span><span class="k">background-position</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">inherit</span><span class="o">|</span><span class="kc">initial</span><span class="o">|</span><span class="n">revert</span><span class="o">|</span><span class="n">revert-layer</span><span class="o">|</span><span class="kc">unset</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-8" name="__codelineno-32-8"></a><span class="w">    </span><span class="k">background-position</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">x</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">y</span><span class="o">&gt;</span>
+<a id="__codelineno-32-9" name="__codelineno-32-9"></a>
+<a id="__codelineno-32-10" name="__codelineno-32-10"></a><span class="w">    </span><span class="k">background-size</span><span class="o">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-11" name="__codelineno-32-11"></a><span class="w">    </span><span class="k">background-size</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="k">width</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="k">height</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-12" name="__codelineno-32-12"></a><span class="w">    </span><span class="k">background-size</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c">/* multiple background */</span>
+<a id="__codelineno-32-13" name="__codelineno-32-13"></a>
+<a id="__codelineno-32-14" name="__codelineno-32-14"></a>
+<a id="__codelineno-32-15" name="__codelineno-32-15"></a><span class="w">    </span><span class="k">background-repeat</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">horizontal</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">vertical</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-16" name="__codelineno-32-16"></a><span class="w">    </span><span class="k">background-repeat</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">repeat</span><span class="o">|</span><span class="kc">no-repeat</span><span class="o">|</span><span class="kc">repeat-x</span><span class="o">|</span><span class="kc">repeat-y</span><span class="o">|</span><span class="kc">space</span><span class="o">|</span><span class="kc">round</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-17" name="__codelineno-32-17"></a>
+<a id="__codelineno-32-18" name="__codelineno-32-18"></a><span class="w">    </span><span class="k">background-attachment</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">scroll</span><span class="o">|</span><span class="kc">fixed</span><span class="o">|</span><span class="kc">local</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-19" name="__codelineno-32-19"></a>
+<a id="__codelineno-32-20" name="__codelineno-32-20"></a><span class="w">    </span><span class="k">background-origin</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">border-box</span><span class="o">|</span><span class="kc">padding-box</span><span class="o">|</span><span class="kc">content-box</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-21" name="__codelineno-32-21"></a><span class="w">    </span><span class="k">background-clip</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">border-box</span><span class="o">|</span><span class="kc">padding-box</span><span class="o">|</span><span class="kc">content-box</span><span class="o">|</span><span class="kc">text</span><span class="o">&gt;</span>
+<a id="__codelineno-32-22" name="__codelineno-32-22"></a>
+<a id="__codelineno-32-23" name="__codelineno-32-23"></a><span class="w">    </span><span class="k">background-color</span><span class="o">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-24" name="__codelineno-32-24"></a><span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">color</span><span class="o">-</span><span class="n">name</span><span class="p">;</span>
+<a id="__codelineno-32-25" name="__codelineno-32-25"></a><span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="err">#</span><span class="o">&lt;</span><span class="n">hex-digits</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-32-26" name="__codelineno-32-26"></a><span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgb</span><span class="p">();</span>
+<a id="__codelineno-32-27" name="__codelineno-32-27"></a><span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsl</span><span class="p">();</span>
+<a id="__codelineno-32-28" name="__codelineno-32-28"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="font">Font</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-33-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-33-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-33-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-33-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-33-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-33-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-33-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-33-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-33-10">10</a></span>
+<span class="normal"><a href="#__codelineno-33-11">11</a></span>
+<span class="normal"><a href="#__codelineno-33-12">12</a></span>
+<span class="normal"><a href="#__codelineno-33-13">13</a></span>
+<span class="normal"><a href="#__codelineno-33-14">14</a></span>
+<span class="normal"><a href="#__codelineno-33-15">15</a></span>
+<span class="normal"><a href="#__codelineno-33-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="w">    </span><span class="k">font</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">weight</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">family</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="w">    </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a><span class="w">    </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">weight</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-33-5" name="__codelineno-33-5"></a><span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-33-6" name="__codelineno-33-6"></a><span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">family</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-33-7" name="__codelineno-33-7"></a>
+<a id="__codelineno-33-8" name="__codelineno-33-8"></a><span class="w">    </span><span class="c">/* specific font name */</span>
+<a id="__codelineno-33-9" name="__codelineno-33-9"></a><span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Font Name&quot;</span><span class="p">;</span>
+<a id="__codelineno-33-10" name="__codelineno-33-10"></a>
+<a id="__codelineno-33-11" name="__codelineno-33-11"></a><span class="w">    </span><span class="c">/* generic name */</span>
+<a id="__codelineno-33-12" name="__codelineno-33-12"></a><span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="n">generic-name</span><span class="p">;</span>
+<a id="__codelineno-33-13" name="__codelineno-33-13"></a>
+<a id="__codelineno-33-14" name="__codelineno-33-14"></a><span class="w">    </span><span class="c">/* comma separated list */</span>
+<a id="__codelineno-33-15" name="__codelineno-33-15"></a><span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Font Name&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">generic-name</span><span class="p">;</span>
+<a id="__codelineno-33-16" name="__codelineno-33-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="text-decoration-aliment">Text Decoration &amp; Aliment</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span>
+<span class="normal"><a href="#__codelineno-34-3">3</a></span>
+<span class="normal"><a href="#__codelineno-34-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="w">    </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">line</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">thickness</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="n">alignment</span><span class="p">;</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p><code>text-decoration</code> values:</p>
+<ul>
+<li><code>text-decoration-line</code>: Sets the kind of decoration used, such as underline or line-through.</li>
+<li><code>text-decoration-color</code>: Sets the color of the decoration.</li>
+<li><code>text-decoration-style</code>: Sets the style of the line used for the decoration, such as solid, wavy, or dashed.</li>
+<li><code>text-decoration-thickness</code>: Sets the thickness of the line used for the decoration.</li>
+</ul>
+<p><code>text-align</code> values:</p>
+<ul>
+<li><code>start</code>: The same as left if direction is left-to-right and right if direction is right-to-left.</li>
+<li><code>end</code>: The same as right if direction is left-to-right and left if direction is right-to-left.</li>
+<li><code>left</code>: The inline contents are aligned to the left edge of the line box.</li>
+<li><code>right</code>: The inline contents are aligned to the right edge of the line box.</li>
+<li><code>center</code>: The inline contents are centered within the line box.</li>
+<li><code>justify</code>: The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.</li>
+<li><code>justify-all</code>: Same as justify, but also forces the last line to be justified.</li>
+<li><code>match-parent</code>: Similar to inherit, but the values start and end are calculated according to the parent's direction and are replaced by the appropriate left or right value.</li>
+</ul>
+<h3 id="size">Size</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-35-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-35-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-35-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-35-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-35-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-35-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-35-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-35-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-35-10">10</a></span>
+<span class="normal"><a href="#__codelineno-35-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="w">    </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="w">    </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="w">    </span><span class="k">min-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a>
+<a id="__codelineno-35-6" name="__codelineno-35-6"></a><span class="w">    </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-7" name="__codelineno-35-7"></a><span class="w">    </span><span class="k">max-height</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-8" name="__codelineno-35-8"></a><span class="w">    </span><span class="k">min-height</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-9" name="__codelineno-35-9"></a>
+<a id="__codelineno-35-10" name="__codelineno-35-10"></a><span class="w">    </span><span class="k">aspect-ratio</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="k">width</span><span class="o">&gt;</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="o">&lt;</span><span class="k">height</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-35-11" name="__codelineno-35-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>width</code> and <code>height</code> properties do not have effect on inline elements.</p>
+</blockquote>
+<h3 id="hiding-elements">Hiding Elements</h3>
+<p>There are several methods to 'hide' elements:</p>
+<ul>
+<li><code>display: none</code> removes the element from the document flow</li>
+<li><code>visibility: hidden</code> hides the element, but it still takes up space in the layout</li>
+<li><code>opacity: 0</code> hides the element, still takes up space in the layout, events work</li>
+</ul>
+<table>
+<thead>
+<tr>
+<th>Rule</th>
+<th>Collapse</th>
+<th>Events</th>
+<th>Tab Order</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>display: none</code></td>
+<td>Yes</td>
+<td>No</td>
+<td>No</td>
+</tr>
+<tr>
+<td><code>visibility: hidden</code></td>
+<td>No</td>
+<td>No</td>
+<td>No</td>
+</tr>
+<tr>
+<td><code>opacity: 0</code></td>
+<td>No</td>
+<td>Yes</td>
+<td>Yes</td>
+</tr>
+</tbody>
+</table>
+<h2 id="box-model"><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model">Box Model</a></h2>
+<p><img alt="Box Model" src="../../img/css_box-model.avif" /></p>
+<h3 id="padding">Padding</h3>
+<p>Space between the border and the content.</p>
+<p>It's possible to specify the padding for each side of the element:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-36-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-36-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-36-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-36-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-36-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-36-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-36-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-36-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-36-10">10</a></span>
+<span class="normal"><a href="#__codelineno-36-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a><span class="w">    </span><span class="k">padding-top</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="w">    </span><span class="k">padding-right</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a><span class="w">    </span><span class="k">padding-bottom</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-36-5" name="__codelineno-36-5"></a><span class="w">    </span><span class="k">padding-left</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-36-6" name="__codelineno-36-6"></a>
+<a id="__codelineno-36-7" name="__codelineno-36-7"></a><span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">right</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">left</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c">/* Four values (TRBL) */</span>
+<a id="__codelineno-36-8" name="__codelineno-36-8"></a><span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">right</span><span class="o">/</span><span class="kc">left</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c">/* Three values (T/TL/B) */</span>
+<a id="__codelineno-36-9" name="__codelineno-36-9"></a><span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">/</span><span class="kc">bottom</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">right</span><span class="o">/</span><span class="kc">left</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c">/* Two values (TB/RL) */</span>
+<a id="__codelineno-36-10" name="__codelineno-36-10"></a><span class="w">    </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">all</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c">/* One value */</span>
+<a id="__codelineno-36-11" name="__codelineno-36-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Padding adds to the total size of the box, unless <code>box-sizing: border-box;</code> is used.</p>
+</blockquote>
+<h3 id="border">Border</h3>
+<p>Borders are specified as "size, style, color".</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span>
+<span class="normal"><a href="#__codelineno-37-13">13</a></span>
+<span class="normal"><a href="#__codelineno-37-14">14</a></span>
+<span class="normal"><a href="#__codelineno-37-15">15</a></span>
+<span class="normal"><a href="#__codelineno-37-16">16</a></span>
+<span class="normal"><a href="#__codelineno-37-17">17</a></span>
+<span class="normal"><a href="#__codelineno-37-18">18</a></span>
+<span class="normal"><a href="#__codelineno-37-19">19</a></span>
+<span class="normal"><a href="#__codelineno-37-20">20</a></span>
+<span class="normal"><a href="#__codelineno-37-21">21</a></span>
+<span class="normal"><a href="#__codelineno-37-22">22</a></span>
+<span class="normal"><a href="#__codelineno-37-23">23</a></span>
+<span class="normal"><a href="#__codelineno-37-24">24</a></span>
+<span class="normal"><a href="#__codelineno-37-25">25</a></span>
+<span class="normal"><a href="#__codelineno-37-26">26</a></span>
+<span class="normal"><a href="#__codelineno-37-27">27</a></span>
+<span class="normal"><a href="#__codelineno-37-28">28</a></span>
+<span class="normal"><a href="#__codelineno-37-29">29</a></span>
+<span class="normal"><a href="#__codelineno-37-30">30</a></span>
+<span class="normal"><a href="#__codelineno-37-31">31</a></span>
+<span class="normal"><a href="#__codelineno-37-32">32</a></span>
+<span class="normal"><a href="#__codelineno-37-33">33</a></span>
+<span class="normal"><a href="#__codelineno-37-34">34</a></span>
+<span class="normal"><a href="#__codelineno-37-35">35</a></span>
+<span class="normal"><a href="#__codelineno-37-36">36</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a><span class="w">    </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="w">    </span><span class="k">border-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a><span class="w">    </span><span class="k">border-style</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="w">    </span><span class="k">border-color</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="w">    </span><span class="k">border-top</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a><span class="w">    </span><span class="k">border-right</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a><span class="w">    </span><span class="k">border-bottom</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a><span class="w">    </span><span class="k">border-left</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">style</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">color</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a><span class="w">    </span><span class="k">border-top-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-13" name="__codelineno-37-13"></a><span class="w">    </span><span class="k">border-right-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-14" name="__codelineno-37-14"></a><span class="w">    </span><span class="k">border-bottom-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-15" name="__codelineno-37-15"></a><span class="w">    </span><span class="k">border-left-width</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-16" name="__codelineno-37-16"></a>
+<a id="__codelineno-37-17" name="__codelineno-37-17"></a><span class="w">    </span><span class="k">border-top-style</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-18" name="__codelineno-37-18"></a><span class="w">    </span><span class="k">border-right-style</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-19" name="__codelineno-37-19"></a><span class="w">    </span><span class="k">border-bottom-style</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-20" name="__codelineno-37-20"></a><span class="w">    </span><span class="k">border-left-style</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-21" name="__codelineno-37-21"></a>
+<a id="__codelineno-37-22" name="__codelineno-37-22"></a><span class="w">    </span><span class="k">border-top-color</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-23" name="__codelineno-37-23"></a><span class="w">    </span><span class="k">border-right-color</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-24" name="__codelineno-37-24"></a><span class="w">    </span><span class="k">border-bottom-color</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-25" name="__codelineno-37-25"></a><span class="w">    </span><span class="k">border-left-color</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-26" name="__codelineno-37-26"></a>
+<a id="__codelineno-37-27" name="__codelineno-37-27"></a><span class="w">    </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">-</span><span class="kc">left</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">-</span><span class="kc">right</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">-</span><span class="n">tight</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">-</span><span class="kc">left</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-28" name="__codelineno-37-28"></a><span class="w">    </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">-</span><span class="kc">left</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">-</span><span class="kc">right</span><span class="o">/</span><span class="kc">bottom</span><span class="o">-</span><span class="kc">left</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">-</span><span class="kc">right</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-29" name="__codelineno-37-29"></a><span class="w">    </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">-</span><span class="kc">left</span><span class="o">/</span><span class="kc">bottom</span><span class="o">-</span><span class="kc">right</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">-</span><span class="kc">right</span><span class="o">/</span><span class="kc">bottom</span><span class="o">-</span><span class="kc">left</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-30" name="__codelineno-37-30"></a><span class="w">    </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">all</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-31" name="__codelineno-37-31"></a>
+<a id="__codelineno-37-32" name="__codelineno-37-32"></a><span class="w">    </span><span class="k">border-top-left-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-33" name="__codelineno-37-33"></a><span class="w">    </span><span class="k">border-top-right-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-34" name="__codelineno-37-34"></a><span class="w">    </span><span class="k">border-bottom-right-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-35" name="__codelineno-37-35"></a><span class="w">    </span><span class="k">border-bottom-left-radius</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-37-36" name="__codelineno-37-36"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Border adds to the total size of the box, <code>unless box-sizing: border-box;</code> is used</p>
+</blockquote>
+<h3 id="box-sizing">Box Sizing</h3>
+<p>Defines whether the width and height (and min/max) of an element should include padding and borders or not.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1">1</a></span>
+<span class="normal"><a href="#__codelineno-38-2">2</a></span>
+<span class="normal"><a href="#__codelineno-38-3">3</a></span>
+<span class="normal"><a href="#__codelineno-38-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="w">    </span><span class="k">box-sizing</span><span class="p">:</span><span class="w"> </span><span class="kc">content-box</span><span class="p">;</span><span class="w">    </span><span class="c">/* Border and padding are not included */</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a><span class="w">    </span><span class="k">box-sizing</span><span class="p">:</span><span class="w"> </span><span class="kc">border-box</span><span class="p">;</span><span class="w">    </span><span class="c">/* Include the content, padding and border */</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="margin">Margin</h3>
+<p>Transparent area around the box that separates it from other elements.</p>
+<p>It's possible to specify the margin for each side of the element.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-39-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-39-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-39-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-39-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-39-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-39-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-39-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-39-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-39-10">10</a></span>
+<span class="normal"><a href="#__codelineno-39-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="w">    </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="w">    </span><span class="k">margin-right</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="w">    </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="w">    </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">size</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a>
+<a id="__codelineno-39-7" name="__codelineno-39-7"></a><span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">right</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">left</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c">/* Four values (TRBL) */</span>
+<a id="__codelineno-39-8" name="__codelineno-39-8"></a><span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">right</span><span class="o">/</span><span class="kc">left</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">bottom</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c">/* Three values (T/TL/B) */</span>
+<a id="__codelineno-39-9" name="__codelineno-39-9"></a><span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">top</span><span class="o">/</span><span class="kc">bottom</span><span class="o">&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">right</span><span class="o">/</span><span class="kc">left</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c">/* Two values (TB/RL) */</span>
+<a id="__codelineno-39-10" name="__codelineno-39-10"></a><span class="w">    </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">all</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c">/* One value */</span>
+<a id="__codelineno-39-11" name="__codelineno-39-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Top and bottom margins of near elements are collapsed into a single margin that is equal to the largest of the two margins.</p>
+</blockquote>
+<h2 id="element-positioning"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">Element Positioning</a></h2>
+<h3 id="static-positioning">Static Positioning</h3>
+<p>All HTML elements are positioned static by default.<br />
+Static elements are positioned in the normal flow of the page.<br />
+Static elements ignore top, bottom, right, or left property specifications.</p>
+<p>In normal flow block elements flow from top to bottom making a new line after every element.
+In normal flow inline elements flow from left to right wrapping to next line when needed.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="w">    </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">static</span><span class="p">;</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="relative-positioning">Relative positioning</h3>
+<p>Takes the element out of the normal flow, allowing it to be moved in relation to the top, bottom, right, or left but does not affect the elements surrounding it.<br />
+Makes an element a "positioning context" in which to position other elements relative to it.<br />
+The relative value will still put the element in the normal flow, but then offset it according to top, bottom, right and left properties.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1">1</a></span>
+<span class="normal"><a href="#__codelineno-41-2">2</a></span>
+<span class="normal"><a href="#__codelineno-41-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a><span class="w">    </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">relative</span><span class="p">;</span>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="absolute-positioning">Absolute Positioning</h3>
+<p>Positions element outside of the normal flow and other elements act as if it's not there.<br />
+An absolutely positioned element is offset from its container block, set with the properties top, bottom, right and left.<br />
+Its container block is the first surrounding element that has any position other than static.<br />
+If no such element is found, the container block is <code>&lt;html&gt;</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span>
+<span class="normal"><a href="#__codelineno-42-2">2</a></span>
+<span class="normal"><a href="#__codelineno-42-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="w">    </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="fixed-positioning">Fixed Positioning</h3>
+<p>The fixed value takes an element out of the normal flow, it positions it relative to the viewport.<br />
+Parent positioning will no longer affect fixed elements.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1">1</a></span>
+<span class="normal"><a href="#__codelineno-43-2">2</a></span>
+<span class="normal"><a href="#__codelineno-43-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="w">    </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">fixed</span><span class="p">;</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sticky-positioning">Sticky Positioning</h3>
+<p>Sticky positioning is a hybrid of relative and fixed positioning.<br />
+The element is treated as relative positioned until it crosses a specified threshold, at which point it is treated as fixed positioned.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1">1</a></span>
+<span class="normal"><a href="#__codelineno-44-2">2</a></span>
+<span class="normal"><a href="#__codelineno-44-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="w">    </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">sticky</span><span class="p">;</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p><code>Note</code>: sticky is not supported by IE and still needs to be prefixed for webkit based browsers</p>
+<h3 id="z-index">Z-Index</h3>
+<p>When elements overlap, the order of overlapping can be changed with z-index:</p>
+<ul>
+<li>The element with highest z-index goes on top</li>
+<li>Without z-index, elements stack in the order that they appear in the DOM</li>
+<li>Elements with non-static positioning will always appear on top of elements with default static positioning</li>
+</ul>
+<p><strong>Nesting is important</strong>: if element <em>B</em> is on top of element <em>A</em>, a child of element <em>A</em> can never be higher than element <em>B</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1">1</a></span>
+<span class="normal"><a href="#__codelineno-45-2">2</a></span>
+<span class="normal"><a href="#__codelineno-45-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a><span class="w">    </span><span class="k">z-index</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">int</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="layouts"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">Layouts</a></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1">1</a></span>
+<span class="normal"><a href="#__codelineno-46-2">2</a></span>
+<span class="normal"><a href="#__codelineno-46-3">3</a></span>
+<span class="normal"><a href="#__codelineno-46-4">4</a></span>
+<span class="normal"><a href="#__codelineno-46-5">5</a></span>
+<span class="normal"><a href="#__codelineno-46-6">6</a></span>
+<span class="normal"><a href="#__codelineno-46-7">7</a></span>
+<span class="normal"><a href="#__codelineno-46-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="nt">div</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">inline</span><span class="p">;</span><span class="w"> </span><span class="c">/* Default of all elements, unless UA (user agent) stylesheet overrides */</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">block</span><span class="p">;</span><span class="w"> </span><span class="c">/* block is default for elements like &lt;div&gt; and &lt;section&gt;*/</span>
+<a id="__codelineno-46-4" name="__codelineno-46-4"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">inline-block</span><span class="p">;</span><span class="w"> </span><span class="c">/* Characteristics of block, but sits on a line */</span>
+<a id="__codelineno-46-5" name="__codelineno-46-5"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
+<a id="__codelineno-46-6" name="__codelineno-46-6"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="k">grid</span><span class="p">;</span><span class="w"> </span><span class="c">/* divide page into major regions or define the relationship in terms of size */</span>
+<a id="__codelineno-46-7" name="__codelineno-46-7"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span><span class="w"> </span><span class="c">/* Hide */</span>
+<a id="__codelineno-46-8" name="__codelineno-46-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inline">Inline</h3>
+<ul>
+<li>The default value for elements (e.g. <code>&lt;span&gt;</code>, <code>&lt;em&gt;</code>, <code>&lt;b&gt;</code>, etc.)</li>
+<li>Doesn't break the flow of the text</li>
+<li>The element will accept margin and padding, but the element still sits inline</li>
+<li>Margin and padding will only push other elements horizontally, not vertically</li>
+<li>An inline element will not accept height and width.</li>
+</ul>
+<h3 id="block">Block</h3>
+<ul>
+<li>Some elements are set to block by the browser UA (user agent) stylesheet</li>
+<li>Container elements, like <code>&lt;div&gt;</code>, <code>&lt;section&gt;</code>, <code>&lt;ul&gt;</code>, etc.</li>
+<li>Text block elements like <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code>, <code>&lt;h2&gt;</code>, etc.</li>
+<li>Do not sit inline</li>
+<li>By default take up as much horizontal space as they can</li>
+</ul>
+<h3 id="inline-block">Inline Block</h3>
+<ul>
+<li>Combines aspects of inline and block</li>
+<li>Very similar to inline in that it will sit inline with the natural flow of text</li>
+<li>Able to set a width and height</li>
+</ul>
+<h3 id="none">None</h3>
+<ul>
+<li><code>display: none</code> removes the element from the document flow</li>
+<li>The element does not take up any space</li>
+</ul>
+<h3 id="flex"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout">Flex</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1">1</a></span>
+<span class="normal"><a href="#__codelineno-47-2">2</a></span>
+<span class="normal"><a href="#__codelineno-47-3">3</a></span>
+<span class="normal"><a href="#__codelineno-47-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-47-2" name="__codelineno-47-2"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;flex&quot;</span><span class="p">;</span>
+<a id="__codelineno-47-3" name="__codelineno-47-3"></a><span class="w">    </span><span class="k">flex-direction</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="kc">row</span><span class="o">|</span><span class="kc">column</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-47-4" name="__codelineno-47-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="grid"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-48-1">1</a></span>
+<span class="normal"><a href="#__codelineno-48-2">2</a></span>
+<span class="normal"><a href="#__codelineno-48-3">3</a></span>
+<span class="normal"><a href="#__codelineno-48-4">4</a></span>
+<span class="normal"><a href="#__codelineno-48-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-48-1" name="__codelineno-48-1"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-48-2" name="__codelineno-48-2"></a><span class="w">    </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="k">grid</span><span class="p">;</span>
+<a id="__codelineno-48-3" name="__codelineno-48-3"></a><span class="w">    </span><span class="k">grid-template-columns</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="n">fr</span><span class="w"> </span><span class="mi">1</span><span class="n">fr</span><span class="w"> </span><span class="mi">1</span><span class="n">fr</span><span class="p">;</span><span class="w">  </span><span class="c">/* 3 equal columns */</span>
+<a id="__codelineno-48-4" name="__codelineno-48-4"></a><span class="w">    </span><span class="k">grid-template-rows</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="n">fr</span><span class="w"> </span><span class="mi">1</span><span class="n">fr</span><span class="w"> </span><span class="mi">1</span><span class="n">fr</span><span class="p">;</span><span class="w">  </span><span class="c">/* 3 equal rows */</span>
+<a id="__codelineno-48-5" name="__codelineno-48-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="variables">Variables</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-49-1">1</a></span>
+<span class="normal"><a href="#__codelineno-49-2">2</a></span>
+<span class="normal"><a href="#__codelineno-49-3">3</a></span>
+<span class="normal"><a href="#__codelineno-49-4">4</a></span>
+<span class="normal"><a href="#__codelineno-49-5">5</a></span>
+<span class="normal"><a href="#__codelineno-49-6">6</a></span>
+<span class="normal"><a href="#__codelineno-49-7">7</a></span>
+<span class="normal"><a href="#__codelineno-49-8">8</a></span>
+<span class="normal"><a href="#__codelineno-49-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-49-1" name="__codelineno-49-1"></a><span class="p">:</span><span class="nd">root</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-49-2" name="__codelineno-49-2"></a><span class="w">    </span><span class="c">/* define variables on :root element */</span>
+<a id="__codelineno-49-3" name="__codelineno-49-3"></a><span class="w">    </span><span class="nv">--variable</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-49-4" name="__codelineno-49-4"></a><span class="p">}</span>
+<a id="__codelineno-49-5" name="__codelineno-49-5"></a>
+<a id="__codelineno-49-6" name="__codelineno-49-6"></a><span class="nt">selector</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-49-7" name="__codelineno-49-7"></a><span class="w">    </span><span class="nv">--variable</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c">/* overwrite value */</span>
+<a id="__codelineno-49-8" name="__codelineno-49-8"></a><span class="w">    </span><span class="n">prop</span><span class="p">:</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--variable</span><span class="p">);</span><span class="w">  </span><span class="c">/* use value of variable */</span>
+<a id="__codelineno-49-9" name="__codelineno-49-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="responsive-design">Responsive Design</h2>
+<p>A <strong>responsive</strong> website or application automatically adjusts to the screen and adapts to any device.</p>
+<h3 id="viewport-meta-tag">Viewport Meta-Tag</h3>
+<p>Is located in the <code>&lt;head&gt;</code> of the HTML document. It defines how a site should render in a web browser for mobile devices and makes media queries will work as intended.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-50-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-50-1" name="__codelineno-50-1"></a><span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;width=device-width, initial-scale=1&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<ul>
+<li><code>device-width</code>: indicates the width should match with the viewport of the device</li>
+<li><code>initial-scale</code>: ensure the zoom will not be applied and the layout will always show on a <code>1:1</code> scale</li>
+</ul>
+<h3 id="media-queries">Media Queries</h3>
+<p><strong>Media queries</strong> allow the customization of web pages for specific devices screen sizes.
+A media query is a logical expression: true or false; if a media query is true, the related rules are applied to the target device.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-51-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-51-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-51-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-51-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-51-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-51-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-51-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-51-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-51-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-51-10">10</a></span>
+<span class="normal"><a href="#__codelineno-51-11">11</a></span>
+<span class="normal"><a href="#__codelineno-51-12">12</a></span>
+<span class="normal"><a href="#__codelineno-51-13">13</a></span>
+<span class="normal"><a href="#__codelineno-51-14">14</a></span>
+<span class="normal"><a href="#__codelineno-51-15">15</a></span>
+<span class="normal"><a href="#__codelineno-51-16">16</a></span>
+<span class="normal"><a href="#__codelineno-51-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-51-1" name="__codelineno-51-1"></a><span class="p">@</span><span class="k">media</span><span class="w"> </span><span class="nt">type</span><span class="w"> </span><span class="nt">operator</span><span class="w"> </span><span class="o">(</span><span class="nt">feature</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-51-2" name="__codelineno-51-2"></a><span class="w">    </span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-51-3" name="__codelineno-51-3"></a><span class="p">}</span>
+<a id="__codelineno-51-4" name="__codelineno-51-4"></a>
+<a id="__codelineno-51-5" name="__codelineno-51-5"></a><span class="c">/* AND logic: Both conditions must be true */</span>
+<a id="__codelineno-51-6" name="__codelineno-51-6"></a><span class="p">@</span><span class="k">media</span><span class="w"> </span><span class="nt">screen</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="o">:</span><span class="w"> </span><span class="nt">400px</span><span class="o">)</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">orientation</span><span class="o">:</span><span class="w"> </span><span class="nt">landscape</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-51-7" name="__codelineno-51-7"></a><span class="w">    </span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-51-8" name="__codelineno-51-8"></a><span class="p">}</span>
+<a id="__codelineno-51-9" name="__codelineno-51-9"></a><span class="c">/* OR logic: At least one conditions should be true */</span>
+<a id="__codelineno-51-10" name="__codelineno-51-10"></a><span class="p">@</span><span class="k">media</span><span class="w"> </span><span class="nt">screen</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">min-width</span><span class="o">:</span><span class="w"> </span><span class="nt">400px</span><span class="o">),</span><span class="w"> </span><span class="nt">screen</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">orientation</span><span class="o">:</span><span class="w"> </span><span class="nt">landscape</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-51-11" name="__codelineno-51-11"></a><span class="w">    </span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-51-12" name="__codelineno-51-12"></a><span class="p">}</span>
+<a id="__codelineno-51-13" name="__codelineno-51-13"></a>
+<a id="__codelineno-51-14" name="__codelineno-51-14"></a><span class="c">/* NOT logic: Negates the entire condition */</span>
+<a id="__codelineno-51-15" name="__codelineno-51-15"></a><span class="p">@</span><span class="k">media</span><span class="w"> </span><span class="nt">not</span><span class="w"> </span><span class="nt">all</span><span class="w"> </span><span class="nt">and</span><span class="w"> </span><span class="o">(</span><span class="nt">orientation</span><span class="o">:</span><span class="w"> </span><span class="nt">landscape</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-51-16" name="__codelineno-51-16"></a><span class="w">    </span><span class="nt">selector</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">property</span><span class="p">:</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-51-17" name="__codelineno-51-17"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Types:</p>
+<ul>
+<li><code>all</code>: all media type devices.</li>
+<li><code>print</code>: printers.</li>
+<li><code>screen</code>: computer screens, tablets, smart-phones, etc.</li>
+<li><code>speech</code>: screen readers that "reads" the page out loud.</li>
+</ul>
+<p>Features:</p>
+<ul>
+<li><code>width</code></li>
+<li><code>min-width</code></li>
+<li><code>max-width</code></li>
+<li><code>height</code></li>
+<li><code>min-height</code></li>
+<li><code>max-height</code></li>
+<li><code>orientation</code></li>
+</ul>
+<p>It's possible to specify a media attribute in the link element. This applies a whole stylesheet when the condition is true:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-52-1">1</a></span>
+<span class="normal"><a href="#__codelineno-52-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-52-1" name="__codelineno-52-1"></a><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">media</span><span class="o">=</span><span class="s">&quot;screen and (min-width: 900px)&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;widescreen.css&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-52-2" name="__codelineno-52-2"></a><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">media</span><span class="o">=</span><span class="s">&quot;screen and (max-width: 600px)&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;smallscreen.css&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>It's also possible to have different stylesheets based on media type:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-53-1">1</a></span>
+<span class="normal"><a href="#__codelineno-53-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-53-1" name="__codelineno-53-1"></a><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;screen.css&quot;</span> <span class="na">media</span><span class="o">=</span><span class="s">&quot;screen&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-53-2" name="__codelineno-53-2"></a><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;print.css&quot;</span> <span class="na">media</span><span class="o">=</span><span class="s">&quot;print&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../markdown.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Markdown">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Markdown
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../c/c.html" class="md-footer__link md-footer__link--next" aria-label="Next: C">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                C
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/blazor.html b/languages/dotnet/asp.net/blazor.html
new file mode 100644
index 0000000..577bfae
--- /dev/null
+++ b/languages/dotnet/asp.net/blazor.html
@@ -0,0 +1,4632 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/blazor.html">
+      
+      
+        <link rel="prev" href="razor-syntax.html">
+      
+      
+        <link rel="next" href="signalr.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Blazor - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Blazor - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/blazor.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/blazor.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Blazor - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/blazor.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#blazor" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Blazor
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="blazor.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#components-razor" class="md-nav__link">
+    <span class="md-ellipsis">
+      Components (.razor)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#state-management" class="md-nav__link">
+    <span class="md-ellipsis">
+      State Management
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#passing-state-with-navigationmanager" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing state with NavigationManager
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Passing state with NavigationManager">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#blazor-wasm" class="md-nav__link">
+    <span class="md-ellipsis">
+      Blazor WASM
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-binding-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Binding &amp; Events
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#javascriptnet-interop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Javascript/.NET Interop
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Javascript/.NET Interop">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#render-blazor-components-from-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Render Blazor components from JavaScript
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#blazor-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Blazor custom elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#components-razor" class="md-nav__link">
+    <span class="md-ellipsis">
+      Components (.razor)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#state-management" class="md-nav__link">
+    <span class="md-ellipsis">
+      State Management
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#passing-state-with-navigationmanager" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing state with NavigationManager
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Passing state with NavigationManager">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#blazor-wasm" class="md-nav__link">
+    <span class="md-ellipsis">
+      Blazor WASM
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-binding-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Binding &amp; Events
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#javascriptnet-interop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Javascript/.NET Interop
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Javascript/.NET Interop">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#render-blazor-components-from-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Render Blazor components from JavaScript
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#blazor-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Blazor custom elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="blazor">Blazor</h1>
+<p>Blazor apps are based on <em>components</em>. A <strong>component</strong> in Blazor is an element of UI, such as a page, dialog, or data entry form.</p>
+<p>Components are .NET C# classes built into .NET assemblies that:</p>
+<ul>
+<li>Define flexible UI rendering logic.</li>
+<li>Handle user events.</li>
+<li>Can be nested and reused.</li>
+<li>Can be shared and distributed as Razor class libraries or NuGet packages.</li>
+</ul>
+<p><img alt="Blazor Server Architecture" src="../../../img/dotnet_blazor-server.avif" />
+<img alt="Blazor WASM Architecture" src="../../../img/dotnet_blazor-webassembly.avif" /></p>
+<p>The component class is usually written in the form of a Razor markup page with a <code>.razor</code> file extension. Components in Blazor are formally referred to as <em>Razor components</em>.</p>
+<h2 id="components-razor">Components (<code>.razor</code>)</h2>
+<p><a href="https://docs.microsoft.com/en-us/aspnet/core/blazor/components/">Blazor Components</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">@page</span><span class="w"> </span><span class="s">&quot;/route/{RouteParameter}&quot;</span><span class="w">  </span><span class="c1">// make component accessible from a URL</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">@page</span><span class="w"> </span><span class="s">&quot;/route/{RouteParameter?}&quot;</span><span class="w">  </span><span class="c1">// specify route parameter as optional</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">@page</span><span class="w"> </span><span class="s">&quot;/route/{RouteParameter:&lt;type&gt;}&quot;</span><span class="w">  </span><span class="c1">// specify route parameter type</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">@namespace</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Namespace</span><span class="o">&gt;</span><span class="w">  </span><span class="c1">// set the component namespace</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="n">@using</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Namespace</span><span class="o">&gt;</span><span class="w">  </span><span class="c1">// using statement</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">@inherits</span><span class="w"> </span><span class="n">BaseType</span><span class="w">  </span><span class="c1">// inheritance</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="n">@attribute</span><span class="w"> </span><span class="p">[</span><span class="n">Attribute</span><span class="p">]</span><span class="w">  </span><span class="c1">// apply an attribute</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="n">@inject</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">objectName</span><span class="w">  </span><span class="c1">// dependency injection</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="c1">// html of the page here</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="o">&lt;</span><span class="n">Namespace</span><span class="p">.</span><span class="n">ComponentFolder</span><span class="p">.</span><span class="n">Component</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// access component w/o @using</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="o">&lt;</span><span class="n">Component</span><span class="w"> </span><span class="n">Property</span><span class="o">=</span><span class="s">&quot;value&quot;</span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// insert component into page, passing attributes</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="o">&lt;</span><span class="n">Component</span><span class="w"> </span><span class="n">@onclick</span><span class="o">=</span><span class="s">&quot;@CallbackMethod&quot;</span><span class="o">&gt;</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="w">    </span><span class="n">@ChildContent</span><span class="w">  </span><span class="c1">// segment of UI content</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="o">&lt;/</span><span class="n">Component</span><span class="o">&gt;</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="n">@code</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">    </span><span class="c1">// component model (Properties, Methods, ...)</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="w">    </span><span class="na">[Parameter]</span><span class="w">  </span><span class="c1">// capture attribute </span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">defaultValue</span><span class="p">;</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="w">    </span><span class="na">[Parameter]</span><span class="w">  </span><span class="c1">// capture route parameters</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">RouteParameter</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;}</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a><span class="w">    </span><span class="na">[Parameter]</span><span class="w"> </span><span class="c1">// segment of UI content</span>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">RenderFragment</span><span class="w"> </span><span class="n">ChildContent</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;}</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">CallbackMethod</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="state-management">State Management</h2>
+<h2 id="passing-state-with-navigationmanager">Passing state with <code>NavigationManager</code></h2>
+<p>It's now possible to pass state when navigating in Blazor apps using the <code>NavigationManager</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">navigationManager</span><span class="p">.</span><span class="n">NavigateTo</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">NavigationOptions</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">HistoryEntryState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<p>This mechanism allows for simple communication between different pages. The specified state is pushed onto the browser’s history stack so that it can be accessed later using either the <code>NavigationManager.HistoryEntryState</code> property or the <code>LocationChangedEventArgs.HistoryEntryState</code> property when listening for location changed events.</p>
+<h3 id="blazor-wasm">Blazor WASM</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1">// setup state singleton</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddSingleton</span><span class="o">&lt;</span><span class="n">StateContainer</span><span class="o">&gt;</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="c1">// StateContainer singleton</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">StateContainer</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="p">{</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">_counter</span><span class="p">;</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">Property</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">_counter</span><span class="p">;</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">        </span><span class="k">set</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="w">            </span><span class="n">_counter</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w">            </span><span class="n">NotifyStateChanged</span><span class="p">();</span><span class="w">  </span><span class="c1">// will trigger StateHasChanged(), causing a render </span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">event</span><span class="w"> </span><span class="n">Action</span><span class="w"> </span><span class="n">OnChange</span><span class="p">;</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">NotifyStateChanged</span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">OnChange</span><span class="o">?.</span><span class="n">Invoke</span><span class="p">();</span>
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="c1">// component that changes the state</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">@inject</span><span class="w"> </span><span class="n">StateContainer</span><span class="w"> </span><span class="n">State</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="c1">// Delegate event handlers automatically trigger a UI render</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@onClick</span><span class="o">=</span><span class="s">&quot;@HandleClick&quot;</span><span class="o">&gt;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">    </span><span class="n">Change</span><span class="w"> </span><span class="n">State</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="o">&lt;/</span><span class="n">button</span><span class="o">&gt;</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="n">@code</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">HandleClick</span><span class="p">()</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="w">        </span><span class="n">State</span><span class="p">.</span><span class="n">Property</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="m">1</span><span class="p">;</span><span class="w">  </span><span class="c1">// update state</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c1">// component that should be update on state change</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">@implements</span><span class="w"> </span><span class="n">IDisposable</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="n">@inject</span><span class="w"> </span><span class="n">StateContainer</span><span class="w"> </span><span class="n">State</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="o">&lt;</span><span class="n">p</span><span class="o">&gt;</span><span class="n">Property</span><span class="p">:</span><span class="w"> </span><span class="o">&lt;</span><span class="n">b</span><span class="o">&gt;</span><span class="n">@State</span><span class="p">.</span><span class="n">Property</span><span class="o">&lt;/</span><span class="n">b</span><span class="o">&gt;&lt;/</span><span class="n">p</span><span class="o">&gt;</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="n">@code</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="c1">// StateHasChanged notifies the component that its state has changed. </span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="c1">// When applicable, calling StateHasChanged causes the component to be rerendered.</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w">    </span><span class="k">protected</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnInitialized</span><span class="p">()</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w">        </span><span class="n">State</span><span class="p">.</span><span class="n">OnChange</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">StateHasChanged</span><span class="p">;</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Dispose</span><span class="p">()</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="w">        </span><span class="n">State</span><span class="p">.</span><span class="n">OnChange</span><span class="w"> </span><span class="o">-=</span><span class="w"> </span><span class="n">StateHasChanged</span><span class="p">;</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-binding-events">Data Binding &amp; Events</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span>
+<span class="normal"><a href="#__codelineno-6-24">24</a></span>
+<span class="normal"><a href="#__codelineno-6-25">25</a></span>
+<span class="normal"><a href="#__codelineno-6-26">26</a></span>
+<span class="normal"><a href="#__codelineno-6-27">27</a></span>
+<span class="normal"><a href="#__codelineno-6-28">28</a></span>
+<span class="normal"><a href="#__codelineno-6-29">29</a></span>
+<span class="normal"><a href="#__codelineno-6-30">30</a></span>
+<span class="normal"><a href="#__codelineno-6-31">31</a></span>
+<span class="normal"><a href="#__codelineno-6-32">32</a></span>
+<span class="normal"><a href="#__codelineno-6-33">33</a></span>
+<span class="normal"><a href="#__codelineno-6-34">34</a></span>
+<span class="normal"><a href="#__codelineno-6-35">35</a></span>
+<span class="normal"><a href="#__codelineno-6-36">36</a></span>
+<span class="normal"><a href="#__codelineno-6-37">37</a></span>
+<span class="normal"><a href="#__codelineno-6-38">38</a></span>
+<span class="normal"><a href="#__codelineno-6-39">39</a></span>
+<span class="normal"><a href="#__codelineno-6-40">40</a></span>
+<span class="normal"><a href="#__codelineno-6-41">41</a></span>
+<span class="normal"><a href="#__codelineno-6-42">42</a></span>
+<span class="normal"><a href="#__codelineno-6-43">43</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="o">&lt;</span><span class="n">p</span><span class="o">&gt;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{DELEGATE}&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{DELEGATE}&quot;</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}:</span><span class="n">preventDefault</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// prevent default action</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{DELEGATE}&quot;</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}:</span><span class="n">preventDefault</span><span class="o">=</span><span class="s">&quot;{CONDITION}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// prevent default action if CONDITION is true</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{DELEGATE}&quot;</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}:</span><span class="n">stopPropagation</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{DELEGATE}&quot;</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}:</span><span class="n">stopPropagation</span><span class="o">=</span><span class="s">&quot;{CONDITION}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// stop event propagation if CONDITION is true</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;@(e =&gt; Property = value)&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// change internal state w/ lambda</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">@on</span><span class="p">{</span><span class="n">DOM</span><span class="w"> </span><span class="n">EVENT</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;@(e =&gt; DelegateAsync(e, value))&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// invoke delegate w/ lambda</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">@ref</span><span class="o">=</span><span class="s">&quot;elementReference&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">@bind</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w"> </span><span class="c1">// updates variable on ONCHANGE event (focus loss)</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">@bind</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="n">@bind</span><span class="p">:</span><span class="k">event</span><span class="o">=</span><span class="s">&quot;{DOM EVENT}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// updates value on DOM EVENT</span>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">@bind</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="n">@bind</span><span class="p">:</span><span class="n">format</span><span class="o">=</span><span class="s">&quot;{FORMAT STRING}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// use FORMAT STRING to display value</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">ChildComponent</span><span class="w"> </span><span class="n">@bind</span><span class="o">-</span><span class="p">{</span><span class="n">PROPERTY</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="n">@bind</span><span class="o">-</span><span class="p">{</span><span class="n">PROPERTY</span><span class="p">}:</span><span class="k">event</span><span class="o">=</span><span class="s">&quot;{EVENT}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// bind to child component {PROPERTY}</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">ChildComponent</span><span class="w"> </span><span class="n">@bind</span><span class="o">-</span><span class="p">{</span><span class="n">PROPERTY</span><span class="p">}</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="n">@bind</span><span class="o">-</span><span class="p">{</span><span class="n">PROPERTY</span><span class="p">}:</span><span class="k">event</span><span class="o">=</span><span class="s">&quot;{PROPERTY}Changed&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// bind to child component {PROPERTY}, listen for custom event</span>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">@bind</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="n">@bind</span><span class="p">:</span><span class="n">after</span><span class="o">=</span><span class="s">&quot;{DELEGATE}&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// run async logic after bind event completion</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">@bind</span><span class="p">:</span><span class="k">get</span><span class="o">=</span><span class="s">&quot;{PROPERTY}&quot;</span><span class="w"> </span><span class="n">@bind</span><span class="p">:</span><span class="k">set</span><span class="o">=</span><span class="s">&quot;PropertyChanged&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// two-way data binding</span>
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a><span class="o">&lt;/</span><span class="n">p</span><span class="o">&gt;</span>
+<a id="__codelineno-6-24" name="__codelineno-6-24"></a>
+<a id="__codelineno-6-25" name="__codelineno-6-25"></a><span class="n">@code</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-26" name="__codelineno-6-26"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="n">ElementReference</span><span class="w"> </span><span class="n">elementReference</span><span class="p">;</span>
+<a id="__codelineno-6-27" name="__codelineno-6-27"></a>
+<a id="__codelineno-6-28" name="__codelineno-6-28"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-6-29" name="__codelineno-6-29"></a>
+<a id="__codelineno-6-30" name="__codelineno-6-30"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">EventCallback</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">PropertyChanged</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// custom event {PROPERTY}Changed</span>
+<a id="__codelineno-6-31" name="__codelineno-6-31"></a>
+<a id="__codelineno-6-32" name="__codelineno-6-32"></a><span class="w">    </span><span class="c1">// invoke custom event</span>
+<a id="__codelineno-6-33" name="__codelineno-6-33"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">DelegateAsync</span><span class="p">(</span><span class="n">EventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">argument</span><span class="p">)</span>
+<a id="__codelineno-6-34" name="__codelineno-6-34"></a><span class="w">    </span><span class="p">{</span><span class="w">   </span>
+<a id="__codelineno-6-35" name="__codelineno-6-35"></a><span class="w">        </span><span class="cm">/* ... */</span>
+<a id="__codelineno-6-36" name="__codelineno-6-36"></a>
+<a id="__codelineno-6-37" name="__codelineno-6-37"></a><span class="w">        </span><span class="k">await</span><span class="w"> </span><span class="n">PropertyChanged</span><span class="p">.</span><span class="n">InvokeAsync</span><span class="p">(</span><span class="n">e</span><span class="p">,</span><span class="w"> </span><span class="n">argument</span><span class="p">);</span><span class="w">  </span><span class="c1">// notify parent bound prop has changed</span>
+<a id="__codelineno-6-38" name="__codelineno-6-38"></a><span class="w">        </span><span class="k">await</span><span class="w"> </span><span class="n">elementReference</span><span class="p">.</span><span class="n">FocusAsync</span><span class="p">();</span><span class="w">  </span><span class="c1">// focus an element in code</span>
+<a id="__codelineno-6-39" name="__codelineno-6-39"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-6-40" name="__codelineno-6-40"></a>
+<a id="__codelineno-6-41" name="__codelineno-6-41"></a><span class="w">    </span><span class="na">[Parameter]</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">TValue</span><span class="w"> </span><span class="n">Value</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-6-42" name="__codelineno-6-42"></a><span class="w">    </span><span class="na">[Parameter]</span><span class="w"> </span><span class="k">public</span><span class="w"> </span><span class="n">EventCallback</span><span class="o">&lt;</span><span class="n">TValue</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ValueChanged</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-6-43" name="__codelineno-6-43"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: When a user provides an unparsable value to a data-bound element, the unparsable value is automatically reverted to its previous value when the bind event is triggered.
+<strong>Note</strong>: The <code>@bind:get</code> and <code>@bind:set</code> modifiers are always used together.<br />
+<code>The @bind:get</code> modifier specifies the value to bind to and the <code>@bind:set</code> modifier specifies a callback that is called when the value changes</p>
+</blockquote>
+<h2 id="javascriptnet-interop">Javascript/.NET Interop</h2>
+<p><a href="https://docs.microsoft.com/en-us/aspnet/core/blazor/call-javascript-from-dotnet">Call Javascript from .NET</a><br />
+<a href="https://docs.microsoft.com/en-us/aspnet/core/blazor/call-dotnet-from-javascript">Call .NET from Javascript</a></p>
+<h3 id="render-blazor-components-from-javascript">Render Blazor components from JavaScript</h3>
+<p>To render a Blazor component from JavaScript, first register it as a root component for JavaScript rendering and assign it an identifier:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span>
+<span class="normal"><a href="#__codelineno-7-7">7</a></span>
+<span class="normal"><a href="#__codelineno-7-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1">// Blazor Server</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddServerSideBlazor</span><span class="p">(</span><span class="n">options</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="p">{</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">    </span><span class="n">options</span><span class="p">.</span><span class="n">RootComponents</span><span class="p">.</span><span class="n">RegisterForJavaScript</span><span class="o">&lt;</span><span class="n">Counter</span><span class="o">&gt;</span><span class="p">(</span><span class="n">identifier</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;counter&quot;</span><span class="p">);</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="p">});</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="c1">// Blazor WebAssembly</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="n">builder</span><span class="p">.</span><span class="n">RootComponents</span><span class="p">.</span><span class="n">RegisterForJavaScript</span><span class="o">&lt;</span><span class="n">Counter</span><span class="o">&gt;</span><span class="p">(</span><span class="n">identifier</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;counter&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>Load Blazor into the JavaScript app (<code>blazor.server.js</code> or <code>blazor.webassembly.js</code>) and then render the component from JavaScript into a container element using the registered identifier, passing component parameters as needed:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">containerElement</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;my-counter&#39;</span><span class="p">);</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="k">await</span><span class="w"> </span><span class="nx">Blazor</span><span class="p">.</span><span class="nx">rootComponents</span><span class="p">.</span><span class="nx">add</span><span class="p">(</span><span class="nx">containerElement</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;counter&#39;</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">incrementAmount</span><span class="o">:</span><span class="w"> </span><span class="mf">10</span><span class="w"> </span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="blazor-custom-elements">Blazor custom elements</h3>
+<p>Experimental support is also now available for building custom elements with Blazor using the Microsoft.AspNetCore.Components.CustomElements NuGet package.<br />
+Custom elements use standard HTML interfaces to implement custom HTML elements.</p>
+<p>To create a custom element using Blazor, register a Blazor root component as custom elements like this:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">options</span><span class="p">.</span><span class="n">RootComponents</span><span class="p">.</span><span class="n">RegisterAsCustomElement</span><span class="o">&lt;</span><span class="n">Counter</span><span class="o">&gt;</span><span class="p">(</span><span class="s">&quot;my-counter&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="razor-syntax.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Razor Syntax">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Razor Syntax
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="signalr.html" class="md-footer__link md-footer__link--next" aria-label="Next: SignalR">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                SignalR
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/filters.html b/languages/dotnet/asp.net/filters.html
new file mode 100644
index 0000000..caac663
--- /dev/null
+++ b/languages/dotnet/asp.net/filters.html
@@ -0,0 +1,4562 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/filters.html">
+      
+      
+        <link rel="prev" href="minimal-api.html">
+      
+      
+        <link rel="next" href="middleware.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>FIlters - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="FIlters - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/filters.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/filters.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="FIlters - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/filters.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#filters" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              FIlters
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="filters.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#how-filters-work" class="md-nav__link">
+    <span class="md-ellipsis">
+      How filters work
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter types
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#implementation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Implementation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#built-in-filter-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-in filter attributes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-scopes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter scopes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-order-of-execution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter Order of Execution
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Filter Order of Execution">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cancellation-and-short-circuiting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cancellation and Short-Circuiting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dependency-injection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Injection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dependency Injection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#servicefilterattribute" class="md-nav__link">
+    <span class="md-ellipsis">
+      ServiceFilterAttribute
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#how-filters-work" class="md-nav__link">
+    <span class="md-ellipsis">
+      How filters work
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter types
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#implementation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Implementation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#built-in-filter-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-in filter attributes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-scopes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter scopes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-order-of-execution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter Order of Execution
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Filter Order of Execution">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cancellation-and-short-circuiting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cancellation and Short-Circuiting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dependency-injection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Injection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dependency Injection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#servicefilterattribute" class="md-nav__link">
+    <span class="md-ellipsis">
+      ServiceFilterAttribute
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="filters"><a href="https://docs.microsoft.com/en-us/aspnet/core/mvc/controllers/filters">Filters</a></h1>
+<p><strong>Filters</strong> in ASP.NET Core allow code to be run <em>before</em> or <em>after</em> specific stages in the request processing pipeline.</p>
+<p>Built-in filters handle tasks such as:</p>
+<ul>
+<li>Authorization (preventing access to resources a user isn't authorized for).</li>
+<li>Response caching (short-circuiting the request pipeline to return a cached response).</li>
+</ul>
+<p>Custom filters can be created to handle cross-cutting concerns. Examples of cross-cutting concerns include error handling, caching, configuration, authorization, and logging. Filters avoid duplicating code.</p>
+<h2 id="how-filters-work"><strong>How filters work</strong></h2>
+<p>Filters run within the <em>ASP.NET Core action invocation pipeline</em>, sometimes referred to as the <em>filter pipeline</em>. The filter pipeline runs after ASP.NET Core selects the action to execute.</p>
+<p><img alt="filter-pipeline-1" src="../../../img/dotnet_filter-pipeline-1.avif" />
+<img alt="filter-pipeline-2" src="../../../img/dotnet_filter-pipeline-2.avif" /></p>
+<h2 id="filter-types"><strong>Filter types</strong></h2>
+<p>Each filter type is executed at a different stage in the filter pipeline:</p>
+<ul>
+<li><strong>Authorization filters</strong> run first and are used to determine whether the user is authorized for the request. Authorization filters short-circuit the pipeline if the request is not authorized.</li>
+<li><strong>Resource filters</strong>:</li>
+<li>Run after authorization.</li>
+<li><code>OnResourceExecuting</code> runs code before the rest of the filter pipeline. For example, <code>OnResourceExecuting</code> runs code before model binding.</li>
+<li><code>OnResourceExecuted</code> runs code after the rest of the pipeline has completed.</li>
+<li><strong>Action filters</strong>:</li>
+<li>Run code immediately before and after an action method is called.</li>
+<li>Can change the arguments passed into an action.</li>
+<li>Can change the result returned from the action.</li>
+<li>Are <strong>not</strong> supported in Razor Pages.</li>
+<li><strong>Exception filters</strong> apply global policies to unhandled exceptions that occur before the response body has been written to.</li>
+<li><strong>Result filters</strong> run code immediately before and after the execution of action results. They run only when the action method has executed successfully. They are useful for logic that must surround view or formatter execution.</li>
+</ul>
+<h2 id="implementation"><strong>Implementation</strong></h2>
+<p>Filters support both synchronous and asynchronous implementations through different interface definitions.</p>
+<p>For example, <code>OnActionExecuting</code> is called before the action method is called. <code>OnActionExecuted</code> is called after the action method returns.
+Asynchronous filters define an <code>On-Stage-ExecutionAsync</code> method, for example <code>OnActionExecutionAsync</code>.</p>
+<p>Interfaces for multiple filter stages can be implemented in a single class.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">SampleActionFilter</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IActionFilter</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnActionExecuting</span><span class="p">(</span><span class="n">ActionExecutingContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">        </span><span class="c1">// Do something before the action executes.</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnActionExecuted</span><span class="p">(</span><span class="n">ActionExecutedContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">        </span><span class="c1">// Do something after the action executes.</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="p">}</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">SampleAsyncActionFilter</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IAsyncActionFilter</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="p">{</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">OnActionExecutionAsync</span><span class="p">(</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="w">        </span><span class="n">ActionExecutingContext</span><span class="w"> </span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">ActionExecutionDelegate</span><span class="w"> </span><span class="n">next</span><span class="p">)</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">        </span><span class="c1">// Do something before the action executes.</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="w">        </span><span class="k">await</span><span class="w"> </span><span class="nf">next</span><span class="p">();</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="w">        </span><span class="c1">// Do something after the action executes.</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="built-in-filter-attributes"><strong>Built-in filter attributes</strong></h2>
+<p>ASP.NET Core includes built-in <em>attribute-based</em> filters that can be subclassed and customized.
+Several of the filter interfaces have corresponding attributes that can be used as base classes for custom implementations.</p>
+<p>Filter attributes:</p>
+<ul>
+<li><a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.filters.actionfilterattribute">ActionFilterAttribute</a></li>
+<li><a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.filters.exceptionfilterattribute">ExceptionFilterAttribute</a></li>
+<li><a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.filters.resultfilterattribute">ResultFilterAttribute</a></li>
+<li><a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.formatfilterattribute">FormatFilterAttribute</a></li>
+<li><a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.servicefilterattribute">ServiceFilterAttribute</a></li>
+<li><a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.typefilterattribute">TypeFilterAttribute</a></li>
+</ul>
+<h2 id="filter-scopes"><strong>Filter scopes</strong></h2>
+<p>A filter can be added to the pipeline at one of three <em>scopes</em>:</p>
+<ul>
+<li>Using an attribute on a controller action. Filter attributes cannot be applied to Razor Pages handler methods.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">services</span><span class="p">.</span><span class="n">AddScoped</span><span class="o">&lt;</span><span class="n">CustomActionFilterAttribute</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="na">[ServiceFilter(typeof(CustomActionFilterAttribute))]</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="k">public</span><span class="w"> </span><span class="n">IActionResult</span><span class="w"> </span><span class="nf">Action</span><span class="p">()</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="p">{</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nf">Ok</span><span class="p">();</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<ul>
+<li>Using an attribute on a controller or Razor Page.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">services</span><span class="p">.</span><span class="n">AddControllersWithViews</span><span class="p">(</span><span class="n">options</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="w">    </span><span class="n">options</span><span class="p">.</span><span class="n">Filters</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">CustomResponseFilterAttribute</span><span class="p">(</span><span class="n">args</span><span class="p">));</span><span class="w"> </span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="p">});</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="na">[CustomResponseFilterAttribute(args)]</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">SampleController</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Controller</span>
+</code></pre></div></td></tr></table></div>
+<ul>
+<li>Globally for all controllers, actions, and Razor Pages.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddControllersWithViews</span><span class="p">(</span><span class="n">options</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="n">options</span><span class="p">.</span><span class="n">Filters</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="n">CustomActionFilter</span><span class="p">));</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="filter-order-of-execution">Filter Order of Execution</h2>
+<p>When there are multiple filters for a particular stage of the pipeline, scope determines the default order of filter execution. Global filters surround class filters, which in turn surround method filters.</p>
+<p>As a result of filter nesting, the <em>after</em> code of filters runs in the reverse order of the <em>before</em> code. The filter sequence:</p>
+<ul>
+<li>The <em>before</em> code of global filters.</li>
+<li>The <em>before</em> code of controller and Razor Page filters.<ul>
+<li>The <em>before</em> code of action method filters.</li>
+<li>The <em>after</em> code of action method filters.</li>
+</ul>
+</li>
+<li>The <em>after</em> code of controller and Razor Page filters.</li>
+<li>The <em>after</em> code of global filters.</li>
+</ul>
+<h3 id="cancellation-and-short-circuiting">Cancellation and Short-Circuiting</h3>
+<p>The filter pipeline can be short-circuited by setting the <code>Result</code> property on the <code>ResourceExecutingContext</code> parameter provided to the filter method.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">ShortCircuitingResourceFilterAttribute</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Attribute</span><span class="p">,</span><span class="w"> </span><span class="n">IResourceFilter</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="p">{</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnResourceExecuting</span><span class="p">(</span><span class="n">ResourceExecutingContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">        </span><span class="n">context</span><span class="p">.</span><span class="n">Result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ContentResult</span><span class="p">()</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">            </span><span class="n">Content</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;Resource unavailable - header not set.&quot;</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="w">        </span><span class="p">};</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnResourceExecuted</span><span class="p">(</span><span class="n">ResourceExecutedContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dependency-injection">Dependency Injection</h2>
+<p>Filters can be added <em>by type</em> or <em>by instance</em>. If an instance is added, that instance is used for every request. If a type is added, it's type-activated.</p>
+<p>A type-activated filter means:</p>
+<ul>
+<li>An instance is created for each request.</li>
+<li>Any constructor dependencies are populated by dependency injection (DI).</li>
+</ul>
+<p>Filters that are implemented as attributes and added directly to controller classes or action methods cannot have constructor dependencies provided by dependency injection (DI). Constructor dependencies cannot be provided by DI because attributes must have their constructor parameters supplied where they're applied.</p>
+<p>The following filters support constructor dependencies provided from DI:</p>
+<ul>
+<li>ServiceFilterAttribute</li>
+<li>TypeFilterAttribute</li>
+<li>IFilterFactory implemented on the attribute.</li>
+</ul>
+<h3 id="servicefilterattribute"><a href="https://learn.microsoft.com/en-us/aspnet/core/mvc/controllers/filters?view=aspnetcore-7.0#servicefilterattribute" title="ServiceFilterAttribute Docs"><code>ServiceFilterAttribute</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddScoped</span><span class="o">&lt;</span><span class="n">CustomFilterFromDI</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomFilterFromDI</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IResultFilter</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="p">{</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="n">ILogger</span><span class="w"> </span><span class="n">_logger</span><span class="p">;</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">CustomFilterFromDI</span><span class="p">(</span><span class="n">ILogger</span><span class="w"> </span><span class="n">logger</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w">  </span><span class="n">_logger</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">logger</span><span class="p">;</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnResultExecuting</span><span class="p">(</span><span class="n">ResultExecutingContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnResultExecuted</span><span class="p">(</span><span class="n">ResultExecutedContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="p">}</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="na">[ServiceFilter(typeof(CustomFilterFromDI))]</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="k">public</span><span class="w"> </span><span class="n">IActionResult</span><span class="w"> </span><span class="nf">Action</span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">OK</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<!--links -->
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="minimal-api.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Minimal API">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Minimal API
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="middleware.html" class="md-footer__link md-footer__link--next" aria-label="Next: Middleware">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Middleware
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/middleware.html b/languages/dotnet/asp.net/middleware.html
new file mode 100644
index 0000000..7f15afe
--- /dev/null
+++ b/languages/dotnet/asp.net/middleware.html
@@ -0,0 +1,4432 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/middleware.html">
+      
+      
+        <link rel="prev" href="filters.html">
+      
+      
+        <link rel="next" href="razor-syntax.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Middleware - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Middleware - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/middleware.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/middleware.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Middleware - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/middleware.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#middleware" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Middleware
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="middleware.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#middleware-pipeline" class="md-nav__link">
+    <span class="md-ellipsis">
+      Middleware Pipeline
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#middleware-order" class="md-nav__link">
+    <span class="md-ellipsis">
+      Middleware Order
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#branching-the-middleware-pipeline" class="md-nav__link">
+    <span class="md-ellipsis">
+      Branching the Middleware Pipeline
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#custom-middleware-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Middleware Classes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#middleware-extension-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Middleware Extension Methods
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#middleware-pipeline" class="md-nav__link">
+    <span class="md-ellipsis">
+      Middleware Pipeline
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#middleware-order" class="md-nav__link">
+    <span class="md-ellipsis">
+      Middleware Order
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#branching-the-middleware-pipeline" class="md-nav__link">
+    <span class="md-ellipsis">
+      Branching the Middleware Pipeline
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#custom-middleware-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Middleware Classes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#middleware-extension-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Middleware Extension Methods
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="middleware"><a href="https://docs.microsoft.com/en-us/aspnet/core/fundamentals/middleware">Middleware</a></h1>
+<p>Middleware is software that's assembled into an app pipeline to handle requests and responses. Each component:</p>
+<ul>
+<li>Chooses whether to pass the request to the next component in the pipeline.</li>
+<li>Can perform work before and after the next component in the pipeline.</li>
+</ul>
+<p>Request delegates are used to build the request pipeline. The request delegates handle each HTTP request.</p>
+<p>Request delegates are configured using <a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.builder.runextensions.run">Run</a>, <a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.builder.mapextensions.map">Map</a>, and <a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.builder.useextensions.use">Use</a> extension methods.</p>
+<p>An individual request delegate can be specified in-line as an anonymous method (called in-line middleware), or it can be defined in a reusable class.
+These reusable classes and in-line anonymous methods are <em>middleware</em>, also called <em>middleware components</em>.</p>
+<p>Each middleware component in the request pipeline is responsible for invoking the next component in the pipeline or short-circuiting the pipeline.
+When a middleware short-circuits, it's called a <em>terminal middleware</em> because it prevents further middleware from processing the request.</p>
+<h2 id="middleware-pipeline">Middleware Pipeline</h2>
+<p>The ASP.NET Core request pipeline consists of a sequence of request delegates, called one after the other.</p>
+<p><img alt="request-delegate-pipeline" src="../../../img/dotnet_request-delegate-pipeline.avif" /></p>
+<p>Each delegate can perform operations before and after the next delegate. Exception-handling delegates should be called early in the pipeline, so they can catch exceptions that occur in later stages of the pipeline. It's possible to chain multiple request delegates together with <code>Use</code>.</p>
+<p>The <em>next</em> parameter represents the next delegate in the pipeline. It's possible to short-circuit the pipeline by <em>not calling</em> the next parameter.
+When a delegate doesn't pass a request to the next delegate, it's called <em>short-circuiting the request pipeline</em>.
+Short-circuiting is often desirable because it avoids unnecessary work.</p>
+<p>It's possible to perform actions both <em>before</em> and <em>after</em> the next delegate:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// &quot;inline&quot; middleware, best if in own class</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">app</span><span class="p">.</span><span class="n">Use</span><span class="p">(</span><span class="k">async</span><span class="w"> </span><span class="p">(</span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">next</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="p">{</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="c1">// Do work that doesn&#39;t write to the Response.</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="n">next</span><span class="p">.</span><span class="n">Invoke</span><span class="p">();</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">    </span><span class="c1">// Do logging or other work that doesn&#39;t write to the Response.</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<p><code>Run</code> delegates don't receive a next parameter. The first <code>Run</code> delegate is always terminal and terminates the pipeline.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// &quot;inline&quot; middleware, best if in own class</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">app</span><span class="p">.</span><span class="n">Use</span><span class="p">(</span><span class="k">async</span><span class="w"> </span><span class="p">(</span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">next</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">{</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="c1">// Do work that doesn&#39;t write to the Response.</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="n">next</span><span class="p">.</span><span class="n">Invoke</span><span class="p">();</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="c1">// Do logging or other work that doesn&#39;t write to the Response.</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="p">});</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="n">app</span><span class="p">.</span><span class="n">Run</span><span class="p">(</span><span class="k">async</span><span class="w"> </span><span class="n">context</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="p">{</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w">    </span><span class="c1">// no invocation of next</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="middleware-order">Middleware Order</h2>
+<p><img alt="middleware-pipeline" src="../../../img/dotnet_middleware-pipeline.avif" />
+<img alt="mvc-endpoint" src="../../../img/dotnet_mvc-endpoint.avif" /></p>
+<p>The Endpoint middleware executes the filter pipeline for the corresponding app type.</p>
+<p>The order that middleware components are added in the <code>Startup.Configure</code> method defines the order in which the middleware components are invoked on requests and the reverse order for the response. The order is <strong>critical</strong> for security, performance, and functionality.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span>
+<span class="normal"><a href="#__codelineno-2-27">27</a></span>
+<span class="normal"><a href="#__codelineno-2-28">28</a></span>
+<span class="normal"><a href="#__codelineno-2-29">29</a></span>
+<span class="normal"><a href="#__codelineno-2-30">30</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">env</span><span class="p">.</span><span class="n">IsDevelopment</span><span class="p">())</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">{</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseDeveloperExceptionPage</span><span class="p">();</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseDatabaseErrorPage</span><span class="p">();</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="p">}</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="k">else</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="p">{</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseExceptionHandler</span><span class="p">(</span><span class="s">&quot;/Error&quot;</span><span class="p">);</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseHsts</span><span class="p">();</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="p">}</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="n">app</span><span class="p">.</span><span class="n">UseHttpsRedirection</span><span class="p">();</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="n">app</span><span class="p">.</span><span class="n">UseStaticFiles</span><span class="p">();</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="n">app</span><span class="p">.</span><span class="n">UseCookiePolicy</span><span class="p">();</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="n">app</span><span class="p">.</span><span class="n">UseRouting</span><span class="p">();</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="n">app</span><span class="p">.</span><span class="n">UseRequestLocalization</span><span class="p">();</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="n">app</span><span class="p">.</span><span class="n">UseCors</span><span class="p">();</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="n">app</span><span class="p">.</span><span class="n">UseAuthentication</span><span class="p">();</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="n">app</span><span class="p">.</span><span class="n">UseAuthorization</span><span class="p">();</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="n">app</span><span class="p">.</span><span class="n">UseSession</span><span class="p">();</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="n">app</span><span class="p">.</span><span class="n">UseResponseCompression</span><span class="p">();</span>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="n">app</span><span class="p">.</span><span class="n">UseResponseCaching</span><span class="p">();</span>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="n">app</span><span class="p">.</span><span class="n">UseEndpoints</span><span class="p">(</span><span class="n">endpoints</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="p">{</span>
+<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="w">    </span><span class="n">endpoints</span><span class="p">.</span><span class="n">MapRazorPages</span><span class="p">();</span>
+<a id="__codelineno-2-29" name="__codelineno-2-29"></a><span class="w">    </span><span class="n">endpoints</span><span class="p">.</span><span class="n">MapControllers</span><span class="p">();</span>
+<a id="__codelineno-2-30" name="__codelineno-2-30"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<p><a href="https://docs.microsoft.com/en-us/aspnet/core/fundamentals/middleware/#built-in-middleware">Built-in Middleware</a></p>
+<h2 id="branching-the-middleware-pipeline">Branching the Middleware Pipeline</h2>
+<p><code>Map</code> extensions are used as a convention for branching the pipeline. <code>Map</code> branches the request pipeline based on matches of the given request path.
+If the request path starts with the given path, the branch is executed.</p>
+<p>When <code>Map</code> is used, the matched path segments are removed from <code>HttpRequest.Path</code> and appended to <code>HttpRequest.PathBase</code> for each request.</p>
+<p><code>MapWhen</code> branches the request pipeline based on the result of the given predicate.
+Any <em>predicate</em> of type <code>Func&lt;HttpContext, bool&gt;</code> can be used to map requests to a new branch of the pipeline.</p>
+<p><code>UseWhen</code> also branches the request pipeline based on the result of the given predicate.
+Unlike with <code>MapWhen</code>, this branch is rejoined to the main pipeline if it doesn't short-circuit or contain a terminal middleware.</p>
+<h2 id="custom-middleware-classes">Custom Middleware Classes</h2>
+<p>Middleware is generally encapsulated in a class and exposed with an extension method.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomMiddleware</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="n">RequestDelegate</span><span class="w"> </span><span class="n">_next</span><span class="p">;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">CustomMiddleware</span><span class="p">(</span><span class="n">RequestDelegate</span><span class="w"> </span><span class="n">next</span><span class="p">)</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">        </span><span class="n">_next</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">next</span><span class="p">;</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">InvokeAsync</span><span class="p">(</span><span class="n">HttpContext</span><span class="w"> </span><span class="n">context</span><span class="p">)</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w">        </span><span class="c1">// Do work that doesn&#39;t write to the Response.</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="w">        </span><span class="k">await</span><span class="w"> </span><span class="nf">_next</span><span class="p">(</span><span class="n">context</span><span class="p">);</span><span class="w">  </span><span class="c1">// Call the next delegate/middleware in the pipeline</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w">        </span><span class="c1">// Do logging or other work that doesn&#39;t write to the Response.</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The middleware class <strong>must</strong> include:</p>
+<ul>
+<li>A public constructor with a parameter of type <a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.http.requestdelegate">RequestDelegate</a>.</li>
+<li>A public method named <code>Invoke</code> or <code>InvokeAsync</code>. This method must:</li>
+<li>Return a <code>Task</code>.</li>
+<li>Accept a first parameter of type <a href="https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.http.httpcontext">HttpContext</a>.</li>
+</ul>
+<h2 id="middleware-extension-methods">Middleware Extension Methods</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span>
+<span class="normal"><a href="#__codelineno-4-8">8</a></span>
+<span class="normal"><a href="#__codelineno-4-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">Microsoft.AspNetCore.Builder</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">MiddlewareExtensions</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="p">{</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">IApplicationBuilder</span><span class="w"> </span><span class="nf">UseCustom</span><span class="p">(</span><span class="k">this</span><span class="w"> </span><span class="n">IApplicationBuilder</span><span class="w"> </span><span class="n">builder</span><span class="p">)</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">builder</span><span class="p">.</span><span class="n">UseMiddleware</span><span class="o">&lt;</span><span class="n">CustomMiddleware</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c1">// other middlewares</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="n">app</span><span class="p">.</span><span class="n">UseCustom</span><span class="p">();</span><span class="w">  </span><span class="c1">// add custom middleware in the pipeline</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="n">app</span><span class="p">.</span><span class="n">UseEndpoints</span><span class="p">(</span><span class="n">endpoints</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">endpoints</span><span class="p">.</span><span class="n">MapControllers</span><span class="p">());</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="filters.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: FIlters">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                FIlters
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="razor-syntax.html" class="md-footer__link md-footer__link--next" aria-label="Next: Razor Syntax">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Razor Syntax
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/minimal-api.html b/languages/dotnet/asp.net/minimal-api.html
new file mode 100644
index 0000000..816b465
--- /dev/null
+++ b/languages/dotnet/asp.net/minimal-api.html
@@ -0,0 +1,5110 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/minimal-api.html">
+      
+      
+        <link rel="prev" href="../csharp/unit-tests.html">
+      
+      
+        <link rel="next" href="filters.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Minimal API - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Minimal API - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/minimal-api.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/minimal-api.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Minimal API - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/minimal-api.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#minimal-api" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Minimal API
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="minimal-api.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#application-settings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Application Settings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Application Settings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#user-secrets" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Secrets
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#swagger" class="md-nav__link">
+    <span class="md-ellipsis">
+      Swagger
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mvc" class="md-nav__link">
+    <span class="md-ellipsis">
+      MVC
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#routing-handlers-results" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routing, Handlers &amp; Results
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Routing, Handlers & Results">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#route-groups" class="md-nav__link">
+    <span class="md-ellipsis">
+      Route Groups
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#typedresults" class="md-nav__link">
+    <span class="md-ellipsis">
+      TypedResults
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-result-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Result Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filters
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#openapi" class="md-nav__link">
+    <span class="md-ellipsis">
+      OpenAPI
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Validation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#json-serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      JSON Serialization
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#authorization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Authorization
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Authorization">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#local-jwt-tokens" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local JWT Tokens
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#output-caching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Output Caching
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Output Caching">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cache-eviction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cache Eviction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-cache-policy" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Cache Policy
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#options-pattern" class="md-nav__link">
+    <span class="md-ellipsis">
+      Options Pattern
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Options Pattern">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#options-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Options interfaces
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#application-settings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Application Settings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Application Settings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#user-secrets" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Secrets
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#swagger" class="md-nav__link">
+    <span class="md-ellipsis">
+      Swagger
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mvc" class="md-nav__link">
+    <span class="md-ellipsis">
+      MVC
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#routing-handlers-results" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routing, Handlers &amp; Results
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Routing, Handlers & Results">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#route-groups" class="md-nav__link">
+    <span class="md-ellipsis">
+      Route Groups
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#typedresults" class="md-nav__link">
+    <span class="md-ellipsis">
+      TypedResults
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-result-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Result Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filters
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#openapi" class="md-nav__link">
+    <span class="md-ellipsis">
+      OpenAPI
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Validation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#json-serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      JSON Serialization
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#authorization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Authorization
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Authorization">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#local-jwt-tokens" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local JWT Tokens
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#output-caching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Output Caching
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Output Caching">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cache-eviction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cache Eviction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-cache-policy" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Cache Policy
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#options-pattern" class="md-nav__link">
+    <span class="md-ellipsis">
+      Options Pattern
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Options Pattern">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#options-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Options interfaces
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="minimal-api">Minimal API</h1>
+<blockquote>
+<p><strong>Note</strong>: Requires .NET 6+</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kt">var</span><span class="w"> </span><span class="n">builder</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">WebApplication</span><span class="p">.</span><span class="n">CreateBuilder</span><span class="p">(</span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddSingleton</span><span class="o">&lt;</span><span class="n">IService</span><span class="p">,</span><span class="w"> </span><span class="n">Service</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddScoped</span><span class="o">&lt;</span><span class="n">IService</span><span class="p">,</span><span class="w"> </span><span class="n">Service</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddTransient</span><span class="o">&lt;</span><span class="n">IService</span><span class="p">,</span><span class="w"> </span><span class="n">Service</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="kt">var</span><span class="w"> </span><span class="n">app</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">builder</span><span class="p">.</span><span class="n">Build</span><span class="p">();</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="c1">// [...]</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="n">app</span><span class="p">.</span><span class="n">Run</span><span class="p">();</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="c1">//or</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="n">app</span><span class="p">.</span><span class="n">RunAsync</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="application-settings">Application Settings</h2>
+<p>App settings are loaded (in order) from:</p>
+<ol>
+<li><code>appsettings.json</code></li>
+<li><code>appsettings.&lt;Environment&gt;.json</code></li>
+<li>User Secrets</li>
+</ol>
+<p>The environment is controlled by the env var <code>ASPNETCORE_ENVIRONMENT</code>. If a setting is present in multiple locations, the last one is used and overrides the previous ones.</p>
+<h3 id="user-secrets">User Secrets</h3>
+<p>User secrets are specific to each machine and can be initialized with <code>dotnet user-secrets init</code>. Each application is linked with it's settings by a guid.</p>
+<p>The settings are stored in:</p>
+<ul>
+<li><code>%APPDATA%\Microsoft\UserSecrets\&lt;user_secrets_id&gt;\secrets.json</code> (Windows)</li>
+<li><code>~/.microsoft/usersecrets/&lt;user_secrets_id&gt;/secrets.json</code> (Linux/macOS)</li>
+</ul>
+<p>Setting a value is done with <code>dotnet user-secrets set &lt;key&gt; &lt;value&gt;</code>, keys can be nested by separating each level with <code>:</code> or <code>__</code>.</p>
+<h2 id="swagger">Swagger</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddEndpointsApiExplorer</span><span class="p">();</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddSwaggerGen</span><span class="p">();</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="c1">// [...]</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="n">app</span><span class="p">.</span><span class="n">UseSwagger</span><span class="p">();</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">app</span><span class="p">.</span><span class="n">UseSwaggerUI</span><span class="p">();</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="c1">// add returned content metadata to Swagger</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/route&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Handler</span><span class="p">).</span><span class="n">Produces</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">(</span><span class="n">statusCode</span><span class="p">);</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="c1">// add request body contents metadata to Swagger</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="n">app</span><span class="p">.</span><span class="n">MapPost</span><span class="p">(</span><span class="s">&quot;/route&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Handler</span><span class="p">).</span><span class="n">Accepts</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">(</span><span class="n">contentType</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="mvc">MVC</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span>
+<span class="normal"><a href="#__codelineno-2-27">27</a></span>
+<span class="normal"><a href="#__codelineno-2-28">28</a></span>
+<span class="normal"><a href="#__codelineno-2-29">29</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddControllersWithViews</span><span class="p">();</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="c1">//or</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddControllers</span><span class="p">();</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="c1">// Configure the HTTP request pipeline.</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">app</span><span class="p">.</span><span class="n">Environment</span><span class="p">.</span><span class="n">IsDevelopment</span><span class="p">())</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="p">{</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseDeveloperExceptionPage</span><span class="p">();</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="p">}</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="k">else</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="p">{</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseExceptionHandler</span><span class="p">(</span><span class="s">&quot;/Home/Error&quot;</span><span class="p">);</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="w">    </span><span class="c1">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="w">    </span><span class="n">app</span><span class="p">.</span><span class="n">UseHsts</span><span class="p">();</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="p">}</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="n">app</span><span class="p">.</span><span class="n">UseHttpsRedirection</span><span class="p">();</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="n">app</span><span class="p">.</span><span class="n">UseStaticFiles</span><span class="p">();</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="n">app</span><span class="p">.</span><span class="n">UseRouting</span><span class="p">();</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="n">app</span><span class="p">.</span><span class="n">UseAuthorization</span><span class="p">();</span>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="n">app</span><span class="p">.</span><span class="n">MapControllers</span><span class="p">();</span>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="c1">// or</span>
+<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="n">app</span><span class="p">.</span><span class="n">MapControllerRoute</span><span class="p">(</span>
+<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="w">    </span><span class="n">name</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;default&quot;</span><span class="p">,</span>
+<a id="__codelineno-2-29" name="__codelineno-2-29"></a><span class="w">    </span><span class="n">pattern</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;{controller=Home}/{action=Index}/{id?}&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="routing-handlers-results">Routing, Handlers &amp; Results</h2>
+<p>To define routes and handlers using Minimal APIs, use the <code>Map(Get|Post|Put|Delete)</code> methods.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span>
+<span class="normal"><a href="#__codelineno-3-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="c1">// the dependencies are passed as parameters in the handler delegate</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/route/{id}&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="n">IService</span><span class="w"> </span><span class="n">service</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">entity</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">not</span><span class="w"> </span><span class="k">null</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="n">Results</span><span class="p">.</span><span class="n">Ok</span><span class="p">(</span><span class="n">entity</span><span class="p">)</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Results</span><span class="p">.</span><span class="n">NotFound</span><span class="p">();</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="p">});</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="c1">// pass delegate to use default values</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/search/{id}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Search</span><span class="p">);</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="n">IResult</span><span class="w"> </span><span class="nf">Search</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">,</span><span class="w"> </span><span class="kt">int?</span><span class="w"> </span><span class="n">page</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="kt">int?</span><span class="w"> </span><span class="n">pageSize</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">10</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="route-groups">Route Groups</h3>
+<p>The <code>MapGroup()</code> extension method, which helps organize groups of endpoints with a common prefix.<br />
+It allows for customizing entire groups of endpoints with a singe call to methods like <code>RequireAuthorization()</code> and <code>WithMetadata()</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kt">var</span><span class="w"> </span><span class="k">group</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">app</span><span class="p">.</span><span class="n">MapGroup</span><span class="p">(</span><span class="s">&quot;&lt;route-prefix&gt;&quot;</span><span class="p">);</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="k">group</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">GetAllTodos</span><span class="p">);</span><span class="w">  </span><span class="c1">// route: /&lt;route-prefix&gt;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="k">group</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/{id}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">GetTodo</span><span class="p">);</span><span class="w">  </span><span class="c1">// route: /&lt;route-prefix&gt;/{id}</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="c1">// [...]</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="typedresults"><code>TypedResults</code></h3>
+<p>The <code>Microsoft.AspNetCore.Http.TypedResults</code> static class is the “typed” equivalent of the existing <code>Microsoft.AspNetCore.Http.Results</code> class.<br />
+It's possible to use <code>TypedResults</code> in minimal APIs to create instances of the in-framework <code>IResult</code>-implementing types and preserve the concrete type information.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="o">&lt;</span><span class="n">IResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">GetAllTodos</span><span class="p">(</span><span class="n">TodoDb</span><span class="w"> </span><span class="n">db</span><span class="p">)</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="p">{</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">TypedResults</span><span class="p">.</span><span class="n">Ok</span><span class="p">(</span><span class="k">await</span><span class="w"> </span><span class="n">db</span><span class="p">.</span><span class="n">Todos</span><span class="p">.</span><span class="n">ToArrayAsync</span><span class="p">());</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="na">[Fact]</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">GetAllTodos_ReturnsOkOfObjectResult</span><span class="p">()</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="p">{</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="w">    </span><span class="c1">// Arrange</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">db</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">CreateDbContext</span><span class="p">();</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">    </span><span class="c1">// Act</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="n">TodosApi</span><span class="p">.</span><span class="n">GetAllTodos</span><span class="p">(</span><span class="n">db</span><span class="p">);</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="w">    </span><span class="c1">// Assert: Check the returned result type is correct</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="w">    </span><span class="n">Assert</span><span class="p">.</span><span class="n">IsType</span><span class="o">&lt;</span><span class="n">Ok</span><span class="o">&lt;</span><span class="n">Todo</span><span class="p">[]</span><span class="o">&gt;&gt;</span><span class="p">(</span><span class="n">result</span><span class="p">);</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiple-result-types">Multiple Result Types</h3>
+<p>The <code>Results&lt;TResult1, TResult2, TResultN&gt;</code> generic union types, along with the <code>TypesResults</code> class, can be used to declare that a route handler returns multiple <code>IResult</code>-implementing concrete types.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span>
+<span class="normal"><a href="#__codelineno-7-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1">// Declare that the lambda returns multiple IResult types</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/todos/{id}&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Results</span><span class="o">&lt;</span><span class="n">Ok</span><span class="o">&lt;</span><span class="n">Todo</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="n">NotFound</span><span class="o">&gt;</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">,</span><span class="w"> </span><span class="n">TodoDb</span><span class="w"> </span><span class="n">db</span><span class="p">)</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="p">{</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="n">db</span><span class="p">.</span><span class="n">Todos</span><span class="p">.</span><span class="n">FindAsync</span><span class="p">(</span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Todo</span><span class="w"> </span><span class="n">todo</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="w">        </span><span class="o">?</span><span class="w"> </span><span class="n">TypedResults</span><span class="p">.</span><span class="n">Ok</span><span class="p">(</span><span class="n">todo</span><span class="p">)</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="w">        </span><span class="p">:</span><span class="w"> </span><span class="n">TypedResults</span><span class="p">.</span><span class="n">NotFound</span><span class="p">();</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="filters">Filters</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">ExampleFilter</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IRouteHandlerFilter</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="p">{</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">ValueTask</span><span class="o">&lt;</span><span class="kt">object?</span><span class="o">&gt;</span><span class="w"> </span><span class="n">InvokeAsync</span><span class="p">(</span><span class="n">RouteHandlerInvocationContext</span><span class="w"> </span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandlerFilterDelegate</span><span class="w"> </span><span class="n">next</span><span class="p">)</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">        </span><span class="c1">// before endpoint call</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="w">        </span><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">next</span><span class="p">(</span><span class="n">context</span><span class="p">);</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="w">        </span><span class="c1">/// after endpoint call</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">result</span><span class="p">;</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">app</span><span class="p">.</span><span class="n">MapPost</span><span class="p">(</span><span class="s">&quot;/route&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">Handler</span><span class="p">).</span><span class="n">AddFilter</span><span class="o">&lt;</span><span class="n">ExampleFilter</span><span class="o">&gt;</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="context">Context</h2>
+<p>With Minimal APIs it's possible to access the contextual information by passing one of the following types as a parameter to your handler delegate:</p>
+<ul>
+<li><code>HttpContext</code></li>
+<li><code>HttpRequest</code></li>
+<li><code>HttpResponse</code></li>
+<li><code>ClaimsPrincipal</code></li>
+<li><code>CancellationToken</code> (RequestAborted)</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/hello&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="n">ClaimsPrincipal</span><span class="w"> </span><span class="n">user</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="s">&quot;Hello &quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">user</span><span class="p">.</span><span class="n">FindFirstValue</span><span class="p">(</span><span class="s">&quot;sub&quot;</span><span class="p">);</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="openapi">OpenAPI</h2>
+<p>The <code>Microsoft.AspNetCore.OpenApi</code> package exposes a <code>WithOpenApi</code> extension method that generates an <code>OpenApiOperation</code> derived from a given endpoint’s route handler and metadata.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span>
+<span class="normal"><a href="#__codelineno-11-6">6</a></span>
+<span class="normal"><a href="#__codelineno-11-7">7</a></span>
+<span class="normal"><a href="#__codelineno-11-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/todos/{id}&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="w">    </span><span class="p">.</span><span class="n">WithOpenApi</span><span class="p">();</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/todos/{id}&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="w">    </span><span class="p">.</span><span class="n">WithOpenApi</span><span class="p">(</span><span class="n">operation</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="w">        </span><span class="n">operation</span><span class="p">.</span><span class="n">Summary</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;Retrieve a Todo given its ID&quot;</span><span class="p">;</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="w">        </span><span class="n">operation</span><span class="p">.</span><span class="n">Parameters</span><span class="p">[</span><span class="m">0</span><span class="p">].</span><span class="n">AllowEmptyValue</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">false</span><span class="p">;</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="w">    </span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="validation">Validation</h2>
+<p>Using <a href="https://github.com/DamianEdwards/MinimalValidation">Minimal Validation</a> by Damian Edwards.<br />
+Alternatively it's possible to use <a href="https://fluentvalidation.net/">Fluent Validation</a>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span>
+<span class="normal"><a href="#__codelineno-12-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="n">app</span><span class="p">.</span><span class="n">MapPost</span><span class="p">(</span><span class="s">&quot;/widgets&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="n">Widget</span><span class="w"> </span><span class="n">widget</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">isValid</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">MinimalValidation</span><span class="p">.</span><span class="n">TryValidate</span><span class="p">(</span><span class="n">widget</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="kt">var</span><span class="w"> </span><span class="n">errors</span><span class="p">);</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="w">    </span><span class="k">if</span><span class="p">(</span><span class="n">isValid</span><span class="p">)</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Results</span><span class="p">.</span><span class="n">Created</span><span class="p">(</span><span class="s">$&quot;/widgets/{widget.Name}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">widget</span><span class="p">);</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">Results</span><span class="p">.</span><span class="n">BadRequest</span><span class="p">(</span><span class="n">errors</span><span class="p">);</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="p">});</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="k">class</span><span class="w"> </span><span class="nc">Widget</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="p">{</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="w">    </span><span class="na">[Required, MinLength(3)]</span>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string?</span><span class="w"> </span><span class="n">Name</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="kt">string?</span><span class="w"> </span><span class="n">ToString</span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">Name</span><span class="p">;</span>
+<a id="__codelineno-12-18" name="__codelineno-12-18"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="json-serialization">JSON Serialization</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="c1">// Microsoft.AspNetCore.Http.Json.JsonOptions</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">Configure</span><span class="o">&lt;</span><span class="n">JsonOptions</span><span class="o">&gt;</span><span class="p">(</span><span class="n">opt</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="p">{</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="w">    </span><span class="n">opt</span><span class="p">.</span><span class="n">SerializerOptions</span><span class="p">.</span><span class="n">PropertyNamingPolicy</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SnakeCaseNamingPolicy</span><span class="p">();</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="authorization">Authorization</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span>
+<span class="normal"><a href="#__codelineno-14-13">13</a></span>
+<span class="normal"><a href="#__codelineno-14-14">14</a></span>
+<span class="normal"><a href="#__codelineno-14-15">15</a></span>
+<span class="normal"><a href="#__codelineno-14-16">16</a></span>
+<span class="normal"><a href="#__codelineno-14-17">17</a></span>
+<span class="normal"><a href="#__codelineno-14-18">18</a></span>
+<span class="normal"><a href="#__codelineno-14-19">19</a></span>
+<span class="normal"><a href="#__codelineno-14-20">20</a></span>
+<span class="normal"><a href="#__codelineno-14-21">21</a></span>
+<span class="normal"><a href="#__codelineno-14-22">22</a></span>
+<span class="normal"><a href="#__codelineno-14-23">23</a></span>
+<span class="normal"><a href="#__codelineno-14-24">24</a></span>
+<span class="normal"><a href="#__codelineno-14-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddAuthentication</span><span class="p">(</span><span class="n">JwtBearerDefaults</span><span class="p">.</span><span class="n">AuthenticationScheme</span><span class="p">).</span><span class="n">AddJwtBearer</span><span class="p">();</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddAuthorization</span><span class="p">();</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="c1">// or</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddAuthorization</span><span class="p">(</span><span class="n">options</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="p">{</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="w">    </span><span class="c1">// for all endpoints</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="w">    </span><span class="n">options</span><span class="p">.</span><span class="n">FallbackPolicy</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">AuthorizationPolicyBuilder</span><span class="p">()</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a><span class="w">      </span><span class="p">.</span><span class="n">AddAuthenticationSchemes</span><span class="p">(</span><span class="n">JwtBearerDefaults</span><span class="p">.</span><span class="n">AuthenticationScheme</span><span class="p">)</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="w">      </span><span class="p">.</span><span class="n">RequireAuthenticatedUser</span><span class="p">();</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a><span class="p">})</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="c1">// or</span>
+<a id="__codelineno-14-13" name="__codelineno-14-13"></a><span class="n">builder</span><span class="p">.</span><span class="n">Authentication</span><span class="p">.</span><span class="n">AddJwtBearer</span><span class="p">();</span><span class="w">  </span><span class="c1">// will automatically add required middlewares</span>
+<a id="__codelineno-14-14" name="__codelineno-14-14"></a>
+<a id="__codelineno-14-15" name="__codelineno-14-15"></a><span class="c1">// [...]</span>
+<a id="__codelineno-14-16" name="__codelineno-14-16"></a>
+<a id="__codelineno-14-17" name="__codelineno-14-17"></a><span class="n">app</span><span class="p">.</span><span class="n">UseAuthentication</span><span class="p">();</span>
+<a id="__codelineno-14-18" name="__codelineno-14-18"></a><span class="n">app</span><span class="p">.</span><span class="n">UseAuthorization</span><span class="p">();</span><span class="w"> </span><span class="c1">// must come before routes</span>
+<a id="__codelineno-14-19" name="__codelineno-14-19"></a>
+<a id="__codelineno-14-20" name="__codelineno-14-20"></a><span class="c1">// [...]</span>
+<a id="__codelineno-14-21" name="__codelineno-14-21"></a>
+<a id="__codelineno-14-22" name="__codelineno-14-22"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/alcohol&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">Results</span><span class="p">.</span><span class="n">Ok</span><span class="p">()).</span><span class="n">RequireAuthorization</span><span class="p">(</span><span class="s">&quot;&lt;policy&gt;&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// on specific endpoints</span>
+<a id="__codelineno-14-23" name="__codelineno-14-23"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/free-for-all&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">Results</span><span class="p">.</span><span class="n">Ok</span><span class="p">()).</span><span class="n">AllowAnonymous</span><span class="p">();</span>
+<a id="__codelineno-14-24" name="__codelineno-14-24"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/special-secret&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">&quot;This is a special secret!&quot;</span><span class="p">)</span>
+<a id="__codelineno-14-25" name="__codelineno-14-25"></a><span class="w">    </span><span class="p">.</span><span class="n">RequireAuthorization</span><span class="p">(</span><span class="n">p</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">p</span><span class="p">.</span><span class="n">RequireClaim</span><span class="p">(</span><span class="s">&quot;scope&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;myapi:secrets&quot;</span><span class="p">));</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="local-jwt-tokens">Local JWT Tokens</h3>
+<p>The <code>user-jwts</code> tool is similar in concept to the existing <code>user-secrets</code> tools, in that it can be used to manage values for the app that are only valid for the current user (the developer) on the current machine.<br />
+In fact, the <code>user-jwts</code> tool utilizes the <code>user-secrets</code> infrastructure to manage the key that the JWTs will be signed with, ensuring it’s stored safely in the user profile.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a>dotnet<span class="w"> </span>user-jwts<span class="w"> </span>create<span class="w">  </span><span class="c1"># configure a dev JWT fot the current user</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="output-caching">Output Caching</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-16-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-16-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-16-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-16-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-16-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-16-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-16-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-16-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-16-10">10</a></span>
+<span class="normal"><a href="#__codelineno-16-11">11</a></span>
+<span class="normal"><a href="#__codelineno-16-12">12</a></span>
+<span class="normal"><a href="#__codelineno-16-13">13</a></span>
+<span class="normal"><a href="#__codelineno-16-14">14</a></span>
+<span class="normal"><a href="#__codelineno-16-15">15</a></span>
+<span class="normal"><a href="#__codelineno-16-16">16</a></span>
+<span class="normal"><a href="#__codelineno-16-17">17</a></span>
+<span class="normal"><a href="#__codelineno-16-18">18</a></span>
+<span class="normal"><a href="#__codelineno-16-19">19</a></span>
+<span class="normal"><a href="#__codelineno-16-20">20</a></span>
+<span class="normal"><a href="#__codelineno-16-21">21</a></span>
+<span class="normal"><a href="#__codelineno-16-22">22</a></span>
+<span class="normal"><a href="#__codelineno-16-23">23</a></span>
+<span class="normal"><a href="#__codelineno-16-24">24</a></span>
+<span class="normal"><a href="#__codelineno-16-25">25</a></span>
+<span class="normal"><a href="#__codelineno-16-26">26</a></span>
+<span class="normal"><a href="#__codelineno-16-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddOutputCaching</span><span class="p">();</span><span class="w">  </span><span class="c1">// no special options</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddOutputCaching</span><span class="p">(</span><span class="n">options</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="p">{</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="w">    </span><span class="n">options</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">options</span><span class="p">.</span><span class="n">AddBasePolicy</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">NoCache</span><span class="p">())</span><span class="w">  </span><span class="c1">// no cache policy</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="w">    </span><span class="n">Func</span><span class="o">&lt;</span><span class="n">OutputCacheContext</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="o">&gt;</span><span class="w"> </span><span class="n">predicate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* discriminate requests */</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a><span class="w">    </span><span class="n">options</span><span class="p">.</span><span class="n">AddBasePolicy</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">With</span><span class="p">(</span><span class="n">predicate</span><span class="p">).</span><span class="n">CachePolicy</span><span class="p">());</span>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a><span class="w">    </span><span class="n">options</span><span class="p">.</span><span class="n">AddBasePolicy</span><span class="p">(</span><span class="s">&quot;&lt;policy-name&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">CachePolicy</span><span class="p">());</span><span class="w">  </span><span class="c1">// named policy</span>
+<a id="__codelineno-16-9" name="__codelineno-16-9"></a><span class="p">});</span>
+<a id="__codelineno-16-10" name="__codelineno-16-10"></a>
+<a id="__codelineno-16-11" name="__codelineno-16-11"></a><span class="c1">// [...]</span>
+<a id="__codelineno-16-12" name="__codelineno-16-12"></a>
+<a id="__codelineno-16-13" name="__codelineno-16-13"></a><span class="n">app</span><span class="p">.</span><span class="n">UseOutputCaching</span><span class="p">();</span><span class="w">  </span><span class="c1">// following middlewares can use output cache</span>
+<a id="__codelineno-16-14" name="__codelineno-16-14"></a>
+<a id="__codelineno-16-15" name="__codelineno-16-15"></a><span class="c1">// [...]</span>
+<a id="__codelineno-16-16" name="__codelineno-16-16"></a>
+<a id="__codelineno-16-17" name="__codelineno-16-17"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">();</span><span class="w">  </span><span class="c1">// cache forever</span>
+<a id="__codelineno-16-18" name="__codelineno-16-18"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">().</span><span class="n">Expire</span><span class="p">(</span><span class="n">timespan</span><span class="p">);</span>
+<a id="__codelineno-16-19" name="__codelineno-16-19"></a>
+<a id="__codelineno-16-20" name="__codelineno-16-20"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">CachePolicy</span><span class="p">());</span>
+<a id="__codelineno-16-21" name="__codelineno-16-21"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="s">&quot;&lt;policy-name&gt;&quot;</span><span class="p">);</span>
+<a id="__codelineno-16-22" name="__codelineno-16-22"></a>
+<a id="__codelineno-16-23" name="__codelineno-16-23"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">VaryByHeader</span><span class="p">(</span><span class="cm">/* headers list */</span><span class="p">));</span>
+<a id="__codelineno-16-24" name="__codelineno-16-24"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">VaryByQuery</span><span class="p">(</span><span class="cm">/* query key */</span><span class="p">));</span>
+<a id="__codelineno-16-25" name="__codelineno-16-25"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">VaryByValue</span><span class="p">());</span>
+<a id="__codelineno-16-26" name="__codelineno-16-26"></a>
+<a id="__codelineno-16-27" name="__codelineno-16-27"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">[</span><span class="n">OutputCache</span><span class="p">(</span><span class="cm">/* options */</span><span class="p">)]</span><span class="n">RouteHandler</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="cache-eviction">Cache Eviction</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span>
+<span class="normal"><a href="#__codelineno-17-5">5</a></span>
+<span class="normal"><a href="#__codelineno-17-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route-one&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">Tag</span><span class="p">(</span><span class="s">&quot;&lt;tag&gt;&quot;</span><span class="p">));</span><span class="w">  </span><span class="c1">// tag cache portion</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route-two&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="n">IOutputCacheStore</span><span class="w"> </span><span class="n">cache</span><span class="p">,</span><span class="w"> </span><span class="n">CancellationToken</span><span class="w"> </span><span class="n">token</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="p">{</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="n">cache</span><span class="p">.</span><span class="n">EvictByTag</span><span class="p">(</span><span class="s">&quot;&lt;tag&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">token</span><span class="p">);</span><span class="w">  </span><span class="c1">// invalidate a portion of the cache</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-cache-policy">Custom Cache Policy</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="n">app</span><span class="p">.</span><span class="n">MapGet</span><span class="p">(</span><span class="s">&quot;/&lt;route-one&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">RouteHandler</span><span class="p">).</span><span class="n">CacheOutput</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">.</span><span class="n">AddCachePolicy</span><span class="o">&lt;</span><span class="n">CustomCachePolicy</span><span class="o">&gt;</span><span class="p">());</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span>
+<span class="normal"><a href="#__codelineno-19-4">4</a></span>
+<span class="normal"><a href="#__codelineno-19-5">5</a></span>
+<span class="normal"><a href="#__codelineno-19-6">6</a></span>
+<span class="normal"><a href="#__codelineno-19-7">7</a></span>
+<span class="normal"><a href="#__codelineno-19-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="k">class</span><span class="w"> </span><span class="nc">CustomCachePolicy</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IOutputCachePolicy</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="p">{</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">ValueTask</span><span class="w"> </span><span class="nf">CacheRequestAsync</span><span class="p">(</span><span class="n">OutputCacheContext</span><span class="w"> </span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">CancellationToken</span><span class="w"> </span><span class="n">cancellationToken</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">ValueTask</span><span class="w"> </span><span class="nf">ServeFromCacheAsync</span><span class="p">(</span><span class="n">OutputCacheContext</span><span class="w"> </span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">CancellationToken</span><span class="w"> </span><span class="n">cancellationToken</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">ValueTask</span><span class="w"> </span><span class="nf">ServeResponseAsync</span><span class="p">(</span><span class="n">OutputCacheContext</span><span class="w"> </span><span class="n">context</span><span class="p">,</span><span class="w"> </span><span class="n">CancellationToken</span><span class="w"> </span><span class="n">cancellationToken</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="options-pattern">Options Pattern</h2>
+<p>The <em>options pattern</em> uses classes to provide strongly-typed access to groups of related settings.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-20-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-20-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-20-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-20-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-20-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-20-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-20-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-20-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-20-10">10</a></span>
+<span class="normal"><a href="#__codelineno-20-11">11</a></span>
+<span class="normal"><a href="#__codelineno-20-12">12</a></span>
+<span class="normal"><a href="#__codelineno-20-13">13</a></span>
+<span class="normal"><a href="#__codelineno-20-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="p">{</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="w">    </span><span class="nt">&quot;SecretKey&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Secret key value&quot;</span><span class="p">,</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="w">    </span><span class="nt">&quot;TransientFaultHandlingOptions&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="w">        </span><span class="nt">&quot;Enabled&quot;</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="w">        </span><span class="nt">&quot;AutoRetryDelay&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;00:00:07&quot;</span>
+<a id="__codelineno-20-6" name="__codelineno-20-6"></a><span class="w">    </span><span class="p">},</span>
+<a id="__codelineno-20-7" name="__codelineno-20-7"></a><span class="w">    </span><span class="nt">&quot;Logging&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-8" name="__codelineno-20-8"></a><span class="w">        </span><span class="nt">&quot;LogLevel&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-9" name="__codelineno-20-9"></a><span class="w">            </span><span class="nt">&quot;Default&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Information&quot;</span><span class="p">,</span>
+<a id="__codelineno-20-10" name="__codelineno-20-10"></a><span class="w">            </span><span class="nt">&quot;Microsoft&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Warning&quot;</span><span class="p">,</span>
+<a id="__codelineno-20-11" name="__codelineno-20-11"></a><span class="w">            </span><span class="nt">&quot;Microsoft.Hosting.Lifetime&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Information&quot;</span>
+<a id="__codelineno-20-12" name="__codelineno-20-12"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-20-13" name="__codelineno-20-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-20-14" name="__codelineno-20-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span>
+<span class="normal"><a href="#__codelineno-21-4">4</a></span>
+<span class="normal"><a href="#__codelineno-21-5">5</a></span>
+<span class="normal"><a href="#__codelineno-21-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="c1">// options model for binding</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">TransientFaultHandlingOptions</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="p">{</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">Enabled</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">TimeSpan</span><span class="w"> </span><span class="n">AutoRetryDelay</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-21-6" name="__codelineno-21-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span>
+<span class="normal"><a href="#__codelineno-22-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="c1">// setup the options</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">Configure</span><span class="o">&lt;</span><span class="n">TransientFaultHandlingOptions</span><span class="o">&gt;</span><span class="p">(</span><span class="n">builder</span><span class="p">.</span><span class="n">Configuration</span><span class="p">.</span><span class="n">GetSection</span><span class="o">&lt;</span><span class="n">TransientFaultHandlingOptions</span><span class="o">&gt;</span><span class="p">(</span><span class="n">nameof</span><span class="p">(</span><span class="n">Options</span><span class="p">)));</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">Configure</span><span class="o">&lt;</span><span class="n">TransientFaultHandlingOptions</span><span class="o">&gt;</span><span class="p">(</span><span class="n">builder</span><span class="p">.</span><span class="n">Configuration</span><span class="p">.</span><span class="n">GetSection</span><span class="o">&lt;</span><span class="n">TransientFaultHandlingOptions</span><span class="o">&gt;</span><span class="p">(</span><span class="n">key</span><span class="p">));</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span>
+<span class="normal"><a href="#__codelineno-23-3">3</a></span>
+<span class="normal"><a href="#__codelineno-23-4">4</a></span>
+<span class="normal"><a href="#__codelineno-23-5">5</a></span>
+<span class="normal"><a href="#__codelineno-23-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="k">class</span><span class="w"> </span><span class="nc">DependsOnOptions</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="p">{</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="w">  </span><span class="k">private</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="n">IOptions</span><span class="o">&lt;</span><span class="n">TransientFaultHandlingOptions</span><span class="o">&gt;</span><span class="w"> </span><span class="n">_options</span><span class="p">;</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a><span class="w">  </span><span class="k">public</span><span class="w"> </span><span class="nf">DependsOnOptions</span><span class="p">(</span><span class="n">IOptions</span><span class="o">&lt;</span><span class="n">TransientFaultHandlingOptions</span><span class="o">&gt;</span><span class="w"> </span><span class="n">options</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">_options</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">options</span><span class="p">;</span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="options-interfaces"><a href="https://docs.microsoft.com/en-us/dotnet/core/extensions/options#options-interfaces">Options interfaces</a></h3>
+<p><code>IOptions&lt;TOptions&gt;</code>:</p>
+<ul>
+<li>Does not support:</li>
+<li>Reading of configuration data after the app has started.</li>
+<li>Named options</li>
+<li>Is registered as a Singleton and can be injected into any service lifetime.</li>
+</ul>
+<p><code>IOptionsSnapshot&lt;TOptions&gt;</code>:</p>
+<ul>
+<li>Is useful in scenarios where options should be recomputed on every injection resolution, in scoped or transient lifetimes.</li>
+<li>Is registered as Scoped and therefore cannot be injected into a Singleton service.</li>
+<li>Supports named options</li>
+</ul>
+<p><code>IOptionsMonitor&lt;TOptions&gt;</code>:</p>
+<ul>
+<li>Is used to retrieve options and manage options notifications for <code>TOptions</code> instances.</li>
+<li>Is registered as a Singleton and can be injected into any service lifetime.</li>
+<li>Supports:</li>
+<li>Change notifications</li>
+<li>Named options</li>
+<li>Reloadable configuration</li>
+<li>Selective options invalidation (<code>IOptionsMonitorCache&lt;TOptions&gt;</code>)</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../csharp/unit-tests.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Unit Tests">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Unit Tests
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="filters.html" class="md-footer__link md-footer__link--next" aria-label="Next: FIlters">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                FIlters
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/razor-syntax.html b/languages/dotnet/asp.net/razor-syntax.html
new file mode 100644
index 0000000..10714ad
--- /dev/null
+++ b/languages/dotnet/asp.net/razor-syntax.html
@@ -0,0 +1,4503 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/razor-syntax.html">
+      
+      
+        <link rel="prev" href="middleware.html">
+      
+      
+        <link rel="next" href="blazor.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Razor Syntax - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Razor Syntax - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/razor-syntax.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/razor-syntax.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Razor Syntax - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/razor-syntax.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#razor-syntax" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Razor Syntax
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="razor-syntax.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#markup" class="md-nav__link">
+    <span class="md-ellipsis">
+      Markup
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tag-helpers-aspnet-core" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tag Helpers (ASP.NET Core)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Tag Helpers (ASP.NET Core)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-tag-helpers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Tag Helpers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Managing Tag Helpers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#opting-out-of-individual-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Opting out of individual elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#explicit-tag-helpers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Explicit Tag Helpers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#important-tag-helpers-asp-html-helpers-html" class="md-nav__link">
+    <span class="md-ellipsis">
+      Important Tag Helpers (asp-) &amp; HTML Helpers (@Html)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#select-tag-helper" class="md-nav__link">
+    <span class="md-ellipsis">
+      Select Tag Helper
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#markup" class="md-nav__link">
+    <span class="md-ellipsis">
+      Markup
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tag-helpers-aspnet-core" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tag Helpers (ASP.NET Core)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Tag Helpers (ASP.NET Core)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-tag-helpers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Tag Helpers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Managing Tag Helpers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#opting-out-of-individual-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Opting out of individual elements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#explicit-tag-helpers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Explicit Tag Helpers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#important-tag-helpers-asp-html-helpers-html" class="md-nav__link">
+    <span class="md-ellipsis">
+      Important Tag Helpers (asp-) &amp; HTML Helpers (@Html)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#select-tag-helper" class="md-nav__link">
+    <span class="md-ellipsis">
+      Select Tag Helper
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="razor-syntax"><a href="https://docs.microsoft.com/en-us/aspnet/core/mvc/views/razor">Razor Syntax</a></h1>
+<h2 id="markup">Markup</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">@page</span><span class="w">  </span><span class="c1">// set this as razor page</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">@model</span><span class="w"> </span><span class="o">&lt;</span><span class="n">App</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Models</span><span class="p">.</span><span class="n">Entity</span><span class="w">  </span><span class="c1">// if MVC set type of elements passed to the view </span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">@model</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Page</span><span class="o">&gt;</span><span class="n">Model</span><span class="w">  </span><span class="c1">// if Razor page set underlying class</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="err">@</span><span class="o">*</span><span class="w"> </span><span class="n">razor</span><span class="w"> </span><span class="n">comment</span><span class="w"> </span><span class="o">*</span><span class="err">@</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1">// substitute @variable with it&#39;s value</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;</span><span class="n">@variable</span><span class="o">&lt;/</span><span class="n">tag</span><span class="o">&gt;</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="err">@</span><span class="p">{</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">    </span><span class="c1">// razor code block</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">    </span><span class="c1">// can contain C# or HTML</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">    </span><span class="n">Model</span><span class="w">  </span><span class="c1">// access to passed @model (MVC)</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="p">}</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="n">@if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="n">@for</span><span class="w"> </span><span class="p">(</span><span class="n">init</span><span class="p">,</span><span class="w"> </span><span class="n">condition</span><span class="p">,</span><span class="w"> </span><span class="n">iteration</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="n">@Model</span><span class="p">.</span><span class="n">Property</span><span class="w">  </span><span class="c1">// display Property value (MVC)</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="tag-helpers-aspnet-core">Tag Helpers (ASP.NET Core)</h2>
+<p><strong>Tag helpers</strong> are reusable components for automating the generation of HTML in Razor Pages. Tag helpers target specific HTML tags.</p>
+<p>Example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="cm">&lt;!-- tag helpers for a lin in ASP.NET MVC --&gt;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;nav-link text-dark&quot;</span> <span class="na">asp-area</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">asp-controller</span><span class="o">=</span><span class="s">&quot;Home&quot;</span> <span class="na">asp-action</span><span class="o">=</span><span class="s">&quot;Index&quot;</span><span class="p">&gt;</span>Home<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="managing-tag-helpers">Managing Tag Helpers</h3>
+<p>The <code>@addTagHelper</code> directive makes Tag Helpers available to the view. Generally, the view file is <code>Pages/_ViewImports.cshtml</code>, which by default is inherited by all files in the <code>Pages</code> folder and subfolders, making Tag Helpers available.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">@using</span><span class="w"> </span><span class="o">&lt;</span><span class="n">App</span><span class="o">&gt;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">@namespace</span><span class="w"> </span><span class="o">&lt;</span><span class="n">App</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Pages</span><span class="w">  </span><span class="c1">// or &lt;Project&gt;.Models</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">@addTagHelper</span><span class="w"> </span><span class="o">*</span><span class="p">,</span><span class="w"> </span><span class="n">Microsoft</span><span class="p">.</span><span class="n">AspNetCore</span><span class="p">.</span><span class="n">Mvc</span><span class="p">.</span><span class="n">TagHelpers</span>
+</code></pre></div></td></tr></table></div>
+<p>The first parameter after <code>@addTagHelper</code> specifies the Tag Helpers to load (<code>*</code> for all Tag Helpers), and the second parameter (e.g. <code>Microsoft.AspNetCore.Mvc.TagHelpers</code>) specifies the assembly containing the Tag Helpers.
+<code>Microsoft.AspNetCore.Mvc.TagHelpers</code> is the assembly for the built-in ASP.NET Core Tag Helpers.</p>
+<h4 id="opting-out-of-individual-elements">Opting out of individual elements</h4>
+<p>It's possible to disable a Tag Helper at the element level with the Tag Helper opt-out character (<code>!</code>)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>&lt;!-- disable email validation --&gt;
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>&lt;!span asp-validation-for=&quot;Email&quot; &gt;&lt;/!span&gt;
+</code></pre></div></td></tr></table></div>
+<h3 id="explicit-tag-helpers">Explicit Tag Helpers</h3>
+<p>The <code>@tagHelperPrefix</code> directive allows to specify a tag prefix string to enable Tag Helper support and to make Tag Helper usage explicit.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>@tagHelpersPrefix th:
+</code></pre></div></td></tr></table></div>
+<h3 id="important-tag-helpers-asp-html-helpers-html">Important Tag Helpers (<code>asp-</code>) &amp; HTML Helpers (<code>@Html</code>)</h3>
+<p><a href="https://stephenwalther.com/archive/2009/03/03/chapter-6-understanding-html-helpers">Understanding Html Helpers</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">@model</span><span class="w"> </span><span class="o">&lt;</span><span class="n">App</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Models</span><span class="p">.</span><span class="n">Entity</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="c1">// Display the name of the property</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="n">@Html</span><span class="p">.</span><span class="n">DisplayNameFor</span><span class="p">(</span><span class="n">model</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">model</span><span class="p">.</span><span class="n">EntityProp</span><span class="p">)</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="n">@nameof</span><span class="p">(</span><span class="n">Model</span><span class="p">.</span><span class="n">EntityProp</span><span class="p">)</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="c1">// Display the value of the property</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="n">@Html</span><span class="p">.</span><span class="n">DisplayFor</span><span class="p">(</span><span class="n">model</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">model</span><span class="p">.</span><span class="n">EntityProp</span><span class="p">)</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="n">@Model</span><span class="p">.</span><span class="n">EntityProp</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="o">&lt;</span><span class="k">from</span><span class="o">&gt;</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w">    </span><span class="c1">// use the property as the label, eventually w/ [DisplayName(&quot;...&quot;)]</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">label</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="k">for</span><span class="o">=</span><span class="s">&quot;EntityProp&quot;</span><span class="o">&gt;&lt;/</span><span class="n">label</span><span class="o">&gt;</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w">    </span><span class="n">@Html</span><span class="p">.</span><span class="n">LabelFor</span><span class="p">()</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="w">    </span><span class="c1">// automatically set the value at form compilation and submission</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">input</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="k">for</span><span class="o">=</span><span class="s">&quot;EntityProp&quot;</span><span class="o">/&gt;</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="w">    </span><span class="n">@Html</span><span class="p">.</span><span class="n">EditorFor</span><span class="p">()</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="o">&lt;/</span><span class="k">from</span><span class="o">&gt;</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="c1">// route config is {Controller}/{Action}/{Id?}</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a><span class="o">&lt;</span><span class="n">a</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">controller</span><span class="o">=</span><span class="s">&quot;&lt;Controller&gt;&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">action</span><span class="o">=</span><span class="s">&quot;&lt;Action&gt;&quot;</span><span class="o">&gt;</span><span class="n">Link</span><span class="o">&lt;/</span><span class="n">a</span><span class="o">&gt;</span><span class="w">  </span><span class="c1">// link to /Controller/Action</span>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="o">&lt;</span><span class="n">a</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">controller</span><span class="o">=</span><span class="s">&quot;&lt;Controller&gt;&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">action</span><span class="o">=</span><span class="s">&quot;&lt;Action&gt;&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">route</span><span class="o">-</span><span class="n">Id</span><span class="o">=</span><span class="s">&quot;@model.Id&quot;</span><span class="o">&gt;</span><span class="n">Link</span><span class="o">&lt;/</span><span class="n">a</span><span class="o">&gt;</span><span class="w">  </span><span class="c1">// link to /Controller/Action/Id</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a><span class="n">@Html</span><span class="p">.</span><span class="n">ActionLink</span><span class="p">(</span><span class="s">&quot;&lt;Link Text&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&lt;Action&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&lt;Controller&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">@HTmlAttribute</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="n">Id</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">})</span><span class="w"> </span><span class="c1">// link to /Controller/Action/Id</span>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="c1">// link to /Controller/Action?queryParameter=value</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a><span class="n">@Html</span><span class="p">.</span><span class="n">ActionLink</span><span class="p">(</span><span class="s">&quot;&lt;Link Text&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&lt;Action&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;&lt;Controller&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">@HTmlAttribute</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="n">queryParameter</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">})</span>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="o">&lt;</span><span class="n">a</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">controller</span><span class="o">=</span><span class="s">&quot;&lt;Controller&gt;&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">action</span><span class="o">=</span><span class="s">&quot;&lt;Action&gt;&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">route</span><span class="o">-</span><span class="n">queryParameter</span><span class="o">=</span><span class="s">&quot;value&quot;</span><span class="o">&gt;</span><span class="n">Link</span><span class="o">&lt;/</span><span class="n">a</span><span class="o">&gt;</span><span class="w">  </span><span class="c1">// asp-route-* for query strings</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="select-tag-helper"><a href="https://docs.microsoft.com/en-us/aspnet/core/mvc/views/working-with-forms">Select Tag Helper</a></h3>
+<p><a href="https://stackoverflow.com/a/34624217">StackOverflow</a>
+<a href="https://docs.microsoft.com/en-us/dotnet/api/system.web.mvc.selectlist">SelectList Docs</a></p>
+<p>In <code>ViewModel.cs</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span>
+<span class="normal"><a href="#__codelineno-6-8">8</a></span>
+<span class="normal"><a href="#__codelineno-6-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">class</span><span class="w"> </span><span class="nc">ViewModel</span><span class="w"> </span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="p">{</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">EntityId</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// value selected in form ends up here</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="w">    </span><span class="c1">// object has numeric id and other props</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">SelectList</span><span class="w"> </span><span class="n">Entities</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="p">()</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">ViewModel</span><span class="p">(){</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// parameterless constructor (NEEDED)</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>View.cs</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span>
+<span class="normal"><a href="#__codelineno-7-7">7</a></span>
+<span class="normal"><a href="#__codelineno-7-8">8</a></span>
+<span class="normal"><a href="#__codelineno-7-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">@model</span><span class="w"> </span><span class="n">ViewModel</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="o">&lt;</span><span class="n">form</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">controller</span><span class="o">=</span><span class="s">&quot;Controller&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">action</span><span class="o">=</span><span class="s">&quot;PostAction&quot;</span><span class="o">&gt;</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="w">    </span><span class="o">&lt;</span><span class="k">select</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="k">for</span><span class="s">&quot;EntityId&quot;</span><span class="w"> </span><span class="n">asp</span><span class="o">-</span><span class="n">items</span><span class="o">=</span><span class="s">&quot;Model.Entities&quot;</span><span class="o">&gt;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="w">    </span><span class="o">&lt;/</span><span class="k">select</span><span class="o">&gt;</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">button</span><span class="w"> </span><span class="n">type</span><span class="o">=</span><span class="s">&quot;submit&quot;</span><span class="o">&gt;</span><span class="n">Send</span><span class="o">&lt;</span><span class="n">button</span><span class="o">&gt;</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="o">&lt;/</span><span class="n">form</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>Controller.cs</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="k">public</span><span class="w"> </span><span class="n">IActionResult</span><span class="w"> </span><span class="nf">GetAction</span><span class="p">()</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="p">{</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">vm</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ViewModel</span><span class="p">();</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">    </span><span class="n">vm</span><span class="p">.</span><span class="n">Entities</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SelectList</span><span class="p">(</span><span class="n">_context</span><span class="p">.</span><span class="n">Entities</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Id&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;Text&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// fill SelectList</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="w">    </span><span class="n">vm</span><span class="p">.</span><span class="n">EntityId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// set selected option (OPTIONAL)</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nf">View</span><span class="p">(</span><span class="n">vm</span><span class="p">);</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="p">}</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="na">[HttpPost]</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="k">public</span><span class="w"> </span><span class="n">IActionResult</span><span class="w"> </span><span class="nf">PostAction</span><span class="p">(</span><span class="n">ViewModel</span><span class="p">)</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="p">{</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="w">    </span><span class="k">if</span><span class="p">(</span><span class="n">ModelState</span><span class="p">.</span><span class="n">IsValid</span><span class="p">)</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="w">        </span><span class="c1">// extract info from view model</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="w">        </span><span class="c1">// save to db</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="middleware.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Middleware">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Middleware
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="blazor.html" class="md-footer__link md-footer__link--next" aria-label="Next: Blazor">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Blazor
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/signalr.html b/languages/dotnet/asp.net/signalr.html
new file mode 100644
index 0000000..7184d42
--- /dev/null
+++ b/languages/dotnet/asp.net/signalr.html
@@ -0,0 +1,4553 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/signalr.html">
+      
+      
+        <link rel="prev" href="blazor.html">
+      
+      
+        <link rel="next" href="web-forms.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>SignalR - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="SignalR - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/signalr.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/signalr.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="SignalR - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/signalr.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#signalr" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              SignalR
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="signalr.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#server-side" class="md-nav__link">
+    <span class="md-ellipsis">
+      Server-Side
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Server-Side">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Configuration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#creating-hubs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating Hubs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#strongly-typed-hubs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strongly Typed Hubs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#handling-connection-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Handling Connection Events
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sending-errors-to-the-client" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sending Errors to the client
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#client-side-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Client-Side (JavaScript)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#installing-the-client-package" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installing the client package
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#connecting-to-a-hub" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connecting to a Hub
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#call-hub-methods-fom-the-client" class="md-nav__link">
+    <span class="md-ellipsis">
+      Call hub methods fom the client
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#call-client-methods-from-the-hub" class="md-nav__link">
+    <span class="md-ellipsis">
+      Call client methods from the hub
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#server-side" class="md-nav__link">
+    <span class="md-ellipsis">
+      Server-Side
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Server-Side">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Configuration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#creating-hubs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating Hubs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#strongly-typed-hubs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strongly Typed Hubs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#handling-connection-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Handling Connection Events
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sending-errors-to-the-client" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sending Errors to the client
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#client-side-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Client-Side (JavaScript)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#installing-the-client-package" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installing the client package
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#connecting-to-a-hub" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connecting to a Hub
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#call-hub-methods-fom-the-client" class="md-nav__link">
+    <span class="md-ellipsis">
+      Call hub methods fom the client
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#call-client-methods-from-the-hub" class="md-nav__link">
+    <span class="md-ellipsis">
+      Call client methods from the hub
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="signalr">SignalR</h1>
+<p>The SignalR Hubs API enables to call methods on connected clients from the server. In the server code, define methods that are called by client. In the client code, define methods that are called from the server. SignalR takes care of everything behind the scenes that makes real-time client-to-server and server-to-client communications possible.</p>
+<h2 id="server-side">Server-Side</h2>
+<h3 id="configuration">Configuration</h3>
+<p>In <code>Startup.cs</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">builder</span><span class="p">.</span><span class="n">Services</span><span class="p">.</span><span class="n">AddSignalR</span><span class="p">();</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kt">var</span><span class="w"> </span><span class="n">app</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">builder</span><span class="p">.</span><span class="n">Build</span><span class="p">();</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">app</span><span class="p">.</span><span class="n">UseEndpoints</span><span class="p">(</span><span class="n">endpoints</span><span class="w"> </span><span class="o">=&gt;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">{</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">    </span><span class="n">endpoints</span><span class="p">.</span><span class="n">MapHub</span><span class="p">(</span><span class="s">&quot;/hub/endpoint&quot;</span><span class="p">);</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="creating-hubs">Creating Hubs</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomHub</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Hub</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="p">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">task</span><span class="w"> </span><span class="nf">HubMethod</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">        </span><span class="c1">// trigger function on all clients and pass args to it</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Clients</span><span class="p">.</span><span class="n">All</span><span class="p">.</span><span class="n">SendAsync</span><span class="p">(</span><span class="s">&quot;CLientMethod&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="w">        </span><span class="c1">// trigger function on caller client and pass args to it</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Clients</span><span class="p">.</span><span class="n">Caller</span><span class="p">.</span><span class="n">SendAsync</span><span class="p">(</span><span class="s">&quot;CLientMethod&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w">        </span><span class="c1">// trigger function on clients of a group and pass args to it</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Clients</span><span class="p">.</span><span class="n">Group</span><span class="p">(</span><span class="s">&quot;GroupName&quot;</span><span class="p">).</span><span class="n">SendAsync</span><span class="p">(</span><span class="s">&quot;CLientMethod&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="w">        </span><span class="c1">// other operations</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="strongly-typed-hubs">Strongly Typed Hubs</h3>
+<p>A drawback of using <code>SendAsync</code> is that it relies on a magic string to specify the client method to be called. This leaves code open to runtime errors if the method name is misspelled or missing from the client.</p>
+<p>An alternative to using SendAsync is to strongly type the Hub with <code>Hub&lt;T&gt;</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IHubClient</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">{</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">    </span><span class="c1">// matches method to be called on the client</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">    </span><span class="n">Task</span><span class="w"> </span><span class="nf">ClientMethod</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomHub</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Hub</span><span class="o">&lt;</span><span class="n">IHubClient</span><span class="o">&gt;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">HubMethod</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">Clients</span><span class="p">.</span><span class="n">All</span><span class="p">.</span><span class="n">ClientMethod</span><span class="p">(</span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Using <code>Hub&lt;T&gt;</code> enables compile-time checking of the client methods. This prevents issues caused by using magic strings, since <code>Hub&lt;T&gt;</code> can only provide access to the methods defined in the interface.</p>
+<p>Using a strongly typed <code>Hub&lt;T&gt;</code> disables the ability to use <code>SendAsync</code>. Any methods defined on the interface can still be defined as asynchronous. In fact, each of these methods should return a <code>Task</code>. Since it's an interface, don't use the <code>async</code> keyword.</p>
+<h3 id="handling-connection-events">Handling Connection Events</h3>
+<p>The SignalR Hubs API provides the OnConnectedAsync and OnDisconnectedAsync virtual methods to manage and track connections. Override the OnConnectedAsync virtual method to perform actions when a client connects to the Hub, such as adding it to a group.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">OnConnectedAsync</span><span class="p">()</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="p">{</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="n">Groups</span><span class="p">.</span><span class="n">AddToGroupAsync</span><span class="p">(</span><span class="n">Context</span><span class="p">.</span><span class="n">ConnectionId</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;GroupName&quot;</span><span class="p">);</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="k">base</span><span class="p">.</span><span class="n">OnConnectedAsync</span><span class="p">();</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="p">}</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">OnDisconnectedAsync</span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">exception</span><span class="p">)</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="p">{</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="n">Groups</span><span class="p">.</span><span class="n">RemoveFromGroupAsync</span><span class="p">(</span><span class="n">Context</span><span class="p">.</span><span class="n">ConnectionId</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;GroupName&quot;</span><span class="p">);</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="k">base</span><span class="p">.</span><span class="n">OnDisconnectedAsync</span><span class="p">(</span><span class="n">exception</span><span class="p">);</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Override the <code>OnDisconnectedAsync</code> virtual method to perform actions when a client disconnects.<br />
+If the client disconnects intentionally (by calling <code>connection.stop()</code>, for example), the exception parameter will be null.<br />
+However, if the client is disconnected due to an error (such as a network failure), the exception parameter will contain an exception describing the failure.</p>
+<h3 id="sending-errors-to-the-client">Sending Errors to the client</h3>
+<p>Exceptions thrown in the hub methods are sent to the client that invoked the method. On the JavaScript client, the <code>invoke</code> method returns a JavaScript Promise. When the client receives an error with a handler attached to the promise using catch, it's invoked and passed as a JavaScript <code>Error</code> object.</p>
+<p>If the Hub throws an exception, connections aren't closed. By default, SignalR returns a generic error message to the client.</p>
+<p>If you have an exceptional condition you <em>do</em> want to propagate to the client, use the <code>HubException</code> class. If you throw a <code>HubException</code> from your hub method, SignalR will send the entire message to the client, unmodified.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">public</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">ThrowException</span><span class="p">()</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="p">{</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="w">    </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">HubException</span><span class="p">(</span><span class="s">&quot;This error will be sent to the client!&quot;</span><span class="p">);</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="client-side-javascript">Client-Side (JavaScript)</h3>
+<h3 id="installing-the-client-package">Installing the client package</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>npm<span class="w"> </span>init<span class="w"> </span>-y
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>npm<span class="w"> </span>install<span class="w"> </span>@microsoft/signalr
+</code></pre></div></td></tr></table></div>
+<p>npm installs the package contents in the <code>node_modules\@microsoft\signalr\dist\browser</code> folder. Create a new folder named signalr under the <code>wwwroot\lib</code> folder. Copy the signalr.js file to the <code>wwwroot\lib\signalr</code> folder.</p>
+<p>Reference the SignalR JavaScript client in the <code>&lt;script&gt;</code> element. For example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;~/lib/signalr/signalr.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="connecting-to-a-hub">Connecting to a Hub</h3>
+<p><a href="https://docs.microsoft.com/en-us/aspnet/core/signalr/javascript-client#reconnect-clients">Reconnect Clients Docs</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">const</span><span class="w"> </span><span class="nx">connection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">signalR</span><span class="p">.</span><span class="nx">HubConnectionBuilder</span><span class="p">()</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="w">    </span><span class="p">.</span><span class="nx">withUrl</span><span class="p">(</span><span class="s2">&quot;/hub/endpoint&quot;</span><span class="p">)</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="w">    </span><span class="p">.</span><span class="nx">configureLogging</span><span class="p">(</span><span class="nx">signalR</span><span class="p">.</span><span class="nx">LogLevel</span><span class="p">.</span><span class="nx">Information</span><span class="p">)</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="w">    </span><span class="p">.</span><span class="nx">withAutomaticReconnect</span><span class="p">()</span><span class="w">  </span><span class="c1">// optional</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">    </span><span class="p">.</span><span class="nx">build</span><span class="p">();</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="c1">// async/await connection start</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="k">async</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">connect</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="w">    </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="w">        </span><span class="k">await</span><span class="w"> </span><span class="nx">connection</span><span class="p">.</span><span class="nx">start</span><span class="p">();</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;SignalR Connected.&quot;</span><span class="p">);</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="nx">err</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="p">};</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="c1">// promise connection start</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="kd">function</span><span class="w"> </span><span class="nx">connect</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="w">    </span><span class="nx">connection</span><span class="p">.</span><span class="nx">start</span><span class="p">()</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="w">    </span><span class="p">.</span><span class="nx">then</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{})</span>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="w">    </span><span class="p">.</span><span class="k">catch</span><span class="p">((</span><span class="nx">err</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="nx">err</span><span class="p">)});</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="call-hub-methods-fom-the-client">Call hub methods fom the client</h3>
+<p>JavaScript clients call public methods on hubs via the <code>invoke</code> method of the <code>HubConnection</code>. The <code>invoke</code> method accepts:</p>
+<ul>
+<li>The name of the hub method.</li>
+<li>Any arguments defined in the hub method.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="w">    </span><span class="k">await</span><span class="w"> </span><span class="nx">connection</span><span class="p">.</span><span class="nx">invoke</span><span class="p">(</span><span class="s2">&quot;HubMethod&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">args</span><span class="p">);</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="nx">err</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>invoke</code> method returns a JavaScript <code>Promise</code>. The <code>Promise</code> is resolved with the return value (if any) when the method on the server returns. If the method on the server throws an error, the <code>Promise</code> is rejected with the error message. Use <code>async</code> and <code>await</code> or the <code>Promise</code>'s then and catch methods to handle these cases.</p>
+<p>JavaScript clients can also call public methods on hubs via the the <code>send</code> method of the <code>HubConnection</code>. Unlike the <code>invoke</code> method, the send method doesn't wait for a response from the server. The send method returns a JavaScript <code>Promise</code>. The <code>Promise</code> is resolved when the message has been sent to the server. If there is an error sending the message, the <code>Promise</code> is rejected with the error message. Use <code>async</code> and <code>await</code> or the <code>Promise</code>'s then and catch methods to handle these cases.</p>
+<h3 id="call-client-methods-from-the-hub">Call client methods from the hub</h3>
+<p>To receive messages from the hub, define a method using the <code>on</code> method of the <code>HubConnection</code>. The <code>on</code> method accepts:</p>
+<ul>
+<li>The name of the JavaScript client method.</li>
+<li>Arguments the hub passes to the method.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">connection</span><span class="p">.</span><span class="k">on</span><span class="p">(</span><span class="s">&quot;ClientMethod&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* ... */</span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="blazor.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Blazor">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Blazor
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="web-forms.html" class="md-footer__link md-footer__link--next" aria-label="Next: Web Forms">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Web Forms
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/asp.net/web-forms.html b/languages/dotnet/asp.net/web-forms.html
new file mode 100644
index 0000000..38cb1d6
--- /dev/null
+++ b/languages/dotnet/asp.net/web-forms.html
@@ -0,0 +1,4333 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/web-forms.html">
+      
+      
+        <link rel="prev" href="signalr.html">
+      
+      
+        <link rel="next" href="../database/ado.net.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Web Forms - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Web Forms - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/web-forms.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/web-forms.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Web Forms - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/asp.net/web-forms.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#webforms" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Web Forms
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="web-forms.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#pageaspx" class="md-nav__link">
+    <span class="md-ellipsis">
+      Page.aspx
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Page.aspx">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#page-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      Page Directive
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#web-controls" class="md-nav__link">
+    <span class="md-ellipsis">
+      Web Controls
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pageaspxcs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Page.aspx.cs
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#pageaspx" class="md-nav__link">
+    <span class="md-ellipsis">
+      Page.aspx
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Page.aspx">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#page-directive" class="md-nav__link">
+    <span class="md-ellipsis">
+      Page Directive
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#web-controls" class="md-nav__link">
+    <span class="md-ellipsis">
+      Web Controls
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pageaspxcs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Page.aspx.cs
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="webforms">WebForms</h1>
+<h2 id="pageaspx"><code>Page.aspx</code></h2>
+<p>The fist loaded page is <code>Default.aspx</code> and its underlying code.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="cm">&lt;!-- directive --&gt;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="err">&lt;</span>%@ Page Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot; CodeBehind=&quot;Default.aspx.cs&quot; Inherits=&quot;Project.Default&quot; %&gt;
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="cp">&lt;!DOCTYPE html&gt;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">&lt;</span><span class="nt">html</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">&quot;http://www.w3.org/1999/xhtml&quot;</span><span class="p">&gt;</span>  <span class="cm">&lt;!-- XML Namespace --&gt;</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="p">&lt;</span><span class="nt">head</span> <span class="na">runat</span><span class="o">=</span><span class="s">&quot;server&quot;</span><span class="p">&gt;</span>  <span class="cm">&lt;!-- runat: handle as ASP code --&gt;</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>    <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a>    <span class="cm">&lt;!-- web forms require a form tag to be the whole body --&gt;</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>    <span class="p">&lt;</span><span class="nt">form</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;form1&quot;</span> <span class="na">runat</span><span class="o">=</span><span class="s">&quot;server&quot;</span><span class="p">&gt;</span>  <span class="cm">&lt;!-- runat: handle as ASP code --&gt;</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a>        <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a>        <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a>    <span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="page-directive">Page Directive</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="o">&lt;%</span><span class="err">@</span><span class="w"> </span><span class="n">Page</span><span class="w"> </span><span class="n">Language</span><span class="o">=</span><span class="s">&quot;C#&quot;</span><span class="w">  </span><span class="c1">// define language used (can be C# or VB)</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">    </span><span class="n">AutoEventWireup</span><span class="o">=</span><span class="s">&quot;true&quot;</span><span class="w">  </span><span class="c1">// automatically create and setup event handlers</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">    </span><span class="n">CodeBehind</span><span class="o">=</span><span class="s">&quot;Default.aspx.cs&quot;</span><span class="w">  </span><span class="c1">// define the underlying code file</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="n">Inherits</span><span class="o">=</span><span class="s">&quot;EmptyWebForm.Default&quot;</span><span class="w"> </span><span class="o">%&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="web-controls">Web Controls</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nt">&lt;asp:Control</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="err">...</span><span class="nt">&gt;&lt;/asp:Control&gt;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="cm">&lt;!-- Label: empty text will diplay ID, use empty space as text for empty label --&gt;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="nt">&lt;asp:Label</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;lbl_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">Text=</span><span class="s">&quot; &quot;</span><span class="nt">&gt;&lt;/asp:Label&gt;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="cm">&lt;!-- TextBox --&gt;</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="nt">&lt;asp:TextBox</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;txt_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="nt">&gt;&lt;/asp:TextBox&gt;</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="cm">&lt;!-- Button --&gt;</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="nt">&lt;asp:Button</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;btn_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">Text=</span><span class="s">&quot;ButtonText&quot;</span><span class="w"> </span><span class="na">OnClick=</span><span class="s">&quot;btn_Click&quot;</span><span class="w"> </span><span class="nt">/&gt;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="cm">&lt;!-- HyperLink --&gt;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="nt">&lt;asp:HyperLink</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;lnk_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">NavigateUrl=</span><span class="s">&quot;~/Page.aspx&quot;</span><span class="nt">&gt;</span>LINK<span class="w"> </span>TEXT<span class="nt">&lt;/asp:HyperLink&gt;</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="cm">&lt;!-- LinkButton: POstBackEvent reloads the page --&gt;</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="nt">&lt;asp:LinkButton</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;lbtHome&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">PostBackUrl=</span><span class="s">&quot;~/Page.aspx&quot;</span><span class="w"> </span><span class="na">OnClick=</span><span class="s">&quot;lbt_Click&quot;</span><span class="nt">&gt;</span>BUTTON<span class="w"> </span>TEXT<span class="nt">&lt;/asp:LinkButton&gt;</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="cm">&lt;!-- Image --&gt;</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="nt">&lt;asp:Image</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;img_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">ImageUrl=</span><span class="s">&quot;~/Images/image.avif&quot;</span><span class="nt">/&gt;</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="cm">&lt;!-- ImageButton --&gt;</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="nt">&lt;asp:ImageButton</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;imb_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">ImageUrl=</span><span class="s">&quot;~/Images/image.avif&quot;</span><span class="w"> </span><span class="na">PostBackUrl=</span><span class="s">&quot;~/Page.aspx&quot;</span><span class="nt">/&gt;</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="cm">&lt;!-- SqlSataSource; connection string specified in Web.config --&gt;</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="nt">&lt;asp:SqlDataSource</span><span class="w"> </span><span class="na">ID=</span><span class="s">&quot;sds_&quot;</span><span class="w"> </span><span class="na">runat=</span><span class="s">&quot;server&quot;</span><span class="w"> </span><span class="na">ConnectionString=</span><span class="s">&quot;&lt;%$ ConnectionStrings:ConnectionString %&gt;&quot;</span><span class="w"> </span><span class="na">SelectCommand=</span><span class="s">&quot;SQL Query&quot;</span><span class="nt">&gt;&lt;/asp:SqlDataSource&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="pageaspxcs"><code>Page.aspx.cs</code></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">public</span><span class="w"> </span><span class="k">partial</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Default</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Web</span><span class="p">.</span><span class="n">UI</span><span class="p">.</span><span class="n">Page</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="k">protected</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Page_Load</span><span class="p">(</span><span class="kt">object</span><span class="w"> </span><span class="n">sender</span><span class="p">,</span><span class="w"> </span><span class="n">EventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">    </span><span class="k">protected</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Control_Event</span><span class="p">(</span><span class="kt">object</span><span class="w"> </span><span class="n">sender</span><span class="p">,</span><span class="w"> </span><span class="n">EventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">        </span><span class="c1">// actions on event trigger</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="signalr.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: SignalR">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                SignalR
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../database/ado.net.html" class="md-footer__link md-footer__link--next" aria-label="Next: ADO.NET">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                ADO.NET
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/csharp/async-programming.html b/languages/dotnet/csharp/async-programming.html
new file mode 100644
index 0000000..3ec975c
--- /dev/null
+++ b/languages/dotnet/csharp/async-programming.html
@@ -0,0 +1,4600 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/async-programming.html">
+      
+      
+        <link rel="prev" href="reactive-extensions.html">
+      
+      
+        <link rel="next" href="unit-tests.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Async Programming - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Async Programming - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/async-programming.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/async-programming.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Async Programming - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/async-programming.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#async-programming" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Async Programming
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="async-programming.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#task-asynchronous-programming-model-tap" class="md-nav__link">
+    <span class="md-ellipsis">
+      Task Asynchronous Programming Model (TAP)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Task Asynchronous Programming Model (TAP)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#threads" class="md-nav__link">
+    <span class="md-ellipsis">
+      Threads
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#naming-convention" class="md-nav__link">
+    <span class="md-ellipsis">
+      Naming Convention
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#async-return-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Async Return Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Async Return Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#task-return-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Task return type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tasktresult-return-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Task&lt;TResult&gt; return type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#void-return-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      void return type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generalized-async-return-types-and-valuetasktresult" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generalized async return types and ValueTask&lt;TResult&gt;
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#async-composition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Async Composition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#execution-synchronization-context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Execution &amp; Synchronization Context
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#error-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Error Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#argument-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Argument Validation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#task-asynchronous-programming-model-tap" class="md-nav__link">
+    <span class="md-ellipsis">
+      Task Asynchronous Programming Model (TAP)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Task Asynchronous Programming Model (TAP)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#threads" class="md-nav__link">
+    <span class="md-ellipsis">
+      Threads
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#naming-convention" class="md-nav__link">
+    <span class="md-ellipsis">
+      Naming Convention
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#async-return-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Async Return Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Async Return Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#task-return-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Task return type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tasktresult-return-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Task&lt;TResult&gt; return type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#void-return-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      void return type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generalized-async-return-types-and-valuetasktresult" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generalized async return types and ValueTask&lt;TResult&gt;
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#async-composition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Async Composition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#execution-synchronization-context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Execution &amp; Synchronization Context
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#error-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Error Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#argument-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Argument Validation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="async-programming"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/async/">Async Programming</a></h1>
+<h2 id="task-asynchronous-programming-model-tap">Task Asynchronous Programming Model (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/async/task-asynchronous-programming-model">TAP</a>)</h2>
+<p>It's possible to avoid performance bottlenecks and enhance the overall responsiveness of an application by using asynchronous programming.<br />
+However, traditional techniques for writing asynchronous applications can be complicated, making them difficult to write, debug, and maintain.</p>
+<p>C# 5 introduced a simplified approach, <strong>async programming</strong>, that leverages asynchronous support in the .NET Runtime.<br />
+The compiler does the difficult work that the developer used to do, and the application retains a logical structure that resembles synchronous code.</p>
+<p>In performance-sensitive code, asynchronous APIs are useful, because instead of wasting resources by forcing a thread to sit and wait for I/O to complete, a thread can kick off the work and then do something else productive in the meantime.</p>
+<p>The <code>async</code> and <code>await</code> keywords in C# are the heart of async programming.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="o">&lt;</span><span class="n">TResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">MethodAsync</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="n">Task</span><span class="o">&lt;</span><span class="n">TResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">resultTask</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">obj</span><span class="p">.</span><span class="n">OtherMethodAsync</span><span class="p">();</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="n">DoIndependentWork</span><span class="p">();</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">    </span><span class="n">TResult</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="n">resultTask</span><span class="p">;</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">    </span><span class="c1">// if the is no work to be done before awaiting</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">    </span><span class="n">TResult</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="n">obj</span><span class="p">.</span><span class="n">OtherMethodAsync</span><span class="p">();</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">result</span><span class="p">;</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Characteristics of Async Methods:</p>
+<ul>
+<li>The method signature includes an <code>async</code> modifier.</li>
+<li>The name of an async method, by convention, ends with an "Async" suffix.</li>
+<li>The return type is one of the following types:</li>
+<li><code>Task&lt;TResult&gt;</code> if the method has a return statement in which the operand has type <code>TResult</code>.</li>
+<li><code>Task</code> if the method has no return statement or has a return statement with no operand.</li>
+<li><code>void</code> if it's an async event handler.</li>
+<li>Any other type that has a <code>GetAwaiter</code> method (starting with C# 7.0).</li>
+<li>Starting with C# 8.0, <code>IAsyncEnumerable&lt;T&gt;</code>, for an async method that returns an async stream.</li>
+</ul>
+<p>The method usually includes at least one <code>await</code> expression, which marks a point where the method can't continue until the awaited asynchronous operation is complete.<br />
+In the meantime, the method is suspended, and control returns to the method's caller.</p>
+<h3 id="threads">Threads</h3>
+<p>Async methods are intended to be non-blocking operations. An <code>await</code> expression in an async method doesn't block the current thread while the awaited task is running. Instead, the expression signs up the rest of the method as a continuation and returns control to the caller of the async method.</p>
+<p>The <code>async</code> and <code>await</code> keywords don't cause additional threads to be created. Async methods don't require multithreading because an async method doesn't run on its own thread. The method runs on the current synchronization context and uses time on the thread only when the method is active. It's possible to use <code>Task.Run</code> to move CPU-bound work to a background thread, but a background thread doesn't help with a process that's just waiting for results to become available.</p>
+<p>The async-based approach to asynchronous programming is preferable to existing approaches in almost every case. In particular, this approach is better than the <code>BackgroundWorker</code> class for I/O-bound operations because the code is simpler and there is no need to guard against race conditions.<br />
+In combination with the <code>Task.Run</code> method, async programming is better than <code>BackgroundWorker</code> for CPU-bound operations because async programming separates the coordination details of running the code from the work that <code>Task.Run</code> transfers to the thread pool.</p>
+<h3 id="naming-convention">Naming Convention</h3>
+<p>By convention, methods that return commonly awaitable types (for example, <code>Task</code>, <code>Task&lt;T&gt;</code>, <code>ValueTask</code>, <code>ValueTask&lt;T&gt;</code>) should have names that end with <em>Async</em>. Methods that start an asynchronous operation but do not return an awaitable type should not have names that end with <em>Async</em>, but may start with "Begin", "Start", or some other verb to suggest this method does not return or throw the result of the operation.</p>
+<h2 id="async-return-types"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/async/async-return-types">Async Return Types</a></h2>
+<h3 id="task-return-type"><code>Task</code> return type</h3>
+<p>Async methods that don't contain a return statement or that contain a return statement that doesn't return an operand usually have a return type of <code>Task</code>. Such methods return <code>void</code> if they run synchronously.<br />
+If a <code>Task</code> return type is used for an async method, a calling method can use an <code>await</code> operator to suspend the caller's completion until the called async method has finished.</p>
+<h3 id="tasktresult-return-type"><code>Task&lt;TResult&gt;</code> return type</h3>
+<p>The <code>Task&lt;TResult&gt;</code> return type is used for an async method that contains a return statement in which the operand is <code>TResult</code>.</p>
+<p>The <code>Task&lt;TResult&gt;.Result</code> property is a <strong>blocking property</strong>. If it's accessed it before its task is finished, the thread that's currently active is blocked until the task completes and the value is available.<br />
+In most cases, access the value by using <code>await</code> instead of accessing the property directly.</p>
+<h3 id="void-return-type"><code>void</code> return type</h3>
+<p>The <code>void</code> return type is used in asynchronous event handlers, which require a <code>void</code> return type. For methods other than event handlers that don't return a value, it's best to return a <code>Task</code> instead, because an async method that returns <code>void</code> can't be awaited.<br />
+Any caller of such a method must continue to completion without waiting for the called async method to finish. The caller must be independent of any values or exceptions that the async method generates.</p>
+<p>The caller of a void-returning async method <em>can't catch exceptions thrown from the method</em>, and such unhandled exceptions are likely to cause the application to fail.<br />
+If a method that returns a <code>Task</code> or <code>Task&lt;TResult&gt;</code> throws an exception, the exception is stored in the returned task. The exception is re-thrown when the task is awaited.<br />
+Therefore, make sure that any async method that can produce an exception has a return type of <code>Task</code> or <code>Task&lt;TResult&gt;</code> and that calls to the method are awaited.</p>
+<h3 id="generalized-async-return-types-and-valuetasktresult">Generalized async return types and <code>ValueTask&lt;TResult&gt;</code></h3>
+<p>Starting with C# 7.0, an async method can return any type that has an accessible <code>GetAwaiter</code> method.</p>
+<p>Because <code>Task</code> and <code>Task&lt;TResult&gt;</code> are <strong>reference types</strong>, memory allocation in performance-critical paths, particularly when allocations occur in tight loops, can adversely affect performance. Support for generalized return types means that it's possible to return a lightweight <strong>value type</strong> instead of a reference type to avoid additional memory allocations.</p>
+<p>.NET provides the <code>System.Threading.Tasks.ValueTask&lt;TResult&gt;</code> structure as a lightweight implementation of a generalized task-returning value. To use the <code>System.Threading.Tasks.ValueTask&lt;TResult&gt;</code> type, add the <strong>System.Threading.Tasks.Extensions</strong> NuGet package to the project.</p>
+<h3 id="async-composition">Async Composition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span>
+<span class="normal"><a href="#__codelineno-1-21">21</a></span>
+<span class="normal"><a href="#__codelineno-1-22">22</a></span>
+<span class="normal"><a href="#__codelineno-1-23">23</a></span>
+<span class="normal"><a href="#__codelineno-1-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">DoOperationsConcurrentlyAsync</span><span class="p">()</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="p">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">  </span><span class="n">Task</span><span class="p">[]</span><span class="w"> </span><span class="n">tasks</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Task</span><span class="p">[</span><span class="m">3</span><span class="p">];</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">  </span><span class="n">tasks</span><span class="p">[</span><span class="m">0</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">DoOperation0Async</span><span class="p">();</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">  </span><span class="n">tasks</span><span class="p">[</span><span class="m">1</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">DoOperation1Async</span><span class="p">();</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">  </span><span class="n">tasks</span><span class="p">[</span><span class="m">2</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">DoOperation2Async</span><span class="p">();</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="w">  </span><span class="c1">// At this point, all three tasks are running at the same time.</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="w">  </span><span class="c1">// Now, we await them all.</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w">  </span><span class="k">await</span><span class="w"> </span><span class="n">Task</span><span class="p">.</span><span class="n">WhenAll</span><span class="p">(</span><span class="n">tasks</span><span class="p">);</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="p">}</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="k">public</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">GetFirstToRespondAsync</span><span class="p">()</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="p">{</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="w">  </span><span class="c1">// Call two web services; take the first response.</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="w">  </span><span class="n">Task</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="p">[]</span><span class="w"> </span><span class="n">tasks</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">WebService1Async</span><span class="p">(),</span><span class="w"> </span><span class="n">WebService2Async</span><span class="p">()</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="w">  </span><span class="c1">// Await for the first one to respond.</span>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a><span class="w">  </span><span class="n">Task</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">firstTask</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="n">Task</span><span class="p">.</span><span class="n">WhenAny</span><span class="p">(</span><span class="n">tasks</span><span class="p">);</span>
+<a id="__codelineno-1-21" name="__codelineno-1-21"></a>
+<a id="__codelineno-1-22" name="__codelineno-1-22"></a><span class="w">  </span><span class="c1">// Return the result.</span>
+<a id="__codelineno-1-23" name="__codelineno-1-23"></a><span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="n">firstTask</span><span class="p">;</span>
+<a id="__codelineno-1-24" name="__codelineno-1-24"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="execution-synchronization-context">Execution &amp; Synchronization Context</h3>
+<p>When the program’s execution reaches an <code>await</code> expression for an operation that doesn’t complete immediately, the code generated for that <code>await</code> will ensure that the
+current execution context has been captured.<br />
+When the asynchronous operation completes, the remainder of the method will be executed through the execution context.
+The execution context handles certain contextual information that needs to flow when one method invokes another (even when it does so indirectly)</p>
+<p>While all <code>await</code> expressions capture the <em>execution context</em>, the decision of whether to flow <em>synchronization context</em> as well is controlled by the type being awaited.</p>
+<p>Sometimes, it's better to avoid getting the synchronization context involved.<br />
+If work starting from a UI thread is performed, but there is no particular need to remain on that thread, scheduling every continuation through the synchronization context is unnecessary overhead.</p>
+<p>If the asynchronous operation is a <code>Task</code>, <code>Task&lt;T&gt;</code>, <code>ValueTask</code> or <code>ValueTask&lt;T&gt;</code>, it's possible to discard the <em>synchronization context</em> by calling the <code>ConfigureAwait(false)</code>.<br />
+This returns a different representation of the asynchronous operation, and if this iss awaited that instead of the original task, it will ignore the current <code>SynchronizationContext</code> if there is one.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">private</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="w"> </span><span class="nf">DownloadFileAsync</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">fileName</span><span class="p">)</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">{</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">  </span><span class="k">await</span><span class="w"> </span><span class="nf">OperationAsync</span><span class="p">(</span><span class="n">fileName</span><span class="p">).</span><span class="n">ConfigureAwait</span><span class="p">(</span><span class="k">false</span><span class="p">);</span><span class="w">  </span><span class="c1">// discarding original context</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>When writing libraries in most cases you it'ss best to call <code>ConfigureAwait(false)</code> anywhere <code>await</code> is used.<br />
+This is because continuing via the synchronization context can be expensive, and in some cases it can introduce the possibility of deadlock occurring.</p>
+<p>The only exceptions are when are doing something that positively requires the synchronization context to be preserved, or it's know for certain that the library will only ever be used in
+application frameworks that do not set up a synchronization context.<br />
+(ASP.NET Core applications do not use synchronization contexts, so it generally doesn’t matter whether or not <code>ConfigureAwait(false)</code> is called in those)</p>
+<h2 id="error-handling">Error Handling</h2>
+<h3 id="argument-validation">Argument Validation</h3>
+<p>Inside an <code>async</code> method, the compiler treats all exceptions in the same way: none are allowed to pass up the stack as in a normal method, and they will always be reported by faulting the returned task.<br />
+This is true even of exceptions thrown before the first <code>await</code>.</p>
+<p>If the calling method immediately calls <code>await</code> on the return task, this won’t matter much—it will see the exception in any case.<br />
+But some code may choose not to wait immediately, in which case it won’t see the argument exception until later.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="o">&lt;</span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">MethodWithValidationAsync</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">argument</span><span class="p">)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">  </span><span class="k">if</span><span class="p">(</span><span class="n">sting</span><span class="p">.</span><span class="n">IsNullOrEmpty</span><span class="p">(</span><span class="n">argument</span><span class="p">))</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">  </span><span class="p">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">     </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">ArgumentNullException</span><span class="p">(</span><span class="n">nameof</span><span class="p">(</span><span class="n">argument</span><span class="p">));</span><span class="w">  </span><span class="c1">// will be thrown on await of MethodWithValidationAsync</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">  </span><span class="c1">// [...]</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="nf">LongOperationAsync</span><span class="p">();</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>In cases where you want to throw this kind of exception straightaway, the usual technique is to write a normal method that validates the arguments before calling an async method that does the
+work, and to make that second method either private or local.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="c1">// not marked with async, exception propagate directly to caller</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Task</span><span class="o">&lt;</span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">MethodWithValidationAsync</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">argument</span><span class="p">)</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">{</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">  </span><span class="k">if</span><span class="p">(</span><span class="n">sting</span><span class="p">.</span><span class="n">IsNullOrEmpty</span><span class="p">(</span><span class="n">argument</span><span class="p">))</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">  </span><span class="p">{</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">     </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">ArgumentNullException</span><span class="p">(</span><span class="n">nameof</span><span class="p">(</span><span class="n">argument</span><span class="p">));</span><span class="w">  </span><span class="c1">// thrown immediately</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="nf">ActualMethodAsync</span><span class="p">(</span><span class="n">argument</span><span class="p">);</span><span class="w">  </span><span class="c1">// pass up task of inner method</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="p">}</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="k">private</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="n">Task</span><span class="o">&lt;</span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ActualMethodAsync</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">argument</span><span class="p">)</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="p">{</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="w">  </span><span class="c1">// [...]</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="nf">LongOperationAsync</span><span class="p">();</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>await</code> extracts only the first exception of an <code>AggregateException</code>, this can cause the loss of information if a task (or group of tasks) has more than one error.</p>
+</blockquote>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="reactive-extensions.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Reactive Extensions">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Reactive Extensions
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="unit-tests.html" class="md-footer__link md-footer__link--next" aria-label="Next: Unit Tests">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Unit Tests
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/csharp/collections.html b/languages/dotnet/csharp/collections.html
new file mode 100644
index 0000000..895db29
--- /dev/null
+++ b/languages/dotnet/csharp/collections.html
@@ -0,0 +1,4810 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/collections.html">
+      
+      
+        <link rel="prev" href="linq.html">
+      
+      
+        <link rel="next" href="reactive-extensions.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Collections - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Collections - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/collections.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/collections.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Collections - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/collections.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#c-collections" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Collections
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="collections.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Arrays">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#array-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multidimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multidimensional Arrays
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lists" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#list-sequence-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      List &amp; Sequence Interfaces
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="List & Sequence Interfaces">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#ienumerablet" class="md-nav__link">
+    <span class="md-ellipsis">
+      IEnumerable&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#icollectiont" class="md-nav__link">
+    <span class="md-ellipsis">
+      ICollection&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ilistt" class="md-nav__link">
+    <span class="md-ellipsis">
+      IList&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionaries
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sets" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sets
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Arrays">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#array-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multidimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multidimensional Arrays
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lists" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#list-sequence-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      List &amp; Sequence Interfaces
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="List & Sequence Interfaces">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#ienumerablet" class="md-nav__link">
+    <span class="md-ellipsis">
+      IEnumerable&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#icollectiont" class="md-nav__link">
+    <span class="md-ellipsis">
+      ICollection&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ilistt" class="md-nav__link">
+    <span class="md-ellipsis">
+      IList&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionaries
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sets" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sets
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="c-collections">C# Collections</h1>
+<h2 id="arrays">Arrays</h2>
+<p>An array is an object that contains multiple elements of a particular type. The number of elements is fixed for the lifetime of the array, so it must be specified when the array is created.</p>
+<p>An array type is always a reference type, regardless of the element type. Nonetheless, the choice between reference type and value type elements makes a significant difference in an array's behavior.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">type</span><span class="p">[]</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">type</span><span class="p">[</span><span class="n">dimension</span><span class="p">];</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">type</span><span class="w"> </span><span class="n">array</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">type</span><span class="p">[</span><span class="n">dimension</span><span class="p">];</span><span class="w">  </span><span class="c1">//invalid</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">type</span><span class="p">[]</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="p">...,</span><span class="w"> </span><span class="n">valueN</span><span class="p">};</span><span class="w">  </span><span class="c1">// initializer</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="kt">var</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">type</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="p">...,</span><span class="w"> </span><span class="n">valueN</span><span class="p">};</span><span class="w">  </span><span class="c1">// initializer (var type needs new operator)</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="kt">var</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="p">...,</span><span class="w"> </span><span class="n">valueN</span><span class="p">};</span><span class="w">  </span><span class="c1">// initializer w/ element type inference (var type needs new operator), can be used as method arg</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">];</span><span class="w">    </span><span class="c1">// value access</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">    </span><span class="c1">// value assignment</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="n">array</span><span class="p">.</span><span class="n">Length</span><span class="p">;</span><span class="w">  </span><span class="c1">// dimension of the array</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="c1">// from IEnumerable&lt;T&gt;</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="n">array</span><span class="p">.</span><span class="n">OfType</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">();</span><span class="w">  </span><span class="c1">// filter array based on type, returns IEnumerable&lt;Type&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="array-methods"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.array?view=netcore-3.1#methods">Array Methods</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// overloaded search methods</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">Array</span><span class="p">.</span><span class="n">IndexOf</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// return index of searched item in passed array</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">Array</span><span class="p">.</span><span class="n">LastIndexOf</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w"> </span><span class="c1">// return index of searched item staring from the end of the array</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">Array</span><span class="p">.</span><span class="n">FindIndex</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the index of the first item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="n">Array</span><span class="p">.</span><span class="n">FindLastIndex</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the index of the last item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="n">Array</span><span class="p">.</span><span class="n">Find</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the value of the first item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">Array</span><span class="p">.</span><span class="n">FindLast</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the value of the last item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="n">Array</span><span class="p">.</span><span class="n">FindAll</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns array of all items matching the predicate (can be lambda function)</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="n">Array</span><span class="p">.</span><span class="n">BinarySearch</span><span class="p">(</span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="k">value</span><span class="p">)</span><span class="w">  </span><span class="c1">// Searches a  SORTED array for a value, using a binary search algorithm; returns the index of the found item</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="n">Array</span><span class="p">.</span><span class="n">Sort</span><span class="p">(</span><span class="n">array</span><span class="p">);</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="n">Array</span><span class="p">.</span><span class="n">Reverse</span><span class="p">(</span><span class="n">array</span><span class="p">);</span><span class="w">  </span><span class="c1">// reverses the  order of array elements</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="n">Array</span><span class="p">.</span><span class="n">Clear</span><span class="p">(</span><span class="n">start_index</span><span class="p">,</span><span class="w"> </span><span class="n">x</span><span class="p">);</span><span class="w">  </span><span class="c1">//removes reference to x elements starting at start index. Dimension of array unchanged (cleared elements value is set tu null)</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="n">Array</span><span class="p">.</span><span class="n">Resize</span><span class="p">(</span><span class="k">ref</span><span class="w"> </span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="n">target_dimension</span><span class="p">);</span><span class="w">  </span><span class="c1">//expands or shrinks the array dimension. Shrinking drops trailing values. Array passed by reference.</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="c1">// Copies elements from an Array starting at the specified index and pastes them to another Array starting at the specified destination index.</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="n">Array</span><span class="p">.</span><span class="n">Copy</span><span class="p">(</span><span class="n">sourceArray</span><span class="p">,</span><span class="w"> </span><span class="n">sourceStartIndex</span><span class="p">,</span><span class="w"> </span><span class="n">destinationArray</span><span class="p">,</span><span class="w"> </span><span class="n">destinationStartIndex</span><span class="p">,</span><span class="w"> </span><span class="n">numItemsToCopy</span><span class="p">);</span>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="c1">// Copies elements from an Array starting at the first element and pastes them into another Array starting at the first element.</span>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="n">Array</span><span class="p">.</span><span class="n">Copy</span><span class="p">(</span><span class="n">sourceArray</span><span class="p">,</span><span class="w"> </span><span class="n">destinationArray</span><span class="p">,</span><span class="w"> </span><span class="n">numItemsToCopy</span><span class="p">);</span>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a><span class="n">Array</span><span class="p">.</span><span class="n">Clone</span><span class="p">();</span><span class="w">  </span><span class="c1">// returns a shallow copy of the array</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multidimensional-arrays">Multidimensional Arrays</h3>
+<p>C# supports two multidimensional array forms: <a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/arrays/jagged-arrays">jagged</a> arrays and <a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/arrays/multidimensional-arrays">rectangular</a> arrays (<em>matrices</em>).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1">//specify first dimension</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">type</span><span class="p">[][]</span><span class="w"> </span><span class="n">jagged</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">type</span><span class="p">[][]</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="p">{</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">    </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">item1</span><span class="p">,</span><span class="w"> </span><span class="n">item2</span><span class="p">,</span><span class="w"> </span><span class="n">item3</span><span class="p">},</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">    </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">item1</span><span class="p">},</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">    </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">item1</span><span class="p">,</span><span class="w"> </span><span class="n">item2</span><span class="p">},</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="p">}</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="c1">// shorthand</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="n">type</span><span class="p">[][]</span><span class="w"> </span><span class="n">jagged</span><span class="w"> </span><span class="o">=</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="p">{</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">    </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">item1</span><span class="p">,</span><span class="w"> </span><span class="n">item2</span><span class="p">,</span><span class="w"> </span><span class="n">item3</span><span class="p">},</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="w">    </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">item1</span><span class="p">},</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="w">    </span><span class="k">new</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="n">item1</span><span class="p">,</span><span class="w"> </span><span class="n">item2</span><span class="p">},</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="p">}</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="c1">// matrices</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="n">type</span><span class="p">[,]</span><span class="w"> </span><span class="n">matrix</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">type</span><span class="p">[</span><span class="n">n</span><span class="p">,</span><span class="w"> </span><span class="n">m</span><span class="p">];</span><span class="w">  </span><span class="c1">// n * m matrix</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="n">type</span><span class="p">[,]</span><span class="w"> </span><span class="n">matrix</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{{},</span><span class="w"> </span><span class="p">{},</span><span class="w"> </span><span class="p">{},</span><span class="w"> </span><span class="p">...};</span><span class="w">  </span><span class="c1">// {} for each row to initialize</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="n">type</span><span class="p">[,</span><span class="w"> </span><span class="p">,]</span><span class="w"> </span><span class="n">tensor</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">type</span><span class="p">[</span><span class="n">n</span><span class="p">,</span><span class="w"> </span><span class="n">m</span><span class="p">,</span><span class="w"> </span><span class="n">o</span><span class="p">]</span><span class="w"> </span><span class="c1">// n * m * o tensor</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="n">matrix</span><span class="p">.</span><span class="n">Length</span><span class="p">;</span><span class="w">  </span><span class="c1">// total number of elements (n * m)</span>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="n">matrix</span><span class="p">.</span><span class="n">GetLength</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">dimension</span><span class="p">);</span><span class="w"> </span><span class="c1">// get the size of a particular direction</span>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="c1">// row = 0, column = 1, ...</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="lists"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.list-1">Lists</a></h2>
+<p><code>List&lt;T&gt;</code> stores sequences of elements. It can grow or shrink, allowing to add or remove elements.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span>
+<span class="normal"><a href="#__codelineno-3-22">22</a></span>
+<span class="normal"><a href="#__codelineno-3-23">23</a></span>
+<span class="normal"><a href="#__codelineno-3-24">24</a></span>
+<span class="normal"><a href="#__codelineno-3-25">25</a></span>
+<span class="normal"><a href="#__codelineno-3-26">26</a></span>
+<span class="normal"><a href="#__codelineno-3-27">27</a></span>
+<span class="normal"><a href="#__codelineno-3-28">28</a></span>
+<span class="normal"><a href="#__codelineno-3-29">29</a></span>
+<span class="normal"><a href="#__codelineno-3-30">30</a></span>
+<span class="normal"><a href="#__codelineno-3-31">31</a></span>
+<span class="normal"><a href="#__codelineno-3-32">32</a></span>
+<span class="normal"><a href="#__codelineno-3-33">33</a></span>
+<span class="normal"><a href="#__codelineno-3-34">34</a></span>
+<span class="normal"><a href="#__codelineno-3-35">35</a></span>
+<span class="normal"><a href="#__codelineno-3-36">36</a></span>
+<span class="normal"><a href="#__codelineno-3-37">37</a></span>
+<span class="normal"><a href="#__codelineno-3-38">38</a></span>
+<span class="normal"><a href="#__codelineno-3-39">39</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.Collections.Generics</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">list</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">list</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="n">item_1</span><span class="p">,</span><span class="w"> </span><span class="p">...};</span><span class="w">  </span><span class="c1">// initialized usable since list implements IEnumerable&lt;T&gt; and has Add() method (even extension method)</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">list</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">(</span><span class="n">dimension</span><span class="p">);</span><span class="w">  </span><span class="c1">// set list starting dimension</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">list</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// create a list from an enumerable collection</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="n">list</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w">    </span><span class="c1">//item insertion into the list</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="n">list</span><span class="p">.</span><span class="n">AddRange</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">collection</span><span class="p">);</span><span class="w">  </span><span class="c1">// insert multiple items</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="n">list</span><span class="p">.</span><span class="n">Insert</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// insert an item at the specified index</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="n">list</span><span class="p">.</span><span class="n">InsertRange</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// insert items at the specified index</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="n">list</span><span class="p">.</span><span class="n">IndexOf</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// return index of searched item in passed list</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="n">list</span><span class="p">.</span><span class="n">LastIndexOf</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w"> </span><span class="c1">// return index of searched item staring from the end of the array</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="n">list</span><span class="p">.</span><span class="n">FindIndex</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the index of the first item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a><span class="n">list</span><span class="p">.</span><span class="n">FindLastIndex</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the index of the last item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="n">list</span><span class="p">.</span><span class="n">Find</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the value of the first item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a><span class="n">list</span><span class="p">.</span><span class="n">FindLast</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns the value of the last item matching the predicate (can be lambda function)</span>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="n">list</span><span class="p">.</span><span class="n">FindAll</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns list of all items matching the predicate (can be lambda function)</span>
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a><span class="n">list</span><span class="p">.</span><span class="n">BinarySearch</span><span class="p">(</span><span class="k">value</span><span class="p">)</span><span class="w">  </span><span class="c1">// Searches a  SORTED list for a value, using a binary search algorithm; returns the index of the found item</span>
+<a id="__codelineno-3-22" name="__codelineno-3-22"></a>
+<a id="__codelineno-3-23" name="__codelineno-3-23"></a><span class="n">list</span><span class="p">.</span><span class="n">Remove</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// remove item from list</span>
+<a id="__codelineno-3-24" name="__codelineno-3-24"></a><span class="n">list</span><span class="p">.</span><span class="n">RemoveAt</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w">  </span><span class="c1">// remove item at specified position</span>
+<a id="__codelineno-3-25" name="__codelineno-3-25"></a><span class="n">list</span><span class="p">.</span><span class="n">RemoveRange</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">quantity</span><span class="p">);</span><span class="w">  </span><span class="c1">// remove quantity items at specified position</span>
+<a id="__codelineno-3-26" name="__codelineno-3-26"></a>
+<a id="__codelineno-3-27" name="__codelineno-3-27"></a><span class="n">list</span><span class="p">.</span><span class="n">Contains</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if item is in the list</span>
+<a id="__codelineno-3-28" name="__codelineno-3-28"></a><span class="n">list</span><span class="p">.</span><span class="n">TrueForAll</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determines whether every element matches the conditions defined by the specified predicate</span>
+<a id="__codelineno-3-29" name="__codelineno-3-29"></a>
+<a id="__codelineno-3-30" name="__codelineno-3-30"></a><span class="n">list</span><span class="p">[</span><span class="n">index</span><span class="p">];</span><span class="w">  </span><span class="c1">// access to items by index</span>
+<a id="__codelineno-3-31" name="__codelineno-3-31"></a><span class="n">list</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// modify to items by index</span>
+<a id="__codelineno-3-32" name="__codelineno-3-32"></a><span class="n">list</span><span class="p">.</span><span class="n">Count</span><span class="p">;</span><span class="w">  </span><span class="c1">// number of items in the list</span>
+<a id="__codelineno-3-33" name="__codelineno-3-33"></a>
+<a id="__codelineno-3-34" name="__codelineno-3-34"></a><span class="n">list</span><span class="p">.</span><span class="n">Sort</span><span class="p">();</span><span class="w"> </span><span class="c1">// sorts item in crescent order</span>
+<a id="__codelineno-3-35" name="__codelineno-3-35"></a><span class="n">list</span><span class="p">.</span><span class="n">Reverse</span><span class="p">();</span><span class="w"> </span><span class="c1">// Reverses the order of the elements in the list</span>
+<a id="__codelineno-3-36" name="__codelineno-3-36"></a>
+<a id="__codelineno-3-37" name="__codelineno-3-37"></a><span class="c1">// from IEnumerable&lt;T&gt;</span>
+<a id="__codelineno-3-38" name="__codelineno-3-38"></a><span class="n">list</span><span class="p">.</span><span class="n">OfType</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">();</span><span class="w">  </span><span class="c1">// filter list based on type, returns IEnumerable&lt;Type&gt;</span>
+<a id="__codelineno-3-39" name="__codelineno-3-39"></a><span class="n">list</span><span class="p">.</span><span class="n">OfType</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">().</span><span class="n">ToList</span><span class="p">();</span><span class="w">  </span><span class="c1">// filter list based on type, returns List&lt;Type&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="iterators"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/iterators">Iterators</a></h2>
+<p>An iterator can be used to step through collections such as lists and arrays.</p>
+<p>An iterator method or <code>get</code> accessor performs a custom iteration over a collection. An iterator method uses the <code>yield return</code> statement to return each element one at a time.
+When a <code>yield return</code> statement is reached, the current location in code is remembered. Execution is restarted from that location the next time the iterator function is called.</p>
+<p>It's possible to use a <code>yield break</code> statement or exception to end the iteration.</p>
+<p><strong>Note</strong>: Since an iterator returns an <code>IEnumerable&lt;T&gt;</code> is can be used to implement a <code>GetEnumerator()</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="c1">// simple iterator</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Collections</span><span class="p">.</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">IterateRange</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">start</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">end</span><span class="p">)</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">{</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">    </span><span class="k">for</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">start</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">end</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">){</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">        </span><span class="k">yield</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">i</span><span class="p">;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="list-sequence-interfaces">List &amp; Sequence Interfaces</h2>
+<h3 id="ienumerablet"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.ienumerable-1"><code>IEnumerable&lt;T&gt;</code></a></h3>
+<p>Exposes the enumerator, which supports a simple iteration over a collection of a specified type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="k">out</span><span class="w"> </span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IEnumerable</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="p">{</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="w">    </span><span class="n">IEnumerator</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">GetEnumerator</span><span class="p">();</span><span class="w">  </span><span class="c1">// return an enumerator</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="p">}</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="c1">// iterate through a collection</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IEnumerator</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="p">{</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="c1">// properties</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="kt">object</span><span class="w"> </span><span class="n">Current</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Get the element in the collection at the current position of the enumerator.</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w">    </span><span class="c1">// methods</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="n">IDisposable</span><span class="p">.</span><span class="n">Dispose</span><span class="p">();</span><span class="w">  </span><span class="c1">// Perform application-defined tasks associated with freeing, releasing, or resetting unmanaged resources</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">MoveNext</span><span class="p">();</span><span class="w">  </span><span class="c1">// Advance the enumerator to the next element of the collection.</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">Reset</span><span class="p">();</span><span class="w">  </span><span class="c1">// Set the enumerator to its initial position, which is before the first element in the collection.</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: must call <code>Dispose()</code> on enumerators once finished with them, because many of them rely on this. <code>Reset()</code> is legacy and can, in some situations, throw <code>NotSupportedException()</code>.</p>
+<h3 id="icollectiont"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.icollection-1"><code>ICollection&lt;T&gt;</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">ICollection</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="p">{</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="w">    </span><span class="c1">// properties</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">Count</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Get the number of elements contained in the ICollection&lt;T&gt;</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="n">IsReadOnly</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Get a value indicating whether the ICollection&lt;T&gt; is read-only</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">    </span><span class="c1">// methods</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">Add</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Add an item to the ICollection&lt;T&gt;</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">Clear</span><span class="w"> </span><span class="p">();</span><span class="w">  </span><span class="c1">// Removes all items from the ICollection&lt;T&gt;</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">Contains</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determines whether the ICollection&lt;T&gt; contains a specific value</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="w">    </span><span class="n">IEnumerator</span><span class="w"> </span><span class="nf">GetEnumerator</span><span class="w"> </span><span class="p">();</span><span class="w">  </span><span class="c1">// Returns an enumerator that iterates through a collection</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">Remove</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Removes the first occurrence of a specific object from the ICollection&lt;T&gt;</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ilistt"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.ilist-1"><code>IList&lt;T&gt;</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IList</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">ICollection</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="p">{</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="w">    </span><span class="c1">// properties</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">Count</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Get the number of elements contained in the ICollection&lt;T&gt;</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="n">IsReadOnly</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Get a value indicating whether the ICollection&lt;T&gt; is read-only</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="w">    </span><span class="n">T</span><span class="w"> </span><span class="k">this</span><span class="p">[</span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Get or set the element at the specified index</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="w">    </span><span class="c1">// methods</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">Add</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Add an item to the ICollection&lt;T&gt;</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">Clear</span><span class="w"> </span><span class="p">();</span><span class="w">  </span><span class="c1">// Remove all items from the ICollection&lt;T&gt;</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">Contains</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether the ICollection&lt;T&gt; contains a specific value</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">CopyTo</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="p">[]</span><span class="w"> </span><span class="n">array</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">arrayIndex</span><span class="p">);</span><span class="w">  </span><span class="c1">// Copy the elements of the ICollection&lt;T&gt; to an Array, starting at a particular Array index</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="w">    </span><span class="n">IEnumerator</span><span class="w"> </span><span class="nf">GetEnumerator</span><span class="w"> </span><span class="p">();</span><span class="w">  </span><span class="c1">// Return an enumerator that iterates through a collection</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="nf">IndexOf</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine the index of a specific item in the IList&lt;T&gt;</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">Insert</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Insert an item to the IList&lt;T&gt; at the specified index</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">Remove</span><span class="w"> </span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// Remove the first occurrence of a specific object from the ICollection&lt;T&gt;</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="w">    </span><span class="n">oid</span><span class="w"> </span><span class="nf">RemoveAt</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">);</span><span class="w">  </span><span class="c1">// Remove the IList&lt;T&gt; item at the specified index</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dictionaries"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.dictionary-2">Dictionaries</a></h2>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.dictionary-2.valuecollection">ValueCollection</a>
+<a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.dictionary-2.keycollection">KeyCollection</a></p>
+<p><strong>Notes</strong>:</p>
+<ul>
+<li>Enumerating a dictionary will return <code>KeyValuePair&lt;TKey, TValue&gt;</code>.</li>
+<li>The <code>Dictionary&lt;TKey, TValue&gt;</code> collection class relies on hashes to offer fast lookup (<code>TKey</code> should have a good <code>GetHashCode()</code>).</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span>
+<span class="normal"><a href="#__codelineno-8-23">23</a></span>
+<span class="normal"><a href="#__codelineno-8-24">24</a></span>
+<span class="normal"><a href="#__codelineno-8-25">25</a></span>
+<span class="normal"><a href="#__codelineno-8-26">26</a></span>
+<span class="normal"><a href="#__codelineno-8-27">27</a></span>
+<span class="normal"><a href="#__codelineno-8-28">28</a></span>
+<span class="normal"><a href="#__codelineno-8-29">29</a></span>
+<span class="normal"><a href="#__codelineno-8-30">30</a></span>
+<span class="normal"><a href="#__codelineno-8-31">31</a></span>
+<span class="normal"><a href="#__codelineno-8-32">32</a></span>
+<span class="normal"><a href="#__codelineno-8-33">33</a></span>
+<span class="normal"><a href="#__codelineno-8-34">34</a></span>
+<span class="normal"><a href="#__codelineno-8-35">35</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">Dictionary</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span><span class="w"> </span><span class="n">dict</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Dictionary</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span><span class="p">();</span><span class="w">  </span><span class="c1">// init empty dict</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="n">Dictionary</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span><span class="w"> </span><span class="n">dict</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Dictionary</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span><span class="p">(</span><span class="n">IEqualityComparer</span><span class="o">&lt;</span><span class="n">TKey</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// specify key comparer (TKey must implement Equals() and GetHashCode())</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="c1">// initializer (implicitly uses Add method)</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="n">Dictionary</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span><span class="w"> </span><span class="n">dict</span><span class="w"> </span><span class="o">=</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="p">{</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="p">}</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="c1">// object initializer</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="n">Dictionary</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span><span class="w"> </span><span class="n">dict</span><span class="w"> </span><span class="o">=</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="p">{</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="w">    </span><span class="na">[key]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">,</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="w">    </span><span class="na">[key]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">,</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="p">}</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="c1">// indexer access</span>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="n">dict</span><span class="p">[</span><span class="n">key</span><span class="p">];</span><span class="w">  </span><span class="c1">// read value associated with key (throws KeyNotFoundException if key does not exist)</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a><span class="n">dict</span><span class="p">[</span><span class="n">key</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// modify value associated with key (throws KeyNotFoundException if key does not exist)</span>
+<a id="__codelineno-8-23" name="__codelineno-8-23"></a>
+<a id="__codelineno-8-24" name="__codelineno-8-24"></a><span class="n">dict</span><span class="p">.</span><span class="n">Count</span><span class="p">;</span><span class="w">  </span><span class="c1">// number of key-value pair stored in the dict</span>
+<a id="__codelineno-8-25" name="__codelineno-8-25"></a><span class="n">dict</span><span class="p">.</span><span class="n">Keys</span><span class="p">;</span><span class="w">  </span><span class="c1">// Dictionary&lt;TKey,TValue&gt;.KeyCollection containing the keys of the dict</span>
+<a id="__codelineno-8-26" name="__codelineno-8-26"></a><span class="n">dict</span><span class="p">.</span><span class="n">Values</span><span class="p">;</span><span class="w">  </span><span class="c1">// Dictionary&lt;TKey,TValue&gt;.ValueCollection containing the values of the dict</span>
+<a id="__codelineno-8-27" name="__codelineno-8-27"></a>
+<a id="__codelineno-8-28" name="__codelineno-8-28"></a><span class="n">dict</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// ArgumentException if the key already exists</span>
+<a id="__codelineno-8-29" name="__codelineno-8-29"></a><span class="n">dict</span><span class="p">.</span><span class="n">Clear</span><span class="p">();</span><span class="w">  </span><span class="c1">// empty the dictionary</span>
+<a id="__codelineno-8-30" name="__codelineno-8-30"></a><span class="n">dict</span><span class="p">.</span><span class="n">ContainsKey</span><span class="p">(</span><span class="n">key</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if a key is in the dictionary</span>
+<a id="__codelineno-8-31" name="__codelineno-8-31"></a><span class="n">dict</span><span class="p">.</span><span class="n">ContainsValue</span><span class="p">(</span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if a value is in the dictionary</span>
+<a id="__codelineno-8-32" name="__codelineno-8-32"></a><span class="n">dict</span><span class="p">.</span><span class="n">Remove</span><span class="p">(</span><span class="n">key</span><span class="p">);</span><span class="w">  </span><span class="c1">// remove a key-value pair</span>
+<a id="__codelineno-8-33" name="__codelineno-8-33"></a><span class="n">dict</span><span class="p">.</span><span class="n">Remove</span><span class="p">(</span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="kt">var</span><span class="p">);</span><span class="w">  </span><span class="c1">// remove key-value pair and copy TValue to var parameter</span>
+<a id="__codelineno-8-34" name="__codelineno-8-34"></a><span class="n">dict</span><span class="p">.</span><span class="n">TryAdd</span><span class="p">(</span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// adds a key-value pair; returns true if pair is added, false otherwise</span>
+<a id="__codelineno-8-35" name="__codelineno-8-35"></a><span class="n">dict</span><span class="p">.</span><span class="n">TryGetValue</span><span class="p">(</span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="kt">var</span><span class="p">);</span><span class="w">  </span><span class="c1">// put the value associated with kay in the var parameter; true if the dict contains an element with the specified key, false otherwise.</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="sets"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.hashset-1">Sets</a></h2>
+<p>Collection of non duplicate items.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-9-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-9-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-9-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-9-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-9-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-9-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-9-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-9-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-9-10">10</a></span>
+<span class="normal"><a href="#__codelineno-9-11">11</a></span>
+<span class="normal"><a href="#__codelineno-9-12">12</a></span>
+<span class="normal"><a href="#__codelineno-9-13">13</a></span>
+<span class="normal"><a href="#__codelineno-9-14">14</a></span>
+<span class="normal"><a href="#__codelineno-9-15">15</a></span>
+<span class="normal"><a href="#__codelineno-9-16">16</a></span>
+<span class="normal"><a href="#__codelineno-9-17">17</a></span>
+<span class="normal"><a href="#__codelineno-9-18">18</a></span>
+<span class="normal"><a href="#__codelineno-9-19">19</a></span>
+<span class="normal"><a href="#__codelineno-9-20">20</a></span>
+<span class="normal"><a href="#__codelineno-9-21">21</a></span>
+<span class="normal"><a href="#__codelineno-9-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">HashSet</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">set</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">HashSet</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="k">set</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="n">T</span><span class="p">);</span><span class="w"> </span><span class="c1">// adds an item to the set; true if the element is added, false if the element is already present.</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="k">set</span><span class="p">.</span><span class="n">Clear</span><span class="p">();</span><span class="w">  </span><span class="c1">//Remove all elements from a HashSet&lt;T&gt; object.</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="k">set</span><span class="p">.</span><span class="n">Contains</span><span class="p">(</span><span class="n">T</span><span class="p">);</span><span class="w"> </span><span class="c1">// Determine whether a HashSet&lt;T&gt; object contains the specified element.</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="k">set</span><span class="p">.</span><span class="n">CopyTo</span><span class="p">(</span><span class="n">T</span><span class="p">[]);</span><span class="w">  </span><span class="c1">// Coy the elements of a HashSet&lt;T&gt; object to an array.</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a><span class="k">set</span><span class="p">.</span><span class="n">CopyTo</span><span class="p">(</span><span class="n">T</span><span class="p">[],</span><span class="w"> </span><span class="n">arrayIndex</span><span class="p">);</span><span class="w">  </span><span class="c1">// Copy the elements of a HashSet&lt;T&gt; object to an array, starting at the specified array index.</span>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a><span class="k">set</span><span class="p">.</span><span class="n">CopyTo</span><span class="p">(</span><span class="n">T</span><span class="p">[],</span><span class="w"> </span><span class="n">arrayIndex</span><span class="p">,</span><span class="w"> </span><span class="n">count</span><span class="p">);</span><span class="w">  </span><span class="c1">// Copies the specified number of elements of a HashSet&lt;T&gt; object to an array, starting at the specified array index.</span>
+<a id="__codelineno-9-9" name="__codelineno-9-9"></a><span class="k">set</span><span class="p">.</span><span class="n">CreateSetComparer</span><span class="p">();</span><span class="w">  </span><span class="c1">// Return an IEqualityComparer object that can be used for equality testing of a HashSet&lt;T&gt; object.</span>
+<a id="__codelineno-9-10" name="__codelineno-9-10"></a><span class="k">set</span><span class="p">.</span><span class="n">ExceptWith</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Remove all elements in the specified collection from the current HashSet&lt;T&gt; object.</span>
+<a id="__codelineno-9-11" name="__codelineno-9-11"></a><span class="k">set</span><span class="p">.</span><span class="n">IntersectWith</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w"> </span><span class="c1">// Modify the current HashSet&lt;T&gt; object to contain only elements that are present in that object and in the specified collection.</span>
+<a id="__codelineno-9-12" name="__codelineno-9-12"></a><span class="k">set</span><span class="p">.</span><span class="n">IsProperSubsetOf</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether a HashSet&lt;T&gt; object is a proper subset of the specified collection.</span>
+<a id="__codelineno-9-13" name="__codelineno-9-13"></a><span class="k">set</span><span class="p">.</span><span class="n">IsProperSupersetOf</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether a HashSet&lt;T&gt; object is a proper superset of the specified collection.</span>
+<a id="__codelineno-9-14" name="__codelineno-9-14"></a><span class="k">set</span><span class="p">.</span><span class="n">IsSubsetOf</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether a HashSet&lt;T&gt; object is a subset of the specified collection.</span>
+<a id="__codelineno-9-15" name="__codelineno-9-15"></a><span class="k">set</span><span class="p">.</span><span class="n">IsSupersetOf</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether a HashSet&lt;T&gt; object is a superset of the specified collection.</span>
+<a id="__codelineno-9-16" name="__codelineno-9-16"></a><span class="k">set</span><span class="p">.</span><span class="n">Overlaps</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether the current HashSet&lt;T&gt; object and a specified collection share common elements.</span>
+<a id="__codelineno-9-17" name="__codelineno-9-17"></a><span class="k">set</span><span class="p">.</span><span class="n">Remove</span><span class="p">(</span><span class="n">T</span><span class="p">);</span><span class="w">  </span><span class="c1">// Remove the specified element from a HashSet&lt;T&gt; object.</span>
+<a id="__codelineno-9-18" name="__codelineno-9-18"></a><span class="k">set</span><span class="p">.</span><span class="n">RemoveWhere</span><span class="p">(</span><span class="n">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Remove all elements that match the conditions defined by the specified predicate from a HashSet&lt;T&gt; collection.</span>
+<a id="__codelineno-9-19" name="__codelineno-9-19"></a><span class="k">set</span><span class="p">.</span><span class="n">SetEquals</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Determine whether a HashSet&lt;T&gt; object and the specified collection contain the same elements.</span>
+<a id="__codelineno-9-20" name="__codelineno-9-20"></a><span class="k">set</span><span class="p">.</span><span class="n">SymmetricExceptWith</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w"> </span><span class="c1">// Modify the current HashSet&lt;T&gt; object to contain only elements that are present either in that object or in the specified collection, but not both.</span>
+<a id="__codelineno-9-21" name="__codelineno-9-21"></a><span class="k">set</span><span class="p">.</span><span class="n">UnionWith</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// Modify the current HashSet&lt;T&gt; object to contain all elements that are present in itself, the specified collection, or both.</span>
+<a id="__codelineno-9-22" name="__codelineno-9-22"></a><span class="k">set</span><span class="p">.</span><span class="n">TryGetValue</span><span class="p">(</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">T</span><span class="p">);</span><span class="w">  </span><span class="c1">// Search the set for a given value and returns the equal value it finds, if any.</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="linq.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Linq">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Linq
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="reactive-extensions.html" class="md-footer__link md-footer__link--next" aria-label="Next: Reactive Extensions">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Reactive Extensions
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/csharp/csharp.html b/languages/dotnet/csharp/csharp.html
new file mode 100644
index 0000000..295d55d
--- /dev/null
+++ b/languages/dotnet/csharp/csharp.html
@@ -0,0 +1,11686 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/csharp.html">
+      
+      
+        <link rel="prev" href="../../python/libs/beautiful-soup.html">
+      
+      
+        <link rel="next" href="linq.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>C# - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="C# - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/csharp.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/csharp.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="C# - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/csharp.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#c" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              C#
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="csharp.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#comments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docstring-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docstring Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#naming-convention" class="md-nav__link">
+    <span class="md-ellipsis">
+      Naming Convention
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#namespaces-imports-aliases" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespaces, Imports &amp; Aliases
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#top-level-statementsprograms-c-9" class="md-nav__link">
+    <span class="md-ellipsis">
+      Top Level Statements/Programs (C# 9)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#main-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      Main Method
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constant-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment-operation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment Operation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Input
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-formatting" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Formatting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#number-format-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Number Format String
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variable-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variable Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#value-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Value Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reference-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reference Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#integer-numeric-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integer Numeric Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-numeric-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating-Point Numeric Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#biginteger" class="md-nav__link">
+    <span class="md-ellipsis">
+      BigInteger
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#binary-hexadecimal-numbers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Binary &amp; Hexadecimal Numbers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#boolean-type-systemboolean" class="md-nav__link">
+    <span class="md-ellipsis">
+      Boolean Type (System.Boolean)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-type-systemchar-systemstring" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Type (System.Char &amp; System.String)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#implicit-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Implicit Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dynamic-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-types-reference-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous types (Reference Type)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-range-types-structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index &amp; Range Types (Structs)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tuples-value-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuples (Value Type)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Tuples (Value Type)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#tuple-deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#records" class="md-nav__link">
+    <span class="md-ellipsis">
+      Records
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Records">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#with-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      with-expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#with-expressions-inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      with-expressions &amp; Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#value-based-equality-inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Value-based Equality &amp; Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Strings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#string-methods-not-in-place" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Methods (Not In-Place)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#raw-string-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Raw string literals
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#nullable-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Nullable Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nullable-value-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable value types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-reference-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable reference types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Nullable reference types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nullability-of-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullability of types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Context
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#null-conditional-null-coalescing-null-forgiving-operator-null-checks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Null Conditional, Null Coalescing, Null Forgiving Operator, Null Checks
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Attributes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#type-conversion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Conversion
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Type Conversion">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#converting-from-any-type-to-a-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Converting from any type to a string
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#number-downcasting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Number Downcasting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#converting-from-a-binary-object-to-a-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Converting from a binary object to a string
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parsing-from-strings-to-numbers-or-dates-and-times" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parsing from strings to numbers or dates and times
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#preprocessor-directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      Preprocessor Directives
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Preprocessor Directives">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#error-and-warning" class="md-nav__link">
+    <span class="md-ellipsis">
+      #error and #warning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pragma" class="md-nav__link">
+    <span class="md-ellipsis">
+      #pragma
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#expressions-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expressions &amp; Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Expressions & Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#primary-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Primary Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unary-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unary Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relational-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relational Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Operator
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If-Else If-Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pattern-matching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pattern Matching
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loop-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loop Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loop Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#do-while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do-While Loop
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Do-While Loop">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#foreach-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Foreach Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break, Continue
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#yield-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Yield Statement
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#context-statement-using-declarations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context Statement &amp; Using Declarations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#checkedunchecked-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Checked/Unchecked Statements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Exception Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#throwing-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Throwing Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enums" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enums
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#expression-body-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expression Body Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arbitrary-number-of-parameter-in-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arbitrary Number Of Parameter In Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Named Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#optional-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Optional Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#passing-values-by-reference-ref-out-in" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing Values By Reference (ref, out, in)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#returning-multiple-values-with-tuples" class="md-nav__link">
+    <span class="md-ellipsis">
+      Returning Multiple Values with Tuples
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#returning-multiple-values-w-structs-return-struct-variable" class="md-nav__link">
+    <span class="md-ellipsis">
+      Returning Multiple Values W/ Structs (Return Struct Variable)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#local-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#extension-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extension Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structs-custom-value-types-classes-custom-reference-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structs (Custom Value Types) &amp; Classes (Custom Reference Types)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structs (Custom Value Types) & Classes (Custom Reference Types)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#modifiers-methods-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modifiers (Methods &amp; Variables)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods_1" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#properties-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      Properties &amp; Fields
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#object-and-collection-initializers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object and Collection Initializers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-members-init-order" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Members Init Order
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#indexers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Indexers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#abstract-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Abstract Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cloning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cloning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operator-overloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Overloading
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operator Overloading">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nested-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nested Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interfaces
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Generics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Generics
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameters-constraints" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameters Constraints
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Inheritance">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#downcasting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Downcasting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance-constructors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance &amp; Constructors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generics-inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generics Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#covariance-contravariance-only-for-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Covariance &amp; Contravariance (only for interfaces)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#delegates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Delegates
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Delegates">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multicast-delegates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multicast Delegates
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#delegate-invocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Delegate Invocation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#common-delegate-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Common Delegate Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-compatibility" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Compatibility
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anonymous-functions-lambda-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Functions (Lambda Expressions)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Events
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Events">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#registering-event-handlers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Registering Event Handlers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#built-in-eventhandler-delegate" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-In EventHandler Delegate
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-event-args" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Event Args
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#assemblies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assemblies
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Assemblies">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#anatomy-of-an-assembly" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anatomy of an Assembly
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#net-metadata" class="md-nav__link">
+    <span class="md-ellipsis">
+      .NET MEtadata
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#resources" class="md-nav__link">
+    <span class="md-ellipsis">
+      Resources
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multifile-assembly" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multifile Assembly
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assembly-resolution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Resolution
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#self-contained-deployment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Self-Contained Deployment
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Self-Contained Deployment">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#framework-dependent-deployment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Framework-Dependent Deployment
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assembly-names" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Names
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Assembly Names">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#strong-names" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strong Names
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#version" class="md-nav__link">
+    <span class="md-ellipsis">
+      Version
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#culture" class="md-nav__link">
+    <span class="md-ellipsis">
+      Culture
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#reflection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reflection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Reflection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#assembly" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attributes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Attributes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#applying-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Applying Attributes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Attributes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#defining-custom-attribute-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Defining Custom Attribute Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#retrieving-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Retrieving Attributes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files-streams" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files &amp; Streams
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files & Streams">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#position-seeking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Position &amp; Seeking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#flushing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Flushing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#streamreader-streamwriter-text-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      StreamReader &amp; StreamWriter (Text Files)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#stringreader-stringwriter" class="md-nav__link">
+    <span class="md-ellipsis">
+      StringReader &amp; StringWriter
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files &amp; Directories
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files & Directories">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#filestream-class-binary-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      FileStream Class (Binary Files)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#directory-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Directory Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#path-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Path Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fileinfo-directoryinfo-filesysteminfo" class="md-nav__link">
+    <span class="md-ellipsis">
+      FileInfo, DirectoryInfo &amp; FileSystemInfo
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#clr-serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      CLR Serialization
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#datetime-timespan" class="md-nav__link">
+    <span class="md-ellipsis">
+      DateTime &amp; TimeSpan
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DateTime & TimeSpan">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#timespan-struct" class="md-nav__link">
+    <span class="md-ellipsis">
+      TimeSpan Struct
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memory-efficiency" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memory Efficiency
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Memory Efficiency">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#spant" class="md-nav__link">
+    <span class="md-ellipsis">
+      Span&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memoryt" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memory&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#regular-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Regular Expressions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#unsafe-code-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unsafe Code &amp; Pointers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Unsafe Code & Pointers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#native-memory" class="md-nav__link">
+    <span class="md-ellipsis">
+      Native Memory
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#external-code" class="md-nav__link">
+    <span class="md-ellipsis">
+      External Code
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#magic-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Magic Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Magic Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#enumerable" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enumerable
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#awaitable" class="md-nav__link">
+    <span class="md-ellipsis">
+      Awaitable
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#code-quality" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Quality
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Code Quality">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#code-analysis" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Analysis
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dependency-auditing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Auditing
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#comments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docstring-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docstring Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#naming-convention" class="md-nav__link">
+    <span class="md-ellipsis">
+      Naming Convention
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#namespaces-imports-aliases" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespaces, Imports &amp; Aliases
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#top-level-statementsprograms-c-9" class="md-nav__link">
+    <span class="md-ellipsis">
+      Top Level Statements/Programs (C# 9)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#main-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      Main Method
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constant-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment-operation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment Operation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Input
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-formatting" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Formatting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#number-format-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Number Format String
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variable-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variable Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#value-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Value Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reference-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reference Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#integer-numeric-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integer Numeric Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-numeric-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating-Point Numeric Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#biginteger" class="md-nav__link">
+    <span class="md-ellipsis">
+      BigInteger
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#binary-hexadecimal-numbers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Binary &amp; Hexadecimal Numbers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#boolean-type-systemboolean" class="md-nav__link">
+    <span class="md-ellipsis">
+      Boolean Type (System.Boolean)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-type-systemchar-systemstring" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Type (System.Char &amp; System.String)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#implicit-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Implicit Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dynamic-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-types-reference-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous types (Reference Type)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-range-types-structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Index &amp; Range Types (Structs)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tuples-value-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuples (Value Type)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Tuples (Value Type)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#tuple-deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#records" class="md-nav__link">
+    <span class="md-ellipsis">
+      Records
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Records">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#with-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      with-expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#with-expressions-inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      with-expressions &amp; Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#value-based-equality-inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Value-based Equality &amp; Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Strings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#string-methods-not-in-place" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Methods (Not In-Place)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#raw-string-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Raw string literals
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#nullable-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Nullable Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nullable-value-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable value types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-reference-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable reference types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Nullable reference types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nullability-of-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullability of types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Context
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#null-conditional-null-coalescing-null-forgiving-operator-null-checks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Null Conditional, Null Coalescing, Null Forgiving Operator, Null Checks
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Attributes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#type-conversion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Conversion
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Type Conversion">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#converting-from-any-type-to-a-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Converting from any type to a string
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#number-downcasting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Number Downcasting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#converting-from-a-binary-object-to-a-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Converting from a binary object to a string
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parsing-from-strings-to-numbers-or-dates-and-times" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parsing from strings to numbers or dates and times
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#preprocessor-directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      Preprocessor Directives
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Preprocessor Directives">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#error-and-warning" class="md-nav__link">
+    <span class="md-ellipsis">
+      #error and #warning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pragma" class="md-nav__link">
+    <span class="md-ellipsis">
+      #pragma
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#expressions-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expressions &amp; Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Expressions & Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#primary-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Primary Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unary-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unary Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relational-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relational Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Operator
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If-Else If-Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pattern-matching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pattern Matching
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loop-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loop Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loop Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#do-while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do-While Loop
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Do-While Loop">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#foreach-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Foreach Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break, Continue
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#yield-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Yield Statement
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#context-statement-using-declarations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context Statement &amp; Using Declarations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#checkedunchecked-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Checked/Unchecked Statements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Exception Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#throwing-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Throwing Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enums" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enums
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#expression-body-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expression Body Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arbitrary-number-of-parameter-in-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arbitrary Number Of Parameter In Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Named Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#optional-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Optional Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#passing-values-by-reference-ref-out-in" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing Values By Reference (ref, out, in)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#returning-multiple-values-with-tuples" class="md-nav__link">
+    <span class="md-ellipsis">
+      Returning Multiple Values with Tuples
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#returning-multiple-values-w-structs-return-struct-variable" class="md-nav__link">
+    <span class="md-ellipsis">
+      Returning Multiple Values W/ Structs (Return Struct Variable)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#local-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#extension-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extension Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structs-custom-value-types-classes-custom-reference-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structs (Custom Value Types) &amp; Classes (Custom Reference Types)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structs (Custom Value Types) & Classes (Custom Reference Types)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#modifiers-methods-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modifiers (Methods &amp; Variables)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods_1" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#properties-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      Properties &amp; Fields
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#object-and-collection-initializers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object and Collection Initializers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-members-init-order" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Members Init Order
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#indexers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Indexers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#abstract-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Abstract Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cloning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cloning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operator-overloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Overloading
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operator Overloading">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nested-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nested Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interfaces
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Generics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Generics
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameters-constraints" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameters Constraints
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Inheritance">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#downcasting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Downcasting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance-constructors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance &amp; Constructors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generics-inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generics Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#covariance-contravariance-only-for-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Covariance &amp; Contravariance (only for interfaces)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#delegates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Delegates
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Delegates">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multicast-delegates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multicast Delegates
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#delegate-invocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Delegate Invocation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#common-delegate-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Common Delegate Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-compatibility" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Compatibility
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anonymous-functions-lambda-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Functions (Lambda Expressions)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Events
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Events">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#registering-event-handlers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Registering Event Handlers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#built-in-eventhandler-delegate" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-In EventHandler Delegate
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-event-args" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Event Args
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#assemblies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assemblies
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Assemblies">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#anatomy-of-an-assembly" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anatomy of an Assembly
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#net-metadata" class="md-nav__link">
+    <span class="md-ellipsis">
+      .NET MEtadata
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#resources" class="md-nav__link">
+    <span class="md-ellipsis">
+      Resources
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multifile-assembly" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multifile Assembly
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assembly-resolution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Resolution
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#self-contained-deployment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Self-Contained Deployment
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Self-Contained Deployment">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#framework-dependent-deployment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Framework-Dependent Deployment
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assembly-names" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly Names
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Assembly Names">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#strong-names" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strong Names
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#version" class="md-nav__link">
+    <span class="md-ellipsis">
+      Version
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#culture" class="md-nav__link">
+    <span class="md-ellipsis">
+      Culture
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#reflection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reflection
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Reflection">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#assembly" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assembly
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Attributes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Attributes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#applying-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Applying Attributes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Attributes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#defining-custom-attribute-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Defining Custom Attribute Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#retrieving-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Retrieving Attributes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files-streams" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files &amp; Streams
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files & Streams">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#position-seeking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Position &amp; Seeking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#flushing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Flushing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#streamreader-streamwriter-text-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      StreamReader &amp; StreamWriter (Text Files)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#stringreader-stringwriter" class="md-nav__link">
+    <span class="md-ellipsis">
+      StringReader &amp; StringWriter
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files &amp; Directories
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files & Directories">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#filestream-class-binary-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      FileStream Class (Binary Files)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#directory-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Directory Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#path-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Path Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fileinfo-directoryinfo-filesysteminfo" class="md-nav__link">
+    <span class="md-ellipsis">
+      FileInfo, DirectoryInfo &amp; FileSystemInfo
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#clr-serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      CLR Serialization
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#datetime-timespan" class="md-nav__link">
+    <span class="md-ellipsis">
+      DateTime &amp; TimeSpan
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DateTime & TimeSpan">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#timespan-struct" class="md-nav__link">
+    <span class="md-ellipsis">
+      TimeSpan Struct
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memory-efficiency" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memory Efficiency
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Memory Efficiency">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#spant" class="md-nav__link">
+    <span class="md-ellipsis">
+      Span&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memoryt" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memory&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#regular-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Regular Expressions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#unsafe-code-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unsafe Code &amp; Pointers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Unsafe Code & Pointers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#native-memory" class="md-nav__link">
+    <span class="md-ellipsis">
+      Native Memory
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#external-code" class="md-nav__link">
+    <span class="md-ellipsis">
+      External Code
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#magic-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Magic Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Magic Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#enumerable" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enumerable
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#awaitable" class="md-nav__link">
+    <span class="md-ellipsis">
+      Awaitable
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#code-quality" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Quality
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Code Quality">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#code-analysis" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Analysis
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dependency-auditing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Auditing
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="c"><code>C#</code></h1>
+<p><strong>.NET</strong> Core is a development platform that includes a <strong>Common Language Runtime</strong> (<strong>CoreCLR</strong>), which manages the execution of code, and a <strong>Base Class Library</strong> (<strong>BCL</strong>), which provides a rich library of classes to build applications from.</p>
+<p>The C# compiler (named <strong>Roslyn</strong>) used by the dotnet CLI tool converts C# source code into <strong>intermediate language</strong> (<strong>IL</strong>) code and stores the IL in an <em>assembly</em> (a DLL or EXE file).<br />
+IL code statements are like assembly language instructions, which are executed by .NET Core's virtual machine, known as <strong>CoreCLR</strong>.</p>
+<p>At runtime, CoreCLR loads the IL code from the assembly, the <strong>just-in-time</strong> (JIT) compiler compiles it into native CPU instructions, and then it is executed by the CPU on your machine.<br />
+The benefit of this three-step compilation process is that Microsoft's able to create CLRs for Linux and macOS, as well as for Windows.<br />
+The same IL code runs everywhere because of the second compilation process, which generates code for the native operating system and CPU instruction set.<br />
+Regardless of which language the source code is written in, for example, C#, Visual Basic or F#, all .NET applications use IL code for their instructions stored in an assembly.</p>
+<p>Another .NET initiative is called <em>.NET Native</em>. This compiles C# code to native CPU instructions <strong>ahead of time</strong> (<strong>AoT</strong>), rather than using the CLR to compile IL code JIT
+to native code later.<br />
+.NET Native improves execution speed and reduces the memory footprint for applications because the native code is generated at build time and then deployed instead of the IL code.</p>
+<h2 id="basics">Basics</h2>
+<h3 id="comments">Comments</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// comment</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="cm">/* multi line comment */</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1">/// single line xml comment (docstring)</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="cm">/** multi line xml string (docstring) */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="docstring-structure">Docstring Structure</h3>
+<p><code>/** &lt;tag&gt; content &lt;/tag&gt; **/</code></p>
+<h3 id="naming-convention">Naming Convention</h3>
+<table>
+<thead>
+<tr>
+<th>Element</th>
+<th>Case</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Namespace</td>
+<td>PascalCase</td>
+</tr>
+<tr>
+<td>Class, Interface</td>
+<td>PascalCase</td>
+</tr>
+<tr>
+<td>Method</td>
+<td>PascalCase</td>
+</tr>
+<tr>
+<td>Field, Property</td>
+<td>PascalCase</td>
+</tr>
+<tr>
+<td>Event, Enum, Enum Value,</td>
+<td>PascalCase</td>
+</tr>
+<tr>
+<td>Variables, Parameters</td>
+<td>camelCase</td>
+</tr>
+</tbody>
+</table>
+<h3 id="namespaces-imports-aliases">Namespaces, Imports &amp; Aliases</h3>
+<p>Hierarchic organization of programs an libraries.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span><span class="w">  </span><span class="c1">// import the System Namespace</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="k">using</span><span class="w"> </span><span class="nn">static</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Console</span><span class="p">;</span><span class="w">  </span><span class="c1">// statically import a class to use its static methods w/o qualification</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="c1">// type aliases</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="k">using</span><span class="w"> </span><span class="nn">Alias</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Namespace</span><span class="p">.</span><span class="n">SubNamespace</span><span class="p">.</span><span class="n">Type</span><span class="p">;</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="k">using</span><span class="w"> </span><span class="nn">LookupTable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Dictionary</span><span class="o">&lt;</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="k">using</span><span class="w"> </span><span class="nn">Points</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="p">)[];</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="c1">// global using [C# 10], should be in dedicated file</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="n">global</span><span class="w"> </span><span class="k">using</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">namespace</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="k">namespace</span><span class="w"> </span><span class="nn">Namespace</span><span class="p">;</span><span class="w">  </span><span class="c1">// [C# 10]</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="c1">//or</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="k">namespace</span><span class="w"> </span><span class="nn">Namespace</span><span class="w"> </span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="p">{</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>To enable .NET 6/C# 10 <strong>implicit namespace imports</strong>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nt">&lt;ImplicitUsings&gt;</span>enable<span class="nt">&lt;/ImplicitUsings&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="top-level-statementsprograms-c-9">Top Level Statements/Programs (C# 9)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="c1">// imports</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="c1">// code here, no main, no namespace</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="main-method">Main Method</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Main</span><span class="p">(</span><span class="kt">string</span><span class="p">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="p">{</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="constant-declaration">Constant Declaration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">const</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">CONSTANT_NAME</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="assignment-operation">Assignment Operation</h3>
+<p><code>type variable1 = value1, variable2 = value2, ...;</code></p>
+<p>If a variable has not been assigned it assumes the <code>default</code> value.</p>
+<h3 id="input">Input</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="c1">// input is a string, convert before saving in a non String variable</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">Console</span><span class="p">.</span><span class="n">ReadLines</span><span class="p">();</span><span class="w">    </span><span class="c1">// read util &lt;Return&gt;  is pressed</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="n">Console</span><span class="p">.</span><span class="n">Read</span><span class="p">();</span><span class="w">    </span><span class="c1">// read until space</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="c1">// reading non string input</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="o">&lt;</span><span class="n">SystemType</span><span class="o">/</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Parse</span><span class="p">(</span><span class="n">Console</span><span class="p">.</span><span class="n">ReadLines</span><span class="p">());</span><span class="w">    </span><span class="c1">// convert string to numerical data type (can cause exception at runtime)</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="n">Convert</span><span class="p">.</span><span class="n">To</span><span class="o">&lt;</span><span class="n">SystemType</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Console</span><span class="p">.</span><span class="n">ReadLines</span><span class="p">());</span><span class="w">    </span><span class="c1">// proper conversion and round-up of values (no truncation of values), NULL returns 0 (zero)</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="c1">// integers numeric base conversion</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="n">Convert</span><span class="p">.</span><span class="n">ToString</span><span class="p">(</span><span class="n">num</span><span class="p">,</span><span class="w"> </span><span class="o">&lt;</span><span class="k">base</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">//  to specified numeric base</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="n">Convert</span><span class="p">.</span><span class="n">ToInt32</span><span class="p">(</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="o">&lt;</span><span class="k">base</span><span class="o">&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// parse from numeric base</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="n">Console</span><span class="p">.</span><span class="n">ReadKey</span><span class="p">();</span><span class="w">    </span><span class="c1">// read a key from keyboard and display pressed kay immediately</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="screen-output">Screen Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">();</span><span class="w">    </span><span class="c1">// single line output</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-formatting">String Formatting</h3>
+<p><code>{index[,alignment][:&lt;formatString&gt;&lt;num_decimal_digits&gt;]}</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span>
+<span class="normal"><a href="#__codelineno-8-7">7</a></span>
+<span class="normal"><a href="#__codelineno-8-8">8</a></span>
+<span class="normal"><a href="#__codelineno-8-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&quot;Name is {0}, Marks are {1}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">name</span><span class="p">,</span><span class="w"> </span><span class="n">marks</span><span class="p">);</span><span class="w">    </span><span class="c1">// string composite formatting</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">$&quot;Name is {name}, Marks are {marks}&quot;</span><span class="p">);</span><span class="w">    </span><span class="c1">// string interpolation</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">    </span><span class="n">format</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;{0} {1}&quot;</span><span class="w">  </span><span class="c1">// format can be omitted and passed as first argument of WriteLine/Write</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="w">    </span><span class="n">arg0</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;String Literal&quot;</span><span class="p">,</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="w">    </span><span class="n">arg1</span><span class="p">:</span><span class="w"> </span><span class="n">string_variable</span><span class="p">,</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="number-format-string">Number Format String</h3>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings">Numeric Format Strings Docs</a>
+<a href="https://docs.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo">CultureInfo Docs</a></p>
+<p><code>{index[,alignment][:&lt;formatString&gt;&lt;num_decimal_digits&gt;]}</code></p>
+<p><code>$"{number:C}"</code> formats the number as a <em>currency</em>. Currency symbol &amp; symbol position are determined by <code>CultureInfo</code>.<br />
+<code>$"{number:D}"</code> formats the number with decimal digits.<br />
+<code>$"{number:F}"</code> formats the number with a fixed number of decimal digits.<br />
+<code>$"{number:E}"</code> formats the number in <em>scientific notation</em>.<br />
+<code>$"{number:E}"</code> formats the number in the more compact of either fixed-point or scientific notation.<br />
+<code>$"{number:N}"</code> formats the number as a <em>measure</em>. Digits separators are determined by <code>CultureInfo</code>.<br />
+<code>$"{number:P}"</code> formats the number as a <em>percentage</em>.<br />
+<code>$"{number:X}"</code> formats the number as a <em>hexadecimal</em>.</p>
+<h2 id="variable-types">Variable Types</h2>
+<h3 id="value-type">Value Type</h3>
+<p>A value type variable will store its values directly in an area of storage called the <em>STACK</em>.<br />
+The stack is memory allocated to the code that is currently running on the CPU.<br />
+When the stack frame has finished executing, the values in the stack are removed.</p>
+<h3 id="reference-type">Reference Type</h3>
+<p>A reference type variable will store its values in a separate memory region called the <em>HEAP</em>.<br />
+The heap is a memory area that is shared across many applications running on the operating system at the same time.<br />
+The .NET Runtime communicates with the operating system to determine what memory addresses are available, and requests an address where it can store the value.<br />
+The .NET Runtime stores the value, then returns the memory address to the variable.<br />
+When your code uses the variable, the .NET Runtime seamlessly looks up the address stored in the variable and retrieves the value that's stored there.</p>
+<h3 id="integer-numeric-types">Integer Numeric Types</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align: center;">Keyword</th>
+<th style="text-align: center;">System Type</th>
+<th style="text-align: center;">Example</th>
+<th style="text-align: center;">Bit/Byte</th>
+<th>Min Value</th>
+<th>Max Value</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align: center;"><code>sbyte</code></td>
+<td style="text-align: center;"><code>System.SByte</code></td>
+<td style="text-align: center;"></td>
+<td style="text-align: center;">8 bit</td>
+<td>-128</td>
+<td>127</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>byte</code></td>
+<td style="text-align: center;"><code>System.Byte</code></td>
+<td style="text-align: center;"></td>
+<td style="text-align: center;">8 bit</td>
+<td>0</td>
+<td>255</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>short</code></td>
+<td style="text-align: center;"><code>System.Int16</code></td>
+<td style="text-align: center;"></td>
+<td style="text-align: center;">16 bit</td>
+<td>-32'786</td>
+<td>32'767</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>ushort</code></td>
+<td style="text-align: center;"><code>System.UInt16</code></td>
+<td style="text-align: center;"></td>
+<td style="text-align: center;">16 bit</td>
+<td>0</td>
+<td>65'535</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>int</code></td>
+<td style="text-align: center;"><code>System.Int32</code></td>
+<td style="text-align: center;">123</td>
+<td style="text-align: center;">32 bit</td>
+<td>-2'47'483'648</td>
+<td>2'147'483'647</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>uint</code></td>
+<td style="text-align: center;"><code>System.UInt32</code></td>
+<td style="text-align: center;">123u</td>
+<td style="text-align: center;">32 bit</td>
+<td>0</td>
+<td>4'294'967'296</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>nint</code></td>
+<td style="text-align: center;"><code>System.IntPtr</code></td>
+<td style="text-align: center;"></td>
+<td style="text-align: center;">Arch</td>
+<td>0</td>
+<td>18'446'744'073'709'551'615</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>nuint</code></td>
+<td style="text-align: center;"><code>System.UIntPtr</code></td>
+<td style="text-align: center;"></td>
+<td style="text-align: center;">Arch</td>
+<td>-9'223'372'036'854'775'808</td>
+<td>9'223'372'036'854'775'807</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>long</code></td>
+<td style="text-align: center;"><code>System.Int64</code></td>
+<td style="text-align: center;">123l</td>
+<td style="text-align: center;">64 bit</td>
+<td>-9'223'372'036'854'775'808</td>
+<td>9'223'372'036'854'775'807</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>ulong</code></td>
+<td style="text-align: center;"><code>System.UInt64</code></td>
+<td style="text-align: center;">123ul</td>
+<td style="text-align: center;">64 bit</td>
+<td>0</td>
+<td>18'446'744'073'709'551'615</td>
+</tr>
+</tbody>
+</table>
+<h3 id="floating-point-numeric-types">Floating-Point Numeric Types</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align: center;">Keyword</th>
+<th style="text-align: center;">System Types</th>
+<th style="text-align: center;">Example</th>
+<th style="text-align: center;">Bit/Byte</th>
+<th style="text-align: center;">Digits</th>
+<th>Min Value</th>
+<th>Max Value</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align: center;"><code>float</code></td>
+<td style="text-align: center;"><code>System.Single</code></td>
+<td style="text-align: center;">3.14f</td>
+<td style="text-align: center;">4 byte</td>
+<td style="text-align: center;">6-9</td>
+<td>-3.402823 E+38</td>
+<td>3.402823 E+38</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>double</code></td>
+<td style="text-align: center;"><code>System.Double</code></td>
+<td style="text-align: center;">3.14</td>
+<td style="text-align: center;">8 byte</td>
+<td style="text-align: center;">15-17</td>
+<td>-1.79769313486232 E+308</td>
+<td>1.79769313486232 E+308</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>decimal</code></td>
+<td style="text-align: center;"><code>System.Decimal</code></td>
+<td style="text-align: center;">3.14m</td>
+<td style="text-align: center;">16 byte</td>
+<td style="text-align: center;">28-29</td>
+<td>-79'228'162'514'264'337'593'543'950'335</td>
+<td>79'228'162'514'264'337'593'543'950'335</td>
+</tr>
+</tbody>
+</table>
+<p>The static fields and methods of the <code>MathF</code> class correspond to those of the <code>Math</code> class, except that their parameters are of type <code>Single</code> rather than <code>Double</code>, and they return <code>Single</code> rather than <code>Double</code> values.</p>
+<h3 id="biginteger">BigInteger</h3>
+<p><code>BigInteger</code> represents an integer that will grow as large as is necessary to accommodate values.<br />
+Unlike the builtin numeric types, it has no theoretical limit on its range.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.Numerics</span><span class="p">;</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="n">BigInteger</span><span class="w"> </span><span class="n">bi</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="binary-hexadecimal-numbers">Binary &amp; Hexadecimal Numbers</h3>
+<p>Binary literal: <code>0b&lt;digits&gt;</code>
+Hexadecimal literal: <code>0x&lt;digits&gt;</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="c1">// three variables that store the number 2 million</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="kt">int</span><span class="w"> </span><span class="n">decimalNotation</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">2</span><span class="n">_000_000</span><span class="p">;</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="kt">int</span><span class="w"> </span><span class="n">binaryNotation</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="n">b_0001_1110_1000_0100_1000_0000</span><span class="p">;</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="kt">int</span><span class="w"> </span><span class="n">hexadecimalNotation</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="n">x_001E_8480</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="boolean-type-systemboolean">Boolean Type (<code>System.Boolean</code>)</h3>
+<p><code>bool</code>: <code>true</code> or <code>false</code></p>
+<h3 id="text-type-systemchar-systemstring">Text Type (<code>System.Char</code> &amp; <code>System.String</code>)</h3>
+<p><code>char</code>: single unicode character<br />
+<code>string</code>: multiple Unicode characters</p>
+<h3 id="implicit-type">Implicit Type</h3>
+<p>The compiler determines the required type based on the assigned value.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="kt">var</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// Inferred tipe cant change after first assignment</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dynamic-type">Dynamic Type</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="kt">dynamic</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="anonymous-types-reference-type">Anonymous types (Reference Type)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="c1">// cannot be used as return types</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="kt">var</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Key</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="p">...};</span><span class="w">  </span><span class="c1">// read only properties</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="n">x</span><span class="p">.</span><span class="n">Key</span><span class="p">;</span><span class="w">  </span><span class="c1">// member access</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="kt">var</span><span class="w"> </span><span class="n">y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="n">with</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Key</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// with expression [C# 10]</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="index-range-types-structs">Index &amp; Range Types (Structs)</h3>
+<p>A <a href="https://docs.microsoft.com/en-us/dotnet/api/system.index">System.Index</a> represents a type that can be used to index a collection either from the start or the end.<br />
+A <a href="https://docs.microsoft.com/en-us/dotnet/api/system.range">System.Range</a> represents a range that has start and end indexes.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span>
+<span class="normal"><a href="#__codelineno-14-13">13</a></span>
+<span class="normal"><a href="#__codelineno-14-14">14</a></span>
+<span class="normal"><a href="#__codelineno-14-15">15</a></span>
+<span class="normal"><a href="#__codelineno-14-16">16</a></span>
+<span class="normal"><a href="#__codelineno-14-17">17</a></span>
+<span class="normal"><a href="#__codelineno-14-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="n">Index</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">position</span><span class="p">;</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="n">Index</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Index</span><span class="p">(</span><span class="n">position</span><span class="p">,</span><span class="w"> </span><span class="n">IsFromEnd</span><span class="p">:</span><span class="w"> </span><span class="k">false</span><span class="p">);</span><span class="w">  </span><span class="c1">// start-relative index</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="n">Index</span><span class="w"> </span><span class="n">e</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">^</span><span class="n">position</span><span class="p">;</span><span class="w">  </span><span class="c1">// end-elative index</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="n">Index</span><span class="w"> </span><span class="n">e</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Index</span><span class="p">(</span><span class="n">position</span><span class="p">,</span><span class="w"> </span><span class="n">IsFromEnd</span><span class="p">:</span><span class="w"> </span><span class="k">true</span><span class="p">);</span><span class="w">  </span><span class="c1">// end-elative index</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="n">array</span><span class="p">[</span><span class="o">^</span><span class="n">n</span><span class="p">];</span><span class="w">  </span><span class="c1">// n-th last item</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="n">array</span><span class="p">[</span><span class="n">array</span><span class="p">.</span><span class="n">Length</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">n</span><span class="p">];</span><span class="w">  </span><span class="c1">// n-th last item</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a><span class="c1">// range syntax (supported by System.Range struct)</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="n">Range</span><span class="w"> </span><span class="n">all</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.</span><span class="p">.</span><span class="o">^</span><span class="m">0</span><span class="p">;</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a><span class="n">Range</span><span class="w"> </span><span class="n">all</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.</span><span class="p">.;</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="n">Range</span><span class="w"> </span><span class="n">all</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">..</span><span class="o">^</span><span class="m">0</span><span class="p">;</span>
+<a id="__codelineno-14-13" name="__codelineno-14-13"></a><span class="n">Range</span><span class="w"> </span><span class="n">all</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">..;</span>
+<a id="__codelineno-14-14" name="__codelineno-14-14"></a><span class="kt">var</span><span class="w"> </span><span class="n">all</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Range</span><span class="p">.</span><span class="n">All</span><span class="p">;</span>
+<a id="__codelineno-14-15" name="__codelineno-14-15"></a>
+<a id="__codelineno-14-16" name="__codelineno-14-16"></a><span class="c1">// slicing</span>
+<a id="__codelineno-14-17" name="__codelineno-14-17"></a><span class="n">array</span><span class="p">[</span><span class="n">start</span><span class="p">..</span><span class="n">end</span><span class="p">];</span><span class="w">  </span><span class="c1">// select elements between start index and end index (non inclusive)</span>
+<a id="__codelineno-14-18" name="__codelineno-14-18"></a><span class="n">array</span><span class="p">[</span><span class="n">start</span><span class="p">..</span><span class="o">^</span><span class="n">n</span><span class="p">];</span><span class="w">  </span><span class="c1">// select elements between start index and n-th last item (non inclusive)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tuples-value-type">Tuples (Value Type)</h2>
+<p>Tuples are designed as a convenient way to package together a few values in cases where defining a whole new type wouldn't really be justified.</p>
+<p>Tuples support comparison, so it's possible to use the <code>==</code> and <code>!=</code> relational operators.<br />
+To be considered equal, two tuples must have the same shape and each value in the first tuple must be equal to its counterpart in the second tuple.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">Var1</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Var2</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="kt">var</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">Var1</span><span class="p">:</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">Var2</span><span class="p">:</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span><span class="w">  </span><span class="c1">// if name are not supplied they default to Item1, Item2, ...</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="kt">var</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">var1</span><span class="p">,</span><span class="w"> </span><span class="n">var2</span><span class="p">);</span><span class="w">  </span><span class="c1">// constructed w/ pre-existing values, tuple attributes named after the variables</span>
+</code></pre></div></td></tr></table></div>
+<p>Since the names of the attributes of a tuple do not matter (a tuple is an instance of <code>ValueTuple&lt;Type, Type, ...&gt;</code>) it's possible to assign any tuple to another tuple with the same structure.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">X</span><span class="p">,</span><span class="w"> </span><span class="n">Int</span><span class="w"> </span><span class="n">Y</span><span class="p">)</span><span class="w"> </span><span class="n">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="m">1</span><span class="w"> </span><span class="p">,</span><span class="w"> </span><span class="m">0</span><span class="p">);</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">Width</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">Height</span><span class="p">)</span><span class="w"> </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">a</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="tuple-deconstruction">Tuple Deconstruction</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">X</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">Y</span><span class="p">)</span><span class="w"> </span><span class="n">point</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="m">10</span><span class="p">,</span><span class="w"> </span><span class="m">35</span><span class="p">);</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">b</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">point</span><span class="p">;</span><span class="w">  </span><span class="c1">// extract data based on position into two variables</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="records">Records</h2>
+<p>I'ts possible to create record types with immutable properties by using standard property syntax or positional parameters:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-18-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-18-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-18-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-18-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-18-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-18-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-18-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-18-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-18-10">10</a></span>
+<span class="normal"><a href="#__codelineno-18-11">11</a></span>
+<span class="normal"><a href="#__codelineno-18-12">12</a></span>
+<span class="normal"><a href="#__codelineno-18-13">13</a></span>
+<span class="normal"><a href="#__codelineno-18-14">14</a></span>
+<span class="normal"><a href="#__codelineno-18-15">15</a></span>
+<span class="normal"><a href="#__codelineno-18-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="n">Person</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="p">{</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">FirstName</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="n">init</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">default</span><span class="o">!</span><span class="p">;</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">LastName</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="n">init</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">default</span><span class="o">!</span><span class="p">;</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="p">};</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="c1">// same as</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="nf">Person</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">FirstName</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">LastName</span><span class="p">);</span>
+<a id="__codelineno-18-8" name="__codelineno-18-8"></a>
+<a id="__codelineno-18-9" name="__codelineno-18-9"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nc">Point</span>
+<a id="__codelineno-18-10" name="__codelineno-18-10"></a><span class="p">{</span>
+<a id="__codelineno-18-11" name="__codelineno-18-11"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">X</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="n">init</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-18-12" name="__codelineno-18-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Y</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="n">init</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-18-13" name="__codelineno-18-13"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Z</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="n">init</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-18-14" name="__codelineno-18-14"></a><span class="p">}</span>
+<a id="__codelineno-18-15" name="__codelineno-18-15"></a><span class="c1">// same as</span>
+<a id="__codelineno-18-16" name="__codelineno-18-16"></a><span class="k">public</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nf">Point</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">X</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Y</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Z</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>it's also possible to create record types with mutable properties and fields:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span>
+<span class="normal"><a href="#__codelineno-19-4">4</a></span>
+<span class="normal"><a href="#__codelineno-19-5">5</a></span>
+<span class="normal"><a href="#__codelineno-19-6">6</a></span>
+<span class="normal"><a href="#__codelineno-19-7">7</a></span>
+<span class="normal"><a href="#__codelineno-19-8">8</a></span>
+<span class="normal"><a href="#__codelineno-19-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="c1">// mutable record</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="n">Person</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="p">{</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">FirstName</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">default</span><span class="o">!</span><span class="p">;</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">LastName</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">default</span><span class="o">!</span><span class="p">;</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="p">};</span>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="c1">// mutable record struct</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a><span class="k">public</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nf">Point</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">X</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Y</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Z</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>While records can be mutable, they're primarily intended for supporting immutable data models. The record type offers the following features:</p>
+<ul>
+<li>Concise syntax for creating a reference type with immutable properties</li>
+<li>Built-in behavior useful for a data-centric reference type:</li>
+<li>Value equality</li>
+<li>Concise syntax for nondestructive mutation</li>
+<li>Built-in formatting for display</li>
+<li>Support for inheritance hierarchies</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: A <em>positional record</em> and a <em>positional readonly record struct</em> declare init-only properties. A <em>positional record struct</em> declares read-write properties.</p>
+</blockquote>
+<h3 id="with-expressions"><code>with</code>-expressions</h3>
+<p>When working with immutable data, a common pattern is to create new values from existing ones to represent a new state.<br />
+To help with this style of programming, records allow for a new kind of expression; the with-expression.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="kt">var</span><span class="w"> </span><span class="n">newRecord</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">oldRecord</span><span class="w"> </span><span class="n">with</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">};</span>
+</code></pre></div></td></tr></table></div>
+<p>With-expressions use object initializer syntax to state what's different in the new object from the old object. it's possible to specify multiple properties.<br />
+A record implicitly defines a protected "copy constructor", a constructor that takes an existing record object and copies it field by field to the new one.<br />
+The <code>with</code> expression causes the copy constructor to get called, and then applies the object initializer on top to change the properties accordingly.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="k">protected</span><span class="w"> </span><span class="nf">Record</span><span class="p">(</span><span class="n">Record</span><span class="w"> </span><span class="n">original</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* copy all the fields */</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c1">// generated</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: it's possible to define a custom copy constructor tha will be picked up by the <code>with</code> expression.</p>
+</blockquote>
+<h3 id="with-expressions-inheritance"><code>with</code>-expressions &amp; Inheritance</h3>
+<p>Records have a hidden virtual method that is entrusted with "cloning" the whole object.<br />
+Every derived record type overrides this method to call the copy constructor of that type, and the copy constructor of a derived record chains to the copy constructor of the base record.<br />
+A with-expression simply calls the hidden "clone" method and applies the object initializer to the result.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span>
+<span class="normal"><a href="#__codelineno-22-3">3</a></span>
+<span class="normal"><a href="#__codelineno-22-4">4</a></span>
+<span class="normal"><a href="#__codelineno-22-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="n">Base</span><span class="p">{</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop1</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="n">Derived</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Base</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop3</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="n">Base</span><span class="w"> </span><span class="n">@base</span><span class="w">  </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Derived</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w">  </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="n">Prop3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value3</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a><span class="kt">var</span><span class="w"> </span><span class="n">newBase</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">@base</span><span class="w"> </span><span class="n">with</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// new Derived record even if type of _base is Base since _base contains a Derived record</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="value-based-equality-inheritance">Value-based Equality &amp; Inheritance</h3>
+<p>Records have a virtual protected property called <code>EqualityContract</code>.<br />
+Every derived record overrides it, and in order to compare equal, the two objects musts have the same <code>EqualityContract</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span>
+<span class="normal"><a href="#__codelineno-23-3">3</a></span>
+<span class="normal"><a href="#__codelineno-23-4">4</a></span>
+<span class="normal"><a href="#__codelineno-23-5">5</a></span>
+<span class="normal"><a href="#__codelineno-23-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="n">Base</span><span class="p">{</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop1</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="k">public</span><span class="w"> </span><span class="n">record</span><span class="w"> </span><span class="n">Derived</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Base</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop3</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="n">Base</span><span class="w"> </span><span class="n">rec1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Base</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value2</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a><span class="n">Base</span><span class="w"> </span><span class="n">rec2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Derived</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w">  </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="n">Prop3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value3</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a><span class="c1">// will result not equal even if container is of same type</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="strings">Strings</h2>
+<p>.NET strings are <em>immutable</em>. The downside of immutability is that string processing can be inefficient.<br />
+If a work performs a series of modifications to a string it will end up allocating a lot of memory, because it will return a separate string for each modification.<br />
+This creates a lot of extra work for .NET's garbage collector, causing the program to use more CPU time than necessary.</p>
+<p>In these situations, it's possible to can use a type called <code>StringBuilder</code>. This is conceptually similar to a string but it is modifiable.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span>
+<span class="normal"><a href="#__codelineno-24-4">4</a></span>
+<span class="normal"><a href="#__codelineno-24-5">5</a></span>
+<span class="normal"><a href="#__codelineno-24-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="s">&quot;string contents here&quot;</span><span class="w">    </span><span class="c1">// string literal</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="s">@&quot;string contents here&quot;</span><span class="w">    </span><span class="c1">// verbatim string, escape characters printed as-is (raw string literal)</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="s">$&quot;{variable} contents here&quot;</span><span class="w">    </span><span class="c1">// string interpolation</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a><span class="err">$</span><span class="s">@&quot;{variable} \n contents here&quot;</span><span class="w">    </span><span class="c1">// verbatim string interpolation</span>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="kt">string</span><span class="w"> </span><span class="n">stringa_1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">stringa_2</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;string contents here&quot;</span><span class="p">;</span><span class="w">    </span><span class="c1">// string concatenation</span>
+<a id="__codelineno-24-6" name="__codelineno-24-6"></a><span class="n">String</span><span class="p">.</span><span class="n">Length</span><span class="w">    </span><span class="c1">// returns the length of the string</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-methods-not-in-place">String Methods (Not In-Place)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-25-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-25-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-25-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-25-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-25-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-25-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-25-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-25-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-25-10">10</a></span>
+<span class="normal"><a href="#__codelineno-25-11">11</a></span>
+<span class="normal"><a href="#__codelineno-25-12">12</a></span>
+<span class="normal"><a href="#__codelineno-25-13">13</a></span>
+<span class="normal"><a href="#__codelineno-25-14">14</a></span>
+<span class="normal"><a href="#__codelineno-25-15">15</a></span>
+<span class="normal"><a href="#__codelineno-25-16">16</a></span>
+<span class="normal"><a href="#__codelineno-25-17">17</a></span>
+<span class="normal"><a href="#__codelineno-25-18">18</a></span>
+<span class="normal"><a href="#__codelineno-25-19">19</a></span>
+<span class="normal"><a href="#__codelineno-25-20">20</a></span>
+<span class="normal"><a href="#__codelineno-25-21">21</a></span>
+<span class="normal"><a href="#__codelineno-25-22">22</a></span>
+<span class="normal"><a href="#__codelineno-25-23">23</a></span>
+<span class="normal"><a href="#__codelineno-25-24">24</a></span>
+<span class="normal"><a href="#__codelineno-25-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="n">string_</span><span class="p">.</span><span class="n">IndexOf</span><span class="p">(</span><span class="o">&lt;</span><span class="n">character</span><span class="o">/</span><span class="kt">string</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="n">startIndex</span><span class="p">,</span><span class="w"> </span><span class="n">endIndex</span><span class="p">);</span><span class="w">    </span><span class="c1">// index of first occurrence of character/string, -1 otherwise</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="n">string_</span><span class="p">.</span><span class="n">LastIndexOf</span><span class="p">(</span><span class="o">&lt;</span><span class="n">character</span><span class="o">/</span><span class="kt">string</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="n">startIndex</span><span class="p">,</span><span class="w"> </span><span class="n">endIndex</span><span class="p">);</span><span class="w">    </span><span class="c1">// index last occurrence of character/string, -1 otherwise</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="n">string_</span><span class="p">.</span><span class="n">IndexOfAny</span><span class="p">(</span><span class="n">char_array</span><span class="p">,</span><span class="w"> </span><span class="n">startIndex</span><span class="p">,</span><span class="w"> </span><span class="n">endIndex</span><span class="p">);</span><span class="w">    </span><span class="c1">// index of any of the characters in the supplied array</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="n">string_</span><span class="p">.</span><span class="n">Substring</span><span class="p">(</span><span class="n">startIndex</span><span class="p">,</span><span class="w"> </span><span class="n">length</span><span class="p">);</span><span class="w">    </span><span class="c1">// extract substring</span>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="n">string_</span><span class="p">.</span><span class="n">Substring</span><span class="p">(</span><span class="n">startIndex</span><span class="p">);</span><span class="w">    </span><span class="c1">// return every character after startIndex</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a><span class="n">string_</span><span class="p">.</span><span class="n">Replace</span><span class="p">(</span><span class="n">oldString</span><span class="p">,</span><span class="w"> </span><span class="n">newString</span><span class="p">);</span><span class="w">    </span><span class="c1">// returns string_ with oldString replaced with newString</span>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="n">string_</span><span class="p">.</span><span class="n">Insert</span><span class="p">(</span><span class="n">startIndex</span><span class="p">,</span><span class="w"> </span><span class="n">substring</span><span class="p">);</span><span class="w">    </span><span class="c1">// return string_ inserting substring at position startIndex</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a><span class="n">string_</span><span class="p">.</span><span class="n">Remove</span><span class="p">(</span><span class="n">startIndex</span><span class="p">,</span><span class="w"> </span><span class="n">length</span><span class="p">);</span><span class="w">    </span><span class="c1">// return string_ removing a substring of length length at position startIndex</span>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a><span class="n">string_</span><span class="p">.</span><span class="n">ToUpper</span><span class="p">();</span><span class="w">    </span><span class="c1">// transforms all string in uppercase characters</span>
+<a id="__codelineno-25-10" name="__codelineno-25-10"></a><span class="n">string_</span><span class="p">.</span><span class="n">ToLower</span><span class="p">();</span><span class="w">    </span><span class="c1">// transforms all string to lowercase characters</span>
+<a id="__codelineno-25-11" name="__codelineno-25-11"></a><span class="n">string_</span><span class="p">.</span><span class="n">Contains</span><span class="p">(</span><span class="n">target</span><span class="p">);</span><span class="w">    </span><span class="c1">// returns True if string contains the target, False otherwise</span>
+<a id="__codelineno-25-12" name="__codelineno-25-12"></a><span class="n">string_</span><span class="p">.</span><span class="n">StartsWith</span><span class="p">(</span><span class="n">substring</span><span class="p">);</span><span class="w">    </span><span class="c1">// Determines whether the start of the string matches the substring.</span>
+<a id="__codelineno-25-13" name="__codelineno-25-13"></a><span class="n">string_</span><span class="p">.</span><span class="n">EndsWith</span><span class="p">(</span><span class="n">substring</span><span class="p">);</span><span class="w">    </span><span class="c1">// Determines whether the end of the string matches the substring.</span>
+<a id="__codelineno-25-14" name="__codelineno-25-14"></a><span class="n">string_</span><span class="p">.</span><span class="n">PadLeft</span><span class="p">(</span><span class="n">n</span><span class="p">,</span><span class="w"> </span><span class="err">&#39;</span><span class="n">character</span><span class="err">&#39;</span><span class="p">);</span><span class="w">    </span><span class="c1">// insert character n times as left padding. In-place operation</span>
+<a id="__codelineno-25-15" name="__codelineno-25-15"></a><span class="n">string_</span><span class="p">.</span><span class="n">PadRight</span><span class="p">(</span><span class="n">n</span><span class="p">,</span><span class="w"> </span><span class="err">&#39;</span><span class="n">character</span><span class="err">&#39;</span><span class="p">);</span><span class="w">    </span><span class="c1">// insert character n times as right padding. In-place operation</span>
+<a id="__codelineno-25-16" name="__codelineno-25-16"></a><span class="n">string_</span><span class="p">.</span><span class="n">TrimStart</span><span class="p">();</span><span class="w">    </span><span class="c1">// trim leading spaces before text</span>
+<a id="__codelineno-25-17" name="__codelineno-25-17"></a><span class="n">string_</span><span class="p">.</span><span class="n">TrimEnd</span><span class="p">();</span><span class="w">    </span><span class="c1">// trim following spaces after text</span>
+<a id="__codelineno-25-18" name="__codelineno-25-18"></a><span class="n">string_</span><span class="p">.</span><span class="n">Trim</span><span class="p">();</span><span class="w">    </span><span class="c1">// trim spaces around text</span>
+<a id="__codelineno-25-19" name="__codelineno-25-19"></a><span class="n">string_</span><span class="p">.</span><span class="n">GetHashCode</span><span class="p">()</span>
+<a id="__codelineno-25-20" name="__codelineno-25-20"></a><span class="n">string_</span><span class="p">.</span><span class="n">Spit</span><span class="p">(</span><span class="err">&#39;</span><span class="o">&lt;</span><span class="n">separator</span><span class="o">&gt;</span><span class="err">&#39;</span><span class="p">);</span><span class="w">    </span><span class="c1">// returns an array separating the string at the occurrences of &lt;separator&gt; (&lt;separator&gt; MUST BE char)</span>
+<a id="__codelineno-25-21" name="__codelineno-25-21"></a>
+<a id="__codelineno-25-22" name="__codelineno-25-22"></a><span class="n">String</span><span class="p">.</span><span class="n">Join</span><span class="p">(</span><span class="err">&#39;</span><span class="o">&lt;</span><span class="n">separator</span><span class="o">&gt;</span><span class="err">&#39;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="kt">object</span><span class="p">)</span><span class="w"> </span><span class="n">iterable</span><span class="p">);</span><span class="w">    </span><span class="c1">// returns a string from iterable. values separated by &lt;separator&gt; (&lt;separator&gt; MUST BE char)</span>
+<a id="__codelineno-25-23" name="__codelineno-25-23"></a><span class="n">String</span><span class="p">.</span><span class="n">Format</span><span class="p">(</span><span class="s">$&quot;{variable}&quot;</span><span class="p">);</span><span class="w"> </span><span class="c1">// string interpolation outside of a Write/WriteLine</span>
+<a id="__codelineno-25-24" name="__codelineno-25-24"></a>
+<a id="__codelineno-25-25" name="__codelineno-25-25"></a><span class="n">String</span><span class="p">.</span><span class="n">Empty</span><span class="p">;</span><span class="w">  </span><span class="c1">// value of an empty string, used for string init</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="raw-string-literals">Raw string literals</h3>
+<p>Raw string literals can contain arbitrary text, including whitespace, new lines, embedded quotes, and other special characters without requiring escape sequences.<br />
+A raw string literal starts with at least three double-quote (<code>"""</code>) characters. It ends with the same number of double-quote characters.<br />
+Typically, a raw string literal uses three double quotes on a single line to start the string, and three double quotes on a separate line to end the string.
+The newlines following the opening quote and preceding the closing quote aren't included in the final content:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span>
+<span class="normal"><a href="#__codelineno-26-4">4</a></span>
+<span class="normal"><a href="#__codelineno-26-5">5</a></span>
+<span class="normal"><a href="#__codelineno-26-6">6</a></span>
+<span class="normal"><a href="#__codelineno-26-7">7</a></span>
+<span class="normal"><a href="#__codelineno-26-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="kt">string</span><span class="w"> </span><span class="n">longMessage</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&quot;&quot;</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="w">    </span><span class="n">This</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">a</span><span class="w"> </span><span class="kt">long</span><span class="w"> </span><span class="n">message</span><span class="p">.</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="w">    </span><span class="n">It</span><span class="w"> </span><span class="n">has</span><span class="w"> </span><span class="n">several</span><span class="w"> </span><span class="n">lines</span><span class="p">.</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="w">        </span><span class="n">Some</span><span class="w"> </span><span class="n">are</span><span class="w"> </span><span class="n">indented</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="w">                </span><span class="n">more</span><span class="w"> </span><span class="n">than</span><span class="w"> </span><span class="n">others</span><span class="p">.</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a><span class="w">    </span><span class="n">Some</span><span class="w"> </span><span class="n">should</span><span class="w"> </span><span class="n">start</span><span class="w"> </span><span class="n">at</span><span class="w"> </span><span class="n">the</span><span class="w"> </span><span class="n">first</span><span class="w"> </span><span class="n">column</span><span class="p">.</span>
+<a id="__codelineno-26-7" name="__codelineno-26-7"></a><span class="w">    </span><span class="n">Some</span><span class="w"> </span><span class="n">have</span><span class="w"> </span><span class="s">&quot;quoted text&quot;</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">them</span><span class="p">.</span>
+<a id="__codelineno-26-8" name="__codelineno-26-8"></a><span class="w">    </span><span class="s">&quot;&quot;&quot;;</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Any whitespace to the left of the closing double quotes will be removed from the string literal.</p>
+</blockquote>
+<p>Raw string literals can be combined with <em>string interpolation</em> to include braces in the output text. Multiple <code>$</code> characters denote how many consecutive braces start and end the interpolation</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="kt">var</span><span class="w"> </span><span class="n">location</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="err">$</span><span class="s">$&quot;&quot;&quot;</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="w">    </span><span class="n">You</span><span class="w"> </span><span class="n">are</span><span class="w"> </span><span class="n">at</span><span class="w"> </span><span class="p">{{{</span><span class="n">Longitude</span><span class="p">}},</span><span class="w"> </span><span class="p">{{</span><span class="n">Latitude</span><span class="p">}}}</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="w">    </span><span class="s">&quot;&quot;&quot;;</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="nullable-types">Nullable Types</h2>
+<h3 id="nullable-value-types"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/builtin-types/nullable-value-types">Nullable value types</a></h3>
+<p>A <strong>nullable value type</strong> <code>T?</code> represents all values of its underlying value type <code>T</code> and an additional <code>null</code> value.</p>
+<p>Any nullable value type is an instance of the generic <code>System.Nullable&lt;T&gt;</code> structure.<br />
+Refer to a nullable value type with an underlying type <code>T</code> in any of the following interchangeable forms: <code>Nullable&lt;T&gt;</code> or <code>T?</code>.</p>
+<p><strong>Note</strong>: Nullable Value Types default to <code>null</code>.</p>
+<p>When a nullable type is boxed, the common language runtime automatically boxes the underlying value of the <code>Nullable&lt;T&gt;</code> object, not the <code>Nullable&lt;T&gt;</code> object itself. That is, if the HasValue property is true, the contents of the <code>Value</code> property is boxed. When the underlying value of a nullable type is unboxed, the common language runtime creates a new <code>Nullable&lt;T&gt;</code> structure initialized to the underlying value.</p>
+<p>If the <code>HasValue</code> property of a nullable type is <code>false</code>, the result of a boxing operation is <code>null</code>. Consequently, if a boxed nullable type is passed to a method that expects an object argument, that method must be prepared to handle the case where the argument is <code>null</code>. When <code>null</code> is unboxed into a nullable type, the common language runtime creates a new <code>Nullable&lt;T&gt;</code> structure and initializes its <code>HasValue</code> property to <code>false</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="n">Type</span><span class="o">?</span><span class="w"> </span><span class="n">nullableValueType</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">default</span><span class="p">;</span><span class="w">  </span><span class="c1">// assigns null</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="n">nullableValueType</span><span class="p">.</span><span class="n">HasValue</span><span class="w">  </span><span class="c1">// boolean, use for null check</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="n">nullableValueType</span><span class="p">.</span><span class="n">Value</span><span class="w">  </span><span class="c1">// underlying value type contents</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nullable-reference-types"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/nullable-references">Nullable reference types</a></h3>
+<p>C# 8.0 introduces nullable reference types and non-nullable reference types that enable to make important statements about the properties for reference type variables:</p>
+<ul>
+<li>
+<p><strong>A reference isn't supposed to be null</strong>. When variables aren't supposed to be null, the compiler enforces rules that ensure it's safe to dereference these variables without first checking that it isn't null:</p>
+</li>
+<li>
+<p>The variable must be initialized to a non-null value.</p>
+</li>
+<li>
+<p>The variable can never be assigned the value null.</p>
+</li>
+<li>
+<p><strong>A reference may be null</strong>. When variables may be null, the compiler enforces different rules to ensure that you've correctly checked for a null reference:</p>
+</li>
+<li>The variable may only be dereferenced when the compiler can guarantee that the value isn't null.</li>
+<li>These variables may be initialized with the default null value and may be assigned the value null in other code.</li>
+</ul>
+<p>The <code>?</code> character appended to a reference type declares a nullable reference type.
+The <strong>null-forgiving operator</strong> <code>!</code> may be appended to an expression to declare that the expression isn't null.
+Any variable where the <code>?</code> isn't appended to the type name is a non-nullable reference type.</p>
+<h4 id="nullability-of-types">Nullability of types</h4>
+<p>Any reference type can have one of four <em>nullabilities</em>, which describes when warnings are generated:</p>
+<ul>
+<li><em>Nonnullable</em>: Null can't be assigned to variables of this type. Variables of this type don't need to be null-checked before dereferencing.</li>
+<li><em>Nullable</em>: Null can be assigned to variables of this type. Dereferencing variables of this type without first checking for null causes a warning.</li>
+<li><em>Oblivious</em>: Oblivious is the pre-C# 8.0 state. Variables of this type can be dereferenced or assigned without warnings.</li>
+<li><em>Unknown</em>: Unknown is generally for type parameters where constraints don't tell the compiler that the type must be nullable or nonnullable.</li>
+</ul>
+<p>The nullability of a type in a variable declaration is controlled by the nullable context in which the variable is declared.</p>
+<h4 id="nullable-context">Nullable Context</h4>
+<p>Nullable contexts enable fine-grained control for how the compiler interprets reference type variables.</p>
+<p>Valid settings are:</p>
+<ul>
+<li><em>enable</em>: The nullable annotation context is <em>enabled</em>. The nullable warning context is <em>enabled</em>.
+  Variables of a reference type are non-nullable, all nullability warnings are enabled.</li>
+<li><em>warnings</em>: The nullable annotation context is <em>disabled</em>. The nullable warning context is <em>enabled</em>.
+  Variables of a reference type are oblivious; all nullability warnings are enabled.</li>
+<li><em>annotations</em>: The nullable annotation context is <em>enabled</em>. The nullable warning context is <em>disabled</em>.
+  Variables of a reference type are non-nullable; all nullability warnings are disabled.</li>
+<li><em>disable</em>: The nullable annotation context is <em>disabled</em>. The nullable warning context is <em>disabled</em>.
+  Variables of a reference type are oblivious, just like earlier versions of C#; all nullability warnings are disabled.</li>
+</ul>
+<p>In <code>Project.csproj</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span>
+<span class="normal"><a href="#__codelineno-29-6">6</a></span>
+<span class="normal"><a href="#__codelineno-29-7">7</a></span>
+<span class="normal"><a href="#__codelineno-29-8">8</a></span>
+<span class="normal"><a href="#__codelineno-29-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="nt">&lt;Project</span><span class="w"> </span><span class="na">Sdk=</span><span class="s">&quot;Microsoft.NET.Sdk&quot;</span><span class="nt">&gt;</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="w">    </span><span class="nt">&lt;PropertyGroup&gt;</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="w">        </span><span class="nt">&lt;OutputType&gt;</span>Exe<span class="nt">&lt;/OutputType&gt;</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="w">        </span><span class="nt">&lt;TargetFramework&gt;</span>...<span class="nt">&lt;/TargetFramework&gt;</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a>
+<a id="__codelineno-29-6" name="__codelineno-29-6"></a><span class="w">        </span><span class="cm">&lt;!-- set nullabilty context at project level --&gt;</span>
+<a id="__codelineno-29-7" name="__codelineno-29-7"></a><span class="w">        </span><span class="nt">&lt;Nullable&gt;</span>enable<span class="w"> </span>|<span class="w"> </span>warning<span class="w"> </span>|<span class="w"> </span>annotations<span class="w"> </span>|<span class="w"> </span>disable<span class="nt">&lt;/Nullable&gt;</span>
+<a id="__codelineno-29-8" name="__codelineno-29-8"></a><span class="w">    </span><span class="nt">&lt;/PropertyGroup&gt;</span>
+<a id="__codelineno-29-9" name="__codelineno-29-9"></a><span class="nt">&lt;/Project&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>Program.cs</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span>
+<span class="normal"><a href="#__codelineno-30-6">6</a></span>
+<span class="normal"><a href="#__codelineno-30-7">7</a></span>
+<span class="normal"><a href="#__codelineno-30-8">8</a></span>
+<span class="normal"><a href="#__codelineno-30-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">enable</span><span class="w">  </span><span class="c1">// Sets the nullable annotation context and nullable warning context to enabled.</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">disable</span><span class="w">  </span><span class="c1">// Sets the nullable annotation context and nullable warning context to disabled.</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">restore</span><span class="w">  </span><span class="c1">// Restores the nullable annotation context and nullable warning context to the project settings.</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">disable</span><span class="w"> </span><span class="n">warnings</span><span class="w">  </span><span class="c1">// Set the nullable warning context to disabled.</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">enable</span><span class="w"> </span><span class="n">warnings</span><span class="w">  </span><span class="c1">// Set the nullable warning context to enabled.</span>
+<a id="__codelineno-30-6" name="__codelineno-30-6"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">restore</span><span class="w"> </span><span class="n">warnings</span><span class="w">  </span><span class="c1">// Restores the nullable warning context to the project settings.</span>
+<a id="__codelineno-30-7" name="__codelineno-30-7"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">disable</span><span class="w"> </span><span class="n">annotations</span><span class="w">  </span><span class="c1">// Set the nullable annotation context to disabled.</span>
+<a id="__codelineno-30-8" name="__codelineno-30-8"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">enable</span><span class="w"> </span><span class="n">annotations</span><span class="w">  </span><span class="c1">// Set the nullable annotation context to enabled.</span>
+<a id="__codelineno-30-9" name="__codelineno-30-9"></a><span class="err">#</span><span class="n">nullable</span><span class="w"> </span><span class="n">restore</span><span class="w"> </span><span class="n">annotations</span><span class="w">  </span><span class="c1">// Restores the annotation warning context to the project settings.</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="null-conditional-null-coalescing-null-forgiving-operator-null-checks">Null Conditional, Null Coalescing, Null Forgiving Operator, Null Checks</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-31-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-31-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-31-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-31-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-31-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-31-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-31-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-31-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-31-10">10</a></span>
+<span class="normal"><a href="#__codelineno-31-11">11</a></span>
+<span class="normal"><a href="#__codelineno-31-12">12</a></span>
+<span class="normal"><a href="#__codelineno-31-13">13</a></span>
+<span class="normal"><a href="#__codelineno-31-14">14</a></span>
+<span class="normal"><a href="#__codelineno-31-15">15</a></span>
+<span class="normal"><a href="#__codelineno-31-16">16</a></span>
+<span class="normal"><a href="#__codelineno-31-17">17</a></span>
+<span class="normal"><a href="#__codelineno-31-18">18</a></span>
+<span class="normal"><a href="#__codelineno-31-19">19</a></span>
+<span class="normal"><a href="#__codelineno-31-20">20</a></span>
+<span class="normal"><a href="#__codelineno-31-21">21</a></span>
+<span class="normal"><a href="#__codelineno-31-22">22</a></span>
+<span class="normal"><a href="#__codelineno-31-23">23</a></span>
+<span class="normal"><a href="#__codelineno-31-24">24</a></span>
+<span class="normal"><a href="#__codelineno-31-25">25</a></span>
+<span class="normal"><a href="#__codelineno-31-26">26</a></span>
+<span class="normal"><a href="#__codelineno-31-27">27</a></span>
+<span class="normal"><a href="#__codelineno-31-28">28</a></span>
+<span class="normal"><a href="#__codelineno-31-29">29</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="n">Type</span><span class="o">?</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">null</span><span class="p">;</span><span class="w">  </span><span class="c1">// the variable can also contain the NULL value (nullable type)</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;!</span><span class="w">  </span><span class="c1">// declare explicitly that the expression is not null (null forgiving operator)</span>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="p">(</span><span class="n">variable</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="k">null</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="k">null</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">variable</span><span class="p">.</span><span class="n">property</span><span class="p">)</span>
+<a id="__codelineno-31-6" name="__codelineno-31-6"></a><span class="c1">// same as</span>
+<a id="__codelineno-31-7" name="__codelineno-31-7"></a><span class="n">variable</span><span class="o">?.</span><span class="n">property</span><span class="w">  </span><span class="c1">// if variable != null access it&#39;s property (null conditional), return null otherwise</span>
+<a id="__codelineno-31-8" name="__codelineno-31-8"></a>
+<a id="__codelineno-31-9" name="__codelineno-31-9"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">variable</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="k">null</span><span class="p">)</span>
+<a id="__codelineno-31-10" name="__codelineno-31-10"></a><span class="p">{</span>
+<a id="__codelineno-31-11" name="__codelineno-31-11"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">variable</span><span class="p">;</span>
+<a id="__codelineno-31-12" name="__codelineno-31-12"></a><span class="p">}</span>
+<a id="__codelineno-31-13" name="__codelineno-31-13"></a><span class="k">else</span>
+<a id="__codelineno-31-14" name="__codelineno-31-14"></a><span class="p">{</span>
+<a id="__codelineno-31-15" name="__codelineno-31-15"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-31-16" name="__codelineno-31-16"></a><span class="p">}</span>
+<a id="__codelineno-31-17" name="__codelineno-31-17"></a><span class="c1">// same as</span>
+<a id="__codelineno-31-18" name="__codelineno-31-18"></a><span class="kt">var</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kt">var</span><span class="w"> </span><span class="o">??</span><span class="w"> </span><span class="k">value</span><span class="w">  </span><span class="c1">// return var if var != null, return value otherwise</span>
+<a id="__codelineno-31-19" name="__codelineno-31-19"></a>
+<a id="__codelineno-31-20" name="__codelineno-31-20"></a><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">variable</span><span class="o">?.</span><span class="n">property</span><span class="w"> </span><span class="o">??</span><span class="w"> </span><span class="k">value</span><span class="w">  </span><span class="c1">// if (variable == null) -&gt; variable = value -- null coalescing</span>
+<a id="__codelineno-31-21" name="__codelineno-31-21"></a><span class="c1">// same as</span>
+<a id="__codelineno-31-22" name="__codelineno-31-22"></a><span class="n">variable</span><span class="w"> </span><span class="o">??=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// if (variable == null) -&gt; variable = value -- null coalescing</span>
+<a id="__codelineno-31-23" name="__codelineno-31-23"></a>
+<a id="__codelineno-31-24" name="__codelineno-31-24"></a><span class="c1">// null checks through patter matching</span>
+<a id="__codelineno-31-25" name="__codelineno-31-25"></a><span class="n">variable</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="k">null</span>
+<a id="__codelineno-31-26" name="__codelineno-31-26"></a><span class="n">variable</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">not</span><span class="w"> </span><span class="k">null</span>
+<a id="__codelineno-31-27" name="__codelineno-31-27"></a>
+<a id="__codelineno-31-28" name="__codelineno-31-28"></a><span class="c1">// null parameter checking [C# 10]</span>
+<a id="__codelineno-31-29" name="__codelineno-31-29"></a><span class="n">ArgumentNullException</span><span class="p">.</span><span class="n">ThrowIfNull</span><span class="p">(</span><span class="n">obj</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nullable-attributes">Nullable Attributes</h3>
+<p>It's possible to apply a number of attributes that provide information to the compiler about the semantics of APIs.
+That information helps the compiler perform static analysis and determine when a variable is not null.</p>
+<ul>
+<li><code>AllowNull</code>: A non-nullable input argument may be null.</li>
+<li><code>DisallowNull</code>: A nullable input argument should never be null.</li>
+<li><code>MaybeNull</code>: A non-nullable return value may be null.</li>
+<li><code>NotNull</code>: A nullable return value will never be null.</li>
+<li><code>MaybeNullWhen</code>: A non-nullable input argument may be null when the method returns the specified bool value.</li>
+<li><code>NotNullWhen</code>: A nullable input argument will not be null when the method returns the specified bool value.</li>
+<li><code>NotNullIfNotNull</code>: A return value isn't null if the argument for the specified parameter isn't null.</li>
+<li><code>DoesNotReturn</code>: A method never returns. In other words, it always throws an exception.</li>
+<li><code>DoesNotReturnIf</code>: This method never returns if the associated bool parameter has the specified value.</li>
+</ul>
+<hr />
+<h2 id="type-conversion">Type Conversion</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-32-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-32-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-32-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-32-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-32-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-32-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-32-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-32-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-32-10">10</a></span>
+<span class="normal"><a href="#__codelineno-32-11">11</a></span>
+<span class="normal"><a href="#__codelineno-32-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="n">variable</span><span class="p">.</span><span class="n">GetType</span><span class="p">();</span><span class="w">  </span><span class="c1">// System type of variable</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="p">(</span><span class="n">type</span><span class="p">)</span><span class="w"> </span><span class="n">variable</span><span class="w">  </span><span class="c1">// explicit conversion</span>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="n">numericalType</span><span class="p">.</span><span class="n">ToSting</span><span class="p">();</span><span class="w">     </span><span class="c1">// convert numerical value to a string</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a><span class="n">numericalType</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">SystemType</span><span class="o">/</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Parse</span><span class="p">();</span><span class="w">    </span><span class="c1">// convert string to numerical data type (can cause exception at runtime)</span>
+<a id="__codelineno-32-6" name="__codelineno-32-6"></a>
+<a id="__codelineno-32-7" name="__codelineno-32-7"></a><span class="o">&lt;</span><span class="n">SystemType</span><span class="o">/</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">.</span><span class="n">TryParse</span><span class="p">(</span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">variable</span><span class="p">);</span><span class="w">    </span><span class="c1">// improved version of Parse()</span>
+<a id="__codelineno-32-8" name="__codelineno-32-8"></a><span class="cm">/* attempts to parse a string into the given numeric data type.</span>
+<a id="__codelineno-32-9" name="__codelineno-32-9"></a><span class="cm">If successful, it will store the converted value in an OUT PARAMETER.</span>
+<a id="__codelineno-32-10" name="__codelineno-32-10"></a><span class="cm">It returns a bool to indicate if it was successful or not */</span>
+<a id="__codelineno-32-11" name="__codelineno-32-11"></a>
+<a id="__codelineno-32-12" name="__codelineno-32-12"></a><span class="n">Convert</span><span class="p">.</span><span class="n">To</span><span class="o">&lt;</span><span class="n">SystemType</span><span class="o">&gt;</span><span class="p">(</span><span class="n">variable</span><span class="p">);</span><span class="w">    </span><span class="c1">// proper conversion and round-up of values (no truncation of values)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="converting-from-any-type-to-a-string">Converting from any type to a string</h3>
+<p>The <code>ToString</code> method converts the current value of any variable into a textual representation. Some types can't be sensibly represented as text, so they return their namespace and type name.</p>
+<h3 id="number-downcasting">Number Downcasting</h3>
+<p>The rule for rounding (in explicit casting) in C# is subtly different from the primary school rule:</p>
+<ul>
+<li>It always rounds <em>down</em> if the decimal part is less than the midpoint <code>.5</code>.</li>
+<li>It always rounds <em>up</em> if the decimal part is more than the midpoint <code>.5</code>.</li>
+<li>It will round <em>up</em> if the decimal part is the midpoint <code>.5</code> and the non-decimal part is odd, but it will round <em>down</em> if the non-decimal part is even.</li>
+</ul>
+<p>This rule is known as <strong>Banker's Rounding</strong>, and it is preferred because it reduces bias by alternating when it rounds up or down.</p>
+<h3 id="converting-from-a-binary-object-to-a-string">Converting from a binary object to a string</h3>
+<p>The safest thing to do is to convert the binary object into a string of safe characters. Programmers call this <strong>Base64 encoding</strong>.<br />
+The <code>Convert</code> type has a pair of methods, <code>ToBase64String</code> and <code>FromBase64String</code>, that perform this conversion.</p>
+<h3 id="parsing-from-strings-to-numbers-or-dates-and-times">Parsing from strings to numbers or dates and times</h3>
+<p>The second most common conversion is from strings to numbers or date and time values.<br />
+The opposite of <code>ToString</code> is <code>Parse</code>. Only a few types have a <code>Parse</code> method, including all the number types and <code>DateTime</code>.</p>
+<hr />
+<h2 id="preprocessor-directives">Preprocessor Directives</h2>
+<p>C# offers a <code>#define</code> directive that lets you define a compilation symbol.<br />
+These symbols are commonly used in conjunction with the <code>#if</code> directive to compile code in different ways for different situations.<br />
+It's common to define compilation symbols through the <em>compiler build settings</em>: open up the <code>.csproj</code> file and define the values you want in a <code>&lt;DefineConstants&gt;</code> element of any <code>&lt;PropertyGroup&gt;</code>.</p>
+<p>Compilation symbols are typically used in conjunction with the <code>#if</code>, <code>#else</code>, <code>#elif</code>, and <code>#endif</code> directives (<code>#if false</code> also exists).</p>
+<p>The <em>.NET SDK</em> defines certain symbols by default. It supports two configurations: <strong>Debug</strong> and <strong>Release</strong>.<br />
+It defines a <code>DEBUG</code> compilation symbol in the Debug configuration, whereas Release will define <code>RELEASE</code> instead.<br />
+It defines a symbol called <code>TRACE</code> in both configurations.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="cp">#if DEBUG</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="w">    </span><span class="c1">// instructions</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="cp">#endif</span>
+</code></pre></div></td></tr></table></div>
+<p>C# provides a more subtle mechanism to support this sort of thing, called a <em>conditional method</em>.<br />
+The compiler recognizes an attribute defined by the .NET class libraries, called <code>ConditionalAttribute</code>, for which it provides special compile time behavior.<br />
+Method annotated with this attribute will not be present in a non-Debug release.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="na">[System.Diagnostics.Conditional(&quot;DEBUG&quot;)]</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="error-and-warning"><code>#error</code> and <code>#warning</code></h3>
+<p>C# allows choose to generate <em>compiler errors</em> or warnings with the <code>#error</code> and <code>#warning</code> directives. These are typically used inside conditional regions.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1">1</a></span>
+<span class="normal"><a href="#__codelineno-35-2">2</a></span>
+<span class="normal"><a href="#__codelineno-35-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="cp">#if NETSTANDARD</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="w">    </span><span class="cp">#error .NET Standard is not a supported target for this source file</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="cp">#endif</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pragma"><code>#pragma</code></h3>
+<p>The <code>#pragma</code> directive provides two features: it can be used to disable selected compiler warnings, and it can also be used to override the checksum values the compiler puts into the <code>.pdb</code> file it generates containing debug information.<br />
+Both of these are designed primarily for code generation scenarios, although they can occasionally be useful to disable warnings in ordinary code.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="cp">#pragma warning disable CS&lt;number&gt;</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="expressions-operators">Expressions &amp; Operators</h2>
+<h3 id="primary-expressions">Primary Expressions</h3>
+<table>
+<thead>
+<tr>
+<th>Syntax</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x<code>.</code>m</td>
+<td>access to member <code>m</code> of object <code>x</code> ("." &rarr; member access operator)</td>
+</tr>
+<tr>
+<td>x<code>(...)</code></td>
+<td>method invocation ("()" &rarr; method invocation operator)</td>
+</tr>
+<tr>
+<td>x<code>[...]</code></td>
+<td>array access</td>
+</tr>
+<tr>
+<td><code>new</code> T(...)</td>
+<td>object instantiation</td>
+</tr>
+<tr>
+<td><code>new</code> T(...)<code>{...}</code></td>
+<td>object instantiation with initial values</td>
+</tr>
+<tr>
+<td><code>new</code> T[...]</td>
+<td>array creation</td>
+</tr>
+<tr>
+<td><code>typeof(T)</code></td>
+<td>System.Type of object x</td>
+</tr>
+<tr>
+<td><code>nameof(x)</code></td>
+<td>name of variable x</td>
+</tr>
+<tr>
+<td><code>sizeof(x)</code></td>
+<td>size of variable x</td>
+</tr>
+<tr>
+<td><code>default(T)</code></td>
+<td>default value of <code>T</code></td>
+</tr>
+<tr>
+<td><code>x!</code></td>
+<td>declare x as not null</td>
+</tr>
+</tbody>
+</table>
+<h3 id="unary-operators">Unary Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>+</code>x</td>
+<td>identity</td>
+</tr>
+<tr>
+<td><code>-</code>x</td>
+<td>negation</td>
+</tr>
+<tr>
+<td><code>!</code>x</td>
+<td>logic negation</td>
+</tr>
+<tr>
+<td><code>~</code>x</td>
+<td>binary negation</td>
+</tr>
+<tr>
+<td><code>++</code>x</td>
+<td>pre-increment</td>
+</tr>
+<tr>
+<td><code>--</code>x</td>
+<td>pre-decrement</td>
+</tr>
+<tr>
+<td>x<code>++</code></td>
+<td>post-increment</td>
+</tr>
+<tr>
+<td>x<code>--</code></td>
+<td>post decrement</td>
+</tr>
+<tr>
+<td><code>(type)</code>x</td>
+<td>explicit casting</td>
+</tr>
+</tbody>
+</table>
+<h3 id="mathematical-operators">Mathematical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>+</code> y</td>
+<td>addition, string concatenation</td>
+</tr>
+<tr>
+<td>x <code>-</code> y</td>
+<td>subtraction</td>
+</tr>
+<tr>
+<td>x <code>*</code> y</td>
+<td>multiplication</td>
+</tr>
+<tr>
+<td>x <code>/</code> y</td>
+<td>integer division,</td>
+</tr>
+<tr>
+<td>x <code>%</code> y</td>
+<td>modulo, remainder</td>
+</tr>
+<tr>
+<td>x <code>&lt;&lt;</code> y</td>
+<td>left bit shift</td>
+</tr>
+<tr>
+<td>x <code>&gt;&gt;</code> y</td>
+<td>right bit shift</td>
+</tr>
+</tbody>
+</table>
+<h3 id="relational-operators">Relational Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>&lt;</code> y</td>
+<td>less than</td>
+</tr>
+<tr>
+<td>x <code>&lt;=</code> y</td>
+<td>less or equal to</td>
+</tr>
+<tr>
+<td>x <code>&gt;</code> y</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>x <code>&gt;=</code> y</td>
+<td>greater or equal to</td>
+</tr>
+<tr>
+<td>x <code>is</code> T</td>
+<td><code>true</code> if <code>x</code> is an object of type <code>T</code></td>
+</tr>
+<tr>
+<td>x <code>==</code> y</td>
+<td>equality</td>
+</tr>
+<tr>
+<td>x <code>!=</code> y</td>
+<td>inequality</td>
+</tr>
+</tbody>
+</table>
+<h3 id="logical-operators">Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+<th>Name</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>~</code>x</td>
+<td>bitwise NOT</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>&amp;</code> y</td>
+<td>bitwise AND</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>^</code> y</td>
+<td>bitwise XOR</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>|</code> y</td>
+<td>bitwise OR</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>&amp;&amp;</code> y</td>
+<td>evaluate <code>y</code> only if <code>x</code> is <code>true</code></td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>||</code> y</td>
+<td>evaluate <code>y</code> only if <code>x</code> is <code>false</code></td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>??</code> y</td>
+<td>evaluates to <code>y</code> only if <code>x</code> is <code>null</code>, <code>x</code> otherwise</td>
+<td>Null coalescing</td>
+</tr>
+<tr>
+<td>x<code>?.</code>y</td>
+<td>stop if <code>x == null</code>, evaluate <code>x.y</code> otherwise</td>
+<td>Null conditional</td>
+</tr>
+</tbody>
+</table>
+<h3 id="assignment">Assignment</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>+=</code> y</td>
+<td>x = x + y</td>
+</tr>
+<tr>
+<td>x <code>-=</code> y</td>
+<td>x = x - y</td>
+</tr>
+<tr>
+<td>x <code>*=</code> y</td>
+<td>x = x * y</td>
+</tr>
+<tr>
+<td>x <code>/=</code> y</td>
+<td>x = x / y</td>
+</tr>
+<tr>
+<td>x <code>%=</code> y</td>
+<td>x = x % y</td>
+</tr>
+<tr>
+<td>x <code>&lt;&lt;=</code> y</td>
+<td>x = x &lt;&lt; y</td>
+</tr>
+<tr>
+<td>x <code>&gt;&gt;=</code> y</td>
+<td>x = x &gt;&gt; y</td>
+</tr>
+<tr>
+<td>x <code>&amp;=</code> y</td>
+<td>x = x &amp; y</td>
+</tr>
+<tr>
+<td>x <code>|=</code> y</td>
+<td>x = x</td>
+</tr>
+<tr>
+<td>x <code>^=</code> y</td>
+<td>x = x ^ y</td>
+</tr>
+<tr>
+<td>x <code>??=</code> y</td>
+<td>if (x == null) {x = y}</td>
+</tr>
+</tbody>
+</table>
+<h3 id="conditional-operator">Conditional Operator</h3>
+<p><code>&lt;condition&gt; ? &lt;return_if_condition_true&gt; : &lt;return_if_condition_false&gt;;</code></p>
+<h2 id="decision-statements">Decision Statements</h2>
+<h3 id="if-else-if-else"><code>If</code>-<code>Else If</code>-<code>Else</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span>
+<span class="normal"><a href="#__codelineno-37-13">13</a></span>
+<span class="normal"><a href="#__codelineno-37-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="p">;</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a><span class="p">{</span>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a><span class="p">}</span>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="k">else</span><span class="w"> </span><span class="nf">if</span><span class="w"> </span><span class="p">(</span><span class="n">o</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">t</span><span class="p">)</span><span class="w">  </span><span class="c1">// test variable to determine if matches a type</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a><span class="p">{</span>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a><span class="w">    </span><span class="c1">// t gets the value of o if the test succeeds</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a><span class="p">}</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a><span class="k">else</span>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a><span class="p">{</span>
+<a id="__codelineno-37-13" name="__codelineno-37-13"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-37-14" name="__codelineno-37-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pattern-matching">Pattern Matching</h3>
+<p><a href="https://learn.microsoft.com/en-us/dotnet/csharp/language-reference/operators/patterns">Pattern Matching</a></p>
+<p>A pattern describes one or more criteria that a value can be tested against. It's usable in switch statements, switch expressions and if statements.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-38-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-38-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-38-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-38-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-38-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-38-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-38-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-38-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-38-10">10</a></span>
+<span class="normal"><a href="#__codelineno-38-11">11</a></span>
+<span class="normal"><a href="#__codelineno-38-12">12</a></span>
+<span class="normal"><a href="#__codelineno-38-13">13</a></span>
+<span class="normal"><a href="#__codelineno-38-14">14</a></span>
+<span class="normal"><a href="#__codelineno-38-15">15</a></span>
+<span class="normal"><a href="#__codelineno-38-16">16</a></span>
+<span class="normal"><a href="#__codelineno-38-17">17</a></span>
+<span class="normal"><a href="#__codelineno-38-18">18</a></span>
+<span class="normal"><a href="#__codelineno-38-19">19</a></span>
+<span class="normal"><a href="#__codelineno-38-20">20</a></span>
+<span class="normal"><a href="#__codelineno-38-21">21</a></span>
+<span class="normal"><a href="#__codelineno-38-22">22</a></span>
+<span class="normal"><a href="#__codelineno-38-23">23</a></span>
+<span class="normal"><a href="#__codelineno-38-24">24</a></span>
+<span class="normal"><a href="#__codelineno-38-25">25</a></span>
+<span class="normal"><a href="#__codelineno-38-26">26</a></span>
+<span class="normal"><a href="#__codelineno-38-27">27</a></span>
+<span class="normal"><a href="#__codelineno-38-28">28</a></span>
+<span class="normal"><a href="#__codelineno-38-29">29</a></span>
+<span class="normal"><a href="#__codelineno-38-30">30</a></span>
+<span class="normal"><a href="#__codelineno-38-31">31</a></span>
+<span class="normal"><a href="#__codelineno-38-32">32</a></span>
+<span class="normal"><a href="#__codelineno-38-33">33</a></span>
+<span class="normal"><a href="#__codelineno-38-34">34</a></span>
+<span class="normal"><a href="#__codelineno-38-35">35</a></span>
+<span class="normal"><a href="#__codelineno-38-36">36</a></span>
+<span class="normal"><a href="#__codelineno-38-37">37</a></span>
+<span class="normal"><a href="#__codelineno-38-38">38</a></span>
+<span class="normal"><a href="#__codelineno-38-39">39</a></span>
+<span class="normal"><a href="#__codelineno-38-40">40</a></span>
+<span class="normal"><a href="#__codelineno-38-41">41</a></span>
+<span class="normal"><a href="#__codelineno-38-42">42</a></span>
+<span class="normal"><a href="#__codelineno-38-43">43</a></span>
+<span class="normal"><a href="#__codelineno-38-44">44</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="c1">// type pattern</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">t</span><span class="w">  </span><span class="c1">// type pattern</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="c1">// positional pattern</span>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">X</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Y</span><span class="p">):</span><span class="w">  </span><span class="c1">// positional pattern</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">X</span><span class="p">,</span><span class="w"> </span><span class="n">_</span><span class="p">):</span><span class="w">  </span><span class="c1">// discard pattern</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a><span class="c1">// property pattern</span>
+<a id="__codelineno-38-9" name="__codelineno-38-9"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">}:</span><span class="w">  </span><span class="c1">// is type and property has a certain value</span>
+<a id="__codelineno-38-10" name="__codelineno-38-10"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">out</span><span class="p">:</span><span class="w">  </span><span class="c1">// output variable is usable in the block</span>
+<a id="__codelineno-38-11" name="__codelineno-38-11"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property</span><span class="p">.</span><span class="n">InnerProperty</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// match nested properties</span>
+<a id="__codelineno-38-12" name="__codelineno-38-12"></a>
+<a id="__codelineno-38-13" name="__codelineno-38-13"></a><span class="c1">// constant pattern</span>
+<a id="__codelineno-38-14" name="__codelineno-38-14"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">literalValue</span><span class="w">  </span><span class="c1">// e.g. 1, &#39;c&#39;, &quot;literal&quot;</span>
+<a id="__codelineno-38-15" name="__codelineno-38-15"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">CONSTANT</span>
+<a id="__codelineno-38-16" name="__codelineno-38-16"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Enum</span><span class="p">.</span><span class="n">Value</span>
+<a id="__codelineno-38-17" name="__codelineno-38-17"></a>
+<a id="__codelineno-38-18" name="__codelineno-38-18"></a><span class="c1">// logical patterns</span>
+<a id="__codelineno-38-19" name="__codelineno-38-19"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">not</span><span class="w"> </span><span class="n">pattern</span>
+<a id="__codelineno-38-20" name="__codelineno-38-20"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">pattern</span><span class="w"> </span><span class="n">and</span><span class="w"> </span><span class="n">pattern</span>
+<a id="__codelineno-38-21" name="__codelineno-38-21"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">pattern</span><span class="w"> </span><span class="n">or</span><span class="w"> </span><span class="n">pattern</span>
+<a id="__codelineno-38-22" name="__codelineno-38-22"></a>
+<a id="__codelineno-38-23" name="__codelineno-38-23"></a><span class="c1">// relational pattern</span>
+<a id="__codelineno-38-24" name="__codelineno-38-24"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="k">value</span>
+<a id="__codelineno-38-25" name="__codelineno-38-25"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="k">value</span>
+<a id="__codelineno-38-26" name="__codelineno-38-26"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="o">&lt;=</span><span class="w"> </span><span class="k">value</span>
+<a id="__codelineno-38-27" name="__codelineno-38-27"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="o">&gt;=</span><span class="w"> </span><span class="k">value</span>
+<a id="__codelineno-38-28" name="__codelineno-38-28"></a>
+<a id="__codelineno-38-29" name="__codelineno-38-29"></a><span class="c1">// multiple value &amp; nested value patterns</span>
+<a id="__codelineno-38-30" name="__codelineno-38-30"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property</span><span class="p">.</span><span class="n">InnerProperty</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// match in nested properties</span>
+<a id="__codelineno-38-31" name="__codelineno-38-31"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property1</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">Property2</span><span class="p">:</span><span class="w"> </span><span class="n">value2</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// multiple inputs</span>
+<a id="__codelineno-38-32" name="__codelineno-38-32"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">(</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">)</span><span class="w">  </span><span class="c1">// multiple inputs (with deconstruction)</span>
+<a id="__codelineno-38-33" name="__codelineno-38-33"></a>
+<a id="__codelineno-38-34" name="__codelineno-38-34"></a><span class="c1">// multiple values and relations</span>
+<a id="__codelineno-38-35" name="__codelineno-38-35"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">(</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="n">value2</span><span class="p">),</span>
+<a id="__codelineno-38-36" name="__codelineno-38-36"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Property1</span><span class="p">:</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">Property2</span><span class="p">:</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="n">value2</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-38-37" name="__codelineno-38-37"></a>
+<a id="__codelineno-38-38" name="__codelineno-38-38"></a><span class="c1">// list patterns</span>
+<a id="__codelineno-38-39" name="__codelineno-38-39"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">[</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="n">value1</span><span class="p">]</span><span class="w">  </span><span class="c1">// positional match</span>
+<a id="__codelineno-38-40" name="__codelineno-38-40"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">[</span><span class="n">value1</span><span class="w"> </span><span class="n">or</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="o">&lt;=</span><span class="w"> </span><span class="n">value3</span><span class="p">,</span><span class="w"> </span><span class="o">&gt;=</span><span class="w"> </span><span class="n">value4</span><span class="p">]</span><span class="w">  </span><span class="c1">// relational comparison</span>
+<a id="__codelineno-38-41" name="__codelineno-38-41"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">[</span><span class="o">&lt;</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="p">..</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Length</span><span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w"> </span><span class="n">or</span><span class="w"> </span><span class="m">4</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="m">0</span><span class="p">]</span><span class="w">  </span><span class="c1">// item property match</span>
+<a id="__codelineno-38-42" name="__codelineno-38-42"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">[</span><span class="n">_</span><span class="p">,</span><span class="w"> </span><span class="kt">var</span><span class="w"> </span><span class="n">middle</span><span class="p">,</span><span class="w"> </span><span class="n">_</span><span class="p">]</span><span class="w"> </span><span class="c1">// discarding &amp; capturing</span>
+<a id="__codelineno-38-43" name="__codelineno-38-43"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">[</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="p">..,</span><span class="w"> </span><span class="n">valueN</span><span class="p">]</span><span class="w">  </span><span class="c1">// match any number of items</span>
+<a id="__codelineno-38-44" name="__codelineno-38-44"></a><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="p">[</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="p">..</span><span class="w"> </span><span class="kt">var</span><span class="w"> </span><span class="n">rest</span><span class="p">]</span><span class="w">  </span><span class="c1">// capture any number of items</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="switch">Switch</h3>
+<p>The <code>when</code> keyword can be used to specify a filter condition that causes its associated case label to be true only if the filter condition is also true.</p>
+<p><a href="https://dotnetcoretutorials.com/2019/06/25/switch-expressions-in-c-8/">Switch Expressions</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-39-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-39-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-39-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-39-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-39-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-39-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-39-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-39-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-39-10">10</a></span>
+<span class="normal"><a href="#__codelineno-39-11">11</a></span>
+<span class="normal"><a href="#__codelineno-39-12">12</a></span>
+<span class="normal"><a href="#__codelineno-39-13">13</a></span>
+<span class="normal"><a href="#__codelineno-39-14">14</a></span>
+<span class="normal"><a href="#__codelineno-39-15">15</a></span>
+<span class="normal"><a href="#__codelineno-39-16">16</a></span>
+<span class="normal"><a href="#__codelineno-39-17">17</a></span>
+<span class="normal"><a href="#__codelineno-39-18">18</a></span>
+<span class="normal"><a href="#__codelineno-39-19">19</a></span>
+<span class="normal"><a href="#__codelineno-39-20">20</a></span>
+<span class="normal"><a href="#__codelineno-39-21">21</a></span>
+<span class="normal"><a href="#__codelineno-39-22">22</a></span>
+<span class="normal"><a href="#__codelineno-39-23">23</a></span>
+<span class="normal"><a href="#__codelineno-39-24">24</a></span>
+<span class="normal"><a href="#__codelineno-39-25">25</a></span>
+<span class="normal"><a href="#__codelineno-39-26">26</a></span>
+<span class="normal"><a href="#__codelineno-39-27">27</a></span>
+<span class="normal"><a href="#__codelineno-39-28">28</a></span>
+<span class="normal"><a href="#__codelineno-39-29">29</a></span>
+<span class="normal"><a href="#__codelineno-39-30">30</a></span>
+<span class="normal"><a href="#__codelineno-39-31">31</a></span>
+<span class="normal"><a href="#__codelineno-39-32">32</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="n">expr</span><span class="p">)</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="p">{</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="w">    </span><span class="c1">// multiple labels for same block</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="n">key_0</span><span class="p">:</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="n">key_1</span><span class="p">:</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-39-7" name="__codelineno-39-7"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span><span class="w">  </span><span class="c1">// or return or goto</span>
+<a id="__codelineno-39-8" name="__codelineno-39-8"></a>
+<a id="__codelineno-39-9" name="__codelineno-39-9"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="n">key_2</span><span class="p">:</span>
+<a id="__codelineno-39-10" name="__codelineno-39-10"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-39-11" name="__codelineno-39-11"></a><span class="w">        </span><span class="k">goto</span><span class="w"> </span><span class="k">case</span><span class="w"> </span><span class="n">key_2</span><span class="p">;</span><span class="w">  </span><span class="c1">// explicit fall-through (omitting break is not possible in c#)</span>
+<a id="__codelineno-39-12" name="__codelineno-39-12"></a>
+<a id="__codelineno-39-13" name="__codelineno-39-13"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="n">key_3</span><span class="w"> </span><span class="nf">when</span><span class="w"> </span><span class="p">(</span><span class="n">when</span><span class="o">-</span><span class="n">condition</span><span class="p">):</span>
+<a id="__codelineno-39-14" name="__codelineno-39-14"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-39-15" name="__codelineno-39-15"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-39-16" name="__codelineno-39-16"></a>
+<a id="__codelineno-39-17" name="__codelineno-39-17"></a><span class="w">    </span><span class="c1">// cases using pattern matching</span>
+<a id="__codelineno-39-18" name="__codelineno-39-18"></a>
+<a id="__codelineno-39-19" name="__codelineno-39-19"></a><span class="w">    </span><span class="k">default</span><span class="p">:</span>
+<a id="__codelineno-39-20" name="__codelineno-39-20"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-39-21" name="__codelineno-39-21"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-39-22" name="__codelineno-39-22"></a><span class="p">}</span>
+<a id="__codelineno-39-23" name="__codelineno-39-23"></a>
+<a id="__codelineno-39-24" name="__codelineno-39-24"></a><span class="c1">// return a value based on the value of an input variable or tuple</span>
+<a id="__codelineno-39-25" name="__codelineno-39-25"></a><span class="n">variable</span><span class="w"> </span><span class="k">switch</span>
+<a id="__codelineno-39-26" name="__codelineno-39-26"></a><span class="p">{</span>
+<a id="__codelineno-39-27" name="__codelineno-39-27"></a><span class="w">    </span><span class="n">key_1</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">value</span><span class="p">,</span>
+<a id="__codelineno-39-28" name="__codelineno-39-28"></a><span class="w">    </span><span class="n">key_2</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">value</span><span class="p">,</span>
+<a id="__codelineno-39-29" name="__codelineno-39-29"></a><span class="w">    </span><span class="c1">// cases using pattern matching</span>
+<a id="__codelineno-39-30" name="__codelineno-39-30"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-39-31" name="__codelineno-39-31"></a><span class="w">    </span><span class="n">_</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">default_value</span><span class="w">  </span><span class="c1">// underscore (_) discard pattern as default case</span>
+<a id="__codelineno-39-32" name="__codelineno-39-32"></a><span class="p">};</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loop-statements">Loop Statements</h2>
+<h3 id="while-loop"><code>While</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span>
+<span class="normal"><a href="#__codelineno-40-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="p">{</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="do-while-loop"><code>Do</code>-<code>While</code> Loop</h2>
+<p>Executes at least one time.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1">1</a></span>
+<span class="normal"><a href="#__codelineno-41-2">2</a></span>
+<span class="normal"><a href="#__codelineno-41-3">3</a></span>
+<span class="normal"><a href="#__codelineno-41-4">4</a></span>
+<span class="normal"><a href="#__codelineno-41-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="k">do</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a><span class="p">{</span>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-41-4" name="__codelineno-41-4"></a><span class="p">}</span>
+<a id="__codelineno-41-5" name="__codelineno-41-5"></a><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="for-loop"><code>For</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span>
+<span class="normal"><a href="#__codelineno-42-2">2</a></span>
+<span class="normal"><a href="#__codelineno-42-3">3</a></span>
+<span class="normal"><a href="#__codelineno-42-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">initializer</span><span class="p">;</span><span class="w"> </span><span class="n">condition</span><span class="p">;</span><span class="w"> </span><span class="n">iterator</span><span class="p">)</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="p">{</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-42-4" name="__codelineno-42-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="foreach-loop"><code>Foreach</code> Loop</h3>
+<p>Technically, the <code>foreach</code> statement will work on any type that follows these rules:</p>
+<ol>
+<li>The type must have a method named <code>GetEnumerator</code> that returns an object.</li>
+<li>The returned object must have a property named <code>Current</code> and a method named <code>MoveNext</code>.</li>
+<li>The <code>MoveNext</code> method must return <em>true</em> if there are more items to enumerate through or <em>false</em> if there are no more items.</li>
+</ol>
+<p>There are interfaces named <code>IEnumerable</code> and <code>IEnumerable&lt;T&gt;</code> that formally define these rules but technically the compiler does not require the type to implement these interfaces.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1">1</a></span>
+<span class="normal"><a href="#__codelineno-43-2">2</a></span>
+<span class="normal"><a href="#__codelineno-43-3">3</a></span>
+<span class="normal"><a href="#__codelineno-43-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="k">foreach</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">iterabile</span><span class="p">)</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="p">{</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-43-4" name="__codelineno-43-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Due to the use of an <em>iterator</em>, the variable declared in a foreach statement cannot be used to modify the value of the current item.<br />
+<strong>Note</strong>: From C# 9 it's possible to implement <code>GetEnumerator()</code> as an <em>extension method</em> making enumerable an class that normally isn't.</p>
+</blockquote>
+<p>Example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1">1</a></span>
+<span class="normal"><a href="#__codelineno-44-2">2</a></span>
+<span class="normal"><a href="#__codelineno-44-3">3</a></span>
+<span class="normal"><a href="#__codelineno-44-4">4</a></span>
+<span class="normal"><a href="#__codelineno-44-5">5</a></span>
+<span class="normal"><a href="#__codelineno-44-6">6</a></span>
+<span class="normal"><a href="#__codelineno-44-7">7</a></span>
+<span class="normal"><a href="#__codelineno-44-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="c1">// make integers enumerable</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">IEnumerator</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">GetEnumerator</span><span class="p">(</span><span class="k">this</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">source</span><span class="p">)</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a><span class="p">{</span>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a><span class="w">    </span><span class="k">for</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">number</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">)</span>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-44-6" name="__codelineno-44-6"></a><span class="w">        </span><span class="k">yield</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">i</span><span class="p">;</span>
+<a id="__codelineno-44-7" name="__codelineno-44-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-44-8" name="__codelineno-44-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="break-continue"><code>Break</code>, <code>Continue</code></h3>
+<p><code>break;</code> interrupts and exits the loop.<br />
+<code>continue;</code> restarts the loop cycle without evaluating the instructions.</p>
+<h3 id="yield-statement">Yield Statement</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1">1</a></span>
+<span class="normal"><a href="#__codelineno-45-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="k">yield</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">// returns the results one at a time.</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a><span class="k">yield</span><span class="w"> </span><span class="k">break</span><span class="p">;</span><span class="w">    </span><span class="c1">// concludes the iteration</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="context-statement-using-declarations">Context Statement &amp; Using Declarations</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-46-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-46-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-46-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-46-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-46-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-46-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-46-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-46-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-46-10">10</a></span>
+<span class="normal"><a href="#__codelineno-46-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="p">())</span><span class="w">  </span><span class="c1">// obj disposed at the end of the using block</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="p">{</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-46-4" name="__codelineno-46-4"></a><span class="p">}</span>
+<a id="__codelineno-46-5" name="__codelineno-46-5"></a>
+<a id="__codelineno-46-6" name="__codelineno-46-6"></a><span class="c1">// or (C# 8+)</span>
+<a id="__codelineno-46-7" name="__codelineno-46-7"></a><span class="p">{</span>
+<a id="__codelineno-46-8" name="__codelineno-46-8"></a><span class="w">    </span><span class="c1">// inside a code block (if, loop, function)</span>
+<a id="__codelineno-46-9" name="__codelineno-46-9"></a><span class="w">    </span><span class="k">using</span><span class="w"> </span><span class="nn">Type</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="p">();</span><span class="w">  </span><span class="c1">// disposed at the end of the block</span>
+<a id="__codelineno-46-10" name="__codelineno-46-10"></a>
+<a id="__codelineno-46-11" name="__codelineno-46-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="checkedunchecked-statements"><code>Checked</code>/<code>Unchecked</code> Statements</h3>
+<p>In checked code block ore expression the mathematic overflow causes an <code>OverflowException</code>.<br />
+In unchecked code block the mathematic overflow is <em>ignored</em> end the result is <em>truncated</em>.</p>
+<p>It's possible configure the C# compiler to put everything into a checked context by default, so that only explicitly unchecked expressions and statements will be able to overflow silently.<br />
+It is done by editing the <code>.csproj</code> file, adding <code>&lt;CheckForOverflowUnderflow&gt;true&lt;/CheckForOverflowUnderflow&gt;</code> inside a <code>&lt;PropertyGroup&gt;</code>.</p>
+<blockquote>
+<p><strong>Note</strong>: checking can make individual integer operations several times slower.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-47-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-47-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-47-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-47-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-47-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-47-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-47-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-47-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-47-10">10</a></span>
+<span class="normal"><a href="#__codelineno-47-11">11</a></span>
+<span class="normal"><a href="#__codelineno-47-12">12</a></span>
+<span class="normal"><a href="#__codelineno-47-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="k">checked</span>
+<a id="__codelineno-47-2" name="__codelineno-47-2"></a><span class="p">{</span>
+<a id="__codelineno-47-3" name="__codelineno-47-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-47-4" name="__codelineno-47-4"></a><span class="p">}</span>
+<a id="__codelineno-47-5" name="__codelineno-47-5"></a>
+<a id="__codelineno-47-6" name="__codelineno-47-6"></a><span class="k">checked</span><span class="p">(</span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">);</span>
+<a id="__codelineno-47-7" name="__codelineno-47-7"></a>
+<a id="__codelineno-47-8" name="__codelineno-47-8"></a><span class="k">unchecked</span>
+<a id="__codelineno-47-9" name="__codelineno-47-9"></a><span class="p">{</span>
+<a id="__codelineno-47-10" name="__codelineno-47-10"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-47-11" name="__codelineno-47-11"></a><span class="p">}</span>
+<a id="__codelineno-47-12" name="__codelineno-47-12"></a>
+<a id="__codelineno-47-13" name="__codelineno-47-13"></a><span class="k">unchecked</span><span class="p">(</span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="exception-handling">Exception Handling</h2>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/api/system.exception">Exception Object</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-48-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-48-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-48-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-48-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-48-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-48-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-48-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-48-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-48-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-48-10">10</a></span>
+<span class="normal"><a href="#__codelineno-48-11">11</a></span>
+<span class="normal"><a href="#__codelineno-48-12">12</a></span>
+<span class="normal"><a href="#__codelineno-48-13">13</a></span>
+<span class="normal"><a href="#__codelineno-48-14">14</a></span>
+<span class="normal"><a href="#__codelineno-48-15">15</a></span>
+<span class="normal"><a href="#__codelineno-48-16">16</a></span>
+<span class="normal"><a href="#__codelineno-48-17">17</a></span>
+<span class="normal"><a href="#__codelineno-48-18">18</a></span>
+<span class="normal"><a href="#__codelineno-48-19">19</a></span>
+<span class="normal"><a href="#__codelineno-48-20">20</a></span>
+<span class="normal"><a href="#__codelineno-48-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-48-1" name="__codelineno-48-1"></a><span class="k">try</span>
+<a id="__codelineno-48-2" name="__codelineno-48-2"></a><span class="p">{</span>
+<a id="__codelineno-48-3" name="__codelineno-48-3"></a><span class="w">    </span><span class="c1">// &quot;dangerous&quot; code</span>
+<a id="__codelineno-48-4" name="__codelineno-48-4"></a><span class="p">}</span>
+<a id="__codelineno-48-5" name="__codelineno-48-5"></a><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SpecificException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-48-6" name="__codelineno-48-6"></a><span class="p">{</span>
+<a id="__codelineno-48-7" name="__codelineno-48-7"></a><span class="p">}</span>
+<a id="__codelineno-48-8" name="__codelineno-48-8"></a><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SpecificException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="n">when</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w">  </span><span class="c1">// exception filter</span>
+<a id="__codelineno-48-9" name="__codelineno-48-9"></a><span class="p">{</span>
+<a id="__codelineno-48-10" name="__codelineno-48-10"></a><span class="p">}</span>
+<a id="__codelineno-48-11" name="__codelineno-48-11"></a><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-48-12" name="__codelineno-48-12"></a><span class="p">{</span>
+<a id="__codelineno-48-13" name="__codelineno-48-13"></a><span class="w">    </span><span class="c1">// code executed if Exception happens</span>
+<a id="__codelineno-48-14" name="__codelineno-48-14"></a><span class="w">    </span><span class="n">e</span><span class="p">.</span><span class="n">Message</span><span class="w">  </span><span class="c1">// exception message</span>
+<a id="__codelineno-48-15" name="__codelineno-48-15"></a><span class="w">    </span><span class="n">e</span><span class="p">.</span><span class="n">InnerException</span><span class="w">  </span><span class="c1">// Exception instance that caused the current exception</span>
+<a id="__codelineno-48-16" name="__codelineno-48-16"></a><span class="w">    </span><span class="n">e</span><span class="p">.</span><span class="n">Source</span><span class="w">  </span><span class="c1">// Get or set the name of the application or the object that causes the error</span>
+<a id="__codelineno-48-17" name="__codelineno-48-17"></a><span class="p">}</span>
+<a id="__codelineno-48-18" name="__codelineno-48-18"></a><span class="k">finally</span>
+<a id="__codelineno-48-19" name="__codelineno-48-19"></a><span class="p">{</span>
+<a id="__codelineno-48-20" name="__codelineno-48-20"></a><span class="w">    </span><span class="c1">// code executed anyway</span>
+<a id="__codelineno-48-21" name="__codelineno-48-21"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="throwing-exceptions">Throwing Exceptions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-49-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-49-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-49-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-49-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-49-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-49-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-49-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-49-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-49-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-49-10">10</a></span>
+<span class="normal"><a href="#__codelineno-49-11">11</a></span>
+<span class="normal"><a href="#__codelineno-49-12">12</a></span>
+<span class="normal"><a href="#__codelineno-49-13">13</a></span>
+<span class="normal"><a href="#__codelineno-49-14">14</a></span>
+<span class="normal"><a href="#__codelineno-49-15">15</a></span>
+<span class="normal"><a href="#__codelineno-49-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-49-1" name="__codelineno-49-1"></a><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">ExceptionClass</span><span class="p">();</span>
+<a id="__codelineno-49-2" name="__codelineno-49-2"></a><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">ExceptionClass</span><span class="p">(</span><span class="s">&quot;message&quot;</span><span class="p">);</span>
+<a id="__codelineno-49-3" name="__codelineno-49-3"></a>
+<a id="__codelineno-49-4" name="__codelineno-49-4"></a><span class="c1">// RE-THROWING EXCEPTIONS</span>
+<a id="__codelineno-49-5" name="__codelineno-49-5"></a><span class="k">try</span>
+<a id="__codelineno-49-6" name="__codelineno-49-6"></a><span class="p">{</span>
+<a id="__codelineno-49-7" name="__codelineno-49-7"></a><span class="w">    </span><span class="c1">// dangerous code</span>
+<a id="__codelineno-49-8" name="__codelineno-49-8"></a><span class="p">}</span>
+<a id="__codelineno-49-9" name="__codelineno-49-9"></a><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SpecificException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-49-10" name="__codelineno-49-10"></a><span class="p">{</span>
+<a id="__codelineno-49-11" name="__codelineno-49-11"></a><span class="w">    </span><span class="c1">// log error</span>
+<a id="__codelineno-49-12" name="__codelineno-49-12"></a><span class="w">    </span><span class="k">throw</span><span class="p">;</span><span class="w">  </span><span class="c1">// rethrow exception w/o loosing StackTrace &amp; TargetSite information (usable only inside catch)</span>
+<a id="__codelineno-49-13" name="__codelineno-49-13"></a><span class="p">}</span>
+<a id="__codelineno-49-14" name="__codelineno-49-14"></a>
+<a id="__codelineno-49-15" name="__codelineno-49-15"></a><span class="c1">// Immediately terminate a process after writing a message to the Windows Application event log, and then include the message and optional exception information in error reporting to Microsoft.</span>
+<a id="__codelineno-49-16" name="__codelineno-49-16"></a><span class="n">Environment</span><span class="p">.</span><span class="n">FailFast</span><span class="p">(</span><span class="n">causeOfFailure</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-exceptions">Custom Exceptions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-50-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-50-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-50-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-50-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-50-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-50-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-50-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-50-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-50-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-50-10">10</a></span>
+<span class="normal"><a href="#__codelineno-50-11">11</a></span>
+<span class="normal"><a href="#__codelineno-50-12">12</a></span>
+<span class="normal"><a href="#__codelineno-50-13">13</a></span>
+<span class="normal"><a href="#__codelineno-50-14">14</a></span>
+<span class="normal"><a href="#__codelineno-50-15">15</a></span>
+<span class="normal"><a href="#__codelineno-50-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-50-1" name="__codelineno-50-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomException</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Exception</span><span class="w">  </span><span class="c1">// must derive from Exception (either directly or indirectly)</span>
+<a id="__codelineno-50-2" name="__codelineno-50-2"></a><span class="p">{</span>
+<a id="__codelineno-50-3" name="__codelineno-50-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">CustomException</span><span class="p">()</span>
+<a id="__codelineno-50-4" name="__codelineno-50-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-50-5" name="__codelineno-50-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-50-6" name="__codelineno-50-6"></a>
+<a id="__codelineno-50-7" name="__codelineno-50-7"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">CustomException</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">message</span><span class="p">)</span>
+<a id="__codelineno-50-8" name="__codelineno-50-8"></a><span class="w">        </span><span class="p">:</span><span class="w"> </span><span class="k">base</span><span class="p">(</span><span class="n">message</span><span class="p">)</span>
+<a id="__codelineno-50-9" name="__codelineno-50-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-50-10" name="__codelineno-50-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-50-11" name="__codelineno-50-11"></a>
+<a id="__codelineno-50-12" name="__codelineno-50-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">CustomException</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">message</span><span class="p">,</span><span class="w"> </span><span class="n">Exception</span><span class="w"> </span><span class="n">inner</span><span class="p">)</span>
+<a id="__codelineno-50-13" name="__codelineno-50-13"></a><span class="w">        </span><span class="p">:</span><span class="w"> </span><span class="k">base</span><span class="p">(</span><span class="n">message</span><span class="p">,</span><span class="w"> </span><span class="n">inner</span><span class="p">)</span>
+<a id="__codelineno-50-14" name="__codelineno-50-14"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-50-15" name="__codelineno-50-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-50-16" name="__codelineno-50-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="enums">Enums</h2>
+<p>An enumeration type (or enum type) is a value type defined by a set of <strong>named constants</strong> of the underlying <em>integral numeric</em> type (<code>int</code>, <code>long</code>, <code>byte</code>, ...).<br />
+Consecutive names increase the value by one.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-51-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-51-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-51-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-51-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-51-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-51-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-51-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-51-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-51-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-51-10">10</a></span>
+<span class="normal"><a href="#__codelineno-51-11">11</a></span>
+<span class="normal"><a href="#__codelineno-51-12">12</a></span>
+<span class="normal"><a href="#__codelineno-51-13">13</a></span>
+<span class="normal"><a href="#__codelineno-51-14">14</a></span>
+<span class="normal"><a href="#__codelineno-51-15">15</a></span>
+<span class="normal"><a href="#__codelineno-51-16">16</a></span>
+<span class="normal"><a href="#__codelineno-51-17">17</a></span>
+<span class="normal"><a href="#__codelineno-51-18">18</a></span>
+<span class="normal"><a href="#__codelineno-51-19">19</a></span>
+<span class="normal"><a href="#__codelineno-51-20">20</a></span>
+<span class="normal"><a href="#__codelineno-51-21">21</a></span>
+<span class="normal"><a href="#__codelineno-51-22">22</a></span>
+<span class="normal"><a href="#__codelineno-51-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-51-1" name="__codelineno-51-1"></a><span class="na">[Flags]</span><span class="w">  </span><span class="c1">// indicate that the flag can be combined (best if values are binary) as a bit mask</span>
+<a id="__codelineno-51-2" name="__codelineno-51-2"></a><span class="k">enum</span><span class="w"> </span><span class="n">EnumType</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IntegralNumericType</span><span class="w"> </span><span class="c1">// named values MUST match IntegerNumericType allowed values</span>
+<a id="__codelineno-51-3" name="__codelineno-51-3"></a><span class="p">{</span>
+<a id="__codelineno-51-4" name="__codelineno-51-4"></a><span class="w">    </span><span class="n">None</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w">            </span><span class="c1">// if uninitiated value is zero</span>
+<a id="__codelineno-51-5" name="__codelineno-51-5"></a><span class="w">    </span><span class="n">Const</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w">     </span><span class="c1">// value is 2</span>
+<a id="__codelineno-51-6" name="__codelineno-51-6"></a><span class="w">    </span><span class="n">Const2</span><span class="p">,</span><span class="w">          </span><span class="c1">// value is Const + 1</span>
+<a id="__codelineno-51-7" name="__codelineno-51-7"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-51-8" name="__codelineno-51-8"></a><span class="p">}</span>
+<a id="__codelineno-51-9" name="__codelineno-51-9"></a>
+<a id="__codelineno-51-10" name="__codelineno-51-10"></a><span class="p">(</span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="n">EnumType</span><span class="p">.</span><span class="n">Const</span><span class="p">;</span><span class="w">  </span><span class="c1">// extract the value, will return the name otherwise</span>
+<a id="__codelineno-51-11" name="__codelineno-51-11"></a><span class="p">(</span><span class="n">EnumType</span><span class="p">)</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// convert from associated value to enum</span>
+<a id="__codelineno-51-12" name="__codelineno-51-12"></a>
+<a id="__codelineno-51-13" name="__codelineno-51-13"></a><span class="n">Enum</span><span class="p">.</span><span class="n">IsDefined</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="n">EnumType</span><span class="p">),</span><span class="w"> </span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// whether a given integral value, or its name as a string, exists in a specified enumeration.</span>
+<a id="__codelineno-51-14" name="__codelineno-51-14"></a><span class="n">enumObj</span><span class="p">.</span><span class="n">HasValue</span><span class="p">(</span><span class="n">enumType</span><span class="p">.</span><span class="n">Const</span><span class="p">)</span><span class="w">  </span><span class="c1">// test whether a flag is set in a numeric value</span>
+<a id="__codelineno-51-15" name="__codelineno-51-15"></a>
+<a id="__codelineno-51-16" name="__codelineno-51-16"></a><span class="n">EnumType</span><span class="w"> </span><span class="n">instance</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">EnumType</span><span class="p">)</span><span class="w"> </span><span class="n">EnumType</span><span class="p">.</span><span class="n">ToObject</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="n">EnumType</span><span class="p">),</span><span class="w"> </span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// convert a value of any integral type to an enumeration value</span>
+<a id="__codelineno-51-17" name="__codelineno-51-17"></a>
+<a id="__codelineno-51-18" name="__codelineno-51-18"></a><span class="c1">// Converts the string representation of the name or numeric value of one or more enumerated constants to an equivalent enumerated object</span>
+<a id="__codelineno-51-19" name="__codelineno-51-19"></a><span class="n">Enum</span><span class="p">.</span><span class="n">Parse</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="n">EnumType</span><span class="p">),</span><span class="w"> </span><span class="k">value</span><span class="p">);</span>
+<a id="__codelineno-51-20" name="__codelineno-51-20"></a><span class="n">Enum</span><span class="p">.</span><span class="n">TryParse</span><span class="o">&lt;</span><span class="n">EnumType</span><span class="o">&gt;</span><span class="p">(</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">EnumType</span><span class="w"> </span><span class="n">enumObj</span><span class="p">);</span>
+<a id="__codelineno-51-21" name="__codelineno-51-21"></a>
+<a id="__codelineno-51-22" name="__codelineno-51-22"></a><span class="c1">// retrieve a string array containing the names of the enumeration members</span>
+<a id="__codelineno-51-23" name="__codelineno-51-23"></a><span class="kt">string</span><span class="p">[]</span><span class="w"> </span><span class="n">enumNames</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Enum</span><span class="p">.</span><span class="n">GetNames</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="n">EnumType</span><span class="p">));</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="methods">Methods</h2>
+<p>The method signature is the number &amp; type of the input parameters defined for the method.</p>
+<p>C# makes the fairly common distinction between <em>parameters</em> and <em>arguments</em>: a method defines a list of the inputs it expects (the parameters) and the code inside the method refers to these parameters by name.<br />
+The values seen by the code could be different each time the method is invoked, and the term argument refers to the specific value supplied for a parameter in a particular invocation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-52-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-52-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-52-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-52-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-52-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-52-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-52-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-52-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-52-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-52-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-52-1" name="__codelineno-52-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-52-2" name="__codelineno-52-2"></a><span class="p">{</span>
+<a id="__codelineno-52-3" name="__codelineno-52-3"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-52-4" name="__codelineno-52-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-52-5" name="__codelineno-52-5"></a><span class="p">}</span>
+<a id="__codelineno-52-6" name="__codelineno-52-6"></a>
+<a id="__codelineno-52-7" name="__codelineno-52-7"></a><span class="k">void</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-52-8" name="__codelineno-52-8"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-52-9" name="__codelineno-52-9"></a><span class="w">    </span><span class="k">return</span><span class="p">;</span><span class="w">  </span><span class="c1">// if type is void return can be used to force early termination or can be omitted</span>
+<a id="__codelineno-52-10" name="__codelineno-52-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="expression-body-definition">Expression Body Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-53-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-53-1" name="__codelineno-53-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">MethodName</span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span><span class="w">    </span><span class="c1">// expression result type MUST match method type</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="arbitrary-number-of-parameter-in-methods">Arbitrary Number Of Parameter In Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-54-1">1</a></span>
+<span class="normal"><a href="#__codelineno-54-2">2</a></span>
+<span class="normal"><a href="#__codelineno-54-3">3</a></span>
+<span class="normal"><a href="#__codelineno-54-4">4</a></span>
+<span class="normal"><a href="#__codelineno-54-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-54-1" name="__codelineno-54-1"></a><span class="c1">// params keyword must be last parameter and must be an array</span>
+<a id="__codelineno-54-2" name="__codelineno-54-2"></a><span class="n">type</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="k">params</span><span class="w"> </span><span class="n">type</span><span class="p">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-54-3" name="__codelineno-54-3"></a><span class="p">{</span>
+<a id="__codelineno-54-4" name="__codelineno-54-4"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-54-5" name="__codelineno-54-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="named-arguments"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/classes-and-structs/named-and-optional-arguments#named-arguments">Named Arguments</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-55-1">1</a></span>
+<span class="normal"><a href="#__codelineno-55-2">2</a></span>
+<span class="normal"><a href="#__codelineno-55-3">3</a></span>
+<span class="normal"><a href="#__codelineno-55-4">4</a></span>
+<span class="normal"><a href="#__codelineno-55-5">5</a></span>
+<span class="normal"><a href="#__codelineno-55-6">6</a></span>
+<span class="normal"><a href="#__codelineno-55-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-55-1" name="__codelineno-55-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">param1</span><span class="p">,</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">param2</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-55-2" name="__codelineno-55-2"></a>
+<a id="__codelineno-55-3" name="__codelineno-55-3"></a><span class="n">MethodName</span><span class="p">(</span><span class="n">param1</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="n">param2</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">);</span>
+<a id="__codelineno-55-4" name="__codelineno-55-4"></a><span class="n">MethodName</span><span class="p">(</span><span class="n">param2</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="n">param1</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// order can be any</span>
+<a id="__codelineno-55-5" name="__codelineno-55-5"></a>
+<a id="__codelineno-55-6" name="__codelineno-55-6"></a><span class="c1">// Named arguments, when used with positional arguments, are valid as long as they&#39;re not followed by any positional arguments, or they&#39;re used in the correct position.</span>
+<a id="__codelineno-55-7" name="__codelineno-55-7"></a><span class="n">MethodName</span><span class="p">(</span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="n">param2</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="optional-arguments"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/classes-and-structs/named-and-optional-arguments#optional-arguments">Optional Arguments</a></h3>
+<p>The definition of a method, constructor, indexer, or delegate can specify that its parameters are required or that they are optional.<br />
+Any call must provide arguments for all required parameters, but can omit arguments for optional parameters.</p>
+<p>Each optional parameter has a default value as part of its definition. If no argument is sent for that parameter, the default value is used.<br />
+Optional parameters are defined at the end of the parameter list, after any required parameters.</p>
+<p>A default value must be one of the following types of expressions:</p>
+<ul>
+<li>a constant expression;</li>
+<li>an expression of the form new ValType(), where ValType is a value type, such as an enum or a struct;</li>
+<li>an expression of the form default(ValType), where ValType is a value type.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-56-1">1</a></span>
+<span class="normal"><a href="#__codelineno-56-2">2</a></span>
+<span class="normal"><a href="#__codelineno-56-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-56-1" name="__codelineno-56-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">required</span><span class="p">,</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">firstOptional</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">default_value</span><span class="p">,</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">secondOptional</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">default_value</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-56-2" name="__codelineno-56-2"></a><span class="n">MethodName</span><span class="p">(</span><span class="n">value1</span><span class="p">);</span><span class="w">  </span><span class="c1">// use defaults for optional arguments</span>
+<a id="__codelineno-56-3" name="__codelineno-56-3"></a><span class="n">MethodName</span><span class="p">(</span><span class="n">required</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">,</span><span class="w"> </span><span class="n">secondOptional</span><span class="p">:</span><span class="w"> </span><span class="k">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// use default for first optional but pass second optional</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: If the caller provides an argument for any one of a succession of optional parameters, it must provide arguments for all preceding optional parameters. Comma-separated gaps in the argument list are not supported.</p>
+</blockquote>
+<h3 id="passing-values-by-reference-ref-out-in">Passing Values By Reference (<code>ref</code>, <code>out</code>, <code>in</code>)</h3>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/ref">Ref Docs</a>, <a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/out-parameter-modifier">Out Docs</a>, <a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/in-parameter-modifier">In Docs</a></p>
+<p>The <code>out</code>, <code>in</code>, <code>ref</code> keywords cause arguments to be <em>passed by reference</em>. It makes the <em>formal parameter</em> an alias for the argument, which must be a variable.<br />
+In other words, any operation on the parameter is made <em>on the argument</em>. This behaviour is the same for classes and structs.</p>
+<p>An argument that is passed to a <code>ref</code> or <code>in</code> parameter <strong>must be initialized</strong> before it is passed. However <code>in</code> arguments <em>cannot be modified</em> by the called method.<br />
+Variables passed as <code>out</code> arguments do not have to be initialized before being passed in a method call. However, the called method is <strong>required to assign a value</strong> before the method returns.</p>
+<p>Use cases:</p>
+<ul>
+<li><code>out</code>: return multiple values from a method (move data into method)</li>
+<li><code>ref</code>: move data bidirectionally between method and call scope</li>
+<li><code>in</code>: pass large value type (e,g, struct) as a reference avoiding copying large amounts of data (must be readonly, copied regardless otherwise)</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: use <code>in</code> only with readonly value types, because mutable value types can undo the performance benefits. (Mutable value types are typically a bad idea in any case.)</p>
+</blockquote>
+<p>While the method can use members of the passed reference type, it can't normally replace it with a different object.<br />
+But if a reference type argument is marked with ref, the method has access to the variable, so it could replace it with a reference to a completely different object.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-57-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-57-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-57-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-57-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-57-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-57-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-57-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-57-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-57-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-57-10">10</a></span>
+<span class="normal"><a href="#__codelineno-57-11">11</a></span>
+<span class="normal"><a href="#__codelineno-57-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-57-1" name="__codelineno-57-1"></a><span class="c1">// method declaration</span>
+<a id="__codelineno-57-2" name="__codelineno-57-2"></a><span class="n">type</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">param1</span><span class="p">,</span><span class="w">  </span><span class="k">ref</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">param2</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">param3</span><span class="p">,</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">param4</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-57-3" name="__codelineno-57-3"></a><span class="p">{</span>
+<a id="__codelineno-57-4" name="__codelineno-57-4"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-57-5" name="__codelineno-57-5"></a><span class="p">}</span>
+<a id="__codelineno-57-6" name="__codelineno-57-6"></a>
+<a id="__codelineno-57-7" name="__codelineno-57-7"></a><span class="c1">// method call needs REF &amp; OUT keywords, IN keyword is optional (pass by reference regardless)</span>
+<a id="__codelineno-57-8" name="__codelineno-57-8"></a><span class="n">MethodName</span><span class="p">(</span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="k">ref</span><span class="w"> </span><span class="n">arg2</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">arg3</span><span class="p">,</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">arg4</span><span class="p">);</span>
+<a id="__codelineno-57-9" name="__codelineno-57-9"></a><span class="n">MethodName</span><span class="p">(</span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="k">ref</span><span class="w"> </span><span class="n">arg2</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">arg3</span><span class="p">,</span><span class="w"> </span><span class="n">arg4</span><span class="p">);</span>
+<a id="__codelineno-57-10" name="__codelineno-57-10"></a>
+<a id="__codelineno-57-11" name="__codelineno-57-11"></a><span class="n">type</span><span class="w"> </span><span class="nf">OutMethod</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">param1</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">param2</span><span class="p">){}</span>
+<a id="__codelineno-57-12" name="__codelineno-57-12"></a><span class="n">OutMethod</span><span class="p">(</span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="kt">var</span><span class="w"> </span><span class="n">arg2</span><span class="p">);</span><span class="w">  </span><span class="c1">// create out variable on the fly</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="returning-multiple-values-with-tuples">Returning Multiple Values with Tuples</h3>
+<p><strong>Must</strong> be C# 7+.<br />
+The retuned tuple MUST match the tuple-type in the instantiation</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-58-1">1</a></span>
+<span class="normal"><a href="#__codelineno-58-2">2</a></span>
+<span class="normal"><a href="#__codelineno-58-3">3</a></span>
+<span class="normal"><a href="#__codelineno-58-4">4</a></span>
+<span class="normal"><a href="#__codelineno-58-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-58-1" name="__codelineno-58-1"></a><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">returnedVar1</span><span class="p">,</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">returnedVar2</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="n">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-58-2" name="__codelineno-58-2"></a><span class="p">{</span>
+<a id="__codelineno-58-3" name="__codelineno-58-3"></a><span class="w">   </span><span class="c1">// code here</span>
+<a id="__codelineno-58-4" name="__codelineno-58-4"></a><span class="w">   </span><span class="k">return</span><span class="w"> </span><span class="p">(</span><span class="n">expression</span><span class="p">,</span><span class="w"> </span><span class="n">expression</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-58-5" name="__codelineno-58-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="returning-multiple-values-w-structs-return-struct-variable">Returning Multiple Values W/ Structs (Return Struct Variable)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-59-1">1</a></span>
+<span class="normal"><a href="#__codelineno-59-2">2</a></span>
+<span class="normal"><a href="#__codelineno-59-3">3</a></span>
+<span class="normal"><a href="#__codelineno-59-4">4</a></span>
+<span class="normal"><a href="#__codelineno-59-5">5</a></span>
+<span class="normal"><a href="#__codelineno-59-6">6</a></span>
+<span class="normal"><a href="#__codelineno-59-7">7</a></span>
+<span class="normal"><a href="#__codelineno-59-8">8</a></span>
+<span class="normal"><a href="#__codelineno-59-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-59-1" name="__codelineno-59-1"></a><span class="n">StructName</span><span class="w"> </span><span class="nf">MethodName</span><span class="w"> </span><span class="p">(</span><span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-59-2" name="__codelineno-59-2"></a><span class="p">{</span>
+<a id="__codelineno-59-3" name="__codelineno-59-3"></a><span class="w">   </span><span class="c1">// code here</span>
+<a id="__codelineno-59-4" name="__codelineno-59-4"></a><span class="w">   </span><span class="kt">var</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StructName</span><span class="w">     </span><span class="p">{</span>
+<a id="__codelineno-59-5" name="__codelineno-59-5"></a><span class="w">       </span><span class="c1">// code here</span>
+<a id="__codelineno-59-6" name="__codelineno-59-6"></a><span class="w">   </span><span class="p">}</span>
+<a id="__codelineno-59-7" name="__codelineno-59-7"></a>
+<a id="__codelineno-59-8" name="__codelineno-59-8"></a><span class="w">   </span><span class="k">return</span><span class="w"> </span><span class="n">variable</span><span class="p">;</span>
+<a id="__codelineno-59-9" name="__codelineno-59-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="local-functions">Local Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-60-1">1</a></span>
+<span class="normal"><a href="#__codelineno-60-2">2</a></span>
+<span class="normal"><a href="#__codelineno-60-3">3</a></span>
+<span class="normal"><a href="#__codelineno-60-4">4</a></span>
+<span class="normal"><a href="#__codelineno-60-5">5</a></span>
+<span class="normal"><a href="#__codelineno-60-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-60-1" name="__codelineno-60-1"></a><span class="n">type</span><span class="w"> </span><span class="nf">OuterMethod</span><span class="p">(...)</span>
+<a id="__codelineno-60-2" name="__codelineno-60-2"></a><span class="p">{</span>
+<a id="__codelineno-60-3" name="__codelineno-60-3"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">foo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">InnerMethod</span><span class="p">();</span>
+<a id="__codelineno-60-4" name="__codelineno-60-4"></a>
+<a id="__codelineno-60-5" name="__codelineno-60-5"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="nf">InnerMethod</span><span class="p">(...)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-60-6" name="__codelineno-60-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="extension-methods">Extension Methods</h3>
+<p>Extension methods allow their usage applied to the extended type as if their declaration was inside the object's class.<br />
+Extension methods are not really members of the class for which they are defined.<br />
+It's just an illusion maintained by the C# compiler, one that it keeps up even in situations where method invocation happens implicitly.</p>
+<blockquote>
+<p><strong>Note</strong>: Extension Method can be declared only inside static classes. Extension methods are available only if their namespace is imported with the <code>using</code> keyword.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-61-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-61-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-61-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-61-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-61-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-61-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-61-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-61-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-61-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-61-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-61-1" name="__codelineno-61-1"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">ExtensionMethods</span>
+<a id="__codelineno-61-2" name="__codelineno-61-2"></a><span class="p">{</span>
+<a id="__codelineno-61-3" name="__codelineno-61-3"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="nf">ExtensionMethod</span><span class="p">(</span><span class="k">this</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">param</span><span class="p">)</span>
+<a id="__codelineno-61-4" name="__codelineno-61-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-61-5" name="__codelineno-61-5"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-61-6" name="__codelineno-61-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-61-7" name="__codelineno-61-7"></a><span class="p">}</span>
+<a id="__codelineno-61-8" name="__codelineno-61-8"></a>
+<a id="__codelineno-61-9" name="__codelineno-61-9"></a><span class="n">type</span><span class="w"> </span><span class="kt">var</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-61-10" name="__codelineno-61-10"></a><span class="kt">var</span><span class="p">.</span><span class="n">ExtensionMethod</span><span class="p">();</span><span class="w">  </span><span class="c1">// use the method on a object as if the method belongs to the object</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="iterators"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/iterators">Iterators</a></h2>
+<p>An iterator can be used to step through collections such as lists and arrays.</p>
+<p>An iterator method or <code>get</code> accessor performs a custom iteration over a collection. An iterator method uses the <code>yield return</code> statement to return each element one at a time.<br />
+When a <code>yield return</code> statement is reached, the current location in code is remembered. Execution is restarted from that location the next time the iterator function is called.</p>
+<p>It's possible to use a <code>yield break</code> statement or exception to end the iteration.</p>
+<blockquote>
+<p><strong>Note</strong>: Since an iterator returns an <code>IEnumerable&lt;T&gt;</code> is can be used to implement a <code>GetEnumerator()</code>.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-62-1">1</a></span>
+<span class="normal"><a href="#__codelineno-62-2">2</a></span>
+<span class="normal"><a href="#__codelineno-62-3">3</a></span>
+<span class="normal"><a href="#__codelineno-62-4">4</a></span>
+<span class="normal"><a href="#__codelineno-62-5">5</a></span>
+<span class="normal"><a href="#__codelineno-62-6">6</a></span>
+<span class="normal"><a href="#__codelineno-62-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-62-1" name="__codelineno-62-1"></a><span class="c1">// simple iterator</span>
+<a id="__codelineno-62-2" name="__codelineno-62-2"></a><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Collections</span><span class="p">.</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">IterateRange</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">start</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">end</span><span class="p">)</span>
+<a id="__codelineno-62-3" name="__codelineno-62-3"></a><span class="p">{</span>
+<a id="__codelineno-62-4" name="__codelineno-62-4"></a><span class="w">    </span><span class="k">for</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">start</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">end</span><span class="p">;</span><span class="w"> </span><span class="n">i</span><span class="o">++</span><span class="p">){</span>
+<a id="__codelineno-62-5" name="__codelineno-62-5"></a><span class="w">        </span><span class="k">yield</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">i</span><span class="p">;</span>
+<a id="__codelineno-62-6" name="__codelineno-62-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-62-7" name="__codelineno-62-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="structs-custom-value-types-classes-custom-reference-types">Structs (Custom Value Types) &amp; Classes (Custom Reference Types)</h2>
+<p><img alt="reference-vs-value" src="../../../img/dotnet_pass-by-reference-vs-pass-by-value-animation.gif" /></p>
+<p><strong>Structure</strong> types have <em>value semantics</em>. That is, a variable of a structure type contains an <em>instance</em> of the type.</p>
+<p><strong>Class</strong> types have <em>reference semantics</em>. That is, a variable of a class type contains a <em>reference to an instance</em> of the type, not the instance itself.</p>
+<p>Typically, you use structure types to design small data-centric types that provide little or no behavior. If you're focused on the behavior of a type, consider defining a class.<br />
+Because structure types have value semantics, we recommend you to define immutable structure types.</p>
+<p>Creating a new instance of a value type doesn't necessarily mean allocating more memory, whereas with reference types, a new instance means anew heap block.<br />
+This is why it's OK for each operation performed with a value type to produce a new instance.</p>
+<p>The most important question is : does the identity of an instance matter? In other words, is the distinction between one object and another object important?</p>
+<p>An important and related question is: does an instance of the type contain state that changes over time?<br />
+Modifiable value types tend to be problematic, because it's all too easy to end up working with some copy of a value, and not the correct instance.<br />
+So it's usually a good idea for value types to be immutable. This doesn't mean that variables of these types cannot be modified;<br />
+it just means that to modify the variable, its contents must be replaced entirely with a different value.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-63-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-63-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-63-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-63-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-63-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-63-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-63-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-63-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-63-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-63-10">10</a></span>
+<span class="normal"><a href="#__codelineno-63-11">11</a></span>
+<span class="normal"><a href="#__codelineno-63-12">12</a></span>
+<span class="normal"><a href="#__codelineno-63-13">13</a></span>
+<span class="normal"><a href="#__codelineno-63-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-63-1" name="__codelineno-63-1"></a><span class="k">public</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nc">Point</span>
+<a id="__codelineno-63-2" name="__codelineno-63-2"></a><span class="p">{</span>
+<a id="__codelineno-63-3" name="__codelineno-63-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Point</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">y</span><span class="p">)</span>
+<a id="__codelineno-63-4" name="__codelineno-63-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-63-5" name="__codelineno-63-5"></a><span class="w">        </span><span class="n">X</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">x</span><span class="p">;</span>
+<a id="__codelineno-63-6" name="__codelineno-63-6"></a><span class="w">        </span><span class="n">Y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">y</span><span class="p">;</span>
+<a id="__codelineno-63-7" name="__codelineno-63-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-63-8" name="__codelineno-63-8"></a>
+<a id="__codelineno-63-9" name="__codelineno-63-9"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">X</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-63-10" name="__codelineno-63-10"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">Y</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-63-11" name="__codelineno-63-11"></a>
+<a id="__codelineno-63-12" name="__codelineno-63-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="nf">ToString</span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">$&quot;({X}, {Y})&quot;</span><span class="p">;</span>
+<a id="__codelineno-63-13" name="__codelineno-63-13"></a>
+<a id="__codelineno-63-14" name="__codelineno-63-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: From C# 10 is possible to have a parameterless constructor and make a new struct using a <code>with</code> statement.
+<strong>Note</strong>: From C# 11 uninitialized values will be filed with their defaults</p>
+</blockquote>
+<p>The only way to affect a struct variable both inside a method and outside is to use the <code>ref</code> keyword;</p>
+<h3 id="modifiers-methods-variables">Modifiers (Methods &amp; Variables)</h3>
+<p>A locally scoped variable is only accessible inside of the code block in which it's defined.<br />
+If you attempt to access the variable outside of the code block, you'll get a compiler error.</p>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/classes-and-structs/access-modifiers">Access Modifiers</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-64-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-64-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-64-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-64-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-64-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-64-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-64-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-64-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-64-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-64-10">10</a></span>
+<span class="normal"><a href="#__codelineno-64-11">11</a></span>
+<span class="normal"><a href="#__codelineno-64-12">12</a></span>
+<span class="normal"><a href="#__codelineno-64-13">13</a></span>
+<span class="normal"><a href="#__codelineno-64-14">14</a></span>
+<span class="normal"><a href="#__codelineno-64-15">15</a></span>
+<span class="normal"><a href="#__codelineno-64-16">16</a></span>
+<span class="normal"><a href="#__codelineno-64-17">17</a></span>
+<span class="normal"><a href="#__codelineno-64-18">18</a></span>
+<span class="normal"><a href="#__codelineno-64-19">19</a></span>
+<span class="normal"><a href="#__codelineno-64-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-64-1" name="__codelineno-64-1"></a><span class="c1">// ACCESS MODIFIERS</span>
+<a id="__codelineno-64-2" name="__codelineno-64-2"></a><span class="k">public</span><span class="w">    </span><span class="c1">// visible from everywhere</span>
+<a id="__codelineno-64-3" name="__codelineno-64-3"></a><span class="k">private</span><span class="w">    </span><span class="c1">// not visible outside of the class (default for members)</span>
+<a id="__codelineno-64-4" name="__codelineno-64-4"></a><span class="k">protected</span><span class="w">    </span><span class="c1">// visible only to the same class and extending classes</span>
+<a id="__codelineno-64-5" name="__codelineno-64-5"></a><span class="k">internal</span><span class="w">  </span><span class="c1">// available for use only within the assembly (default for classes)</span>
+<a id="__codelineno-64-6" name="__codelineno-64-6"></a><span class="k">protected</span><span class="w"> </span><span class="k">internal</span><span class="w">  </span><span class="c1">// can be accessed by any code in the assembly in which it&#39;s declared, or from within a derived class in another assembly</span>
+<a id="__codelineno-64-7" name="__codelineno-64-7"></a><span class="k">private</span><span class="w"> </span><span class="k">protected</span><span class="w">  </span><span class="c1">// can be accessed only within its declaring assembly, by code in the same class or in a type that is derived from that class</span>
+<a id="__codelineno-64-8" name="__codelineno-64-8"></a><span class="n">file</span><span class="w">  </span><span class="c1">// can be accessed only in the same file in which is declared. Will not clash with other classes/method/interface with the same name</span>
+<a id="__codelineno-64-9" name="__codelineno-64-9"></a>
+<a id="__codelineno-64-10" name="__codelineno-64-10"></a><span class="k">readonly</span><span class="w">  </span><span class="c1">// value can be read but not modified</span>
+<a id="__codelineno-64-11" name="__codelineno-64-11"></a><span class="k">static</span><span class="w">  </span><span class="c1">// not of the instance of a class</span>
+<a id="__codelineno-64-12" name="__codelineno-64-12"></a><span class="k">sealed</span><span class="w">  </span><span class="c1">// cannot be inherited or overridden (default case), sealing a virtual class/method prevents further modifications (on methods sealed must always be used with override)</span>
+<a id="__codelineno-64-13" name="__codelineno-64-13"></a><span class="k">abstract</span><span class="w">  </span><span class="c1">// derived classes MUST implement this</span>
+<a id="__codelineno-64-14" name="__codelineno-64-14"></a><span class="k">virtual</span><span class="w">  </span><span class="c1">// can be overridden by derived classes (applicable to Properties)</span>
+<a id="__codelineno-64-15" name="__codelineno-64-15"></a><span class="k">new</span><span class="w">  </span><span class="c1">// hide base&#39;s (parent&#39;s) method</span>
+<a id="__codelineno-64-16" name="__codelineno-64-16"></a>
+<a id="__codelineno-64-17" name="__codelineno-64-17"></a><span class="k">async</span><span class="w">  </span><span class="c1">// method, lambda expression, or anonymous method is asynchronous</span>
+<a id="__codelineno-64-18" name="__codelineno-64-18"></a><span class="n">volatile</span><span class="w"> </span><span class="c1">// field might be modified by multiple threads that are executing at the same time</span>
+<a id="__codelineno-64-19" name="__codelineno-64-19"></a><span class="k">unsafe</span><span class="w"> </span><span class="c1">// unsafe context, required for any operation involving pointers</span>
+<a id="__codelineno-64-20" name="__codelineno-64-20"></a><span class="k">extern</span><span class="w"> </span><span class="c1">// method is implemented externally</span>
+</code></pre></div></td></tr></table></div>
+<p><code>partial</code> indicates that other parts of the class, struct, or interface can be defined in the namespace.<br />
+All the parts must use the partial keyword.<br />
+All the parts must be available at compile time to form the final type.<br />
+All the parts must have the same accessibility.</p>
+<p>If any part is declared abstract, then the whole type is considered abstract.<br />
+If any part is declared sealed, then the whole type is considered sealed.<br />
+If any part declares a base type, then the whole type inherits that class.</p>
+<h3 id="methods_1">Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-65-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-65-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-65-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-65-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-65-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-65-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-65-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-65-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-65-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-65-10">10</a></span>
+<span class="normal"><a href="#__codelineno-65-11">11</a></span>
+<span class="normal"><a href="#__codelineno-65-12">12</a></span>
+<span class="normal"><a href="#__codelineno-65-13">13</a></span>
+<span class="normal"><a href="#__codelineno-65-14">14</a></span>
+<span class="normal"><a href="#__codelineno-65-15">15</a></span>
+<span class="normal"><a href="#__codelineno-65-16">16</a></span>
+<span class="normal"><a href="#__codelineno-65-17">17</a></span>
+<span class="normal"><a href="#__codelineno-65-18">18</a></span>
+<span class="normal"><a href="#__codelineno-65-19">19</a></span>
+<span class="normal"><a href="#__codelineno-65-20">20</a></span>
+<span class="normal"><a href="#__codelineno-65-21">21</a></span>
+<span class="normal"><a href="#__codelineno-65-22">22</a></span>
+<span class="normal"><a href="#__codelineno-65-23">23</a></span>
+<span class="normal"><a href="#__codelineno-65-24">24</a></span>
+<span class="normal"><a href="#__codelineno-65-25">25</a></span>
+<span class="normal"><a href="#__codelineno-65-26">26</a></span>
+<span class="normal"><a href="#__codelineno-65-27">27</a></span>
+<span class="normal"><a href="#__codelineno-65-28">28</a></span>
+<span class="normal"><a href="#__codelineno-65-29">29</a></span>
+<span class="normal"><a href="#__codelineno-65-30">30</a></span>
+<span class="normal"><a href="#__codelineno-65-31">31</a></span>
+<span class="normal"><a href="#__codelineno-65-32">32</a></span>
+<span class="normal"><a href="#__codelineno-65-33">33</a></span>
+<span class="normal"><a href="#__codelineno-65-34">34</a></span>
+<span class="normal"><a href="#__codelineno-65-35">35</a></span>
+<span class="normal"><a href="#__codelineno-65-36">36</a></span>
+<span class="normal"><a href="#__codelineno-65-37">37</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-65-1" name="__codelineno-65-1"></a><span class="k">class</span><span class="w"> </span><span class="nc">Class</span>
+<a id="__codelineno-65-2" name="__codelineno-65-2"></a><span class="p">{</span>
+<a id="__codelineno-65-3" name="__codelineno-65-3"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">Argument</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// static method, can operate ONLY on STATIC VARIABLES</span>
+<a id="__codelineno-65-4" name="__codelineno-65-4"></a>
+<a id="__codelineno-65-5" name="__codelineno-65-5"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">Argument</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// instance method, can operate on INSTANCE VARIABLES</span>
+<a id="__codelineno-65-6" name="__codelineno-65-6"></a>
+<a id="__codelineno-65-7" name="__codelineno-65-7"></a><span class="w">    </span><span class="c1">// override inherited method</span>
+<a id="__codelineno-65-8" name="__codelineno-65-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span>
+<a id="__codelineno-65-9" name="__codelineno-65-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-65-10" name="__codelineno-65-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-65-11" name="__codelineno-65-11"></a>
+<a id="__codelineno-65-12" name="__codelineno-65-12"></a><span class="w">    </span><span class="c1">// visrual methods CAN be overridden</span>
+<a id="__codelineno-65-13" name="__codelineno-65-13"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">virtual</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span>
+<a id="__codelineno-65-14" name="__codelineno-65-14"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-65-15" name="__codelineno-65-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-65-16" name="__codelineno-65-16"></a><span class="p">}</span><span class="err">```</span>
+<a id="__codelineno-65-17" name="__codelineno-65-17"></a>
+<a id="__codelineno-65-18" name="__codelineno-65-18"></a><span class="err">###</span><span class="w"> </span><span class="n">Constructors</span>
+<a id="__codelineno-65-19" name="__codelineno-65-19"></a>
+<a id="__codelineno-65-20" name="__codelineno-65-20"></a><span class="err">```</span><span class="n">cs</span>
+<a id="__codelineno-65-21" name="__codelineno-65-21"></a><span class="k">class</span><span class="w"> </span><span class="nf">Class</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">Parameter</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w">  </span><span class="c1">// primary constructor (like records)</span>
+<a id="__codelineno-65-22" name="__codelineno-65-22"></a><span class="p">{</span>
+<a id="__codelineno-65-23" name="__codelineno-65-23"></a>
+<a id="__codelineno-65-24" name="__codelineno-65-24"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Class</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// parameterless constructor</span>
+<a id="__codelineno-65-25" name="__codelineno-65-25"></a>
+<a id="__codelineno-65-26" name="__codelineno-65-26"></a><span class="w">    </span><span class="c1">// standard constructor</span>
+<a id="__codelineno-65-27" name="__codelineno-65-27"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Class</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">parameter</span><span class="p">)</span>
+<a id="__codelineno-65-28" name="__codelineno-65-28"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-65-29" name="__codelineno-65-29"></a><span class="w">        </span><span class="n">_field</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">field</span><span class="p">;</span>
+<a id="__codelineno-65-30" name="__codelineno-65-30"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-65-31" name="__codelineno-65-31"></a>
+<a id="__codelineno-65-32" name="__codelineno-65-32"></a><span class="w">    </span><span class="c1">// extends an existing constructor adding parameters to the existing ones</span>
+<a id="__codelineno-65-33" name="__codelineno-65-33"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Class</span><span class="p">(</span><span class="n">type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">other</span><span class="p">)</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">this</span><span class="p">(</span><span class="n">parameter</span><span class="p">)</span>
+<a id="__codelineno-65-34" name="__codelineno-65-34"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-65-35" name="__codelineno-65-35"></a><span class="w">        </span><span class="n">_other</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">other</span><span class="p">;</span>
+<a id="__codelineno-65-36" name="__codelineno-65-36"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-65-37" name="__codelineno-65-37"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: if a <em>primary constructor</em> is used all other constructors must use <code>this(...)</code> to invoke it</p>
+</blockquote>
+<h3 id="properties-fields">Properties &amp; Fields</h3>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/classes-and-structs/properties">Properties Docs</a></p>
+<p>A <em>field</em> is a variable of any type that is declared directly in a class or struct. Fields are members of their containing type.<br />
+A <em>property</em> is a member that provides a flexible mechanism to read, write, or compute the value of a private field.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-66-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-66-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-66-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-66-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-66-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-66-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-66-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-66-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-66-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-66-10">10</a></span>
+<span class="normal"><a href="#__codelineno-66-11">11</a></span>
+<span class="normal"><a href="#__codelineno-66-12">12</a></span>
+<span class="normal"><a href="#__codelineno-66-13">13</a></span>
+<span class="normal"><a href="#__codelineno-66-14">14</a></span>
+<span class="normal"><a href="#__codelineno-66-15">15</a></span>
+<span class="normal"><a href="#__codelineno-66-16">16</a></span>
+<span class="normal"><a href="#__codelineno-66-17">17</a></span>
+<span class="normal"><a href="#__codelineno-66-18">18</a></span>
+<span class="normal"><a href="#__codelineno-66-19">19</a></span>
+<span class="normal"><a href="#__codelineno-66-20">20</a></span>
+<span class="normal"><a href="#__codelineno-66-21">21</a></span>
+<span class="normal"><a href="#__codelineno-66-22">22</a></span>
+<span class="normal"><a href="#__codelineno-66-23">23</a></span>
+<span class="normal"><a href="#__codelineno-66-24">24</a></span>
+<span class="normal"><a href="#__codelineno-66-25">25</a></span>
+<span class="normal"><a href="#__codelineno-66-26">26</a></span>
+<span class="normal"><a href="#__codelineno-66-27">27</a></span>
+<span class="normal"><a href="#__codelineno-66-28">28</a></span>
+<span class="normal"><a href="#__codelineno-66-29">29</a></span>
+<span class="normal"><a href="#__codelineno-66-30">30</a></span>
+<span class="normal"><a href="#__codelineno-66-31">31</a></span>
+<span class="normal"><a href="#__codelineno-66-32">32</a></span>
+<span class="normal"><a href="#__codelineno-66-33">33</a></span>
+<span class="normal"><a href="#__codelineno-66-34">34</a></span>
+<span class="normal"><a href="#__codelineno-66-35">35</a></span>
+<span class="normal"><a href="#__codelineno-66-36">36</a></span>
+<span class="normal"><a href="#__codelineno-66-37">37</a></span>
+<span class="normal"><a href="#__codelineno-66-38">38</a></span>
+<span class="normal"><a href="#__codelineno-66-39">39</a></span>
+<span class="normal"><a href="#__codelineno-66-40">40</a></span>
+<span class="normal"><a href="#__codelineno-66-41">41</a></span>
+<span class="normal"><a href="#__codelineno-66-42">42</a></span>
+<span class="normal"><a href="#__codelineno-66-43">43</a></span>
+<span class="normal"><a href="#__codelineno-66-44">44</a></span>
+<span class="normal"><a href="#__codelineno-66-45">45</a></span>
+<span class="normal"><a href="#__codelineno-66-46">46</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-66-1" name="__codelineno-66-1"></a><span class="k">class</span><span class="w"> </span><span class="nc">Class</span>
+<a id="__codelineno-66-2" name="__codelineno-66-2"></a><span class="p">{</span>
+<a id="__codelineno-66-3" name="__codelineno-66-3"></a>
+<a id="__codelineno-66-4" name="__codelineno-66-4"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Field</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">    </span><span class="c1">// static (non-instance) public field  w/ initializer</span>
+<a id="__codelineno-66-5" name="__codelineno-66-5"></a>
+<a id="__codelineno-66-6" name="__codelineno-66-6"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">_field</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">    </span><span class="c1">// private instance field w/ initializer</span>
+<a id="__codelineno-66-7" name="__codelineno-66-7"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">_field</span><span class="p">;</span><span class="w">  </span><span class="c1">// private instance field, initialized by constructor</span>
+<a id="__codelineno-66-8" name="__codelineno-66-8"></a>
+<a id="__codelineno-66-9" name="__codelineno-66-9"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">_backingField</span><span class="p">;</span>
+<a id="__codelineno-66-10" name="__codelineno-66-10"></a>
+<a id="__codelineno-66-11" name="__codelineno-66-11"></a><span class="w">    </span><span class="c1">// PROPERTY</span>
+<a id="__codelineno-66-12" name="__codelineno-66-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">Property</span>
+<a id="__codelineno-66-13" name="__codelineno-66-13"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-66-14" name="__codelineno-66-14"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">_backingField</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-66-15" name="__codelineno-66-15"></a><span class="w">        </span><span class="k">set</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">_backingField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-66-16" name="__codelineno-66-16"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-66-17" name="__codelineno-66-17"></a>
+<a id="__codelineno-66-18" name="__codelineno-66-18"></a><span class="w">    </span><span class="c1">// PROPERTY WITH EXPRESSION BODY DEFINITIONS</span>
+<a id="__codelineno-66-19" name="__codelineno-66-19"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">Property</span>
+<a id="__codelineno-66-20" name="__codelineno-66-20"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-66-21" name="__codelineno-66-21"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">_backingField</span><span class="p">;</span>
+<a id="__codelineno-66-22" name="__codelineno-66-22"></a><span class="w">        </span><span class="k">set</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">_backingField</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-66-23" name="__codelineno-66-23"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-66-24" name="__codelineno-66-24"></a>
+<a id="__codelineno-66-25" name="__codelineno-66-25"></a><span class="w">    </span><span class="c1">// REQUIRED PROPERTY prop must be set at obj init (in constructor or initializer)</span>
+<a id="__codelineno-66-26" name="__codelineno-66-26"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">required</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-66-27" name="__codelineno-66-27"></a>
+<a id="__codelineno-66-28" name="__codelineno-66-28"></a><span class="w">    </span><span class="c1">// EXPRESSION-BODIED READ-ONLY PROPERTY</span>
+<a id="__codelineno-66-29" name="__codelineno-66-29"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-66-30" name="__codelineno-66-30"></a>
+<a id="__codelineno-66-31" name="__codelineno-66-31"></a><span class="w">    </span><span class="c1">// AUTO-PROPERTIES</span>
+<a id="__codelineno-66-32" name="__codelineno-66-32"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-66-33" name="__codelineno-66-33"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">private</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// settable only inside class</span>
+<a id="__codelineno-66-34" name="__codelineno-66-34"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="n">init</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c1">// settable only in constructor, initializer, keyword with</span>
+<a id="__codelineno-66-35" name="__codelineno-66-35"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// can only be setted by constructor</span>
+<a id="__codelineno-66-36" name="__codelineno-66-36"></a>
+<a id="__codelineno-66-37" name="__codelineno-66-37"></a><span class="w">    </span><span class="c1">// MIXED</span>
+<a id="__codelineno-66-38" name="__codelineno-66-38"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">type</span><span class="w"> </span><span class="n">Property</span>
+<a id="__codelineno-66-39" name="__codelineno-66-39"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-66-40" name="__codelineno-66-40"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">_backingField</span><span class="p">;</span>
+<a id="__codelineno-66-41" name="__codelineno-66-41"></a><span class="w">        </span><span class="k">set</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-66-42" name="__codelineno-66-42"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-66-43" name="__codelineno-66-43"></a>
+<a id="__codelineno-66-44" name="__codelineno-66-44"></a><span class="w">    </span><span class="n">Property</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// set</span>
+<a id="__codelineno-66-45" name="__codelineno-66-45"></a><span class="w">    </span><span class="n">Property</span><span class="p">;</span><span class="w">  </span><span class="c1">// get</span>
+<a id="__codelineno-66-46" name="__codelineno-66-46"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: The <code>init</code> accessor is a variant of the <code>set</code> accessor which can only be called during object initialization.<br />
+Because <code>init</code> accessors can only be called during initialization, they are allowed to <em>mutate</em> <code>readonly</code> fields of the enclosing class, just like in a constructor.
+<strong>Note</strong>: creating at least one constructor hides the one provided by default (w/ zero parameters).</p>
+</blockquote>
+<h3 id="object-and-collection-initializers"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/classes-and-structs/object-and-collection-initializers">Object and Collection Initializers</a></h3>
+<p><strong>Object initializers</strong> allow to assign values to any accessible fields or properties of an object at creation time without having to invoke a constructor followed by lines of assignment statements.<br />
+The object initializer syntax enables to specify arguments for a constructor or omit the arguments (and parentheses syntax).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-67-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-67-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-67-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-67-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-67-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-67-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-67-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-67-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-67-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-67-10">10</a></span>
+<span class="normal"><a href="#__codelineno-67-11">11</a></span>
+<span class="normal"><a href="#__codelineno-67-12">12</a></span>
+<span class="normal"><a href="#__codelineno-67-13">13</a></span>
+<span class="normal"><a href="#__codelineno-67-14">14</a></span>
+<span class="normal"><a href="#__codelineno-67-15">15</a></span>
+<span class="normal"><a href="#__codelineno-67-16">16</a></span>
+<span class="normal"><a href="#__codelineno-67-17">17</a></span>
+<span class="normal"><a href="#__codelineno-67-18">18</a></span>
+<span class="normal"><a href="#__codelineno-67-19">19</a></span>
+<span class="normal"><a href="#__codelineno-67-20">20</a></span>
+<span class="normal"><a href="#__codelineno-67-21">21</a></span>
+<span class="normal"><a href="#__codelineno-67-22">22</a></span>
+<span class="normal"><a href="#__codelineno-67-23">23</a></span>
+<span class="normal"><a href="#__codelineno-67-24">24</a></span>
+<span class="normal"><a href="#__codelineno-67-25">25</a></span>
+<span class="normal"><a href="#__codelineno-67-26">26</a></span>
+<span class="normal"><a href="#__codelineno-67-27">27</a></span>
+<span class="normal"><a href="#__codelineno-67-28">28</a></span>
+<span class="normal"><a href="#__codelineno-67-29">29</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-67-1" name="__codelineno-67-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Class</span>
+<a id="__codelineno-67-2" name="__codelineno-67-2"></a><span class="p">{</span>
+<a id="__codelineno-67-3" name="__codelineno-67-3"></a><span class="w">    </span><span class="c1">// Auto-implemented properties.</span>
+<a id="__codelineno-67-4" name="__codelineno-67-4"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop1</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-67-5" name="__codelineno-67-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-67-6" name="__codelineno-67-6"></a>
+<a id="__codelineno-67-7" name="__codelineno-67-7"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Class</span><span class="p">()</span>
+<a id="__codelineno-67-8" name="__codelineno-67-8"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-67-9" name="__codelineno-67-9"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-67-10" name="__codelineno-67-10"></a>
+<a id="__codelineno-67-11" name="__codelineno-67-11"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Class</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">arg</span><span class="p">)</span>
+<a id="__codelineno-67-12" name="__codelineno-67-12"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-67-13" name="__codelineno-67-13"></a><span class="w">        </span><span class="n">Prop1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">arg</span><span class="p">;</span>
+<a id="__codelineno-67-14" name="__codelineno-67-14"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-67-15" name="__codelineno-67-15"></a><span class="p">}</span>
+<a id="__codelineno-67-16" name="__codelineno-67-16"></a>
+<a id="__codelineno-67-17" name="__codelineno-67-17"></a><span class="c1">// standard way</span>
+<a id="__codelineno-67-18" name="__codelineno-67-18"></a><span class="n">Class</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Class</span><span class="p">(</span><span class="n">arg1</span><span class="p">)</span>
+<a id="__codelineno-67-19" name="__codelineno-67-19"></a><span class="n">obj</span><span class="p">.</span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">arg2</span><span class="p">;</span>
+<a id="__codelineno-67-20" name="__codelineno-67-20"></a>
+<a id="__codelineno-67-21" name="__codelineno-67-21"></a><span class="c1">// known target type</span>
+<a id="__codelineno-67-22" name="__codelineno-67-22"></a><span class="n">Class</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="p">(</span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-67-23" name="__codelineno-67-23"></a>
+<a id="__codelineno-67-24" name="__codelineno-67-24"></a><span class="c1">// object initializers</span>
+<a id="__codelineno-67-25" name="__codelineno-67-25"></a><span class="n">Class</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Class</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">arg2</span><span class="p">,</span><span class="w"> </span><span class="n">Prop1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">arg1</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// w/o constructor</span>
+<a id="__codelineno-67-26" name="__codelineno-67-26"></a><span class="n">Class</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Class</span><span class="p">(</span><span class="n">arg1</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">arg2</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// w/ constructor</span>
+<a id="__codelineno-67-27" name="__codelineno-67-27"></a>
+<a id="__codelineno-67-28" name="__codelineno-67-28"></a><span class="c1">// with keyword</span>
+<a id="__codelineno-67-29" name="__codelineno-67-29"></a><span class="kt">var</span><span class="w"> </span><span class="n">copy</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">original</span><span class="w"> </span><span class="n">with</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Prop</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">newValue</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// other props are copies of the original</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-68-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-68-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-68-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-68-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-68-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-68-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-68-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-68-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-68-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-68-10">10</a></span>
+<span class="normal"><a href="#__codelineno-68-11">11</a></span>
+<span class="normal"><a href="#__codelineno-68-12">12</a></span>
+<span class="normal"><a href="#__codelineno-68-13">13</a></span>
+<span class="normal"><a href="#__codelineno-68-14">14</a></span>
+<span class="normal"><a href="#__codelineno-68-15">15</a></span>
+<span class="normal"><a href="#__codelineno-68-16">16</a></span>
+<span class="normal"><a href="#__codelineno-68-17">17</a></span>
+<span class="normal"><a href="#__codelineno-68-18">18</a></span>
+<span class="normal"><a href="#__codelineno-68-19">19</a></span>
+<span class="normal"><a href="#__codelineno-68-20">20</a></span>
+<span class="normal"><a href="#__codelineno-68-21">21</a></span>
+<span class="normal"><a href="#__codelineno-68-22">22</a></span>
+<span class="normal"><a href="#__codelineno-68-23">23</a></span>
+<span class="normal"><a href="#__codelineno-68-24">24</a></span>
+<span class="normal"><a href="#__codelineno-68-25">25</a></span>
+<span class="normal"><a href="#__codelineno-68-26">26</a></span>
+<span class="normal"><a href="#__codelineno-68-27">27</a></span>
+<span class="normal"><a href="#__codelineno-68-28">28</a></span>
+<span class="normal"><a href="#__codelineno-68-29">29</a></span>
+<span class="normal"><a href="#__codelineno-68-30">30</a></span>
+<span class="normal"><a href="#__codelineno-68-31">31</a></span>
+<span class="normal"><a href="#__codelineno-68-32">32</a></span>
+<span class="normal"><a href="#__codelineno-68-33">33</a></span>
+<span class="normal"><a href="#__codelineno-68-34">34</a></span>
+<span class="normal"><a href="#__codelineno-68-35">35</a></span>
+<span class="normal"><a href="#__codelineno-68-36">36</a></span>
+<span class="normal"><a href="#__codelineno-68-37">37</a></span>
+<span class="normal"><a href="#__codelineno-68-38">38</a></span>
+<span class="normal"><a href="#__codelineno-68-39">39</a></span>
+<span class="normal"><a href="#__codelineno-68-40">40</a></span>
+<span class="normal"><a href="#__codelineno-68-41">41</a></span>
+<span class="normal"><a href="#__codelineno-68-42">42</a></span>
+<span class="normal"><a href="#__codelineno-68-43">43</a></span>
+<span class="normal"><a href="#__codelineno-68-44">44</a></span>
+<span class="normal"><a href="#__codelineno-68-45">45</a></span>
+<span class="normal"><a href="#__codelineno-68-46">46</a></span>
+<span class="normal"><a href="#__codelineno-68-47">47</a></span>
+<span class="normal"><a href="#__codelineno-68-48">48</a></span>
+<span class="normal"><a href="#__codelineno-68-49">49</a></span>
+<span class="normal"><a href="#__codelineno-68-50">50</a></span>
+<span class="normal"><a href="#__codelineno-68-51">51</a></span>
+<span class="normal"><a href="#__codelineno-68-52">52</a></span>
+<span class="normal"><a href="#__codelineno-68-53">53</a></span>
+<span class="normal"><a href="#__codelineno-68-54">54</a></span>
+<span class="normal"><a href="#__codelineno-68-55">55</a></span>
+<span class="normal"><a href="#__codelineno-68-56">56</a></span>
+<span class="normal"><a href="#__codelineno-68-57">57</a></span>
+<span class="normal"><a href="#__codelineno-68-58">58</a></span>
+<span class="normal"><a href="#__codelineno-68-59">59</a></span>
+<span class="normal"><a href="#__codelineno-68-60">60</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-68-1" name="__codelineno-68-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Matrix</span>
+<a id="__codelineno-68-2" name="__codelineno-68-2"></a><span class="p">{</span>
+<a id="__codelineno-68-3" name="__codelineno-68-3"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="kt">double</span><span class="p">[,]</span><span class="w"> </span><span class="n">matrix</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="kt">double</span><span class="p">[</span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="p">];</span>
+<a id="__codelineno-68-4" name="__codelineno-68-4"></a>
+<a id="__codelineno-68-5" name="__codelineno-68-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="k">this</span><span class="p">[</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="p">]</span>
+<a id="__codelineno-68-6" name="__codelineno-68-6"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-68-7" name="__codelineno-68-7"></a><span class="w">        </span><span class="c1">// The embedded array will throw out of range exceptions as appropriate.</span>
+<a id="__codelineno-68-8" name="__codelineno-68-8"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="n">matrix</span><span class="p">[</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="n">column</span><span class="p">];</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-68-9" name="__codelineno-68-9"></a><span class="w">        </span><span class="k">set</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">matrix</span><span class="p">[</span><span class="n">row</span><span class="p">,</span><span class="w"> </span><span class="n">column</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-68-10" name="__codelineno-68-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-68-11" name="__codelineno-68-11"></a><span class="p">}</span>
+<a id="__codelineno-68-12" name="__codelineno-68-12"></a>
+<a id="__codelineno-68-13" name="__codelineno-68-13"></a><span class="c1">// collection initializer</span>
+<a id="__codelineno-68-14" name="__codelineno-68-14"></a><span class="kt">var</span><span class="w"> </span><span class="n">identity</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Matrix</span>
+<a id="__codelineno-68-15" name="__codelineno-68-15"></a><span class="p">{</span>
+<a id="__codelineno-68-16" name="__codelineno-68-16"></a><span class="w">    </span><span class="na">[0, 0]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">1.0</span><span class="p">,</span>
+<a id="__codelineno-68-17" name="__codelineno-68-17"></a><span class="w">    </span><span class="na">[0, 1]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.0</span><span class="p">,</span>
+<a id="__codelineno-68-18" name="__codelineno-68-18"></a><span class="w">    </span><span class="na">[0, 2]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.0</span><span class="p">,</span>
+<a id="__codelineno-68-19" name="__codelineno-68-19"></a>
+<a id="__codelineno-68-20" name="__codelineno-68-20"></a><span class="w">    </span><span class="na">[1, 0]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.0</span><span class="p">,</span>
+<a id="__codelineno-68-21" name="__codelineno-68-21"></a><span class="w">    </span><span class="na">[1, 1]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">1.0</span><span class="p">,</span>
+<a id="__codelineno-68-22" name="__codelineno-68-22"></a><span class="w">    </span><span class="na">[1, 2]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.0</span><span class="p">,</span>
+<a id="__codelineno-68-23" name="__codelineno-68-23"></a>
+<a id="__codelineno-68-24" name="__codelineno-68-24"></a><span class="w">    </span><span class="na">[2, 0]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.0</span><span class="p">,</span>
+<a id="__codelineno-68-25" name="__codelineno-68-25"></a><span class="w">    </span><span class="na">[2, 1]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0.0</span><span class="p">,</span>
+<a id="__codelineno-68-26" name="__codelineno-68-26"></a><span class="w">    </span><span class="na">[2, 2]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">1.0</span><span class="p">,</span>
+<a id="__codelineno-68-27" name="__codelineno-68-27"></a><span class="p">};</span>
+<a id="__codelineno-68-28" name="__codelineno-68-28"></a>
+<a id="__codelineno-68-29" name="__codelineno-68-29"></a><span class="n">List</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="m">4</span><span class="p">,</span><span class="w"> </span><span class="m">5</span><span class="p">,</span><span class="w"> </span><span class="m">6</span><span class="p">,</span><span class="w"> </span><span class="m">7</span><span class="p">,</span><span class="w"> </span><span class="m">8</span><span class="p">,</span><span class="w"> </span><span class="m">9</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-68-30" name="__codelineno-68-30"></a><span class="n">List</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="m">4</span><span class="p">,</span><span class="w"> </span><span class="m">5</span><span class="p">,</span><span class="w"> </span><span class="m">6</span><span class="p">,</span><span class="w"> </span><span class="m">7</span><span class="p">,</span><span class="w"> </span><span class="m">8</span><span class="p">,</span><span class="w"> </span><span class="m">9</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-68-31" name="__codelineno-68-31"></a>
+<a id="__codelineno-68-32" name="__codelineno-68-32"></a><span class="kt">int</span><span class="p">[]</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="kt">int</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="m">4</span><span class="p">,</span><span class="w"> </span><span class="m">5</span><span class="p">,</span><span class="w"> </span><span class="m">6</span><span class="p">,</span><span class="w"> </span><span class="m">7</span><span class="p">,</span><span class="w"> </span><span class="m">8</span><span class="p">,</span><span class="w"> </span><span class="m">9</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-68-33" name="__codelineno-68-33"></a><span class="kt">int</span><span class="p">[]</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="m">4</span><span class="p">,</span><span class="w"> </span><span class="m">5</span><span class="p">,</span><span class="w"> </span><span class="m">6</span><span class="p">,</span><span class="w"> </span><span class="m">7</span><span class="p">,</span><span class="w"> </span><span class="m">8</span><span class="p">,</span><span class="w"> </span><span class="m">9</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-68-34" name="__codelineno-68-34"></a><span class="kt">int</span><span class="p">[]</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="m">4</span><span class="p">,</span><span class="w"> </span><span class="m">5</span><span class="p">,</span><span class="w"> </span><span class="m">6</span><span class="p">,</span><span class="w"> </span><span class="m">7</span><span class="p">,</span><span class="w"> </span><span class="m">8</span><span class="p">,</span><span class="w"> </span><span class="m">9</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-68-35" name="__codelineno-68-35"></a>
+<a id="__codelineno-68-36" name="__codelineno-68-36"></a><span class="n">Dictionary</span><span class="o">&lt;</span><span class="kt">int</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Dictionary</span><span class="o">&lt;</span><span class="kt">int</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-68-37" name="__codelineno-68-37"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;zero&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-38" name="__codelineno-68-38"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;one&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-39" name="__codelineno-68-39"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;two&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-40" name="__codelineno-68-40"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">3</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;three&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-41" name="__codelineno-68-41"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">4</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;four&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-42" name="__codelineno-68-42"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">5</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;five&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-43" name="__codelineno-68-43"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">6</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;six&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-44" name="__codelineno-68-44"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">7</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;seven&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-45" name="__codelineno-68-45"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">8</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;eight&quot;</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-68-46" name="__codelineno-68-46"></a><span class="w">    </span><span class="p">{</span><span class="w"> </span><span class="m">9</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;nine&quot;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-68-47" name="__codelineno-68-47"></a><span class="p">};</span>
+<a id="__codelineno-68-48" name="__codelineno-68-48"></a>
+<a id="__codelineno-68-49" name="__codelineno-68-49"></a><span class="n">Dictionary</span><span class="o">&lt;</span><span class="kt">int</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">digits</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span>
+<a id="__codelineno-68-50" name="__codelineno-68-50"></a><span class="w">    </span><span class="m">0</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;zero&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-51" name="__codelineno-68-51"></a><span class="w">    </span><span class="m">1</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;one&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-52" name="__codelineno-68-52"></a><span class="w">    </span><span class="m">2</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;two&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-53" name="__codelineno-68-53"></a><span class="w">    </span><span class="m">3</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;three&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-54" name="__codelineno-68-54"></a><span class="w">    </span><span class="m">4</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;four&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-55" name="__codelineno-68-55"></a><span class="w">    </span><span class="m">5</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;five&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-56" name="__codelineno-68-56"></a><span class="w">    </span><span class="m">6</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;six&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-57" name="__codelineno-68-57"></a><span class="w">    </span><span class="m">7</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;seven&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-58" name="__codelineno-68-58"></a><span class="w">    </span><span class="m">8</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;eight&quot;</span><span class="p">,</span>
+<a id="__codelineno-68-59" name="__codelineno-68-59"></a><span class="w">    </span><span class="m">9</span><span class="p">:</span><span class="w"> </span><span class="s">&quot;nine&quot;</span>
+<a id="__codelineno-68-60" name="__codelineno-68-60"></a><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="static-class"><code>Static</code> Class</h3>
+<p>The <code>static</code> keyword declares that a member is not associated with any particular instance of the class.<br />
+Static classes <strong>can't</strong> instantiate objects and all their methods <strong>must</strong> be static.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-69-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-69-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-69-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-69-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-69-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-69-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-69-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-69-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-69-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-69-10">10</a></span>
+<span class="normal"><a href="#__codelineno-69-11">11</a></span>
+<span class="normal"><a href="#__codelineno-69-12">12</a></span>
+<span class="normal"><a href="#__codelineno-69-13">13</a></span>
+<span class="normal"><a href="#__codelineno-69-14">14</a></span>
+<span class="normal"><a href="#__codelineno-69-15">15</a></span>
+<span class="normal"><a href="#__codelineno-69-16">16</a></span>
+<span class="normal"><a href="#__codelineno-69-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-69-1" name="__codelineno-69-1"></a><span class="k">static</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Class</span>
+<a id="__codelineno-69-2" name="__codelineno-69-2"></a><span class="p">{</span>
+<a id="__codelineno-69-3" name="__codelineno-69-3"></a><span class="w">    </span><span class="c1">// static constructor, not called explicitly, has no arguments</span>
+<a id="__codelineno-69-4" name="__codelineno-69-4"></a><span class="w">    </span><span class="c1">// triggered by one of two events, whichever occurs first: creating an instance, or accessing any static member of the class.</span>
+<a id="__codelineno-69-5" name="__codelineno-69-5"></a><span class="w">    </span><span class="c1">// since it&#39;s static and takes no arguments there can be at most one for each class</span>
+<a id="__codelineno-69-6" name="__codelineno-69-6"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="nf">Class</span><span class="p">()</span>
+<a id="__codelineno-69-7" name="__codelineno-69-7"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-69-8" name="__codelineno-69-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-69-9" name="__codelineno-69-9"></a>
+<a id="__codelineno-69-10" name="__codelineno-69-10"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">_field</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-69-11" name="__codelineno-69-11"></a>
+<a id="__codelineno-69-12" name="__codelineno-69-12"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-69-13" name="__codelineno-69-13"></a>
+<a id="__codelineno-69-14" name="__codelineno-69-14"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span>
+<a id="__codelineno-69-15" name="__codelineno-69-15"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-69-16" name="__codelineno-69-16"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-69-17" name="__codelineno-69-17"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="class-members-init-order">Class Members Init Order</h3>
+<p><strong>Static Field or Method Usage</strong>:</p>
+<ol>
+<li>Static field initializers in order of apparition</li>
+<li>Static Constructor</li>
+</ol>
+<p><strong>Class Instantiation (<code>new</code> operator)</strong>:</p>
+<ol>
+<li>Instance field initializers in order of apparition</li>
+<li>Instance Constructor</li>
+</ol>
+<p><strong>Object Creation</strong>: <code>Class object = new Class(arguments);</code>
+<strong>Instance Method Usage</strong>: <code>object.method(arguments);</code>
+<strong>Static Method Usage</strong>: <code>Class.method(arguments);</code></p>
+<h3 id="indexers">Indexers</h3>
+<p>An <strong>indexer</strong> is a property that takes one or more arguments, and is accessed with the same syntax as is used for arrays.<br />
+This is useful when writing a class that contains a collection of objects.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-70-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-70-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-70-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-70-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-70-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-70-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-70-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-70-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-70-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-70-10">10</a></span>
+<span class="normal"><a href="#__codelineno-70-11">11</a></span>
+<span class="normal"><a href="#__codelineno-70-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-70-1" name="__codelineno-70-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Class</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-70-2" name="__codelineno-70-2"></a><span class="p">{</span>
+<a id="__codelineno-70-3" name="__codelineno-70-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="k">this</span><span class="p">[</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="p">]</span>
+<a id="__codelineno-70-4" name="__codelineno-70-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-70-5" name="__codelineno-70-5"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...;</span><span class="w">  </span><span class="c1">// return the i-th element in the collection</span>
+<a id="__codelineno-70-6" name="__codelineno-70-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-70-7" name="__codelineno-70-7"></a><span class="p">}</span>
+<a id="__codelineno-70-8" name="__codelineno-70-8"></a>
+<a id="__codelineno-70-9" name="__codelineno-70-9"></a><span class="c1">// null conditional index access</span>
+<a id="__codelineno-70-10" name="__codelineno-70-10"></a><span class="n">Class</span><span class="o">?</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">objWithIndexer</span><span class="o">?</span><span class="p">[</span><span class="n">index</span><span class="p">];</span>
+<a id="__codelineno-70-11" name="__codelineno-70-11"></a><span class="c1">// same as</span>
+<a id="__codelineno-70-12" name="__codelineno-70-12"></a><span class="n">Class</span><span class="o">?</span><span class="w"> </span><span class="n">c</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">objWithIndexer</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="k">null</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="k">null</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">objWithIndexer</span><span class="p">[</span><span class="n">index</span><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="abstract-classes">Abstract Classes</h3>
+<p>The <code>abstract</code> modifier indicates that the thing being modified has a missing or incomplete implementation.<br />
+The <code>abstract</code> modifier can be used with classes, methods, properties, indexers, and events.<br />
+Use the <code>abstract</code> modifier in a class declaration to indicate that a class is intended only to be a base class of other classes, not instantiated on its own.<br />
+Members marked as <code>abstract</code> must be implemented by non-abstract classes that derive from the abstract class.</p>
+<p><code>abstract</code> classes have the following features:</p>
+<ul>
+<li>An <code>abstract</code> class cannot be instantiated.</li>
+<li>An <code>abstract</code> class may contain <code>abstract</code> methods and accessors.</li>
+<li>It is not possible to modify an <code>abstract</code> class with the <code>sealed</code> modifier because the two modifiers have opposite meanings.
+  The <code>sealed</code> modifier prevents a class from being inherited and the <code>abstract</code> modifier requires a class to be inherited.</li>
+<li>A <em>non-abstract</em> class derived from an <code>abstract</code> class must include actual implementations of all inherited <code>abstract</code> methods and accessors.</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: Use the <code>abstract</code> modifier in a method or property declaration to indicate that the method or property does not contain implementation.</p>
+</blockquote>
+<p><code>abstract</code> methods have the following features:</p>
+<ul>
+<li>An <code>abstract</code> method is implicitly a <code>virtual</code> method.</li>
+<li>
+<p><code>abstract</code> method declarations are only permitted in <code>abstract</code> classes.</p>
+</li>
+<li>
+<p>Because an <code>abstract</code> method declaration provides no actual implementation, there is no method body; the method declaration simply ends with a semicolon and there are no curly braces following the signature.</p>
+</li>
+<li>The implementation is provided by a method <em>override</em>, which is a member of a non-abstract class.</li>
+<li>It is an error to use the <code>static</code> or <code>virtual</code> modifiers in an <code>abstract</code> method declaration.</li>
+</ul>
+<p><code>abstract</code> properties behave like <code>abstract</code> methods, except for the differences in declaration and invocation syntax.</p>
+<ul>
+<li>It is an error to use the <code>abstract</code> modifier on a <code>static</code> property.</li>
+<li>An <code>abstract</code> inherited property can be overridden in a derived class by including a property declaration that uses the <code>override</code> modifier.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-71-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-71-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-71-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-71-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-71-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-71-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-71-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-71-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-71-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-71-10">10</a></span>
+<span class="normal"><a href="#__codelineno-71-11">11</a></span>
+<span class="normal"><a href="#__codelineno-71-12">12</a></span>
+<span class="normal"><a href="#__codelineno-71-13">13</a></span>
+<span class="normal"><a href="#__codelineno-71-14">14</a></span>
+<span class="normal"><a href="#__codelineno-71-15">15</a></span>
+<span class="normal"><a href="#__codelineno-71-16">16</a></span>
+<span class="normal"><a href="#__codelineno-71-17">17</a></span>
+<span class="normal"><a href="#__codelineno-71-18">18</a></span>
+<span class="normal"><a href="#__codelineno-71-19">19</a></span>
+<span class="normal"><a href="#__codelineno-71-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-71-1" name="__codelineno-71-1"></a><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Abstract</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Interface</span>
+<a id="__codelineno-71-2" name="__codelineno-71-2"></a><span class="p">{</span>
+<a id="__codelineno-71-3" name="__codelineno-71-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-71-4" name="__codelineno-71-4"></a>
+<a id="__codelineno-71-5" name="__codelineno-71-5"></a><span class="w">    </span><span class="c1">// interface methods can be mapped to abstract methods</span>
+<a id="__codelineno-71-6" name="__codelineno-71-6"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">();</span>
+<a id="__codelineno-71-7" name="__codelineno-71-7"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">();</span><span class="w">  </span><span class="c1">// force overriding (derived classes must provide new implementation)</span>
+<a id="__codelineno-71-8" name="__codelineno-71-8"></a><span class="p">}</span>
+<a id="__codelineno-71-9" name="__codelineno-71-9"></a>
+<a id="__codelineno-71-10" name="__codelineno-71-10"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Derived</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Abstract</span>
+<a id="__codelineno-71-11" name="__codelineno-71-11"></a><span class="p">{</span>
+<a id="__codelineno-71-12" name="__codelineno-71-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Property</span>
+<a id="__codelineno-71-13" name="__codelineno-71-13"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-71-14" name="__codelineno-71-14"></a><span class="w">        </span><span class="c1">// new behaviour</span>
+<a id="__codelineno-71-15" name="__codelineno-71-15"></a><span class="w">        </span><span class="k">get</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-71-16" name="__codelineno-71-16"></a><span class="w">        </span><span class="k">set</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-71-17" name="__codelineno-71-17"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-71-18" name="__codelineno-71-18"></a>
+<a id="__codelineno-71-19" name="__codelineno-71-19"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* statements */</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// implementation of abstract method</span>
+<a id="__codelineno-71-20" name="__codelineno-71-20"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="cloning">Cloning</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-72-1">1</a></span>
+<span class="normal"><a href="#__codelineno-72-2">2</a></span>
+<span class="normal"><a href="#__codelineno-72-3">3</a></span>
+<span class="normal"><a href="#__codelineno-72-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-72-1" name="__codelineno-72-1"></a><span class="n">Class</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Class</span><span class="p">()</span>
+<a id="__codelineno-72-2" name="__codelineno-72-2"></a>
+<a id="__codelineno-72-3" name="__codelineno-72-3"></a><span class="n">Object</span><span class="p">.</span><span class="n">MemberwiseClone</span><span class="p">();</span><span class="w">  </span><span class="c1">// Returns shallow copy of the object</span>
+<a id="__codelineno-72-4" name="__codelineno-72-4"></a><span class="n">IClonable</span><span class="p">.</span><span class="n">Clone</span><span class="p">();</span><span class="w">  </span><span class="c1">//  Creates a new object that is a copy of the current instance.</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="deconstruction">Deconstruction</h3>
+<p>Deconstruction is not limited to tuples. By providing a <code>Deconstruct(...)</code> method(s) C# allows to use the same syntax with the users types.</p>
+<blockquote>
+<p><strong>Note</strong>: Types with a deconstructor can also use <em>positional pattern matching</em>.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-73-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-73-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-73-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-73-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-73-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-73-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-73-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-73-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-73-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-73-10">10</a></span>
+<span class="normal"><a href="#__codelineno-73-11">11</a></span>
+<span class="normal"><a href="#__codelineno-73-12">12</a></span>
+<span class="normal"><a href="#__codelineno-73-13">13</a></span>
+<span class="normal"><a href="#__codelineno-73-14">14</a></span>
+<span class="normal"><a href="#__codelineno-73-15">15</a></span>
+<span class="normal"><a href="#__codelineno-73-16">16</a></span>
+<span class="normal"><a href="#__codelineno-73-17">17</a></span>
+<span class="normal"><a href="#__codelineno-73-18">18</a></span>
+<span class="normal"><a href="#__codelineno-73-19">19</a></span>
+<span class="normal"><a href="#__codelineno-73-20">20</a></span>
+<span class="normal"><a href="#__codelineno-73-21">21</a></span>
+<span class="normal"><a href="#__codelineno-73-22">22</a></span>
+<span class="normal"><a href="#__codelineno-73-23">23</a></span>
+<span class="normal"><a href="#__codelineno-73-24">24</a></span>
+<span class="normal"><a href="#__codelineno-73-25">25</a></span>
+<span class="normal"><a href="#__codelineno-73-26">26</a></span>
+<span class="normal"><a href="#__codelineno-73-27">27</a></span>
+<span class="normal"><a href="#__codelineno-73-28">28</a></span>
+<span class="normal"><a href="#__codelineno-73-29">29</a></span>
+<span class="normal"><a href="#__codelineno-73-30">30</a></span>
+<span class="normal"><a href="#__codelineno-73-31">31</a></span>
+<span class="normal"><a href="#__codelineno-73-32">32</a></span>
+<span class="normal"><a href="#__codelineno-73-33">33</a></span>
+<span class="normal"><a href="#__codelineno-73-34">34</a></span>
+<span class="normal"><a href="#__codelineno-73-35">35</a></span>
+<span class="normal"><a href="#__codelineno-73-36">36</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-73-1" name="__codelineno-73-1"></a><span class="k">public</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nc">Size</span>
+<a id="__codelineno-73-2" name="__codelineno-73-2"></a><span class="p">{</span>
+<a id="__codelineno-73-3" name="__codelineno-73-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Size</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">w</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">h</span><span class="p">)</span>
+<a id="__codelineno-73-4" name="__codelineno-73-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-73-5" name="__codelineno-73-5"></a><span class="w">        </span><span class="n">W</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">w</span><span class="p">;</span>
+<a id="__codelineno-73-6" name="__codelineno-73-6"></a><span class="w">        </span><span class="n">H</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">h</span><span class="p">;</span>
+<a id="__codelineno-73-7" name="__codelineno-73-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-73-8" name="__codelineno-73-8"></a>
+<a id="__codelineno-73-9" name="__codelineno-73-9"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Deconstruct</span><span class="p">(</span><span class="k">out</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">w</span><span class="p">,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">h</span><span class="p">)</span>
+<a id="__codelineno-73-10" name="__codelineno-73-10"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-73-11" name="__codelineno-73-11"></a><span class="w">        </span><span class="n">w</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">W</span><span class="p">;</span>
+<a id="__codelineno-73-12" name="__codelineno-73-12"></a><span class="w">        </span><span class="n">h</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">H</span><span class="p">;</span>
+<a id="__codelineno-73-13" name="__codelineno-73-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-73-14" name="__codelineno-73-14"></a>
+<a id="__codelineno-73-15" name="__codelineno-73-15"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">W</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-73-16" name="__codelineno-73-16"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">H</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-73-17" name="__codelineno-73-17"></a><span class="p">}</span>
+<a id="__codelineno-73-18" name="__codelineno-73-18"></a>
+<a id="__codelineno-73-19" name="__codelineno-73-19"></a><span class="c1">// deconstruction</span>
+<a id="__codelineno-73-20" name="__codelineno-73-20"></a><span class="kt">var</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Size</span><span class="p">(</span><span class="m">1</span><span class="w"> </span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">);</span>
+<a id="__codelineno-73-21" name="__codelineno-73-21"></a><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">w</span><span class="p">,</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">h</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">s</span><span class="p">;</span><span class="w">  </span><span class="c1">// w = 1, h = 2</span>
+<a id="__codelineno-73-22" name="__codelineno-73-22"></a>
+<a id="__codelineno-73-23" name="__codelineno-73-23"></a>
+<a id="__codelineno-73-24" name="__codelineno-73-24"></a><span class="c1">// positional patter matching</span>
+<a id="__codelineno-73-25" name="__codelineno-73-25"></a><span class="n">s</span><span class="w"> </span><span class="k">switch</span>
+<a id="__codelineno-73-26" name="__codelineno-73-26"></a><span class="p">{</span>
+<a id="__codelineno-73-27" name="__codelineno-73-27"></a><span class="w">    </span><span class="p">(</span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="m">0</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">&quot;Empty&quot;</span><span class="p">,</span>
+<a id="__codelineno-73-28" name="__codelineno-73-28"></a><span class="w">    </span><span class="p">(</span><span class="m">0</span><span class="p">,</span><span class="w"> </span><span class="n">_</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">&quot;Extremely narrow&quot;</span><span class="p">,</span>
+<a id="__codelineno-73-29" name="__codelineno-73-29"></a><span class="w">    </span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">w</span><span class="p">,</span><span class="w"> </span><span class="m">0</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">$&quot;Extremely short, and this wide: {w}&quot;</span><span class="p">,</span>
+<a id="__codelineno-73-30" name="__codelineno-73-30"></a><span class="w">    </span><span class="n">Size</span><span class="w"> </span><span class="n">_</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">&quot;Normal&quot;</span><span class="p">,</span>
+<a id="__codelineno-73-31" name="__codelineno-73-31"></a><span class="w">    </span><span class="n">_</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">&quot;Not a shape&quot;</span>
+<a id="__codelineno-73-32" name="__codelineno-73-32"></a><span class="p">};</span>
+<a id="__codelineno-73-33" name="__codelineno-73-33"></a>
+<a id="__codelineno-73-34" name="__codelineno-73-34"></a><span class="c1">// Assignment &amp; Declaration</span>
+<a id="__codelineno-73-35" name="__codelineno-73-35"></a><span class="kt">int</span><span class="w"> </span><span class="n">height</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">0</span><span class="p">;</span>
+<a id="__codelineno-73-36" name="__codelineno-73-36"></a><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">width</span><span class="p">,</span><span class="w"> </span><span class="n">height</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">size</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="operator-overloading">Operator Overloading</h2>
+<p>A user-defined type can overload a predefined C# operator. That is, a type can provide the custom implementation of an operation in case one or both of the operands are of that type.</p>
+<p>Use the operator keyword to declare an operator. An operator declaration must satisfy the following rules:</p>
+<ul>
+<li>It includes both a public and a static modifier.</li>
+<li>A unary operator has one input parameter. A binary operator has two input parameters.
+  In each case, at least one parameter must have type <code>T</code> or <code>T?</code> where <code>T</code> is the type that contains the operator declaration.</li>
+</ul>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/operators/operator-overloading#overloadable-operators">Overloadable operators</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-74-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-74-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-74-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-74-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-74-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-74-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-74-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-74-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-74-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-74-10">10</a></span>
+<span class="normal"><a href="#__codelineno-74-11">11</a></span>
+<span class="normal"><a href="#__codelineno-74-12">12</a></span>
+<span class="normal"><a href="#__codelineno-74-13">13</a></span>
+<span class="normal"><a href="#__codelineno-74-14">14</a></span>
+<span class="normal"><a href="#__codelineno-74-15">15</a></span>
+<span class="normal"><a href="#__codelineno-74-16">16</a></span>
+<span class="normal"><a href="#__codelineno-74-17">17</a></span>
+<span class="normal"><a href="#__codelineno-74-18">18</a></span>
+<span class="normal"><a href="#__codelineno-74-19">19</a></span>
+<span class="normal"><a href="#__codelineno-74-20">20</a></span>
+<span class="normal"><a href="#__codelineno-74-21">21</a></span>
+<span class="normal"><a href="#__codelineno-74-22">22</a></span>
+<span class="normal"><a href="#__codelineno-74-23">23</a></span>
+<span class="normal"><a href="#__codelineno-74-24">24</a></span>
+<span class="normal"><a href="#__codelineno-74-25">25</a></span>
+<span class="normal"><a href="#__codelineno-74-26">26</a></span>
+<span class="normal"><a href="#__codelineno-74-27">27</a></span>
+<span class="normal"><a href="#__codelineno-74-28">28</a></span>
+<span class="normal"><a href="#__codelineno-74-29">29</a></span>
+<span class="normal"><a href="#__codelineno-74-30">30</a></span>
+<span class="normal"><a href="#__codelineno-74-31">31</a></span>
+<span class="normal"><a href="#__codelineno-74-32">32</a></span>
+<span class="normal"><a href="#__codelineno-74-33">33</a></span>
+<span class="normal"><a href="#__codelineno-74-34">34</a></span>
+<span class="normal"><a href="#__codelineno-74-35">35</a></span>
+<span class="normal"><a href="#__codelineno-74-36">36</a></span>
+<span class="normal"><a href="#__codelineno-74-37">37</a></span>
+<span class="normal"><a href="#__codelineno-74-38">38</a></span>
+<span class="normal"><a href="#__codelineno-74-39">39</a></span>
+<span class="normal"><a href="#__codelineno-74-40">40</a></span>
+<span class="normal"><a href="#__codelineno-74-41">41</a></span>
+<span class="normal"><a href="#__codelineno-74-42">42</a></span>
+<span class="normal"><a href="#__codelineno-74-43">43</a></span>
+<span class="normal"><a href="#__codelineno-74-44">44</a></span>
+<span class="normal"><a href="#__codelineno-74-45">45</a></span>
+<span class="normal"><a href="#__codelineno-74-46">46</a></span>
+<span class="normal"><a href="#__codelineno-74-47">47</a></span>
+<span class="normal"><a href="#__codelineno-74-48">48</a></span>
+<span class="normal"><a href="#__codelineno-74-49">49</a></span>
+<span class="normal"><a href="#__codelineno-74-50">50</a></span>
+<span class="normal"><a href="#__codelineno-74-51">51</a></span>
+<span class="normal"><a href="#__codelineno-74-52">52</a></span>
+<span class="normal"><a href="#__codelineno-74-53">53</a></span>
+<span class="normal"><a href="#__codelineno-74-54">54</a></span>
+<span class="normal"><a href="#__codelineno-74-55">55</a></span>
+<span class="normal"><a href="#__codelineno-74-56">56</a></span>
+<span class="normal"><a href="#__codelineno-74-57">57</a></span>
+<span class="normal"><a href="#__codelineno-74-58">58</a></span>
+<span class="normal"><a href="#__codelineno-74-59">59</a></span>
+<span class="normal"><a href="#__codelineno-74-60">60</a></span>
+<span class="normal"><a href="#__codelineno-74-61">61</a></span>
+<span class="normal"><a href="#__codelineno-74-62">62</a></span>
+<span class="normal"><a href="#__codelineno-74-63">63</a></span>
+<span class="normal"><a href="#__codelineno-74-64">64</a></span>
+<span class="normal"><a href="#__codelineno-74-65">65</a></span>
+<span class="normal"><a href="#__codelineno-74-66">66</a></span>
+<span class="normal"><a href="#__codelineno-74-67">67</a></span>
+<span class="normal"><a href="#__codelineno-74-68">68</a></span>
+<span class="normal"><a href="#__codelineno-74-69">69</a></span>
+<span class="normal"><a href="#__codelineno-74-70">70</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-74-1" name="__codelineno-74-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span>
+<a id="__codelineno-74-2" name="__codelineno-74-2"></a>
+<a id="__codelineno-74-3" name="__codelineno-74-3"></a><span class="k">public</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nc">Fraction</span>
+<a id="__codelineno-74-4" name="__codelineno-74-4"></a><span class="p">{</span>
+<a id="__codelineno-74-5" name="__codelineno-74-5"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">num</span><span class="p">;</span>
+<a id="__codelineno-74-6" name="__codelineno-74-6"></a><span class="w">    </span><span class="k">private</span><span class="w"> </span><span class="k">readonly</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">den</span><span class="p">;</span>
+<a id="__codelineno-74-7" name="__codelineno-74-7"></a>
+<a id="__codelineno-74-8" name="__codelineno-74-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Fraction</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">numerator</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">denominator</span><span class="p">)</span>
+<a id="__codelineno-74-9" name="__codelineno-74-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-74-10" name="__codelineno-74-10"></a><span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">denominator</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="m">0</span><span class="p">)</span>
+<a id="__codelineno-74-11" name="__codelineno-74-11"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-74-12" name="__codelineno-74-12"></a><span class="w">            </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">ArgumentException</span><span class="p">(</span><span class="s">&quot;Denominator cannot be zero.&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">nameof</span><span class="p">(</span><span class="n">denominator</span><span class="p">));</span>
+<a id="__codelineno-74-13" name="__codelineno-74-13"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-74-14" name="__codelineno-74-14"></a><span class="w">        </span><span class="n">num</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">numerator</span><span class="p">;</span>
+<a id="__codelineno-74-15" name="__codelineno-74-15"></a><span class="w">        </span><span class="n">den</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">denominator</span><span class="p">;</span>
+<a id="__codelineno-74-16" name="__codelineno-74-16"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-74-17" name="__codelineno-74-17"></a>
+<a id="__codelineno-74-18" name="__codelineno-74-18"></a><span class="w">    </span><span class="c1">// unary arithmetic operators overloading</span>
+<a id="__codelineno-74-19" name="__codelineno-74-19"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">+</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">a</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">a</span><span class="p">;</span>
+<a id="__codelineno-74-20" name="__codelineno-74-20"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">-</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">a</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Fraction</span><span class="p">(</span><span class="o">-</span><span class="n">a</span><span class="p">.</span><span class="n">num</span><span class="p">,</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="n">den</span><span class="p">);</span>
+<a id="__codelineno-74-21" name="__codelineno-74-21"></a>
+<a id="__codelineno-74-22" name="__codelineno-74-22"></a><span class="w">    </span><span class="c1">// binary arithmetic operators overloading</span>
+<a id="__codelineno-74-23" name="__codelineno-74-23"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">+</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">b</span><span class="p">)</span>
+<a id="__codelineno-74-24" name="__codelineno-74-24"></a><span class="w">        </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Fraction</span><span class="p">(</span><span class="n">a</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="n">den</span><span class="p">,</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">den</span><span class="p">);</span>
+<a id="__codelineno-74-25" name="__codelineno-74-25"></a>
+<a id="__codelineno-74-26" name="__codelineno-74-26"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">-</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">b</span><span class="p">)</span>
+<a id="__codelineno-74-27" name="__codelineno-74-27"></a><span class="w">        </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">a</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="p">(</span><span class="o">-</span><span class="n">b</span><span class="p">);</span>
+<a id="__codelineno-74-28" name="__codelineno-74-28"></a>
+<a id="__codelineno-74-29" name="__codelineno-74-29"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">*</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">b</span><span class="p">)</span>
+<a id="__codelineno-74-30" name="__codelineno-74-30"></a><span class="w">        </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Fraction</span><span class="p">(</span><span class="n">a</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">num</span><span class="p">,</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">den</span><span class="p">);</span>
+<a id="__codelineno-74-31" name="__codelineno-74-31"></a>
+<a id="__codelineno-74-32" name="__codelineno-74-32"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">/</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">b</span><span class="p">)</span>
+<a id="__codelineno-74-33" name="__codelineno-74-33"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-74-34" name="__codelineno-74-34"></a><span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">b</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="m">0</span><span class="p">)</span>
+<a id="__codelineno-74-35" name="__codelineno-74-35"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-74-36" name="__codelineno-74-36"></a><span class="w">            </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">DivideByZeroException</span><span class="p">();</span>
+<a id="__codelineno-74-37" name="__codelineno-74-37"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-74-38" name="__codelineno-74-38"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="nf">Fraction</span><span class="p">(</span><span class="n">a</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">den</span><span class="p">,</span><span class="w"> </span><span class="n">a</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">b</span><span class="p">.</span><span class="n">num</span><span class="p">);</span>
+<a id="__codelineno-74-39" name="__codelineno-74-39"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-74-40" name="__codelineno-74-40"></a>
+<a id="__codelineno-74-41" name="__codelineno-74-41"></a><span class="w">    </span><span class="c1">// conversion operator overloading</span>
+<a id="__codelineno-74-42" name="__codelineno-74-42"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">implicit</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="nf">float</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">f</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="n">f</span><span class="p">.</span><span class="n">den</span><span class="p">;</span>
+<a id="__codelineno-74-43" name="__codelineno-74-43"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">explicit</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="nf">Fraction</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Fraction</span><span class="p">(</span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="m">1</span><span class="p">);</span>
+<a id="__codelineno-74-44" name="__codelineno-74-44"></a>
+<a id="__codelineno-74-45" name="__codelineno-74-45"></a><span class="w">    </span><span class="c1">// true &amp; false operator overloading (truthiness and falseness more than exact boolean value)</span>
+<a id="__codelineno-74-46" name="__codelineno-74-46"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="nf">true</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="m">0</span><span class="p">;</span>
+<a id="__codelineno-74-47" name="__codelineno-74-47"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="nf">false</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="m">0</span><span class="p">;</span>
+<a id="__codelineno-74-48" name="__codelineno-74-48"></a><span class="w">    </span><span class="c1">// if &amp;, |, true, false are overloaded than &amp;&amp; and || will work</span>
+<a id="__codelineno-74-49" name="__codelineno-74-49"></a>
+<a id="__codelineno-74-50" name="__codelineno-74-50"></a><span class="w">    </span><span class="c1">// comparison operators overloading</span>
+<a id="__codelineno-74-51" name="__codelineno-74-51"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">==</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f1</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f2</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">f1</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">f2</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="n">f1</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">f2</span><span class="p">.</span><span class="n">den</span><span class="p">;</span>
+<a id="__codelineno-74-52" name="__codelineno-74-52"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">!=</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f1</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f2</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">f1</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">f2</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">f1</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="n">f2</span><span class="p">.</span><span class="n">den</span><span class="p">;</span>
+<a id="__codelineno-74-53" name="__codelineno-74-53"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">&gt;</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f1</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f2</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...;</span>
+<a id="__codelineno-74-54" name="__codelineno-74-54"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">&gt;=</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f1</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f2</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...;</span>
+<a id="__codelineno-74-55" name="__codelineno-74-55"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">&lt;</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f1</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f2</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...;</span>
+<a id="__codelineno-74-56" name="__codelineno-74-56"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">&lt;=</span><span class="p">(</span><span class="n">Fraction</span><span class="w"> </span><span class="n">f1</span><span class="p">,</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f2</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">...;</span>
+<a id="__codelineno-74-57" name="__codelineno-74-57"></a>
+<a id="__codelineno-74-58" name="__codelineno-74-58"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="nf">Equals</span><span class="p">(</span><span class="kt">object</span><span class="w"> </span><span class="n">obj</span><span class="p">)</span>
+<a id="__codelineno-74-59" name="__codelineno-74-59"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-74-60" name="__codelineno-74-60"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Fraction</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">f</span><span class="p">.</span><span class="n">num</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="n">den</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="n">f</span><span class="p">.</span><span class="n">den</span><span class="p">;</span><span class="w">  </span><span class="c1">// same type + same values</span>
+<a id="__codelineno-74-61" name="__codelineno-74-61"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-74-62" name="__codelineno-74-62"></a>
+<a id="__codelineno-74-63" name="__codelineno-74-63"></a><span class="w">    </span><span class="c1">// required if Equals has been implemented</span>
+<a id="__codelineno-74-64" name="__codelineno-74-64"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="nf">GetHashCode</span><span class="p">()</span>
+<a id="__codelineno-74-65" name="__codelineno-74-65"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-74-66" name="__codelineno-74-66"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="p">(</span><span class="n">num</span><span class="p">,</span><span class="w"> </span><span class="n">den</span><span class="p">).</span><span class="n">GetHashCode</span><span class="p">();</span>
+<a id="__codelineno-74-67" name="__codelineno-74-67"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-74-68" name="__codelineno-74-68"></a>
+<a id="__codelineno-74-69" name="__codelineno-74-69"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="nf">ToString</span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="s">$&quot;{num} / {den}&quot;</span><span class="p">;</span>
+<a id="__codelineno-74-70" name="__codelineno-74-70"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nested-types">Nested Types</h3>
+<p>A type defined at <em>global scope</em> can be only <code>public</code>or <code>internal</code>.
+private wouldn't make sense since that makes something accessible only from within its containing type, and there is no containing type at global scope.<br />
+But a nested type does have a containing type, so if a nested type is <code>private</code>, that type can be used only from inside the type within which it is nested.</p>
+<blockquote>
+<p><strong>Note</strong>: Code in a nested type is allowed to use nonpublic members of its containing type. However, an instance of a nested type does not automatically get a reference to an instance of its containing type.</p>
+</blockquote>
+<hr />
+<h2 id="interfaces">Interfaces</h2>
+<p>An interface declares methods, properties, and events, but it doesn't have to define their bodies.<br />
+An interface is effectively a list of the members that a type will need to provide if it wants to implement the interface.</p>
+<p>C# 8.0 adds the ability to define default implementations for some or all methods, and also to define nested types and static fields.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-75-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-75-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-75-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-75-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-75-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-75-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-75-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-75-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-75-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-75-10">10</a></span>
+<span class="normal"><a href="#__codelineno-75-11">11</a></span>
+<span class="normal"><a href="#__codelineno-75-12">12</a></span>
+<span class="normal"><a href="#__codelineno-75-13">13</a></span>
+<span class="normal"><a href="#__codelineno-75-14">14</a></span>
+<span class="normal"><a href="#__codelineno-75-15">15</a></span>
+<span class="normal"><a href="#__codelineno-75-16">16</a></span>
+<span class="normal"><a href="#__codelineno-75-17">17</a></span>
+<span class="normal"><a href="#__codelineno-75-18">18</a></span>
+<span class="normal"><a href="#__codelineno-75-19">19</a></span>
+<span class="normal"><a href="#__codelineno-75-20">20</a></span>
+<span class="normal"><a href="#__codelineno-75-21">21</a></span>
+<span class="normal"><a href="#__codelineno-75-22">22</a></span>
+<span class="normal"><a href="#__codelineno-75-23">23</a></span>
+<span class="normal"><a href="#__codelineno-75-24">24</a></span>
+<span class="normal"><a href="#__codelineno-75-25">25</a></span>
+<span class="normal"><a href="#__codelineno-75-26">26</a></span>
+<span class="normal"><a href="#__codelineno-75-27">27</a></span>
+<span class="normal"><a href="#__codelineno-75-28">28</a></span>
+<span class="normal"><a href="#__codelineno-75-29">29</a></span>
+<span class="normal"><a href="#__codelineno-75-30">30</a></span>
+<span class="normal"><a href="#__codelineno-75-31">31</a></span>
+<span class="normal"><a href="#__codelineno-75-32">32</a></span>
+<span class="normal"><a href="#__codelineno-75-33">33</a></span>
+<span class="normal"><a href="#__codelineno-75-34">34</a></span>
+<span class="normal"><a href="#__codelineno-75-35">35</a></span>
+<span class="normal"><a href="#__codelineno-75-36">36</a></span>
+<span class="normal"><a href="#__codelineno-75-37">37</a></span>
+<span class="normal"><a href="#__codelineno-75-38">38</a></span>
+<span class="normal"><a href="#__codelineno-75-39">39</a></span>
+<span class="normal"><a href="#__codelineno-75-40">40</a></span>
+<span class="normal"><a href="#__codelineno-75-41">41</a></span>
+<span class="normal"><a href="#__codelineno-75-42">42</a></span>
+<span class="normal"><a href="#__codelineno-75-43">43</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-75-1" name="__codelineno-75-1"></a><span class="c1">// can only be public or internal if not nested, any accessibility otherwise</span>
+<a id="__codelineno-75-2" name="__codelineno-75-2"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IContract</span>
+<a id="__codelineno-75-3" name="__codelineno-75-3"></a><span class="p">{</span>
+<a id="__codelineno-75-4" name="__codelineno-75-4"></a><span class="w">    </span><span class="c1">// properties</span>
+<a id="__codelineno-75-5" name="__codelineno-75-5"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-75-6" name="__codelineno-75-6"></a>
+<a id="__codelineno-75-7" name="__codelineno-75-7"></a><span class="w">    </span><span class="c1">// methods (only signature)</span>
+<a id="__codelineno-75-8" name="__codelineno-75-8"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-75-9" name="__codelineno-75-9"></a>
+<a id="__codelineno-75-10" name="__codelineno-75-10"></a><span class="w">    </span><span class="c1">// default interface implementations</span>
+<a id="__codelineno-75-11" name="__codelineno-75-11"></a><span class="w">    </span><span class="c1">// (method has body), if not implemented in inheriting class the implementation will be this</span>
+<a id="__codelineno-75-12" name="__codelineno-75-12"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-75-13" name="__codelineno-75-13"></a>
+<a id="__codelineno-75-14" name="__codelineno-75-14"></a><span class="w">    </span><span class="c1">// constants</span>
+<a id="__codelineno-75-15" name="__codelineno-75-15"></a><span class="w">    </span><span class="k">const</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">CONSTANT</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-75-16" name="__codelineno-75-16"></a>
+<a id="__codelineno-75-17" name="__codelineno-75-17"></a><span class="w">    </span><span class="c1">// static properties</span>
+<a id="__codelineno-75-18" name="__codelineno-75-18"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">StaticProperty</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-75-19" name="__codelineno-75-19"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">StaticMethod</span><span class="p">();</span>
+<a id="__codelineno-75-20" name="__codelineno-75-20"></a>
+<a id="__codelineno-75-21" name="__codelineno-75-21"></a><span class="w">    </span><span class="c1">// static abstract members</span>
+<a id="__codelineno-75-22" name="__codelineno-75-22"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">AbstractProperty</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-75-23" name="__codelineno-75-23"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">AbstractMethod</span><span class="p">();</span>
+<a id="__codelineno-75-24" name="__codelineno-75-24"></a>
+<a id="__codelineno-75-25" name="__codelineno-75-25"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="n">IContract</span><span class="w"> </span><span class="k">operator</span><span class="w"> </span><span class="o">+</span><span class="p">(</span><span class="n">IContract</span><span class="w"> </span><span class="n">source</span><span class="p">);</span>
+<a id="__codelineno-75-26" name="__codelineno-75-26"></a>
+<a id="__codelineno-75-27" name="__codelineno-75-27"></a><span class="w">    </span><span class="c1">// nested types are valid, accessibility is needed</span>
+<a id="__codelineno-75-28" name="__codelineno-75-28"></a><span class="p">}</span>
+<a id="__codelineno-75-29" name="__codelineno-75-29"></a>
+<a id="__codelineno-75-30" name="__codelineno-75-30"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IContract</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// interfaces can be generic</span>
+<a id="__codelineno-75-31" name="__codelineno-75-31"></a>
+<a id="__codelineno-75-32" name="__codelineno-75-32"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Contract</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">IContract</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-75-33" name="__codelineno-75-33"></a>
+<a id="__codelineno-75-34" name="__codelineno-75-34"></a><span class="kt">var</span><span class="w"> </span><span class="n">contract</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Contract</span><span class="p">();</span>
+<a id="__codelineno-75-35" name="__codelineno-75-35"></a><span class="n">contract</span><span class="p">.</span><span class="n">Property</span><span class="p">;</span>
+<a id="__codelineno-75-36" name="__codelineno-75-36"></a><span class="n">contract</span><span class="p">.</span><span class="n">Method</span><span class="p">();</span>
+<a id="__codelineno-75-37" name="__codelineno-75-37"></a>
+<a id="__codelineno-75-38" name="__codelineno-75-38"></a><span class="n">contract</span><span class="p">.</span><span class="n">AbstractProperty</span><span class="p">;</span>
+<a id="__codelineno-75-39" name="__codelineno-75-39"></a><span class="n">contract</span><span class="p">.</span><span class="n">AbstractMethod</span><span class="p">();</span>
+<a id="__codelineno-75-40" name="__codelineno-75-40"></a>
+<a id="__codelineno-75-41" name="__codelineno-75-41"></a><span class="n">IContract</span><span class="p">.</span><span class="n">CONSTANT</span><span class="p">;</span>
+<a id="__codelineno-75-42" name="__codelineno-75-42"></a><span class="n">IContract</span><span class="p">.</span><span class="n">StaticProperty</span><span class="p">;</span>
+<a id="__codelineno-75-43" name="__codelineno-75-43"></a><span class="n">IContract</span><span class="p">.</span><span class="n">StaticMethod</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Interfaces are reference types. Despite this, it's possible tp implement interfaces on both classes and structs.<br />
+However, be careful when doing so with a struct, because when getting hold of an interface-typed reference to a struct, it will be a reference to a <em>box</em>,<br />
+which is effectively an object that holds a copy of a struct in a way that can be referred to via a reference.</p>
+</blockquote>
+<hr />
+<h2 id="generics">Generics</h2>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/generics/">Generics Docs</a>
+<a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/generics/generic-methods">Generic Methods Docs</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-76-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-76-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-76-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-76-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-76-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-76-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-76-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-76-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-76-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-76-10">10</a></span>
+<span class="normal"><a href="#__codelineno-76-11">11</a></span>
+<span class="normal"><a href="#__codelineno-76-12">12</a></span>
+<span class="normal"><a href="#__codelineno-76-13">13</a></span>
+<span class="normal"><a href="#__codelineno-76-14">14</a></span>
+<span class="normal"><a href="#__codelineno-76-15">15</a></span>
+<span class="normal"><a href="#__codelineno-76-16">16</a></span>
+<span class="normal"><a href="#__codelineno-76-17">17</a></span>
+<span class="normal"><a href="#__codelineno-76-18">18</a></span>
+<span class="normal"><a href="#__codelineno-76-19">19</a></span>
+<span class="normal"><a href="#__codelineno-76-20">20</a></span>
+<span class="normal"><a href="#__codelineno-76-21">21</a></span>
+<span class="normal"><a href="#__codelineno-76-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-76-1" name="__codelineno-76-1"></a><span class="c1">// type parameter T in angle brackets</span>
+<a id="__codelineno-76-2" name="__codelineno-76-2"></a><span class="c1">// WARNING: T is not instantiable, new t(), new t[] are INVALID</span>
+<a id="__codelineno-76-3" name="__codelineno-76-3"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-76-4" name="__codelineno-76-4"></a>
+<a id="__codelineno-76-5" name="__codelineno-76-5"></a><span class="w">    </span><span class="c1">// constructors</span>
+<a id="__codelineno-76-6" name="__codelineno-76-6"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">GenericClass</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-76-7" name="__codelineno-76-7"></a>
+<a id="__codelineno-76-8" name="__codelineno-76-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">GenericClass</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">data</span><span class="p">){</span>
+<a id="__codelineno-76-9" name="__codelineno-76-9"></a><span class="w">        </span><span class="n">Generic</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">data</span><span class="p">;</span>
+<a id="__codelineno-76-10" name="__codelineno-76-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-76-11" name="__codelineno-76-11"></a>
+<a id="__codelineno-76-12" name="__codelineno-76-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="n">Generic</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// generic type auto-property</span>
+<a id="__codelineno-76-13" name="__codelineno-76-13"></a>
+<a id="__codelineno-76-14" name="__codelineno-76-14"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">GenericMethodName</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">t</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// same generic as class</span>
+<a id="__codelineno-76-15" name="__codelineno-76-15"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="n">GenericMethodName</span><span class="o">&lt;</span><span class="n">S</span><span class="o">&gt;</span><span class="p">(</span><span class="n">S</span><span class="w"> </span><span class="n">s</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// new generic type</span>
+<a id="__codelineno-76-16" name="__codelineno-76-16"></a><span class="p">}</span>
+<a id="__codelineno-76-17" name="__codelineno-76-17"></a>
+<a id="__codelineno-76-18" name="__codelineno-76-18"></a><span class="n">GenericClass</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">GenericClass</span><span class="o">&lt;&gt;</span><span class="p">();</span>
+<a id="__codelineno-76-19" name="__codelineno-76-19"></a><span class="n">GenericClass</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">[]</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">GenericClass</span><span class="o">&lt;&gt;</span><span class="p">[];</span><span class="w">  </span><span class="c1">// invalid</span>
+<a id="__codelineno-76-20" name="__codelineno-76-20"></a>
+<a id="__codelineno-76-21" name="__codelineno-76-21"></a><span class="n">obj</span><span class="p">.</span><span class="n">GenericMethodName</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">();</span><span class="w">  </span><span class="c1">// generic method call</span>
+<a id="__codelineno-76-22" name="__codelineno-76-22"></a><span class="n">obj</span><span class="p">.</span><span class="n">GenericMethodName</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">);</span><span class="w">  </span><span class="c1">// type deduced by input, input type and generic method type must match</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiple-generics">Multiple Generics</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-77-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-77-1" name="__codelineno-77-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T1</span><span class="p">,</span><span class="w"> </span><span class="n">T2</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// number of generic types is not limited</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="parameters-constraints">Parameters Constraints</h3>
+<p>Specify an interface or class that the generic type must implement/inherit.</p>
+<p>C# supports only six kinds of constraints on a type argument:</p>
+<ul>
+<li>type constraint</li>
+<li>reference type constraint</li>
+<li>value type constraint</li>
+<li><code>notnull</code></li>
+<li><code>unmanaged</code></li>
+<li><code>new()</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-78-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-78-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-78-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-78-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-78-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-78-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-78-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-78-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-78-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-78-10">10</a></span>
+<span class="normal"><a href="#__codelineno-78-11">11</a></span>
+<span class="normal"><a href="#__codelineno-78-12">12</a></span>
+<span class="normal"><a href="#__codelineno-78-13">13</a></span>
+<span class="normal"><a href="#__codelineno-78-14">14</a></span>
+<span class="normal"><a href="#__codelineno-78-15">15</a></span>
+<span class="normal"><a href="#__codelineno-78-16">16</a></span>
+<span class="normal"><a href="#__codelineno-78-17">17</a></span>
+<span class="normal"><a href="#__codelineno-78-18">18</a></span>
+<span class="normal"><a href="#__codelineno-78-19">19</a></span>
+<span class="normal"><a href="#__codelineno-78-20">20</a></span>
+<span class="normal"><a href="#__codelineno-78-21">21</a></span>
+<span class="normal"><a href="#__codelineno-78-22">22</a></span>
+<span class="normal"><a href="#__codelineno-78-23">23</a></span>
+<span class="normal"><a href="#__codelineno-78-24">24</a></span>
+<span class="normal"><a href="#__codelineno-78-25">25</a></span>
+<span class="normal"><a href="#__codelineno-78-26">26</a></span>
+<span class="normal"><a href="#__codelineno-78-27">27</a></span>
+<span class="normal"><a href="#__codelineno-78-28">28</a></span>
+<span class="normal"><a href="#__codelineno-78-29">29</a></span>
+<span class="normal"><a href="#__codelineno-78-30">30</a></span>
+<span class="normal"><a href="#__codelineno-78-31">31</a></span>
+<span class="normal"><a href="#__codelineno-78-32">32</a></span>
+<span class="normal"><a href="#__codelineno-78-33">33</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-78-1" name="__codelineno-78-1"></a><span class="c1">// type constraints</span>
+<a id="__codelineno-78-2" name="__codelineno-78-2"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Interface</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-78-3" name="__codelineno-78-3"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="n">GenericClass</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-78-4" name="__codelineno-78-4"></a>
+<a id="__codelineno-78-5" name="__codelineno-78-5"></a><span class="c1">// Enums and Delegates (type constraints)</span>
+<a id="__codelineno-78-6" name="__codelineno-78-6"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Enum</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-78-7" name="__codelineno-78-7"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Delegate</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-78-8" name="__codelineno-78-8"></a>
+<a id="__codelineno-78-9" name="__codelineno-78-9"></a><span class="c1">// reference type constraints (cannot be primitives or structs) --&gt; can test nullability, can use AS operator</span>
+<a id="__codelineno-78-10" name="__codelineno-78-10"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T must be not nullable reference type</span>
+<a id="__codelineno-78-11" name="__codelineno-78-11"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">class</span><span class="o">?</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T can be (not)nullable reference type</span>
+<a id="__codelineno-78-12" name="__codelineno-78-12"></a>
+<a id="__codelineno-78-13" name="__codelineno-78-13"></a><span class="c1">// value type constraint</span>
+<a id="__codelineno-78-14" name="__codelineno-78-14"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T must be a struct or a primitive type</span>
+<a id="__codelineno-78-15" name="__codelineno-78-15"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">unmanaged</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T must be a value type and its contents can only be value types, recursively</span>
+<a id="__codelineno-78-16" name="__codelineno-78-16"></a>
+<a id="__codelineno-78-17" name="__codelineno-78-17"></a><span class="c1">// no nulls</span>
+<a id="__codelineno-78-18" name="__codelineno-78-18"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">notnull</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T must be a value type or a not nullable reference type</span>
+<a id="__codelineno-78-19" name="__codelineno-78-19"></a>
+<a id="__codelineno-78-20" name="__codelineno-78-20"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">new</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T must provide a parameterless constructor, cannot be abstract</span>
+<a id="__codelineno-78-21" name="__codelineno-78-21"></a>
+<a id="__codelineno-78-22" name="__codelineno-78-22"></a><span class="c1">// multiple constraints</span>
+<a id="__codelineno-78-23" name="__codelineno-78-23"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T1</span><span class="p">,</span><span class="w"> </span><span class="n">T2</span><span class="o">&gt;</span>
+<a id="__codelineno-78-24" name="__codelineno-78-24"></a><span class="w">    </span><span class="k">where</span><span class="w"> </span><span class="n">T1</span><span class="p">:</span><span class="w"> </span><span class="n">Interface</span>
+<a id="__codelineno-78-25" name="__codelineno-78-25"></a><span class="w">    </span><span class="k">where</span><span class="w"> </span><span class="n">T2</span><span class="p">:</span><span class="w"> </span><span class="n">Interface1</span><span class="p">,</span><span class="w"> </span><span class="n">Interface2</span>
+<a id="__codelineno-78-26" name="__codelineno-78-26"></a><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-78-27" name="__codelineno-78-27"></a>
+<a id="__codelineno-78-28" name="__codelineno-78-28"></a><span class="c1">// generic methods constraints</span>
+<a id="__codelineno-78-29" name="__codelineno-78-29"></a><span class="k">public</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="n">GenericMethod</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">class</span><span class="o">?</span>
+<a id="__codelineno-78-30" name="__codelineno-78-30"></a><span class="p">{</span>
+<a id="__codelineno-78-31" name="__codelineno-78-31"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-78-32" name="__codelineno-78-32"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-78-33" name="__codelineno-78-33"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="inheritance">Inheritance</h2>
+<p>Classes support only single inheritance. Interfaces offer a form of multiple inheritance. Value types do not support inheritance at all.<br />
+One reason for this is that value types are not normally used by reference, which removes one of the main benefits of inheritance: runtime polymorphism.</p>
+<p>Since a derived class inherits everything the base class has—all its fields, methods, and other members,<br />
+both public and private—an instance of the derived class can do anything an instance of the base could do.</p>
+<blockquote>
+<p><strong>Note</strong>: When deriving from a class, it's not possible to make the derived class more visible than its base. This restriction does not apply to interfaces.<br />
+A <code>public</code> class is free to implement <code>internal</code> or <code>private</code> interfaces. However, it does apply to an interface's bases: a <code>public</code> interface cannot derive from an <code>internal</code> interface.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-79-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-79-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-79-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-79-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-79-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-79-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-79-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-79-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-79-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-79-10">10</a></span>
+<span class="normal"><a href="#__codelineno-79-11">11</a></span>
+<span class="normal"><a href="#__codelineno-79-12">12</a></span>
+<span class="normal"><a href="#__codelineno-79-13">13</a></span>
+<span class="normal"><a href="#__codelineno-79-14">14</a></span>
+<span class="normal"><a href="#__codelineno-79-15">15</a></span>
+<span class="normal"><a href="#__codelineno-79-16">16</a></span>
+<span class="normal"><a href="#__codelineno-79-17">17</a></span>
+<span class="normal"><a href="#__codelineno-79-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-79-1" name="__codelineno-79-1"></a><span class="k">class</span><span class="w"> </span><span class="nc">BaseClass</span>
+<a id="__codelineno-79-2" name="__codelineno-79-2"></a><span class="p">{</span>
+<a id="__codelineno-79-3" name="__codelineno-79-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">virtual</span><span class="w"> </span><span class="n">Property</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-79-4" name="__codelineno-79-4"></a>
+<a id="__codelineno-79-5" name="__codelineno-79-5"></a><span class="w">    </span><span class="c1">// to be overridden method must be ABSTRACT or VIRTUAL</span>
+<a id="__codelineno-79-6" name="__codelineno-79-6"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">virtual</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-79-7" name="__codelineno-79-7"></a><span class="p">}</span>
+<a id="__codelineno-79-8" name="__codelineno-79-8"></a>
+<a id="__codelineno-79-9" name="__codelineno-79-9"></a><span class="c1">// the base class is ALWAYS the first after the colons</span>
+<a id="__codelineno-79-10" name="__codelineno-79-10"></a><span class="k">class</span><span class="w"> </span><span class="nc">ChildClass</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">BaseClass</span><span class="p">,</span><span class="w"> </span><span class="n">Interface</span><span class="p">,</span><span class="w"> </span><span class="n">Interface</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span>
+<a id="__codelineno-79-11" name="__codelineno-79-11"></a><span class="p">{</span>
+<a id="__codelineno-79-12" name="__codelineno-79-12"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// override base&#39;s method (same signature)</span>
+<a id="__codelineno-79-13" name="__codelineno-79-13"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="n">DerivedType</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// override base&#39;s method, can return more specific type (covariant return type, C# 9)</span>
+<a id="__codelineno-79-14" name="__codelineno-79-14"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// hide base&#39;s method and prevent name conflict warning (hiding method can change signature)</span>
+<a id="__codelineno-79-15" name="__codelineno-79-15"></a>
+<a id="__codelineno-79-16" name="__codelineno-79-16"></a><span class="w">    </span><span class="k">base</span><span class="p">.</span><span class="n">Method</span><span class="p">();</span><span class="w">  </span><span class="c1">// call base method</span>
+<a id="__codelineno-79-17" name="__codelineno-79-17"></a><span class="w">    </span><span class="n">type</span><span class="w"> </span><span class="n">Interface</span><span class="p">.</span><span class="n">Method</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// explicit implementation of an interface member (resolve name conflict between interfaces)</span>
+<a id="__codelineno-79-18" name="__codelineno-79-18"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="downcasting">Downcasting</h3>
+<p>Downcasting is the conversion from a base class type to one of it's derived types.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-80-1">1</a></span>
+<span class="normal"><a href="#__codelineno-80-2">2</a></span>
+<span class="normal"><a href="#__codelineno-80-3">3</a></span>
+<span class="normal"><a href="#__codelineno-80-4">4</a></span>
+<span class="normal"><a href="#__codelineno-80-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-80-1" name="__codelineno-80-1"></a><span class="n">Base</span><span class="w"> </span><span class="n">b</span><span class="p">;</span>
+<a id="__codelineno-80-2" name="__codelineno-80-2"></a><span class="kt">var</span><span class="w"> </span><span class="n">d</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">Derived</span><span class="p">)</span><span class="w"> </span><span class="n">b</span><span class="p">;</span><span class="w">  </span><span class="c1">// explicit casting (if conversion fails throws InvalidCastException)</span>
+<a id="__codelineno-80-3" name="__codelineno-80-3"></a><span class="kt">var</span><span class="w"> </span><span class="n">d</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">b</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="n">Derived</span><span class="p">;</span><span class="w">  </span><span class="c1">// as operator (if conversion fails AS will return NULL)</span>
+<a id="__codelineno-80-4" name="__codelineno-80-4"></a><span class="k">if</span><span class="p">(</span><span class="n">b</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Derived</span><span class="w"> </span><span class="n">d</span><span class="p">)</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// type pattern, d contains converted obj (if conversion fails IS returns FALSE)</span>
+<a id="__codelineno-80-5" name="__codelineno-80-5"></a><span class="k">if</span><span class="p">(</span><span class="n">b</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="n">Derived</span><span class="p">)</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// simple type pattern (if conversion fails IS returns FALSE)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inheritance-constructors">Inheritance &amp; Constructors</h3>
+<p>All of a base class's constructors are available to a derived type, but they can be invoked only by constructors in the derived class.<br />
+All constructors are required to invoke a constructor on their base class, and if it's not specified which to invoke, the compiler invokes the base's zero-argument constructor.<br />
+If the base has not a zero-argument constructor the compilation will cause an error. It's possible to invoke a base constructor explicitly to avoid this error.</p>
+<p>Initialization order:</p>
+<ol>
+<li>Derived class field initializers</li>
+<li>Base class field initializers</li>
+<li>Base class constructor</li>
+<li>Derived class constructor</li>
+</ol>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-81-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-81-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-81-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-81-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-81-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-81-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-81-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-81-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-81-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-81-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-81-1" name="__codelineno-81-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Base</span>
+<a id="__codelineno-81-2" name="__codelineno-81-2"></a><span class="p">{</span>
+<a id="__codelineno-81-3" name="__codelineno-81-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Base</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">)</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-81-4" name="__codelineno-81-4"></a><span class="p">}</span>
+<a id="__codelineno-81-5" name="__codelineno-81-5"></a>
+<a id="__codelineno-81-6" name="__codelineno-81-6"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Derived</span>
+<a id="__codelineno-81-7" name="__codelineno-81-7"></a><span class="p">{</span>
+<a id="__codelineno-81-8" name="__codelineno-81-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Derived</span><span class="p">()</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">base</span><span class="p">(</span><span class="k">value</span><span class="p">)</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// invoke base constructor explicitly passing a fixed value (base has no zero-arg constructor)</span>
+<a id="__codelineno-81-9" name="__codelineno-81-9"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Derived</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">)</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">base</span><span class="p">(</span><span class="n">param</span><span class="p">)</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// invoke base constructor explicitly</span>
+<a id="__codelineno-81-10" name="__codelineno-81-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="generics-inheritance">Generics Inheritance</h3>
+<p>If you derive from a generic class, you must supply the type arguments it requires.<br />
+You must provide concrete types unless your derived type is generic, in which case it can use its own type parameters as arguments.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-82-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-82-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-82-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-82-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-82-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-82-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-82-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-82-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-82-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-82-10">10</a></span>
+<span class="normal"><a href="#__codelineno-82-11">11</a></span>
+<span class="normal"><a href="#__codelineno-82-12">12</a></span>
+<span class="normal"><a href="#__codelineno-82-13">13</a></span>
+<span class="normal"><a href="#__codelineno-82-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-82-1" name="__codelineno-82-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericBase1</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-82-2" name="__codelineno-82-2"></a><span class="p">{</span>
+<a id="__codelineno-82-3" name="__codelineno-82-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="n">Item</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-82-4" name="__codelineno-82-4"></a><span class="p">}</span>
+<a id="__codelineno-82-5" name="__codelineno-82-5"></a>
+<a id="__codelineno-82-6" name="__codelineno-82-6"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericBase2</span><span class="o">&lt;</span><span class="n">TKey</span><span class="p">,</span><span class="w"> </span><span class="n">TValue</span><span class="o">&gt;</span>
+<a id="__codelineno-82-7" name="__codelineno-82-7"></a><span class="p">{</span>
+<a id="__codelineno-82-8" name="__codelineno-82-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">TKey</span><span class="w"> </span><span class="n">Key</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-82-9" name="__codelineno-82-9"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">TValue</span><span class="w"> </span><span class="n">Value</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-82-10" name="__codelineno-82-10"></a><span class="p">}</span>
+<a id="__codelineno-82-11" name="__codelineno-82-11"></a>
+<a id="__codelineno-82-12" name="__codelineno-82-12"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">NonGenericDerived</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">GenericBase1</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// derived is not generic, must use concrete type for base class</span>
+<a id="__codelineno-82-13" name="__codelineno-82-13"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">GenericDerived</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">GenericBase1</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// derived is generic, can use it&#39;s generic type</span>
+<a id="__codelineno-82-14" name="__codelineno-82-14"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">MixedDerived</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">GenericBase2</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="o">&gt;</span><span class="w">  </span><span class="c1">// derived is generic but base has two types, can use it&#39;s generic type but</span>
+</code></pre></div></td></tr></table></div>
+<p>It's allowed to use derived type as a type argument to the base class. And it's also possible to specify a constraint on a type argument requiring it to derive from the derived type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-83-1">1</a></span>
+<span class="normal"><a href="#__codelineno-83-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-83-1" name="__codelineno-83-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Derived</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">base</span><span class="o">&lt;</span><span class="n">Derived</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-83-2" name="__codelineno-83-2"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Derived</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Derived</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="covariance-contravariance-only-for-interfaces">Covariance &amp; Contravariance (only for interfaces)</h3>
+<p><a href="http://tomasp.net/blog/variance-explained.aspx/">The theory behind covariance and contravariance in C#</a></p>
+<p><strong>Covariance</strong> and <strong>Contravariance</strong> are terms that refer to the ability to use a more derived type (more specific) or a less derived type (less specific) than originally specified.<br />
+Generic type parameters support covariance and contravariance to provide greater flexibility in assigning and using generic types.</p>
+<ul>
+<li><strong>Covariance</strong>: Enables to use a more derived type than originally specified.</li>
+<li><strong>Contravariance</strong>: Enables to use a more generic (less derived) type than originally specified.</li>
+<li><strong>Invariance</strong>: it's possible to use <em>only</em> the type originally specified; so an invariant generic type parameter is neither covariant nor contravariant.</li>
+</ul>
+<p><img alt="covariance-vs-contravariance" src="../../../img/dotnet_covariant_contravariant.avif" /></p>
+<blockquote>
+<p><strong>Note</strong>: annotate generic type parameters with <code>out</code> and <code>in</code> annotations to specify whether they should behave covariantly or contravariantly.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-84-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-84-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-84-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-84-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-84-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-84-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-84-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-84-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-84-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-84-10">10</a></span>
+<span class="normal"><a href="#__codelineno-84-11">11</a></span>
+<span class="normal"><a href="#__codelineno-84-12">12</a></span>
+<span class="normal"><a href="#__codelineno-84-13">13</a></span>
+<span class="normal"><a href="#__codelineno-84-14">14</a></span>
+<span class="normal"><a href="#__codelineno-84-15">15</a></span>
+<span class="normal"><a href="#__codelineno-84-16">16</a></span>
+<span class="normal"><a href="#__codelineno-84-17">17</a></span>
+<span class="normal"><a href="#__codelineno-84-18">18</a></span>
+<span class="normal"><a href="#__codelineno-84-19">19</a></span>
+<span class="normal"><a href="#__codelineno-84-20">20</a></span>
+<span class="normal"><a href="#__codelineno-84-21">21</a></span>
+<span class="normal"><a href="#__codelineno-84-22">22</a></span>
+<span class="normal"><a href="#__codelineno-84-23">23</a></span>
+<span class="normal"><a href="#__codelineno-84-24">24</a></span>
+<span class="normal"><a href="#__codelineno-84-25">25</a></span>
+<span class="normal"><a href="#__codelineno-84-26">26</a></span>
+<span class="normal"><a href="#__codelineno-84-27">27</a></span>
+<span class="normal"><a href="#__codelineno-84-28">28</a></span>
+<span class="normal"><a href="#__codelineno-84-29">29</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-84-1" name="__codelineno-84-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Base</span><span class="w"> </span><span class="p">{};</span>
+<a id="__codelineno-84-2" name="__codelineno-84-2"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Derived</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Base</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-84-3" name="__codelineno-84-3"></a>
+<a id="__codelineno-84-4" name="__codelineno-84-4"></a><span class="c1">// COVARIANCE (supply more specific type)</span>
+<a id="__codelineno-84-5" name="__codelineno-84-5"></a><span class="c1">// method is &quot;read only&quot; since it does not modify its argument</span>
+<a id="__codelineno-84-6" name="__codelineno-84-6"></a><span class="c1">// IEnumerable is covariant (has out parameter) since only &quot;provides&quot; objects</span>
+<a id="__codelineno-84-7" name="__codelineno-84-7"></a><span class="k">void</span><span class="w"> </span><span class="nf">PrintBase</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">Base</span><span class="o">&gt;</span><span class="w"> </span><span class="n">bases</span><span class="p">)</span>
+<a id="__codelineno-84-8" name="__codelineno-84-8"></a><span class="p">{</span>
+<a id="__codelineno-84-9" name="__codelineno-84-9"></a><span class="w">    </span><span class="k">foreach</span><span class="p">(</span><span class="n">Base</span><span class="w"> </span><span class="k">base</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">bases</span><span class="p">)</span>
+<a id="__codelineno-84-10" name="__codelineno-84-10"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-84-11" name="__codelineno-84-11"></a><span class="w">        </span><span class="n">Console</span><span class="p">.</span><span class="n">WritLine</span><span class="p">(</span><span class="k">base</span><span class="p">);</span>
+<a id="__codelineno-84-12" name="__codelineno-84-12"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-84-13" name="__codelineno-84-13"></a><span class="p">}</span>
+<a id="__codelineno-84-14" name="__codelineno-84-14"></a>
+<a id="__codelineno-84-15" name="__codelineno-84-15"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">Derived</span><span class="o">&gt;</span><span class="w"> </span><span class="n">derivedItems</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Derived</span><span class="p">[]</span><span class="w"> </span><span class="p">{...};</span><span class="w">  </span><span class="c1">// array is enumerable of Derived objects</span>
+<a id="__codelineno-84-16" name="__codelineno-84-16"></a><span class="n">Method</span><span class="p">(</span><span class="n">derivedItems</span><span class="p">);</span><span class="w">  </span><span class="c1">// valid since Derived objects are also Base objects and operation is read only</span>
+<a id="__codelineno-84-17" name="__codelineno-84-17"></a>
+<a id="__codelineno-84-18" name="__codelineno-84-18"></a>
+<a id="__codelineno-84-19" name="__codelineno-84-19"></a><span class="c1">// CONTRAVARIANCE (supply less specific type)</span>
+<a id="__codelineno-84-20" name="__codelineno-84-20"></a><span class="c1">// IComparer is contravariant (has in parameter) since &quot;takes in&quot; objects</span>
+<a id="__codelineno-84-21" name="__codelineno-84-21"></a><span class="k">void</span><span class="w"> </span><span class="nf">CompareDerived</span><span class="p">(</span><span class="n">IComparer</span><span class="o">&lt;</span><span class="n">Derived</span><span class="o">&gt;</span><span class="w"> </span><span class="n">comparer</span><span class="p">)</span>
+<a id="__codelineno-84-22" name="__codelineno-84-22"></a><span class="p">{</span>
+<a id="__codelineno-84-23" name="__codelineno-84-23"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">d1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Derived</span><span class="p">();</span>
+<a id="__codelineno-84-24" name="__codelineno-84-24"></a><span class="w">    </span><span class="kt">var</span><span class="w"> </span><span class="n">d2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Derived</span><span class="p">();</span>
+<a id="__codelineno-84-25" name="__codelineno-84-25"></a><span class="w">    </span><span class="k">if</span><span class="p">(</span><span class="n">comparer</span><span class="p">.</span><span class="n">Compare</span><span class="p">(</span><span class="n">d1</span><span class="p">,</span><span class="w"> </span><span class="n">d2</span><span class="p">))</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* some action */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-84-26" name="__codelineno-84-26"></a><span class="p">}</span>
+<a id="__codelineno-84-27" name="__codelineno-84-27"></a>
+<a id="__codelineno-84-28" name="__codelineno-84-28"></a><span class="n">IComparator</span><span class="o">&lt;</span><span class="n">Base</span><span class="o">&gt;</span><span class="w"> </span><span class="n">baseComparator</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">BaseComparator</span><span class="p">();</span>
+<a id="__codelineno-84-29" name="__codelineno-84-29"></a><span class="n">CompareDerived</span><span class="p">(</span><span class="n">baseComparator</span><span class="p">);</span><span class="w">  </span><span class="c1">// valid since baseComparator can compare Base objects and thus can compare Derived objects</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="delegates">Delegates</h2>
+<p>A <strong>delegate</strong> is a type that represents a <em>reference to a method</em> with a particular parameter list and return type. Delegates are used to pass methods as arguments to other methods.<br />
+This ability to refer to a method as a parameter makes delegates ideal for defining callback methods.</p>
+<p>Any method from any accessible class or struct that matches the delegate type can be assigned to the delegate. The method can be either static or an instance method.<br />
+This makes it possible to programmatically change method calls, and also plug new code into existing classes.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-85-1">1</a></span>
+<span class="normal"><a href="#__codelineno-85-2">2</a></span>
+<span class="normal"><a href="#__codelineno-85-3">3</a></span>
+<span class="normal"><a href="#__codelineno-85-4">4</a></span>
+<span class="normal"><a href="#__codelineno-85-5">5</a></span>
+<span class="normal"><a href="#__codelineno-85-6">6</a></span>
+<span class="normal"><a href="#__codelineno-85-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-85-1" name="__codelineno-85-1"></a><span class="c1">// delegate definition</span>
+<a id="__codelineno-85-2" name="__codelineno-85-2"></a><span class="k">public</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Delegate</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span><span class="w">  </span><span class="c1">// can take any method with specified type params and return type</span>
+<a id="__codelineno-85-3" name="__codelineno-85-3"></a><span class="k">public</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">param</span><span class="p">);</span><span class="w">  </span><span class="c1">// generic delegate</span>
+<a id="__codelineno-85-4" name="__codelineno-85-4"></a>
+<a id="__codelineno-85-5" name="__codelineno-85-5"></a><span class="c1">// delegate creation</span>
+<a id="__codelineno-85-6" name="__codelineno-85-6"></a><span class="kt">var</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">(</span><span class="n">Method</span><span class="p">);</span><span class="w">  </span><span class="c1">// explicit creation, useful when compiler cannot infer delegate type</span>
+<a id="__codelineno-85-7" name="__codelineno-85-7"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Method</span><span class="p">;</span><span class="w">  </span><span class="c1">// implicit creation</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multicast-delegates"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.multicastdelegate">Multicast Delegates</a></h3>
+<p><strong>Multicast Delegates</strong> are delegates that can have more than one element in their invocation list.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-86-1">1</a></span>
+<span class="normal"><a href="#__codelineno-86-2">2</a></span>
+<span class="normal"><a href="#__codelineno-86-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-86-1" name="__codelineno-86-1"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">multicastDelegate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Method1</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">Method2</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="p">...;</span><span class="w">  </span><span class="c1">// multicast delegate creation</span>
+<a id="__codelineno-86-2" name="__codelineno-86-2"></a><span class="n">multicastDelegate</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">Method</span><span class="p">;</span><span class="w">  </span><span class="c1">// add method to delegate</span>
+<a id="__codelineno-86-3" name="__codelineno-86-3"></a><span class="n">multicastDelegate</span><span class="w"> </span><span class="o">-=</span><span class="w"> </span><span class="n">Method</span><span class="p">;</span><span class="w">  </span><span class="c1">// remove method from delegate</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Delegate removal behaves in a potentially surprising way if the delegate removed refers to multiple methods.<br />
+Subtraction of a multicast delegate succeeds only if the delegate from which subtract contains all of the methods in the delegate being subtracted <em>sequentially and in the same order</em>.</p>
+</blockquote>
+<h3 id="delegate-invocation">Delegate Invocation</h3>
+<p>Invoking a delegate with a single target method works as though the code had called the target method in the conventional way.<br />
+Invoking a multicast delegate is just like calling each of its target methods in turn.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-87-1">1</a></span>
+<span class="normal"><a href="#__codelineno-87-2">2</a></span>
+<span class="normal"><a href="#__codelineno-87-3">3</a></span>
+<span class="normal"><a href="#__codelineno-87-4">4</a></span>
+<span class="normal"><a href="#__codelineno-87-5">5</a></span>
+<span class="normal"><a href="#__codelineno-87-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-87-1" name="__codelineno-87-1"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Method</span><span class="p">;</span>
+<a id="__codelineno-87-2" name="__codelineno-87-2"></a>
+<a id="__codelineno-87-3" name="__codelineno-87-3"></a><span class="k">delegate</span><span class="p">(</span><span class="n">args</span><span class="p">);</span><span class="w">  </span><span class="c1">// use delegate as standard method</span>
+<a id="__codelineno-87-4" name="__codelineno-87-4"></a><span class="k">delegate</span><span class="p">.</span><span class="n">DynamicInvoke</span><span class="p">(</span><span class="n">argsArray</span><span class="p">);</span><span class="w"> </span><span class="c1">// Dynamically invokes the method represented by the current delegate.</span>
+<a id="__codelineno-87-5" name="__codelineno-87-5"></a>
+<a id="__codelineno-87-6" name="__codelineno-87-6"></a><span class="n">multicastDelegate</span><span class="p">.</span><span class="n">GetInvocationList</span><span class="p">();</span><span class="w">  </span><span class="c1">// list of methods called by the delegate</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="common-delegate-types">Common Delegate Types</h3>
+<blockquote>
+<p><strong>Note</strong>: Each delegate has an overload taking from zero to 16 arguments;</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-88-1">1</a></span>
+<span class="normal"><a href="#__codelineno-88-2">2</a></span>
+<span class="normal"><a href="#__codelineno-88-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-88-1" name="__codelineno-88-1"></a><span class="k">public</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="n">Action</span><span class="o">&lt;</span><span class="k">in</span><span class="w"> </span><span class="n">T1</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="o">&gt;</span><span class="p">(</span><span class="n">T1</span><span class="w"> </span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-88-2" name="__codelineno-88-2"></a><span class="k">public</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="n">TResult</span><span class="w"> </span><span class="n">Func</span><span class="o">&lt;</span><span class="k">in</span><span class="w"> </span><span class="n">T1</span><span class="p">,</span><span class="w"> </span><span class="p">...,</span><span class="w"> </span><span class="k">out</span><span class="w"> </span><span class="n">TResult</span><span class="o">&gt;</span><span class="p">(</span><span class="n">T1</span><span class="w"> </span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-88-3" name="__codelineno-88-3"></a><span class="k">public</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">Predicate</span><span class="o">&lt;</span><span class="k">in</span><span class="w"> </span><span class="n">T1</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="o">&gt;</span><span class="p">(</span><span class="n">T1</span><span class="w"> </span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="type-compatibility">Type Compatibility</h3>
+<p>Delegate types do not derive from one another. Any delegate type defined in C# will derive directly from <code>MulticastDelegate</code>.<br />
+However, the type system supports certain implicit reference conversions for generic delegate types through covariance and contravariance. The rules are very similar to those for interfaces.</p>
+<h2 id="anonymous-functions-lambda-expressions">Anonymous Functions (Lambda Expressions)</h2>
+<p>Delegates without explicit separated method.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-89-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-89-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-89-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-89-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-89-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-89-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-89-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-89-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-89-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-89-10">10</a></span>
+<span class="normal"><a href="#__codelineno-89-11">11</a></span>
+<span class="normal"><a href="#__codelineno-89-12">12</a></span>
+<span class="normal"><a href="#__codelineno-89-13">13</a></span>
+<span class="normal"><a href="#__codelineno-89-14">14</a></span>
+<span class="normal"><a href="#__codelineno-89-15">15</a></span>
+<span class="normal"><a href="#__codelineno-89-16">16</a></span>
+<span class="normal"><a href="#__codelineno-89-17">17</a></span>
+<span class="normal"><a href="#__codelineno-89-18">18</a></span>
+<span class="normal"><a href="#__codelineno-89-19">19</a></span>
+<span class="normal"><a href="#__codelineno-89-20">20</a></span>
+<span class="normal"><a href="#__codelineno-89-21">21</a></span>
+<span class="normal"><a href="#__codelineno-89-22">22</a></span>
+<span class="normal"><a href="#__codelineno-89-23">23</a></span>
+<span class="normal"><a href="#__codelineno-89-24">24</a></span>
+<span class="normal"><a href="#__codelineno-89-25">25</a></span>
+<span class="normal"><a href="#__codelineno-89-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-89-1" name="__codelineno-89-1"></a><span class="c1">// lambda variations</span>
+<a id="__codelineno-89-2" name="__codelineno-89-2"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-89-3" name="__codelineno-89-3"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">input</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-89-4" name="__codelineno-89-4"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">input</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-89-5" name="__codelineno-89-5"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">input</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-89-6" name="__codelineno-89-6"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">input</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-89-7" name="__codelineno-89-7"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">input</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-89-8" name="__codelineno-89-8"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">input</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-89-9" name="__codelineno-89-9"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">input</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">default</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// lambda default parameter</span>
+<a id="__codelineno-89-10" name="__codelineno-89-10"></a>
+<a id="__codelineno-89-11" name="__codelineno-89-11"></a><span class="c1">// static modifier prevents unintentional capture of local variables or instance state by the lambda</span>
+<a id="__codelineno-89-12" name="__codelineno-89-12"></a><span class="n">Delegate</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">lambda</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="k">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">input</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-89-13" name="__codelineno-89-13"></a>
+<a id="__codelineno-89-14" name="__codelineno-89-14"></a><span class="n">Type</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// ignore arguments of the method passed to the delegate</span>
+<a id="__codelineno-89-15" name="__codelineno-89-15"></a>
+<a id="__codelineno-89-16" name="__codelineno-89-16"></a><span class="c1">// lambda type inference</span>
+<a id="__codelineno-89-17" name="__codelineno-89-17"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">;</span>
+<a id="__codelineno-89-18" name="__codelineno-89-18"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w">  </span><span class="c1">// inferring the return type</span>
+<a id="__codelineno-89-19" name="__codelineno-89-19"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w">  </span><span class="c1">// inferring the signature</span>
+<a id="__codelineno-89-20" name="__codelineno-89-20"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="n">Required</span><span class="p">]</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w">  </span><span class="c1">// adding attributes on parameters</span>
+<a id="__codelineno-89-21" name="__codelineno-89-21"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="n">Required</span><span class="p">]</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">;</span>
+<a id="__codelineno-89-22" name="__codelineno-89-22"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="k">return</span><span class="p">:</span><span class="w"> </span><span class="n">Required</span><span class="p">]</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w">  </span><span class="c1">// adding attribute for a return type</span>
+<a id="__codelineno-89-23" name="__codelineno-89-23"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">default</span><span class="p">;</span><span class="w">  </span><span class="c1">// explicit return type</span>
+<a id="__codelineno-89-24" name="__codelineno-89-24"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">ref</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="p">(</span><span class="k">ref</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">ref</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w">  </span><span class="c1">// using ref on structs</span>
+<a id="__codelineno-89-25" name="__codelineno-89-25"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="p">(</span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">x</span><span class="p">;</span><span class="w">  </span><span class="c1">// explicitly specifying the return type of an implicit input</span>
+<a id="__codelineno-89-26" name="__codelineno-89-26"></a><span class="kt">var</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="p">(</span><span class="n">_</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">Console</span><span class="p">.</span><span class="n">Write</span><span class="p">(</span><span class="s">&quot;Help&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="events"><a href="https://www.tutorialsteacher.com/csharp/csharp-event">Events</a></h2>
+<p>Structs and classes can declare events. This kind of member enables a type to provide notifications when interesting things happen, using a subscription-based model.</p>
+<p>The class who raises events is called <em>Publisher</em>, and the class who receives the notification is called <em>Subscriber</em>. There can be multiple subscribers of a single event.<br />
+Typically, a publisher raises an event when some action occurred. The subscribers, who are interested in getting a notification when an action occurred, should register with an event and handle it.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-90-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-90-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-90-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-90-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-90-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-90-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-90-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-90-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-90-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-90-10">10</a></span>
+<span class="normal"><a href="#__codelineno-90-11">11</a></span>
+<span class="normal"><a href="#__codelineno-90-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-90-1" name="__codelineno-90-1"></a><span class="k">public</span><span class="w"> </span><span class="k">delegate</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">EventDelegate</span><span class="p">(</span><span class="kt">object</span><span class="w"> </span><span class="n">sender</span><span class="p">,</span><span class="w"> </span><span class="n">CustomEventArgs</span><span class="w"> </span><span class="n">args</span><span class="p">);</span><span class="w">  </span><span class="c1">// called on event trigger</span>
+<a id="__codelineno-90-2" name="__codelineno-90-2"></a>
+<a id="__codelineno-90-3" name="__codelineno-90-3"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Publisher</span>
+<a id="__codelineno-90-4" name="__codelineno-90-4"></a><span class="p">{</span>
+<a id="__codelineno-90-5" name="__codelineno-90-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">event</span><span class="w"> </span><span class="n">EventDelegate</span><span class="w"> </span><span class="n">Event</span><span class="p">;</span>
+<a id="__codelineno-90-6" name="__codelineno-90-6"></a>
+<a id="__codelineno-90-7" name="__codelineno-90-7"></a><span class="w">    </span><span class="c1">// A derived class should always call the On&lt;EventName&gt; method of the base class to ensure that registered delegates receive the event.</span>
+<a id="__codelineno-90-8" name="__codelineno-90-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">virtual</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnEvent</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">)</span>
+<a id="__codelineno-90-9" name="__codelineno-90-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-90-10" name="__codelineno-90-10"></a><span class="w">        </span><span class="n">Event</span><span class="o">?.</span><span class="n">Invoke</span><span class="p">(</span><span class="n">param</span><span class="p">);</span>
+<a id="__codelineno-90-11" name="__codelineno-90-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-90-12" name="__codelineno-90-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="registering-event-handlers">Registering Event Handlers</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-91-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-91-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-91-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-91-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-91-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-91-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-91-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-91-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-91-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-91-10">10</a></span>
+<span class="normal"><a href="#__codelineno-91-11">11</a></span>
+<span class="normal"><a href="#__codelineno-91-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-91-1" name="__codelineno-91-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Subscriber</span>
+<a id="__codelineno-91-2" name="__codelineno-91-2"></a><span class="p">{</span>
+<a id="__codelineno-91-3" name="__codelineno-91-3"></a><span class="w">    </span><span class="n">Publisher</span><span class="w"> </span><span class="n">publisher</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Publisher</span><span class="p">();</span>
+<a id="__codelineno-91-4" name="__codelineno-91-4"></a>
+<a id="__codelineno-91-5" name="__codelineno-91-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Subscriber</span><span class="p">()</span>
+<a id="__codelineno-91-6" name="__codelineno-91-6"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-91-7" name="__codelineno-91-7"></a><span class="w">        </span><span class="n">publisher</span><span class="p">.</span><span class="n">OnEvent</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">Handler</span><span class="p">;</span><span class="w">  </span><span class="c1">// register handler (+= syntax)</span>
+<a id="__codelineno-91-8" name="__codelineno-91-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-91-9" name="__codelineno-91-9"></a>
+<a id="__codelineno-91-10" name="__codelineno-91-10"></a><span class="w">    </span><span class="c1">// event handler, matches the signature of the Event delegate.</span>
+<a id="__codelineno-91-11" name="__codelineno-91-11"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Handler</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* act */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-91-12" name="__codelineno-91-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="built-in-eventhandler-delegate">Built-In EventHandler Delegate</h3>
+<p>.NET includes built-in delegate types <code>EventHandler</code> and <code>EventHandler&lt;TEventArgs&gt;</code> for the most common events.<br />
+Typically, any event should include two parameters: the <em>source</em> of the event and event <em>data</em>.<br />
+The <code>EventHandler</code> delegate is used for all events that do not include event data, the <code>EventHandler&lt;TEventArgs&gt;</code> delegate is used for events that include data to be sent to handlers.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-92-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-92-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-92-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-92-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-92-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-92-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-92-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-92-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-92-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-92-10">10</a></span>
+<span class="normal"><a href="#__codelineno-92-11">11</a></span>
+<span class="normal"><a href="#__codelineno-92-12">12</a></span>
+<span class="normal"><a href="#__codelineno-92-13">13</a></span>
+<span class="normal"><a href="#__codelineno-92-14">14</a></span>
+<span class="normal"><a href="#__codelineno-92-15">15</a></span>
+<span class="normal"><a href="#__codelineno-92-16">16</a></span>
+<span class="normal"><a href="#__codelineno-92-17">17</a></span>
+<span class="normal"><a href="#__codelineno-92-18">18</a></span>
+<span class="normal"><a href="#__codelineno-92-19">19</a></span>
+<span class="normal"><a href="#__codelineno-92-20">20</a></span>
+<span class="normal"><a href="#__codelineno-92-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-92-1" name="__codelineno-92-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Publisher</span>
+<a id="__codelineno-92-2" name="__codelineno-92-2"></a><span class="p">{</span>
+<a id="__codelineno-92-3" name="__codelineno-92-3"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">event</span><span class="w"> </span><span class="n">EventHandler</span><span class="w"> </span><span class="n">Event</span><span class="p">;</span>
+<a id="__codelineno-92-4" name="__codelineno-92-4"></a>
+<a id="__codelineno-92-5" name="__codelineno-92-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">virtual</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnEvent</span><span class="p">(</span><span class="n">EventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-92-6" name="__codelineno-92-6"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-92-7" name="__codelineno-92-7"></a><span class="w">        </span><span class="n">Event</span><span class="o">?.</span><span class="n">Invoke</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="n">e</span><span class="p">);</span>
+<a id="__codelineno-92-8" name="__codelineno-92-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-92-9" name="__codelineno-92-9"></a><span class="p">}</span>
+<a id="__codelineno-92-10" name="__codelineno-92-10"></a>
+<a id="__codelineno-92-11" name="__codelineno-92-11"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Subscriber</span>
+<a id="__codelineno-92-12" name="__codelineno-92-12"></a><span class="p">{</span>
+<a id="__codelineno-92-13" name="__codelineno-92-13"></a><span class="w">    </span><span class="n">Publisher</span><span class="w"> </span><span class="n">publisher</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Publisher</span><span class="p">();</span>
+<a id="__codelineno-92-14" name="__codelineno-92-14"></a>
+<a id="__codelineno-92-15" name="__codelineno-92-15"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Subscriber</span><span class="p">()</span>
+<a id="__codelineno-92-16" name="__codelineno-92-16"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-92-17" name="__codelineno-92-17"></a><span class="w">        </span><span class="n">publisher</span><span class="p">.</span><span class="n">OnEvent</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">Handler</span><span class="p">;</span><span class="w">  </span><span class="c1">// register handler (+= syntax)</span>
+<a id="__codelineno-92-18" name="__codelineno-92-18"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-92-19" name="__codelineno-92-19"></a>
+<a id="__codelineno-92-20" name="__codelineno-92-20"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Handler</span><span class="p">(</span><span class="kt">object</span><span class="w"> </span><span class="n">sender</span><span class="p">,</span><span class="w"> </span><span class="n">EventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* act */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-92-21" name="__codelineno-92-21"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-event-args">Custom Event Args</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-93-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-93-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-93-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-93-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-93-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-93-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-93-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-93-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-93-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-93-10">10</a></span>
+<span class="normal"><a href="#__codelineno-93-11">11</a></span>
+<span class="normal"><a href="#__codelineno-93-12">12</a></span>
+<span class="normal"><a href="#__codelineno-93-13">13</a></span>
+<span class="normal"><a href="#__codelineno-93-14">14</a></span>
+<span class="normal"><a href="#__codelineno-93-15">15</a></span>
+<span class="normal"><a href="#__codelineno-93-16">16</a></span>
+<span class="normal"><a href="#__codelineno-93-17">17</a></span>
+<span class="normal"><a href="#__codelineno-93-18">18</a></span>
+<span class="normal"><a href="#__codelineno-93-19">19</a></span>
+<span class="normal"><a href="#__codelineno-93-20">20</a></span>
+<span class="normal"><a href="#__codelineno-93-21">21</a></span>
+<span class="normal"><a href="#__codelineno-93-22">22</a></span>
+<span class="normal"><a href="#__codelineno-93-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-93-1" name="__codelineno-93-1"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomEventArgs</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">EventArgs</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-93-2" name="__codelineno-93-2"></a>
+<a id="__codelineno-93-3" name="__codelineno-93-3"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Publisher</span>
+<a id="__codelineno-93-4" name="__codelineno-93-4"></a><span class="p">{</span>
+<a id="__codelineno-93-5" name="__codelineno-93-5"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">event</span><span class="w"> </span><span class="n">EventHandler</span><span class="o">&lt;</span><span class="n">CustomEventArgs</span><span class="o">&gt;</span><span class="w"> </span><span class="n">Event</span><span class="p">;</span>
+<a id="__codelineno-93-6" name="__codelineno-93-6"></a>
+<a id="__codelineno-93-7" name="__codelineno-93-7"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">virtual</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnEvent</span><span class="p">(</span><span class="n">CustomEventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-93-8" name="__codelineno-93-8"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-93-9" name="__codelineno-93-9"></a><span class="w">        </span><span class="n">Event</span><span class="o">?.</span><span class="n">Invoke</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="n">e</span><span class="p">);</span>
+<a id="__codelineno-93-10" name="__codelineno-93-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-93-11" name="__codelineno-93-11"></a><span class="p">}</span>
+<a id="__codelineno-93-12" name="__codelineno-93-12"></a>
+<a id="__codelineno-93-13" name="__codelineno-93-13"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Subscriber</span>
+<a id="__codelineno-93-14" name="__codelineno-93-14"></a><span class="p">{</span>
+<a id="__codelineno-93-15" name="__codelineno-93-15"></a><span class="w">    </span><span class="n">Publisher</span><span class="w"> </span><span class="n">publisher</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Publisher</span><span class="p">();</span>
+<a id="__codelineno-93-16" name="__codelineno-93-16"></a>
+<a id="__codelineno-93-17" name="__codelineno-93-17"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="nf">Subscriber</span><span class="p">()</span>
+<a id="__codelineno-93-18" name="__codelineno-93-18"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-93-19" name="__codelineno-93-19"></a><span class="w">        </span><span class="n">publisher</span><span class="p">.</span><span class="n">OnEvent</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="n">Handler</span><span class="p">;</span><span class="w">  </span><span class="c1">// register handler (+= syntax)</span>
+<a id="__codelineno-93-20" name="__codelineno-93-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-93-21" name="__codelineno-93-21"></a>
+<a id="__codelineno-93-22" name="__codelineno-93-22"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Handler</span><span class="p">(</span><span class="kt">object</span><span class="w"> </span><span class="n">sender</span><span class="p">,</span><span class="w"> </span><span class="n">CustomEventArgs</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* act */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-93-23" name="__codelineno-93-23"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="assemblies">Assemblies</h2>
+<p>In .NET the proper term for a software component is an <strong>assembly</strong>, and it is typically a <code>.dll</code> or <code>.exe</code> file.<br />
+Occasionally, an assembly will be split into multiple files, but even then it is an indivisible unit of deployment: it has to be wholly available to the runtime, or not at all.</p>
+<p>Assemblies are an important aspect of the type system, because each type is identified not just by its <em>name</em> and <em>namespace</em>, but also by its containing <em>assembly</em>.<br />
+Assemblies provide a kind of encapsulation that operates at a larger scale than individual types, thanks to the <code>internal</code> accessibility specifier, which works at the assembly level.</p>
+<p>The runtime provides an <em>assembly loader</em>, which automatically finds and loads the assemblies a program needs.<br />
+To ensure that the loader can find the right components, assemblies have structured names that include version information, and they can optionally contain a globally unique element to prevent ambiguity.</p>
+<h3 id="anatomy-of-an-assembly">Anatomy of an Assembly</h3>
+<p>Assemblies use the <strong>Win32 Portable Executable</strong> (PE) file format, the same format that executables (EXEs) and dynamic link libraries (DLLs) have always used in "modern" (since NT) versions of Windows.</p>
+<p>The C# compiler produces an assembly as its output, with an extension of either <code>.dll</code> or <code>.exe</code>.<br />
+Tools that understand the PE file format will recognize a .NET assembly as a valid, but rather dull, PE file.<br />
+The CLR essentially uses PE files as containers for a .NET-specific data format, so to classic Win32 tools, a C# DLL will not appear to export any APIs.</p>
+<p>With .NET Core 3.0 or later, .NET assemblies won't be built with an extension of <code>.exe</code>.<br />
+Even project types that produce directly runnable outputs (such as console or WPF applications) produce a <code>.dll</code> as their primary output.<br />
+They also generate an executable file too, but it's not a .NET assembly. It's just a bootstrapper that starts the runtime and then loads and executes your application's main assembly.</p>
+<blockquote>
+<p><strong>Note</strong>: C# compiles to a binary intermediate language (IL), which is not directly executable.<br />
+The normal Windows mechanisms for loading and running the code in an executable or DLL won't work with IL, because that can run only with the help of the CLR.</p>
+</blockquote>
+<h3 id="net-metadata">.NET MEtadata</h3>
+<p>As well as containing the compiled IL, an assembly contains metadata, which provides a full description of all of the types it defines, whether <code>public</code> or <code>private</code>.<br />
+The CLR needs to have complete knowledge of all the types that the code uses to be able to make sense of the IL and turn it into running code, the binary format for IL frequently refers to the containing assembly's metadata and is meaningless without it.</p>
+<h3 id="resources">Resources</h3>
+<p>It's possible to embed binary resources in a DLL alongside the code and metadata. To embed a file select "Embedded Resource" as it's <em>Build Action</em> in the file properties.<br />
+This compiles a copy of the file into the assembly.</p>
+<p>To extract the resource at runtime use the <code>Assembly</code> class's <code>GetManifestResourceStream</code> method which is par of the <strong>Reflection API</strong>.</p>
+<h3 id="multifile-assembly">Multifile Assembly</h3>
+<p>.NET Framework allowed an assembly to span multiple files.<br />
+It was possible to split the code and metadata across multiple modules, and it was also possible for some binary streams that are logically embedded in an assembly to be put in separate files.<br />
+This feature was rarely used, and .NET Core does not support it. However, it's necessary to know about it because some of its consequences persist.<br />
+In particular, parts of the design of the Reflection API make no sense unless this feature is known.</p>
+<p>With a multifile assembly, there's always one master file that represents the assembly. This will be a PE file, and it contains a particular element of the metadata called the <strong>assembly manifest</strong>.<br />
+This is not to be confused with the Win32-style manifest that most executables contain.<br />
+The assembly manifest is just a description of what's in the assembly, including a list of any external modules or other external files; in a multimodule assembly, the manifest describes which types are defined in which files.</p>
+<h3 id="assembly-resolution">Assembly Resolution</h3>
+<p>When the runtime needs to load an assembly, it goes through a process called <em>assembly resolution</em>.</p>
+<p>.NET Core supports two deployment options for applications:</p>
+<ul>
+<li><strong>self-contained</strong></li>
+<li><strong>framework-dependent</strong></li>
+</ul>
+<h3 id="self-contained-deployment">Self-Contained Deployment</h3>
+<p>When publishing a self-contained application, it includes a complete copy of .NET Core, the whole of the CLR and all the built-in assemblies.<br />
+When building this way, assembly resolution is pretty straightforward because everything ends up in one folder.</p>
+<p>There are two main advantages to self-contained deployment:</p>
+<ul>
+<li>there is no need to install .NET on target machines</li>
+<li>it's known exactly what version of .NET and which versions of all DLLs are running</li>
+</ul>
+<p>With self-contained deployment, unless the application directs the CLR to look elsewhere everything will load from the application folder, including all assemblies built into .NET.</p>
+<h4 id="framework-dependent-deployment">Framework-Dependent Deployment</h4>
+<p>The default build behavior for applications is to create a framework-dependent executable. In this case, the code relies on a suitable version of .NET Core already being installed on the machine.<br />
+Framework-dependent applications necessarily use a more complex resolution mechanism than self-contained ones.</p>
+<p>When such an application starts up it will first determine exactly which version of .NET Core to run.<br />
+The chosen runtime version selects not just the CLR, but also the assemblies making up the parts of the class library built into .NET.</p>
+<h3 id="assembly-names">Assembly Names</h3>
+<p>Assembly names are structured. They always include a <strong>simple name</strong>, which is the name by which normally refer to the DLL.<br />
+This is usually the same as the filename but without the extension. It doesn't technically have to be but the assembly resolution mechanism assumes that it is.</p>
+<p>Assembly names always include a <strong>version number</strong>. There are also some optional components, including <strong>the public key token</strong>, a string of <em>hexadecimal digits</em>, which is required to have a unique name.</p>
+<h4 id="strong-names">Strong Names</h4>
+<p>If an assembly's name includes a public key token, it is said to be a <strong>strong name</strong>. Microsoft advises that any .NET component that is published for shared use (e.g: made available via NuGet) should have a strong name.</p>
+<p>As the terminology suggests, an assembly name's public key token has a connection with cryptography. It is the hexadecimal representation of a 64-bit hash of a public key.<br />
+Strongly named assemblies are required to contain a copy of the full public key from which the hash was generated.<br />
+The assembly file format also provides space fora digital signature, generated with the corresponding private key.</p>
+<p>The uniqueness of a strong name relies on the fact that key generation systems use cryptographically secure random-number generators, and the chances of two people generating two key pairs with the same public key token are vanishingly small.<br />
+The assurance that the assembly has ot been tampered with comes from the fact that a strongly named assembly must be signed, and only someone in possession of the private key can generate a valid signature. Any attempt to modify the assembly after signing it will invalidate the signature.</p>
+<h4 id="version">Version</h4>
+<p>All assembly names include a four-part version number: <code>major.minor.build.revision</code>. However, there's no particular significance to any of these.<br />
+The binary format that IL uses for assembly names and references limits the range of these numbers, each part must fit in a 16-bit unsigned integer (a <code>ushort</code>), and the highest allowable value in a version part is actually one less than the maximum value that would fit, making the highest legal version number <code>65534.65534.65534.65534</code>.</p>
+<p>As far as the CLR is concerned, there's really only one interesting thing you can do with a version number, which is to compare it with some other version number, either they match or one is higher than the other.</p>
+<p>The build system tells the compiler which version number to use for the assembly name via an assembly-level attribute.</p>
+<blockquote>
+<p><strong>Note</strong>: NuGet packages also have version numbers, and these do not need to be connected in any way to assembly versions. NuGet does treat the components of a package version number as having particular significance: it has adopted the widely used <em>semantic versioning</em> rules.</p>
+</blockquote>
+<h4 id="culture">Culture</h4>
+<p>All assembly names include a <strong>culture</strong> component.<br />
+This is not optional, although the most common value for this is the default <code>neutral</code>, indicating that the assembly contains no culture-specific code or data.</p>
+<p>The culture is usually set to something else only on assemblies that contain culture-specific resources. The culture of an assembly's name is designed to support localization of resources such as images and strings.</p>
+<hr />
+<h2 id="reflection">Reflection</h2>
+<p>The CLR knows a great deal about the types the programs define and use. It requires all assemblies to provide detailed metadata, describing each member of every type, including private implementation details.<br />
+It relies on this information to perform critical functions, such as JIT compilation and garbage collection. However, it does not keep this knowledge to itself.</p>
+<p>The <strong>reflection API</strong> grants access to this detailed type information, so the code can discover everything that the runtime can see.</p>
+<p>Reflection is particularly useful in extensible frameworks, because they can use it to adapt their behavior at runtime based on the structure of the code.</p>
+<p>The reflection API defines various classes in the <code>System.Reflection</code> namespace. These classes have a structural relationship that mirrors the way that assemblies and the type system work.</p>
+<h3 id="assembly">Assembly</h3>
+<p>The <code>Assembly</code> class defines three context-sensitive static methods that each return an <code>Assembly</code>.<br />
+The <code>GetEntryAssembly</code> method returns the object representing the EXE file containing the program's <code>Main</code> method.<br />
+The <code>GetExecutingAssembly</code> method returns the assembly that contains the method from which it has been called it.<br />
+<code>GetCallingAssembly</code> walks up the stack by one level, and returns the assembly containing the code that called the method that called <code>GetCallingAssembly</code>.</p>
+<p>To inspect an assembly info use the <code>ReflectionOnlyLoadFrom</code> (or <code>ReflectionOnlyLoad</code>) method of the <code>Assembly</code> class.<br />
+This loads the assembly in such a way that it's possible to inspect its type information, but no code in the assembly will execute, nor will any assemblies it depends on be loaded automatically.</p>
+<hr />
+<h2 id="attributes">Attributes</h2>
+<p>In .NET, it's possible to <em>annotate</em> components, types, and their members with attributes.<br />
+An attribute's purpose is to control or modify the behavior of a framework, a tool, the compiler, or the CLR.</p>
+<p>Attributes are passive containers of information that do nothing on their own.</p>
+<h3 id="applying-attributes">Applying Attributes</h3>
+<p>To avoid having to introduce an extra set of concepts into the type system, .NET models attributes as instances of .NET types.<br />
+To be used as an attribute, a type must derive from the <code>System.Attribute</code> class, but it can otherwise be entirely ordinary.</p>
+<p>It's possible to pass arguments to the attribute <em>constructor</em> in the annotation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-94-1">1</a></span>
+<span class="normal"><a href="#__codelineno-94-2">2</a></span>
+<span class="normal"><a href="#__codelineno-94-3">3</a></span>
+<span class="normal"><a href="#__codelineno-94-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-94-1" name="__codelineno-94-1"></a><span class="na">[AttName]</span><span class="w">  </span><span class="c1">// simple attribute</span>
+<a id="__codelineno-94-2" name="__codelineno-94-2"></a>
+<a id="__codelineno-94-3" name="__codelineno-94-3"></a><span class="na">[AttName(value)]</span><span class="w">  </span><span class="c1">// valorize private fields (through the constructor)</span>
+<a id="__codelineno-94-4" name="__codelineno-94-4"></a><span class="na">[AttrName(Name = value)]</span><span class="w">  </span><span class="c1">// valorize public properties or fields (no constructor needed)</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: The real name of an attribute ends with "Attribute" (<code>[AttrName]</code> refers to the <code>AttrNameAttribute</code> class)</p>
+</blockquote>
+<h3 id="multiple-attributes">Multiple Attributes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-95-1">1</a></span>
+<span class="normal"><a href="#__codelineno-95-2">2</a></span>
+<span class="normal"><a href="#__codelineno-95-3">3</a></span>
+<span class="normal"><a href="#__codelineno-95-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-95-1" name="__codelineno-95-1"></a><span class="na">[Attribute1]</span>
+<a id="__codelineno-95-2" name="__codelineno-95-2"></a><span class="na">[Attribute2]</span>
+<a id="__codelineno-95-3" name="__codelineno-95-3"></a>
+<a id="__codelineno-95-4" name="__codelineno-95-4"></a><span class="na">[Attribute1, Attribute2]</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="defining-custom-attribute-types">Defining Custom Attribute Types</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-96-1">1</a></span>
+<span class="normal"><a href="#__codelineno-96-2">2</a></span>
+<span class="normal"><a href="#__codelineno-96-3">3</a></span>
+<span class="normal"><a href="#__codelineno-96-4">4</a></span>
+<span class="normal"><a href="#__codelineno-96-5">5</a></span>
+<span class="normal"><a href="#__codelineno-96-6">6</a></span>
+<span class="normal"><a href="#__codelineno-96-7">7</a></span>
+<span class="normal"><a href="#__codelineno-96-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-96-1" name="__codelineno-96-1"></a><span class="c1">// specify what the attribute can be applied to (enforced by c# compiler)</span>
+<a id="__codelineno-96-2" name="__codelineno-96-2"></a><span class="na">[AttributeUsage(AttributeTargets.&lt;TargetType&gt;)]</span>
+<a id="__codelineno-96-3" name="__codelineno-96-3"></a><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">CustomAttribute</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">Attribute</span>
+<a id="__codelineno-96-4" name="__codelineno-96-4"></a><span class="p">{</span>
+<a id="__codelineno-96-5" name="__codelineno-96-5"></a><span class="w">    </span><span class="c1">// properties to hold information</span>
+<a id="__codelineno-96-6" name="__codelineno-96-6"></a>
+<a id="__codelineno-96-7" name="__codelineno-96-7"></a><span class="w">    </span><span class="c1">// constructor (used to valorize private fields)</span>
+<a id="__codelineno-96-8" name="__codelineno-96-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>NOTE</strong>: From C# 11 attributes can be generic and have type constraints</p>
+</blockquote>
+<h3 id="retrieving-attributes">Retrieving Attributes</h3>
+<p>It's possible to discover which attributes have been applied through the reflection API.<br />
+The various targets of attribute have a reflection type representing them (<code>MethodInfo</code>, <code>PropertyInfo</code>, ...) which all implement the interface <code>ICustomAttributeProvider</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-97-1">1</a></span>
+<span class="normal"><a href="#__codelineno-97-2">2</a></span>
+<span class="normal"><a href="#__codelineno-97-3">3</a></span>
+<span class="normal"><a href="#__codelineno-97-4">4</a></span>
+<span class="normal"><a href="#__codelineno-97-5">5</a></span>
+<span class="normal"><a href="#__codelineno-97-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-97-1" name="__codelineno-97-1"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">ICustomAttributeProvider</span>
+<a id="__codelineno-97-2" name="__codelineno-97-2"></a><span class="p">{</span>
+<a id="__codelineno-97-3" name="__codelineno-97-3"></a><span class="w">    </span><span class="kt">object</span><span class="p">[]</span><span class="w"> </span><span class="nf">GetCustomAttributes</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">inherit</span><span class="p">);</span>
+<a id="__codelineno-97-4" name="__codelineno-97-4"></a><span class="w">    </span><span class="kt">object</span><span class="p">[]</span><span class="w"> </span><span class="nf">GetCustomAttributes</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">attributeType</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">inherit</span><span class="p">);</span>
+<a id="__codelineno-97-5" name="__codelineno-97-5"></a><span class="w">    </span><span class="kt">bool</span><span class="w"> </span><span class="nf">IsDefined</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">attribueType</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">inherit</span><span class="p">);</span>
+<a id="__codelineno-97-6" name="__codelineno-97-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="files-streams">Files &amp; Streams</h2>
+<p>A .NET <strong>stream</strong> is simply a <em>sequence of bytes</em>. That makes a stream a useful abstraction for many commonly encountered features such as a file on disk, or the body of an HTTP response.<br />
+A console application uses streams to represent its input and output.</p>
+<p>The <code>Stream</code> class is defined in the <code>System.IO</code> namespace.<br />
+It is an abstract base class, with concrete derived types such as <code>FileStream</code> or <code>GZipStream</code> representing particular kinds of streams.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-98-1">1</a></span>
+<span class="normal"><a href="#__codelineno-98-2">2</a></span>
+<span class="normal"><a href="#__codelineno-98-3">3</a></span>
+<span class="normal"><a href="#__codelineno-98-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-98-1" name="__codelineno-98-1"></a><span class="c1">// The most important members of Stream</span>
+<a id="__codelineno-98-2" name="__codelineno-98-2"></a><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="nf">Read</span><span class="p">(</span><span class="kt">byte</span><span class="p">[]</span><span class="w"> </span><span class="n">buffer</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">offset</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">count</span><span class="p">);</span>
+<a id="__codelineno-98-3" name="__codelineno-98-3"></a><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Write</span><span class="p">(</span><span class="kt">byte</span><span class="p">[]</span><span class="w"> </span><span class="n">buffer</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">offset</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">count</span><span class="p">);</span>
+<a id="__codelineno-98-4" name="__codelineno-98-4"></a><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="kt">long</span><span class="w"> </span><span class="n">Position</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Some streams are <em>read-only</em>. For example, if input stream for a console app represents the keyboard or the output of some other program, there's no meaningful way for the program to write to that stream.<br />
+Some streams are <em>write-only</em>, such as the output stream of a console application.<br />
+If <code>Read</code> is called on a write-only stream or <code>Write</code> on a read-only one, these methods throw a <code>NotSupportedException</code>.</p>
+<p>Both <code>Read</code> and <code>Write</code> take a <code>byte[]</code> array as their first argument, and these methods copy data into or out of that array, respectively.<br />
+The <code>offset</code> and <code>count</code> arguments that follow indicate the array element at which to start, and the number of bytes to read or write.<br />
+There are no arguments to specify the <em>offset</em> within the stream at which to read or write. This is managed by the <code>Position</code> property.<br />
+This starts at zero, but at each read or write, the position advances by the number of bytes processed.</p>
+<p>The <code>Read</code> method returns an <code>int</code>. This tells how many bytes were read from the stream, the method <em>does not guarantee</em> to provide the amount of data requested.<br />
+The reason <code>Read</code> is slightly tricky is that some streams are live, representing a source of information that produces data gradually as the program runs.</p>
+<blockquote>
+<p><strong>Note</strong>: If asked for more than one byte at a time, a <code>Stream</code> is always free to return less data than requested from Read for any reason. Never presume that a call to <code>Read</code> returned as much data as it could.</p>
+</blockquote>
+<h3 id="position-seeking">Position &amp; Seeking</h3>
+<p>Streams automatically update their current position each time a read or write operation is completed. The <code>Position</code> property can be set to move to the desired location.<br />
+This is not guaranteed to work because it's not always possible to support it. Some streams will throw <code>NotSupportedException</code> when trying to set the <code>Position</code> property.</p>
+<p>Stream also defines a Seek method, this allows to specify the position required relative to the stream's current position.<br />
+Passing <code>SeekOrigin.Current</code> as second argument will set the position by adding the first argument to the current position.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-99-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-99-1" name="__codelineno-99-1"></a><span class="k">public</span><span class="w"> </span><span class="k">abstract</span><span class="w"> </span><span class="kt">long</span><span class="w"> </span><span class="nf">Seek</span><span class="p">(</span><span class="kt">long</span><span class="w"> </span><span class="n">offset</span><span class="p">,</span><span class="w"> </span><span class="n">SeekOrigin</span><span class="w"> </span><span class="n">origin</span><span class="p">);</span><span class="w">  </span><span class="c1">// offset can be negative</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="flushing">Flushing</h3>
+<p>Writing data to a Stream does not necessarily cause the data to reach its destination immediately.<br />
+When a call to <code>Write</code> returns, all that is known is that it has copied the data <em>somewhere</em>; but that might be a buffer in memory, not the final target.</p>
+<p>The Stream class therefore offers a <code>Flush</code> method. This tells the stream that it has to do whatever work is required to ensure that any buffered data is written to its target, even if that means making suboptimal use of the buffer.</p>
+<p>A stream automatically flushes its contents when calling <code>Dispose</code>. Flush only when it's needed to keep a stream open after writing out buffered data.<br />
+It is particularly important if there will be extended periods during which the stream is open but inactive.</p>
+<blockquote>
+<p><strong>Note</strong>: When using a <code>FileStream</code>, the <code>Flush</code> method does not necessarily guarantee that the data being flushed has made it to disk yet. It merely makes the stream pass the data to the OS.<br />
+Before calling <code>Flush</code>, the OS hasn't even seen the data, so if the process terminates suddenly, the data would be lost.<br />
+After <code>Flush</code> has returned, the OS has everything the code has written, so the process could be terminated without loss of data.<br />
+However, the OS may perform additional buffering of its own, so if the power fails before the OS gets around to writing everything to disk, the data will still be lost.</p>
+</blockquote>
+<p>To guarantee that data has been written persistently (rather than merely ensuring that it has been handed it to the OS), use either the <code>WriteThrough</code> flag, or call the <code>Flush</code> overload that takes a bool, passing <code>true</code> to force flushing to disk.</p>
+<h3 id="streamreader-streamwriter-text-files"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.streamreader">StreamReader</a> &amp; <a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.streamwriter">StreamWriter</a> (Text Files)</h3>
+<p>The most useful concrete text-oriented streams types are <code>StreamReader</code> and <code>StreamWriter</code>, which wrap a <code>Stream</code> object.<br />
+It's possible to constructing them by passing a <code>Stream</code> as a constructor argument, or a string containing the path of a file, in which case they will automatically construct a <code>FileStream</code> and then wrap that.</p>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/api/system.text.encoding">Encoding</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-100-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-100-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-100-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-100-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-100-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-100-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-100-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-100-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-100-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-100-10">10</a></span>
+<span class="normal"><a href="#__codelineno-100-11">11</a></span>
+<span class="normal"><a href="#__codelineno-100-12">12</a></span>
+<span class="normal"><a href="#__codelineno-100-13">13</a></span>
+<span class="normal"><a href="#__codelineno-100-14">14</a></span>
+<span class="normal"><a href="#__codelineno-100-15">15</a></span>
+<span class="normal"><a href="#__codelineno-100-16">16</a></span>
+<span class="normal"><a href="#__codelineno-100-17">17</a></span>
+<span class="normal"><a href="#__codelineno-100-18">18</a></span>
+<span class="normal"><a href="#__codelineno-100-19">19</a></span>
+<span class="normal"><a href="#__codelineno-100-20">20</a></span>
+<span class="normal"><a href="#__codelineno-100-21">21</a></span>
+<span class="normal"><a href="#__codelineno-100-22">22</a></span>
+<span class="normal"><a href="#__codelineno-100-23">23</a></span>
+<span class="normal"><a href="#__codelineno-100-24">24</a></span>
+<span class="normal"><a href="#__codelineno-100-25">25</a></span>
+<span class="normal"><a href="#__codelineno-100-26">26</a></span>
+<span class="normal"><a href="#__codelineno-100-27">27</a></span>
+<span class="normal"><a href="#__codelineno-100-28">28</a></span>
+<span class="normal"><a href="#__codelineno-100-29">29</a></span>
+<span class="normal"><a href="#__codelineno-100-30">30</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-100-1" name="__codelineno-100-1"></a><span class="c1">// Will detect encoding from stream contents</span>
+<a id="__codelineno-100-2" name="__codelineno-100-2"></a><span class="n">StreamReader</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamReader</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span>
+<a id="__codelineno-100-3" name="__codelineno-100-3"></a><span class="n">StreamReader</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamReader</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Text</span><span class="p">.</span><span class="n">Encoding</span><span class="w"> </span><span class="n">encoding</span><span class="p">);</span><span class="w">  </span><span class="c1">// encoding is System.Text.Encoding</span>
+<a id="__codelineno-100-4" name="__codelineno-100-4"></a>
+<a id="__codelineno-100-5" name="__codelineno-100-5"></a><span class="c1">// Default Encoding: UTF-8 w/o BOM (Byte Order Mark)</span>
+<a id="__codelineno-100-6" name="__codelineno-100-6"></a><span class="n">StreamWriter</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamWriter</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span>
+<a id="__codelineno-100-7" name="__codelineno-100-7"></a><span class="n">StreamWriter</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamWriter</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">boolean</span><span class="p">);</span><span class="w">  </span><span class="c1">// true to append data to the file; false to overwrite the file.</span>
+<a id="__codelineno-100-8" name="__codelineno-100-8"></a><span class="n">StreamReader</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamReader</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Text</span><span class="p">.</span><span class="n">Encoding</span><span class="w"> </span><span class="n">encoding</span><span class="p">);</span><span class="w">  </span><span class="c1">// encoding is System.Text.Encoding</span>
+<a id="__codelineno-100-9" name="__codelineno-100-9"></a><span class="n">StreamReader</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamReader</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">append</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">Text</span><span class="p">.</span><span class="n">Encoding</span><span class="w"> </span><span class="n">encoding</span><span class="p">);</span><span class="w">  </span><span class="c1">// encoding is System.Text.Encoding</span>
+<a id="__codelineno-100-10" name="__codelineno-100-10"></a>
+<a id="__codelineno-100-11" name="__codelineno-100-11"></a><span class="c1">// USAGE</span>
+<a id="__codelineno-100-12" name="__codelineno-100-12"></a><span class="k">try</span>
+<a id="__codelineno-100-13" name="__codelineno-100-13"></a><span class="p">{</span>
+<a id="__codelineno-100-14" name="__codelineno-100-14"></a><span class="w">    </span><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">StreamReader</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamReader</span><span class="p">(</span><span class="n">path</span><span class="p">))</span><span class="w">  </span><span class="c1">// stream to read</span>
+<a id="__codelineno-100-15" name="__codelineno-100-15"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-100-16" name="__codelineno-100-16"></a><span class="w">        </span><span class="k">while</span><span class="p">(</span><span class="o">!</span><span class="n">file</span><span class="p">.</span><span class="n">EndOfStream</span><span class="p">)</span><span class="w">  </span><span class="c1">// keep reading until the end op file</span>
+<a id="__codelineno-100-17" name="__codelineno-100-17"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-100-18" name="__codelineno-100-18"></a><span class="w">            </span><span class="n">file</span><span class="p">.</span><span class="n">ReadLine</span><span class="p">();</span><span class="w">  </span><span class="c1">// read a whole line from the file</span>
+<a id="__codelineno-100-19" name="__codelineno-100-19"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-100-20" name="__codelineno-100-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-100-21" name="__codelineno-100-21"></a>
+<a id="__codelineno-100-22" name="__codelineno-100-22"></a><span class="w">    </span><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">StreamWriter</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">StreamWriter</span><span class="p">(</span><span class="n">path</span><span class="p">))</span><span class="w">  </span><span class="c1">// stream to write</span>
+<a id="__codelineno-100-23" name="__codelineno-100-23"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-100-24" name="__codelineno-100-24"></a><span class="w">        </span><span class="n">file</span><span class="p">.</span><span class="n">write</span><span class="p">();</span><span class="w">  </span><span class="c1">// write to file</span>
+<a id="__codelineno-100-25" name="__codelineno-100-25"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-100-26" name="__codelineno-100-26"></a><span class="p">}</span>
+<a id="__codelineno-100-27" name="__codelineno-100-27"></a><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-100-28" name="__codelineno-100-28"></a><span class="p">{</span>
+<a id="__codelineno-100-29" name="__codelineno-100-29"></a><span class="w">    </span><span class="c1">// handle exception</span>
+<a id="__codelineno-100-30" name="__codelineno-100-30"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="stringreader-stringwriter">StringReader &amp; StringWriter</h3>
+<p>The <code>StringReader</code> and <code>StringWriter</code> classes serve a similar purpose to <code>MemoryStream</code>: they are useful when working with an API that requires either a <code>TextReader</code> or <code>TextWriter</code> (abstract text streams), but you want to work entirely in memory.<br />
+Whereas <code>MemoryStream</code> presents a Stream API on top of a <code>byte[]</code> array, <code>StringReader</code> wraps a string as a <code>TextReader</code>, while <code>StringWriter</code> presents a <code>TextWriter</code> API on top of a <code>StringBuilder</code>.</p>
+<h2 id="files-directories">Files &amp; Directories</h2>
+<h3 id="filestream-class-binary-files"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.filestream">FileStream</a> Class (Binary Files)</h3>
+<p>The <code>FileStream</code> class derives from <code>Stream</code> and represents a file from the filesystem.</p>
+<p>It' common to use the constructors in which the <code>FileStream</code> uses OS APIs to create the file handle. It's possible to provide varying levels of detail on how this si to be done.<br />
+At a minimum the file's path and a value from the <code>FileMode</code> enumeration must be provided.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-101-1">1</a></span>
+<span class="normal"><a href="#__codelineno-101-2">2</a></span>
+<span class="normal"><a href="#__codelineno-101-3">3</a></span>
+<span class="normal"><a href="#__codelineno-101-4">4</a></span>
+<span class="normal"><a href="#__codelineno-101-5">5</a></span>
+<span class="normal"><a href="#__codelineno-101-6">6</a></span>
+<span class="normal"><a href="#__codelineno-101-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-101-1" name="__codelineno-101-1"></a><span class="c1">// overloaded FileStream Constructors</span>
+<a id="__codelineno-101-2" name="__codelineno-101-2"></a><span class="k">public</span><span class="w"> </span><span class="nf">FileStream</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">);</span>
+<a id="__codelineno-101-3" name="__codelineno-101-3"></a><span class="k">public</span><span class="w"> </span><span class="nf">FileStream</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">);</span>
+<a id="__codelineno-101-4" name="__codelineno-101-4"></a><span class="k">public</span><span class="w"> </span><span class="nf">FileStream</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">,</span><span class="w"> </span><span class="n">FileShare</span><span class="w"> </span><span class="n">share</span><span class="p">);</span>
+<a id="__codelineno-101-5" name="__codelineno-101-5"></a><span class="k">public</span><span class="w"> </span><span class="nf">FileStream</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">,</span><span class="w"> </span><span class="n">FileShare</span><span class="w"> </span><span class="n">share</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">bufferSize</span><span class="p">);</span>
+<a id="__codelineno-101-6" name="__codelineno-101-6"></a><span class="k">public</span><span class="w"> </span><span class="nf">FileStream</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">,</span><span class="w"> </span><span class="n">FileShare</span><span class="w"> </span><span class="n">share</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">bufferSize</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">useAsync</span><span class="p">);</span>
+<a id="__codelineno-101-7" name="__codelineno-101-7"></a><span class="k">public</span><span class="w"> </span><span class="nf">FileStream</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">,</span><span class="w"> </span><span class="n">FileShare</span><span class="w"> </span><span class="n">share</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">bufferSize</span><span class="p">,</span><span class="w"> </span><span class="n">FileOptions</span><span class="w"> </span><span class="n">options</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<table>
+<thead>
+<tr>
+<th><code>FileMode</code></th>
+<th>Behavior if file exists</th>
+<th>Behavior if file does not exist</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>CreateNew</code></td>
+<td>Throws <code>IOException</code></td>
+<td>Creates new file</td>
+</tr>
+<tr>
+<td><code>Create</code></td>
+<td>Replaces existing file</td>
+<td>Creates new file</td>
+</tr>
+<tr>
+<td><code>Open</code></td>
+<td>Opens existing file</td>
+<td>Throws <code>FileNotFoundException</code></td>
+</tr>
+<tr>
+<td><code>OpenOrCreate</code></td>
+<td>Opens existing file</td>
+<td>Creates new file</td>
+</tr>
+<tr>
+<td><code>Truncate</code></td>
+<td>Replaces existing file</td>
+<td>Throws <code>FileNotFoundException</code></td>
+</tr>
+<tr>
+<td><code>Append</code></td>
+<td>Opens existing file, setting Position to end of file</td>
+<td>Creates new file</td>
+</tr>
+</tbody>
+</table>
+<p><strong><code>FileAccess</code> Enumeration</strong>:</p>
+<ul>
+<li><code>Read</code>: Read access to the file. Data can be read from the file. Combine with Write for read/write access.</li>
+<li><code>Write</code>: Write access to the file. Data can be written to the file. Combine with Read for read/write access.</li>
+<li><code>ReadWrite</code>: Read and write access to the file. Data can be written to and read from the file.</li>
+</ul>
+<p><strong><code>FileShare</code> Enumeration</strong>:</p>
+<ul>
+<li><code>Delete</code>: Allows subsequent deleting of a file.</li>
+<li><code>None</code>: Declines sharing of the current file. Any request to open the file (by this process or another process) will fail until the file is closed.</li>
+<li><code>Read</code>: Allows subsequent opening of the file for reading. If this flag is not specified, any request to open the file for reading (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li>
+<li><code>ReadWrite</code>: Allows subsequent opening of the file for reading or writing. If this flag is not specified, any request to open the file for reading or writing (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li>
+<li><code>Write</code>: Allows subsequent opening of the file for writing. If this flag is not specified, any request to open the file for writing (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li>
+</ul>
+<p><strong><code>FileOptions</code> Enumeration</strong>:</p>
+<ul>
+<li><code>WriteThrough</code>: Disables OS write buffering so data goes straight to disk when you flush the stream.</li>
+<li><code>AsynchronousSpecifies</code>: the use of asynchronous I/O.</li>
+<li><code>RandomAccessHints</code>: to filesystem cache that you will be seeking, not reading or writing data in order.</li>
+<li><code>SequentialScanHints</code>: to filesystem cache that you will be reading or writing data in order.</li>
+<li><code>DeleteOnCloseTells</code>: <code>FileStream</code> to delete the file when you call <code>Dispose</code>.</li>
+<li><code>EncryptedEncrypts</code>: the file so that its contents cannot be read by other users.</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: The <code>WriteThrough</code> flag will ensure that when the stream is disposed or flushed, all the data written will have been delivered to the drive, but the drive will not necessarily have written that data persistently (drives can defer writing for performance), so data loss id still possible if the power fails.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-102-1">1</a></span>
+<span class="normal"><a href="#__codelineno-102-2">2</a></span>
+<span class="normal"><a href="#__codelineno-102-3">3</a></span>
+<span class="normal"><a href="#__codelineno-102-4">4</a></span>
+<span class="normal"><a href="#__codelineno-102-5">5</a></span>
+<span class="normal"><a href="#__codelineno-102-6">6</a></span>
+<span class="normal"><a href="#__codelineno-102-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-102-1" name="__codelineno-102-1"></a><span class="c1">// object to read or write to a file (file can be binary)</span>
+<a id="__codelineno-102-2" name="__codelineno-102-2"></a><span class="p">{</span>
+<a id="__codelineno-102-3" name="__codelineno-102-3"></a><span class="w">    </span><span class="n">using</span><span class="p">(</span><span class="n">FileStream</span><span class="w"> </span><span class="n">fstream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">FileStream</span><span class="p">(</span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">FileMode</span><span class="p">.</span><span class="n">OpenOrCreate</span><span class="p">,</span><span class="w"> </span><span class="n">FileAccess</span><span class="p">.</span><span class="n">ReadWrite</span><span class="p">))</span>
+<a id="__codelineno-102-4" name="__codelineno-102-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-102-5" name="__codelineno-102-5"></a><span class="w">        </span><span class="c1">// operations on file stream</span>
+<a id="__codelineno-102-6" name="__codelineno-102-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-102-7" name="__codelineno-102-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="file-class"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.file">File</a> Class</h3>
+<p>The static <code>File</code> class provides methods for performing various operations on files.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-103-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-103-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-103-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-103-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-103-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-103-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-103-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-103-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-103-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-103-10">10</a></span>
+<span class="normal"><a href="#__codelineno-103-11">11</a></span>
+<span class="normal"><a href="#__codelineno-103-12">12</a></span>
+<span class="normal"><a href="#__codelineno-103-13">13</a></span>
+<span class="normal"><a href="#__codelineno-103-14">14</a></span>
+<span class="normal"><a href="#__codelineno-103-15">15</a></span>
+<span class="normal"><a href="#__codelineno-103-16">16</a></span>
+<span class="normal"><a href="#__codelineno-103-17">17</a></span>
+<span class="normal"><a href="#__codelineno-103-18">18</a></span>
+<span class="normal"><a href="#__codelineno-103-19">19</a></span>
+<span class="normal"><a href="#__codelineno-103-20">20</a></span>
+<span class="normal"><a href="#__codelineno-103-21">21</a></span>
+<span class="normal"><a href="#__codelineno-103-22">22</a></span>
+<span class="normal"><a href="#__codelineno-103-23">23</a></span>
+<span class="normal"><a href="#__codelineno-103-24">24</a></span>
+<span class="normal"><a href="#__codelineno-103-25">25</a></span>
+<span class="normal"><a href="#__codelineno-103-26">26</a></span>
+<span class="normal"><a href="#__codelineno-103-27">27</a></span>
+<span class="normal"><a href="#__codelineno-103-28">28</a></span>
+<span class="normal"><a href="#__codelineno-103-29">29</a></span>
+<span class="normal"><a href="#__codelineno-103-30">30</a></span>
+<span class="normal"><a href="#__codelineno-103-31">31</a></span>
+<span class="normal"><a href="#__codelineno-103-32">32</a></span>
+<span class="normal"><a href="#__codelineno-103-33">33</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-103-1" name="__codelineno-103-1"></a><span class="n">File</span><span class="p">.</span><span class="n">Create</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Return Read/Write FileStream to file</span>
+<a id="__codelineno-103-2" name="__codelineno-103-2"></a><span class="n">File</span><span class="p">.</span><span class="n">Open</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">);</span><span class="w">  </span><span class="c1">// Open a FileStream on the specified path with read/write access with no sharing.</span>
+<a id="__codelineno-103-3" name="__codelineno-103-3"></a><span class="n">File</span><span class="p">.</span><span class="n">Open</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">);</span><span class="w">  </span><span class="c1">// Opens a FileStream on the specified path, with the specified mode and access with no sharing.</span>
+<a id="__codelineno-103-4" name="__codelineno-103-4"></a><span class="n">File</span><span class="p">.</span><span class="n">Open</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">FileMode</span><span class="w"> </span><span class="n">mode</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">FileAccess</span><span class="w"> </span><span class="n">access</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">FileShare</span><span class="w"> </span><span class="n">share</span><span class="p">);</span>
+<a id="__codelineno-103-5" name="__codelineno-103-5"></a><span class="n">File</span><span class="p">.</span><span class="n">OpenRead</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Open an existing file for reading, returns a FileStream</span>
+<a id="__codelineno-103-6" name="__codelineno-103-6"></a><span class="n">File</span><span class="p">.</span><span class="n">OpenText</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Open an existing UTF-8 encoded text file for reading, returns a StreamReader</span>
+<a id="__codelineno-103-7" name="__codelineno-103-7"></a><span class="n">File</span><span class="p">.</span><span class="n">OpenWrite</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Open an existing file for writing, returns a FileStream</span>
+<a id="__codelineno-103-8" name="__codelineno-103-8"></a>
+<a id="__codelineno-103-9" name="__codelineno-103-9"></a><span class="n">File</span><span class="p">.</span><span class="n">Delete</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Delete the specified file</span>
+<a id="__codelineno-103-10" name="__codelineno-103-10"></a><span class="n">File</span><span class="p">.</span><span class="n">Move</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">sourceFileName</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">destFileName</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">overwrite</span><span class="p">);</span><span class="w">  </span><span class="c1">// Move specified file to a new location (can specify a new filename and to overwrite the destination file if it already exists)</span>
+<a id="__codelineno-103-11" name="__codelineno-103-11"></a><span class="n">File</span><span class="p">.</span><span class="n">Exists</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Whether the specified file exists.</span>
+<a id="__codelineno-103-12" name="__codelineno-103-12"></a>
+<a id="__codelineno-103-13" name="__codelineno-103-13"></a><span class="n">File</span><span class="p">.</span><span class="n">GetCreationTime</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Return DateTime set to the creation date and time for the specified file</span>
+<a id="__codelineno-103-14" name="__codelineno-103-14"></a><span class="n">File</span><span class="p">.</span><span class="n">GetLastAccessTime</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Return DateTime set to the date and time that the specified file was last accessed</span>
+<a id="__codelineno-103-15" name="__codelineno-103-15"></a><span class="n">File</span><span class="p">.</span><span class="n">GetLastWriteTime</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Return DateTime set to the date and time that the specified file was last written to</span>
+<a id="__codelineno-103-16" name="__codelineno-103-16"></a><span class="n">File</span><span class="p">.</span><span class="n">GetAttributes</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Return FileAttributes of the file</span>
+<a id="__codelineno-103-17" name="__codelineno-103-17"></a>
+<a id="__codelineno-103-18" name="__codelineno-103-18"></a><span class="n">File</span><span class="p">.</span><span class="n">Encrypt</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Encrypt a file so that only the account used to encrypt the file can decrypt it.</span>
+<a id="__codelineno-103-19" name="__codelineno-103-19"></a><span class="n">File</span><span class="p">.</span><span class="n">Decrypt</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Decrypt a file that was encrypted by the current account using the Encrypt() method.</span>
+<a id="__codelineno-103-20" name="__codelineno-103-20"></a>
+<a id="__codelineno-103-21" name="__codelineno-103-21"></a><span class="n">File</span><span class="p">.</span><span class="n">ReadAllText</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Return a string containing all the text in the file</span>
+<a id="__codelineno-103-22" name="__codelineno-103-22"></a><span class="n">File</span><span class="p">.</span><span class="n">ReadAllLines</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Returns a string[] containing all lines of the file</span>
+<a id="__codelineno-103-23" name="__codelineno-103-23"></a><span class="n">File</span><span class="p">.</span><span class="n">ReadLines</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w"> </span><span class="c1">// Returns IEnumerable&lt;string&gt; containing all the text in the file</span>
+<a id="__codelineno-103-24" name="__codelineno-103-24"></a><span class="n">File</span><span class="p">.</span><span class="n">ReadAllBytes</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Returns a byte[] containing the contents of the file.</span>
+<a id="__codelineno-103-25" name="__codelineno-103-25"></a>
+<a id="__codelineno-103-26" name="__codelineno-103-26"></a><span class="n">File</span><span class="p">.</span><span class="n">WriteAllLines</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">contents</span><span class="p">);</span><span class="w">  </span><span class="c1">// writes a collection of strings to the file</span>
+<a id="__codelineno-103-27" name="__codelineno-103-27"></a><span class="n">File</span><span class="p">.</span><span class="n">WriteAllLines</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="p">[]</span><span class="w"> </span><span class="n">contents</span><span class="p">);</span><span class="w">  </span><span class="c1">// writes a collection of strings to the file</span>
+<a id="__codelineno-103-28" name="__codelineno-103-28"></a>
+<a id="__codelineno-103-29" name="__codelineno-103-29"></a><span class="n">File</span><span class="p">.</span><span class="n">AppendAllText</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">contents</span><span class="p">);</span><span class="w">  </span><span class="c1">// appends the specified string to the file</span>
+<a id="__codelineno-103-30" name="__codelineno-103-30"></a><span class="n">File</span><span class="p">.</span><span class="n">AppendAllLines</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="kt">string</span><span class="o">&gt;</span><span class="w"> </span><span class="n">contents</span><span class="p">);</span><span class="w">  </span><span class="c1">// appends a collection of strings to the file</span>
+<a id="__codelineno-103-31" name="__codelineno-103-31"></a>
+<a id="__codelineno-103-32" name="__codelineno-103-32"></a><span class="c1">// Replace the contents of a specified file with the contents of another file, deleting the original file, and creating a backup of the replaced file.</span>
+<a id="__codelineno-103-33" name="__codelineno-103-33"></a><span class="n">File</span><span class="p">.</span><span class="n">Replace</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">sourceFileName</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">destinationFileName</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">destinationBackupFileName</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="directory-class"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.directory">Directory</a> Class</h3>
+<p>Exposes static methods for creating, moving, and enumerating through directories and subdirectories.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-104-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-104-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-104-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-104-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-104-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-104-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-104-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-104-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-104-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-104-10">10</a></span>
+<span class="normal"><a href="#__codelineno-104-11">11</a></span>
+<span class="normal"><a href="#__codelineno-104-12">12</a></span>
+<span class="normal"><a href="#__codelineno-104-13">13</a></span>
+<span class="normal"><a href="#__codelineno-104-14">14</a></span>
+<span class="normal"><a href="#__codelineno-104-15">15</a></span>
+<span class="normal"><a href="#__codelineno-104-16">16</a></span>
+<span class="normal"><a href="#__codelineno-104-17">17</a></span>
+<span class="normal"><a href="#__codelineno-104-18">18</a></span>
+<span class="normal"><a href="#__codelineno-104-19">19</a></span>
+<span class="normal"><a href="#__codelineno-104-20">20</a></span>
+<span class="normal"><a href="#__codelineno-104-21">21</a></span>
+<span class="normal"><a href="#__codelineno-104-22">22</a></span>
+<span class="normal"><a href="#__codelineno-104-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-104-1" name="__codelineno-104-1"></a><span class="n">Directory</span><span class="p">.</span><span class="n">CreateDirectory</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Create directory as specified</span>
+<a id="__codelineno-104-2" name="__codelineno-104-2"></a><span class="n">Directory</span><span class="p">.</span><span class="n">Delete</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Delete an empty directory from a specified path (dir must be writable)</span>
+<a id="__codelineno-104-3" name="__codelineno-104-3"></a><span class="n">Directory</span><span class="p">.</span><span class="n">Delete</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">recursive</span><span class="p">);</span><span class="w">  </span><span class="c1">// Delete the specified directory and, if indicated, any subdirectories and files in the directory</span>
+<a id="__codelineno-104-4" name="__codelineno-104-4"></a><span class="n">Directory</span><span class="p">.</span><span class="n">Move</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">sourceDirName</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">destDirName</span><span class="p">);</span><span class="w">  </span><span class="c1">// Move a file or a directory and its contents to a new location</span>
+<a id="__codelineno-104-5" name="__codelineno-104-5"></a><span class="n">Directory</span><span class="p">.</span><span class="n">Exists</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Whether the given path refers to an existing directory on disk</span>
+<a id="__codelineno-104-6" name="__codelineno-104-6"></a>
+<a id="__codelineno-104-7" name="__codelineno-104-7"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetLogicalDrives</span><span class="p">();</span><span class="w">  </span><span class="c1">// string[] of names of the logical drives on the computer in the form &quot;&lt;drive letter&gt;:\&quot;</span>
+<a id="__codelineno-104-8" name="__codelineno-104-8"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetParent</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// DirectoryInfo of parent directory of the specified path, including both absolute and relative paths</span>
+<a id="__codelineno-104-9" name="__codelineno-104-9"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetCurrentDirectory</span><span class="p">();</span><span class="w">  </span><span class="c1">// string of current working directory of the application</span>
+<a id="__codelineno-104-10" name="__codelineno-104-10"></a><span class="n">Directory</span><span class="p">.</span><span class="n">SetCurrentDirectory</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Set the application&#39;s current working directory to the specified directory</span>
+<a id="__codelineno-104-11" name="__codelineno-104-11"></a>
+<a id="__codelineno-104-12" name="__codelineno-104-12"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetCreationTime</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// DateTime set to the creation date and time for the specified directory</span>
+<a id="__codelineno-104-13" name="__codelineno-104-13"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetLastAccessTime</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// DateTime set to the date and time the specified file or directory was last accessed</span>
+<a id="__codelineno-104-14" name="__codelineno-104-14"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetLastWriteTime</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// DateTime set to the date and time the specified file or directory was last written to</span>
+<a id="__codelineno-104-15" name="__codelineno-104-15"></a>
+<a id="__codelineno-104-16" name="__codelineno-104-16"></a><span class="n">Directory</span><span class="p">.</span><span class="n">EnumerateDirectories</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">searchPattern</span><span class="p">,</span><span class="w"> </span><span class="n">SearchOption</span><span class="w"> </span><span class="n">searchOption</span><span class="p">);</span><span class="w">  </span><span class="c1">// IEnumerable&lt;string&gt; of directory full names that match a search pattern in a specified path</span>
+<a id="__codelineno-104-17" name="__codelineno-104-17"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetDirectories</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">searchPattern</span><span class="p">,</span><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="n">IO</span><span class="p">.</span><span class="n">SearchOption</span><span class="w"> </span><span class="n">searchOption</span><span class="p">);</span><span class="w">  </span><span class="c1">// string[] of directory full names that match a search pattern in a specified path</span>
+<a id="__codelineno-104-18" name="__codelineno-104-18"></a>
+<a id="__codelineno-104-19" name="__codelineno-104-19"></a><span class="n">Directory</span><span class="p">.</span><span class="n">EnumerateFiles</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">searchPattern</span><span class="p">,</span><span class="w"> </span><span class="n">SearchOption</span><span class="w"> </span><span class="n">searchOption</span><span class="p">);</span><span class="w">  </span><span class="c1">// IEnumerable&lt;string&gt; of full file names that match a search pattern in a specified path</span>
+<a id="__codelineno-104-20" name="__codelineno-104-20"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetFiles</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">searchPattern</span><span class="p">,</span><span class="w"> </span><span class="n">SearchOption</span><span class="w"> </span><span class="n">searchOption</span><span class="p">);</span><span class="w">  </span><span class="c1">// string[] of full file names that match a search pattern in a specified path</span>
+<a id="__codelineno-104-21" name="__codelineno-104-21"></a>
+<a id="__codelineno-104-22" name="__codelineno-104-22"></a><span class="n">Directory</span><span class="p">.</span><span class="n">EnumerateFileSystemEntries</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">searchPattern</span><span class="p">,</span><span class="w"> </span><span class="n">SearchOption</span><span class="w"> </span><span class="n">searchOption</span><span class="p">);</span><span class="w">  </span><span class="c1">// IEnumerable&lt;string&gt; array of file names and directory names that match a search pattern in a specified path</span>
+<a id="__codelineno-104-23" name="__codelineno-104-23"></a><span class="n">Directory</span><span class="p">.</span><span class="n">GetFileSystemEntries</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">searchPattern</span><span class="p">,</span><span class="w"> </span><span class="n">SearchOption</span><span class="w"> </span><span class="n">searchOption</span><span class="p">);</span><span class="w">  </span><span class="c1">// string[] array of file names and directory names that match a search pattern in a specified path</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="path-class"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.path">Path</a> Class</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-105-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-105-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-105-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-105-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-105-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-105-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-105-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-105-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-105-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-105-10">10</a></span>
+<span class="normal"><a href="#__codelineno-105-11">11</a></span>
+<span class="normal"><a href="#__codelineno-105-12">12</a></span>
+<span class="normal"><a href="#__codelineno-105-13">13</a></span>
+<span class="normal"><a href="#__codelineno-105-14">14</a></span>
+<span class="normal"><a href="#__codelineno-105-15">15</a></span>
+<span class="normal"><a href="#__codelineno-105-16">16</a></span>
+<span class="normal"><a href="#__codelineno-105-17">17</a></span>
+<span class="normal"><a href="#__codelineno-105-18">18</a></span>
+<span class="normal"><a href="#__codelineno-105-19">19</a></span>
+<span class="normal"><a href="#__codelineno-105-20">20</a></span>
+<span class="normal"><a href="#__codelineno-105-21">21</a></span>
+<span class="normal"><a href="#__codelineno-105-22">22</a></span>
+<span class="normal"><a href="#__codelineno-105-23">23</a></span>
+<span class="normal"><a href="#__codelineno-105-24">24</a></span>
+<span class="normal"><a href="#__codelineno-105-25">25</a></span>
+<span class="normal"><a href="#__codelineno-105-26">26</a></span>
+<span class="normal"><a href="#__codelineno-105-27">27</a></span>
+<span class="normal"><a href="#__codelineno-105-28">28</a></span>
+<span class="normal"><a href="#__codelineno-105-29">29</a></span>
+<span class="normal"><a href="#__codelineno-105-30">30</a></span>
+<span class="normal"><a href="#__codelineno-105-31">31</a></span>
+<span class="normal"><a href="#__codelineno-105-32">32</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-105-1" name="__codelineno-105-1"></a><span class="n">Combine</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path1</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">path2</span><span class="p">);</span><span class="w">  </span><span class="c1">// Combine two strings into a path</span>
+<a id="__codelineno-105-2" name="__codelineno-105-2"></a><span class="n">Combine</span><span class="p">(</span><span class="kt">string</span><span class="p">[]</span><span class="w"> </span><span class="n">paths</span><span class="p">);</span><span class="w">  </span><span class="c1">// Combine strings into a path</span>
+<a id="__codelineno-105-3" name="__codelineno-105-3"></a>
+<a id="__codelineno-105-4" name="__codelineno-105-4"></a><span class="n">GetFullPath</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// absolute path for the specified path string</span>
+<a id="__codelineno-105-5" name="__codelineno-105-5"></a><span class="n">GetFullPath</span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">basePath</span><span class="p">);</span><span class="w">  </span><span class="c1">// absolute path from a relative path and a fully qualified base path</span>
+<a id="__codelineno-105-6" name="__codelineno-105-6"></a><span class="n">GetRelativePath</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">relativeTo</span><span class="p">,</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// relative path from one path to another</span>
+<a id="__codelineno-105-7" name="__codelineno-105-7"></a><span class="n">GetPathRoot</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Get the root directory information from the path contained in the specified string</span>
+<a id="__codelineno-105-8" name="__codelineno-105-8"></a><span class="n">GetDirectoryName</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// directory information for the specified path string</span>
+<a id="__codelineno-105-9" name="__codelineno-105-9"></a>
+<a id="__codelineno-105-10" name="__codelineno-105-10"></a><span class="n">GetExtension</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// extension (including the period &quot;.&quot;) of the specified path string</span>
+<a id="__codelineno-105-11" name="__codelineno-105-11"></a><span class="n">GetFileName</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// file name and extension of the specified path string</span>
+<a id="__codelineno-105-12" name="__codelineno-105-12"></a><span class="n">GetFileNameWithoutExtension</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// file name of the specified path string without the extension</span>
+<a id="__codelineno-105-13" name="__codelineno-105-13"></a>
+<a id="__codelineno-105-14" name="__codelineno-105-14"></a><span class="n">HasExtension</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// whether a path includes a file name extension</span>
+<a id="__codelineno-105-15" name="__codelineno-105-15"></a><span class="n">IsPathFullyQualified</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// whether the specified file path is fixed to a specific drive or UNC path</span>
+<a id="__codelineno-105-16" name="__codelineno-105-16"></a><span class="n">IsPathRooted</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// whether the specified path string contains a root</span>
+<a id="__codelineno-105-17" name="__codelineno-105-17"></a>
+<a id="__codelineno-105-18" name="__codelineno-105-18"></a><span class="n">EndsInDirectorySeparator</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// true if the path ends in a directory separator; otherwise, false</span>
+<a id="__codelineno-105-19" name="__codelineno-105-19"></a><span class="n">TrimEndingDirectorySeparator</span><span class="w"> </span><span class="p">(</span><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="p">);</span><span class="w">  </span><span class="c1">// Trim one trailing directory separator beyond the root of the specified path</span>
+<a id="__codelineno-105-20" name="__codelineno-105-20"></a>
+<a id="__codelineno-105-21" name="__codelineno-105-21"></a><span class="n">GetInvalidFileNameChar</span><span class="p">();</span><span class="w">  </span><span class="c1">// char[] containing the characters that are not allowed in file names</span>
+<a id="__codelineno-105-22" name="__codelineno-105-22"></a><span class="n">GetInvalidPathChars</span><span class="p">();</span><span class="w">  </span><span class="c1">// char[] containing the characters that are not allowed in path names</span>
+<a id="__codelineno-105-23" name="__codelineno-105-23"></a>
+<a id="__codelineno-105-24" name="__codelineno-105-24"></a><span class="n">GetTempPath</span><span class="p">();</span><span class="w">  </span><span class="c1">// path of the current user&#39;s temporary folder</span>
+<a id="__codelineno-105-25" name="__codelineno-105-25"></a><span class="n">GetTempFileName</span><span class="p">();</span><span class="w">  </span><span class="c1">// Create a uniquely named, zero-byte temporary file on disk and returns the full path of that file</span>
+<a id="__codelineno-105-26" name="__codelineno-105-26"></a><span class="n">GetRandomFileName</span><span class="p">();</span><span class="w">  </span><span class="c1">// random folder name or file name</span>
+<a id="__codelineno-105-27" name="__codelineno-105-27"></a>
+<a id="__codelineno-105-28" name="__codelineno-105-28"></a><span class="c1">// get full path from relative</span>
+<a id="__codelineno-105-29" name="__codelineno-105-29"></a><span class="kt">string</span><span class="w"> </span><span class="n">path</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Path</span><span class="p">.</span><span class="n">Combine</span><span class="p">(</span><span class="n">Path</span><span class="p">.</span><span class="n">GetDirectoryName</span><span class="p">(</span><span class="n">Assembly</span><span class="p">.</span><span class="n">GetExecutingAssembly</span><span class="p">().</span><span class="n">Location</span><span class="p">),</span><span class="w"> </span><span class="s">@&quot;relative_path.ext&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// path to a file in the project directory</span>
+<a id="__codelineno-105-30" name="__codelineno-105-30"></a>
+<a id="__codelineno-105-31" name="__codelineno-105-31"></a><span class="c1">// get special folder location</span>
+<a id="__codelineno-105-32" name="__codelineno-105-32"></a><span class="kt">string</span><span class="w"> </span><span class="n">appDataPath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Environment</span><span class="p">.</span><span class="n">GetFolderPath</span><span class="p">(</span><span class="n">Environment</span><span class="p">.</span><span class="n">SpecialFolder</span><span class="p">.</span><span class="n">ApplicationData</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="fileinfo-directoryinfo-filesysteminfo"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.fileinfo">FileInfo</a>, <a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.directoryinfo">DirectoryInfo</a> &amp; <a href="https://docs.microsoft.com/en-us/dotnet/api/system.io.filesysteminfo">FileSystemInfo</a></h3>
+<p>Classes to hold multiple info about a file or directory. If some property changes using the method <code>Refresh()</code> will update the data.</p>
+<h3 id="clr-serialization">CLR Serialization</h3>
+<p>Types are required to opt into CLR serialization. .NET defines a <code>[Serializable]</code> attribute that must be present before the CLR will serialize the type (class).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-106-1">1</a></span>
+<span class="normal"><a href="#__codelineno-106-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-106-1" name="__codelineno-106-1"></a><span class="na">[Serializable]</span>
+<a id="__codelineno-106-2" name="__codelineno-106-2"></a><span class="k">class</span><span class="w"> </span><span class="nc">Class</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Serialization works directly with an object's fields. It uses reflection, which enables it to access all members, whether public or private.</p>
+<blockquote>
+<p><strong>Note</strong>: CLR Serialization produces binary streams in a .NET specific format</p>
+</blockquote>
+<hr />
+<h2 id="datetime-timespan">DateTime &amp; TimeSpan</h2>
+<h3 id="timespan-struct"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.timespan">TimeSpan Struct</a></h3>
+<p>Object that represents the difference between two dates</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-107-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-107-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-107-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-107-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-107-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-107-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-107-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-107-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-107-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-107-10">10</a></span>
+<span class="normal"><a href="#__codelineno-107-11">11</a></span>
+<span class="normal"><a href="#__codelineno-107-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-107-1" name="__codelineno-107-1"></a><span class="n">TimeSpan</span><span class="w"> </span><span class="n">Interval</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">DateTime</span><span class="p">()</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">DateTime</span><span class="p">()</span><span class="w">  </span><span class="c1">// difference between dates</span>
+<a id="__codelineno-107-2" name="__codelineno-107-2"></a>
+<a id="__codelineno-107-3" name="__codelineno-107-3"></a><span class="c1">// constructors</span>
+<a id="__codelineno-107-4" name="__codelineno-107-4"></a><span class="n">TimeSpan</span><span class="p">(</span><span class="n">hours</span><span class="p">,</span><span class="w"> </span><span class="n">minutes</span><span class="p">,</span><span class="w"> </span><span class="n">seconds</span><span class="p">);</span><span class="w">  </span><span class="c1">// all parameters are integers</span>
+<a id="__codelineno-107-5" name="__codelineno-107-5"></a><span class="n">TimeSpan</span><span class="p">(</span><span class="n">days</span><span class="p">,</span><span class="w"> </span><span class="n">hours</span><span class="p">,</span><span class="w"> </span><span class="n">minutes</span><span class="p">,</span><span class="w"> </span><span class="n">seconds</span><span class="p">);</span><span class="w">  </span><span class="c1">// all parameters are integers</span>
+<a id="__codelineno-107-6" name="__codelineno-107-6"></a><span class="n">TimeSpan</span><span class="p">(</span><span class="n">days</span><span class="p">,</span><span class="w"> </span><span class="n">hours</span><span class="p">,</span><span class="w"> </span><span class="n">minutes</span><span class="p">,</span><span class="w"> </span><span class="n">seconds</span><span class="p">,</span><span class="w"> </span><span class="n">milliseconds</span><span class="p">);</span><span class="w">  </span><span class="c1">// all parameters are integers</span>
+<a id="__codelineno-107-7" name="__codelineno-107-7"></a>
+<a id="__codelineno-107-8" name="__codelineno-107-8"></a><span class="c1">// from primitive types</span>
+<a id="__codelineno-107-9" name="__codelineno-107-9"></a><span class="n">TimeSpan</span><span class="w"> </span><span class="n">interval</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">TimeSpan</span><span class="p">.</span><span class="n">FromSeconds</span><span class="p">(</span><span class="n">seconds</span><span class="p">);</span>
+<a id="__codelineno-107-10" name="__codelineno-107-10"></a><span class="n">TimeSpan</span><span class="w"> </span><span class="n">interval</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">TimeSpan</span><span class="p">.</span><span class="n">FromMinutes</span><span class="p">(</span><span class="n">minutes</span><span class="p">);</span>
+<a id="__codelineno-107-11" name="__codelineno-107-11"></a><span class="n">TimeSpan</span><span class="w"> </span><span class="n">interval</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">TimeSpan</span><span class="p">.</span><span class="n">FromHours</span><span class="p">(</span><span class="n">hours</span><span class="p">);</span>
+<a id="__codelineno-107-12" name="__codelineno-107-12"></a><span class="n">TimeSpan</span><span class="w"> </span><span class="n">interval</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">TimeSpan</span><span class="p">.</span><span class="n">FromDays</span><span class="p">(</span><span class="n">days</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="memory-efficiency">Memory Efficiency</h2>
+<p>The CLR is able to perform automatic memory management thanks to its garbage collector (GC). This comes at a price: when a CPU spends time on garbage collection, that stops it from getting on with more productive work.<br />
+In many cases, this time will be small enough not to cause visible problems. However, when certain kinds of programs experience heavy load, GC costs can come to dominate the overall execution time.</p>
+<p>C# 7.2 introduced various features that can enable dramatic reductions in the number of allocations. Fewer allocations means fewer blocks of memory for the GC to recover, so this translates directly to lower GC overhead. There is a price to pay, of course: these GC-efficient techniques add significant complication to the code.</p>
+<h3 id="spant"><code>Span&lt;T&gt;</code></h3>
+<p>The <code>System.Span&lt;T&gt;</code> (a <code>ref struct</code>) value type represents a sequence of elements of type <code>T</code> stored contiguously in memory. Those elements can live inside an array, a string, a managed block of memory allocated in a stack frame, or unmanaged memory.</p>
+<p>A <code>Span&lt;T&gt;</code> encapsulates three things: a pointer or reference to the containing memory (e.g., the string or array), the position of the data within that memory, and its
+length.  </p>
+<p>Access to a span contents is done like an and since a <code>Span&lt;T&gt;</code> knows its own length, its indexer checks that the index is in range, just as the built-in array type does.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-108-1">1</a></span>
+<span class="normal"><a href="#__codelineno-108-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-108-1" name="__codelineno-108-1"></a><span class="n">Span</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="w"> </span><span class="n">numbers</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">stackalloc</span><span class="w"> </span><span class="kt">int</span><span class="p">[]</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="m">1</span><span class="p">,</span><span class="w"> </span><span class="m">2</span><span class="p">,</span><span class="w"> </span><span class="m">3</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-108-2" name="__codelineno-108-2"></a><span class="kt">var</span><span class="w"> </span><span class="n">first</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">numbers</span><span class="p">[</span><span class="m">0</span><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Normally, C# won’t allow to use <code>stackalloc</code> outside of code marked as unsafe, since it allocates memory on the stack producing a pointer. However, the compiler makes an exception to this rule when assigning the pointer produced by a <code>stackalloc</code> expression directly into a span.</p>
+</blockquote>
+<p>The fact that <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code> are both <code>ref struct</code> types ensures that a span cannot outlive its containing stack frame, guaranteeing that the stack frame on which the stack-allocated memory lives will not vanish while there are still outstanding references to it.</p>
+<p>In addition to the array-like indexer and <code>Length</code> properties, <code>Span&lt;T&gt;</code> offers a few useful methods.<br />
+The <code>Clear</code> and <code>Fill</code> methods provide convenient ways to initialize all the elements in a span either to the default value or a specific value.<br />
+Obviously, these are not available on <code>ReadOnlySpan&lt;T&gt;</code>.</p>
+<p>The <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code> types are both declared as <code>ref struct</code>. This means that not only are they value types, they are value types that can live only on the
+stack. So it's not possible to have fields with span types in a class, or any struct that is not also a <code>ref struct</code>.</p>
+<p>This also imposes some potentially more surprising restrictions:</p>
+<ul>
+<li>it's  not possible to use a span in a variable in an async method.</li>
+<li>there are restrictions on using spans in anonymous functions and in iterator methods</li>
+</ul>
+<p>This restriction is necessary for .NET to be able to offer the combination of array-like performance, type safety, and the flexibility to work with multiple different containers.</p>
+<blockquote>
+<p><strong>Note</strong>: it's possible to use spans in local methods, and even declare a ref struct variable in the outer method and use it from the nested one, but with one restriction: it's not possible a delegate that refers to that local method, because this would cause the compiler to move shared variables into an object that lives on the heap.</p>
+</blockquote>
+<h2 id="memoryt"><code>Memory&lt;T&gt;</code></h2>
+<p>The <code>Memory&lt;T&gt;</code> type and its counterpart, <code>ReadOnlyMemory&lt;T&gt;</code>, represent the same basic concept as <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code>: these types provide a uniform view
+over a contiguous sequence of elements of type <code>T</code> that could reside in an array, unmanaged memory, or, if the element type is char, a string.<br />
+But unlike spans, these are not <code>ref struct</code> types, so they can be used anywhere. The downside is that this means they cannot offer the same high performance as spans.</p>
+<p>It's possible to convert a <code>Memory&lt;T&gt;</code> to a <code>Span&lt;T&gt;</code>, and likewise a <code>ReadOnlyMemory&lt;T&gt;</code> to a <code>ReadOnlySpan&lt;T&gt;</code>.<br />
+This makes these memory types useful when you want something span-like, but in a context where spans are not allowed.</p>
+<hr />
+<h2 id="regular-expressions">Regular Expressions</h2>
+<p><a href="https://docs.microsoft.com/en-us/dotnet/standard/base-types/regular-expression-language-quick-reference">regex reference</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-109-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-109-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-109-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-109-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-109-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-109-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-109-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-109-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-109-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-109-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-109-1" name="__codelineno-109-1"></a><span class="n">Match</span><span class="w"> </span><span class="n">match</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Regex</span><span class="p">.</span><span class="n">Match</span><span class="p">(</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="n">pattern</span><span class="p">,</span><span class="w"> </span><span class="n">regexOptions</span><span class="p">);</span>
+<a id="__codelineno-109-2" name="__codelineno-109-2"></a>
+<a id="__codelineno-109-3" name="__codelineno-109-3"></a><span class="n">match</span><span class="p">.</span><span class="n">Success</span><span class="p">;</span><span class="w">  </span><span class="c1">// whether there was a match or not</span>
+<a id="__codelineno-109-4" name="__codelineno-109-4"></a>
+<a id="__codelineno-109-5" name="__codelineno-109-5"></a><span class="n">match</span><span class="p">.</span><span class="n">Groups</span><span class="p">[</span><span class="n">index</span><span class="p">];</span><span class="w">  </span><span class="c1">// numbered capture group (first group is always whole match)</span>
+<a id="__codelineno-109-6" name="__codelineno-109-6"></a><span class="n">match</span><span class="p">.</span><span class="n">Groups</span><span class="p">[</span><span class="n">name</span><span class="p">];</span><span class="w">  </span><span class="c1">// named capture group</span>
+<a id="__codelineno-109-7" name="__codelineno-109-7"></a>
+<a id="__codelineno-109-8" name="__codelineno-109-8"></a><span class="n">match</span><span class="p">.</span><span class="n">Groups</span><span class="p">[</span><span class="n">index</span><span class="p">].</span><span class="n">Value</span><span class="p">;</span><span class="w">  </span><span class="c1">// whole captured string</span>
+<a id="__codelineno-109-9" name="__codelineno-109-9"></a><span class="n">match</span><span class="p">.</span><span class="n">Groups</span><span class="p">[</span><span class="n">index</span><span class="p">].</span><span class="n">Captures</span><span class="p">;</span><span class="w">  </span><span class="c1">// list of strings in the matched group</span>
+<a id="__codelineno-109-10" name="__codelineno-109-10"></a><span class="n">match</span><span class="p">.</span><span class="n">Groups</span><span class="p">[</span><span class="n">index</span><span class="p">].</span><span class="n">Index</span><span class="p">;</span><span class="w">  </span><span class="c1">// position in the input string of the matched group</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="unsafe-code-pointers">Unsafe Code &amp; Pointers</h2>
+<p>The <code>unsafe</code> keyword denotes an <em>unsafe context</em>, which is required for any operation involving pointers.</p>
+<p>In an unsafe context, several constructs are available for operating on pointers:</p>
+<ul>
+<li>The <code>*</code> operator may be used to perform pointer indirection (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#pointer-indirection">Pointer indirection</a>).</li>
+<li>The <code>-&gt;</code> operator may be used to access a member of a struct through a pointer (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#pointer-member-access">Pointer member access</a>).</li>
+<li>The <code>[]</code> operator may be used to index a pointer (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#pointer-element-access">Pointer element access</a>).</li>
+<li>The <code>&amp;</code> operator may be used to obtain the address of a variable (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#the-address-of-operator">The address-of operator</a>).</li>
+<li>The <code>++</code> and <code>--</code> operators may be used to increment and decrement pointers (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#pointer-increment-and-decrement">Pointer increment and decrement</a>).</li>
+<li>The <code>+</code> and <code>-</code> operators may be used to perform pointer arithmetic (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#pointer-arithmetic">Pointer arithmetic</a>).</li>
+<li>The <code>==</code>, <code>!=</code>, <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code>, and <code>&gt;=</code> operators may be used to compare pointers (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#pointer-comparison">Pointer comparison</a>).</li>
+<li>The <code>stackalloc</code> operator may be used to allocate memory from the call stack (<a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/unsafe-code#stack-allocation">Stack allocation</a>).</li>
+</ul>
+<p>The <code>fixed</code> statement prevents the garbage collector from relocating a movable variable. It's only permitted in an unsafe context.<br />
+It's also possible to use the fixed keyword to create fixed size buffers.</p>
+<p>The <code>fixed</code> statement sets a pointer to a managed variable and "pins" that variable during the execution of the statement.<br />
+Pointers to movable managed variables are useful only in a fixed context. Without a fixed context, garbage collection could relocate the variables unpredictably.<br />
+The C# compiler only allows to assign a pointer to a managed variable in a fixed statement.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-110-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-110-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-110-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-110-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-110-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-110-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-110-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-110-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-110-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-110-10">10</a></span>
+<span class="normal"><a href="#__codelineno-110-11">11</a></span>
+<span class="normal"><a href="#__codelineno-110-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-110-1" name="__codelineno-110-1"></a><span class="k">unsafe</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">UnsafeMethod</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* unsafe context */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-110-2" name="__codelineno-110-2"></a><span class="c1">// or</span>
+<a id="__codelineno-110-3" name="__codelineno-110-3"></a><span class="k">unsafe</span>
+<a id="__codelineno-110-4" name="__codelineno-110-4"></a><span class="p">{</span>
+<a id="__codelineno-110-5" name="__codelineno-110-5"></a><span class="w">    </span><span class="c1">// Using fixed allows the address of pt members to be taken,</span>
+<a id="__codelineno-110-6" name="__codelineno-110-6"></a><span class="w">    </span><span class="c1">// and &quot;pins&quot; pt so that it is not relocated.</span>
+<a id="__codelineno-110-7" name="__codelineno-110-7"></a><span class="w">    </span><span class="n">Point</span><span class="w"> </span><span class="n">pt</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Point</span><span class="p">();</span>
+<a id="__codelineno-110-8" name="__codelineno-110-8"></a><span class="w">    </span><span class="k">fixed</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="o">*</span><span class="w"> </span><span class="n">p</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="n">pt</span><span class="p">.</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-110-9" name="__codelineno-110-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-110-10" name="__codelineno-110-10"></a><span class="w">        </span><span class="o">*</span><span class="n">p</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="m">1</span><span class="p">;</span>
+<a id="__codelineno-110-11" name="__codelineno-110-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-110-12" name="__codelineno-110-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="native-memory">Native Memory</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-111-1">1</a></span>
+<span class="normal"><a href="#__codelineno-111-2">2</a></span>
+<span class="normal"><a href="#__codelineno-111-3">3</a></span>
+<span class="normal"><a href="#__codelineno-111-4">4</a></span>
+<span class="normal"><a href="#__codelineno-111-5">5</a></span>
+<span class="normal"><a href="#__codelineno-111-6">6</a></span>
+<span class="normal"><a href="#__codelineno-111-7">7</a></span>
+<span class="normal"><a href="#__codelineno-111-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-111-1" name="__codelineno-111-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.Runtime.InteropServices</span><span class="p">;</span>
+<a id="__codelineno-111-2" name="__codelineno-111-2"></a>
+<a id="__codelineno-111-3" name="__codelineno-111-3"></a><span class="k">unsafe</span>
+<a id="__codelineno-111-4" name="__codelineno-111-4"></a><span class="p">{</span>
+<a id="__codelineno-111-5" name="__codelineno-111-5"></a><span class="w">    </span><span class="kt">byte</span><span class="o">*</span><span class="w"> </span><span class="n">buffer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="kt">byte</span><span class="o">*</span><span class="p">)</span><span class="n">NativeMemory</span><span class="p">.</span><span class="n">Alloc</span><span class="p">(</span><span class="m">100</span><span class="p">);</span>
+<a id="__codelineno-111-6" name="__codelineno-111-6"></a>
+<a id="__codelineno-111-7" name="__codelineno-111-7"></a><span class="w">    </span><span class="n">NativeMemory</span><span class="p">.</span><span class="n">Free</span><span class="p">(</span><span class="n">buffer</span><span class="p">);</span>
+<a id="__codelineno-111-8" name="__codelineno-111-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="external-code">External Code</h3>
+<p>The <code>extern</code> modifier is used to declare a method that is implemented externally.<br />
+A common use of the extern modifier is with the <code>DllImport</code> attribute when using Interop services to call into <em>unmanaged</em> code.<br />
+In this case, the method must also be declared as <code>static</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-112-1">1</a></span>
+<span class="normal"><a href="#__codelineno-112-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-112-1" name="__codelineno-112-1"></a><span class="na">[DllImport(&quot;avifil32.dll&quot;)]</span>
+<a id="__codelineno-112-2" name="__codelineno-112-2"></a><span class="k">private</span><span class="w"> </span><span class="k">static</span><span class="w"> </span><span class="k">extern</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">AVIFileInit</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="magic-methods">Magic Methods</h2>
+<p>Methods needed to implement a behaviour which do not need an interface to work. The methods <strong>must</strong> be named <em>appropriately</em> and have the  correct <em>return type</em>.</p>
+<h3 id="enumerable">Enumerable</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-113-1">1</a></span>
+<span class="normal"><a href="#__codelineno-113-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-113-1" name="__codelineno-113-1"></a><span class="k">public</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="nf">MoveNext</span><span class="p">(</span><span class="cm">/* ... */</span><span class="p">);</span>
+<a id="__codelineno-113-2" name="__codelineno-113-2"></a><span class="k">public</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="n">Current</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="awaitable">Awaitable</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-114-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-114-1" name="__codelineno-114-1"></a><span class="k">public</span><span class="w"> </span><span class="n">TaskAwaiter</span><span class="w"> </span><span class="nf">GetAwaiter</span><span class="p">(</span><span class="cm">/* ... */</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="code-quality">Code Quality</h2>
+<h3 id="code-analysis"><a href="https://learn.microsoft.com/en-us/dotnet/fundamentals/code-analysis/overview">Code Analysis</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-115-1">1</a></span>
+<span class="normal"><a href="#__codelineno-115-2">2</a></span>
+<span class="normal"><a href="#__codelineno-115-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-115-1" name="__codelineno-115-1"></a><span class="nt">&lt;PropertyGroup&gt;</span>
+<a id="__codelineno-115-2" name="__codelineno-115-2"></a><span class="w">  </span><span class="nt">&lt;AnalisysMode&gt;</span>All<span class="nt">&lt;/NugetAuditMode&gt;</span>
+<a id="__codelineno-115-3" name="__codelineno-115-3"></a><span class="nt">&lt;/PropertyGroup&gt;</span>
+</code></pre></div></td></tr></table></div>
+<table>
+<thead>
+<tr>
+<th style="text-align: center;">Level</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align: center;"><code>None</code></td>
+<td>All rules are disabled. Can selectively <a href="https://learn.microsoft.com/en-us/dotnet/fundamentals/code-analysis/configuration-options" title="Coda Analysis Configuration Options">opt in</a> to individual rules to enable them.</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>Default</code></td>
+<td>Default mode, where certain rules are enabled as build warnings, certain rules are enabled as options IDE suggestions, and the remainder are disabled.</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>Minimum</code></td>
+<td>More aggressive mode than <code>Default</code> mode. Certain suggestions that are highly recommended for build enforcement are enabled as build warnings.</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>Recommended</code></td>
+<td>More aggressive mode than <code>Minimum</code> mode, where more rules are enabled as build warnings.</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>All</code></td>
+<td>All rules are enabled as build warnings<em>. </em>Can selectively <a href="https://learn.microsoft.com/en-us/dotnet/fundamentals/code-analysis/configuration-options" title="Coda Analysis Configuration Options">opt out</a> of individual rules to disable them.</td>
+</tr>
+</tbody>
+</table>
+<h3 id="dependency-auditing"><a href="https://learn.microsoft.com/en-us/nuget/concepts/auditing-packages">Dependency Auditing</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-116-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-116-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-116-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-116-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-116-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-116-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-116-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-116-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-116-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-116-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-116-1" name="__codelineno-116-1"></a><span class="nt">&lt;PropertyGroup&gt;</span>
+<a id="__codelineno-116-2" name="__codelineno-116-2"></a><span class="w">  </span><span class="cm">&lt;!-- required --&gt;</span>
+<a id="__codelineno-116-3" name="__codelineno-116-3"></a><span class="w">  </span><span class="nt">&lt;NugetAuditMode&gt;</span>all|direct<span class="nt">&lt;/NugetAuditMode&gt;</span>
+<a id="__codelineno-116-4" name="__codelineno-116-4"></a>
+<a id="__codelineno-116-5" name="__codelineno-116-5"></a><span class="w">  </span><span class="cm">&lt;!-- suggested --&gt;</span>
+<a id="__codelineno-116-6" name="__codelineno-116-6"></a><span class="w">  </span><span class="nt">&lt;NugetAuditLevel&gt;</span>low|moderate|high|critical<span class="nt">&lt;/NugetAuditLevel&gt;</span>
+<a id="__codelineno-116-7" name="__codelineno-116-7"></a>
+<a id="__codelineno-116-8" name="__codelineno-116-8"></a><span class="w">  </span><span class="cm">&lt;!-- optional --&gt;</span>
+<a id="__codelineno-116-9" name="__codelineno-116-9"></a><span class="w">  </span><span class="nt">&lt;WarningsAsErrors&gt;</span>NU1901;NU1902;NU1903;NU1904<span class="nt">&lt;/WarningAsErrors&gt;</span>
+<a id="__codelineno-116-10" name="__codelineno-116-10"></a><span class="nt">&lt;/PropertyGroup&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>The auditing of dependencies is done during the <code>dotnet restore</code> step.
+A description of the dependencies is checked against a report of known vulnerabilities on the <a href="https://github.com/advisories?query=type%3Areviewed+ecosystem%3Anuget" title="Github Advisory Database">GitHub Advisory Database</a>.</p>
+<p>Audit Mode:</p>
+<ul>
+<li><strong>all</strong>: audit direct <em>and</em> transitive dependencies for vulnerabilities.</li>
+<li><strong>direct</strong>: audit <em>only</em> direct dependencies for vulnerabilities.</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../../python/libs/beautiful-soup.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Beatiful Soup">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Beatiful Soup
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="linq.html" class="md-footer__link md-footer__link--next" aria-label="Next: Linq">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Linq
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/csharp/linq.html b/languages/dotnet/csharp/linq.html
new file mode 100644
index 0000000..5c16181
--- /dev/null
+++ b/languages/dotnet/csharp/linq.html
@@ -0,0 +1,4334 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/linq.html">
+      
+      
+        <link rel="prev" href="csharp.html">
+      
+      
+        <link rel="next" href="collections.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Linq - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Linq - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/linq.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/linq.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Linq - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/linq.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#linq" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Linq
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="linq.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#linq-to-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      LINQ to Objects
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LINQ to Objects">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#query-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#how-query-expressions-expand" class="md-nav__link">
+    <span class="md-ellipsis">
+      How Query Expressions Expand
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods-on-enumerable-or-ienumerablet" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods on Enumerable or IEnumerable&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#linq-to-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      LINQ to Objects
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LINQ to Objects">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#query-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#how-query-expressions-expand" class="md-nav__link">
+    <span class="md-ellipsis">
+      How Query Expressions Expand
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods-on-enumerable-or-ienumerablet" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods on Enumerable or IEnumerable&lt;T&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="linq">LINQ</h1>
+<h2 id="linq-to-objects">LINQ to Objects</h2>
+<!-- Page: 423/761 of "Ian Griffiths - Programming C# 8.0 - Build Cloud, Web, and Desktop Applications.pdf" -->
+
+<p>The term <strong>LINQ to Objects</strong> refers to the use of LINQ queries with any <code>IEnumerable</code> or <code>IEnumerable&lt;T&gt;</code> collection directly, without the use of an intermediate LINQ provider or API such as <a href="https://docs.microsoft.com/en-us/dotnet/framework/data/adonet/sql/linq/">LINQ to SQL</a> or <a href="https://docs.microsoft.com/en-us/dotnet/standard/linq/linq-xml-overview">LINQ to XML</a>.</p>
+<p>LINQ to Objects will be used when any <code>IEnumerable&lt;T&gt;</code> is specified as the source, unless a more specialized provider is available.</p>
+<h3 id="query-expressions">Query Expressions</h3>
+<p>All query expressions are required to begin with a <code>from</code> clause, which specifies the source of the query.<br />
+The final part of the query is a <code>select</code> (or <code>group</code>) clause. This determines the final output of the query and its system type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// query expression</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">enumerable</span><span class="w"> </span><span class="k">select</span><span class="w"> </span><span class="n">item</span><span class="p">;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="c1">// where clause</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">enumerable</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">condition</span><span class="w"> </span><span class="k">select</span><span class="w"> </span><span class="n">item</span><span class="p">;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="c1">// ordering</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">enumerable</span><span class="w"> </span><span class="k">orderby</span><span class="w"> </span><span class="n">item</span><span class="p">.</span><span class="n">property</span><span class="w"> </span><span class="k">select</span><span class="w"> </span><span class="n">item</span><span class="p">;</span><span class="w">  </span><span class="c1">// ordered IEnumerable</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="c1">// let clause, assign expression to variable to avoid re-evaluation on each cycle</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">enumerable</span><span class="w"> </span><span class="k">let</span><span class="w"> </span><span class="n">tmp</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">sub</span><span class="o">-</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="p">...</span><span class="w">  </span><span class="c1">// BEWARE: compiled code has a lot of overhead to satisfy let clause</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="c1">// grouping (difficult to re-implement to obtain better performance)</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">enumerable</span><span class="w"> </span><span class="k">group</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">by</span><span class="w"> </span><span class="n">item</span><span class="p">.</span><span class="n">property</span><span class="p">;</span><span class="w">  </span><span class="c1">// returns IEnumerable&lt;IGrouping&lt;TKey,TElement&gt;&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="how-query-expressions-expand">How Query Expressions Expand</h3>
+<p>The compiler converts all query expressions into one or more method calls. Once it has done that, the LINQ provider is selected through exactly the same mechanisms that C# uses for any other method call.<br />
+The compiler does not have any built-in concept of what constitutes a LINQ provider.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// expanded query expression</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="kt">var</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Enumerable</span><span class="p">.</span><span class="n">Where</span><span class="p">(</span><span class="n">item</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">condition</span><span class="p">).</span><span class="n">Select</span><span class="p">(</span><span class="n">item</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">item</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>Where</code> and <code>Select</code> methods are examples of LINQ operators. A LINQ operator is nothing more than a method that conforms to one of the standard patterns.</p>
+<h3 id="methods-on-enumerable-or-ienumerablet">Methods on <code>Enumerable</code> or <code>IEnumerable&lt;T&gt;</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span>
+<span class="normal"><a href="#__codelineno-2-27">27</a></span>
+<span class="normal"><a href="#__codelineno-2-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">Enumerable</span><span class="p">.</span><span class="n">Range</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">start</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">end</span><span class="p">);</span><span class="w">  </span><span class="c1">// IEnumerable&lt;int&gt; of values between start &amp; end</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TSource</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Select</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">TSource</span><span class="p">,</span><span class="w"> </span><span class="n">TResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">selector</span><span class="p">);</span><span class="w">  </span><span class="c1">// map</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TSource</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Where</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="o">&gt;</span><span class="w"> </span><span class="n">predicate</span><span class="p">);</span><span class="w">  </span><span class="c1">// filter</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">FirstOrDefault</span><span class="p">();</span><span class="w">  </span><span class="c1">// first element of IEnumerable or default(T) if empty</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">FirstOrDefault</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="k">default</span><span class="p">);</span><span class="w">  </span><span class="c1">// specify returned default</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">FirstOrDefault</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="o">&gt;</span><span class="w"> </span><span class="n">predicate</span><span class="p">);</span><span class="w">  </span><span class="c1">// first element to match predicate or default(T)</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="c1">// same for LastOrDefault &amp; SingleOrDefault</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Chunk</span><span class="p">(</span><span class="n">size</span><span class="p">);</span><span class="w">  </span><span class="c1">// chunk an enumerable into slices of a fixed size</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="c1">// T must implement IComparable&lt;T&gt;</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Max</span><span class="p">();</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Min</span><span class="p">();</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="c1">// allow finding maximal or minimal elements using a key selector</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TSource</span><span class="o">&gt;</span><span class="p">.</span><span class="n">MaxBy</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">TSource</span><span class="p">,</span><span class="w"> </span><span class="n">TResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">selector</span><span class="p">);</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TSource</span><span class="o">&gt;</span><span class="p">.</span><span class="n">MinBy</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">TSource</span><span class="p">,</span><span class="w"> </span><span class="n">TResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">selector</span><span class="p">);</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">All</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="o">&gt;</span><span class="w"> </span><span class="n">predicate</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if condition is true for all elements</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Any</span><span class="p">(</span><span class="n">Func</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="o">&gt;</span><span class="w"> </span><span class="n">predicate</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if condition is true for at least one element</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Concat</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">enumerable</span><span class="p">);</span>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="c1">// Applies a specified function to the corresponding elements of two sequences, producing a sequence of the results.</span>
+<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TFirst</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Zip</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TSecond</span><span class="o">&gt;</span><span class="w"> </span><span class="n">enumerable</span><span class="p">,</span><span class="w"> </span><span class="n">Func</span><span class="o">&lt;</span><span class="n">TFirst</span><span class="p">,</span><span class="w"> </span><span class="n">TSecond</span><span class="p">,</span><span class="w"> </span><span class="n">TResult</span><span class="o">&gt;</span><span class="w"> </span><span class="n">func</span><span class="p">);</span>
+<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TFirst</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Zip</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">TSecond</span><span class="o">&gt;</span><span class="w"> </span><span class="n">enumerable</span><span class="p">);</span><span class="w"> </span><span class="c1">// Produces a sequence of tuples with elements from the two specified sequences.</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>Enumerable</code> provides a set of <code>static</code> methods for querying objects that implement <code>IEnumerable&lt;T&gt;</code>. Most methods are extensions of <code>IEnumerable&lt;T&gt;</code></p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">Enumerable</span><span class="p">.</span><span class="n">Method</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">source</span><span class="p">,</span><span class="w"> </span><span class="n">args</span><span class="p">);</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="c1">// if extension method same as</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Method</span><span class="p">(</span><span class="n">args</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="csharp.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: C#">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                C#
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="collections.html" class="md-footer__link md-footer__link--next" aria-label="Next: Collections">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Collections
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/csharp/reactive-extensions.html b/languages/dotnet/csharp/reactive-extensions.html
new file mode 100644
index 0000000..b665855
--- /dev/null
+++ b/languages/dotnet/csharp/reactive-extensions.html
@@ -0,0 +1,4539 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/reactive-extensions.html">
+      
+      
+        <link rel="prev" href="collections.html">
+      
+      
+        <link rel="next" href="async-programming.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Reactive Extensions - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Reactive Extensions - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/reactive-extensions.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/reactive-extensions.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Reactive Extensions - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/reactive-extensions.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#reactive-extensions-rx" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Reactive Extensions
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="reactive-extensions.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#fundamental-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fundamental Interfaces
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#chaining-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Chaining Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#creating-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#transforming-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Transforming Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#filtering-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filtering Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#combining-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Combining Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#error-handling-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Handling Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#observable-utility-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Observable Utility Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-and-boolean-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional and Boolean Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-and-aggregate-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical and Aggregate Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#connectable-observable-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connectable Observable Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operators-to-convert-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators to Convert Observables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#fundamental-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fundamental Interfaces
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#chaining-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Chaining Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#creating-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#transforming-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Transforming Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#filtering-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filtering Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#combining-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Combining Observables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#error-handling-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Handling Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#observable-utility-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Observable Utility Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-and-boolean-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional and Boolean Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-and-aggregate-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical and Aggregate Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#connectable-observable-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connectable Observable Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operators-to-convert-observables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators to Convert Observables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="reactive-extensions-rx">Reactive Extensions (Rx)</h1>
+<p><a href="https://reactivex.io" title="ReactiveX website">ReactiveX</a></p>
+<p>The <strong>Reactive Extensions</strong> for .NET, or <strong>Rx</strong>, are designed for working with asynchronous and event-based sources of information.
+Rx provides services that help orchestrate and synchronize the way code reacts to data from these kinds of sources.</p>
+<p>Rx's fundamental abstraction, <code>IObservable&lt;T&gt;</code>, represents a sequence of items, and its operators are defined as extension methods for this interface.</p>
+<p>This might sound a lot like LINQ to Objects, and there are similarities, not only does <code>IObservable&lt;T&gt;</code> have a lot in common with <code>IEnumerable&lt;T&gt;</code>, but Rx also supports almost all of the standard LINQ operators.</p>
+<p>The difference is that in Rx, sequences are less passive. Unlike <code>IEnumerable&lt;T&gt;</code>, Rx sources do not wait to be asked for their items, nor can the consumer
+of an Rx source demand to be given the next item. Instead, Rx uses a <em>push</em> model in which <em>the source notifies</em> its recipients when items are available.</p>
+<p>Because Rx implements standard LINQ operators, it's possible to write queries against a live source. Rx goes beyond standard LINQ, adding its own operators that take into account the temporal nature of a live event source.</p>
+<h2 id="fundamental-interfaces">Fundamental Interfaces</h2>
+<p>The two most important types in Rx are the <code>IObservable&lt;T&gt;</code> and <code>IObserver&lt;T&gt;</code> interfaces.<br />
+They are important enough to be in the System namespace. The other parts of Rx are in the <code>System.Reactive</code> NuGet package.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IObservable</span><span class="o">&lt;</span><span class="k">out</span><span class="w"> </span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="n">IDisposable</span><span class="w"> </span><span class="nf">Subscribe</span><span class="p">(</span><span class="n">IObserver</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">observer</span><span class="p">);</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="p">}</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="k">public</span><span class="w"> </span><span class="k">interface</span><span class="w"> </span><span class="n">IObserver</span><span class="o">&lt;</span><span class="k">in</span><span class="w"> </span><span class="n">T</span><span class="o">&gt;</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="p">{</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">OnCompleted</span><span class="p">();</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">OnError</span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">error</span><span class="p">);</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">    </span><span class="k">void</span><span class="w"> </span><span class="nf">OnNext</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="k">value</span><span class="p">);</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The fundamental abstraction in Rx, <code>IObservable&lt;T&gt;</code>, is implemented by <em>event sources</em>. Instead of using the <code>event</code> keyword, it models events as a <em>sequence of items</em>.<br />
+An <code>IObservable&lt;T&gt;</code> provides items to subscribers as and when it’s ready to do so.</p>
+<p>It's possible to subscribe to a source by passing an implementation of <code>IObserver&lt;T&gt;</code> to the <code>Subscribe</code> method.
+The source will invoke <code>OnNext</code> when it wants to report events, and it can call <code>OnCompleted</code> to indicate that there will be no further activity.
+If the source wants to report an error, it can call <code>OnError</code>.
+Both <code>OnCompleted</code> and <code>OnError</code> indicate the end of the stream, an observable should not call any further methods on the observer after that.</p>
+<h2 id="operators">Operators</h2>
+<h3 id="chaining-operators">Chaining Operators</h3>
+<p>Most operators operate on an Observable and return an Observable. This allows to apply these operators one after the other, in a chain.
+Each operator in the chain modifies the Observable that results from the operation of the previous operator.<br />
+A chain of Observable operators do not operate independently on the original Observable that originates the chain,
+but they operate <em>in turn</em>, each one operating on the Observable generated by the operator immediately previous in the chain.</p>
+<h3 id="creating-observables">Creating Observables</h3>
+<p>Operators that originate new Observables.</p>
+<ul>
+<li><code>Create</code>: create an Observable from scratch by calling observer methods programmatically</li>
+<li><code>Defer</code>: do not create the Observable until the observer subscribes, and create a fresh Observable for each observer</li>
+<li><code>Empty/Never/Throw</code>: create Observables that have very precise and limited behavior</li>
+<li><code>From*</code>: convert some other object or data structure into an Observable</li>
+<li><code>Interval</code>: create an Observable that emits a sequence of integers spaced by a particular time interval</li>
+<li><code>Return (aka Just)</code>: convert an object or a set of objects into an Observable that emits that or those objects</li>
+<li><code>Range</code>: create an Observable that emits a range of sequential integers</li>
+<li><code>Repeat</code>: create an Observable that emits a particular item or sequence of items repeatedly</li>
+<li><code>Start</code>: create an Observable that emits the return value of a function</li>
+<li><code>Timer</code>: create an Observable that emits a single item after a given delay</li>
+</ul>
+<h3 id="transforming-observables">Transforming Observables</h3>
+<p>Operators that transform items that are emitted by an Observable.</p>
+<ul>
+<li><code>Buffer</code>: periodically gather items from an Observable into bundles and emit these bundles rather than emitting the items one at a time</li>
+<li><code>SelectMany (aka FlatMap)</code>: transform the items emitted by an Observable into Observables, then flatten the emissions from those into a single Observable</li>
+<li><code>GroupBy</code>: divide an Observable into a set of Observables that each emit a different group of items from the original Observable, organized by key</li>
+<li><code>Select (aka Map)</code>: transform the items emitted by an Observable by applying a function to each item</li>
+<li><code>Scan</code>: apply a function to each item emitted by an Observable, sequentially, and emit each successive value</li>
+<li><code>Window</code>: periodically subdivide items from an Observable into Observable windows and emit these windows rather than emitting the items one at a time</li>
+</ul>
+<h3 id="filtering-observables">Filtering Observables</h3>
+<p>Operators that selectively emit items from a source Observable.</p>
+<ul>
+<li><code>Throttle (aka Debounce)</code>: only emit an item from an Observable if a particular timespan has passed without it emitting another item</li>
+<li><code>Distinct</code>: suppress duplicate items emitted by an Observable</li>
+<li><code>ElementAt</code>: emit only item n emitted by an Observable</li>
+<li><code>Where (aka Filter)</code>: emit only those items from an Observable that pass a predicate test</li>
+<li><code>First</code>: emit only the first item, or the first item that meets a condition, from an Observable</li>
+<li><code>IgnoreElements</code>: do not emit any items from an Observable but mirror its termination notification</li>
+<li><code>Last</code>: emit only the last item emitted by an Observable</li>
+<li><code>Sample</code>: emit the most recent item emitted by an Observable within periodic time intervals</li>
+<li><code>Skip</code>: suppress the first n items emitted by an Observable</li>
+<li><code>SkipLast</code>: suppress the last n items emitted by an Observable</li>
+<li><code>Take</code>: emit only the first n items emitted by an Observable</li>
+<li><code>TakeLast</code>: emit only the last n items emitted by an Observable</li>
+</ul>
+<h3 id="combining-observables">Combining Observables</h3>
+<p>Operators that work with multiple source Observables to create a single Observable</p>
+<ul>
+<li><code>And/Then/When</code>: combine sets of items emitted by two or more Observables by means of Pattern and Plan intermediaries</li>
+<li><code>CombineLatest</code>: when an item is emitted by either of two Observables, combine the latest item emitted by each Observable via a specified function and emit items based on the results of this function</li>
+<li><code>Join</code>: combine items emitted by two Observables whenever an item from one Observable is emitted during a time window defined according to an item emitted by the other Observable</li>
+<li><code>Merge</code>: combine multiple Observables into one by merging their emissions</li>
+<li><code>StartWith</code>: emit a specified sequence of items before beginning to emit the items from the source Observable</li>
+<li><code>Switch</code>: convert an Observable that emits Observables into a single Observable that emits the items emitted by the most-recently-emitted of those Observables</li>
+<li><code>Zip</code>: combine the emissions of multiple Observables together via a specified function and emit single items for each combination based on the results of this function</li>
+</ul>
+<h3 id="error-handling-operators">Error Handling Operators</h3>
+<p>Operators that help to recover from error notifications from an Observable</p>
+<ul>
+<li><code>Catch</code>: recover from an onError notification by continuing the sequence without error</li>
+<li><code>Retry</code>: if a source Observable sends an onError notification, resubscribe to it in the hopes that it will complete without error</li>
+</ul>
+<h3 id="observable-utility-operators">Observable Utility Operators</h3>
+<p>A toolbox of useful Operators for working with Observables</p>
+<ul>
+<li><code>Delay</code>: shift the emissions from an Observable forward in time by a particular amount</li>
+<li><code>Do</code>: register an action to take upon a variety of Observable lifecycle events</li>
+<li><code>Materialize/Dematerialize</code>: represent both the items emitted and the notifications sent as emitted items, or reverse this process</li>
+<li><code>ObserveOn</code>: specify the scheduler on which an observer will observe this Observable</li>
+<li><code>Synchronize (aka Serialize)</code>: force an Observable to make serialized calls and to be well-behaved</li>
+<li><code>Subscribe</code>: operate upon the emissions and notifications from an Observable</li>
+<li><code>SubscribeOn</code>: specify the scheduler an Observable should use when it is subscribed to</li>
+<li><code>TimeInterval</code>: convert an Observable that emits items into one that emits indications of the amount of time elapsed between those emissions</li>
+<li><code>Timeout</code>: mirror the source Observable, but issue an error notification if a particular period of time elapses without any emitted items</li>
+<li><code>Timestamp</code>: attach a timestamp to each item emitted by an Observable</li>
+<li><code>Using</code>: create a disposable resource that has the same lifespan as the Observable</li>
+</ul>
+<h3 id="conditional-and-boolean-operators">Conditional and Boolean Operators</h3>
+<p>Operators that evaluate one or more Observables or items emitted by Observables</p>
+<ul>
+<li><code>All</code>: determine whether all items emitted by an Observable meet some criteria</li>
+<li><code>Amb</code>: given two or more source Observables, emit all of the items from only the first of these Observables to emit an item</li>
+<li><code>Contains</code>: determine whether an Observable emits a particular item or not</li>
+<li><code>DefaultIfEmpty</code>: emit items from the source Observable, or a default item if the source Observable emits nothing</li>
+<li><code>SequenceEqual</code>: determine whether two Observables emit the same sequence of items</li>
+<li><code>SkipUntil</code>: discard items emitted by an Observable until a second Observable emits an item</li>
+<li><code>SkipWhile</code>: discard items emitted by an Observable until a specified condition becomes false</li>
+<li><code>TakeUntil</code>: discard items emitted by an Observable after a second Observable emits an item or terminates</li>
+<li><code>TakeWhile</code>: discard items emitted by an Observable after a specified condition becomes false</li>
+</ul>
+<h3 id="mathematical-and-aggregate-operators">Mathematical and Aggregate Operators</h3>
+<p>Operators that operate on the entire sequence of items emitted by an Observable</p>
+<ul>
+<li><code>Average</code>: calculates the average of numbers emitted by an Observable and emits this average</li>
+<li><code>Concat</code>: emit the emissions from two or more Observables without interleaving them</li>
+<li><code>Count</code>: count the number of items emitted by the source Observable and emit only this value</li>
+<li><code>Max</code>: determine, and emit, the maximum-valued item emitted by an Observable</li>
+<li><code>Min</code>: determine, and emit, the minimum-valued item emitted by an Observable</li>
+<li><code>Aggregate (aka Reduce)</code>: apply a function to each item emitted by an Observable, sequentially, and emit the final value</li>
+<li><code>Sum</code>: calculate the sum of numbers emitted by an Observable and emit this sum</li>
+</ul>
+<h3 id="connectable-observable-operators">Connectable Observable Operators</h3>
+<p>Specialty Observables that have more precisely-controlled subscription dynamics</p>
+<ul>
+<li><code>Connect</code>: instruct a connectable Observable to begin emitting items to its subscribers</li>
+<li><code>Publish</code>: convert an ordinary Observable into a connectable Observable</li>
+<li><code>RefCount</code>: make a Connectable Observable behave like an ordinary Observable</li>
+<li><code>Replay</code>: ensure that all observers see the same sequence of emitted items, even if they subscribe after the Observable has begun emitting items</li>
+</ul>
+<h3 id="operators-to-convert-observables">Operators to Convert Observables</h3>
+<ul>
+<li><code>To*</code>: convert an Observable into another object or data structure</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="collections.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Collections">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Collections
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="async-programming.html" class="md-footer__link md-footer__link--next" aria-label="Next: Async Programming">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Async Programming
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/csharp/unit-tests.html b/languages/dotnet/csharp/unit-tests.html
new file mode 100644
index 0000000..1344c30
--- /dev/null
+++ b/languages/dotnet/csharp/unit-tests.html
@@ -0,0 +1,4274 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/unit-tests.html">
+      
+      
+        <link rel="prev" href="async-programming.html">
+      
+      
+        <link rel="next" href="../asp.net/minimal-api.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Unit Tests - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Unit Tests - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/unit-tests.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/unit-tests.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Unit Tests - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/csharp/unit-tests.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#unit-testing" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Unit Tests
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="unit-tests.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#xunit" class="md-nav__link">
+    <span class="md-ellipsis">
+      xUnit
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="xUnit">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#test-setup-teardown" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Setup &amp; Teardown
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mocking-with-moq" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mocking with Moq
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#xunit" class="md-nav__link">
+    <span class="md-ellipsis">
+      xUnit
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="xUnit">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#test-setup-teardown" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Setup &amp; Teardown
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mocking-with-moq" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mocking with Moq
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="unit-testing">Unit Testing</h1>
+<p><a href="https://stackoverflow.com/a/5666591/8319610">UnitTest Overloaded Methods</a>
+<a href="https://osherove.com/blog/2005/4/3/naming-standards-for-unit-tests.html">Naming standards for unit tests</a></p>
+<h2 id="xunit">xUnit</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="k">using</span><span class="w"> </span><span class="nn">Xunit</span><span class="p">;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="k">namespace</span><span class="w"> </span><span class="nn">Project.Tests</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="p">{</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">ClassTest</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">        </span><span class="na">[Fact]</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">TestMethod</span><span class="p">()</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">            </span><span class="n">Assert</span><span class="p">.</span><span class="n">Equal</span><span class="p">(</span><span class="n">expected</span><span class="p">,</span><span class="w"> </span><span class="n">actual</span><span class="p">);</span><span class="w">  </span><span class="c1">// works on collections</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">            </span><span class="n">Assert</span><span class="p">.</span><span class="n">True</span><span class="p">(</span><span class="kt">bool</span><span class="p">);</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">            </span><span class="n">Assert</span><span class="p">.</span><span class="n">False</span><span class="p">(</span><span class="kt">bool</span><span class="p">);</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="w">            </span><span class="n">Assert</span><span class="p">.</span><span class="n">NotNull</span><span class="p">(</span><span class="n">nullable</span><span class="p">);</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="w">            </span><span class="c1">// Verifies that all items in the collection pass when executed against action</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">            </span><span class="n">Assert</span><span class="p">.</span><span class="n">All</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">(</span><span class="n">IEnumerable</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">collection</span><span class="p">,</span><span class="w"> </span><span class="n">Action</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">action</span><span class="p">);</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="test-setup-teardown">Test Setup &amp; Teardown</h3>
+<p>xUnit.net creates a new instance of the test class for every test that is run, so any code which is placed into the constructor of the test class will be run for every single test.<br />
+This makes the constructor a convenient place to put reusable context setup code.</p>
+<p>For context cleanup, add the <code>IDisposable</code> interface to the test class, and put the cleanup code in the <code>Dispose()</code> method.</p>
+<h2 id="mocking-with-moq">Mocking with Moq</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kt">var</span><span class="w"> </span><span class="n">mockObj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Mock</span><span class="o">&lt;</span><span class="n">MockedType</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">mockObj</span><span class="p">.</span><span class="n">Setup</span><span class="p">(</span><span class="n">m</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">m</span><span class="p">.</span><span class="n">Method</span><span class="p">(</span><span class="n">It</span><span class="p">.</span><span class="n">IsAny</span><span class="o">&lt;</span><span class="n">InputType</span><span class="o">&gt;</span><span class="p">())).</span><span class="n">Returns</span><span class="p">(</span><span class="k">value</span><span class="p">);</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">mockObj</span><span class="p">.</span><span class="n">Object</span><span class="p">;</span><span class="w">  </span><span class="c1">// get mock</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="c1">// check that the invocation is forwarded to the mock, n times</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">mockObj</span><span class="p">.</span><span class="n">Verify</span><span class="p">(</span><span class="n">m</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">m</span><span class="p">.</span><span class="n">Method</span><span class="p">(</span><span class="n">It</span><span class="p">.</span><span class="n">IsAny</span><span class="o">&lt;</span><span class="n">InputType</span><span class="o">&gt;</span><span class="p">()),</span><span class="w"> </span><span class="n">Times</span><span class="p">.</span><span class="n">Once</span><span class="p">());</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="c1">// check that the invocation is forwarded to the mock with a specific input</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="n">mockObj</span><span class="p">.</span><span class="n">Verify</span><span class="p">(</span><span class="n">m</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">m</span><span class="p">.</span><span class="n">Method</span><span class="p">(</span><span class="n">input</span><span class="p">),</span><span class="w"> </span><span class="n">Times</span><span class="p">.</span><span class="n">Once</span><span class="p">());</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="async-programming.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Async Programming">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Async Programming
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../asp.net/minimal-api.html" class="md-footer__link md-footer__link--next" aria-label="Next: Minimal API">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Minimal API
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/database/ado.net.html b/languages/dotnet/database/ado.net.html
new file mode 100644
index 0000000..b1b8b89
--- /dev/null
+++ b/languages/dotnet/database/ado.net.html
@@ -0,0 +1,4466 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/database/ado.net.html">
+      
+      
+        <link rel="prev" href="../asp.net/web-forms.html">
+      
+      
+        <link rel="next" href="entity-framework.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>ADO.NET - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="ADO.NET - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/database/ado.net.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/database/ado.net.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="ADO.NET - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/database/ado.net.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#adonet" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              ADO.NET
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="ado.net.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#connection-strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connection Strings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Connection Strings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#sql-server-2019" class="md-nav__link">
+    <span class="md-ellipsis">
+      SQL Server 2019
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sqlite" class="md-nav__link">
+    <span class="md-ellipsis">
+      SQLite
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#connection-to-db" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connection to DB
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#db-interrogation" class="md-nav__link">
+    <span class="md-ellipsis">
+      DB Interrogation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DB Interrogation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#sqlconnection" class="md-nav__link">
+    <span class="md-ellipsis">
+      SqlConnection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sqlcommand" class="md-nav__link">
+    <span class="md-ellipsis">
+      SqlCommand
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sqldatareader" class="md-nav__link">
+    <span class="md-ellipsis">
+      SqlDataReader
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#connection-strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connection Strings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Connection Strings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#sql-server-2019" class="md-nav__link">
+    <span class="md-ellipsis">
+      SQL Server 2019
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sqlite" class="md-nav__link">
+    <span class="md-ellipsis">
+      SQLite
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#connection-to-db" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connection to DB
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#db-interrogation" class="md-nav__link">
+    <span class="md-ellipsis">
+      DB Interrogation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DB Interrogation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#sqlconnection" class="md-nav__link">
+    <span class="md-ellipsis">
+      SqlConnection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sqlcommand" class="md-nav__link">
+    <span class="md-ellipsis">
+      SqlCommand
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sqldatareader" class="md-nav__link">
+    <span class="md-ellipsis">
+      SqlDataReader
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="adonet"><a href="https://docs.microsoft.com/en-us/dotnet/framework/data/adonet/" title="ADO.NET Docs">ADO.NET</a></h1>
+<p><code>ADO.NET</code> is a set of classes that expose data access services for .NET.
+The <code>ADO.NET</code> classes are found in <code>System.Data.dll</code>, and are integrated with the XML classes found in <code>System.Xml.dll</code>.</p>
+<p><a href="https://system.data.sqlite.org/index.html/doc/trunk/www/index.wiki" title="System.Data.SQLite">ADO.NET provider for SQLite</a></p>
+<h2 id="connection-strings"><a href="https://www.connectionstrings.com">Connection Strings</a></h2>
+<h3 id="sql-server-2019"><a href="https://www.connectionstrings.com/sql-server-2019/">SQL Server 2019</a></h3>
+<ul>
+<li>Standard Security:</li>
+<li><code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; UID=&lt;user&gt;; Pwd=&lt;password&gt;;</code></li>
+<li><code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; User ID=&lt;user&gt;; Password=&lt;password&gt;;</code></li>
+<li><code>Data Source=&lt;server_name&gt;; Initial Catalog=&lt;database&gt;; UID=&lt;user&gt;; Pwd=&lt;password&gt;;</code></li>
+<li>Specific Instance: <code>Server=&lt;server_name&gt;\&lt;instance_name&gt;; Database=&lt;database&gt;; User ID=&lt;user&gt;; Password=&lt;password&gt;;</code></li>
+<li>Trusted Connection (WinAuth): <code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; Trusted_Connection=True;</code></li>
+<li>MARS: <code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; Trusted_Connection=True; MultipleActiveResultSets=True;</code></li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: <em>Multiple Active Result Sets</em> (MARS) is a feature that works with SQL Server to allow the execution of multiple batches on a single connection.</p>
+</blockquote>
+<h3 id="sqlite"><a href="https://www.connectionstrings.com/sqlite/">SQLite</a></h3>
+<ul>
+<li>Basic: <code>Data Source: path\to\db.sqlite3; Version=3;</code></li>
+<li>In-Memory Database: <code>Data Source=:memory:; Version=3; New=True</code></li>
+<li>With Password: <code>Data Source: path\to\db.sqlite3; Version=3; Password=&lt;password&gt;</code></li>
+</ul>
+<h2 id="connection-to-db">Connection to DB</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.Data.SqlClient</span><span class="p">;</span><span class="w">  </span><span class="c1">// ADO.NET Provider, installed through NuGet</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="k">namespace</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">namespace</span><span class="o">&gt;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="p">{</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">    </span><span class="k">class</span><span class="w"> </span><span class="nc">Program</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">        </span><span class="k">static</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">Main</span><span class="p">(</span><span class="kt">string</span><span class="p">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">            </span><span class="c1">// Connection to SQL Server DBMS</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">            </span><span class="n">SqlConnectionStringBuilder</span><span class="w"> </span><span class="n">connectionString</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SqlConnectionStringBuilder</span><span class="p">();</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">            </span><span class="n">connectionString</span><span class="p">.</span><span class="n">DataSource</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;server_name&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">            </span><span class="n">connectionString</span><span class="p">.</span><span class="n">UserID</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;user&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="w">            </span><span class="n">connectionString</span><span class="p">.</span><span class="n">Password</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;password&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">            </span><span class="n">connectionString</span><span class="p">.</span><span class="n">InitialCatalog</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;database&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">            </span><span class="c1">// more compact</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="w">            </span><span class="n">SqlConnectionStringBuilder</span><span class="w"> </span><span class="n">connectionString</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SqlConnectionStringBuilder</span><span class="p">(</span><span class="s">&quot;Server=&lt;server_name&gt;;Database=&lt;database&gt;;UID=&lt;user&gt;;Pwd=&lt;password&gt;&quot;</span><span class="p">)</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="db-interrogation">DB Interrogation</h2>
+<h3 id="sqlconnection"><code>SqlConnection</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">SqlConnection</span><span class="w"> </span><span class="n">connection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SqlConnection</span><span class="p">())</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="p">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">    </span><span class="n">connection</span><span class="p">.</span><span class="n">ConnectionString</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">connectionString</span><span class="p">.</span><span class="n">ConnectionString</span><span class="p">;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="n">connection</span><span class="p">.</span><span class="n">Open</span><span class="p">();</span><span class="w">  </span><span class="c1">// start communication w/ sql server</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="p">}</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="c1">// more compact</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">SqlConnection</span><span class="w"> </span><span class="n">connection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SqlConnection</span><span class="p">(</span><span class="n">connectionString</span><span class="p">))</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">    </span><span class="n">connection</span><span class="p">.</span><span class="n">Open</span><span class="p">()</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sqlcommand"><a href="https://docs.microsoft.com/en-us/dotnet/api/system.data.sqlclient.sqlcommand">SqlCommand</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kt">string</span><span class="w"> </span><span class="n">sql</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&lt;sql_instruction&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">SqlCommand</span><span class="w"> </span><span class="n">command</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SqlCommand</span><span class="p">())</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="p">{</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">Connection</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">connection</span><span class="p">;</span><span class="w">  </span><span class="c1">// SqlConnection</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">CommandText</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;... @Parameter&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// or name of StoredProcedure</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="c1">// add parameters to the SqlParameterCollection, WARNING: table names or columns cannot be parameters</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">Parameters</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="s">&quot;@Parameter&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">SqlDbType</span><span class="p">.</span><span class="o">&lt;</span><span class="n">DBType</span><span class="o">&gt;</span><span class="p">,</span><span class="w"> </span><span class="n">columnLength</span><span class="p">).</span><span class="n">Value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">value</span><span class="p">;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">Parameters</span><span class="p">.</span><span class="n">AddWithValue</span><span class="p">(</span><span class="s">&quot;@Parameter&quot;</span><span class="p">,</span><span class="w"> </span><span class="k">value</span><span class="p">);</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">Parameters</span><span class="p">.</span><span class="n">AddWithValue</span><span class="p">(</span><span class="s">&quot;@Parameter&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="kt">object</span><span class="p">)</span><span class="w"> </span><span class="k">value</span><span class="w"> </span><span class="o">??</span><span class="w"> </span><span class="n">DBNull</span><span class="p">.</span><span class="n">Value</span><span class="p">);</span><span class="w">  </span><span class="c1">// if Parameter is nullable</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">    </span><span class="c1">// Create an instance of a SqlParameter object.</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">CreateParameter</span><span class="p">();</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="w">    </span><span class="n">command</span><span class="p">.</span><span class="n">CommandType</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">CommandType</span><span class="p">.</span><span class="n">Text</span><span class="p">;</span><span class="w">  </span><span class="c1">// or StoredProcedure</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="w">    </span><span class="kt">int</span><span class="w"> </span><span class="n">affectedRows</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">command</span><span class="p">.</span><span class="n">ExecuteNonQuery</span><span class="p">();</span><span class="w">  </span><span class="c1">// execute the query and return the number of affected rows</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sqldatareader"><code>SqlDataReader</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">using</span><span class="w"> </span><span class="p">(</span><span class="n">SqlDataReader</span><span class="w"> </span><span class="n">cursor</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">command</span><span class="p">.</span><span class="n">ExecuteReader</span><span class="p">())</span><span class="w">  </span><span class="c1">// object to get data from db</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">cursor</span><span class="p">.</span><span class="n">Read</span><span class="p">())</span><span class="w">  </span><span class="c1">// get data till possible</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">        </span><span class="c1">// preferred methodology</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">        </span><span class="n">cursor</span><span class="p">[</span><span class="s">&quot;&lt;column_name&gt;&quot;</span><span class="p">].</span><span class="n">ToString</span><span class="p">();</span><span class="w">  </span><span class="c1">// retrieve data form the column</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">        </span><span class="n">cursor</span><span class="p">[</span><span class="o">&lt;</span><span class="n">column_index</span><span class="o">&gt;</span><span class="p">].</span><span class="n">ToString</span><span class="p">();</span><span class="w">  </span><span class="c1">// retrieve data form the column</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">        </span><span class="c1">// check for null before retrieving the value</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">        </span><span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="n">cursor</span><span class="p">.</span><span class="n">IsDBNull</span><span class="p">(</span><span class="n">n</span><span class="p">))</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w">            </span><span class="n">cursor</span><span class="p">.</span><span class="n">Get</span><span class="o">&lt;</span><span class="n">SystemType</span><span class="o">&gt;</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w">  </span><span class="c1">// retrieve data form the n-th column</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../asp.net/web-forms.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Web Forms">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Web Forms
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="entity-framework.html" class="md-footer__link md-footer__link--next" aria-label="Next: Entity Framework">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Entity Framework
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/dotnet/database/entity-framework.html b/languages/dotnet/database/entity-framework.html
new file mode 100644
index 0000000..9b0085e
--- /dev/null
+++ b/languages/dotnet/database/entity-framework.html
@@ -0,0 +1,4452 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/dotnet/database/entity-framework.html">
+      
+      
+        <link rel="prev" href="ado.net.html">
+      
+      
+        <link rel="next" href="../../java/java.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Entity Framework - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Entity Framework - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/database/entity-framework.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/dotnet/database/entity-framework.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Entity Framework - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/dotnet/database/entity-framework.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#entity-framework" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Entity Framework
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="entity-framework.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#model-data-annotations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Model &amp; Data Annotations
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#migrations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Migrations
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#crud" class="md-nav__link">
+    <span class="md-ellipsis">
+      CRUD
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CRUD">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#create" class="md-nav__link">
+    <span class="md-ellipsis">
+      Create
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#read" class="md-nav__link">
+    <span class="md-ellipsis">
+      Read
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#update" class="md-nav__link">
+    <span class="md-ellipsis">
+      Update
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#delete" class="md-nav__link">
+    <span class="md-ellipsis">
+      Delete
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#model-data-annotations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Model &amp; Data Annotations
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#migrations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Migrations
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#crud" class="md-nav__link">
+    <span class="md-ellipsis">
+      CRUD
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CRUD">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#create" class="md-nav__link">
+    <span class="md-ellipsis">
+      Create
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#read" class="md-nav__link">
+    <span class="md-ellipsis">
+      Read
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#update" class="md-nav__link">
+    <span class="md-ellipsis">
+      Update
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#delete" class="md-nav__link">
+    <span class="md-ellipsis">
+      Delete
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="entity-framework">Entity Framework</h1>
+<h2 id="model-data-annotations">Model &amp; Data Annotations</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">System</span><span class="p">;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.Collections.Generic</span><span class="p">;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.ComponentModel.DataAnnotations</span><span class="p">;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="k">using</span><span class="w"> </span><span class="nn">System.Linq</span><span class="p">;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="k">namespace</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">Project</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Model</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="p">{</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">    </span><span class="k">public</span><span class="w"> </span><span class="k">class</span><span class="w"> </span><span class="nc">Entity</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">        </span><span class="na">[Key]</span><span class="w">  </span><span class="c1">// set as PK (Id &amp; EntityId are automatically detected to be PKs)</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">Id</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">        </span><span class="na">[Required]</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">ForeignObject</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Not Null in DB</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">ForeignObject</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Allow Null in DB</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">Prop</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Not Null in DB (primitive are not nullable)</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="kt">int?</span><span class="w"> </span><span class="n">Prop</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// Allow Null in DB</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="context">Context</h2>
+<p>NuGet Packages to install:</p>
+<ul>
+<li><code>Microsoft.EntityFrameworkCore</code></li>
+<li><code>Microsoft.EntityFrameworkCore.Tools</code> to use migrations in Visual Studio</li>
+<li><code>Microsoft.EntityFrameworkCore.Tools.DotNet</code> to use migrations in <code>dotnet</code> cli (<code>dotnet-ef</code>)</li>
+<li><code>Microsoft.EntityFrameworkCore.Design</code> <em>or</em> <code>Microsoft.EntityFrameworkCore.&lt;db_provider&gt;.Design</code> needed for tools to work (bundled w\ tools)</li>
+<li><code>Microsoft.EntityFrameworkCore.&lt;db_provider&gt;</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span>
+<span class="normal"><a href="#__codelineno-1-21">21</a></span>
+<span class="normal"><a href="#__codelineno-1-22">22</a></span>
+<span class="normal"><a href="#__codelineno-1-23">23</a></span>
+<span class="normal"><a href="#__codelineno-1-24">24</a></span>
+<span class="normal"><a href="#__codelineno-1-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">using</span><span class="w"> </span><span class="nn">Microsoft.EntityFrameworkCore</span><span class="p">;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="k">namespace</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">Project</span><span class="o">&gt;</span><span class="p">.</span><span class="n">Model</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="p">{</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">    </span><span class="k">class</span><span class="w"> </span><span class="nc">Context</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">DbContext</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w">        </span><span class="k">private</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="n">_connectionString</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;Server=&lt;server_name&gt;;Database=&lt;database&gt;;UID=&lt;user&gt;;Pwd=&lt;password&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">        </span><span class="c1">// connect to db</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="w">        </span><span class="k">protected</span><span class="w"> </span><span class="k">override</span><span class="w"> </span><span class="k">void</span><span class="w"> </span><span class="nf">OnConfiguring</span><span class="p">(</span><span class="n">DbContextOptionsBuilder</span><span class="w"> </span><span class="n">optionsBuilder</span><span class="p">)</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="w">            </span><span class="n">optionsBuilder</span><span class="p">.</span><span class="n">UseSqlServer</span><span class="p">(</span><span class="n">_connectionString</span><span class="p">);</span><span class="w">  </span><span class="c1">// specify connection</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="w">        </span><span class="c1">// or</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="nf">Context</span><span class="p">(</span><span class="n">DbContextOptions</span><span class="w"> </span><span class="n">options</span><span class="p">)</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="k">base</span><span class="p">(</span><span class="n">options</span><span class="p">)</span>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="w">        </span><span class="p">{</span>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a>
+<a id="__codelineno-1-21" name="__codelineno-1-21"></a><span class="w">        </span><span class="c1">//DBSet&lt;TEntity&gt; represents the collection of all entities in the context (or that can be queried from the database) of a given type</span>
+<a id="__codelineno-1-22" name="__codelineno-1-22"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="n">DbSet</span><span class="o">&lt;</span><span class="n">Entity</span><span class="o">&gt;</span><span class="w"> </span><span class="n">Entities</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">get</span><span class="p">;</span><span class="w"> </span><span class="k">set</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-23" name="__codelineno-1-23"></a><span class="w">        </span><span class="k">public</span><span class="w"> </span><span class="n">DbSet</span><span class="o">&lt;</span><span class="n">Entity</span><span class="o">&gt;</span><span class="w"> </span><span class="n">Entities</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">Set</span><span class="o">&lt;</span><span class="n">Entity</span><span class="o">&gt;</span><span class="p">();</span><span class="w">  </span><span class="c1">// with nullable reference types</span>
+<a id="__codelineno-1-24" name="__codelineno-1-24"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-1-25" name="__codelineno-1-25"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="migrations">Migrations</h2>
+<p>Create &amp; Update DB Schema if necessary.</p>
+<p>In Package Manager Shell:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">PM</span><span class="p">&gt;</span> <span class="nb">Add-Migration</span> <span class="p">&lt;</span><span class="n">migration_name</span><span class="p">&gt;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">PM</span><span class="p">&gt;</span> <span class="nb">update-database</span> <span class="p">[</span><span class="n">-Verbose</span><span class="p">]</span> <span class="c"># use the migrations to modify the db, -Verbose to show SQL queries</span>
+</code></pre></div></td></tr></table></div>
+<p>In dotnet cli:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">dotnet</span> <span class="n">tool</span> <span class="n">install</span> <span class="p">-</span><span class="n">-global</span> <span class="n">dotnet-ef</span>  <span class="c"># if not already installed</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">dotnet</span> <span class="n">ef</span> <span class="n">migrations</span> <span class="n">add</span> <span class="p">&lt;</span><span class="n">migration_name</span><span class="p">&gt;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="n">dotnet</span> <span class="n">ef</span> <span class="n">database</span> <span class="n">update</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="crud">CRUD</h2>
+<h3 id="create">Create</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">context</span><span class="p">.</span><span class="n">Add</span><span class="p">(</span><span class="n">entity</span><span class="p">);</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">context</span><span class="p">.</span><span class="n">AddRange</span><span class="p">(</span><span class="n">entities</span><span class="p">);</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="n">context</span><span class="p">.</span><span class="n">SaveChanges</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="read">Read</h3>
+<p><a href="https://stackoverflow.com/a/5385288">Referenced Object Not Loading Fix</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">context</span><span class="p">.</span><span class="n">Entities</span><span class="p">.</span><span class="n">ToList</span><span class="p">();</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">context</span><span class="p">.</span><span class="n">Entities</span><span class="p">.</span><span class="n">Find</span><span class="p">(</span><span class="n">id</span><span class="p">);</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="c1">// force read of foreign key identifying referenced obj</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="n">context</span><span class="p">.</span><span class="n">Entities</span><span class="p">.</span><span class="n">Include</span><span class="p">(</span><span class="n">c</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">c</span><span class="p">.</span><span class="n">ForeignObject</span><span class="p">).</span><span class="n">Find</span><span class="p">(</span><span class="n">id</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="update">Update</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">context</span><span class="p">.</span><span class="n">Entities</span><span class="p">.</span><span class="n">Update</span><span class="p">(</span><span class="n">entity</span><span class="p">);</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">context</span><span class="p">.</span><span class="n">UpdateRange</span><span class="p">(</span><span class="n">entities</span><span class="p">);</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="n">context</span><span class="p">.</span><span class="n">SaveChanges</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="delete">Delete</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">context</span><span class="p">.</span><span class="n">Entities</span><span class="p">.</span><span class="n">Remove</span><span class="p">(</span><span class="n">entity</span><span class="p">);</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">context</span><span class="p">.</span><span class="n">RemoveRange</span><span class="p">(</span><span class="n">entities</span><span class="p">);</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="n">context</span><span class="p">.</span><span class="n">SaveChanges</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="ado.net.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: ADO.NET">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                ADO.NET
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../../java/java.html" class="md-footer__link md-footer__link--next" aria-label="Next: Java">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Java
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/html/html.html b/languages/html/html.html
new file mode 100644
index 0000000..2494e97
--- /dev/null
+++ b/languages/html/html.html
@@ -0,0 +1,5795 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/html/html.html">
+      
+      
+        <link rel="prev" href="../../databases/mongo-db.html">
+      
+      
+        <link rel="next" href="../markdown.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>HTML - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="HTML - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/html/html.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/html/html.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="HTML - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/html/html.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#html" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              HTML
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="html.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#terminology" class="md-nav__link">
+    <span class="md-ellipsis">
+      Terminology
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anatomy-of-an-html-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anatomy of an HTML Element
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-doctype" class="md-nav__link">
+    <span class="md-ellipsis">
+      The Doctype
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="The Doctype">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#xhtml-10-strict" class="md-nav__link">
+    <span class="md-ellipsis">
+      XHTML 1.0 Strict
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html4-transitional" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML4 Transitional
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html5" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML5
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-html-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The HTML Element
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="The HTML Element">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#the-head-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The HEAD Element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html-shiv-polyfill" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML Shiv (Polyfill)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-body-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The BODY Element
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      JavaScript
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="JavaScript">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#local-remote-or-inline-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local, Remote or Inline JavaScript
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#forms" class="md-nav__link">
+    <span class="md-ellipsis">
+      Forms
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Forms">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#form-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Form Validation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Form Validation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#front-end-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Front-End Validation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#back-end-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Back-End Validation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Back-End Validation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#built-in-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-In Validation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#validation-with-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Validation with JavaScript
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#general-structure-of-html-page" class="md-nav__link">
+    <span class="md-ellipsis">
+      General structure of HTML page
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="General structure of HTML page">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#meta-tag-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Meta Tag Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#paragraph" class="md-nav__link">
+    <span class="md-ellipsis">
+      Paragraph
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#headings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Headings
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#formatted-text" class="md-nav__link">
+    <span class="md-ellipsis">
+      Formatted Text
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Elements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Elements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#linksanchor" class="md-nav__link">
+    <span class="md-ellipsis">
+      Links/Anchor
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#images" class="md-nav__link">
+    <span class="md-ellipsis">
+      Images
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unordered-list-bullet-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unordered list (bullet list)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ordered-list-numbered-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ordered list (numbered list)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#description-list-list-of-terms-and-descriptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Description list (list of terms and descriptions)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#character-codes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Codes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#block-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      Block Element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inline-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline Element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html5-new-tags" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML5 new tags
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#html-forms-inputs" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML Forms &amp; Inputs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HTML Forms & Inputs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#basic-form-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Form Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-field" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Field
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#password-field" class="md-nav__link">
+    <span class="md-ellipsis">
+      Password Field
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#radio-buttons" class="md-nav__link">
+    <span class="md-ellipsis">
+      Radio Buttons
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#checkboxes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Checkboxes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dropdown-menus" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dropdown Menus
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-select" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Select
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-area" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Area
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#submit-reset" class="md-nav__link">
+    <span class="md-ellipsis">
+      Submit &amp; Reset
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#button" class="md-nav__link">
+    <span class="md-ellipsis">
+      Button
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fieldset" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fieldset
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#email-field" class="md-nav__link">
+    <span class="md-ellipsis">
+      Email Field
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#progress-bar" class="md-nav__link">
+    <span class="md-ellipsis">
+      Progress Bar
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#slider" class="md-nav__link">
+    <span class="md-ellipsis">
+      Slider
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#meter" class="md-nav__link">
+    <span class="md-ellipsis">
+      Meter
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#datalist-autocomplete" class="md-nav__link">
+    <span class="md-ellipsis">
+      Datalist (Autocomplete)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#more-input-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      More Input Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#using-built-in-form-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Using Built-In Form Validation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#terminology" class="md-nav__link">
+    <span class="md-ellipsis">
+      Terminology
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anatomy-of-an-html-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anatomy of an HTML Element
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-doctype" class="md-nav__link">
+    <span class="md-ellipsis">
+      The Doctype
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="The Doctype">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#xhtml-10-strict" class="md-nav__link">
+    <span class="md-ellipsis">
+      XHTML 1.0 Strict
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html4-transitional" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML4 Transitional
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html5" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML5
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-html-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The HTML Element
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="The HTML Element">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#the-head-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The HEAD Element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html-shiv-polyfill" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML Shiv (Polyfill)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#the-body-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The BODY Element
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      JavaScript
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="JavaScript">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#local-remote-or-inline-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local, Remote or Inline JavaScript
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#forms" class="md-nav__link">
+    <span class="md-ellipsis">
+      Forms
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Forms">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#form-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Form Validation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Form Validation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#front-end-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Front-End Validation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#back-end-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Back-End Validation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Back-End Validation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#built-in-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-In Validation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#validation-with-javascript" class="md-nav__link">
+    <span class="md-ellipsis">
+      Validation with JavaScript
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#general-structure-of-html-page" class="md-nav__link">
+    <span class="md-ellipsis">
+      General structure of HTML page
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="General structure of HTML page">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#meta-tag-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Meta Tag Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#paragraph" class="md-nav__link">
+    <span class="md-ellipsis">
+      Paragraph
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#headings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Headings
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#formatted-text" class="md-nav__link">
+    <span class="md-ellipsis">
+      Formatted Text
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Elements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Elements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#linksanchor" class="md-nav__link">
+    <span class="md-ellipsis">
+      Links/Anchor
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#images" class="md-nav__link">
+    <span class="md-ellipsis">
+      Images
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unordered-list-bullet-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unordered list (bullet list)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ordered-list-numbered-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ordered list (numbered list)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#description-list-list-of-terms-and-descriptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Description list (list of terms and descriptions)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#character-codes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Codes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#block-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      Block Element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inline-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline Element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#html5-new-tags" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML5 new tags
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#html-forms-inputs" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML Forms &amp; Inputs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HTML Forms & Inputs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#basic-form-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Form Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-field" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Field
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#password-field" class="md-nav__link">
+    <span class="md-ellipsis">
+      Password Field
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#radio-buttons" class="md-nav__link">
+    <span class="md-ellipsis">
+      Radio Buttons
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#checkboxes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Checkboxes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dropdown-menus" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dropdown Menus
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-select" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Select
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#text-area" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Area
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#submit-reset" class="md-nav__link">
+    <span class="md-ellipsis">
+      Submit &amp; Reset
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#button" class="md-nav__link">
+    <span class="md-ellipsis">
+      Button
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fieldset" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fieldset
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#email-field" class="md-nav__link">
+    <span class="md-ellipsis">
+      Email Field
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#progress-bar" class="md-nav__link">
+    <span class="md-ellipsis">
+      Progress Bar
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#slider" class="md-nav__link">
+    <span class="md-ellipsis">
+      Slider
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#meter" class="md-nav__link">
+    <span class="md-ellipsis">
+      Meter
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#datalist-autocomplete" class="md-nav__link">
+    <span class="md-ellipsis">
+      Datalist (Autocomplete)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#more-input-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      More Input Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#using-built-in-form-validation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Using Built-In Form Validation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="html">HTML</h1>
+<h2 id="terminology">Terminology</h2>
+<p><strong>Web design</strong>: The process of planning, structuring and creating a website.<br />
+<strong>Web development</strong>: The process of programming dynamic web applications.<br />
+<strong>Front end</strong>: The outwardly visible elements of a website or application.<br />
+<strong>Back end</strong>: The inner workings and functionality of a website or application.</p>
+<h2 id="anatomy-of-an-html-element">Anatomy of an HTML Element</h2>
+<p><strong>Element</strong>: Building blocks of web pages, an individual component of HTML.<br />
+<strong>Tag</strong>: Opening tag marks the beginning of an element &amp; closing tag marks the end.
+Tags contain characters that indicate the tag's purpose content.</p>
+<p><code>&lt;tagname&gt; content &lt;/tagname&gt;</code>  </p>
+<p><strong>Container Element</strong>: An element that can contain other elements or content.<br />
+<strong>Stand Alone Element</strong>: An element that cannot contain anything else.<br />
+<strong>Attribute</strong>: Provides additional information about the HTML element. Placed inside an opening tag, before the right angle bracket.<br />
+<strong>Value</strong>: Value is the value assigned to a given attribute. Values must be contained inside quotation marks (“”).</p>
+<h2 id="the-doctype">The Doctype</h2>
+<p>The first thing on an HTML page is the doctype, which tells the browser which version of the markup language the page is using.</p>
+<h3 id="xhtml-10-strict">XHTML 1.0 Strict</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="cp">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="cp"> &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="html4-transitional">HTML4 Transitional</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="cp">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="cp"> &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="html5">HTML5</h3>
+<p><code>&lt;!doctype html&gt;</code></p>
+<h2 id="the-html-element">The HTML Element</h2>
+<p>After <code>&lt;doctype&gt;</code>, the page content must be contained between tags.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="cp">&lt;!doctype html&gt;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;en&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>    <span class="cm">&lt;!-- page contents --&gt;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="the-head-element">The HEAD Element</h3>
+<p>The head contains the title of the page &amp; meta information about the page. Meta information is not visible to the user, but has many purposes, like providing information to search engines.<br />
+UTF-8 is a character encoding capable of encoding all possible characters, or code points, defined by Unicode. The encoding is variable-length and uses 8-bit code units.</p>
+<p>XHTML and HTML4: <code>&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;/meta&gt;</code></p>
+<p>HTML5: <code>&lt;meta charset="utf-8"&gt;</code></p>
+<h3 id="html-shiv-polyfill">HTML Shiv (Polyfill)</h3>
+<p>Used to make old browsers understand newer HTML5 and newer components.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="cm">&lt;!--[if lt IE 9]&gt;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="cm">    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js&quot;&gt;&lt;/script&gt;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="cm">&lt;![endif]--&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="the-body-element">The BODY Element</h2>
+<p>The body contains the actual content of the page. Everything that is contained in the body is visible to the user.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>    <span class="cm">&lt;!-- page contents --&gt;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="javascript">JavaScript</h2>
+<p>XHTML and older: <code>&lt;script src="js/scripts.js" type="text/javascript"&gt;&lt;/script&gt;</code><br />
+HTML5: <code>&lt;script src="js/scripts.js"&gt;&lt;/script&gt;</code>  (HTML5 spec states that <code>type</code> attribute is redundant and should be omitted)<br />
+The <code>&lt;script&gt;</code> tag is used to define a client-side script (JavaScript).<br />
+The <code>&lt;script&gt;</code> element either contains scripting statements, or it points to an external script file through the src attribute.</p>
+<h3 id="local-remote-or-inline-javascript">Local, Remote or Inline JavaScript</h3>
+<p><strong>Remote</strong>: <code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;</code><br />
+<strong>Local</strong>: <code>&lt;script src="js/main.js"&gt;&lt;/script&gt;</code><br />
+<strong>Inline</strong>: <code>&lt;script&gt; javascript-code-here &lt;/script&gt;</code></p>
+<h2 id="forms">Forms</h2>
+<p>Forms allow to collect data from the user:</p>
+<ul>
+<li>signing up and logging in to websites</li>
+<li>entering personal information</li>
+<li>filtering content (using dropdowns, checkboxes)</li>
+<li>performing a search</li>
+<li>uploading files</li>
+</ul>
+<p>Forms contain elements called controls (text inputs, checkboxes, radio buttons, submit buttons).<br />
+When users complete a form the data is usually submitted to a web server for processing.  </p>
+<h3 id="form-validation"><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation">Form Validation</a></h3>
+<p>Validation is a mechanism to ensure the correctness of user input.</p>
+<p>Uses of Validation:</p>
+<ul>
+<li>Make sure that all required information has been entered</li>
+<li>Limit the information to certain types (e.g. only numbers)</li>
+<li>Make sure that the information follows a standard (e.g. email, credit card number)</li>
+<li>Limit the information to a certain length</li>
+<li>Other validation required by the application or the back-end services</li>
+</ul>
+<h4 id="front-end-validation">Front-End Validation</h4>
+<p>The application should validate all information to make sure that it is complete, free of errors and conforms to the specifications required by the back-end.<br />
+It should contain mechanisms to warn users if input is not complete or correct.<br />
+It should avoid to send "bad" data to the back-end.  </p>
+<h3 id="back-end-validation">Back-End Validation</h3>
+<p>It should never trust that the front-end has done validation since some clever users can bypass the front-end mechanisms easily.<br />
+Back-end services can receive data from other services, not necessarily front-end, that don't perform validation.  </p>
+<h4 id="built-in-validation">Built-In Validation</h4>
+<p>Not all browsers validate in the same way and some follow the specs partially. Some browsers don't have validation at all (older desktop browsers, some mobile browsers).<br />
+Apart from declaring validation intention with HTML5 developers don't have much control over what the browser actually does.<br />
+Before using build-in validation make sure that it's supported by the target browsers.</p>
+<h4 id="validation-with-javascript">Validation with JavaScript</h4>
+<ul>
+<li>Gives the developer more control.</li>
+<li>The developer can make sure it works on all target browsers.</li>
+<li>Requires a lot of custom coding, or using a library (common practice).</li>
+</ul>
+<hr />
+<h2 id="general-structure-of-html-page">General structure of HTML page</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="cm">&lt;!-- HTML Boilerplate --&gt;</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="cp">&lt;!DOCTYPE html&gt;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;en&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>    <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>        <span class="cm">&lt;!-- meta tag --&gt;</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>        <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&quot;utf-8&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a>        <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>        <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;description&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a>        <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;author&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a>        <span class="cm">&lt;!-- adapt page dimensions to device --&gt;</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>        <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a>        <span class="cm">&lt;!-- external style sheet here --&gt;</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a>        <span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;path/style-sheet.css&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a>        <span class="cm">&lt;!-- script if necessary --&gt;</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a>        <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;_.js&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a>        <span class="cm">&lt;!-- script is executed only after the page finishes loading--&gt;</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a>        <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;_.js&quot;</span> <span class="na">defer</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a>    <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a>    <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a>        <span class="cm">&lt;!-- end of body --&gt;</span>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a>        <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;_.js&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a>    <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>Attributes describe additional characteristics of an HTML element.<br />
+<code>&lt;tagname attribute="value"&gt; content &lt;/tagname&gt;</code></p>
+<h3 id="meta-tag-structure">Meta Tag Structure</h3>
+<p><code>&lt;meta name="info-name" content="info-content"&gt;</code></p>
+<h3 id="paragraph">Paragraph</h3>
+<p>Paragraphs allow to format the content in a readable fashion.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span> paragraph-content <span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span> paragraph-content <span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="headings">Headings</h3>
+<p>Heading numbers indicates hierarchy, not size.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span> Heading 1 <span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;</span> Heading 2 <span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="formatted-text">Formatted Text</h3>
+<p>With semantic value:</p>
+<ul>
+<li>Emphasized text (default cursive): <code>&lt;em&gt;&lt;/em&gt;</code>  </li>
+<li>Important text (default bold): <code>&lt;strong&gt;&lt;/strong&gt;</code>  </li>
+</ul>
+<p>Without semantic value, used as last resort:</p>
+<ul>
+<li>Italic text: <code>&lt;i&gt;&lt;/i&gt;</code>  </li>
+<li>Bold text: <code>&lt;b&gt;&lt;/b&gt;</code></li>
+</ul>
+<h2 id="elements">Elements</h2>
+<p><code>&lt;br/&gt;</code>: Line break (carriage return). It's not good practice to put line breaks inside paragraphs.  </p>
+<p><code>&lt;hr&gt;</code>: horizontal rule (line). Used to define a thematic change in the content.</p>
+<h3 id="linksanchor">Links/Anchor</h3>
+<p>Surround content to turn into links.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="cm">&lt;!-- Link to absolute URL --&gt;</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;uri/url&quot;</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;content-title&quot;</span> <span class="na">target</span><span class="o">=</span><span class="s">&quot;_self&quot;</span><span class="p">&gt;</span> text/image <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="cm">&lt;!-- links to relative URL --&gt;</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;//example.com&quot;</span><span class="p">&gt;</span>Scheme-relative URL<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;/en-US/docs/Web/HTML&quot;</span><span class="p">&gt;</span>Origin-relative URL<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;./file&quot;</span><span class="p">&gt;</span>Directory-relative URL<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="cm">&lt;!-- Link to element on the same page --&gt;</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#element-id&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="cm">&lt;!-- Link to top of page --&gt;</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#top&quot;</span><span class="p">&gt;</span> Back to Top <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="cm">&lt;!-- link to email --&gt;</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;mailto:address@domain&quot;</span><span class="p">&gt;</span>address@domain<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="cm">&lt;!-- link to telephone number --&gt;</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;tel:+39(111)2223334&quot;</span><span class="p">&gt;</span>+39 111 2223334<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="cm">&lt;!-- download link --&gt;</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;./folder/filename&quot;</span> <span class="na">download</span><span class="p">&gt;</span>Download<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p><code>target</code>:</p>
+<ul>
+<li><code>_blank</code>: opens linked document in a new window or <em>tab</em></li>
+<li><code>_self</code>: opens linked document in the same frame as it was clicked (DEFAULT)</li>
+<li><code>_parent</code>: opens the linked document in the parent frame</li>
+<li><code>_top</code>: opens linked document in the full body of the window</li>
+<li><code>frame-name</code>: opens the linked document in the specified frame</li>
+</ul>
+<h3 id="images">Images</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;image-location&quot;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&quot;brief-description&quot;</span><span class="p">/&gt;</span>    <span class="cm">&lt;!-- image element --&gt;</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="cm">&lt;!-- alt should be always be populated for accessibility and SEO purposes --&gt;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="cm">&lt;!-- supported by modern browsers --&gt;</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="p">&lt;</span><span class="nt">figure</span><span class="p">&gt;</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>    <span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;img-location&quot;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&quot;description&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a>    <span class="p">&lt;</span><span class="nt">figcaption</span><span class="p">&gt;</span> caption of the figure <span class="p">&lt;/</span><span class="nt">figcaption</span><span class="p">&gt;</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="p">&lt;/</span><span class="nt">figure</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="unordered-list-bullet-list">Unordered list (bullet list)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a>    <span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>    <span class="cm">&lt;!-- list element --&gt;</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a>    <span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="p">&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ordered-list-numbered-list">Ordered list (numbered list)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="p">&lt;</span><span class="nt">ol</span><span class="p">&gt;</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>    <span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a>    <span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="p">&lt;/</span><span class="nt">ol</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="description-list-list-of-terms-and-descriptions">Description list (list of terms and descriptions)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="p">&lt;</span><span class="nt">dl</span><span class="p">&gt;</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a>    <span class="p">&lt;</span><span class="nt">dt</span><span class="p">&gt;</span>term<span class="p">&lt;/</span><span class="nt">dt</span><span class="p">&gt;</span>    <span class="cm">&lt;!-- define term/name --&gt;</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a>    <span class="p">&lt;</span><span class="nt">dd</span><span class="p">&gt;</span>definition<span class="p">&lt;/</span><span class="nt">dd</span><span class="p">&gt;</span> <span class="cm">&lt;!-- describe term/name --&gt;</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a>    <span class="p">&lt;</span><span class="nt">dt</span><span class="p">&gt;</span>term<span class="p">&lt;/</span><span class="nt">dt</span><span class="p">&gt;</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a>    <span class="p">&lt;</span><span class="nt">dd</span><span class="p">&gt;</span>definition<span class="p">&lt;/</span><span class="nt">dd</span><span class="p">&gt;</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="p">&lt;/</span><span class="nt">dl</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="tables">Tables</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="p">&lt;</span><span class="nt">table</span><span class="p">&gt;</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a>    <span class="p">&lt;</span><span class="nt">thead</span><span class="p">&gt;</span>    <span class="cm">&lt;!-- table head row --&gt;</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a>        <span class="p">&lt;</span><span class="nt">th</span><span class="p">&gt;&lt;/</span><span class="nt">th</span><span class="p">&gt;</span> <span class="cm">&lt;!-- table head, one for each column--&gt;</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a>        <span class="p">&lt;</span><span class="nt">th</span><span class="p">&gt;&lt;/</span><span class="nt">th</span><span class="p">&gt;</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a>    <span class="p">&lt;/</span><span class="nt">thead</span><span class="p">&gt;</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a>    <span class="p">&lt;</span><span class="nt">tbody</span><span class="p">&gt;</span>    <span class="cm">&lt;!-- table content (body) --&gt;</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a>        <span class="p">&lt;</span><span class="nt">tr</span><span class="p">&gt;</span> <span class="cm">&lt;!-- table row --&gt;</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a>            <span class="p">&lt;</span><span class="nt">td</span><span class="p">&gt;&lt;/</span><span class="nt">td</span><span class="p">&gt;</span> <span class="cm">&lt;!-- table cell --&gt;</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a>            <span class="p">&lt;</span><span class="nt">td</span><span class="p">&gt;&lt;/</span><span class="nt">td</span><span class="p">&gt;</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a>        <span class="p">&lt;/</span><span class="nt">tr</span><span class="p">&gt;</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a>    <span class="p">&lt;/</span><span class="nt">tbody</span><span class="p">&gt;</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="p">&lt;/</span><span class="nt">table</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="character-codes">Character Codes</h3>
+<table>
+<thead>
+<tr>
+<th>Code</th>
+<th>Character</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>&amp;copy;</code></td>
+<td>Copyright</td>
+</tr>
+<tr>
+<td><code>&amp;lt;</code></td>
+<td>less than (<code>&lt;</code>)</td>
+</tr>
+<tr>
+<td><code>&amp;gt;</code></td>
+<td>greater than (<code>&gt;</code>)</td>
+</tr>
+<tr>
+<td><code>&amp;amp;</code></td>
+<td>ampersand (<code>&amp;</code>)</td>
+</tr>
+</tbody>
+</table>
+<h3 id="block-element">Block Element</h3>
+<p>Used to group elements together into sections, eventually to style them differently.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a>    <span class="cm">&lt;!-- content here --&gt;</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inline-element">Inline Element</h3>
+<p>Used to apply a specific style inline.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span> non-styled content <span class="p">&lt;</span><span class="nt">span</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;...&quot;</span><span class="p">&gt;</span> styled content <span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span> non-styled content <span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="html5-new-tags">HTML5 new tags</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span>
+<span class="normal"><a href="#__codelineno-17-5">5</a></span>
+<span class="normal"><a href="#__codelineno-17-6">6</a></span>
+<span class="normal"><a href="#__codelineno-17-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="p">&lt;</span><span class="nt">header</span><span class="p">&gt;&lt;/</span><span class="nt">header</span><span class="p">&gt;</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="p">&lt;</span><span class="nt">nav</span><span class="p">&gt;&lt;/</span><span class="nt">nav</span><span class="p">&gt;</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="p">&lt;</span><span class="nt">main</span><span class="p">&gt;&lt;/</span><span class="nt">main</span><span class="p">&gt;</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="p">&lt;</span><span class="nt">section</span><span class="p">&gt;&lt;/</span><span class="nt">section</span><span class="p">&gt;</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="p">&lt;</span><span class="nt">article</span><span class="p">&gt;&lt;/</span><span class="nt">article</span><span class="p">&gt;</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="p">&lt;</span><span class="nt">aside</span><span class="p">&gt;&lt;/</span><span class="nt">aside</span><span class="p">&gt;</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="p">&lt;</span><span class="nt">footer</span><span class="p">&gt;&lt;/</span><span class="nt">footer</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="html-forms-inputs">HTML Forms &amp; Inputs</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="p">&lt;</span><span class="nt">form</span> <span class="na">action</span><span class="o">=</span><span class="s">&quot;data-receiver&quot;</span> <span class="na">target</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">method</span><span class="o">=</span><span class="s">&quot;http-method&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a>    <span class="cm">&lt;!-- ALL form elements go here --&gt;</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>Target:</p>
+<ul>
+<li><code>_blank</code>: submitted result will open in a new browser tab</li>
+<li><code>_self</code>: submitted result will open in the same page (<em>default</em>)</li>
+</ul>
+<p>Method:</p>
+<ul>
+<li><code>get</code>: data sent via get method is visible in the browser's address bar</li>
+<li><code>post</code>: data sent via post in not visible to the user</li>
+</ul>
+<p>PROs &amp; CONs of <code>GET</code> method:</p>
+<ul>
+<li>Data sent by the GET method is displayed in the URL</li>
+<li>It is possible to bookmark the page with specific query string values</li>
+<li>Not suitable for passing sensitive information such as the username and password</li>
+<li>The length of the URL is limited</li>
+</ul>
+<p>PROs &amp; CONs of <code>POST</code> method:</p>
+<ul>
+<li>More secure than GET; information is never visible in the URL query string or in the server logs</li>
+<li>Has a much larger limit on the amount of data that can be sent</li>
+<li>Can send text data as well as binary data (uploading a file)</li>
+<li>Not possible to bookmark the page with the query</li>
+</ul>
+<h3 id="basic-form-elements">Basic Form Elements</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-19-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-19-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-19-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-19-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-19-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-19-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-19-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-19-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-19-10">10</a></span>
+<span class="normal"><a href="#__codelineno-19-11">11</a></span>
+<span class="normal"><a href="#__codelineno-19-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="p">&lt;</span><span class="nt">form</span> <span class="na">action</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">method</span><span class="o">=</span><span class="s">&quot;&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a>    <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;target-identifier&quot;</span><span class="p">&gt;</span>label-here<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;input-type&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;input-name&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value-sent&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;target-identifier&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="cm">&lt;!-- SAME AS --&gt;</span>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="p">&lt;</span><span class="nt">form</span><span class="p">&gt;</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a>    <span class="p">&lt;</span><span class="nt">label</span><span class="p">&gt;</span>Label:
+<a id="__codelineno-19-10" name="__codelineno-19-10"></a>        <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;input-type&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;input-name&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value-sent&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;target-identifier&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-19-11" name="__codelineno-19-11"></a>    <span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span>
+<a id="__codelineno-19-12" name="__codelineno-19-12"></a><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: The <code>&lt;label&gt;</code> tag is used to define the labels for <code>&lt;input&gt;</code> elements.</p>
+</blockquote>
+<p>Input Attributes:</p>
+<ul>
+<li><code>name</code>: assigns a name to the form control (used by JavaScript and queries)</li>
+<li><code>value</code>: value to be sent to the server when the option is selected</li>
+<li><code>id</code>: identifier for CSS and linking tags</li>
+<li><code>checked</code>: initially selected or not (radiobutton, checkboxes, ...)</li>
+<li><code>selected</code>: default selection of a dropdown</li>
+</ul>
+<h3 id="text-field">Text Field</h3>
+<p>One line areas that allow the user to input text.  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text&quot;</span> <span class="na">placeholder</span><span class="o">=</span><span class="s">&quot;placeholder-text&quot;</span> <span class="na">spellcheck</span><span class="o">=</span><span class="s">&quot;true&quot;</span> <span class="na">pattern</span><span class="o">=</span><span class="s">&quot;\regex\&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Text inputs can display a placeholder text that will disappear as soon as some text is entered</p>
+</blockquote>
+<h3 id="password-field">Password Field</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;password&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="radio-buttons">Radio Buttons</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;radio&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;radio&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value&quot;</span> <span class="na">checked</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="checkboxes">Checkboxes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;checkbox&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;checkbox&quot;</span> <span class="na">checked</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dropdown-menus">Dropdown Menus</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span>
+<span class="normal"><a href="#__codelineno-24-4">4</a></span>
+<span class="normal"><a href="#__codelineno-24-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="p">&lt;</span><span class="nt">select</span> <span class="na">multiple</span><span class="p">&gt;</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a>    <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value&quot;</span><span class="p">&gt;</span>Value<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a>    <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value&quot;</span><span class="p">&gt;</span>Value<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a>    <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value&quot;</span> <span class="na">selected</span><span class="p">&gt;</span>Value<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="p">&lt;/</span><span class="nt">select</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>Use <code>&lt;select&gt;</code> rather than radio buttons when the number of options to choose from is large
+<code>selected</code> is used rather than checked.<br />
+Provides the ability to select multiple options.<br />
+Conceptually, <code>&lt;select&gt;</code> becomes more similar to checkboxes.</p>
+<h3 id="file-select">File Select</h3>
+<p>Upload a local file as an attachment. The <code>accept</code> attribute value is a string that defines the file types the file input should accept.<br />
+This string is a comma-separated list of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers">unique file type specifiers</a>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;file&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;filename&quot;</span> <span class="na">accept</span><span class="o">=</span><span class="s">&quot;.txt,application/json,audio/*&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="text-area">Text Area</h3>
+<p>Multi line text input.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="p">&lt;</span><span class="nt">textarea</span> <span class="na">rows</span><span class="o">=</span><span class="s">&quot;row-number&quot;</span> <span class="na">cols</span><span class="o">=</span><span class="s">&quot;column-number&quot;</span> <span class="p">&gt;</span>pre-existing editable test<span class="p">&lt;/</span><span class="nt">textarea</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="submit-reset">Submit &amp; Reset</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;submit&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;label&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;reset&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;label&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="cm">&lt;!-- OR --&gt;</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="p">&lt;</span><span class="nt">button</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;submit&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;label&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="p">&lt;</span><span class="nt">button</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;reset&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;label&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p><code>submit</code>: sends the form data to the location specified in the action attribute.<br />
+<code>reset</code>: resets all forms controls to the default values.</p>
+<h3 id="button">Button</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="p">&lt;</span><span class="nt">button</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;button/reset/submit&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;label&quot;</span><span class="p">/&gt;</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="cm">&lt;!-- can contain HTML --&gt;</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="p">&lt;</span><span class="nt">button</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;button/reset/submit&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;lebel&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">button</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="fieldset">Fieldset</h3>
+<p>Group controls into categories. Particularly important for screen readers.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span>
+<span class="normal"><a href="#__codelineno-29-6">6</a></span>
+<span class="normal"><a href="#__codelineno-29-7">7</a></span>
+<span class="normal"><a href="#__codelineno-29-8">8</a></span>
+<span class="normal"><a href="#__codelineno-29-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="p">&lt;</span><span class="nt">fieldset</span><span class="p">&gt;</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a>    <span class="p">&lt;</span><span class="nt">legend</span><span class="p">&gt;</span>Color<span class="p">&lt;/</span><span class="nt">legend</span><span class="p">&gt;</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;radio&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;colour&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;red&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;colour_red&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a>    <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;colour_red&quot;</span><span class="p">&gt;</span>Red<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;radio&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;colour&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;green&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;colour_green&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-29-6" name="__codelineno-29-6"></a>    <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;colour_green&quot;</span><span class="p">&gt;</span>Green<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span>
+<a id="__codelineno-29-7" name="__codelineno-29-7"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;radio&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;colour&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;blue&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;colour_blue&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-29-8" name="__codelineno-29-8"></a>    <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;colour_blue&quot;</span><span class="p">&gt;</span>Red<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span>
+<a id="__codelineno-29-9" name="__codelineno-29-9"></a><span class="p">&lt;/</span><span class="nt">fieldset</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="email-field">Email Field</h3>
+<p>Used to receive a valid e-mail address from the user. Most browsers can validate this without needing javascript.
+Older browsers don't support this input type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="p">&lt;</span><span class="nt">form</span><span class="p">&gt;</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a>    <span class="p">&lt;</span><span class="nt">label</span> <span class="na">for</span><span class="o">=</span><span class="s">&quot;user-email&quot;</span><span class="p">&gt;</span>Email:<span class="p">&lt;/</span><span class="nt">label</span><span class="p">&gt;</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;email&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;user-email&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;form-email&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a>    <span class="p">&lt;</span><span class="nt">button</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;submit&quot;</span><span class="p">&gt;</span>Send<span class="p">&lt;/</span><span class="nt">button</span><span class="p">&gt;</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="progress-bar">Progress Bar</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="p">&lt;</span><span class="nt">progress</span> <span class="na">max</span><span class="o">=</span><span class="s">&quot;100&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;70&quot;</span><span class="p">&gt;</span> 70% <span class="p">&lt;/</span><span class="nt">progress</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="slider">Slider</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;range&quot;</span> <span class="na">min</span><span class="o">=</span><span class="s">&quot;0&quot;</span> <span class="na">max</span><span class="o">=</span><span class="s">&quot;20&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="meter">Meter</h3>
+<p>The <code>&lt;meter&gt;</code> HTML element represents either a scalar value within a known range or a fractional value.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="p">&lt;</span><span class="nt">meter</span> <span class="na">min</span><span class="o">=</span><span class="s">&quot;0&quot;</span> <span class="na">max</span><span class="o">=</span><span class="s">&quot;100&quot;</span> <span class="na">low</span><span class="o">=</span><span class="s">&quot;33&quot;</span> <span class="na">high</span><span class="o">=</span><span class="s">&quot;66&quot;</span> <span class="na">optimum</span><span class="o">=</span><span class="s">&quot;80&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;50&quot;</span><span class="p">&gt;</span>current value<span class="p">&lt;/</span><span class="nt">meter</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="datalist-autocomplete">Datalist (Autocomplete)</h3>
+<p>The <code>datalist</code> HTML element can provide suggestions to an input that targets it's <code>id</code> with the <code>list</code> attribute.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span>
+<span class="normal"><a href="#__codelineno-34-3">3</a></span>
+<span class="normal"><a href="#__codelineno-34-4">4</a></span>
+<span class="normal"><a href="#__codelineno-34-5">5</a></span>
+<span class="normal"><a href="#__codelineno-34-6">6</a></span>
+<span class="normal"><a href="#__codelineno-34-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">list</span><span class="o">=</span><span class="s">&quot;items&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="p">&lt;</span><span class="nt">datalist</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;items&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a>    <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value-1&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a>    <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value-2&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-34-6" name="__codelineno-34-6"></a>    <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;value-3&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-34-7" name="__codelineno-34-7"></a><span class="p">&lt;/</span><span class="nt">datalist</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="more-input-types">More Input Types</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1">1</a></span>
+<span class="normal"><a href="#__codelineno-35-2">2</a></span>
+<span class="normal"><a href="#__codelineno-35-3">3</a></span>
+<span class="normal"><a href="#__codelineno-35-4">4</a></span>
+<span class="normal"><a href="#__codelineno-35-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;email&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;email&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;email&quot;</span> <span class="p">/&gt;</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;url&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;url&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;url&quot;</span> <span class="p">/&gt;</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;number&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;identifier&quot;</span> <span class="na">min</span><span class="o">=</span><span class="s">&quot;min-value&quot;</span> <span class="na">max</span><span class="o">=</span><span class="s">&quot;max-value&quot;</span> <span class="na">step</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="p">/&gt;</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;search&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;identifier&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;color&quot;</span> <span class="p">/&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="using-built-in-form-validation"><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation">Using Built-In Form Validation</a></h3>
+<p>One of the most significant features of HTML5 form controls is the ability to validate most user data without relying on JavaScript.<br />
+This is done by using validation attributes on form elements.</p>
+<ul>
+<li><code>required</code>: Specifies whether a form field needs to be filled in before the form can be submitted.</li>
+<li><code>minlength</code>, <code>maxlength</code>: Specifies the minimum and maximum length of textual data (strings)</li>
+<li><code>min</code>, <code>max</code>: Specifies the minimum and maximum values of numerical input types</li>
+<li><code>type</code>: Specifies whether the data needs to be a number, an email address, or some other specific preset type.</li>
+<li><code>pattern</code>: Specifies a regular expression that defines a pattern the entered data needs to follow.</li>
+</ul>
+<p>If the data entered in an form field follows all of the rules specified by the above attributes, it is considered valid. If not, it is considered invalid.</p>
+<p>When an element is valid, the following things are true:</p>
+<ul>
+<li>The element matches the <code>:valid</code> CSS <em>pseudo-class</em>, which lets you apply a specific style to valid elements.</li>
+<li>If the user tries to send the data, the browser will submit the form, provided there is nothing else stopping it from doing so (e.g. JavaScript).</li>
+</ul>
+<p>When an element is invalid, the following things are true:</p>
+<ul>
+<li>The element matches the <code>:invalid</code> CSS <em>pseudo-class</em>, and sometimes other UI <em>pseudo-classes</em> (e.g. <code>:out-of-range</code>) depending on the error, which lets you apply a specific style to invalid elements.</li>
+<li>If the user tries to send the data, the browser will block the form and display an error message.</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../../databases/mongo-db.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: MongoDB">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                MongoDB
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../markdown.html" class="md-footer__link md-footer__link--next" aria-label="Next: Markdown">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Markdown
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/java/dao.html b/languages/java/dao.html
new file mode 100644
index 0000000..ea4bf97
--- /dev/null
+++ b/languages/java/dao.html
@@ -0,0 +1,4382 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/java/dao.html">
+      
+      
+        <link rel="prev" href="java-collection-framework.html">
+      
+      
+        <link rel="next" href="web/servlet.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>DAO - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="DAO - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/dao.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/java/dao.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="DAO - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/dao.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#database-access-object" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              DAO
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="dao.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#db" class="md-nav__link">
+    <span class="md-ellipsis">
+      DB
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#itypedao" class="md-nav__link">
+    <span class="md-ellipsis">
+      I&lt;Type&gt;DAO
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#typedao" class="md-nav__link">
+    <span class="md-ellipsis">
+      &lt;Type&gt;DAO
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#db" class="md-nav__link">
+    <span class="md-ellipsis">
+      DB
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#itypedao" class="md-nav__link">
+    <span class="md-ellipsis">
+      I&lt;Type&gt;DAO
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#typedao" class="md-nav__link">
+    <span class="md-ellipsis">
+      &lt;Type&gt;DAO
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="database-access-object">Database Access Object</h1>
+<h2 id="db">DB</h2>
+<p>Connection to the DB.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span>
+<span class="normal"><a href="#__codelineno-0-40">40</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">package</span><span class="w"> </span><span class="nn">dao</span><span class="p">;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.Connection</span><span class="p">;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.DriverManager</span><span class="p">;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.SQLException</span><span class="p">;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">DB</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">Connection</span><span class="w"> </span><span class="n">conn</span><span class="p">;</span><span class="w">  </span><span class="c1">// db connection obj</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="kd">final</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="n">URL</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;jdbc:&lt;dbms&gt;:&lt;db_url&gt;/&lt;database&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="kd">final</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="n">USER</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="kd">final</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="n">PWD</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">DB</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="na">conn</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span><span class="p">;</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">connect</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">        </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="w">            </span><span class="k">this</span><span class="p">.</span><span class="na">conn</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">DriverManager</span><span class="p">.</span><span class="na">getConnection</span><span class="p">(</span><span class="n">URL</span><span class="p">,</span><span class="w"> </span><span class="n">USER</span><span class="p">,</span><span class="w"> </span><span class="n">PWD</span><span class="p">);</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SQLException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="w">            </span><span class="n">e</span><span class="p">.</span><span class="na">printStackTrace</span><span class="p">();</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">disconnect</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a><span class="w">        </span><span class="k">if</span><span class="p">(</span><span class="n">conn</span><span class="w"> </span><span class="o">!=</span><span class="w"> </span><span class="kc">null</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="w">            </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="w">                </span><span class="k">this</span><span class="p">.</span><span class="na">conn</span><span class="p">.</span><span class="na">close</span><span class="p">();</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a><span class="w">            </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SQLException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="w">                </span><span class="n">e</span><span class="p">.</span><span class="na">printStackTrace</span><span class="p">();</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="w">            </span><span class="p">}</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">Connection</span><span class="w"> </span><span class="nf">getConn</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">conn</span><span class="p">;</span>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-40" name="__codelineno-0-40"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="itypedao"><code>I&lt;Type&gt;DAO</code></h2>
+<p>Interface for CRUD methods on a database.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kn">package</span><span class="w"> </span><span class="nn">dao</span><span class="p">;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.SQLException</span><span class="p">;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.util.List</span><span class="p">;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">I</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="n">DAO</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="w">    </span><span class="n">String</span><span class="w"> </span><span class="n">RAW_QUERY</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;SELECT * ...&quot;</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Query</span><span class="p">()</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">SQLException</span><span class="p">;</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="typedao"><code>&lt;Type&gt;DAO</code></h2>
+<p>Class implementing <code>I&lt;Type&gt;DAO</code> and handling the communication with the db.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span>
+<span class="normal"><a href="#__codelineno-2-27">27</a></span>
+<span class="normal"><a href="#__codelineno-2-28">28</a></span>
+<span class="normal"><a href="#__codelineno-2-29">29</a></span>
+<span class="normal"><a href="#__codelineno-2-30">30</a></span>
+<span class="normal"><a href="#__codelineno-2-31">31</a></span>
+<span class="normal"><a href="#__codelineno-2-32">32</a></span>
+<span class="normal"><a href="#__codelineno-2-33">33</a></span>
+<span class="normal"><a href="#__codelineno-2-34">34</a></span>
+<span class="normal"><a href="#__codelineno-2-35">35</a></span>
+<span class="normal"><a href="#__codelineno-2-36">36</a></span>
+<span class="normal"><a href="#__codelineno-2-37">37</a></span>
+<span class="normal"><a href="#__codelineno-2-38">38</a></span>
+<span class="normal"><a href="#__codelineno-2-39">39</a></span>
+<span class="normal"><a href="#__codelineno-2-40">40</a></span>
+<span class="normal"><a href="#__codelineno-2-41">41</a></span>
+<span class="normal"><a href="#__codelineno-2-42">42</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kn">package</span><span class="w"> </span><span class="nn">dao</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.ResultSet</span><span class="p">;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.SQLException</span><span class="p">;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.sql.Statement</span><span class="p">;</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="err">&lt;</span><span class="nc">Type</span><span class="o">&gt;</span><span class="n">DAO</span><span class="w"> </span><span class="kd">implements</span><span class="w"> </span><span class="n">I</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="n">DAO</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">results</span><span class="p">;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">Statement</span><span class="w"> </span><span class="n">statement</span><span class="p">;</span><span class="w">  </span><span class="c1">// SQL instruction container</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">ResultSet</span><span class="w"> </span><span class="n">rs</span><span class="p">;</span><span class="w">  </span><span class="c1">// Query results container</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">DB</span><span class="w"> </span><span class="n">db</span><span class="p">;</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="n">DAO</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="w">        </span><span class="n">db</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">DB</span><span class="p">();</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">Query</span><span class="p">()</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">SQLException</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="w">        </span><span class="c1">// 1. connection</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="w">        </span><span class="n">db</span><span class="p">.</span><span class="na">connect</span><span class="p">();</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="w">        </span><span class="c1">// 2. instruction</span>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="w">        </span><span class="n">statement</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">db</span><span class="p">.</span><span class="na">getConn</span><span class="p">().</span><span class="na">createStatement</span><span class="p">();</span><span class="w">  </span><span class="c1">// statement creation</span>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a>
+<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="w">        </span><span class="c1">// 3. query</span>
+<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="w">        </span><span class="n">rs</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">statement</span><span class="p">.</span><span class="na">executeQuery</span><span class="p">(</span><span class="n">RAW_QUERY</span><span class="p">);</span><span class="w">  </span><span class="c1">// set the query</span>
+<a id="__codelineno-2-29" name="__codelineno-2-29"></a>
+<a id="__codelineno-2-30" name="__codelineno-2-30"></a><span class="w">        </span><span class="c1">// 4. results</span>
+<a id="__codelineno-2-31" name="__codelineno-2-31"></a><span class="w">        </span><span class="k">while</span><span class="p">(</span><span class="n">rs</span><span class="p">.</span><span class="na">next</span><span class="p">())</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-32" name="__codelineno-2-32"></a><span class="w">            </span><span class="c1">// create and valorize Obj</span>
+<a id="__codelineno-2-33" name="__codelineno-2-33"></a><span class="w">            </span><span class="c1">// add to results</span>
+<a id="__codelineno-2-34" name="__codelineno-2-34"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-2-35" name="__codelineno-2-35"></a>
+<a id="__codelineno-2-36" name="__codelineno-2-36"></a><span class="w">        </span><span class="c1">// 5. disconnection</span>
+<a id="__codelineno-2-37" name="__codelineno-2-37"></a><span class="w">        </span><span class="n">db</span><span class="p">.</span><span class="na">disconnect</span><span class="p">()</span>
+<a id="__codelineno-2-38" name="__codelineno-2-38"></a>
+<a id="__codelineno-2-39" name="__codelineno-2-39"></a><span class="w">        </span><span class="c1">// 6. return results</span>
+<a id="__codelineno-2-40" name="__codelineno-2-40"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">results</span><span class="p">;</span>
+<a id="__codelineno-2-41" name="__codelineno-2-41"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-2-42" name="__codelineno-2-42"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="java-collection-framework.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Java Collection Framework">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Java Collection Framework
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="web/servlet.html" class="md-footer__link md-footer__link--next" aria-label="Next: Serverlet">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Serverlet
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/java/java-collection-framework.html b/languages/java/java-collection-framework.html
new file mode 100644
index 0000000..33ed1ef
--- /dev/null
+++ b/languages/java/java-collection-framework.html
@@ -0,0 +1,4417 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/java/java-collection-framework.html">
+      
+      
+        <link rel="prev" href="java.html">
+      
+      
+        <link rel="next" href="dao.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Java Collection Framework - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Java Collection Framework - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/java-collection-framework.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/java/java-collection-framework.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Java Collection Framework - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/java-collection-framework.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#java-collection-framework-jcf" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Java Collection Framework
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="java-collection-framework.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#javautilcollections" class="md-nav__link">
+    <span class="md-ellipsis">
+      java.util.Collections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="java.util.Collections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#collection-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collection Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#collections-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collections Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#iterator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arraylist" class="md-nav__link">
+    <span class="md-ellipsis">
+      ArrayList
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#collection-sorting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collection Sorting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#javautilcollections" class="md-nav__link">
+    <span class="md-ellipsis">
+      java.util.Collections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="java.util.Collections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#collection-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collection Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#collections-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collections Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#iterator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arraylist" class="md-nav__link">
+    <span class="md-ellipsis">
+      ArrayList
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#collection-sorting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collection Sorting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="java-collection-framework-jcf">Java Collection Framework - JCF</h1>
+<p>All classes that permit the handling of groups of objects constitute the Java Collection Framework.</p>
+<p>A Collection is a <em>container</em> in which several objects are grouped in a <em>single entity</em>.</p>
+<p>The <strong>Java Collection Framework</strong> is constituted by:</p>
+<ul>
+<li><strong>Interfaces</strong> the define the operations of a generic collection. They can be split into two categories:</li>
+<li><strong>Collection</strong>: used to optimize operations of insertion, modification and deletion of elements in a group of objects.</li>
+<li><strong>Map</strong>: optimized for look-up operations.</li>
+<li><strong>Classes</strong> that implement the interfaces using different data structures.</li>
+<li><strong>Algorithms</strong> consisting in methods to operate over a collection.</li>
+</ul>
+<p><img alt="Java Collection Hierarchy" src="../../img/java_java-collection-framework.avif" title="Java Collection Hierarchy" /></p>
+<h2 id="javautilcollections">java.util.Collections</h2>
+<h3 id="collection-functions">Collection Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">add</span><span class="w"> </span><span class="p">(</span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="p">)</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="na">g</span><span class="p">.,</span><span class="w"> </span><span class="o">&lt;</span><span class="n">x</span><span class="o">&gt;</span><span class="p">.</span><span class="na">add</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">y</span><span class="o">&gt;</span><span class="p">)</span><span class="w">    </span><span class="c1">//append to collection, false if fails</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">add</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="p">)</span><span class="w">    </span><span class="c1">//insertion at given index</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">addAll</span><span class="w"> </span><span class="p">(</span><span class="n">Collection</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w">    </span><span class="c1">//appends a collection to another</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="kt">void</span><span class="w"> </span><span class="nf">clear</span><span class="p">()</span><span class="w">     </span><span class="c1">//remove items from container</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">contains</span><span class="w"> </span><span class="p">(</span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="p">)</span><span class="w">    </span><span class="c1">//true if object is in collection</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">containsAll</span><span class="w"> </span><span class="p">(</span><span class="n">Collection</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w">    </span><span class="c1">//true if all items of collection are in another</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">isEmpty</span><span class="w"> </span><span class="p">(</span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="p">)</span><span class="w"> </span><span class="n">e</span><span class="p">.</span><span class="na">g</span><span class="p">.,</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">&lt;</span><span class="n">x</span><span class="o">&gt;</span><span class="p">.</span><span class="na">isEmpty</span><span class="p">())</span><span class="w"> </span><span class="p">...</span><span class="w">    </span><span class="c1">//true if collection is empty</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="kt">boolean</span><span class="w"> </span><span class="nf">remove</span><span class="w"> </span><span class="p">(</span><span class="n">Object</span><span class="w"> </span><span class="n">o</span><span class="p">)</span><span class="w">    </span><span class="c1">//remove object from collection</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="n">Object</span><span class="w"> </span><span class="nf">remove</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">index</span><span class="p">)</span><span class="w">    </span><span class="c1">//remove object at given index</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="kt">void</span><span class="w"> </span><span class="nf">removeAll</span><span class="w"> </span><span class="p">(</span><span class="n">Collection</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w">    </span><span class="c1">//remove all items form collection</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="kt">int</span><span class="w"> </span><span class="nf">size</span><span class="w"> </span><span class="p">()</span><span class="w">    </span><span class="c1">//number og items in collection</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="n">Object</span><span class="w"> </span><span class="o">[]</span><span class="w"> </span><span class="n">toArray</span><span class="p">()</span><span class="w">    </span><span class="c1">//transform collection in array</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="n">Iterator</span><span class="w"> </span><span class="nf">iterator</span><span class="p">()</span><span class="w">    </span><span class="c1">//returns iterator to iterate over the collection</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="collections-methods">Collections Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">Collection</span><span class="o">&lt;</span><span class="n">E</span><span class="o">&gt;</span><span class="p">.</span><span class="na">forEach</span><span class="p">(</span><span class="n">Consumer</span><span class="o">&lt;?</span><span class="w"> </span><span class="kd">super</span><span class="w"> </span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">action</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="iterator">Iterator</h3>
+<p>Abstracts the problem of iterating over all the elements of a collection;</p>
+<ul>
+<li><code>public Iterator (Collection c)</code> creates the Iterator</li>
+<li><code>public boolean hasNext()</code> checks if there is a successive element</li>
+<li><code>public Object next()</code> extracts the successive element</li>
+</ul>
+<h3 id="arraylist">ArrayList</h3>
+<p><strong>Note</strong>: ArrayLists can't contain <em>primitive</em> values. <em>Use wrapper classes</em> instead.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.util.ArrayList</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">ArrayList</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ArrayListName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ArrayList</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">(</span><span class="n">starting_dim</span><span class="p">);</span><span class="w">    </span><span class="c1">//resizable array</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">ArrayList</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ArrayListName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ArrayList</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">();</span><span class="w">    </span><span class="c1">//resizable array</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="n">ArrayList</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ArrayListName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ArrayList</span><span class="o">&lt;&gt;</span><span class="p">();</span><span class="w">    </span><span class="c1">//resizable array (JAVA 1.8+)</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">add</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w">    </span><span class="c1">//append item to collection</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">add</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// add item at position index, shift all item from index and successive towards the end af the ArrayList</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">set</span><span class="p">(</span><span class="n">index</span><span class="p">,</span><span class="w"> </span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// substitute EXISTING item</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">get</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w">    </span><span class="c1">//access to collection item</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">remove</span><span class="p">(</span><span class="n">item</span><span class="p">)</span><span class="w">    </span><span class="c1">//remove first occurrence of item from collection</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">remove</span><span class="p">(</span><span class="n">index</span><span class="p">)</span><span class="w">    </span><span class="c1">//remove item at position index</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">clear</span><span class="p">()</span><span class="w">    </span><span class="c1">//empties the ArrayList</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">contains</span><span class="p">(</span><span class="n">object</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if object is in the ArrayList</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">IndexOf</span><span class="p">(</span><span class="n">object</span><span class="p">);</span><span class="w">  </span><span class="c1">// returns the index of the object</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">isEmpty</span><span class="p">();</span><span class="w">  </span><span class="c1">// check wether the list is empty</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">size</span><span class="p">();</span><span class="w">    </span><span class="c1">//dimension of the ArrayList</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">tirmToSize</span><span class="p">();</span><span class="w">  </span><span class="c1">// reduce ArrayList size to minimum needed</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="c1">// ArrayList size doubles when a resize is needed.</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="c1">//run through to the collection with functional programming (JAVA 1.8+)</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="n">ArrayListName</span><span class="p">.</span><span class="na">forEach</span><span class="p">(</span><span class="n">item</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">function</span><span class="p">(</span><span class="n">v</span><span class="p">));</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="collection-sorting">Collection Sorting</h3>
+<p>To sort a collection it's items must implement <code>Comparable&lt;T&gt;</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">class</span> <span class="nc">ClassName</span><span class="w"> </span><span class="kd">implements</span><span class="w"> </span><span class="n">Comparable</span><span class="o">&lt;</span><span class="n">ClassName</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="nd">@override</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="nf">compareTo</span><span class="p">(</span><span class="n">Classname</span><span class="w"> </span><span class="n">other</span><span class="p">){</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">        </span><span class="c1">//compare logic</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="p">}</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="n">List</span><span class="o">&lt;</span><span class="n">ClassName</span><span class="o">&gt;</span><span class="w"> </span><span class="n">list</span><span class="p">;</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="c1">//valorize List</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="n">Collections</span><span class="p">.</span><span class="na">sort</span><span class="p">(</span><span class="n">list</span><span class="p">);</span><span class="w">    </span><span class="c1">//&quot;natural&quot; sorting uses compareTo()</span>
+</code></pre></div></td></tr></table></div>
+<p>Otherwise a <code>Comparator()</code> must be implemented:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kd">class</span> <span class="nc">Classname</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">}</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="c1">// Interface object (!) implements directly a method</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="n">Comparator</span><span class="o">&lt;</span><span class="n">ClassName</span><span class="o">&gt;</span><span class="w"> </span><span class="n">comparator</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Comparator</span><span class="o">&lt;</span><span class="n">ClassName</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="nf">compare</span><span class="p">(</span><span class="n">ClassName</span><span class="w"> </span><span class="n">o1</span><span class="p">,</span><span class="w"> </span><span class="n">Classname</span><span class="w"> </span><span class="n">o2</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">        </span><span class="c1">//compare logic</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="p">};</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="n">List</span><span class="o">&lt;</span><span class="n">ClassName</span><span class="o">&gt;</span><span class="w"> </span><span class="n">list</span><span class="p">;</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="c1">//valorize List</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a><span class="n">Collections</span><span class="p">.</span><span class="na">sort</span><span class="p">(</span><span class="n">list</span><span class="p">,</span><span class="w"> </span><span class="n">comparator</span><span class="p">);</span><span class="w">    </span><span class="c1">//&quot;natural&quot; sorting uses compareTo()</span>
+</code></pre></div></td></tr></table></div>
+<p><code>Comparator&lt;T&gt;</code> and <code>Comparable&lt;T&gt;</code> are functional interfaces</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="java.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Java">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Java
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="dao.html" class="md-footer__link md-footer__link--next" aria-label="Next: DAO">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                DAO
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/java/java.html b/languages/java/java.html
new file mode 100644
index 0000000..5563555
--- /dev/null
+++ b/languages/java/java.html
@@ -0,0 +1,7640 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/java/java.html">
+      
+      
+        <link rel="prev" href="../dotnet/database/entity-framework.html">
+      
+      
+        <link rel="next" href="java-collection-framework.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Java - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Java - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/java.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/java/java.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Java - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/java.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#java" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Java
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="java.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#main-method-entry-point-of-algorithm" class="md-nav__link">
+    <span class="md-ellipsis">
+      Main Method (entry point of algorithm)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constant-definition-outside-of-main-methodfunction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Definition (outside of main method/function)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constant-definition-inside-main-methodfunction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Definition (inside main method/function)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#output-formatting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Output Formatting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#keyboard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Keyboard Input
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Keyboard Input">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#primitive-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Primitive Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-numbers-precision-calcs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating-Point numbers &amp; Precision Calcs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-conversion-casting-type-checking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Conversion (casting) &amp; Type checking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#wrapper-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Wrapper Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-char" class="md-nav__link">
+    <span class="md-ellipsis">
+      String &amp; Char
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#special-characters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Characters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-concatenation" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Concatenation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-conversion-to-number" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Conversion to Number
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-class-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Class Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-assignment-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compound Assignment Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-precedence" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Precedence
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#short-circuit-evaluation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Short Circuit Evaluation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If, Else If, Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loop-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loop Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loop Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#do-while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#foreach-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Foreach Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-iterators-in-for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple iterators in For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#forced-program-termination" class="md-nav__link">
+    <span class="md-ellipsis">
+      Forced Program Termination
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assertion-checks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assertion Checks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#static-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Static Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#static-void-method-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Void Method Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-method-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Method Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-method-invocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Method Invocation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Declaration
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-creation-by-initialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Creation by Initialization
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Array Creation by Initialization">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arrays-as-method-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays as method parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#equality-of-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Equality of Arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods-returning-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods returning Arrays
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variable-numbers-of-parameters-in-a-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable numbers of parameters in a method
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variable numbers of parameters in a method">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi-Dimensional Arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-arrays-as-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi-Dimensional Arrays as parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods-returning-multi-dimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods returning multi-dimensional arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-length-of-multi-dimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Length of multi-dimensional arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#irregular-table-visualization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Irregular Table Visualization
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#recursion-guidelines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Recursion Guidelines
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Exception Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#try-catch-finally" class="md-nav__link">
+    <span class="md-ellipsis">
+      Try-Catch-Finally
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#try-with-resources" class="md-nav__link">
+    <span class="md-ellipsis">
+      Try with Resources
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#throw-throws" class="md-nav__link">
+    <span class="md-ellipsis">
+      Throw &amp; Throws
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#defining-personalized-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Defining Personalized Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#access-modifiers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Access Modifiers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#instance-method-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Instance Method Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#void-instance-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      Void Instance Method
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#this-identifier" class="md-nav__link">
+    <span class="md-ellipsis">
+      This identifier
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#classes-and-reference-addresses" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes and Reference Addresses
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constructors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constructors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#getters-setter-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Getters &amp; Setter Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tostring-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      ToString() Method
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-methods-in-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Methods in Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#method-overloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Method Overloading
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance-method-overriding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance &amp; Method Overriding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#abstract-classes-abstract-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Abstract Classes &amp; Abstract Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interfaces
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enumerations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enumerations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cloning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cloning
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Generics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Generics
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameters-constraints" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameters Constraints
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generic-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generic Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-io" class="md-nav__link">
+    <span class="md-ellipsis">
+      File I/O
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File I/O">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#text-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Text Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#writing-on-a-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing on a file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-from-a-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading from a file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      File() class
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#binary-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Binary Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Binary Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#writing-to-a-binary-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing to a binary file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-from-a-binary-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading from a binary file
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#object-array-io-with-binary-files-serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object &amp; Array I/O with Binary Files (Serialization)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functional-programming-in-java" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functional Programming in Java
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functional Programming in Java">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#functional-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functional Interfaces
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#streams" class="md-nav__link">
+    <span class="md-ellipsis">
+      Streams
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lambda-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lambda Expressions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#main-method-entry-point-of-algorithm" class="md-nav__link">
+    <span class="md-ellipsis">
+      Main Method (entry point of algorithm)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constant-definition-outside-of-main-methodfunction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Definition (outside of main method/function)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constant-definition-inside-main-methodfunction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constant Definition (inside main method/function)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#output-formatting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Output Formatting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#keyboard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Keyboard Input
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Keyboard Input">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#primitive-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Primitive Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-numbers-precision-calcs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating-Point numbers &amp; Precision Calcs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-conversion-casting-type-checking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Conversion (casting) &amp; Type checking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#wrapper-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Wrapper Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-char" class="md-nav__link">
+    <span class="md-ellipsis">
+      String &amp; Char
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#special-characters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Characters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-concatenation" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Concatenation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-conversion-to-number" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Conversion to Number
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-class-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Class Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arithmetic-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arithmetic Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-assignment-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compound Assignment Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-precedence" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Precedence
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#short-circuit-evaluation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Short Circuit Evaluation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If, Else If, Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loop-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loop Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loop Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#do-while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#foreach-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Foreach Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-iterators-in-for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple iterators in For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#forced-program-termination" class="md-nav__link">
+    <span class="md-ellipsis">
+      Forced Program Termination
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assertion-checks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assertion Checks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#static-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Static Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#static-void-method-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Void Method Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-method-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Method Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-method-invocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Method Invocation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Declaration
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-creation-by-initialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Creation by Initialization
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Array Creation by Initialization">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arrays-as-method-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays as method parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#equality-of-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Equality of Arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods-returning-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods returning Arrays
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variable-numbers-of-parameters-in-a-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable numbers of parameters in a method
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variable numbers of parameters in a method">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi-Dimensional Arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-arrays-as-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi-Dimensional Arrays as parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#methods-returning-multi-dimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods returning multi-dimensional arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-length-of-multi-dimensional-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Length of multi-dimensional arrays
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#irregular-table-visualization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Irregular Table Visualization
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#recursion-guidelines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Recursion Guidelines
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Exception Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#try-catch-finally" class="md-nav__link">
+    <span class="md-ellipsis">
+      Try-Catch-Finally
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#try-with-resources" class="md-nav__link">
+    <span class="md-ellipsis">
+      Try with Resources
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#throw-throws" class="md-nav__link">
+    <span class="md-ellipsis">
+      Throw &amp; Throws
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#defining-personalized-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Defining Personalized Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#access-modifiers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Access Modifiers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#instance-method-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Instance Method Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#void-instance-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      Void Instance Method
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#this-identifier" class="md-nav__link">
+    <span class="md-ellipsis">
+      This identifier
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#classes-and-reference-addresses" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes and Reference Addresses
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constructors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constructors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#getters-setter-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Getters &amp; Setter Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tostring-method" class="md-nav__link">
+    <span class="md-ellipsis">
+      ToString() Method
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-methods-in-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static Methods in Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#method-overloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Method Overloading
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance-method-overriding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance &amp; Method Overriding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#abstract-classes-abstract-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Abstract Classes &amp; Abstract Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interfaces
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enumerations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enumerations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cloning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cloning
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Generics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-generics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Generics
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameters-constraints" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameters Constraints
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generic-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generic Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-io" class="md-nav__link">
+    <span class="md-ellipsis">
+      File I/O
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File I/O">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#text-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Text Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#writing-on-a-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing on a file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-from-a-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading from a file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      File() class
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#binary-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Binary Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Binary Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#writing-to-a-binary-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing to a binary file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-from-a-binary-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading from a binary file
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#object-array-io-with-binary-files-serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object &amp; Array I/O with Binary Files (Serialization)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functional-programming-in-java" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functional Programming in Java
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functional Programming in Java">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#functional-interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functional Interfaces
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#streams" class="md-nav__link">
+    <span class="md-ellipsis">
+      Streams
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lambda-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lambda Expressions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="java">Java</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">//single line comment</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="cm">/* multi line comment */</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="cm">/** javaDoc docstring */</span>
+</code></pre></div></td></tr></table></div>
+<table>
+<thead>
+<tr>
+<th>Java element</th>
+<th>Case</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>package</td>
+<td>lowercase</td>
+</tr>
+<tr>
+<td>class</td>
+<td>PascalCase</td>
+</tr>
+<tr>
+<td>variable</td>
+<td>camelCase</td>
+</tr>
+<tr>
+<td>method</td>
+<td>camelCase</td>
+</tr>
+</tbody>
+</table>
+<h2 id="basics">Basics</h2>
+<p>Package definition: <code>package &lt;package_location&gt;;</code></p>
+<h3 id="main-method-entry-point-of-algorithm">Main Method (entry point of algorithm)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="w"> </span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variable-assignment">Variable Assignment</h3>
+<p><code>Type variable_1 = &lt;expr&gt;, ..., variable_n = &lt;expr&gt;;</code></p>
+<h3 id="constant-definition-outside-of-main-methodfunction">Constant Definition (outside of main method/function)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kd">final</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">CONSTANT_NAME</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kd">final</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">PI</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">3.14159</span><span class="p">;</span><span class="w">   </span><span class="c1">//example</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="constant-definition-inside-main-methodfunction">Constant Definition (inside main method/function)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">final</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">CONSTANT_NAME</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="kd">final</span><span class="w"> </span><span class="kt">double</span><span class="w"> </span><span class="n">PI</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">3.14159</span><span class="p">;</span><span class="w">   </span><span class="c1">//example</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="screen-output">Screen Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="n">output_1</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">output_n</span><span class="p">);</span><span class="w">   </span><span class="c1">//newline at every invocation</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">print</span><span class="p">(</span><span class="n">output_1</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">_</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">output_n</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="output-formatting">Output Formatting</h3>
+<p><a href="https://dzone.com/articles/java-string-format-examples">String.format() Examples</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">printf</span><span class="p">(</span><span class="s">&quot;string %..&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">variable</span><span class="p">);</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="n">String</span><span class="p">.</span><span class="na">format</span><span class="p">(</span><span class="n">format</span><span class="p">,</span><span class="w"> </span><span class="n">args</span><span class="p">));</span>
+</code></pre></div></td></tr></table></div>
+<p>Methods inherited from C. The value pf the variable substitutes %.<br />
+<code>%d</code> int, <code>%f</code> float, <code>%c</code> char, <code>%s</code> string, <code>%e</code> scientific notation.<br />
+<code>%digitNumber.decimalDigitNumber</code> specifies the space occupied by the output.</p>
+<p><code>NumberFormat</code> class is used to format a number output.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">Locale</span><span class="w"> </span><span class="n">locale</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Locale</span><span class="p">(</span><span class="s">&quot;language&quot;</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;country&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// as defined by IETF lang tag, RCF 5646, RCF 4647</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">NumberFormat</span><span class="w"> </span><span class="n">fmt</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">NumberFormat</span><span class="p">.</span><span class="na">getCurrencyInstance</span><span class="p">(</span><span class="n">locale</span><span class="p">);</span><span class="w">  </span><span class="c1">// format a number as a currency based on a Locale</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="n">fmt</span><span class="p">.</span><span class="na">format</span><span class="p">(</span><span class="n">number</span><span class="p">);</span><span class="w">  </span><span class="c1">// apply format to a number, returns a String</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="keyboard-input">Keyboard Input</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.util.Scanner</span><span class="p">;</span><span class="w">   </span><span class="c1">//package import</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">Scanner</span><span class="w"> </span><span class="n">scanner</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Scanner</span><span class="p">(</span><span class="n">System</span><span class="p">.</span><span class="na">in</span><span class="p">);</span><span class="w">  </span><span class="c1">//Scanner obj init</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="n">scanner</span><span class="p">.</span><span class="na">useDelimiter</span><span class="p">(</span><span class="s">&quot;delimitatore&quot;</span><span class="p">);</span><span class="w">   </span><span class="c1">//delimiter setting</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="n">scanner</span><span class="p">.</span><span class="na">close</span><span class="p">()</span><span class="w">  </span><span class="c1">//closing of Scanner, releases memory</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="kt">int</span><span class="w"> </span><span class="n">variable_int_1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">scanner</span><span class="p">.</span><span class="na">nextInt</span><span class="p">();</span><span class="w">   </span><span class="c1">//takes integer number</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="n">String</span><span class="w"> </span><span class="n">string_1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">scanner</span><span class="p">.</span><span class="na">nextLine</span><span class="p">();</span><span class="w">   </span><span class="c1">//takes line of text (\n ends line)</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="n">String</span><span class="w"> </span><span class="n">string_1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">scanner</span><span class="p">.</span><span class="na">next</span><span class="p">();</span><span class="w">   </span><span class="c1">//takes text (space ends word)</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="kt">double</span><span class="w"> </span><span class="n">variable_double_1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">scanner</span><span class="p">.</span><span class="na">nextDouble</span><span class="p">();</span><span class="w">  </span><span class="c1">//takes double decimal number</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="kt">boolean</span><span class="w"> </span><span class="n">variable_bool</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">scanner</span><span class="p">.</span><span class="na">nextBoolean</span><span class="p">();</span><span class="w">  </span><span class="c1">//takes boolean value</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="c1">//(TRUE, FALSE, true, false, True, False)</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>nextLine()</code> method imports from the <strong>last</strong> <code>\n</code>.<br />
+Thus when switching to a different input method is necessary to call <code>nextLine()</code> one more time to avoid errors.</p>
+<h3 id="primitive-types">Primitive Types</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span>
+<span class="normal"><a href="#__codelineno-8-7">7</a></span>
+<span class="normal"><a href="#__codelineno-8-8">8</a></span>
+<span class="normal"><a href="#__codelineno-8-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">TYPE</span><span class="w">        </span><span class="n">WRAPPER</span><span class="w">     </span><span class="n">SIZE</span><span class="w">        </span><span class="n">MIN_VALUE</span><span class="w">               </span><span class="n">MAX_VALUE</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="kt">int</span><span class="w">         </span><span class="n">Integer</span><span class="w">                 </span><span class="o">-</span><span class="mi">2147483648</span><span class="w">             </span><span class="mi">2147483647</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="kt">byte</span><span class="w">        </span><span class="n">Byte</span><span class="w">        </span><span class="mi">8</span><span class="w"> </span><span class="n">bit</span><span class="w">       </span><span class="o">-</span><span class="mi">128</span><span class="w">                    </span><span class="mi">127</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="kt">short</span><span class="w">       </span><span class="n">Short</span><span class="w">       </span><span class="mi">16</span><span class="w"> </span><span class="n">bit</span><span class="w">      </span><span class="o">-</span><span class="mi">32768</span><span class="w">                  </span><span class="mi">32767</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="kt">long</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">L</span><span class="w">    </span><span class="n">Long</span><span class="w">        </span><span class="mi">32</span><span class="w"> </span><span class="n">bit</span><span class="w">      </span><span class="o">-</span><span class="mi">9223372036854775808</span><span class="w">    </span><span class="mi">9223372036854775807</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="kt">float</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">f</span><span class="w">   </span><span class="n">Float</span><span class="w">       </span><span class="mi">32</span><span class="w"> </span><span class="n">bit</span><span class="w">      </span><span class="mf">1.4</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">10</span><span class="o">^-</span><span class="mi">45</span><span class="w">            </span><span class="mf">3.4028235</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">10</span><span class="o">^</span><span class="mi">38</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="kt">double</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="n">d</span><span class="w">  </span><span class="n">Double</span><span class="w">      </span><span class="mi">64</span><span class="w"> </span><span class="n">bit</span><span class="w">      </span><span class="mf">4.9</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">10</span><span class="o">^-</span><span class="mi">324</span><span class="w">           </span><span class="mf">1.7976931348623157</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mi">10</span><span class="o">^</span><span class="mi">308</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="kt">char</span><span class="w">        </span><span class="n">Character</span><span class="w">   </span><span class="mi">16</span><span class="w"> </span><span class="n">bit</span><span class="w">      </span><span class="n">U</span><span class="o">+</span><span class="mo">0000</span><span class="w"> </span><span class="p">(</span><span class="mi">0</span><span class="p">)</span><span class="w">              </span><span class="n">U</span><span class="o">+</span><span class="n">FFFF</span><span class="w"> </span><span class="p">(</span><span class="mi">65535</span><span class="p">)</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="kt">boolean</span><span class="w">     </span><span class="n">Boolean</span><span class="w">                 </span><span class="kc">false</span><span class="w">                   </span><span class="kc">true</span>
+</code></pre></div></td></tr></table></div>
+<p>Digits can be separated by _ (underscore).<br />
+If not specified int &amp; double are the default types.</p>
+<h3 id="floating-point-numbers-precision-calcs">Floating-Point numbers &amp; Precision Calcs</h3>
+<p>Don't use <code>==</code> or <code>!=</code> to confront floating value numbers since they use approximation or have a lot of digits.<br />
+It's best to check if the difference between two numbers is small enough.<br />
+For high precision calcs is best to use <code>BigDecimal</code>.</p>
+<h3 id="type-conversion-casting-type-checking">Type Conversion (casting) &amp; Type checking</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">Type</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c1">// convert to other Type</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="kd">var</span><span class="w"> </span><span class="n">instanceof</span><span class="w"> </span><span class="n">Type</span><span class="p">;</span><span class="w">  </span><span class="c1">// true if var is an instance of Type</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="wrapper-classes">Wrapper Classes</h3>
+<p>Every primitive type has a corresponding wrapper class.<br />
+Wrapper classes permits the creation of an object with the same type of a primitive type but with added methods and constants.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">WrapperClass</span><span class="w"> </span><span class="n">objectName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">WrapperClass</span><span class="p">(</span><span class="n">primitiveValue</span><span class="p">);</span><span class="w">  </span><span class="c1">//declaration</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">WrapperClass</span><span class="w"> </span><span class="n">objectName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">primitiveValue</span><span class="p">;</span><span class="w">  </span><span class="c1">//shortened declaration</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="n">Type</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">object</span><span class="p">.</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="n">Value</span><span class="p">();</span><span class="w">  </span><span class="c1">//unboxing</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="n">Type</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">object</span><span class="p">;</span><span class="w">  </span><span class="c1">//autoboxing</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="n">Type</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">WrapperClass</span><span class="p">(</span><span class="n">primitiveValue</span><span class="p">);</span><span class="w">  </span><span class="c1">//automatic unboxing</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="n">WrapperClass</span><span class="p">.</span><span class="na">MIN_VALUE</span><span class="w">  </span><span class="c1">//constant holding min possible value of wrapper class</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="n">WrapperClass</span><span class="p">.</span><span class="na">MAX_VALUE</span><span class="w">  </span><span class="c1">//constant holding man possible value of wrapper class</span>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a><span class="n">WrapperClass</span><span class="p">.</span><span class="na">parseClasseWrapper</span><span class="p">(</span><span class="n">string</span><span class="p">);</span><span class="w">  </span><span class="c1">// converts the tring to the wrapper class, NumberFOrmatException on error</span>
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="n">WrapperClass</span><span class="p">.</span><span class="na">toString</span><span class="p">(</span><span class="n">primitive</span><span class="p">);</span><span class="w">  </span><span class="c1">// converts the wrapper class value to a string</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-char">String &amp; Char</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="n">String</span><span class="w"> </span><span class="n">string</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;text&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">//strings always in double quotes</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="kt">char</span><span class="w"> </span><span class="n">character</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="sc">&#39;C&#39;</span><span class="p">;</span><span class="w">  </span><span class="c1">//chars always in single quotes</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="special-characters">Special Characters</h3>
+<table>
+<thead>
+<tr>
+<th>Escape Character</th>
+<th>Character</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>\n</code></td>
+<td>new line</td>
+</tr>
+<tr>
+<td><code>\t</code></td>
+<td>tab</td>
+</tr>
+<tr>
+<td><code>\b</code></td>
+<td>backspace</td>
+</tr>
+<tr>
+<td><code>\r</code></td>
+<td>carriage return</td>
+</tr>
+<tr>
+<td><code>\f</code></td>
+<td>form feed</td>
+</tr>
+<tr>
+<td><code>\\</code></td>
+<td>backslash</td>
+</tr>
+<tr>
+<td><code>\"</code></td>
+<td>double quote</td>
+</tr>
+<tr>
+<td><code>\u&lt;4_hex_digits&gt;</code></td>
+<td>unicode characters</td>
+</tr>
+<tr>
+<td><code>\x&lt;digits&gt;</code></td>
+<td>hexadecimal characters</td>
+</tr>
+<tr>
+<td><code>\o&lt;digits&gt;</code></td>
+<td>octal characters</td>
+</tr>
+<tr>
+<td><code>\&lt;digits&gt;</code></td>
+<td>ASCII character</td>
+</tr>
+</tbody>
+</table>
+<h3 id="string-concatenation">String Concatenation</h3>
+<p>The value of the variable is appende to the string literal.<br />
+<code>"text" + variable</code><br />
+String are immutable. Concatenation creates a new string.</p>
+<h3 id="string-conversion-to-number">String Conversion to Number</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="kt">double</span><span class="w"> </span><span class="n">d</span><span class="w">  </span><span class="o">=</span><span class="w"> </span><span class="n">Double</span><span class="p">.</span><span class="na">parseDouble</span><span class="p">(</span><span class="n">string</span><span class="p">);</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="kt">float</span><span class="w"> </span><span class="n">f</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Float</span><span class="p">.</span><span class="na">parseFloat</span><span class="p">(</span><span class="n">string</span><span class="p">);</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="kt">int</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">integer</span><span class="p">.</span><span class="na">parseInt</span><span class="p">(</span><span class="n">string</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-class-methods">String Class Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-13-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-13-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-13-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-13-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-13-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-13-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-13-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-13-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-13-10">10</a></span>
+<span class="normal"><a href="#__codelineno-13-11">11</a></span>
+<span class="normal"><a href="#__codelineno-13-12">12</a></span>
+<span class="normal"><a href="#__codelineno-13-13">13</a></span>
+<span class="normal"><a href="#__codelineno-13-14">14</a></span>
+<span class="normal"><a href="#__codelineno-13-15">15</a></span>
+<span class="normal"><a href="#__codelineno-13-16">16</a></span>
+<span class="normal"><a href="#__codelineno-13-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="n">string</span><span class="p">.</span><span class="na">equals</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span><span class="w">   </span><span class="c1">// returns TRUE if the strings are equal</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="n">string</span><span class="p">.</span><span class="na">equalsIgnoreCase</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span><span class="w">   </span><span class="c1">// returns TRUE if the strings are equals ignoring the case</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="n">string</span><span class="p">.</span><span class="na">charAt</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w">  </span><span class="c1">// returns the character at position INDEX</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="n">string</span><span class="p">.</span><span class="na">startsWith</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span><span class="w">  </span><span class="c1">// returns TRUE if string starts with otherString</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="n">string</span><span class="p">.</span><span class="na">endsWith</span><span class="p">(</span><span class="n">otherString</span><span class="p">)</span><span class="w">  </span><span class="c1">// returns TRUE if string ends with otherString</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="n">string</span><span class="p">.</span><span class="na">concat</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span><span class="w">   </span><span class="c1">// concatenation of two strings</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="n">string</span><span class="p">.</span><span class="na">indexOf</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span><span class="w">  </span><span class="c1">// returns index of the first occurrence of other string</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="n">string</span><span class="p">.</span><span class="na">lastIndexOf</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span><span class="w">  </span><span class="c1">// returns index of the last occurrence of other string</span>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a><span class="n">string</span><span class="p">.</span><span class="na">length</span><span class="p">();</span><span class="w">    </span><span class="c1">// returns the length of the string</span>
+<a id="__codelineno-13-10" name="__codelineno-13-10"></a><span class="n">string</span><span class="p">.</span><span class="na">toLowerCase</span><span class="p">();</span><span class="w">   </span><span class="c1">// transform the string in uppercase characters</span>
+<a id="__codelineno-13-11" name="__codelineno-13-11"></a><span class="n">string</span><span class="p">.</span><span class="na">toUpperCase</span><span class="p">();</span><span class="w">   </span><span class="c1">// transform the string in lowercase characters</span>
+<a id="__codelineno-13-12" name="__codelineno-13-12"></a><span class="n">string</span><span class="p">.</span><span class="na">replace</span><span class="p">(</span><span class="n">character</span><span class="p">,</span><span class="w"> </span><span class="n">newCharacter</span><span class="p">);</span><span class="w">   </span><span class="c1">// substitutes character with newCharacter</span>
+<a id="__codelineno-13-13" name="__codelineno-13-13"></a><span class="n">string</span><span class="p">.</span><span class="na">replaceAll</span><span class="p">(</span><span class="n">regex</span><span class="p">,</span><span class="w"> </span><span class="n">replacement</span><span class="p">);</span>
+<a id="__codelineno-13-14" name="__codelineno-13-14"></a><span class="n">string</span><span class="p">.</span><span class="na">substring</span><span class="p">(</span><span class="n">start</span><span class="p">,</span><span class="w"> </span><span class="n">end</span><span class="p">);</span><span class="w">   </span><span class="c1">// returns a substring starting as START and ending at END (included)</span>
+<a id="__codelineno-13-15" name="__codelineno-13-15"></a><span class="n">string</span><span class="p">.</span><span class="na">trim</span><span class="p">();</span><span class="w">   </span><span class="c1">// removes spaces before and after the string</span>
+<a id="__codelineno-13-16" name="__codelineno-13-16"></a><span class="n">string</span><span class="p">.</span><span class="na">Split</span><span class="p">(</span><span class="n">delimiter</span><span class="p">);</span><span class="w">  </span><span class="c1">// return a String[] generated by splitting string at the occurrence of delimiter</span>
+<a id="__codelineno-13-17" name="__codelineno-13-17"></a><span class="n">string</span><span class="p">.</span><span class="na">compareTo</span><span class="p">(</span><span class="n">otherString</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p><code>compareTo()</code> returns a number:  </p>
+<ul>
+<li><code>-1</code> if <code>string</code> precedes <code>otherString</code></li>
+<li><code>0</code> if the strings are equal  </li>
+<li><code>1</code> if <code>otherString</code> precedes <code>string</code></li>
+</ul>
+<p><code>compareTo()</code> compares the lexicographic order (based on UNICODE).<br />
+To compare in alphabetical order both strings must have the same case.</p>
+<h3 id="mathematical-operations">Mathematical Operations</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span>
+<span class="normal"><a href="#__codelineno-14-13">13</a></span>
+<span class="normal"><a href="#__codelineno-14-14">14</a></span>
+<span class="normal"><a href="#__codelineno-14-15">15</a></span>
+<span class="normal"><a href="#__codelineno-14-16">16</a></span>
+<span class="normal"><a href="#__codelineno-14-17">17</a></span>
+<span class="normal"><a href="#__codelineno-14-18">18</a></span>
+<span class="normal"><a href="#__codelineno-14-19">19</a></span>
+<span class="normal"><a href="#__codelineno-14-20">20</a></span>
+<span class="normal"><a href="#__codelineno-14-21">21</a></span>
+<span class="normal"><a href="#__codelineno-14-22">22</a></span>
+<span class="normal"><a href="#__codelineno-14-23">23</a></span>
+<span class="normal"><a href="#__codelineno-14-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="n">Math</span><span class="p">.</span><span class="na">PI</span><span class="w">  </span><span class="c1">// value of pi</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="n">Math</span><span class="p">.</span><span class="na">E</span><span class="w">  </span><span class="c1">// value of e</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="n">Math</span><span class="p">.</span><span class="na">abs</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">  </span><span class="c1">//absolute value of x</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="n">Math</span><span class="p">.</span><span class="na">acos</span><span class="p">(</span><span class="n">x</span><span class="p">);</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="n">Math</span><span class="p">.</span><span class="na">asin</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="n">Math</span><span class="p">.</span><span class="na">atan</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="n">Math</span><span class="p">.</span><span class="na">atan2</span><span class="p">(</span><span class="n">y</span><span class="p">,</span><span class="w"> </span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a><span class="n">Math</span><span class="p">.</span><span class="na">ceil</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="n">Math</span><span class="p">.</span><span class="na">cos</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a><span class="n">Math</span><span class="p">.</span><span class="na">exp</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">  </span><span class="c1">//e^x</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="n">Math</span><span class="p">.</span><span class="na">floor</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-13" name="__codelineno-14-13"></a><span class="n">Math</span><span class="p">.</span><span class="na">log</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-14" name="__codelineno-14-14"></a><span class="n">Math</span><span class="p">.</span><span class="na">max</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">)</span>
+<a id="__codelineno-14-15" name="__codelineno-14-15"></a><span class="n">Math</span><span class="p">.</span><span class="na">min</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">)</span>
+<a id="__codelineno-14-16" name="__codelineno-14-16"></a><span class="n">Math</span><span class="p">.</span><span class="na">pow</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">);</span><span class="w">  </span><span class="c1">//x^y</span>
+<a id="__codelineno-14-17" name="__codelineno-14-17"></a><span class="n">Math</span><span class="p">.</span><span class="na">random</span><span class="p">()</span>
+<a id="__codelineno-14-18" name="__codelineno-14-18"></a><span class="n">Math</span><span class="p">.</span><span class="na">rint</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-19" name="__codelineno-14-19"></a><span class="n">Math</span><span class="p">.</span><span class="na">round</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-20" name="__codelineno-14-20"></a><span class="n">Math</span><span class="p">.</span><span class="na">sin</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-21" name="__codelineno-14-21"></a><span class="n">Math</span><span class="p">.</span><span class="na">sqrt</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">  </span><span class="c1">//square root, x^(1/2)</span>
+<a id="__codelineno-14-22" name="__codelineno-14-22"></a><span class="n">Math</span><span class="p">.</span><span class="na">tan</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-14-23" name="__codelineno-14-23"></a><span class="n">Math</span><span class="p">.</span><span class="na">toDegrees</span><span class="p">(</span><span class="n">rad</span><span class="p">)</span>
+<a id="__codelineno-14-24" name="__codelineno-14-24"></a><span class="n">Math</span><span class="p">.</span><span class="na">toRadians</span><span class="p">(</span><span class="n">deg</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="arithmetic-operators">Arithmetic Operators</h3>
+<table>
+<thead>
+<tr>
+<th>operator</th>
+<th>operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>+</code> b</td>
+<td>sum</td>
+</tr>
+<tr>
+<td>a <code>-</code> b</td>
+<td>subtraction</td>
+</tr>
+<tr>
+<td>a <code>*</code> b</td>
+<td>multiplication</td>
+</tr>
+<tr>
+<td>a <code>/</code> b</td>
+<td>division</td>
+</tr>
+<tr>
+<td>a <code>%</code> b</td>
+<td>modulo</td>
+</tr>
+<tr>
+<td>a<code>++</code></td>
+<td>increment</td>
+</tr>
+<tr>
+<td>a<code>--</code></td>
+<td>decrement</td>
+</tr>
+</tbody>
+</table>
+<h3 id="comparison-operators">Comparison Operators</h3>
+<table>
+<thead>
+<tr>
+<th>operator</th>
+<th>operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>==</code> b</td>
+<td>equal to</td>
+</tr>
+<tr>
+<td>a <code>!=</code> b</td>
+<td>not equal to</td>
+</tr>
+<tr>
+<td>a <code>&gt;</code> b</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>a <code>&lt;</code> b</td>
+<td>lesser than</td>
+</tr>
+<tr>
+<td>a <code>&gt;=</code> b</td>
+<td>greater than or equal to</td>
+</tr>
+<tr>
+<td>a <code>&lt;=</code> b</td>
+<td>lesser than or equal to</td>
+</tr>
+</tbody>
+</table>
+<h3 id="logical-operators">Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>operator</th>
+<th>operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>!</code>a</td>
+<td>logical negation (<strong>NOT</strong>)</td>
+</tr>
+<tr>
+<td>a <code>&amp;&amp;</code> b,</td>
+<td>logical <strong>AND</strong></td>
+</tr>
+<tr>
+<td>a <code>||</code> b,</td>
+<td>logical <strong>OR</strong></td>
+</tr>
+</tbody>
+</table>
+<h3 id="bitwise-operators">Bitwise Operators</h3>
+<table>
+<thead>
+<tr>
+<th>operator</th>
+<th>operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>~</code>a</td>
+<td>bitwise <strong>NOT</strong></td>
+</tr>
+<tr>
+<td>a <code>&amp;</code> b</td>
+<td>bitwise <strong>AND</strong></td>
+</tr>
+<tr>
+<td>a <code>|</code> b</td>
+<td>bitwise <strong>OR</strong></td>
+</tr>
+<tr>
+<td>a <code>^</code> b</td>
+<td>bitwise <strong>XOR</strong></td>
+</tr>
+<tr>
+<td>a <code>&lt;&lt;</code> b</td>
+<td>bitwise left shift</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;</code> b</td>
+<td>bitwise right shift</td>
+</tr>
+</tbody>
+</table>
+<h3 id="compound-assignment-operators">Compound Assignment Operators</h3>
+<table>
+<thead>
+<tr>
+<th>operator</th>
+<th>operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>+=</code> b</td>
+<td>a = a + b</td>
+</tr>
+<tr>
+<td>a <code>-=</code> b</td>
+<td>a = a - b</td>
+</tr>
+<tr>
+<td>a <code>*=</code> b</td>
+<td>a = a * b</td>
+</tr>
+<tr>
+<td>a <code>/=</code> b</td>
+<td>a = a / b</td>
+</tr>
+<tr>
+<td>a <code>%=</code> b</td>
+<td>a = a % b</td>
+</tr>
+<tr>
+<td>a <code>&amp;=</code> b</td>
+<td>a = a &amp; b</td>
+</tr>
+<tr>
+<td>a <code>|=</code> b</td>
+<td>a = a</td>
+</tr>
+<tr>
+<td>a <code>^=</code> b</td>
+<td>a = a ^ b</td>
+</tr>
+<tr>
+<td>a <code>&lt;&lt;=</code> b</td>
+<td>a = a &lt;&lt; b</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;=</code> b</td>
+<td>a = a &gt;&gt; b</td>
+</tr>
+</tbody>
+</table>
+<h3 id="operator-precedence">Operator Precedence</h3>
+<ol>
+<li>unary operators <code>++</code> , <code>--</code>, <code>!</code></li>
+<li>binary arithmetic operators <code>*</code>, <code>/</code>, <code>%</code></li>
+<li>binary arithmetic operators <code>+</code>, <code>-</code></li>
+<li>boolean operators <code>&lt;</code>, <code>&gt;</code> , <code>&lt;=</code>, <code>&gt;=</code></li>
+<li>boolean operators <code>==</code>, <code>!=</code></li>
+<li>bitwise operator <code>&amp;</code></li>
+<li>bitwise operator <code>|</code></li>
+<li>logical operator <code>&amp;&amp;</code></li>
+<li>logical operator <code>||</code></li>
+</ol>
+<h3 id="short-circuit-evaluation">Short Circuit Evaluation</h3>
+<p>If in <code>(expressionA || expressionB)</code> expressionA results <code>true</code>, Java returns <code>true</code> without evaluating expressionB.<br />
+If in <code>(expressionA &amp;&amp; expressionB)</code> expressionA results <code>false</code>, Java returns <code>false</code> without evaluating expressionB.<br />
+Full evaluation can be forced using <code>&amp;</code> and <code>|</code>.</p>
+<h2 id="decision-statements">Decision Statements</h2>
+<h3 id="if-else"><code>If Else</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span>
+<span class="normal"><a href="#__codelineno-15-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="if-else-if-else"><code>If, Else If, Else</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span>
+<span class="normal"><a href="#__codelineno-16-7">7</a></span>
+<span class="normal"><a href="#__codelineno-16-8">8</a></span>
+<span class="normal"><a href="#__codelineno-16-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">){</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-9" name="__codelineno-16-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ternary-operator">Ternary Operator</h3>
+<p><code>(condition) ? istruzione_1 : istruzione_2;</code><br />
+if condition is <code>true</code> executes instruction1 otherwise executes instruction2.</p>
+<h3 id="switch"><code>Switch</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-17-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-17-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-17-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-17-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-17-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-17-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-17-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-17-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-17-10">10</a></span>
+<span class="normal"><a href="#__codelineno-17-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="n">matchExpression</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="n">matchingPattern</span><span class="p">:</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="n">matchingPattern</span><span class="p">:</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a><span class="w">    </span><span class="k">default</span><span class="p">:</span>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-17-10" name="__codelineno-17-10"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-17-11" name="__codelineno-17-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Omitting the <code>break</code> keyword causes multiple branches to execute the same code.</p>
+<h2 id="loop-statements">Loop Statements</h2>
+<h3 id="while-loop"><code>While</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">   </span><span class="c1">//code here</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="do-while-loop"><code>Do While</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="k">do</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="p">}</span><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">espressione_booleana</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>Loop body executed <em>at least</em> one time</p>
+<h3 id="for-loop"><code>For</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">initializer</span><span class="p">;</span><span class="w"> </span><span class="n">condition</span><span class="p">;</span><span class="w"> </span><span class="n">iterator</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="foreach-loop"><code>Foreach</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">variable</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="n">iterable</span><span class="p">){</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiple-iterators-in-for-loop">Multiple iterators in <code>For</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span>
+<span class="normal"><a href="#__codelineno-22-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">initializer1</span><span class="p">,</span><span class="w"> </span><span class="n">initializer2</span><span class="p">;</span><span class="w"> </span><span class="n">condition</span><span class="p">;</span><span class="w"> </span><span class="n">iterator1</span><span class="p">,</span><span class="w"> </span><span class="n">iterator2</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The iterator declared in the for is a local variable and can be used only in the for loop block.</p>
+<h3 id="forced-program-termination">Forced Program Termination</h3>
+<p><code>System.exit(returnedValue);</code> forces the termination of the program execution returning a specified value.</p>
+<h3 id="assertion-checks">Assertion Checks</h3>
+<p>If the assertion check is enabled (<code>java -ebableassetrions programName</code>) the execution of the algorithm is terminated if an assertion fails.<br />
+Assertions can be used to check if a variable has a wanted value in a precise point in the code (Sanity Check).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="k">assert</span><span class="w"> </span><span class="o">&lt;</span><span class="n">booleanExpression</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="static-methods">Static Methods</h2>
+<p>Static methods are not bound to an <em>instance</em> of a class but they act on the class <em>itself</em>.  </p>
+<h3 id="static-void-method-definition">Static Void Method Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="static-method-definition">Static Method Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span>
+<span class="normal"><a href="#__codelineno-25-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="kd">static</span><span class="w"> </span><span class="n">tipo_metodo</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">espressione</span><span class="o">&gt;</span><span class="p">;</span><span class="w">   </span><span class="c1">//returned type MUST match method type</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="static-method-invocation">Static Method Invocation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="n">methodName</span><span class="p">(</span><span class="n">arguments</span><span class="p">);</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="n">ClassName</span><span class="p">.</span><span class="na">methodName</span><span class="p">(</span><span class="n">arguments</span><span class="p">);</span><span class="w">    </span><span class="c1">//if method is used outside its class</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="array">Array</h2>
+<h2 id="array-declaration">Array Declaration</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="n">Type</span><span class="o">[]</span><span class="w"> </span><span class="n">arrayName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension</span><span class="o">]</span><span class="p">;</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="n">Type</span><span class="w"> </span><span class="n">arrayName</span><span class="o">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension</span><span class="o">]</span><span class="p">;</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="n">arrayName</span><span class="p">.</span><span class="na">length</span><span class="w">  </span><span class="c1">//length of the array</span>
+</code></pre></div></td></tr></table></div>
+<p>Its possible to break the declaration in two lines  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="n">Type</span><span class="o">[]</span><span class="w"> </span><span class="n">arrayName</span><span class="p">;</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a><span class="n">arrayType</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension</span><span class="o">]</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="array-creation-by-initialization">Array Creation by Initialization</h2>
+<p><code>Type[] arrayName = {value1, value2, ...}</code><br />
+Array dimension is determined by the number of values.</p>
+<h3 id="arrays-as-method-parameters">Arrays as method parameters</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="kd">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="o">[]</span><span class="w"> </span><span class="n">arrayName</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="p">}</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a><span class="n">methodName</span><span class="p">(</span><span class="n">arrayName</span><span class="p">);</span><span class="w">  </span><span class="c1">//[] omitted when passing array as argument</span>
+</code></pre></div></td></tr></table></div>
+<p>Single elements of an array can be passed to a method. Array dimension can be omitted.  </p>
+<h3 id="equality-of-arrays">Equality of Arrays</h3>
+<p>As arrays ar object in Java, the operators <code>==</code> and <code>!=</code> confront the memory address of the arrays.<br />
+Array contents must be confronted by looping through the array.</p>
+<h3 id="methods-returning-arrays">Methods returning Arrays</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="kd">static</span><span class="w"> </span><span class="n">Type</span><span class="o">[]</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="w">    </span><span class="n">Type</span><span class="o">[]</span><span class="w"> </span><span class="n">arrayName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension</span><span class="o">]</span><span class="p">;</span><span class="w">  </span><span class="c1">//array declaration</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="w">    </span><span class="c1">//array valorization</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">arrayName</span><span class="p">;</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="variable-numbers-of-parameters-in-a-method">Variable numbers of parameters in a method</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span>
+<span class="normal"><a href="#__codelineno-31-2">2</a></span>
+<span class="normal"><a href="#__codelineno-31-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="kd">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">,</span><span class="w"> </span><span class="n">tipo</span><span class="o">[]</span><span class="w"> </span><span class="n">ArrayName</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>It's not necessary to specify a dimension of the array, it's determined by Java</p>
+<h3 id="multi-dimensional-arrays">Multi-Dimensional Arrays</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span>
+<span class="normal"><a href="#__codelineno-32-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="n">Type</span><span class="o">[]</span><span class="p">...</span><span class="o">[]</span><span class="w"> </span><span class="n">arrayName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension1</span><span class="o">]</span><span class="p">...</span><span class="o">[</span><span class="n">dimensionN</span><span class="o">]</span><span class="p">;</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="n">Type</span><span class="w"> </span><span class="n">arrayName</span><span class="o">[]</span><span class="p">...</span><span class="o">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension1</span><span class="o">]</span><span class="p">...</span><span class="o">[</span><span class="n">dimensionN</span><span class="o">]</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multi-dimensional-arrays-as-parameters">Multi-Dimensional Arrays as parameters</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="kd">static</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="o">[]</span><span class="p">...</span><span class="o">[]</span><span class="w"> </span><span class="n">ArrayName</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="methods-returning-multi-dimensional-arrays">Methods returning multi-dimensional arrays</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span>
+<span class="normal"><a href="#__codelineno-34-3">3</a></span>
+<span class="normal"><a href="#__codelineno-34-4">4</a></span>
+<span class="normal"><a href="#__codelineno-34-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="kd">static</span><span class="w"> </span><span class="n">Type</span><span class="o">[]</span><span class="p">...</span><span class="o">[]</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="w">    </span><span class="n">Type</span><span class="o">[]</span><span class="p">...</span><span class="o">[]</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Type</span><span class="o">[</span><span class="n">dimension1</span><span class="o">]</span><span class="p">...</span><span class="o">[</span><span class="n">dimensionN</span><span class="o">]</span><span class="p">;</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="w">    </span><span class="c1">//array valorization</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">array</span><span class="p">;</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="array-length-of-multi-dimensional-arrays">Array Length of multi-dimensional arrays</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1">1</a></span>
+<span class="normal"><a href="#__codelineno-35-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="n">array</span><span class="p">.</span><span class="na">length</span><span class="w">  </span><span class="c1">//row length</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="n">array</span><span class="o">[</span><span class="n">rowIndex</span><span class="o">]</span><span class="p">.</span><span class="na">length</span><span class="w">  </span><span class="c1">//column length</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="irregular-table-visualization">Irregular Table Visualization</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1">1</a></span>
+<span class="normal"><a href="#__codelineno-36-2">2</a></span>
+<span class="normal"><a href="#__codelineno-36-3">3</a></span>
+<span class="normal"><a href="#__codelineno-36-4">4</a></span>
+<span class="normal"><a href="#__codelineno-36-5">5</a></span>
+<span class="normal"><a href="#__codelineno-36-6">6</a></span>
+<span class="normal"><a href="#__codelineno-36-7">7</a></span>
+<span class="normal"><a href="#__codelineno-36-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">viewTable</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="o">[][]</span><span class="w"> </span><span class="n">matrix</span><span class="p">){</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a><span class="w">    </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">matrix</span><span class="p">.</span><span class="na">length</span><span class="p">;</span><span class="w"> </span><span class="n">row</span><span class="o">++</span><span class="p">){</span><span class="w">   </span><span class="c1">//run through the rows</span>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="w">        </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="n">column</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="n">arrayName</span><span class="o">[</span><span class="n">row</span><span class="o">]</span><span class="p">.</span><span class="na">length</span><span class="p">;</span><span class="w"> </span><span class="n">column</span><span class="o">++</span><span class="p">){</span><span class="w">   </span><span class="c1">//run through the columns</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a><span class="w">            </span><span class="n">System</span><span class="p">.</span><span class="na">put</span><span class="p">.</span><span class="na">print</span><span class="p">(</span><span class="n">arrayName</span><span class="o">[</span><span class="n">row</span><span class="o">][</span><span class="n">column</span><span class="o">]</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s">&quot;\t&quot;</span><span class="p">);</span><span class="w">   </span><span class="c1">//print item followed by a tab</span>
+<a id="__codelineno-36-5" name="__codelineno-36-5"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-36-6" name="__codelineno-36-6"></a><span class="w">        </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">();</span><span class="w">   </span><span class="c1">//newline after each matrix row</span>
+<a id="__codelineno-36-7" name="__codelineno-36-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-36-8" name="__codelineno-36-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="recursion-guidelines">Recursion Guidelines</h2>
+<p>The core of the recursion must be constituted by a <em>conditional instruction</em> that permits to handle the cases based on the method argument.<br />
+<em>At least one</em> of the alternatives must contain a recursive call to che method. The call must resolve reduced version of the task handled by the method.<br />
+<em>At leats one</em> of the alternatives must not contain a recursive call or it must produce a value that constitutes a base case or an arrest value.</p>
+<h2 id="exception-handling">Exception Handling</h2>
+<p>An <strong>Exception</strong> is an object used to signal an anomalous event.
+<strong>Checked Exceptions</strong> must be handled in a catch meanwhile <strong>Unchecked Exceptions</strong> do not need to be cached like <code>RuntimeException</code>.
+Unchecked exceptions usually mean that there is an error in the logic of the program that must be fixed.</p>
+<h3 id="try-catch-finally"><code>Try-Catch-Finally</code></h3>
+<p>This construct permits to monitor what happens in a block of code and to specify what to do in case of errors (<em>exceptions</em>).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a><span class="w">    </span><span class="c1">//monitored code</span>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SpecificException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a><span class="w">    </span><span class="c1">//in case of errors use this</span>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">SpecificException1</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">SpecificException2</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="n">SpecificExceptionN</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a><span class="w">    </span><span class="c1">//in case of errors use this</span>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a><span class="w">    </span><span class="c1">//in case of error use this</span>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a><span class="w">    </span><span class="n">e</span><span class="p">.</span><span class="na">getMessage</span><span class="p">();</span><span class="w">  </span><span class="c1">// access to Exception error message</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a><span class="p">}</span><span class="w"> </span><span class="k">finally</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a><span class="w">    </span><span class="c1">//code executed anyways</span>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>A <code>try-catch</code> construct can handle multiple exceptions at once.  Every <code>catch</code> is analyzed in sequence and is executed the first to happen thus is best to leave a generic exception last.</p>
+<h3 id="try-with-resources">Try with Resources</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1">1</a></span>
+<span class="normal"><a href="#__codelineno-38-2">2</a></span>
+<span class="normal"><a href="#__codelineno-38-3">3</a></span>
+<span class="normal"><a href="#__codelineno-38-4">4</a></span>
+<span class="normal"><a href="#__codelineno-38-5">5</a></span>
+<span class="normal"><a href="#__codelineno-38-6">6</a></span>
+<span class="normal"><a href="#__codelineno-38-7">7</a></span>
+<span class="normal"><a href="#__codelineno-38-8">8</a></span>
+<span class="normal"><a href="#__codelineno-38-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="k">try</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="w">    </span><span class="c1">//resource definition</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a><span class="p">){</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="w">    </span><span class="c1">//dangerous code</span>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">Exception</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="w">    </span><span class="c1">//in case of error use this</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a><span class="p">}</span><span class="w"> </span><span class="k">finally</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a><span class="w">    </span><span class="c1">//code executed anyway</span>
+<a id="__codelineno-38-9" name="__codelineno-38-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="throw-throws"><code>Throw</code> &amp; <code>Throws</code></h3>
+<p>The <code>throw</code> keyword is used to generate a custom exception in a point of the code.<br />
+<code>throw</code> is used together with an exception type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1">1</a></span>
+<span class="normal"><a href="#__codelineno-39-2">2</a></span>
+<span class="normal"><a href="#__codelineno-39-3">3</a></span>
+<span class="normal"><a href="#__codelineno-39-4">4</a></span>
+<span class="normal"><a href="#__codelineno-39-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="w">      </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Exception</span><span class="p">(</span><span class="s">&quot;error message&quot;</span><span class="p">);</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>throws</code> keyword is used to indicate what exception Type may be thrown by a method.<br />
+<code>throws</code> is used together with a exception class. It's used to send the exception to the method caller.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span>
+<span class="normal"><a href="#__codelineno-40-4">4</a></span>
+<span class="normal"><a href="#__codelineno-40-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">ExceptionClass</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="w">      </span><span class="k">throw</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">SpecificException</span><span class="p">(</span><span class="s">&quot;error message&quot;</span><span class="p">);</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-40-5" name="__codelineno-40-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="defining-personalized-exceptions">Defining Personalized Exceptions</h3>
+<p>A user-defined exception has to inherit from <code>Exception</code> or one of it's descendants.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-41-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-41-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-41-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-41-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-41-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-41-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-41-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-41-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-41-10">10</a></span>
+<span class="normal"><a href="#__codelineno-41-11">11</a></span>
+<span class="normal"><a href="#__codelineno-41-12">12</a></span>
+<span class="normal"><a href="#__codelineno-41-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">CustomException</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">Exception</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">CustomException</span><span class="p">(){</span>
+<a id="__codelineno-41-4" name="__codelineno-41-4"></a><span class="w">        </span><span class="kd">super</span><span class="p">(</span><span class="s">&quot;Base Message&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// ese Exception constructor</span>
+<a id="__codelineno-41-5" name="__codelineno-41-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-41-6" name="__codelineno-41-6"></a>
+<a id="__codelineno-41-7" name="__codelineno-41-7"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">CustomException</span><span class="p">(</span><span class="n">string</span><span class="w"> </span><span class="n">message</span><span class="p">){</span>
+<a id="__codelineno-41-8" name="__codelineno-41-8"></a><span class="w">        </span><span class="kd">super</span><span class="p">(</span><span class="n">message</span><span class="p">);</span>
+<a id="__codelineno-41-9" name="__codelineno-41-9"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-41-10" name="__codelineno-41-10"></a>
+<a id="__codelineno-41-11" name="__codelineno-41-11"></a><span class="w">    </span><span class="c1">// CustomException inherits getMessage() from Exception</span>
+<a id="__codelineno-41-12" name="__codelineno-41-12"></a>
+<a id="__codelineno-41-13" name="__codelineno-41-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="object-oriented-programming">Object Oriented Programming</h2>
+<h3 id="access-modifiers">Access Modifiers</h3>
+<p><code>public</code> variables, methods, classes are usable outside of class of definition.<br />
+<code>private</code>    variables, methods, classes are  <em>only</em> usable inside class of definition.<br />
+<code>protected</code> variables, methods, classes can be accessed <em>only</em> by defining class, it's descendants and the package.<br />
+<code>final</code> classes and methods cannot be extended or overridden.
+If not specified variables, methods and classes are <em>only</em> accessible from the same package.</p>
+<h3 id="instance-method-definition">Instance Method Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span>
+<span class="normal"><a href="#__codelineno-42-2">2</a></span>
+<span class="normal"><a href="#__codelineno-42-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="void-instance-method"><code>Void</code> Instance Method</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1">1</a></span>
+<span class="normal"><a href="#__codelineno-43-2">2</a></span>
+<span class="normal"><a href="#__codelineno-43-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="kt">void</span><span class="w"> </span><span class="nf">methodName</span><span class="w"> </span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="class-definition">Class Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-44-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-44-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-44-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-44-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-44-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-44-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-44-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-44-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-44-10">10</a></span>
+<span class="normal"><a href="#__codelineno-44-11">11</a></span>
+<span class="normal"><a href="#__codelineno-44-12">12</a></span>
+<span class="normal"><a href="#__codelineno-44-13">13</a></span>
+<span class="normal"><a href="#__codelineno-44-14">14</a></span>
+<span class="normal"><a href="#__codelineno-44-15">15</a></span>
+<span class="normal"><a href="#__codelineno-44-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">ClassName</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="w">    </span><span class="c1">//instance variables declaration</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a><span class="w">    </span><span class="c1">//instantiation block</span>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-44-6" name="__codelineno-44-6"></a><span class="w">        </span><span class="c1">// this code is called before the constructor when an object is instantiated</span>
+<a id="__codelineno-44-7" name="__codelineno-44-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-44-8" name="__codelineno-44-8"></a>
+<a id="__codelineno-44-9" name="__codelineno-44-9"></a><span class="w">    </span><span class="c1">//constructors definition</span>
+<a id="__codelineno-44-10" name="__codelineno-44-10"></a>
+<a id="__codelineno-44-11" name="__codelineno-44-11"></a><span class="w">    </span><span class="c1">// getters &amp; setters</span>
+<a id="__codelineno-44-12" name="__codelineno-44-12"></a>
+<a id="__codelineno-44-13" name="__codelineno-44-13"></a><span class="w">    </span><span class="c1">// override of superclass&#39; methods</span>
+<a id="__codelineno-44-14" name="__codelineno-44-14"></a>
+<a id="__codelineno-44-15" name="__codelineno-44-15"></a><span class="w">    </span><span class="c1">//instance methods definition</span>
+<a id="__codelineno-44-16" name="__codelineno-44-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="this-identifier"><code>This</code> identifier</h3>
+<p><code>this.instanceVariable</code> identifies the instance variable
+It's possible to use <code>this</code> to distinguish between instance and static variables with the same name.</p>
+<h3 id="classes-and-reference-addresses">Classes and Reference Addresses</h3>
+<p>A an instance of a class doesn't contain an object of that class but a memory address in which the object is memorized.<br />
+operations of assignment (<code>=</code>) and confront (<code>==</code>) act on the memory address  and not on the values of the objects.<br />
+To confront object is necessary to define a <code>equals()</code> method that checks if the values of the object attributes are equal.  </p>
+<h3 id="constructors">Constructors</h3>
+<p>Constructors are special methods that are invoked with the <code>new</code> operator when an object is instantiated.<br />
+Constructors assign the starting values of the object attributes.<br />
+If a constructor id defined Java doesn't create the default constructor.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-45-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-45-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-45-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-45-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-45-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-45-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-45-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-45-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-45-10">10</a></span>
+<span class="normal"><a href="#__codelineno-45-11">11</a></span>
+<span class="normal"><a href="#__codelineno-45-12">12</a></span>
+<span class="normal"><a href="#__codelineno-45-13">13</a></span>
+<span class="normal"><a href="#__codelineno-45-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="kd">class</span> <span class="nf">ClassName</span><span class="w"> </span><span class="p">(){</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a><span class="w">    </span><span class="c1">//attributes declaration (aka instance variables)</span>
+<a id="__codelineno-45-4" name="__codelineno-45-4"></a>
+<a id="__codelineno-45-5" name="__codelineno-45-5"></a><span class="w">    </span><span class="c1">//constructor</span>
+<a id="__codelineno-45-6" name="__codelineno-45-6"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">ClassName</span><span class="p">(</span><span class="n">parameters</span><span class="p">){</span>
+<a id="__codelineno-45-7" name="__codelineno-45-7"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="na">attribute</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">//value is passed to the constructor at obj instantiation</span>
+<a id="__codelineno-45-8" name="__codelineno-45-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-45-9" name="__codelineno-45-9"></a>
+<a id="__codelineno-45-10" name="__codelineno-45-10"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">ClassName</span><span class="p">(</span><span class="n">parameters</span><span class="p">,</span><span class="w"> </span><span class="n">otherParameters</span><span class="p">){</span>
+<a id="__codelineno-45-11" name="__codelineno-45-11"></a><span class="w">        </span><span class="k">this</span><span class="p">(</span><span class="n">parameters</span><span class="p">);</span><span class="w">  </span><span class="c1">// invoke other constructor for subset of parameters, must be FIRST INSTRUCTION</span>
+<a id="__codelineno-45-12" name="__codelineno-45-12"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="na">attribute</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// deal with the remaining parameters</span>
+<a id="__codelineno-45-13" name="__codelineno-45-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-45-14" name="__codelineno-45-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="static-variables">Static Variables</h3>
+<p><code>Type staticVariable = value;</code><br />
+Static variables are shared by all objects of a class and all static method can act upon them.<br />
+Static variable do not belong to the class objects.</p>
+<h3 id="getters-setter-methods">Getters &amp; Setter Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1">1</a></span>
+<span class="normal"><a href="#__codelineno-46-2">2</a></span>
+<span class="normal"><a href="#__codelineno-46-3">3</a></span>
+<span class="normal"><a href="#__codelineno-46-4">4</a></span>
+<span class="normal"><a href="#__codelineno-46-5">5</a></span>
+<span class="normal"><a href="#__codelineno-46-6">6</a></span>
+<span class="normal"><a href="#__codelineno-46-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">setAttribute</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">attribute</span><span class="p">){</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="na">attribute</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">attribute</span><span class="p">;</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a><span class="p">}</span>
+<a id="__codelineno-46-4" name="__codelineno-46-4"></a>
+<a id="__codelineno-46-5" name="__codelineno-46-5"></a><span class="kd">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">getAttribute</span><span class="p">(){</span>
+<a id="__codelineno-46-6" name="__codelineno-46-6"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="na">attribute</span><span class="p">;</span>
+<a id="__codelineno-46-7" name="__codelineno-46-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="tostring-method"><code>ToString()</code> Method</h3>
+<p>Automatically returns a string if the object is directly called in a print method.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1">1</a></span>
+<span class="normal"><a href="#__codelineno-47-2">2</a></span>
+<span class="normal"><a href="#__codelineno-47-3">3</a></span>
+<span class="normal"><a href="#__codelineno-47-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="nd">@Override</span>
+<a id="__codelineno-47-2" name="__codelineno-47-2"></a><span class="n">Public</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="nf">toString</span><span class="p">(){</span>
+<a id="__codelineno-47-3" name="__codelineno-47-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="s">&quot;string-representation-of-object&quot;</span>
+<a id="__codelineno-47-4" name="__codelineno-47-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="static-methods-in-classes">Static Methods in Classes</h3>
+<p>Static methods are used to effectuate operations not applied to objects.<br />
+Outside of the class of definition that are invoked with ClassName.methodName()<br />
+Static method <strong>cannot</strong> act on instance variables.  </p>
+<h3 id="method-overloading">Method Overloading</h3>
+<p>A class can have multiple methods with the same name given that each method has a different number or type of parameters (different method <em>signature</em>).  </p>
+<h3 id="inheritance-method-overriding">Inheritance &amp; Method Overriding</h3>
+<p>Child classes inherit all methods and attributes from parent class.<br />
+Child methods can <em>override</em> parent methods to adapt their functionality.<br />
+Overriding and overridden classes <strong>must</strong> have the same name.
+A child class can inherit from <em>only</em> one parent class.</p>
+<p>Child class <strong>must</strong> implement a constructor that instantiates the parent (super) class.<br />
+<code>super()</code> instantiates the superclass of the child class.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-48-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-48-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-48-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-48-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-48-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-48-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-48-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-48-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-48-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-48-10">10</a></span>
+<span class="normal"><a href="#__codelineno-48-11">11</a></span>
+<span class="normal"><a href="#__codelineno-48-12">12</a></span>
+<span class="normal"><a href="#__codelineno-48-13">13</a></span>
+<span class="normal"><a href="#__codelineno-48-14">14</a></span>
+<span class="normal"><a href="#__codelineno-48-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-48-1" name="__codelineno-48-1"></a><span class="kd">class</span> <span class="nc">ChildClass</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">ParentClass</span><span class="p">{</span>
+<a id="__codelineno-48-2" name="__codelineno-48-2"></a>
+<a id="__codelineno-48-3" name="__codelineno-48-3"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">ChildClass</span><span class="p">(</span><span class="n">parentParameters</span><span class="p">,</span><span class="w"> </span><span class="n">childParameters</span><span class="p">){</span>
+<a id="__codelineno-48-4" name="__codelineno-48-4"></a><span class="w">        </span><span class="kd">super</span><span class="p">(</span><span class="n">parentParameters</span><span class="p">);</span><span class="w">  </span><span class="c1">// if omitted super() is calls (parent&#39;s default constructor)</span>
+<a id="__codelineno-48-5" name="__codelineno-48-5"></a><span class="w">        </span><span class="c1">// assignments of child attributes</span>
+<a id="__codelineno-48-6" name="__codelineno-48-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-48-7" name="__codelineno-48-7"></a>
+<a id="__codelineno-48-8" name="__codelineno-48-8"></a><span class="w">    </span><span class="c1">//calls overrides parent class (must have same name)</span>
+<a id="__codelineno-48-9" name="__codelineno-48-9"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-48-10" name="__codelineno-48-10"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="p">(</span><span class="n">parameters</span><span class="p">){</span>
+<a id="__codelineno-48-11" name="__codelineno-48-11"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-48-12" name="__codelineno-48-12"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-48-13" name="__codelineno-48-13"></a>
+<a id="__codelineno-48-14" name="__codelineno-48-14"></a><span class="w">    </span><span class="kd">super</span><span class="p">().</span><span class="na">methodName</span><span class="p">(</span><span class="n">parameters</span><span class="p">);</span><span class="w">  </span><span class="c1">// calls the parent&#39;s method</span>
+<a id="__codelineno-48-15" name="__codelineno-48-15"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>An overridden method that returns a <code>ParentClass</code> can be overridden to return a <code>ChildClass</code>. This is the only case in which an overridden method can change the returned type.
+An overridden method can change the access modifier as long as the new modifier is more "permissive".</p>
+<p>A <code>ParentClass</code> type can contain a <code>ChildClass</code> object. This is useful for using collections and arrays of objects.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-49-1">1</a></span>
+<span class="normal"><a href="#__codelineno-49-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-49-1" name="__codelineno-49-1"></a><span class="n">ParentClass</span><span class="w"> </span><span class="n">objectName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">ChildClass</span><span class="p">();</span><span class="w">  </span><span class="c1">// upcast</span>
+<a id="__codelineno-49-2" name="__codelineno-49-2"></a><span class="p">(</span><span class="n">ChildClass</span><span class="p">)</span><span class="n">ParentClassObject</span><span class="p">;</span><span class="w">  </span><span class="c1">// downcast</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="abstract-classes-abstract-methods">Abstract Classes &amp; Abstract Methods</h3>
+<p>An Abstract Class is a particular class that contains an Abstract Method.
+This type of class cannot be instantiated but is used leave the specific implementation of some of it's methods to extending classes.
+Abstract classes are marked by the <code>abstract</code> keyword.</p>
+<p>An abstract method is a method without implementation.<br />
+The methods <strong>must</strong> be <code>public</code> and marked with the <code>abstract</code> keyword.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-50-1">1</a></span>
+<span class="normal"><a href="#__codelineno-50-2">2</a></span>
+<span class="normal"><a href="#__codelineno-50-3">3</a></span>
+<span class="normal"><a href="#__codelineno-50-4">4</a></span>
+<span class="normal"><a href="#__codelineno-50-5">5</a></span>
+<span class="normal"><a href="#__codelineno-50-6">6</a></span>
+<span class="normal"><a href="#__codelineno-50-7">7</a></span>
+<span class="normal"><a href="#__codelineno-50-8">8</a></span>
+<span class="normal"><a href="#__codelineno-50-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-50-1" name="__codelineno-50-1"></a><span class="c1">//abstract class</span>
+<a id="__codelineno-50-2" name="__codelineno-50-2"></a><span class="kd">abstract</span><span class="w"> </span><span class="kd">class</span> <span class="nc">className</span><span class="p">{</span>
+<a id="__codelineno-50-3" name="__codelineno-50-3"></a><span class="w">    </span><span class="c1">//attributes here</span>
+<a id="__codelineno-50-4" name="__codelineno-50-4"></a><span class="w">    </span><span class="c1">//constructor here</span>
+<a id="__codelineno-50-5" name="__codelineno-50-5"></a><span class="w">    </span><span class="c1">//getters &amp; setters here</span>
+<a id="__codelineno-50-6" name="__codelineno-50-6"></a>
+<a id="__codelineno-50-7" name="__codelineno-50-7"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kd">abstract</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="p">();</span><span class="w">  </span><span class="c1">//no method code</span>
+<a id="__codelineno-50-8" name="__codelineno-50-8"></a>
+<a id="__codelineno-50-9" name="__codelineno-50-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="interfaces">Interfaces</h3>
+<p>An Interface is a class with <em>only</em> abstract methods. An interface has more flexibility than an abstract class.<br />
+Interfaces are used to set requirements for child classes without specifying how to satisfy those requirements since it's methods will be implemented in child classes.<br />
+An Interface is marked by the <code>interface</code> keyword.
+If an implementing class implements only <code>some</code> of the interface's method than the class <strong>must be abstract</strong>.</p>
+<p>Interfaces' methods are always <code>abstract</code> and <code>public</code>, no need for the keyword.
+Interfaces' attributes are always <code>public static final</code>, no need for the keyword.</p>
+<p>A class can implement <em>more than one</em> Interface.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-51-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-51-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-51-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-51-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-51-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-51-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-51-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-51-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-51-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-51-10">10</a></span>
+<span class="normal"><a href="#__codelineno-51-11">11</a></span>
+<span class="normal"><a href="#__codelineno-51-12">12</a></span>
+<span class="normal"><a href="#__codelineno-51-13">13</a></span>
+<span class="normal"><a href="#__codelineno-51-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-51-1" name="__codelineno-51-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">InterfaceName</span><span class="p">{</span>
+<a id="__codelineno-51-2" name="__codelineno-51-2"></a><span class="w">    </span><span class="c1">//attributes here</span>
+<a id="__codelineno-51-3" name="__codelineno-51-3"></a>
+<a id="__codelineno-51-4" name="__codelineno-51-4"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="p">();</span><span class="w">  </span><span class="c1">//no method code</span>
+<a id="__codelineno-51-5" name="__codelineno-51-5"></a><span class="p">}</span>
+<a id="__codelineno-51-6" name="__codelineno-51-6"></a>
+<a id="__codelineno-51-7" name="__codelineno-51-7"></a><span class="c1">// interfaces can extend interfaces</span>
+<a id="__codelineno-51-8" name="__codelineno-51-8"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">OtherInterface</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">InterfaceName</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-51-9" name="__codelineno-51-9"></a><span class="w">    </span><span class="c1">//attributes here</span>
+<a id="__codelineno-51-10" name="__codelineno-51-10"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">methodName</span><span class="p">();</span><span class="w">  </span><span class="c1">// inherited from extended interface</span>
+<a id="__codelineno-51-11" name="__codelineno-51-11"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">otherMethod</span><span class="p">();</span><span class="w">  </span><span class="c1">// defined in the interface</span>
+<a id="__codelineno-51-12" name="__codelineno-51-12"></a><span class="p">}</span>
+<a id="__codelineno-51-13" name="__codelineno-51-13"></a>
+<a id="__codelineno-51-14" name="__codelineno-51-14"></a><span class="kd">class</span> <span class="nc">ClassName</span><span class="w"> </span><span class="kd">implements</span><span class="w"> </span><span class="n">Interface1</span><span class="p">,</span><span class="w"> </span><span class="n">Interface2</span><span class="w"> </span><span class="p">{...}</span>
+</code></pre></div></td></tr></table></div>
+<p>Types of Interfaces:</p>
+<ul>
+<li>Normal (multiple methods)</li>
+<li>Single Abstract Method (<code>@FunctionalInterface</code>, used with <em>Lambda Expressions</em>)</li>
+<li>Marker (Empty, <em>no methods</em>)</li>
+</ul>
+<p>Since Java 1.8 interfaces can implements also <code>static</code> methods.</p>
+<h3 id="enumerations">Enumerations</h3>
+<p>Enums are used to restrict the type of data to a set of the possible constant values.
+Enums are classes which constructor is private by default.
+It's still possible to create a custom constructor to add values.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-52-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-52-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-52-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-52-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-52-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-52-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-52-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-52-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-52-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-52-10">10</a></span>
+<span class="normal"><a href="#__codelineno-52-11">11</a></span>
+<span class="normal"><a href="#__codelineno-52-12">12</a></span>
+<span class="normal"><a href="#__codelineno-52-13">13</a></span>
+<span class="normal"><a href="#__codelineno-52-14">14</a></span>
+<span class="normal"><a href="#__codelineno-52-15">15</a></span>
+<span class="normal"><a href="#__codelineno-52-16">16</a></span>
+<span class="normal"><a href="#__codelineno-52-17">17</a></span>
+<span class="normal"><a href="#__codelineno-52-18">18</a></span>
+<span class="normal"><a href="#__codelineno-52-19">19</a></span>
+<span class="normal"><a href="#__codelineno-52-20">20</a></span>
+<span class="normal"><a href="#__codelineno-52-21">21</a></span>
+<span class="normal"><a href="#__codelineno-52-22">22</a></span>
+<span class="normal"><a href="#__codelineno-52-23">23</a></span>
+<span class="normal"><a href="#__codelineno-52-24">24</a></span>
+<span class="normal"><a href="#__codelineno-52-25">25</a></span>
+<span class="normal"><a href="#__codelineno-52-26">26</a></span>
+<span class="normal"><a href="#__codelineno-52-27">27</a></span>
+<span class="normal"><a href="#__codelineno-52-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-52-1" name="__codelineno-52-1"></a><span class="kd">enum</span><span class="w"> </span><span class="n">enumName</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-52-2" name="__codelineno-52-2"></a><span class="w">    </span><span class="n">value1</span><span class="p">,</span>
+<a id="__codelineno-52-3" name="__codelineno-52-3"></a><span class="w">    </span><span class="n">value2</span><span class="p">,</span>
+<a id="__codelineno-52-4" name="__codelineno-52-4"></a><span class="w">    </span><span class="p">...</span><span class="w"> </span><span class="p">,</span>
+<a id="__codelineno-52-5" name="__codelineno-52-5"></a><span class="w">    </span><span class="n">valueN</span><span class="p">;</span>
+<a id="__codelineno-52-6" name="__codelineno-52-6"></a><span class="p">}</span>
+<a id="__codelineno-52-7" name="__codelineno-52-7"></a>
+<a id="__codelineno-52-8" name="__codelineno-52-8"></a><span class="c1">//definition of an enumeration w/ custom constructor for valorization</span>
+<a id="__codelineno-52-9" name="__codelineno-52-9"></a><span class="c1">//constructor is not usable outside enum definition</span>
+<a id="__codelineno-52-10" name="__codelineno-52-10"></a><span class="kd">enum</span><span class="w"> </span><span class="n">enumName</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-52-11" name="__codelineno-52-11"></a><span class="w">    </span><span class="n">value1</span><span class="p">(</span><span class="n">value</span><span class="p">),</span><span class="w">  </span><span class="c1">//call constructor to valorize</span>
+<a id="__codelineno-52-12" name="__codelineno-52-12"></a><span class="w">    </span><span class="n">value2</span><span class="p">(</span><span class="n">value</span><span class="p">),</span>
+<a id="__codelineno-52-13" name="__codelineno-52-13"></a><span class="w">    </span><span class="p">...</span><span class="w"> </span><span class="p">,</span>
+<a id="__codelineno-52-14" name="__codelineno-52-14"></a><span class="w">    </span><span class="n">valueN</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+<a id="__codelineno-52-15" name="__codelineno-52-15"></a>
+<a id="__codelineno-52-16" name="__codelineno-52-16"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-52-17" name="__codelineno-52-17"></a>
+<a id="__codelineno-52-18" name="__codelineno-52-18"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">enumName</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">parameter</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-52-19" name="__codelineno-52-19"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="na">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">parameter</span><span class="p">;</span>
+<a id="__codelineno-52-20" name="__codelineno-52-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-52-21" name="__codelineno-52-21"></a>
+<a id="__codelineno-52-22" name="__codelineno-52-22"></a><span class="w">    </span><span class="c1">//getters are allowed, the values is a constant --&gt; no setters</span>
+<a id="__codelineno-52-23" name="__codelineno-52-23"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="nf">getValue</span><span class="p">(){</span>
+<a id="__codelineno-52-24" name="__codelineno-52-24"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="na">value</span><span class="p">;</span>
+<a id="__codelineno-52-25" name="__codelineno-52-25"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-52-26" name="__codelineno-52-26"></a><span class="p">}</span>
+<a id="__codelineno-52-27" name="__codelineno-52-27"></a>
+<a id="__codelineno-52-28" name="__codelineno-52-28"></a><span class="n">enumName</span><span class="w"> </span><span class="n">variable</span><span class="p">;</span><span class="w">  </span><span class="c1">//creation of a variable of type enumName</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="anonymous-classes">Anonymous Classes</h3>
+<p><em>Anonymous classes</em> make the code more concise. They enable to declare and instantiate a class at the same time. They are like local classes except that they do not have a name. Useful if is needed a local class that is used once.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-53-1">1</a></span>
+<span class="normal"><a href="#__codelineno-53-2">2</a></span>
+<span class="normal"><a href="#__codelineno-53-3">3</a></span>
+<span class="normal"><a href="#__codelineno-53-4">4</a></span>
+<span class="normal"><a href="#__codelineno-53-5">5</a></span>
+<span class="normal"><a href="#__codelineno-53-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-53-1" name="__codelineno-53-1"></a><span class="n">AnonymousClass</span><span class="w"> </span><span class="n">objectName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">AnonymousClass</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">parameter</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-53-2" name="__codelineno-53-2"></a>
+<a id="__codelineno-53-3" name="__codelineno-53-3"></a><span class="w">    </span><span class="c1">// attributes</span>
+<a id="__codelineno-53-4" name="__codelineno-53-4"></a>
+<a id="__codelineno-53-5" name="__codelineno-53-5"></a><span class="w">    </span><span class="c1">// methods</span>
+<a id="__codelineno-53-6" name="__codelineno-53-6"></a><span class="p">};</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="cloning">Cloning</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-54-1">1</a></span>
+<span class="normal"><a href="#__codelineno-54-2">2</a></span>
+<span class="normal"><a href="#__codelineno-54-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-54-1" name="__codelineno-54-1"></a><span class="kd">class</span> <span class="nc">ClassName</span><span class="w"> </span><span class="kd">implements</span><span class="w"> </span><span class="n">Clonable</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-54-2" name="__codelineno-54-2"></a>
+<a id="__codelineno-54-3" name="__codelineno-54-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="generics">Generics</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-55-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-55-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-55-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-55-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-55-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-55-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-55-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-55-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-55-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-55-10">10</a></span>
+<span class="normal"><a href="#__codelineno-55-11">11</a></span>
+<span class="normal"><a href="#__codelineno-55-12">12</a></span>
+<span class="normal"><a href="#__codelineno-55-13">13</a></span>
+<span class="normal"><a href="#__codelineno-55-14">14</a></span>
+<span class="normal"><a href="#__codelineno-55-15">15</a></span>
+<span class="normal"><a href="#__codelineno-55-16">16</a></span>
+<span class="normal"><a href="#__codelineno-55-17">17</a></span>
+<span class="normal"><a href="#__codelineno-55-18">18</a></span>
+<span class="normal"><a href="#__codelineno-55-19">19</a></span>
+<span class="normal"><a href="#__codelineno-55-20">20</a></span>
+<span class="normal"><a href="#__codelineno-55-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-55-1" name="__codelineno-55-1"></a><span class="c1">// WARNING: T is not instantiable, new t(), new t[] are INVALID</span>
+<a id="__codelineno-55-2" name="__codelineno-55-2"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-55-3" name="__codelineno-55-3"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="n">generic</span><span class="p">;</span>
+<a id="__codelineno-55-4" name="__codelineno-55-4"></a>
+<a id="__codelineno-55-5" name="__codelineno-55-5"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">GenericClass</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-55-6" name="__codelineno-55-6"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="nf">GenericClass</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">data</span><span class="p">){</span>
+<a id="__codelineno-55-7" name="__codelineno-55-7"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="na">generic</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">data</span><span class="p">;</span>
+<a id="__codelineno-55-8" name="__codelineno-55-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-55-9" name="__codelineno-55-9"></a>
+<a id="__codelineno-55-10" name="__codelineno-55-10"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="nf">getGeneric</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-55-11" name="__codelineno-55-11"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">generic</span><span class="p">;</span>
+<a id="__codelineno-55-12" name="__codelineno-55-12"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-55-13" name="__codelineno-55-13"></a>
+<a id="__codelineno-55-14" name="__codelineno-55-14"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">setGeneric</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">data</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-55-15" name="__codelineno-55-15"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="w"> </span><span class="n">generic</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">data</span><span class="p">;</span>
+<a id="__codelineno-55-16" name="__codelineno-55-16"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-55-17" name="__codelineno-55-17"></a>
+<a id="__codelineno-55-18" name="__codelineno-55-18"></a><span class="p">}</span>
+<a id="__codelineno-55-19" name="__codelineno-55-19"></a>
+<a id="__codelineno-55-20" name="__codelineno-55-20"></a><span class="n">GenericClass</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">GenericClass</span><span class="o">&lt;&gt;</span><span class="p">();</span>
+<a id="__codelineno-55-21" name="__codelineno-55-21"></a><span class="n">GenericClass</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;[]</span><span class="w"> </span><span class="n">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">GenericClass</span><span class="o">&lt;&gt;[]</span><span class="p">;</span><span class="w">  </span><span class="c1">// invalid</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiple-generics">Multiple Generics</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-56-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-56-1" name="__codelineno-56-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T1</span><span class="p">,</span><span class="w"> </span><span class="n">T2</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// number of generic types is not limited</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="parameters-constraints">Parameters Constraints</h3>
+<p>Specify an interface or class that the generic type must implement/inherit.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-57-1">1</a></span>
+<span class="normal"><a href="#__codelineno-57-2">2</a></span>
+<span class="normal"><a href="#__codelineno-57-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-57-1" name="__codelineno-57-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">Interface1</span><span class="w"> </span><span class="o">&amp;</span><span class="w"> </span><span class="n">Interface2</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-57-2" name="__codelineno-57-2"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T1</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">Interface1</span><span class="w"> </span><span class="o">&amp;</span><span class="w"> </span><span class="n">Interface2</span><span class="p">,</span><span class="w"> </span><span class="n">T2</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">Class1</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-57-3" name="__codelineno-57-3"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">T</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">Class1</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="generic-methods">Generic Methods</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-58-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-58-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-58-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-58-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-58-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-58-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-58-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-58-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-58-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-58-10">10</a></span>
+<span class="normal"><a href="#__codelineno-58-11">11</a></span>
+<span class="normal"><a href="#__codelineno-58-12">12</a></span>
+<span class="normal"><a href="#__codelineno-58-13">13</a></span>
+<span class="normal"><a href="#__codelineno-58-14">14</a></span>
+<span class="normal"><a href="#__codelineno-58-15">15</a></span>
+<span class="normal"><a href="#__codelineno-58-16">16</a></span>
+<span class="normal"><a href="#__codelineno-58-17">17</a></span>
+<span class="normal"><a href="#__codelineno-58-18">18</a></span>
+<span class="normal"><a href="#__codelineno-58-19">19</a></span>
+<span class="normal"><a href="#__codelineno-58-20">20</a></span>
+<span class="normal"><a href="#__codelineno-58-21">21</a></span>
+<span class="normal"><a href="#__codelineno-58-22">22</a></span>
+<span class="normal"><a href="#__codelineno-58-23">23</a></span>
+<span class="normal"><a href="#__codelineno-58-24">24</a></span>
+<span class="normal"><a href="#__codelineno-58-25">25</a></span>
+<span class="normal"><a href="#__codelineno-58-26">26</a></span>
+<span class="normal"><a href="#__codelineno-58-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-58-1" name="__codelineno-58-1"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">ClassName</span><span class="p">{</span>
+<a id="__codelineno-58-2" name="__codelineno-58-2"></a>
+<a id="__codelineno-58-3" name="__codelineno-58-3"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">methodName</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-58-4" name="__codelineno-58-4"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-58-5" name="__codelineno-58-5"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="n">_obj</span>
+<a id="__codelineno-58-6" name="__codelineno-58-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-58-7" name="__codelineno-58-7"></a>
+<a id="__codelineno-58-8" name="__codelineno-58-8"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">methodName</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">obj</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-58-9" name="__codelineno-58-9"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-58-10" name="__codelineno-58-10"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="n">_obj</span>
+<a id="__codelineno-58-11" name="__codelineno-58-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-58-12" name="__codelineno-58-12"></a><span class="p">}</span>
+<a id="__codelineno-58-13" name="__codelineno-58-13"></a>
+<a id="__codelineno-58-14" name="__codelineno-58-14"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">GenericClass</span><span class="o">&lt;</span><span class="n">S</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-58-15" name="__codelineno-58-15"></a>
+<a id="__codelineno-58-16" name="__codelineno-58-16"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">methodName</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-58-17" name="__codelineno-58-17"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-58-18" name="__codelineno-58-18"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="n">_obj</span>
+<a id="__codelineno-58-19" name="__codelineno-58-19"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-58-20" name="__codelineno-58-20"></a>
+<a id="__codelineno-58-21" name="__codelineno-58-21"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">methodName</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">obj</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-58-22" name="__codelineno-58-22"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-58-23" name="__codelineno-58-23"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="n">_obj</span>
+<a id="__codelineno-58-24" name="__codelineno-58-24"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-58-25" name="__codelineno-58-25"></a><span class="p">}</span>
+<a id="__codelineno-58-26" name="__codelineno-58-26"></a>
+<a id="__codelineno-58-27" name="__codelineno-58-27"></a><span class="n">obj</span><span class="p">.</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="n">methodName</span><span class="p">();</span><span class="w">  </span><span class="c1">// generic method call</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="file-io">File I/O</h2>
+<h3 id="text-files">Text Files</h3>
+<h4 id="writing-on-a-file">Writing on a file</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-59-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-59-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-59-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-59-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-59-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-59-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-59-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-59-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-59-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-59-10">10</a></span>
+<span class="normal"><a href="#__codelineno-59-11">11</a></span>
+<span class="normal"><a href="#__codelineno-59-12">12</a></span>
+<span class="normal"><a href="#__codelineno-59-13">13</a></span>
+<span class="normal"><a href="#__codelineno-59-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-59-1" name="__codelineno-59-1"></a><span class="c1">// opening/creating the file for writing</span>
+<a id="__codelineno-59-2" name="__codelineno-59-2"></a><span class="n">PrintWriter</span><span class="w"> </span><span class="n">outStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span><span class="p">;</span><span class="w">  </span><span class="c1">// output stream creation</span>
+<a id="__codelineno-59-3" name="__codelineno-59-3"></a><span class="k">try</span><span class="p">{</span>
+<a id="__codelineno-59-4" name="__codelineno-59-4"></a><span class="w">    </span><span class="n">outStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">PrintWriter</span><span class="p">(</span><span class="n">filename</span><span class="p">);</span><span class="w">  </span><span class="c1">// file-stream binding, file will be empty (creates or overwrites file)</span>
+<a id="__codelineno-59-5" name="__codelineno-59-5"></a><span class="w">    </span><span class="n">outStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">PrintWriter</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileOutputStream</span><span class="p">(</span><span class="n">filename</span><span class="p">,</span><span class="w"> </span><span class="kc">true</span><span class="p">));</span><span class="w">  </span><span class="c1">// stream for appending text</span>
+<a id="__codelineno-59-6" name="__codelineno-59-6"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">FileNotFoundException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-59-7" name="__codelineno-59-7"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-59-8" name="__codelineno-59-8"></a><span class="p">}</span>
+<a id="__codelineno-59-9" name="__codelineno-59-9"></a>
+<a id="__codelineno-59-10" name="__codelineno-59-10"></a><span class="c1">// write on the file</span>
+<a id="__codelineno-59-11" name="__codelineno-59-11"></a><span class="n">outStream</span><span class="p">.</span><span class="na">print</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span>
+<a id="__codelineno-59-12" name="__codelineno-59-12"></a><span class="n">outStream</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span>
+<a id="__codelineno-59-13" name="__codelineno-59-13"></a>
+<a id="__codelineno-59-14" name="__codelineno-59-14"></a><span class="n">outStream</span><span class="p">.</span><span class="na">close</span><span class="p">()</span><span class="w">  </span><span class="c1">// close stream and write buffer contents.</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: writing operations do not write directly on the file. The sent data is collected in a <strong>buffer</strong>. When the buffer is <em>full</em> the data is written in the file. This is called <em>buffering</em> and is used to append up operations.</p>
+<h4 id="reading-from-a-file">Reading from a file</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-60-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-60-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-60-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-60-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-60-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-60-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-60-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-60-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-60-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-60-10">10</a></span>
+<span class="normal"><a href="#__codelineno-60-11">11</a></span>
+<span class="normal"><a href="#__codelineno-60-12">12</a></span>
+<span class="normal"><a href="#__codelineno-60-13">13</a></span>
+<span class="normal"><a href="#__codelineno-60-14">14</a></span>
+<span class="normal"><a href="#__codelineno-60-15">15</a></span>
+<span class="normal"><a href="#__codelineno-60-16">16</a></span>
+<span class="normal"><a href="#__codelineno-60-17">17</a></span>
+<span class="normal"><a href="#__codelineno-60-18">18</a></span>
+<span class="normal"><a href="#__codelineno-60-19">19</a></span>
+<span class="normal"><a href="#__codelineno-60-20">20</a></span>
+<span class="normal"><a href="#__codelineno-60-21">21</a></span>
+<span class="normal"><a href="#__codelineno-60-22">22</a></span>
+<span class="normal"><a href="#__codelineno-60-23">23</a></span>
+<span class="normal"><a href="#__codelineno-60-24">24</a></span>
+<span class="normal"><a href="#__codelineno-60-25">25</a></span>
+<span class="normal"><a href="#__codelineno-60-26">26</a></span>
+<span class="normal"><a href="#__codelineno-60-27">27</a></span>
+<span class="normal"><a href="#__codelineno-60-28">28</a></span>
+<span class="normal"><a href="#__codelineno-60-29">29</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-60-1" name="__codelineno-60-1"></a><span class="n">Filereader</span><span class="w"> </span><span class="n">filereader</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Filereader</span><span class="p">(</span><span class="s">&quot;filename&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">//open the file</span>
+<a id="__codelineno-60-2" name="__codelineno-60-2"></a><span class="n">Scanner</span><span class="w"> </span><span class="n">scanner</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Scanner</span><span class="p">(</span><span class="n">filereader</span><span class="p">);</span><span class="w">  </span><span class="c1">//scanner for the file</span>
+<a id="__codelineno-60-3" name="__codelineno-60-3"></a>
+<a id="__codelineno-60-4" name="__codelineno-60-4"></a>
+<a id="__codelineno-60-5" name="__codelineno-60-5"></a><span class="n">Scanner</span><span class="w"> </span><span class="n">inStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span><span class="p">;</span>
+<a id="__codelineno-60-6" name="__codelineno-60-6"></a><span class="k">try</span><span class="p">{</span>
+<a id="__codelineno-60-7" name="__codelineno-60-7"></a><span class="w">    </span><span class="n">inStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">Scanner</span><span class="p">(</span><span class="n">File</span><span class="p">(</span><span class="n">filename</span><span class="p">));</span>
+<a id="__codelineno-60-8" name="__codelineno-60-8"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">FileNotFoundException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-9" name="__codelineno-60-9"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-60-10" name="__codelineno-60-10"></a><span class="p">}</span>
+<a id="__codelineno-60-11" name="__codelineno-60-11"></a>
+<a id="__codelineno-60-12" name="__codelineno-60-12"></a><span class="n">inStream</span><span class="p">.</span><span class="na">hasNext</span><span class="p">();</span><span class="w">  </span><span class="c1">// true if there is data to be read with next()</span>
+<a id="__codelineno-60-13" name="__codelineno-60-13"></a><span class="n">inStream</span><span class="p">.</span><span class="na">hasNextDouble</span><span class="p">();</span><span class="w">  </span><span class="c1">// true if there is data to be read with nextDouble()</span>
+<a id="__codelineno-60-14" name="__codelineno-60-14"></a><span class="n">inStream</span><span class="p">.</span><span class="na">hasNextInt</span><span class="p">();</span><span class="w">  </span><span class="c1">// true if there is data to be read with nextInt()</span>
+<a id="__codelineno-60-15" name="__codelineno-60-15"></a><span class="n">inStream</span><span class="p">.</span><span class="na">hasNextLine</span><span class="p">();</span><span class="w">  </span><span class="c1">// true if there is data to be read with nextLine()</span>
+<a id="__codelineno-60-16" name="__codelineno-60-16"></a>
+<a id="__codelineno-60-17" name="__codelineno-60-17"></a>
+<a id="__codelineno-60-18" name="__codelineno-60-18"></a><span class="n">BufferedReader</span><span class="w"> </span><span class="n">inStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span><span class="p">;</span>
+<a id="__codelineno-60-19" name="__codelineno-60-19"></a><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-20" name="__codelineno-60-20"></a><span class="w">    </span><span class="n">inStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">BufferReader</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">Filereader</span><span class="p">(</span><span class="n">filename</span><span class="p">));</span><span class="w">  </span><span class="c1">//buffed reader for file</span>
+<a id="__codelineno-60-21" name="__codelineno-60-21"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">FileNotFoundException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-22" name="__codelineno-60-22"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-60-23" name="__codelineno-60-23"></a><span class="p">}</span>
+<a id="__codelineno-60-24" name="__codelineno-60-24"></a>
+<a id="__codelineno-60-25" name="__codelineno-60-25"></a><span class="c1">// BufferedReader Methods</span>
+<a id="__codelineno-60-26" name="__codelineno-60-26"></a><span class="kd">public</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="nf">readLine</span><span class="p">()</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="w">  </span><span class="c1">// return file line or null (file has ended)</span>
+<a id="__codelineno-60-27" name="__codelineno-60-27"></a><span class="kd">public</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="nf">read</span><span class="p">()</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="w">  </span><span class="c1">// return an integer representing a char or -1 (file has ended)</span>
+<a id="__codelineno-60-28" name="__codelineno-60-28"></a><span class="kd">public</span><span class="w"> </span><span class="kt">long</span><span class="w"> </span><span class="nf">skip</span><span class="p">(</span><span class="n">n</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="w">  </span><span class="c1">// skip n characters</span>
+<a id="__codelineno-60-29" name="__codelineno-60-29"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">close</span><span class="p">()</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="w">  </span><span class="c1">// closes the stream</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="file-class"><code>File()</code> class</h4>
+<p>The File class is an abstraction of the file and it's path. The abstraction is independent from the OS.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-61-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-61-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-61-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-61-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-61-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-61-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-61-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-61-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-61-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-61-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-61-1" name="__codelineno-61-1"></a><span class="n">File</span><span class="p">(</span><span class="s">&quot;path/to/file&quot;</span><span class="p">)</span><span class="w">  </span><span class="c1">// UNIX like path</span>
+<a id="__codelineno-61-2" name="__codelineno-61-2"></a><span class="n">File</span><span class="p">(</span><span class="s">&quot;path\\to\\file&quot;</span><span class="p">)</span><span class="w">  </span><span class="c1">// Windows path</span>
+<a id="__codelineno-61-3" name="__codelineno-61-3"></a>
+<a id="__codelineno-61-4" name="__codelineno-61-4"></a><span class="n">file</span><span class="p">.</span><span class="na">canRead</span><span class="p">()</span><span class="w">  </span><span class="c1">// true if file is readable</span>
+<a id="__codelineno-61-5" name="__codelineno-61-5"></a><span class="n">file</span><span class="p">.</span><span class="na">canWrite</span><span class="p">()</span><span class="w">  </span><span class="c1">// true if file is writable</span>
+<a id="__codelineno-61-6" name="__codelineno-61-6"></a><span class="n">file</span><span class="p">.</span><span class="na">delete</span><span class="p">()</span><span class="w">  </span><span class="c1">// true if file has been deleted</span>
+<a id="__codelineno-61-7" name="__codelineno-61-7"></a><span class="n">file</span><span class="p">.</span><span class="na">exists</span><span class="p">()</span><span class="w">  </span><span class="c1">// check if exist a file with the filename used in the constructor</span>
+<a id="__codelineno-61-8" name="__codelineno-61-8"></a><span class="n">file</span><span class="p">.</span><span class="na">getName</span><span class="p">()</span><span class="w">  </span><span class="c1">// returns the filename</span>
+<a id="__codelineno-61-9" name="__codelineno-61-9"></a><span class="n">file</span><span class="p">.</span><span class="na">getPath</span><span class="p">()</span><span class="w">  </span><span class="c1">// returns the file&#39;s path</span>
+<a id="__codelineno-61-10" name="__codelineno-61-10"></a><span class="n">file</span><span class="p">.</span><span class="na">length</span><span class="p">()</span><span class="w">  </span><span class="c1">// file length in bytes</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="binary-files">Binary Files</h3>
+<h4 id="writing-to-a-binary-file">Writing to a binary file</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-62-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-62-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-62-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-62-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-62-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-62-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-62-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-62-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-62-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-62-10">10</a></span>
+<span class="normal"><a href="#__codelineno-62-11">11</a></span>
+<span class="normal"><a href="#__codelineno-62-12">12</a></span>
+<span class="normal"><a href="#__codelineno-62-13">13</a></span>
+<span class="normal"><a href="#__codelineno-62-14">14</a></span>
+<span class="normal"><a href="#__codelineno-62-15">15</a></span>
+<span class="normal"><a href="#__codelineno-62-16">16</a></span>
+<span class="normal"><a href="#__codelineno-62-17">17</a></span>
+<span class="normal"><a href="#__codelineno-62-18">18</a></span>
+<span class="normal"><a href="#__codelineno-62-19">19</a></span>
+<span class="normal"><a href="#__codelineno-62-20">20</a></span>
+<span class="normal"><a href="#__codelineno-62-21">21</a></span>
+<span class="normal"><a href="#__codelineno-62-22">22</a></span>
+<span class="normal"><a href="#__codelineno-62-23">23</a></span>
+<span class="normal"><a href="#__codelineno-62-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-62-1" name="__codelineno-62-1"></a><span class="n">ObjectOutputStream</span><span class="w"> </span><span class="n">outStream</span><span class="p">;</span>
+<a id="__codelineno-62-2" name="__codelineno-62-2"></a><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-62-3" name="__codelineno-62-3"></a><span class="w">    </span><span class="n">outStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ObjectOutputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileOutputSteam</span><span class="p">(</span><span class="n">filename</span><span class="p">));</span>
+<a id="__codelineno-62-4" name="__codelineno-62-4"></a><span class="w">    </span><span class="c1">// write operations here since they can cause IOException</span>
+<a id="__codelineno-62-5" name="__codelineno-62-5"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">FileNotFoundException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-62-6" name="__codelineno-62-6"></a>
+<a id="__codelineno-62-7" name="__codelineno-62-7"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">IOException</span><span class="w"> </span><span class="n">e</span><span class="p">){</span>
+<a id="__codelineno-62-8" name="__codelineno-62-8"></a>
+<a id="__codelineno-62-9" name="__codelineno-62-9"></a><span class="p">}</span>
+<a id="__codelineno-62-10" name="__codelineno-62-10"></a>
+<a id="__codelineno-62-11" name="__codelineno-62-11"></a><span class="c1">// ObjectOutputStream Methods</span>
+<a id="__codelineno-62-12" name="__codelineno-62-12"></a><span class="kd">public</span><span class="w"> </span><span class="nf">ObjectOutputStream</span><span class="p">(</span><span class="n">OutputStream</span><span class="w"> </span><span class="n">streamObj</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">FileNotFoundException</span>
+<a id="__codelineno-62-13" name="__codelineno-62-13"></a><span class="kd">public</span><span class="w"> </span><span class="nf">ObjectOutputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileOutputStream</span><span class="p">(</span><span class="n">filename</span><span class="p">))</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">FileNotFoundException</span>
+<a id="__codelineno-62-14" name="__codelineno-62-14"></a><span class="kd">public</span><span class="w"> </span><span class="nf">ObjectOutputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileOutputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">File</span><span class="p">(</span><span class="n">filename</span><span class="p">)))</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">FileNotFoundException</span>
+<a id="__codelineno-62-15" name="__codelineno-62-15"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeInt</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">n</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-16" name="__codelineno-62-16"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeLong</span><span class="p">(</span><span class="kt">long</span><span class="w"> </span><span class="n">n</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-17" name="__codelineno-62-17"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeDouble</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-18" name="__codelineno-62-18"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeFloat</span><span class="p">(</span><span class="kt">float</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-19" name="__codelineno-62-19"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeChar</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-20" name="__codelineno-62-20"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeChar</span><span class="p">(</span><span class="kt">char</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-21" name="__codelineno-62-21"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeBoolean</span><span class="p">(</span><span class="kt">boolean</span><span class="w"> </span><span class="n">b</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-22" name="__codelineno-62-22"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeUTF</span><span class="p">(</span><span class="n">String</span><span class="w"> </span><span class="n">s</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-62-23" name="__codelineno-62-23"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">writeObject</span><span class="p">(</span><span class="n">Object</span><span class="w"> </span><span class="n">obj</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">NotSerializableException</span><span class="p">,</span><span class="w"> </span><span class="n">InvalidClassException</span><span class="w">  </span><span class="c1">// Object must be serializable</span>
+<a id="__codelineno-62-24" name="__codelineno-62-24"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">close</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="reading-from-a-binary-file">Reading from a binary file</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-63-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-63-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-63-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-63-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-63-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-63-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-63-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-63-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-63-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-63-10">10</a></span>
+<span class="normal"><a href="#__codelineno-63-11">11</a></span>
+<span class="normal"><a href="#__codelineno-63-12">12</a></span>
+<span class="normal"><a href="#__codelineno-63-13">13</a></span>
+<span class="normal"><a href="#__codelineno-63-14">14</a></span>
+<span class="normal"><a href="#__codelineno-63-15">15</a></span>
+<span class="normal"><a href="#__codelineno-63-16">16</a></span>
+<span class="normal"><a href="#__codelineno-63-17">17</a></span>
+<span class="normal"><a href="#__codelineno-63-18">18</a></span>
+<span class="normal"><a href="#__codelineno-63-19">19</a></span>
+<span class="normal"><a href="#__codelineno-63-20">20</a></span>
+<span class="normal"><a href="#__codelineno-63-21">21</a></span>
+<span class="normal"><a href="#__codelineno-63-22">22</a></span>
+<span class="normal"><a href="#__codelineno-63-23">23</a></span>
+<span class="normal"><a href="#__codelineno-63-24">24</a></span>
+<span class="normal"><a href="#__codelineno-63-25">25</a></span>
+<span class="normal"><a href="#__codelineno-63-26">26</a></span>
+<span class="normal"><a href="#__codelineno-63-27">27</a></span>
+<span class="normal"><a href="#__codelineno-63-28">28</a></span>
+<span class="normal"><a href="#__codelineno-63-29">29</a></span>
+<span class="normal"><a href="#__codelineno-63-30">30</a></span>
+<span class="normal"><a href="#__codelineno-63-31">31</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-63-1" name="__codelineno-63-1"></a><span class="n">ObjectInputStream</span><span class="w"> </span><span class="n">inStream</span><span class="p">;</span>
+<a id="__codelineno-63-2" name="__codelineno-63-2"></a><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-63-3" name="__codelineno-63-3"></a><span class="w">    </span><span class="n">inStream</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">new</span><span class="w"> </span><span class="n">ObjectInputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileinputSteam</span><span class="p">(</span><span class="n">filename</span><span class="p">));</span>
+<a id="__codelineno-63-4" name="__codelineno-63-4"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">FileNotFoundException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-63-5" name="__codelineno-63-5"></a>
+<a id="__codelineno-63-6" name="__codelineno-63-6"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">IOException</span><span class="w"> </span><span class="n">e</span><span class="p">){</span>
+<a id="__codelineno-63-7" name="__codelineno-63-7"></a>
+<a id="__codelineno-63-8" name="__codelineno-63-8"></a><span class="p">}</span>
+<a id="__codelineno-63-9" name="__codelineno-63-9"></a>
+<a id="__codelineno-63-10" name="__codelineno-63-10"></a><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-63-11" name="__codelineno-63-11"></a><span class="w">    </span><span class="k">while</span><span class="p">(</span><span class="kc">true</span><span class="p">){</span>
+<a id="__codelineno-63-12" name="__codelineno-63-12"></a><span class="w">        </span><span class="c1">// read fom file</span>
+<a id="__codelineno-63-13" name="__codelineno-63-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-63-14" name="__codelineno-63-14"></a><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="n">EOFException</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// thrown when and of file has been reached</span>
+<a id="__codelineno-63-15" name="__codelineno-63-15"></a><span class="w">    </span><span class="c1">// do nothing, only used to stop the cycle</span>
+<a id="__codelineno-63-16" name="__codelineno-63-16"></a><span class="p">}</span>
+<a id="__codelineno-63-17" name="__codelineno-63-17"></a>
+<a id="__codelineno-63-18" name="__codelineno-63-18"></a><span class="c1">// ObjectOutputStream Methods</span>
+<a id="__codelineno-63-19" name="__codelineno-63-19"></a><span class="kd">public</span><span class="w"> </span><span class="nf">ObjectOutputStream</span><span class="p">(</span><span class="n">InputStream</span><span class="w"> </span><span class="n">streamObj</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">FileNotFoundException</span>
+<a id="__codelineno-63-20" name="__codelineno-63-20"></a><span class="kd">public</span><span class="w"> </span><span class="nf">ObjectOutputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileInputStream</span><span class="p">(</span><span class="n">filename</span><span class="p">))</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">FileNotFoundException</span>
+<a id="__codelineno-63-21" name="__codelineno-63-21"></a><span class="kd">public</span><span class="w"> </span><span class="nf">ObjectOutputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">FileInputStream</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">File</span><span class="p">(</span><span class="n">filename</span><span class="p">)))</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">FileNotFoundException</span>
+<a id="__codelineno-63-22" name="__codelineno-63-22"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readInt</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">n</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-23" name="__codelineno-63-23"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readLong</span><span class="p">(</span><span class="kt">long</span><span class="w"> </span><span class="n">n</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-24" name="__codelineno-63-24"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readDouble</span><span class="p">(</span><span class="kt">double</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-25" name="__codelineno-63-25"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readFloat</span><span class="p">(</span><span class="kt">float</span><span class="w"> </span><span class="n">x</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-26" name="__codelineno-63-26"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readChar</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-27" name="__codelineno-63-27"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readChar</span><span class="p">(</span><span class="kt">char</span><span class="w"> </span><span class="n">c</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-28" name="__codelineno-63-28"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readBoolean</span><span class="p">(</span><span class="kt">boolean</span><span class="w"> </span><span class="n">b</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-29" name="__codelineno-63-29"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readUTF</span><span class="p">(</span><span class="n">String</span><span class="w"> </span><span class="n">s</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span>
+<a id="__codelineno-63-30" name="__codelineno-63-30"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">readObject</span><span class="p">(</span><span class="n">Object</span><span class="w"> </span><span class="n">obj</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">IOException</span><span class="p">,</span><span class="w"> </span><span class="n">NotSerializableException</span><span class="p">,</span><span class="w"> </span><span class="n">InvalidClassException</span><span class="w">  </span><span class="c1">// Object must be serializable</span>
+<a id="__codelineno-63-31" name="__codelineno-63-31"></a><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">close</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="object-array-io-with-binary-files-serialization">Object &amp; Array I/O with Binary Files (Serialization)</h3>
+<p>Needed for a class to be <em>serializable</em>:</p>
+<ul>
+<li>implements the <code>Serializable</code> interface</li>
+<li>all instance variables are serializable</li>
+<li>superclass, if exists, is serializable or has default constructor</li>
+</ul>
+<p>An array is serializable if it's base type is a serializable object.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-64-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-64-1" name="__codelineno-64-1"></a><span class="n">SerializableObject</span><span class="o">[]</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="n">SerializableObject</span><span class="o">[]</span><span class="p">)</span><span class="n">inStream</span><span class="p">.</span><span class="na">readObject</span><span class="p">();</span><span class="w">  </span><span class="c1">// read returns Object, cast needed</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functional-programming-in-java">Functional Programming in Java</h2>
+<h3 id="functional-interfaces">Functional Interfaces</h3>
+<p>Functional interfaces provide target types for <em>lambda expressions</em>.</p>
+<p>General purpose <code>@functionalInterfaces</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-65-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-65-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-65-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-65-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-65-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-65-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-65-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-65-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-65-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-65-10">10</a></span>
+<span class="normal"><a href="#__codelineno-65-11">11</a></span>
+<span class="normal"><a href="#__codelineno-65-12">12</a></span>
+<span class="normal"><a href="#__codelineno-65-13">13</a></span>
+<span class="normal"><a href="#__codelineno-65-14">14</a></span>
+<span class="normal"><a href="#__codelineno-65-15">15</a></span>
+<span class="normal"><a href="#__codelineno-65-16">16</a></span>
+<span class="normal"><a href="#__codelineno-65-17">17</a></span>
+<span class="normal"><a href="#__codelineno-65-18">18</a></span>
+<span class="normal"><a href="#__codelineno-65-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-65-1" name="__codelineno-65-1"></a><span class="c1">// takes input, performs actions, return boolean</span>
+<a id="__codelineno-65-2" name="__codelineno-65-2"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">Predicate</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-65-3" name="__codelineno-65-3"></a><span class="w">    </span><span class="kt">boolean</span><span class="w"> </span><span class="nf">test</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">t</span><span class="p">);</span>
+<a id="__codelineno-65-4" name="__codelineno-65-4"></a><span class="p">}</span>
+<a id="__codelineno-65-5" name="__codelineno-65-5"></a>
+<a id="__codelineno-65-6" name="__codelineno-65-6"></a><span class="c1">// takes input, performs action, no output returned</span>
+<a id="__codelineno-65-7" name="__codelineno-65-7"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">Consumer</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-65-8" name="__codelineno-65-8"></a><span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">accept</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">t</span><span class="p">);</span>
+<a id="__codelineno-65-9" name="__codelineno-65-9"></a><span class="p">}</span>
+<a id="__codelineno-65-10" name="__codelineno-65-10"></a>
+<a id="__codelineno-65-11" name="__codelineno-65-11"></a><span class="c1">// takes no input, performs action, returns an output</span>
+<a id="__codelineno-65-12" name="__codelineno-65-12"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">Supplier</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-65-13" name="__codelineno-65-13"></a><span class="w">    </span><span class="n">T</span><span class="w"> </span><span class="nf">get</span><span class="p">();</span>
+<a id="__codelineno-65-14" name="__codelineno-65-14"></a><span class="p">}</span>
+<a id="__codelineno-65-15" name="__codelineno-65-15"></a>
+<a id="__codelineno-65-16" name="__codelineno-65-16"></a><span class="c1">// takes T as input, performs action, returns R as output</span>
+<a id="__codelineno-65-17" name="__codelineno-65-17"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">Function</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">R</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-65-18" name="__codelineno-65-18"></a><span class="w">    </span><span class="n">R</span><span class="w"> </span><span class="nf">apply</span><span class="p">(</span><span class="n">T</span><span class="w"> </span><span class="n">t</span><span class="p">);</span>
+<a id="__codelineno-65-19" name="__codelineno-65-19"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="streams">Streams</h3>
+<p>In java a <em>stream</em> is a <a href="https://en.wikipedia.org/wiki/Monad_%28functional_programming%29#Usage">Monad</a>. Monads allow the programmer to compose a sequence of operations, similar to a pipeline chaining expressions together.</p>
+<p>The features of Java stream are:</p>
+<ul>
+<li>A stream is not a data structure instead it takes input from the Collections, Arrays or I/O channels.</li>
+<li>Streams don't change the original data structure, they only provide the result as per the pipelined methods.</li>
+<li>Each intermediate operation is lazily executed and returns a stream as a result, hence various intermediate operations can be pipelined. Terminal operations mark the end of the stream and return the result.</li>
+</ul>
+<p><strong>Intermediate Operations</strong>:</p>
+<ul>
+<li><code>anyMatch()</code></li>
+<li><code>distinct()</code></li>
+<li><code>filter()</code></li>
+<li><code>findFirst()</code></li>
+<li><code>flatmap()</code></li>
+<li><code>map()</code></li>
+<li><code>skip()</code></li>
+<li><code>sorted()</code></li>
+</ul>
+<p><strong>Terminal Operations</strong>:</p>
+<ul>
+<li><code>forEach()</code> applies the same operation on each element</li>
+<li><code>collect()</code> saves the elements in a new collection</li>
+<li>reduce to a single summary element: <code>count()</code>, <code>max()</code>, <code>min()</code>, <code>reduce()</code>, <code>summaryStatistics()</code></li>
+</ul>
+<h3 id="lambda-expressions">Lambda Expressions</h3>
+<p>Usable only by a <code>@FunctionalInterface</code>'s method or a method of a <em>stream</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-66-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-66-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-66-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-66-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-66-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-66-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-66-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-66-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-66-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-66-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-66-1" name="__codelineno-66-1"></a><span class="n">lambda</span><span class="w"> </span><span class="n">operator</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">body</span><span class="p">;</span>
+<a id="__codelineno-66-2" name="__codelineno-66-2"></a>
+<a id="__codelineno-66-3" name="__codelineno-66-3"></a><span class="c1">//zero parameter</span>
+<a id="__codelineno-66-4" name="__codelineno-66-4"></a><span class="p">()</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">body</span><span class="p">;</span>
+<a id="__codelineno-66-5" name="__codelineno-66-5"></a>
+<a id="__codelineno-66-6" name="__codelineno-66-6"></a><span class="c1">//one parameter</span>
+<a id="__codelineno-66-7" name="__codelineno-66-7"></a><span class="p">(</span><span class="n">p</span><span class="p">)</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">body</span>
+<a id="__codelineno-66-8" name="__codelineno-66-8"></a>
+<a id="__codelineno-66-9" name="__codelineno-66-9"></a><span class="c1">// multiple parameter</span>
+<a id="__codelineno-66-10" name="__codelineno-66-10"></a><span class="p">(</span><span class="n">p1</span><span class="p">,</span><span class="w"> </span><span class="n">p2</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">body</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../dotnet/database/entity-framework.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Entity Framework">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Entity Framework
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="java-collection-framework.html" class="md-footer__link md-footer__link--next" aria-label="Next: Java Collection Framework">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Java Collection Framework
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/java/spring/pom.xml.html b/languages/java/spring/pom.xml.html
new file mode 100644
index 0000000..2f06e87
--- /dev/null
+++ b/languages/java/spring/pom.xml.html
@@ -0,0 +1,4183 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/java/spring/pom.xml.html">
+      
+      
+        <link rel="prev" href="../web/servlet.html">
+      
+      
+        <link rel="next" href="spring-project.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>POM - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="POM - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/spring/pom.xml.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/java/spring/pom.xml.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="POM - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/spring/pom.xml.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#pomxml" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              POM
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="pom.xml.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="pomxml">pom.xml</h1>
+<p>File specifing project dependencies.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="cp">&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="nt">&lt;project</span><span class="w"> </span><span class="na">xmlns=</span><span class="s">&quot;http://maven.apache.org/POM/4.0.0&quot;</span><span class="w"> </span><span class="na">xmlns:xsi=</span><span class="s">&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="na">xsi:schemaLocation=</span><span class="s">&quot;http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd&quot;</span><span class="nt">&gt;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="nt">&lt;modelVersion&gt;</span>major.minor.patch<span class="nt">&lt;/modelVersion&gt;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">    </span><span class="nt">&lt;parent&gt;</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">        </span><span class="nt">&lt;groupId&gt;</span>org.springframework.boot<span class="nt">&lt;/groupId&gt;</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">        </span><span class="nt">&lt;artifactId&gt;</span>spring-boot-starter-parent<span class="nt">&lt;/artifactId&gt;</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">        </span><span class="nt">&lt;version&gt;</span>major.minor.patch.RELEASE<span class="nt">&lt;/version&gt;</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">        </span><span class="nt">&lt;relativePath/&gt;</span><span class="w"> </span><span class="cm">&lt;!-- lookup parent from repository --&gt;</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">    </span><span class="nt">&lt;/parent&gt;</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">    </span><span class="nt">&lt;groupId&gt;</span>base_package<span class="nt">&lt;/groupId&gt;</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="w">    </span><span class="nt">&lt;artifactId&gt;</span>Project_Name<span class="nt">&lt;/artifactId&gt;</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">    </span><span class="nt">&lt;version&gt;</span>major.minor.patch<span class="nt">&lt;/version&gt;</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="w">    </span><span class="nt">&lt;name&gt;</span>Project_Name<span class="nt">&lt;/name&gt;</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">    </span><span class="nt">&lt;description&gt;</span>...<span class="nt">&lt;/description&gt;</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">    </span><span class="nt">&lt;properties&gt;</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">        </span><span class="nt">&lt;java.version&gt;</span>11<span class="nt">&lt;/java.version&gt;</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="w">    </span><span class="nt">&lt;/properties&gt;</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="w">    </span><span class="nt">&lt;dependencies&gt;</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="w">        </span><span class="nt">&lt;dependency&gt;</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="w">            </span><span class="nt">&lt;groupId&gt;</span>org.springframework.boot<span class="nt">&lt;/groupId&gt;</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="w">            </span><span class="nt">&lt;artifactId&gt;</span>spring-boot-starter-data-jpa<span class="nt">&lt;/artifactId&gt;</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="w">        </span><span class="nt">&lt;/dependency&gt;</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a><span class="w">    </span><span class="nt">&lt;/dependencies&gt;</span>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="w">    </span><span class="nt">&lt;build&gt;</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a><span class="w">        </span><span class="nt">&lt;plugins&gt;</span>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="w">            </span><span class="nt">&lt;plugin&gt;</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="w">                </span><span class="nt">&lt;groupId&gt;</span>org.springframework.boot<span class="nt">&lt;/groupId&gt;</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a><span class="w">                </span><span class="nt">&lt;artifactId&gt;</span>spring-boot-maven-plugin<span class="nt">&lt;/artifactId&gt;</span>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="w">            </span><span class="nt">&lt;/plugin&gt;</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a><span class="w">        </span><span class="nt">&lt;/plugins&gt;</span>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="w">    </span><span class="nt">&lt;/build&gt;</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a><span class="nt">&lt;/project&gt;</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../web/servlet.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Serverlet">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Serverlet
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="spring-project.html" class="md-footer__link md-footer__link--next" aria-label="Next: Project Structure">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Project Structure
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/java/spring/spring-project.html b/languages/java/spring/spring-project.html
new file mode 100644
index 0000000..9a39d1f
--- /dev/null
+++ b/languages/java/spring/spring-project.html
@@ -0,0 +1,4577 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/java/spring/spring-project.html">
+      
+      
+        <link rel="prev" href="pom.xml.html">
+      
+      
+        <link rel="next" href="../../php/php.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Project Structure - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Project Structure - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/spring/spring-project.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/java/spring/spring-project.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Project Structure - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/spring/spring-project.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#spring-project" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Project Structure
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="spring-project.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#libs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Libs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#applicationproperties" class="md-nav__link">
+    <span class="md-ellipsis">
+      application.properties
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-entities" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package entities
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-dal" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package dal
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-services" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package services
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-integration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package integration
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#libs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Libs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#applicationproperties" class="md-nav__link">
+    <span class="md-ellipsis">
+      application.properties
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-entities" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package entities
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-dal" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package dal
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-services" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package services
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#package-integration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package integration
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="spring-project">Spring Project</h1>
+<h2 id="libs">Libs</h2>
+<ul>
+<li>MySql Driver</li>
+<li>Spring Data JPA (data persistance)</li>
+<li>Spring Boot Dev Tools</li>
+<li>Jersey (Serializzazione)</li>
+<li>Spring Web</li>
+</ul>
+<h2 id="applicationproperties">application.properties</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">INI</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="na">spring.datasource.url</span><span class="o">=</span><span class="s">DB_url</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="na">spring.datasource.username</span><span class="o">=</span><span class="s">user</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="na">spring.datasource.password</span><span class="o">=</span><span class="s">password</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="na">spring.jpa.show-sql</span><span class="o">=</span><span class="s">true</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="na">server.port</span><span class="o">=</span><span class="s">server_port</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="package-entities">Package <code>entities</code></h2>
+<p>Model of a table of the DB</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span>
+<span class="normal"><a href="#__codelineno-1-21">21</a></span>
+<span class="normal"><a href="#__codelineno-1-22">22</a></span>
+<span class="normal"><a href="#__codelineno-1-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kn">package</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">entities</span><span class="p">;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.persistence.Entity</span><span class="p">;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.persistence.GeneratedValue</span><span class="p">;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.persistence.GenerationType</span><span class="p">;</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.persistence.Id</span><span class="p">;</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.persistence.Table</span><span class="p">;</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="nd">@Entity</span><span class="w">  </span><span class="c1">// set as DB Entity (DB record Java implementation)</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">Entity</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="w">    </span><span class="nd">@Id</span><span class="w">  </span><span class="c1">// set as Primary Key</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="w">    </span><span class="nd">@GeneratedValue</span><span class="p">(</span><span class="n">strategy</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">GenerationType</span><span class="p">.</span><span class="na">IDENTITY</span><span class="p">)</span><span class="w">  </span><span class="c1">// id is autoincremented by the DB</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">;</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="w">    </span><span class="c1">// no constructor (Spring requirement)</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="w">    </span><span class="c1">// table columns attributes</span>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a><span class="w">    </span><span class="c1">// getters &amp; setters</span>
+<a id="__codelineno-1-21" name="__codelineno-1-21"></a>
+<a id="__codelineno-1-22" name="__codelineno-1-22"></a><span class="w">   </span><span class="c1">// toString()</span>
+<a id="__codelineno-1-23" name="__codelineno-1-23"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="package-dal">Package <code>dal</code></h2>
+<p>Spring Interface for DB connection and CRUD operations.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kn">package</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">dal</span><span class="w">  </span><span class="c1">// or .repository</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.data.repository.JpaRepository</span><span class="p">;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.data.repository.Query</span><span class="p">;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.data.repository.query.Param</span><span class="p">;</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="c1">// interface for spring Hibernate JPA</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="c1">// CrudRepository&lt;Entity, PK_Type&gt;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">IEntityDAO</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">JpaRepository</span><span class="o">&lt;</span><span class="n">Entity</span><span class="p">,</span><span class="w"> </span><span class="n">Integer</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="w">    </span><span class="c1">// custom query</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">    </span><span class="nd">@Query</span><span class="p">(</span><span class="s">&quot;FROM &lt;Entity&gt; WHERE param = :param&quot;</span><span class="p">)</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">query</span><span class="p">(</span><span class="nd">@Param</span><span class="p">(</span><span class="s">&quot;param&quot;</span><span class="p">)</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">);</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="package-services">Package <code>services</code></h2>
+<p>Interfaces and method to access the Data Access Layer (DAL).</p>
+<p>In <code>IEntityService.java</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span>
+<span class="normal"><a href="#__codelineno-3-22">22</a></span>
+<span class="normal"><a href="#__codelineno-3-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kn">package</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">services</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.util.List</span><span class="p">;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.beans.factory.annotation.Autowired</span><span class="p">;</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="kn">import</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">Entity</span><span class="p">;</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="kn">import</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">IEntityRepository</span><span class="p">;</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="c1">// CRUD method implemented on Entity</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="kd">public</span><span class="w"> </span><span class="kd">interface</span> <span class="nc">IEntityService</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="w">    </span><span class="n">String</span><span class="w"> </span><span class="n">FIND_ALL</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;SELECT * FROM &lt;table&gt;&quot;</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w">    </span><span class="n">String</span><span class="w"> </span><span class="n">FIND_ONE</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;SELECT * FROM &lt;table&gt; WHERE id = ?&quot;</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="w">    </span><span class="n">List</span><span class="o">&lt;</span><span class="n">Entity</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">findAll</span><span class="p">();</span>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a><span class="w">    </span><span class="n">Entity</span><span class="w"> </span><span class="nf">findOne</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">);</span>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">addEntity</span><span class="p">(</span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">);</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a><span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">updateEntity</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">,</span><span class="w"> </span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">);</span>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">deleteEntity</span><span class="p">(</span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">);</span>
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a><span class="w">    </span><span class="kt">void</span><span class="w"> </span><span class="nf">deleteEntity</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">);</span>
+<a id="__codelineno-3-22" name="__codelineno-3-22"></a>
+<a id="__codelineno-3-23" name="__codelineno-3-23"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>EntityService.java</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span>
+<span class="normal"><a href="#__codelineno-4-19">19</a></span>
+<span class="normal"><a href="#__codelineno-4-20">20</a></span>
+<span class="normal"><a href="#__codelineno-4-21">21</a></span>
+<span class="normal"><a href="#__codelineno-4-22">22</a></span>
+<span class="normal"><a href="#__codelineno-4-23">23</a></span>
+<span class="normal"><a href="#__codelineno-4-24">24</a></span>
+<span class="normal"><a href="#__codelineno-4-25">25</a></span>
+<span class="normal"><a href="#__codelineno-4-26">26</a></span>
+<span class="normal"><a href="#__codelineno-4-27">27</a></span>
+<span class="normal"><a href="#__codelineno-4-28">28</a></span>
+<span class="normal"><a href="#__codelineno-4-29">29</a></span>
+<span class="normal"><a href="#__codelineno-4-30">30</a></span>
+<span class="normal"><a href="#__codelineno-4-31">31</a></span>
+<span class="normal"><a href="#__codelineno-4-32">32</a></span>
+<span class="normal"><a href="#__codelineno-4-33">33</a></span>
+<span class="normal"><a href="#__codelineno-4-34">34</a></span>
+<span class="normal"><a href="#__codelineno-4-35">35</a></span>
+<span class="normal"><a href="#__codelineno-4-36">36</a></span>
+<span class="normal"><a href="#__codelineno-4-37">37</a></span>
+<span class="normal"><a href="#__codelineno-4-38">38</a></span>
+<span class="normal"><a href="#__codelineno-4-39">39</a></span>
+<span class="normal"><a href="#__codelineno-4-40">40</a></span>
+<span class="normal"><a href="#__codelineno-4-41">41</a></span>
+<span class="normal"><a href="#__codelineno-4-42">42</a></span>
+<span class="normal"><a href="#__codelineno-4-43">43</a></span>
+<span class="normal"><a href="#__codelineno-4-44">44</a></span>
+<span class="normal"><a href="#__codelineno-4-45">45</a></span>
+<span class="normal"><a href="#__codelineno-4-46">46</a></span>
+<span class="normal"><a href="#__codelineno-4-47">47</a></span>
+<span class="normal"><a href="#__codelineno-4-48">48</a></span>
+<span class="normal"><a href="#__codelineno-4-49">49</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kn">package</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">services</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.util.List</span><span class="p">;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.beans.factory.annotation.Autowired</span><span class="p">;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.stereotype.Service</span><span class="p">;</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="kn">import</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">entities</span><span class="p">.</span><span class="na">Entity</span><span class="p">;</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="kn">import</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">repos</span><span class="p">.</span><span class="na">ILibriRepository</span><span class="p">;</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="c1">// implementation of IEntityService</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="nd">@Service</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">EntityService</span><span class="w"> </span><span class="kd">implements</span><span class="w"> </span><span class="n">IEntityService</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="w">    </span><span class="nd">@Autowired</span><span class="w">  </span><span class="c1">// connection to db (obj created by spring as needed: Inversion Of Control)</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">IEntityDAO</span><span class="w"> </span><span class="n">repo</span><span class="p">;</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-19" name="__codelineno-4-19"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="n">Entity</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">findAll</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-20" name="__codelineno-4-20"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">repo</span><span class="p">.</span><span class="na">findAll</span><span class="p">();</span>
+<a id="__codelineno-4-21" name="__codelineno-4-21"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-22" name="__codelineno-4-22"></a>
+<a id="__codelineno-4-23" name="__codelineno-4-23"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-24" name="__codelineno-4-24"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">Entity</span><span class="w"> </span><span class="nf">findOne</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-25" name="__codelineno-4-25"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">repo</span><span class="p">.</span><span class="na">findById</span><span class="p">(</span><span class="n">id</span><span class="p">).</span><span class="na">get</span><span class="p">();</span>
+<a id="__codelineno-4-26" name="__codelineno-4-26"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-27" name="__codelineno-4-27"></a>
+<a id="__codelineno-4-28" name="__codelineno-4-28"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-29" name="__codelineno-4-29"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">addEntity</span><span class="p">(</span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-30" name="__codelineno-4-30"></a><span class="w">        </span><span class="n">repo</span><span class="p">.</span><span class="na">save</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
+<a id="__codelineno-4-31" name="__codelineno-4-31"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-32" name="__codelineno-4-32"></a>
+<a id="__codelineno-4-33" name="__codelineno-4-33"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-34" name="__codelineno-4-34"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">updateEntity</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">,</span><span class="w"> </span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-35" name="__codelineno-4-35"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-36" name="__codelineno-4-36"></a>
+<a id="__codelineno-4-37" name="__codelineno-4-37"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-38" name="__codelineno-4-38"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">deleteEntity</span><span class="p">(</span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-39" name="__codelineno-4-39"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-40" name="__codelineno-4-40"></a>
+<a id="__codelineno-4-41" name="__codelineno-4-41"></a><span class="w">    </span><span class="nd">@Override</span>
+<a id="__codelineno-4-42" name="__codelineno-4-42"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">deleteEntity</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-43" name="__codelineno-4-43"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-44" name="__codelineno-4-44"></a>
+<a id="__codelineno-4-45" name="__codelineno-4-45"></a><span class="w">    </span><span class="c1">// custom query</span>
+<a id="__codelineno-4-46" name="__codelineno-4-46"></a><span class="w">    </span><span class="n">Type</span><span class="w"> </span><span class="nf">query</span><span class="p">(</span><span class="n">Type</span><span class="w"> </span><span class="n">param</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-47" name="__codelineno-4-47"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">repo</span><span class="p">.</span><span class="na">query</span><span class="p">(</span><span class="n">param</span><span class="p">);</span>
+<a id="__codelineno-4-48" name="__codelineno-4-48"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-49" name="__codelineno-4-49"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="package-integration">Package <code>integration</code></h2>
+<p>REST API routes &amp; endpoints to supply data as JSON.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span>
+<span class="normal"><a href="#__codelineno-5-29">29</a></span>
+<span class="normal"><a href="#__codelineno-5-30">30</a></span>
+<span class="normal"><a href="#__codelineno-5-31">31</a></span>
+<span class="normal"><a href="#__codelineno-5-32">32</a></span>
+<span class="normal"><a href="#__codelineno-5-33">33</a></span>
+<span class="normal"><a href="#__codelineno-5-34">34</a></span>
+<span class="normal"><a href="#__codelineno-5-35">35</a></span>
+<span class="normal"><a href="#__codelineno-5-36">36</a></span>
+<span class="normal"><a href="#__codelineno-5-37">37</a></span>
+<span class="normal"><a href="#__codelineno-5-38">38</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="kn">package</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">integration</span><span class="p">;</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.util.List</span><span class="p">;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.beans.factory.annotation.Autowired</span><span class="p">;</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.web.bind.annotation.GetMapping</span><span class="p">;</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.web.bind.annotation.PathVariable</span><span class="p">;</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="kn">import</span><span class="w"> </span><span class="nn">org.springframework.web.bind.annotation.RestController</span><span class="p">;</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="kn">import</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">entities</span><span class="p">.</span><span class="na">Entity</span><span class="p">;</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="kn">import</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">base_package</span><span class="o">&gt;</span><span class="p">.</span><span class="na">services</span><span class="p">.</span><span class="na">IEntityService</span><span class="p">;</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="nd">@RestController</span><span class="w">  </span><span class="c1">// returns data as JSON</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="nd">@RequestMapping</span><span class="p">(</span><span class="s">&quot;/api&quot;</span><span class="p">)</span><span class="w">  </span><span class="c1">// controller route</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">EntityRestCtrl</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w">    </span><span class="nd">@Autowired</span><span class="w">  </span><span class="c1">// connection to service (obj created by spring as needed: Inversion Of Control)</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="n">IEntityService</span><span class="w"> </span><span class="n">service</span><span class="p">;</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="w">    </span><span class="nd">@GetMapping</span><span class="p">(</span><span class="s">&quot;entities&quot;</span><span class="p">)</span><span class="w">  </span><span class="c1">// site route</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">List</span><span class="o">&lt;</span><span class="n">Entity</span><span class="o">&gt;</span><span class="w"> </span><span class="nf">findAll</span><span class="p">(){</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">service</span><span class="p">.</span><span class="na">findAll</span><span class="p">();</span>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a><span class="w">    </span><span class="nd">@GetMapping</span><span class="p">(</span><span class="s">&quot;/entities/{id}&quot;</span><span class="p">)</span>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="n">Entity</span><span class="w"> </span><span class="nf">findOne</span><span class="p">(</span><span class="nd">@PathVariable</span><span class="p">(</span><span class="s">&quot;id&quot;</span><span class="p">)</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">id</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// use route variable</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">service</span><span class="p">.</span><span class="na">findOne</span><span class="p">(</span><span class="n">id</span><span class="p">);</span>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-29" name="__codelineno-5-29"></a>
+<a id="__codelineno-5-30" name="__codelineno-5-30"></a><span class="w">    </span><span class="nd">@PostMapping</span><span class="p">(</span><span class="s">&quot;/entities&quot;</span><span class="p">)</span>
+<a id="__codelineno-5-31" name="__codelineno-5-31"></a><span class="w">    </span><span class="kd">public</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">addEntity</span><span class="p">(</span><span class="nd">@RequestBody</span><span class="w"> </span><span class="n">Entity</span><span class="w"> </span><span class="n">e</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// added entity is in the request body</span>
+<a id="__codelineno-5-32" name="__codelineno-5-32"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="n">service</span><span class="p">.</span><span class="na">addEntity</span><span class="p">(</span><span class="n">e</span><span class="p">)</span>
+<a id="__codelineno-5-33" name="__codelineno-5-33"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-34" name="__codelineno-5-34"></a>
+<a id="__codelineno-5-35" name="__codelineno-5-35"></a><span class="w">    </span><span class="c1">// PUT / PATCH -&gt; updateEntity(id, e)</span>
+<a id="__codelineno-5-36" name="__codelineno-5-36"></a>
+<a id="__codelineno-5-37" name="__codelineno-5-37"></a><span class="w">    </span><span class="c1">// DELETE -&gt; deleteEntity(id)</span>
+<a id="__codelineno-5-38" name="__codelineno-5-38"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="pom.xml.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: POM">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                POM
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../../php/php.html" class="md-footer__link md-footer__link--next" aria-label="Next: PHP">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                PHP
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/java/web/servlet.html b/languages/java/web/servlet.html
new file mode 100644
index 0000000..a017d6f
--- /dev/null
+++ b/languages/java/web/servlet.html
@@ -0,0 +1,4254 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/java/web/servlet.html">
+      
+      
+        <link rel="prev" href="../dao.html">
+      
+      
+        <link rel="next" href="../spring/pom.xml.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Serverlet - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Serverlet - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/web/servlet.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/java/web/servlet.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Serverlet - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/java/web/servlet.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#servlet" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Serverlet
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="servlet.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Structure
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#servlet-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Servlet Instructions
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Structure
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#servlet-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Servlet Instructions
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="servlet">Servlet</h1>
+<p>A Java servlet is a Java software component that extends the capabilities of a server.
+Although servlets can respond to many types of requests, they most commonly implement web containers for hosting web applications on web servers and thus qualify as a server-side servlet web API.</p>
+<h2 id="basic-structure">Basic Structure</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">package</span><span class="w"> </span><span class="err">&lt;</span><span class="nn">package</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kn">import</span><span class="w"> </span><span class="nn">java.io.IOException</span><span class="p">;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.servlet.ServletException</span><span class="p">;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.servlet.annotation.WebServlet</span><span class="p">;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.servlet.http.HttpServlet</span><span class="p">;</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.servlet.http.HttpServletRequest</span><span class="p">;</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="kn">import</span><span class="w"> </span><span class="nn">javax.servlet.http.HttpServletResponse</span><span class="p">;</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="nd">@WebServlet</span><span class="p">(</span><span class="s">&quot;/route&quot;</span><span class="p">)</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="err">&lt;</span><span class="nc">className</span><span class="o">&gt;</span><span class="w"> </span><span class="kd">extends</span><span class="w"> </span><span class="n">HttpServlet</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kd">final</span><span class="w"> </span><span class="kt">long</span><span class="w"> </span><span class="n">serialVersionUID</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1L</span><span class="p">;</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="w">    </span><span class="cm">/** handle get request */</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">    </span><span class="kd">protected</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">doGet</span><span class="p">(</span><span class="n">HttpServletRequest</span><span class="w"> </span><span class="n">request</span><span class="p">,</span><span class="w"> </span><span class="n">HttpServletResponse</span><span class="w"> </span><span class="n">response</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">ServletException</span><span class="p">,</span><span class="w"> </span><span class="n">IOException</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">        </span><span class="c1">// GET REQUEST: load and display page (forward to JSP)</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="w">        </span><span class="c1">// OPTIONAL: add data to request (setAttribute())</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="w">    </span><span class="cm">/** handle post request */</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="w">    </span><span class="kd">protected</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">doPost</span><span class="p">(</span><span class="n">HttpServletRequest</span><span class="w"> </span><span class="n">request</span><span class="p">,</span><span class="w"> </span><span class="n">HttpServletResponse</span><span class="w"> </span><span class="n">response</span><span class="p">)</span><span class="w"> </span><span class="kd">throws</span><span class="w"> </span><span class="n">ServletException</span><span class="p">,</span><span class="w"> </span><span class="n">IOException</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="w">        </span><span class="c1">// POST REQUEST: add stuff to DB, page, ...</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="w">        </span><span class="n">doGet</span><span class="p">(</span><span class="n">request</span><span class="p">,</span><span class="w"> </span><span class="n">response</span><span class="p">);</span><span class="w">  </span><span class="c1">// return same page with new  content added (default case)</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="servlet-instructions">Servlet Instructions</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Java</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">request</span><span class="p">.</span><span class="na">getParameter</span><span class="p">()</span><span class="w">  </span><span class="c1">// read request parameter</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">response</span><span class="p">.</span><span class="na">setContentType</span><span class="p">(</span><span class="s">&quot;text/html&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// to return HTML in the response</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="n">response</span><span class="p">.</span><span class="na">getWriter</span><span class="p">().</span><span class="na">append</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">//append content to the http response</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">request</span><span class="p">.</span><span class="na">setAttribute</span><span class="p">(</span><span class="n">attributeName</span><span class="p">,</span><span class="w"> </span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// set http attribute of the request</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="n">request</span><span class="p">.</span><span class="na">getRequestDispatcher</span><span class="p">(</span><span class="s">&quot;page.jsp&quot;</span><span class="p">).</span><span class="na">forward</span><span class="p">(</span><span class="n">request</span><span class="p">,</span><span class="w"> </span><span class="n">response</span><span class="p">);</span><span class="w">  </span><span class="c1">// redirect the request to another page</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../dao.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: DAO">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                DAO
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../spring/pom.xml.html" class="md-footer__link md-footer__link--next" aria-label="Next: POM">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                POM
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/ajax.html b/languages/javascript/ajax.html
new file mode 100644
index 0000000..71cd11f
--- /dev/null
+++ b/languages/javascript/ajax.html
@@ -0,0 +1,4402 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/ajax.html">
+      
+      
+        <link rel="prev" href="events-animation.html">
+      
+      
+        <link rel="next" href="jquery.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>AJAX - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="AJAX - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/ajax.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/ajax.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="AJAX - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/ajax.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#ajax" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              AJAX
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="ajax.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#xmlhttprequest" class="md-nav__link">
+    <span class="md-ellipsis">
+      XMLHttpRequest
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="XMLHttpRequest">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#xmlhttprequest-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      XMLHttpRequest Events
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#xmlhttprequest-browser-compatibility" class="md-nav__link">
+    <span class="md-ellipsis">
+      XMLHttpRequest Browser compatibility
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#status-error-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Status &amp; Error Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Status & Error Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cross-domain-policy" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cross Domain Policy
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#xmlhttprequest" class="md-nav__link">
+    <span class="md-ellipsis">
+      XMLHttpRequest
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="XMLHttpRequest">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#xmlhttprequest-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      XMLHttpRequest Events
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#xmlhttprequest-browser-compatibility" class="md-nav__link">
+    <span class="md-ellipsis">
+      XMLHttpRequest Browser compatibility
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#status-error-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Status &amp; Error Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Status & Error Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#cross-domain-policy" class="md-nav__link">
+    <span class="md-ellipsis">
+      Cross Domain Policy
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="ajax">AJAX</h1>
+<p><strong>AJAX</strong>: Asynchronous JavaScript and XML</p>
+<p>AJAX Interaction:</p>
+<ol>
+<li>An event occurs in a web page (the page is loaded, a button is clicked)</li>
+<li>2.An <code>XMLHttpRequest</code> object is created by JavaScript</li>
+<li>3.The <code>XMLHttpRequest</code> object sends a request to a web server</li>
+<li>4.The server processes the request</li>
+<li>5.The server sends a response back to the web page</li>
+<li>6.The response is read by JavaScript</li>
+<li>7.Proper action (like page update) is performed by JavaScript</li>
+</ol>
+<h2 id="xmlhttprequest">XMLHttpRequest</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">request</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">XMLHttpRequest</span><span class="p">();</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="nx">request</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="nx">event</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{...});</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="nx">request</span><span class="p">.</span><span class="nx">open</span><span class="p">(</span><span class="s2">&quot;HttpMethod&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;path/to/api&quot;</span><span class="p">,</span><span class="w"> </span><span class="kc">true</span><span class="p">);</span><span class="w">  </span><span class="c1">// third parameter is asynchronicity (true = asynchronous)</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="nx">request</span><span class="p">.</span><span class="nx">setRequestHeader</span><span class="p">(</span><span class="nx">key</span><span class="p">,</span><span class="w"> </span><span class="nx">value</span><span class="p">)</span><span class="w">  </span><span class="c1">// HTTP Request Headers</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="nx">request</span><span class="p">.</span><span class="nx">send</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<p>To check the status use <code>XMLHttpRequest.status</code> and <code>XMLHttpRequest.statusText</code>.</p>
+<h3 id="xmlhttprequest-events">XMLHttpRequest Events</h3>
+<p><strong>loadstart</strong>: fires when the process of loading data has begun. This event always fires first
+<strong>progress</strong>: fires multiple times as data is being loaded, giving access to intermediate data
+<strong>error</strong>: fires when loading has failed
+<strong>abort</strong>: fires when data loading has been canceled by calling abort()
+<strong>load</strong>: fires only when all data has been successfully read
+<strong>loadend</strong>: fires when the object has finished transferring data always fires and will always fire after error, abort, or load
+<strong>timeout</strong>: fires when progression is terminated due to preset time expiring
+<strong>readystatechange</strong>: fires when the readyState attribute of a document has changed</p>
+<p><strong>Alternative <code>XMLHttpRequest</code> using <code>onLoad</code></strong>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">request</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">XMLHttpRequest</span><span class="p">();</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nx">request</span><span class="p">.</span><span class="nx">open</span><span class="p">(</span><span class="s1">&#39;GET&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;myservice/username?id=some-unique-id&#39;</span><span class="p">);</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="nx">request</span><span class="p">.</span><span class="nx">onload</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="k">if</span><span class="p">(</span><span class="nx">request</span><span class="p">.</span><span class="nx">status</span><span class="w"> </span><span class="o">===</span><span class="mf">200</span><span class="p">){</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;User&#39;s name is &quot;</span><span class="o">+</span><span class="w"> </span><span class="nx">request</span><span class="p">.</span><span class="nx">responseText</span><span class="p">);</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;Request failed.  Returned status of &#39;</span><span class="o">+</span><span class="w"> </span><span class="nx">request</span><span class="p">.</span><span class="nx">status</span><span class="p">);</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="p">};</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="nx">request</span><span class="p">.</span><span class="nx">send</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Alternative <code>XMLHttpRequest</code> using <code>readyState</code></strong>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span>
+<span class="normal"><a href="#__codelineno-2-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">request</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">XMLHttpRequest</span><span class="p">(),</span><span class="w">  </span><span class="nx">method</span><span class="w"> </span><span class="o">=</span><span class="s1">&#39;GET&#39;</span><span class="p">,</span><span class="w">  </span><span class="nx">url</span><span class="w"> </span><span class="o">=</span><span class="s1">&#39;https://developer.mozilla.org/&#39;</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="nx">request</span><span class="p">.</span><span class="nx">open</span><span class="p">(</span><span class="nx">method</span><span class="p">,</span><span class="w"> </span><span class="nx">url</span><span class="p">,</span><span class="w"> </span><span class="kc">true</span><span class="p">);</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="nx">request</span><span class="p">.</span><span class="nx">onreadystatechange</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">    </span><span class="k">if</span><span class="p">(</span><span class="nx">request</span><span class="p">.</span><span class="nx">readyState</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="nx">XMLHttpRequest</span><span class="p">.</span><span class="nx">DONE</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="nx">request</span><span class="p">.</span><span class="nx">status</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="mf">200</span><span class="p">){</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">request</span><span class="p">.</span><span class="nx">responseText</span><span class="p">);</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="p">};</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="nx">request</span><span class="p">.</span><span class="nx">send</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<p><code>XMLHttpRequest.readyState</code> values:
+<code>0</code> <code>UNSENT</code>: Client has been created. <code>open()</code> not called yet.
+<code>1</code> <code>OPENED</code>: <code>open()</code> has been called.
+<code>2</code> <code>HEADERS_RECEIVED</code>: <code>send()</code> has been called, and headers and status are available.
+<code>3</code> <code>LOADING</code>: Downloading; <code>responseText</code> holds partial data.
+<code>4</code> <code>DONE</code>: The operation is complete.</p>
+<h3 id="xmlhttprequest-browser-compatibility"><code>XMLHttpRequest</code> Browser compatibility</h3>
+<p>Old versions of IE don't implement XMLHttpRequest. You must use the ActiveXObject if XMLHttpRequest is not available</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">request</span><span class="w"> </span><span class="o">=</span><span class="nb">window</span><span class="p">.</span><span class="nx">XMLHttpRequest</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">XMLHttpRequest</span><span class="p">()</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">ActiveXObject</span><span class="p">(</span><span class="s1">&#39;Microsoft.XMLHTTP&#39;</span><span class="p">);</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="c1">// OR</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="kd">var</span><span class="w"> </span><span class="nx">request</span><span class="p">;</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="k">if</span><span class="p">(</span><span class="nb">window</span><span class="p">.</span><span class="nx">XMLHttpRequest</span><span class="p">){</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">    </span><span class="c1">// code for modern browsers  </span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">    </span><span class="nx">request</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">XMLHttpRequest</span><span class="p">();</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">    </span><span class="c1">// code for old IE browsers</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">    </span><span class="nx">request</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">ActiveXObject</span><span class="p">(</span><span class="s1">&#39;Microsoft.XMLHTTP&#39;</span><span class="p">);</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="status-error-handling">Status &amp; Error Handling</h2>
+<p>Always inform the user when something is loading. Check the status and give feedback (a loader or message)
+Errors and responses need to be handled. There is no guarantee that HTTP requests will always succeed.</p>
+<h3 id="cross-domain-policy">Cross Domain Policy</h3>
+<p>Cross domain requests have restrictions.</p>
+<p>Examples of outcome for requests originating from: <code>http://store.company.com/dir/page.htmlCross-origin</code></p>
+<table>
+<thead>
+<tr>
+<th>URL</th>
+<th>Outcome</th>
+<th>Reason</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>http://store.company.com/dir2/other.html</code></td>
+<td>success</td>
+<td></td>
+</tr>
+<tr>
+<td><code>http://store.company.com/dir/inner/other.html</code></td>
+<td>success</td>
+<td></td>
+</tr>
+<tr>
+<td><code>https://store.company.com/secure.html</code></td>
+<td>failure</td>
+<td>Different protocol</td>
+</tr>
+<tr>
+<td><code>http://store.company.com:81/dir/other.html</code></td>
+<td>failure</td>
+<td>Different port</td>
+</tr>
+<tr>
+<td><code>http://news.company.com/dir/other.html</code></td>
+<td>failure</td>
+<td>Different host</td>
+</tr>
+</tbody>
+</table>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="events-animation.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Events &amp; Animation">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Events & Animation
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="jquery.html" class="md-footer__link md-footer__link--next" aria-label="Next: jQuery">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                jQuery
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/dom.html b/languages/javascript/dom.html
new file mode 100644
index 0000000..0b96fe6
--- /dev/null
+++ b/languages/javascript/dom.html
@@ -0,0 +1,4530 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/dom.html">
+      
+      
+        <link rel="prev" href="javascript.html">
+      
+      
+        <link rel="next" href="events-animation.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>DOM - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="DOM - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/dom.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/dom.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="DOM - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/dom.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#document-object-model-dom" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              DOM
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="dom.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#dom-access" class="md-nav__link">
+    <span class="md-ellipsis">
+      DOM Access
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DOM Access">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#selecting-nodes-from-the-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Selecting Nodes from the DOM
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#manipulating-the-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating the DOM
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Manipulating the DOM">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-a-nodes-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating a node's attributes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-a-nodes-style" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating a node's style
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-a-nodes-contents" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating a node's contents
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-inputs-from-a-form" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading Inputs From A Form
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#creating-removing-dom-nodes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating &amp; Removing DOM Nodes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Creating & Removing DOM Nodes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#creating-dom-nodes-with-constructor-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating DOM Nodes with Constructor Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#dom-access" class="md-nav__link">
+    <span class="md-ellipsis">
+      DOM Access
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DOM Access">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#selecting-nodes-from-the-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Selecting Nodes from the DOM
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#manipulating-the-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating the DOM
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Manipulating the DOM">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-a-nodes-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating a node's attributes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-a-nodes-style" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating a node's style
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-a-nodes-contents" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating a node's contents
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-inputs-from-a-form" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading Inputs From A Form
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#creating-removing-dom-nodes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating &amp; Removing DOM Nodes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Creating & Removing DOM Nodes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#creating-dom-nodes-with-constructor-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating DOM Nodes with Constructor Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="document-object-model-dom">Document Object Model (DOM)</h1>
+<p>The <strong>Document Object Model</strong> is a <em>map</em> of the HTML document. Elements in an HTML document can be accessed, changed, deleted, or added using the DOM.
+The document object is <em>globally available</em> in the browser. It allows to access and manipulate the DOM of the current web page.</p>
+<h2 id="dom-access">DOM Access</h2>
+<h3 id="selecting-nodes-from-the-dom">Selecting Nodes from the DOM</h3>
+<p><code>getElementById()</code> and <code>querySelector()</code> return a single element.<br />
+<code>getElementsByClassName()</code>, <code>getElementsByTagName()</code>, and <code>querySelectorAll()</code> return a collection of elements.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="nx">Javascript</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="c1">// By Id</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kd">var</span><span class="w"> </span><span class="nx">node</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">);</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="c1">// By Tag Name</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="kd">var</span><span class="w"> </span><span class="nx">nodes</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="s1">&#39;tag&#39;</span><span class="p">);</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1">// By Class Name</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="kd">var</span><span class="w"> </span><span class="nx">nodes</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementsByClassName</span><span class="p">(</span><span class="s1">&#39;class&#39;</span><span class="p">);</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="c1">// By CSS Query</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="kd">var</span><span class="w"> </span><span class="nx">node</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s1">&#39;css-selector&#39;</span><span class="p">);</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="kd">var</span><span class="w"> </span><span class="nx">nodes</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelectorAll</span><span class="p">(</span><span class="s1">&#39;css-selector&#39;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="manipulating-the-dom">Manipulating the DOM</h2>
+<h3 id="manipulating-a-nodes-attributes">Manipulating a node's attributes</h3>
+<p>It's possible access and change the attributes of a DOM node using the <em>dot notation</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// Changing the src of an image:</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="kd">var</span><span class="w"> </span><span class="nx">image</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">);</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="kd">var</span><span class="w"> </span><span class="nx">oldImageSource</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">image</span><span class="p">.</span><span class="nx">src</span><span class="p">;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="nx">image</span><span class="p">.</span><span class="nx">src</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;image-url&#39;</span><span class="p">;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="c1">//Changing the className of a DOM node:</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="kd">var</span><span class="w"> </span><span class="nx">node</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">);</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="nx">node</span><span class="p">.</span><span class="nx">className</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;new-class&#39;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="manipulating-a-nodes-style">Manipulating a node's style</h3>
+<p>It's possible to access and change the styles of a DOM nodes via the <strong>style</strong> property.
+CSS property names with a <code>-</code> must be <strong>camelCased</strong> and number properties must have a unit.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">CSS</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nt">body</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">pink</span><span class="p">;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">    </span><span class="k">padding-top</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">pageNode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="nx">pageNode</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">color</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;red&#39;</span><span class="p">;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="nx">pageNode</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">backgroundColor</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;pink&#39;</span><span class="p">;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="nx">pageNode</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">paddingTop</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;10px&#39;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="manipulating-a-nodes-contents">Manipulating a node's contents</h3>
+<p>Each DOM node has an <code>innerHTML</code> attribute. It contains the HTML of all its children.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span>
+<span class="normal"><a href="#__codelineno-4-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">pageNode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">pageNode</span><span class="p">.</span><span class="nx">innerHTML</span><span class="p">);</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="c1">// Set innerHTML to replace the contents of the node:</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="nx">pageNode</span><span class="p">.</span><span class="nx">innerHTML</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;&lt;h1&gt;Oh, no! Everything is gone!&lt;/h1&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="c1">// Or add to innerHTML instead:</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="nx">pageNode</span><span class="p">.</span><span class="nx">innerHTML</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="s2">&quot;P.S. Please do write back.&quot;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<p>To change the actual text of a node, <code>textContent</code> may be a better choice:</p>
+<p><code>innerHTML</code>:</p>
+<ul>
+<li>Works in older browsers</li>
+<li><strong>More powerful</strong>: can change code</li>
+<li><strong>Less secure</strong>: allows cross-site scripting (XSS)</li>
+</ul>
+<p><code>textContent</code>:</p>
+<ul>
+<li>Doesn't work in IE8 and below</li>
+<li><strong>Faster</strong>: the browser doesn't have to parse HTML</li>
+<li><strong>More secure</strong>: won't execute code</li>
+</ul>
+<h3 id="reading-inputs-from-a-form">Reading Inputs From A Form</h3>
+<p>In <code>page.html</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;identifier&quot;</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;&quot;</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>script.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">formNode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&quot;Identifier&quot;</span><span class="p">);</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="kd">var</span><span class="w"> </span><span class="nx">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">formNode</span><span class="p">.</span><span class="nx">value</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="creating-removing-dom-nodes">Creating &amp; Removing DOM Nodes</h2>
+<p>The document object also allows to create new nodes from scratch.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1">// create node</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">&#39;tagName&#39;</span><span class="p">);</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="nb">document</span><span class="p">.</span><span class="nx">createTextNode</span><span class="p">(</span><span class="s1">&#39;text&#39;</span><span class="p">);</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">childToAppend</span><span class="p">);</span><span class="w">  </span><span class="c1">// insert childTaAppend after domNode</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="c1">// insert node before domNode</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">insertBefore</span><span class="p">(</span><span class="nx">childToInsert</span><span class="p">,</span><span class="w"> </span><span class="nx">domnode</span><span class="p">);</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">insertBefore</span><span class="p">(</span><span class="nx">childToInsert</span><span class="p">,</span><span class="w"> </span><span class="nx">nodeAfterChild</span><span class="p">);</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="c1">// remove a node</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="nx">childToRemove</span><span class="p">);</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="nx">node</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>Example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">body</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="kd">var</span><span class="w"> </span><span class="nx">newImg</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">&#39;img&#39;</span><span class="p">);</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="nx">newImg</span><span class="p">.</span><span class="nx">src</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;http://placekitten.com/400/300&#39;</span><span class="p">;</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="nx">newImg</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">border</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;1px solid black&#39;</span><span class="p">;</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="nx">body</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">newImg</span><span class="p">);</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="kd">var</span><span class="w"> </span><span class="nx">newParagraph</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">&#39;p&#39;</span><span class="p">);</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="kd">var</span><span class="w"> </span><span class="nx">newText</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">createTextNode</span><span class="p">(</span><span class="s1">&#39;Squee!&#39;</span><span class="p">);</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="nx">newParagraph</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">newText</span><span class="p">);</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="nx">body</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">newParagraph</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="creating-dom-nodes-with-constructor-functions">Creating DOM Nodes with Constructor Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-9-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-9-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-9-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-9-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-9-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-9-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-9-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-9-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-9-10">10</a></span>
+<span class="normal"><a href="#__codelineno-9-11">11</a></span>
+<span class="normal"><a href="#__codelineno-9-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Node</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="nx">node</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s2">&quot;tag&quot;</span><span class="p">);</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="nx">node</span><span class="p">.</span><span class="nx">attribute</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="w">    </span><span class="c1">// operations on the node</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="nx">node</span><span class="p">;</span>
+<a id="__codelineno-9-9" name="__codelineno-9-9"></a><span class="p">}</span>
+<a id="__codelineno-9-10" name="__codelineno-9-10"></a>
+<a id="__codelineno-9-11" name="__codelineno-9-11"></a><span class="kd">var</span><span class="w"> </span><span class="nx">node</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">Node</span><span class="p">(</span><span class="nx">params</span><span class="p">);</span>
+<a id="__codelineno-9-12" name="__codelineno-9-12"></a><span class="nx">domElement</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="javascript.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Javascript">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Javascript
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="events-animation.html" class="md-footer__link md-footer__link--next" aria-label="Next: Events &amp; Animation">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Events & Animation
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/events-animation.html b/languages/javascript/events-animation.html
new file mode 100644
index 0000000..75974ce
--- /dev/null
+++ b/languages/javascript/events-animation.html
@@ -0,0 +1,4368 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/events-animation.html">
+      
+      
+        <link rel="prev" href="dom.html">
+      
+      
+        <link rel="next" href="ajax.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Events & Animation - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Events & Animation - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/events-animation.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/events-animation.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Events & Animation - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/events-animation.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#events-animation" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Events & Animation
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="events-animation.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Events
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Events">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-event-listeners" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Event Listeners
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bubbling-capturing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bubbling &amp; Capturing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dispatching-custom-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dispatching Custom Events
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#animation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Animation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Animation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#element-position-dimensions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Element Position &amp; dimensions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Events
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Events">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-event-listeners" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Event Listeners
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bubbling-capturing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bubbling &amp; Capturing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dispatching-custom-events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dispatching Custom Events
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#animation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Animation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Animation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#element-position-dimensions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Element Position &amp; dimensions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="events-animation">Events &amp; Animation</h1>
+<h2 id="events">Events</h2>
+<p>Event Types:</p>
+<ul>
+<li><strong>Mouse Events</strong>: <code>mousedown</code>, <code>mouseup</code>, <code>click</code>, <code>dbclick</code>, <code>mousemove</code>, <code>mouseover</code>, <code>mousewheel</code>, <code>mouseout</code>, <code>contextmenu</code>, ...</li>
+<li><strong>Touch Events</strong>: <code>touchstart</code>, <code>touchmove</code>, <code>touchend</code>, <code>touchcancel</code>, ...</li>
+<li><strong>Keyboard Events</strong>: <code>keydown</code>, <code>keypress</code>, <code>keyup</code>, ...</li>
+<li><strong>Form Events</strong>: <code>focus</code>, <code>blur</code>, <code>change</code>, <code>submit</code>, ...</li>
+<li><strong>Window Events</strong>: <code>scroll</code>, <code>resize</code>, <code>hashchange</code>, <code>load</code>, <code>unload</code>, ...</li>
+</ul>
+<h3 id="managing-event-listeners">Managing Event Listeners</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span>
+<span class="normal"><a href="#__codelineno-0-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">domNode</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&quot;id&quot;</span><span class="p">);</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kd">var</span><span class="w"> </span><span class="nx">onEvent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// parameter contains info on the triggered event</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="nx">event</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span><span class="w">  </span><span class="c1">// block execution of default action</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="c1">// logic here</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">}</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="nx">eventType</span><span class="p">,</span><span class="w"> </span><span class="nx">callback</span><span class="p">);</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">removeEventListener</span><span class="p">(</span><span class="nx">eventType</span><span class="p">,</span><span class="w"> </span><span class="nx">callback</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="bubbling-capturing">Bubbling &amp; Capturing</h3>
+<p>Events in Javascript propagate through the DOM tree.</p>
+<p><a href="https://javascript.info/bubbling-and-capturing">Bubbling and Capturing</a>
+<a href="https://www.sitepoint.com/event-bubbling-javascript/">What Is Event Bubbling in JavaScript? Event Propagation Explained</a></p>
+<h3 id="dispatching-custom-events">Dispatching Custom Events</h3>
+<p>Event Options:</p>
+<ul>
+<li><code>bubbles</code> (bool): whether the event propagates through bubbling</li>
+<li><code>cancellable</code> (bool): if <code>true</code> the "default action" may be prevented</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">event</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">Event</span><span class="p">(</span><span class="nx">type</span><span class="w"> </span><span class="p">[,</span><span class="nx">options</span><span class="p">]);</span><span class="w">  </span><span class="c1">// create the event, type can be custom</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">event</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">CustomEvent</span><span class="p">(</span><span class="nx">type</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">detail</span><span class="o">:</span><span class="w"> </span><span class="cm">/* custom data */</span><span class="w"> </span><span class="p">});</span><span class="w">  </span><span class="c1">// create event w/ custom data</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="nx">domNode</span><span class="p">.</span><span class="nx">dispatchEvent</span><span class="p">(</span><span class="nx">event</span><span class="p">);</span><span class="w">  </span><span class="c1">// launch the event</span>
+</code></pre></div></td></tr></table></div>
+<p><img alt="Event Inheritance" src="../../img/javascript_event-inheritance.avif" /></p>
+<h2 id="animation">Animation</h2>
+<p>The window object is the assumed global object on a page.</p>
+<p>Animation in JavascriptThe standard way to animate in JS is to use window methods.
+It's possible to animate CSS styles to change size, transparency, position, color, etc.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1">//Calls a function once after a delay</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="nb">window</span><span class="p">.</span><span class="nx">setTimeout</span><span class="p">(</span><span class="nx">callbackFunction</span><span class="p">,</span><span class="w"> </span><span class="nx">delayMilliseconds</span><span class="p">);</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="c1">//Calls a function repeatedly, with specified interval between each call</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="nb">window</span><span class="p">.</span><span class="nx">setInterval</span><span class="p">(</span><span class="nx">callbackFunction</span><span class="p">,</span><span class="w"> </span><span class="nx">delayMilliseconds</span><span class="p">);</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="c1">//To stop an animation store the timer into a variable and clear it</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="nb">window</span><span class="p">.</span><span class="nx">clearTimeout</span><span class="p">(</span><span class="nx">timer</span><span class="p">);</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="nb">window</span><span class="p">.</span><span class="nx">clearInterval</span><span class="p">(</span><span class="nx">timer</span><span class="p">);</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="c1">// execute a callback at each frame</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="nb">window</span><span class="p">.</span><span class="nx">requestAnimationFrame</span><span class="p">(</span><span class="nx">callbackFunction</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="element-position-dimensions">Element Position &amp; dimensions</h3>
+<p><a href="https://stackoverflow.com/a/294273/8319610">StackOverflow</a>
+<a href="https://stackoverflow.com/a/46772849/8319610">Wrong dimensions at runtime</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="o">&gt;</span><span class="w"> </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">).</span><span class="nx">getBoundingClientRect</span><span class="p">());</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="nx">DOMRect</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="nx">bottom</span><span class="o">:</span><span class="w"> </span><span class="mf">177</span><span class="p">,</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="nx">height</span><span class="o">:</span><span class="w"> </span><span class="mf">54.7</span><span class="p">,</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">    </span><span class="nx">left</span><span class="o">:</span><span class="w"> </span><span class="mf">278.5</span><span class="p">,</span><span class="err">​</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="nx">right</span><span class="o">:</span><span class="w"> </span><span class="mf">909.5</span><span class="p">,</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">    </span><span class="nx">top</span><span class="o">:</span><span class="w"> </span><span class="mf">122.3</span><span class="p">,</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">    </span><span class="nx">width</span><span class="o">:</span><span class="w"> </span><span class="mf">631</span><span class="p">,</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">    </span><span class="nx">x</span><span class="o">:</span><span class="w"> </span><span class="mf">278.5</span><span class="p">,</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">    </span><span class="nx">y</span><span class="o">:</span><span class="w"> </span><span class="mf">122.3</span><span class="p">,</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="dom.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: DOM">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                DOM
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="ajax.html" class="md-footer__link md-footer__link--next" aria-label="Next: AJAX">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                AJAX
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/javascript.html b/languages/javascript/javascript.html
new file mode 100644
index 0000000..a34ecd3
--- /dev/null
+++ b/languages/javascript/javascript.html
@@ -0,0 +1,6907 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/javascript.html">
+      
+      
+        <link rel="prev" href="../rust/unit-tests.html">
+      
+      
+        <link rel="next" href="dom.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Javascript - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Javascript - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/javascript.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/javascript.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Javascript - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/javascript.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#javascript" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Javascript
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="javascript.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#notable-javascript-engines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Notable javascript engines
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-header" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Header
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modern-mode" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modern Mode
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pop-up-message" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pop-Up message
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#print-message-to-console" class="md-nav__link">
+    <span class="md-ellipsis">
+      Print message to console
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#declaration-initialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Declaration &amp; Initialization
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#scope" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scope
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constants
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Data Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#numeric-data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric data types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-data-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      String data type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#slice-vs-substring-vs-substr" class="md-nav__link">
+    <span class="md-ellipsis">
+      Slice vs Substring vs Substr
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#boolean-data-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Boolean data type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#null-data-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Null data type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#undefined" class="md-nav__link">
+    <span class="md-ellipsis">
+      Undefined
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#typeof" class="md-nav__link">
+    <span class="md-ellipsis">
+      Typeof()
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-casting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Casting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-checking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Checking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dangerous-stupid-implicit-type-casting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dangerous &amp; Stupid Implicit Type Casting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unary-increment-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unary Increment Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compound Operators
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      IF-ELSE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-else-multi-branch" class="md-nav__link">
+    <span class="md-ellipsis">
+      IF-ELSE Multi-Branch
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch Statement
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#do-while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do-While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break &amp; Continue statements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Arrays">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#filter-map-reduce" class="md-nav__link">
+    <span class="md-ellipsis">
+      filter() &amp; map(), reduce()
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#spread-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Spread Operator (...)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionaries
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dictionaries">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#iterating-key-value-pairs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterating Key-Value pairs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jsdoc-documentation-standard" class="md-nav__link">
+    <span class="md-ellipsis">
+      JSDOC documentation standard
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#function-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#default-parameters-old-versions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Default Parameters (old versions)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#function-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arrow-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrow Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#constructors-and-object-instances" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constructors and object instances
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#prototypes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Prototypes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#extending-with-prototypes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extending with prototypes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#classes-es6" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes (ES6+)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#extending-with-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extending with Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deconstruction
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Deconstruction">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#object-deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Serialization
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#timing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Timing
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Timing">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#timers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Timers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#let-vs-var-with-settimeout" class="md-nav__link">
+    <span class="md-ellipsis">
+      let vs var with setTimeout
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#preserving-the-context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Preserving the context
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#intervals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Intervals
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#datetime" class="md-nav__link">
+    <span class="md-ellipsis">
+      DateTime
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DateTime">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#comparing-dates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparing Dates
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exports
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#notable-javascript-engines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Notable javascript engines
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#file-header" class="md-nav__link">
+    <span class="md-ellipsis">
+      File Header
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modern-mode" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modern Mode
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pop-up-message" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pop-Up message
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#print-message-to-console" class="md-nav__link">
+    <span class="md-ellipsis">
+      Print message to console
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#declaration-initialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Declaration &amp; Initialization
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#scope" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scope
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constants
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Data Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#numeric-data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric data types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-data-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      String data type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#slice-vs-substring-vs-substr" class="md-nav__link">
+    <span class="md-ellipsis">
+      Slice vs Substring vs Substr
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#boolean-data-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Boolean data type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#null-data-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Null data type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#undefined" class="md-nav__link">
+    <span class="md-ellipsis">
+      Undefined
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#typeof" class="md-nav__link">
+    <span class="md-ellipsis">
+      Typeof()
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-casting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Casting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-checking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Checking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dangerous-stupid-implicit-type-casting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dangerous &amp; Stupid Implicit Type Casting
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unary-increment-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unary Increment Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compound-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compound Operators
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      IF-ELSE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-else-multi-branch" class="md-nav__link">
+    <span class="md-ellipsis">
+      IF-ELSE Multi-Branch
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch Statement
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#do-while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      Do-While Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break &amp; Continue statements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrays
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Arrays">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#filter-map-reduce" class="md-nav__link">
+    <span class="md-ellipsis">
+      filter() &amp; map(), reduce()
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#spread-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Spread Operator (...)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionaries
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Dictionaries">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#iterating-key-value-pairs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterating Key-Value pairs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jsdoc-documentation-standard" class="md-nav__link">
+    <span class="md-ellipsis">
+      JSDOC documentation standard
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#function-declaration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Declaration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#default-parameters-old-versions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Default Parameters (old versions)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#function-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#arrow-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Arrow Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#constructors-and-object-instances" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constructors and object instances
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#prototypes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Prototypes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#extending-with-prototypes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extending with prototypes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#classes-es6" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes (ES6+)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#extending-with-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extending with Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deconstruction
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Deconstruction">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#object-deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-deconstruction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Deconstruction
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#serialization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Serialization
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#timing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Timing
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Timing">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#timers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Timers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#let-vs-var-with-settimeout" class="md-nav__link">
+    <span class="md-ellipsis">
+      let vs var with setTimeout
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#preserving-the-context" class="md-nav__link">
+    <span class="md-ellipsis">
+      Preserving the context
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#intervals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Intervals
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#datetime" class="md-nav__link">
+    <span class="md-ellipsis">
+      DateTime
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DateTime">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#comparing-dates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparing Dates
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exports
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="javascript">JavaScript</h1>
+<h2 id="basics">Basics</h2>
+<h3 id="notable-javascript-engines">Notable javascript engines</h3>
+<ul>
+<li><strong>Chromium</strong>: <code>V8</code> from Google  </li>
+<li><strong>Firefox</strong>: <code>SpiderMonkey</code> from Mozilla  </li>
+<li><strong>Safari</strong>: <code>JavaScriptCore</code> from Apple  </li>
+<li><strong>Internet Explorer</strong>: <code>Chakra</code> from Microsoft  </li>
+</ul>
+<h3 id="comments">Comments</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">//single line comment</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="cm">/*multiline comment*/</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="file-header">File Header</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="cm">/**</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="cm"> * @file filename.js</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="cm"> * @author author&#39;s name</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="cm"> * purpose of file</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="cm"> *</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="cm"> * detailed explanation of what the file does on multiple lines</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="cm"> */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="modern-mode">Modern Mode</h3>
+<p>If located at the top of the script the whole script works the “modern” way (enables post-ES5 functionalities).  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="s2">&quot;use strict&quot;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="c1">// script contents</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pop-up-message">Pop-Up message</h3>
+<p>Interrupts script execution until closure, <strong>to be avoided</strong></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="nx">alert</span><span class="p">(</span><span class="s2">&quot;message&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="print-message-to-console">Print message to console</h3>
+<p><code>console.log(value);</code></p>
+<h2 id="variables">Variables</h2>
+<h3 id="declaration-initialization">Declaration &amp; Initialization</h3>
+<p><a href="https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/">var vs let vs const</a></p>
+<p>Variable names can only contain numbers, digits, underscores and $. Variable names are camelCase.</p>
+<p><code>let</code>: Block-scoped; access to variable restricted to the nearest enclosing block.
+<code>var</code>: Function-scoped</p>
+<p><code>let variable1 = value1, variable2 = value2;</code>
+<code>var variable1 = value1, variable2 = value2;</code></p>
+<h3 id="scope">Scope</h3>
+<p>Variable declared with <code>let</code> are in local to the code block in which are declared.
+Variable declared with <code>var</code> are local only if declared in a function.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kd">function</span><span class="w"> </span><span class="nx">func</span><span class="p">(){</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="nx">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// implicitly declared as a global variable</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">    </span><span class="kd">var</span><span class="w"> </span><span class="nx">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// local variable</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="p">}</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="kd">var</span><span class="w"> </span><span class="nx">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">10</span><span class="p">;</span><span class="w">  </span><span class="c1">// a is 10</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="kd">let</span><span class="w"> </span><span class="nx">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">10</span><span class="p">;</span><span class="w">  </span><span class="c1">// b is 10</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="p">{</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">    </span><span class="kd">var</span><span class="w"> </span><span class="nx">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="nx">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">2</span><span class="p">;</span><span class="w">  </span><span class="c1">// a is 2</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="nx">y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="nx">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">2</span><span class="p">;</span><span class="w">  </span><span class="c1">// b is 2</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="p">}</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="c1">// a is 2, b is 10</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="c1">// x can NOT be used here</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="c1">// y CAN be used here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="constants">Constants</h3>
+<p>Hard-coded values are UPPERCASE and snake_case, camelCase otherwise.<br />
+<code>const CONSTANT = value;</code></p>
+<h2 id="data-types">Data Types</h2>
+<p><code>Number</code>, <code>String</code>, <code>Boolean</code>, etc are <em>built-in global objects</em>. They are <strong>not</strong> types. <strong>Do not use them for type checking</strong>.</p>
+<h3 id="numeric-data-types">Numeric data types</h3>
+<p>Only numeric type is <code>number</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">number</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">10</span><span class="p">;</span><span class="w">  </span><span class="c1">//integer numbers</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="nx">number</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">15.7</span><span class="p">;</span><span class="w">  </span><span class="c1">//floating point numbers</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="nx">number</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">Infinity</span><span class="p">;</span><span class="w">  </span><span class="c1">//mathematical infinity</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="nx">number</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="kc">Infinity</span><span class="p">;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="nx">number</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1234567890123456789012345678901234567890n</span><span class="p">;</span><span class="w">  </span><span class="c1">//BigInt, value &gt; 2^53, &quot;n&quot; at the end</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="nx">number</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;text&quot;</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="mf">2</span><span class="p">;</span><span class="w">  </span><span class="c1">//NaN --&gt; not a number.</span>
+</code></pre></div></td></tr></table></div>
+<p><a href="https://www.jacklmoore.com/notes/rounding-in-javascript/">Rounding Decimals in JavaScript</a>
+<a href="https://github.com/MikeMcl/decimal.js">Decimal.js</a></p>
+<p>Mathematical expression will <em>never</em> cause an error. At worst the result will be NaN.</p>
+<h3 id="string-data-type">String data type</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span>
+<span class="normal"><a href="#__codelineno-6-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">string</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;text&quot;</span><span class="p">;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">string$</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;text&#39;</span><span class="p">;</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="kd">let</span><span class="w"> </span><span class="nx">string_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="sb">`text </span><span class="si">${</span><span class="nx">expression</span><span class="si">}</span><span class="sb">`</span><span class="p">;</span><span class="w">  </span><span class="c1">//string interpolation (needs backticks)</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="nx">string</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span><span class="w">  </span><span class="c1">// length of the string</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="kd">let</span><span class="w"> </span><span class="kr">char</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">string</span><span class="p">.</span><span class="nx">charAt</span><span class="p">(</span><span class="nx">index</span><span class="p">);</span><span class="w">  </span><span class="c1">// extraction of a single character by position</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="nx">string</span><span class="p">[</span><span class="nx">index</span><span class="p">];</span><span class="w"> </span><span class="c1">// char extraction by property access</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="kd">let</span><span class="w"> </span><span class="nx">index</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">string</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">substring</span><span class="p">);</span><span class="w">  </span><span class="c1">// start index of substring in string</span>
+</code></pre></div></td></tr></table></div>
+<p>Property access is unpredictable:</p>
+<ul>
+<li>does not work in IE7 or earlier</li>
+<li>makes strings look like arrays (confusing)</li>
+<li>if no character is found, <code>[ ]</code> returns undefined, <code>charAt()</code> returns an empty string</li>
+<li>Is read only: <code>string[index] = "value"</code> does not work and gives no errors</li>
+</ul>
+<h3 id="slice-vs-substring-vs-substr"><a href="https://stackoverflow.com/questions/2243824/what-is-the-difference-between-string-slice-and-string-substring">Slice vs Substring vs Substr</a></h3>
+<p>If the parameters to slice are negative, they reference the string from the end. Substring and substr doesn´t.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="nx">string</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="nx">begin</span><span class="w"> </span><span class="p">[,</span><span class="w"> </span><span class="nx">end</span><span class="p">]);</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="nx">string</span><span class="p">.</span><span class="nx">substring</span><span class="p">(</span><span class="kr">from</span><span class="w"> </span><span class="p">[,</span><span class="w"> </span><span class="nx">to</span><span class="p">]);</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="nx">string</span><span class="p">.</span><span class="nx">substr</span><span class="p">(</span><span class="nx">start</span><span class="w"> </span><span class="p">[,</span><span class="w"> </span><span class="nx">length</span><span class="p">]);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="boolean-data-type">Boolean data type</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">let</span><span class="w"> </span><span class="kr">boolean</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">true</span><span class="p">;</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">boolean_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">false</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="null-data-type">Null data type</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">_</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="undefined">Undefined</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">$</span><span class="p">;</span><span class="w">  </span><span class="c1">//value is &quot;undefined&quot;</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="nx">$</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">undefined</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="typeof">Typeof()</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="ow">typeof</span><span class="w"> </span><span class="nx">x</span><span class="p">;</span><span class="w">  </span><span class="c1">//returns the type of the variable x as a string</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="ow">typeof</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><span class="w">  </span><span class="c1">//returns the type of the variable x as a string</span>
+</code></pre></div></td></tr></table></div>
+<p>The result of typeof null is "object". That's wrong.<br />
+It is an officially recognized error in typeof, kept for compatibility. Of course, null is not an object.
+It is a special value with a separate type of its own. So, again, this is an error in the language.  </p>
+<h3 id="type-casting">Type Casting</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span>
+<span class="normal"><a href="#__codelineno-12-18">18</a></span>
+<span class="normal"><a href="#__codelineno-12-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="nb">String</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span><span class="w">  </span><span class="c1">//converts value to string</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="nb">Number</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span><span class="w">  </span><span class="c1">//converts value to a number</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="nb">Number</span><span class="p">(</span><span class="kc">undefined</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; NaN</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="nb">Number</span><span class="p">(</span><span class="kc">null</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; 0</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="nb">Number</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; 1</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="nb">Number</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; 0</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="nb">Number</span><span class="p">(</span><span class="nb">String</span><span class="p">);</span><span class="w">  </span><span class="c1">//Whitespace from the start and end is removed. If the remaining string is empty, the result is 0. Otherwise, the number is &quot;read&quot; from the string. An error gives NaN.</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="nb">Boolean</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; true</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="nb">Boolean</span><span class="p">(</span><span class="mf">0</span><span class="p">);</span><span class="w"> </span><span class="c1">//--&gt; false</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="nb">Boolean</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; false</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="nb">Boolean</span><span class="p">(</span><span class="kc">null</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; false</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="nb">Boolean</span><span class="p">(</span><span class="kc">undefined</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; false</span>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="nb">Boolean</span><span class="p">(</span><span class="kc">NaN</span><span class="p">);</span><span class="w">  </span><span class="c1">//--&gt; false</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a>
+<a id="__codelineno-12-18" name="__codelineno-12-18"></a><span class="c1">//numeric type checking the moronic way</span>
+<a id="__codelineno-12-19" name="__codelineno-12-19"></a><span class="ow">typeof</span><span class="w"> </span><span class="nx">var_</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s2">&quot;number&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// typeof returns a string with the name of the type</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="type-checking">Type Checking</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="nb">isNaN</span><span class="p">(</span><span class="kd">var</span><span class="p">);</span><span class="w">  </span><span class="c1">// converts var in number and then check if is NaN</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="nb">Number</span><span class="p">(</span><span class="s2">&quot;A&quot;</span><span class="p">)</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="kc">NaN</span><span class="p">;</span><span class="w">  </span><span class="c1">//false ?!?</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dangerous-stupid-implicit-type-casting">Dangerous &amp; Stupid Implicit Type Casting</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="mf">2</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s1">&#39;text&#39;</span><span class="p">;</span><span class="w">  </span><span class="c1">//&quot;2text&quot;, implicit conversion and concatenation</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="mf">1</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s2">&quot;1&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">//&quot;11&quot;, implicit conversion and concatenation</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="s2">&quot;1&quot;</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="p">;</span><span class="w">  </span><span class="c1">//&quot;11&quot;, implicit conversion and concatenation</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="o">+</span><span class="s2">&quot;1&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">//1, implicit conversion</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="o">+</span><span class="s2">&quot;text&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// NaN</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="mf">1</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="s2">&quot;1&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">//true</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="mf">1</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;1&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">//false</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="mf">1</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="kc">true</span><span class="p">;</span><span class="w">  </span><span class="c1">//true</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a><span class="mf">0</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="kc">false</span><span class="p">;</span><span class="w">  </span><span class="c1">//true</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="s2">&quot;&quot;</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="kc">false</span><span class="p">;</span><span class="w">  </span><span class="c1">//true</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="operators">Operators</h2>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>(...)</code></td>
+<td>grouping</td>
+</tr>
+<tr>
+<td>a<code>.</code>b</td>
+<td>member access</td>
+</tr>
+<tr>
+<td><code>new</code> a(...)</td>
+<td>object creation</td>
+</tr>
+<tr>
+<td>a <code>in</code> b</td>
+<td>membership</td>
+</tr>
+</tbody>
+</table>
+<h3 id="mathematical-operators">Mathematical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>+</code> b</td>
+<td>addition</td>
+</tr>
+<tr>
+<td>a <code>-</code> b</td>
+<td>subtraction</td>
+</tr>
+<tr>
+<td>a <code>*</code> b</td>
+<td>multiplication</td>
+</tr>
+<tr>
+<td>a <code>**</code> b</td>
+<td>a^b</td>
+</tr>
+<tr>
+<td>a <code>/</code> b</td>
+<td>division</td>
+</tr>
+<tr>
+<td>a <code>%</code> b</td>
+<td>modulus</td>
+</tr>
+</tbody>
+</table>
+<h3 id="unary-increment-operators">Unary Increment Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>--</code>variable</td>
+<td>prefix decrement</td>
+</tr>
+<tr>
+<td><code>++</code>variable</td>
+<td>prefix increment</td>
+</tr>
+<tr>
+<td>variable<code>--</code></td>
+<td>postfix decrement</td>
+</tr>
+<tr>
+<td>variable<code>++</code></td>
+<td>postfix increment</td>
+</tr>
+</tbody>
+</table>
+<h3 id="logical-operators">Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>&amp;&amp;</code> b</td>
+<td>logical <strong>AND</strong></td>
+</tr>
+<tr>
+<td>a <code>||</code> b</td>
+<td>logical <strong>OR</strong></td>
+</tr>
+<tr>
+<td><code>!</code>a</td>
+<td>logical <strong>NOT</strong></td>
+</tr>
+</tbody>
+</table>
+<h3 id="comparison-operators">Comparison Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>&lt;</code> b</td>
+<td>less than</td>
+</tr>
+<tr>
+<td>a <code>&lt;=</code> b</td>
+<td>less or equal to</td>
+</tr>
+<tr>
+<td>a <code>&gt;</code> b</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>a <code>&gt;=</code> b</td>
+<td>greater or equal to</td>
+</tr>
+<tr>
+<td>a <code>==</code> b</td>
+<td>equality</td>
+</tr>
+<tr>
+<td>a <code>!=</code> b</td>
+<td>inequality</td>
+</tr>
+<tr>
+<td>a <code>===</code> b</td>
+<td>strict equality</td>
+</tr>
+<tr>
+<td>a <code>!==</code> b</td>
+<td>strict inequality</td>
+</tr>
+</tbody>
+</table>
+<h3 id="bitwise-logical-operators">Bitwise Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>&amp;</code> b</td>
+<td>bitwise AND</td>
+</tr>
+<tr>
+<td>a <code>|</code> b</td>
+<td>bitwise OR</td>
+</tr>
+<tr>
+<td>a <code>^</code> b</td>
+<td>bitwise XOR</td>
+</tr>
+<tr>
+<td><code>~</code>a</td>
+<td>bitwise NOT</td>
+</tr>
+<tr>
+<td>a <code>&lt;&lt;</code> b</td>
+<td>bitwise left shift</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;</code> b</td>
+<td>bitwise right shift</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;&gt;</code> b</td>
+<td>bitwise unsigned right shift</td>
+</tr>
+</tbody>
+</table>
+<h3 id="compound-operators">Compound Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>a <code>+=</code> b</td>
+<td>a = a + b</td>
+</tr>
+<tr>
+<td>a <code>-=</code> b</td>
+<td>a = a - b</td>
+</tr>
+<tr>
+<td>a <code>*=</code> b</td>
+<td>a = a * b</td>
+</tr>
+<tr>
+<td>a <code>**=</code> b</td>
+<td>a = a ** b</td>
+</tr>
+<tr>
+<td>a <code>/=</code> b</td>
+<td>a = a / b</td>
+</tr>
+<tr>
+<td>a <code>%=</code> b</td>
+<td>a = a % b</td>
+</tr>
+<tr>
+<td>a <code>&lt;&lt;=</code> b</td>
+<td>a = a &lt;&lt; b</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;=</code> b</td>
+<td>a = a &gt;&gt; b</td>
+</tr>
+<tr>
+<td>a <code>&gt;&gt;&gt;=</code> b</td>
+<td>a = a &gt;&gt;&gt; b</td>
+</tr>
+<tr>
+<td>a <code>&amp;=</code> b</td>
+<td>a = a &amp; b</td>
+</tr>
+<tr>
+<td>a <code>^=</code> b</td>
+<td>a = a ^ b</td>
+</tr>
+<tr>
+<td>a <code>|=</code> b</td>
+<td>a = a ! b</td>
+</tr>
+</tbody>
+</table>
+<h2 id="decision-statements">Decision Statements</h2>
+<h3 id="if-else">IF-ELSE</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span>
+<span class="normal"><a href="#__codelineno-15-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="if-else-multi-branch">IF-ELSE Multi-Branch</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span>
+<span class="normal"><a href="#__codelineno-16-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ternary-operator">Ternary Operator</h3>
+<p><code>condition ? &lt;expr1&gt; : &lt;expr2&gt;;</code>  </p>
+<h3 id="switch-statement">Switch Statement</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span>
+<span class="normal"><a href="#__codelineno-17-5">5</a></span>
+<span class="normal"><a href="#__codelineno-17-6">6</a></span>
+<span class="normal"><a href="#__codelineno-17-7">7</a></span>
+<span class="normal"><a href="#__codelineno-17-8">8</a></span>
+<span class="normal"><a href="#__codelineno-17-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="k">switch</span><span class="w"> </span><span class="p">(</span><span class="nx">expression</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="w">    </span><span class="k">case</span><span class="w"> </span><span class="nx">expression</span><span class="o">:</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="w">    </span><span class="k">default</span><span class="o">:</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="w">        </span><span class="c1">//code here</span>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a><span class="w">        </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loops">Loops</h2>
+<h3 id="while-loop">While Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="do-while-loop">Do-While Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="k">do</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="p">}</span><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="nx">condition</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="for-loop">For Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-20-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-20-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-20-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-20-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-20-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-20-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-20-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-20-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-20-10">10</a></span>
+<span class="normal"><a href="#__codelineno-20-11">11</a></span>
+<span class="normal"><a href="#__codelineno-20-12">12</a></span>
+<span class="normal"><a href="#__codelineno-20-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="c1">// basic for</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="nx">begin</span><span class="p">;</span><span class="w"> </span><span class="nx">condition</span><span class="p">;</span><span class="w"> </span><span class="nx">step</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kd">var</span><span class="w"> </span><span class="nx">variable</span><span class="w"> </span><span class="ow">in</span><span class="w"> </span><span class="nx">iterable</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// for/in statement loops through the properties of an object</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kd">let</span><span class="w"> </span><span class="nx">variable</span><span class="w"> </span><span class="ow">in</span><span class="w"> </span><span class="nx">iterable</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// instantiate a new variable at each iteration</span>
+<a id="__codelineno-20-6" name="__codelineno-20-6"></a>
+<a id="__codelineno-20-7" name="__codelineno-20-7"></a><span class="c1">// for/of statement loops through the values of an iterable objects</span>
+<a id="__codelineno-20-8" name="__codelineno-20-8"></a><span class="c1">// for/of lets you loop over data structures that are iterable such as Arrays, Strings, Maps, NodeLists, and more.</span>
+<a id="__codelineno-20-9" name="__codelineno-20-9"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kd">var</span><span class="w"> </span><span class="nx">variable</span><span class="w"> </span><span class="k">of</span><span class="w"> </span><span class="nx">iterable</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-20-10" name="__codelineno-20-10"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kd">let</span><span class="w"> </span><span class="nx">variable</span><span class="w"> </span><span class="k">of</span><span class="w"> </span><span class="nx">iterable</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// instantiate a new variable at each iteration</span>
+<a id="__codelineno-20-11" name="__codelineno-20-11"></a>
+<a id="__codelineno-20-12" name="__codelineno-20-12"></a><span class="c1">// foreach (similar to for..of)</span>
+<a id="__codelineno-20-13" name="__codelineno-20-13"></a><span class="nx">iterable</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* statements */</span><span class="w"> </span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="break-continue-statements">Break &amp; Continue statements</h3>
+<p><code>break;</code>  exits the loop.<br />
+<code>continue;</code> skip to next loop cycle.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span>
+<span class="normal"><a href="#__codelineno-21-4">4</a></span>
+<span class="normal"><a href="#__codelineno-21-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="k">for</span><span class="p">(</span><span class="nx">begin</span><span class="p">;</span><span class="w"> </span><span class="nx">condition</span><span class="p">;</span><span class="w"> </span><span class="nx">step</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="p">}</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="k">break</span><span class="w"> </span><span class="nx">label</span><span class="p">;</span><span class="w">  </span><span class="c1">//breaks labelled loop and nested loops inside it</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="arrays">Arrays</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-22-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-22-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-22-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-22-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-22-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-22-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-22-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-22-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-22-10">10</a></span>
+<span class="normal"><a href="#__codelineno-22-11">11</a></span>
+<span class="normal"><a href="#__codelineno-22-12">12</a></span>
+<span class="normal"><a href="#__codelineno-22-13">13</a></span>
+<span class="normal"><a href="#__codelineno-22-14">14</a></span>
+<span class="normal"><a href="#__codelineno-22-15">15</a></span>
+<span class="normal"><a href="#__codelineno-22-16">16</a></span>
+<span class="normal"><a href="#__codelineno-22-17">17</a></span>
+<span class="normal"><a href="#__codelineno-22-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[];</span><span class="w">  </span><span class="c1">// empty array</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;text&quot;</span><span class="p">,</span><span class="w"> </span><span class="mf">3.14</span><span class="p">,</span><span class="w"> </span><span class="p">[</span><span class="mf">1.41</span><span class="p">]];</span><span class="w">  </span><span class="c1">// array declaration and initialization</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="nx">array</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span><span class="w">  </span><span class="c1">// number of items in the array</span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a><span class="nx">array</span><span class="p">[</span><span class="nx">index</span><span class="p">];</span><span class="w">  </span><span class="c1">// access to item by index</span>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a><span class="nx">array</span><span class="p">[</span><span class="nx">index</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">item</span><span class="p">;</span><span class="w"> </span><span class="c1">// change or add item by index</span>
+<a id="__codelineno-22-7" name="__codelineno-22-7"></a>
+<a id="__codelineno-22-8" name="__codelineno-22-8"></a><span class="nx">array</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">item</span><span class="p">);</span><span class="w">  </span><span class="c1">//add item to array</span>
+<a id="__codelineno-22-9" name="__codelineno-22-9"></a><span class="nx">array</span><span class="p">.</span><span class="nx">pop</span><span class="p">();</span><span class="w">  </span><span class="c1">// remove and return last item</span>
+<a id="__codelineno-22-10" name="__codelineno-22-10"></a>
+<a id="__codelineno-22-11" name="__codelineno-22-11"></a><span class="nx">array</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s2">&quot;separator&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// construct a string from the items of the array, separated by SEPARATOR</span>
+<a id="__codelineno-22-12" name="__codelineno-22-12"></a><span class="nx">array</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="nx">item</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">condition</span><span class="p">);</span><span class="w"> </span><span class="c1">// returns the value of the first element in the provided array that satisfies the provided testing function</span>
+<a id="__codelineno-22-13" name="__codelineno-22-13"></a><span class="nx">array</span><span class="p">.</span><span class="nx">fill</span><span class="p">(</span><span class="nx">value</span><span class="p">,</span><span class="w"> </span><span class="nx">start</span><span class="p">,</span><span class="w"> </span><span class="nx">end</span><span class="p">);</span><span class="w">  </span><span class="c1">// fills an array with the passed value</span>
+<a id="__codelineno-22-14" name="__codelineno-22-14"></a>
+<a id="__codelineno-22-15" name="__codelineno-22-15"></a>
+<a id="__codelineno-22-16" name="__codelineno-22-16"></a><span class="c1">// https://stackoverflow.com/a/37601776</span>
+<a id="__codelineno-22-17" name="__codelineno-22-17"></a><span class="nx">array</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="nx">start</span><span class="p">,</span><span class="w"> </span><span class="nx">end</span><span class="p">);</span><span class="w">  </span><span class="c1">// RETURN list of items between indexes start and end-1</span>
+<a id="__codelineno-22-18" name="__codelineno-22-18"></a><span class="nx">array</span><span class="p">.</span><span class="nx">splice</span><span class="p">(</span><span class="nx">start</span><span class="p">,</span><span class="w"> </span><span class="nx">deleteCount</span><span class="p">,</span><span class="w"> </span><span class="p">[</span><span class="nx">items_to_add</span><span class="p">]);</span><span class="w">  </span><span class="c1">// remove and RETURN items from array, can append a list of items. IN PLACE operation</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="filter-map-reduce"><code>filter()</code> &amp; <code>map()</code>, <code>reduce()</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-23-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-23-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-23-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-23-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-23-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-23-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-23-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-23-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-23-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="nx">items</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="c1">// execute an operation on each item, producing a new array</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="nx">array</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span><span class="p">);</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a><span class="nx">array</span><span class="p">.</span><span class="nx">map</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">operation</span><span class="p">);</span><span class="w"> </span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a>
+<a id="__codelineno-23-7" name="__codelineno-23-7"></a><span class="nx">array</span><span class="p">.</span><span class="nx">filter</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">condition</span><span class="p">);</span><span class="w">  </span><span class="c1">// return an items only if the condition is true</span>
+<a id="__codelineno-23-8" name="__codelineno-23-8"></a>
+<a id="__codelineno-23-9" name="__codelineno-23-9"></a><span class="c1">// execute a reducer function on each element of the array, resulting in single output value</span>
+<a id="__codelineno-23-10" name="__codelineno-23-10"></a><span class="nx">array</span><span class="p">.</span><span class="nx">reduce</span><span class="p">((</span><span class="nx">x</span><span class="p">,</span><span class="w"> </span><span class="nx">y</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">...);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="spread-operator">Spread Operator (...)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-24-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-24-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-24-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-24-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-24-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-24-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-24-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-24-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-24-10">10</a></span>
+<span class="normal"><a href="#__codelineno-24-11">11</a></span>
+<span class="normal"><a href="#__codelineno-24-12">12</a></span>
+<span class="normal"><a href="#__codelineno-24-13">13</a></span>
+<span class="normal"><a href="#__codelineno-24-14">14</a></span>
+<span class="normal"><a href="#__codelineno-24-15">15</a></span>
+<span class="normal"><a href="#__codelineno-24-16">16</a></span>
+<span class="normal"><a href="#__codelineno-24-17">17</a></span>
+<span class="normal"><a href="#__codelineno-24-18">18</a></span>
+<span class="normal"><a href="#__codelineno-24-19">19</a></span>
+<span class="normal"><a href="#__codelineno-24-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="c1">// arrays</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">array1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="mf">1</span><span class="p">,</span><span class="w"> </span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="mf">3</span><span class="p">,</span><span class="w"> </span><span class="mf">4</span><span class="p">,</span><span class="w"> </span><span class="mf">5</span><span class="p">,</span><span class="w"> </span><span class="mf">6</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="kd">let</span><span class="w"> </span><span class="nx">array2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="mf">7</span><span class="p">,</span><span class="w"> </span><span class="mf">8</span><span class="p">,</span><span class="w"> </span><span class="mf">9</span><span class="p">,</span><span class="w"> </span><span class="mf">10</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a><span class="kd">let</span><span class="w"> </span><span class="nx">copy</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="p">...</span><span class="nx">array1</span><span class="w"> </span><span class="p">];</span><span class="w">  </span><span class="c1">// shallow copy</span>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="kd">let</span><span class="w"> </span><span class="nx">copyAndAdd</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="mf">0</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">array1</span><span class="p">,</span><span class="w"> </span><span class="mf">7</span><span class="w"> </span><span class="p">];</span><span class="w">  </span><span class="c1">// insert all values in new array</span>
+<a id="__codelineno-24-6" name="__codelineno-24-6"></a><span class="kd">let</span><span class="w"> </span><span class="nx">merge</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="p">...</span><span class="nx">array1</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">array2</span><span class="w"> </span><span class="p">];</span><span class="w">  </span><span class="c1">// merge the arrays contents in new array</span>
+<a id="__codelineno-24-7" name="__codelineno-24-7"></a>
+<a id="__codelineno-24-8" name="__codelineno-24-8"></a><span class="c1">// objects</span>
+<a id="__codelineno-24-9" name="__codelineno-24-9"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">prop1</span><span class="o">:</span><span class="w"> </span><span class="nx">value1</span><span class="p">,</span><span class="w"> </span><span class="nx">prop2</span><span class="o">:</span><span class="w"> </span><span class="nx">value2</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-24-10" name="__codelineno-24-10"></a><span class="kd">let</span><span class="w"> </span><span class="nx">clone</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="nx">obj</span><span class="p">,</span><span class="w"> </span><span class="nx">prop</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// shallow copy, and update copy prop</span>
+<a id="__codelineno-24-11" name="__codelineno-24-11"></a><span class="kd">let</span><span class="w"> </span><span class="nx">cloneAndAdd</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">prop0</span><span class="o">:</span><span class="w"> </span><span class="nx">value0</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">obj</span><span class="p">,</span><span class="w"> </span><span class="nx">prop3</span><span class="o">:</span><span class="w"> </span><span class="nx">value3</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-24-12" name="__codelineno-24-12"></a>
+<a id="__codelineno-24-13" name="__codelineno-24-13"></a><span class="c1">// strings</span>
+<a id="__codelineno-24-14" name="__codelineno-24-14"></a><span class="kd">let</span><span class="w"> </span><span class="nx">alphabet</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;abcdefghijklmnopqrstxyz&quot;</span>
+<a id="__codelineno-24-15" name="__codelineno-24-15"></a><span class="kd">let</span><span class="w"> </span><span class="nx">letters</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="p">...</span><span class="nx">alphabet</span><span class="w"> </span><span class="p">];</span><span class="w">  </span><span class="c1">// alphabet.split(&quot;&quot;)</span>
+<a id="__codelineno-24-16" name="__codelineno-24-16"></a>
+<a id="__codelineno-24-17" name="__codelineno-24-17"></a><span class="c1">//function arguments</span>
+<a id="__codelineno-24-18" name="__codelineno-24-18"></a><span class="kd">let</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">arg1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">val1</span><span class="p">,</span><span class="w"> </span><span class="nx">arg2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">val2</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span>
+<a id="__codelineno-24-19" name="__codelineno-24-19"></a><span class="kd">let</span><span class="w"> </span><span class="nx">args</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="nx">value1</span><span class="p">,</span><span class="w"> </span><span class="nx">value2</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-24-20" name="__codelineno-24-20"></a><span class="nx">func</span><span class="p">(</span><span class="nx">arg0</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">args</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dictionaries">Dictionaries</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span>
+<span class="normal"><a href="#__codelineno-25-4">4</a></span>
+<span class="normal"><a href="#__codelineno-25-5">5</a></span>
+<span class="normal"><a href="#__codelineno-25-6">6</a></span>
+<span class="normal"><a href="#__codelineno-25-7">7</a></span>
+<span class="normal"><a href="#__codelineno-25-8">8</a></span>
+<span class="normal"><a href="#__codelineno-25-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">dict</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">FirstName</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;Chris&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;one&quot;</span><span class="o">:</span><span class="w"> </span><span class="mf">1</span><span class="p">,</span><span class="w"> </span><span class="mf">1</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;some value&quot;</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="c1">// add new or update property</span>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="nx">dict</span><span class="p">[</span><span class="s2">&quot;Age&quot;</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">42</span><span class="p">;</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="c1">// direct property by name</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a><span class="c1">// because it&#39;s a dynamic language</span>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a><span class="nx">dict</span><span class="p">.</span><span class="nx">FirstName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;Chris&quot;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="iterating-key-value-pairs">Iterating Key-Value pairs</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span>
+<span class="normal"><a href="#__codelineno-26-4">4</a></span>
+<span class="normal"><a href="#__codelineno-26-5">5</a></span>
+<span class="normal"><a href="#__codelineno-26-6">6</a></span>
+<span class="normal"><a href="#__codelineno-26-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="k">for</span><span class="p">(</span><span class="kd">let</span><span class="w"> </span><span class="nx">key</span><span class="w"> </span><span class="ow">in</span><span class="w"> </span><span class="nx">dict</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="w">  </span><span class="kd">let</span><span class="w"> </span><span class="nx">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">dict</span><span class="p">[</span><span class="nx">key</span><span class="p">];</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="w">  </span><span class="c1">// do something with &quot;key&quot; and &quot;value&quot; variables</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="p">}</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a>
+<a id="__codelineno-26-7" name="__codelineno-26-7"></a><span class="nb">Object</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">dict</span><span class="p">).</span><span class="nx">forEach</span><span class="p">(</span><span class="nx">key</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions">Functions</h2>
+<h3 id="jsdoc-documentation-standard">JSDOC documentation standard</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="cm">/**</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="cm"> * @param {type} parameter - description</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="cm"> * @returns {type} parameter - description</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="cm"> * */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="function-declaration">Function Declaration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span>
+<span class="normal"><a href="#__codelineno-28-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="c1">// ...args will contain extra parameters (rest argument)</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a><span class="kd">function</span><span class="w"> </span><span class="nx">functionName</span><span class="p">(</span><span class="nx">parameter</span><span class="o">=</span><span class="k">default</span><span class="o">-</span><span class="nx">value</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">expression</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-28-5" name="__codelineno-28-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="default-parameters-old-versions">Default Parameters (old versions)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span>
+<span class="normal"><a href="#__codelineno-29-6">6</a></span>
+<span class="normal"><a href="#__codelineno-29-7">7</a></span>
+<span class="normal"><a href="#__codelineno-29-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="kd">function</span><span class="w"> </span><span class="nx">functionName</span><span class="p">(</span><span class="nx">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">parameter</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="kc">undefined</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="w">        </span><span class="nx">parameter</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a>
+<a id="__codelineno-29-6" name="__codelineno-29-6"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-29-7" name="__codelineno-29-7"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">expression</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-29-8" name="__codelineno-29-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="function-expressions">Function Expressions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">functionName</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">parameters</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="arrow-functions">Arrow Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-31-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-31-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-31-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-31-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-31-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-31-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-31-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-31-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-31-10">10</a></span>
+<span class="normal"><a href="#__codelineno-31-11">11</a></span>
+<span class="normal"><a href="#__codelineno-31-12">12</a></span>
+<span class="normal"><a href="#__codelineno-31-13">13</a></span>
+<span class="normal"><a href="#__codelineno-31-14">14</a></span>
+<span class="normal"><a href="#__codelineno-31-15">15</a></span>
+<span class="normal"><a href="#__codelineno-31-16">16</a></span>
+<span class="normal"><a href="#__codelineno-31-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="p">(</span><span class="nx">input</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* statements */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="p">(</span><span class="nx">input</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a><span class="nx">input</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span><span class="w">  </span><span class="c1">// parenthesis are optional</span>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span><span class="w">  </span><span class="c1">// no parameters syntax</span>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a>
+<a id="__codelineno-31-6" name="__codelineno-31-6"></a><span class="c1">// variants</span>
+<a id="__codelineno-31-7" name="__codelineno-31-7"></a><span class="kd">let</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">input</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-31-8" name="__codelineno-31-8"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-31-9" name="__codelineno-31-9"></a><span class="p">};</span>
+<a id="__codelineno-31-10" name="__codelineno-31-10"></a>
+<a id="__codelineno-31-11" name="__codelineno-31-11"></a><span class="kd">let</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">input</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span>
+<a id="__codelineno-31-12" name="__codelineno-31-12"></a><span class="kd">let</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">input</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span>
+<a id="__codelineno-31-13" name="__codelineno-31-13"></a>
+<a id="__codelineno-31-14" name="__codelineno-31-14"></a><span class="nx">func</span><span class="p">();</span><span class="w">  </span><span class="c1">// function call</span>
+<a id="__codelineno-31-15" name="__codelineno-31-15"></a>
+<a id="__codelineno-31-16" name="__codelineno-31-16"></a><span class="c1">// return object literal</span>
+<a id="__codelineno-31-17" name="__codelineno-31-17"></a><span class="kd">let</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">value</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">({</span><span class="nx">property</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="object-oriented-programming">Object Oriented Programming</h2>
+<p>An object is a collection of related data and/or functionality.</p>
+<p><strong>Note</strong>: It's not possible to transform a variable in an object simply by using the object assignment.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-32-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-32-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-32-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-32-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-32-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-32-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-32-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-32-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-32-10">10</a></span>
+<span class="normal"><a href="#__codelineno-32-11">11</a></span>
+<span class="normal"><a href="#__codelineno-32-12">12</a></span>
+<span class="normal"><a href="#__codelineno-32-13">13</a></span>
+<span class="normal"><a href="#__codelineno-32-14">14</a></span>
+<span class="normal"><a href="#__codelineno-32-15">15</a></span>
+<span class="normal"><a href="#__codelineno-32-16">16</a></span>
+<span class="normal"><a href="#__codelineno-32-17">17</a></span>
+<span class="normal"><a href="#__codelineno-32-18">18</a></span>
+<span class="normal"><a href="#__codelineno-32-19">19</a></span>
+<span class="normal"><a href="#__codelineno-32-20">20</a></span>
+<span class="normal"><a href="#__codelineno-32-21">21</a></span>
+<span class="normal"><a href="#__codelineno-32-22">22</a></span>
+<span class="normal"><a href="#__codelineno-32-23">23</a></span>
+<span class="normal"><a href="#__codelineno-32-24">24</a></span>
+<span class="normal"><a href="#__codelineno-32-25">25</a></span>
+<span class="normal"><a href="#__codelineno-32-26">26</a></span>
+<span class="normal"><a href="#__codelineno-32-27">27</a></span>
+<span class="normal"><a href="#__codelineno-32-28">28</a></span>
+<span class="normal"><a href="#__codelineno-32-29">29</a></span>
+<span class="normal"><a href="#__codelineno-32-30">30</a></span>
+<span class="normal"><a href="#__codelineno-32-31">31</a></span>
+<span class="normal"><a href="#__codelineno-32-32">32</a></span>
+<span class="normal"><a href="#__codelineno-32-33">33</a></span>
+<span class="normal"><a href="#__codelineno-32-34">34</a></span>
+<span class="normal"><a href="#__codelineno-32-35">35</a></span>
+<span class="normal"><a href="#__codelineno-32-36">36</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="c1">// object literal</span>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a><span class="w">    </span><span class="nx">property</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="p">,</span>
+<a id="__codelineno-32-6" name="__codelineno-32-6"></a><span class="w">    </span><span class="nx">variable</span><span class="p">,</span><span class="w">  </span><span class="c1">// same as variable: variable</span>
+<a id="__codelineno-32-7" name="__codelineno-32-7"></a><span class="w">    </span><span class="p">[</span><span class="nx">property</span><span class="p">]</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="w">  </span><span class="c1">// dynamic prop name</span>
+<a id="__codelineno-32-8" name="__codelineno-32-8"></a>
+<a id="__codelineno-32-9" name="__codelineno-32-9"></a><span class="w">    </span><span class="nx">object</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-32-10" name="__codelineno-32-10"></a><span class="w">        </span><span class="p">...</span>
+<a id="__codelineno-32-11" name="__codelineno-32-11"></a><span class="w">    </span><span class="p">},</span>
+<a id="__codelineno-32-12" name="__codelineno-32-12"></a>
+<a id="__codelineno-32-13" name="__codelineno-32-13"></a><span class="w">    </span><span class="nx">method</span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-32-14" name="__codelineno-32-14"></a><span class="w">        </span><span class="c1">// code here</span>
+<a id="__codelineno-32-15" name="__codelineno-32-15"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="nx">propertyName</span><span class="p">;</span><span class="w">  </span><span class="c1">// reference to object property inside the object</span>
+<a id="__codelineno-32-16" name="__codelineno-32-16"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-32-17" name="__codelineno-32-17"></a>
+<a id="__codelineno-32-18" name="__codelineno-32-18"></a><span class="w">    </span><span class="nx">method</span><span class="p">;</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-32-19" name="__codelineno-32-19"></a><span class="w">        </span><span class="nx">obj</span><span class="p">.</span><span class="nx">propertyName</span><span class="p">;</span><span class="w">  </span><span class="c1">// this is undefined here, use full object name</span>
+<a id="__codelineno-32-20" name="__codelineno-32-20"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-32-21" name="__codelineno-32-21"></a><span class="p">};</span>
+<a id="__codelineno-32-22" name="__codelineno-32-22"></a>
+<a id="__codelineno-32-23" name="__codelineno-32-23"></a><span class="c1">// access to property (non existant properties will return Undefined)</span>
+<a id="__codelineno-32-24" name="__codelineno-32-24"></a><span class="nx">obj</span><span class="p">.</span><span class="nx">property</span><span class="p">;</span><span class="w">  </span><span class="c1">// dot notation</span>
+<a id="__codelineno-32-25" name="__codelineno-32-25"></a><span class="nx">obj</span><span class="p">[</span><span class="s2">&quot;property&quot;</span><span class="p">];</span><span class="w">  </span><span class="c1">// array notation</span>
+<a id="__codelineno-32-26" name="__codelineno-32-26"></a>
+<a id="__codelineno-32-27" name="__codelineno-32-27"></a><span class="c1">// property modification (will add property if missing)</span>
+<a id="__codelineno-32-28" name="__codelineno-32-28"></a><span class="nx">obj</span><span class="p">.</span><span class="nx">property</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// dot notation</span>
+<a id="__codelineno-32-29" name="__codelineno-32-29"></a><span class="nx">obj</span><span class="p">[</span><span class="s2">&quot;property&quot;</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// array notation</span>
+<a id="__codelineno-32-30" name="__codelineno-32-30"></a>
+<a id="__codelineno-32-31" name="__codelineno-32-31"></a><span class="nx">obj</span><span class="p">.</span><span class="nx">func</span><span class="p">();</span><span class="w"> </span><span class="c1">//method access</span>
+<a id="__codelineno-32-32" name="__codelineno-32-32"></a>
+<a id="__codelineno-32-33" name="__codelineno-32-33"></a><span class="ow">delete</span><span class="w"> </span><span class="nx">obj</span><span class="p">.</span><span class="nx">propertyName</span><span class="p">;</span><span class="w">  </span><span class="c1">// delete property</span>
+<a id="__codelineno-32-34" name="__codelineno-32-34"></a>
+<a id="__codelineno-32-35" name="__codelineno-32-35"></a><span class="nb">Object</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">obj</span><span class="p">);</span><span class="w">  </span><span class="c1">// list of all property names</span>
+<a id="__codelineno-32-36" name="__codelineno-32-36"></a><span class="nb">Object</span><span class="p">.</span><span class="nx">entries</span><span class="p">(</span><span class="nx">obj</span><span class="p">);</span><span class="w">  </span><span class="c1">// list contents as key-value pairs</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="constructors-and-object-instances">Constructors and object instances</h3>
+<p>JavaScript uses special functions called <strong>constructor functions</strong> to define and initialize objects and their features.
+Notice that it has all the features you'd expect in a function, although it doesn't return anything or explicitly create an object — it basically just defines properties and methods.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-33-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-33-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-33-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-33-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-33-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-33-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-33-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-33-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-33-10">10</a></span>
+<span class="normal"><a href="#__codelineno-33-11">11</a></span>
+<span class="normal"><a href="#__codelineno-33-12">12</a></span>
+<span class="normal"><a href="#__codelineno-33-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="c1">// constructor function definition</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Class</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="nx">property</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">param</span><span class="p">;</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a>
+<a id="__codelineno-33-5" name="__codelineno-33-5"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="nx">method</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* code here */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-33-6" name="__codelineno-33-6"></a><span class="p">}</span>
+<a id="__codelineno-33-7" name="__codelineno-33-7"></a>
+<a id="__codelineno-33-8" name="__codelineno-33-8"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">Class</span><span class="p">(</span><span class="nx">params</span><span class="p">);</span><span class="w">  </span><span class="c1">// object instantiation</span>
+<a id="__codelineno-33-9" name="__codelineno-33-9"></a>
+<a id="__codelineno-33-10" name="__codelineno-33-10"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Object</span><span class="p">();</span><span class="w">  </span><span class="c1">// creates empty object</span>
+<a id="__codelineno-33-11" name="__codelineno-33-11"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Object</span><span class="p">({</span>
+<a id="__codelineno-33-12" name="__codelineno-33-12"></a><span class="w">    </span><span class="c1">// JSON</span>
+<a id="__codelineno-33-13" name="__codelineno-33-13"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="prototypes">Prototypes</h3>
+<p>Prototypes are the mechanism by which JavaScript objects <em>inherit</em> features from one another.</p>
+<p>JavaScript is often described as a <strong>prototype-based language</strong>; to provide inheritance, objects can have a prototype object, which acts as a template object that it inherits methods and properties from.</p>
+<p>An object's prototype object may also have a prototype object, which it inherits methods and properties from, and so on.
+This is often referred to as a <strong>prototype chain</strong>, and explains why different objects have properties and methods defined on other objects available to them.
+If a method is implemented on an object (and not it's prototype) then only that object will heve that method and not all the ones that come from the same prototype.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-34-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-34-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-34-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-34-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-34-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-34-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-34-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-34-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-34-10">10</a></span>
+<span class="normal"><a href="#__codelineno-34-11">11</a></span>
+<span class="normal"><a href="#__codelineno-34-12">12</a></span>
+<span class="normal"><a href="#__codelineno-34-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="c1">// constructor function</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Obj</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="nx">param1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">param1</span><span class="p">,</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a><span class="p">}</span>
+<a id="__codelineno-34-6" name="__codelineno-34-6"></a>
+<a id="__codelineno-34-7" name="__codelineno-34-7"></a><span class="c1">// method on the object</span>
+<a id="__codelineno-34-8" name="__codelineno-34-8"></a><span class="nx">Obj</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">method</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-9" name="__codelineno-34-9"></a><span class="w">    </span><span class="c1">// code here (operate w/ this)</span>
+<a id="__codelineno-34-10" name="__codelineno-34-10"></a><span class="p">}</span>
+<a id="__codelineno-34-11" name="__codelineno-34-11"></a>
+<a id="__codelineno-34-12" name="__codelineno-34-12"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">Obj</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span><span class="w">  </span><span class="c1">// object instantiation</span>
+<a id="__codelineno-34-13" name="__codelineno-34-13"></a><span class="nx">obj</span><span class="p">.</span><span class="nx">method</span><span class="p">();</span><span class="w">  </span><span class="c1">// call method from prototype</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="extending-with-prototypes">Extending with prototypes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-35-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-35-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-35-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-35-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-35-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-35-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-35-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-35-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-35-10">10</a></span>
+<span class="normal"><a href="#__codelineno-35-11">11</a></span>
+<span class="normal"><a href="#__codelineno-35-12">12</a></span>
+<span class="normal"><a href="#__codelineno-35-13">13</a></span>
+<span class="normal"><a href="#__codelineno-35-14">14</a></span>
+<span class="normal"><a href="#__codelineno-35-15">15</a></span>
+<span class="normal"><a href="#__codelineno-35-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="c1">// constructor function</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="kd">function</span><span class="w"> </span><span class="nx">DerivedObj</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="nx">param2</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="w">    </span><span class="nx">Obj</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="w"> </span><span class="nx">param1</span><span class="p">);</span><span class="w">  </span><span class="c1">// use prototype constructor</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="w">    </span><span class="k">this</span><span class="p">.</span><span class="nx">param2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">param2</span><span class="p">;</span>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a><span class="p">}</span>
+<a id="__codelineno-35-6" name="__codelineno-35-6"></a>
+<a id="__codelineno-35-7" name="__codelineno-35-7"></a><span class="c1">// extend Obj</span>
+<a id="__codelineno-35-8" name="__codelineno-35-8"></a><span class="nx">DerivedObj</span><span class="p">.</span><span class="nx">prototype</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Object</span><span class="p">.</span><span class="nx">create</span><span class="p">(</span><span class="nx">Obj</span><span class="p">.</span><span class="nx">prototype</span><span class="p">);</span>
+<a id="__codelineno-35-9" name="__codelineno-35-9"></a>
+<a id="__codelineno-35-10" name="__codelineno-35-10"></a><span class="c1">// method on object</span>
+<a id="__codelineno-35-11" name="__codelineno-35-11"></a><span class="nx">DerivedObj</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">method</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-35-12" name="__codelineno-35-12"></a><span class="w">    </span><span class="c1">// code here (operate w/ this)</span>
+<a id="__codelineno-35-13" name="__codelineno-35-13"></a><span class="p">}</span>
+<a id="__codelineno-35-14" name="__codelineno-35-14"></a>
+<a id="__codelineno-35-15" name="__codelineno-35-15"></a><span class="kd">let</span><span class="w"> </span><span class="nx">dobj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">DerivedObj</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span><span class="w">  </span><span class="c1">// object instantiation</span>
+<a id="__codelineno-35-16" name="__codelineno-35-16"></a><span class="nx">dobj</span><span class="p">.</span><span class="nx">method</span><span class="p">();</span><span class="w">  </span><span class="c1">// call method from prototype</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="classes-es6">Classes (ES6+)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-36-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-36-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-36-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-36-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-36-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-36-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-36-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-36-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-36-10">10</a></span>
+<span class="normal"><a href="#__codelineno-36-11">11</a></span>
+<span class="normal"><a href="#__codelineno-36-12">12</a></span>
+<span class="normal"><a href="#__codelineno-36-13">13</a></span>
+<span class="normal"><a href="#__codelineno-36-14">14</a></span>
+<span class="normal"><a href="#__codelineno-36-15">15</a></span>
+<span class="normal"><a href="#__codelineno-36-16">16</a></span>
+<span class="normal"><a href="#__codelineno-36-17">17</a></span>
+<span class="normal"><a href="#__codelineno-36-18">18</a></span>
+<span class="normal"><a href="#__codelineno-36-19">19</a></span>
+<span class="normal"><a href="#__codelineno-36-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="kd">class</span><span class="w"> </span><span class="nx">Obj</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a><span class="w">    </span><span class="kr">constructor</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="p">...)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="nx">param1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">param1</span><span class="p">,</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a><span class="w">        </span><span class="p">...</span>
+<a id="__codelineno-36-5" name="__codelineno-36-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-36-6" name="__codelineno-36-6"></a>
+<a id="__codelineno-36-7" name="__codelineno-36-7"></a><span class="w">    </span><span class="nx">get</span><span class="w"> </span><span class="nx">param1</span><span class="p">()</span><span class="w">  </span><span class="c1">// getter</span>
+<a id="__codelineno-36-8" name="__codelineno-36-8"></a><span class="w">    </span><span class="p">{</span>
+<a id="__codelineno-36-9" name="__codelineno-36-9"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="nx">param1</span><span class="p">;</span>
+<a id="__codelineno-36-10" name="__codelineno-36-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-36-11" name="__codelineno-36-11"></a>
+<a id="__codelineno-36-12" name="__codelineno-36-12"></a><span class="w">    </span><span class="nx">func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-36-13" name="__codelineno-36-13"></a><span class="w">        </span><span class="c1">// code here (operate w/ this)</span>
+<a id="__codelineno-36-14" name="__codelineno-36-14"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-36-15" name="__codelineno-36-15"></a>
+<a id="__codelineno-36-16" name="__codelineno-36-16"></a><span class="w">    </span><span class="k">static</span><span class="w"> </span><span class="nx">func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// static method</span>
+<a id="__codelineno-36-17" name="__codelineno-36-17"></a>
+<a id="__codelineno-36-18" name="__codelineno-36-18"></a><span class="c1">// object instantiation</span>
+<a id="__codelineno-36-19" name="__codelineno-36-19"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">Obj</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-36-20" name="__codelineno-36-20"></a><span class="nx">obj</span><span class="p">.</span><span class="nx">func</span><span class="p">();</span><span class="w">  </span><span class="c1">// call method</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="extending-with-classes">Extending with Classes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="kd">class</span><span class="w"> </span><span class="nx">DerivedObj</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">Obj</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a><span class="w">    </span><span class="kr">constructor</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="nx">param2</span><span class="p">,</span><span class="w"> </span><span class="p">...){</span>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="w">        </span><span class="k">super</span><span class="p">(</span><span class="nx">param1</span><span class="p">);</span><span class="w">  </span><span class="c1">// use superclass constructor</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="nx">param2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">param2</span><span class="p">;</span>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="w">    </span><span class="nx">newFunc</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a><span class="p">}</span>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a><span class="kd">let</span><span class="w"> </span><span class="nx">dobj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">DerivedObj</span><span class="p">();</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a><span class="nx">dobj</span><span class="p">.</span><span class="nx">newFunc</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="deconstruction">Deconstruction</h2>
+<h3 id="object-deconstruction">Object deconstruction</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1">1</a></span>
+<span class="normal"><a href="#__codelineno-38-2">2</a></span>
+<span class="normal"><a href="#__codelineno-38-3">3</a></span>
+<span class="normal"><a href="#__codelineno-38-4">4</a></span>
+<span class="normal"><a href="#__codelineno-38-5">5</a></span>
+<span class="normal"><a href="#__codelineno-38-6">6</a></span>
+<span class="normal"><a href="#__codelineno-38-7">7</a></span>
+<span class="normal"><a href="#__codelineno-38-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="w">    </span><span class="nx">property</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="p">,</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="p">}</span>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="kd">let</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">var1</span><span class="p">,</span><span class="w"> </span><span class="nx">var2</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">obj</span><span class="p">;</span><span class="w">  </span><span class="c1">// extract values from object into variables</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a><span class="kd">let</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">property</span><span class="o">:</span><span class="w"> </span><span class="nx">var1</span><span class="p">,</span><span class="w"> </span><span class="nx">property2</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="nx">var2</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">obj</span><span class="p">;</span><span class="w">  </span><span class="c1">// extract props in variables w/ specified names</span>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a><span class="kd">let</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">property</span><span class="o">:</span><span class="w"> </span><span class="nx">var1</span><span class="p">,</span><span class="w"> </span><span class="nx">var2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">default_value</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">obj</span><span class="p">;</span><span class="w">  </span><span class="c1">// use default values if object has less then expected props</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="array-deconstruction">Array Deconstruction</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1">1</a></span>
+<span class="normal"><a href="#__codelineno-39-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="w"> </span><span class="mf">1</span><span class="p">,</span><span class="w"> </span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="mf">3</span><span class="p">,</span><span class="w"> </span><span class="mf">4</span><span class="p">,</span><span class="w"> </span><span class="mf">5</span><span class="p">,</span><span class="w"> </span><span class="mf">6</span><span class="w"> </span><span class="p">];</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="kd">let</span><span class="w"> </span><span class="p">[</span><span class="nx">first</span><span class="p">,</span><span class="w"> </span><span class="p">,</span><span class="w"> </span><span class="nx">third</span><span class="p">,</span><span class="w"> </span><span class="p">,</span><span class="w"> </span><span class="nx">seventh</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;missing&quot;</span><span class="w"> </span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">array</span><span class="p">;</span><span class="w">  </span><span class="c1">// extract specific values from array</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="serialization">Serialization</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span>
+<span class="normal"><a href="#__codelineno-40-4">4</a></span>
+<span class="normal"><a href="#__codelineno-40-5">5</a></span>
+<span class="normal"><a href="#__codelineno-40-6">6</a></span>
+<span class="normal"><a href="#__codelineno-40-7">7</a></span>
+<span class="normal"><a href="#__codelineno-40-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">object</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="w">    </span><span class="c1">// object attributes</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="p">}</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a>
+<a id="__codelineno-40-5" name="__codelineno-40-5"></a><span class="kd">let</span><span class="w"> </span><span class="nx">json</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">JSON</span><span class="p">.</span><span class="nx">stringify</span><span class="p">(</span><span class="nx">object</span><span class="p">);</span><span class="w">  </span><span class="c1">// serialize object in JSON</span>
+<a id="__codelineno-40-6" name="__codelineno-40-6"></a>
+<a id="__codelineno-40-7" name="__codelineno-40-7"></a><span class="kd">let</span><span class="w"> </span><span class="nx">json</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="cm">/* JSON */</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-40-8" name="__codelineno-40-8"></a><span class="kd">let</span><span class="w"> </span><span class="nx">object</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">json</span><span class="p">);</span><span class="w">  </span><span class="c1">// deserialize to Object</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="timing">Timing</h2>
+<h3 id="timers">Timers</h3>
+<p>Function runs <em>once</em> after an interval of time.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-41-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-41-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-41-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-41-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-41-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-41-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-41-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-41-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-41-10">10</a></span>
+<span class="normal"><a href="#__codelineno-41-11">11</a></span>
+<span class="normal"><a href="#__codelineno-41-12">12</a></span>
+<span class="normal"><a href="#__codelineno-41-13">13</a></span>
+<span class="normal"><a href="#__codelineno-41-14">14</a></span>
+<span class="normal"><a href="#__codelineno-41-15">15</a></span>
+<span class="normal"><a href="#__codelineno-41-16">16</a></span>
+<span class="normal"><a href="#__codelineno-41-17">17</a></span>
+<span class="normal"><a href="#__codelineno-41-18">18</a></span>
+<span class="normal"><a href="#__codelineno-41-19">19</a></span>
+<span class="normal"><a href="#__codelineno-41-20">20</a></span>
+<span class="normal"><a href="#__codelineno-41-21">21</a></span>
+<span class="normal"><a href="#__codelineno-41-22">22</a></span>
+<span class="normal"><a href="#__codelineno-41-23">23</a></span>
+<span class="normal"><a href="#__codelineno-41-24">24</a></span>
+<span class="normal"><a href="#__codelineno-41-25">25</a></span>
+<span class="normal"><a href="#__codelineno-41-26">26</a></span>
+<span class="normal"><a href="#__codelineno-41-27">27</a></span>
+<span class="normal"><a href="#__codelineno-41-28">28</a></span>
+<span class="normal"><a href="#__codelineno-41-29">29</a></span>
+<span class="normal"><a href="#__codelineno-41-30">30</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="c1">// param1, param2, ... are the arguments passed to the function (IE9+)</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">timerId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">setTimeout</span><span class="p">(</span><span class="nx">func</span><span class="w"> </span><span class="p">[,</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">,</span><span class="w"> </span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="nx">param2</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="p">]);</span><span class="w">  </span><span class="c1">// wait milliseconds before executing the code (params are read at execution time)</span>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a>
+<a id="__codelineno-41-4" name="__codelineno-41-4"></a><span class="c1">// works in IE9</span>
+<a id="__codelineno-41-5" name="__codelineno-41-5"></a><span class="kd">let</span><span class="w"> </span><span class="nx">timerId</span><span class="w"> </span><span class="o">=</span><span class="w">  </span><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-41-6" name="__codelineno-41-6"></a><span class="w">    </span><span class="nx">func</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="nx">param2</span><span class="p">);</span>
+<a id="__codelineno-41-7" name="__codelineno-41-7"></a><span class="p">},</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">);</span>
+<a id="__codelineno-41-8" name="__codelineno-41-8"></a>
+<a id="__codelineno-41-9" name="__codelineno-41-9"></a><span class="c1">// Anonymous functions with arguments</span>
+<a id="__codelineno-41-10" name="__codelineno-41-10"></a><span class="kd">let</span><span class="w"> </span><span class="nx">timerId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">arg1</span><span class="p">,</span><span class="w"> </span><span class="p">...){</span>
+<a id="__codelineno-41-11" name="__codelineno-41-11"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-41-12" name="__codelineno-41-12"></a><span class="p">},</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">,</span><span class="w"> </span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-41-13" name="__codelineno-41-13"></a>
+<a id="__codelineno-41-14" name="__codelineno-41-14"></a><span class="nx">clearTimeout</span><span class="p">(</span><span class="nx">timerId</span><span class="p">)</span><span class="w">  </span><span class="c1">// cancel execution</span>
+<a id="__codelineno-41-15" name="__codelineno-41-15"></a>
+<a id="__codelineno-41-16" name="__codelineno-41-16"></a><span class="c1">// example of multiple consecutive schedules</span>
+<a id="__codelineno-41-17" name="__codelineno-41-17"></a><span class="kd">let</span><span class="w"> </span><span class="nx">list</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="mf">1</span><span class="w"> </span><span class="p">,</span><span class="w"> </span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="mf">3</span><span class="p">,</span><span class="w"> </span><span class="mf">4</span><span class="p">,</span><span class="w"> </span><span class="mf">5</span><span class="p">,</span><span class="w"> </span><span class="mf">6</span><span class="p">,</span><span class="w"> </span><span class="mf">7</span><span class="p">,</span><span class="w"> </span><span class="mf">8</span><span class="p">,</span><span class="w"> </span><span class="mf">9</span><span class="p">,</span><span class="w"> </span><span class="mf">10</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;A&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;B&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;C&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;D&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;E&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;F&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;G&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;H&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;I&quot;</span><span class="p">,</span><span class="w"> </span><span class="s2">&quot;J&quot;</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">1</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">3</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">4</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">5</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">6</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">7</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">8</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">9</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">10</span><span class="p">]</span>
+<a id="__codelineno-41-18" name="__codelineno-41-18"></a><span class="kd">function</span><span class="w"> </span><span class="nx">useTimeout</span><span class="p">(</span><span class="nx">pos</span><span class="o">=</span><span class="mf">0</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-41-19" name="__codelineno-41-19"></a>
+<a id="__codelineno-41-20" name="__codelineno-41-20"></a><span class="w">    </span><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-41-21" name="__codelineno-41-21"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">list</span><span class="p">[</span><span class="nx">pos</span><span class="p">]);</span>
+<a id="__codelineno-41-22" name="__codelineno-41-22"></a><span class="w">        </span><span class="nx">pos</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="mf">1</span><span class="p">;</span><span class="w">  </span><span class="c1">// update value for next call</span>
+<a id="__codelineno-41-23" name="__codelineno-41-23"></a>
+<a id="__codelineno-41-24" name="__codelineno-41-24"></a><span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">pos</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="nx">list</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// recursion exit condition</span>
+<a id="__codelineno-41-25" name="__codelineno-41-25"></a><span class="w">            </span><span class="nx">useTimeout</span><span class="p">(</span><span class="nx">pos</span><span class="p">);</span><span class="w">  </span><span class="c1">// schedule next call with new value</span>
+<a id="__codelineno-41-26" name="__codelineno-41-26"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-41-27" name="__codelineno-41-27"></a><span class="w">    </span><span class="p">},</span><span class="w"> </span><span class="mf">1</span><span class="nx">_000</span><span class="p">,</span><span class="w"> </span><span class="nx">pos</span><span class="p">);</span>
+<a id="__codelineno-41-28" name="__codelineno-41-28"></a><span class="p">}</span>
+<a id="__codelineno-41-29" name="__codelineno-41-29"></a>
+<a id="__codelineno-41-30" name="__codelineno-41-30"></a><span class="nx">useTimeout</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="let-vs-var-with-settimeout"><code>let</code> vs <code>var</code> with <code>setTimeout</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-42-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-42-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-42-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-42-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-42-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-42-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-42-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-42-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-42-10">10</a></span>
+<span class="normal"><a href="#__codelineno-42-11">11</a></span>
+<span class="normal"><a href="#__codelineno-42-12">12</a></span>
+<span class="normal"><a href="#__codelineno-42-13">13</a></span>
+<span class="normal"><a href="#__codelineno-42-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="c1">// let instantiates a new variable for each iteration</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kd">let</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">0</span><span class="p">;</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mf">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="nx">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a><span class="w">    </span><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-42-4" name="__codelineno-42-4"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">i</span><span class="p">);</span>
+<a id="__codelineno-42-5" name="__codelineno-42-5"></a><span class="w">    </span><span class="p">},</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mf">100</span><span class="p">);</span>
+<a id="__codelineno-42-6" name="__codelineno-42-6"></a><span class="p">}</span>
+<a id="__codelineno-42-7" name="__codelineno-42-7"></a><span class="c1">// output: 0, 1, 2</span>
+<a id="__codelineno-42-8" name="__codelineno-42-8"></a>
+<a id="__codelineno-42-9" name="__codelineno-42-9"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="kd">var</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">0</span><span class="p">;</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mf">3</span><span class="p">;</span><span class="w"> </span><span class="o">++</span><span class="nx">i</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-42-10" name="__codelineno-42-10"></a><span class="w">    </span><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-42-11" name="__codelineno-42-11"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">i</span><span class="p">);</span>
+<a id="__codelineno-42-12" name="__codelineno-42-12"></a><span class="w">    </span><span class="p">},</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mf">100</span><span class="p">);</span>
+<a id="__codelineno-42-13" name="__codelineno-42-13"></a><span class="p">}</span>
+<a id="__codelineno-42-14" name="__codelineno-42-14"></a><span class="c1">// output: 3, 3, 3</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="preserving-the-context">Preserving the context</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-43-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-43-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-43-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-43-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-43-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-43-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-43-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-43-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-43-10">10</a></span>
+<span class="normal"><a href="#__codelineno-43-11">11</a></span>
+<span class="normal"><a href="#__codelineno-43-12">12</a></span>
+<span class="normal"><a href="#__codelineno-43-13">13</a></span>
+<span class="normal"><a href="#__codelineno-43-14">14</a></span>
+<span class="normal"><a href="#__codelineno-43-15">15</a></span>
+<span class="normal"><a href="#__codelineno-43-16">16</a></span>
+<span class="normal"><a href="#__codelineno-43-17">17</a></span>
+<span class="normal"><a href="#__codelineno-43-18">18</a></span>
+<span class="normal"><a href="#__codelineno-43-19">19</a></span>
+<span class="normal"><a href="#__codelineno-43-20">20</a></span>
+<span class="normal"><a href="#__codelineno-43-21">21</a></span>
+<span class="normal"><a href="#__codelineno-43-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="w">    </span><span class="nx">prop</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="p">,</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a>
+<a id="__codelineno-43-4" name="__codelineno-43-4"></a><span class="w">    </span><span class="nx">method1</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* statement */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-43-5" name="__codelineno-43-5"></a>
+<a id="__codelineno-43-6" name="__codelineno-43-6"></a><span class="w">    </span><span class="nx">method2</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-7" name="__codelineno-43-7"></a><span class="w">        </span><span class="kd">let</span><span class="w"> </span><span class="nx">self</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">this</span><span class="w">  </span><span class="c1">// memorize context inside method (otherwise callback will not know it)</span>
+<a id="__codelineno-43-8" name="__codelineno-43-8"></a><span class="w">        </span><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* code here (uses self) */</span><span class="w"> </span><span class="p">})</span>
+<a id="__codelineno-43-9" name="__codelineno-43-9"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-43-10" name="__codelineno-43-10"></a><span class="p">}</span>
+<a id="__codelineno-43-11" name="__codelineno-43-11"></a>
+<a id="__codelineno-43-12" name="__codelineno-43-12"></a>
+<a id="__codelineno-43-13" name="__codelineno-43-13"></a><span class="c1">// better</span>
+<a id="__codelineno-43-14" name="__codelineno-43-14"></a><span class="kd">let</span><span class="w"> </span><span class="nx">obj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-15" name="__codelineno-43-15"></a><span class="w">    </span><span class="nx">prop</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="p">,</span>
+<a id="__codelineno-43-16" name="__codelineno-43-16"></a>
+<a id="__codelineno-43-17" name="__codelineno-43-17"></a><span class="w">    </span><span class="nx">method1</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* statement */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-43-18" name="__codelineno-43-18"></a>
+<a id="__codelineno-43-19" name="__codelineno-43-19"></a><span class="w">    </span><span class="nx">method2</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-20" name="__codelineno-43-20"></a><span class="w">        </span><span class="nx">setTimeout</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* code here (uses this) */</span><span class="w"> </span><span class="p">})</span><span class="w">  </span><span class="c1">// arrow func does not create new scope, this context preserved</span>
+<a id="__codelineno-43-21" name="__codelineno-43-21"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-43-22" name="__codelineno-43-22"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="intervals">Intervals</h3>
+<p>Function runs regularly with a specified interval. JavaScript is <strong>Single Threaded</strong>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-44-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-44-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-44-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-44-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-44-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-44-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-44-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-44-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-44-10">10</a></span>
+<span class="normal"><a href="#__codelineno-44-11">11</a></span>
+<span class="normal"><a href="#__codelineno-44-12">12</a></span>
+<span class="normal"><a href="#__codelineno-44-13">13</a></span>
+<span class="normal"><a href="#__codelineno-44-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="c1">// param1, param2, ... are the arguments passed to the function (IE9+)</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">timerId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">setInterval</span><span class="p">(</span><span class="nx">func</span><span class="p">,</span><span class="w"> </span><span class="nx">milliseconds</span><span class="w"> </span><span class="p">[,</span><span class="w"> </span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="nx">param2</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="p">]);</span><span class="w"> </span><span class="c1">// (params are read at execution time)</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a><span class="c1">// works in IE9</span>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a><span class="kd">let</span><span class="w"> </span><span class="nx">timerId</span><span class="w"> </span><span class="o">=</span><span class="w">  </span><span class="nx">setInterval</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-44-6" name="__codelineno-44-6"></a><span class="w">    </span><span class="nx">func</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="nx">param2</span><span class="p">);</span>
+<a id="__codelineno-44-7" name="__codelineno-44-7"></a><span class="p">},</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">);</span>
+<a id="__codelineno-44-8" name="__codelineno-44-8"></a>
+<a id="__codelineno-44-9" name="__codelineno-44-9"></a><span class="c1">// Anonymous functions with arguments</span>
+<a id="__codelineno-44-10" name="__codelineno-44-10"></a><span class="kd">let</span><span class="w"> </span><span class="nx">timerId</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">setInterval</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">arg1</span><span class="p">,</span><span class="w"> </span><span class="p">...){</span>
+<a id="__codelineno-44-11" name="__codelineno-44-11"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-44-12" name="__codelineno-44-12"></a><span class="p">},</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">,</span><span class="w"> </span><span class="nx">param1</span><span class="p">,</span><span class="w"> </span><span class="p">...);</span>
+<a id="__codelineno-44-13" name="__codelineno-44-13"></a>
+<a id="__codelineno-44-14" name="__codelineno-44-14"></a><span class="nx">clearTimeout</span><span class="p">(</span><span class="nx">timerId</span><span class="p">);</span><span class="w">  </span><span class="c1">// cancel execution</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="datetime">DateTime</h2>
+<p>A date consists of a year, a month, a day, an hour, a minute, a second, and milliseconds.</p>
+<p>There are generally 4 types of JavaScript date input formats:</p>
+<ul>
+<li><strong>ISO Date</strong>: <code>"2015-03-25"</code></li>
+<li>Short Date: <code>"03/25/2015"</code></li>
+<li>Long Date: <code>"Mar 25 2015"</code> or <code>"25 Mar 2015"</code></li>
+<li>Full Date: <code>"Wednesday March 25 2015"</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-45-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-45-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-45-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-45-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-45-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-45-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-45-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-45-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-45-10">10</a></span>
+<span class="normal"><a href="#__codelineno-45-11">11</a></span>
+<span class="normal"><a href="#__codelineno-45-12">12</a></span>
+<span class="normal"><a href="#__codelineno-45-13">13</a></span>
+<span class="normal"><a href="#__codelineno-45-14">14</a></span>
+<span class="normal"><a href="#__codelineno-45-15">15</a></span>
+<span class="normal"><a href="#__codelineno-45-16">16</a></span>
+<span class="normal"><a href="#__codelineno-45-17">17</a></span>
+<span class="normal"><a href="#__codelineno-45-18">18</a></span>
+<span class="normal"><a href="#__codelineno-45-19">19</a></span>
+<span class="normal"><a href="#__codelineno-45-20">20</a></span>
+<span class="normal"><a href="#__codelineno-45-21">21</a></span>
+<span class="normal"><a href="#__codelineno-45-22">22</a></span>
+<span class="normal"><a href="#__codelineno-45-23">23</a></span>
+<span class="normal"><a href="#__codelineno-45-24">24</a></span>
+<span class="normal"><a href="#__codelineno-45-25">25</a></span>
+<span class="normal"><a href="#__codelineno-45-26">26</a></span>
+<span class="normal"><a href="#__codelineno-45-27">27</a></span>
+<span class="normal"><a href="#__codelineno-45-28">28</a></span>
+<span class="normal"><a href="#__codelineno-45-29">29</a></span>
+<span class="normal"><a href="#__codelineno-45-30">30</a></span>
+<span class="normal"><a href="#__codelineno-45-31">31</a></span>
+<span class="normal"><a href="#__codelineno-45-32">32</a></span>
+<span class="normal"><a href="#__codelineno-45-33">33</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="c1">// constructors</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">();</span>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">(</span><span class="nx">milliseconds</span><span class="p">);</span>
+<a id="__codelineno-45-4" name="__codelineno-45-4"></a><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">(</span><span class="nx">dateString</span><span class="p">);</span>
+<a id="__codelineno-45-5" name="__codelineno-45-5"></a><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">(</span><span class="nx">year</span><span class="p">,</span><span class="w"> </span><span class="nx">month</span><span class="p">,</span><span class="w"> </span><span class="nx">day</span><span class="p">,</span><span class="w"> </span><span class="nx">hours</span><span class="p">,</span><span class="w"> </span><span class="nx">minutes</span><span class="p">,</span><span class="w"> </span><span class="nx">seconds</span><span class="p">,</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">);</span>
+<a id="__codelineno-45-6" name="__codelineno-45-6"></a>
+<a id="__codelineno-45-7" name="__codelineno-45-7"></a><span class="c1">// accepts parameters similar to the Date constructor, but treats them as UTC. It returns the number of milliseconds since January 1, 1970, 00:00:00 UTC.</span>
+<a id="__codelineno-45-8" name="__codelineno-45-8"></a><span class="nb">Date</span><span class="p">.</span><span class="nx">UTC</span><span class="p">(</span><span class="nx">year</span><span class="p">,</span><span class="w"> </span><span class="nx">month</span><span class="p">,</span><span class="w"> </span><span class="nx">day</span><span class="p">,</span><span class="w"> </span><span class="nx">hours</span><span class="p">,</span><span class="w"> </span><span class="nx">minutes</span><span class="p">,</span><span class="w"> </span><span class="nx">seconds</span><span class="p">,</span><span class="w"> </span><span class="nx">milliseconds</span><span class="p">);</span>
+<a id="__codelineno-45-9" name="__codelineno-45-9"></a>
+<a id="__codelineno-45-10" name="__codelineno-45-10"></a><span class="c1">//static methods</span>
+<a id="__codelineno-45-11" name="__codelineno-45-11"></a><span class="nb">Date</span><span class="p">.</span><span class="nx">now</span><span class="p">();</span><span class="w">  </span><span class="c1">// returns the number of milliseconds elapsed since January 1, 1970 00:00:00 UTC.</span>
+<a id="__codelineno-45-12" name="__codelineno-45-12"></a>
+<a id="__codelineno-45-13" name="__codelineno-45-13"></a><span class="c1">// methods</span>
+<a id="__codelineno-45-14" name="__codelineno-45-14"></a><span class="kd">let</span><span class="w"> </span><span class="nx">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">();</span>
+<a id="__codelineno-45-15" name="__codelineno-45-15"></a><span class="nx">date</span><span class="p">.</span><span class="nx">toSting</span><span class="p">();</span><span class="w"> </span><span class="c1">// returns a string representing the specified Date object</span>
+<a id="__codelineno-45-16" name="__codelineno-45-16"></a><span class="nx">date</span><span class="p">.</span><span class="nx">toUTCString</span><span class="p">();</span>
+<a id="__codelineno-45-17" name="__codelineno-45-17"></a><span class="nx">date</span><span class="p">.</span><span class="nx">toDateString</span><span class="p">();</span>
+<a id="__codelineno-45-18" name="__codelineno-45-18"></a><span class="nx">date</span><span class="p">.</span><span class="nx">toTimeString</span><span class="p">();</span><span class="w">  </span><span class="c1">// method returns the time portion of a Date object in human readable form in American English.</span>
+<a id="__codelineno-45-19" name="__codelineno-45-19"></a>
+<a id="__codelineno-45-20" name="__codelineno-45-20"></a>
+<a id="__codelineno-45-21" name="__codelineno-45-21"></a><span class="c1">// get date</span>
+<a id="__codelineno-45-22" name="__codelineno-45-22"></a>
+<a id="__codelineno-45-23" name="__codelineno-45-23"></a><span class="nx">dare</span><span class="p">.</span><span class="nx">getMonth</span><span class="p">();</span>
+<a id="__codelineno-45-24" name="__codelineno-45-24"></a><span class="nx">date</span><span class="p">.</span><span class="nx">getMinutes</span><span class="p">();</span>
+<a id="__codelineno-45-25" name="__codelineno-45-25"></a><span class="nx">date</span><span class="p">.</span><span class="nx">getFullYear</span><span class="p">();</span>
+<a id="__codelineno-45-26" name="__codelineno-45-26"></a>
+<a id="__codelineno-45-27" name="__codelineno-45-27"></a><span class="c1">// set date</span>
+<a id="__codelineno-45-28" name="__codelineno-45-28"></a><span class="nx">date</span><span class="p">.</span><span class="nx">setFullYear</span><span class="p">(</span><span class="mf">2020</span><span class="p">,</span><span class="w"> </span><span class="mf">0</span><span class="p">,</span><span class="w"> </span><span class="mf">14</span><span class="p">);</span>
+<a id="__codelineno-45-29" name="__codelineno-45-29"></a><span class="nx">date</span><span class="p">.</span><span class="nx">setDate</span><span class="p">(</span><span class="nx">date</span><span class="p">.</span><span class="nx">getDate</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">50</span><span class="p">);</span>
+<a id="__codelineno-45-30" name="__codelineno-45-30"></a>
+<a id="__codelineno-45-31" name="__codelineno-45-31"></a><span class="c1">// parse valid dates</span>
+<a id="__codelineno-45-32" name="__codelineno-45-32"></a><span class="kd">let</span><span class="w"> </span><span class="nx">msec</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Date</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="s2">&quot;March 21, 2012&quot;</span><span class="p">);</span>
+<a id="__codelineno-45-33" name="__codelineno-45-33"></a><span class="kd">let</span><span class="w"> </span><span class="nx">date</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">(</span><span class="nx">msec</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="comparing-dates">Comparing Dates</h3>
+<p>Comparison operators work also on dates</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1">1</a></span>
+<span class="normal"><a href="#__codelineno-46-2">2</a></span>
+<span class="normal"><a href="#__codelineno-46-3">3</a></span>
+<span class="normal"><a href="#__codelineno-46-4">4</a></span>
+<span class="normal"><a href="#__codelineno-46-5">5</a></span>
+<span class="normal"><a href="#__codelineno-46-6">6</a></span>
+<span class="normal"><a href="#__codelineno-46-7">7</a></span>
+<span class="normal"><a href="#__codelineno-46-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">date1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">();</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="kd">let</span><span class="w"> </span><span class="nx">date2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">(</span><span class="s2">&quot;May 24, 2017 10:50:00&quot;</span><span class="p">);</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a>
+<a id="__codelineno-46-4" name="__codelineno-46-4"></a><span class="k">if</span><span class="p">(</span><span class="nx">date1</span><span class="w"> </span><span class="o">&gt;</span><span class="w"> </span><span class="nx">date2</span><span class="p">){</span>
+<a id="__codelineno-46-5" name="__codelineno-46-5"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;break time&#39;</span><span class="p">);</span>
+<a id="__codelineno-46-6" name="__codelineno-46-6"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-46-7" name="__codelineno-46-7"></a><span class="w">        </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;stay in class&#39;</span><span class="p">);</span>
+<a id="__codelineno-46-8" name="__codelineno-46-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="exports"><a href="https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export">Exports</a></h2>
+<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp">Firefox CORS not HTTP</a></p>
+<blockquote>
+<p><strong>Note</strong>: Firefox 68 and later define the origin of a page opened using a <code>file:///</code> URI as unique. Therefore, other resources in the same directory or its subdirectories no longer satisfy the CORS same-origin rule. This new behavior is enabled by default using the <code>privacy.file_unique_origin</code> preference.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="nt">&quot;privacy.file_unique_origin&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;false&quot;</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>page.html</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-48-1">1</a></span>
+<span class="normal"><a href="#__codelineno-48-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-48-1" name="__codelineno-48-1"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;scripts/module.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-48-2" name="__codelineno-48-2"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;scripts/script.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>module.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-49-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-49-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-49-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-49-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-49-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-49-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-49-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-49-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-49-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-49-10">10</a></span>
+<span class="normal"><a href="#__codelineno-49-11">11</a></span>
+<span class="normal"><a href="#__codelineno-49-12">12</a></span>
+<span class="normal"><a href="#__codelineno-49-13">13</a></span>
+<span class="normal"><a href="#__codelineno-49-14">14</a></span>
+<span class="normal"><a href="#__codelineno-49-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-49-1" name="__codelineno-49-1"></a><span class="c1">// exporting individual fractures</span>
+<a id="__codelineno-49-2" name="__codelineno-49-2"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// one per module</span>
+<a id="__codelineno-49-3" name="__codelineno-49-3"></a><span class="k">export</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">expression</span><span class="p">;</span><span class="w">  </span><span class="c1">// zero or more per module</span>
+<a id="__codelineno-49-4" name="__codelineno-49-4"></a>
+<a id="__codelineno-49-5" name="__codelineno-49-5"></a><span class="c1">// Export list</span>
+<a id="__codelineno-49-6" name="__codelineno-49-6"></a><span class="k">export</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">name1</span><span class="p">,</span><span class="w"> </span><span class="nx">name2</span><span class="p">,</span><span class="w"> </span><span class="err">…</span><span class="p">,</span><span class="w"> </span><span class="nx">nameN</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-49-7" name="__codelineno-49-7"></a>
+<a id="__codelineno-49-8" name="__codelineno-49-8"></a><span class="c1">// Renaming exports</span>
+<a id="__codelineno-49-9" name="__codelineno-49-9"></a><span class="k">export</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">variable1</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">name1</span><span class="p">,</span><span class="w"> </span><span class="nx">variable2</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">name2</span><span class="p">,</span><span class="w"> </span><span class="err">…</span><span class="p">,</span><span class="w"> </span><span class="nx">nameN</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-49-10" name="__codelineno-49-10"></a>
+<a id="__codelineno-49-11" name="__codelineno-49-11"></a><span class="c1">// Exporting destructured assignments with renaming</span>
+<a id="__codelineno-49-12" name="__codelineno-49-12"></a><span class="k">export</span><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">name1</span><span class="p">,</span><span class="w"> </span><span class="nx">name2</span><span class="o">:</span><span class="w"> </span><span class="nx">bar</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">o</span><span class="p">;</span>
+<a id="__codelineno-49-13" name="__codelineno-49-13"></a>
+<a id="__codelineno-49-14" name="__codelineno-49-14"></a><span class="w"> </span><span class="c1">// re-export</span>
+<a id="__codelineno-49-15" name="__codelineno-49-15"></a><span class="k">export</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;other_script.js&quot;</span><span class="w"> </span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>script.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-50-1">1</a></span>
+<span class="normal"><a href="#__codelineno-50-2">2</a></span>
+<span class="normal"><a href="#__codelineno-50-3">3</a></span>
+<span class="normal"><a href="#__codelineno-50-4">4</a></span>
+<span class="normal"><a href="#__codelineno-50-5">5</a></span>
+<span class="normal"><a href="#__codelineno-50-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-50-1" name="__codelineno-50-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">default_func_alias</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">alias</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./module.js&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// import default and set alias</span>
+<a id="__codelineno-50-2" name="__codelineno-50-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">default_func_alias</span><span class="p">,</span><span class="w"> </span><span class="nx">func</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">alias</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./module.js&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// import default and set alias</span>
+<a id="__codelineno-50-3" name="__codelineno-50-3"></a>
+<a id="__codelineno-50-4" name="__codelineno-50-4"></a><span class="c1">// use imported functions</span>
+<a id="__codelineno-50-5" name="__codelineno-50-5"></a><span class="nx">default_func_alias</span><span class="p">();</span>
+<a id="__codelineno-50-6" name="__codelineno-50-6"></a><span class="nx">alias</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-51-1">1</a></span>
+<span class="normal"><a href="#__codelineno-51-2">2</a></span>
+<span class="normal"><a href="#__codelineno-51-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-51-1" name="__codelineno-51-1"></a><span class="k">import</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./module.js&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// import all</span>
+<a id="__codelineno-51-2" name="__codelineno-51-2"></a>
+<a id="__codelineno-51-3" name="__codelineno-51-3"></a><span class="nx">module</span><span class="p">.</span><span class="kd">function</span><span class="p">();</span><span class="w">  </span><span class="c1">// use imported content with fully qualified name</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../rust/unit-tests.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Unit Tests">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Unit Tests
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="dom.html" class="md-footer__link md-footer__link--next" aria-label="Next: DOM">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                DOM
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/jquery.html b/languages/javascript/jquery.html
new file mode 100644
index 0000000..b75b1de
--- /dev/null
+++ b/languages/javascript/jquery.html
@@ -0,0 +1,4780 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/jquery.html">
+      
+      
+        <link rel="prev" href="ajax.html">
+      
+      
+        <link rel="next" href="react/react.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>jQuery - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="jQuery - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/jquery.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/jquery.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="jQuery - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/jquery.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#jquery-library" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              jQuery
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="jquery.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#including-jquery" class="md-nav__link">
+    <span class="md-ellipsis">
+      Including jQuery
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Including jQuery">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#download-and-link-the-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Download and link the file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#use-a-cdn" class="md-nav__link">
+    <span class="md-ellipsis">
+      Use a CDN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#what-is-a-cdn" class="md-nav__link">
+    <span class="md-ellipsis">
+      What is a CDN
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#html-manipulation" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML Manipulation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HTML Manipulation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#finding-dom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Finding DOM elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-dom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating DOM elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modifying-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modifying Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#create-store-manipulate-and-inject" class="md-nav__link">
+    <span class="md-ellipsis">
+      Create, Store, Manipulate and inject
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#regular-dom-nodes-to-jquery-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Regular DOM Nodes to jQuery Objects
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Events
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Events">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#preventing-default-event" class="md-nav__link">
+    <span class="md-ellipsis">
+      Preventing Default Event
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#plugins" class="md-nav__link">
+    <span class="md-ellipsis">
+      Plugins
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#more-jquery" class="md-nav__link">
+    <span class="md-ellipsis">
+      More jQuery
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="More jQuery">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#patters-anti-patterns" class="md-nav__link">
+    <span class="md-ellipsis">
+      Patters &amp; Anti-Patterns
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#chaining" class="md-nav__link">
+    <span class="md-ellipsis">
+      Chaining
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dom-readiness" class="md-nav__link">
+    <span class="md-ellipsis">
+      DOM Readiness
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#ajax-jquery-15" class="md-nav__link">
+    <span class="md-ellipsis">
+      AJAX (jQuery 1.5+)
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#including-jquery" class="md-nav__link">
+    <span class="md-ellipsis">
+      Including jQuery
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Including jQuery">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#download-and-link-the-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Download and link the file
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#use-a-cdn" class="md-nav__link">
+    <span class="md-ellipsis">
+      Use a CDN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#what-is-a-cdn" class="md-nav__link">
+    <span class="md-ellipsis">
+      What is a CDN
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#html-manipulation" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTML Manipulation
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HTML Manipulation">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#finding-dom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Finding DOM elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#manipulating-dom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Manipulating DOM elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reading-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modifying-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modifying Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#create-store-manipulate-and-inject" class="md-nav__link">
+    <span class="md-ellipsis">
+      Create, Store, Manipulate and inject
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#regular-dom-nodes-to-jquery-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Regular DOM Nodes to jQuery Objects
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#events" class="md-nav__link">
+    <span class="md-ellipsis">
+      Events
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Events">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#preventing-default-event" class="md-nav__link">
+    <span class="md-ellipsis">
+      Preventing Default Event
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#plugins" class="md-nav__link">
+    <span class="md-ellipsis">
+      Plugins
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#more-jquery" class="md-nav__link">
+    <span class="md-ellipsis">
+      More jQuery
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="More jQuery">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#patters-anti-patterns" class="md-nav__link">
+    <span class="md-ellipsis">
+      Patters &amp; Anti-Patterns
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#chaining" class="md-nav__link">
+    <span class="md-ellipsis">
+      Chaining
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dom-readiness" class="md-nav__link">
+    <span class="md-ellipsis">
+      DOM Readiness
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#ajax-jquery-15" class="md-nav__link">
+    <span class="md-ellipsis">
+      AJAX (jQuery 1.5+)
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="jquery-library">jQuery Library</h1>
+<h2 id="including-jquery">Including jQuery</h2>
+<h3 id="download-and-link-the-file">Download and link the file</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>    <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;jquery-x.x.x.min.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="use-a-cdn">Use a CDN</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span>
+<span class="normal"><a href="#__codelineno-1-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>    <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="cm">&lt;!-- OR --&gt;</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>    <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://ajax.aspnetcdn.com/ajax/jQuery/jquery-x.x.x.min.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="what-is-a-cdn">What is a CDN</h3>
+<p>A <strong>content delivery network</strong> or <strong>content distribution network</strong> (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet.
+The goal of a CDN is to serve content to end-users with high availability and high performance.
+CDNs serve a large fraction of the Internet content today, including web objects (text, graphics and scripts), downloadable objects (media files, software, documents), applications (e-commerce, portals), live streaming media, on-demand streaming media, and social networks.</p>
+<h2 id="html-manipulation">HTML Manipulation</h2>
+<h3 id="finding-dom-elements"><a href="https://api.jquery.com/category/selectors/">Finding DOM elements</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;tag&#39;</span><span class="p">);</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#id&quot;</span><span class="p">);</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="nx">$</span><span class="p">(</span><span class="s2">&quot;.class&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="manipulating-dom-elements">Manipulating DOM elements</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="nx">$</span><span class="p">(</span><span class="s2">&quot;p&quot;</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="s2">&quot;special&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="cm">&lt;!-- before --&gt;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Welcome to jQuery<span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="cm">&lt;!-- after --&gt;</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="p">&lt;</span><span class="nt">p</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;special&quot;</span><span class="p">&gt;</span>Welcome to jQuery<span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="reading-elements">Reading Elements</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;yahoo&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://www.yahoo.com&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;font-size:20px;&quot;</span><span class="p">&gt;</span>Yahoo!<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="c1">// find it &amp; store it</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="kd">var</span><span class="w"> </span><span class="nx">link</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;a#yahoo&#39;</span><span class="p">);</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="c1">// get info about it</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="nx">link</span><span class="p">.</span><span class="nx">html</span><span class="p">();</span><span class="w"> </span><span class="c1">// &#39;Yahoo!&#39;</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="nx">link</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;href&#39;</span><span class="p">);</span><span class="w"> </span><span class="c1">// &#39;http://www.yahoo.com&#39;</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="nx">link</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;font-size&#39;</span><span class="p">);</span><span class="w"> </span><span class="c1">// &#39;20px</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="modifying-elements">Modifying Elements</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1">// jQuery</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;a&#39;</span><span class="p">).</span><span class="nx">html</span><span class="p">(</span><span class="s1">&#39;Yahoo!&#39;</span><span class="p">);</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;a&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;href&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;http://www.yahoo.com&#39;</span><span class="p">);</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;a&#39;</span><span class="p">).</span><span class="nx">css</span><span class="p">({</span><span class="s1">&#39;color&#39;</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;purple&#39;</span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="cm">&lt;!-- before --&gt;</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://www.google.com&quot;</span><span class="p">&gt;</span>Google<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="cm">&lt;!-- after --&gt;</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://www.yahoo.com&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;color:purple&quot;</span><span class="p">&gt;</span>Yahoo<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="create-store-manipulate-and-inject">Create, Store, Manipulate and inject</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">paragraph</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;p class=&quot;intro&quot;&gt;Welcome&lt;p&gt;&#39;</span><span class="p">);</span><span class="w">  </span><span class="c1">// create and store element</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="nx">paragraph</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;property&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;value&#39;</span><span class="p">);</span><span class="w">  </span><span class="c1">// manipulate element</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="nx">$</span><span class="p">(</span><span class="s2">&quot;body&quot;</span><span class="p">).</span><span class="nx">append</span><span class="p">(</span><span class="nx">paragraph</span><span class="p">);</span><span class="w">  </span><span class="c1">// inject in DOM</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="regular-dom-nodes-to-jquery-objects">Regular DOM Nodes to jQuery Objects</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">paragraphs</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;p&#39;</span><span class="p">);</span><span class="w"> </span><span class="c1">// an array</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="kd">var</span><span class="w"> </span><span class="nx">aParagraph</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">paragraphs</span><span class="p">[</span><span class="mf">0</span><span class="p">];</span><span class="w"> </span><span class="c1">// a regular DOM node</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="kd">var</span><span class="w"> </span><span class="nx">$aParagraph</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">$</span><span class="p">(</span><span class="nx">paragraphs</span><span class="p">[</span><span class="mf">0</span><span class="p">]);</span><span class="w"> </span><span class="c1">// a jQuery Object</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="c1">// can also use loops</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="k">for</span><span class="p">(</span><span class="kd">var</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">0</span><span class="p">;</span><span class="w"> </span><span class="nx">i</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="nx">paragraphs</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span><span class="w"> </span><span class="nx">i</span><span class="o">++</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="w">    </span><span class="kd">var</span><span class="w"> </span><span class="nx">element</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">paragraphs</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="w">    </span><span class="kd">var</span><span class="w"> </span><span class="nx">paragraph</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">$</span><span class="p">(</span><span class="nx">element</span><span class="p">);</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="w">    </span><span class="nx">paragraph</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">paragraph</span><span class="p">.</span><span class="nx">html</span><span class="p">()</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s1">&#39; WOW!&#39;</span><span class="p">);</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="events"><a href="https://api.jquery.com/category/events/">Events</a></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span>
+<span class="normal"><a href="#__codelineno-11-12">12</a></span>
+<span class="normal"><a href="#__codelineno-11-13">13</a></span>
+<span class="normal"><a href="#__codelineno-11-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="kd">var</span><span class="w"> </span><span class="nx">onButtonClick</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">  </span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;clicked!&#39;</span><span class="p">);</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="p">}</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="c1">// with named callback &amp; .on</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;button&#39;</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">onButtonClick</span><span class="p">);</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="c1">// with anonymous callback &amp; .on</span>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;button&#39;</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;clicked!&#39;</span><span class="p">);</span>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a><span class="p">});</span>
+<a id="__codelineno-11-12" name="__codelineno-11-12"></a>
+<a id="__codelineno-11-13" name="__codelineno-11-13"></a><span class="c1">// with .click &amp; named callback</span>
+<a id="__codelineno-11-14" name="__codelineno-11-14"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;button&#39;</span><span class="p">).</span><span class="nx">click</span><span class="p">(</span><span class="nx">onButtonClick</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="preventing-default-event">Preventing Default Event</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;selector&#39;</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">&#39;event&#39;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">event</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="w">    </span><span class="nx">event</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="w">    </span><span class="c1">// custom logic</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="plugins">Plugins</h2>
+<p>In the HTML, add a <code>&lt;script&gt;</code> ag that hotlinks to the CDN or source file:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js&quot;</span><span class="p">&gt;</span><span class="o">&lt;</span><span class="nx">script</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>In the JavaScript call the jQuery plugin on the DOM:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="nx">$</span><span class="p">(</span><span class="s2">&quot;form&quot;</span><span class="p">).</span><span class="nx">validate</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: always link to the <a href="https://developers.google.com/speed/docs/insights/MinifyResources">minified</a> js files.</p>
+</blockquote>
+<h2 id="more-jquery">More jQuery</h2>
+<h3 id="patters-anti-patterns">Patters &amp; Anti-Patterns</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span>
+<span class="normal"><a href="#__codelineno-15-12">12</a></span>
+<span class="normal"><a href="#__codelineno-15-13">13</a></span>
+<span class="normal"><a href="#__codelineno-15-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="c1">// Pattern: name variables with $var</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="nx">$myVar</span><span class="w"> </span><span class="o">=</span><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;#myNode&#39;</span><span class="p">);</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="c1">// Pattern: store references to callback functions</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="kd">var</span><span class="w"> </span><span class="nx">callback</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">argument</span><span class="p">){</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a><span class="w">    </span><span class="c1">// do something cool</span>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a><span class="p">};</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a>
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;p&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">myCallback</span><span class="p">);</span>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a>
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="c1">// Anti-pattern: anonymous functions</span>
+<a id="__codelineno-15-12" name="__codelineno-15-12"></a><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;p&#39;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">(</span><span class="nx">argument</span><span class="p">){</span>
+<a id="__codelineno-15-13" name="__codelineno-15-13"></a><span class="w">    </span><span class="c1">// do something anonymous</span>
+<a id="__codelineno-15-14" name="__codelineno-15-14"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="chaining">Chaining</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-16-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-16-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-16-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-16-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-16-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-16-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-16-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-16-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-16-10">10</a></span>
+<span class="normal"><a href="#__codelineno-16-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="nx">banner</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;color&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;red&#39;</span><span class="p">);</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="nx">banner</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="s1">&#39;Welcome!&#39;</span><span class="p">);</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="nx">banner</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="c1">// same as:</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="nx">banner</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;color&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;red&#39;</span><span class="p">).</span><span class="nx">html</span><span class="p">(</span><span class="s1">&#39;Welcome!&#39;</span><span class="p">).</span><span class="nx">show</span><span class="p">();</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a><span class="c1">// same as:</span>
+<a id="__codelineno-16-9" name="__codelineno-16-9"></a><span class="nx">banner</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;color&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;red&#39;</span><span class="p">)</span>
+<a id="__codelineno-16-10" name="__codelineno-16-10"></a><span class="w">    </span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="s1">&#39;Welcome!&#39;</span><span class="p">)</span>
+<a id="__codelineno-16-11" name="__codelineno-16-11"></a><span class="w">    </span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dom-readiness">DOM Readiness</h3>
+<p>DOM manipulation and event binding doesn't work if the <code>&lt;script&gt;</code> is in the <code>&lt;head&gt;</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span>
+<span class="normal"><a href="#__codelineno-17-5">5</a></span>
+<span class="normal"><a href="#__codelineno-17-6">6</a></span>
+<span class="normal"><a href="#__codelineno-17-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="w">    </span><span class="c1">// the DOM is fully loaded</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="p">});</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">&#39;load&#39;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">(){</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="w">    </span><span class="c1">// the DOM and all assets (including images) are loaded</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="ajax-jquery-15">AJAX (jQuery <code>1.5</code>+)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span>
+<span class="normal"><a href="#__codelineno-18-5">5</a></span>
+<span class="normal"><a href="#__codelineno-18-6">6</a></span>
+<span class="normal"><a href="#__codelineno-18-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="nx">$</span><span class="p">.</span><span class="nx">ajax</span><span class="p">({</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">    </span><span class="nx">method</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;POST&#39;</span><span class="p">,</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="w">    </span><span class="nx">url</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;some.php&#39;</span><span class="p">,</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="w">    </span><span class="nx">data</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">name</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;John&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">location</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Boston&#39;</span><span class="p">}</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="p">})</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="p">.</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">msg</span><span class="p">){</span><span class="nx">alert</span><span class="p">(</span><span class="s1">&#39;Data Saved: &#39;</span><span class="o">+</span><span class="w"> </span><span class="nx">msg</span><span class="p">);})</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a><span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">jqXHR</span><span class="p">,</span><span class="w"> </span><span class="nx">textStatus</span><span class="p">){</span><span class="nx">alert</span><span class="p">(</span><span class="s1">&#39;Request failed: &#39;</span><span class="o">+</span><span class="w"> </span><span class="nx">textStatus</span><span class="p">);});</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="ajax.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: AJAX">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                AJAX
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="react/react.html" class="md-footer__link md-footer__link--next" aria-label="Next: React">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                React
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/react/react-router.html b/languages/javascript/react/react-router.html
new file mode 100644
index 0000000..9ae4698
--- /dev/null
+++ b/languages/javascript/react/react-router.html
@@ -0,0 +1,4377 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react-router.html">
+      
+      
+        <link rel="prev" href="react.html">
+      
+      
+        <link rel="next" href="react-tests.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>React Router - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="React Router - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/react-router.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react-router.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="React Router - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/react-router.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#react-router" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              React Router
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="react-router.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#routers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Routers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#url-parameters-query-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      URL Parameters &amp; Query String
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#redirecting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redirecting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#prompts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Prompts
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#link" class="md-nav__link">
+    <span class="md-ellipsis">
+      Link
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#routers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Routers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#url-parameters-query-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      URL Parameters &amp; Query String
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#redirecting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redirecting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#prompts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Prompts
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#link" class="md-nav__link">
+    <span class="md-ellipsis">
+      Link
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="react-router"><a href="https://reactrouter.com">React Router</a></h1>
+<p>Popular routing library. Allows to specify a route through React components, declaring which component is to be loaded for a given URL.</p>
+<p>Key Components:</p>
+<ul>
+<li><strong>Router</strong>: wrap the app entry-point, usually <code>BrowserRouter</code></li>
+<li><strong>Route</strong>: "Load this component for this URL"</li>
+<li><strong>Link</strong>: react-managed anchors that won't post back to the browser</li>
+</ul>
+<h2 id="routers">Routers</h2>
+<p>Router Types:</p>
+<ul>
+<li><em>HashRouter</em>: <code>#route</code>, adds hashes to the URLs</li>
+<li><em>BrowserRouter</em>: <code>/route</code>, uses HTML5 history API to provide clean URLs</li>
+<li><em>MemoryRouter</em>: no URL</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// index.js</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1">//other imports ...</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">BrowserRouter</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">Router</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react-router-dom&quot;</span><span class="p">;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="nx">React</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Router</span><span class="o">&gt;</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">        </span><span class="o">&lt;</span><span class="nx">App</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">    </span><span class="o">&lt;</span><span class="err">/Router&gt;,</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">    </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&quot;DomID&quot;</span><span class="p">);</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// Component.js</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Route</span><span class="p">,</span><span class="w"> </span><span class="nx">Route</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react-router-dom&quot;</span><span class="p">;</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">    </span><span class="p">{</span><span class="cm">/* match route pattern exactly, all sub-routes will be matched otherwise */</span><span class="p">}</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;/&quot;</span><span class="w"> </span><span class="nx">exact</span><span class="w"> </span><span class="nx">element</span><span class="o">=</span><span class="p">{</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">props</span><span class="o">=</span><span class="p">{</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="w"> </span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;/route&quot;</span><span class="w"> </span><span class="nx">element</span><span class="o">=</span><span class="p">{</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">props</span><span class="o">=</span><span class="p">{</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="o">&lt;</span><span class="err">/div&gt;</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="c1">// only one child can match, similar to Route-case</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="o">&lt;</span><span class="nx">Routes</span><span class="o">&gt;</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;/&quot;</span><span class="w"> </span><span class="nx">exact</span><span class="w"> </span><span class="nx">element</span><span class="o">=</span><span class="p">{</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">props</span><span class="o">=</span><span class="p">{</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;/route&quot;</span><span class="w"> </span><span class="nx">element</span><span class="o">=</span><span class="p">{</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">props</span><span class="o">=</span><span class="p">{</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">component</span><span class="o">=</span><span class="p">{</span><span class="nx">PageNotFound</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="w"> </span><span class="p">{</span><span class="cm">/* matches all non-existent URLs */</span><span class="p">}</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="o">&lt;</span><span class="err">/Route&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="url-parameters-query-string">URL Parameters &amp; Query String</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span>
+<span class="normal"><a href="#__codelineno-2-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1">// Given</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;/route/:placeholder&quot;</span><span class="w"> </span><span class="nx">element</span><span class="o">=</span><span class="p">{</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">props</span><span class="o">=</span><span class="p">{</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="c1">// URL: app.com/route/sub-route?param=value</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Component</span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">    </span><span class="nx">props</span><span class="p">.</span><span class="nx">match</span><span class="p">.</span><span class="nx">params</span><span class="p">.</span><span class="nx">placeholder</span><span class="p">;</span><span class="w">  </span><span class="c1">// sub-route</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">    </span><span class="nx">props</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">query</span><span class="p">;</span><span class="w">  </span><span class="c1">// { param: value }</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="nx">props</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">pathname</span><span class="p">;</span><span class="w"> </span><span class="c1">// /route/sub-route?param=value</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="redirecting">Redirecting</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span>
+<span class="normal"><a href="#__codelineno-3-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Navigate</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react-router-dom&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="c1">// redirects to another URL on render, shouldn&#39;t be rendered on component mount but after an action</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="o">&lt;</span><span class="nx">Navigate</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/route&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="o">&lt;</span><span class="nx">Navigate</span><span class="w"> </span><span class="kr">from</span><span class="o">=</span><span class="s2">&quot;/old-route&quot;</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/new-route&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="p">{</span><span class="w"> </span><span class="nx">condition</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w">  </span><span class="o">&lt;</span><span class="nx">Navigate</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/route&quot;</span><span class="w"> </span><span class="o">/&gt;</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// redirect if condition is true</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="c1">// or redirect manipulating the history (always in props)</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="nx">props</span><span class="p">.</span><span class="nx">history</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;/new-route&quot;</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="prompts">Prompts</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Prompt</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react-router-dom&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="c1">// displays a prompt when the condition is true</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="o">&lt;</span><span class="nx">Prompt</span><span class="w"> </span><span class="nx">when</span><span class="o">=</span><span class="p">{</span><span class="nx">condition</span><span class="p">}</span><span class="w"> </span><span class="nx">message</span><span class="o">=</span><span class="s2">&quot;prompt message&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="link">Link</h2>
+<p>Clicks on a link created with React-Router will be captured by react an all the routing will happen client side.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span>
+<span class="normal"><a href="#__codelineno-5-7">7</a></span>
+<span class="normal"><a href="#__codelineno-5-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Link</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react-router-dom&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="c1">// TARGET: &lt;Route path=&quot;/route/:itemId&quot; /&gt;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="o">&lt;</span><span class="nx">Link</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/route/1&quot;</span><span class="o">&gt;</span><span class="nx">Text</span><span class="o">&lt;</span><span class="err">/Link&gt;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="c1">// add styling attributes to the rendered element when it matches the current URL.</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="o">&lt;</span><span class="nx">NavLink</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/route&quot;</span><span class="w"> </span><span class="nx">exact</span><span class="w"> </span><span class="nx">activeClassName</span><span class="o">=</span><span class="s2">&quot;class&quot;</span><span class="o">&gt;</span><span class="nx">Text</span><span class="o">&lt;</span><span class="err">/NavLink&gt;</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="o">&lt;</span><span class="nx">NavLink</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/route&quot;</span><span class="w"> </span><span class="nx">activeStyle</span><span class="o">=</span><span class="p">{</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">cssProp</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="o">&gt;</span><span class="nx">Text</span><span class="o">&lt;</span><span class="err">/NavLink&gt;</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="react.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: React">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                React
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="react-tests.html" class="md-footer__link md-footer__link--next" aria-label="Next: React Tests">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                React Tests
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/react/react-tests.html b/languages/javascript/react/react-tests.html
new file mode 100644
index 0000000..7122cdf
--- /dev/null
+++ b/languages/javascript/react/react-tests.html
@@ -0,0 +1,4552 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react-tests.html">
+      
+      
+        <link rel="prev" href="react-router.html">
+      
+      
+        <link rel="next" href="redux.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>React Tests - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="React Tests - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/react-tests.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react-tests.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="React Tests - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/react-tests.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#testing-react" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              React Tests
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="react-tests.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#jest" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jest
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Jest">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jest-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jest Configuration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#jest-tests" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jest Tests
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#snapshots" class="md-nav__link">
+    <span class="md-ellipsis">
+      Snapshots
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enzyme" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enzyme
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Enzyme">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#enzyme-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enzyme Configuration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enzyme-tests" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enzyme Tests
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#react-testing-library" class="md-nav__link">
+    <span class="md-ellipsis">
+      React Testing Library
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="React Testing Library">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#react-testing-library-tests" class="md-nav__link">
+    <span class="md-ellipsis">
+      React Testing Library Tests
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#jest" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jest
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Jest">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jest-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jest Configuration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#jest-tests" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jest Tests
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#snapshots" class="md-nav__link">
+    <span class="md-ellipsis">
+      Snapshots
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enzyme" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enzyme
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Enzyme">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#enzyme-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enzyme Configuration
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enzyme-tests" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enzyme Tests
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#react-testing-library" class="md-nav__link">
+    <span class="md-ellipsis">
+      React Testing Library
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="React Testing Library">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#react-testing-library-tests" class="md-nav__link">
+    <span class="md-ellipsis">
+      React Testing Library Tests
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="testing-react">Testing React</h1>
+<h2 id="jest"><a href="https://jestjs.io/">Jest</a></h2>
+<h3 id="jest-configuration">Jest Configuration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// jest.config.js</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="nx">module</span><span class="p">.</span><span class="nx">exports</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">  </span><span class="nx">testEnvironment</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;jsdom&#39;</span><span class="p">,</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">  </span><span class="nx">moduleFileExtensions</span><span class="o">:</span><span class="w"> </span><span class="p">[</span><span class="s1">&#39;js&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;jsx&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;ts&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;tsx&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;json&#39;</span><span class="p">,</span><span class="w"> </span><span class="s1">&#39;node&#39;</span><span class="p">],</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">  </span><span class="nx">setupFilesAfterEnv</span><span class="o">:</span><span class="w"> </span><span class="p">[</span><span class="s1">&#39;@testing-library/jest-dom/extend-expect&#39;</span><span class="p">],</span><span class="w">  </span><span class="c1">// add testing-library methods to expect()</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="w">  </span><span class="nx">transform</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s1">&#39;^.+\\.tsx?$&#39;</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;ts-jest&#39;</span><span class="p">}</span><span class="w">  </span><span class="c1">// use ts-jest fo ts files</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="jest-tests">Jest Tests</h3>
+<p><a href="https://jestjs.io/docs/expect">Expect docs</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// .spec.js or .test.js</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">    </span><span class="c1">// test body</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">expected</span><span class="p">).</span><span class="nx">toEqual</span><span class="p">(</span><span class="nx">actual</span><span class="p">);</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="p">});</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="c1">// group related tests</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="nx">describe</span><span class="p">(</span><span class="s2">&quot;test group name&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">    </span><span class="nx">it</span><span class="p">(</span><span class="cm">/* ... */</span><span class="p">);</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="w">    </span><span class="nx">it</span><span class="p">(</span><span class="cm">/* ... */</span><span class="p">);</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="snapshots">Snapshots</h3>
+<p>In <code>Component.Snapshots.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">React</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="k">import</span><span class="w"> </span><span class="nx">renderer</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react-test-renderer&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="k">import</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./path/to/Component&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="c1">// import mock data if necessary</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="c1">// renders the DOM tree of the component</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">tree</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">renderer</span><span class="p">.</span><span class="nx">create</span><span class="p">(</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">funcProp</span><span class="o">=</span><span class="p">{</span><span class="nx">jest</span><span class="p">.</span><span class="nx">fn</span><span class="p">()</span><span class="w"> </span><span class="cm">/* mock function */</span><span class="p">}</span><span class="w"> </span><span class="cm">/* component props */</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">);</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="w">    </span><span class="c1">// save a snapshot of the component at this point in time ( in  __snapshots__ folder)</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">    </span><span class="c1">// in future test it will be checked to avoid regressions</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">    </span><span class="c1">// can be updated during jest --watch pressing &quot;u&quot;</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">tree</span><span class="p">).</span><span class="nx">matchSnapshot</span><span class="p">();</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="enzyme"><a href="https://enzymejs.github.io/enzyme/">Enzyme</a></h2>
+<h3 id="enzyme-configuration">Enzyme Configuration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="c1">// testSetup.js</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">configure</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;enzyme&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="k">import</span><span class="w"> </span><span class="nx">Adapter</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;enzyme-adapter-react-&lt;version&gt;&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="nx">configure</span><span class="p">({</span><span class="w"> </span><span class="nx">adapter</span><span class="o">:</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">Adapter</span><span class="p">()</span><span class="w"> </span><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="enzyme-tests">Enzyme Tests</h3>
+<p>In <code>Component.test.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span>
+<span class="normal"><a href="#__codelineno-4-19">19</a></span>
+<span class="normal"><a href="#__codelineno-4-20">20</a></span>
+<span class="normal"><a href="#__codelineno-4-21">21</a></span>
+<span class="normal"><a href="#__codelineno-4-22">22</a></span>
+<span class="normal"><a href="#__codelineno-4-23">23</a></span>
+<span class="normal"><a href="#__codelineno-4-24">24</a></span>
+<span class="normal"><a href="#__codelineno-4-25">25</a></span>
+<span class="normal"><a href="#__codelineno-4-26">26</a></span>
+<span class="normal"><a href="#__codelineno-4-27">27</a></span>
+<span class="normal"><a href="#__codelineno-4-28">28</a></span>
+<span class="normal"><a href="#__codelineno-4-29">29</a></span>
+<span class="normal"><a href="#__codelineno-4-30">30</a></span>
+<span class="normal"><a href="#__codelineno-4-31">31</a></span>
+<span class="normal"><a href="#__codelineno-4-32">32</a></span>
+<span class="normal"><a href="#__codelineno-4-33">33</a></span>
+<span class="normal"><a href="#__codelineno-4-34">34</a></span>
+<span class="normal"><a href="#__codelineno-4-35">35</a></span>
+<span class="normal"><a href="#__codelineno-4-36">36</a></span>
+<span class="normal"><a href="#__codelineno-4-37">37</a></span>
+<span class="normal"><a href="#__codelineno-4-38">38</a></span>
+<span class="normal"><a href="#__codelineno-4-39">39</a></span>
+<span class="normal"><a href="#__codelineno-4-40">40</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">React</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">shallow</span><span class="p">,</span><span class="w"> </span><span class="nx">mount</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;enzyme&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="c1">// eventual wrapper components (react-router, react-redux&#39;s provider, ...) for mount render</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="c1">// shallow renders single component w/o children, no DOM generated</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="c1">// mount renders component w/ it&#39;s children</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="k">import</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./path/to/Component&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="c1">// factory to setup shallow test easily</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="kd">function</span><span class="w"> </span><span class="nx">testHelper</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">defaultProps</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* default value for props in each test */</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">props</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="nx">defaultProps</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">args</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nx">shallow</span><span class="p">(</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="p">{...</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">);</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="p">}</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="c1">// shallow rendering test</span>
+<a id="__codelineno-4-19" name="__codelineno-4-19"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-20" name="__codelineno-4-20"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">dom</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">testHelper</span><span class="p">(</span><span class="cm">/* optional args */</span><span class="p">);</span>
+<a id="__codelineno-4-21" name="__codelineno-4-21"></a><span class="w">    </span><span class="c1">// or</span>
+<a id="__codelineno-4-22" name="__codelineno-4-22"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">dom</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">shallow</span><span class="p">(</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="cm">/* props */</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">);</span>
+<a id="__codelineno-4-23" name="__codelineno-4-23"></a>
+<a id="__codelineno-4-24" name="__codelineno-4-24"></a><span class="w">    </span><span class="c1">// check a property of expected component</span>
+<a id="__codelineno-4-25" name="__codelineno-4-25"></a><span class="w">    </span><span class="c1">// selector can be from raw JSX (name of a component)</span>
+<a id="__codelineno-4-26" name="__codelineno-4-26"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">dom</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s2">&quot;selector&quot;</span><span class="p">).</span><span class="nx">property</span><span class="p">).</span><span class="nx">toBe</span><span class="p">(</span><span class="nx">expected</span><span class="p">);</span>
+<a id="__codelineno-4-27" name="__codelineno-4-27"></a><span class="p">});</span>
+<a id="__codelineno-4-28" name="__codelineno-4-28"></a>
+<a id="__codelineno-4-29" name="__codelineno-4-29"></a><span class="c1">// mount rendering test</span>
+<a id="__codelineno-4-30" name="__codelineno-4-30"></a><span class="k">if</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-31" name="__codelineno-4-31"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">dom</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">mount</span><span class="p">(</span>
+<a id="__codelineno-4-32" name="__codelineno-4-32"></a><span class="w">        </span><span class="o">&lt;</span><span class="nx">WrapperComponent</span><span class="o">&gt;</span>
+<a id="__codelineno-4-33" name="__codelineno-4-33"></a><span class="w">            </span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="cm">/* props */</span><span class="o">/&gt;</span>
+<a id="__codelineno-4-34" name="__codelineno-4-34"></a><span class="w">        </span><span class="o">&lt;</span><span class="err">/WrapperComponent&gt;</span>
+<a id="__codelineno-4-35" name="__codelineno-4-35"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-4-36" name="__codelineno-4-36"></a>
+<a id="__codelineno-4-37" name="__codelineno-4-37"></a><span class="w">    </span><span class="c1">// selector has to be HTML selector since the component is rendered completely</span>
+<a id="__codelineno-4-38" name="__codelineno-4-38"></a><span class="w">    </span><span class="c1">// possible to test child components</span>
+<a id="__codelineno-4-39" name="__codelineno-4-39"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">dom</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s2">&quot;selector&quot;</span><span class="p">).</span><span class="nx">property</span><span class="p">).</span><span class="nx">toBe</span><span class="p">(</span><span class="nx">expected</span><span class="p">);</span>
+<a id="__codelineno-4-40" name="__codelineno-4-40"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="react-testing-library"><a href="https://testing-library.com/docs/react-testing-library/intro/">React Testing Library</a></h2>
+<p>Encourages to write test based on what the user sees. So components are always <em>mounted</em> and fully rendered.</p>
+<h3 id="react-testing-library-tests">React Testing Library Tests</h3>
+<p>In <code>Components.test.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">React</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">cleanup</span><span class="p">,</span><span class="w"> </span><span class="nx">render</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;@testing-library/react&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="k">import</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./path/to/Component&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="nx">afterEach</span><span class="p">(</span><span class="nx">cleanup</span><span class="p">);</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="c1">// factory to setup test easily</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="kd">function</span><span class="w"> </span><span class="nx">testHelper</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">defaultProps</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* default value for props in each test */</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">props</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="nx">defaultProps</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">args</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nx">render</span><span class="p">(</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="p">{...</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">);</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="p">}</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">getByText</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">testHelper</span><span class="p">();</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="w">    </span><span class="c1">// react testing library func</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="w">    </span><span class="nx">getByText</span><span class="p">(</span><span class="s2">&quot;text&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// check if test is present in the rendered component</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="react-router.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: React Router">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                React Router
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="redux.html" class="md-footer__link md-footer__link--next" aria-label="Next: Redux">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Redux
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/react/react.html b/languages/javascript/react/react.html
new file mode 100644
index 0000000..3337e1f
--- /dev/null
+++ b/languages/javascript/react/react.html
@@ -0,0 +1,4768 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react.html">
+      
+      
+        <link rel="prev" href="../jquery.html">
+      
+      
+        <link rel="next" href="react-router.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>React - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="React - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/react.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="React - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/react.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#react" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              React
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="react.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Components
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Components">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#app-entry-point" class="md-nav__link">
+    <span class="md-ellipsis">
+      App Entry-point
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dynamic-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#props" class="md-nav__link">
+    <span class="md-ellipsis">
+      Props
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#simple-function-component" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Function Component
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#simple-class-component" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Class Component
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nesting-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nesting Components
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-input-forms" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Input (Forms)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists-of-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists of Components
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#hooks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hooks
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Hooks">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#usestate" class="md-nav__link">
+    <span class="md-ellipsis">
+      useState
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#useeffect" class="md-nav__link">
+    <span class="md-ellipsis">
+      useEffect
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-hooks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Hooks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Components
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Components">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#app-entry-point" class="md-nav__link">
+    <span class="md-ellipsis">
+      App Entry-point
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dynamic-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dynamic Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#props" class="md-nav__link">
+    <span class="md-ellipsis">
+      Props
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#simple-function-component" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Function Component
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#simple-class-component" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Class Component
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nesting-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nesting Components
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-input-forms" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Input (Forms)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists-of-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists of Components
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#hooks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hooks
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Hooks">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#usestate" class="md-nav__link">
+    <span class="md-ellipsis">
+      useState
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#useeffect" class="md-nav__link">
+    <span class="md-ellipsis">
+      useEffect
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-hooks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Hooks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="react">React</h1>
+<h2 id="components">Components</h2>
+<p>There are two types of react components:</p>
+<ul>
+<li>Function Components</li>
+<li>Class Components</li>
+</ul>
+<p>Both types can be stateful and have side effects or be purely presentational.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSX</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// functional component</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kd">const</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">        </span><span class="p">&lt;</span><span class="nt">domElementOrComponent</span><span class="p">.</span><span class="na">..</span><span class="w"> </span><span class="p">/&gt;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">}</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1">// class component</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="kd">class</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">        </span><span class="p">&lt;</span><span class="nt">domElementOrComponent</span><span class="p">.</span><span class="na">..</span><span class="w"> </span><span class="p">/&gt;</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p><em>NOTE</em>: a component name <em>must</em> start with an uppercase letter.</p>
+<p>Every components has two inputs: <em>props</em> and <em>state</em>. The props input is explicit while the state is implicit.<br />
+State is used to determine the changes and when to re-render.<br />
+Within the component state can be changed while the props object represent fixed input values.</p>
+<p>JSX syntax can represent HTML but gets converted to pure JavaScript before being sent to the browser:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// JSX</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="kd">const</span><span class="w"> </span><span class="nx">element</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">  </span><span class="o">&lt;</span><span class="nx">h1</span><span class="w"> </span><span class="nx">className</span><span class="o">=</span><span class="s2">&quot;greeting&quot;</span><span class="o">&gt;</span><span class="nx">Hello</span><span class="p">,</span><span class="w"> </span><span class="nx">world</span><span class="o">!&lt;</span><span class="err">/h1&gt;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="p">);</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="c1">// compiled JS shipped to browser</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="kd">const</span><span class="w"> </span><span class="nx">element</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">React</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="w">  </span><span class="s1">&#39;h1&#39;</span><span class="p">,</span><span class="w">  </span><span class="c1">// HTML tag name</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">  </span><span class="p">{</span><span class="nx">className</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;greeting&#39;</span><span class="p">},</span><span class="w">  </span><span class="c1">// attrs as JSON</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="w">  </span><span class="s1">&#39;Hello, world!&#39;</span><span class="w">  </span><span class="c1">// tag content (can be nested component)</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="app-entry-point">App Entry-point</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">const</span><span class="w"> </span><span class="nx">container</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;root&#39;</span><span class="p">)</span><span class="o">!</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="kd">const</span><span class="w"> </span><span class="nx">root</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createRoot</span><span class="p">(</span><span class="nx">container</span><span class="p">);</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="kd">const</span><span class="w"> </span><span class="nx">element</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">h1s</span><span class="o">&gt;</span><span class="nx">Hello</span><span class="w"> </span><span class="nx">World</span><span class="o">&lt;</span><span class="err">/h1&gt;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="nx">root</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">element</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dynamic-expressions">Dynamic Expressions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="o">&lt;</span><span class="nx">tag</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">expression</span><span class="p">}</span><span class="o">&lt;</span><span class="sr">/tag&gt;  /</span><span class="o">/</span><span class="w"> </span><span class="nx">expression</span><span class="w"> </span><span class="nx">is</span><span class="w"> </span><span class="nx">evaluated</span><span class="w"> </span><span class="nx">an</span><span class="w"> </span><span class="nx">it</span><span class="err">&#39;</span><span class="nx">s</span><span class="w"> </span><span class="nx">result</span><span class="w"> </span><span class="nx">is</span><span class="w"> </span><span class="nx">displayed</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="o">&lt;</span><span class="nx">tag</span><span class="w"> </span><span class="nx">onEvent</span><span class="o">=</span><span class="p">{</span><span class="nx">funcReference</span><span class="p">}</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">expression</span><span class="p">}</span><span class="o">&lt;</span><span class="err">/tag&gt;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="o">&lt;</span><span class="nx">tag</span><span class="w"> </span><span class="nx">onEvent</span><span class="o">=</span><span class="p">{()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">func</span><span class="p">(</span><span class="nx">args</span><span class="p">)}</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">expression</span><span class="p">}</span><span class="o">&lt;</span><span class="err">/tag&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="props">Props</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">propName</span><span class="o">=</span><span class="p">{</span><span class="nx">value</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// pass a value the component</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">propName</span><span class="o">=</span><span class="p">{</span><span class="nx">funcReference</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="w">  </span><span class="c1">// pass a function to the component</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Component</span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">    </span><span class="c1">// use props with {props.propName}</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="p">}</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="kd">class</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="p">{</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">    </span><span class="c1">// use props with {this.props.propName}</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">    </span><span class="nx">render</span><span class="p">()</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="simple-function-component">Simple Function Component</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c1">// Button.js</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">useState</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Button</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="p">[</span><span class="nx">count</span><span class="p">,</span><span class="w"> </span><span class="nx">setCount</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useState</span><span class="p">(</span><span class="mf">0</span><span class="p">);</span><span class="w">  </span><span class="c1">// hook</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">handleCLick</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">setCount</span><span class="p">(</span><span class="nx">count</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="p">);</span><span class="w">  </span><span class="c1">// logic</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="c1">// JSX</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="w">        </span><span class="o">&lt;</span><span class="nx">button</span><span class="w"> </span><span class="nx">onClick</span><span class="o">=</span><span class="p">{</span><span class="nx">handleCLick</span><span class="p">}</span><span class="o">&gt;</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w">            </span><span class="p">{</span><span class="nx">count</span><span class="p">}</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">        </span><span class="o">&lt;</span><span class="err">/button&gt;</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="p">}</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">Button</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="simple-class-component">Simple Class Component</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span>
+<span class="normal"><a href="#__codelineno-6-24">24</a></span>
+<span class="normal"><a href="#__codelineno-6-25">25</a></span>
+<span class="normal"><a href="#__codelineno-6-26">26</a></span>
+<span class="normal"><a href="#__codelineno-6-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="kd">class</span><span class="w"> </span><span class="nx">Button</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="w">    </span><span class="nx">state</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="nx">count</span><span class="o">:</span><span class="w"> </span><span class="mf">0</span><span class="p">};</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="w">    </span><span class="c1">//or</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="w">    </span><span class="kr">constructor</span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="w">        </span><span class="k">super</span><span class="p">(</span><span class="nx">props</span><span class="p">);</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="nx">count</span><span class="o">:</span><span class="w"> </span><span class="mf">0</span><span class="p">};</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="w">    </span><span class="nx">componentDidMount</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// called on successful component mount</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="w">    </span><span class="nx">handleClick</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="nx">setState</span><span class="p">({</span><span class="w"> </span><span class="nx">count</span><span class="o">:</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">count</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="w"> </span><span class="p">});</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="w">    </span><span class="c1">// or</span>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="w">    </span><span class="nx">handleClick</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="nx">setState</span><span class="p">((</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">({</span><span class="w"> </span><span class="nx">count</span><span class="o">:</span><span class="w"> </span><span class="nx">state</span><span class="p">.</span><span class="nx">count</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">props</span><span class="p">.</span><span class="nx">increment</span><span class="w"> </span><span class="p">})</span><span class="w"> </span><span class="p">);</span>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a><span class="w">    </span><span class="nx">render</span><span class="p">(){</span>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a><span class="w">        </span><span class="o">&lt;</span><span class="nx">button</span><span class="w"> </span><span class="nx">onClick</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">handleClick</span><span class="p">}</span><span class="o">&gt;</span>
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a><span class="w">            </span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">count</span><span class="p">}</span>
+<a id="__codelineno-6-24" name="__codelineno-6-24"></a><span class="w">        </span><span class="o">&lt;</span><span class="err">/button&gt;</span>
+<a id="__codelineno-6-25" name="__codelineno-6-25"></a><span class="w">        </span><span class="p">);</span>
+<a id="__codelineno-6-26" name="__codelineno-6-26"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-6-27" name="__codelineno-6-27"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nesting-components">Nesting Components</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span>
+<span class="normal"><a href="#__codelineno-7-23">23</a></span>
+<span class="normal"><a href="#__codelineno-7-24">24</a></span>
+<span class="normal"><a href="#__codelineno-7-25">25</a></span>
+<span class="normal"><a href="#__codelineno-7-26">26</a></span>
+<span class="normal"><a href="#__codelineno-7-27">27</a></span>
+<span class="normal"><a href="#__codelineno-7-28">28</a></span>
+<span class="normal"><a href="#__codelineno-7-29">29</a></span>
+<span class="normal"><a href="#__codelineno-7-30">30</a></span>
+<span class="normal"><a href="#__codelineno-7-31">31</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">useState</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react&quot;</span><span class="p">;</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Button</span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="w">      </span><span class="o">&lt;</span><span class="nx">button</span><span class="w"> </span><span class="nx">onClick</span><span class="o">=</span><span class="p">{</span><span class="nx">props</span><span class="p">.</span><span class="nx">onClickFunc</span><span class="p">}</span><span class="o">&gt;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="w">          </span><span class="o">+</span><span class="mf">1</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="w">      </span><span class="o">&lt;</span><span class="err">/button&gt;</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="w">  </span><span class="p">);</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="p">}</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Display</span><span class="w"> </span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="w">  </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="w">      </span><span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">props</span><span class="p">.</span><span class="nx">message</span><span class="p">}</span><span class="o">&lt;</span><span class="err">/div&gt;</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="w">  </span><span class="p">);</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="p">}</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="kd">function</span><span class="w"> </span><span class="nx">App</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a><span class="w">    </span><span class="c1">// state must be declare in the outer component it can be passed to each children</span>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="p">[</span><span class="nx">count</span><span class="p">,</span><span class="w"> </span><span class="nx">setCount</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useState</span><span class="p">(</span><span class="mf">0</span><span class="p">);</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">incrementCounter</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">setCount</span><span class="p">(</span><span class="nx">count</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="p">);</span>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a>
+<a id="__codelineno-7-23" name="__codelineno-7-23"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
+<a id="__codelineno-7-24" name="__codelineno-7-24"></a><span class="w">        </span><span class="o">&lt;</span><span class="nx">div</span><span class="w"> </span><span class="nx">className</span><span class="o">=</span><span class="s2">&quot;App&quot;</span><span class="o">&gt;</span>
+<a id="__codelineno-7-25" name="__codelineno-7-25"></a><span class="w">            </span><span class="o">&lt;</span><span class="nx">Button</span><span class="w"> </span><span class="nx">onClickFunc</span><span class="o">=</span><span class="p">{</span><span class="nx">incrementCounter</span><span class="p">}</span><span class="o">/&gt;</span>
+<a id="__codelineno-7-26" name="__codelineno-7-26"></a><span class="w">            </span><span class="o">&lt;</span><span class="nx">Display</span><span class="w"> </span><span class="nx">message</span><span class="o">=</span><span class="p">{</span><span class="nx">count</span><span class="p">}</span><span class="o">/&gt;</span>
+<a id="__codelineno-7-27" name="__codelineno-7-27"></a><span class="w">        </span><span class="o">&lt;</span><span class="err">/div&gt;</span>
+<a id="__codelineno-7-28" name="__codelineno-7-28"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-7-29" name="__codelineno-7-29"></a><span class="p">}</span>
+<a id="__codelineno-7-30" name="__codelineno-7-30"></a>
+<a id="__codelineno-7-31" name="__codelineno-7-31"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">App</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="user-input-forms">User Input (Forms)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">function</span><span class="w"> </span><span class="nx">Form</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="p">[</span><span class="nx">userName</span><span class="p">,</span><span class="w"> </span><span class="nx">setUserName</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useState</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">);</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="w">    </span><span class="nx">handleSubmit</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">event</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">        </span><span class="nx">event</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="w">        </span><span class="c1">// ...</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="w">    </span><span class="k">return</span><span class="p">(</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="w">        </span><span class="o">&lt;</span><span class="nx">form</span><span class="w"> </span><span class="nx">onSubmit</span><span class="o">=</span><span class="p">{</span><span class="nx">handleSubmit</span><span class="p">}</span><span class="o">&gt;</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="w">            </span><span class="o">&lt;</span><span class="nx">input</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="w">                </span><span class="nx">type</span><span class="o">=</span><span class="s2">&quot;text&quot;</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="w">                </span><span class="nx">value</span><span class="o">=</span><span class="p">{</span><span class="nx">userName</span><span class="p">}</span><span class="w">  </span><span class="c1">// controlled component</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="w">                </span><span class="nx">onChange</span><span class="o">=</span><span class="p">{(</span><span class="nx">event</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">setUserName</span><span class="p">(</span><span class="nx">event</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">value</span><span class="p">)}</span><span class="w">  </span><span class="c1">// needed to update UI on dom change</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="w">                </span><span class="nx">required</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="w">            </span><span class="o">/&gt;</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="w">            </span><span class="o">&lt;</span><span class="nx">button</span><span class="o">&gt;&lt;</span><span class="err">/button&gt;</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="w">        </span><span class="o">&lt;</span><span class="err">/form&gt;</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lists-of-components">Lists of Components</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="c1">// ...</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="w">        </span><span class="p">{</span><span class="nx">array</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">item</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="nx">key</span><span class="o">=</span><span class="p">{</span><span class="nx">uniqueID</span><span class="p">}</span><span class="o">&gt;</span><span class="p">)}</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="w">    </span><span class="o">&lt;</span><span class="err">/div&gt;</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="c1">// ...</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: The <code>key</code> attribute of the component is needed to identify a particular item. It's most useful if the list has to be sorted.</p>
+</blockquote>
+<h2 id="hooks">Hooks</h2>
+<h3 id="usestate"><code>useState</code></h3>
+<p>Hook used to create a state object.</p>
+<p><code>useState()</code> results:</p>
+<ul>
+<li>state object (getter)</li>
+<li>updater function (setter)</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="kd">const</span><span class="w"> </span><span class="p">[</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">setState</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useState</span><span class="p">(</span><span class="k">default</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="useeffect"><code>useEffect</code></h3>
+<p>Hook used to trigger an action on each render of the component or when one of the watched items changes.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="nx">useEffect</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="w">    </span><span class="c1">// &quot;side effects&quot; operations</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="cm">/* clean up side effect */</span><span class="p">}</span><span class="w">  </span><span class="c1">// optional</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="p">},</span><span class="w"> </span><span class="p">[</span><span class="cm">/* list of watched items, empty triggers once */</span><span class="p">]);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-hooks">Custom Hooks</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span>
+<span class="normal"><a href="#__codelineno-12-18">18</a></span>
+<span class="normal"><a href="#__codelineno-12-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="c1">// hook definitions</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="kd">const</span><span class="w"> </span><span class="nx">useCustomHook</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="w">    </span><span class="c1">// eventual state definitions</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="w">    </span><span class="c1">// eventual function definitions</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="w">    </span><span class="c1">// ...</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">obj1</span><span class="p">,</span><span class="w"> </span><span class="nx">obj2</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="p">}</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="kd">const</span><span class="w"> </span><span class="nx">Component</span><span class="p">(){</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="w">    </span><span class="c1">// retrieve elements from the hook</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="w">        </span><span class="nx">obj1</span><span class="p">,</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a><span class="w">        </span><span class="nx">obj2</span><span class="p">,</span>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a><span class="w">        </span><span class="p">...</span>
+<a id="__codelineno-12-18" name="__codelineno-12-18"></a><span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useCustomHook</span><span class="p">();</span>
+<a id="__codelineno-12-19" name="__codelineno-12-19"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../jquery.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: jQuery">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                jQuery
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="react-router.html" class="md-footer__link md-footer__link--next" aria-label="Next: React Router">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                React Router
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/react/redux-tests.html b/languages/javascript/react/redux-tests.html
new file mode 100644
index 0000000..23b4edc
--- /dev/null
+++ b/languages/javascript/react/redux-tests.html
@@ -0,0 +1,4473 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/redux-tests.html">
+      
+      
+        <link rel="prev" href="redux.html">
+      
+      
+        <link rel="next" href="../svelte/svelte.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Redux Tests - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Redux Tests - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/redux-tests.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/redux-tests.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Redux Tests - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/redux-tests.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#redux-testing" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Redux Tests
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="redux-tests.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-connected-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Connected Components
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-action-creators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Action Creators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-reducers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Reducers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-the-store" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for the Store
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-thunks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Thunks
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-connected-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Connected Components
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-action-creators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Action Creators
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-reducers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Reducers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-the-store" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for the Store
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tests-for-thunks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tests for Thunks
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="redux-testing">Redux Testing</h1>
+<h2 id="tests-for-connected-components">Tests for Connected Components</h2>
+<p>Connected components are wrapped in a call to <code>connect</code>. Way of solving the problem:</p>
+<ul>
+<li>Wrap component with <code>&lt;Provider&gt;</code>. Added benefit: new store dedicated to tests.</li>
+<li>Add named export for unconnected component.</li>
+</ul>
+<p>In <code>Component.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">export</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">Component</span><span class="p">(</span><span class="nx">props</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// export unconnected component</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">connect</span><span class="p">(</span><span class="nx">mapStateToProps</span><span class="p">,</span><span class="w"> </span><span class="nx">mapDispatchToProps</span><span class="p">)(</span><span class="nx">Component</span><span class="p">)</span><span class="w">  </span><span class="c1">// default export of connected component</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>Component.test.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span>
+<span class="normal"><a href="#__codelineno-1-21">21</a></span>
+<span class="normal"><a href="#__codelineno-1-22">22</a></span>
+<span class="normal"><a href="#__codelineno-1-23">23</a></span>
+<span class="normal"><a href="#__codelineno-1-24">24</a></span>
+<span class="normal"><a href="#__codelineno-1-25">25</a></span>
+<span class="normal"><a href="#__codelineno-1-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">React</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;react&quot;</span><span class="p">;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="c1">// import enzyme or react testing library</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="c1">// import mock data</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/Component&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// import unconnected component</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="c1">// factory to setup test easily</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="kd">function</span><span class="w"> </span><span class="nx">testHelper</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">defaultProps</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="w">        </span><span class="cm">/* default value for props in each test and required props */</span><span class="p">,</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w">        </span><span class="nx">history</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// normally injected by react-router, could also import the router</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="w">    </span><span class="p">};</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">props</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="nx">defaultProps</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="nx">args</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nx">mount</span><span class="p">(</span><span class="o">&lt;</span><span class="nx">Component</span><span class="w"> </span><span class="p">{...</span><span class="nx">props</span><span class="p">}</span><span class="w"> </span><span class="o">/&gt;</span><span class="p">);</span><span class="w">  </span><span class="c1">// or render if using react testing library</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="p">}</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">dom</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">testHelper</span><span class="p">();</span>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a>
+<a id="__codelineno-1-21" name="__codelineno-1-21"></a><span class="w">    </span><span class="c1">// simulate page iteration</span>
+<a id="__codelineno-1-22" name="__codelineno-1-22"></a><span class="w">    </span><span class="nx">dom</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s2">&quot;selector&quot;</span><span class="p">).</span><span class="nx">simulate</span><span class="p">(</span><span class="s2">&quot;&lt;event&gt;&quot;</span><span class="p">);</span>
+<a id="__codelineno-1-23" name="__codelineno-1-23"></a>
+<a id="__codelineno-1-24" name="__codelineno-1-24"></a><span class="w">    </span><span class="c1">// find changed component</span>
+<a id="__codelineno-1-25" name="__codelineno-1-25"></a><span class="w">    </span><span class="c1">// test expected behaviour of component</span>
+<a id="__codelineno-1-26" name="__codelineno-1-26"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tests-for-action-creators">Tests for Action Creators</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">import</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">actions</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/actionCreators&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="c1">// import eventual action types constants</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="c1">// import mock data</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">data</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* mock data */</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">expectedAction</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">type</span><span class="o">:</span><span class="w"> </span><span class="nx">TYPE</span><span class="p">,</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">actualAction</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">actions</span><span class="p">.</span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">data</span><span class="p">);</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">actualAction</span><span class="p">).</span><span class="nx">toEqual</span><span class="p">(</span><span class="nx">expectedAction</span><span class="p">);</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tests-for-reducers">Tests for Reducers</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">reducer</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/reducer&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">import</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">actions</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/actionCreators&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">initialState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* state before the action */</span><span class="p">;</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">finalState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* expected state after the action */</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">data</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* data passed to the action creator */</span><span class="p">;</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">action</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">actions</span><span class="p">.</span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">data</span><span class="p">);</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">newState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">reducer</span><span class="p">(</span><span class="nx">initialState</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="p">);</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">newState</span><span class="p">).</span><span class="nx">toEqual</span><span class="p">(</span><span class="nx">finalState</span><span class="p">);</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tests-for-the-store">Tests for the Store</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createStore</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="k">import</span><span class="w"> </span><span class="nx">rootReducer</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/rootReducer&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="k">import</span><span class="w"> </span><span class="nx">initialState</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/initialState&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="k">import</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">actions</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/actionCreators&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">store</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createStore</span><span class="p">(</span><span class="nx">storeReducer</span><span class="p">,</span><span class="w"> </span><span class="nx">initialState</span><span class="p">);</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">expectedState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* state after the update */</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">data</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* action creator input */</span><span class="p">;</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">action</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">actions</span><span class="p">.</span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">data</span><span class="p">);</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="w">    </span><span class="nx">store</span><span class="p">.</span><span class="nx">dispatch</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">state</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">store</span><span class="p">.</span><span class="nx">getState</span><span class="p">();</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a><span class="w">    </span><span class="nx">expect</span><span class="p">(</span><span class="nx">state</span><span class="p">).</span><span class="nx">toEqual</span><span class="p">(</span><span class="nx">expectedState</span><span class="p">);</span>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tests-for-thunks">Tests for Thunks</h2>
+<p>Thunk testing requires the mocking of:</p>
+<ul>
+<li>store (using <code>redux-mock-store</code>)</li>
+<li>HTTP calls (using <code>fetch-mock</code>)</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span>
+<span class="normal"><a href="#__codelineno-5-29">29</a></span>
+<span class="normal"><a href="#__codelineno-5-30">30</a></span>
+<span class="normal"><a href="#__codelineno-5-31">31</a></span>
+<span class="normal"><a href="#__codelineno-5-32">32</a></span>
+<span class="normal"><a href="#__codelineno-5-33">33</a></span>
+<span class="normal"><a href="#__codelineno-5-34">34</a></span>
+<span class="normal"><a href="#__codelineno-5-35">35</a></span>
+<span class="normal"><a href="#__codelineno-5-36">36</a></span>
+<span class="normal"><a href="#__codelineno-5-37">37</a></span>
+<span class="normal"><a href="#__codelineno-5-38">38</a></span>
+<span class="normal"><a href="#__codelineno-5-39">39</a></span>
+<span class="normal"><a href="#__codelineno-5-40">40</a></span>
+<span class="normal"><a href="#__codelineno-5-41">41</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">thunk</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux-thunk&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">import</span><span class="w"> </span><span class="nx">fetchMock</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;fetch-mock&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="k">import</span><span class="w"> </span><span class="nx">configureMockStore</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux-mock-store&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="c1">// needed for testing async thunks</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="kd">const</span><span class="w"> </span><span class="nx">middleware</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="nx">thunk</span><span class="p">];</span><span class="w">  </span><span class="c1">// mock middlewares</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="kd">const</span><span class="w"> </span><span class="nx">mockStore</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">configureMockStore</span><span class="p">(</span><span class="nx">middleware</span><span class="p">);</span><span class="w">  </span><span class="c1">// mock the store</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="k">import</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">actions</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/actionCreators&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="c1">// import eventual action types constants</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="c1">// import mock data</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="nx">describe</span><span class="p">(</span><span class="s2">&quot;Async Actions&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w">    </span><span class="nx">afterEach</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="w">        </span><span class="nx">fetchMock</span><span class="p">.</span><span class="nx">restore</span><span class="p">();</span><span class="w">  </span><span class="c1">// init fetch mock for each test</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="w">    </span><span class="p">});</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="w">    </span><span class="nx">it</span><span class="p">(</span><span class="s2">&quot;test description&quot;</span><span class="p">,</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="w">        </span><span class="c1">// mimic API call</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="w">        </span><span class="nx">fetchMock</span><span class="p">.</span><span class="nx">mock</span><span class="p">(</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="w">            </span><span class="s2">&quot;*&quot;</span><span class="p">,</span><span class="w">  </span><span class="c1">// capture any fetch call</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a><span class="w">            </span><span class="p">{</span>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="w">                </span><span class="nx">body</span><span class="o">:</span><span class="w"> </span><span class="cm">/* body contents */</span><span class="p">,</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a><span class="w">                </span><span class="nx">headers</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s2">&quot;content-type&quot;</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;application/json&quot;</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a><span class="w">            </span><span class="p">}</span>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="w">        </span><span class="p">);</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="w">        </span><span class="c1">// expected action fired from the thunk</span>
+<a id="__codelineno-5-29" name="__codelineno-5-29"></a><span class="w">        </span><span class="kd">const</span><span class="w"> </span><span class="nx">expectedActions</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span>
+<a id="__codelineno-5-30" name="__codelineno-5-30"></a><span class="w">            </span><span class="p">{</span><span class="w"> </span><span class="nx">type</span><span class="o">:</span><span class="w"> </span><span class="nx">TYPE</span><span class="p">,</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-5-31" name="__codelineno-5-31"></a><span class="w">            </span><span class="p">{</span><span class="w"> </span><span class="nx">type</span><span class="o">:</span><span class="w"> </span><span class="nx">TYPE</span><span class="p">,</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-5-32" name="__codelineno-5-32"></a><span class="w">        </span><span class="p">];</span>
+<a id="__codelineno-5-33" name="__codelineno-5-33"></a>
+<a id="__codelineno-5-34" name="__codelineno-5-34"></a><span class="w">        </span><span class="kd">const</span><span class="w"> </span><span class="nx">store</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">mockStore</span><span class="p">({</span><span class="w"> </span><span class="nx">data</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="p">,</span><span class="w"> </span><span class="p">...</span><span class="w"> </span><span class="p">});</span><span class="w">  </span><span class="c1">// init mock store</span>
+<a id="__codelineno-5-35" name="__codelineno-5-35"></a>
+<a id="__codelineno-5-36" name="__codelineno-5-36"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="nx">store</span><span class="p">.</span><span class="nx">dispatch</span><span class="p">(</span><span class="nx">actions</span><span class="p">.</span><span class="nx">actionCreator</span><span class="p">())</span><span class="w">  </span><span class="c1">// act</span>
+<a id="__codelineno-5-37" name="__codelineno-5-37"></a><span class="w">            </span><span class="p">.</span><span class="nx">then</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-38" name="__codelineno-5-38"></a><span class="w">                </span><span class="nx">expect</span><span class="p">(</span><span class="nx">store</span><span class="p">.</span><span class="nx">getActions</span><span class="p">()).</span><span class="nx">toEqual</span><span class="p">(</span><span class="nx">expectedActions</span><span class="p">);</span><span class="w">  </span><span class="c1">// assert</span>
+<a id="__codelineno-5-39" name="__codelineno-5-39"></a><span class="w">            </span><span class="p">});</span>
+<a id="__codelineno-5-40" name="__codelineno-5-40"></a><span class="w">    </span><span class="p">});</span>
+<a id="__codelineno-5-41" name="__codelineno-5-41"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="redux.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Redux">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Redux
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../svelte/svelte.html" class="md-footer__link md-footer__link--next" aria-label="Next: Svelte">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Svelte
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/react/redux.html b/languages/javascript/react/redux.html
new file mode 100644
index 0000000..7f467d0
--- /dev/null
+++ b/languages/javascript/react/redux.html
@@ -0,0 +1,5064 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/redux.html">
+      
+      
+        <link rel="prev" href="react-tests.html">
+      
+      
+        <link rel="next" href="redux-tests.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Redux - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Redux - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/redux.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/react/redux.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Redux - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/react/redux.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#redux" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Redux
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="redux.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#actions-store-immutability-reducers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Actions, Store, Immutability &amp; Reducers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Actions, Store, Immutability & Reducers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#actions-action-creators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Actions &amp; Action Creators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#store" class="md-nav__link">
+    <span class="md-ellipsis">
+      Store
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reducers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reducers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#react-redux" class="md-nav__link">
+    <span class="md-ellipsis">
+      React-Redux
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="React-Redux">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#container-vs-presentational-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Container vs Presentational Components
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#provider-component-connect" class="md-nav__link">
+    <span class="md-ellipsis">
+      Provider Component &amp; Connect
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#async-operations-with-redux-thunk" class="md-nav__link">
+    <span class="md-ellipsis">
+      Async Operations with Redux-Thunk
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#redux-toolkit" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redux-Toolkit
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Redux-Toolkit">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#configurestore" class="md-nav__link">
+    <span class="md-ellipsis">
+      configureStore
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createaction" class="md-nav__link">
+    <span class="md-ellipsis">
+      createAction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createreducer" class="md-nav__link">
+    <span class="md-ellipsis">
+      createReducer
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createslice" class="md-nav__link">
+    <span class="md-ellipsis">
+      createSlice
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createasyncthunk" class="md-nav__link">
+    <span class="md-ellipsis">
+      createAsyncThunk
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#rtk-query" class="md-nav__link">
+    <span class="md-ellipsis">
+      RTK Query​
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#actions-store-immutability-reducers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Actions, Store, Immutability &amp; Reducers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Actions, Store, Immutability & Reducers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#actions-action-creators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Actions &amp; Action Creators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#store" class="md-nav__link">
+    <span class="md-ellipsis">
+      Store
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reducers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reducers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#react-redux" class="md-nav__link">
+    <span class="md-ellipsis">
+      React-Redux
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="React-Redux">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#container-vs-presentational-components" class="md-nav__link">
+    <span class="md-ellipsis">
+      Container vs Presentational Components
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#provider-component-connect" class="md-nav__link">
+    <span class="md-ellipsis">
+      Provider Component &amp; Connect
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#async-operations-with-redux-thunk" class="md-nav__link">
+    <span class="md-ellipsis">
+      Async Operations with Redux-Thunk
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#redux-toolkit" class="md-nav__link">
+    <span class="md-ellipsis">
+      Redux-Toolkit
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Redux-Toolkit">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#configurestore" class="md-nav__link">
+    <span class="md-ellipsis">
+      configureStore
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createaction" class="md-nav__link">
+    <span class="md-ellipsis">
+      createAction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createreducer" class="md-nav__link">
+    <span class="md-ellipsis">
+      createReducer
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createslice" class="md-nav__link">
+    <span class="md-ellipsis">
+      createSlice
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#createasyncthunk" class="md-nav__link">
+    <span class="md-ellipsis">
+      createAsyncThunk
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#rtk-query" class="md-nav__link">
+    <span class="md-ellipsis">
+      RTK Query​
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="redux"><a href="https://redux.js.org/">Redux</a></h1>
+<p>Redux is a pattern and library for managing and updating application state, using events called <em>actions</em>. It serves as a centralized store for state that needs to be used across the entire application, with rules ensuring that the state can only be updated in a predictable fashion.</p>
+<h2 id="actions-store-immutability-reducers">Actions, Store, Immutability &amp; Reducers</h2>
+<h3 id="actions-action-creators">Actions &amp; Action Creators</h3>
+<p>An <strong>Action</strong> is a plain JavaScript object that has a <code>type</code> field. An action object can have other fields with additional information about what happened.<br />
+By convention, that information is stored in a field called <code>payload</code>.</p>
+<p><strong>Action Creators</strong> are functions that create and return action objects.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kd">function</span><span class="w"> </span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">data</span><span class="p">)</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">type</span><span class="o">:</span><span class="w"> </span><span class="nx">ACTION_TYPE</span><span class="p">,</span><span class="w"> </span><span class="nx">payload</span><span class="o">:</span><span class="w"> </span><span class="nx">data</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// action obj</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="store">Store</h3>
+<p>The current Redux application state lives in an object called the <strong>store</strong>.<br />
+The store is created by passing in a reducer, and has a method called <code>getState</code> that returns the current state value.</p>
+<p>The Redux store has a method called <code>dispatch</code>. The only way to update the state is to call <code>store.dispatch()</code> and pass in an action object.<br />
+The store will run its reducer function and save the new state value inside.</p>
+<p><strong>Selectors</strong> are functions that know how to extract specific pieces of information from a store state value.</p>
+<p>In <code>initialState.js</code>;</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">    </span><span class="c1">// initial state here</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>configStore.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1">// configStore.js</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createStore</span><span class="p">,</span><span class="w"> </span><span class="nx">applyMiddleware</span><span class="p">,</span><span class="w"> </span><span class="nx">compose</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="k">export</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">configStore</span><span class="p">(</span><span class="nx">initialState</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">composeEnhancers</span><span class="w"> </span><span class="o">=</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">        </span><span class="nb">window</span><span class="p">.</span><span class="nx">__REDUX_DEVTOOLS_EXTENSION_COMPOSE__</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="nx">compose</span><span class="p">;</span><span class="w"> </span><span class="c1">// support for redux devtools</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="k">return</span><span class="w">  </span><span class="nx">createStore</span><span class="p">(</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">        </span><span class="nx">rootReducer</span><span class="p">,</span><span class="w"> </span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="w">        </span><span class="nx">initialState</span><span class="p">,</span><span class="w"> </span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="w">        </span><span class="nx">composeEnhancers</span><span class="p">(</span><span class="nx">applyMiddleware</span><span class="p">(</span><span class="nx">middleware</span><span class="p">,</span><span class="w"> </span><span class="p">...))</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="p">}</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="c1">// available functions &amp; methods</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="nx">replaceReducer</span><span class="p">(</span><span class="nx">newReducer</span><span class="p">);</span><span class="w">  </span><span class="c1">// replace an existing reducer, useful for Hot Reload</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="nx">store</span><span class="p">.</span><span class="nx">dispatch</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span><span class="w">  </span><span class="c1">// trigger a state change based on an action</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="nx">store</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="nx">listener</span><span class="p">);</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="nx">store</span><span class="p">.</span><span class="nx">getState</span><span class="p">();</span><span class="w">  </span><span class="c1">// retrieve current state</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="reducers">Reducers</h3>
+<p><strong>Reducers</strong> are functions that receives the current state and an action, decide how to update the state if necessary, and return the new state.</p>
+<p>Reducers must <strong>always</strong> follow some specific rules:</p>
+<ul>
+<li>They should only calculate the new state value based on the <code>state</code> and <code>action</code> arguments</li>
+<li>They are not allowed to modify the existing <code>state</code>.
+  Instead, they must make <em>immutable updates</em>, by copying the existing <code>state</code> and making changes to the copied values.</li>
+<li>They must not do any asynchronous logic, calculate random values, or cause other "side effects"</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">initialState</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/initialState&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="kd">function</span><span class="w"> </span><span class="nx">reducer</span><span class="p">(</span><span class="nx">state</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">initialState</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="k">switch</span><span class="p">(</span><span class="nx">action</span><span class="p">.</span><span class="nx">type</span><span class="p">){</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">        </span><span class="k">case</span><span class="w"> </span><span class="s2">&quot;ACTION_TYPE&quot;</span><span class="o">:</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">...</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">prop</span><span class="o">:</span><span class="w"> </span><span class="nx">value</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// return modified copy of state (using spread operator)</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">            </span><span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w">        </span><span class="k">default</span><span class="o">:</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="nx">state</span><span class="p">;</span><span class="w">  </span><span class="c1">// return unchanged state (NEEDED)</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="p">}</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="c1">// combining reducers</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">combineReducers</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux&quot;</span><span class="p">;</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a><span class="kd">const</span><span class="w"> </span><span class="nx">rootReducer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">combineReducers</span><span class="p">({</span>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="w">    </span><span class="nx">entity</span><span class="o">:</span><span class="w"> </span><span class="nx">entityReducer</span><span class="p">.</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: multiple reducers can be triggered by the same action since each one operates on a different portion of the state.</p>
+</blockquote>
+<h2 id="react-redux"><a href="https://react-redux.js.org/">React-Redux</a></h2>
+<h3 id="container-vs-presentational-components">Container vs Presentational Components</h3>
+<p>Container Components:</p>
+<ul>
+<li>Focus on how thing work</li>
+<li>Aware of Redux</li>
+<li>Subscribe to Redux State</li>
+<li>Dispatch Redux actions</li>
+</ul>
+<p>Presentational Components:</p>
+<ul>
+<li>Focus on how things look</li>
+<li>Unaware of Redux</li>
+<li>Read data from props</li>
+<li>Invoke callbacks on props</li>
+</ul>
+<h3 id="provider-component-connect">Provider Component &amp; Connect</h3>
+<p>Used at the root component and wraps all the application.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="c1">// index.js</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="k">import</span><span class="w"> </span><span class="nx">React</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;react&#39;</span><span class="p">;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="k">import</span><span class="w"> </span><span class="nx">ReactDOM</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;react-dom&#39;</span><span class="p">;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Provider</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;react-redux&#39;</span><span class="p">;</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">configStore</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;path/to/configStore&#39;</span><span class="p">;</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="k">import</span><span class="w"> </span><span class="nx">initialState</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;path/to/initialState&quot;</span><span class="p">;</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="k">import</span><span class="w"> </span><span class="nx">App</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;./App&#39;</span><span class="p">;</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="kd">const</span><span class="w"> </span><span class="nx">store</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">configStore</span><span class="p">(</span><span class="nx">initialState</span><span class="p">);</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="kd">const</span><span class="w"> </span><span class="nx">rootElement</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;root&#39;</span><span class="p">);</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="nx">ReactDOM</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="w">  </span><span class="o">&lt;</span><span class="nx">Provider</span><span class="w"> </span><span class="nx">store</span><span class="o">=</span><span class="p">{</span><span class="nx">store</span><span class="p">}</span><span class="o">&gt;</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">App</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="w">  </span><span class="o">&lt;</span><span class="err">/Provider&gt;,</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a><span class="w">  </span><span class="nx">rootElement</span>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span>
+<span class="normal"><a href="#__codelineno-5-29">29</a></span>
+<span class="normal"><a href="#__codelineno-5-30">30</a></span>
+<span class="normal"><a href="#__codelineno-5-31">31</a></span>
+<span class="normal"><a href="#__codelineno-5-32">32</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c1">// Component.js</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">connect</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;react-redux&#39;</span><span class="p">;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">increment</span><span class="p">,</span><span class="w"> </span><span class="nx">decrement</span><span class="p">,</span><span class="w"> </span><span class="nx">reset</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;./actionCreators&#39;</span><span class="p">;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="c1">// const Component = ...</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="c1">// specifies which state is passed to the component (called on state change)</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="kd">const</span><span class="w"> </span><span class="nx">mapStateToProps</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">ownProps</span><span class="w"> </span><span class="cm">/* optional */</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="c1">// structure of the props passed to the component</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">propName</span><span class="o">:</span><span class="w"> </span><span class="nx">state</span><span class="p">.</span><span class="nx">property</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="p">};</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="c1">// specifies the action passed to a component (the key is the name that the prop will have )</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="kd">const</span><span class="w"> </span><span class="nx">mapDispatchToProps</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">actionCreator</span><span class="o">:</span><span class="w"> </span><span class="nx">actionCreator</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="c1">// or</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="kd">function</span><span class="w"> </span><span class="nx">mapDispatchToProps</span><span class="p">(</span><span class="nx">dispatch</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="w">        </span><span class="c1">// wrap action creators</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="w">        </span><span class="nx">actionCreator</span><span class="o">:</span><span class="w"> </span><span class="p">(</span><span class="nx">args</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">dispatch</span><span class="p">(</span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">args</span><span class="p">))</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="w">    </span><span class="p">};</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="p">}</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a><span class="c1">// or</span>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="kd">function</span><span class="w"> </span><span class="nx">mapDispatchToProps</span><span class="p">(</span><span class="nx">dispatch</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a><span class="w">        </span><span class="nx">actionCreator</span><span class="o">:</span><span class="w"> </span><span class="nx">bindActionCreators</span><span class="p">(</span><span class="nx">actionCreator</span><span class="p">,</span><span class="w"> </span><span class="nx">dispatch</span><span class="p">),</span>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="w">        </span><span class="nx">actions</span><span class="o">:</span><span class="w"> </span><span class="nx">bindActionCreators</span><span class="p">(</span><span class="nx">allActionCreators</span><span class="p">,</span><span class="w"> </span><span class="nx">dispatch</span><span class="p">)</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a><span class="w">    </span><span class="p">};</span>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="p">}</span>
+<a id="__codelineno-5-29" name="__codelineno-5-29"></a>
+<a id="__codelineno-5-30" name="__codelineno-5-30"></a><span class="c1">// both args are optional</span>
+<a id="__codelineno-5-31" name="__codelineno-5-31"></a><span class="c1">// if mapDispatch is missing the dispatch function is added to the props</span>
+<a id="__codelineno-5-32" name="__codelineno-5-32"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">connect</span><span class="p">(</span><span class="nx">mapStateToProps</span><span class="p">,</span><span class="w"> </span><span class="nx">mapDispatchToProps</span><span class="p">)(</span><span class="nx">Component</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="async-operations-with-redux-thunk">Async Operations with <a href="https://github.com/reduxjs/redux-thunk">Redux-Thunk</a></h2>
+<p><strong>Note</strong>: Redux middleware runs <em>after</em> and action and <em>before</em> it's reducer.</p>
+<p>Redux-Thunk allows to return functions instead of objects from action creators.<br />
+A "thunk" is a function that wraps an expression to delay it's evaluation.</p>
+<p>In <code>configStore.js</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createStore</span><span class="p">,</span><span class="w"> </span><span class="nx">applyMiddleware</span><span class="p">,</span><span class="w"> </span><span class="nx">compose</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux&quot;</span><span class="p">;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="k">import</span><span class="w"> </span><span class="nx">thunk</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;redux-thunk&quot;</span><span class="p">;</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="kd">function</span><span class="w"> </span><span class="nx">configStore</span><span class="p">(</span><span class="nx">initialState</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">composeEnhancers</span><span class="w"> </span><span class="o">=</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="w">        </span><span class="nb">window</span><span class="p">.</span><span class="nx">__REDUX_DEVTOOLS_EXTENSION_COMPOSE__</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="nx">compose</span><span class="p">;</span><span class="w"> </span><span class="c1">// support for redux devtools</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">    </span><span class="k">return</span><span class="w">  </span><span class="nx">createStore</span><span class="p">(</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="w">        </span><span class="nx">rootReducer</span><span class="p">,</span><span class="w"> </span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="w">        </span><span class="nx">initialState</span><span class="p">,</span><span class="w"> </span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="w">        </span><span class="nx">composeEnhancers</span><span class="p">(</span><span class="nx">applyMiddleware</span><span class="p">(</span><span class="nx">thunk</span><span class="p">,</span><span class="w"> </span><span class="p">...))</span><span class="w">  </span><span class="c1">// add thunks middleware</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="w">    </span><span class="p">);</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span>
+<span class="normal"><a href="#__codelineno-7-23">23</a></span>
+<span class="normal"><a href="#__codelineno-7-24">24</a></span>
+<span class="normal"><a href="#__codelineno-7-25">25</a></span>
+<span class="normal"><a href="#__codelineno-7-26">26</a></span>
+<span class="normal"><a href="#__codelineno-7-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1">// usually action on async func success</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="kd">function</span><span class="w"> </span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">arg</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">type</span><span class="o">:</span><span class="w"> </span><span class="nx">TYPE</span><span class="p">,</span><span class="w"> </span><span class="nx">data</span><span class="o">:</span><span class="w"> </span><span class="nx">arg</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="p">}</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="k">export</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">thunk</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">(</span><span class="nx">dispatch</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// redux-thunk injects dispatch as arg</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="w">        </span><span class="k">return</span><span class="w"> </span><span class="nx">asyncFunction</span><span class="p">().</span><span class="nx">then</span><span class="p">((</span><span class="nx">data</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// async function returns a promise</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="w">                </span><span class="nx">dispatch</span><span class="p">(</span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">data</span><span class="p">));</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="w">            </span><span class="p">})</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="w">            </span><span class="p">.</span><span class="k">catch</span><span class="p">((</span><span class="nx">error</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="w">                </span><span class="k">throw</span><span class="w"> </span><span class="nx">error</span><span class="p">;</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="w">            </span><span class="p">});</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="w">    </span><span class="p">};</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="p">}</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="c1">// or using async/await</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="k">export</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">thunk</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">(</span><span class="nx">dispatch</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// redux-thunk injects dispatch as arg</span>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a><span class="w">        </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a><span class="w">            </span><span class="kd">let</span><span class="w"> </span><span class="nx">data</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="nx">asyncFunction</span><span class="p">();</span>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a><span class="w">            </span><span class="k">return</span><span class="w"> </span><span class="nx">dispatch</span><span class="p">(</span><span class="nx">actionCreator</span><span class="p">(</span><span class="nx">data</span><span class="p">));</span>
+<a id="__codelineno-7-23" name="__codelineno-7-23"></a><span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="p">(</span><span class="nx">error</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-24" name="__codelineno-7-24"></a><span class="w">                </span><span class="k">throw</span><span class="w"> </span><span class="nx">error</span><span class="p">;</span>
+<a id="__codelineno-7-25" name="__codelineno-7-25"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-7-26" name="__codelineno-7-26"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-7-27" name="__codelineno-7-27"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="redux-toolkit"><a href="https://redux-toolkit.js.org/">Redux-Toolkit</a></h2>
+<p>The Redux Toolkit package is intended to be the standard way to write Redux logic. It was originally created to help address three common concerns about Redux.</p>
+<p>Redux Toolkit also includes a powerful data fetching and caching capability dubbed "RTK Query". It's included in the package as a separate set of entry points. It's optional, but can eliminate the need to hand-write data fetching logic yourself.</p>
+<p>These tools should be beneficial to all Redux users. Whether you're a brand new Redux user setting up your first project, or an experienced user who wants to simplify an existing application, Redux Toolkit can help you make your Redux code better.
+Installation​
+Using Create React App​</p>
+<p>The recommended way to start new apps with React and Redux is by using the official Redux+JS template or Redux+TS template for Create React App, which takes advantage of Redux Toolkit and React Redux's integration with React components.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="c1"># Redux + Plain JS template</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>npx<span class="w"> </span>create-react-app<span class="w"> </span>my-app<span class="w"> </span>--template<span class="w"> </span>redux
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="c1"># Redux + TypeScript template</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a>npx<span class="w"> </span>create-react-app<span class="w"> </span>my-app<span class="w"> </span>--template<span class="w"> </span>redux-typescript
+</code></pre></div></td></tr></table></div>
+<p>Redux Toolkit includes these APIs:</p>
+<ul>
+<li>
+<p><a href="https://redux-toolkit.js.org/api/configureStore"><code>configureStore()</code></a>: wraps <code>createStore</code> to provide simplified configuration options and good defaults.<br />
+  It can automatically combines slice reducers, adds whatever Redux middleware supplied, includes redux-thunk by default, and enables use of the Redux DevTools Extension.</p>
+</li>
+<li>
+<p><a href="https://redux-toolkit.js.org/api/createReducer"><code>createReducer()</code></a>: that lets you supply a lookup table of action types to case reducer functions, rather than writing switch statements.
+  In addition, it automatically uses the <code>immer</code> library to let you write simpler immutable updates with normal mutative code, like <code>state.todos[3].completed = true</code>.</p>
+</li>
+<li>
+<p><a href="https://redux-toolkit.js.org/api/createAction"><code>createAction()</code></a>: generates an action creator function for the given action type string.
+  The function itself has <code>toString()</code> defined, so that it can be used in place of the type constant.</p>
+</li>
+<li><a href="https://redux-toolkit.js.org/api/createSlice"><code>createSlice()</code></a>: accepts an object of reducer functions, a slice name, and an initial state value, and automatically generates a slice reducer with corresponding action creators and action types.</li>
+<li><a href="https://redux-toolkit.js.org/api/createAsyncThunk"><code>createAsyncThunk</code></a>: accepts an action type string and a function that returns a promise, and generates a thunk that dispatches pending/fulfilled/rejected action types based on that promise</li>
+<li><a href="https://redux-toolkit.js.org/api/createEntityAdapter"><code>createEntityAdapter</code></a>: generates a set of reusable reducers and selectors to manage normalized data in the store</li>
+<li>The <code>createSelector</code> utility from the Reselect library, re-exported for ease of use.</li>
+</ul>
+<h3 id="configurestore"><a href="https://redux-toolkit.js.org/api/configureStore"><code>configureStore</code></a></h3>
+<p>Included Default Middleware​:</p>
+<ul>
+<li>
+<p>Immutability check middleware: deeply compares state values for mutations. It can detect mutations in reducers during a dispatch, and also mutations that occur between dispatches.
+  When a mutation is detected, it will throw an error and indicate the key path for where the mutated value was detected in the state tree. (Forked from <code>redux-immutable-state-invariant</code>.)</p>
+</li>
+<li>
+<p>Serializability check middleware: a custom middleware created specifically for use in Redux Toolkit
+  Similar in concept to <code>immutable-state-invariant</code>, but deeply checks the state tree and the actions for non-serializable values such as functions, Promises, Symbols, and other non-plain-JS-data values
+  When a non-serializable value is detected, a console error will be printed with the key path for where the non-serializable value was detected.</p>
+</li>
+<li>
+<p>In addition to these development tool middleware, it also adds <code>redux-thunk</code> by default, since thunks are the basic recommended side effects middleware for Redux.</p>
+</li>
+</ul>
+<p>Currently, the return value of <code>getDefaultMiddleware()</code> is:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="c1">// development</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="kd">const</span><span class="w"> </span><span class="nx">middleware</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="nx">thunk</span><span class="p">,</span><span class="w"> </span><span class="nx">immutableStateInvariant</span><span class="p">,</span><span class="w"> </span><span class="nx">serializableStateInvariant</span><span class="p">]</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="c1">// production​</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="kd">const</span><span class="w"> </span><span class="nx">middleware</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="nx">thunk</span><span class="p">]</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span>
+<span class="normal"><a href="#__codelineno-10-14">14</a></span>
+<span class="normal"><a href="#__codelineno-10-15">15</a></span>
+<span class="normal"><a href="#__codelineno-10-16">16</a></span>
+<span class="normal"><a href="#__codelineno-10-17">17</a></span>
+<span class="normal"><a href="#__codelineno-10-18">18</a></span>
+<span class="normal"><a href="#__codelineno-10-19">19</a></span>
+<span class="normal"><a href="#__codelineno-10-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">combineReducers</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;redux&#39;</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">configureStore</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;@reduxjs/toolkit&#39;</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="k">import</span><span class="w"> </span><span class="nx">monitorReducersEnhancer</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;./enhancers/monitorReducers&#39;</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="k">import</span><span class="w"> </span><span class="nx">loggerMiddleware</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;./middleware/logger&#39;</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="k">import</span><span class="w"> </span><span class="nx">usersReducer</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;./usersReducer&#39;</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="k">import</span><span class="w"> </span><span class="nx">postsReducer</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;./postsReducer&#39;</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="kd">const</span><span class="w"> </span><span class="nx">rootReducer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">combineReducers</span><span class="p">({</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="w">  </span><span class="nx">users</span><span class="o">:</span><span class="w"> </span><span class="nx">usersReducer</span><span class="p">,</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="w">  </span><span class="nx">posts</span><span class="o">:</span><span class="w"> </span><span class="nx">postsReducer</span><span class="p">,</span>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="p">})</span>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a>
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="kd">const</span><span class="w"> </span><span class="nx">store</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">configureStore</span><span class="p">({</span>
+<a id="__codelineno-10-14" name="__codelineno-10-14"></a><span class="w">  </span><span class="c1">// reducers combined automatically</span>
+<a id="__codelineno-10-15" name="__codelineno-10-15"></a><span class="w">  </span><span class="nx">reducer</span><span class="o">:</span><span class="w"> </span><span class="nx">rootReducer</span><span class="p">,</span>
+<a id="__codelineno-10-16" name="__codelineno-10-16"></a><span class="w">  </span><span class="nx">middleware</span><span class="o">:</span><span class="w"> </span><span class="p">(</span><span class="nx">getDefaultMiddleware</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">getDefaultMiddleware</span><span class="p">().</span><span class="nx">concat</span><span class="p">(</span><span class="nx">loggerMiddleware</span><span class="p">),</span>
+<a id="__codelineno-10-17" name="__codelineno-10-17"></a><span class="w">  </span><span class="nx">enhancers</span><span class="o">:</span><span class="w"> </span><span class="p">[</span><span class="nx">monitorReducersEnhancer</span><span class="p">]</span>
+<a id="__codelineno-10-18" name="__codelineno-10-18"></a><span class="p">})</span>
+<a id="__codelineno-10-19" name="__codelineno-10-19"></a>
+<a id="__codelineno-10-20" name="__codelineno-10-20"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">store</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="createaction"><a href="https://redux-toolkit.js.org/api/createAction"><code>createAction</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span>
+<span class="normal"><a href="#__codelineno-11-6">6</a></span>
+<span class="normal"><a href="#__codelineno-11-7">7</a></span>
+<span class="normal"><a href="#__codelineno-11-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createAction</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;@reduxjs/toolkit&#39;</span><span class="p">;</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="kd">const</span><span class="w"> </span><span class="nx">increment</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createAction</span><span class="o">&lt;</span><span class="nx">number</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="kc">undefined</span><span class="o">&gt;</span><span class="p">(</span><span class="s1">&#39;counter/increment&#39;</span><span class="p">);</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="kd">const</span><span class="w"> </span><span class="nx">action</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">increment</span><span class="p">();</span><span class="w">  </span><span class="c1">// { type: &#39;counter/increment&#39; }</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="kd">const</span><span class="w"> </span><span class="nx">action</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">increment</span><span class="p">(</span><span class="mf">3</span><span class="p">);</span><span class="w">  </span><span class="c1">// { type: &#39;counter/increment&#39;, payload: 3 }</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="nx">increment</span><span class="p">.</span><span class="nx">toString</span><span class="p">();</span><span class="w">  </span><span class="c1">// &#39;counter/increment&#39;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="createreducer"><a href="https://redux-toolkit.js.org/api/createReducer"><code>createReducer</code></a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span>
+<span class="normal"><a href="#__codelineno-12-18">18</a></span>
+<span class="normal"><a href="#__codelineno-12-19">19</a></span>
+<span class="normal"><a href="#__codelineno-12-20">20</a></span>
+<span class="normal"><a href="#__codelineno-12-21">21</a></span>
+<span class="normal"><a href="#__codelineno-12-22">22</a></span>
+<span class="normal"><a href="#__codelineno-12-23">23</a></span>
+<span class="normal"><a href="#__codelineno-12-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createAction</span><span class="p">,</span><span class="w"> </span><span class="nx">createReducer</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;@reduxjs/toolkit&#39;</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="kr">interface</span><span class="w"> </span><span class="nx">CounterState</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="w">  </span><span class="nx">value</span><span class="o">:</span><span class="w"> </span><span class="nx">number</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="p">}</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="kd">const</span><span class="w"> </span><span class="nx">increment</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createAction</span><span class="p">(</span><span class="s1">&#39;counter/increment&#39;</span><span class="p">)</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="kd">const</span><span class="w"> </span><span class="nx">decrement</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createAction</span><span class="p">(</span><span class="s1">&#39;counter/decrement&#39;</span><span class="p">)</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="kd">const</span><span class="w"> </span><span class="nx">incrementByAmount</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createAction</span><span class="o">&lt;</span><span class="nx">number</span><span class="o">&gt;</span><span class="p">(</span><span class="s1">&#39;counter/incrementByAmount&#39;</span><span class="p">)</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="kd">const</span><span class="w"> </span><span class="nx">initialState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">value</span><span class="o">:</span><span class="w"> </span><span class="mf">0</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">CounterState</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="kd">const</span><span class="w"> </span><span class="nx">counterReducer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createReducer</span><span class="p">(</span><span class="nx">initialState</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="nx">builder</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="w">  </span><span class="nx">builder</span>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="w">    </span><span class="p">.</span><span class="nx">addCase</span><span class="p">(</span><span class="nx">increment</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a><span class="w">      </span><span class="nx">state</span><span class="p">.</span><span class="nx">value</span><span class="o">++</span>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a><span class="w">    </span><span class="p">})</span>
+<a id="__codelineno-12-18" name="__codelineno-12-18"></a><span class="w">    </span><span class="p">.</span><span class="nx">addCase</span><span class="p">(</span><span class="nx">decrement</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-19" name="__codelineno-12-19"></a><span class="w">      </span><span class="nx">state</span><span class="p">.</span><span class="nx">value</span><span class="o">--</span>
+<a id="__codelineno-12-20" name="__codelineno-12-20"></a><span class="w">    </span><span class="p">})</span>
+<a id="__codelineno-12-21" name="__codelineno-12-21"></a><span class="w">    </span><span class="p">.</span><span class="nx">addCase</span><span class="p">(</span><span class="nx">incrementByAmount</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-22" name="__codelineno-12-22"></a><span class="w">      </span><span class="nx">state</span><span class="p">.</span><span class="nx">value</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="nx">action</span><span class="p">.</span><span class="nx">payload</span>
+<a id="__codelineno-12-23" name="__codelineno-12-23"></a><span class="w">    </span><span class="p">})</span>
+<a id="__codelineno-12-24" name="__codelineno-12-24"></a><span class="p">})</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="createslice"><a href="https://redux-toolkit.js.org/api/createSlice"><code>createSlice</code></a></h3>
+<p>A function that accepts an initial state, an object of reducer functions, and a "slice name", and automatically generates action creators and action types that correspond to the reducers and state.</p>
+<p>Internally, it uses <code>createAction</code> and <code>createReducer</code>, so it's possible to use Immer to write "mutating" immutable updates.</p>
+<p><strong>Note</strong>: action types will have the <code>&lt;slice-name&gt;/&lt;reducer-name&gt;</code> shape.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-13-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-13-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-13-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-13-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-13-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-13-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-13-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-13-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-13-10">10</a></span>
+<span class="normal"><a href="#__codelineno-13-11">11</a></span>
+<span class="normal"><a href="#__codelineno-13-12">12</a></span>
+<span class="normal"><a href="#__codelineno-13-13">13</a></span>
+<span class="normal"><a href="#__codelineno-13-14">14</a></span>
+<span class="normal"><a href="#__codelineno-13-15">15</a></span>
+<span class="normal"><a href="#__codelineno-13-16">16</a></span>
+<span class="normal"><a href="#__codelineno-13-17">17</a></span>
+<span class="normal"><a href="#__codelineno-13-18">18</a></span>
+<span class="normal"><a href="#__codelineno-13-19">19</a></span>
+<span class="normal"><a href="#__codelineno-13-20">20</a></span>
+<span class="normal"><a href="#__codelineno-13-21">21</a></span>
+<span class="normal"><a href="#__codelineno-13-22">22</a></span>
+<span class="normal"><a href="#__codelineno-13-23">23</a></span>
+<span class="normal"><a href="#__codelineno-13-24">24</a></span>
+<span class="normal"><a href="#__codelineno-13-25">25</a></span>
+<span class="normal"><a href="#__codelineno-13-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createSlice</span><span class="p">,</span><span class="w"> </span><span class="nx">PayloadAction</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;@reduxjs/toolkit&#39;</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="kr">interface</span><span class="w"> </span><span class="nx">CounterState</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="w">  </span><span class="nx">value</span><span class="o">:</span><span class="w"> </span><span class="nx">number</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="p">}</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="kd">const</span><span class="w"> </span><span class="nx">initialState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">value</span><span class="o">:</span><span class="w"> </span><span class="mf">0</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">CounterState</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a><span class="kd">const</span><span class="w"> </span><span class="nx">counterSlice</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createSlice</span><span class="p">({</span>
+<a id="__codelineno-13-10" name="__codelineno-13-10"></a><span class="w">  </span><span class="nx">name</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;counter&#39;</span><span class="p">,</span>
+<a id="__codelineno-13-11" name="__codelineno-13-11"></a><span class="w">  </span><span class="nx">initialState</span><span class="p">,</span>
+<a id="__codelineno-13-12" name="__codelineno-13-12"></a><span class="w">  </span><span class="nx">reducers</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-13" name="__codelineno-13-13"></a><span class="w">    </span><span class="nx">increment</span><span class="p">(</span><span class="nx">state</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-14" name="__codelineno-13-14"></a><span class="w">      </span><span class="nx">state</span><span class="p">.</span><span class="nx">value</span><span class="o">++</span>
+<a id="__codelineno-13-15" name="__codelineno-13-15"></a><span class="w">    </span><span class="p">},</span>
+<a id="__codelineno-13-16" name="__codelineno-13-16"></a><span class="w">    </span><span class="nx">decrement</span><span class="p">(</span><span class="nx">state</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-17" name="__codelineno-13-17"></a><span class="w">      </span><span class="nx">state</span><span class="p">.</span><span class="nx">value</span><span class="o">--</span>
+<a id="__codelineno-13-18" name="__codelineno-13-18"></a><span class="w">    </span><span class="p">},</span>
+<a id="__codelineno-13-19" name="__codelineno-13-19"></a><span class="w">    </span><span class="nx">incrementByAmount</span><span class="p">(</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="o">:</span><span class="w"> </span><span class="nx">PayloadAction</span><span class="o">&lt;</span><span class="nx">number</span><span class="o">&gt;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-20" name="__codelineno-13-20"></a><span class="w">      </span><span class="nx">state</span><span class="p">.</span><span class="nx">value</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="nx">action</span><span class="p">.</span><span class="nx">payload</span>
+<a id="__codelineno-13-21" name="__codelineno-13-21"></a><span class="w">    </span><span class="p">},</span>
+<a id="__codelineno-13-22" name="__codelineno-13-22"></a><span class="w">  </span><span class="p">},</span>
+<a id="__codelineno-13-23" name="__codelineno-13-23"></a><span class="p">})</span>
+<a id="__codelineno-13-24" name="__codelineno-13-24"></a>
+<a id="__codelineno-13-25" name="__codelineno-13-25"></a><span class="k">export</span><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">increment</span><span class="p">,</span><span class="w"> </span><span class="nx">decrement</span><span class="p">,</span><span class="w"> </span><span class="nx">incrementByAmount</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">counterSlice</span><span class="p">.</span><span class="nx">actions</span>
+<a id="__codelineno-13-26" name="__codelineno-13-26"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">counterSlice</span><span class="p">.</span><span class="nx">reducer</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="createasyncthunk"><a href="https://redux-toolkit.js.org/api/createAsyncThunk"><code>createAsyncThunk</code></a></h3>
+<p>The function <code>createAsyncThunk</code> returns a standard Redux thunk action creator.
+The thunk action creator function will have plain action creators for the pending, fulfilled, and rejected cases attached as nested fields.</p>
+<p>The <code>payloadCreator</code> function will be called with two arguments:</p>
+<ul>
+<li><code>arg</code>: a single value, containing the first parameter that was passed to the thunk action creator when it was dispatched.</li>
+<li><code>thunkAPI</code>: an object containing all of the parameters that are normally passed to a Redux thunk function, as well as additional options:</li>
+<li><code>dispatch</code>: the Redux store dispatch method</li>
+<li><code>getState</code>: the Redux store getState method</li>
+<li><code>extra</code>: the "extra argument" given to the thunk middleware on setup, if available</li>
+<li><code>requestId</code>: a unique string ID value that was automatically generated to identify this request sequence</li>
+<li><code>signal</code>: an <code>AbortController.signal</code> object that may be used to see if another part of the app logic has marked this request as needing cancellation.</li>
+<li>[...]</li>
+</ul>
+<p>The logic in the <code>payloadCreator</code> function may use any of these values as needed to calculate the result.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span>
+<span class="normal"><a href="#__codelineno-14-13">13</a></span>
+<span class="normal"><a href="#__codelineno-14-14">14</a></span>
+<span class="normal"><a href="#__codelineno-14-15">15</a></span>
+<span class="normal"><a href="#__codelineno-14-16">16</a></span>
+<span class="normal"><a href="#__codelineno-14-17">17</a></span>
+<span class="normal"><a href="#__codelineno-14-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">createAsyncThunk</span><span class="p">,</span><span class="w"> </span><span class="nx">createSlice</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;@reduxjs/toolkit&#39;</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="kd">const</span><span class="w"> </span><span class="nx">payloadCreator</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">async</span><span class="w"> </span><span class="p">(</span><span class="nx">arg</span><span class="p">,</span><span class="w"> </span><span class="nx">ThunkAPI</span><span class="p">)</span><span class="o">:</span><span class="w"> </span><span class="nb">Promise</span><span class="o">&lt;</span><span class="nx">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="kd">const</span><span class="w"> </span><span class="nx">thunk</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createAsyncThunk</span><span class="p">(</span><span class="s2">&quot;&lt;action-type&gt;&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">payloadCreator</span><span class="p">);</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="nx">thunk</span><span class="p">.</span><span class="nx">pending</span><span class="p">;</span><span class="w"> </span><span class="c1">// action creator that dispatches an &#39;&lt;action-type&gt;/pending&#39;</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="nx">thunk</span><span class="p">.</span><span class="nx">fulfilled</span><span class="p">;</span><span class="w"> </span><span class="c1">// action creator that dispatches an &#39;&lt;action-type&gt;/fulfilled&#39;</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="nx">thunk</span><span class="p">.</span><span class="nx">rejected</span><span class="p">;</span><span class="w"> </span><span class="c1">// action creator that dispatches an &#39;&lt;action-type&gt;/rejected&#39;</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="kd">const</span><span class="w"> </span><span class="nx">slice</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">createSlice</span><span class="p">({</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a><span class="w">  </span><span class="nx">name</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;&lt;action-name&gt;&#39;</span><span class="p">,</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="w">  </span><span class="nx">initialState</span><span class="p">,</span>
+<a id="__codelineno-14-13" name="__codelineno-14-13"></a><span class="w">  </span><span class="nx">reducers</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* standard reducer logic, with auto-generated action types per reducer */</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-14-14" name="__codelineno-14-14"></a><span class="w">  </span><span class="nx">extraReducers</span><span class="o">:</span><span class="w"> </span><span class="p">(</span><span class="nx">builder</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-14-15" name="__codelineno-14-15"></a><span class="w">    </span><span class="c1">// Add reducers for additional action types here, and handle loading state as needed</span>
+<a id="__codelineno-14-16" name="__codelineno-14-16"></a><span class="w">    </span><span class="nx">builder</span><span class="p">.</span><span class="nx">addCase</span><span class="p">(</span><span class="nx">thunk</span><span class="p">.</span><span class="nx">fulfilled</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="nx">state</span><span class="p">,</span><span class="w"> </span><span class="nx">action</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* body of the reducer */</span><span class="w"> </span><span class="p">})</span>
+<a id="__codelineno-14-17" name="__codelineno-14-17"></a><span class="w">  </span><span class="p">},</span>
+<a id="__codelineno-14-18" name="__codelineno-14-18"></a><span class="p">})</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="rtk-query">RTK Query​</h2>
+<p>RTK Query is provided as an optional addon within the <code>@reduxjs/toolkit</code> package.<br />
+It is purpose-built to solve the use case of data fetching and caching, supplying a compact, but powerful toolset to define an API interface layer got the app.<br />
+It is intended to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching &amp; caching logic yourself.</p>
+<p>RTK Query is included within the installation of the core Redux Toolkit package. It is available via either of the two entry points below:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">C#</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="n">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">createApi</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="err">&#39;</span><span class="n">@reduxjs</span><span class="o">/</span><span class="n">toolkit</span><span class="o">/</span><span class="n">query</span><span class="err">&#39;</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="cm">/* React-specific entry point that automatically generates hooks corresponding to the defined endpoints */</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="n">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">createApi</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">from</span><span class="w"> </span><span class="err">&#39;</span><span class="n">@reduxjs</span><span class="o">/</span><span class="n">toolkit</span><span class="o">/</span><span class="n">query</span><span class="o">/</span><span class="n">react</span><span class="err">&#39;</span>
+</code></pre></div></td></tr></table></div>
+<p>RTK Query includes these APIs:</p>
+<ul>
+<li><a href="https://redux-toolkit.js.org/rtk-query/api/createApi"><code>createApi()</code></a>: The core of RTK Query's functionality. It allows to define a set of endpoints describe how to retrieve data from a series of endpoints,
+  including configuration of how to fetch and transform that data.</li>
+<li><a href="https://redux-toolkit.js.org/rtk-query/api/fetchBaseQuery"><code>fetchBaseQuery()</code></a>: A small wrapper around fetch that aims to simplify requests. Intended as the recommended baseQuery to be used in createApi for the majority of users.</li>
+<li><a href="https://redux-toolkit.js.org/rtk-query/api/ApiProvider"><code>&lt;ApiProvider /&gt;</code></a>: Can be used as a Provider if you do not already have a Redux store.</li>
+<li><a href="https://redux-toolkit.js.org/rtk-query/api/setupListeners"><code>setupListeners()</code></a>: A utility used to enable refetchOnMount and refetchOnReconnect behaviors.</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="react-tests.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: React Tests">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                React Tests
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="redux-tests.html" class="md-footer__link md-footer__link--next" aria-label="Next: Redux Tests">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Redux Tests
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/javascript/svelte/svelte.html b/languages/javascript/svelte/svelte.html
new file mode 100644
index 0000000..dac27af
--- /dev/null
+++ b/languages/javascript/svelte/svelte.html
@@ -0,0 +1,4646 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/javascript/svelte/svelte.html">
+      
+      
+        <link rel="prev" href="../react/redux-tests.html">
+      
+      
+        <link rel="next" href="../../powershell/scripting.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Svelte - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Svelte - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/svelte/svelte.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/javascript/svelte/svelte.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Svelte - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/javascript/svelte/svelte.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#svelte" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Svelte
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="svelte.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#app-entry-point" class="md-nav__link">
+    <span class="md-ellipsis">
+      App Entry-point
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#components-svelte" class="md-nav__link">
+    <span class="md-ellipsis">
+      Components (.svelte)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Components (.svelte)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#basic-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If-Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#await-blocks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Await Blocks
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#event-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Event Handling
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#binding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Binding
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Binding">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#reactive-declarations-reactive-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reactive declarations &amp; Reactive Statements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#routing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routing
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-stores" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Stores
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#app-entry-point" class="md-nav__link">
+    <span class="md-ellipsis">
+      App Entry-point
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#components-svelte" class="md-nav__link">
+    <span class="md-ellipsis">
+      Components (.svelte)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Components (.svelte)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#basic-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If-Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#await-blocks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Await Blocks
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#event-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Event Handling
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#binding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Binding
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Binding">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#reactive-declarations-reactive-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reactive declarations &amp; Reactive Statements
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#routing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routing
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-stores" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Stores
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="svelte"><a href="https://svelte.dev/docs">Svelte</a></h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>npx<span class="w"> </span>degit<span class="w"> </span>sveltejs/template<span class="w"> </span>&lt;project<span class="w"> </span>name&gt;
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># set project to use typescript</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>node<span class="w"> </span>scripts/setupTypeScript.js
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="c1"># or using vite</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>npm<span class="w"> </span>init<span class="w"> </span>vite@latest
+</code></pre></div></td></tr></table></div>
+<h2 id="app-entry-point">App Entry-point</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">import</span><span class="w"> </span><span class="nx">App</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./App.svelte&quot;</span><span class="p">;</span><span class="w"> </span><span class="c1">// import the component</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="kd">const</span><span class="w"> </span><span class="nx">app</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">App</span><span class="p">({</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w">  </span><span class="nx">target</span><span class="o">:</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">  </span><span class="nx">props</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="c1">// props passed to the App component</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w">  </span><span class="p">},</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="p">});</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="nx">app</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="components-svelte">Components (<code>.svelte</code>)</h2>
+<h3 id="basic-structure">Basic Structure</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="cm">&lt;!-- code for the component --&gt;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;ts&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Component</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;Component.svelte&quot;</span><span class="p">;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">  </span><span class="k">export</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="nx">prop</span><span class="p">;</span><span class="w"> </span><span class="c1">// make a variable a prop</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="cm">&lt;!-- CSS for the component --&gt;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="w">  </span><span class="c">/* CSS rules */</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">  </span><span class="c">/* target elements outside of the current component */</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">  </span><span class="p">:</span><span class="nd">global</span><span class="o">(</span><span class="nt">selector</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="cm">&lt;!-- html of the component  --&gt;</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="cm">&lt;!-- dynamic expressions --&gt;</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>{variable}<span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="cm">&lt;!-- nested components --&gt;</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="p">&lt;</span><span class="nt">Component</span> <span class="na">prop</span><span class="o">=</span><span class="s">&quot;{value}&quot;</span> <span class="p">/&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="if-else">If-Else</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="p">{</span><span class="err">#</span><span class="k">if</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">condition</span><span class="o">&gt;</span><span class="p">}</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="w">  </span><span class="c1">// markup here</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="p">{</span><span class="o">:</span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">condition</span><span class="o">&gt;</span><span class="p">}</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">  </span><span class="c1">// markup here</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="p">{</span><span class="o">:</span><span class="k">else</span><span class="p">}</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">  </span><span class="c1">// markup here</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="p">{</span><span class="err">/if}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="loops">Loops</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="p">{</span><span class="err">#</span><span class="nx">each</span><span class="w"> </span><span class="nx">array</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">item</span><span class="p">,</span><span class="w"> </span><span class="nx">index</span><span class="p">}</span><span class="w">  </span><span class="c1">// index is optional</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="c1">// markup here</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">{</span><span class="err">/each}</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="p">{</span><span class="err">#</span><span class="nx">each</span><span class="w"> </span><span class="nx">array</span><span class="w"> </span><span class="kr">as</span><span class="w"> </span><span class="nx">item</span><span class="w"> </span><span class="p">(</span><span class="nx">key</span><span class="p">)}</span><span class="w">  </span><span class="c1">// use key to determine changes</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">    </span><span class="c1">// markup here</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="p">{</span><span class="err">/each}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="await-blocks">Await Blocks</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span>
+<span class="normal"><a href="#__codelineno-5-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="p">{</span><span class="err">#</span><span class="k">await</span><span class="w"> </span><span class="nx">promise</span><span class="p">}</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="w"> </span><span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="p">...</span><span class="nx">waiting</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="p">{</span><span class="o">:</span><span class="nx">then</span><span class="w"> </span><span class="nx">number</span><span class="p">}</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="w"> </span><span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">The</span><span class="w"> </span><span class="nx">number</span><span class="w"> </span><span class="nx">is</span><span class="w"> </span><span class="p">{</span><span class="nx">number</span><span class="p">}</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="p">{</span><span class="o">:</span><span class="k">catch</span><span class="w"> </span><span class="nx">error</span><span class="p">}</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="w"> </span><span class="o">&lt;</span><span class="nx">p</span><span class="w"> </span><span class="nx">style</span><span class="o">=</span><span class="s2">&quot;color: red&quot;</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="p">}</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="p">{</span><span class="err">/await}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="event-handling">Event Handling</h3>
+<p>The full list of modifiers:</p>
+<ul>
+<li><code>preventDefault</code> — calls <code>event.preventDefault()</code> before running the handler. Useful for client-side form handling, for example.</li>
+<li><code>stopPropagation</code> — calls <code>event.stopPropagation()</code>, preventing the event reaching the next element</li>
+<li><code>passive</code> — improves scrolling performance on touch/wheel events (Svelte will add it automatically where it's safe to do so)</li>
+<li><code>nonpassive</code> — explicitly set <code>passive: false</code></li>
+<li><code>capture</code> — fires the handler during the capture phase instead of the bubbling phase</li>
+<li><code>once</code> — remove the handler after the first time it runs</li>
+<li><code>self</code> — only trigger handler if <code>event.target</code> is the element itself</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span>
+<span class="normal"><a href="#__codelineno-6-8">8</a></span>
+<span class="normal"><a href="#__codelineno-6-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="o">&lt;</span><span class="nx">script</span><span class="o">&gt;</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="w">  </span><span class="kd">const</span><span class="w"> </span><span class="nx">eventHandler</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{};</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="o">&lt;</span><span class="err">/script&gt;</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="o">&lt;</span><span class="nx">button</span><span class="w"> </span><span class="nx">on</span><span class="o">:</span><span class="nx">event</span><span class="o">=</span><span class="p">{</span><span class="nx">eventHandler</span><span class="p">}</span><span class="o">&gt;</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="c1">// or</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="o">&lt;</span><span class="nx">button</span><span class="w"> </span><span class="nx">on</span><span class="o">:</span><span class="nx">event</span><span class="o">=</span><span class="p">{()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">eventHandler</span><span class="p">(</span><span class="nx">args</span><span class="p">)}</span><span class="o">&gt;</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="o">&lt;</span><span class="nx">button</span><span class="w"> </span><span class="nx">on</span><span class="o">:</span><span class="nx">event</span><span class="o">|</span><span class="nx">modifier</span><span class="o">=</span><span class="p">{</span><span class="nx">eventHandler</span><span class="p">}</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: It's possible to chain modifiers together, e.g. <code>on:click|once|capture={...}</code>.</p>
+</blockquote>
+<h2 id="binding">Binding</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span>
+<span class="normal"><a href="#__codelineno-7-7">7</a></span>
+<span class="normal"><a href="#__codelineno-7-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="w">  </span><span class="kd">let</span><span class="w"> </span><span class="nx">name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;Foo&quot;</span><span class="p">;</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="cm">&lt;!-- modify value in real time --&gt;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">bind:value</span><span class="o">=</span><span class="s">&quot;{stringValue}&quot;</span> <span class="p">/&gt;</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;checkbox&quot;</span> <span class="na">bind:checked</span><span class="o">=</span><span class="s">{boolean}/</span> <span class="p">&gt;</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="cm">&lt;!-- ... --&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="reactive-declarations-reactive-statements">Reactive declarations &amp; Reactive Statements</h3>
+<p>Svelte automatically updates the DOM when the component's state changes.<br />
+Often, some parts of a component's state need to be computed from other parts and recomputed whenever they change.</p>
+<p>For these, Svelte has reactive declarations. They look like this:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">count</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">0</span><span class="p">;</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="nx">$</span><span class="o">:</span><span class="w"> </span><span class="kr">double</span><span class="w"> </span><span class="o">=</span><span class="w">  </span><span class="nx">count</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mf">2</span><span class="p">;</span><span class="w">  </span><span class="c1">// recalculated when count changes</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="c1">// or</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="nx">$</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="nx">$</span><span class="o">:</span><span class="w"> </span><span class="o">&lt;</span><span class="nx">expression</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="routing">Routing</h2>
+<p><a href="https://github.com/EmilTholin/svelte-routing">Svelte Routing</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-9-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-9-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-9-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-9-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-9-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-9-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-9-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-9-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-9-10">10</a></span>
+<span class="normal"><a href="#__codelineno-9-11">11</a></span>
+<span class="normal"><a href="#__codelineno-9-12">12</a></span>
+<span class="normal"><a href="#__codelineno-9-13">13</a></span>
+<span class="normal"><a href="#__codelineno-9-14">14</a></span>
+<span class="normal"><a href="#__codelineno-9-15">15</a></span>
+<span class="normal"><a href="#__codelineno-9-16">16</a></span>
+<span class="normal"><a href="#__codelineno-9-17">17</a></span>
+<span class="normal"><a href="#__codelineno-9-18">18</a></span>
+<span class="normal"><a href="#__codelineno-9-19">19</a></span>
+<span class="normal"><a href="#__codelineno-9-20">20</a></span>
+<span class="normal"><a href="#__codelineno-9-21">21</a></span>
+<span class="normal"><a href="#__codelineno-9-22">22</a></span>
+<span class="normal"><a href="#__codelineno-9-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="c">&lt;!--</span><span class="w"> </span><span class="nx">App</span><span class="p">.</span><span class="nx">svelte</span><span class="w"> </span><span class="o">--&gt;</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="o">&lt;</span><span class="nx">script</span><span class="o">&gt;</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">Router</span><span class="p">,</span><span class="w"> </span><span class="nx">Link</span><span class="p">,</span><span class="w"> </span><span class="nx">Route</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;svelte-routing&quot;</span><span class="p">;</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="nx">Home</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./routes/Home.svelte&quot;</span><span class="p">;</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="nx">About</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./routes/About.svelte&quot;</span><span class="p">;</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="nx">Blog</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;./routes/Blog.svelte&quot;</span><span class="p">;</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a><span class="w">  </span><span class="k">export</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="nx">url</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;&quot;</span><span class="p">;</span>
+<a id="__codelineno-9-9" name="__codelineno-9-9"></a><span class="o">&lt;</span><span class="err">/script&gt;</span>
+<a id="__codelineno-9-10" name="__codelineno-9-10"></a>
+<a id="__codelineno-9-11" name="__codelineno-9-11"></a><span class="o">&lt;</span><span class="nx">Router</span><span class="w"> </span><span class="nx">url</span><span class="o">=</span><span class="s2">&quot;{url}&quot;</span><span class="o">&gt;</span>
+<a id="__codelineno-9-12" name="__codelineno-9-12"></a><span class="w">  </span><span class="o">&lt;</span><span class="nx">nav</span><span class="o">&gt;</span>
+<a id="__codelineno-9-13" name="__codelineno-9-13"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Link</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;/&quot;</span><span class="o">&gt;</span><span class="nx">Home</span><span class="o">&lt;</span><span class="err">/Link&gt;</span>
+<a id="__codelineno-9-14" name="__codelineno-9-14"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Link</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;about&quot;</span><span class="o">&gt;</span><span class="nx">About</span><span class="o">&lt;</span><span class="err">/Link&gt;</span>
+<a id="__codelineno-9-15" name="__codelineno-9-15"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Link</span><span class="w"> </span><span class="nx">to</span><span class="o">=</span><span class="s2">&quot;blog&quot;</span><span class="o">&gt;</span><span class="nx">Blog</span><span class="o">&lt;</span><span class="err">/Link&gt;</span>
+<a id="__codelineno-9-16" name="__codelineno-9-16"></a><span class="w">  </span><span class="o">&lt;</span><span class="err">/nav&gt;</span>
+<a id="__codelineno-9-17" name="__codelineno-9-17"></a><span class="w">  </span><span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
+<a id="__codelineno-9-18" name="__codelineno-9-18"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;blog/:id&quot;</span><span class="w"> </span><span class="nx">component</span><span class="o">=</span><span class="s2">&quot;{BlogPost}&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-9-19" name="__codelineno-9-19"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;blog&quot;</span><span class="w"> </span><span class="nx">component</span><span class="o">=</span><span class="s2">&quot;{Blog}&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-9-20" name="__codelineno-9-20"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;about&quot;</span><span class="w"> </span><span class="nx">component</span><span class="o">=</span><span class="s2">&quot;{About}&quot;</span><span class="w"> </span><span class="o">/&gt;</span>
+<a id="__codelineno-9-21" name="__codelineno-9-21"></a><span class="w">    </span><span class="o">&lt;</span><span class="nx">Route</span><span class="w"> </span><span class="nx">path</span><span class="o">=</span><span class="s2">&quot;/&quot;</span><span class="o">&gt;&lt;</span><span class="nx">Home</span><span class="w"> </span><span class="o">/&gt;&lt;</span><span class="err">/Route&gt;</span>
+<a id="__codelineno-9-22" name="__codelineno-9-22"></a><span class="w">  </span><span class="o">&lt;</span><span class="err">/div&gt;</span>
+<a id="__codelineno-9-23" name="__codelineno-9-23"></a><span class="o">&lt;</span><span class="err">/Router&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-stores">Data Stores</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="c1">// stores.js</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">writable</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;svelte/store&quot;</span><span class="p">;</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="k">export</span><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">count</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">writable</span><span class="p">(</span><span class="mf">0</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span>
+<span class="normal"><a href="#__codelineno-11-12">12</a></span>
+<span class="normal"><a href="#__codelineno-11-13">13</a></span>
+<span class="normal"><a href="#__codelineno-11-14">14</a></span>
+<span class="normal"><a href="#__codelineno-11-15">15</a></span>
+<span class="normal"><a href="#__codelineno-11-16">16</a></span>
+<span class="normal"><a href="#__codelineno-11-17">17</a></span>
+<span class="normal"><a href="#__codelineno-11-18">18</a></span>
+<span class="normal"><a href="#__codelineno-11-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">onDestroy</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;svelte&quot;</span><span class="p">;</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="w">  </span><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">count</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;.path/to/stores.js&quot;</span><span class="p">;</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="w">  </span><span class="kd">const</span><span class="w"> </span><span class="nx">unsubscriber</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">count</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">((</span><span class="nx">value</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="w">    </span><span class="c1">// do stuff on load or value change</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="w">  </span><span class="p">});</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a><span class="w">  </span><span class="nx">count</span><span class="p">.</span><span class="nx">update</span><span class="p">((</span><span class="nx">n</span><span class="p">)</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="nx">n</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="p">);</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a><span class="w">  </span><span class="nx">count</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="mf">1</span><span class="p">);</span>
+<a id="__codelineno-11-12" name="__codelineno-11-12"></a><span class="w">  </span><span class="c1">// or</span>
+<a id="__codelineno-11-13" name="__codelineno-11-13"></a><span class="w">  </span><span class="nx">$count</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">1</span><span class="p">;</span>
+<a id="__codelineno-11-14" name="__codelineno-11-14"></a>
+<a id="__codelineno-11-15" name="__codelineno-11-15"></a><span class="w">  </span><span class="nx">onDestroy</span><span class="p">(</span><span class="nx">unsubscriber</span><span class="p">);</span>
+<a id="__codelineno-11-16" name="__codelineno-11-16"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+<a id="__codelineno-11-17" name="__codelineno-11-17"></a>
+<a id="__codelineno-11-18" name="__codelineno-11-18"></a><span class="cm">&lt;!-- use $ to reference a store value --&gt;</span>
+<a id="__codelineno-11-19" name="__codelineno-11-19"></a><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>{$count}<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../react/redux-tests.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Redux Tests">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Redux Tests
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../../powershell/scripting.html" class="md-footer__link md-footer__link--next" aria-label="Next: Scripting">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Scripting
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/kotlin/kotlin.html b/languages/kotlin/kotlin.html
new file mode 100644
index 0000000..9de2bf8
--- /dev/null
+++ b/languages/kotlin/kotlin.html
@@ -0,0 +1,4770 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/kotlin/kotlin.html">
+      
+      
+        <link rel="prev" href="../c/c.html">
+      
+      
+        <link rel="next" href="../swift/swift.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Kotlin - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Kotlin - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/kotlin/kotlin.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/kotlin/kotlin.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Kotlin - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/kotlin/kotlin.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#kotlin" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Kotlin
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="kotlin.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#package-imports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package &amp; Imports
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variable-constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable &amp; Constants
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variable & Constants">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nullable-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Variables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If - Else If - Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#when-expression" class="md-nav__link">
+    <span class="md-ellipsis">
+      When Expression
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#simplifying-function-declarations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simplifying Function Declarations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#higher-order-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Higher-order Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#companion-object" class="md-nav__link">
+    <span class="md-ellipsis">
+      Companion Object
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#collections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Collections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arraylist" class="md-nav__link">
+    <span class="md-ellipsis">
+      ArrayList
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#package-imports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Package &amp; Imports
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variable-constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable &amp; Constants
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variable & Constants">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#nullable-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable Variables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#decision-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Decision Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Decision Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If - Else If - Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#when-expression" class="md-nav__link">
+    <span class="md-ellipsis">
+      When Expression
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#simplifying-function-declarations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simplifying Function Declarations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#higher-order-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Higher-order Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#companion-object" class="md-nav__link">
+    <span class="md-ellipsis">
+      Companion Object
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#collections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Collections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#arraylist" class="md-nav__link">
+    <span class="md-ellipsis">
+      ArrayList
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="kotlin">Kotlin</h1>
+<h2 id="package-imports">Package &amp; Imports</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">package</span><span class="w"> </span><span class="nn">com.app.uniqueID</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="k">import</span><span class="w"> </span><span class="nn">&lt;package&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="variable-constants">Variable &amp; Constants</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kd">var</span><span class="w"> </span><span class="nv">variable</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="w">    </span><span class="c1">//variable declaration</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="kd">var</span><span class="w"> </span><span class="nv">variable</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="w">    </span><span class="c1">//type can be omitted if it can be deduced by initialization</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="kd">val</span><span class="w"> </span><span class="nv">CONSTANT_NAME</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="w">    </span><span class="c1">//constant declaration</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nullable-variables">Nullable Variables</h3>
+<p>For a variable to hold a null value, it must be of a nullable type.<br />
+Nullable types are specified suffixing <code>?</code> to the variable type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">var</span><span class="w"> </span><span class="nv">nullableVariable</span><span class="p">:</span><span class="w"> </span><span class="n">Type? </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">nullableVariable</span><span class="o">?.</span><span class="na">method</span><span class="p">()</span><span class="w">    </span><span class="c1">//correct way to use</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="c1">//if var is null don&#39;t execute method() and return null</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="n">nullablevariavle</span><span class="o">!!</span><span class="p">.</span><span class="na">method</span><span class="p">()</span><span class="w">    </span><span class="c1">//unsafe way</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="c1">//!! -&gt; ignore that var can be null</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="decision-statements">Decision Statements</h2>
+<h3 id="if-else-if-else"><code>If</code> - <code>Else If</code> - <code>Else</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="conditional-expressions">Conditional Expressions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kd">var</span><span class="w"> </span><span class="nv">variable</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="c1">//value to be assigned here</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">    </span><span class="c1">//value to be assigned here</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">    </span><span class="c1">//value to be assigned here</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="when-expression"><code>When</code> Expression</h3>
+<p>Each branch in a <code>when</code> expression is represented by a condition, an arrow (<code>-&gt;</code>), and a result.<br />
+If the condition on the left-hand side of the arrow evaluates to true, then the result of the expression on the right-hand side is returned.<br />
+Note that execution does not fall through from one branch to the next.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">when</span><span class="w"> </span><span class="p">(</span><span class="n">variable</span><span class="p">){</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="w">    </span><span class="n">condition</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="w">    </span><span class="n">condition</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="w">    </span><span class="k">else</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="p">}</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="c1">//Smart casting</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="k">when</span><span class="w"> </span><span class="p">(</span><span class="n">variable</span><span class="p">){</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="k">is</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="k">is</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="p">}</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="c1">//instead of chain of if-else</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="k">when</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="w">    </span><span class="n">condition</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="w">    </span><span class="n">condition</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w">    </span><span class="k">else</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">value</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loops">Loops</h2>
+<h3 id="for-loop"><code>For</code> Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span>
+<span class="normal"><a href="#__codelineno-6-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">iterable</span><span class="p">){</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="p">}</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="c1">//loop in a numerical range</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="k">for</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">start</span><span class="p">..</span><span class="na">end</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions">Functions</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="kd">fun</span><span class="w"> </span><span class="nf">functionName</span><span class="p">(</span><span class="n">parameter</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">):</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="w">    </span><span class="c1">//code here</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="simplifying-function-declarations">Simplifying Function Declarations</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">fun</span><span class="w"> </span><span class="nf">functionName</span><span class="p">(</span><span class="n">parameter</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">):</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="w">        </span><span class="c1">//returned value</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="w">    </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">        </span><span class="c1">//returned value</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="p">}</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="kd">fun</span><span class="w"> </span><span class="nf">functionName</span><span class="p">(</span><span class="n">parameter</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">):</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="n">condition</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="w">    </span><span class="c1">//returned value</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="w">    </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="w">        </span><span class="c1">//returned value</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="anonymous-functions">Anonymous Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">val</span><span class="w"> </span><span class="nv">anonymousFunction</span><span class="p">:</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">input</span><span class="w"> </span><span class="o">-&gt;</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="w">    </span><span class="c1">//code acting on input here</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="p">}</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="kd">val</span><span class="w"> </span><span class="nv">variableName</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">anonymousFunction</span><span class="p">(</span><span class="n">input</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="higher-order-functions">Higher-order Functions</h3>
+<p>A function can take another function as an argument. Functions that use other functions as arguments are called <em>higher-order</em> functions.<br />
+This pattern is useful for communicating between components in the same way that you might use a callback interface in Java.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="kd">fun</span><span class="w"> </span><span class="nf">functionName</span><span class="p">(</span><span class="n">parameter</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">,</span><span class="w"> </span><span class="n">function</span><span class="p">:</span><span class="w"> </span><span class="p">(</span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="n">Type</span><span class="p">):</span><span class="w"> </span><span class="n">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="w">    </span><span class="c1">//invoke function</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">function</span><span class="p">(</span><span class="n">parameter</span><span class="p">)</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="object-oriented-programming">Object Oriented Programming</h2>
+<h3 id="class">Class</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span>
+<span class="normal"><a href="#__codelineno-11-12">12</a></span>
+<span class="normal"><a href="#__codelineno-11-13">13</a></span>
+<span class="normal"><a href="#__codelineno-11-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="c1">//primary constructor</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="kd">class</span><span class="w"> </span><span class="nc">ClassName</span><span class="p">(</span><span class="kd">private</span><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nv">attribute</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="p">}</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="kd">class</span><span class="w"> </span><span class="nc">ClassName</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="w">    </span><span class="kd">private</span><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nv">var1</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a><span class="w">    </span><span class="c1">//secondary constructor</span>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a><span class="w">    </span><span class="k">constructor</span><span class="p">(</span><span class="n">parameter</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-12" name="__codelineno-11-12"></a><span class="w">        </span><span class="k">this</span><span class="p">.</span><span class="na">var1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">parameter</span>
+<a id="__codelineno-11-13" name="__codelineno-11-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-11-14" name="__codelineno-11-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="companion-object">Companion Object</h3>
+<p><a href="https://kotlinlang.org/docs/tutorials/kotlin-for-py/objects-and-companion-objects.html">Companion Object Docs</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span>
+<span class="normal"><a href="#__codelineno-12-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="kd">class</span><span class="w"> </span><span class="nc">ClassName</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="w">    </span><span class="c1">// in java: static</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="w">    </span><span class="kd">companion</span><span class="w"> </span><span class="kd">object</span><span class="w">  </span><span class="err">{</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="w">        </span><span class="c1">// static components of the class</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="collections">Collections</h2>
+<h3 id="arraylist">ArrayList</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Kotlin</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="kd">var</span><span class="w"> </span><span class="nv">array</span><span class="p">:</span><span class="n">ArrayList</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;?</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">null</span><span class="w">  </span><span class="c1">// List init</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="n">array</span><span class="p">.</span><span class="na">add</span><span class="p">(</span><span class="n">item</span><span class="p">)</span><span class="w">  </span><span class="c1">//add item to list</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../c/c.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: C">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                C
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../swift/swift.html" class="md-footer__link md-footer__link--next" aria-label="Next: Swift">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Swift
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/markdown.html b/languages/markdown.html
new file mode 100644
index 0000000..265888f
--- /dev/null
+++ b/languages/markdown.html
@@ -0,0 +1,4352 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/markdown.html">
+      
+      
+        <link rel="prev" href="html/html.html">
+      
+      
+        <link rel="next" href="css/css.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Markdown - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Markdown - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/markdown.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/markdown.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Markdown - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/markdown.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#markdown-notes" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Markdown
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="markdown.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#headings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Headings
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#text-formatting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Formatting
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#links-images" class="md-nav__link">
+    <span class="md-ellipsis">
+      Links &amp; Images
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Links & Images">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#horizontal-rule" class="md-nav__link">
+    <span class="md-ellipsis">
+      Horizontal rule
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#code" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#table" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#headings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Headings
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#text-formatting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Text Formatting
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#links-images" class="md-nav__link">
+    <span class="md-ellipsis">
+      Links &amp; Images
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Links & Images">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#horizontal-rule" class="md-nav__link">
+    <span class="md-ellipsis">
+      Horizontal rule
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#code" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#table" class="md-nav__link">
+    <span class="md-ellipsis">
+      Table
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="markdown-notes">Markdown Notes</h1>
+<h2 id="headings">Headings</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span>
+<span class="normal"><a href="#__codelineno-0-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="gh">Heading 1</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="gh">=========</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="gu">Heading 2</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="gu">---------</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="gh"># Heading 1</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="gu">## Heading 2</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="gu">### Heading 3</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="text-formatting">Text Formatting</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="ge">*Italic*</span>    <span class="ge">_Italic_</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="gs">**Bold**</span>    <span class="gs">__Bold__</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>~GitHub&#39;s strike-trough~
+</code></pre></div></td></tr></table></div>
+<h2 id="links-images">Links &amp; Images</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span>
+<span class="normal"><a href="#__codelineno-2-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>[<span class="nt">link text</span>](<span class="na">http://b.org &quot;title&quot;</span>)
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>[<span class="nt">link text</span>][<span class="nl">anchor</span>]
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>[<span class="nl">anchor</span>]: <span class="na">http://b.org &quot;title&quot;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>![<span class="nt">alt attribute</span>](<span class="na">http://url/b.jpg &quot;title&quot;</span>)
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>![alt attribute][anchor]
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a>[<span class="nl">anchor</span>]: <span class="na">http://url/b.jpg &quot;title&quot;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">&gt; </span><span class="ge">Blockquote</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="k">*</span><span class="w"> </span>unordered list        - unordered list
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="k">*</span><span class="w"> </span>unordered list        - unordered list
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="k">*</span><span class="w"> </span>unordered list        - unordered list
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>1) ordered list         1. ordered list
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>2) ordered list         2. ordered list
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>3) ordered list         3. ordered list
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="k">- [ ]</span> empty checkbox
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="k">- [x]</span> checked checkbox
+</code></pre></div></td></tr></table></div>
+<h3 id="horizontal-rule">Horizontal rule</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>---                     ***
+</code></pre></div></td></tr></table></div>
+<h2 id="code">Code</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="sb">`inline code`</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="sb">    ```lang</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="s">    multi-line</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="s">    code block</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="sb">    ```</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="table">Table</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Markdown</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>| column label | column label | column label  |
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>|:-------------|:------------:|--------------:|
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>| left-aligned | centered     | right-aligned |
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>| row contents | row contents | row contents  |
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="html/html.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: HTML">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                HTML
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="css/css.html" class="md-footer__link md-footer__link--next" aria-label="Next: CSS">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                CSS
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/composer.html b/languages/php/composer.html
new file mode 100644
index 0000000..eed8217
--- /dev/null
+++ b/languages/php/composer.html
@@ -0,0 +1,4393 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/composer.html">
+      
+      
+        <link rel="prev" href="unit-tests.html">
+      
+      
+        <link rel="next" href="psr-7.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Composer - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Composer - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/composer.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/composer.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Composer - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/composer.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#composer-autoloading" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Composer
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="composer.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#autoloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Autoloading
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Autoloading">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-autoloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Autoloading
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#composer" class="md-nav__link">
+    <span class="md-ellipsis">
+      Composer
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Composer">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#installing-dependencies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installing Dependencies
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#updating-dependencies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Updating Dependencies
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#autoloading-project-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Autoloading Project Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#autoloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Autoloading
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Autoloading">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiple-autoloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Autoloading
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#composer" class="md-nav__link">
+    <span class="md-ellipsis">
+      Composer
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Composer">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#installing-dependencies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installing Dependencies
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#updating-dependencies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Updating Dependencies
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#autoloading-project-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Autoloading Project Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="composer-autoloading">Composer &amp; Autoloading</h1>
+<h2 id="autoloading">Autoloading</h2>
+<p>The function <a href="https://www.php.net/manual/en/function.spl-autoload-register.php">spl_autoload_register()</a> allows to register a function that will be invoked when PHP needs to load a class/interface defined by the user.</p>
+<p>In <code>autoload.php</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="x"># custom function</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="x">function autoloader($class) {</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="x">    # __DIR__ -&gt; path of calling file</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="x">    # $class -&gt; className (hopefully same as file)</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="x">    # if class is in namespace $class -&gt; Namespace\className (hopefully folders mirror Namespace)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="x">    $class = str_replace(&quot;\\&quot;, DIRECTORY_SEPARATOR, $class);  # avoid linux path separator issues</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="x">    $fileName = sprintf(&quot;%s\\path\\%s.php&quot;, __DIR__, $class);  </span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="x">    # or</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="x">    $filename = sprintf(&quot;%s\\%s.php&quot;, __DIR__, $class);  # if class is in namespace</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="x">    if (file_exists($fileName)) {</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="x">        include $fileName;</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="x">    }</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="x">}</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="x">spl_autoload_register(&#39;autoloader&#39;);  // register function</span>
+</code></pre></div></td></tr></table></div>
+<p>In <code>file.php</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="x">require &quot;autoload.php&quot;;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="x"># other code</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: will fuck up if namespaces exists.</p>
+</blockquote>
+<h3 id="multiple-autoloading">Multiple Autoloading</h3>
+<p>It's possible to resister multiple autoloading functions by calling <code>spl_autoload_register()</code> multiple times.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="x"># prepend adds the function at the start of the queue</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="x"># throws selects if errors in loading throw exceptions</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="x">spl_autoload_register(callable $func, $throw=TRUE, $prepend=FALSE);</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="x">spl_autoload_functions()  # return a list of registered functions.</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="composer"><a href="https://getcomposer.org/">Composer</a></h2>
+<p>Open Source project for dependency management and autoloading of PHP libraries and classes.</p>
+<p>Composer uses <code>composer.json</code> to define dependencies with third-party libraries.
+Libraries are downloaded through <a href="https://packagist.org/">Packagist</a> and <a href="https://github.com/">GitHub</a>.</p>
+<p>In <code>composer.json</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="p">{</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="w">    </span><span class="nt">&quot;require&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">        </span><span class="nt">&quot;php&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&gt;=7.0&quot;</span><span class="p">,</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">        </span><span class="nt">&quot;monolog/monolog&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;1.0.*&quot;</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="installing-dependencies">Installing Dependencies</h3>
+<p>In the same folder of <code>composer.json</code> execute <code>composer install</code>.</p>
+<p>Composer will create:</p>
+<ul>
+<li><code>vendor</code>: folder containing all requested libraries</li>
+<li><code>vendor\autoload.php</code>: file for class autoloading</li>
+<li><code>composer.lock</code></li>
+</ul>
+<p>In alternative <code>composer require &lt;lib&gt;</code> will add the library to the project and create a <code>composer.json</code> if missing.</p>
+<blockquote>
+<p><strong>Note</strong>: to ignore the php version use <code>composer &lt;command&gt; --ignore-platform-reqs</code></p>
+</blockquote>
+<h3 id="updating-dependencies">Updating Dependencies</h3>
+<p>To update dependencies use <code>composer update</code>. To update only the autoloading section use <code>composer dump-autoload</code>.</p>
+<h3 id="autoloading-project-classes"><a href="https://getcomposer.org/doc/04-schema.md#autoload">Autoloading Project Classes</a></h3>
+<p><a href="https://www.php-fig.org/psr/psr-4/">PSR-4 Spec</a></p>
+<p>Composer can also autoload classes belonging to the current project. It's sufficient to add the <code>autoload</code> keyword in the JSON and specify the path and autoload mode.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="p">{</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="nt">&quot;autoload&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">        </span><span class="nt">&quot;psr-4&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="w">            </span><span class="nt">&quot;RootNamespace&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;src/&quot;</span><span class="p">,</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="w">            </span><span class="nt">&quot;Namespace\\&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;src/Namespace/&quot;</span><span class="p">,</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="w">            </span><span class="p">},</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">        </span><span class="nt">&quot;file&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="w">            </span><span class="s2">&quot;path/to/file.php&quot;</span><span class="p">,</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">            </span><span class="err">...</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">        </span><span class="p">]</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="unit-tests.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Unit Tests">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Unit Tests
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="psr-7.html" class="md-footer__link md-footer__link--next" aria-label="Next: PSR 7">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                PSR 7
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/database.html b/languages/php/database.html
new file mode 100644
index 0000000..f066ed9
--- /dev/null
+++ b/languages/php/database.html
@@ -0,0 +1,4405 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/database.html">
+      
+      
+        <link rel="prev" href="php.html">
+      
+      
+        <link rel="next" href="web.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Database - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Database - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/database.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/database.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Database - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/database.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#databases-in-php" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Database
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="database.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#php-data-objects-pdo" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP Data Objects (PDO)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PHP Data Objects (PDO)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#database-connection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Database Connection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#queries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Queries
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameter-binding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameter Binding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pdo-data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      PDO &amp; Data Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pdo-debug" class="md-nav__link">
+    <span class="md-ellipsis">
+      PDO Debug
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sqlite3" class="md-nav__link">
+    <span class="md-ellipsis">
+      SQLite3
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#php-data-objects-pdo" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP Data Objects (PDO)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PHP Data Objects (PDO)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#database-connection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Database Connection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#queries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Queries
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameter-binding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parameter Binding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pdo-data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      PDO &amp; Data Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pdo-debug" class="md-nav__link">
+    <span class="md-ellipsis">
+      PDO Debug
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sqlite3" class="md-nav__link">
+    <span class="md-ellipsis">
+      SQLite3
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="databases-in-php">Databases in PHP</h1>
+<h2 id="php-data-objects-pdo">PHP Data Objects (<a href="https://www.php.net/manual/en/book.pdo.php">PDO</a>)</h2>
+<p>PDO is the PHP extension for database access through a single API. It supports various databases: MySQL, SQLite, PostgreSQL, Oracle, SQL Server, etc.</p>
+<h3 id="database-connection">Database Connection</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="x">$dsn = &quot;mysql:dbname=&lt;dbname&gt;;host=&lt;ip&gt;&quot;;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="x">$user=&quot;&lt;db_user&gt;&quot;;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="x">$password=&quot;&lt;db_password&gt;&quot;;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="x">try {</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="x">    $pdo = new PDO($dsn, $user, $password);  # connect, can throw PDOException</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="x">} catch (PDOException $e) {</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="x">    printf(&quot;Connection failed: %s\n&quot;, $e-&gt;getMessage());  # notify error</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="x">    exit(1);</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="queries">Queries</h3>
+<p>To execute a query it's necessary to "prepare it" with <em>parameters</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="x"># literal string with markers</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="x">$sql = &#39;SELECT fields</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="x">FROM tables</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="x">WHERE field &lt;operator&gt; :marker&#39;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="x">$stmt = $pdo-&gt;prepare($sql, $options_array);  # returns PDOStatement, used to execute the query</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="x">$stmt-&gt;execute([ &#39;:marker&#39; =&gt; value ]);  # substitute marker with actual value</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="x"># fetchAll returns all matches</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="x">$result = $stmt-&gt;fetchAll();  # result as associative array AND numeric array (PDO::FETCH_BOTH)</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="x">$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);  # result as associative array</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="x">$result = $stmt-&gt;fetchAll(PDO::FETCH_NUM);  # result as array</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="x">$result = $stmt-&gt;fetchAll(PDO::FETCH_OBJ);  # result as object of stdClass</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="x">$result = $stmt-&gt;fetchAll(PDO::FETCH_CLASS, ClassName::class);  # result as object of a specific class</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="parameter-binding">Parameter Binding</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="x"># bindValue</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="x">$stmt = pdo-&gt;prepare(sql);</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="x">$stmt-&gt;bindValue(&#39;:marker&#39;, value, PDO::PARAM_&lt;type&gt;);</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="x">$stmt-&gt;execute();</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="x"># bindParam</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="x">$stmt = pdo-&gt;prepare(sql);</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="x">$variable = value;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="x">$stmt-&gt;bindParam(&#39;:marker&#39;, $variable);  # type optional</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="x">$stmt-&gt;execute();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pdo-data-types">PDO &amp; Data Types</h3>
+<p>By default PDO converts all results into strings since it is a generic driver for multiple databases.
+Its possible to disable this behaviour setting <code>PDO::ATTR_STRINGIFY_FETCHES</code> and <code>PDO::ATTR_EMULATE_PREPARES</code> as <code>false</code>.</p>
+<blockquote>
+<p><strong>Note</strong>: <code>FETCH_OBJ</code> abd <code>FETCH_CLASS</code> return classes and don't have this behaviour.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="x">pdo-&gt;setAttribute()</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="x">$pdo-&gt;setAttribute(PDO::ATTR_STRINGIFY_FETCHES, false);</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="x">$pdo-&gt;setAttribute(PDO::ATTR_EMULATE_PREPARES, false);</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="x">$stmt = $pdo-&gt;prepare($sql);</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="x">$stmt-&gt;execute([&#39;:marker&#39; =&gt; value]);</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="x">$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pdo-debug">PDO Debug</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="x">$stmt = $pdo-&gt;prepare($sql);</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="x">$stmt-&gt;execute([&#39;:marker&#39; =&gt; value]);</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="x">$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="x">$stmt-&gt;debugDumpParams();  # print the SQL query that has been sent to the database</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="sqlite3"><a href="https://www.php.net/manual/en/book.sqlite3.php">SQLite3</a></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span>
+<span class="normal"><a href="#__codelineno-5-7">7</a></span>
+<span class="normal"><a href="#__codelineno-5-8">8</a></span>
+<span class="normal"><a href="#__codelineno-5-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="x">$db = SQLite3(&quot;db_file.sqlite3&quot;);  // connection</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="x">$stmt = $db-&gt;prepare(&quot;SELECT fields FROM tables WHERE field &lt;operator&gt; :marker&quot;);  // prepare query</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="x">$stmt-&gt;bindParam(&quot;:marker&quot;, $variable);  // param binding</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="x">$result = $stmt-&gt;execute();  // retrieve records</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="x">$result-&gt;finalize();  // close result set, recommended calling before another execute()</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="x">$records = $results-&gt;fetchArray(SQLITE3_ASSOC);  // extract records as array (false if no results)</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Result set objects retrieved by calling <code>SQLite3Stmt::execute()</code> on the same statement object are not independent, but rather share the same underlying structure. Therefore it is recommended to call <code>SQLite3Result::finalize()</code>, before calling <code>SQLite3Stmt::execute()</code> on the same statement object again.</p>
+</blockquote>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="php.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: PHP">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                PHP
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="web.html" class="md-footer__link md-footer__link--next" aria-label="Next: Web">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Web
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/dependency-injection.html b/languages/php/dependency-injection.html
new file mode 100644
index 0000000..9e2c234
--- /dev/null
+++ b/languages/php/dependency-injection.html
@@ -0,0 +1,4306 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/dependency-injection.html">
+      
+      
+        <link rel="prev" href="web.html">
+      
+      
+        <link rel="next" href="unit-tests.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Dependency Injection - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Dependency Injection - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/dependency-injection.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/dependency-injection.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Dependency Injection - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/dependency-injection.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#dependency-injection" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Dependency Injection
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="dependency-injection.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#dependency-injection-container" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Injection Container
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#php-di" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP-DI
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PHP-DI">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#dic-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      DIC Configuration
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#dependency-injection-container" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Injection Container
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#php-di" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP-DI
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PHP-DI">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#dic-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      DIC Configuration
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="dependency-injection">Dependency Injection</h1>
+<p>Explicit definition of a class dependencies with the injection through the constructor or <em>getters</em>/<em>setters</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="x">class Foo</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="x">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="x">    public function __construct(PDO $pdo)  // depends on PDO</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="x">    {</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="x">        $this-&gt;pdo = $pdo;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="x">    }</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dependency-injection-container">Dependency Injection Container</h2>
+<p>The <strong>Dependency Injection Container</strong> (DIC) allow to archive all the dependencies in a single <code>Container</code> class. Some offer automatic resolution of the dependencies.</p>
+<h2 id="php-di"><a href="https://php-di.org/">PHP-DI</a></h2>
+<p>The dependency injection container for humans. Installation: <code>composer require php-di/php-di</code></p>
+<ul>
+<li><strong>Autowire</strong> functionality: the ability of the container to create and inject the dependency automatically.</li>
+<li>Use of <a href="https://www.php.net/manual/en/intro.reflection.php">Reflection</a></li>
+<li>Configuration of the container through annotations &amp; PHP code.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="x">class Foo</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="x">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="x">    private $bar;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="x">    public function __construct(Bar $bar)  // depends on Bar</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="x">    {</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="x">        $this-&gt;bar = $bar;</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="x">    }</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="x">}</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="x">class Bar{}</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="x">$container = new DI\Container();  // DI Container</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="x">$foo = $container-&gt;get(&#39;Foo&#39;);  // get instance of Foo (automatic DI of Bar)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dic-configuration">DIC Configuration</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="x">// Foo.php</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="x">class Foo</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="x">{</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="x">    public function __construct(PDO $pdo)  // depends on PDO</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="x">    {</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="x">        $this-&gt;pdo = $pdo;</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="x">    }</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="x">// config.php</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="x">use Psr\Container\ContainerInterface;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="x">// config &quot;primitive&quot; dependencies (dependency =&gt; construct &amp; return)</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="x">return [</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="x">    &#39;dsn&#39; =&gt; &#39;sqlite:db.sq3&#39;,</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="x">    PDO::class =&gt; function(ContainerInterface $c) {</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="x">        return new PDO($c-&gt;get(&#39;dsn&#39;));</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="x">    },</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="x">    ...</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="x">];</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="x">$builder = new \DI\ContainerBuilder();</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="x">$builder-&gt;addDefinitions(&quot;config.php&quot;);  // load config</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="x">$container = $builder-&gt;build();  // construct container</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="x">$cart = $container-&gt;get(Foo::class);  // Instantiate &amp; Inject</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>get("className")</code> requires the explicit definition of <code>className</code> in the config file. <code>get(ClassName::class)</code> does not.</p>
+</blockquote>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="web.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Web">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Web
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="unit-tests.html" class="md-footer__link md-footer__link--next" aria-label="Next: Unit Tests">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Unit Tests
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/php.html b/languages/php/php.html
new file mode 100644
index 0000000..935696d
--- /dev/null
+++ b/languages/php/php.html
@@ -0,0 +1,6707 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/php.html">
+      
+      
+        <link rel="prev" href="../java/spring/spring-project.html">
+      
+      
+        <link rel="next" href="database.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>PHP - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="PHP - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/php.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/php.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="PHP - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/php.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#php" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              PHP
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="php.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#include-require" class="md-nav__link">
+    <span class="md-ellipsis">
+      Include, Require
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Include, Require">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#import-configs-from-a-file-with-include" class="md-nav__link">
+    <span class="md-ellipsis">
+      Import configs from a file with include
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#namespace" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespace
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Input
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#integers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#double" class="md-nav__link">
+    <span class="md-ellipsis">
+      Double
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Strings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#string-concatenation" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Concatenation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constants
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Constants">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#magic-constants-__name__" class="md-nav__link">
+    <span class="md-ellipsis">
+      Magic Constants __NAME__
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Array">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-array-matrix" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi Dimensional Array (Matrix)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-printing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Printing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associative-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associative Arrays
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#conditional-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Instructions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Conditional Instructions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#conditional-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#null-coalesce" class="md-nav__link">
+    <span class="md-ellipsis">
+      NULL Coalesce
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#spaceship-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Spaceship Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-elseif-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If - Elseif - Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch-case" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch Case
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#match-expression-php-8" class="md-nav__link">
+    <span class="md-ellipsis">
+      Match Expression (PHP 8)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-foreach" class="md-nav__link">
+    <span class="md-ellipsis">
+      For, Foreach
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#while-do-while" class="md-nav__link">
+    <span class="md-ellipsis">
+      While, Do-While
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue-exit" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break, Continue, exit()
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#void-function" class="md-nav__link">
+    <span class="md-ellipsis">
+      Void function
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#passing-a-parameter-by-reference" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing a parameter by reference (&amp;$)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-number-of-parameters-variadic-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable number of parameters, variadic operator (...)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable parameters
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anonymous-functions-closure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Functions (Closure)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Anonymous Functions (Closure)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#use-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Use Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#union-types-php-8" class="md-nav__link">
+    <span class="md-ellipsis">
+      Union Types (PHP 8)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-arguments-php-8" class="md-nav__link">
+    <span class="md-ellipsis">
+      Named Arguments (PHP 8)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#scope-visibility" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scope &amp; Visibility
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-declaration-instantiation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Declaration &amp; Instantiation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-classes-attributes-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static classes, attributes &amp; methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dependency-injection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Injection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#abstract-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Abstract Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#interface" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interface
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Traits
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#serialization-json" class="md-nav__link">
+    <span class="md-ellipsis">
+      Serialization &amp; JSON
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#readwrite-on-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Read/Write on Files
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#regular-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Regular Expressions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#hashing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hashing
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Hashing">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#password-hashes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Password Hashes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#errors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Errors
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Errors">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#error-reporting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Reporting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#triggering-errors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Triggering Errors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#writing-in-the-log-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing in the Log File
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Exception Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#custom-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#include-require" class="md-nav__link">
+    <span class="md-ellipsis">
+      Include, Require
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Include, Require">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#import-configs-from-a-file-with-include" class="md-nav__link">
+    <span class="md-ellipsis">
+      Import configs from a file with include
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#namespace" class="md-nav__link">
+    <span class="md-ellipsis">
+      Namespace
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#user-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Input
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#integers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integers
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#double" class="md-nav__link">
+    <span class="md-ellipsis">
+      Double
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Strings">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#string-concatenation" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Concatenation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constants
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Constants">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#magic-constants-__name__" class="md-nav__link">
+    <span class="md-ellipsis">
+      Magic Constants __NAME__
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Array">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-dimensional-array-matrix" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multi Dimensional Array (Matrix)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-printing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Printing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associative-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associative Arrays
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#conditional-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Instructions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Conditional Instructions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#conditional-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ternary-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ternary Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#null-coalesce" class="md-nav__link">
+    <span class="md-ellipsis">
+      NULL Coalesce
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#spaceship-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Spaceship Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-elseif-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If - Elseif - Else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#switch-case" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch Case
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#match-expression-php-8" class="md-nav__link">
+    <span class="md-ellipsis">
+      Match Expression (PHP 8)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-foreach" class="md-nav__link">
+    <span class="md-ellipsis">
+      For, Foreach
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#while-do-while" class="md-nav__link">
+    <span class="md-ellipsis">
+      While, Do-While
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue-exit" class="md-nav__link">
+    <span class="md-ellipsis">
+      Break, Continue, exit()
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#void-function" class="md-nav__link">
+    <span class="md-ellipsis">
+      Void function
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#passing-a-parameter-by-reference" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing a parameter by reference (&amp;$)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-number-of-parameters-variadic-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable number of parameters, variadic operator (...)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nullable-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nullable parameters
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anonymous-functions-closure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Functions (Closure)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Anonymous Functions (Closure)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#use-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Use Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#union-types-php-8" class="md-nav__link">
+    <span class="md-ellipsis">
+      Union Types (PHP 8)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-arguments-php-8" class="md-nav__link">
+    <span class="md-ellipsis">
+      Named Arguments (PHP 8)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#scope-visibility" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scope &amp; Visibility
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#class-declaration-instantiation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Declaration &amp; Instantiation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#static-classes-attributes-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Static classes, attributes &amp; methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dependency-injection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependency Injection
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#abstract-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      Abstract Class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#interface" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interface
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Traits
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#anonymous-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anonymous Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#serialization-json" class="md-nav__link">
+    <span class="md-ellipsis">
+      Serialization &amp; JSON
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#readwrite-on-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Read/Write on Files
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#regular-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Regular Expressions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#hashing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hashing
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Hashing">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#password-hashes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Password Hashes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#errors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Errors
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Errors">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#error-reporting" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Reporting
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#triggering-errors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Triggering Errors
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#writing-in-the-log-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing in the Log File
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Exception Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#custom-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="php">PHP</h1>
+<p><a href="https://www.php.net/docs.php">PHP Docs</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="x">declare(strict_types=1);  # activates variable type checking on function arguments</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="x"># single line comment</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="x">//single line comment</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="x">/* multi line comment */</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="include-require">Include, Require</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="x">include &quot;path\\file.php&quot;;  # import an external php file, E_WARNING if fails</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="x">include_once &quot;path\\file.php&quot;;  # imports only if not already loaded</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="x">require &quot;path\\file.php&quot;;  # import an external php file, E_COMPILE_ERROR if fails</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="x">require_once &quot;path\\file.php&quot;;  # imports only if not already loaded</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="import-configs-from-a-file-with-include">Import configs from a file with <code>include</code></h3>
+<p>In <code>config.php</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="x">//config.php</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="x">//store configuration options in associative array</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="x">return [</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="x">    setting =&gt; value,</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="x">    setting = value,</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="x">]</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="x">$config = include &quot;config.php&quot;;  // retrieve config and store into variable</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="namespace">Namespace</h2>
+<p><a href="https://www.php-fig.org/psr/psr-4/">PSR-4 Spec</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span>
+<span class="normal"><a href="#__codelineno-4-19">19</a></span>
+<span class="normal"><a href="#__codelineno-4-20">20</a></span>
+<span class="normal"><a href="#__codelineno-4-21">21</a></span>
+<span class="normal"><a href="#__codelineno-4-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="x">namespace Foo\Bar\Baz;   # set namespace for all file contents, \ for nested namespaces</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="x">use &lt;PHP_Class&gt;  # using a namespace hides standard php classes (WHY?!?)</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="x"># namespace for only a block of code</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="x">namespace Foo\Bar\Baz {</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="x">    function func() {</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="x">        # coded here</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="x">    }</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="x">};</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="x">Foo\Bar\Baz\func();  # use function from Foo\Bar\Baz without USE instruction</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="x">use Foo\Bar\Baz\func; # import namespace</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="x">func(); # use function from Foo\Bar\Baz</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="x">use Foo\Bar\Baz\func as f;  # use function with an alias</span>
+<a id="__codelineno-4-19" name="__codelineno-4-19"></a><span class="x">f();  # use function from Foo\Bar\Baz</span>
+<a id="__codelineno-4-20" name="__codelineno-4-20"></a>
+<a id="__codelineno-4-21" name="__codelineno-4-21"></a><span class="x">use Foo\Bar\Baz as fbb  # use namespace with alias</span>
+<a id="__codelineno-4-22" name="__codelineno-4-22"></a><span class="x">fnn\func();  # use function from Foo\Bar\Baz</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="basics">Basics</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="x">declare(strict_types=1);  # activates type checking</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="x"># single line comment</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="x">//single line comment</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="x">/* multi line comment */</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="screen-output">Screen Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="x">echo &quot;string&quot;;  # string output</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="x">echo &#39;string\n&#39;;  # raw string output</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="x">printf(&quot;format&quot;, $variables);  # formatted output of strings and variables</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="x">sprintf(&quot;format&quot;, $variables);  # return formatted string</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="user-input">User Input</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="x">$var = readline(&quot;prompt&quot;);</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="x"># if readline is not installed</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="x">if (!function_exists(&#39;readline&#39;)) {</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="x">    function readline($prompt)</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="x">    {</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="x">        $fh = fopen(&#39;php://stdin&#39;, &#39;r&#39;);</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="x">        echo $prompt;</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="x">        $userInput = trim(fgets($fh));</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="x">        fclose($fh);</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="x">        return $userInput;</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="x">    }</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="variables">Variables</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="x">$variableName = value;  # weakly typed</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="x">echo gettype(&amp;variable);  # output type of variable</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="x">var_dump($var);  # prints info of variable (bit dimension, type &amp; value)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="integers">Integers</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span>
+<span class="normal"><a href="#__codelineno-9-6">6</a></span>
+<span class="normal"><a href="#__codelineno-9-7">7</a></span>
+<span class="normal"><a href="#__codelineno-9-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="x">&amp;max = PHP_INT_MAX;  # max value for int type -&gt; 9223372036854775807</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="x">&amp;min = PHP_INT_MIN;  # min value for int type -&gt; -9223372036854775808</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="x">&amp;bytes = PHP_INT_SIZE;  # bytes for int type -&gt; 8</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="x">&amp;num = 255;  # decimal</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="x">&amp;num = 0b11111111;  # binary</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a><span class="x">&amp;num = 0377;  # octal</span>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a><span class="x">&amp;num = 0xff;  # hexadecimal</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="double">Double</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="x">$a = 1.234; // 1.234</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="x">$b = 1.2e3; // 1200</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="x">$c = 7E-10; // 0.0000000007</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mathematical-operators">Mathematical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>-</code></td>
+<td>Subtraction</td>
+</tr>
+<tr>
+<td><code>*</code></td>
+<td>Multiplication</td>
+</tr>
+<tr>
+<td><code>/</code></td>
+<td>Division</td>
+</tr>
+<tr>
+<td><code>%</code></td>
+<td>Modulo</td>
+</tr>
+<tr>
+<td><code>**</code></td>
+<td>Exponentiation</td>
+</tr>
+<tr>
+<td><code>var++</code></td>
+<td>Post Increment</td>
+</tr>
+<tr>
+<td><code>++var</code></td>
+<td>Pre Increment</td>
+</tr>
+<tr>
+<td><code>var--</code></td>
+<td>Post Decrement</td>
+</tr>
+<tr>
+<td><code>--var</code></td>
+<td>Pre Decrement</td>
+</tr>
+</tbody>
+</table>
+<h3 id="mathematical-functions">Mathematical Functions</h3>
+<ul>
+<li><code>sqrt($x)</code></li>
+<li><code>sin($x)</code></li>
+<li><code>cos($x)</code></li>
+<li><code>log($x)</code></li>
+<li><code>round($x)</code></li>
+<li><code>floor($x)</code></li>
+<li><code>ceil($x)</code></li>
+</ul>
+<h2 id="strings">Strings</h2>
+<p>A string is a sequence of ASCII characters. In PHP a string is an array of characters.</p>
+<h3 id="string-concatenation">String Concatenation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="x">$string1 . $string2; # method 1</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="x">$string1 .= $string2;  # method 2</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-functions">String Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span>
+<span class="normal"><a href="#__codelineno-12-7">7</a></span>
+<span class="normal"><a href="#__codelineno-12-8">8</a></span>
+<span class="normal"><a href="#__codelineno-12-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="x">strlen($string);  # returns the string length</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="x">strpos($string, &#39;substring&#39;);  # position of substring in string</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="x">substr($string, start, len);  # extract substring of len from position start</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="x">strtoupper($string);  # transform to uppercase</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="x">strtolower($string);  # transform to lowercase</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="x">explode(delimiter, string);  # return array of substrings</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="x">$var = sprintf(&quot;format&quot;, $variables)  # construct and return a formatted string</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="constants">Constants</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="x">define (&#39;CONSTANT_NAME&#39;, &#39;value&#39;)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="magic-constants-__name__">Magic Constants <code>__NAME__</code></h3>
+<ul>
+<li><code>__FILE__</code>: script path + script filename</li>
+<li><code>__DIR__</code>: file directory</li>
+<li><code>__LINE__</code>: current line number</li>
+<li><code>__FUNCTION__</code>: the function name, or {closure} for anonymous functions.</li>
+<li><code>__CLASS__</code>: name of the class</li>
+<li><code>__NAMESPACE__</code>: the name of the current namespace.</li>
+</ul>
+<h2 id="array">Array</h2>
+<p>Heterogeneous sequence of values.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span>
+<span class="normal"><a href="#__codelineno-14-7">7</a></span>
+<span class="normal"><a href="#__codelineno-14-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="x">$array = (sequence_of_items);  # array declaration and valorization</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="x">$array = [sequence_of_items];  # array declaration and valorization</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="x"># index &lt; 0 selects items starting from the last</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="x">$array[index];  # access to the items</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="x">$array[index] = value;   # array valorization (can add items)</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="x">$array[] = value;  # value appending</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multi-dimensional-array-matrix">Multi Dimensional Array (Matrix)</h3>
+<p>Array of array. Can have arbitrary number of nested array</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span>
+<span class="normal"><a href="#__codelineno-15-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="x">$matrix = [</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="x">    [1, 2, 3],</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="x">    [4, 5, 6],</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="x">    [7, 8, 9]</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="x">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="array-printing">Array Printing</h3>
+<p>Single instruction to print whole array is ``</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="x">$array = [1, 2, 3];</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="x">print_r($array);  # print all the array values</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="array-functions">Array Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-17-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-17-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-17-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-17-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-17-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-17-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-17-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-17-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-17-10">10</a></span>
+<span class="normal"><a href="#__codelineno-17-11">11</a></span>
+<span class="normal"><a href="#__codelineno-17-12">12</a></span>
+<span class="normal"><a href="#__codelineno-17-13">13</a></span>
+<span class="normal"><a href="#__codelineno-17-14">14</a></span>
+<span class="normal"><a href="#__codelineno-17-15">15</a></span>
+<span class="normal"><a href="#__codelineno-17-16">16</a></span>
+<span class="normal"><a href="#__codelineno-17-17">17</a></span>
+<span class="normal"><a href="#__codelineno-17-18">18</a></span>
+<span class="normal"><a href="#__codelineno-17-19">19</a></span>
+<span class="normal"><a href="#__codelineno-17-20">20</a></span>
+<span class="normal"><a href="#__codelineno-17-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="x">count($array);  # returns number of items in the array</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="x">array_sum($array)  # sum of the array value</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="x">sort($array);  # quick sort</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="x">in_array($item, $array);  // check if item is in the array</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="x">array_push($array, $item);  // append item to the array</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="x">unset($array[index]);  # item (or variable) deletion</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a><span class="x"># array navigation</span>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a><span class="x">current();</span>
+<a id="__codelineno-17-10" name="__codelineno-17-10"></a><span class="x">key();</span>
+<a id="__codelineno-17-11" name="__codelineno-17-11"></a><span class="x">next();</span>
+<a id="__codelineno-17-12" name="__codelineno-17-12"></a><span class="x">prev();</span>
+<a id="__codelineno-17-13" name="__codelineno-17-13"></a><span class="x">reset();</span>
+<a id="__codelineno-17-14" name="__codelineno-17-14"></a><span class="x">end();</span>
+<a id="__codelineno-17-15" name="__codelineno-17-15"></a>
+<a id="__codelineno-17-16" name="__codelineno-17-16"></a><span class="x"># sorting</span>
+<a id="__codelineno-17-17" name="__codelineno-17-17"></a><span class="x">sort($array, $sort_flags=&quot;SORT_REGULAR&quot;);</span>
+<a id="__codelineno-17-18" name="__codelineno-17-18"></a>
+<a id="__codelineno-17-19" name="__codelineno-17-19"></a><span class="x">array_values($array);   # regenerates the array fixing the indexes</span>
+<a id="__codelineno-17-20" name="__codelineno-17-20"></a>
+<a id="__codelineno-17-21" name="__codelineno-17-21"></a><span class="x">list($array1 [, $array2, ...]) = $data;  # Python-like tuple unpacking</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="associative-arrays">Associative Arrays</h3>
+<p>Associative arrays have a value as an index. Alternative names are <em>hash tables</em> or <em>dictionaries</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-18-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-18-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-18-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-18-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-18-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-18-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-18-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-18-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-18-10">10</a></span>
+<span class="normal"><a href="#__codelineno-18-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="x">$italianDay = [</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="x">    &#39;Mon&#39; =&gt; &#39;Lunedì&#39;,</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="x">    &#39;Tue&#39; =&gt; &#39;Martedì&#39;,</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="x">    &#39;Wed&#39; =&gt; &#39;Mercoledì&#39;,</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="x">    &#39;Thu&#39; =&gt; &#39;Giovedì&#39;,</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="x">    &#39;Fri&#39; =&gt; &#39;Venerdì&#39;,</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a><span class="x">    &#39;Sat&#39; =&gt; &#39;Sabato&#39;,</span>
+<a id="__codelineno-18-8" name="__codelineno-18-8"></a><span class="x">    &#39;Sun&#39; =&gt; &#39;Domenica&#39;</span>
+<a id="__codelineno-18-9" name="__codelineno-18-9"></a><span class="x">];</span>
+<a id="__codelineno-18-10" name="__codelineno-18-10"></a>
+<a id="__codelineno-18-11" name="__codelineno-18-11"></a><span class="x">$italianDay[&quot;Mon&quot;];  # evaluates to Lunedì</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="conditional-instructions">Conditional Instructions</h2>
+<h3 id="conditional-operators">Conditional Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>$a <code>==</code> $b</td>
+<td>value equality</td>
+</tr>
+<tr>
+<td>$a <code>===</code> $b</td>
+<td>value &amp; type equality</td>
+</tr>
+<tr>
+<td>$a <code>!=</code> $b</td>
+<td>value inequality</td>
+</tr>
+<tr>
+<td>$a <code>&lt;&gt;</code> $b</td>
+<td>value inequality</td>
+</tr>
+<tr>
+<td>$a <code>!==</code> $b</td>
+<td>value or type inequality</td>
+</tr>
+<tr>
+<td>$a <code>&lt;</code> $b</td>
+<td>less than</td>
+</tr>
+<tr>
+<td>$a <code>&gt;</code> $b</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>$a <code>&lt;=</code> $b</td>
+<td>less or equal to</td>
+</tr>
+<tr>
+<td>$a <code>&gt;=</code> $b</td>
+<td>greater or equal to</td>
+</tr>
+<tr>
+<td>$a <code>&lt;=&gt;</code> $b</td>
+<td>spaceship operator</td>
+</tr>
+</tbody>
+</table>
+<p>With <code>==</code> a string evaluates to <code>0</code>.</p>
+<h3 id="logical-operators">Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Example</th>
+<th>Result</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>and</code></td>
+<td><code>$a and $b</code></td>
+<td>TRUE if both <code>$a</code> and <code>$b</code> are TRUE.</td>
+</tr>
+<tr>
+<td><code>or</code></td>
+<td><code>$a or $b</code></td>
+<td>TRUE if either <code>$a</code> or <code>$b</code> is TRUE.</td>
+</tr>
+<tr>
+<td><code>xor</code></td>
+<td><code>$a xor $b</code></td>
+<td>TRUE if either <code>$a</code> or <code>$b</code> is TRUE, but <em>not both</em>.</td>
+</tr>
+<tr>
+<td><code>not</code></td>
+<td><code>!$a</code></td>
+<td>TRUE if <code>$a</code> is <em>not</em> TRUE.</td>
+</tr>
+<tr>
+<td><code>and</code></td>
+<td><code>$a &amp;&amp; $b</code></td>
+<td>TRUE if both <code>$a</code> and <code>$b</code> are TRUE.</td>
+</tr>
+<tr>
+<td><code>or</code></td>
+<td><code>$a || $b</code></td>
+<td>TRUE if either <code>$a</code> or <code>$b</code> is TRUE.</td>
+</tr>
+</tbody>
+</table>
+<h3 id="ternary-operator">Ternary Operator</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="x">condition ? result_if_true : result_if_false;</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="x">condition ?: result_if_false;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="null-coalesce">NULL Coalesce</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span>
+<span class="normal"><a href="#__codelineno-20-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="x">$var1 = $var2 ?? value;  # if variable == NULL assign value, otherwise return value of $var2</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="x"># equivalent to</span>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="x">$var1 = isset($var2) ? $var2 : value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="spaceship-operator">Spaceship Operator</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span>
+<span class="normal"><a href="#__codelineno-21-4">4</a></span>
+<span class="normal"><a href="#__codelineno-21-5">5</a></span>
+<span class="normal"><a href="#__codelineno-21-6">6</a></span>
+<span class="normal"><a href="#__codelineno-21-7">7</a></span>
+<span class="normal"><a href="#__codelineno-21-8">8</a></span>
+<span class="normal"><a href="#__codelineno-21-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="x">$a &lt;=&gt; $b;</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="x"># equivalent to</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a><span class="x">if $a &gt; $b</span>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="x">    return 1;</span>
+<a id="__codelineno-21-6" name="__codelineno-21-6"></a><span class="x">if $a == $b</span>
+<a id="__codelineno-21-7" name="__codelineno-21-7"></a><span class="x">    return 0;</span>
+<a id="__codelineno-21-8" name="__codelineno-21-8"></a><span class="x">if $a &lt; $b</span>
+<a id="__codelineno-21-9" name="__codelineno-21-9"></a><span class="x">    return -1;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="if-elseif-else"><code>If</code> - <code>Elseif</code> - <code>Else</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-22-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-22-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-22-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-22-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-22-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-22-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-22-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-22-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-22-10">10</a></span>
+<span class="normal"><a href="#__codelineno-22-11">11</a></span>
+<span class="normal"><a href="#__codelineno-22-12">12</a></span>
+<span class="normal"><a href="#__codelineno-22-13">13</a></span>
+<span class="normal"><a href="#__codelineno-22-14">14</a></span>
+<span class="normal"><a href="#__codelineno-22-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="x">if (condition) {</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="x">  # code here</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a><span class="x">} elseif (condition) {</span>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="x">  # code here</span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a><span class="x">} else {</span>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a><span class="x">    # code here</span>
+<a id="__codelineno-22-7" name="__codelineno-22-7"></a><span class="x">}</span>
+<a id="__codelineno-22-8" name="__codelineno-22-8"></a>
+<a id="__codelineno-22-9" name="__codelineno-22-9"></a><span class="x">if (condition) :</span>
+<a id="__codelineno-22-10" name="__codelineno-22-10"></a><span class="x">    # code here</span>
+<a id="__codelineno-22-11" name="__codelineno-22-11"></a><span class="x">elseif (condition):</span>
+<a id="__codelineno-22-12" name="__codelineno-22-12"></a><span class="x">    # code here</span>
+<a id="__codelineno-22-13" name="__codelineno-22-13"></a><span class="x">else:</span>
+<a id="__codelineno-22-14" name="__codelineno-22-14"></a><span class="x">    # code here</span>
+<a id="__codelineno-22-15" name="__codelineno-22-15"></a><span class="x">endif;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="switch-case">Switch Case</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-23-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-23-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-23-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-23-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-23-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-23-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-23-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-23-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-23-10">10</a></span>
+<span class="normal"><a href="#__codelineno-23-11">11</a></span>
+<span class="normal"><a href="#__codelineno-23-12">12</a></span>
+<span class="normal"><a href="#__codelineno-23-13">13</a></span>
+<span class="normal"><a href="#__codelineno-23-14">14</a></span>
+<span class="normal"><a href="#__codelineno-23-15">15</a></span>
+<span class="normal"><a href="#__codelineno-23-16">16</a></span>
+<span class="normal"><a href="#__codelineno-23-17">17</a></span>
+<span class="normal"><a href="#__codelineno-23-18">18</a></span>
+<span class="normal"><a href="#__codelineno-23-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="x"># weak comparison</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="x">switch ($var) {</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="x">    case value:</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="x">        # code here</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a><span class="x">        break;</span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a>
+<a id="__codelineno-23-7" name="__codelineno-23-7"></a><span class="x">    default:</span>
+<a id="__codelineno-23-8" name="__codelineno-23-8"></a><span class="x">        # code here</span>
+<a id="__codelineno-23-9" name="__codelineno-23-9"></a><span class="x">}</span>
+<a id="__codelineno-23-10" name="__codelineno-23-10"></a>
+<a id="__codelineno-23-11" name="__codelineno-23-11"></a><span class="x"># strong comparison</span>
+<a id="__codelineno-23-12" name="__codelineno-23-12"></a><span class="x">switch (true) {</span>
+<a id="__codelineno-23-13" name="__codelineno-23-13"></a><span class="x">    case $var === value:</span>
+<a id="__codelineno-23-14" name="__codelineno-23-14"></a><span class="x">        # code here</span>
+<a id="__codelineno-23-15" name="__codelineno-23-15"></a><span class="x">        break;</span>
+<a id="__codelineno-23-16" name="__codelineno-23-16"></a>
+<a id="__codelineno-23-17" name="__codelineno-23-17"></a><span class="x">    default:</span>
+<a id="__codelineno-23-18" name="__codelineno-23-18"></a><span class="x">        # code here</span>
+<a id="__codelineno-23-19" name="__codelineno-23-19"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="match-expression-php-8">Match Expression (PHP 8)</h3>
+<p><code>match</code> can return values, doesn't require break statements, can combine conditions, uses strict type comparisons and doesn't do any type coercion.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span>
+<span class="normal"><a href="#__codelineno-24-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="x">$result = match($input) {</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="x">    0 =&gt; &quot;hello&quot;,</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="x">    &#39;1&#39;, &#39;2&#39;, &#39;3&#39; =&gt; &quot;world&quot;,</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a><span class="x">};</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loops">Loops</h2>
+<h3 id="for-foreach">For, Foreach</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-25-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-25-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-25-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-25-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-25-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-25-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-25-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-25-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-25-10">10</a></span>
+<span class="normal"><a href="#__codelineno-25-11">11</a></span>
+<span class="normal"><a href="#__codelineno-25-12">12</a></span>
+<span class="normal"><a href="#__codelineno-25-13">13</a></span>
+<span class="normal"><a href="#__codelineno-25-14">14</a></span>
+<span class="normal"><a href="#__codelineno-25-15">15</a></span>
+<span class="normal"><a href="#__codelineno-25-16">16</a></span>
+<span class="normal"><a href="#__codelineno-25-17">17</a></span>
+<span class="normal"><a href="#__codelineno-25-18">18</a></span>
+<span class="normal"><a href="#__codelineno-25-19">19</a></span>
+<span class="normal"><a href="#__codelineno-25-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="x">for (init, condition, increment){</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="x">    # code here</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="x">}</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="x">for (init, condition, increment):</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a><span class="x">    # code here</span>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="x">endfor;</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a><span class="x">foreach($sequence as $item) {</span>
+<a id="__codelineno-25-10" name="__codelineno-25-10"></a><span class="x">    # code here</span>
+<a id="__codelineno-25-11" name="__codelineno-25-11"></a><span class="x">}</span>
+<a id="__codelineno-25-12" name="__codelineno-25-12"></a>
+<a id="__codelineno-25-13" name="__codelineno-25-13"></a><span class="x">foreach($sequence as $item):</span>
+<a id="__codelineno-25-14" name="__codelineno-25-14"></a><span class="x">    # code here</span>
+<a id="__codelineno-25-15" name="__codelineno-25-15"></a><span class="x">endforeach;</span>
+<a id="__codelineno-25-16" name="__codelineno-25-16"></a>
+<a id="__codelineno-25-17" name="__codelineno-25-17"></a><span class="x"># foreach on dicts</span>
+<a id="__codelineno-25-18" name="__codelineno-25-18"></a><span class="x">foreach($sequence as $key =&gt; $value) {</span>
+<a id="__codelineno-25-19" name="__codelineno-25-19"></a><span class="x">    # code here</span>
+<a id="__codelineno-25-20" name="__codelineno-25-20"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="while-do-while">While, Do-While</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-26-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-26-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-26-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-26-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-26-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-26-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-26-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-26-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-26-10">10</a></span>
+<span class="normal"><a href="#__codelineno-26-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="x">while (condition) {</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="x">    # code here</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="x">}</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="x">while (condition):</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a><span class="x">    # code here</span>
+<a id="__codelineno-26-7" name="__codelineno-26-7"></a><span class="x">endwhile;</span>
+<a id="__codelineno-26-8" name="__codelineno-26-8"></a>
+<a id="__codelineno-26-9" name="__codelineno-26-9"></a><span class="x">do {</span>
+<a id="__codelineno-26-10" name="__codelineno-26-10"></a><span class="x">    # code here</span>
+<a id="__codelineno-26-11" name="__codelineno-26-11"></a><span class="x">} while (condition);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="break-continue-exit">Break, Continue, exit()</h3>
+<p><code>break</code> stops the iteration.<br />
+<code>continue</code> skips one cycle of the iteration.
+<code>exit()</code> terminates the execution of any PHP code.</p>
+<h2 id="functions">Functions</h2>
+<p><a href="https://make.wordpress.org/core/handbook/best-practices/inline-documentation-standards/php/">Function Docstring</a></p>
+<p>Parameters with default values are optional in the function call and must be the last ones in the function declaration. Return type is optional if type checking is disabled.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-27-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-27-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-27-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-27-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-27-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-27-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-27-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-27-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-27-10">10</a></span>
+<span class="normal"><a href="#__codelineno-27-11">11</a></span>
+<span class="normal"><a href="#__codelineno-27-12">12</a></span>
+<span class="normal"><a href="#__codelineno-27-13">13</a></span>
+<span class="normal"><a href="#__codelineno-27-14">14</a></span>
+<span class="normal"><a href="#__codelineno-27-15">15</a></span>
+<span class="normal"><a href="#__codelineno-27-16">16</a></span>
+<span class="normal"><a href="#__codelineno-27-17">17</a></span>
+<span class="normal"><a href="#__codelineno-27-18">18</a></span>
+<span class="normal"><a href="#__codelineno-27-19">19</a></span>
+<span class="normal"><a href="#__codelineno-27-20">20</a></span>
+<span class="normal"><a href="#__codelineno-27-21">21</a></span>
+<span class="normal"><a href="#__codelineno-27-22">22</a></span>
+<span class="normal"><a href="#__codelineno-27-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="x">declare(strict_types=1);  # activates type checking</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="x">/**</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="x"> * Summary.</span>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="x"> *</span>
+<a id="__codelineno-27-6" name="__codelineno-27-6"></a><span class="x"> * Description.</span>
+<a id="__codelineno-27-7" name="__codelineno-27-7"></a><span class="x"> *</span>
+<a id="__codelineno-27-8" name="__codelineno-27-8"></a><span class="x"> * @since x.x.x</span>
+<a id="__codelineno-27-9" name="__codelineno-27-9"></a><span class="x"> *</span>
+<a id="__codelineno-27-10" name="__codelineno-27-10"></a><span class="x"> * @see Function/method/class relied on</span>
+<a id="__codelineno-27-11" name="__codelineno-27-11"></a><span class="x"> * @link URL</span>
+<a id="__codelineno-27-12" name="__codelineno-27-12"></a><span class="x"> * @global type $varname Description.</span>
+<a id="__codelineno-27-13" name="__codelineno-27-13"></a><span class="x"> * @global type $varname Description.</span>
+<a id="__codelineno-27-14" name="__codelineno-27-14"></a><span class="x"> *</span>
+<a id="__codelineno-27-15" name="__codelineno-27-15"></a><span class="x"> * @param type $var Description.</span>
+<a id="__codelineno-27-16" name="__codelineno-27-16"></a><span class="x"> * @param type $var Optional. Description. Default.</span>
+<a id="__codelineno-27-17" name="__codelineno-27-17"></a><span class="x"> * @return type Description.</span>
+<a id="__codelineno-27-18" name="__codelineno-27-18"></a><span class="x"> */</span>
+<a id="__codelineno-27-19" name="__codelineno-27-19"></a><span class="x">function functionName (type $parameter, $parameter = default_value): Type</span>
+<a id="__codelineno-27-20" name="__codelineno-27-20"></a><span class="x">{</span>
+<a id="__codelineno-27-21" name="__codelineno-27-21"></a><span class="x">    # code here</span>
+<a id="__codelineno-27-22" name="__codelineno-27-22"></a><span class="x">    return &lt;expression&gt;;</span>
+<a id="__codelineno-27-23" name="__codelineno-27-23"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="void-function">Void function</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="x">function functionName (type $parameter, $parameter = default_value): Void</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a><span class="x">{</span>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="x">    # code here</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="passing-a-parameter-by-reference">Passing a parameter by reference (<code>&amp;$</code>)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="x">function functionName (type &amp;$parameter): Type</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="x">{</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="x">    # code here</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="x">    return &lt;expression&gt;;</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variable-number-of-parameters-variadic-operator">Variable number of parameters, variadic operator (<code>...</code>)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span>
+<span class="normal"><a href="#__codelineno-30-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="x">function functionName (type $parameter, ...$args): Type</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="x">function functionName (type $parameter, type ...$args): Type</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="x">{</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="x">    # code here</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="x">    return &lt;expression&gt;;</span>
+<a id="__codelineno-30-6" name="__codelineno-30-6"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nullable-parameters">Nullable parameters</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span>
+<span class="normal"><a href="#__codelineno-31-2">2</a></span>
+<span class="normal"><a href="#__codelineno-31-3">3</a></span>
+<span class="normal"><a href="#__codelineno-31-4">4</a></span>
+<span class="normal"><a href="#__codelineno-31-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="x">function functionName (?type $parameter): ?Type</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="x">{</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a><span class="x">    # code here</span>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a><span class="x">    return &lt;expression&gt;;</span>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="anonymous-functions-closure">Anonymous Functions (Closure)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span>
+<span class="normal"><a href="#__codelineno-32-2">2</a></span>
+<span class="normal"><a href="#__codelineno-32-3">3</a></span>
+<span class="normal"><a href="#__codelineno-32-4">4</a></span>
+<span class="normal"><a href="#__codelineno-32-5">5</a></span>
+<span class="normal"><a href="#__codelineno-32-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="x"># declaration and assignment to variable</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="x">$var = function (type $parameter) {</span>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="x">    # code here</span>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="x">};</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a>
+<a id="__codelineno-32-6" name="__codelineno-32-6"></a><span class="x">$var($arg);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="use-operator">Use Operator</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span>
+<span class="normal"><a href="#__codelineno-33-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="x"># use imports a variable into the closure</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="x">$foo = function (type $parameter) use ($average) {</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="x">    # code here</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="union-types-php-8">Union Types (PHP 8)</h3>
+<p><strong>Union types</strong> are a collection of two or more types which indicate that <em>either</em> one of those <em>can be used</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="x">public function foo(Foo|Bar $input): int|float;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="named-arguments-php-8">Named Arguments (PHP 8)</h3>
+<p>Named arguments allow to pass in values to a function, by specifying the value name, to avoid taking their order into consideration.
+It's also possible to skip optional parameters.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1">1</a></span>
+<span class="normal"><a href="#__codelineno-35-2">2</a></span>
+<span class="normal"><a href="#__codelineno-35-3">3</a></span>
+<span class="normal"><a href="#__codelineno-35-4">4</a></span>
+<span class="normal"><a href="#__codelineno-35-5">5</a></span>
+<span class="normal"><a href="#__codelineno-35-6">6</a></span>
+<span class="normal"><a href="#__codelineno-35-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="x">function foo(string $a, string $b, ?string $c = null, ?string $d = null) { /* … */ }</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="x">foo(</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="x">    b: &#39;value b&#39;,</span>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a><span class="x">    a: &#39;value a&#39;,</span>
+<a id="__codelineno-35-6" name="__codelineno-35-6"></a><span class="x">    d: &#39;value d&#39;,</span>
+<a id="__codelineno-35-7" name="__codelineno-35-7"></a><span class="x">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="object-oriented-programming">Object Oriented Programming</h2>
+<h3 id="scope-visibility">Scope &amp; Visibility</h3>
+<p><code>public</code> methods and attributes are visible to anyone (<em>default</em>).
+<code>private</code> methods and attributes are visible only inside the class in which are declared.
+<code>protected</code> methods and attributes are visible only to child classes.</p>
+<p><code>final</code> classes cannot be extended.</p>
+<h3 id="class-declaration-instantiation">Class Declaration &amp; Instantiation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-36-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-36-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-36-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-36-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-36-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-36-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-36-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-36-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-36-10">10</a></span>
+<span class="normal"><a href="#__codelineno-36-11">11</a></span>
+<span class="normal"><a href="#__codelineno-36-12">12</a></span>
+<span class="normal"><a href="#__codelineno-36-13">13</a></span>
+<span class="normal"><a href="#__codelineno-36-14">14</a></span>
+<span class="normal"><a href="#__codelineno-36-15">15</a></span>
+<span class="normal"><a href="#__codelineno-36-16">16</a></span>
+<span class="normal"><a href="#__codelineno-36-17">17</a></span>
+<span class="normal"><a href="#__codelineno-36-18">18</a></span>
+<span class="normal"><a href="#__codelineno-36-19">19</a></span>
+<span class="normal"><a href="#__codelineno-36-20">20</a></span>
+<span class="normal"><a href="#__codelineno-36-21">21</a></span>
+<span class="normal"><a href="#__codelineno-36-22">22</a></span>
+<span class="normal"><a href="#__codelineno-36-23">23</a></span>
+<span class="normal"><a href="#__codelineno-36-24">24</a></span>
+<span class="normal"><a href="#__codelineno-36-25">25</a></span>
+<span class="normal"><a href="#__codelineno-36-26">26</a></span>
+<span class="normal"><a href="#__codelineno-36-27">27</a></span>
+<span class="normal"><a href="#__codelineno-36-28">28</a></span>
+<span class="normal"><a href="#__codelineno-36-29">29</a></span>
+<span class="normal"><a href="#__codelineno-36-30">30</a></span>
+<span class="normal"><a href="#__codelineno-36-31">31</a></span>
+<span class="normal"><a href="#__codelineno-36-32">32</a></span>
+<span class="normal"><a href="#__codelineno-36-33">33</a></span>
+<span class="normal"><a href="#__codelineno-36-34">34</a></span>
+<span class="normal"><a href="#__codelineno-36-35">35</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="x"># case insensitive</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a><span class="x">class ClassName</span>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="x">{</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a>
+<a id="__codelineno-36-5" name="__codelineno-36-5"></a><span class="x">    const CONSTANT = value;  # public by default</span>
+<a id="__codelineno-36-6" name="__codelineno-36-6"></a>
+<a id="__codelineno-36-7" name="__codelineno-36-7"></a><span class="x">    public $attribute;  # null by default if not assigned</span>
+<a id="__codelineno-36-8" name="__codelineno-36-8"></a><span class="x">    public Type $attribute;  # specifying the type is optional, it will be enforced if present</span>
+<a id="__codelineno-36-9" name="__codelineno-36-9"></a>
+<a id="__codelineno-36-10" name="__codelineno-36-10"></a><span class="x">    # class constructor</span>
+<a id="__codelineno-36-11" name="__codelineno-36-11"></a><span class="x">    public function __construct(value)</span>
+<a id="__codelineno-36-12" name="__codelineno-36-12"></a><span class="x">    {</span>
+<a id="__codelineno-36-13" name="__codelineno-36-13"></a><span class="x">        $this-&gt;attribute =  value</span>
+<a id="__codelineno-36-14" name="__codelineno-36-14"></a><span class="x">    }</span>
+<a id="__codelineno-36-15" name="__codelineno-36-15"></a>
+<a id="__codelineno-36-16" name="__codelineno-36-16"></a><span class="x">    public getAttribute(): Type</span>
+<a id="__codelineno-36-17" name="__codelineno-36-17"></a><span class="x">    {</span>
+<a id="__codelineno-36-18" name="__codelineno-36-18"></a><span class="x">        return $this-&gt;attribute;</span>
+<a id="__codelineno-36-19" name="__codelineno-36-19"></a><span class="x">    }</span>
+<a id="__codelineno-36-20" name="__codelineno-36-20"></a>
+<a id="__codelineno-36-21" name="__codelineno-36-21"></a><span class="x">    public function func(): Type</span>
+<a id="__codelineno-36-22" name="__codelineno-36-22"></a><span class="x">    {</span>
+<a id="__codelineno-36-23" name="__codelineno-36-23"></a><span class="x">        # code here</span>
+<a id="__codelineno-36-24" name="__codelineno-36-24"></a><span class="x">    }</span>
+<a id="__codelineno-36-25" name="__codelineno-36-25"></a><span class="x">}</span>
+<a id="__codelineno-36-26" name="__codelineno-36-26"></a>
+<a id="__codelineno-36-27" name="__codelineno-36-27"></a><span class="x">$object = new ClassName;  # case insensitive (CLASSNAME, ClassName, classname)</span>
+<a id="__codelineno-36-28" name="__codelineno-36-28"></a><span class="x">$object-&gt;attribute = value;</span>
+<a id="__codelineno-36-29" name="__codelineno-36-29"></a><span class="x">$object-&gt;func();</span>
+<a id="__codelineno-36-30" name="__codelineno-36-30"></a><span class="x">$object::CONSTANT;</span>
+<a id="__codelineno-36-31" name="__codelineno-36-31"></a>
+<a id="__codelineno-36-32" name="__codelineno-36-32"></a><span class="x">$var = $object;  # copy by reference</span>
+<a id="__codelineno-36-33" name="__codelineno-36-33"></a><span class="x">$var = clone $object  # copy by value</span>
+<a id="__codelineno-36-34" name="__codelineno-36-34"></a>
+<a id="__codelineno-36-35" name="__codelineno-36-35"></a><span class="x">$object instanceof ClassName  // check type of the object</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="static-classes-attributes-methods">Static classes, attributes &amp; methods</h3>
+<p>Inside static methods it's impossible to use <code>$this</code>.
+A static variable is unique for the class and all instances.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span>
+<span class="normal"><a href="#__codelineno-37-13">13</a></span>
+<span class="normal"><a href="#__codelineno-37-14">14</a></span>
+<span class="normal"><a href="#__codelineno-37-15">15</a></span>
+<span class="normal"><a href="#__codelineno-37-16">16</a></span>
+<span class="normal"><a href="#__codelineno-37-17">17</a></span>
+<span class="normal"><a href="#__codelineno-37-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="x">class ClassName {</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="x">    public static $var;</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="x">    public static function func(){</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a><span class="x">        //code here</span>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="x">    }</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a><span class="x">    public static function other_func(){</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a><span class="x">        //code here</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a><span class="x">        self::func();</span>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a><span class="x">    }</span>
+<a id="__codelineno-37-13" name="__codelineno-37-13"></a><span class="x">}</span>
+<a id="__codelineno-37-14" name="__codelineno-37-14"></a>
+<a id="__codelineno-37-15" name="__codelineno-37-15"></a><span class="x">ClassName::func();  // use static function</span>
+<a id="__codelineno-37-16" name="__codelineno-37-16"></a>
+<a id="__codelineno-37-17" name="__codelineno-37-17"></a><span class="x">$obj = new ClassName();</span>
+<a id="__codelineno-37-18" name="__codelineno-37-18"></a><span class="x">$obj::$var;  // access to the static variable</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dependency-injection"><a href="https://en.wikipedia.org/wiki/Dependency_injection">Dependency Injection</a></h3>
+<p>Parameters of the dependency can be modified before passing the required class to the constructor.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1">1</a></span>
+<span class="normal"><a href="#__codelineno-38-2">2</a></span>
+<span class="normal"><a href="#__codelineno-38-3">3</a></span>
+<span class="normal"><a href="#__codelineno-38-4">4</a></span>
+<span class="normal"><a href="#__codelineno-38-5">5</a></span>
+<span class="normal"><a href="#__codelineno-38-6">6</a></span>
+<span class="normal"><a href="#__codelineno-38-7">7</a></span>
+<span class="normal"><a href="#__codelineno-38-8">8</a></span>
+<span class="normal"><a href="#__codelineno-38-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="x">class ClassName</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="x">{</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a><span class="x">    private $dependency;</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a><span class="x">    public function __construct(ClassName requiredClass)</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="x">    {</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a><span class="x">        $this-&gt;dependency = requiredClass;  # necessary class is passed to the constructor</span>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a><span class="x">    }</span>
+<a id="__codelineno-38-9" name="__codelineno-38-9"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inheritance">Inheritance</h3>
+<p>If a class is defined <code>final</code> it can't be extended.
+If a function is declared <code>final</code> it can't be overridden.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1">1</a></span>
+<span class="normal"><a href="#__codelineno-39-2">2</a></span>
+<span class="normal"><a href="#__codelineno-39-3">3</a></span>
+<span class="normal"><a href="#__codelineno-39-4">4</a></span>
+<span class="normal"><a href="#__codelineno-39-5">5</a></span>
+<span class="normal"><a href="#__codelineno-39-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="x">class Child extends Parent</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="x">{</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="x">    public __construct() {</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="x">        parent::__construct();  # call parent&#39;s method</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="x">    }</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="abstract-class">Abstract Class</h3>
+<p>Abstract classes cannot be instantiated;</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span>
+<span class="normal"><a href="#__codelineno-40-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="x">abstract class ClassName</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="x">{</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="x">    # code here</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="interface">Interface</h3>
+<p>An interface is a "contract" that defines what methods the implementing classes <strong>must</strong> have and implement.</p>
+<p>A class can implement multiple interfaces but there must be no methods in common between interface to avoid ambiguity.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-41-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-41-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-41-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-41-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-41-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-41-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-41-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-41-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-41-10">10</a></span>
+<span class="normal"><a href="#__codelineno-41-11">11</a></span>
+<span class="normal"><a href="#__codelineno-41-12">12</a></span>
+<span class="normal"><a href="#__codelineno-41-13">13</a></span>
+<span class="normal"><a href="#__codelineno-41-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="x">interface InterfaceName {</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a><span class="x">    // it is possible to define __construct</span>
+<a id="__codelineno-41-4" name="__codelineno-41-4"></a>
+<a id="__codelineno-41-5" name="__codelineno-41-5"></a><span class="x">    // function has no body; must be implements in the class that uses the interface</span>
+<a id="__codelineno-41-6" name="__codelineno-41-6"></a><span class="x">    public function functionName (parameters) : Type;  // MUST be public</span>
+<a id="__codelineno-41-7" name="__codelineno-41-7"></a><span class="x">}</span>
+<a id="__codelineno-41-8" name="__codelineno-41-8"></a>
+<a id="__codelineno-41-9" name="__codelineno-41-9"></a>
+<a id="__codelineno-41-10" name="__codelineno-41-10"></a><span class="x">class ClassName implements InterfaceName {</span>
+<a id="__codelineno-41-11" name="__codelineno-41-11"></a><span class="x">    public function functionName(parameters) : Type {</span>
+<a id="__codelineno-41-12" name="__codelineno-41-12"></a><span class="x">        //implementation here</span>
+<a id="__codelineno-41-13" name="__codelineno-41-13"></a><span class="x">    }</span>
+<a id="__codelineno-41-14" name="__codelineno-41-14"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="traits">Traits</h3>
+<p><code>Traits</code> allows the reutilization of code inside different classes without links of inheritance.
+It can be used to mitigate the problem of <em>multiple inheritance</em>, which is absent in PHP.</p>
+<p>In case of functions name conflict it's possible to use <code>insteadof</code> to specify which function to use. It's also possible to use an <em>alias</em> to resolve the conflicts.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span>
+<span class="normal"><a href="#__codelineno-42-2">2</a></span>
+<span class="normal"><a href="#__codelineno-42-3">3</a></span>
+<span class="normal"><a href="#__codelineno-42-4">4</a></span>
+<span class="normal"><a href="#__codelineno-42-5">5</a></span>
+<span class="normal"><a href="#__codelineno-42-6">6</a></span>
+<span class="normal"><a href="#__codelineno-42-7">7</a></span>
+<span class="normal"><a href="#__codelineno-42-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="x">trait TraitName {</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="x">    // code here</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a><span class="x">}</span>
+<a id="__codelineno-42-4" name="__codelineno-42-4"></a>
+<a id="__codelineno-42-5" name="__codelineno-42-5"></a><span class="x">class ClassName {</span>
+<a id="__codelineno-42-6" name="__codelineno-42-6"></a><span class="x">    use TraitName, {TraitName::func() insteadof OtherTrait}, { func() as alias };  # can use multiple traits</span>
+<a id="__codelineno-42-7" name="__codelineno-42-7"></a><span class="x">    # code here</span>
+<a id="__codelineno-42-8" name="__codelineno-42-8"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="anonymous-classes">Anonymous Classes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1">1</a></span>
+<span class="normal"><a href="#__codelineno-43-2">2</a></span>
+<span class="normal"><a href="#__codelineno-43-3">3</a></span>
+<span class="normal"><a href="#__codelineno-43-4">4</a></span>
+<span class="normal"><a href="#__codelineno-43-5">5</a></span>
+<span class="normal"><a href="#__codelineno-43-6">6</a></span>
+<span class="normal"><a href="#__codelineno-43-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="x">$obj = new ClassName;</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a><span class="x">$obj-&gt;method(new class implements Interface {</span>
+<a id="__codelineno-43-4" name="__codelineno-43-4"></a><span class="x">    public function InterfaceFunc() {</span>
+<a id="__codelineno-43-5" name="__codelineno-43-5"></a><span class="x">        // code here</span>
+<a id="__codelineno-43-6" name="__codelineno-43-6"></a><span class="x">    }</span>
+<a id="__codelineno-43-7" name="__codelineno-43-7"></a><span class="x">});</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="serialization-json">Serialization &amp; JSON</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1">1</a></span>
+<span class="normal"><a href="#__codelineno-44-2">2</a></span>
+<span class="normal"><a href="#__codelineno-44-3">3</a></span>
+<span class="normal"><a href="#__codelineno-44-4">4</a></span>
+<span class="normal"><a href="#__codelineno-44-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="x">$serialized = serialize($obj);  # serialization</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="x">$obj = unserialize($serialized);  # de-serialization</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a><span class="x">$var = json_decode(string $json, bool $associative);  # Takes a JSON encoded string and converts it into a PHP variable.ù</span>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a><span class="x">$json = json_encode($value);  # Returns a string containing the JSON representation of the supplied value.</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="files">Files</h2>
+<h3 id="readwrite-on-files">Read/Write on Files</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1">1</a></span>
+<span class="normal"><a href="#__codelineno-45-2">2</a></span>
+<span class="normal"><a href="#__codelineno-45-3">3</a></span>
+<span class="normal"><a href="#__codelineno-45-4">4</a></span>
+<span class="normal"><a href="#__codelineno-45-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="x">file(filename);  // return file lines in an array</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a><span class="x">// problematic with large files (allocates memory to read all file, can fill RAM)</span>
+<a id="__codelineno-45-4" name="__codelineno-45-4"></a><span class="x">file_put_contents(filename, data);  // write whole file</span>
+<a id="__codelineno-45-5" name="__codelineno-45-5"></a><span class="x">file_get_contents(filename);  // read whole file</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="regular-expressions">Regular Expressions</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1">1</a></span>
+<span class="normal"><a href="#__codelineno-46-2">2</a></span>
+<span class="normal"><a href="#__codelineno-46-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="x">preg_match(&#39;/PATTERN/&#39;, string $subject, array $matches);  # returns 1 if the pattern matches given subject, 0 if it does not, or FALSE if an error occurred</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="x"># $matches[0] = whole matched string</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a><span class="x"># $matches[i] = i-th group of the regex</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="hashing">Hashing</h2>
+<p>Supported hashing algrithms:</p>
+<ul>
+<li><code>md2</code>, <code>md4</code>, <code>md5</code></li>
+<li><code>sha1</code>, <code>sha224</code>, <code>sha256</code>, <code>sha384</code>, <code>sha512/224</code>, <code>sha512/256</code>, <code>sha512</code></li>
+<li><code>sha3-224</code>, <code>sha3-256</code>, <code>sha3-384</code>, <code>sha3-512</code></li>
+<li><code>ripemd128</code>, <code>ripemd160</code>, <code>ripemd256</code>, <code>ripemd320</code></li>
+<li><code>whirlpool</code></li>
+<li><code>tiger128,3</code>, <code>tiger160,3</code>, <code>tiger192,3</code>, <code>tiger128,4</code>, <code>tiger160,4</code>, <code>tiger192,4</code></li>
+<li><code>snefru</code>, <code>snefru256</code></li>
+<li><code>gost</code>, <code>gost-crypto</code></li>
+<li><code>adler32</code></li>
+<li><code>crc32</code>, <code>crc32b</code>, <code>crc32c</code></li>
+<li><code>fnv132</code>, <code>fnv1a32</code>, <code>fnv164</code>, <code>fnv1a64</code></li>
+<li><code>joaat</code></li>
+<li><code>haval128,3</code>, <code>haval160,3</code>, <code>haval192,3</code>, <code>haval224,3</code>, <code>haval256,3</code>, <code>haval128,4</code>, <code>haval160,4</code>, <code>haval192,4</code>, <code>haval224,4</code>, <code>haval256,4</code>, <code>haval128,5</code>, <code>haval160,5</code>, <code>haval192,5</code>, <code>haval224,5</code>, <code>haval256,5</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="x">hash($algorithm, $data);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="password-hashes">Password Hashes</h3>
+<p><code>password_hash()</code> is compatible with <code>crypt()</code>. Therefore, password hashes created by <code>crypt()</code> can be used with <code>password_hash()</code>.</p>
+<p>Algorithms currently supported:</p>
+<ul>
+<li><strong>PASSWORD_DEFAULT</strong> - Use the <em>bcrypt</em> algorithm (default as of PHP 5.5.0). Note that this constant is designed to change over time as new and stronger algorithms are added to PHP.</li>
+<li><strong>PASSWORD_BCRYPT</strong> - Use the <strong>CRYPT_BLOWFISH</strong> algorithm to create the hash. This will produce a standard <code>crypt()</code> compatible hash using the "$2y$" identifier. The result will always be a 60 character string, or FALSE on failure.</li>
+<li><strong>PASSWORD_ARGON2I</strong> - Use the <strong>Argon2i</strong> hashing algorithm to create the hash. This algorithm is only available if PHP has been compiled with Argon2 support.</li>
+<li><strong>PASSWORD_ARGON2ID</strong> - Use the <strong>Argon2id</strong> hashing algorithm to create the hash. This algorithm is only available if PHP has been compiled with Argon2 support.</li>
+</ul>
+<p><strong>Supported options for PASSWORD_BCRYPT</strong>:</p>
+<ul>
+<li>
+<p><strong>salt</strong> (string) - to manually provide a salt to use when hashing the password. Note that this will override and prevent a salt from being automatically generated.
+  If omitted, a random salt will be generated by password_hash() for each password hashed. This is the intended mode of operation.
+  <strong>Warning</strong>: The salt option has been deprecated as of PHP 7.0.0. It is now preferred to simply use the salt that is generated by default.</p>
+</li>
+<li>
+<p><strong>cost</strong> (integer) - which denotes the algorithmic cost that should be used. Examples of these values can be found on the crypt() page.
+  If omitted, a default value of 10 will be used. This is a good baseline cost, but you may want to consider increasing it depending on your hardware.</p>
+</li>
+</ul>
+<p><strong>Supported options for PASSWORD_ARGON2I and PASSWORD_ARGON2ID</strong>:</p>
+<ul>
+<li><strong>memory_cost</strong> (integer) - Maximum memory (in kibibytes) that may be used to compute the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_MEMORY_COST.</li>
+<li><strong>time_cost</strong> (integer) - Maximum amount of time it may take to compute the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_TIME_COST.</li>
+<li><strong>threads</strong> (integer) - Number of threads to use for computing the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_THREADS.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-48-1">1</a></span>
+<span class="normal"><a href="#__codelineno-48-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-48-1" name="__codelineno-48-1"></a><span class="x">password_hash($password, $algorithm);  # create a new password hash using a strong one-way hashing algorithm.</span>
+<a id="__codelineno-48-2" name="__codelineno-48-2"></a><span class="x">password_verify($password, $hash);  # Verifies that a password matches a hash</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="errors">Errors</h2>
+<p>Types of PHP errors:</p>
+<ul>
+<li><strong>Fatal Error</strong>: stop the execution of the program.</li>
+<li><strong>Warning</strong>: generated at runtime, does not stop the execution (non-blocking).</li>
+<li><strong>Notice</strong>: informative errors or messages, non-blocking.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-49-1">1</a></span>
+<span class="normal"><a href="#__codelineno-49-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-49-1" name="__codelineno-49-1"></a><span class="x">$a = new StdClass()</span>
+<a id="__codelineno-49-2" name="__codelineno-49-2"></a><span class="x">$a-&gt;foo();  // PHP Fatal Error: foo() does not exist</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-50-1">1</a></span>
+<span class="normal"><a href="#__codelineno-50-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-50-1" name="__codelineno-50-1"></a><span class="x">$a = 0;</span>
+<a id="__codelineno-50-2" name="__codelineno-50-2"></a><span class="x">echo 1/$a;  // PHP Warning: Division by zero</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-51-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-51-1" name="__codelineno-51-1"></a><span class="x">echo $a;  // PHP Notice: $a undefined</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="error-reporting">Error Reporting</h3>
+<p><a href="https://www.php.net/manual/en/errorfunc.constants.php">PHP Error Constants</a></p>
+<p>Its possible to configure PHP to signal only some type of errors. Errors below a certain levels are ignored.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-52-1">1</a></span>
+<span class="normal"><a href="#__codelineno-52-2">2</a></span>
+<span class="normal"><a href="#__codelineno-52-3">3</a></span>
+<span class="normal"><a href="#__codelineno-52-4">4</a></span>
+<span class="normal"><a href="#__codelineno-52-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-52-1" name="__codelineno-52-1"></a><span class="x">error_reporting(E_&lt;type&gt;);  // set error report threshold (for log file)</span>
+<a id="__codelineno-52-2" name="__codelineno-52-2"></a><span class="x">// does not disable PARSER ERROR</span>
+<a id="__codelineno-52-3" name="__codelineno-52-3"></a>
+<a id="__codelineno-52-4" name="__codelineno-52-4"></a><span class="x">ini_set(&quot;display_errors&quot;, 0);  // don&#39;t display any errors on stderr</span>
+<a id="__codelineno-52-5" name="__codelineno-52-5"></a><span class="x">ini_set(&quot;error_log&quot;, &quot;path\\error.log&quot;);  // set log file</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="triggering-errors">Triggering Errors</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-53-1">1</a></span>
+<span class="normal"><a href="#__codelineno-53-2">2</a></span>
+<span class="normal"><a href="#__codelineno-53-3">3</a></span>
+<span class="normal"><a href="#__codelineno-53-4">4</a></span>
+<span class="normal"><a href="#__codelineno-53-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-53-1" name="__codelineno-53-1"></a><span class="x">// generate E_USER_ errors</span>
+<a id="__codelineno-53-2" name="__codelineno-53-2"></a><span class="x">trigger_error(&quot;message&quot;);  // default type: E_USER_NOTICE</span>
+<a id="__codelineno-53-3" name="__codelineno-53-3"></a><span class="x">trigger_error(&quot;message&quot;, E_USER_&lt;Type&gt;);</span>
+<a id="__codelineno-53-4" name="__codelineno-53-4"></a>
+<a id="__codelineno-53-5" name="__codelineno-53-5"></a><span class="x">trigger_error(&quot;Deprecated Function&quot;, E_USER_DEPRECATED);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="writing-in-the-log-file"><a href="https://www.php.net/manual/en/function.error-log.php">Writing in the Log File</a></h3>
+<p>It's possible to use log files unrelated to the php log file.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-54-1">1</a></span>
+<span class="normal"><a href="#__codelineno-54-2">2</a></span>
+<span class="normal"><a href="#__codelineno-54-3">3</a></span>
+<span class="normal"><a href="#__codelineno-54-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-54-1" name="__codelineno-54-1"></a><span class="x">error_log(&quot;message&quot;, 3, &quot;path\\log.log&quot;);  // write log message to a specified file</span>
+<a id="__codelineno-54-2" name="__codelineno-54-2"></a>
+<a id="__codelineno-54-3" name="__codelineno-54-3"></a><span class="x">//example</span>
+<a id="__codelineno-54-4" name="__codelineno-54-4"></a><span class="x">error_log(sprintf(&quot;[%s] Error: _&quot;, date(&quot;Y-m-d h:i:s&quot;)), 3, &quot;path\\log.log&quot;)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="exception-handling">Exception Handling</h2>
+<p>PHP offers the possibility to handle errors with the <em>exception model</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-55-1">1</a></span>
+<span class="normal"><a href="#__codelineno-55-2">2</a></span>
+<span class="normal"><a href="#__codelineno-55-3">3</a></span>
+<span class="normal"><a href="#__codelineno-55-4">4</a></span>
+<span class="normal"><a href="#__codelineno-55-5">5</a></span>
+<span class="normal"><a href="#__codelineno-55-6">6</a></span>
+<span class="normal"><a href="#__codelineno-55-7">7</a></span>
+<span class="normal"><a href="#__codelineno-55-8">8</a></span>
+<span class="normal"><a href="#__codelineno-55-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-55-1" name="__codelineno-55-1"></a><span class="x">try {</span>
+<a id="__codelineno-55-2" name="__codelineno-55-2"></a><span class="x">    // dangerous code</span>
+<a id="__codelineno-55-3" name="__codelineno-55-3"></a><span class="x">} catch(ExceptionType1 | ExceptionType2 $e) {</span>
+<a id="__codelineno-55-4" name="__codelineno-55-4"></a><span class="x">    printf(&quot;Errore: %s&quot;, $e-&gt;getMessage());</span>
+<a id="__codelineno-55-5" name="__codelineno-55-5"></a><span class="x">} catch(Exception $e) {</span>
+<a id="__codelineno-55-6" name="__codelineno-55-6"></a><span class="x">    // handle or report exception</span>
+<a id="__codelineno-55-7" name="__codelineno-55-7"></a><span class="x">}</span>
+<a id="__codelineno-55-8" name="__codelineno-55-8"></a>
+<a id="__codelineno-55-9" name="__codelineno-55-9"></a><span class="x">throw new ExceptionType(&quot;message&quot;);  // throw an exception</span>
+</code></pre></div></td></tr></table></div>
+<p>All exceptions in PHP implement the interface <code>Throwable</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-56-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-56-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-56-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-56-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-56-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-56-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-56-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-56-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-56-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-56-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-56-1" name="__codelineno-56-1"></a><span class="x">Interface Throwable {</span>
+<a id="__codelineno-56-2" name="__codelineno-56-2"></a><span class="x">    abstract public string getMessage ( void )</span>
+<a id="__codelineno-56-3" name="__codelineno-56-3"></a><span class="x">    abstract public int getCode ( void )</span>
+<a id="__codelineno-56-4" name="__codelineno-56-4"></a><span class="x">    abstract public string getFile ( void )</span>
+<a id="__codelineno-56-5" name="__codelineno-56-5"></a><span class="x">    abstract public int getLine ( void )</span>
+<a id="__codelineno-56-6" name="__codelineno-56-6"></a><span class="x">    abstract public array getTrace ( void )</span>
+<a id="__codelineno-56-7" name="__codelineno-56-7"></a><span class="x">    abstract public string getTraceAsString ( void )</span>
+<a id="__codelineno-56-8" name="__codelineno-56-8"></a><span class="x">    abstract public Throwable getPrevious ( void )</span>
+<a id="__codelineno-56-9" name="__codelineno-56-9"></a><span class="x">    abstract public string __toString ( void )</span>
+<a id="__codelineno-56-10" name="__codelineno-56-10"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-exceptions">Custom Exceptions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-57-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-57-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-57-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-57-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-57-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-57-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-57-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-57-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-57-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-57-10">10</a></span>
+<span class="normal"><a href="#__codelineno-57-11">11</a></span>
+<span class="normal"><a href="#__codelineno-57-12">12</a></span>
+<span class="normal"><a href="#__codelineno-57-13">13</a></span>
+<span class="normal"><a href="#__codelineno-57-14">14</a></span>
+<span class="normal"><a href="#__codelineno-57-15">15</a></span>
+<span class="normal"><a href="#__codelineno-57-16">16</a></span>
+<span class="normal"><a href="#__codelineno-57-17">17</a></span>
+<span class="normal"><a href="#__codelineno-57-18">18</a></span>
+<span class="normal"><a href="#__codelineno-57-19">19</a></span>
+<span class="normal"><a href="#__codelineno-57-20">20</a></span>
+<span class="normal"><a href="#__codelineno-57-21">21</a></span>
+<span class="normal"><a href="#__codelineno-57-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-57-1" name="__codelineno-57-1"></a><span class="x">/**</span>
+<a id="__codelineno-57-2" name="__codelineno-57-2"></a><span class="x"> * Define a custom exception class</span>
+<a id="__codelineno-57-3" name="__codelineno-57-3"></a><span class="x"> */</span>
+<a id="__codelineno-57-4" name="__codelineno-57-4"></a><span class="x">class CustomException extends Exception</span>
+<a id="__codelineno-57-5" name="__codelineno-57-5"></a><span class="x">{</span>
+<a id="__codelineno-57-6" name="__codelineno-57-6"></a><span class="x">    // Redefine the exception so message isn&#39;t optional</span>
+<a id="__codelineno-57-7" name="__codelineno-57-7"></a><span class="x">    public function __construct($message, $code = 0, Exception $previous = null) {</span>
+<a id="__codelineno-57-8" name="__codelineno-57-8"></a><span class="x">        // some code</span>
+<a id="__codelineno-57-9" name="__codelineno-57-9"></a>
+<a id="__codelineno-57-10" name="__codelineno-57-10"></a><span class="x">        // make sure everything is assigned properly</span>
+<a id="__codelineno-57-11" name="__codelineno-57-11"></a><span class="x">        parent::__construct($message, $code, $previous);</span>
+<a id="__codelineno-57-12" name="__codelineno-57-12"></a><span class="x">    }</span>
+<a id="__codelineno-57-13" name="__codelineno-57-13"></a>
+<a id="__codelineno-57-14" name="__codelineno-57-14"></a><span class="x">    // custom string representation of object</span>
+<a id="__codelineno-57-15" name="__codelineno-57-15"></a><span class="x">    public function __toString() {</span>
+<a id="__codelineno-57-16" name="__codelineno-57-16"></a><span class="x">        return __CLASS__ . &quot;: [{$this-&gt;code}]: {$this-&gt;message}\n&quot;;</span>
+<a id="__codelineno-57-17" name="__codelineno-57-17"></a><span class="x">    }</span>
+<a id="__codelineno-57-18" name="__codelineno-57-18"></a>
+<a id="__codelineno-57-19" name="__codelineno-57-19"></a><span class="x">    public function customFunction() {</span>
+<a id="__codelineno-57-20" name="__codelineno-57-20"></a><span class="x">        echo &quot;A custom function for this type of exception\n&quot;;</span>
+<a id="__codelineno-57-21" name="__codelineno-57-21"></a><span class="x">    }</span>
+<a id="__codelineno-57-22" name="__codelineno-57-22"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../java/spring/spring-project.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Project Structure">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Project Structure
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="database.html" class="md-footer__link md-footer__link--next" aria-label="Next: Database">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Database
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/plates-templating.html b/languages/php/plates-templating.html
new file mode 100644
index 0000000..353b832
--- /dev/null
+++ b/languages/php/plates-templating.html
@@ -0,0 +1,4454 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/plates-templating.html">
+      
+      
+        <link rel="prev" href="psr-7.html">
+      
+      
+        <link rel="next" href="simple-mvc/simple-mvc.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Plates - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Plates - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/plates-templating.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/plates-templating.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Plates - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/plates-templating.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#templates-with-plates" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Plates
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="plates-templating.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#template" class="md-nav__link">
+    <span class="md-ellipsis">
+      Template
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#plates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Plates
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Plates">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#layout" class="md-nav__link">
+    <span class="md-ellipsis">
+      Layout
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#escape" class="md-nav__link">
+    <span class="md-ellipsis">
+      Escape
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#folders" class="md-nav__link">
+    <span class="md-ellipsis">
+      Folders
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#insert" class="md-nav__link">
+    <span class="md-ellipsis">
+      Insert
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sections
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#template" class="md-nav__link">
+    <span class="md-ellipsis">
+      Template
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#plates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Plates
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Plates">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#layout" class="md-nav__link">
+    <span class="md-ellipsis">
+      Layout
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#escape" class="md-nav__link">
+    <span class="md-ellipsis">
+      Escape
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#folders" class="md-nav__link">
+    <span class="md-ellipsis">
+      Folders
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#insert" class="md-nav__link">
+    <span class="md-ellipsis">
+      Insert
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sections
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="templates-with-plates">Templates with Plates</h1>
+<h2 id="template">Template</h2>
+<p>To separate HTML code and PHP code it's possible to use <strong>templates</strong> with markers for variable substitution.
+Variables are created in the PHP code and are passed to the template in the <strong>rendering</strong> phase.
+The server transmits only the <code>index.php</code> file to the user. The php file renders the templates as needed.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span>
+<span class="normal"><a href="#__codelineno-0-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>    <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>        <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span><span class="cp">&lt;?= $this-&gt;e($title)?&gt;</span><span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>    <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>    <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>        <span class="cp">&lt;?= $this-&gt;section(&#39;content&#39;)?&gt;</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>    <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="plates"><a href="https://platesphp.com/">Plates</a></h2>
+<p>Plates is a template engine for PHP. A template engine permits to separate the PHP code (business logic) from the HTML pages.</p>
+<p>Installation through composer: <code>composer require league/plates</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="x"># index.php</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="x">require &quot;vendor/autoload.php&quot;;</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="x">use League\Plates\Engine;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="x">$templates = new Engine(&quot;path\\to\\templates&quot;);</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="x">echo $templates-&gt;render(&quot;template_name&quot;, [</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="x">    &quot;key_1&quot; =&gt; &quot;value_1&quot;,</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="x">    &quot;key_2&quot; =&gt; &quot;value_2&quot;</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="x">]);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="x"># template.php</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="x">&lt;html&gt;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="x">    &lt;head&gt;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="x">        &lt;title&gt;</span><span class="cp">&lt;?</span><span class="o">=</span> <span class="nv">$key_1</span><span class="cp">?&gt;</span><span class="x">&lt;/title&gt;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="x">    &lt;/head&gt;</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="x">    &lt;body&gt;</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="x">        &lt;h1&gt;Hello </span><span class="cp">&lt;?</span><span class="o">=</span> <span class="nv">$key_2</span> <span class="cp">?&gt;</span><span class="x">&lt;/h1&gt;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="x">    &lt;/body&gt;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="x">&lt;/html&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>Variables in the template are created through an associative array <code>key =&gt; value</code>. The key (<code>"key"</code>) becomes a variable (<code>$key</code>) in the template.</p>
+<h3 id="layout">Layout</h3>
+<p>It's possible to create a layout (a model) for a group of pages to make that identical save for the contents.
+In a layout it's possible to create a section called <strong>content</strong> that identifies content that can be specified at runtime.</p>
+<blockquote>
+<p><strong>Note</strong>: Since only the template has the data passed eventual loops have to be done there.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="x"># index.php</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="x">require &#39;vendor/autoload.php&#39;;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="x">use League\Plates\Engine;</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="x">$template = new Engine(&#39;/path/to/templates&#39;);</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="x">echo $template-&gt;render(&#39;template_name&#39;, [ &quot;marker&quot; =&gt; value, ... ]);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="x"># template.php</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="x"># set the layout used for this template</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">layout</span><span class="p">(</span><span class="s2">&quot;layout_name&quot;</span><span class="p">,</span> <span class="p">[</span><span class="s2">&quot;marker&quot;</span> <span class="o">=&gt;</span> <span class="nx">value</span><span class="p">,</span> <span class="o">...</span><span class="p">])</span> <span class="cp">?&gt;</span><span class="x">  # pass values to the layout</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="x"># section contents</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="x">&lt;p&gt; </span><span class="cp">&lt;?</span><span class="o">=</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">e</span><span class="p">(</span><span class="nv">$marker</span><span class="p">)</span> <span class="cp">?&gt;</span><span class="x"> &lt;/p&gt;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span>
+<span class="normal"><a href="#__codelineno-5-7">7</a></span>
+<span class="normal"><a href="#__codelineno-5-8">8</a></span>
+<span class="normal"><a href="#__codelineno-5-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="x"># layout.php</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="x">&lt;html&gt;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="x">    &lt;head&gt;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="x">        &lt;title&gt;</span><span class="cp">&lt;?</span><span class="o">=</span> <span class="nv">$marker</span> <span class="cp">?&gt;</span><span class="x">&lt;/title&gt;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="x">    &lt;/head&gt;</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="x">    &lt;body&gt;</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="x">        </span><span class="cp">&lt;?</span><span class="o">=</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">section</span><span class="p">(</span><span class="s1">&#39;content&#39;</span><span class="p">)</span><span class="cp">?&gt;</span><span class="x">  # insert the section</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="x">    &lt;/body&gt;</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="x">&lt;/html&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="escape">Escape</h3>
+<p>It's necessary to verify that the output is in the necessary format.</p>
+<p>Plates offers <code>$this-&gt;escape()</code> or <code>$this-&gt;e()</code> to validate the output.
+In general the output validation allows to prevent <a href="https://owasp.org/www-community/attacks/xss/">Cross-Site Scripting</a> (XSS).</p>
+<h3 id="folders">Folders</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="x"># index.php</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="x">$templates-&gt;addFolder(&quot;alias&quot;, &quot;path/to/template/folder&quot;);  # add a template folder</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="x">echo $templates-&gt;render(&quot;folder::template&quot;);  # use a template in a specific folder</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="insert">Insert</h3>
+<p>It's possible to inject templates in a layout or template. It is done by using the <code>insert()</code> function.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="x"># layout.php</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="x">&lt;html&gt;</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="x">    &lt;head&gt;</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="x">        &lt;title&gt;</span><span class="cp">&lt;?</span><span class="o">=</span><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">e</span><span class="p">(</span><span class="nv">$title</span><span class="p">)</span><span class="cp">?&gt;</span><span class="x">&lt;/title&gt;</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="x">    &lt;/head&gt;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="x">    &lt;body&gt;</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="x">        </span><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">insert</span><span class="p">(</span><span class="s1">&#39;template::header&#39;</span><span class="p">)</span> <span class="cp">?&gt;</span><span class="x">  # insert template</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="x">        </span><span class="cp">&lt;?</span><span class="o">=</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">section</span><span class="p">(</span><span class="s1">&#39;content&#39;</span><span class="p">)</span><span class="cp">?&gt;</span><span class="x">  # page contents</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="x">        </span><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">insert</span><span class="p">(</span><span class="s1">&#39;template::footer&#39;</span><span class="p">)</span> <span class="cp">?&gt;</span><span class="x">  # insert template</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="x">    &lt;/body&gt;</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="x">&lt;/html&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sections">Sections</h3>
+<p>It's possible to insert page contest from another template with the <code>section()</code> function.
+The content to be inserted must be surrounded with by the <code>start()</code> and <code>stop()</code> functions.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="x"># template.php</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">start</span><span class="p">(</span><span class="s2">&quot;section_name&quot;</span><span class="p">)</span> <span class="cp">?&gt;</span><span class="x">  # start section</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="x">#  section contents (HTML)</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">stop</span><span class="p">()</span> <span class="cp">?&gt;</span><span class="x">  # stop section</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="x"># append to section is existing, create if not</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">push</span><span class="p">(</span><span class="s2">&quot;section_name&quot;</span><span class="p">)</span> <span class="cp">?&gt;</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="x">#  section contents (HTML)</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="cp">&lt;?php</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">end</span><span class="p">()</span> <span class="cp">?&gt;</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="psr-7.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: PSR 7">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                PSR 7
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="simple-mvc/simple-mvc.html" class="md-footer__link md-footer__link--next" aria-label="Next: Simple MVC">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Simple MVC
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/psr-7.html b/languages/php/psr-7.html
new file mode 100644
index 0000000..6f674f6
--- /dev/null
+++ b/languages/php/psr-7.html
@@ -0,0 +1,4223 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/psr-7.html">
+      
+      
+        <link rel="prev" href="composer.html">
+      
+      
+        <link rel="next" href="plates-templating.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>PSR 7 - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="PSR 7 - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/psr-7.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/psr-7.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="PSR 7 - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/psr-7.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#psr-7" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              PSR 7
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="psr-7.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#psr-7_1" class="md-nav__link">
+    <span class="md-ellipsis">
+      PSR-7
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PSR-7">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#immutability" class="md-nav__link">
+    <span class="md-ellipsis">
+      Immutability
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#psr-7_1" class="md-nav__link">
+    <span class="md-ellipsis">
+      PSR-7
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PSR-7">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#immutability" class="md-nav__link">
+    <span class="md-ellipsis">
+      Immutability
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="psr-7">PSR-7</h1>
+<h2 id="psr-7_1"><a href="https://www.php-fig.org/psr/psr-7/">PSR-7</a></h2>
+<p>Standard of the PHP Framework Interop Group that defines common interfaces for handling HTTP messages.</p>
+<ul>
+<li><code>Psr\Http\Message\MessageInterface</code></li>
+<li><code>Psr\Http\Message\RequestInterface</code></li>
+<li><code>Psr\Http\Message\ResponseInterface</code></li>
+<li><code>Psr\Http\Message\ServerRequestInterface</code></li>
+<li><code>Psr\Http\Message\StreamInterface</code></li>
+<li><code>Psr\Http\Message\UploadedFileInterface</code></li>
+<li><code>Psr\Http\Message\UriInterface</code></li>
+</ul>
+<p>Example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="x">// empty array if not found</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="x">$header = $request-&gt;getHeader(&#39;Accept&#39;);</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="x">// empty string if not found</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="x">$header = $request-&gt;getHeaderLine(&#39;Accept&#39;);</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="x">// check the presence of a header</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="x">if (! $request-&gt;hasHeader(&#39;Accept&#39;)) {}</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="x">// returns the parameters in a query string</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="x">$query = $request-&gt;getQueryParams();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="immutability">Immutability</h3>
+<p>PSR-7 requests are <em>immutable</em> objects; a change in the data will return a new instance of the object.
+The stream objects of PSR-7 are <em>not immutable</em>.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="composer.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Composer">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Composer
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="plates-templating.html" class="md-footer__link md-footer__link--next" aria-label="Next: Plates">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Plates
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/simple-mvc/rest-api.html b/languages/php/simple-mvc/rest-api.html
new file mode 100644
index 0000000..70b97e2
--- /dev/null
+++ b/languages/php/simple-mvc/rest-api.html
@@ -0,0 +1,4350 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/simple-mvc/rest-api.html">
+      
+      
+        <link rel="prev" href="simple-mvc.html">
+      
+      
+        <link rel="next" href="../../rust/rust.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>REST API - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="REST API - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/simple-mvc/rest-api.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/simple-mvc/rest-api.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="REST API - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/simple-mvc/rest-api.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#rest-api-with-simple-mvc" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              REST API
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="rest-api.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#routing-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routing (Example)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#controller-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Controller (Example)
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#routing-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Routing (Example)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#controller-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Controller (Example)
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="rest-api-with-simple-mvc">REST API with Simple-MVC</h1>
+<h2 id="routing-example">Routing (Example)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="x">// config/route.php</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="x">return [   </span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="x">   [ &#39;GET&#39;, &#39;/api/user[/{id}]&#39;, Controller\User::class ],</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="x">   [ &#39;POST&#39;, &#39;/api/user&#39;, Controller\User::class ],</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="x">   [ &#39;PATCH&#39;, &#39;/api/user/{id}&#39;, Controller\User::class ],</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="x">   [ &#39;DELETE&#39;, &#39;/api/user/{id}&#39;, Controller\User::class ]</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="x">];</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="controller-example">Controller (Example)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span>
+<span class="normal"><a href="#__codelineno-1-19">19</a></span>
+<span class="normal"><a href="#__codelineno-1-20">20</a></span>
+<span class="normal"><a href="#__codelineno-1-21">21</a></span>
+<span class="normal"><a href="#__codelineno-1-22">22</a></span>
+<span class="normal"><a href="#__codelineno-1-23">23</a></span>
+<span class="normal"><a href="#__codelineno-1-24">24</a></span>
+<span class="normal"><a href="#__codelineno-1-25">25</a></span>
+<span class="normal"><a href="#__codelineno-1-26">26</a></span>
+<span class="normal"><a href="#__codelineno-1-27">27</a></span>
+<span class="normal"><a href="#__codelineno-1-28">28</a></span>
+<span class="normal"><a href="#__codelineno-1-29">29</a></span>
+<span class="normal"><a href="#__codelineno-1-30">30</a></span>
+<span class="normal"><a href="#__codelineno-1-31">31</a></span>
+<span class="normal"><a href="#__codelineno-1-32">32</a></span>
+<span class="normal"><a href="#__codelineno-1-33">33</a></span>
+<span class="normal"><a href="#__codelineno-1-34">34</a></span>
+<span class="normal"><a href="#__codelineno-1-35">35</a></span>
+<span class="normal"><a href="#__codelineno-1-36">36</a></span>
+<span class="normal"><a href="#__codelineno-1-37">37</a></span>
+<span class="normal"><a href="#__codelineno-1-38">38</a></span>
+<span class="normal"><a href="#__codelineno-1-39">39</a></span>
+<span class="normal"><a href="#__codelineno-1-40">40</a></span>
+<span class="normal"><a href="#__codelineno-1-41">41</a></span>
+<span class="normal"><a href="#__codelineno-1-42">42</a></span>
+<span class="normal"><a href="#__codelineno-1-43">43</a></span>
+<span class="normal"><a href="#__codelineno-1-44">44</a></span>
+<span class="normal"><a href="#__codelineno-1-45">45</a></span>
+<span class="normal"><a href="#__codelineno-1-46">46</a></span>
+<span class="normal"><a href="#__codelineno-1-47">47</a></span>
+<span class="normal"><a href="#__codelineno-1-48">48</a></span>
+<span class="normal"><a href="#__codelineno-1-49">49</a></span>
+<span class="normal"><a href="#__codelineno-1-50">50</a></span>
+<span class="normal"><a href="#__codelineno-1-51">51</a></span>
+<span class="normal"><a href="#__codelineno-1-52">52</a></span>
+<span class="normal"><a href="#__codelineno-1-53">53</a></span>
+<span class="normal"><a href="#__codelineno-1-54">54</a></span>
+<span class="normal"><a href="#__codelineno-1-55">55</a></span>
+<span class="normal"><a href="#__codelineno-1-56">56</a></span>
+<span class="normal"><a href="#__codelineno-1-57">57</a></span>
+<span class="normal"><a href="#__codelineno-1-58">58</a></span>
+<span class="normal"><a href="#__codelineno-1-59">59</a></span>
+<span class="normal"><a href="#__codelineno-1-60">60</a></span>
+<span class="normal"><a href="#__codelineno-1-61">61</a></span>
+<span class="normal"><a href="#__codelineno-1-62">62</a></span>
+<span class="normal"><a href="#__codelineno-1-63">63</a></span>
+<span class="normal"><a href="#__codelineno-1-64">64</a></span>
+<span class="normal"><a href="#__codelineno-1-65">65</a></span>
+<span class="normal"><a href="#__codelineno-1-66">66</a></span>
+<span class="normal"><a href="#__codelineno-1-67">67</a></span>
+<span class="normal"><a href="#__codelineno-1-68">68</a></span>
+<span class="normal"><a href="#__codelineno-1-69">69</a></span>
+<span class="normal"><a href="#__codelineno-1-70">70</a></span>
+<span class="normal"><a href="#__codelineno-1-71">71</a></span>
+<span class="normal"><a href="#__codelineno-1-72">72</a></span>
+<span class="normal"><a href="#__codelineno-1-73">73</a></span>
+<span class="normal"><a href="#__codelineno-1-74">74</a></span>
+<span class="normal"><a href="#__codelineno-1-75">75</a></span>
+<span class="normal"><a href="#__codelineno-1-76">76</a></span>
+<span class="normal"><a href="#__codelineno-1-77">77</a></span>
+<span class="normal"><a href="#__codelineno-1-78">78</a></span>
+<span class="normal"><a href="#__codelineno-1-79">79</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="x">public class UserController implements ControllerInterface</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="x">{</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="x">    public function __construct(UserModel $user)</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="x">    {</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="x">        $this-&gt;userModel = $user;</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="x">        // Set the Content-type for all the HTTP methods</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="x">        header(&#39;Content-type: application/json&#39;);</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="x">    }</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="x">    // method dispatcher</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="x">    public function execute(ServerRequestInterface $request)</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="x">    {</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="x">        $method = strtolower($request-&gt;getMethod());</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="x">        if (!method_exists($this, $method)) {</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="x">            http_response_code(405); // method not exists</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="x">            return;</span>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="x">        }</span>
+<a id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="x">        $this-&gt;$method($request);</span>
+<a id="__codelineno-1-20" name="__codelineno-1-20"></a><span class="x">    }</span>
+<a id="__codelineno-1-21" name="__codelineno-1-21"></a>
+<a id="__codelineno-1-22" name="__codelineno-1-22"></a><span class="x">    public function get(ServerRequestInterface $request)</span>
+<a id="__codelineno-1-23" name="__codelineno-1-23"></a><span class="x">    {</span>
+<a id="__codelineno-1-24" name="__codelineno-1-24"></a><span class="x">        $id = $request-&gt;getAttribute(&#39;id&#39;);</span>
+<a id="__codelineno-1-25" name="__codelineno-1-25"></a><span class="x">        try {</span>
+<a id="__codelineno-1-26" name="__codelineno-1-26"></a><span class="x">            $result = empty($id)</span>
+<a id="__codelineno-1-27" name="__codelineno-1-27"></a><span class="x">                ? $this-&gt;userModel-&gt;getAllUsers()</span>
+<a id="__codelineno-1-28" name="__codelineno-1-28"></a><span class="x">                : $this-&gt;userModel-&gt;getUser($id);</span>
+<a id="__codelineno-1-29" name="__codelineno-1-29"></a><span class="x">        } catch (UserNotFoundException $e) {</span>
+<a id="__codelineno-1-30" name="__codelineno-1-30"></a><span class="x">            http_response_code(404); // user not found</span>
+<a id="__codelineno-1-31" name="__codelineno-1-31"></a><span class="x">            $result = [&#39;error&#39; =&gt; $e-&gt;getMessage()];</span>
+<a id="__codelineno-1-32" name="__codelineno-1-32"></a><span class="x">        }</span>
+<a id="__codelineno-1-33" name="__codelineno-1-33"></a><span class="x">        echo json_encode($result);</span>
+<a id="__codelineno-1-34" name="__codelineno-1-34"></a><span class="x">    }</span>
+<a id="__codelineno-1-35" name="__codelineno-1-35"></a>
+<a id="__codelineno-1-36" name="__codelineno-1-36"></a><span class="x">    public function post(ServerRequestInterface $request)</span>
+<a id="__codelineno-1-37" name="__codelineno-1-37"></a><span class="x">    {</span>
+<a id="__codelineno-1-38" name="__codelineno-1-38"></a><span class="x">        $data = json_decode($request-&gt;getBody()-&gt;getContents(), true);</span>
+<a id="__codelineno-1-39" name="__codelineno-1-39"></a><span class="x">        try {</span>
+<a id="__codelineno-1-40" name="__codelineno-1-40"></a><span class="x">            $result = $this-&gt;userModel-&gt;addUser($data);</span>
+<a id="__codelineno-1-41" name="__codelineno-1-41"></a><span class="x">        } catch (InvalidAttributeException $e) {</span>
+<a id="__codelineno-1-42" name="__codelineno-1-42"></a><span class="x">            http_response_code(400); // bad request</span>
+<a id="__codelineno-1-43" name="__codelineno-1-43"></a><span class="x">            $result = [&#39;error&#39; =&gt; $e-&gt;getMessage()];</span>
+<a id="__codelineno-1-44" name="__codelineno-1-44"></a><span class="x">        } catch (UserAlreadyExistsException $e) {</span>
+<a id="__codelineno-1-45" name="__codelineno-1-45"></a><span class="x">            http_response_code(409); // conflict, the user is not present</span>
+<a id="__codelineno-1-46" name="__codelineno-1-46"></a><span class="x">            $result = [&#39;error&#39; =&gt; $e-&gt;getMessage()];</span>
+<a id="__codelineno-1-47" name="__codelineno-1-47"></a><span class="x">        }</span>
+<a id="__codelineno-1-48" name="__codelineno-1-48"></a><span class="x">        echo json_encode($result);</span>
+<a id="__codelineno-1-49" name="__codelineno-1-49"></a><span class="x">    }</span>
+<a id="__codelineno-1-50" name="__codelineno-1-50"></a>
+<a id="__codelineno-1-51" name="__codelineno-1-51"></a><span class="x">    public function patch(ServerRequestInterface $request)</span>
+<a id="__codelineno-1-52" name="__codelineno-1-52"></a><span class="x">    {</span>
+<a id="__codelineno-1-53" name="__codelineno-1-53"></a><span class="x">        $id = $request-&gt;getAttribute(&#39;id&#39;);</span>
+<a id="__codelineno-1-54" name="__codelineno-1-54"></a><span class="x">        $data = json_decode($request-&gt;getBody()-&gt;getContents(), true);</span>
+<a id="__codelineno-1-55" name="__codelineno-1-55"></a><span class="x">        try {</span>
+<a id="__codelineno-1-56" name="__codelineno-1-56"></a><span class="x">            $result = $this-&gt;userModel-&gt;updateUser($data, $id);</span>
+<a id="__codelineno-1-57" name="__codelineno-1-57"></a><span class="x">        } catch (InvalidAttributeException $e) {</span>
+<a id="__codelineno-1-58" name="__codelineno-1-58"></a><span class="x">            http_response_code(400); // bad request</span>
+<a id="__codelineno-1-59" name="__codelineno-1-59"></a><span class="x">            $result = [&#39;error&#39; =&gt; $e-&gt;getMessage()];</span>
+<a id="__codelineno-1-60" name="__codelineno-1-60"></a><span class="x">        } catch (UserNotFoundException $e) {</span>
+<a id="__codelineno-1-61" name="__codelineno-1-61"></a><span class="x">            http_response_code(404); // user not found</span>
+<a id="__codelineno-1-62" name="__codelineno-1-62"></a><span class="x">            $result = [&#39;error&#39; =&gt; $e-&gt;getMessage()];</span>
+<a id="__codelineno-1-63" name="__codelineno-1-63"></a><span class="x">        }</span>
+<a id="__codelineno-1-64" name="__codelineno-1-64"></a><span class="x">        echo json_encode($result);</span>
+<a id="__codelineno-1-65" name="__codelineno-1-65"></a><span class="x">    }</span>
+<a id="__codelineno-1-66" name="__codelineno-1-66"></a>
+<a id="__codelineno-1-67" name="__codelineno-1-67"></a><span class="x">    public function delete(ServerRequestInterface $request)</span>
+<a id="__codelineno-1-68" name="__codelineno-1-68"></a><span class="x">    {</span>
+<a id="__codelineno-1-69" name="__codelineno-1-69"></a><span class="x">        $id = $request-&gt;getAttribute(&#39;id&#39;);</span>
+<a id="__codelineno-1-70" name="__codelineno-1-70"></a><span class="x">        try {</span>
+<a id="__codelineno-1-71" name="__codelineno-1-71"></a><span class="x">            $this-&gt;userModel-&gt;deleteUser($id);</span>
+<a id="__codelineno-1-72" name="__codelineno-1-72"></a><span class="x">            $result = [&#39;result&#39; =&gt; &#39;success&#39;];</span>
+<a id="__codelineno-1-73" name="__codelineno-1-73"></a><span class="x">        } catch (UserNotFoundException $e) {</span>
+<a id="__codelineno-1-74" name="__codelineno-1-74"></a><span class="x">            http_response_code(404); // user not found</span>
+<a id="__codelineno-1-75" name="__codelineno-1-75"></a><span class="x">            $result = [&#39;error&#39; =&gt; $e-&gt;getMessage()];</span>
+<a id="__codelineno-1-76" name="__codelineno-1-76"></a><span class="x">        }</span>
+<a id="__codelineno-1-77" name="__codelineno-1-77"></a><span class="x">        echo json_encode($result);</span>
+<a id="__codelineno-1-78" name="__codelineno-1-78"></a><span class="x">    }</span>
+<a id="__codelineno-1-79" name="__codelineno-1-79"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="simple-mvc.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Simple MVC">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Simple MVC
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../../rust/rust.html" class="md-footer__link md-footer__link--next" aria-label="Next: Rust">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Rust
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/simple-mvc/simple-mvc.html b/languages/php/simple-mvc/simple-mvc.html
new file mode 100644
index 0000000..37d00ff
--- /dev/null
+++ b/languages/php/simple-mvc/simple-mvc.html
@@ -0,0 +1,4477 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/simple-mvc/simple-mvc.html">
+      
+      
+        <link rel="prev" href="../plates-templating.html">
+      
+      
+        <link rel="next" href="rest-api.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Simple MVC - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Simple MVC - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/simple-mvc/simple-mvc.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/simple-mvc/simple-mvc.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Simple MVC - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/simple-mvc/simple-mvc.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#simplemvc-mini-framework" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Simple MVC
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="simple-mvc.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#installation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structure
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structure">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#indexphp" class="md-nav__link">
+    <span class="md-ellipsis">
+      index.php
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#routephp" class="md-nav__link">
+    <span class="md-ellipsis">
+      route.php
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#containerphp" class="md-nav__link">
+    <span class="md-ellipsis">
+      container.php
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#controllerinterfacephp" class="md-nav__link">
+    <span class="md-ellipsis">
+      ControllerInterface.php
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#installation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installation
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structure
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structure">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#indexphp" class="md-nav__link">
+    <span class="md-ellipsis">
+      index.php
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#routephp" class="md-nav__link">
+    <span class="md-ellipsis">
+      route.php
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#containerphp" class="md-nav__link">
+    <span class="md-ellipsis">
+      container.php
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#controllerinterfacephp" class="md-nav__link">
+    <span class="md-ellipsis">
+      ControllerInterface.php
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="simplemvc-mini-framework"><a href="https://github.com/ezimuel/simplemvc">SimpleMVC</a> Mini-Framework</h1>
+<p>SimpleMVC is a micro MVC framework for PHP using <a href="https://github.com/nikic/FastRoute">FastRoute</a>, <a href="https://php-di.org/">PHP-DI</a>, <a href="https://platesphp.com/">Plates</a> and <a href="https://php-di.org/">PHP-DI</a> standard for HTTP messages.</p>
+<p>This framework is mainly used as tutorial for introducing the Model-View-Controller architecture in modern PHP applications.</p>
+<h2 id="installation">Installation</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">composer</span> <span class="n">create-project</span> <span class="n">ezimuel</span><span class="p">/</span><span class="n">simple-mvc</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="structure">Structure</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>|- config
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>|  |- container.php --&gt; DI Container Config (PHP-DI)
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>|  |- route.php --&gt; routing
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>|- public
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>|  |- img
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>|  |- index.php  --&gt; app entry-point
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>|- src
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>|  |- Model
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>|  |- View  --&gt; Plates views
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>|  |- Controller  --&gt; ControllerInterface.php
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>|- test
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a>|  |- Model
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a>|  |- Controller
+</code></pre></div></td></tr></table></div>
+<h3 id="indexphp"><code>index.php</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span>
+<span class="normal"><a href="#__codelineno-2-27">27</a></span>
+<span class="normal"><a href="#__codelineno-2-28">28</a></span>
+<span class="normal"><a href="#__codelineno-2-29">29</a></span>
+<span class="normal"><a href="#__codelineno-2-30">30</a></span>
+<span class="normal"><a href="#__codelineno-2-31">31</a></span>
+<span class="normal"><a href="#__codelineno-2-32">32</a></span>
+<span class="normal"><a href="#__codelineno-2-33">33</a></span>
+<span class="normal"><a href="#__codelineno-2-34">34</a></span>
+<span class="normal"><a href="#__codelineno-2-35">35</a></span>
+<span class="normal"><a href="#__codelineno-2-36">36</a></span>
+<span class="normal"><a href="#__codelineno-2-37">37</a></span>
+<span class="normal"><a href="#__codelineno-2-38">38</a></span>
+<span class="normal"><a href="#__codelineno-2-39">39</a></span>
+<span class="normal"><a href="#__codelineno-2-40">40</a></span>
+<span class="normal"><a href="#__codelineno-2-41">41</a></span>
+<span class="normal"><a href="#__codelineno-2-42">42</a></span>
+<span class="normal"><a href="#__codelineno-2-43">43</a></span>
+<span class="normal"><a href="#__codelineno-2-44">44</a></span>
+<span class="normal"><a href="#__codelineno-2-45">45</a></span>
+<span class="normal"><a href="#__codelineno-2-46">46</a></span>
+<span class="normal"><a href="#__codelineno-2-47">47</a></span>
+<span class="normal"><a href="#__codelineno-2-48">48</a></span>
+<span class="normal"><a href="#__codelineno-2-49">49</a></span>
+<span class="normal"><a href="#__codelineno-2-50">50</a></span>
+<span class="normal"><a href="#__codelineno-2-51">51</a></span>
+<span class="normal"><a href="#__codelineno-2-52">52</a></span>
+<span class="normal"><a href="#__codelineno-2-53">53</a></span>
+<span class="normal"><a href="#__codelineno-2-54">54</a></span>
+<span class="normal"><a href="#__codelineno-2-55">55</a></span>
+<span class="normal"><a href="#__codelineno-2-56">56</a></span>
+<span class="normal"><a href="#__codelineno-2-57">57</a></span>
+<span class="normal"><a href="#__codelineno-2-58">58</a></span>
+<span class="normal"><a href="#__codelineno-2-59">59</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="cp">&lt;?php</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="k">declare</span><span class="p">(</span><span class="nx">strict_types</span><span class="o">=</span><span class="mi">1</span><span class="p">);</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="nb">chdir</span><span class="p">(</span><span class="nb">dirname</span><span class="p">(</span><span class="no">__DIR__</span><span class="p">));</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="k">require</span> <span class="s1">&#39;vendor/autoload.php&#39;</span><span class="p">;</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="k">use</span> <span class="nx">DI\ContainerBuilder</span><span class="p">;</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="k">use</span> <span class="nx">FastRoute\Dispatcher</span><span class="p">;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="k">use</span> <span class="nx">FastRoute\RouteCollector</span><span class="p">;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="k">use</span> <span class="nx">Nyholm\Psr7\Factory\Psr17Factory</span><span class="p">;</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="k">use</span> <span class="nx">Nyholm\Psr7Server\ServerRequestCreator</span><span class="p">;</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="k">use</span> <span class="nx">SimpleMVC\Controller\Error404</span><span class="p">;</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="k">use</span> <span class="nx">SimpleMVC\Controller\Error405</span><span class="p">;</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="nv">$builder</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">ContainerBuilder</span><span class="p">();</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="nv">$builder</span><span class="o">-&gt;</span><span class="na">addDefinitions</span><span class="p">(</span><span class="s1">&#39;config/container.php&#39;</span><span class="p">);</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="nv">$container</span> <span class="o">=</span> <span class="nv">$builder</span><span class="o">-&gt;</span><span class="na">build</span><span class="p">();</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="c1">// Routing</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="nv">$dispatcher</span> <span class="o">=</span> <span class="nx">FastRoute\simpleDispatcher</span><span class="p">(</span><span class="k">function</span><span class="p">(</span><span class="nx">RouteCollector</span> <span class="nv">$r</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a>    <span class="nv">$routes</span> <span class="o">=</span> <span class="k">require</span> <span class="s1">&#39;config/route.php&#39;</span><span class="p">;</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a>    <span class="k">foreach</span> <span class="p">(</span><span class="nv">$routes</span> <span class="k">as</span> <span class="nv">$route</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a>        <span class="nv">$r</span><span class="o">-&gt;</span><span class="na">addRoute</span><span class="p">(</span><span class="nv">$route</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="nv">$route</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="nv">$route</span><span class="p">[</span><span class="mi">2</span><span class="p">]);</span>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a>    <span class="p">}</span>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="p">});</span>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a>
+<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="c1">// Build the PSR-7 server request</span>
+<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="nv">$psr17Factory</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Psr17Factory</span><span class="p">();</span>
+<a id="__codelineno-2-29" name="__codelineno-2-29"></a><span class="nv">$creator</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">ServerRequestCreator</span><span class="p">(</span>
+<a id="__codelineno-2-30" name="__codelineno-2-30"></a>    <span class="nv">$psr17Factory</span><span class="p">,</span> <span class="c1">// ServerRequestFactory</span>
+<a id="__codelineno-2-31" name="__codelineno-2-31"></a>    <span class="nv">$psr17Factory</span><span class="p">,</span> <span class="c1">// UriFactory</span>
+<a id="__codelineno-2-32" name="__codelineno-2-32"></a>    <span class="nv">$psr17Factory</span><span class="p">,</span> <span class="c1">// UploadedFileFactory</span>
+<a id="__codelineno-2-33" name="__codelineno-2-33"></a>    <span class="nv">$psr17Factory</span>  <span class="c1">// StreamFactory</span>
+<a id="__codelineno-2-34" name="__codelineno-2-34"></a><span class="p">);</span>
+<a id="__codelineno-2-35" name="__codelineno-2-35"></a><span class="nv">$request</span> <span class="o">=</span> <span class="nv">$creator</span><span class="o">-&gt;</span><span class="na">fromGlobals</span><span class="p">();</span>
+<a id="__codelineno-2-36" name="__codelineno-2-36"></a>
+<a id="__codelineno-2-37" name="__codelineno-2-37"></a><span class="c1">// Dispatch </span>
+<a id="__codelineno-2-38" name="__codelineno-2-38"></a><span class="nv">$routeInfo</span> <span class="o">=</span> <span class="nv">$dispatcher</span><span class="o">-&gt;</span><span class="na">dispatch</span><span class="p">(</span>
+<a id="__codelineno-2-39" name="__codelineno-2-39"></a>    <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">getMethod</span><span class="p">(),</span> 
+<a id="__codelineno-2-40" name="__codelineno-2-40"></a>    <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">getUri</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">getPath</span><span class="p">()</span>
+<a id="__codelineno-2-41" name="__codelineno-2-41"></a><span class="p">);</span>
+<a id="__codelineno-2-42" name="__codelineno-2-42"></a><span class="k">switch</span> <span class="p">(</span><span class="nv">$routeInfo</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span> <span class="p">{</span>
+<a id="__codelineno-2-43" name="__codelineno-2-43"></a>    <span class="k">case</span> <span class="nx">Dispatcher</span><span class="o">::</span><span class="na">NOT_FOUND</span><span class="o">:</span>
+<a id="__codelineno-2-44" name="__codelineno-2-44"></a>        <span class="nv">$controllerName</span> <span class="o">=</span> <span class="nx">Error404</span><span class="o">::</span><span class="na">class</span><span class="p">;</span>
+<a id="__codelineno-2-45" name="__codelineno-2-45"></a>        <span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-2-46" name="__codelineno-2-46"></a>    <span class="k">case</span> <span class="nx">Dispatcher</span><span class="o">::</span><span class="na">METHOD_NOT_ALLOWED</span><span class="o">:</span>
+<a id="__codelineno-2-47" name="__codelineno-2-47"></a>        <span class="nv">$controllerName</span> <span class="o">=</span> <span class="nx">Error405</span><span class="o">::</span><span class="na">class</span><span class="p">;</span>
+<a id="__codelineno-2-48" name="__codelineno-2-48"></a>        <span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-2-49" name="__codelineno-2-49"></a>    <span class="k">case</span> <span class="nx">Dispatcher</span><span class="o">::</span><span class="na">FOUND</span><span class="o">:</span>
+<a id="__codelineno-2-50" name="__codelineno-2-50"></a>        <span class="nv">$controllerName</span> <span class="o">=</span> <span class="nv">$routeInfo</span><span class="p">[</span><span class="mi">1</span><span class="p">];</span>
+<a id="__codelineno-2-51" name="__codelineno-2-51"></a>        <span class="k">if</span> <span class="p">(</span><span class="nb">isset</span><span class="p">(</span><span class="nv">$routeInfo</span><span class="p">[</span><span class="mi">2</span><span class="p">]))</span> <span class="p">{</span>
+<a id="__codelineno-2-52" name="__codelineno-2-52"></a>            <span class="k">foreach</span> <span class="p">(</span><span class="nv">$routeInfo</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span> <span class="k">as</span> <span class="nv">$name</span> <span class="o">=&gt;</span> <span class="nv">$value</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-2-53" name="__codelineno-2-53"></a>                <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">withAttribute</span><span class="p">(</span><span class="nv">$name</span><span class="p">,</span> <span class="nv">$value</span><span class="p">);</span>
+<a id="__codelineno-2-54" name="__codelineno-2-54"></a>            <span class="p">}</span>
+<a id="__codelineno-2-55" name="__codelineno-2-55"></a>        <span class="p">}</span>
+<a id="__codelineno-2-56" name="__codelineno-2-56"></a>        <span class="k">break</span><span class="p">;</span>
+<a id="__codelineno-2-57" name="__codelineno-2-57"></a><span class="p">}</span>
+<a id="__codelineno-2-58" name="__codelineno-2-58"></a><span class="nv">$controller</span> <span class="o">=</span> <span class="nv">$container</span><span class="o">-&gt;</span><span class="na">get</span><span class="p">(</span><span class="nv">$controllerName</span><span class="p">);</span>
+<a id="__codelineno-2-59" name="__codelineno-2-59"></a><span class="nv">$controller</span><span class="o">-&gt;</span><span class="na">execute</span><span class="p">(</span><span class="nv">$request</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="routephp"><code>route.php</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="cp">&lt;?php</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">use</span> <span class="nx">SimpleMVC\Controller</span><span class="p">;</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="k">return</span> <span class="p">[</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>    <span class="p">[</span> <span class="s1">&#39;GET&#39;</span><span class="p">,</span> <span class="s1">&#39;/&#39;</span><span class="p">,</span> <span class="nx">Controller\Home</span><span class="o">::</span><span class="na">class</span> <span class="p">],</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>    <span class="p">[</span> <span class="s1">&#39;GET&#39;</span><span class="p">,</span> <span class="s1">&#39;/hello[/{name}]&#39;</span><span class="p">,</span> <span class="nx">Controller\Hello</span><span class="o">::</span><span class="na">class</span> <span class="p">],</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>    <span class="p">[</span> <span class="s2">&quot;HTTP Verb&quot;</span><span class="p">,</span> <span class="s2">&quot;/route[/optional]&quot;</span><span class="p">,</span> <span class="nx">Controller\EndpointController</span><span class="o">::</span><span class="na">class</span> <span class="p">]</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="containerphp"><code>container.php</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="cp">&lt;?php</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="k">use</span> <span class="nx">League\Plates\Engine</span><span class="p">;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="k">use</span> <span class="nx">Psr\Container\ContainerInterface</span><span class="p">;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="k">return</span> <span class="p">[</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a>    <span class="s1">&#39;view_path&#39;</span> <span class="o">=&gt;</span> <span class="s1">&#39;src/View&#39;</span><span class="p">,</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>    <span class="nx">Engine</span><span class="o">::</span><span class="na">class</span> <span class="o">=&gt;</span> <span class="k">function</span><span class="p">(</span><span class="nx">ContainerInterface</span> <span class="nv">$c</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>        <span class="k">return</span> <span class="k">new</span> <span class="nx">Engine</span><span class="p">(</span><span class="nv">$c</span><span class="o">-&gt;</span><span class="na">get</span><span class="p">(</span><span class="s1">&#39;view_path&#39;</span><span class="p">));</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>    <span class="p">}</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>    <span class="c1">// PHP-DI configs</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="controllerinterfacephp"><code>ControllerInterface.php</code></h3>
+<p>Each controller <em>must</em> implement this interface.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="cp">&lt;?php</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">declare</span><span class="p">(</span><span class="nx">strict_types</span><span class="o">=</span><span class="mi">1</span><span class="p">);</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="k">namespace</span> <span class="nx">SimpleMVC\Controller</span><span class="p">;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="k">use</span> <span class="nx">Psr\Http\Message\ServerRequestInterface</span><span class="p">;</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="k">interface</span> <span class="nx">ControllerInterface</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="p">{</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a>    <span class="k">public</span> <span class="k">function</span> <span class="nf">execute</span><span class="p">(</span><span class="nx">ServerRequestInterface</span> <span class="nv">$request</span><span class="p">);</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../plates-templating.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Plates">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Plates
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="rest-api.html" class="md-footer__link md-footer__link--next" aria-label="Next: REST API">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                REST API
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/unit-tests.html b/languages/php/unit-tests.html
new file mode 100644
index 0000000..d0e1962
--- /dev/null
+++ b/languages/php/unit-tests.html
@@ -0,0 +1,4708 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/unit-tests.html">
+      
+      
+        <link rel="prev" href="dependency-injection.html">
+      
+      
+        <link rel="next" href="composer.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Unit Tests - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Unit Tests - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/unit-tests.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/unit-tests.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Unit Tests - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/unit-tests.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#php-unit-test" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Unit Tests
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="unit-tests.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#installation-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installation &amp; Configuration
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Installation & Configuration">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#dev-only-installation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dev-Only Installation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#config" class="md-nav__link">
+    <span class="md-ellipsis">
+      Config
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#testing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Testing
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Testing">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#test-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#phpunit-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHPUnit Assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#phpunit-testing-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHPUnit Testing Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#test-setup-teardown-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Setup &amp; Teardown (Example)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#data-provider" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Provider
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mock-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mock Objects
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#code-coverage-needs-xdebug" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Coverage (needs XDebug)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#installation-configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Installation &amp; Configuration
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Installation & Configuration">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#dev-only-installation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dev-Only Installation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#config" class="md-nav__link">
+    <span class="md-ellipsis">
+      Config
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#testing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Testing
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Testing">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#test-structure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Structure
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#phpunit-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHPUnit Assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#phpunit-testing-exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHPUnit Testing Exceptions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#test-setup-teardown-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Setup &amp; Teardown (Example)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#data-provider" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Provider
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mock-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mock Objects
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#code-coverage-needs-xdebug" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Coverage (needs XDebug)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="php-unit-test">PHP Unit Test</h1>
+<h2 id="installation-configuration">Installation &amp; Configuration</h2>
+<h3 id="dev-only-installation">Dev-Only Installation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">composer</span> <span class="n">require</span> <span class="p">-</span><span class="n">-dev</span> <span class="n">phpunit</span><span class="p">/</span><span class="n">phpunit</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="w">    </span><span class="nt">&quot;require-dev&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">        </span><span class="nt">&quot;phpunit/phpunit&quot;</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;&lt;version&gt;&quot;</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">    </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="config">Config</h3>
+<p>PHPUnit can be configured in a XML file called <code>phpunit.xml</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">XML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="nt">&lt;phpunit</span><span class="w"> </span><span class="na">xmlns:xsi=</span><span class="s">&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="w">         </span><span class="na">xsi:noNamespaceSchemaLocation=</span><span class="s">&quot;vendor/phpunit/phpunit/phpunit.xsd&quot;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w">         </span><span class="na">bootstrap=</span><span class="s">&quot;vendor/autoload.php&quot;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">         </span><span class="na">colors=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">    </span><span class="nt">&lt;testsuites&gt;</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">        </span><span class="nt">&lt;testsuit</span><span class="w"> </span><span class="na">name=</span><span class="s">&quot;App\\Tests&quot;</span><span class="nt">&gt;</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">            </span><span class="nt">&lt;directory&gt;</span>./test<span class="nt">&lt;directory&gt;</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="w">        </span><span class="nt">&lt;/testsuit&gt;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="w">    </span><span class="nt">&lt;/testsuites&gt;</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="w">    </span><span class="nt">&lt;filter&gt;</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="w">        </span><span class="nt">&lt;whitelist</span><span class="w"> </span><span class="na">processUncoveredFilesFromWhitelist=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="w">            </span><span class="nt">&lt;directory</span><span class="w"> </span><span class="na">suffix=</span><span class="s">&quot;.php&quot;</span><span class="nt">&gt;</span>./src<span class="nt">&lt;/directory&gt;</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="w">        </span><span class="nt">&lt;/whitelist&gt;</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="w">    </span><span class="nt">&lt;/filter&gt;</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="nt">&lt;/phpunit&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="testing">Testing</h2>
+<h3 id="test-structure">Test Structure</h3>
+<p><strong>PHPUnit</strong> tests are grouped in classes suffixed with <code>Test</code>. Each class <em>extends</em> <code>PHPUnit\Framework\TestCase</code>.<br />
+A test is a method of a <em>test class</em> prefixed with <code>test</code>.<br />
+PHPUnit is executed from the command line with <code>vendor/bin/phpunit  --colors</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span>
+<span class="normal"><a href="#__codelineno-3-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="x">namespace App;</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="x">class Filter</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="x">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="x">    public function isEmail(string $email): bool</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="x">    {</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="x">        // @todo implement</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="x">    }</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span>
+<span class="normal"><a href="#__codelineno-4-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="x">namespace App\Test;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="x">use PHPUnit\Framework\TestCase;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="x">use App\Filter;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="x">class FilterTest extends TestCase</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="x">{</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="x">    public function testValidMail()</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="x">    {</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="x">        $filter = new Filter();</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="x">        $this-&gt;assertTrue($filter-&gt;isEmail(&quot;foo@bar.com&quot;));</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="x">    }</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="x">    public function testInvalidEmail()</span>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="x">    {</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="x">        $filter = new Filter();</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a><span class="x">        $this-&gt;assertFalse($filter-&gt;idEmail(&quot;foo&quot;));</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a><span class="x">    }</span>
+<a id="__codelineno-4-18" name="__codelineno-4-18"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="phpunit-assertions"><a href="https://phpunit.readthedocs.io/en/9.3/assertions.html">PHPUnit Assertions</a></h3>
+<ul>
+<li><code>asseretTrue()</code>: verifies that the element is true</li>
+<li><code>assertFalse()</code>: verifies that the element is false</li>
+<li><code>assertEmpty()</code>: verifies that the element is empty</li>
+<li><code>assertEquals()</code>: verifies that the two elements are equal</li>
+<li><code>assertGreaterThan()</code>: verifies that the element is greater than ...</li>
+<li><code>assertContains()</code>: verifies that the element is contained in an array</li>
+<li><code>assertInstanceOf()</code>: verifies that the element is an instance of a specific class</li>
+<li><code>assertArrayHasKey(mixed $key, array $array)</code>: verify that a specific key is in the array</li>
+</ul>
+<h3 id="phpunit-testing-exceptions"><a href="https://phpunit.readthedocs.io/en/9.3/writing-tests-for-phpunit.html#testing-exceptions">PHPUnit Testing Exceptions</a></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span>
+<span class="normal"><a href="#__codelineno-5-29">29</a></span>
+<span class="normal"><a href="#__codelineno-5-30">30</a></span>
+<span class="normal"><a href="#__codelineno-5-31">31</a></span>
+<span class="normal"><a href="#__codelineno-5-32">32</a></span>
+<span class="normal"><a href="#__codelineno-5-33">33</a></span>
+<span class="normal"><a href="#__codelineno-5-34">34</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="x">public function testAggiungiEsameException(string $esame)</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="x">{</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="x">    $this-&gt;expectException(Exception::class);</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="x">    $this-&gt;expectExceptionMessage(&quot;exception_message&quot;);</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="x">    // execute code that should throw an exception</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="x">}</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="x">// https://github.com/sebastianbergmann/phpunit/issues/2484#issuecomment-648822531</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="x">public function testExceptionNotThrown()</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="x">{</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="x">    $exceptionWasThrown = false;</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="x">    try</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="x">    {</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="x">        // code that should succeed</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="x">    }</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="x">    catch (EsameException $e)</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="x">    {</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="x">        $exceptionWasThrown = true;</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="x">    }</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="x">    $this-&gt;assertFalse($exceptionWasThrown);</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a><span class="x">}</span>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="x">// same as</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="x">/**</span>
+<a id="__codelineno-5-29" name="__codelineno-5-29"></a><span class="x">* @doesNotPerformAssertions</span>
+<a id="__codelineno-5-30" name="__codelineno-5-30"></a><span class="x">*/</span>
+<a id="__codelineno-5-31" name="__codelineno-5-31"></a><span class="x">public function testNoExceptions(string $esame)</span>
+<a id="__codelineno-5-32" name="__codelineno-5-32"></a><span class="x">{</span>
+<a id="__codelineno-5-33" name="__codelineno-5-33"></a><span class="x">    // code that should succeed (exceptions will make the test fail)</span>
+<a id="__codelineno-5-34" name="__codelineno-5-34"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="test-setup-teardown-example">Test Setup &amp; Teardown (Example)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="x">class ClassTest extends TestCase</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="x">{</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="x">    // initialize the test</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="x">    public function setUp(): void</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="x">    {</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="x">        file_put_contents(&quot;/tmp/foo&quot;, &quot;Test&quot;)</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="x">    }</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="x">    // reset the test</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="x">    public function tearDown(): void</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="x">    {</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="x">        unlink(&quot;/tmp/foo&quot;)</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="x">    }</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="x">    public function testFoo()</span>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="x">    {</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a><span class="x">        // use temp file</span>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="x">    }</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>setUp()</code> and <code>tearDown()</code> are called <em>before</em> and <em>after</em> each test method.</p>
+</blockquote>
+<h3 id="data-provider">Data Provider</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span>
+<span class="normal"><a href="#__codelineno-7-23">23</a></span>
+<span class="normal"><a href="#__codelineno-7-24">24</a></span>
+<span class="normal"><a href="#__codelineno-7-25">25</a></span>
+<span class="normal"><a href="#__codelineno-7-26">26</a></span>
+<span class="normal"><a href="#__codelineno-7-27">27</a></span>
+<span class="normal"><a href="#__codelineno-7-28">28</a></span>
+<span class="normal"><a href="#__codelineno-7-29">29</a></span>
+<span class="normal"><a href="#__codelineno-7-30">30</a></span>
+<span class="normal"><a href="#__codelineno-7-31">31</a></span>
+<span class="normal"><a href="#__codelineno-7-32">32</a></span>
+<span class="normal"><a href="#__codelineno-7-33">33</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="x">class DataTest extends TestCase</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="x">{</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="x">    /**</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="x">    * @dataProvider provider</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="x">    */</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="x">    public function testAdd($a, $b, $expected)</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="x">    {</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="x">        $this-&gt;assertEquals($expected, $a + $b);</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="x">    }</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="x">    // test receives array contents as input</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="x">    public function provider()</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="x">    {</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="x">        // must return array of arrays</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="x">        return [</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="x">            [0, 0, 0],</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="x">            [0, 1, 1]</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="x">        ];</span>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a><span class="x">    }</span>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a><span class="x">    // test receives array of arrays as input</span>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a><span class="x">    public function provideArrayOfArrays()</span>
+<a id="__codelineno-7-23" name="__codelineno-7-23"></a><span class="x">    {</span>
+<a id="__codelineno-7-24" name="__codelineno-7-24"></a><span class="x">        return [</span>
+<a id="__codelineno-7-25" name="__codelineno-7-25"></a><span class="x">            [</span>
+<a id="__codelineno-7-26" name="__codelineno-7-26"></a><span class="x">                [</span>
+<a id="__codelineno-7-27" name="__codelineno-7-27"></a><span class="x">                    [0, 0, 0],</span>
+<a id="__codelineno-7-28" name="__codelineno-7-28"></a><span class="x">                    [0, 1, 1]</span>
+<a id="__codelineno-7-29" name="__codelineno-7-29"></a><span class="x">                ]</span>
+<a id="__codelineno-7-30" name="__codelineno-7-30"></a><span class="x">            ]</span>
+<a id="__codelineno-7-31" name="__codelineno-7-31"></a><span class="x">        ];</span>
+<a id="__codelineno-7-32" name="__codelineno-7-32"></a><span class="x">    }</span>
+<a id="__codelineno-7-33" name="__codelineno-7-33"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mock-objects">Mock Objects</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span>
+<span class="normal"><a href="#__codelineno-8-23">23</a></span>
+<span class="normal"><a href="#__codelineno-8-24">24</a></span>
+<span class="normal"><a href="#__codelineno-8-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="x">class UnitTest extends TestCase</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="x">{</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="x">    public function setUp()</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="x">    {</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="x">        // names of mock are independent from tested class variables</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="x">        $this-&gt;mock = $this-&gt;createMock(ClassName::class);  // create a mock object of a class</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="x">        $this-&gt;returned = $this-&gt;createMock(ClassName::class);  // mock of returned object</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="x">        $this-&gt;mock-&gt;method(&quot;methodName&quot;)  // simulate method on mock</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="x">            -&gt;with($this-&gt;equalTo(param), ...)  // specify input params (one param per equalTo)</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="x">            -&gt;willReturn($this-&gt;returned);  // specify return value</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="x">    }</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="x">    public function testMethod()</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="x">    {</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="x">        $this-&gt;mock</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="x">        -&gt;method(&quot;methodName&quot;)</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="x">        -&gt;with($this-&gt;equalTo($arg))  // arg passed to the method</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="x">        -&gt;willReturn(value);  // actual return value for THIS case</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="x">        // or</span>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="x">        -&gt;will($this-&gt;throwException(new Exception()));  // method will throw exception</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a>
+<a id="__codelineno-8-23" name="__codelineno-8-23"></a><span class="x">        // assertions</span>
+<a id="__codelineno-8-24" name="__codelineno-8-24"></a><span class="x">    }</span>
+<a id="__codelineno-8-25" name="__codelineno-8-25"></a><span class="x">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="code-coverage-needs-xdebug">Code Coverage (needs <a href="https://xdebug.org/">XDebug</a>)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">vendor</span><span class="p">/</span><span class="n">bin</span><span class="p">/</span><span class="n">phpunit</span> <span class="p">-</span><span class="n">-coverage-text</span>  <span class="c"># code coverage analysis in the terminal</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="dependency-injection.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Dependency Injection">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Dependency Injection
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="composer.html" class="md-footer__link md-footer__link--next" aria-label="Next: Composer">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Composer
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/php/web.html b/languages/php/web.html
new file mode 100644
index 0000000..4bd3d9e
--- /dev/null
+++ b/languages/php/web.html
@@ -0,0 +1,4450 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/php/web.html">
+      
+      
+        <link rel="prev" href="database.html">
+      
+      
+        <link rel="next" href="dependency-injection.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Web - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Web - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/web.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/php/web.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Web - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/php/web.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#php-for-the-web" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Web
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="web.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#php-internal-web-server" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP Internal Web Server
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#http-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTTP Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HTTP Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#_files" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_FILES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#_server" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_SERVER
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#_cookie" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_COOKIE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#_session" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_SESSION
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#php-web-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP Web Instructions
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#php-internal-web-server" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP Internal Web Server
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#http-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      HTTP Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HTTP Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#_files" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_FILES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#_server" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_SERVER
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#_cookie" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_COOKIE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#_session" class="md-nav__link">
+    <span class="md-ellipsis">
+      $_SESSION
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#php-web-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      PHP Web Instructions
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="php-for-the-web">PHP for the Web</h1>
+<h2 id="php-internal-web-server">PHP Internal Web Server</h2>
+<p>Command Line Web Server in PHP, useful in testing phase. Limited since handles only one request at a time. <strong>Do not use in production</strong>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">PHP</span> <span class="n">-S</span> <span class="p">&lt;</span><span class="n">ip</span><span class="p">:</span><span class="n">post</span><span class="p">&gt;</span>  <span class="c"># start web server</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">PHP</span> <span class="n">-S</span> <span class="p">&lt;</span><span class="n">ip</span><span class="p">:</span><span class="n">post</span><span class="p">&gt;</span> <span class="n">-t</span> <span class="p">/</span><span class="n">path</span><span class="p">/</span><span class="n">to</span><span class="p">/</span><span class="n">folder</span>  <span class="c"># execute in specified folder at specified address</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">PHP</span> <span class="n">-S</span> <span class="p">&lt;</span><span class="n">ip</span><span class="p">:</span><span class="n">post</span><span class="p">&gt;</span> <span class="n">file</span><span class="p">.</span><span class="n">php</span>  <span class="c"># redirect requests to single file</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="http-methods">HTTP Methods</h2>
+<p>Handling of HTTP requests happens using the following global variables:</p>
+<ul>
+<li><code>$_SERVER</code>: info on request headers, version, URL path and method (dict)</li>
+<li><code>$_GET</code>: parameters of get request (dict)</li>
+<li><code>$_POST</code>: parameters of post request (dict)</li>
+<li><code>$_COOKIE</code></li>
+<li><code>$_FILES</code>: file to send to web app.</li>
+</ul>
+<h3 id="_files"><code>$_FILES</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="cm">&lt;!-- method MUST BE post --&gt;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="cm">&lt;!-- must have enctype=&quot;multipart/form-data&quot; attribute --&gt;</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">&lt;</span><span class="nt">form</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;&lt;name&gt;&quot;</span> <span class="na">action</span><span class="o">=</span><span class="s">&quot;file.php&quot;</span> <span class="na">method</span><span class="o">=</span><span class="s">&quot;POST&quot;</span> <span class="na">enctype</span><span class="o">=</span><span class="s">&quot;multipart/form-data&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;file&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;photo&quot;</span> <span class="p">/&gt;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>    <span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;submit&quot;</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;Send&quot;</span> <span class="p">/&gt;</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>Files in <code>$_FILES</code> are memorized in a system temp folder. They can be moved with <code>move_uploaded_file()</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="x">if (! isset($_FILES[&#39;photo&#39;][&#39;error&#39;])) {</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="x">    http_response_code(400);  # send a response code</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="x">    echo&#39;&lt;h1&gt;No file has been sent&lt;/h1&gt;&#39;;</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="x">    exit();</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="x">}</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="x">if ($_FILES[&#39;photo&#39;][&#39;error&#39;] != UPLOAD_ERR_OK) {</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="x">        http_response_code(400);</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="x">        echo&#39;&lt;h1&gt;The sent file is invalid&lt;/h1&gt;&#39;;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="x">        exit();</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="x">}</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="x">$path = &#39;/path/to/&#39; . $_FILES[&#39;photo&#39;][&#39;name&#39;];</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="x">if (! move_uploaded_file($_FILES[&#39;photo&#39;][&#39;tmp_name&#39;], $path)) {</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="x">    http_response_code(400);</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="x">    echo&#39;&lt;h1&gt;Error while writing the file&lt;/h1&gt;&#39;;</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="x">    exit();</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="x">}</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="x">echo&#39;&lt;h1&gt;File successfully sent&lt;/h1&gt;&#39;;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="_server"><code>$_SERVER</code></h3>
+<p>Request Header Access:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span>
+<span class="normal"><a href="#__codelineno-3-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="x">$_SERVER[&quot;REQUEST_METHOD&quot;];</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="x">$_SERVER[&quot;REQUEST_URI&quot;];</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="x">$_SERVER[&quot;SERVER_PROTOCOL&quot;];  // HTTP Versions</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="x">$_SERVER[&quot;HTTP_ACCEPT&quot;];</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="x">$_SERVER[&quot;HTTP_ACCEPT_ENCODING&quot;];</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="x">$_SERVER[&quot;HTTP_CONNECTION&quot;];</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="x">$_SERVER[&quot;HTTP_HOST&quot;];</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="x">$_SERVER[&quot;HTTP_USER_AGENT&quot;];</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="x">// others</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="_cookie"><code>$_COOKIE</code></h3>
+<p><a href="https://www.iubenda.com/it/cookie-solution">Cookie Laws</a>
+<a href="http://www.privacy.it/archivio/garanteprovv201405081.html">Garante Privacy 8/5/2014</a></p>
+<p>All sites <strong>must</strong> have a page for the consensus about using cookies.</p>
+<p><strong>Cookies</strong> are HTTP headers used to memorize key-value info <em>on the client</em>. They are sent from the server to the client to keep track of info on the user that is visiting the website.<br />
+When a client receives a HTTP response that contains <code>Set-Cookie</code> headers it has to memorize that info and reuse them in future requests.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTTP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Expires=&lt;date&gt;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Max-Age=&lt;seconds&gt;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Domain=&lt;domain-value&gt;</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Path=&lt;path-value&gt;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Secure</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="err">Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; HttpOnly</span>
+</code></pre></div></td></tr></table></div>
+<p>Anyone can modify the contents of a cookie; for this reason cookies <strong>must not contain</strong> <em>personal or sensible info</em>.</p>
+<p>When a client has memorized a cookie, it is sent in successive HTTP requests through the <code>Cookie</code> header.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTTP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="err">Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p><a href="https://www.php.net/manual/en/function.setcookie.php">PHP setcookie docs</a></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="x">setcookie (</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="x">string $name,</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="x">[ string $value = &quot;&quot; ],</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="x">[ int $expire = 0 ],  // in seconds (time() + seconds)</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="x">[ string $path = &quot;&quot; ],</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="x">[ string $domain = &quot;&quot; ],</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="x">[ bool $secure = false ],  // use https</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="x">[ bool $httponly = false ]  // accessible only through http (no js, ...)</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="x">)</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="x">// example: memorize user-id 112 with 24h expiry for site example.com</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="x">setcookie (&quot;User-id&quot;, &quot;112&quot;, time() + 3600*24, &quot;/&quot;, &quot;example.com&quot;);</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="x">// check if a cookie exists</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a><span class="x">if(isset($_COOKIE[&quot;cookie_name&quot;])) {}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="_session"><a href="https://www.php.net/manual/en/ref.session.php">$_SESSION</a></h3>
+<p><strong>Sessions</strong> are info memorized <em>on the server</em> associated to the client that makes an HTTP request.</p>
+<p>PHP generates a cookie named <code>PHPSESSID</code> containing a <em>session identifier</em> and an <em>hash</em> generated from <code>IP + timestamp + pseudo-random number</code>.</p>
+<p>To use the session it's necessary to recall the function <code>session_start()</code> at the beginning of a PHP script that deals with sessions.<br />
+After starting the session information in be saved in the <code>$_SESSION</code> array.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PHP</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="x">$_SESSION[&quot;key&quot;] = value;  // save data in session file (serialized data)</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="x">unset($_SESSION[&quot;key&quot;]);  // delete data from the session</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="x">session_unset();  # remove all session data</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="x">session_destroy();  # destroy all of the data associated with the current session.</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="x"># It does not unset any of the global variables associated with the session, or unset the session cookie.</span>
+</code></pre></div></td></tr></table></div>
+<p>Session data is be memorized in a file by <em>serializing</em> <code>$_SESSION</code>. Files are named as <code>sess_PHPSESSID</code> in a folder (<code>var/lib/php/sessions</code> in Linux).</p>
+<p>It's possible to modify the memorization system of PHP serialization variables by:</p>
+<ul>
+<li>modifying <code>session.save_handler</code> in <code>php.ini</code></li>
+<li>writing as personalized handler with the function <code>session_set_save_handler()</code> and/or the class <code>SessionHandler</code></li>
+</ul>
+<h2 id="php-web-instructions">PHP Web Instructions</h2>
+<p><code>http_response_code()</code> is used to return an HTTP response code. If no code is specified <code>200 OK</code> is returned.
+<code>header("Location: /route")</code> is used to make a redirect to another UTL.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="database.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Database">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Database
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="dependency-injection.html" class="md-footer__link md-footer__link--next" aria-label="Next: Dependency Injection">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Dependency Injection
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/powershell/commands.html b/languages/powershell/commands.html
new file mode 100644
index 0000000..38604c2
--- /dev/null
+++ b/languages/powershell/commands.html
@@ -0,0 +1,4176 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/powershell/commands.html">
+      
+      
+        <link rel="prev" href="scripting.html">
+      
+      
+        <link rel="next" href="../bash/scripting.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Commands - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Commands - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/powershell/commands.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/powershell/commands.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Commands - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/powershell/commands.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#powershell-commands" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Commands
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="commands.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="powershell-commands">Powershell Commands</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="nb">Get-Location</span>  <span class="c"># Gets information about the current working location or a location stack</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="nb">Set-Location</span> <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">path</span><span class="p">&gt;</span>  <span class="c"># change current working directory to specified path (DEFAULTs to ~)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="nb">Get-ChildItem</span>  <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">path</span><span class="p">&gt;</span>  <span class="c"># Gets the items and child items in one or more specified locations.</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="nb">Get-Content</span> <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">file</span><span class="p">&gt;</span>  <span class="c"># Gets the content of the item at the specified location</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="nb">Write-Output</span> <span class="c"># Send specified objects to the next command in the pipeline. If the command is the last in the pipeline, the objects are displayed in the console</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="nb">Write-Host</span>  <span class="c"># Writes customized output to a host.</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="nb">Clear-Host</span>  <span class="c"># clear shell output</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="nb">New-Item</span> <span class="n">-ItemType</span> <span class="n">File</span> <span class="n">-Path</span> <span class="n">filename</span><span class="p">.</span><span class="n">ext</span>  <span class="c"># create empty file</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="nb">New-Item</span> <span class="n">-Path</span> <span class="n">folder_name</span> <span class="n">-Type</span> <span class="n">Folder</span>  <span class="c"># create a folder</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="nb">New-Item</span> <span class="n">-ItemType</span> <span class="n">SymbolicLink</span> <span class="n">-Path</span> <span class="p">.\</span><span class="n">link</span> <span class="n">-Target</span> <span class="p">.\</span><span class="n">Notice</span><span class="p">.</span><span class="n">txt</span>  <span class="c"># create a symlink</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="nb">Move-Item</span> <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">source</span><span class="p">&gt;</span> <span class="n">-Destination</span> <span class="p">&lt;</span><span class="n">target</span><span class="p">&gt;</span>  <span class="c"># move and/or rename files and folders</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="nb">Copy-Item</span> <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">source</span><span class="p">&gt;</span> <span class="n">-Destination</span> <span class="p">&lt;</span><span class="n">target</span><span class="p">&gt;</span>  <span class="c"># copy (and rename) files and folders</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="nb">Test-Path</span> <span class="s2">&quot;path&quot;</span> <span class="n">-PathType</span> <span class="n">Container</span>  <span class="c"># check if the existing path exists and is a folder</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="nb">Test-Path</span> <span class="s2">&quot;path&quot;</span> <span class="n">-PathType</span> <span class="n">Leaf</span>  <span class="c"># check if the existing path exists and is a file</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="c"># start, list , kill processes</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="nb">Start-Process</span> <span class="n">-FilePath</span> <span class="p">&lt;</span><span class="n">file</span><span class="p">&gt;</span>  <span class="c"># open a file with the default process/program</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="nb">Get-Process</span>  <span class="c"># Gets the processes that are running on the local computer</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="nb">Stop-Process</span> <span class="p">[</span><span class="n">-Id</span><span class="p">]</span> <span class="p">&lt;</span><span class="n">System</span><span class="p">.</span><span class="n">Int32</span><span class="p">[]&gt;</span> <span class="p">[</span><span class="n">-Force</span><span class="p">]</span> <span class="p">[</span><span class="n">-Confirm</span><span class="p">]</span>  <span class="c"># Stops one or more running processes</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="c"># network</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="nb">Get-NetIPConfiguration</span>  <span class="c"># Gets IP network configuration</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="nb">Test-NetConnection</span> <span class="p">&lt;</span><span class="n">ip</span><span class="p">&gt;</span> <span class="c"># Sends ICMP echo request packets, or pings, to one or more computers</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="c"># compressing into archive</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="nb">Compress-Archive</span> <span class="n">-LiteralPath</span> <span class="p">&lt;</span><span class="n">PathToFiles</span><span class="p">&gt;</span> <span class="n">-DestinationPath</span> <span class="p">&lt;</span><span class="n">PathToDestination</span><span class="p">&gt;</span>  <span class="c"># destination can be a folder or a .zip file</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a><span class="nb">Compress-Archive</span> <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">PathToFiles</span><span class="p">&gt;</span> <span class="n">-Update</span> <span class="n">-DestinationPath</span> <span class="p">&lt;</span><span class="n">PathToDestination</span><span class="p">&gt;</span>  <span class="c"># update existing archive</span>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="c"># extraction from archive</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a><span class="nb">Expand-Archive</span> <span class="n">-LiteralPath</span> <span class="p">&lt;</span><span class="n">PathToZipFile</span><span class="p">&gt;</span> <span class="n">-DestinationPath</span> <span class="p">&lt;</span><span class="n">PathToDestination</span><span class="p">&gt;</span>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="nb">Expand-Archive</span> <span class="n">-LiteralPath</span> <span class="p">&lt;</span><span class="n">PathToZipFile</span><span class="p">&gt;</span>  <span class="c"># extract archive in folder named after the archive in the root location</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="c"># filtering stdout/stder</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a><span class="nb">Select-String</span> <span class="n">-Path</span> <span class="p">&lt;</span><span class="n">source</span><span class="p">&gt;</span> <span class="n">-Pattern</span> <span class="p">&lt;</span><span class="n">pattern</span><span class="p">&gt;</span>  <span class="c"># Finds text in strings and files</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="scripting.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Scripting">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Scripting
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../bash/scripting.html" class="md-footer__link md-footer__link--next" aria-label="Next: Scripting">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Scripting
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/powershell/scripting.html b/languages/powershell/scripting.html
new file mode 100644
index 0000000..859ff72
--- /dev/null
+++ b/languages/powershell/scripting.html
@@ -0,0 +1,5280 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/powershell/scripting.html">
+      
+      
+        <link rel="prev" href="../javascript/svelte/svelte.html">
+      
+      
+        <link rel="next" href="commands.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Scripting - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Scripting - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/powershell/scripting.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/powershell/scripting.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Scripting - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/powershell/scripting.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#powershell-scripting" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Scripting
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="scripting.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#user-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Input
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#built-in-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-in Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists-dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists &amp; Dictionaries
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#flow-control" class="md-nav__link">
+    <span class="md-ellipsis">
+      Flow Control
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Flow Control">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#script-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Script Arguments
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Script Arguments">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#parsing-script-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parsing Script Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#script-named-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Script Named Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#filters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filters
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#powershell-comment-based-help" class="md-nav__link">
+    <span class="md-ellipsis">
+      PowerShell Comment-based Help
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PowerShell Comment-based Help">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#synopsis" class="md-nav__link">
+    <span class="md-ellipsis">
+      .SYNOPSIS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#description" class="md-nav__link">
+    <span class="md-ellipsis">
+      .DESCRIPTION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameter" class="md-nav__link">
+    <span class="md-ellipsis">
+      .PARAMETER
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#example" class="md-nav__link">
+    <span class="md-ellipsis">
+      .EXAMPLE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inputs" class="md-nav__link">
+    <span class="md-ellipsis">
+      .INPUTS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#outputs" class="md-nav__link">
+    <span class="md-ellipsis">
+      .OUTPUTS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#notes" class="md-nav__link">
+    <span class="md-ellipsis">
+      .NOTES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#link" class="md-nav__link">
+    <span class="md-ellipsis">
+      .LINK
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#component" class="md-nav__link">
+    <span class="md-ellipsis">
+      .COMPONENT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#role" class="md-nav__link">
+    <span class="md-ellipsis">
+      .ROLE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#functionality" class="md-nav__link">
+    <span class="md-ellipsis">
+      .FUNCTIONALITY
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#forwardhelptargetname" class="md-nav__link">
+    <span class="md-ellipsis">
+      .FORWARDHELPTARGETNAME
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#forwardhelpcategory" class="md-nav__link">
+    <span class="md-ellipsis">
+      .FORWARDHELPCATEGORY
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#remotehelprunspace" class="md-nav__link">
+    <span class="md-ellipsis">
+      .REMOTEHELPRUNSPACE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#externalhelp" class="md-nav__link">
+    <span class="md-ellipsis">
+      .EXTERNALHELP
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#project-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Project Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Project Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Screen Output
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#user-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      User Input
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#built-in-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Built-in Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lists-dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists &amp; Dictionaries
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#flow-control" class="md-nav__link">
+    <span class="md-ellipsis">
+      Flow Control
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Flow Control">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#script-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Script Arguments
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Script Arguments">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#parsing-script-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parsing Script Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#script-named-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Script Named Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#filters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filters
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#powershell-comment-based-help" class="md-nav__link">
+    <span class="md-ellipsis">
+      PowerShell Comment-based Help
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PowerShell Comment-based Help">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#synopsis" class="md-nav__link">
+    <span class="md-ellipsis">
+      .SYNOPSIS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#description" class="md-nav__link">
+    <span class="md-ellipsis">
+      .DESCRIPTION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#parameter" class="md-nav__link">
+    <span class="md-ellipsis">
+      .PARAMETER
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#example" class="md-nav__link">
+    <span class="md-ellipsis">
+      .EXAMPLE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inputs" class="md-nav__link">
+    <span class="md-ellipsis">
+      .INPUTS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#outputs" class="md-nav__link">
+    <span class="md-ellipsis">
+      .OUTPUTS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#notes" class="md-nav__link">
+    <span class="md-ellipsis">
+      .NOTES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#link" class="md-nav__link">
+    <span class="md-ellipsis">
+      .LINK
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#component" class="md-nav__link">
+    <span class="md-ellipsis">
+      .COMPONENT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#role" class="md-nav__link">
+    <span class="md-ellipsis">
+      .ROLE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#functionality" class="md-nav__link">
+    <span class="md-ellipsis">
+      .FUNCTIONALITY
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#forwardhelptargetname" class="md-nav__link">
+    <span class="md-ellipsis">
+      .FORWARDHELPTARGETNAME
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#forwardhelpcategory" class="md-nav__link">
+    <span class="md-ellipsis">
+      .FORWARDHELPCATEGORY
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#remotehelprunspace" class="md-nav__link">
+    <span class="md-ellipsis">
+      .REMOTEHELPRUNSPACE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#externalhelp" class="md-nav__link">
+    <span class="md-ellipsis">
+      .EXTERNALHELP
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#project-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Project Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Project Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="powershell-scripting">PowerShell Scripting</h1>
+<p>Cmdlets are formed by a verb-noun pair. Cmdlets are case-insensitive.</p>
+<p><strong>It's all .NET</strong>
+A PS string is in fact a .NET System.String
+All .NET methods and properties are thus available</p>
+<p>Note that .NET functions MUST be called with parentheses while PS functions CANNOT be called with parentheses.
+If you do call a cmdlet/PS function with parentheses, it is the same as passing a single parameter list.</p>
+<h2 id="screen-output">Screen Output</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="nb">Write-Host</span> <span class="s2">&quot;message&quot;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="user-input">User Input</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c"># Reading a value from input:</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nv">$variable</span> <span class="p">=</span> <span class="nb">Read-Host</span> <span class="s2">&quot;prompt&quot;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="variables">Variables</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c"># Declaration</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="no">[type]</span><span class="nv">$var</span> <span class="p">=</span> <span class="n">value</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="nv">$var</span> <span class="p">=</span> <span class="n">value</span> <span class="o">-as</span> <span class="no">[type]</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="no">[int]</span><span class="nv">$a</span> <span class="p">=</span> <span class="n">5</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="nv">$b</span> <span class="p">=</span> <span class="n">6</span> <span class="o">-as</span> <span class="no">[double]</span>  <span class="c"># ?</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="c"># Here-string (multiline string)</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="sh">@&quot;</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="sh">Here-string</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="sh">$a + $b = ($a + $b)</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="sh">&quot;@</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="sh">@&#39;</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="sh">Literal Here-string</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="sh">&#39;@</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="c"># Swapping</span>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="nv">$a</span><span class="p">,</span> <span class="nv">$b</span> <span class="p">=</span> <span class="nv">$b</span><span class="p">,</span> <span class="nv">$a</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="c"># Interpolation</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="nb">Write-Host</span> <span class="s2">&quot;text $variable&quot;</span>  <span class="c"># single quotes will not interpolate</span>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="nb">Write-Host</span> <span class="p">(&lt;</span><span class="n">expression</span><span class="p">&gt;)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="built-in-variables">Built-in Variables</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="nv">$True</span><span class="p">,</span> <span class="nv">$False</span>  <span class="c"># boolean</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="nv">$null</span>  <span class="c"># empty value</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="p">$?</span>  <span class="c"># last program return value</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="nv">$LastExitCode</span>  <span class="c"># Exit code of last run Windows-based program</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="p">$$</span>  <span class="c"># The last token in the last line received by the session</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="p">$^</span>  <span class="c"># The first token</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="nv">$PID</span>  <span class="c"># Script&#39;s PID</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="nv">$PSScriptRoot</span>  <span class="c"># Full path of current script directory</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="nv">$MyInvocation</span><span class="p">.</span><span class="n">MyCommand</span><span class="p">.</span><span class="n">Path</span>  <span class="c"># Full path of current script</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="nv">$Pwd</span>  <span class="c"># Full path of current directory</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="nv">$PSBoundParameters</span>  <span class="c"># Bound arguments in a function, script or code block</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="nv">$Args</span> <span class="c"># Unbound arguments</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="p">.</span> <span class="p">.\</span><span class="n">otherScriptName</span><span class="p">.</span><span class="n">ps1</span>  <span class="c"># Inline another file (dot operator)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lists-dictionaries">Lists &amp; Dictionaries</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span>
+<span class="normal"><a href="#__codelineno-4-16">16</a></span>
+<span class="normal"><a href="#__codelineno-4-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="nv">$List</span> <span class="p">=</span> <span class="p">@(</span><span class="n">5</span><span class="p">,</span> <span class="s2">&quot;ice&quot;</span><span class="p">,</span> <span class="n">3</span><span class="p">.</span><span class="n">14</span><span class="p">,</span> <span class="nv">$True</span><span class="p">)</span>  <span class="c"># Explicit syntax</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="nv">$List</span> <span class="p">=</span> <span class="n">2</span><span class="p">,</span> <span class="s2">&quot;ice&quot;</span><span class="p">,</span> <span class="n">3</span><span class="p">.</span><span class="n">14</span><span class="p">,</span> <span class="nv">$True</span>  <span class="c"># Implicit syntax</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="nv">$List</span> <span class="p">=</span> <span class="p">(</span><span class="n">1</span><span class="p">..</span><span class="n">10</span><span class="p">)</span>  <span class="c"># Inclusive range</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="nv">$List</span> <span class="p">=</span> <span class="p">@()</span>  <span class="c"># Empty List</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="nv">$String</span> <span class="p">=</span> <span class="nv">$List</span> <span class="n">-join</span> <span class="s1">&#39;separator&#39;</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="nv">$List</span> <span class="p">=</span> <span class="nv">$String</span> <span class="n">-split</span> <span class="s1">&#39;separator&#39;</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="c"># List comprehensions</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="nv">$List</span> <span class="p">=</span> <span class="n">sequence</span> <span class="p">|</span> <span class="nb">Where-Object</span> <span class="p">{</span><span class="nv">$_</span> <span class="n">command</span><span class="p">}</span>  <span class="c"># $_ is current object</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="nv">$Dict</span> <span class="p">=</span> <span class="p">@{</span><span class="s2">&quot;a&quot;</span> <span class="p">=</span> <span class="s2">&quot;apple&quot;</span><span class="p">;</span> <span class="s2">&quot;b&quot;</span> <span class="p">=</span> <span class="s2">&quot;ball&quot;</span><span class="p">}</span>  <span class="c"># Dict definition</span>
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a><span class="nv">$Dict</span><span class="p">[</span><span class="s2">&quot;a&quot;</span><span class="p">]</span> <span class="p">=</span> <span class="s2">&quot;acorn&quot;</span>  <span class="c"># Item update</span>
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a>
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a><span class="c"># Loop through keys</span>
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a><span class="k">foreach</span> <span class="p">(</span><span class="nv">$k</span> <span class="k">in</span> <span class="nv">$Dict</span><span class="p">.</span><span class="n">keys</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-4-16" name="__codelineno-4-16"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-4-17" name="__codelineno-4-17"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="flow-control">Flow Control</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span>
+<span class="normal"><a href="#__codelineno-5-6">6</a></span>
+<span class="normal"><a href="#__codelineno-5-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">if</span> <span class="p">(</span><span class="n">condition</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="p">}</span> <span class="k">elseif</span> <span class="p">(</span><span class="n">condition</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="switch">Switch</h3>
+<p><code>Switch</code> has the following parameters:</p>
+<ul>
+<li><strong>Wildcard</strong>: Indicates that the condition is a wildcard string. If the match clause is not a string, the parameter is ignored. The comparison is case-insensitive.</li>
+<li><strong>Exact</strong>: Indicates that the match clause, if it is a string, must match exactly. If the match clause is not a string, this parameter is ignored. The comparison is case-insensitive.</li>
+<li><strong>CaseSensitive</strong>: Performs a case-sensitive match. If the match clause is not a string, this parameter is ignored.</li>
+<li><strong>File</strong>: Takes input from a file rather than a value statement. If multiple File parameters are included, only the last one is used. Each line of the file is read and evaluated by the Switch statement. The comparison is case-insensitive.</li>
+<li><strong>Regex</strong>: Performs regular expression matching of the value to the condition. If the match clause is not a string, this parameter is ignored. The comparison is case-insensitive. The <code>$matches</code> automatic variable is available for use within the matching statement block.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span>
+<span class="normal"><a href="#__codelineno-6-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">switch</span><span class="p">(</span><span class="n">variable</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>    <span class="n">20</span>                      <span class="p">{</span> <span class="s2">&quot;Exactly 20&quot;</span><span class="p">;</span> <span class="k">break</span> <span class="p">}</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>    <span class="p">{</span> <span class="nv">$_</span> <span class="o">-eq</span> <span class="n">42</span> <span class="p">}</span>           <span class="p">{</span> <span class="s2">&quot;The answer equals 42&quot;</span><span class="p">;</span> <span class="k">break</span> <span class="p">}</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>    <span class="p">{</span> <span class="nv">$_</span> <span class="o">-like</span> <span class="s1">&#39;s*&#39;</span> <span class="p">}</span>       <span class="p">{</span> <span class="s2">&quot;Case insensitive&quot;</span><span class="p">;</span> <span class="k">break</span> <span class="p">}</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>    <span class="p">{</span> <span class="nv">$_</span> <span class="o">-clike</span> <span class="s1">&#39;s*&#39;</span><span class="p">}</span>       <span class="p">{</span> <span class="s2">&quot;clike, ceq, cne for case sensitive&quot;</span><span class="p">;</span> <span class="k">break</span> <span class="p">}</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a>    <span class="p">{</span> <span class="nv">$_</span> <span class="o">-notmatch</span> <span class="s1">&#39;^.*$&#39;</span><span class="p">}</span>  <span class="p">{</span> <span class="s2">&quot;Regex matching. cnotmatch, cnotlike, ...&quot;</span><span class="p">;</span> <span class="k">break</span> <span class="p">}</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a>    <span class="p">{</span> <span class="nv">$list</span> <span class="o">-contains</span> <span class="s1">&#39;x&#39;</span><span class="p">}</span>  <span class="p">{</span> <span class="s2">&quot;if a list contains an item&quot;</span><span class="p">;</span> <span class="k">break</span> <span class="p">}</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>    <span class="k">default</span>                 <span class="p">{</span> <span class="s2">&quot;Others&quot;</span> <span class="p">}</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="p">}</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="c"># syntax</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="k">switch</span> <span class="p">[</span><span class="o">-regex</span><span class="p">|</span><span class="o">-wildcard</span><span class="p">|</span><span class="o">-exact</span><span class="p">][</span><span class="o">-casesensitive</span><span class="p">]</span> <span class="p">(&lt;</span><span class="n">value</span><span class="p">&gt;)</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="p">{</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a>    <span class="s2">&quot;string&quot;</span><span class="p">|</span><span class="n">number</span><span class="p">|</span><span class="n">variable</span><span class="p">|{</span> <span class="n">expression</span> <span class="p">}</span> <span class="p">{</span> <span class="n">statement_list</span> <span class="p">}</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a>    <span class="k">default</span> <span class="p">{</span> <span class="n">statement_list</span> <span class="p">}</span>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="p">}</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="c"># or</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a><span class="k">switch</span> <span class="p">[</span><span class="o">-regex</span><span class="p">|</span><span class="o">-wildcard</span><span class="p">|</span><span class="o">-exact</span><span class="p">][</span><span class="o">-casesensitive</span><span class="p">]</span> <span class="o">-file</span> <span class="n">filename</span>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="p">{</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a>    <span class="s2">&quot;string&quot;</span><span class="p">|</span><span class="n">number</span><span class="p">|</span><span class="n">variable</span><span class="p">|{</span> <span class="n">expression</span> <span class="p">}</span> <span class="p">{</span> <span class="n">statement_list</span> <span class="p">}</span>
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a>    <span class="k">default</span> <span class="p">{</span> <span class="n">statement_list</span> <span class="p">}</span>
+<a id="__codelineno-6-24" name="__codelineno-6-24"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="loops">Loops</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c"># The classic for</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="k">for</span><span class="p">(</span><span class="n">setup</span><span class="p">;</span> <span class="n">condition</span><span class="p">;</span> <span class="n">iterator</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="p">}</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="n">range</span> <span class="p">|</span> <span class="p">%</span> <span class="p">{</span> <span class="n">command</span> <span class="p">}</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="k">foreach</span> <span class="p">(</span><span class="n">item</span> <span class="k">in</span> <span class="n">iterable</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a>    <span class="c"># Code Here</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="p">}</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="k">while</span> <span class="p">(</span><span class="n">condition</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="p">}</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="k">do</span> <span class="p">{</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="p">}</span> <span class="k">until</span> <span class="p">(</span><span class="n">condition</span><span class="p">)</span>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a><span class="k">do</span> <span class="p">{</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a>    <span class="c"># Code here</span>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a><span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="n">condition</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="operators">Operators</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="c"># Conditionals</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="nv">$a</span> <span class="o">-eq</span> <span class="nv">$b</span>  <span class="c"># is equal to</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="nv">$a</span> <span class="o">-ne</span> <span class="nv">$b</span>  <span class="c"># in not equal to</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="nv">$a</span> <span class="o">-gt</span> <span class="nv">$b</span>  <span class="c"># greater than</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="nv">$a</span> <span class="o">-ge</span> <span class="nv">$b</span>  <span class="c"># greater than or equal to</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="nv">$a</span> <span class="o">-lt</span> <span class="nv">$b</span>  <span class="c"># less than</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="nv">$a</span> <span class="o">-le</span> <span class="nv">$b</span>  <span class="c"># less than or equal to</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="c"># Logical</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="nv">$true</span> <span class="o">-And</span> <span class="nv">$False</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="nv">$True</span> <span class="o">-Or</span> <span class="nv">$False</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="o">-Not</span> <span class="nv">$True</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="exception-handling">Exception Handling</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span> <span class="p">{}</span> <span class="k">finally</span> <span class="p">{}</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span> <span class="no">[System.NullReferenceException]</span> <span class="p">{</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>    <span class="nb">echo </span><span class="nv">$_</span><span class="p">.</span><span class="n">Exception</span> <span class="p">|</span> <span class="nb">Format-List</span> <span class="n">-Force</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions"><a href="https://docs.microsoft.com/en-us/powershell/module/microsoft.powershell.core/about/about_functions?view=powershell-7">Functions</a></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span>
+<span class="normal"><a href="#__codelineno-10-14">14</a></span>
+<span class="normal"><a href="#__codelineno-10-15">15</a></span>
+<span class="normal"><a href="#__codelineno-10-16">16</a></span>
+<span class="normal"><a href="#__codelineno-10-17">17</a></span>
+<span class="normal"><a href="#__codelineno-10-18">18</a></span>
+<span class="normal"><a href="#__codelineno-10-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="k">function</span> <span class="n">func</span><span class="p">()</span> <span class="p">{}</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="c"># function with named parameters</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="k">function</span> <span class="n">func</span> <span class="p">(</span><span class="no">[type]</span><span class="nv">$param</span><span class="p">=</span><span class="n">default_value</span><span class="p">,</span> <span class="p">...)</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="k">function</span> <span class="n">func</span> <span class="p">{</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a>    <span class="k">param</span><span class="p">(</span><span class="no">[type]</span><span class="nv">$param</span><span class="p">=</span><span class="n">default_value</span><span class="p">,</span> <span class="p">...)</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a>    <span class="c"># statements</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="p">}</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="c"># function call</span>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a><span class="n">func</span> <span class="n">argument</span>  
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="n">func</span> <span class="n">-param</span> <span class="n">value</span>
+<a id="__codelineno-10-14" name="__codelineno-10-14"></a>
+<a id="__codelineno-10-15" name="__codelineno-10-15"></a><span class="c"># switch parameters</span>
+<a id="__codelineno-10-16" name="__codelineno-10-16"></a><span class="k">function</span> <span class="n">func</span> <span class="p">(</span><span class="no">[switch]</span><span class="nv">$param</span><span class="p">,</span> <span class="p">...)</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-10-17" name="__codelineno-10-17"></a>
+<a id="__codelineno-10-18" name="__codelineno-10-18"></a><span class="n">func</span>  <span class="c"># param is $false</span>
+<a id="__codelineno-10-19" name="__codelineno-10-19"></a><span class="n">func</span> <span class="n">-param</span>  <span class="c"># param is $true</span>
+</code></pre></div></td></tr></table></div>
+<p>If the function defines a <code>Begin</code>, <code>Process</code> or <code>End</code> block, all the code <strong>must reside inside</strong> those blocks. No code will be recognized outside the blocks if any of the blocks are defined.</p>
+<p>If the function has a <code>Process</code> keyword, each object in <code>$input</code> is removed from <code>$input</code> and assigned to <code>$_</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="k">function</span> <span class="p">[&lt;</span><span class="n">scope</span><span class="p">:&gt;]&lt;</span><span class="n">name</span><span class="p">&gt;</span> <span class="p">[(</span><span class="no">[type]</span><span class="nv">$parameter1</span><span class="p">[,</span><span class="no">[type]</span><span class="nv">$parameter2</span><span class="p">])]</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="p">{</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a>  <span class="k">param</span><span class="p">(</span><span class="no">[type]</span><span class="nv">$parameter1</span> <span class="p">[,</span><span class="no">[type]</span><span class="nv">$parameter2</span><span class="p">])</span>  <span class="c"># other way to specify named parameters</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a>  <span class="k">dynamicparam</span> <span class="p">{&lt;</span><span class="n">statement</span> <span class="n">list</span><span class="p">&gt;}</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a>  <span class="c"># processing pipelines</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a>  <span class="k">begin</span> <span class="p">{&lt;</span><span class="n">statement</span> <span class="n">list</span><span class="p">&gt;}</span>  <span class="c"># runned once, at start of pipeline</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a>  <span class="k">process</span> <span class="p">{&lt;</span><span class="n">statement</span> <span class="n">list</span><span class="p">&gt;}</span>  <span class="c"># runned for each item in the pipeline</span>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a>  <span class="k">end</span> <span class="p">{&lt;</span><span class="n">statement</span> <span class="n">list</span><span class="p">&gt;}</span>  <span class="c"># runned once, at end of pipeline</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Optionally, it's possible to provide a brief help string that describes the default value of the parameter, by adding the <code>PSDefaultValue</code> attribute to the description of the parameter, and specifying the <code>Help</code> property of <code>PSDefaultValue</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">function</span> <span class="n">Func</span> <span class="p">{</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>  <span class="k">param</span> <span class="p">(</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a>      <span class="p">[</span><span class="n">PSDefaultValue</span><span class="p">(</span><span class="n">Help</span> <span class="p">=</span> <span class="n">defValue</span><span class="p">)]</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>      <span class="nv">$Arg</span> <span class="p">=</span> <span class="n">100</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a>  <span class="p">)</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="script-arguments">Script Arguments</h2>
+<h3 id="parsing-script-arguments">Parsing Script Arguments</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="nv">$args</span>  <span class="c"># array of passed arguments</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="nv">$args</span><span class="p">[</span><span class="nv">$index</span><span class="p">]</span>  <span class="c"># access to the arguments</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="nv">$args</span><span class="p">.</span><span class="n">count</span>  <span class="c"># number of arguments</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="script-named-arguments">Script Named Arguments</h3>
+<p>In <code>scripts.ps1</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="k">param</span><span class="p">(</span><span class="nv">$param1</span><span class="p">,</span> <span class="nv">$param2</span><span class="p">,</span> <span class="p">...)</span>  <span class="c"># basic usage</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="k">param</span><span class="p">(</span><span class="nv">$param1</span><span class="p">,</span> <span class="nv">$param2</span><span class="p">=</span><span class="n">defvalue</span><span class="p">,</span> <span class="p">...)</span>  <span class="c"># with default values</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="k">param</span><span class="p">(</span><span class="no">[Type]</span> <span class="nv">$param1</span><span class="p">,</span> <span class="nv">$param2</span><span class="p">,</span> <span class="p">...)</span>  <span class="c"># specify a type</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="k">param</span><span class="p">([</span><span class="k">Parameter</span><span class="p">(</span><span class="k">Mandatory</span><span class="p">)]</span><span class="nv">$param1</span><span class="p">,</span> <span class="nv">$param2</span><span class="p">,</span> <span class="p">...)</span>  <span class="c"># setting a parameter as necessary</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="k">param</span><span class="p">(</span><span class="no">[switch]</span><span class="nv">$flag</span><span class="p">=</span><span class="nv">$false</span><span class="p">,</span> <span class="p">...)</span>  <span class="c"># custom flags</span>
+</code></pre></div></td></tr></table></div>
+<p>In PowerShell:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="p">.\</span><span class="n">script</span><span class="p">.</span><span class="n">ps1</span> <span class="n">arg1</span> <span class="n">arg2</span>  <span class="c"># order of arguments will determine which data goes in which parameter</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">.\</span><span class="n">script</span><span class="p">.</span><span class="n">ps1</span> <span class="n">-param2</span> <span class="n">arg2</span> <span class="n">-param1</span> <span class="n">arg1</span>  <span class="c"># custom order</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="filters">Filters</h3>
+<p>A filter is a type of function that runs on each object in the pipeline. A filter resembles a function with all its statements in a <code>Process</code> block.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">filter</span> <span class="p">[&lt;</span><span class="n">scope</span><span class="p">:&gt;]&lt;</span><span class="n">name</span><span class="p">&gt;</span> <span class="p">{&lt;</span><span class="n">statement</span> <span class="n">list</span><span class="p">&gt;}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="powershell-comment-based-help">PowerShell Comment-based Help</h2>
+<p>The syntax for comment-based help is as follows:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="c"># .&lt;help keyword&gt;</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="c"># &lt;help content&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>or</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="cm">&lt;#</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="cm">.&lt;help keyword&gt;</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="cm">&lt;help content&gt;</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="cm">#&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>Comment-based help is written as a series of comments. You can type a comment symbol <code>#</code> before each line of comments, or you can use the <code>&lt;#</code> and <code>#&gt;</code> symbols to create a comment block. All the lines within the comment block are interpreted as comments.</p>
+<p>All of the lines in a comment-based help topic must be contiguous. If a comment-based help topic follows a comment that is not part of the help topic, there must be at least one blank line between the last non-help comment line and the beginning of the comment-based help.</p>
+<p>Keywords define each section of comment-based help. Each comment-based help keyword is preceded by a dot <code>.</code>. The keywords can appear in any order. The keyword names are not case-sensitive.</p>
+<h3 id="synopsis">.SYNOPSIS</h3>
+<p>A brief description of the function or script. This keyword can be used only once in each topic.</p>
+<h3 id="description">.DESCRIPTION</h3>
+<p>A detailed description of the function or script. This keyword can be used only once in each topic.</p>
+<h3 id="parameter">.PARAMETER</h3>
+<p>The description of a parameter. Add a <code>.PARAMETER</code> keyword for each parameter in the function or script syntax.</p>
+<p>Type the parameter name on the same line as the <code>.PARAMETER</code> keyword. Type the parameter description on the lines following the <code>.PARAMETER</code> keyword. Windows PowerShell interprets all text between the <code>.PARAMETER</code> line and the next keyword or the end of the comment block as part of the parameter description. The description can include paragraph breaks.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="p">.</span><span class="k">PARAMETER</span>  <span class="p">&lt;</span><span class="k">Parameter</span><span class="n">-Name</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>The Parameter keywords can appear in any order in the comment block, but the function or script syntax determines the order in which the parameters (and their descriptions) appear in help topic. To change the order, change the syntax.</p>
+<p>You can also specify a parameter description by placing a comment in the function or script syntax immediately before the parameter variable name. For this to work, you must also have a comment block with at least one keyword.</p>
+<p>If you use both a syntax comment and a <code>.PARAMETER</code> keyword, the description associated with the <code>.PARAMETER</code> keyword is used, and the syntax comment is ignored.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-20-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-20-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-20-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-20-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-20-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-20-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-20-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-20-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-20-10">10</a></span>
+<span class="normal"><a href="#__codelineno-20-11">11</a></span>
+<span class="normal"><a href="#__codelineno-20-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="cm">&lt;#</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="sd">.SYNOPSIS</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="cm">    Short description here</span>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="cm">#&gt;</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="k">function</span> <span class="n">Verb-Noun</span> <span class="p">{</span>
+<a id="__codelineno-20-6" name="__codelineno-20-6"></a>    <span class="p">[</span><span class="k">CmdletBinding</span><span class="p">()]</span>
+<a id="__codelineno-20-7" name="__codelineno-20-7"></a>    <span class="k">param</span> <span class="p">(</span>
+<a id="__codelineno-20-8" name="__codelineno-20-8"></a>        <span class="c"># This is the same as .Parameter</span>
+<a id="__codelineno-20-9" name="__codelineno-20-9"></a>        <span class="no">[string]</span><span class="nv">$Computername</span>
+<a id="__codelineno-20-10" name="__codelineno-20-10"></a>    <span class="p">)</span>
+<a id="__codelineno-20-11" name="__codelineno-20-11"></a>    <span class="c"># Verb the Noun on the computer</span>
+<a id="__codelineno-20-12" name="__codelineno-20-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="example">.EXAMPLE</h3>
+<p>A sample command that uses the function or script, optionally followed by sample output and a description. Repeat this keyword for each example.</p>
+<h3 id="inputs">.INPUTS</h3>
+<p>The .NET types of objects that can be piped to the function or script. You can also include a description of the input objects.</p>
+<h3 id="outputs">.OUTPUTS</h3>
+<p>The .NET type of the objects that the cmdlet returns. You can also include a description of the returned objects.</p>
+<h3 id="notes">.NOTES</h3>
+<p>Additional information about the function or script.</p>
+<h3 id="link">.LINK</h3>
+<p>The name of a related topic. The value appears on the line below the <code>.LINK</code> keyword and must be preceded by a comment symbol <code>#</code> or included in the comment block.</p>
+<p>Repeat the <code>.LINK</code> keyword for each related topic.</p>
+<p>This content appears in the Related Links section of the help topic.</p>
+<p>The <code>.Link</code> keyword content can also include a Uniform Resource Identifier (URI) to an online version of the same help topic. The online version opens when you use the <strong>Online</strong> parameter of <code>Get-Help</code>. The URI must begin with "http" or "https".</p>
+<h3 id="component">.COMPONENT</h3>
+<p>The name of the technology or feature that the function or script uses, or to which it is related. The <strong>Component</strong> parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>
+<h3 id="role">.ROLE</h3>
+<p>The name of the user role for the help topic. The <strong>Role</strong> parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>
+<h3 id="functionality">.FUNCTIONALITY</h3>
+<p>The keywords that describe the intended use of the function. The <strong>Functionality</strong> parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>
+<h3 id="forwardhelptargetname">.FORWARDHELPTARGETNAME</h3>
+<p>Redirects to the help topic for the specified command. You can redirect users to any help topic, including help topics for a function, script, cmdlet, or provider.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="c"># </span><span class="sd">.FORWARDHELPTARGETNAME</span><span class="c"> &lt;Command-Name&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="forwardhelpcategory">.FORWARDHELPCATEGORY</h3>
+<p>Specifies the help category of the item in <code>.ForwardHelpTargetName</code>. Valid values are <code>Alias</code>, <code>Cmdlet</code>, <code>HelpFile</code>, <code>Function</code>, <code>Provider</code>, <code>General</code>, <code>FAQ</code>, <code>Glossary</code>, <code>ScriptCommand</code>, <code>ExternalScript</code>, <code>Filter</code>, or <code>All</code>. Use this keyword to avoid conflicts when there are commands with the same name.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="c"># </span><span class="sd">.FORWARDHELPCATEGORY</span><span class="c"> &lt;Category&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="remotehelprunspace">.REMOTEHELPRUNSPACE</h3>
+<p>Specifies a session that contains the help topic. Enter a variable that contains a <strong>PSSession</strong> object. This keyword is used by the <a href="https://docs.microsoft.com/en-us/powershell/module/microsoft.powershell.utility/export-pssession?view=powershell-7">Export-PSSession</a>
+cmdlet to find the help topics for the exported commands.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="c"># </span><span class="sd">.REMOTEHELPRUNSPACE</span><span class="c"> &lt;PSSession-variable&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="externalhelp">.EXTERNALHELP</h3>
+<p>Specifies an XML-based help file for the script or function.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="c"># </span><span class="sd">.EXTERNALHELP</span><span class="c"> &lt;XML Help File&gt;</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>.ExternalHelp</code> keyword is required when a function or script is documented in XML files. Without this keyword, <code>Get-Help</code> cannot find the XML-based help file for the function or script.</p>
+<p>The <code>.ExternalHelp</code> keyword takes precedence over other comment-based help keywords. If <code>.ExternalHelp</code> is present, <code>Get-Help</code> does not display comment-based help, even if it cannot find a help topic that matches the value of the <code>.ExternalHelp</code> keyword.</p>
+<p>If the function is exported by a module, set the value of the <code>.ExternalHelp</code> keyword to a filename without a path. <code>Get-Help</code> looks for the specified file name in a language-specific subdirectory of the module directory. There are no requirements for the name of the XML-based help file for a function, but a best practice is to use the following format:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="p">&lt;</span><span class="n">ScriptModule</span><span class="p">.</span><span class="n">psm1</span><span class="p">&gt;</span><span class="n">-help</span><span class="p">.</span><span class="n">xml</span>
+</code></pre></div></td></tr></table></div>
+<p>If the function is not included in a module, include a path to the XML-based help file. If the value includes a path and the path contains UI-culture-specific subdirectories, <code>Get-Help</code> searches the subdirectories
+recursively for an XML file with the name of the script or function in accordance with the language fallback standards established for Windows, just as it does in a module directory.</p>
+<p>For more information about the cmdlet help XML-based help file format, see <a href="https://go.microsoft.com/fwlink/?LinkID=123415">How to Write Cmdlet Help</a> in the MSDN library.</p>
+<hr />
+<h2 id="project-oriented-programming">Project Oriented Programming</h2>
+<h3 id="classes">Classes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="no">[class]</span><span class="p">::</span><span class="n">func</span><span class="p">()</span>  <span class="c"># use function from a static class</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="no">[class]</span><span class="p">::</span><span class="n">attribute</span>  <span class="c"># access to static class attribute</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../javascript/svelte/svelte.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Svelte">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Svelte
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="commands.html" class="md-footer__link md-footer__link--next" aria-label="Next: Commands">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Commands
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/libs/beautiful-soup.html b/languages/python/libs/beautiful-soup.html
new file mode 100644
index 0000000..d18986d
--- /dev/null
+++ b/languages/python/libs/beautiful-soup.html
@@ -0,0 +1,4645 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/libs/beautiful-soup.html">
+      
+      
+        <link rel="prev" href="requests.html">
+      
+      
+        <link rel="next" href="../../dotnet/csharp/csharp.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Beatiful Soup - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Beatiful Soup - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/beautiful-soup.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/libs/beautiful-soup.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Beatiful Soup - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/beautiful-soup.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#beautiful-soup-library" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Beatiful Soup
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="beautiful-soup.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#making-the-soup" class="md-nav__link">
+    <span class="md-ellipsis">
+      Making the Soup
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kinds-of-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Kinds of Objects
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Kinds of Objects">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#tag" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tag
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#navigable-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Navigable String
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#navigating-the-tree" class="md-nav__link">
+    <span class="md-ellipsis">
+      Navigating the Tree
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Navigating the Tree">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#going-down" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Down
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#going-up" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Up
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#going-sideways" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Sideways
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#going-back-and-forth" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Back and Forth
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#searching-the-tree" class="md-nav__link">
+    <span class="md-ellipsis">
+      Searching the Tree
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter Types
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#modifying-the-tree" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modifying the Tree
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Modifying the Tree">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#changing-tag-names-an-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Changing Tag Names an Attributes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#making-the-soup" class="md-nav__link">
+    <span class="md-ellipsis">
+      Making the Soup
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#kinds-of-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Kinds of Objects
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Kinds of Objects">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#tag" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tag
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#navigable-string" class="md-nav__link">
+    <span class="md-ellipsis">
+      Navigable String
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#navigating-the-tree" class="md-nav__link">
+    <span class="md-ellipsis">
+      Navigating the Tree
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Navigating the Tree">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#going-down" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Down
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#going-up" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Up
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#going-sideways" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Sideways
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#going-back-and-forth" class="md-nav__link">
+    <span class="md-ellipsis">
+      Going Back and Forth
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#searching-the-tree" class="md-nav__link">
+    <span class="md-ellipsis">
+      Searching the Tree
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#filter-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Filter Types
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Methods
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#modifying-the-tree" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modifying the Tree
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Modifying the Tree">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#changing-tag-names-an-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Changing Tag Names an Attributes
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="beautiful-soup-library"><a href="https://www.crummy.com/software/BeautifulSoup/bs4/doc/">Beautiful Soup Library</a></h1>
+<h2 id="making-the-soup">Making the Soup</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">from</span> <span class="nn">bs4</span> <span class="kn">import</span> <span class="n">BeautifulSoup</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kn">import</span> <span class="nn">requests</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kn">import</span> <span class="nn">lxml</span>  <span class="c1"># better html parser than built-in</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;url&quot;</span><span class="p">)</span>  <span class="c1"># retrieve a web page</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">response</span><span class="o">.</span><span class="n">text</span><span class="p">,</span> <span class="s2">&quot;html.parser&quot;</span><span class="p">)</span>  <span class="c1"># parse HTML from response w/ python default HTML parser</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">response</span><span class="o">.</span><span class="n">text</span><span class="p">,</span> <span class="s2">&quot;lxml&quot;</span><span class="p">)</span>  <span class="c1"># parse HTML from response w/ lxml parser</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="n">soup</span><span class="o">.</span><span class="n">prettify</span><span class="p">()</span>  <span class="c1"># prettify parsed HTML for display</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="kinds-of-objects">Kinds of Objects</h2>
+<p>Beautiful Soup transforms a complex HTML document into a complex tree of Python objects.</p>
+<h3 id="tag">Tag</h3>
+<p>A Tag object corresponds to an XML or HTML tag in the original document</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span>
+<span class="normal"><a href="#__codelineno-1-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="s1">&#39;&lt;b class=&quot;boldest&quot;&gt;Extremely bold&lt;/b&gt;&#39;</span><span class="p">,</span> <span class="s1">&#39;html.parser&#39;</span><span class="p">)</span>  <span class="c1"># parse HTML/XML</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">tag</span> <span class="o">=</span> <span class="n">soup</span><span class="o">.</span><span class="n">b</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="nb">type</span><span class="p">(</span><span class="n">tag</span><span class="p">)</span>  <span class="c1"># &lt;class &#39;bs4.element.Tag&#39;&gt;</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="nb">print</span><span class="p">(</span><span class="n">tag</span><span class="p">)</span>  <span class="c1"># &lt;b class=&quot;boldest&quot;&gt;Extremely bold&lt;/b&gt;</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">tag</span><span class="o">.</span><span class="n">name</span>  <span class="c1"># tag name</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="n">tag</span><span class="p">[</span><span class="s2">&quot;attribute&quot;</span><span class="p">]</span>  <span class="c1"># access to tag attribute  values</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="n">tag</span><span class="o">.</span><span class="n">attrs</span>  <span class="c1"># dict of attribue-value pairs</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="navigable-string">Navigable String</h3>
+<p>A string corresponds to a bit of text within a tag. Beautiful Soup uses the <code>NavigableString</code> class to contain these bits of text.</p>
+<h2 id="navigating-the-tree">Navigating the Tree</h2>
+<h3 id="going-down">Going Down</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">soup</span><span class="o">.&lt;</span><span class="n">tag</span><span class="o">&gt;.&lt;</span><span class="n">child_tag</span><span class="o">&gt;</span>  <span class="c1"># navigate using tag names</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">contents</span>  <span class="c1"># direct children as a list</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">children</span>  <span class="c1"># direct children as a generator for iteration</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">descendants</span>  <span class="c1"># iterator over all children, recursive</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">string</span>  <span class="c1"># tag contents, does not have further children</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="c1"># If a tag&#39;s only child is another tag, and that tag has a .string, then the parent tag is considered to have the same .string as its child</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="c1"># If a tag contains more than one thing, then it&#39;s not clear what .string should refer to, so .string is defined to be None</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">strings</span>  <span class="c1"># generator to iterate over all children&#39;s strings (will list white space)</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">stripped_strings</span>  <span class="c1"># generator to iterate over all children&#39;s strings (will NOT list white space)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="going-up">Going Up</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">parent</span>  <span class="c1"># tags direct parent (BeautifulSoup has parent None, html has parent BeautifulSoup)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">parents</span>  <span class="c1"># iterable over all parents</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="going-sideways">Going Sideways</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">previous_sibling</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">next_sibling</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">previous_siblings</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">next_siblings</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="going-back-and-forth">Going Back and Forth</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">previous_element</span>  <span class="c1"># whatever was parsed immediately before</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">next_element</span> <span class="c1"># whatever was parsed immediately afterwards</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">previous_elements</span>  <span class="c1"># whatever was parsed immediately before as a list</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">next_elements</span>  <span class="c1"># whatever was parsed immediately afterwards as a list</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="searching-the-tree">Searching the Tree</h2>
+<h2 id="filter-types">Filter Types</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">soup</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="s2">&quot;tag&quot;</span><span class="p">)</span>  <span class="c1"># by name</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">soup</span><span class="o">.</span><span class="n">find_all</span><span class="p">([</span><span class="s2">&quot;tag1&quot;</span><span class="p">,</span> <span class="s2">&quot;tag2&quot;</span><span class="p">])</span>  <span class="c1"># multiple tags in a list</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="n">soup</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="n">function</span><span class="p">)</span>  <span class="c1"># based on a bool function</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="n">soup</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># Match everything</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="methods">Methods</h2>
+<p>Methods arguments:</p>
+<ul>
+<li><code>name</code> (string): tag to search for</li>
+<li><code>attrs</code> (dict): attribute-value pai to search for</li>
+<li><code>string</code> (string): search by string contents rather than by tag</li>
+<li><code>limit</code> (int). limit number of results</li>
+<li><code>**kwargs</code>: be turned into a filter on one of a tag's attributes.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">find_all</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">recursive</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="n">limit</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># several results</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">find</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">recursive</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># one result</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="n">find_parents</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="n">limit</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># several results</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="n">find_parent</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># one result</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="n">find_next_siblings</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="n">limit</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># several results</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="n">find_next_sibling</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># one result</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="n">find_previous_siblings</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="n">limit</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># several results</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="n">find_previous_sibling</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># one result</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="n">find_all_next</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="n">limit</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># several results</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="n">find_next</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># one result</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="n">find_all_previous</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="n">limit</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># several results</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="n">find_previous</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">attrs</span><span class="p">,</span> <span class="n">string</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># one result</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a><span class="n">soup</span><span class="p">(</span><span class="s2">&quot;html_tag&quot;</span><span class="p">)</span>  <span class="c1"># same as soup.find_all(&quot;html_tag&quot;)</span>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a><span class="n">soup</span><span class="o">.</span><span class="n">find</span><span class="p">(</span><span class="s2">&quot;html_tag&quot;</span><span class="p">)</span><span class="o">.</span><span class="n">text</span>  <span class="c1"># text of the found tag</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a><span class="n">soup</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="s2">&quot;css_selector&quot;</span><span class="p">)</span>  <span class="c1"># search for CSS selectors of HTML tags</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="modifying-the-tree">Modifying the Tree</h2>
+<h3 id="changing-tag-names-an-attributes">Changing Tag Names an Attributes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span>
+<span class="normal"><a href="#__codelineno-8-23">23</a></span>
+<span class="normal"><a href="#__codelineno-8-24">24</a></span>
+<span class="normal"><a href="#__codelineno-8-25">25</a></span>
+<span class="normal"><a href="#__codelineno-8-26">26</a></span>
+<span class="normal"><a href="#__codelineno-8-27">27</a></span>
+<span class="normal"><a href="#__codelineno-8-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;new_html_tag&quot;</span>  <span class="c1"># modify the tag type</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;</span><span class="p">[</span><span class="s2">&quot;attribute&quot;</span><span class="p">]</span>  <span class="o">=</span> <span class="s2">&quot;value&quot;</span>  <span class="c1"># modify the attribute value</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="k">del</span> <span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;</span><span class="p">[</span><span class="s2">&quot;attribute&quot;</span><span class="p">]</span>  <span class="c1"># remove the attribute</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="n">soup</span><span class="o">.</span><span class="n">new_tag</span><span class="p">(</span><span class="s2">&quot;name&quot;</span><span class="p">,</span> <span class="o">&lt;</span><span class="n">attribute</span><span class="o">&gt;</span> <span class="o">=</span> <span class="s2">&quot;value&quot;</span><span class="p">)</span>  <span class="c1"># create a new tag with specified name and attributes</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">string</span> <span class="o">=</span> <span class="s2">&quot;new content&quot;</span>  <span class="c1"># modify tag text content</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>  <span class="c1"># append to Tag content</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">extend</span><span class="p">([</span><span class="n">item1</span><span class="p">,</span> <span class="n">item2</span><span class="p">])</span>  <span class="c1"># add every element of the list in order</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">insert</span><span class="p">(</span><span class="n">position</span><span class="p">:</span> <span class="nb">int</span><span class="p">,</span> <span class="n">item</span><span class="p">)</span>  <span class="c1"># like .insert in Python list</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">insert_before</span><span class="p">(</span><span class="n">new_tag</span><span class="p">)</span>  <span class="c1"># insert tags or strings immediately before something else in the parse tree</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">insert_after</span><span class="p">(</span><span class="n">new_tag</span><span class="p">)</span>  <span class="c1"># insert tags or strings immediately before something else in the parse tree</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">clear</span><span class="p">()</span>  <span class="c1"># remove all tag&#39;s contents</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">extract</span><span class="p">()</span>  <span class="c1"># extract and return the tag from the tree (operates on self)</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">string</span><span class="o">.</span><span class="n">extract</span><span class="p">()</span>  <span class="c1"># extract and return the string from the tree (operates on self)</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">decompose</span><span class="p">()</span>  <span class="c1"># remove a tag from the tree, then completely destroy it and its contents</span>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">decomposed</span>  <span class="c1"># check if tag has be decomposed</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a>
+<a id="__codelineno-8-23" name="__codelineno-8-23"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">replace_with</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>  <span class="c1"># remove a tag or string from the tree, and replaces it with the tag or string of choice</span>
+<a id="__codelineno-8-24" name="__codelineno-8-24"></a>
+<a id="__codelineno-8-25" name="__codelineno-8-25"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">wrap</span><span class="p">(</span><span class="n">other_tag</span><span class="p">)</span>  <span class="c1"># wrap an element in the tag you specify, return the new wrapper</span>
+<a id="__codelineno-8-26" name="__codelineno-8-26"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">unwrap</span><span class="p">()</span>  <span class="c1"># replace a tag with whatever&#39;s inside, good for stripping out markup</span>
+<a id="__codelineno-8-27" name="__codelineno-8-27"></a>
+<a id="__codelineno-8-28" name="__codelineno-8-28"></a><span class="o">&lt;</span><span class="n">tag</span><span class="o">&gt;.</span><span class="n">smooth</span><span class="p">()</span>  <span class="c1"># clean up the parse tree by consolidating adjacent strings</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="requests.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Requests">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Requests
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../../dotnet/csharp/csharp.html" class="md-footer__link md-footer__link--next" aria-label="Next: C#">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                C#
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/libs/numpy.html b/languages/python/libs/numpy.html
new file mode 100644
index 0000000..de9eb03
--- /dev/null
+++ b/languages/python/libs/numpy.html
@@ -0,0 +1,4978 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/libs/numpy.html">
+      
+      
+        <link rel="prev" href="tkinter.html">
+      
+      
+        <link rel="next" href="pandas.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Numpy - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Numpy - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/numpy.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/libs/numpy.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Numpy - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/numpy.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#numpy-lib" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Numpy
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="numpy.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#most-important-attributes-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      MOST IMPORTANT ATTRIBUTES ATTRIBUTES
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      ARRAY CREATION
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-types-for-ndarrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATA TYPES FOR NDARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operations-between-arrays-and-scalars" class="md-nav__link">
+    <span class="md-ellipsis">
+      OPERATIONS BETWEEN ARRAYS AND SCALARS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#shape-manipulation" class="md-nav__link">
+    <span class="md-ellipsis">
+      SHAPE MANIPULATION
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#joining-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      JOINING ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#splitting-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      SPLITTING ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#view" class="md-nav__link">
+    <span class="md-ellipsis">
+      VIEW()
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#copy" class="md-nav__link">
+    <span class="md-ellipsis">
+      COPY()
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#indexing-slicing-iterating" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEXING, SLICING, ITERATING
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#universal-functions-ufunc" class="md-nav__link">
+    <span class="md-ellipsis">
+      UNIVERSAL FUNCTIONS (ufunc)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#conditional-logic-as-array-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      CONDITIONAL LOGIC AS ARRAY OPERATIONS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mathematical-and-statistical-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      MATHEMATICAL AND STATISTICAL METHODS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#methods-for-boolean-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      METHODS FOR BOOLEAN ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sorting" class="md-nav__link">
+    <span class="md-ellipsis">
+      SORTING
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#set-logic" class="md-nav__link">
+    <span class="md-ellipsis">
+      SET LOGIC
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-io-with-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      FILE I/O WITH ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#linear-algebra" class="md-nav__link">
+    <span class="md-ellipsis">
+      LINEAR ALGEBRA
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#random-number-generation" class="md-nav__link">
+    <span class="md-ellipsis">
+      RANDOM NUMBER GENERATION
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#most-important-attributes-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      MOST IMPORTANT ATTRIBUTES ATTRIBUTES
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      ARRAY CREATION
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-types-for-ndarrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATA TYPES FOR NDARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operations-between-arrays-and-scalars" class="md-nav__link">
+    <span class="md-ellipsis">
+      OPERATIONS BETWEEN ARRAYS AND SCALARS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#shape-manipulation" class="md-nav__link">
+    <span class="md-ellipsis">
+      SHAPE MANIPULATION
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#joining-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      JOINING ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#splitting-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      SPLITTING ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#view" class="md-nav__link">
+    <span class="md-ellipsis">
+      VIEW()
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#copy" class="md-nav__link">
+    <span class="md-ellipsis">
+      COPY()
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#indexing-slicing-iterating" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEXING, SLICING, ITERATING
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#universal-functions-ufunc" class="md-nav__link">
+    <span class="md-ellipsis">
+      UNIVERSAL FUNCTIONS (ufunc)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#conditional-logic-as-array-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      CONDITIONAL LOGIC AS ARRAY OPERATIONS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#mathematical-and-statistical-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      MATHEMATICAL AND STATISTICAL METHODS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#methods-for-boolean-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      METHODS FOR BOOLEAN ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sorting" class="md-nav__link">
+    <span class="md-ellipsis">
+      SORTING
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#set-logic" class="md-nav__link">
+    <span class="md-ellipsis">
+      SET LOGIC
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file-io-with-arrays" class="md-nav__link">
+    <span class="md-ellipsis">
+      FILE I/O WITH ARRAYS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#linear-algebra" class="md-nav__link">
+    <span class="md-ellipsis">
+      LINEAR ALGEBRA
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#random-number-generation" class="md-nav__link">
+    <span class="md-ellipsis">
+      RANDOM NUMBER GENERATION
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="numpy-lib">NumPy Lib</h1>
+<h2 id="most-important-attributes-attributes">MOST IMPORTANT ATTRIBUTES ATTRIBUTES</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">array</span><span class="o">.</span><span class="n">ndim</span>     <span class="c1"># number of axes (dimensions) of the array</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">array</span><span class="o">.</span><span class="n">shape</span>  <span class="c1"># dimensions of the array, tuple of integers</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">array</span><span class="o">.</span><span class="n">size</span>  <span class="c1"># total number of elements in the array</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">array</span><span class="o">.</span><span class="n">itemsize</span>  <span class="c1"># size in bytes of each element</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">array</span><span class="o">.</span><span class="n">data</span>  <span class="c1"># buffer containing the array elements</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="array-creation">ARRAY CREATION</h2>
+<p>Unless explicitly specified <code>np.array</code> tries to infer a good data type for the array that it creates.<br />
+The data type is stored in a special dtype object.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">sequence</span><span class="p">)</span>  <span class="c1"># creates array</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">asarray</span><span class="p">(</span><span class="n">sequence</span><span class="p">)</span>  <span class="c1"># convert input to array</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">ndarray</span><span class="p">(</span><span class="o">*</span><span class="n">sequence</span><span class="p">)</span>  <span class="c1"># creates multidimensional array</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">asanyarray</span><span class="p">(</span><span class="o">*</span><span class="n">sequence</span><span class="p">)</span>  <span class="c1"># convert the input to an ndarray</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="c1"># nested sequences will be converted to multidimensional array</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">zeros</span><span class="p">(</span><span class="n">ndarray</span><span class="o">.</span><span class="n">shape</span><span class="p">)</span>  <span class="c1"># array with all zeros</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">ones</span><span class="p">(</span><span class="n">ndarray</span><span class="o">.</span><span class="n">shape</span><span class="p">)</span>  <span class="c1"># array with all ones</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">empty</span><span class="p">(</span><span class="n">ndarray</span><span class="o">.</span><span class="n">shape</span><span class="p">)</span>  <span class="c1"># array with random values</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">identity</span><span class="p">(</span><span class="n">n</span><span class="p">)</span>  <span class="c1"># identity array (n x n)</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">arange</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">stop</span><span class="p">,</span> <span class="n">step</span><span class="p">)</span>  <span class="c1"># creates an array with parameters specified</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="n">var</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">stop</span><span class="p">,</span> <span class="n">num_of_elements</span><span class="p">)</span>  <span class="c1"># step of elements calculated based on parameters</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-types-for-ndarrays">DATA TYPES FOR NDARRAYS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">var</span> <span class="o">=</span> <span class="n">array</span><span class="o">.</span><span class="n">astype</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">dtype</span><span class="p">)</span>  <span class="c1"># copy of the array, cast to a specified type</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="c1"># return TypeError if casting fails</span>
+</code></pre></div></td></tr></table></div>
+<p>The numerical <code>dtypes</code> are named the same way: a type name followed by a number indicating the number of bits per element.</p>
+<table>
+<thead>
+<tr>
+<th>TYPE</th>
+<th>TYPE CODE</th>
+<th>DESCRIPTION</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>int8, uint8</td>
+<td>i1, u1</td>
+<td>Signed and unsigned 8-bit (1 byte) integer types</td>
+</tr>
+<tr>
+<td>int16, uint16</td>
+<td>i2, u2</td>
+<td>Signed and unsigned 16-bit integer types</td>
+</tr>
+<tr>
+<td>int32, uint32</td>
+<td>i4, u4</td>
+<td>Signed and unsigned 32-bit integer types</td>
+</tr>
+<tr>
+<td>int64, uint64</td>
+<td>i8, u8</td>
+<td>Signed and unsigned 32-bit integer types</td>
+</tr>
+<tr>
+<td>float16</td>
+<td>f2</td>
+<td>Half-precision floating point</td>
+</tr>
+<tr>
+<td>float32</td>
+<td>f4 or f</td>
+<td>Standard single-precision floating point. Compatible with C float</td>
+</tr>
+<tr>
+<td>float64, float128</td>
+<td>f8 or d</td>
+<td>Standard double-precision floating point. Compatible with C double and Python float object</td>
+</tr>
+<tr>
+<td>float128</td>
+<td>f16 or g</td>
+<td>Extended-precision floating point</td>
+</tr>
+<tr>
+<td>complex64, complex128, complex256</td>
+<td>c8, c16, c32</td>
+<td>Complex numbers represented by two 32, 64, or 128 floats, respectively</td>
+</tr>
+<tr>
+<td>bool</td>
+<td>?</td>
+<td>Boolean type storing True and False values</td>
+</tr>
+<tr>
+<td>object</td>
+<td>O</td>
+<td>Python object type</td>
+</tr>
+<tr>
+<td>string_</td>
+<td><code>S&lt;num&gt;</code></td>
+<td>Fixed-length string type (1 byte per character), <code>&lt;num&gt;</code> is string length</td>
+</tr>
+<tr>
+<td>unicode_</td>
+<td><code>U&lt;num&gt;</code></td>
+<td>Fixed-length unicode type, <code>&lt;num&gt;</code> is length</td>
+</tr>
+</tbody>
+</table>
+<h2 id="operations-between-arrays-and-scalars">OPERATIONS BETWEEN ARRAYS AND SCALARS</h2>
+<p>Any arithmetic operations between equal-size arrays applies the operation element-wise.</p>
+<p>array <code>+</code> scalar &rarr; element-wise addition (<code>[1, 2, 3] + 2 = [3, 4, 5]</code>)
+array <code>-</code> scalar &rarr; element-wise subtraction (<code>[1 , 2, 3] - 2 = [-2, 0, 1]</code>)
+array <code>*</code> scalar &rarr; element-wise multiplication (<code>[1, 2, 3] * 3 = [3, 6, 9]</code>)
+array / scalar &rarr; element-wise division (<code>[1, 2, 3] / 2 = [0.5 , 1 , 1.5]</code>)</p>
+<p>array_1 <code>+</code> array_2 &rarr; element-wise addition (<code>[1, 2, 3] + [1, 2, 3] = [2, 4, 6]</code>)
+array_1 <code>-</code> array_2 &rarr; element-wise subtraction (<code>[1, 2, 4] - [3 , 2, 1] = [-2, 0, 2]</code>)
+array_1 <code>*</code> array_2 &rarr; element-wise multiplication (<code>[1, 2, 3] * [3, 2, 1] = [3, 4, 3]</code>)
+array_1 <code>/</code> array_2 &rarr; element-wise division (<code>[1, 2, 3] / [3, 2, 1] = [0.33, 1, 3]</code>)</p>
+<h2 id="shape-manipulation">SHAPE MANIPULATION</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">np</span><span class="o">.</span><span class="n">reshape</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">new_shape</span><span class="p">)</span>  <span class="c1"># changes the shape of the array</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="n">np</span><span class="o">.</span><span class="n">ravel</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1">#  returns the array flattened</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">array</span><span class="o">.</span><span class="n">resize</span><span class="p">(</span><span class="n">shape</span><span class="p">)</span>  <span class="c1"># modifies the array itself</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="n">array</span><span class="o">.</span><span class="n">T</span>  <span class="c1"># returns the array transposed</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="n">np</span><span class="o">.</span><span class="n">transpose</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>     <span class="c1"># returns the array transposed</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="n">np</span><span class="o">.</span><span class="n">swapaxes</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">first_axis</span><span class="p">,</span> <span class="n">second_axis</span><span class="p">)</span>  <span class="c1"># interchange two axes of an array</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="c1"># if array is an ndarray, then a view of it is returned; otherwise a new array is created</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="joining-arrays">JOINING ARRAYS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">np</span><span class="o">.</span><span class="n">vstack</span><span class="p">((</span><span class="n">array1</span><span class="p">,</span> <span class="n">array2</span><span class="p">))</span>   <span class="c1"># takes tuple, vertical stack of arrays (column wise)</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">np</span><span class="o">.</span><span class="n">hstack</span><span class="p">((</span><span class="n">array1</span><span class="p">,</span> <span class="n">array2</span><span class="p">))</span>  <span class="c1"># takes a tuple, horizontal stack of arrays (row wise)</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="n">np</span><span class="o">.</span><span class="n">dstack</span><span class="p">((</span><span class="n">array1</span><span class="p">,</span> <span class="n">array2</span><span class="p">))</span> <span class="c1"># takes a tuple, depth wise stack of arrays (3rd dimension)</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="n">np</span><span class="o">.</span><span class="n">stack</span><span class="p">(</span><span class="o">*</span><span class="n">arrays</span><span class="p">,</span> <span class="n">axis</span><span class="p">)</span>  <span class="c1"># joins a sequence of arrays along a new axis (axis is an int)</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="n">np</span><span class="o">.</span><span class="n">concatenate</span><span class="p">((</span><span class="n">array1</span><span class="p">,</span> <span class="n">array2</span><span class="p">,</span> <span class="o">...</span><span class="p">),</span> <span class="n">axis</span><span class="p">)</span> <span class="c1"># joins a sequence of arrays along an existing axis (axis is an int)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="splitting-arrays">SPLITTING ARRAYS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">np</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">indices</span><span class="p">)</span>  <span class="c1"># splits an array into equall7 long sub-arrays (indices is int), if not possible raises error</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">np</span><span class="o">.</span><span class="n">vsplit</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">indices</span><span class="p">)</span>  <span class="c1"># splits an array equally into sub-arrays vertically (row wise) if not possible raises error</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="n">np</span><span class="o">.</span><span class="n">hsplit</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">indices</span><span class="p">)</span>  <span class="c1"># splits an array equally into sub-arrays horizontally (column wise) if not possible raises error</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="n">np</span><span class="o">.</span><span class="n">dsplit</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">indices</span><span class="p">)</span>  <span class="c1"># splits an array into equally sub-arrays along the 3rd axis (depth) if not possible raises error</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="n">np</span><span class="o">.</span><span class="n">array_split</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">indices</span><span class="p">)</span> <span class="c1"># splits an array into sub-arrays, arrays can be of different lengths</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="view">VIEW()</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">var</span> <span class="o">=</span> <span class="n">array</span><span class="o">.</span><span class="n">view</span><span class="p">()</span>  <span class="c1"># creates a new array that looks at the same data</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="c1"># slicing returns a view</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="c1"># view shapes are separated but assignment changes all arrays</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="copy">COPY()</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">var</span> <span class="o">=</span> <span class="n">array</span><span class="o">.</span><span class="n">copy</span><span class="p">()</span>  <span class="c1"># creates a deep copy of the array</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="indexing-slicing-iterating">INDEXING, SLICING, ITERATING</h2>
+<p>1-dimensional  &rarr; sliced, iterated and indexed as standard
+n-dimensional &rarr; one index per axis, index given in tuple separated by commas <code>[i, j] (i, j)</code>
+dots (<code>...</code>) represent as many colons as needed to produce complete indexing tuple</p>
+<ul>
+<li><code>x[1, 2, ...] == [1, 2, :, :, :]</code></li>
+<li><code>x[..., 3] == [:, :, :, :, 3]</code></li>
+<li><code>x[4, ..., 5, :] == [4, :, :, 5, :]</code>
+iteration on first index, use .flat() to iterate over each element</li>
+<li><code>x[*bool]</code> returns row with corresponding True index</li>
+<li><code>x[condition]</code> return only elements that satisfy condition</li>
+<li>x<code>[[*index]]</code> return rows ordered by indexes</li>
+<li><code>x[[*i], [*j]]</code> return elements selected by tuple (i, j)</li>
+<li><code>x[ np.ix_( [*i], [*j] ) ]</code> return rectangular region</li>
+</ul>
+<h2 id="universal-functions-ufunc">UNIVERSAL FUNCTIONS (ufunc)</h2>
+<p>Functions that performs element-wise operations (vectorization).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span>
+<span class="normal"><a href="#__codelineno-8-23">23</a></span>
+<span class="normal"><a href="#__codelineno-8-24">24</a></span>
+<span class="normal"><a href="#__codelineno-8-25">25</a></span>
+<span class="normal"><a href="#__codelineno-8-26">26</a></span>
+<span class="normal"><a href="#__codelineno-8-27">27</a></span>
+<span class="normal"><a href="#__codelineno-8-28">28</a></span>
+<span class="normal"><a href="#__codelineno-8-29">29</a></span>
+<span class="normal"><a href="#__codelineno-8-30">30</a></span>
+<span class="normal"><a href="#__codelineno-8-31">31</a></span>
+<span class="normal"><a href="#__codelineno-8-32">32</a></span>
+<span class="normal"><a href="#__codelineno-8-33">33</a></span>
+<span class="normal"><a href="#__codelineno-8-34">34</a></span>
+<span class="normal"><a href="#__codelineno-8-35">35</a></span>
+<span class="normal"><a href="#__codelineno-8-36">36</a></span>
+<span class="normal"><a href="#__codelineno-8-37">37</a></span>
+<span class="normal"><a href="#__codelineno-8-38">38</a></span>
+<span class="normal"><a href="#__codelineno-8-39">39</a></span>
+<span class="normal"><a href="#__codelineno-8-40">40</a></span>
+<span class="normal"><a href="#__codelineno-8-41">41</a></span>
+<span class="normal"><a href="#__codelineno-8-42">42</a></span>
+<span class="normal"><a href="#__codelineno-8-43">43</a></span>
+<span class="normal"><a href="#__codelineno-8-44">44</a></span>
+<span class="normal"><a href="#__codelineno-8-45">45</a></span>
+<span class="normal"><a href="#__codelineno-8-46">46</a></span>
+<span class="normal"><a href="#__codelineno-8-47">47</a></span>
+<span class="normal"><a href="#__codelineno-8-48">48</a></span>
+<span class="normal"><a href="#__codelineno-8-49">49</a></span>
+<span class="normal"><a href="#__codelineno-8-50">50</a></span>
+<span class="normal"><a href="#__codelineno-8-51">51</a></span>
+<span class="normal"><a href="#__codelineno-8-52">52</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">np</span><span class="o">.</span><span class="n">abs</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized abs(), return element absolute value</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="n">np</span><span class="o">.</span><span class="n">fabs</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># faster abs() for non-complex values</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="n">np</span><span class="o">.</span><span class="n">sqrt</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized square root (x^0.5)</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="n">np</span><span class="o">.</span><span class="n">square</span><span class="p">(</span><span class="n">array</span><span class="p">)</span> <span class="c1"># vectorized square (x^2)</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="n">np</span><span class="o">.</span><span class="n">exp</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized natural exponentiation (e^x)</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="n">np</span><span class="o">.</span><span class="n">log</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized natural log(x)</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="n">np</span><span class="o">.</span><span class="n">log10</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized log10(x)</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="n">np</span><span class="o">.</span><span class="n">log2</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized log2(x)</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="n">np</span><span class="o">.</span><span class="n">log1p</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized log(1 + x)</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="n">np</span><span class="o">.</span><span class="n">sign</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized sign (1, 0, -1)</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="n">np</span><span class="o">.</span><span class="n">ceil</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized ceil()</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="n">np</span><span class="o">.</span><span class="n">floor</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized floor()</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="n">np</span><span class="o">.</span><span class="n">rint</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>     <span class="c1"># vectorized round() to nearest int</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="n">np</span><span class="o">.</span><span class="n">modf</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1">#  vectorized divmod(), returns the fractional and integral parts of element</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="n">np</span><span class="o">.</span><span class="n">isnan</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>   <span class="c1"># vectorized x == NaN, return boolean array</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="n">np</span><span class="o">.</span><span class="n">isinf</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized test for positive or negative infinity, return boolean array</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="n">np</span><span class="o">.</span><span class="n">isfineite</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized test fo finiteness, returns boolean array</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a><span class="n">np</span><span class="o">.</span><span class="n">cos</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized cos(x)</span>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="n">np</span><span class="o">.</span><span class="n">sin</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized sin(x)</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="n">np</span><span class="o">.</span><span class="n">tan</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized tan(x)</span>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="n">np</span><span class="o">.</span><span class="n">cosh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized cosh(x)</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a><span class="n">np</span><span class="o">.</span><span class="n">sinh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>   <span class="c1"># vector sinh(x)</span>
+<a id="__codelineno-8-23" name="__codelineno-8-23"></a><span class="n">np</span><span class="o">.</span><span class="n">tanh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized tanh(x)</span>
+<a id="__codelineno-8-24" name="__codelineno-8-24"></a><span class="n">np</span><span class="o">.</span><span class="n">arccos</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized arccos(x)</span>
+<a id="__codelineno-8-25" name="__codelineno-8-25"></a><span class="n">np</span><span class="o">.</span><span class="n">arcsinh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized arcsinh(x)</span>
+<a id="__codelineno-8-26" name="__codelineno-8-26"></a><span class="n">np</span><span class="o">.</span><span class="n">arctan</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized arctan(x)</span>
+<a id="__codelineno-8-27" name="__codelineno-8-27"></a><span class="n">np</span><span class="o">.</span><span class="n">arccosh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized arccosh(x)</span>
+<a id="__codelineno-8-28" name="__codelineno-8-28"></a><span class="n">np</span><span class="o">.</span><span class="n">arcsinh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized arcsin(x)</span>
+<a id="__codelineno-8-29" name="__codelineno-8-29"></a><span class="n">np</span><span class="o">.</span><span class="n">arctanh</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized arctanh(x)</span>
+<a id="__codelineno-8-30" name="__codelineno-8-30"></a><span class="n">np</span><span class="o">.</span><span class="n">logical_not</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># vectorized not(x), equivalent to -array</span>
+<a id="__codelineno-8-31" name="__codelineno-8-31"></a>
+<a id="__codelineno-8-32" name="__codelineno-8-32"></a><span class="n">np</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized addition</span>
+<a id="__codelineno-8-33" name="__codelineno-8-33"></a><span class="n">np</span><span class="o">.</span><span class="n">subtract</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized subtraction</span>
+<a id="__codelineno-8-34" name="__codelineno-8-34"></a><span class="n">np</span><span class="o">.</span><span class="n">multiply</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized multiplication</span>
+<a id="__codelineno-8-35" name="__codelineno-8-35"></a><span class="n">np</span><span class="o">.</span><span class="n">divide</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized division</span>
+<a id="__codelineno-8-36" name="__codelineno-8-36"></a><span class="n">np</span><span class="o">.</span><span class="n">floor_divide</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized floor division</span>
+<a id="__codelineno-8-37" name="__codelineno-8-37"></a><span class="n">np</span><span class="o">.</span><span class="n">power</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized power</span>
+<a id="__codelineno-8-38" name="__codelineno-8-38"></a><span class="n">np</span><span class="o">.</span><span class="n">maximum</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized maximum</span>
+<a id="__codelineno-8-39" name="__codelineno-8-39"></a><span class="n">np</span><span class="o">.</span><span class="n">minimum</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized minimum</span>
+<a id="__codelineno-8-40" name="__codelineno-8-40"></a><span class="n">np</span><span class="o">.</span><span class="n">fmax</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized maximum, ignores NaN</span>
+<a id="__codelineno-8-41" name="__codelineno-8-41"></a><span class="n">np</span><span class="o">.</span><span class="n">fmin</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized minimum, ignores NaN</span>
+<a id="__codelineno-8-42" name="__codelineno-8-42"></a><span class="n">np</span><span class="o">.</span><span class="n">mod</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized modulus</span>
+<a id="__codelineno-8-43" name="__codelineno-8-43"></a><span class="n">np</span><span class="o">.</span><span class="n">copysign</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1">#  vectorized copy sign from y_array to x_array</span>
+<a id="__codelineno-8-44" name="__codelineno-8-44"></a><span class="n">np</span><span class="o">.</span><span class="n">greater</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x &gt; y</span>
+<a id="__codelineno-8-45" name="__codelineno-8-45"></a><span class="n">np</span><span class="o">.</span><span class="n">less</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x &lt; y</span>
+<a id="__codelineno-8-46" name="__codelineno-8-46"></a><span class="n">np</span><span class="o">.</span><span class="n">greter_equal</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x &gt;= y</span>
+<a id="__codelineno-8-47" name="__codelineno-8-47"></a><span class="n">np</span><span class="o">.</span><span class="n">less_equal</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x &lt;= y</span>
+<a id="__codelineno-8-48" name="__codelineno-8-48"></a><span class="n">np</span><span class="o">.</span><span class="n">equal</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x == y</span>
+<a id="__codelineno-8-49" name="__codelineno-8-49"></a><span class="n">np</span><span class="o">.</span><span class="n">not_equal</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x != y</span>
+<a id="__codelineno-8-50" name="__codelineno-8-50"></a><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x &amp; y</span>
+<a id="__codelineno-8-51" name="__codelineno-8-51"></a><span class="n">np</span><span class="o">.</span><span class="n">logical_or</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x | y</span>
+<a id="__codelineno-8-52" name="__codelineno-8-52"></a><span class="n">np</span><span class="o">.</span><span class="n">logical_xor</span><span class="p">(</span><span class="n">x_array</span><span class="p">,</span> <span class="n">y_array</span><span class="p">)</span>  <span class="c1"># vectorized x ^ y</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="conditional-logic-as-array-operations">CONDITIONAL LOGIC AS ARRAY OPERATIONS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">np</span><span class="o">.</span><span class="n">where</span><span class="p">(</span><span class="n">condition</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>  <span class="c1"># return x if condition == True, y otherwise</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="mathematical-and-statistical-methods">MATHEMATICAL AND STATISTICAL METHODS</h2>
+<p><code>np.method(array, args)</code> or <code>array.method(args)</code>.<br />
+Boolean values are coerced to 1 (<code>True</code>) and 0 (<code>False</code>).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># sum of array elements over a given axis</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">np</span><span class="o">.</span><span class="n">median</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># median along the specified axis</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="n">np</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># arithmetic mean along the specified axis</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="n">np</span><span class="o">.</span><span class="n">average</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1">#  weighted average along the specified axis</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="n">np</span><span class="o">.</span><span class="n">std</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># standard deviation along the specified axis</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="n">np</span><span class="o">.</span><span class="n">var</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># variance along the specified axis</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="n">np</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># minimum value along the specified axis</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="n">np</span><span class="o">.</span><span class="n">max</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># maximum value along the specified axis</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a><span class="n">np</span><span class="o">.</span><span class="n">argmin</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># indices of the minimum values along an axis</span>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="n">np</span><span class="o">.</span><span class="n">argmax</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># indices of the maximum values</span>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a><span class="n">np</span><span class="o">.</span><span class="n">cumsum</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># cumulative sum of the elements along a given axis</span>
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="n">np</span><span class="o">.</span><span class="n">cumprod</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># cumulative sum of the elements along a given axis</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="methods-for-boolean-arrays">METHODS FOR BOOLEAN ARRAYS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="n">np</span><span class="o">.</span><span class="n">all</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># test whether all array elements along a given axis evaluate to True</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="n">np</span><span class="o">.</span><span class="n">any</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># test whether any array element along a given axis evaluates to True</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="sorting">SORTING</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="n">array</span><span class="o">.</span><span class="n">sort</span><span class="p">(</span><span class="n">axis</span><span class="o">=-</span><span class="mi">1</span><span class="p">)</span>  <span class="c1"># sort an array in-place (axis = None applies on flattened array)</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="n">np</span><span class="o">.</span><span class="n">sort</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">axis</span><span class="o">=-</span><span class="mi">1</span><span class="p">)</span>  <span class="c1"># return a sorted copy of an array (axis = None applies on flattened array)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="set-logic">SET LOGIC</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="n">np</span><span class="o">.</span><span class="n">unique</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># sorted unique elements of an array</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="n">np</span><span class="o">.</span><span class="n">intersect1d</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>  <span class="c1"># sorted common elements in x and y</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="n">np</span><span class="o">.</span><span class="n">union1d</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>  <span class="c1"># sorte union of elements</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="n">np</span><span class="o">.</span><span class="n">in1d</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>  <span class="c1">#  boolean array indicating whether each element of x is contained in y</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="n">np</span><span class="o">.</span><span class="n">setdiff1d</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>  <span class="c1"># Set difference, elements in x that are not in y</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="n">np</span><span class="o">.</span><span class="n">setxor1d</span><span class="p">()</span>  <span class="c1"># Set symmetric differences; elements that are in either of the arrays, but not both</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="file-io-with-arrays">FILE I/O WITH ARRAYS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span>
+<span class="normal"><a href="#__codelineno-14-13">13</a></span>
+<span class="normal"><a href="#__codelineno-14-14">14</a></span>
+<span class="normal"><a href="#__codelineno-14-15">15</a></span>
+<span class="normal"><a href="#__codelineno-14-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="n">np</span><span class="o">.</span><span class="n">save</span><span class="p">(</span><span class="n">file</span><span class="p">,</span> <span class="n">array</span><span class="p">)</span>  <span class="c1"># save array to binary file in .npy format</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="n">np</span><span class="o">.</span><span class="n">savez</span><span class="p">(</span><span class="n">file</span><span class="p">,</span> <span class="o">*</span><span class="n">array</span><span class="p">)</span> <span class="c1"># save several arrays into a single file in uncompressed .npz format</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="n">np</span><span class="o">.</span><span class="n">savez_compressed</span><span class="p">(</span><span class="n">file</span><span class="p">,</span> <span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">*</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># save several arrays into a single file in compressed .npz format</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="c1"># *ARGS: arrays to save to the file. arrays will be saved with names &quot;arr_0&quot;, &quot;arr_1&quot;, and so on</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="c1"># **KWARGS: arrays to save to the file. arrays will be saved in the file with the keyword names</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="n">np</span><span class="o">.</span><span class="n">savetxt</span><span class="p">(</span><span class="n">file</span><span class="p">,</span> <span class="n">X</span><span class="p">,</span> <span class="n">fmt</span><span class="o">=</span><span class="s2">&quot;</span><span class="si">%.18e</span><span class="s2">&quot;</span><span class="p">,</span> <span class="n">delimiter</span><span class="o">=</span><span class="s2">&quot; &quot;</span><span class="p">)</span>   <span class="c1"># save array to text file</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="c1"># X: 1D or 2D</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a><span class="c1"># FMT: Python Format Specification Mini-Language</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="c1"># DELIMITER: {str} -- string used to separate values</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="n">np</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="n">file</span><span class="p">,</span> <span class="n">allow_pickle</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>  <span class="c1"># load arrays or pickled objects from .npy, .npz or pickled files</span>
+<a id="__codelineno-14-13" name="__codelineno-14-13"></a><span class="n">np</span><span class="o">.</span><span class="n">loadtxt</span><span class="p">(</span><span class="n">file</span><span class="p">,</span> <span class="n">dtype</span><span class="o">=</span><span class="nb">float</span><span class="p">,</span> <span class="n">comments</span><span class="o">=</span><span class="s2">&quot;#&quot;</span><span class="p">,</span> <span class="n">delimiter</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-14-14" name="__codelineno-14-14"></a><span class="c1"># DTYPE: {data type} -- data-type of the resulting array</span>
+<a id="__codelineno-14-15" name="__codelineno-14-15"></a><span class="c1"># COMMENTS: {str} -- characters used to indicate the start of a comment. None implies no comments</span>
+<a id="__codelineno-14-16" name="__codelineno-14-16"></a><span class="c1"># DELIMITER: {str} -- string used to separate values</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="linear-algebra">LINEAR ALGEBRA</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span>
+<span class="normal"><a href="#__codelineno-15-12">12</a></span>
+<span class="normal"><a href="#__codelineno-15-13">13</a></span>
+<span class="normal"><a href="#__codelineno-15-14">14</a></span>
+<span class="normal"><a href="#__codelineno-15-15">15</a></span>
+<span class="normal"><a href="#__codelineno-15-16">16</a></span>
+<span class="normal"><a href="#__codelineno-15-17">17</a></span>
+<span class="normal"><a href="#__codelineno-15-18">18</a></span>
+<span class="normal"><a href="#__codelineno-15-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="n">np</span><span class="o">.</span><span class="n">diag</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">k</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>  <span class="c1"># extract a diagonal or construct a diagonal array</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="c1"># K: {int} -- k&gt;0 diagonals above main diagonal, k&lt;0 diagonals below main diagonal (main diagonal k = 0)</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="n">np</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">x</span> <span class="p">,</span><span class="n">y</span><span class="p">)</span>  <span class="c1"># matrix dot product</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="n">np</span><span class="o">.</span><span class="n">trace</span><span class="p">(</span><span class="n">array</span><span class="p">,</span> <span class="n">offset</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">dtype</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">out</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># return the sum along diagonals of the array</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a><span class="c1"># OFFSET: {int} -- offset of the diagonal from the main diagonal</span>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a><span class="c1"># dtype: {dtype} -- determines the data-type of the returned array</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="c1"># OUT: {ndarray} -- array into which the output is placed</span>
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">det</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>  <span class="c1"># compute the determinant of an array</span>
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">eig</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>  <span class="c1"># compute the eigenvalues and right eigenvectors of a square array</span>
+<a id="__codelineno-15-12" name="__codelineno-15-12"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">inv</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>  <span class="c1"># compute the (multiplicative) inverse of a matrix</span>
+<a id="__codelineno-15-13" name="__codelineno-15-13"></a><span class="c1"># A_inv satisfies dot(A, A_inv) = dor(A_inv, A) = eye(A.shape[0])</span>
+<a id="__codelineno-15-14" name="__codelineno-15-14"></a>
+<a id="__codelineno-15-15" name="__codelineno-15-15"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">pinv</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>  <span class="c1"># compute the (Moore-Penrose) pseudo-inverse of a matrix</span>
+<a id="__codelineno-15-16" name="__codelineno-15-16"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">qr</span><span class="p">()</span>  <span class="c1"># factor the matrix a as qr, where q is orthonormal and r is upper-triangular</span>
+<a id="__codelineno-15-17" name="__codelineno-15-17"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">svd</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>  <span class="c1"># Singular Value Decomposition</span>
+<a id="__codelineno-15-18" name="__codelineno-15-18"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">solve</span><span class="p">(</span><span class="n">A</span><span class="p">,</span> <span class="n">B</span><span class="p">)</span>  <span class="c1"># solve a linear matrix equation, or system of linear scalar equations AX = B</span>
+<a id="__codelineno-15-19" name="__codelineno-15-19"></a><span class="n">np</span><span class="o">.</span><span class="n">linalg</span><span class="o">.</span><span class="n">lstsq</span><span class="p">(</span><span class="n">A</span><span class="p">,</span> <span class="n">B</span><span class="p">)</span>  <span class="c1"># return the least-squares solution to a linear matrix equation AX = B</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="random-number-generation">RANDOM NUMBER GENERATION</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-16-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-16-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-16-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-16-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-16-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-16-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-16-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-16-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-16-10">10</a></span>
+<span class="normal"><a href="#__codelineno-16-11">11</a></span>
+<span class="normal"><a href="#__codelineno-16-12">12</a></span>
+<span class="normal"><a href="#__codelineno-16-13">13</a></span>
+<span class="normal"><a href="#__codelineno-16-14">14</a></span>
+<span class="normal"><a href="#__codelineno-16-15">15</a></span>
+<span class="normal"><a href="#__codelineno-16-16">16</a></span>
+<span class="normal"><a href="#__codelineno-16-17">17</a></span>
+<span class="normal"><a href="#__codelineno-16-18">18</a></span>
+<span class="normal"><a href="#__codelineno-16-19">19</a></span>
+<span class="normal"><a href="#__codelineno-16-20">20</a></span>
+<span class="normal"><a href="#__codelineno-16-21">21</a></span>
+<span class="normal"><a href="#__codelineno-16-22">22</a></span>
+<span class="normal"><a href="#__codelineno-16-23">23</a></span>
+<span class="normal"><a href="#__codelineno-16-24">24</a></span>
+<span class="normal"><a href="#__codelineno-16-25">25</a></span>
+<span class="normal"><a href="#__codelineno-16-26">26</a></span>
+<span class="normal"><a href="#__codelineno-16-27">27</a></span>
+<span class="normal"><a href="#__codelineno-16-28">28</a></span>
+<span class="normal"><a href="#__codelineno-16-29">29</a></span>
+<span class="normal"><a href="#__codelineno-16-30">30</a></span>
+<span class="normal"><a href="#__codelineno-16-31">31</a></span>
+<span class="normal"><a href="#__codelineno-16-32">32</a></span>
+<span class="normal"><a href="#__codelineno-16-33">33</a></span>
+<span class="normal"><a href="#__codelineno-16-34">34</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">seed</span><span class="p">()</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">rand</span><span class="p">()</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">randn</span><span class="p">()</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">randint</span><span class="p">()</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">permutation</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>  <span class="c1"># randomly permute a sequence, or return a permuted range</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">shuffle</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>  <span class="c1"># Modify a sequence in-place by shuffling its contents</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">beta</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw samples from a Beta distribution</span>
+<a id="__codelineno-16-9" name="__codelineno-16-9"></a><span class="c1"># A: {float, array floats} -- Alpha, &gt; 0</span>
+<a id="__codelineno-16-10" name="__codelineno-16-10"></a><span class="c1"># B: {int, tuple ints} -- Beta, &gt; 0</span>
+<a id="__codelineno-16-11" name="__codelineno-16-11"></a>
+<a id="__codelineno-16-12" name="__codelineno-16-12"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">binomial</span><span class="p">(</span><span class="n">n</span><span class="p">,</span> <span class="n">p</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw samples from a binomial distribution</span>
+<a id="__codelineno-16-13" name="__codelineno-16-13"></a><span class="c1"># N: {int, array ints} -- parameter of the distribution, &gt;= 0</span>
+<a id="__codelineno-16-14" name="__codelineno-16-14"></a><span class="c1"># P: {float, arrey floats} -- Parameter of the distribution, &gt;= 0 and &lt;= 1</span>
+<a id="__codelineno-16-15" name="__codelineno-16-15"></a>
+<a id="__codelineno-16-16" name="__codelineno-16-16"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">chisquare</span><span class="p">(</span><span class="n">df</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-16-17" name="__codelineno-16-17"></a><span class="c1"># DF: {float, array floats} -- degrees of freedom, &gt; 0</span>
+<a id="__codelineno-16-18" name="__codelineno-16-18"></a>
+<a id="__codelineno-16-19" name="__codelineno-16-19"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">gamma</span><span class="p">(</span><span class="n">shape</span><span class="p">,</span> <span class="n">scale</span><span class="o">=</span><span class="mf">1.0</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw samples from a Gamma distribution</span>
+<a id="__codelineno-16-20" name="__codelineno-16-20"></a><span class="c1"># SHAPE: {float, array floats} -- shape of the gamma distribution, != 0</span>
+<a id="__codelineno-16-21" name="__codelineno-16-21"></a>
+<a id="__codelineno-16-22" name="__codelineno-16-22"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">normal</span><span class="p">(</span><span class="n">loc</span><span class="o">=</span><span class="mf">0.0</span><span class="p">,</span> <span class="n">scale</span><span class="o">=</span><span class="mf">1.0</span><span class="p">,</span> <span class="n">Size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw random samples from a normal (Gaussian) distribution</span>
+<a id="__codelineno-16-23" name="__codelineno-16-23"></a><span class="c1"># LOC: {float, all floats} -- mean (&quot;centre&quot;) of distribution</span>
+<a id="__codelineno-16-24" name="__codelineno-16-24"></a><span class="c1"># SCALE: {float, all floats} -- standard deviation of distribution, != 0</span>
+<a id="__codelineno-16-25" name="__codelineno-16-25"></a>
+<a id="__codelineno-16-26" name="__codelineno-16-26"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">poisson</span><span class="p">(</span><span class="n">lam</span><span class="o">=</span><span class="mf">1.0</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw samples from a Poisson distribution</span>
+<a id="__codelineno-16-27" name="__codelineno-16-27"></a><span class="c1"># LAM: {float, all floats} -- expectation of interval, &gt;= 0</span>
+<a id="__codelineno-16-28" name="__codelineno-16-28"></a>
+<a id="__codelineno-16-29" name="__codelineno-16-29"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">uniform</span><span class="p">(</span><span class="n">low</span><span class="o">=</span><span class="mf">0.0</span><span class="p">,</span><span class="n">high</span><span class="o">=</span><span class="mf">1.0</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw samples from a uniform distribution</span>
+<a id="__codelineno-16-30" name="__codelineno-16-30"></a><span class="c1"># LOW: {float, all floats} -- lower boundary of the output interval</span>
+<a id="__codelineno-16-31" name="__codelineno-16-31"></a><span class="c1"># HIGH: {float, all floats} -- upper boundary of the output interval</span>
+<a id="__codelineno-16-32" name="__codelineno-16-32"></a>
+<a id="__codelineno-16-33" name="__codelineno-16-33"></a><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">Generator</span><span class="o">.</span><span class="n">zipf</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># draw samples from a Zipf distribution</span>
+<a id="__codelineno-16-34" name="__codelineno-16-34"></a><span class="c1"># A: {float, all floats} -- distribution parameter, &gt; 1</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="tkinter.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: TKinter">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                TKinter
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="pandas.html" class="md-footer__link md-footer__link--next" aria-label="Next: Pandas">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Pandas
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/libs/pandas.html b/languages/python/libs/pandas.html
new file mode 100644
index 0000000..6f5afdf
--- /dev/null
+++ b/languages/python/libs/pandas.html
@@ -0,0 +1,5989 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/libs/pandas.html">
+      
+      
+        <link rel="prev" href="numpy.html">
+      
+      
+        <link rel="next" href="seaborn.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Pandas - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Pandas - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/pandas.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/libs/pandas.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Pandas - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/pandas.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#pandas" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Pandas
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="pandas.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-pandas-imports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Pandas Imports
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#series" class="md-nav__link">
+    <span class="md-ellipsis">
+      SERIES
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="SERIES">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#indexing-selection-slicing" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEXING / SELECTION / SLICING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      MISSING DATA
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="MISSING DATA">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#series-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      SERIES ATTRIBUTES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#series-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      SERIES METHODS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dataframe" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATAFRAME
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DATAFRAME">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#dataframe-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATAFRAME ATTRIBUTES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dataframe-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATAFRAME METHODS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#index-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX OBJECTS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="INDEX OBJECTS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#index-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX TYPES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-attributers" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX ATTRIBUTERS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX METHODS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#arithmetic-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      ARITHMETIC OPERATIONS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="ARITHMETIC OPERATIONS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#addition" class="md-nav__link">
+    <span class="md-ellipsis">
+      ADDITION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#subtraction" class="md-nav__link">
+    <span class="md-ellipsis">
+      SUBTRACTION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiplication" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTIPLICATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#division-float-division" class="md-nav__link">
+    <span class="md-ellipsis">
+      DIVISION (float division)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floor-division" class="md-nav__link">
+    <span class="md-ellipsis">
+      FLOOR DIVISION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modulo" class="md-nav__link">
+    <span class="md-ellipsis">
+      MODULO
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#power" class="md-nav__link">
+    <span class="md-ellipsis">
+      POWER
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#essential-functionality" class="md-nav__link">
+    <span class="md-ellipsis">
+      ESSENTIAL FUNCTIONALITY
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="ESSENTIAL FUNCTIONALITY">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#function-application-and-mapping" class="md-nav__link">
+    <span class="md-ellipsis">
+      FUNCTION APPLICATION AND MAPPING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#descriptive-and-summary-statistics" class="md-nav__link">
+    <span class="md-ellipsis">
+      DESCRIPTIVE AND SUMMARY STATISTICS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DESCRIPTIVE AND SUMMARY STATISTICS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#count" class="md-nav__link">
+    <span class="md-ellipsis">
+      COUNT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#describe" class="md-nav__link">
+    <span class="md-ellipsis">
+      DESCRIBE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#max-min" class="md-nav__link">
+    <span class="md-ellipsis">
+      MAX - MIN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#idxmax-idxmin" class="md-nav__link">
+    <span class="md-ellipsis">
+      IDXMAX - IDXMIN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#quantile" class="md-nav__link">
+    <span class="md-ellipsis">
+      QUANTILE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sum" class="md-nav__link">
+    <span class="md-ellipsis">
+      SUM
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mean" class="md-nav__link">
+    <span class="md-ellipsis">
+      MEAN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#median" class="md-nav__link">
+    <span class="md-ellipsis">
+      MEDIAN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mad-mean-absolute-deviation" class="md-nav__link">
+    <span class="md-ellipsis">
+      MAD (mean absolute deviation)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#var-variance" class="md-nav__link">
+    <span class="md-ellipsis">
+      VAR (variance)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#std-standard-deviation" class="md-nav__link">
+    <span class="md-ellipsis">
+      STD (standard deviation)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#skew" class="md-nav__link">
+    <span class="md-ellipsis">
+      SKEW
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kurt" class="md-nav__link">
+    <span class="md-ellipsis">
+      KURT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cumsum-cumulative-sum" class="md-nav__link">
+    <span class="md-ellipsis">
+      CUMSUM (cumulative sum)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cummax-cummin-cumulative-maximum-minimum" class="md-nav__link">
+    <span class="md-ellipsis">
+      CUMMAX - CUMMIN (cumulative maximum - minimum)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cumprod-cumulative-product" class="md-nav__link">
+    <span class="md-ellipsis">
+      CUMPROD (cumulative product)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#diff" class="md-nav__link">
+    <span class="md-ellipsis">
+      DIFF
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pct_change" class="md-nav__link">
+    <span class="md-ellipsis">
+      PCT_CHANGE
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#handling-missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      HANDLING MISSING DATA
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HANDLING MISSING DATA">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#filtering-out-missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      FILTERING OUT MISSING DATA
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#filling-in-missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      FILLING IN MISSING DATA
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#hierarchical-indexing-multiindex" class="md-nav__link">
+    <span class="md-ellipsis">
+      HIERARCHICAL INDEXING (MultiIndex)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HIERARCHICAL INDEXING (MultiIndex)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiiindex-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTIIINDEX CREATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiindex-levels" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTIINDEX LEVELS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#partial-and-cross-section-selection" class="md-nav__link">
+    <span class="md-ellipsis">
+      PARTIAL AND CROSS-SECTION SELECTION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#indexing-slicing" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEXING, SLICING
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reordering-and-sorting-levels" class="md-nav__link">
+    <span class="md-ellipsis">
+      REORDERING AND SORTING LEVELS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-loading-storage-file-formats" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATA LOADING, STORAGE FILE FORMATS
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-pandas-imports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Pandas Imports
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#series" class="md-nav__link">
+    <span class="md-ellipsis">
+      SERIES
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="SERIES">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#indexing-selection-slicing" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEXING / SELECTION / SLICING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      MISSING DATA
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="MISSING DATA">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#series-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      SERIES ATTRIBUTES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#series-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      SERIES METHODS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dataframe" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATAFRAME
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DATAFRAME">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#dataframe-attributes" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATAFRAME ATTRIBUTES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#dataframe-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATAFRAME METHODS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#index-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX OBJECTS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="INDEX OBJECTS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#index-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX TYPES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-attributers" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX ATTRIBUTERS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#index-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEX METHODS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#arithmetic-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      ARITHMETIC OPERATIONS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="ARITHMETIC OPERATIONS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#addition" class="md-nav__link">
+    <span class="md-ellipsis">
+      ADDITION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#subtraction" class="md-nav__link">
+    <span class="md-ellipsis">
+      SUBTRACTION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiplication" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTIPLICATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#division-float-division" class="md-nav__link">
+    <span class="md-ellipsis">
+      DIVISION (float division)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floor-division" class="md-nav__link">
+    <span class="md-ellipsis">
+      FLOOR DIVISION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modulo" class="md-nav__link">
+    <span class="md-ellipsis">
+      MODULO
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#power" class="md-nav__link">
+    <span class="md-ellipsis">
+      POWER
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#essential-functionality" class="md-nav__link">
+    <span class="md-ellipsis">
+      ESSENTIAL FUNCTIONALITY
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="ESSENTIAL FUNCTIONALITY">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#function-application-and-mapping" class="md-nav__link">
+    <span class="md-ellipsis">
+      FUNCTION APPLICATION AND MAPPING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#descriptive-and-summary-statistics" class="md-nav__link">
+    <span class="md-ellipsis">
+      DESCRIPTIVE AND SUMMARY STATISTICS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="DESCRIPTIVE AND SUMMARY STATISTICS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#count" class="md-nav__link">
+    <span class="md-ellipsis">
+      COUNT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#describe" class="md-nav__link">
+    <span class="md-ellipsis">
+      DESCRIBE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#max-min" class="md-nav__link">
+    <span class="md-ellipsis">
+      MAX - MIN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#idxmax-idxmin" class="md-nav__link">
+    <span class="md-ellipsis">
+      IDXMAX - IDXMIN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#quantile" class="md-nav__link">
+    <span class="md-ellipsis">
+      QUANTILE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sum" class="md-nav__link">
+    <span class="md-ellipsis">
+      SUM
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mean" class="md-nav__link">
+    <span class="md-ellipsis">
+      MEAN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#median" class="md-nav__link">
+    <span class="md-ellipsis">
+      MEDIAN
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mad-mean-absolute-deviation" class="md-nav__link">
+    <span class="md-ellipsis">
+      MAD (mean absolute deviation)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#var-variance" class="md-nav__link">
+    <span class="md-ellipsis">
+      VAR (variance)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#std-standard-deviation" class="md-nav__link">
+    <span class="md-ellipsis">
+      STD (standard deviation)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#skew" class="md-nav__link">
+    <span class="md-ellipsis">
+      SKEW
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kurt" class="md-nav__link">
+    <span class="md-ellipsis">
+      KURT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cumsum-cumulative-sum" class="md-nav__link">
+    <span class="md-ellipsis">
+      CUMSUM (cumulative sum)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cummax-cummin-cumulative-maximum-minimum" class="md-nav__link">
+    <span class="md-ellipsis">
+      CUMMAX - CUMMIN (cumulative maximum - minimum)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#cumprod-cumulative-product" class="md-nav__link">
+    <span class="md-ellipsis">
+      CUMPROD (cumulative product)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#diff" class="md-nav__link">
+    <span class="md-ellipsis">
+      DIFF
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pct_change" class="md-nav__link">
+    <span class="md-ellipsis">
+      PCT_CHANGE
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#handling-missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      HANDLING MISSING DATA
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HANDLING MISSING DATA">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#filtering-out-missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      FILTERING OUT MISSING DATA
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#filling-in-missing-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      FILLING IN MISSING DATA
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#hierarchical-indexing-multiindex" class="md-nav__link">
+    <span class="md-ellipsis">
+      HIERARCHICAL INDEXING (MultiIndex)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="HIERARCHICAL INDEXING (MultiIndex)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multiiindex-creation" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTIIINDEX CREATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiindex-levels" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTIINDEX LEVELS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#partial-and-cross-section-selection" class="md-nav__link">
+    <span class="md-ellipsis">
+      PARTIAL AND CROSS-SECTION SELECTION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#indexing-slicing" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDEXING, SLICING
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reordering-and-sorting-levels" class="md-nav__link">
+    <span class="md-ellipsis">
+      REORDERING AND SORTING LEVELS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-loading-storage-file-formats" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATA LOADING, STORAGE FILE FORMATS
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="pandas">Pandas</h1>
+<h2 id="basic-pandas-imports">Basic Pandas Imports</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kn">from</span> <span class="nn">pandas</span> <span class="kn">import</span> <span class="n">Series</span><span class="p">,</span> <span class="n">DataFrame</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="series">SERIES</h2>
+<p>1-dimensional labelled array, axis label referred as INDEX.<br />
+Index can contain repetitions.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">s</span> <span class="o">=</span> <span class="n">Series</span><span class="p">(</span><span class="n">data</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="n">index</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s1">&#39;name&#39;</span><span class="p">)</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="c1"># DATA: {python dict, ndarray, scalar value}</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="c1"># NAME: {string}</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">s</span> <span class="o">=</span> <span class="n">Series</span><span class="p">(</span><span class="nb">dict</span><span class="p">)</span>  <span class="c1"># Series created from python dict, dict keys become index values</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="indexing-selection-slicing">INDEXING / SELECTION / SLICING</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">s</span><span class="p">[</span><span class="s1">&#39;index&#39;</span><span class="p">]</span>  <span class="c1"># selection by index label</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">s</span><span class="p">[</span><span class="n">condition</span><span class="p">]</span>  <span class="c1"># return slice selected by condition</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">s</span><span class="p">[</span> <span class="p">:</span> <span class="p">]</span>  <span class="c1"># slice endpoint included</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="n">s</span><span class="p">[</span> <span class="p">:</span> <span class="p">]</span> <span class="o">=</span> <span class="o">*</span><span class="n">value</span>  <span class="c1"># modify value of entire slice</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="n">s</span><span class="p">[</span><span class="n">condition</span><span class="p">]</span> <span class="o">=</span> <span class="o">*</span><span class="n">value</span>  <span class="c1"># modify slice by condition</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="missing-data">MISSING DATA</h2>
+<p>Missing data appears as NaN (Not a Number).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">isnull</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># return a Series index-bool indicating which indexes don&#39;t have data</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">notnull</span><span class="p">(</span><span class="n">array</span><span class="p">)</span>  <span class="c1"># return a Series index-bool indicating which indexes have data</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">array</span><span class="o">.</span><span class="n">isnull</span><span class="p">()</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="n">array</span><span class="o">.</span><span class="n">notnull</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="series-attributes">SERIES ATTRIBUTES</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">s</span><span class="o">.</span><span class="n">values</span>  <span class="c1"># NumPy representation of Series</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">s</span><span class="o">.</span><span class="n">index</span>  <span class="c1"># index object of Series</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="n">s</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;Series name&quot;</span>  <span class="c1"># renames Series object</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="n">s</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;index name&quot;</span>  <span class="c1"># renames index</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="series-methods">SERIES METHODS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">values</span><span class="p">)</span>  <span class="c1">#  boolean Series showing whether elements in Series matches elements in values exactly</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="c1"># Conform Series to new index, new object produced unless the new index is equivalent to current one and copy=False</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="c1"># INDEX: {array} -- new labels / index</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="c1"># METHOD: {none (don&#39;t fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="c1"># COPY: {bool} -- return new object even if index is same -- DEFAULT True</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="c1"># FILLVALUE: {scalar} --value to use for missing values. DEFAULT NaN</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># return Series with specified index labels removed</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="c1"># INPLACE: {bool} -- if true do operation in place and return None -- DEFAULT False</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="c1"># ERRORS: {ignore, raise} -- If &quot;ignore&quot;, suppress error and existing labels are dropped</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="c1"># KeyError raised if not all of the labels are found in the selected axis</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">value_counts</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">normalize</span><span class="o">=</span><span class="kc">False</span><span class="p">,</span> <span class="n">sort</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">,</span> <span class="n">bins</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">dropna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="c1"># NORMALIZE: {bool} -- if True then object returned will contain relative frequencies of unique values</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="c1"># SORT: {bool} -- sort by frequency -- DEFAULT True</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="c1"># ASCENDING: {bool} -- sort in ascending order -- DEFAULT False</span>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="c1"># BINS: {int} -- group values into half-open bins, only works with numeric data</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="c1"># DROPNA: {bool} -- don&#39;t include counts of NaN</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dataframe">DATAFRAME</h2>
+<p>2-dimensional labeled data structure with columns of potentially different types.
+Index and columns can contain repetitions.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span>
+<span class="normal"><a href="#__codelineno-6-24">24</a></span>
+<span class="normal"><a href="#__codelineno-6-25">25</a></span>
+<span class="normal"><a href="#__codelineno-6-26">26</a></span>
+<span class="normal"><a href="#__codelineno-6-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">df</span> <span class="o">=</span> <span class="n">DataFrame</span><span class="p">(</span><span class="n">data</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="n">row_labels</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="n">column_labels</span><span class="p">)</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="c1"># DATA: {list, dict (of lists), nested dicts, series, dict of 1D ndarray, 2D ndarray, DataFrame}</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="c1"># INDEX: {list of row_labels}</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="c1"># COLUMNS: {list of column_labels}</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="c1"># outer dict keys interpreted as index labels, inner dict keys interpreted as column labels</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="c1"># INDEXING / SELECTION / SLICING</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="n">df</span><span class="p">[</span><span class="n">col</span><span class="p">]</span>  <span class="c1"># column selection</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="n">df</span><span class="o">.</span><span class="n">at</span><span class="p">[</span><span class="n">row</span><span class="p">,</span> <span class="n">col</span><span class="p">]</span>  <span class="c1"># access a single value for a row/column label pair</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="n">df</span><span class="o">.</span><span class="n">iat</span><span class="p">[</span><span class="n">row</span><span class="p">,</span> <span class="n">col</span><span class="p">]</span>  <span class="c1"># access a single value for a row/column pair by integer position</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="n">df</span><span class="o">.</span><span class="n">column_label</span>  <span class="c1"># column selection</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">label</span><span class="p">]</span>  <span class="c1"># row selection by label</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="n">df</span><span class="o">.</span><span class="n">iloc</span><span class="p">[</span><span class="n">loc</span><span class="p">]</span>  <span class="c1"># row selection by integer location</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="n">df</span><span class="p">[</span> <span class="p">:</span> <span class="p">]</span>  <span class="c1"># slice rows</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a><span class="n">df</span><span class="p">[</span><span class="n">bool_vec</span><span class="p">]</span>  <span class="c1"># slice rows by boolean vector</span>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="n">df</span><span class="p">[</span><span class="n">condition</span><span class="p">]</span>  <span class="c1"># slice rows by condition</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[:,</span> <span class="p">[</span><span class="s2">&quot;column_1&quot;</span><span class="p">,</span> <span class="s2">&quot;column_2&quot;</span><span class="p">]]</span>  <span class="c1"># slice columns by names</span>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[:,</span> <span class="p">[</span><span class="n">bool_vector</span><span class="p">]]</span>  <span class="c1"># slice columns by names</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a>
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a><span class="n">df</span><span class="p">[</span><span class="n">col</span><span class="p">]</span> <span class="o">=</span> <span class="o">*</span><span class="n">value</span>  <span class="c1"># modify column contents, if colon is missing it will be created</span>
+<a id="__codelineno-6-24" name="__codelineno-6-24"></a><span class="n">df</span><span class="p">[</span> <span class="p">:</span> <span class="p">]</span> <span class="o">=</span> <span class="o">*</span><span class="n">value</span> <span class="c1"># modify rows contents</span>
+<a id="__codelineno-6-25" name="__codelineno-6-25"></a><span class="n">df</span><span class="p">[</span><span class="n">condition</span><span class="p">]</span> <span class="o">=</span> <span class="o">*</span><span class="n">value</span>  <span class="c1"># modify contents</span>
+<a id="__codelineno-6-26" name="__codelineno-6-26"></a>
+<a id="__codelineno-6-27" name="__codelineno-6-27"></a><span class="k">del</span> <span class="n">df</span><span class="p">[</span><span class="n">col</span><span class="p">]</span>  <span class="c1"># delete column</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dataframe-attributes">DATAFRAME ATTRIBUTES</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">df</span><span class="o">.</span><span class="n">index</span>  <span class="c1"># row labels</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">df</span><span class="o">.</span><span class="n">columns</span>  <span class="c1"># column labels</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="n">df</span><span class="o">.</span><span class="n">values</span>  <span class="c1"># NumPy representation of DataFrame</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="n">df</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;index name&quot;</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="n">df</span><span class="o">.</span><span class="n">columns</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;columns name&quot;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="n">df</span><span class="o">.</span><span class="n">T</span> <span class="c1"># transpose</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="dataframe-methods">DATAFRAME METHODS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="bp">self</span> <span class="p">,</span> <span class="n">values</span><span class="p">)</span>  <span class="c1"># boolean DataFrame showing whether elements in DataFrame matches elements in values exactly</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="c1"># Conform DataFrame to new index, new object produced unless the new index is equivalent to current one and copy=False</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="c1"># INDEX: {array} -- new labels / index</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="c1"># COLUMNS: {array} -- new labels / columns</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="c1"># METHOD: {none (don&#39;t fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="c1"># COPY: {bool} -- return new object even if index is same -- DEFAULT True</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="c1"># FILLVALUE: {scalar} --value to use for missing values. DEFAULT NaN</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># Remove rows or columns by specifying label names</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="c1"># INPLACE: {bool} -- if true do operation in place and return None -- DEFAULT False</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="c1"># ERRORS: {ignore, raise} -- If &quot;ignore&quot;, suppress error and existing labels are dropped</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="c1"># KeyError raised if not all of the labels are found in the selected axis</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="index-objects">INDEX OBJECTS</h2>
+<p>Holds axis labels and metadata, immutable.</p>
+<h3 id="index-types">INDEX TYPES</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span>  <span class="c1"># immutable ordered ndarray, sliceable. stores axis labels</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Int64Index</span>  <span class="c1"># special case of Index with purely integer labels</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span>  <span class="c1"># multi-level (hierarchical) index object for pandas objects</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">PeriodINdex</span>  <span class="c1"># immutable ndarray holding ordinal values indicating regular periods in time</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DatetimeIndex</span>  <span class="c1"># nanosecond timestamps (uses Numpy datetime64)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="index-attributers">INDEX ATTRIBUTERS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">is_monotonic_increasing</span>  <span class="c1"># Return True if the index is monotonic increasing (only equal or increasing) values</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">is_monotonic_decreasing</span>  <span class="c1"># Return True if the index is monotonic decreasing (only equal or decreasing) values</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">is_unique</span>  <span class="c1"># Return True if the index has unique values.</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">hasnans</span>  <span class="c1"># Return True if the index has NaNs</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="index-methods">INDEX METHODS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span>
+<span class="normal"><a href="#__codelineno-11-12">12</a></span>
+<span class="normal"><a href="#__codelineno-11-13">13</a></span>
+<span class="normal"><a href="#__codelineno-11-14">14</a></span>
+<span class="normal"><a href="#__codelineno-11-15">15</a></span>
+<span class="normal"><a href="#__codelineno-11-16">16</a></span>
+<span class="normal"><a href="#__codelineno-11-17">17</a></span>
+<span class="normal"><a href="#__codelineno-11-18">18</a></span>
+<span class="normal"><a href="#__codelineno-11-19">19</a></span>
+<span class="normal"><a href="#__codelineno-11-20">20</a></span>
+<span class="normal"><a href="#__codelineno-11-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>  <span class="c1"># append a collection of Index options together</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">difference</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">sort</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># set difference of two Index objects</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="c1"># SORT: {None (attempt sorting), False (don&#39;t sort)}</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">intersection</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">sort</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># set intersection of two Index objects</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="c1"># SORT: {None (attempt sorting), False (don&#39;t sort)}</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">union</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">sort</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># set union of two Index objects</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a><span class="c1"># SORT: {None (attempt sorting), False (don&#39;t sort)}</span>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a>
+<a id="__codelineno-11-12" name="__codelineno-11-12"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">isin</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">values</span><span class="p">,</span> <span class="n">level</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># boolean array indicating where the index values are in values</span>
+<a id="__codelineno-11-13" name="__codelineno-11-13"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">insert</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">loc</span><span class="p">,</span> <span class="n">item</span><span class="p">)</span>  <span class="c1"># make new Index inserting new item at location</span>
+<a id="__codelineno-11-14" name="__codelineno-11-14"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">delete</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">loc</span><span class="p">)</span>  <span class="c1"># make new Index with passed location(-s) deleted</span>
+<a id="__codelineno-11-15" name="__codelineno-11-15"></a>
+<a id="__codelineno-11-16" name="__codelineno-11-16"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">drop</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">labels</span><span class="p">,</span> <span class="n">errors</span><span class="o">=</span><span class="s1">&#39;raise&#39;</span><span class="p">)</span>  <span class="c1"># Make new Index with passed list of labels deleted</span>
+<a id="__codelineno-11-17" name="__codelineno-11-17"></a><span class="c1"># ERRORS: {ignore, raise} -- If &#39;ignore&#39;, suppress error and existing labels are dropped</span>
+<a id="__codelineno-11-18" name="__codelineno-11-18"></a><span class="c1"># KeyError raised if not all of the labels are found in the selected axis</span>
+<a id="__codelineno-11-19" name="__codelineno-11-19"></a>
+<a id="__codelineno-11-20" name="__codelineno-11-20"></a><span class="n">pd</span><span class="o">.</span><span class="n">Index</span><span class="o">.</span><span class="n">reindex</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">target</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># create index with target&#39;s values (move/add/delete values as necessary)</span>
+<a id="__codelineno-11-21" name="__codelineno-11-21"></a><span class="c1"># METHOD: {none (don&#39;t fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="arithmetic-operations">ARITHMETIC OPERATIONS</h2>
+<p>NumPy arrays operations preserve labels-value link.<br />
+Arithmetic operations automatically align differently indexed data.<br />
+Missing values propagate in arithmetic computations (NaN <code>&lt;operator&gt;</code> value = NaN)</p>
+<h3 id="addition">ADDITION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span>
+<span class="normal"><a href="#__codelineno-12-7">7</a></span>
+<span class="normal"><a href="#__codelineno-12-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="bp">self</span> <span class="o">+</span> <span class="n">other</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># add(), supports substitution of NaNs</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="n">pd</span><span class="p">,</span><span class="n">Series</span><span class="o">.</span><span class="n">radd</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># radd(), supports substitution of NaNs</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># add(), supports substitution of NaNs</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">radd</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># radd(), supports substitution of NaNs</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="subtraction">SUBTRACTION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span>
+<span class="normal"><a href="#__codelineno-13-7">7</a></span>
+<span class="normal"><a href="#__codelineno-13-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="bp">self</span> <span class="o">-</span> <span class="n">other</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">sub</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># sub(), supports substitution of NaNs</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">radd</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># radd(), supports substitution of NaNs</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">sub</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># sub(), supports substitution of NaNs</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rsub</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rsub(), supports substitution of NaNs</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiplication">MULTIPLICATION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span>
+<span class="normal"><a href="#__codelineno-14-7">7</a></span>
+<span class="normal"><a href="#__codelineno-14-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="bp">self</span> <span class="o">*</span> <span class="n">other</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">mul</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mul(), supports substitution of NaNs</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">rmul</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rmul(), supports substitution of NaNs</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">mul</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mul(), supports substitution of NaNs</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rmul</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rmul(), supports substitution of NaNs</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="division-float-division">DIVISION (float division)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span>
+<span class="normal"><a href="#__codelineno-15-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="bp">self</span> <span class="o">/</span> <span class="n">other</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">div</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># div(), supports substitution of NaNs</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">rdiv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rdiv(), supports substitution of NaNs</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">truediv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># truediv(), supports substitution of NaNs</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">rtruediv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rtruediv(), supports substitution of NaNs</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">div</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># div(), supports substitution of NaNs</span>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rdiv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rdiv(), supports substitution of NaNs</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">truediv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># truediv(), supports substitution of NaNs</span>
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rtruediv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rtruediv(), supports substitution of NaNs</span>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-15-12" name="__codelineno-15-12"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="floor-division">FLOOR DIVISION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span>
+<span class="normal"><a href="#__codelineno-16-7">7</a></span>
+<span class="normal"><a href="#__codelineno-16-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="bp">self</span> <span class="o">//</span> <span class="n">other</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">floordiv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># floordiv(), supports substitution of NaNs</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">rfloordiv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rfloordiv(), supports substitution of NaNs</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">floordiv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># floordiv(), supports substitution of NaNs</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rfloordiv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rfloordiv(), supports substitution of NaNs</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="modulo">MODULO</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span>
+<span class="normal"><a href="#__codelineno-17-4">4</a></span>
+<span class="normal"><a href="#__codelineno-17-5">5</a></span>
+<span class="normal"><a href="#__codelineno-17-6">6</a></span>
+<span class="normal"><a href="#__codelineno-17-7">7</a></span>
+<span class="normal"><a href="#__codelineno-17-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="bp">self</span> <span class="o">%</span> <span class="n">other</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">mod</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mod(), supports substitution of NaNs</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">rmod</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rmod(), supports substitution of NaNs</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">mod</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mod(), supports substitution of NaNs</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rmod</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rmod(), supports substitution of NaNs</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="power">POWER</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span>
+<span class="normal"><a href="#__codelineno-18-5">5</a></span>
+<span class="normal"><a href="#__codelineno-18-6">6</a></span>
+<span class="normal"><a href="#__codelineno-18-7">7</a></span>
+<span class="normal"><a href="#__codelineno-18-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="n">other</span> <span class="o">**</span> <span class="bp">self</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">pow</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># pow(), supports substitution of NaNs</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">rpow</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rpow(), supports substitution of NaNs</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="n">ps</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">pow</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># pow(), supports substitution of NaNs</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">rpow</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="n">columns</span><span class="p">,</span> <span class="n">fill_value</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># rpow(), supports substitution of NaNs</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="c1"># OTHER: {scalar, sequence, Series, DataFrame}</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a><span class="c1"># AXIS: {0, 1, index, columns} -- whether to compare by the index or columns</span>
+<a id="__codelineno-18-8" name="__codelineno-18-8"></a><span class="c1"># FILLVALUE: {None, float} -- fill missing value</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="essential-functionality">ESSENTIAL FUNCTIONALITY</h2>
+<h3 id="function-application-and-mapping">FUNCTION APPLICATION AND MAPPING</h3>
+<p>NumPy ufuncs work fine with pandas objects.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-19-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-19-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-19-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-19-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-19-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-19-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-19-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-19-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-19-10">10</a></span>
+<span class="normal"><a href="#__codelineno-19-11">11</a></span>
+<span class="normal"><a href="#__codelineno-19-12">12</a></span>
+<span class="normal"><a href="#__codelineno-19-13">13</a></span>
+<span class="normal"><a href="#__codelineno-19-14">14</a></span>
+<span class="normal"><a href="#__codelineno-19-15">15</a></span>
+<span class="normal"><a href="#__codelineno-19-16">16</a></span>
+<span class="normal"><a href="#__codelineno-19-17">17</a></span>
+<span class="normal"><a href="#__codelineno-19-18">18</a></span>
+<span class="normal"><a href="#__codelineno-19-19">19</a></span>
+<span class="normal"><a href="#__codelineno-19-20">20</a></span>
+<span class="normal"><a href="#__codelineno-19-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">applymap</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">func</span><span class="p">)</span>  <span class="c1"># apply function element-wise</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">apply</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">func</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">args</span><span class="o">=</span><span class="p">())</span>  <span class="c1"># apply a function along an axis of a DataFrame</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="c1"># FUNC: {function} -- function to apply</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="c1"># AXIS: {O, 1, index, columns} -- axis along which the function is applied</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="c1"># ARGS: {tuple} -- positional arguments to pass to func in addition to the array/series</span>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a><span class="c1"># SORTING AND RANKING</span>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">sort_index</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">True</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># sort Series by index labels</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># sort series by the values</span>
+<a id="__codelineno-19-10" name="__codelineno-19-10"></a><span class="c1"># ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True</span>
+<a id="__codelineno-19-11" name="__codelineno-19-11"></a><span class="c1"># INPALCE: {bool} -- if True, perform operation in-place</span>
+<a id="__codelineno-19-12" name="__codelineno-19-12"></a><span class="c1"># KIND: {quicksort, mergesort, heapsort} -- sorting algorithm</span>
+<a id="__codelineno-19-13" name="__codelineno-19-13"></a><span class="c1"># NA_POSITION {first, last} -- &#39;first&#39; puts NaNs at the beginning, &#39;last&#39; puts NaNs at the end</span>
+<a id="__codelineno-19-14" name="__codelineno-19-14"></a>
+<a id="__codelineno-19-15" name="__codelineno-19-15"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">sort_index</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># sort object by labels along an axis</span>
+<a id="__codelineno-19-16" name="__codelineno-19-16"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># sort object by values along an axis</span>
+<a id="__codelineno-19-17" name="__codelineno-19-17"></a><span class="c1"># AXIS: {0, 1, index, columns} -- the axis along which to sort</span>
+<a id="__codelineno-19-18" name="__codelineno-19-18"></a><span class="c1"># ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True</span>
+<a id="__codelineno-19-19" name="__codelineno-19-19"></a><span class="c1"># INPALCE: {bool} -- if True, perform operation in-place</span>
+<a id="__codelineno-19-20" name="__codelineno-19-20"></a><span class="c1"># KIND: {quicksort, mergesort, heapsort} -- sorting algorithm</span>
+<a id="__codelineno-19-21" name="__codelineno-19-21"></a><span class="c1"># NA_POSITION {first, last} -- &#39;first&#39; puts NaNs at the beginning, &#39;last&#39; puts NaNs at the end</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="descriptive-and-summary-statistics">DESCRIPTIVE AND SUMMARY STATISTICS</h2>
+<h3 id="count">COUNT</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># return number of non-NA/null observations in the Series</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>  <span class="c1"># count non-NA cells for each column or row</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="c1"># NUMERIC_ONLY: {bool} -- Include only float, int or boolean data -- DEFAULT False</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="describe">DESCRIBE</h3>
+<p>Generate descriptive statistics summarizing central tendency, dispersion and shape of dataset's distribution (exclude NaN).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span>
+<span class="normal"><a href="#__codelineno-21-4">4</a></span>
+<span class="normal"><a href="#__codelineno-21-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">describe</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">percentiles</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">include</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">exclude</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">describe</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">percentiles</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">include</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">exclude</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="c1"># PERCENTILES: {list-like of numbers} -- percentiles to include in output,between 0 and 1 -- DEFAULT [.25, .5, .75]</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a><span class="c1"># INCLUDE: {all, None, list of dtypes} -- white list of dtypes to include in the result. ignored for Series</span>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="c1"># EXCLUDE: {None, list of dtypes} -- black list of dtypes to omit from the result. ignored for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="max-min">MAX - MIN</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span>
+<span class="normal"><a href="#__codelineno-22-3">3</a></span>
+<span class="normal"><a href="#__codelineno-22-4">4</a></span>
+<span class="normal"><a href="#__codelineno-22-5">5</a></span>
+<span class="normal"><a href="#__codelineno-22-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">max</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># maximum of the values for the requested axis</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># minimum of the values for the requested axis</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">max</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># maximum of the values for the requested axis</span>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># minimum of the values for the requested axis</span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="idxmax-idxmin">IDXMAX - IDXMIN</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span>
+<span class="normal"><a href="#__codelineno-23-3">3</a></span>
+<span class="normal"><a href="#__codelineno-23-4">4</a></span>
+<span class="normal"><a href="#__codelineno-23-5">5</a></span>
+<span class="normal"><a href="#__codelineno-23-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">idxmax</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># row label of the maximum value</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">idxmin</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># row label of the minimum value</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">idxmax</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1">#  Return index of first occurrence of maximum over requested axis</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">idxmin</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1">#  Return index of first occurrence of minimum over requested axis</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a><span class="c1"># AXIS:{0, 1, index, columns} -- row-wise or column-wise</span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values. ff an entire row/column is NA, result will be NA</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="quantile">QUANTILE</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span>
+<span class="normal"><a href="#__codelineno-24-4">4</a></span>
+<span class="normal"><a href="#__codelineno-24-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">quantile</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">q</span><span class="o">=</span><span class="mf">0.5</span><span class="p">,</span> <span class="n">interpolation</span><span class="o">=</span><span class="s1">&#39;linear&#39;</span><span class="p">)</span>  <span class="c1"># return values at the given quantile</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">quantile</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">q</span><span class="o">=</span><span class="mf">0.5</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">interpolation</span><span class="o">=</span><span class="s1">&#39;linear&#39;</span><span class="p">)</span> <span class="c1"># return values at the given quantile over requested axis</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="c1"># Q: {flaot, array} -- value between 0 &lt;= q &lt;= 1, the quantile(s) to compute -- DEFAULT 0.5 (50%)</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a><span class="c1"># NUMERIC_ONLY: {bool} -- if False, quantile of datetime and timedelta data will be computed as well</span>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="c1"># INTERPOLATION: {linear, lower, higher, midpoint, nearest} -- SEE DOCS</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sum">SUM</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span>
+<span class="normal"><a href="#__codelineno-25-4">4</a></span>
+<span class="normal"><a href="#__codelineno-25-5">5</a></span>
+<span class="normal"><a href="#__codelineno-25-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">min_count</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>  <span class="c1"># sum of the values</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">min_count</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>  <span class="c1"># sum of the values for the requested axis</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a><span class="c1"># MIN_COUNT: {int} -- required number of valid values to perform the operation. if fewer than min_count non-NA values are present the result will be NA</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mean">MEAN</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span>
+<span class="normal"><a href="#__codelineno-26-4">4</a></span>
+<span class="normal"><a href="#__codelineno-26-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>   <span class="c1"># mean of the values</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mean of the values for the requested axis</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="median">MEDIAN</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">median</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># median of the values</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">median</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># median of the values for the requested axis</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="mad-mean-absolute-deviation">MAD (mean absolute deviation)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">mad</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mean absolute deviation</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">mad</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># mean absolute deviation of the values for the requested axis</span>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="var-variance">VAR (variance)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span>
+<span class="normal"><a href="#__codelineno-29-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">var</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># unbiased variance</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">var</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">ddof</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1">#  unbiased variance over requested axis</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a><span class="c1"># DDOF: {int} -- Delta Degrees of Freedom. divisor used in calculations is N - ddof (N represents the number of elements) -- DEFAULT 1</span>
+<a id="__codelineno-29-6" name="__codelineno-29-6"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="std-standard-deviation">STD (standard deviation)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span>
+<span class="normal"><a href="#__codelineno-30-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">std</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">ddof</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># sample standard deviation</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">std</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">ddof</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># sample standard deviation over requested axis</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="c1"># DDOF: {int} -- Delta Degrees of Freedom. divisor used in calculations is N - ddof (N represents the number of elements) -- DEFAULT 1</span>
+<a id="__codelineno-30-6" name="__codelineno-30-6"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="skew">SKEW</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span>
+<span class="normal"><a href="#__codelineno-31-2">2</a></span>
+<span class="normal"><a href="#__codelineno-31-3">3</a></span>
+<span class="normal"><a href="#__codelineno-31-4">4</a></span>
+<span class="normal"><a href="#__codelineno-31-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">skew</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># unbiased skew Normalized bt N-1</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">skew</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1">#  unbiased skew over requested axis Normalized by N-1</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="kurt">KURT</h3>
+<p>Unbiased kurtosis over requested axis using Fisher's definition of kurtosis (kurtosis of normal == 0.0). Normalized by N-1.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span>
+<span class="normal"><a href="#__codelineno-32-2">2</a></span>
+<span class="normal"><a href="#__codelineno-32-3">3</a></span>
+<span class="normal"><a href="#__codelineno-32-4">4</a></span>
+<span class="normal"><a href="#__codelineno-32-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">kurt</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">kurt</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">numeric_only</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values when computing the result</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a><span class="c1"># NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="cumsum-cumulative-sum">CUMSUM (cumulative sum)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span>
+<span class="normal"><a href="#__codelineno-33-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">cumsum</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative sum</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">cumsum</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative sum over requested axis</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="cummax-cummin-cumulative-maximum-minimum">CUMMAX - CUMMIN (cumulative maximum - minimum)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span>
+<span class="normal"><a href="#__codelineno-34-3">3</a></span>
+<span class="normal"><a href="#__codelineno-34-4">4</a></span>
+<span class="normal"><a href="#__codelineno-34-5">5</a></span>
+<span class="normal"><a href="#__codelineno-34-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">cummax</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative maximum</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">cummin</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative minimum</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">cummax</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative maximum over requested axis</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">cummin</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative minimum over requested axis</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-34-6" name="__codelineno-34-6"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="cumprod-cumulative-product">CUMPROD (cumulative product)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1">1</a></span>
+<span class="normal"><a href="#__codelineno-35-2">2</a></span>
+<span class="normal"><a href="#__codelineno-35-3">3</a></span>
+<span class="normal"><a href="#__codelineno-35-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">cumprod</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative product</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">cumprod</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">skipna</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cumulative product over requested axis</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis for the function to be applied on</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="c1"># SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="diff">DIFF</h3>
+<p>Calculates the difference of a DataFrame element compared with another element in the DataFrame.<br />
+(default is the element in the same column of the previous row)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1">1</a></span>
+<span class="normal"><a href="#__codelineno-36-2">2</a></span>
+<span class="normal"><a href="#__codelineno-36-3">3</a></span>
+<span class="normal"><a href="#__codelineno-36-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">diff</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">periods</span><span class="o">=</span><span class="mi">1</span><span class="p">)</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">diff</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">periods</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="c1"># PERIODS: {int} -- Periods to shift for calculating difference, accepts negative values -- DEFAULT 1</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a><span class="c1"># AXIS: {0, 1, index, columns} -- Take difference over rows or columns</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pct_change">PCT_CHANGE</h3>
+<p>Percentage change between the current and a prior element.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1">1</a></span>
+<span class="normal"><a href="#__codelineno-37-2">2</a></span>
+<span class="normal"><a href="#__codelineno-37-3">3</a></span>
+<span class="normal"><a href="#__codelineno-37-4">4</a></span>
+<span class="normal"><a href="#__codelineno-37-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">Pct_change</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">periods</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">fill_method</span><span class="o">=</span><span class="s1">&#39;pad&#39;</span><span class="p">,</span> <span class="n">limit</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">freq</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Dataframe</span><span class="o">.</span><span class="n">pct_change</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">periods</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">fill_method</span><span class="o">=</span><span class="s1">&#39;pad&#39;</span><span class="p">,</span> <span class="n">limit</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="c1"># PERIODS:{int} -- periods to shift for forming percent change</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a><span class="c1"># FILL_METHOD: {str, pda} -- How to handle NAs before computing percent changes -- DEFAULT pad</span>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="c1"># LIMIT: {int} -- number of consecutive NAs to fill before stopping -- DEFAULT None</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="handling-missing-data">HANDLING MISSING DATA</h2>
+<h3 id="filtering-out-missing-data">FILTERING OUT MISSING DATA</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1">1</a></span>
+<span class="normal"><a href="#__codelineno-38-2">2</a></span>
+<span class="normal"><a href="#__codelineno-38-3">3</a></span>
+<span class="normal"><a href="#__codelineno-38-4">4</a></span>
+<span class="normal"><a href="#__codelineno-38-5">5</a></span>
+<span class="normal"><a href="#__codelineno-38-6">6</a></span>
+<span class="normal"><a href="#__codelineno-38-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">dropna</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>  <span class="c1"># return a new Series with missing values removed</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">dropna</span><span class="p">(</span><span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">how</span><span class="o">=</span><span class="s1">&#39;any&#39;</span><span class="p">,</span> <span class="n">tresh</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">subset</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>  <span class="c1"># return a new DataFrame with missing values removed</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a><span class="c1"># AXIS: {tuple, list} -- tuple or list to drop on multiple axes. only a single axis is allowed</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="c1"># HOW: {any, all} -- determine if row or column is removed from DataFrame (ANY = if any NA present, ALL = if all values are NA). DEFAULT any</span>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a><span class="c1"># TRESH: {int} -- require that many non-NA values</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="c1"># SUBSET: {array} -- labels along other axis to consider</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a><span class="c1"># INPLACE: {bool} -- if True, do operation inplace and return None -- DEFAULT False</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="filling-in-missing-data">FILLING IN MISSING DATA</h3>
+<p>Fill NA/NaN values using the specified method.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1">1</a></span>
+<span class="normal"><a href="#__codelineno-39-2">2</a></span>
+<span class="normal"><a href="#__codelineno-39-3">3</a></span>
+<span class="normal"><a href="#__codelineno-39-4">4</a></span>
+<span class="normal"><a href="#__codelineno-39-5">5</a></span>
+<span class="normal"><a href="#__codelineno-39-6">6</a></span>
+<span class="normal"><a href="#__codelineno-39-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">fillna</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">method</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">False</span><span class="p">,</span> <span class="n">limit</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">fillna</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">method</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">False</span><span class="p">,</span> <span class="n">limit</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="c1"># VALUE: {scalar, dict, Series, DataFrame} -- value to use to fill holes, dict/Series/DataFrame specifying which value to use for each index or column</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="c1"># METHOD: {backfill, pad, None} -- method to use for filling holes -- DEFAULT None</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis along which to fill missing values</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a><span class="c1"># INPLACE: {bool} -- if true fill in-place (will modify views of object) -- DEFAULT False</span>
+<a id="__codelineno-39-7" name="__codelineno-39-7"></a><span class="c1"># LIMIT: {int} --  maximum number of consecutive NaN values to forward/backward fill -- DEFAULT None</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="hierarchical-indexing-multiindex">HIERARCHICAL INDEXING (MultiIndex)</h2>
+<p>Enables storing and manipulation of data with an arbitrary number of dimensions.<br />
+In lower dimensional data structures like Series (1d) and DataFrame (2d).</p>
+<h3 id="multiiindex-creation">MULTIIINDEX CREATION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span>
+<span class="normal"><a href="#__codelineno-40-4">4</a></span>
+<span class="normal"><a href="#__codelineno-40-5">5</a></span>
+<span class="normal"><a href="#__codelineno-40-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">from_arrays</span><span class="p">(</span><span class="o">*</span><span class="n">arrays</span><span class="p">,</span> <span class="n">names</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># convert arrays to MultiIndex</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">from_tuples</span><span class="p">(</span><span class="o">*</span><span class="n">arrays</span><span class="p">,</span> <span class="n">names</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># convert tuples to MultiIndex</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">from_frame</span><span class="p">(</span><span class="n">df</span><span class="p">,</span> <span class="n">names</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># convert DataFrame to MultiIndex</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">from_product</span><span class="p">(</span><span class="o">*</span><span class="n">iterables</span><span class="p">,</span> <span class="n">names</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>     <span class="c1">#  MultiIndex from cartesian product of iterables</span>
+<a id="__codelineno-40-5" name="__codelineno-40-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="p">(</span><span class="o">*</span><span class="n">arrays</span><span class="p">)</span>  <span class="c1"># Index constructor makes MultiIndex from Series</span>
+<a id="__codelineno-40-6" name="__codelineno-40-6"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="o">*</span><span class="n">arrays</span><span class="p">)</span>  <span class="c1"># Index constructor makes MultiINdex from DataFrame</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiindex-levels">MULTIINDEX LEVELS</h3>
+<p>Vector of label values for requested level, equal to the length of the index.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">get_level_values</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">level</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="partial-and-cross-section-selection">PARTIAL AND CROSS-SECTION SELECTION</h3>
+<p>Partial selection "drops" levels of the hierarchical index in the result  in a completely analogous way to selecting a column in a regular DataFrame.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span>
+<span class="normal"><a href="#__codelineno-42-2">2</a></span>
+<span class="normal"><a href="#__codelineno-42-3">3</a></span>
+<span class="normal"><a href="#__codelineno-42-4">4</a></span>
+<span class="normal"><a href="#__codelineno-42-5">5</a></span>
+<span class="normal"><a href="#__codelineno-42-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">xs</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">level</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">drop_level</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># cross-section from Series</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">xs</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">level</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">drop_level</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1">#  cross-section from DataFrame</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a><span class="c1"># KEY: {label, tuple of label} -- label contained in the index, or partially in a MultiIndex</span>
+<a id="__codelineno-42-4" name="__codelineno-42-4"></a><span class="c1"># AXIS: {0, 1, index, columns} -- axis to retrieve cross-section on -- DEFAULT 0</span>
+<a id="__codelineno-42-5" name="__codelineno-42-5"></a><span class="c1"># LEVEL: -- in case of key partially contained in MultiIndex, indicate which levels are used. Levels referred by label or position</span>
+<a id="__codelineno-42-6" name="__codelineno-42-6"></a><span class="c1"># DROP_LEVEL: {bool} -- If False, returns object with same levels as self -- DEFAULT True</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="indexing-slicing">INDEXING, SLICING</h3>
+<p>Multi index keys take the form of tuples.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1">1</a></span>
+<span class="normal"><a href="#__codelineno-43-2">2</a></span>
+<span class="normal"><a href="#__codelineno-43-3">3</a></span>
+<span class="normal"><a href="#__codelineno-43-4">4</a></span>
+<span class="normal"><a href="#__codelineno-43-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="s1">&#39;lvl_1&#39;</span><span class="p">,</span> <span class="s1">&#39;lvl_2&#39;</span><span class="p">,</span> <span class="o">...</span><span class="p">)]</span>  <span class="c1"># selection of single row</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="s1">&#39;idx_lvl_1&#39;</span><span class="p">,</span> <span class="s1">&#39;idx_lvl_2&#39;</span><span class="p">,</span> <span class="o">...</span><span class="p">),</span> <span class="p">(</span><span class="s1">&#39;col_lvl_1&#39;</span><span class="p">,</span> <span class="s1">&#39;col_lvl_2&#39;</span><span class="p">,</span> <span class="o">...</span><span class="p">)]</span>  <span class="c1"># selection of single value</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a>
+<a id="__codelineno-43-4" name="__codelineno-43-4"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="s1">&#39;idx_lvl_1&#39;</span><span class="p">:</span><span class="s1">&#39;idx_lvl_1&#39;</span><span class="p">]</span>  <span class="c1"># slice of rows (aka partial selection)</span>
+<a id="__codelineno-43-5" name="__codelineno-43-5"></a><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[(</span><span class="s1">&#39;idx_lvl_1&#39;</span><span class="p">,</span> <span class="s1">&#39;idx_lvl_2&#39;</span><span class="p">)</span> <span class="p">:</span> <span class="p">(</span><span class="s1">&#39;idx_lvl_1&#39;</span><span class="p">,</span> <span class="s1">&#39;idx_lvl_2&#39;</span><span class="p">)]</span>  <span class="c1"># slice of rows with levels</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="reordering-and-sorting-levels">REORDERING AND SORTING LEVELS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1">1</a></span>
+<span class="normal"><a href="#__codelineno-44-2">2</a></span>
+<span class="normal"><a href="#__codelineno-44-3">3</a></span>
+<span class="normal"><a href="#__codelineno-44-4">4</a></span>
+<span class="normal"><a href="#__codelineno-44-5">5</a></span>
+<span class="normal"><a href="#__codelineno-44-6">6</a></span>
+<span class="normal"><a href="#__codelineno-44-7">7</a></span>
+<span class="normal"><a href="#__codelineno-44-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">swaplevel</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">i</span><span class="o">=-</span><span class="mi">2</span><span class="p">,</span> <span class="n">j</span><span class="o">=-</span><span class="mi">1</span><span class="p">)</span>  <span class="c1"># swap level i with level j</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="n">pd</span><span class="o">.</span><span class="n">Series</span><span class="o">.</span><span class="n">swaplevel</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">i</span><span class="o">=-</span><span class="mi">2</span><span class="p">,</span> <span class="n">j</span><span class="o">=-</span><span class="mi">1</span><span class="p">)</span> <span class="c1"># swap levels i and j in a MultiIndex</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">swaplevel</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">i</span><span class="o">=-</span><span class="mi">2</span><span class="p">,</span> <span class="n">j</span><span class="o">=-</span><span class="mi">1</span><span class="p">,</span> <span class="n">axis</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span> <span class="c1"># swap levels i and j in a MultiIndex on a partivular axis</span>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a><span class="n">pd</span><span class="o">.</span><span class="n">MultiIndex</span><span class="o">.</span><span class="n">sortlevel</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">level</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">sort_remaining</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>  <span class="c1"># sort MultiIndex at requested level</span>
+<a id="__codelineno-44-6" name="__codelineno-44-6"></a><span class="c1"># LEVEL: {str, int, list-like} -- DEFAULT 0</span>
+<a id="__codelineno-44-7" name="__codelineno-44-7"></a><span class="c1"># ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True</span>
+<a id="__codelineno-44-8" name="__codelineno-44-8"></a><span class="c1"># SORT_REMAINING: {bool} -- sort by the remaining levels after level</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-loading-storage-file-formats">DATA LOADING, STORAGE FILE FORMATS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-45-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-45-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-45-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-45-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-45-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-45-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-45-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-45-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-45-10">10</a></span>
+<span class="normal"><a href="#__codelineno-45-11">11</a></span>
+<span class="normal"><a href="#__codelineno-45-12">12</a></span>
+<span class="normal"><a href="#__codelineno-45-13">13</a></span>
+<span class="normal"><a href="#__codelineno-45-14">14</a></span>
+<span class="normal"><a href="#__codelineno-45-15">15</a></span>
+<span class="normal"><a href="#__codelineno-45-16">16</a></span>
+<span class="normal"><a href="#__codelineno-45-17">17</a></span>
+<span class="normal"><a href="#__codelineno-45-18">18</a></span>
+<span class="normal"><a href="#__codelineno-45-19">19</a></span>
+<span class="normal"><a href="#__codelineno-45-20">20</a></span>
+<span class="normal"><a href="#__codelineno-45-21">21</a></span>
+<span class="normal"><a href="#__codelineno-45-22">22</a></span>
+<span class="normal"><a href="#__codelineno-45-23">23</a></span>
+<span class="normal"><a href="#__codelineno-45-24">24</a></span>
+<span class="normal"><a href="#__codelineno-45-25">25</a></span>
+<span class="normal"><a href="#__codelineno-45-26">26</a></span>
+<span class="normal"><a href="#__codelineno-45-27">27</a></span>
+<span class="normal"><a href="#__codelineno-45-28">28</a></span>
+<span class="normal"><a href="#__codelineno-45-29">29</a></span>
+<span class="normal"><a href="#__codelineno-45-30">30</a></span>
+<span class="normal"><a href="#__codelineno-45-31">31</a></span>
+<span class="normal"><a href="#__codelineno-45-32">32</a></span>
+<span class="normal"><a href="#__codelineno-45-33">33</a></span>
+<span class="normal"><a href="#__codelineno-45-34">34</a></span>
+<span class="normal"><a href="#__codelineno-45-35">35</a></span>
+<span class="normal"><a href="#__codelineno-45-36">36</a></span>
+<span class="normal"><a href="#__codelineno-45-37">37</a></span>
+<span class="normal"><a href="#__codelineno-45-38">38</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_fwf</span><span class="p">(</span><span class="n">filepath</span><span class="p">,</span> <span class="n">colspecs</span><span class="o">=</span><span class="s1">&#39;infer&#39;</span><span class="p">,</span> <span class="n">widths</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">infer_nrows</span><span class="o">=</span><span class="mi">100</span><span class="p">)</span>  <span class="c1"># read a table of fixed-width formatted lines into DataFrame</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a><span class="c1"># FILEPATH: {str, path object} -- any valid string path is acceptable, could be a URL. Valid URLs: http, ftp, s3, and file</span>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a><span class="c1"># COLSPECS: {list of tuple (int, int), &#39;infer&#39;} -- list of tuples giving extents of fixed-width fields of each line as half-open intervals { [from, to) }</span>
+<a id="__codelineno-45-4" name="__codelineno-45-4"></a><span class="c1"># WIDTHS: {list of int} -- list of field widths which can be used instead of &quot;colspecs&quot; if intervals are contiguous</span>
+<a id="__codelineno-45-5" name="__codelineno-45-5"></a><span class="c1"># INFER_ROWS: {int} -- number of rows to consider when letting parser determine colspecs -- DEFAULT 100</span>
+<a id="__codelineno-45-6" name="__codelineno-45-6"></a>
+<a id="__codelineno-45-7" name="__codelineno-45-7"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_excel</span><span class="p">()</span>  <span class="c1"># read an Excel file into a pandas DataFrame</span>
+<a id="__codelineno-45-8" name="__codelineno-45-8"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_json</span><span class="p">()</span>  <span class="c1"># convert a JSON string to pandas object</span>
+<a id="__codelineno-45-9" name="__codelineno-45-9"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_html</span><span class="p">()</span>  <span class="c1"># read HTML tables into a list of DataFrame objects</span>
+<a id="__codelineno-45-10" name="__codelineno-45-10"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_sql</span><span class="p">()</span>  <span class="c1"># read SQL query or database table into a DataFrame</span>
+<a id="__codelineno-45-11" name="__codelineno-45-11"></a>
+<a id="__codelineno-45-12" name="__codelineno-45-12"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="n">filepath</span><span class="p">,</span> <span class="n">sep</span><span class="o">=</span><span class="s1">&#39;,&#39;</span><span class="p">,</span> <span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span> <span class="p">)</span>  <span class="c1"># read a comma-separated values (csv) file into DataFrame</span>
+<a id="__codelineno-45-13" name="__codelineno-45-13"></a><span class="n">pd</span><span class="o">.</span><span class="n">read_table</span><span class="p">(</span><span class="n">filepath</span><span class="p">,</span> <span class="n">sep</span><span class="o">=</span><span class="s1">&#39;</span><span class="se">\t</span><span class="s1">&#39;</span><span class="p">,</span> <span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># read general delimited file into DataFrame</span>
+<a id="__codelineno-45-14" name="__codelineno-45-14"></a><span class="c1"># FILEPATH: {str, path object} -- any valid string path is acceptable, could be a URL. Valid URLs: http, ftp, s3, and file</span>
+<a id="__codelineno-45-15" name="__codelineno-45-15"></a><span class="c1"># SEP: {str} -- delimiter to use -- DEFAULT \t (tab)</span>
+<a id="__codelineno-45-16" name="__codelineno-45-16"></a><span class="c1"># HEADER {int, list of int, &#39;infer&#39;} -- row numbers to use as column names, and the start of the data -- DEFAULT &#39;infer&#39;</span>
+<a id="__codelineno-45-17" name="__codelineno-45-17"></a><span class="c1"># NAMES:{array} -- list of column names to use -- DEFAULT None</span>
+<a id="__codelineno-45-18" name="__codelineno-45-18"></a><span class="c1"># INDEX_COL: {int, str, False, sequnce of int/str, None} -- Columns to use as row labels of DataFrame, given as string name or column index -- DEFAULT None</span>
+<a id="__codelineno-45-19" name="__codelineno-45-19"></a><span class="c1"># SKIPROWS: {list-like, int, callable} -- Line numbers to skip (0-indexed) or number of lines to skip (int) at the start of the file</span>
+<a id="__codelineno-45-20" name="__codelineno-45-20"></a><span class="c1"># NA_VALUES: {scalar, str, list-like, dict} -- additional strings to recognize as NA/NaN. if dict passed, specific per-column NA values</span>
+<a id="__codelineno-45-21" name="__codelineno-45-21"></a><span class="c1"># THOUSANDS: {str} -- thousand separator</span>
+<a id="__codelineno-45-22" name="__codelineno-45-22"></a><span class="c1"># *ARGS, **KWARGS -- SEE DOCS</span>
+<a id="__codelineno-45-23" name="__codelineno-45-23"></a>
+<a id="__codelineno-45-24" name="__codelineno-45-24"></a><span class="c1"># write object to a comma-separated values (csv) file</span>
+<a id="__codelineno-45-25" name="__codelineno-45-25"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">to_csv</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">path_or_buf</span><span class="p">,</span> <span class="n">sep</span><span class="o">=</span><span class="s1">&#39;,&#39;</span><span class="p">,</span> <span class="n">na_rep</span><span class="o">=</span><span class="s1">&#39;&#39;</span><span class="p">,</span> <span class="n">columns</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">header</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">encoding</span><span class="o">=</span><span class="s1">&#39;utf-8&#39;</span><span class="p">,</span> <span class="n">line_terminator</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">decimal</span><span class="o">=</span><span class="s1">&#39;.&#39;</span><span class="p">,</span> <span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-45-26" name="__codelineno-45-26"></a><span class="c1"># SEP: {str len 1} --  Field delimiter for the output file</span>
+<a id="__codelineno-45-27" name="__codelineno-45-27"></a><span class="c1"># NA_REP: {str} -- missing data representation</span>
+<a id="__codelineno-45-28" name="__codelineno-45-28"></a><span class="c1"># COLUMNS: {sequence} -- colums to write</span>
+<a id="__codelineno-45-29" name="__codelineno-45-29"></a><span class="c1"># HEADER: {bool, list of str} -- write out column names. if list of strings is given its assumed to be aliases for column names</span>
+<a id="__codelineno-45-30" name="__codelineno-45-30"></a><span class="c1"># INDEX: {bool, list of str} -- write out row names (index)</span>
+<a id="__codelineno-45-31" name="__codelineno-45-31"></a><span class="c1"># ENCODING: {str} -- string representing encoding to use -- DEFAULT &quot;utf-8&quot;</span>
+<a id="__codelineno-45-32" name="__codelineno-45-32"></a><span class="c1"># LINE_TERMINATOR: {str} -- newline character or character sequence to use in the output file -- DEFAULT os.linesep</span>
+<a id="__codelineno-45-33" name="__codelineno-45-33"></a><span class="c1"># DECIMAL: {str} -- character recognized as decimal separator (in EU ,)</span>
+<a id="__codelineno-45-34" name="__codelineno-45-34"></a>
+<a id="__codelineno-45-35" name="__codelineno-45-35"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">to_excel</span><span class="p">()</span>
+<a id="__codelineno-45-36" name="__codelineno-45-36"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">to_json</span><span class="p">()</span>
+<a id="__codelineno-45-37" name="__codelineno-45-37"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">to_html</span><span class="p">()</span>
+<a id="__codelineno-45-38" name="__codelineno-45-38"></a><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="o">.</span><span class="n">to_sql</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="numpy.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Numpy">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Numpy
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="seaborn.html" class="md-footer__link md-footer__link--next" aria-label="Next: Seaborn">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Seaborn
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/libs/requests.html b/languages/python/libs/requests.html
new file mode 100644
index 0000000..b5985c9
--- /dev/null
+++ b/languages/python/libs/requests.html
@@ -0,0 +1,4585 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/libs/requests.html">
+      
+      
+        <link rel="prev" href="seaborn.html">
+      
+      
+        <link rel="next" href="beautiful-soup.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Requests - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Requests - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/requests.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/libs/requests.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Requests - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/requests.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#requests-lib" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Requests
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="requests.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#get-request" class="md-nav__link">
+    <span class="md-ellipsis">
+      GET REQUEST
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="GET REQUEST">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#query-string-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      QUERY STRING PARAMETERS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#request-headers" class="md-nav__link">
+    <span class="md-ellipsis">
+      REQUEST HEADERS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#other-http-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      OTHER HTTP METHODS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="OTHER HTTP METHODS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#data-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATA INPUT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sending-json-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      SENDING JSON DATA
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inspecting-the-request" class="md-nav__link">
+    <span class="md-ellipsis">
+      INSPECTING THE REQUEST
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#authentication" class="md-nav__link">
+    <span class="md-ellipsis">
+      AUTHENTICATION
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="AUTHENTICATION">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#personalized-auth" class="md-nav__link">
+    <span class="md-ellipsis">
+      PERSONALIZED AUTH
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#disabling-ssl-verification" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISABLING SSL VERIFICATION
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#performance" class="md-nav__link">
+    <span class="md-ellipsis">
+      PERFORMANCE
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PERFORMANCE">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#request-timeout" class="md-nav__link">
+    <span class="md-ellipsis">
+      REQUEST TIMEOUT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#max-retries" class="md-nav__link">
+    <span class="md-ellipsis">
+      MAX RETRIES
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#get-request" class="md-nav__link">
+    <span class="md-ellipsis">
+      GET REQUEST
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="GET REQUEST">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#query-string-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      QUERY STRING PARAMETERS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#request-headers" class="md-nav__link">
+    <span class="md-ellipsis">
+      REQUEST HEADERS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#other-http-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      OTHER HTTP METHODS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="OTHER HTTP METHODS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#data-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      DATA INPUT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sending-json-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      SENDING JSON DATA
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inspecting-the-request" class="md-nav__link">
+    <span class="md-ellipsis">
+      INSPECTING THE REQUEST
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#authentication" class="md-nav__link">
+    <span class="md-ellipsis">
+      AUTHENTICATION
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="AUTHENTICATION">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#personalized-auth" class="md-nav__link">
+    <span class="md-ellipsis">
+      PERSONALIZED AUTH
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#disabling-ssl-verification" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISABLING SSL VERIFICATION
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#performance" class="md-nav__link">
+    <span class="md-ellipsis">
+      PERFORMANCE
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PERFORMANCE">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#request-timeout" class="md-nav__link">
+    <span class="md-ellipsis">
+      REQUEST TIMEOUT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#max-retries" class="md-nav__link">
+    <span class="md-ellipsis">
+      MAX RETRIES
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="requests-lib">Requests Lib</h1>
+<h2 id="get-request">GET REQUEST</h2>
+<p>Get or retrieve data from specified resource</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">)</span>    <span class="c1"># returns response object</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># PAYLOAD -&gt; valuable information of response</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">response</span><span class="o">.</span><span class="n">status_code</span>    <span class="c1"># http status code</span>
+</code></pre></div></td></tr></table></div>
+<p>The response message consists of:</p>
+<ul>
+<li>status line which includes the status code and reason message</li>
+<li>response header fields (e.g., Content-Type: text/html)</li>
+<li>empty line</li>
+<li>optional message body</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>1xx -&gt; INFORMATIONAL RESPONSE
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>2xx -&gt; SUCCESS
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>    200 OK -&gt; request successful
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>3xx -&gt; REDIRECTION
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>4xx -&gt; CLIENT ERRORS
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>    404 NOT FOUND -&gt; resource not found
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>5xx -&gt; SERVER ERRORS
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1"># raise exception HTTPError for error status codes</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">response</span><span class="o">.</span><span class="n">raise_for_status</span><span class="p">()</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="n">response</span><span class="o">.</span><span class="n">content</span>    <span class="c1"># raw bytes of payload</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="n">response</span><span class="o">.</span><span class="n">encoding</span> <span class="o">=</span> <span class="s1">&#39;utf-8&#39;</span>    <span class="c1"># specify encoding</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="n">response</span><span class="o">.</span><span class="n">text</span>    <span class="c1"># string payload (serialized JSON)</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="n">response</span><span class="o">.</span><span class="n">json</span><span class="p">()</span>    <span class="c1"># dict of payload</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="n">response</span><span class="o">.</span><span class="n">headers</span>    <span class="c1"># response headers (dict)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="query-string-parameters">QUERY STRING PARAMETERS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">params</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;q&#39;</span><span class="p">:</span><span class="s1">&#39;query&#39;</span><span class="p">})</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">params</span><span class="o">=</span><span class="p">[(</span><span class="s1">&#39;q&#39;</span><span class="p">,</span> <span class="s1">&#39;query&#39;</span><span class="p">)])</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">params</span><span class="o">=</span><span class="sa">b</span><span class="s1">&#39;q=query&#39;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="request-headers">REQUEST HEADERS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>    <span class="s1">&#39;URL&#39;</span><span class="p">,</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>    <span class="n">params</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;q&#39;</span><span class="p">:</span> <span class="s1">&#39;query&#39;</span><span class="p">},</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>    <span class="n">headers</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;header&#39;</span><span class="p">:</span> <span class="s1">&#39;header_query&#39;</span><span class="p">}</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="other-http-methods">OTHER HTTP METHODS</h2>
+<h3 id="data-input">DATA INPUT</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c1"># requests that entity enclosed be stored as a new subordinate of the web resource identified by the URI</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">requests</span><span class="o">.</span><span class="n">post</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;key&#39;</span><span class="p">:</span><span class="s1">&#39;value&#39;</span><span class="p">})</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="c1"># requests that the enclosed entity be stored under the supplied URI</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="n">requests</span><span class="o">.</span><span class="n">put</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;key&#39;</span><span class="p">:</span><span class="s1">&#39;value&#39;</span><span class="p">})</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="c1"># applies partial modification</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="n">requests</span><span class="o">.</span><span class="n">patch</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;key&#39;</span><span class="p">:</span><span class="s1">&#39;value&#39;</span><span class="p">})</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="c1"># deletes specified resource</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="n">requests</span><span class="o">.</span><span class="n">delete</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">)</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="c1"># ask for a response but without the response body (only headers)</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="n">requests</span><span class="o">.</span><span class="n">head</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">)</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="c1"># returns supported HTTP methods of the server</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="n">requests</span><span class="o">.</span><span class="n">options</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="sending-json-data">SENDING JSON DATA</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">requests</span><span class="o">.</span><span class="n">post</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">json</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;key&#39;</span><span class="p">:</span> <span class="s1">&#39;value&#39;</span><span class="p">})</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inspecting-the-request">INSPECTING THE REQUEST</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1"># requests lib prepares the requests before sending it</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">response</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">post</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="p">{</span><span class="s1">&#39;key&#39;</span><span class="p">:</span><span class="s1">&#39;value&#39;</span><span class="p">})</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="n">response</span><span class="o">.</span><span class="n">request</span><span class="o">.</span><span class="n">something</span>    <span class="c1"># inspect request field</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="authentication">AUTHENTICATION</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">auth</span><span class="o">=</span><span class="p">(</span><span class="s1">&#39;username&#39;</span><span class="p">,</span> <span class="s1">&#39;password&#39;</span><span class="p">))</span>    <span class="c1"># use implicit HTTP Basic Authorization</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="c1"># explicit HTTP Basic Authorization and other</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="kn">from</span> <span class="nn">requests.auth</span> <span class="kn">import</span> <span class="n">HTTPBasicAuth</span><span class="p">,</span> <span class="n">HTTPDigestAuth</span><span class="p">,</span> <span class="n">HTTPProxyAuth</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="kn">from</span> <span class="nn">getpass</span> <span class="kn">import</span> <span class="n">getpass</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">auth</span><span class="o">=</span><span class="n">HTTPBasicAuth</span><span class="p">(</span><span class="s1">&#39;username&#39;</span><span class="p">,</span> <span class="n">getpass</span><span class="p">()))</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="personalized-auth">PERSONALIZED AUTH</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-9-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-9-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-9-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-9-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-9-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-9-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-9-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-9-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-9-10">10</a></span>
+<span class="normal"><a href="#__codelineno-9-11">11</a></span>
+<span class="normal"><a href="#__codelineno-9-12">12</a></span>
+<span class="normal"><a href="#__codelineno-9-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kn">from</span> <span class="nn">requests.auth</span> <span class="kn">import</span> <span class="n">AuthBase</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="k">class</span> <span class="nc">TokenAuth</span><span class="p">(</span><span class="n">AuthBase</span><span class="p">):</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>    <span class="s2">&quot;custom authentication scheme&quot;</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">token</span><span class="p">):</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a>        <span class="bp">self</span><span class="o">.</span><span class="n">token</span> <span class="o">=</span> <span class="n">token</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a>    <span class="k">def</span> <span class="fm">__call__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">r</span><span class="p">):</span>
+<a id="__codelineno-9-9" name="__codelineno-9-9"></a><span class="w">        </span><span class="sd">&quot;&quot;&quot;Attach API token to custom auth&quot;&quot;&quot;</span>
+<a id="__codelineno-9-10" name="__codelineno-9-10"></a>        <span class="n">r</span><span class="o">.</span><span class="n">headers</span><span class="p">[</span><span class="s1">&#39;X-TokenAuth&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="sa">f</span><span class="s1">&#39;</span><span class="si">{</span><span class="bp">self</span><span class="o">.</span><span class="n">token</span><span class="si">}</span><span class="s1">&#39;</span>
+<a id="__codelineno-9-11" name="__codelineno-9-11"></a>        <span class="k">return</span> <span class="n">r</span>
+<a id="__codelineno-9-12" name="__codelineno-9-12"></a>
+<a id="__codelineno-9-13" name="__codelineno-9-13"></a><span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">auth</span><span class="o">=</span><span class="n">TokenAuth</span><span class="p">(</span><span class="s1">&#39;1234abcde-token&#39;</span><span class="p">))</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="disabling-ssl-verification">DISABLING SSL VERIFICATION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">verify</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="performance">PERFORMANCE</h2>
+<h3 id="request-timeout">REQUEST TIMEOUT</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="c1"># raise Timeout exception if request times out</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">timeout</span><span class="o">=</span><span class="p">(</span><span class="n">connection_timeout</span><span class="p">,</span> <span class="n">read_timeout</span><span class="p">))</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="max-retries">MAX RETRIES</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="kn">from</span> <span class="nn">requests.adapters</span> <span class="kn">import</span> <span class="n">HTTPAdapter</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="n">URL_adapter</span> <span class="o">=</span> <span class="n">HTTPAdapter</span><span class="p">(</span><span class="n">max_retries</span> <span class="o">=</span> <span class="nb">int</span><span class="p">)</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="n">session</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">Session</span><span class="p">()</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="c1"># use URL_adapter for all requests to URL</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="n">session</span><span class="o">.</span><span class="n">mount</span><span class="p">(</span><span class="s1">&#39;URL&#39;</span><span class="p">,</span> <span class="n">URL_adapter</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="seaborn.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Seaborn">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Seaborn
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="beautiful-soup.html" class="md-footer__link md-footer__link--next" aria-label="Next: Beatiful Soup">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Beatiful Soup
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/libs/seaborn.html b/languages/python/libs/seaborn.html
new file mode 100644
index 0000000..0ff0888
--- /dev/null
+++ b/languages/python/libs/seaborn.html
@@ -0,0 +1,4774 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/libs/seaborn.html">
+      
+      
+        <link rel="prev" href="pandas.html">
+      
+      
+        <link rel="next" href="requests.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Seaborn - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Seaborn - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/seaborn.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/libs/seaborn.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Seaborn - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/seaborn.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#seaborn-lib" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Seaborn
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="seaborn.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-imports-for-seaborn" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Imports For Seaborn
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#replot-relationship" class="md-nav__link">
+    <span class="md-ellipsis">
+      REPLOT (relationship)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="REPLOT (relationship)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#lineplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      LINEPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#catplot-categorical" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATPLOT (categorical)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CATPLOT (categorical)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#categorical-scatterplot-swarmplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL SCATTERPLOT - SWARMPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-distribution-violinplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL DISTRIBUTION - VIOLINPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-distribution-boxenplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL DISTRIBUTION - BOXENPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-estimate-pointplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL ESTIMATE - POINTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-estimate-barplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL ESTIMATE - BARPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-estimate-countplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL ESTIMATE - COUNTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#univariate-distributions" class="md-nav__link">
+    <span class="md-ellipsis">
+      UNIVARIATE DISTRIBUTIONS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="UNIVARIATE DISTRIBUTIONS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#distplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#rugplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      RUGPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kdeplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      KDEPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#bivariate-distribution" class="md-nav__link">
+    <span class="md-ellipsis">
+      BIVARIATE DISTRIBUTION
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="BIVARIATE DISTRIBUTION">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jointplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      JOINTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pair-wise-relationisps-in-dataset" class="md-nav__link">
+    <span class="md-ellipsis">
+      PAIR-WISE RELATIONISPS IN DATASET
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PAIR-WISE RELATIONISPS IN DATASET">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#pairplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      PAIRPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basic-imports-for-seaborn" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Imports For Seaborn
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#replot-relationship" class="md-nav__link">
+    <span class="md-ellipsis">
+      REPLOT (relationship)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="REPLOT (relationship)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#lineplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      LINEPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#catplot-categorical" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATPLOT (categorical)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CATPLOT (categorical)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#categorical-scatterplot-swarmplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL SCATTERPLOT - SWARMPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-distribution-violinplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL DISTRIBUTION - VIOLINPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-distribution-boxenplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL DISTRIBUTION - BOXENPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-estimate-pointplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL ESTIMATE - POINTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-estimate-barplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL ESTIMATE - BARPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#categorical-estimate-countplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      CATEGORICAL ESTIMATE - COUNTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#univariate-distributions" class="md-nav__link">
+    <span class="md-ellipsis">
+      UNIVARIATE DISTRIBUTIONS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="UNIVARIATE DISTRIBUTIONS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#distplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#rugplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      RUGPLOT
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#kdeplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      KDEPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#bivariate-distribution" class="md-nav__link">
+    <span class="md-ellipsis">
+      BIVARIATE DISTRIBUTION
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="BIVARIATE DISTRIBUTION">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jointplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      JOINTPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#pair-wise-relationisps-in-dataset" class="md-nav__link">
+    <span class="md-ellipsis">
+      PAIR-WISE RELATIONISPS IN DATASET
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PAIR-WISE RELATIONISPS IN DATASET">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#pairplot" class="md-nav__link">
+    <span class="md-ellipsis">
+      PAIRPLOT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="seaborn-lib">Seaborn Lib</h1>
+<h2 id="basic-imports-for-seaborn">Basic Imports For Seaborn</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="kn">import</span> <span class="nn">seaborn</span> <span class="k">as</span> <span class="nn">sns</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="c1"># set aesthetic parameters in one step</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">sns</span><span class="o">.</span><span class="n">set</span><span class="p">(</span><span class="n">style</span><span class="o">=</span><span class="s1">&#39;darkgrid&#39;</span><span class="p">)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1">#STYLE: {None, darkgrid, whitegrid, dark, white, ticks}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="replot-relationship">REPLOT (relationship)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">replot</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="s1">&#39;name_in_data&#39;</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="s1">&#39;name_in_data&#39;</span><span class="p">,</span> <span class="n">hue</span><span class="o">=</span><span class="s1">&#39;point_color&#39;</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="s1">&#39;point_size&#39;</span><span class="p">,</span> <span class="n">style</span><span class="o">=</span><span class="s1">&#39;point_shape&#39;</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="n">data</span><span class="p">)</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="c1"># HUE, SIZE and STYLE: {name in data} -- used to differentiate points, a sort-of 3rd dimension</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="c1"># hue behaves differently if the data is categorical or numerical, numerical uses a color gradient</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="c1"># SORT: {False, True} -- avoid sorting data in function of x</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="c1"># CI: {None, sd} -- avoid computing confidence intervals or plot standard deviation</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="c1"># (aggregate multiple measurements at each x value by plotting the mean and the 95% confidence interval around the mean)</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="c1"># ESTIMATOR: {None} -- turn off aggregation of multiple observations</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="c1"># MARKERS: {True, False} -- evidenziate observations with dots</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="c1"># DASHES: {True, False} -- evidenziate observations with dashes</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="c1"># COL, ROW: {name in data}  -- categorical variables that will determine the grid of plots</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="c1"># COL_WRAP: {int} -- &quot;Wrap&quot; the column variable at this width, so that the column facets span multiple rows. Incompatible with a row facet.</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="c1"># SCATTERPLOT</span>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="c1"># depicts the joint distribution of two variables using a cloud of points</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="c1"># kind can be omitted since scatterplot is the default for replot</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="n">sns</span><span class="o">.</span><span class="n">replot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;scatter&#39;</span><span class="p">)</span>  <span class="c1"># calls scatterplot()</span>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="n">sns</span><span class="o">.</span><span class="n">scatterplot</span><span class="p">()</span>  <span class="c1"># underlying axis-level function of replot()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lineplot">LINEPLOT</h3>
+<p>Using semantics in lineplot will determine the aggregation of data.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">replot</span><span class="p">(</span><span class="n">ci</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">sort</span><span class="o">=</span><span class="nb">bool</span><span class="p">,</span> <span class="n">kind</span><span class="o">=</span><span class="s1">&#39;line&#39;</span><span class="p">)</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">lineplot</span><span class="p">()</span>  <span class="c1"># underlying axis-level function of replot()</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="catplot-categorical">CATPLOT (categorical)</h2>
+<p>Categorical: divided into discrete groups.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="s1">&#39;name_in_data&#39;</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="s1">&#39;name_in_data&#39;</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="n">data</span><span class="p">)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="c1"># HUE: {name in data} -- used to differenziate points, a sort-of 3rd dimension</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="c1"># COL, ROW: {name in data}  -- categorical variables that will determine the grid of plots</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="c1"># COL_WRAP: {int} -- &quot;Wrap&quot; the column variable at this width, so that the column facets span multiple rows. Incompatible with a row facet.</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="c1"># ORDER, HUE_ORDER: {list of strings} -- order of categorical levels of the plot</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="c1"># ROW_ORDER, COL_ORDER: {list of strings} -- order to organize the rows and/or columns of the grid in</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="c1"># ORIENT: {&#39;v&#39;, &#39;h&#39;} -- Orientation of the plot (can also swap x&amp;y assignment)</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="c1"># COLOR: {matplotlib color} -- Color for all of the elements, or seed for a gradient palette</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="c1"># CATEGORICAL SCATTERPLOT - STRIPPLOT</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="c1"># adjust the positions of points on the categorical axis with a small amount of random “jitter”</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;strip&#39;</span><span class="p">,</span> <span class="n">jitter</span><span class="o">=</span><span class="nb">float</span><span class="p">)</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="n">sns</span><span class="o">.</span><span class="n">stripplot</span><span class="p">()</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="c1"># SIZE: {float}  -- Diameter of the markers, in points</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="c1"># JITTER: {False, float} -- magnitude of points jitter (distance from axis)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="categorical-scatterplot-swarmplot">CATEGORICAL SCATTERPLOT - SWARMPLOT</h3>
+<p>Adjusts the points along the categorical axis preventing overlap.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span>
+<span class="normal"><a href="#__codelineno-4-8">8</a></span>
+<span class="normal"><a href="#__codelineno-4-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;swarm&#39;</span><span class="p">)</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">swarmplot</span><span class="p">()</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="c1"># SIZE: {float}  -- Diameter of the markers, in points</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="c1"># CATEGORICAL DISTRIBUTION - BOXPLOT</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="c1"># shows the three quartile values of the distribution along with extreme values</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;box&#39;</span><span class="p">)</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="n">sns</span><span class="o">.</span><span class="n">boxplot</span><span class="p">()</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="c1"># HUE: {name in data} -- box for each level of the semantic moved along the categorical axis so they don’t overlap</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="c1"># DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="categorical-distribution-violinplot">CATEGORICAL DISTRIBUTION - VIOLINPLOT</h3>
+<p>Combines a boxplot with the kernel density estimation procedure.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;violin&#39;</span><span class="p">)</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">violonplot</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="categorical-distribution-boxenplot">CATEGORICAL DISTRIBUTION - BOXENPLOT</h3>
+<p>Plot similar to boxplot but optimized for showing more information about the shape of the distribution.<br />
+It is best suited for larger datasets.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;boxen&#39;</span><span class="p">)</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">boxenplot</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="categorical-estimate-pointplot">CATEGORICAL ESTIMATE - POINTPLOT</h3>
+<p>Show point estimates and confidence intervals using scatter plot glyphs.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;point&#39;</span><span class="p">)</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">pointplot</span><span class="p">()</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="c1"># CI: {float, sd} -- size of confidence intervals to draw around estimated values, sd -&gt; standard deviation</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="c1"># MARKERS: {string, list of strings} --  markers to use for each of the hue levels</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="c1"># LINESTYLES: {string, list of strings} -- line styles to use for each of the hue levels</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="c1"># DODGE: {bool, float} -- amount to separate the points for each hue level along the categorical axis</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="c1"># JOIN: {bool} -- if True, lines will be drawn between point estimates at the same hue level</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="c1"># SCALE: {float} -- scale factor for the plot elements</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="c1"># ERRWIDTH: {float} -- thickness of error bar lines (and caps)</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="c1"># CAPSIZE: {float} -- width of the &quot;caps&quot; on error bars</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="categorical-estimate-barplot">CATEGORICAL ESTIMATE - BARPLOT</h3>
+<p>Show point estimates and confidence intervals as rectangular bars.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span>
+<span class="normal"><a href="#__codelineno-8-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;bar&#39;</span><span class="p">)</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">barplot</span><span class="p">()</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="c1"># CI: {float, sd} -- size of confidence intervals to draw around estimated values, sd -&gt; standard deviation</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="c1"># ERRCOLOR: {matplotlib color} -- color for the lines that represent the confidence interval</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="c1"># ERRWIDTH: {float} -- thickness of error bar lines (and caps)</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="c1"># CAPSIZE: {float} -- width of the &quot;caps&quot; on error bars</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="c1"># DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="categorical-estimate-countplot">CATEGORICAL ESTIMATE - COUNTPLOT</h3>
+<p>Show the counts of observations in each categorical bin using bars.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">sns</span><span class="o">.</span><span class="n">catplot</span><span class="p">(</span><span class="n">kind</span><span class="o">=</span><span class="s1">&#39;count&#39;</span><span class="p">)</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">countplot</span><span class="p">()</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="c1"># DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="univariate-distributions">UNIVARIATE DISTRIBUTIONS</h2>
+<h3 id="distplot">DISTPLOT</h3>
+<p>Flexibly plot a univariate distribution of observations</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span>
+<span class="normal"><a href="#__codelineno-10-6">6</a></span>
+<span class="normal"><a href="#__codelineno-10-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="c1"># A: {series, 1d-array, list}</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">distplot</span><span class="p">(</span><span class="n">a</span><span class="o">=</span><span class="n">data</span><span class="p">)</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="c1"># BINS: {None, arg for matplotlib hist()} -- specification of hist bins, or None to use Freedman-Diaconis rule</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="c1"># HIST: {bool} - whether to plot a (normed) histogram</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="c1"># KDE: {bool} - whether to plot a gaussian kernel density estimate</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="c1"># HIST_KWD, KDE_KWD, RUG_KWD: {dict} -- keyword arguments for underlying plotting functions</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="c1"># COLOR: {matplotlib color} -- color to plot everything but the fitted curve in</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="rugplot">RUGPLOT</h3>
+<p>Plot datapoints in an array as sticks on an axis.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="c1"># A: {vector} -- 1D array of observations</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">rugplot</span><span class="p">(</span><span class="n">a</span><span class="o">=</span><span class="n">data</span><span class="p">)</span> <span class="c1"># -&gt; axes obj with plot on it</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="c1"># HEIGHT: {scalar} --  height of ticks as proportion of the axis</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="c1"># AXIS: {&#39;x&#39;, &#39;y&#39;} -- axis to draw rugplot on</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="c1"># AX: {matplotlib axes} -- axes to draw plot into, otherwise grabs current axes</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="kdeplot">KDEPLOT</h3>
+<p>Fit and plot a univariate or bivariate kernel density estimate.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="c1"># DATA: {1D array-like} -- input data</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">kdeplot</span><span class="p">(</span><span class="n">data</span><span class="o">=</span><span class="n">data</span><span class="p">)</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="c1"># DATA2 {1D array-like} -- second input data. if present, a bivariate KDE will be estimated.</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="c1"># SHADE: {bool} -- if True, shade-in the area under KDE curve (or draw with filled contours is bivariate)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="bivariate-distribution">BIVARIATE DISTRIBUTION</h2>
+<h3 id="jointplot">JOINTPLOT</h3>
+<p>Draw a plot of two variables with bivariate and univariate graphs.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span>
+<span class="normal"><a href="#__codelineno-13-7">7</a></span>
+<span class="normal"><a href="#__codelineno-13-8">8</a></span>
+<span class="normal"><a href="#__codelineno-13-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="c1"># X, Y: {string, vector} -- data or names of variables in data</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">jointplot</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="n">data</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="n">data</span><span class="p">)</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="c1"># DATA:{pandas DataFrame} -- DataFrame when x and y are variable names</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="c1"># KIND: {&#39;scatter&#39;, &#39;reg&#39;, &#39;resid&#39;, &#39;kde&#39;, &#39;hex&#39;} -- kind of plot to draw</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="c1"># COLOR: {matplotlib color} -- color used for plot elements</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="c1"># HEIGHT: {numeric} -- size of figure (it will be square)</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="c1"># RATIO: {numeric} -- ratio of joint axes height to marginal axes height</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="c1"># SPACE: {numeric} -- space between the joint and marginal axes</span>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a><span class="c1"># JOINT_KWD, MARGINAL_KWD, ANNOT_KWD: {dict} -- additional keyword arguments for the plot components</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="pair-wise-relationisps-in-dataset">PAIR-WISE RELATIONISPS IN DATASET</h2>
+<h3 id="pairplot">PAIRPLOT</h3>
+<p>Plot pairwise relationships in a dataset.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="c1"># DATA: {pandas DataFrame} -- tidy (long-form) dataframe where each column is a variable and each row is an observation</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="n">sns</span><span class="o">.</span><span class="n">pairplot</span><span class="p">(</span><span class="n">data</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">)</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="c1"># HUE: {string (variable name)} -- variable in data to map plot aspects to different colors</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="c1"># HUE_ORDER: {list of strings} -- order for the levels of the hue variable in the palette</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="c1"># VARS: {list of variable names} -- variables within data to use, otherwise every column with numeric datatype</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="c1"># X_VARS, Y_VARS: {list of variable names} -- variables within data to use separately for rows and columns of figure</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a><span class="c1"># KIND: {&#39;scatter&#39;, &#39;reg&#39;} -- kind of plot for the non-identity relationships</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="c1"># DIAG_KIND: {&#39;auto&#39;, &#39;hist&#39;, &#39;kde&#39;} -- Kind of plot for the diagonal subplots. default depends hue</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a><span class="c1"># MARKERS: {matplotlib marker or list}</span>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="c1"># HEIGHT:{scalar} -- height (in inches) of each facet</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a><span class="c1"># ASPECT: {scalar} -- aspect * height gives the width (in inches) of each facet</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="pandas.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Pandas">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Pandas
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="requests.html" class="md-footer__link md-footer__link--next" aria-label="Next: Requests">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Requests
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/libs/tkinter.html b/languages/python/libs/tkinter.html
new file mode 100644
index 0000000..0db017b
--- /dev/null
+++ b/languages/python/libs/tkinter.html
@@ -0,0 +1,5832 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/libs/tkinter.html">
+      
+      
+        <link rel="prev" href="../modules/unittest.html">
+      
+      
+        <link rel="next" href="numpy.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>TKinter - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="TKinter - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/tkinter.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/libs/tkinter.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="TKinter - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/libs/tkinter.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#tkinter-modulelibrary" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              TKinter
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="tkinter.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#standard-imports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Imports
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#geometry-management" class="md-nav__link">
+    <span class="md-ellipsis">
+      GEOMETRY MANAGEMENT
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#event-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      EVENT HANDLING
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#widgets" class="md-nav__link">
+    <span class="md-ellipsis">
+      WIDGETS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#frame-widget" class="md-nav__link">
+    <span class="md-ellipsis">
+      FRAME WIDGET
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="FRAME WIDGET">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#frame-padding" class="md-nav__link">
+    <span class="md-ellipsis">
+      FRAME PADDING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#label-widget" class="md-nav__link">
+    <span class="md-ellipsis">
+      LABEL WIDGET
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LABEL WIDGET">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#defining-updating-label" class="md-nav__link">
+    <span class="md-ellipsis">
+      DEFINING UPDATING LABEL
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#display-images-2-steps" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISPLAY IMAGES (2 steps)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#display-image-and-or-text" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISPLAY IMAGE AND-OR TEXT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#layout" class="md-nav__link">
+    <span class="md-ellipsis">
+      LAYOUT
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LAYOUT">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-line-text-wrap" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTI-LINE TEXT WRAP
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#control-text-justification" class="md-nav__link">
+    <span class="md-ellipsis">
+      CONTROL TEXT JUSTIFICATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#font-style-use-with-caution" class="md-nav__link">
+    <span class="md-ellipsis">
+      FONT STYLE (use with caution)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#button" class="md-nav__link">
+    <span class="md-ellipsis">
+      BUTTON
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="BUTTON">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#text-or-image" class="md-nav__link">
+    <span class="md-ellipsis">
+      TEXT or IMAGE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#button-invocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      BUTTON INVOCATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#button-state" class="md-nav__link">
+    <span class="md-ellipsis">
+      BUTTON STATE
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#checkbutton" class="md-nav__link">
+    <span class="md-ellipsis">
+      CHECKBUTTON
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CHECKBUTTON">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#widget-value" class="md-nav__link">
+    <span class="md-ellipsis">
+      WIDGET VALUE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#config-options" class="md-nav__link">
+    <span class="md-ellipsis">
+      CONFIG OPTIONS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#radiobutton" class="md-nav__link">
+    <span class="md-ellipsis">
+      RADIOBUTTON
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#entry" class="md-nav__link">
+    <span class="md-ellipsis">
+      ENTRY
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="ENTRY">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#change-entry-value" class="md-nav__link">
+    <span class="md-ellipsis">
+      CHANGE ENTRY VALUE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#entry-config-options" class="md-nav__link">
+    <span class="md-ellipsis">
+      ENTRY CONFIG OPTIONS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#combobox" class="md-nav__link">
+    <span class="md-ellipsis">
+      COMBOBOX
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="COMBOBOX">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#predefined-values" class="md-nav__link">
+    <span class="md-ellipsis">
+      PREDEFINED VALUES
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#listbox-tk-classic" class="md-nav__link">
+    <span class="md-ellipsis">
+      LISTBOX (Tk Classic)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LISTBOX (Tk Classic)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#selecting-items" class="md-nav__link">
+    <span class="md-ellipsis">
+      SELECTING ITEMS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#scrollbar" class="md-nav__link">
+    <span class="md-ellipsis">
+      SCROLLBAR
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sizegrip" class="md-nav__link">
+    <span class="md-ellipsis">
+      SIZEGRIP
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#text-tk-classic" class="md-nav__link">
+    <span class="md-ellipsis">
+      TEXT (Tk Classic)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#progressbar" class="md-nav__link">
+    <span class="md-ellipsis">
+      PROGRESSBAR
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PROGRESSBAR">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#determinate-progress" class="md-nav__link">
+    <span class="md-ellipsis">
+      DETERMINATE PROGRESS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#indeterminate-progress" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDETERMINATE PROGRESS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#scale" class="md-nav__link">
+    <span class="md-ellipsis">
+      SCALE
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#spinbox" class="md-nav__link">
+    <span class="md-ellipsis">
+      SPINBOX
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#grid-geometry-manager" class="md-nav__link">
+    <span class="md-ellipsis">
+      GRID GEOMETRY MANAGER
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="GRID GEOMETRY MANAGER">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#layout-within-cell" class="md-nav__link">
+    <span class="md-ellipsis">
+      LAYOUT WITHIN CELL
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#handling-resize" class="md-nav__link">
+    <span class="md-ellipsis">
+      HANDLING RESIZE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#padding" class="md-nav__link">
+    <span class="md-ellipsis">
+      PADDING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#windows-and-dialogs" class="md-nav__link">
+    <span class="md-ellipsis">
+      WINDOWS AND DIALOGS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="WINDOWS AND DIALOGS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#creating-toplevel-window" class="md-nav__link">
+    <span class="md-ellipsis">
+      CREATING TOPLEVEL WINDOW
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#changing-behavior-and-style" class="md-nav__link">
+    <span class="md-ellipsis">
+      CHANGING BEHAVIOR AND STYLE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#standard-dialogs" class="md-nav__link">
+    <span class="md-ellipsis">
+      STANDARD DIALOGS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#separator" class="md-nav__link">
+    <span class="md-ellipsis">
+      SEPARATOR
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="SEPARATOR">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#notebook" class="md-nav__link">
+    <span class="md-ellipsis">
+      NOTEBOOK
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="NOTEBOOK">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#fonts-colors-images" class="md-nav__link">
+    <span class="md-ellipsis">
+      FONTS, COLORS, IMAGES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-fonts" class="md-nav__link">
+    <span class="md-ellipsis">
+      NAMED FONTS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#colors" class="md-nav__link">
+    <span class="md-ellipsis">
+      COLORS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#images" class="md-nav__link">
+    <span class="md-ellipsis">
+      IMAGES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#images-w-pillow" class="md-nav__link">
+    <span class="md-ellipsis">
+      IMAGES W/ Pillow
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#standard-imports" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Imports
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#geometry-management" class="md-nav__link">
+    <span class="md-ellipsis">
+      GEOMETRY MANAGEMENT
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#event-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      EVENT HANDLING
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#widgets" class="md-nav__link">
+    <span class="md-ellipsis">
+      WIDGETS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#frame-widget" class="md-nav__link">
+    <span class="md-ellipsis">
+      FRAME WIDGET
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="FRAME WIDGET">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#frame-padding" class="md-nav__link">
+    <span class="md-ellipsis">
+      FRAME PADDING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#label-widget" class="md-nav__link">
+    <span class="md-ellipsis">
+      LABEL WIDGET
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LABEL WIDGET">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#defining-updating-label" class="md-nav__link">
+    <span class="md-ellipsis">
+      DEFINING UPDATING LABEL
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#display-images-2-steps" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISPLAY IMAGES (2 steps)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#display-image-and-or-text" class="md-nav__link">
+    <span class="md-ellipsis">
+      DISPLAY IMAGE AND-OR TEXT
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#layout" class="md-nav__link">
+    <span class="md-ellipsis">
+      LAYOUT
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LAYOUT">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#multi-line-text-wrap" class="md-nav__link">
+    <span class="md-ellipsis">
+      MULTI-LINE TEXT WRAP
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#control-text-justification" class="md-nav__link">
+    <span class="md-ellipsis">
+      CONTROL TEXT JUSTIFICATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#font-style-use-with-caution" class="md-nav__link">
+    <span class="md-ellipsis">
+      FONT STYLE (use with caution)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#button" class="md-nav__link">
+    <span class="md-ellipsis">
+      BUTTON
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="BUTTON">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#text-or-image" class="md-nav__link">
+    <span class="md-ellipsis">
+      TEXT or IMAGE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#button-invocation" class="md-nav__link">
+    <span class="md-ellipsis">
+      BUTTON INVOCATION
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#button-state" class="md-nav__link">
+    <span class="md-ellipsis">
+      BUTTON STATE
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#checkbutton" class="md-nav__link">
+    <span class="md-ellipsis">
+      CHECKBUTTON
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="CHECKBUTTON">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#widget-value" class="md-nav__link">
+    <span class="md-ellipsis">
+      WIDGET VALUE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#config-options" class="md-nav__link">
+    <span class="md-ellipsis">
+      CONFIG OPTIONS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#radiobutton" class="md-nav__link">
+    <span class="md-ellipsis">
+      RADIOBUTTON
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#entry" class="md-nav__link">
+    <span class="md-ellipsis">
+      ENTRY
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="ENTRY">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#change-entry-value" class="md-nav__link">
+    <span class="md-ellipsis">
+      CHANGE ENTRY VALUE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#entry-config-options" class="md-nav__link">
+    <span class="md-ellipsis">
+      ENTRY CONFIG OPTIONS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#combobox" class="md-nav__link">
+    <span class="md-ellipsis">
+      COMBOBOX
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="COMBOBOX">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#predefined-values" class="md-nav__link">
+    <span class="md-ellipsis">
+      PREDEFINED VALUES
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#listbox-tk-classic" class="md-nav__link">
+    <span class="md-ellipsis">
+      LISTBOX (Tk Classic)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="LISTBOX (Tk Classic)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#selecting-items" class="md-nav__link">
+    <span class="md-ellipsis">
+      SELECTING ITEMS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#scrollbar" class="md-nav__link">
+    <span class="md-ellipsis">
+      SCROLLBAR
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#sizegrip" class="md-nav__link">
+    <span class="md-ellipsis">
+      SIZEGRIP
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#text-tk-classic" class="md-nav__link">
+    <span class="md-ellipsis">
+      TEXT (Tk Classic)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#progressbar" class="md-nav__link">
+    <span class="md-ellipsis">
+      PROGRESSBAR
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="PROGRESSBAR">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#determinate-progress" class="md-nav__link">
+    <span class="md-ellipsis">
+      DETERMINATE PROGRESS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#indeterminate-progress" class="md-nav__link">
+    <span class="md-ellipsis">
+      INDETERMINATE PROGRESS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#scale" class="md-nav__link">
+    <span class="md-ellipsis">
+      SCALE
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#spinbox" class="md-nav__link">
+    <span class="md-ellipsis">
+      SPINBOX
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#grid-geometry-manager" class="md-nav__link">
+    <span class="md-ellipsis">
+      GRID GEOMETRY MANAGER
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="GRID GEOMETRY MANAGER">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#layout-within-cell" class="md-nav__link">
+    <span class="md-ellipsis">
+      LAYOUT WITHIN CELL
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#handling-resize" class="md-nav__link">
+    <span class="md-ellipsis">
+      HANDLING RESIZE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#padding" class="md-nav__link">
+    <span class="md-ellipsis">
+      PADDING
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#windows-and-dialogs" class="md-nav__link">
+    <span class="md-ellipsis">
+      WINDOWS AND DIALOGS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="WINDOWS AND DIALOGS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#creating-toplevel-window" class="md-nav__link">
+    <span class="md-ellipsis">
+      CREATING TOPLEVEL WINDOW
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#changing-behavior-and-style" class="md-nav__link">
+    <span class="md-ellipsis">
+      CHANGING BEHAVIOR AND STYLE
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#standard-dialogs" class="md-nav__link">
+    <span class="md-ellipsis">
+      STANDARD DIALOGS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#separator" class="md-nav__link">
+    <span class="md-ellipsis">
+      SEPARATOR
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="SEPARATOR">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#notebook" class="md-nav__link">
+    <span class="md-ellipsis">
+      NOTEBOOK
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="NOTEBOOK">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#fonts-colors-images" class="md-nav__link">
+    <span class="md-ellipsis">
+      FONTS, COLORS, IMAGES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-fonts" class="md-nav__link">
+    <span class="md-ellipsis">
+      NAMED FONTS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#colors" class="md-nav__link">
+    <span class="md-ellipsis">
+      COLORS
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#images" class="md-nav__link">
+    <span class="md-ellipsis">
+      IMAGES
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#images-w-pillow" class="md-nav__link">
+    <span class="md-ellipsis">
+      IMAGES W/ Pillow
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="tkinter-modulelibrary">Tkinter Module/Library</h1>
+<h2 id="standard-imports">Standard Imports</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">from</span> <span class="nn">tkinter</span> <span class="kn">import</span> <span class="o">*</span>  <span class="c1"># import Python Tk Binding</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kn">from</span> <span class="nn">tkinter</span> <span class="kn">import</span> <span class="n">ttk</span>  <span class="c1"># import Themed Widgets</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="geometry-management">GEOMETRY MANAGEMENT</h2>
+<p>Putting  widgets on screen<br />
+master widget &rarr; top-level window, frame<br />
+slave widget &rarr; widgets contained in master widget<br />
+geometry managers determine size and oder widget drawing properties</p>
+<h2 id="event-handling">EVENT HANDLING</h2>
+<p>event loop receives events from the OS<br />
+customizable events provide a callback as a widget configuration</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">widget</span><span class="o">.</span><span class="n">bind</span><span class="p">(</span><span class="s1">&#39;event&#39;</span><span class="p">,</span> <span class="n">function</span><span class="p">)</span>  <span class="c1"># method to capture any event and than execute an arbitrary piece of code (generally a function or lambda)</span>
+</code></pre></div></td></tr></table></div>
+<p>VIRTUAL EVENT &rarr; hig level event generated by widget (listed in widget docs)</p>
+<h2 id="widgets">WIDGETS</h2>
+<p>Widgets are objects and all things on screen. All widgets are children of a window.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">widget_name</span> <span class="o">=</span> <span class="n">tk_object</span><span class="p">(</span><span class="n">parent_window</span><span class="p">)</span>  <span class="c1"># widget is inserted into widget hierarchy</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="frame-widget">FRAME WIDGET</h2>
+<p>Displays a single rectangle, used as container for other widgets</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">frame</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Frame</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">width</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">height</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">borderwidth</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">int</span><span class="p">)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="c1"># BORDERWIDTH: sets frame border width (default: 0)</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="c1"># width, height MUST be specified if frame is empty, otherwise determined by parent geometry manager</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="frame-padding">FRAME PADDING</h3>
+<p>Extra space inside widget (margin).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">frame</span><span class="p">[</span><span class="s1">&#39;padding&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">num</span>  <span class="c1"># same padding for every border</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">frame</span><span class="p">[</span><span class="s1">&#39;padding&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span><span class="n">horizontal</span><span class="p">,</span> <span class="n">vertical</span><span class="p">)</span>  <span class="c1"># set horizontal THEN vertical padding</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="n">frame</span><span class="p">[</span><span class="s1">&#39;padding&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span><span class="n">left</span><span class="p">,</span> <span class="n">top</span><span class="p">,</span> <span class="n">right</span><span class="p">,</span> <span class="n">bottom</span><span class="p">)</span>  <span class="c1"># set left, top, right, bottom padding</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="c1"># RELIEF: set border style, [flat (default), raised, sunken, solid, ridge, groove]</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="n">frame</span><span class="p">[</span><span class="s1">&#39;relief&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">border_style</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="label-widget">LABEL WIDGET</h2>
+<p>Display text or image without interactivity.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">label</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Label</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;label text&#39;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="defining-updating-label">DEFINING UPDATING LABEL</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">var</span> <span class="o">=</span> <span class="n">StringVar</span><span class="p">()</span>  <span class="c1"># variable containing text, watches for changes. Use get, set methods to interact with the value</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;textvariable&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">var</span>  <span class="c1"># attach var to label (only of type StringVar)</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="n">var</span><span class="o">.</span><span class="n">set</span><span class="p">(</span><span class="s2">&quot;new text label&quot;</span><span class="p">)</span>  <span class="c1">#  change label text</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="display-images-2-steps">DISPLAY IMAGES (2 steps)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="n">image</span> <span class="o">=</span> <span class="n">PhotoImage</span><span class="p">(</span><span class="n">file</span><span class="o">=</span><span class="s1">&#39;filename&#39;</span><span class="p">)</span>  <span class="c1"># create image object</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;image&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">image</span>  <span class="c1"># use image config</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="display-image-and-or-text">DISPLAY IMAGE AND-OR TEXT</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;compound&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">value</span>
+</code></pre></div></td></tr></table></div>
+<p>Compound value:</p>
+<ul>
+<li>none ../img if present, text otherwise)</li>
+<li>text (text only)</li>
+<li>image (image only)</li>
+<li>center (text in center of image)</li>
+<li>top (image above text), left, bottom, right</li>
+</ul>
+<h2 id="layout">LAYOUT</h2>
+<p>Specifies edge or corner that the label is attached.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;anchor&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">compass_direction</span>  <span class="c1">#compass_direction: n, ne, e, se, s, sw, w, nw, center</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multi-line-text-wrap">MULTI-LINE TEXT WRAP</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="c1"># use \n for multi line text</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;wraplength&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">size</span>  <span class="c1"># max line length</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="control-text-justification">CONTROL TEXT JUSTIFICATION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;justify&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">value</span>  <span class="c1">#value: left, center, right</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;relief&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">label_style</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;foreground&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">color</span>  <span class="c1"># color passed with name or HEX RGB codes</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;background&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">color</span>  <span class="c1"># color passed with name or HEX RGB codes</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="font-style-use-with-caution">FONT STYLE (use with caution)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="c1"># used outside style option</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="n">label</span><span class="p">[</span><span class="s1">&#39;font&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">font</span>
+</code></pre></div></td></tr></table></div>
+<p>Fonts:</p>
+<ul>
+<li>TkDefaultFont    -- default for all GUI items</li>
+<li>TkTextFont    -- used for entry widgets, listboxes, etc</li>
+<li>TkFixedFont    -- standard fixed-width font</li>
+<li>TkMenuFont    -- used for menu items</li>
+<li>TkHeadingFont -- for column headings in lists and tables</li>
+<li>TkCaptionFont    -- for window and dialog caption bars</li>
+<li>TkSmallCaptionFont -- smaller caption for subwindows or tool dialogs</li>
+<li>TkIconFont    -- for icon caption</li>
+<li>TkTooltipFont    -- for tooltips</li>
+</ul>
+<h2 id="button">BUTTON</h2>
+<p>Press to perform some action</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="n">button</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Button</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;button_text&#39;</span><span class="p">,</span> <span class="n">command</span><span class="o">=</span><span class="n">action_performed</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="text-or-image">TEXT or IMAGE</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="n">button</span><span class="p">[</span><span class="s1">&#39;text/textvariable&#39;</span><span class="p">],</span> <span class="n">button</span><span class="p">[</span><span class="s1">&#39;image&#39;</span><span class="p">],</span> <span class="n">button</span><span class="p">[</span><span class="s1">&#39;compound&#39;</span><span class="p">]</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="button-invocation">BUTTON INVOCATION</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="n">button</span><span class="o">.</span><span class="n">invoke</span><span class="p">()</span>  <span class="c1"># button activation in the program</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="button-state">BUTTON STATE</h3>
+<p>Activate or deactivate the widget.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="n">button</span><span class="o">.</span><span class="n">state</span><span class="p">([</span><span class="s1">&#39;disabled&#39;</span><span class="p">])</span>            <span class="c1"># set the disabled flag, disabling the button</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="n">button</span><span class="o">.</span><span class="n">state</span><span class="p">([</span><span class="s1">&#39;!disabled&#39;</span><span class="p">])</span>           <span class="c1"># clear the disabled flag</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="n">button</span><span class="o">.</span><span class="n">instate</span><span class="p">([</span><span class="s1">&#39;disabled&#39;</span><span class="p">])</span>          <span class="c1"># return true if the button is disabled, else false</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="n">button</span><span class="o">.</span><span class="n">instate</span><span class="p">([</span><span class="s1">&#39;!disabled&#39;</span><span class="p">])</span>         <span class="c1"># return true if the button is not disabled, else false</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="n">button</span><span class="o">.</span><span class="n">instate</span><span class="p">([</span><span class="s1">&#39;!disabled&#39;</span><span class="p">],</span> <span class="n">cmd</span><span class="p">)</span>  <span class="c1"># execute &#39;cmd&#39; if the button is not disabled</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="c1"># WIDGET STATE FLAGS: active, disabled, focus, pressed, selected, background, readonly, alternate, invalid</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="checkbutton">CHECKBUTTON</h2>
+<p>Button with binary value of some kind (e.g a toggle) and also invokes a command callback</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="n">checkbutton_var</span> <span class="o">=</span> <span class="n">TkVarType</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="n">check</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Checkbutton</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;button text&#39;</span><span class="p">,</span> <span class="n">command</span><span class="o">=</span><span class="n">action_performed</span><span class="p">,</span> <span class="n">variable</span><span class="o">=</span><span class="n">checkbutton_var</span><span class="p">,</span> <span class="n">onvalue</span><span class="o">=</span><span class="n">value_on</span><span class="p">,</span> <span class="n">offvalue</span><span class="o">=</span><span class="n">value_off</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="widget-value">WIDGET VALUE</h3>
+<p>Variable option holds value of button, updated by widget toggle.<br />
+DEFAULT: 1 (while checked), 0 (while unchecked)<br />
+<code>onvalue</code>, <code>offvalue</code> are used to personalize checked and unchecked values<br />
+if linked variable is empty or different from on-off value the state flag is set to alternate<br />
+checkbutton won't set the linked variable (MUST be done in the program)</p>
+<h3 id="config-options">CONFIG OPTIONS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span>
+<span class="normal"><a href="#__codelineno-18-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="n">check</span><span class="p">[</span><span class="s1">&#39;text/textvariable&#39;</span><span class="p">]</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="n">check</span><span class="p">[</span><span class="s1">&#39;image&#39;</span><span class="p">]</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="n">check</span><span class="p">[</span><span class="s1">&#39;compound&#39;</span><span class="p">]</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="n">check</span><span class="o">.</span><span class="n">state</span><span class="p">([</span><span class="s1">&#39;flag&#39;</span><span class="p">])</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="n">check</span><span class="o">.</span><span class="n">instate</span><span class="p">([</span><span class="s1">&#39;flag&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="radiobutton">RADIOBUTTON</h2>
+<p>Multiple-choice selection (good if options are few).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-19-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-19-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-19-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-19-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-19-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-19-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-19-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-19-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-19-10">10</a></span>
+<span class="normal"><a href="#__codelineno-19-11">11</a></span>
+<span class="normal"><a href="#__codelineno-19-12">12</a></span>
+<span class="normal"><a href="#__codelineno-19-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="c1">#RADIOBUTTON CREATION (usually as a set)</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="n">radio_var</span> <span class="o">=</span> <span class="n">TkVarType</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="n">radio_1</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Radiobutton</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;button text&#39;</span><span class="p">,</span> <span class="n">variable</span><span class="o">=</span><span class="n">radio_var</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="n">button_1_value</span><span class="p">)</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="n">radio_2</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Radiobutton</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;button text&#39;</span><span class="p">,</span> <span class="n">variable</span><span class="o">=</span><span class="n">radio_var</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="n">button_2_value</span><span class="p">)</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="n">radio_3</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Radiobutton</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;button text&#39;</span><span class="p">,</span> <span class="n">variable</span><span class="o">=</span><span class="n">radio_var</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="n">button_3_value</span><span class="p">)</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="c1"># if linked value does not exist flag state is alternate</span>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="c1"># CONFIG OPTIONS</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a><span class="n">radio</span><span class="p">[</span><span class="s1">&#39;text/textvariable&#39;</span><span class="p">]</span>
+<a id="__codelineno-19-10" name="__codelineno-19-10"></a><span class="n">radio</span><span class="p">[</span><span class="s1">&#39;image&#39;</span><span class="p">]</span>
+<a id="__codelineno-19-11" name="__codelineno-19-11"></a><span class="n">radio</span><span class="p">[</span><span class="s1">&#39;compound&#39;</span><span class="p">]</span>
+<a id="__codelineno-19-12" name="__codelineno-19-12"></a><span class="n">radio</span><span class="o">.</span><span class="n">state</span><span class="p">([</span><span class="s1">&#39;flag&#39;</span><span class="p">])</span>
+<a id="__codelineno-19-13" name="__codelineno-19-13"></a><span class="n">radio</span><span class="o">.</span><span class="n">instate</span><span class="p">([</span><span class="s1">&#39;flag&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="entry">ENTRY</h2>
+<p>Single line text field accepting a string.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span>
+<span class="normal"><a href="#__codelineno-20-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="n">entry_var</span> <span class="o">=</span> <span class="n">StringVar</span><span class="p">()</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="n">entry</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Entry</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">textvariable</span><span class="o">=</span><span class="n">entry_var</span><span class="p">,</span> <span class="n">width</span><span class="o">=</span><span class="n">char_num</span><span class="p">,</span> <span class="n">show</span><span class="o">=</span><span class="n">symbol</span><span class="p">)</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a><span class="c1"># SHOW: replaces the entry test with symbol, used for password</span>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="c1"># entries don&#39;t have an associated label, needs a separate widget</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="change-entry-value">CHANGE ENTRY VALUE</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="n">entry</span><span class="o">.</span><span class="n">get</span><span class="p">()</span>  <span class="c1"># returns entry value</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="n">entry</span><span class="o">.</span><span class="n">delete</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="s1">&#39;end&#39;</span><span class="p">)</span>  <span class="c1"># delete between two indices, 0-based</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="n">entry</span><span class="o">.</span><span class="n">insert</span><span class="p">(</span><span class="n">index</span><span class="p">,</span> <span class="s1">&#39;text value&#39;</span><span class="p">)</span>  <span class="c1"># insert new text at a given index</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="entry-config-options">ENTRY CONFIG OPTIONS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span>
+<span class="normal"><a href="#__codelineno-22-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="n">radio</span><span class="o">.</span><span class="n">state</span><span class="p">([</span><span class="s1">&#39;flag&#39;</span><span class="p">])</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="n">radio</span><span class="o">.</span><span class="n">instate</span><span class="p">([</span><span class="s1">&#39;flag&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="combobox">COMBOBOX</h2>
+<p>Drop-down list of available options.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span>
+<span class="normal"><a href="#__codelineno-23-3">3</a></span>
+<span class="normal"><a href="#__codelineno-23-4">4</a></span>
+<span class="normal"><a href="#__codelineno-23-5">5</a></span>
+<span class="normal"><a href="#__codelineno-23-6">6</a></span>
+<span class="normal"><a href="#__codelineno-23-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="n">combobox_var</span> <span class="o">=</span> <span class="n">StringVar</span><span class="p">()</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="n">combo</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Combobox</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">textvariable</span><span class="o">=</span><span class="n">combobox_var</span><span class="p">)</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a><span class="n">combobox</span><span class="o">.</span><span class="n">get</span><span class="p">()</span>  <span class="c1"># return combobox current value</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="n">combobox</span><span class="o">.</span><span class="n">set</span><span class="p">(</span><span class="n">value</span><span class="p">)</span>  <span class="c1"># set combobox new value</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a><span class="n">combobox</span><span class="o">.</span><span class="n">current</span><span class="p">()</span>  <span class="c1"># returns which item in the predefined values list is selected (0-based index of the provided list, -1 if not in the list)</span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a><span class="c1">#combobox will generate a bind-able &lt;ComboboxSelected&gt; virtual event whenever the value changes</span>
+<a id="__codelineno-23-7" name="__codelineno-23-7"></a><span class="n">combobox</span><span class="o">.</span><span class="n">bind</span><span class="p">(</span><span class="s1">&#39;&lt;&lt;ComboboxSelected&gt;&gt;&#39;</span><span class="p">,</span> <span class="n">function</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="predefined-values">PREDEFINED VALUES</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span>
+<span class="normal"><a href="#__codelineno-24-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="n">combobox</span><span class="p">[</span><span class="s1">&#39;values&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="p">(</span><span class="n">value_1</span><span class="p">,</span> <span class="n">value_2</span><span class="p">,</span> <span class="o">...</span><span class="p">)</span>  <span class="c1"># provides a list of choose-able values</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="n">combobox</span><span class="o">.</span><span class="n">state</span><span class="p">([</span><span class="s1">&#39;readonly&#39;</span><span class="p">])</span>  <span class="c1"># restricts choose-able values to those provided with &#39;values&#39; config option</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="c1"># SUGGESTION: call selection clear method on value change (on ComboboxSelected event) to avoid visual oddities</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="listbox-tk-classic">LISTBOX (Tk Classic)</h2>
+<p>Display list of single-line items, allows browsing and multiple selection (part og Tk classic, missing in themed Tk widgets).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1">1</a></span>
+<span class="normal"><a href="#__codelineno-25-2">2</a></span>
+<span class="normal"><a href="#__codelineno-25-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="n">lstbx</span> <span class="o">=</span> <span class="n">Listbox</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">height</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">listvariable</span><span class="o">=</span><span class="n">item_list</span><span class="p">:</span><span class="nb">list</span><span class="p">)</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="c1"># listvariable links a variable (MUST BE a list) to the listbox, each element is a item of the listbox</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="c1"># manipulation of the list changes the listbox</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="selecting-items">SELECTING ITEMS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span>
+<span class="normal"><a href="#__codelineno-26-4">4</a></span>
+<span class="normal"><a href="#__codelineno-26-5">5</a></span>
+<span class="normal"><a href="#__codelineno-26-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="n">lstbx</span><span class="p">[</span><span class="s1">&#39;selectmode&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">mode</span>  <span class="c1"># MODE: browse (single selection), extended (multiple selection)</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="n">lstbx</span><span class="o">.</span><span class="n">curselection</span><span class="p">()</span>  <span class="c1"># returns list of indices of selected items</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="c1"># on selection change: generate event &lt;ListboxSelect&gt;</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="c1"># often each string in the program is associated with some other data item</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a><span class="c1"># keep a second list, parallel to the list of strings displayed in the listbox, which will hold the associated objects</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a><span class="c1"># (association by index with .curselection() or with a dict).</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="scrollbar">SCROLLBAR</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span>
+<span class="normal"><a href="#__codelineno-27-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="n">scroll</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Scrollbar</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">orient</span><span class="o">=</span><span class="n">direction</span><span class="p">,</span> <span class="n">command</span><span class="o">=</span><span class="n">widget</span><span class="o">.</span><span class="n">view</span><span class="p">)</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="c1"># ORIENT: VERTICAL, HORIZONTAL</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="c1"># WIDGET.VIEW: .xview, .yview</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="c1"># NEEDS ASSOCIATED WIDGET SCROLL CONFIG</span>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="n">widget</span><span class="o">.</span><span class="n">configure</span><span class="p">(</span><span class="n">xscrollcommand</span><span class="o">=</span><span class="n">scroll</span><span class="o">.</span><span class="n">set</span><span class="p">)</span>
+<a id="__codelineno-27-6" name="__codelineno-27-6"></a><span class="n">widget</span><span class="o">.</span><span class="n">configure</span><span class="p">(</span><span class="n">yscrollcommand</span><span class="o">=</span><span class="n">scroll</span><span class="o">.</span><span class="n">set</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="sizegrip">SIZEGRIP</h2>
+<p>Box in right bottom of widget, allows resize.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="n">ttk</span><span class="o">.</span><span class="n">Sizegrip</span><span class="p">(</span><span class="n">parent</span><span class="p">)</span><span class="o">.</span><span class="n">grid</span><span class="p">(</span><span class="n">column</span><span class="o">=</span><span class="mi">999</span><span class="p">,</span> <span class="n">row</span><span class="o">=</span><span class="mi">999</span><span class="p">,</span> <span class="n">sticky</span><span class="o">=</span><span class="p">(</span><span class="n">S</span><span class="p">,</span> <span class="n">E</span><span class="p">))</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="text-tk-classic">TEXT (Tk Classic)</h2>
+<p>Area accepting multiple line of text.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span>
+<span class="normal"><a href="#__codelineno-29-6">6</a></span>
+<span class="normal"><a href="#__codelineno-29-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="n">txt</span> <span class="o">=</span> <span class="n">Text</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">width</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">int</span><span class="p">,</span> <span class="n">height</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">int</span><span class="p">,</span> <span class="n">wrap</span><span class="o">=</span><span class="n">flag</span><span class="p">)</span>  <span class="c1"># width is character num, height is row num</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="c1"># FLAG: none (no wrapping), char (wrap at every character), word (wrap at word boundaries)</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="n">txt</span><span class="p">[</span><span class="s1">&#39;state&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">flag</span>  <span class="c1"># FLAG: disabled, normal</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="c1"># accepts commands xscrollcommand and yscrollcommandand and yview, xview methods</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a><span class="n">txt</span><span class="o">.</span><span class="n">see</span><span class="p">(</span><span class="n">line_num</span><span class="o">.</span><span class="n">char_num</span><span class="p">)</span>  <span class="c1"># ensure that given line is visible (line is 1-based, char is 0-based)</span>
+<a id="__codelineno-29-6" name="__codelineno-29-6"></a><span class="n">txt</span><span class="o">.</span><span class="n">get</span><span class="p">(</span> <span class="n">index</span><span class="p">,</span> <span class="n">string</span><span class="p">)</span>   <span class="c1"># insert string in pos index (index = line.char), &#39;end&#39; is shortcut for end of text</span>
+<a id="__codelineno-29-7" name="__codelineno-29-7"></a><span class="n">txt</span><span class="o">.</span><span class="n">delete</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">)</span>  <span class="c1"># delete range of text</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="progressbar">PROGRESSBAR</h2>
+<p>Feedback about progress of lenghty operation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span>
+<span class="normal"><a href="#__codelineno-30-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="n">progbar</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Progressbar</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">orient</span><span class="o">=</span><span class="n">direction</span><span class="p">,</span> <span class="n">length</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">int</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">maximum</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">float</span> <span class="n">mode</span><span class="o">=</span><span class="n">mode</span><span class="p">)</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="c1"># DIRECTION: VERTICAL, HORIZONTAL</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="c1"># MODE: determinate (relative progress of completion), indeterminate (no estimate of completion)</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="c1"># LENGTH: dimension in pixel</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a><span class="c1"># VALUE: sets the progress, updates the bar as it changes</span>
+<a id="__codelineno-30-6" name="__codelineno-30-6"></a><span class="c1"># MAXIMUM: total number of steps (DEFAULT: 100)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="determinate-progress">DETERMINATE PROGRESS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="n">progbar</span><span class="o">.</span><span class="n">step</span><span class="p">(</span><span class="n">amount</span><span class="p">)</span>  <span class="c1"># increment value of given amount (DEFAULT: 1.0)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="indeterminate-progress">INDETERMINATE PROGRESS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span>
+<span class="normal"><a href="#__codelineno-32-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="n">progbar</span><span class="o">.</span><span class="n">start</span><span class="p">()</span>  <span class="c1"># starts progressbar</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="n">progbar</span><span class="o">.</span><span class="n">stop</span><span class="p">()</span>  <span class="c1">#stoops progressbar</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="scale">SCALE</h2>
+<p>Provide a numeric value through direct manipulation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span>
+<span class="normal"><a href="#__codelineno-33-4">4</a></span>
+<span class="normal"><a href="#__codelineno-33-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="n">scale</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Scale</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">orient</span><span class="o">=</span><span class="n">DIR</span><span class="p">,</span> <span class="n">length</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">int</span><span class="p">,</span> <span class="n">from_</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">float</span><span class="p">,</span> <span class="n">to</span><span class="o">=</span><span class="n">num</span><span class="p">:</span><span class="nb">float</span><span class="p">,</span> <span class="n">command</span><span class="o">=</span><span class="n">cmd</span><span class="p">)</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="c1"># COMMAND: calls cmd at every scale change, appends current value to func call</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="n">scale</span><span class="p">[</span><span class="s1">&#39;value&#39;</span><span class="p">]</span>  <span class="c1"># set or read current value</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a><span class="n">scale</span><span class="o">.</span><span class="n">set</span><span class="p">(</span><span class="n">value</span><span class="p">)</span>  <span class="c1"># set current value</span>
+<a id="__codelineno-33-5" name="__codelineno-33-5"></a><span class="n">scale</span><span class="o">.</span><span class="n">get</span><span class="p">()</span>  <span class="c1"># get current value</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="spinbox">SPINBOX</h2>
+<p>Choose numbers. The spinbox choses item from a list, arrows permit cycling lits items.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1">1</a></span>
+<span class="normal"><a href="#__codelineno-34-2">2</a></span>
+<span class="normal"><a href="#__codelineno-34-3">3</a></span>
+<span class="normal"><a href="#__codelineno-34-4">4</a></span>
+<span class="normal"><a href="#__codelineno-34-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="n">spinval</span> <span class="o">=</span> <span class="n">StringVar</span><span class="p">()</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="n">spin</span> <span class="o">=</span> <span class="n">Spinbox</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">from_</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">to</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">textvariable</span><span class="o">=</span><span class="n">spinval</span><span class="p">,</span> <span class="n">increment</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="n">lst</span><span class="p">,</span> <span class="n">wrap</span><span class="o">=</span><span class="n">boolean</span><span class="p">)</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="c1"># INCREMENT specifies increment\decrement by arrow button</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a><span class="c1"># VALUE: list of items associated with the spinbox</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a><span class="c1"># WRAP: boolean value determining if value should wrap around if beyond start-end value</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="grid-geometry-manager">GRID GEOMETRY MANAGER</h2>
+<p>Widgets are assigned a "column" number and a "row" number, which indicates their relative position to each other.<br />
+Column and row numbers must be integers, with the first column and row starting at 0.<br />
+Gaps in column and row numbers are handy to add more widgets in the middle of the user interface at a later time.<br />
+The width of each column (or height of each row) depends on the width or height of the widgets contained within the column or row.</p>
+<p>Widgets can take up more than a single cell in the grid ("columnspan" and "rowspan" options).</p>
+<h3 id="layout-within-cell">LAYOUT WITHIN CELL</h3>
+<p>By default, if a cell is larger than the widget contained in it, the widget will be centered within it,<br />
+both horizontally and vertically, with the master's background showing in the empty space around it.<br />
+The "sticky" option can be used to change this default behavior.<br />
+The value of the "sticky" option is a string of 0 or more of the compass directions "nsew", specifying which edges of the cell the widget should be "stuck" to.<br />
+Specifying two opposite edges means that the widget will be stretched so it is stuck to both.<br />
+Specifying "nsew" it will stick to every side.</p>
+<h3 id="handling-resize">HANDLING RESIZE</h3>
+<p>Every column and row has a "weight" grid option associated with it, which tells it how much it should grow if there is extra room in the master to fill.<br />
+By default, the weight of each column or row is 0, meaning don't expand to fill space.<br />
+This is done using the "columnconfigure" and "rowconfigure" methods of grid.<br />
+Both "columnconfigure" and "rowconfigure" also take a "minsize" grid option, which specifies a minimum size.</p>
+<h3 id="padding">PADDING</h3>
+<p>Normally, each column or row will be directly adjacent to the next, so that widgets will be right next to each other.<br />
+"padx" puts a bit of extra space to the left and right of the widget, while "pady" adds extra space top and bottom.<br />
+A single value for the option puts the same padding on both left and right (or top and bottom),<br />
+while a two-value list lets you put different amounts on left and right (or top and bottom).<br />
+To add padding around an entire row or column, the "columnconfigure" and "rowconfigure" methods accept a "pad" option.  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-35-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-35-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-35-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-35-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-35-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-35-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-35-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-35-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-35-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="n">widget</span><span class="o">.</span><span class="n">grid</span><span class="p">(</span><span class="n">column</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">row</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">columnspan</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">rowspan</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">sticky</span><span class="o">=</span><span class="p">(),</span> <span class="n">padx</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">pady</span><span class="o">=</span><span class="n">num</span><span class="p">)</span>  <span class="c1"># sticky: N, S, E, W</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="n">widget</span><span class="o">.</span><span class="n">columnconfigure</span><span class="p">(</span><span class="n">pad</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">weight</span><span class="o">=</span><span class="n">num</span><span class="p">)</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="n">widget</span><span class="o">.</span><span class="n">rowconfigure</span><span class="p">(</span><span class="n">pad</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">weight</span><span class="o">=</span><span class="n">num</span><span class="p">)</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a><span class="n">widget</span><span class="o">.</span><span class="n">grid_slaves</span><span class="p">()</span>  <span class="c1"># returns map, list of widgets inside a master</span>
+<a id="__codelineno-35-6" name="__codelineno-35-6"></a><span class="n">widget</span><span class="o">.</span><span class="n">grid_info</span><span class="p">()</span>  <span class="c1"># returns list of grid options</span>
+<a id="__codelineno-35-7" name="__codelineno-35-7"></a><span class="n">widget</span><span class="o">.</span><span class="n">grid_configure</span><span class="p">()</span>  <span class="c1"># change one or more option</span>
+<a id="__codelineno-35-8" name="__codelineno-35-8"></a>
+<a id="__codelineno-35-9" name="__codelineno-35-9"></a><span class="n">widget</span><span class="o">.</span><span class="n">grid_forget</span><span class="p">(</span><span class="n">slaves</span><span class="p">)</span>  <span class="c1"># takes a list of slaves, removes slaves from grid (forgets slaves options)</span>
+<a id="__codelineno-35-10" name="__codelineno-35-10"></a><span class="n">widget</span><span class="o">.</span><span class="n">grid_remove</span><span class="p">(</span><span class="n">slaves</span><span class="p">)</span>  <span class="c1"># takes a list of slaves, removes slaves from grid (remembers slaves options)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="windows-and-dialogs">WINDOWS AND DIALOGS</h2>
+<h3 id="creating-toplevel-window">CREATING TOPLEVEL WINDOW</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1">1</a></span>
+<span class="normal"><a href="#__codelineno-36-2">2</a></span>
+<span class="normal"><a href="#__codelineno-36-3">3</a></span>
+<span class="normal"><a href="#__codelineno-36-4">4</a></span>
+<span class="normal"><a href="#__codelineno-36-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="n">tlw</span> <span class="o">=</span> <span class="n">Toplevel</span><span class="p">(</span><span class="n">parent</span><span class="p">)</span>  <span class="c1"># parent of root window, no need to grid it</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="n">window</span><span class="o">.</span><span class="n">destroy</span><span class="p">()</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a><span class="c1"># can destroy every widget</span>
+<a id="__codelineno-36-5" name="__codelineno-36-5"></a><span class="c1"># destroying parent also destroys it&#39;s children</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="changing-behavior-and-style">CHANGING BEHAVIOR AND STYLE</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span>
+<span class="normal"><a href="#__codelineno-37-13">13</a></span>
+<span class="normal"><a href="#__codelineno-37-14">14</a></span>
+<span class="normal"><a href="#__codelineno-37-15">15</a></span>
+<span class="normal"><a href="#__codelineno-37-16">16</a></span>
+<span class="normal"><a href="#__codelineno-37-17">17</a></span>
+<span class="normal"><a href="#__codelineno-37-18">18</a></span>
+<span class="normal"><a href="#__codelineno-37-19">19</a></span>
+<span class="normal"><a href="#__codelineno-37-20">20</a></span>
+<span class="normal"><a href="#__codelineno-37-21">21</a></span>
+<span class="normal"><a href="#__codelineno-37-22">22</a></span>
+<span class="normal"><a href="#__codelineno-37-23">23</a></span>
+<span class="normal"><a href="#__codelineno-37-24">24</a></span>
+<span class="normal"><a href="#__codelineno-37-25">25</a></span>
+<span class="normal"><a href="#__codelineno-37-26">26</a></span>
+<span class="normal"><a href="#__codelineno-37-27">27</a></span>
+<span class="normal"><a href="#__codelineno-37-28">28</a></span>
+<span class="normal"><a href="#__codelineno-37-29">29</a></span>
+<span class="normal"><a href="#__codelineno-37-30">30</a></span>
+<span class="normal"><a href="#__codelineno-37-31">31</a></span>
+<span class="normal"><a href="#__codelineno-37-32">32</a></span>
+<span class="normal"><a href="#__codelineno-37-33">33</a></span>
+<span class="normal"><a href="#__codelineno-37-34">34</a></span>
+<span class="normal"><a href="#__codelineno-37-35">35</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="c1"># WINDOW TILE</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a><span class="n">window</span><span class="o">.</span><span class="n">title</span><span class="p">()</span>  <span class="c1"># returns title of the window</span>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="n">window</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s1">&#39;new title&#39;</span><span class="p">)</span>  <span class="c1"># sets title</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="c1"># SIZE AND LOCATION</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a><span class="n">window</span><span class="o">.</span><span class="n">geometry</span><span class="p">(</span><span class="n">geo_specs</span><span class="p">)</span>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="sd">&#39;&#39;&#39;full geometry specification: width * height +- x +- y (actual coordinates of screen)</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a><span class="sd">+x --&gt; x pixels from left edge</span>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a><span class="sd">-x --&gt; x pixels from right edge</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a><span class="sd">+y --&gt; y pixels from top edge</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a><span class="sd">-y --&gt; y pixels from bottom edge&#39;&#39;&#39;</span>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a>
+<a id="__codelineno-37-13" name="__codelineno-37-13"></a><span class="c1"># STACKING ORDER</span>
+<a id="__codelineno-37-14" name="__codelineno-37-14"></a><span class="c1"># current stacking order (list from lowest to highest) --- NOT CLEANLY EXPOSED THROUGH TK API</span>
+<a id="__codelineno-37-15" name="__codelineno-37-15"></a><span class="n">root</span><span class="o">.</span><span class="n">tk</span><span class="o">.</span><span class="n">eval</span><span class="p">(</span><span class="s1">&#39;wm stackorder &#39;</span> <span class="o">+</span> <span class="nb">str</span><span class="p">(</span><span class="n">window</span><span class="p">))</span>
+<a id="__codelineno-37-16" name="__codelineno-37-16"></a><span class="c1"># check if window is above or below</span>
+<a id="__codelineno-37-17" name="__codelineno-37-17"></a><span class="k">if</span> <span class="p">(</span><span class="n">root</span><span class="o">.</span><span class="n">tk</span><span class="o">.</span><span class="n">eval</span><span class="p">(</span><span class="s1">&#39;wm stackorder &#39;</span><span class="o">+</span><span class="nb">str</span><span class="p">(</span><span class="n">window</span><span class="p">)</span><span class="o">+</span><span class="s1">&#39; isabove &#39;</span><span class="o">+</span><span class="nb">str</span><span class="p">(</span><span class="n">otherwindow</span><span class="p">))</span><span class="o">==</span><span class="s1">&#39;1&#39;</span><span class="p">)</span>
+<a id="__codelineno-37-18" name="__codelineno-37-18"></a><span class="k">if</span> <span class="p">(</span><span class="n">root</span><span class="o">.</span><span class="n">tk</span><span class="o">.</span><span class="n">eval</span><span class="p">(</span><span class="s1">&#39;wm stackorder &#39;</span><span class="o">+</span><span class="nb">str</span><span class="p">(</span><span class="n">window</span><span class="p">)</span><span class="o">+</span><span class="s1">&#39; isbelow &#39;</span><span class="o">+</span><span class="nb">str</span><span class="p">(</span><span class="n">otherwindow</span><span class="p">))</span><span class="o">==</span><span class="s1">&#39;1&#39;</span><span class="p">)</span>
+<a id="__codelineno-37-19" name="__codelineno-37-19"></a><span class="c1"># raise or lower windows</span>
+<a id="__codelineno-37-20" name="__codelineno-37-20"></a><span class="n">window</span><span class="o">.</span><span class="n">lift</span><span class="p">()</span>  <span class="c1"># absolute position</span>
+<a id="__codelineno-37-21" name="__codelineno-37-21"></a><span class="n">window</span><span class="o">.</span><span class="n">lift</span><span class="p">(</span><span class="n">otherwin</span><span class="p">)</span>  <span class="c1"># relative to other window</span>
+<a id="__codelineno-37-22" name="__codelineno-37-22"></a><span class="n">window</span><span class="o">.</span><span class="n">lower</span><span class="p">()</span>  <span class="c1"># absolute position</span>
+<a id="__codelineno-37-23" name="__codelineno-37-23"></a><span class="n">window</span><span class="o">.</span><span class="n">lower</span><span class="p">(</span><span class="n">otherwin</span><span class="p">)</span>   <span class="c1"># relative to other window</span>
+<a id="__codelineno-37-24" name="__codelineno-37-24"></a>
+<a id="__codelineno-37-25" name="__codelineno-37-25"></a><span class="c1"># RESIZE BEHAVIOR</span>
+<a id="__codelineno-37-26" name="__codelineno-37-26"></a><span class="n">window</span><span class="o">.</span><span class="n">resizable</span><span class="p">(</span><span class="n">boolean</span><span class="p">,</span> <span class="n">boolean</span><span class="p">)</span>  <span class="c1"># sets if resizable in width (1st param) and width (2nd param)</span>
+<a id="__codelineno-37-27" name="__codelineno-37-27"></a><span class="n">window</span><span class="o">.</span><span class="n">minsize</span><span class="p">(</span><span class="n">num</span><span class="p">,</span> <span class="n">num</span><span class="p">)</span>  <span class="c1"># sets min width and height</span>
+<a id="__codelineno-37-28" name="__codelineno-37-28"></a><span class="n">window</span><span class="o">.</span><span class="n">maxsize</span><span class="p">(</span><span class="n">num</span><span class="p">,</span> <span class="n">num</span><span class="p">)</span>  <span class="c1"># sets max width and height</span>
+<a id="__codelineno-37-29" name="__codelineno-37-29"></a>
+<a id="__codelineno-37-30" name="__codelineno-37-30"></a><span class="c1"># ICONIFYING AND WITHDRAWING</span>
+<a id="__codelineno-37-31" name="__codelineno-37-31"></a><span class="c1"># WINDOW STATE: normal. iconic (iconified window), withdrawn, icon, zoomed</span>
+<a id="__codelineno-37-32" name="__codelineno-37-32"></a><span class="n">window</span><span class="o">.</span><span class="n">state</span><span class="p">()</span>  <span class="c1"># returns current window state</span>
+<a id="__codelineno-37-33" name="__codelineno-37-33"></a><span class="n">window</span><span class="o">.</span><span class="n">state</span><span class="p">(</span><span class="s1">&#39;state&#39;</span><span class="p">)</span>  <span class="c1"># sets window state</span>
+<a id="__codelineno-37-34" name="__codelineno-37-34"></a><span class="n">window</span><span class="o">.</span><span class="n">iconify</span><span class="p">()</span>  <span class="c1"># iconifies window</span>
+<a id="__codelineno-37-35" name="__codelineno-37-35"></a><span class="n">window</span><span class="o">.</span><span class="n">deiconify</span><span class="p">()</span>  <span class="c1"># deiconifies window</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="standard-dialogs">STANDARD DIALOGS</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-38-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-38-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-38-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-38-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-38-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-38-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-38-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-38-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-38-10">10</a></span>
+<span class="normal"><a href="#__codelineno-38-11">11</a></span>
+<span class="normal"><a href="#__codelineno-38-12">12</a></span>
+<span class="normal"><a href="#__codelineno-38-13">13</a></span>
+<span class="normal"><a href="#__codelineno-38-14">14</a></span>
+<span class="normal"><a href="#__codelineno-38-15">15</a></span>
+<span class="normal"><a href="#__codelineno-38-16">16</a></span>
+<span class="normal"><a href="#__codelineno-38-17">17</a></span>
+<span class="normal"><a href="#__codelineno-38-18">18</a></span>
+<span class="normal"><a href="#__codelineno-38-19">19</a></span>
+<span class="normal"><a href="#__codelineno-38-20">20</a></span>
+<span class="normal"><a href="#__codelineno-38-21">21</a></span>
+<span class="normal"><a href="#__codelineno-38-22">22</a></span>
+<span class="normal"><a href="#__codelineno-38-23">23</a></span>
+<span class="normal"><a href="#__codelineno-38-24">24</a></span>
+<span class="normal"><a href="#__codelineno-38-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="c1"># SLEETING FILE AND DIRECTORIES</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="c1"># on Windows and Mac invokes underlying OS dialogs directly</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a><span class="kn">from</span> <span class="nn">tkinter</span> <span class="kn">import</span> <span class="n">filedialog</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="n">filename</span> <span class="o">=</span> <span class="n">filedialog</span><span class="o">.</span><span class="n">askopenfilename</span><span class="p">()</span>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a><span class="n">filename</span> <span class="o">=</span> <span class="n">filedialog</span><span class="o">.</span><span class="n">asksaveasfilename</span><span class="p">()</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="n">dirname</span> <span class="o">=</span> <span class="n">filedialog</span><span class="o">.</span><span class="n">askdirectory</span><span class="p">()</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a><span class="sd">&#39;&#39;&#39;All of these commands produce modal dialogs, which means that the commands (and hence the program) will not continue running until the user submits the dialog.</span>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a><span class="sd">The commands return the full pathname of the file or directory the user has chosen, or return an empty string if the user cancels out of the dialog.&#39;&#39;&#39;</span>
+<a id="__codelineno-38-9" name="__codelineno-38-9"></a>
+<a id="__codelineno-38-10" name="__codelineno-38-10"></a><span class="c1"># SELECTING COLORS</span>
+<a id="__codelineno-38-11" name="__codelineno-38-11"></a><span class="kn">from</span> <span class="nn">tkinter</span> <span class="kn">import</span> <span class="n">colorchooser</span>
+<a id="__codelineno-38-12" name="__codelineno-38-12"></a> <span class="c1"># returns HEX color code, INITIALCOLOR: exiting color, presumably to replace</span>
+<a id="__codelineno-38-13" name="__codelineno-38-13"></a><span class="n">colorchooser</span><span class="o">.</span><span class="n">askcolor</span><span class="p">(</span><span class="n">initialcolor</span><span class="o">=</span><span class="n">hex_color_code</span><span class="p">)</span>
+<a id="__codelineno-38-14" name="__codelineno-38-14"></a>
+<a id="__codelineno-38-15" name="__codelineno-38-15"></a><span class="c1"># ALERT AND COMFIRMATION DIALOGS</span>
+<a id="__codelineno-38-16" name="__codelineno-38-16"></a><span class="kn">from</span> <span class="nn">tkinter</span> <span class="kn">import</span> <span class="n">messagebox</span>
+<a id="__codelineno-38-17" name="__codelineno-38-17"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">showinfo</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">)</span>  <span class="c1"># simple box with message and OK button</span>
+<a id="__codelineno-38-18" name="__codelineno-38-18"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">showerror</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">)</span>
+<a id="__codelineno-38-19" name="__codelineno-38-19"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">showwarning</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">)</span>
+<a id="__codelineno-38-20" name="__codelineno-38-20"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">askyesno</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">,</span> <span class="n">detail</span><span class="o">=</span><span class="s1">&#39;secondary text&#39;</span> <span class="n">icon</span><span class="o">=</span><span class="s1">&#39;icon&#39;</span><span class="p">)</span>
+<a id="__codelineno-38-21" name="__codelineno-38-21"></a><span class="n">messagebor</span><span class="o">.</span><span class="n">askokcancel</span><span class="p">(</span><span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">,</span> <span class="n">icon</span><span class="o">=</span><span class="s1">&#39;icon&#39;</span><span class="p">,</span> <span class="n">title</span><span class="o">=</span><span class="s1">&#39;title&#39;</span><span class="p">,</span> <span class="n">detail</span><span class="o">=</span><span class="s1">&#39;secondary text&#39;</span><span class="p">,</span> <span class="n">default</span><span class="o">=</span><span class="n">button</span><span class="p">)</span>  <span class="c1"># DEFAULT: default button, ok or cancel</span>
+<a id="__codelineno-38-22" name="__codelineno-38-22"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">akdquestion</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">,</span> <span class="n">detail</span><span class="o">=</span><span class="s1">&#39;secondary text&#39;</span><span class="p">,</span> <span class="n">icon</span><span class="o">=</span><span class="s1">&#39;icon&#39;</span><span class="p">)</span>
+<a id="__codelineno-38-23" name="__codelineno-38-23"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">askretrycancel</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">,</span> <span class="n">detail</span><span class="o">=</span><span class="s1">&#39;secondary text&#39;</span><span class="p">,</span> <span class="n">icon</span><span class="o">=</span><span class="s1">&#39;icon&#39;</span><span class="p">)</span>
+<a id="__codelineno-38-24" name="__codelineno-38-24"></a><span class="n">messagebox</span><span class="o">.</span><span class="n">askyesnocancel</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">message</span><span class="o">=</span><span class="s1">&#39;text&#39;</span><span class="p">,</span> <span class="n">detail</span><span class="o">=</span><span class="s1">&#39;secondary text&#39;</span><span class="p">,</span> <span class="n">icon</span><span class="o">=</span><span class="s1">&#39;icon&#39;</span><span class="p">)</span>
+<a id="__codelineno-38-25" name="__codelineno-38-25"></a><span class="c1"># ICON: info (default), error, question, warning</span>
+</code></pre></div></td></tr></table></div>
+<p>POSSIBLE ALERT/CONFIRMATION RETURN VALUES:</p>
+<ul>
+<li><code>ok (default)</code> -- "ok"</li>
+<li><code>okcancel</code> -- "ok" or "cancel"</li>
+<li><code>yesno</code> -- "yes" or "no"</li>
+<li><code>yesnocancel</code> -- "yes", "no" or "cancel"</li>
+<li><code>retrycancel</code> -- "retry" or "cancel"</li>
+</ul>
+<h2 id="separator">SEPARATOR</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-39-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-39-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-39-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-39-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-39-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-39-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-39-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-39-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-39-10">10</a></span>
+<span class="normal"><a href="#__codelineno-39-11">11</a></span>
+<span class="normal"><a href="#__codelineno-39-12">12</a></span>
+<span class="normal"><a href="#__codelineno-39-13">13</a></span>
+<span class="normal"><a href="#__codelineno-39-14">14</a></span>
+<span class="normal"><a href="#__codelineno-39-15">15</a></span>
+<span class="normal"><a href="#__codelineno-39-16">16</a></span>
+<span class="normal"><a href="#__codelineno-39-17">17</a></span>
+<span class="normal"><a href="#__codelineno-39-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="c1"># horizontal or vertical line between groups of widgets</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="n">separator</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Separator</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">orient</span><span class="o">=</span><span class="n">direction</span><span class="p">)</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="c1"># DIRECTION: horizontal, vertical</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="sd">&#39;&#39;&#39;LABEL FRAME&#39;&#39;&#39;</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="c1"># labelled frame, used to group widgets</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a><span class="n">lf</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">LabelFrame</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;label&#39;</span><span class="p">)</span>
+<a id="__codelineno-39-7" name="__codelineno-39-7"></a><span class="sd">&#39;&#39;&#39;PANED WINDOWS&#39;&#39;&#39;</span>
+<a id="__codelineno-39-8" name="__codelineno-39-8"></a><span class="c1"># stack multimple resizable widgets</span>
+<a id="__codelineno-39-9" name="__codelineno-39-9"></a><span class="c1"># panes ara adjustable (drag sash between panes)</span>
+<a id="__codelineno-39-10" name="__codelineno-39-10"></a><span class="n">pw</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">PanedWindow</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="n">orient</span><span class="o">=</span><span class="n">direction</span><span class="p">)</span>
+<a id="__codelineno-39-11" name="__codelineno-39-11"></a><span class="c1"># DIRECTION: horizontal, vertical</span>
+<a id="__codelineno-39-12" name="__codelineno-39-12"></a><span class="n">lf1</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">LabelFrame</span><span class="p">(</span><span class="o">...</span><span class="p">)</span>
+<a id="__codelineno-39-13" name="__codelineno-39-13"></a><span class="n">lf2</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">LabelFrame</span><span class="p">(</span><span class="o">...</span><span class="p">)</span>
+<a id="__codelineno-39-14" name="__codelineno-39-14"></a><span class="n">pw</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">lf1</span><span class="p">)</span>  <span class="c1"># add widget to paned window</span>
+<a id="__codelineno-39-15" name="__codelineno-39-15"></a><span class="n">pw</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">lf2</span><span class="p">)</span>
+<a id="__codelineno-39-16" name="__codelineno-39-16"></a><span class="n">pw</span><span class="o">.</span><span class="n">insert</span><span class="p">(</span><span class="n">position</span><span class="p">,</span> <span class="n">subwindow</span><span class="p">)</span>  <span class="c1"># insert widget at given position in list of panes (0, ..., n-1)</span>
+<a id="__codelineno-39-17" name="__codelineno-39-17"></a><span class="n">pw</span><span class="o">.</span><span class="n">forget</span><span class="p">(</span><span class="n">subwindow</span><span class="p">)</span>  <span class="c1"># remove widget from pane</span>
+<a id="__codelineno-39-18" name="__codelineno-39-18"></a><span class="n">pw</span><span class="o">.</span><span class="n">forget</span><span class="p">(</span><span class="n">position</span><span class="p">)</span>  <span class="c1"># remove widget from pane</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="notebook">NOTEBOOK</h3>
+<p>Allows switching between multiple pages</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-40-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-40-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-40-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-40-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-40-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-40-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-40-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-40-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-40-10">10</a></span>
+<span class="normal"><a href="#__codelineno-40-11">11</a></span>
+<span class="normal"><a href="#__codelineno-40-12">12</a></span>
+<span class="normal"><a href="#__codelineno-40-13">13</a></span>
+<span class="normal"><a href="#__codelineno-40-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="n">nb</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Notebook</span><span class="p">(</span><span class="n">parent</span><span class="p">)</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="n">f1</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Frame</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="o">...</span><span class="p">)</span>  <span class="c1"># child of notebook</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a><span class="n">f2</span> <span class="o">=</span> <span class="n">ttk</span><span class="o">.</span><span class="n">Frame</span><span class="p">(</span><span class="n">parent</span><span class="p">,</span> <span class="o">...</span><span class="p">)</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a><span class="n">nb</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">subwindow</span><span class="p">,</span> <span class="n">text</span><span class="o">=</span><span class="s1">&#39;page title&#39;</span><span class="p">,</span> <span class="n">state</span><span class="o">=</span><span class="n">flag</span><span class="p">)</span>
+<a id="__codelineno-40-5" name="__codelineno-40-5"></a><span class="c1"># TEXT: name of page, STATE: normal, dusabled (not selectable), hidden</span>
+<a id="__codelineno-40-6" name="__codelineno-40-6"></a>
+<a id="__codelineno-40-7" name="__codelineno-40-7"></a><span class="n">nb</span><span class="o">.</span><span class="n">insert</span><span class="p">(</span><span class="n">position</span><span class="p">,</span> <span class="n">subwindow</span><span class="p">,</span> <span class="n">option</span><span class="o">=</span><span class="n">value</span><span class="p">)</span>
+<a id="__codelineno-40-8" name="__codelineno-40-8"></a><span class="n">nb</span><span class="o">.</span><span class="n">forget</span><span class="p">(</span><span class="n">subwindow</span><span class="p">)</span>
+<a id="__codelineno-40-9" name="__codelineno-40-9"></a><span class="n">nb</span><span class="o">.</span><span class="n">forget</span><span class="p">(</span><span class="n">position</span><span class="p">)</span>
+<a id="__codelineno-40-10" name="__codelineno-40-10"></a><span class="n">nb</span><span class="o">.</span><span class="n">tabs</span><span class="p">()</span>  <span class="c1"># retrieve all tabs</span>
+<a id="__codelineno-40-11" name="__codelineno-40-11"></a><span class="n">nb</span><span class="o">.</span><span class="n">select</span><span class="p">()</span>  <span class="c1"># return current tab</span>
+<a id="__codelineno-40-12" name="__codelineno-40-12"></a><span class="n">nb</span><span class="o">.</span><span class="n">select</span><span class="p">(</span><span class="n">position</span><span class="o">/</span><span class="n">subwindow</span><span class="p">)</span>  <span class="c1"># change current tab</span>
+<a id="__codelineno-40-13" name="__codelineno-40-13"></a><span class="n">nb</span><span class="o">.</span><span class="n">tab</span><span class="p">(</span><span class="n">tabid</span><span class="p">,</span> <span class="n">option</span><span class="p">)</span>  <span class="c1"># retrieve tab (TABID: position or subwindow) option</span>
+<a id="__codelineno-40-14" name="__codelineno-40-14"></a><span class="n">nb</span><span class="o">.</span><span class="n">tab</span><span class="p">(</span><span class="n">tabid</span><span class="p">,</span> <span class="n">option</span><span class="o">=</span><span class="n">value</span><span class="p">)</span>   <span class="c1"># change tab option</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="fonts-colors-images">FONTS, COLORS, IMAGES</h4>
+<h4 id="named-fonts">NAMED FONTS</h4>
+<p>Creation of personalized fonts</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1">1</a></span>
+<span class="normal"><a href="#__codelineno-41-2">2</a></span>
+<span class="normal"><a href="#__codelineno-41-3">3</a></span>
+<span class="normal"><a href="#__codelineno-41-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="kn">from</span> <span class="nn">tkinter</span> <span class="kn">import</span> <span class="n">font</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a><span class="n">font_name</span> <span class="o">=</span> <span class="n">font</span><span class="o">.</span><span class="n">Font</span><span class="p">(</span><span class="n">family</span><span class="o">=</span><span class="s1">&#39;font_family&#39;</span><span class="p">,</span> <span class="n">size</span><span class="o">=</span><span class="n">num</span><span class="p">,</span> <span class="n">weight</span><span class="o">=</span><span class="s1">&#39;bold/normal&#39;</span><span class="p">,</span> <span class="n">slant</span><span class="o">=</span><span class="s1">&#39;roman/italic&#39;</span><span class="p">,</span> <span class="n">underline</span><span class="o">=</span><span class="n">boolean</span><span class="p">,</span> <span class="n">overstrike</span><span class="o">=</span><span class="n">boolean</span><span class="p">)</span>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a><span class="c1"># FAMILY: Courier, Times, Helvetica (support guaranteed)</span>
+<a id="__codelineno-41-4" name="__codelineno-41-4"></a><span class="n">font</span><span class="o">.</span><span class="n">families</span><span class="p">()</span>  <span class="c1"># all avaiable font families</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="colors">COLORS</h4>
+<p>Specified w/ HEX RGB codes.</p>
+<h4 id="images">IMAGES</h4>
+<p>imgobj = PhotoImage(file='filename')
+label['image'] = imgobj</p>
+<h4 id="images-w-pillow">IMAGES W/ Pillow</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span>
+<span class="normal"><a href="#__codelineno-42-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="kn">from</span> <span class="nn">PIL</span> <span class="kn">import</span> <span class="n">ImageTk</span><span class="p">,</span> <span class="n">Image</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a><span class="n">myimg</span> <span class="o">=</span> <span class="n">ImageTk</span><span class="o">.</span><span class="n">PhotoImage</span><span class="p">(</span><span class="n">Image</span><span class="o">.</span><span class="n">open</span><span class="p">(</span><span class="s1">&#39;filename&#39;</span><span class="p">))</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../modules/unittest.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: unittest">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                unittest
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="numpy.html" class="md-footer__link md-footer__link--next" aria-label="Next: Numpy">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Numpy
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/argparse.html b/languages/python/modules/argparse.html
new file mode 100644
index 0000000..bdebc53
--- /dev/null
+++ b/languages/python/modules/argparse.html
@@ -0,0 +1,4474 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/argparse.html">
+      
+      
+        <link rel="prev" href="../python.html">
+      
+      
+        <link rel="next" href="collections.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>argparse - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="argparse - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/argparse.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/argparse.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="argparse - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/argparse.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#argpasrse-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              argparse
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="argparse.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#creating-a-parser" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating a parser
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#adding-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Adding Arguments
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Adding Arguments">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#actions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Actions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nargs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nargs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#parsing-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parsing Arguments
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#creating-a-parser" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating a parser
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#adding-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Adding Arguments
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Adding Arguments">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#actions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Actions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nargs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nargs
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#parsing-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Parsing Arguments
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="argpasrse-module">Argpasrse Module</h1>
+<h2 id="creating-a-parser">Creating a parser</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">argparse</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">(</span><span class="n">description</span><span class="o">=</span><span class="s2">&quot;description&quot;</span><span class="p">,</span> <span class="n">allow_abbrev</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: All parameters should be passed as keyword arguments.</p>
+<ul>
+<li><code>prog</code>: The name of the program (default: <code>sys.argv[0]</code>)</li>
+<li><code>usage</code>: The string describing the program usage (default: generated from arguments added to parser)</li>
+<li><code>description</code>: Text to display before the argument help (default: none)</li>
+<li><code>epilog</code>: Text to display after the argument help (default: none)</li>
+<li><code>parents</code>: A list of ArgumentParser objects whose arguments should also be included</li>
+<li><code>formatter_class</code>: A class for customizing the help output</li>
+<li><code>prefix_chars</code>: The set of characters that prefix optional arguments (default: ‘-‘)</li>
+<li><code>fromfile_prefix_chars</code>: The set of characters that prefix files from which additional arguments should be read (default: None)</li>
+<li><code>argument_default</code>: The global default value for arguments (default: None)</li>
+<li><code>conflict_handler</code>: The strategy for resolving conflicting optionals (usually unnecessary)</li>
+<li><code>add_help</code>: Add a -h/--help option to the parser (default: True)</li>
+<li><code>allow_abbrev</code>: Allows long options to be abbreviated if the abbreviation is unambiguous. (default: True)</li>
+</ul>
+<h2 id="adding-arguments"><a href="https://docs.python.org/3/library/argparse.html#the-add-argument-method">Adding Arguments</a></h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">ArgumentParser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s2">&quot;name_or_flags&quot;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s2">&quot;...&quot;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s2">&quot;...&quot;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: All parameters should be passed as keyword arguments.</p>
+<ul>
+<li><code>name or flags</code>: Either a name or a list of option strings, e.g. <code>foo</code> or <code>-f</code>, <code>--foo</code>.</li>
+<li><code>action</code>: The basic type of action to be taken when this argument is encountered at the command line.</li>
+<li><code>nargs</code>: The number of command-line arguments that should be consumed.</li>
+<li><code>const</code>: A constant value required by some action and nargs selections.</li>
+<li><code>default</code>: The value produced if the argument is absent from the command line.</li>
+<li><code>type</code>: The type to which the command-line argument should be converted to.</li>
+<li><code>choices</code>: A container of the allowable values for the argument.</li>
+<li><code>required</code>: Whether or not the command-line option may be omitted (optionals only).</li>
+<li><code>help</code>: A brief description of what the argument does.</li>
+<li><code>metavar</code>: A name for the argument in usage messages.</li>
+<li><code>dest</code>: The name of the attribute to be added to the object returned by <code>parse_args()</code>.</li>
+</ul>
+<h3 id="actions">Actions</h3>
+<p><code>store</code>: This just stores the argument's value. This is the default action.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">)</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;--foo 1&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">())</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">foo</span><span class="o">=</span><span class="s1">&#39;1&#39;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><code>store_const</code>: This stores the value specified by the const keyword argument. The <code>store_const</code> action is most commonly used with optional arguments that specify some sort of flag.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;store_const&#39;</span><span class="p">,</span> <span class="n">const</span><span class="o">=</span><span class="mi">42</span><span class="p">)</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;--foo&#39;</span><span class="p">])</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">foo</span><span class="o">=</span><span class="mi">42</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><code>store_true</code> and <code>store_false</code>: These are special cases of <code>store_const</code> used for storing the values True and False respectively. In addition, they create default values of False and True respectively.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;store_true&#39;</span><span class="p">)</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--bar&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;store_false&#39;</span><span class="p">)</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--baz&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;store_false&#39;</span><span class="p">)</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;--foo --bar&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">())</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">foo</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">bar</span><span class="o">=</span><span class="kc">False</span><span class="p">,</span> <span class="n">baz</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><code>append</code>: This stores a list, and appends each argument value to the list. This is useful to allow an option to be specified multiple times. Example usage:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;append&#39;</span><span class="p">)</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;--foo 1 --foo 2&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">())</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">foo</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;1&#39;</span><span class="p">,</span> <span class="s1">&#39;2&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<p><code>append_const</code>: This stores a list, and appends the value specified by the const keyword argument to the list. (Note that the const keyword argument defaults to None.) The <code>append_const</code> action is typically useful when multiple arguments need to store constants to the same list. For example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--str&#39;</span><span class="p">,</span> <span class="n">dest</span><span class="o">=</span><span class="s1">&#39;types&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;append_const&#39;</span><span class="p">,</span> <span class="n">const</span><span class="o">=</span><span class="nb">str</span><span class="p">)</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--int&#39;</span><span class="p">,</span> <span class="n">dest</span><span class="o">=</span><span class="s1">&#39;types&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;append_const&#39;</span><span class="p">,</span> <span class="n">const</span><span class="o">=</span><span class="nb">int</span><span class="p">)</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;--str --int&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">())</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">types</span><span class="o">=</span><span class="p">[</span><span class="o">&lt;</span><span class="k">class</span> <span class="err">&#39;</span><span class="nc">str</span><span class="s1">&#39;&gt;, &lt;class &#39;</span><span class="nb">int</span><span class="s1">&#39;&gt;])</span>
+</code></pre></div></td></tr></table></div>
+<p><code>count</code>: This counts the number of times a keyword argument occurs. For example, this is useful for increasing verbosity levels:
+<strong>Note</strong>: the default will be None unless explicitly set to 0.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--verbose&#39;</span><span class="p">,</span> <span class="s1">&#39;-v&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;count&#39;</span><span class="p">,</span> <span class="n">default</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;-vvv&#39;</span><span class="p">])</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">verbose</span><span class="o">=</span><span class="mi">3</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><code>help</code>: This prints a complete help message for all the options in the current parser and then exits. By default a help action is automatically added to the parser.</p>
+<p><code>version</code>: This expects a version= keyword argument in the add_argument() call, and prints version information and exits when invoked:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="kn">import</span> <span class="nn">argparse</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">(</span><span class="n">prog</span><span class="o">=</span><span class="s1">&#39;PROG&#39;</span><span class="p">)</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--version&#39;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s1">&#39;version&#39;</span><span class="p">,</span> <span class="n">version</span><span class="o">=</span><span class="s1">&#39;</span><span class="si">%(prog)s</span><span class="s1"> 2.0&#39;</span><span class="p">)</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;--version&#39;</span><span class="p">])</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="n">PROG</span> <span class="mf">2.0</span>
+</code></pre></div></td></tr></table></div>
+<p><code>extend</code>: This stores a list, and extends each argument value to the list. Example usage:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s2">&quot;--foo&quot;</span><span class="p">,</span> <span class="n">action</span><span class="o">=</span><span class="s2">&quot;extend&quot;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s2">&quot;+&quot;</span><span class="p">,</span> <span class="nb">type</span><span class="o">=</span><span class="nb">str</span><span class="p">)</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s2">&quot;--foo&quot;</span><span class="p">,</span> <span class="s2">&quot;f1&quot;</span><span class="p">,</span> <span class="s2">&quot;--foo&quot;</span><span class="p">,</span> <span class="s2">&quot;f2&quot;</span><span class="p">,</span> <span class="s2">&quot;f3&quot;</span><span class="p">,</span> <span class="s2">&quot;f4&quot;</span><span class="p">])</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">foo</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;f1&#39;</span><span class="p">,</span> <span class="s1">&#39;f2&#39;</span><span class="p">,</span> <span class="s1">&#39;f3&#39;</span><span class="p">,</span> <span class="s1">&#39;f4&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="nargs">Nargs</h3>
+<p>ArgumentParser objects usually associate a single command-line argument with a single action to be taken.
+The <code>nargs</code> keyword argument associates a different number of command-line arguments with a single action.</p>
+<p><strong>Note</strong>: If the nargs keyword argument is not provided, the number of arguments consumed is determined by the action.</p>
+<p><code>N</code> (an integer): N arguments from the command line will be gathered together into a list.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="mi">2</span><span class="p">)</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;bar&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="mi">1</span><span class="p">)</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;c --foo a b&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">())</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">bar</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;c&#39;</span><span class="p">],</span> <span class="n">foo</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: <code>nargs=1</code> produces a list of one item. This is different from the default, in which the item is produced by itself.</p>
+<p><code>?</code>: One argument will be consumed from the command line if possible, and produced as a single item. If no command-line argument is present, the value from default will be produced.</p>
+<p>For optional arguments, there is an additional case: the option string is present but not followed by a command-line argument. In this case the value from const will be produced.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span>
+<span class="normal"><a href="#__codelineno-11-4">4</a></span>
+<span class="normal"><a href="#__codelineno-11-5">5</a></span>
+<span class="normal"><a href="#__codelineno-11-6">6</a></span>
+<span class="normal"><a href="#__codelineno-11-7">7</a></span>
+<span class="normal"><a href="#__codelineno-11-8">8</a></span>
+<span class="normal"><a href="#__codelineno-11-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s1">&#39;?&#39;</span><span class="p">,</span> <span class="n">const</span><span class="o">=</span><span class="s1">&#39;c&#39;</span><span class="p">,</span> <span class="n">default</span><span class="o">=</span><span class="s1">&#39;d&#39;</span><span class="p">)</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;bar&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s1">&#39;?&#39;</span><span class="p">,</span> <span class="n">default</span><span class="o">=</span><span class="s1">&#39;d&#39;</span><span class="p">)</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;XX&#39;</span><span class="p">,</span> <span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="s1">&#39;YY&#39;</span><span class="p">])</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">bar</span><span class="o">=</span><span class="s1">&#39;XX&#39;</span><span class="p">,</span> <span class="n">foo</span><span class="o">=</span><span class="s1">&#39;YY&#39;</span><span class="p">)</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;XX&#39;</span><span class="p">,</span> <span class="s1">&#39;--foo&#39;</span><span class="p">])</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">bar</span><span class="o">=</span><span class="s1">&#39;XX&#39;</span><span class="p">,</span> <span class="n">foo</span><span class="o">=</span><span class="s1">&#39;c&#39;</span><span class="p">)</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([])</span>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">bar</span><span class="o">=</span><span class="s1">&#39;d&#39;</span><span class="p">,</span> <span class="n">foo</span><span class="o">=</span><span class="s1">&#39;d&#39;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><code>*</code>: All command-line arguments present are gathered into a list. Note that it generally doesn't make much sense to have more than one positional argument with <code>nargs='*'</code>, but multiple optional arguments with <code>nargs='*'</code> is possible.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s1">&#39;*&#39;</span><span class="p">)</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--bar&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s1">&#39;*&#39;</span><span class="p">)</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;baz&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s1">&#39;*&#39;</span><span class="p">)</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;a b --foo x y --bar 1 2&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">())</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">bar</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;1&#39;</span><span class="p">,</span> <span class="s1">&#39;2&#39;</span><span class="p">],</span> <span class="n">baz</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">],</span> <span class="n">foo</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;x&#39;</span><span class="p">,</span> <span class="s1">&#39;y&#39;</span><span class="p">])</span>
+</code></pre></div></td></tr></table></div>
+<p><code>+</code>: All command-line args present are gathered into a list. Additionally, an error message will be generated if there wasn't at least one command-line argument present.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span>
+<span class="normal"><a href="#__codelineno-13-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">(</span><span class="n">prog</span><span class="o">=</span><span class="s1">&#39;PROG&#39;</span><span class="p">)</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;foo&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="s1">&#39;+&#39;</span><span class="p">)</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">])</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">foo</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">])</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([])</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="n">usage</span><span class="p">:</span> <span class="n">PROG</span> <span class="p">[</span><span class="o">-</span><span class="n">h</span><span class="p">]</span> <span class="n">foo</span> <span class="p">[</span><span class="n">foo</span> <span class="o">...</span><span class="p">]</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="n">PROG</span><span class="p">:</span> <span class="n">error</span><span class="p">:</span> <span class="n">the</span> <span class="n">following</span> <span class="n">arguments</span> <span class="n">are</span> <span class="n">required</span><span class="p">:</span> <span class="n">foo</span>
+</code></pre></div></td></tr></table></div>
+<p><code>argparse.REMAINDER</code>: All the remaining command-line arguments are gathered into a list. This is commonly useful for command line utilities that dispatch to other command line utilities.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">(</span><span class="n">prog</span><span class="o">=</span><span class="s1">&#39;PROG&#39;</span><span class="p">)</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">)</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;command&#39;</span><span class="p">)</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="o">&gt;&gt;&gt;</span> <span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;args&#39;</span><span class="p">,</span> <span class="n">nargs</span><span class="o">=</span><span class="n">argparse</span><span class="o">.</span><span class="n">REMAINDER</span><span class="p">)</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="o">&gt;&gt;&gt;</span> <span class="nb">print</span><span class="p">(</span><span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="s1">&#39;--foo B cmd --arg1 XX ZZ&#39;</span><span class="o">.</span><span class="n">split</span><span class="p">()))</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="n">Namespace</span><span class="p">(</span><span class="n">args</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;--arg1&#39;</span><span class="p">,</span> <span class="s1">&#39;XX&#39;</span><span class="p">,</span> <span class="s1">&#39;ZZ&#39;</span><span class="p">],</span> <span class="n">command</span><span class="o">=</span><span class="s1">&#39;cmd&#39;</span><span class="p">,</span> <span class="n">foo</span><span class="o">=</span><span class="s1">&#39;B&#39;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="parsing-arguments">Parsing Arguments</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span>
+<span class="normal"><a href="#__codelineno-15-12">12</a></span>
+<span class="normal"><a href="#__codelineno-15-13">13</a></span>
+<span class="normal"><a href="#__codelineno-15-14">14</a></span>
+<span class="normal"><a href="#__codelineno-15-15">15</a></span>
+<span class="normal"><a href="#__codelineno-15-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="c1"># Convert argument strings to objects and assign them as attributes of the namespace. Return the populated namespace.</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="n">ArgumentParser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="n">args</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">namespace</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="c1">#  assign attributes to an already existing object, rather than a new Namespace object</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="k">class</span> <span class="nc">C</span><span class="p">:</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a>    <span class="k">pass</span>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="n">c</span> <span class="o">=</span> <span class="n">C</span><span class="p">()</span>
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a><span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">()</span>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a><span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--foo&#39;</span><span class="p">)</span>
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">(</span><span class="n">args</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="s1">&#39;BAR&#39;</span><span class="p">],</span> <span class="n">namespace</span><span class="o">=</span><span class="n">c</span><span class="p">)</span>
+<a id="__codelineno-15-12" name="__codelineno-15-12"></a><span class="n">c</span><span class="o">.</span><span class="n">foo</span>  <span class="c1"># BAR</span>
+<a id="__codelineno-15-13" name="__codelineno-15-13"></a>
+<a id="__codelineno-15-14" name="__codelineno-15-14"></a><span class="c1"># return a dict instead of a Namespace</span>
+<a id="__codelineno-15-15" name="__codelineno-15-15"></a><span class="n">args</span> <span class="o">=</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">([</span><span class="s1">&#39;--foo&#39;</span><span class="p">,</span> <span class="s1">&#39;BAR&#39;</span><span class="p">])</span>
+<a id="__codelineno-15-16" name="__codelineno-15-16"></a><span class="nb">vars</span><span class="p">(</span><span class="n">args</span><span class="p">)</span>  <span class="c1"># {&#39;foo&#39;: &#39;BAR&#39;}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../python.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Python">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Python
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="collections.html" class="md-footer__link md-footer__link--next" aria-label="Next: collection">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                collection
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/collections.html b/languages/python/modules/collections.html
new file mode 100644
index 0000000..8696f42
--- /dev/null
+++ b/languages/python/modules/collections.html
@@ -0,0 +1,4248 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/collections.html">
+      
+      
+        <link rel="prev" href="argparse.html">
+      
+      
+        <link rel="next" href="csv.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>collection - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="collection - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/collections.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/collections.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="collection - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/collections.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#collections-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              collection
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="collections.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="collections-module">Collections Module</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span>
+<span class="normal"><a href="#__codelineno-0-40">40</a></span>
+<span class="normal"><a href="#__codelineno-0-41">41</a></span>
+<span class="normal"><a href="#__codelineno-0-42">42</a></span>
+<span class="normal"><a href="#__codelineno-0-43">43</a></span>
+<span class="normal"><a href="#__codelineno-0-44">44</a></span>
+<span class="normal"><a href="#__codelineno-0-45">45</a></span>
+<span class="normal"><a href="#__codelineno-0-46">46</a></span>
+<span class="normal"><a href="#__codelineno-0-47">47</a></span>
+<span class="normal"><a href="#__codelineno-0-48">48</a></span>
+<span class="normal"><a href="#__codelineno-0-49">49</a></span>
+<span class="normal"><a href="#__codelineno-0-50">50</a></span>
+<span class="normal"><a href="#__codelineno-0-51">51</a></span>
+<span class="normal"><a href="#__codelineno-0-52">52</a></span>
+<span class="normal"><a href="#__codelineno-0-53">53</a></span>
+<span class="normal"><a href="#__codelineno-0-54">54</a></span>
+<span class="normal"><a href="#__codelineno-0-55">55</a></span>
+<span class="normal"><a href="#__codelineno-0-56">56</a></span>
+<span class="normal"><a href="#__codelineno-0-57">57</a></span>
+<span class="normal"><a href="#__codelineno-0-58">58</a></span>
+<span class="normal"><a href="#__codelineno-0-59">59</a></span>
+<span class="normal"><a href="#__codelineno-0-60">60</a></span>
+<span class="normal"><a href="#__codelineno-0-61">61</a></span>
+<span class="normal"><a href="#__codelineno-0-62">62</a></span>
+<span class="normal"><a href="#__codelineno-0-63">63</a></span>
+<span class="normal"><a href="#__codelineno-0-64">64</a></span>
+<span class="normal"><a href="#__codelineno-0-65">65</a></span>
+<span class="normal"><a href="#__codelineno-0-66">66</a></span>
+<span class="normal"><a href="#__codelineno-0-67">67</a></span>
+<span class="normal"><a href="#__codelineno-0-68">68</a></span>
+<span class="normal"><a href="#__codelineno-0-69">69</a></span>
+<span class="normal"><a href="#__codelineno-0-70">70</a></span>
+<span class="normal"><a href="#__codelineno-0-71">71</a></span>
+<span class="normal"><a href="#__codelineno-0-72">72</a></span>
+<span class="normal"><a href="#__codelineno-0-73">73</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># COUNTER ()</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="c1"># subclass dictionary for counting hash-capable objects</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="kn">from</span> <span class="nn">collections</span> <span class="kn">import</span> <span class="n">Counter</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">Counter</span> <span class="p">(</span><span class="n">sequence</span><span class="p">)</span> <span class="c1"># -&gt; Counter object</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="c1"># {item: num included in sequence, ...}</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">var</span> <span class="o">=</span> <span class="n">Counter</span> <span class="p">(</span><span class="n">sequence</span><span class="p">)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="n">var</span><span class="o">.</span><span class="n">most_common</span> <span class="p">(</span><span class="n">n</span><span class="p">)</span> <span class="c1"># produce list of most common elements (most common n)</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="nb">sum</span> <span class="p">(</span><span class="n">var</span><span class="o">.</span><span class="n">values</span> <span class="err">​​</span><span class="p">())</span> <span class="c1"># total of all counts</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="n">var</span><span class="o">.</span><span class="n">clear</span> <span class="p">()</span> <span class="c1">#reset all counts</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="nb">list</span> <span class="p">(</span><span class="n">var</span><span class="p">)</span> <span class="c1"># list unique items</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="nb">set</span> <span class="p">(</span><span class="n">var</span><span class="p">)</span> <span class="c1"># convert to a set</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="nb">dict</span> <span class="p">(</span><span class="n">var</span><span class="p">)</span> <span class="c1"># convert to regular dictionary</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="n">var</span><span class="o">.</span><span class="n">items</span> <span class="p">()</span> <span class="c1"># convert to a list of pairs (element, count)</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="n">Counter</span> <span class="p">(</span><span class="nb">dict</span> <span class="p">(</span><span class="n">list_of_pairs</span><span class="p">))</span> <span class="c1"># convert from a list of pairs</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="n">var</span><span class="o">.</span><span class="n">most_common</span> <span class="p">[:</span> <span class="o">-</span> <span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="p">:</span> <span class="o">-</span><span class="mi">1</span><span class="p">]</span> <span class="c1"># n less common elements</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="n">var</span> <span class="o">+</span> <span class="o">=</span> <span class="n">Counter</span> <span class="p">()</span> <span class="c1"># remove zero and negative counts</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="c1"># DEFAULTDICT ()</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="c1"># dictionary-like object that takes a default type as its first argument</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="c1"># defaultdict will never raise a KeyError exception.</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="c1"># non-existent keys return a default value (default_factory)</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="kn">from</span> <span class="nn">collections</span> <span class="kn">import</span> <span class="n">defaultdict</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="n">var</span> <span class="o">=</span> <span class="n">defaultdict</span> <span class="p">(</span><span class="n">default_factory</span><span class="p">)</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="n">var</span><span class="o">.</span><span class="n">popitem</span> <span class="p">()</span> <span class="c1"># remove and return first element</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="n">var</span><span class="o">.</span><span class="n">popitem</span> <span class="p">(</span><span class="n">last</span> <span class="o">=</span> <span class="kc">True</span><span class="p">)</span> <span class="c1"># remove and return last item</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="c1"># OREDERDDICT ()</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a><span class="c1"># subclass dictionary that &quot;remembers&quot; the order in which the contents are entered</span>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="c1"># Normal dictionaries have random order</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="n">name_dict</span> <span class="o">=</span> <span class="n">OrderedDict</span> <span class="p">()</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a><span class="c1"># OrderedDict with same elements but different order are considered different</span>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="c1"># USERDICT ()</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a><span class="c1"># pure implementation in pythondi a map that works like a normal dictionary.</span>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a><span class="c1"># Designated to create subclasses</span>
+<a id="__codelineno-0-40" name="__codelineno-0-40"></a><span class="n">UserDict</span><span class="o">.</span><span class="n">data</span> <span class="c1"># recipient of UserDict content</span>
+<a id="__codelineno-0-41" name="__codelineno-0-41"></a>
+<a id="__codelineno-0-42" name="__codelineno-0-42"></a>
+<a id="__codelineno-0-43" name="__codelineno-0-43"></a><span class="c1"># NAMEDTUPLE ()</span>
+<a id="__codelineno-0-44" name="__codelineno-0-44"></a><span class="c1"># each namedtuple is represented by its own class</span>
+<a id="__codelineno-0-45" name="__codelineno-0-45"></a><span class="kn">from</span> <span class="nn">collections</span> <span class="kn">import</span> <span class="n">namedtuple</span>
+<a id="__codelineno-0-46" name="__codelineno-0-46"></a><span class="n">NomeClasse</span> <span class="o">=</span> <span class="n">namedtuple</span> <span class="p">(</span><span class="n">NomeClasse</span><span class="p">,</span> <span class="n">parameters_separated_from_space</span><span class="p">)</span>
+<a id="__codelineno-0-47" name="__codelineno-0-47"></a><span class="n">var</span> <span class="o">=</span> <span class="n">ClassName</span> <span class="p">(</span><span class="n">parameters</span><span class="p">)</span>
+<a id="__codelineno-0-48" name="__codelineno-0-48"></a><span class="n">var</span><span class="o">.</span><span class="n">attribute</span> <span class="c1"># access to attributes</span>
+<a id="__codelineno-0-49" name="__codelineno-0-49"></a><span class="n">var</span> <span class="p">[</span><span class="n">index</span><span class="p">]</span> <span class="c1"># access to attributes</span>
+<a id="__codelineno-0-50" name="__codelineno-0-50"></a><span class="n">var</span><span class="o">.</span><span class="n">_fields</span> <span class="c1"># access to attribute list</span>
+<a id="__codelineno-0-51" name="__codelineno-0-51"></a><span class="n">var</span> <span class="o">=</span> <span class="n">class</span><span class="o">.</span><span class="n">_make</span> <span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># transformain namedtuple</span>
+<a id="__codelineno-0-52" name="__codelineno-0-52"></a><span class="n">var</span><span class="o">.</span><span class="n">_asdict</span> <span class="p">()</span> <span class="c1"># Return OrderedDict object starting from namedtuple</span>
+<a id="__codelineno-0-53" name="__codelineno-0-53"></a>
+<a id="__codelineno-0-54" name="__codelineno-0-54"></a>
+<a id="__codelineno-0-55" name="__codelineno-0-55"></a><span class="c1"># DEQUE ()</span>
+<a id="__codelineno-0-56" name="__codelineno-0-56"></a><span class="c1"># double ended queue (pronounced &quot;deck&quot;)</span>
+<a id="__codelineno-0-57" name="__codelineno-0-57"></a><span class="c1"># list editable on both &quot;sides&quot;</span>
+<a id="__codelineno-0-58" name="__codelineno-0-58"></a><span class="kn">from</span> <span class="nn">collections</span> <span class="kn">import</span> <span class="n">deque</span>
+<a id="__codelineno-0-59" name="__codelineno-0-59"></a><span class="n">var</span> <span class="o">=</span> <span class="n">deque</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">maxlen</span> <span class="o">=</span> <span class="n">num</span><span class="p">)</span> <span class="c1"># -&gt; deque object</span>
+<a id="__codelineno-0-60" name="__codelineno-0-60"></a><span class="n">var</span><span class="o">.</span><span class="n">append</span> <span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># add item to the bottom</span>
+<a id="__codelineno-0-61" name="__codelineno-0-61"></a><span class="n">var</span><span class="o">.</span><span class="n">appendleft</span> <span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># add item to the beginning</span>
+<a id="__codelineno-0-62" name="__codelineno-0-62"></a><span class="n">var</span><span class="o">.</span><span class="n">clear</span> <span class="p">()</span> <span class="c1"># remove all elements</span>
+<a id="__codelineno-0-63" name="__codelineno-0-63"></a><span class="n">var</span><span class="o">.</span><span class="n">extend</span> <span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># add iterable to the bottom</span>
+<a id="__codelineno-0-64" name="__codelineno-0-64"></a><span class="n">var</span><span class="o">.</span><span class="n">extendleft</span> <span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># add iterable to the beginning &#39;</span>
+<a id="__codelineno-0-65" name="__codelineno-0-65"></a><span class="n">var</span><span class="o">.</span><span class="n">insert</span> <span class="p">(</span><span class="n">index</span><span class="p">,</span> <span class="n">item</span><span class="p">)</span> <span class="c1"># insert index position</span>
+<a id="__codelineno-0-66" name="__codelineno-0-66"></a><span class="n">var</span><span class="o">.</span><span class="n">index</span> <span class="p">(</span><span class="n">item</span><span class="p">,</span> <span class="n">start</span><span class="p">,</span> <span class="n">stop</span><span class="p">)</span> <span class="c1"># returns position of item</span>
+<a id="__codelineno-0-67" name="__codelineno-0-67"></a><span class="n">var</span><span class="o">.</span><span class="n">count</span> <span class="p">(</span><span class="n">item</span><span class="p">)</span>
+<a id="__codelineno-0-68" name="__codelineno-0-68"></a><span class="n">var</span><span class="o">.</span><span class="n">pop</span> <span class="p">()</span>
+<a id="__codelineno-0-69" name="__codelineno-0-69"></a><span class="n">var</span><span class="o">.</span><span class="n">popleft</span> <span class="p">()</span>
+<a id="__codelineno-0-70" name="__codelineno-0-70"></a><span class="n">var</span><span class="o">.</span><span class="n">remove</span> <span class="p">(</span><span class="n">value</span><span class="p">)</span>
+<a id="__codelineno-0-71" name="__codelineno-0-71"></a><span class="n">var</span><span class="o">.</span><span class="n">reverse</span> <span class="p">()</span> <span class="c1"># reverse element order</span>
+<a id="__codelineno-0-72" name="__codelineno-0-72"></a><span class="n">var</span><span class="o">.</span><span class="n">rotate</span> <span class="p">(</span><span class="n">n</span><span class="p">)</span> <span class="c1"># move the elements of n steps (dx if n&gt; 0, sx if n &lt;0)</span>
+<a id="__codelineno-0-73" name="__codelineno-0-73"></a><span class="n">var</span><span class="o">.</span><span class="n">sort</span> <span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="argparse.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: argparse">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                argparse
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="csv.html" class="md-footer__link md-footer__link--next" aria-label="Next: csv">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                csv
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/csv.html b/languages/python/modules/csv.html
new file mode 100644
index 0000000..2e6eefe
--- /dev/null
+++ b/languages/python/modules/csv.html
@@ -0,0 +1,4258 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/csv.html">
+      
+      
+        <link rel="prev" href="collections.html">
+      
+      
+        <link rel="next" href="ftplib.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>csv - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="csv - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/csv.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/csv.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="csv - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/csv.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#csv-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              csv
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="csv.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="csv-module">CSV Module</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span>
+<span class="normal"><a href="#__codelineno-0-40">40</a></span>
+<span class="normal"><a href="#__codelineno-0-41">41</a></span>
+<span class="normal"><a href="#__codelineno-0-42">42</a></span>
+<span class="normal"><a href="#__codelineno-0-43">43</a></span>
+<span class="normal"><a href="#__codelineno-0-44">44</a></span>
+<span class="normal"><a href="#__codelineno-0-45">45</a></span>
+<span class="normal"><a href="#__codelineno-0-46">46</a></span>
+<span class="normal"><a href="#__codelineno-0-47">47</a></span>
+<span class="normal"><a href="#__codelineno-0-48">48</a></span>
+<span class="normal"><a href="#__codelineno-0-49">49</a></span>
+<span class="normal"><a href="#__codelineno-0-50">50</a></span>
+<span class="normal"><a href="#__codelineno-0-51">51</a></span>
+<span class="normal"><a href="#__codelineno-0-52">52</a></span>
+<span class="normal"><a href="#__codelineno-0-53">53</a></span>
+<span class="normal"><a href="#__codelineno-0-54">54</a></span>
+<span class="normal"><a href="#__codelineno-0-55">55</a></span>
+<span class="normal"><a href="#__codelineno-0-56">56</a></span>
+<span class="normal"><a href="#__codelineno-0-57">57</a></span>
+<span class="normal"><a href="#__codelineno-0-58">58</a></span>
+<span class="normal"><a href="#__codelineno-0-59">59</a></span>
+<span class="normal"><a href="#__codelineno-0-60">60</a></span>
+<span class="normal"><a href="#__codelineno-0-61">61</a></span>
+<span class="normal"><a href="#__codelineno-0-62">62</a></span>
+<span class="normal"><a href="#__codelineno-0-63">63</a></span>
+<span class="normal"><a href="#__codelineno-0-64">64</a></span>
+<span class="normal"><a href="#__codelineno-0-65">65</a></span>
+<span class="normal"><a href="#__codelineno-0-66">66</a></span>
+<span class="normal"><a href="#__codelineno-0-67">67</a></span>
+<span class="normal"><a href="#__codelineno-0-68">68</a></span>
+<span class="normal"><a href="#__codelineno-0-69">69</a></span>
+<span class="normal"><a href="#__codelineno-0-70">70</a></span>
+<span class="normal"><a href="#__codelineno-0-71">71</a></span>
+<span class="normal"><a href="#__codelineno-0-72">72</a></span>
+<span class="normal"><a href="#__codelineno-0-73">73</a></span>
+<span class="normal"><a href="#__codelineno-0-74">74</a></span>
+<span class="normal"><a href="#__codelineno-0-75">75</a></span>
+<span class="normal"><a href="#__codelineno-0-76">76</a></span>
+<span class="normal"><a href="#__codelineno-0-77">77</a></span>
+<span class="normal"><a href="#__codelineno-0-78">78</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># iterate lines of csvfile</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="o">.</span><span class="n">reader</span> <span class="p">(</span><span class="n">csvfile</span><span class="p">,</span> <span class="n">dialect</span><span class="p">,</span> <span class="o">**</span> <span class="n">fmtparams</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="n">reader</span> <span class="nb">object</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="c1"># READER METHODS</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="o">.</span><span class="n">__</span> <span class="nb">next</span> <span class="n">__</span> <span class="p">()</span> <span class="c1"># returns next iterable object line as a list or dictionary</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="c1"># READER ATTRIBUTES</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="n">dialect</span> <span class="c1"># read-only description of the dialec used</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="n">line_num</span> <span class="c1"># number of lines from the beginning of the iterator</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="n">fieldnames</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="c1"># convert data to delimited strings</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="c1"># csvfile must support .write ()</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="c1">#type None converted to empty string (simplify SQL NULL dump)</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="o">.</span><span class="n">writer</span> <span class="p">(</span><span class="n">csvfile</span><span class="p">,</span> <span class="n">dialect</span><span class="p">,</span> <span class="o">**</span> <span class="n">fmtparams</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="n">writer</span> <span class="nb">object</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="c1"># WRITER METHODS</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="c1"># row must be iterable of strings or numbers or of dictionaries</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="o">.</span><span class="n">writerow</span> <span class="p">(</span><span class="n">row</span><span class="p">)</span> <span class="c1"># write row formatted according to the current dialect</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="o">.</span><span class="n">writerows</span> <span class="p">(</span><span class="n">rows</span><span class="p">)</span> <span class="c1"># write all elements in rows formatted according to the current dialect. rows is iterable of row</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="c1"># CSV METHODS</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="c1"># associate dialect to name (name must be string)</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="o">.</span><span class="n">register_dialect</span> <span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">dialect</span><span class="p">,</span> <span class="o">**</span> <span class="n">fmtparams</span><span class="p">)</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="c1"># delete the dialect associated with name</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="o">.</span><span class="n">unregister_dialect</span> <span class="p">()</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="c1"># returns the dialect associated with name</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="o">.</span><span class="n">get_dialect</span> <span class="p">(</span><span class="n">name</span><span class="p">)</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="c1"># list of dialects associated with name</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="o">.</span><span class="n">list_dialect</span> <span class="p">(</span><span class="n">name</span><span class="p">)</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="c1"># returns (if empty) or sets the limit of the csv field</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a><span class="o">.</span><span class="n">field_size_limit</span> <span class="p">(</span><span class="n">new_limit</span><span class="p">)</span>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a><span class="sd">&#39;&#39;&#39;</span>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a><span class="sd">csvfile - iterable object returning a string on each __next __ () call</span>
+<a id="__codelineno-0-40" name="__codelineno-0-40"></a><span class="sd">          if csv is a file it must be opened with newline = &#39;&#39; (universal newline)</span>
+<a id="__codelineno-0-41" name="__codelineno-0-41"></a><span class="sd">dialect - specify the dialect of csv (Excel, ...) (OPTIONAL)</span>
+<a id="__codelineno-0-42" name="__codelineno-0-42"></a>
+<a id="__codelineno-0-43" name="__codelineno-0-43"></a><span class="sd">fmtparams --override formatting parameters (OPTIONAL) https://docs.python.org/3/library/csv.html#csv-fmt-params</span>
+<a id="__codelineno-0-44" name="__codelineno-0-44"></a><span class="sd">&#39;&#39;&#39;</span>
+<a id="__codelineno-0-45" name="__codelineno-0-45"></a>
+<a id="__codelineno-0-46" name="__codelineno-0-46"></a><span class="c1"># object operating as a reader but maps the info in each row into an OrderedDict whose keys are optional and passed through fieldnames</span>
+<a id="__codelineno-0-47" name="__codelineno-0-47"></a><span class="k">class</span> <span class="nc">csv</span><span class="o">.</span><span class="n">Dictreader</span> <span class="p">(</span><span class="n">f</span><span class="p">,</span> <span class="n">fieldnames</span> <span class="o">=</span> <span class="kc">None</span><span class="p">,</span> <span class="n">restket</span> <span class="o">=</span> <span class="n">none</span><span class="p">,</span> <span class="n">restval</span> <span class="o">=</span> <span class="kc">None</span><span class="p">,</span> <span class="n">dialect</span><span class="p">,</span> <span class="o">*</span> <span class="n">args</span><span class="p">,</span> <span class="o">**</span> <span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-0-48" name="__codelineno-0-48"></a><span class="sd">&#39;&#39;&#39;</span>
+<a id="__codelineno-0-49" name="__codelineno-0-49"></a><span class="sd">f - files to read</span>
+<a id="__codelineno-0-50" name="__codelineno-0-50"></a><span class="sd">fieldnames --sequence, defines the names of the csv fields. if omitted use the first line of f</span>
+<a id="__codelineno-0-51" name="__codelineno-0-51"></a><span class="sd">restval, restkey --se len (row)&gt; fieldnames excess data stored in restval and restkey</span>
+<a id="__codelineno-0-52" name="__codelineno-0-52"></a>
+<a id="__codelineno-0-53" name="__codelineno-0-53"></a><span class="sd">additional parameters passed to the underlying reader instance</span>
+<a id="__codelineno-0-54" name="__codelineno-0-54"></a><span class="sd">&#39;&#39;&#39;</span>
+<a id="__codelineno-0-55" name="__codelineno-0-55"></a>
+<a id="__codelineno-0-56" name="__codelineno-0-56"></a><span class="k">class</span> <span class="nc">csv</span><span class="o">.</span><span class="n">DictWriter</span> <span class="p">(</span><span class="n">f</span><span class="p">,</span> <span class="n">fieldnames</span><span class="p">,</span> <span class="n">restval</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">,</span> <span class="n">extrasaction</span><span class="p">,</span> <span class="n">dialect</span><span class="p">,</span> <span class="o">*</span> <span class="n">args</span><span class="p">,</span> <span class="o">**</span> <span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-0-57" name="__codelineno-0-57"></a><span class="sd">&#39;&#39;&#39;</span>
+<a id="__codelineno-0-58" name="__codelineno-0-58"></a><span class="sd">f - files to read</span>
+<a id="__codelineno-0-59" name="__codelineno-0-59"></a><span class="sd">fieldnames --sequence, defines the names of the csv fields. (NECESSARY)</span>
+<a id="__codelineno-0-60" name="__codelineno-0-60"></a><span class="sd">restval --se len (row)&gt; fieldnames excess data stored in restval and restkey</span>
+<a id="__codelineno-0-61" name="__codelineno-0-61"></a><span class="sd">extrasaction - if the dictionary passed to writerow () contains key not present in fieldnames extrasaction decides action to be taken (raise cause valueError, ignore ignores additional keys)</span>
+<a id="__codelineno-0-62" name="__codelineno-0-62"></a>
+<a id="__codelineno-0-63" name="__codelineno-0-63"></a><span class="sd">additional parameters passed to the underlying writer instance</span>
+<a id="__codelineno-0-64" name="__codelineno-0-64"></a><span class="sd">&#39;&#39;&#39;</span>
+<a id="__codelineno-0-65" name="__codelineno-0-65"></a>
+<a id="__codelineno-0-66" name="__codelineno-0-66"></a><span class="c1"># DICTREADER METHODS</span>
+<a id="__codelineno-0-67" name="__codelineno-0-67"></a><span class="o">.</span><span class="n">writeheader</span> <span class="p">()</span> <span class="c1"># write a header line of fields as specified by fieldnames</span>
+<a id="__codelineno-0-68" name="__codelineno-0-68"></a>
+<a id="__codelineno-0-69" name="__codelineno-0-69"></a><span class="c1"># class used to infer the format of the CSV</span>
+<a id="__codelineno-0-70" name="__codelineno-0-70"></a><span class="k">class</span> <span class="nc">csv</span><span class="o">.</span><span class="n">Sniffer</span>
+<a id="__codelineno-0-71" name="__codelineno-0-71"></a><span class="o">.</span><span class="n">sniff</span> <span class="p">(</span><span class="n">sample</span><span class="p">,</span> <span class="n">delimiters</span> <span class="o">=</span> <span class="kc">None</span><span class="p">)</span> <span class="c1">#parse the sample and return a Dialect class. delimiter is a sequence of possible box delimiters</span>
+<a id="__codelineno-0-72" name="__codelineno-0-72"></a><span class="o">.</span><span class="n">has_header</span> <span class="p">(</span><span class="n">sample</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="nb">bool</span> <span class="c1"># True if first row is a series of column headings</span>
+<a id="__codelineno-0-73" name="__codelineno-0-73"></a>
+<a id="__codelineno-0-74" name="__codelineno-0-74"></a><span class="c1">#CONSTANTS</span>
+<a id="__codelineno-0-75" name="__codelineno-0-75"></a><span class="n">csv</span><span class="o">.</span><span class="n">QUOTE_ALL</span> <span class="c1"># instructs writer to quote (&quot;&quot;) all fields</span>
+<a id="__codelineno-0-76" name="__codelineno-0-76"></a><span class="n">csv</span><span class="o">.</span><span class="n">QUOTE_MINIMAL</span> <span class="c1"># instructs write to quote only fields containing special characters such as delimiter, quote char ...</span>
+<a id="__codelineno-0-77" name="__codelineno-0-77"></a><span class="n">csv</span><span class="o">.</span><span class="n">QUOTE_NONNUMERIC</span> <span class="c1"># instructs the writer to quote all non-numeric fields</span>
+<a id="__codelineno-0-78" name="__codelineno-0-78"></a><span class="n">csv</span><span class="o">.</span><span class="n">QUOTE_NONE</span> <span class="c1"># instructs write to never quote fields</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="collections.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: collection">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                collection
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="ftplib.html" class="md-footer__link md-footer__link--next" aria-label="Next: ftplib">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                ftplib
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/ftplib.html b/languages/python/modules/ftplib.html
new file mode 100644
index 0000000..b86cf2f
--- /dev/null
+++ b/languages/python/modules/ftplib.html
@@ -0,0 +1,4305 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/ftplib.html">
+      
+      
+        <link rel="prev" href="csv.html">
+      
+      
+        <link rel="next" href="itertools.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>ftplib - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="ftplib - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/ftplib.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/ftplib.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="ftplib - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/ftplib.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#ftplib-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              ftplib
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="ftplib.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#ftp-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      FTP CLASSES
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      EXCEPTIONS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#ftp-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      FTP OBJECTS
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#ftp-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      FTP CLASSES
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exceptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      EXCEPTIONS
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#ftp-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      FTP OBJECTS
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="ftplib-module">Ftplib Module</h1>
+<h2 id="ftp-classes">FTP CLASSES</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">FTP</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">user</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">password</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">acct</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">)</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="c1"># if HOST =&gt; connect(host)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># if USER =&gt; login(user, password, acct)</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">FTP_TLS</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">user</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">password</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">acct</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="exceptions">EXCEPTIONS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">error_reply</span>  <span class="c1"># unexpected error from server</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">error_temp</span>  <span class="c1"># temporary error (response codes 400-499)</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">error_perm</span>  <span class="c1"># permanent error (response codes 500-599)</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">error_proto</span>  <span class="c1"># error not in ftp specs</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="n">ftplib</span><span class="o">.</span><span class="n">all_errors</span>  <span class="c1"># tuple of all exceptions</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="ftp-objects">FTP OBJECTS</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span>
+<span class="normal"><a href="#__codelineno-2-15">15</a></span>
+<span class="normal"><a href="#__codelineno-2-16">16</a></span>
+<span class="normal"><a href="#__codelineno-2-17">17</a></span>
+<span class="normal"><a href="#__codelineno-2-18">18</a></span>
+<span class="normal"><a href="#__codelineno-2-19">19</a></span>
+<span class="normal"><a href="#__codelineno-2-20">20</a></span>
+<span class="normal"><a href="#__codelineno-2-21">21</a></span>
+<span class="normal"><a href="#__codelineno-2-22">22</a></span>
+<span class="normal"><a href="#__codelineno-2-23">23</a></span>
+<span class="normal"><a href="#__codelineno-2-24">24</a></span>
+<span class="normal"><a href="#__codelineno-2-25">25</a></span>
+<span class="normal"><a href="#__codelineno-2-26">26</a></span>
+<span class="normal"><a href="#__codelineno-2-27">27</a></span>
+<span class="normal"><a href="#__codelineno-2-28">28</a></span>
+<span class="normal"><a href="#__codelineno-2-29">29</a></span>
+<span class="normal"><a href="#__codelineno-2-30">30</a></span>
+<span class="normal"><a href="#__codelineno-2-31">31</a></span>
+<span class="normal"><a href="#__codelineno-2-32">32</a></span>
+<span class="normal"><a href="#__codelineno-2-33">33</a></span>
+<span class="normal"><a href="#__codelineno-2-34">34</a></span>
+<span class="normal"><a href="#__codelineno-2-35">35</a></span>
+<span class="normal"><a href="#__codelineno-2-36">36</a></span>
+<span class="normal"><a href="#__codelineno-2-37">37</a></span>
+<span class="normal"><a href="#__codelineno-2-38">38</a></span>
+<span class="normal"><a href="#__codelineno-2-39">39</a></span>
+<span class="normal"><a href="#__codelineno-2-40">40</a></span>
+<span class="normal"><a href="#__codelineno-2-41">41</a></span>
+<span class="normal"><a href="#__codelineno-2-42">42</a></span>
+<span class="normal"><a href="#__codelineno-2-43">43</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1"># method on text files: -lines</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="c1"># method on binary files: -binary</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="c1"># CONNECTION</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="n">FTP</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">port</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>  <span class="c1"># used once per instance</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="c1"># DON&#39;T CALL if host was supplied at instance creation</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="n">FTP</span><span class="o">.</span><span class="n">getwelcome</span><span class="p">()</span>  <span class="c1"># return welcome message</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="n">FTP</span><span class="o">.</span><span class="n">login</span><span class="p">(</span><span class="n">user</span><span class="o">=</span><span class="s1">&#39;anonymous&#39;</span><span class="p">,</span> <span class="n">password</span><span class="o">=</span><span class="s1">&#39;&#39;</span><span class="p">,</span> <span class="n">acct</span><span class="o">=</span><span class="s1">&#39;&#39;</span><span class="p">)</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="c1"># called once per instance after connection is established</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="c1"># DEFAULT PASSWORD: anonymous@</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="c1"># DON&#39;T CALL if host was supplied at instance creation</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="n">FTP</span><span class="o">.</span><span class="n">sendcmd</span><span class="p">(</span><span class="n">cmd</span><span class="p">)</span>  <span class="c1"># send command string and return response</span>
+<a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="n">FTP</span><span class="o">.</span><span class="n">voidcmd</span><span class="p">(</span><span class="n">cmd</span><span class="p">)</span>  <span class="c1"># send command string and return nothing if successful</span>
+<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="c1"># FILE TRANSFER</span>
+<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="n">FTP</span><span class="o">.</span><span class="n">abort</span><span class="p">()</span>  <span class="c1"># abort in progress file transfer (can fail)</span>
+<a id="__codelineno-2-18" name="__codelineno-2-18"></a>
+<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="n">FTTP</span><span class="o">.</span><span class="n">transfercmd</span><span class="p">(</span><span class="n">cmd</span><span class="p">,</span> <span class="n">rest</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># returns socket for connection</span>
+<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="c1"># CMD active mode: send EPRT or PORT command and CMD and accept connection</span>
+<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="c1"># CMD passive mode: send EPSV or PASV and start transfer command</span>
+<a id="__codelineno-2-22" name="__codelineno-2-22"></a>
+<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="n">FTP</span><span class="o">.</span><span class="n">retrbinary</span><span class="p">(</span><span class="n">cmd</span><span class="p">,</span> <span class="n">callback</span><span class="p">,</span> <span class="n">blocksize</span><span class="o">=</span><span class="mi">8192</span><span class="p">,</span> <span class="n">rest</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span> <span class="c1"># retrieve file in binary mode</span>
+<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="c1"># CMD: appropriate RETR command (&#39;RETR filename&#39;)</span>
+<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="c1"># CALLBACK: func called on every block of data received</span>
+<a id="__codelineno-2-26" name="__codelineno-2-26"></a>
+<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="n">FTP</span><span class="o">.</span><span class="n">rertlines</span><span class="p">(</span><span class="n">cmd</span><span class="p">,</span> <span class="n">callback</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="c1"># retrieve file or dir list in ASCII transfer mode</span>
+<a id="__codelineno-2-29" name="__codelineno-2-29"></a><span class="c1"># CMD: appropriate RETR, LSIT (list and info of files), NLST (list of file names)</span>
+<a id="__codelineno-2-30" name="__codelineno-2-30"></a><span class="c1"># DEFAULT CALLBACK: sys.stdout</span>
+<a id="__codelineno-2-31" name="__codelineno-2-31"></a>
+<a id="__codelineno-2-32" name="__codelineno-2-32"></a><span class="n">FTP</span><span class="o">.</span><span class="n">set_pasv</span><span class="p">(</span><span class="n">value</span><span class="p">)</span>  <span class="c1"># set passive mode if value is true, otherwise disable it</span>
+<a id="__codelineno-2-33" name="__codelineno-2-33"></a><span class="c1"># passive mode on by default</span>
+<a id="__codelineno-2-34" name="__codelineno-2-34"></a>
+<a id="__codelineno-2-35" name="__codelineno-2-35"></a><span class="n">FTP</span><span class="o">.</span><span class="n">storbinary</span><span class="p">(</span><span class="n">cmd</span><span class="p">,</span> <span class="n">fp</span><span class="p">,</span> <span class="n">blocksize</span><span class="o">=</span><span class="mi">8192</span><span class="p">,</span> <span class="n">callback</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">rest</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># store file in binary mode</span>
+<a id="__codelineno-2-36" name="__codelineno-2-36"></a><span class="c1"># CMD: appropriate STOR command (&#39;STOR filename&#39;)</span>
+<a id="__codelineno-2-37" name="__codelineno-2-37"></a><span class="c1"># FP: {file object in binary mode} read until EOF in blocks of blocksize</span>
+<a id="__codelineno-2-38" name="__codelineno-2-38"></a><span class="c1"># CALLBACK: func called on each block after sending</span>
+<a id="__codelineno-2-39" name="__codelineno-2-39"></a>
+<a id="__codelineno-2-40" name="__codelineno-2-40"></a><span class="n">FTP</span><span class="o">.</span><span class="n">storlines</span><span class="p">(</span><span class="n">cmd</span><span class="p">,</span> <span class="n">fp</span><span class="p">,</span> <span class="n">callback</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>  <span class="c1"># store file in ASCII transfer mode</span>
+<a id="__codelineno-2-41" name="__codelineno-2-41"></a><span class="c1"># CMD: appropriate STOR command (&#39;STOR filename&#39;)</span>
+<a id="__codelineno-2-42" name="__codelineno-2-42"></a><span class="c1"># FP: {file object} read until EOF</span>
+<a id="__codelineno-2-43" name="__codelineno-2-43"></a><span class="c1"># CALLBACK: func called on each block after sending</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="csv.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: csv">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                csv
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="itertools.html" class="md-footer__link md-footer__link--next" aria-label="Next: itertools">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                itertools
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/itertools.html b/languages/python/modules/itertools.html
new file mode 100644
index 0000000..c197858
--- /dev/null
+++ b/languages/python/modules/itertools.html
@@ -0,0 +1,4238 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/itertools.html">
+      
+      
+        <link rel="prev" href="ftplib.html">
+      
+      
+        <link rel="next" href="json.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>itertools - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="itertools - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/itertools.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/itertools.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="itertools - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/itertools.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#itertools-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              itertools
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="itertools.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="itertools-module">Itertools Module</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span>
+<span class="normal"><a href="#__codelineno-0-40">40</a></span>
+<span class="normal"><a href="#__codelineno-0-41">41</a></span>
+<span class="normal"><a href="#__codelineno-0-42">42</a></span>
+<span class="normal"><a href="#__codelineno-0-43">43</a></span>
+<span class="normal"><a href="#__codelineno-0-44">44</a></span>
+<span class="normal"><a href="#__codelineno-0-45">45</a></span>
+<span class="normal"><a href="#__codelineno-0-46">46</a></span>
+<span class="normal"><a href="#__codelineno-0-47">47</a></span>
+<span class="normal"><a href="#__codelineno-0-48">48</a></span>
+<span class="normal"><a href="#__codelineno-0-49">49</a></span>
+<span class="normal"><a href="#__codelineno-0-50">50</a></span>
+<span class="normal"><a href="#__codelineno-0-51">51</a></span>
+<span class="normal"><a href="#__codelineno-0-52">52</a></span>
+<span class="normal"><a href="#__codelineno-0-53">53</a></span>
+<span class="normal"><a href="#__codelineno-0-54">54</a></span>
+<span class="normal"><a href="#__codelineno-0-55">55</a></span>
+<span class="normal"><a href="#__codelineno-0-56">56</a></span>
+<span class="normal"><a href="#__codelineno-0-57">57</a></span>
+<span class="normal"><a href="#__codelineno-0-58">58</a></span>
+<span class="normal"><a href="#__codelineno-0-59">59</a></span>
+<span class="normal"><a href="#__codelineno-0-60">60</a></span>
+<span class="normal"><a href="#__codelineno-0-61">61</a></span>
+<span class="normal"><a href="#__codelineno-0-62">62</a></span>
+<span class="normal"><a href="#__codelineno-0-63">63</a></span>
+<span class="normal"><a href="#__codelineno-0-64">64</a></span>
+<span class="normal"><a href="#__codelineno-0-65">65</a></span>
+<span class="normal"><a href="#__codelineno-0-66">66</a></span>
+<span class="normal"><a href="#__codelineno-0-67">67</a></span>
+<span class="normal"><a href="#__codelineno-0-68">68</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># accumulate ([1,2,3,4,5]) -&gt; 1, 3 (1 + 2), 6 (1 + 2 + 3), 10 (1 + 2 + 3 + 6), 15 (1+ 2 + 3 + 4 + 5)</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="c1"># accumulate (iter, func (,)) -&gt; iter [0], func (iter [0] + iter [1]) + func (prev + iter [2]), ...</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">accumulate</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">func</span> <span class="p">(</span><span class="n">_</span><span class="p">,</span> <span class="n">_</span><span class="p">))</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="c1"># iterator returns elements from the first iterable,</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="c1"># then proceeds to the next until the end of the iterables</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="c1"># does not work if there is only one iterable</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="n">chain</span> <span class="p">(</span><span class="o">*</span> <span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="c1"># concatenates elements of the single iterable even if it contains sequences</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="n">chain</span><span class="o">.</span><span class="n">from_iterable</span> <span class="p">(</span><span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="c1"># returns sequences of length r starting from the iterable</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="c1"># items treated as unique based on their value</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="n">combinations</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">r</span><span class="p">)</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="c1"># # returns sequences of length r starting from the iterable allowing the repetition of the elements</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="n">combinations_with_replacement</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">r</span><span class="p">)</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="c1"># iterator filters date elements returning only those that have</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="c1"># a corresponding element in selectors that is true</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="n">compress</span> <span class="p">(</span><span class="n">data</span><span class="p">,</span> <span class="n">selectors</span><span class="p">)</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="n">count</span> <span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">step</span><span class="p">)</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="c1"># iterator returning values ​​in infinite sequence</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="n">cycle</span> <span class="p">(</span><span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="c1"># iterator discards elements of the iterable as long as the predicate is true</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="n">dropwhile</span> <span class="p">(</span><span class="n">predicate</span><span class="p">,</span> <span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="c1"># iterator returning values ​​if predicate is false</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="n">filterfalse</span> <span class="p">(</span><span class="n">predicate</span><span class="p">,</span> <span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="c1"># iterator returns tuple (key, group)</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a><span class="c1"># key is the grouping criterion</span>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="c1"># group is a generator returning group members</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a><span class="n">groupby</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">key</span> <span class="o">=</span> <span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a>
+<a id="__codelineno-0-40" name="__codelineno-0-40"></a><span class="c1"># iterator returns slices of the iterable</span>
+<a id="__codelineno-0-41" name="__codelineno-0-41"></a><span class="n">isslice</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">stop</span><span class="p">)</span>
+<a id="__codelineno-0-42" name="__codelineno-0-42"></a><span class="n">isslice</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">start</span><span class="p">,</span> <span class="n">stop</span><span class="p">,</span> <span class="n">step</span><span class="p">)</span>
+<a id="__codelineno-0-43" name="__codelineno-0-43"></a>
+<a id="__codelineno-0-44" name="__codelineno-0-44"></a><span class="c1"># returns all permutations of length r of the iterable</span>
+<a id="__codelineno-0-45" name="__codelineno-0-45"></a><span class="n">permutations</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">r</span> <span class="o">=</span> <span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-0-46" name="__codelineno-0-46"></a>
+<a id="__codelineno-0-47" name="__codelineno-0-47"></a><span class="c1"># Cartesian product of iterables</span>
+<a id="__codelineno-0-48" name="__codelineno-0-48"></a><span class="c1"># loops iterables in order of input</span>
+<a id="__codelineno-0-49" name="__codelineno-0-49"></a><span class="c1"># [product (&#39;ABCD&#39;, &#39;xy&#39;) -&gt; Ax Ay Bx By Cx Cy Dx Dy]</span>
+<a id="__codelineno-0-50" name="__codelineno-0-50"></a><span class="c1"># [product (&#39;ABCD&#39;, repeat = 2) -&gt; AA AB AC AD BA BB BC BD CA CB CC CD DA DB DC DD]</span>
+<a id="__codelineno-0-51" name="__codelineno-0-51"></a><span class="n">product</span> <span class="p">(</span><span class="o">*</span> <span class="n">iterable</span><span class="p">,</span> <span class="n">repetitions</span> <span class="o">=</span> <span class="mi">1</span><span class="p">)</span>
+<a id="__codelineno-0-52" name="__codelineno-0-52"></a>
+<a id="__codelineno-0-53" name="__codelineno-0-53"></a><span class="c1"># returns an object infinite times if repetition is not specified</span>
+<a id="__codelineno-0-54" name="__codelineno-0-54"></a><span class="n">repeat</span> <span class="p">(</span><span class="nb">object</span><span class="p">,</span> <span class="n">repetitions</span><span class="p">)</span>
+<a id="__codelineno-0-55" name="__codelineno-0-55"></a>
+<a id="__codelineno-0-56" name="__codelineno-0-56"></a><span class="c1"># iterator compute func (iterable)</span>
+<a id="__codelineno-0-57" name="__codelineno-0-57"></a><span class="c1"># used if iterable is pre-zipped sequence (seq of tuples grouping elements)</span>
+<a id="__codelineno-0-58" name="__codelineno-0-58"></a><span class="n">starmap</span> <span class="p">(</span><span class="n">func</span><span class="p">,</span> <span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-59" name="__codelineno-0-59"></a>
+<a id="__codelineno-0-60" name="__codelineno-0-60"></a><span class="c1"># iterator returning values ​​from iterable as long as predicate is true</span>
+<a id="__codelineno-0-61" name="__codelineno-0-61"></a><span class="n">takewhile</span> <span class="p">(</span><span class="n">predicate</span><span class="p">,</span> <span class="n">iterable</span><span class="p">)</span>
+<a id="__codelineno-0-62" name="__codelineno-0-62"></a>
+<a id="__codelineno-0-63" name="__codelineno-0-63"></a><span class="c1"># returns n independent iterators from the single iterable</span>
+<a id="__codelineno-0-64" name="__codelineno-0-64"></a><span class="n">tee</span> <span class="p">(</span><span class="n">iterable</span><span class="p">,</span> <span class="n">n</span> <span class="o">=</span> <span class="mi">2</span><span class="p">)</span>
+<a id="__codelineno-0-65" name="__codelineno-0-65"></a>
+<a id="__codelineno-0-66" name="__codelineno-0-66"></a><span class="c1"># produces an iterator that aggregates elements from each iterable</span>
+<a id="__codelineno-0-67" name="__codelineno-0-67"></a><span class="c1"># if the iterables have different lengths the missing values ​​are filled according to fillervalue</span>
+<a id="__codelineno-0-68" name="__codelineno-0-68"></a><span class="n">zip_longest</span> <span class="p">(</span><span class="o">*</span> <span class="n">iterable</span><span class="p">,</span> <span class="n">fillvalue</span> <span class="o">=</span> <span class="kc">None</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="ftplib.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: ftplib">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                ftplib
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="json.html" class="md-footer__link md-footer__link--next" aria-label="Next: json">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                json
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/json.html b/languages/python/modules/json.html
new file mode 100644
index 0000000..5569428
--- /dev/null
+++ b/languages/python/modules/json.html
@@ -0,0 +1,4371 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/json.html">
+      
+      
+        <link rel="prev" href="itertools.html">
+      
+      
+        <link rel="next" href="logging.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>json - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="json - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/json.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/json.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="json - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/json.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#json-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              json
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="json.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#json-format" class="md-nav__link">
+    <span class="md-ellipsis">
+      JSON Format
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#usage" class="md-nav__link">
+    <span class="md-ellipsis">
+      Usage
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#default-decoder-jsonjsondecoder" class="md-nav__link">
+    <span class="md-ellipsis">
+      Default Decoder (json.JSONDecoder())
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#default-encoder-jsonjsonencoder" class="md-nav__link">
+    <span class="md-ellipsis">
+      Default Encoder (json.JSONEncoder())
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#extending-jsonencoder-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extending JSONEncoder (Example)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#retrieving-data-from-json-dict" class="md-nav__link">
+    <span class="md-ellipsis">
+      Retrieving Data from json dict
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#json-format" class="md-nav__link">
+    <span class="md-ellipsis">
+      JSON Format
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#usage" class="md-nav__link">
+    <span class="md-ellipsis">
+      Usage
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#default-decoder-jsonjsondecoder" class="md-nav__link">
+    <span class="md-ellipsis">
+      Default Decoder (json.JSONDecoder())
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#default-encoder-jsonjsonencoder" class="md-nav__link">
+    <span class="md-ellipsis">
+      Default Encoder (json.JSONEncoder())
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#extending-jsonencoder-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Extending JSONEncoder (Example)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#retrieving-data-from-json-dict" class="md-nav__link">
+    <span class="md-ellipsis">
+      Retrieving Data from json dict
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="json-module">JSON Module</h1>
+<h2 id="json-format">JSON Format</h2>
+<p>JSON (JavaScript Object Notation) is a lightweight data-interchange format.
+    It is easy for humans to read and write.
+    It is easy for machines to parse and generate.</p>
+<p>JSON is built on two structures:</p>
+<ul>
+<li>A collection of name/value pairs.</li>
+<li>An ordered list of values.</li>
+</ul>
+<p>An OBJECT is an unordered set of name/value pairs.
+An object begins with <code>{</code> (left brace) and ends with <code>}</code> (right brace).
+Each name is followed by <code>:</code> (colon) and the name/value pairs are separated by <code>,</code> (comma).</p>
+<p>An ARRAY is an ordered collection of values.
+An array begins with <code>[</code> (left bracket) and ends with <code>]</code> (right bracket).
+Values are separated by <code>,</code> (comma).</p>
+<p>A VALUE can be a string in double quotes, or a number,
+or true or false or null, or an object or an array.
+These structures can be nested.</p>
+<p>A STRING is a sequence of zero or more Unicode characters,
+wrapped in double quotes, using backslash escapes.
+A CHARACTER is represented as a single character string.
+A STRING is very much like a C or Java string.
+A NUMBER is very much like a C or Java number,
+except that the octal and hexadecimal formats are not used.</p>
+<p>WHITESPACE can be inserted between any pair of tokens.</p>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># serialize obj as JSON formatted stream to fp</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">json</span><span class="o">.</span><span class="n">dump</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">fp</span><span class="p">,</span> <span class="bp">cls</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">indent</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">separators</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">sort_keys</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># CLS: {custom JSONEncoder} -- specifies custom encoder to be used</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="c1"># INDENT: {int &gt; 0, string} -- array elements, object members pretty-printed with indent level</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="c1"># SEPARATORS: {tuple} -- (item_separator, key_separator)</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="c1">#   [default: (&#39;, &#39;, &#39;: &#39;) if indent=None, (&#39;,&#39;, &#39;:&#39;) otherwise],</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="c1">#   specify (&#39;,&#39;, &#39;:&#39;) to eliminate whitespace</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1"># SORT_KEYS: {bool} -- if True dict sorted by key</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="c1"># serialize obj as JSON formatted string</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="n">json</span><span class="o">.</span><span class="n">dumps</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="bp">cls</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">indent</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">separators</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">sort_keys</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="c1"># CLS: {custom JSONEncoder} -- specifies custom encoder to be used</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="c1"># INDENT: {int &gt; 0, string} -- array elements, object members pretty-printed with indent level</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="c1"># SEPARATORS: {tuple} -- (item_separator, key_separator)</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="c1">#   [default: (&#39;, &#39;, &#39;: &#39;) if indent=None, (&#39;,&#39;, &#39;:&#39;) otherwise],</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="c1">#   specify (&#39;,&#39;, &#39;:&#39;) to eliminate whitespace</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="c1"># SORT_KEYS: {bool} -- if True dict sorted by key</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="c1"># deserialize fp to python object</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="n">json</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="n">fp</span><span class="p">,</span> <span class="bp">cls</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="c1"># CLS: {custom JSONEncoder} -- specifies custom decoder to be used</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="c1"># deserialize s (string, bytes or bytearray containing JSON doc) to python object</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="n">json</span><span class="o">.</span><span class="n">loads</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="bp">cls</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="c1"># CLS: {custom JSONEncoder} -- specifies custom decoder to be used</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="default-decoder-jsonjsondecoder">Default Decoder (<code>json.JSONDecoder()</code>)</h2>
+<p>Conversions (JSON -&gt; Python):</p>
+<ul>
+<li>object -&gt; dict</li>
+<li>array -&gt; list</li>
+<li>string -&gt; str</li>
+<li>number (int) -&gt; int</li>
+<li>number (real) -&gt; float</li>
+<li>true -&gt; True</li>
+<li>false -&gt; False</li>
+<li>null -&gt; None</li>
+</ul>
+<h2 id="default-encoder-jsonjsonencoder">Default Encoder (<code>json.JSONEncoder()</code>)</h2>
+<p>Conversions (Python -&gt; Json):</p>
+<ul>
+<li>dict -&gt; object</li>
+<li>list, tuple -&gt; array</li>
+<li>str -&gt; string</li>
+<li>int, float, Enums -&gt; number</li>
+<li>True -&gt; true</li>
+<li>False -&gt; false</li>
+<li>None -&gt; null</li>
+</ul>
+<h2 id="extending-jsonencoder-example">Extending JSONEncoder (Example)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kn">import</span> <span class="nn">json</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="k">class</span> <span class="nc">ComplexEncoder</span><span class="p">(</span><span class="n">json</span><span class="o">.</span><span class="n">JSONEncoder</span><span class="p">):</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>    <span class="k">def</span> <span class="nf">default</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">obj</span><span class="p">):</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>        <span class="k">if</span> <span class="nb">isinstance</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">complex</span><span class="p">):</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>            <span class="k">return</span> <span class="p">[</span><span class="n">obj</span><span class="o">.</span><span class="n">real</span><span class="p">,</span> <span class="n">obj</span><span class="o">.</span><span class="n">image</span><span class="p">]</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>        <span class="c1"># Let the base class default method raise the TypeError</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>            <span class="k">return</span> <span class="n">json</span><span class="o">.</span><span class="n">JSONEncoder</span><span class="o">.</span><span class="n">default</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">obj</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="retrieving-data-from-json-dict">Retrieving Data from json dict</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="n">data</span> <span class="o">=</span> <span class="n">json</span><span class="o">.</span><span class="n">loads</span><span class="p">(</span><span class="n">json</span><span class="p">)</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">data</span><span class="p">[</span><span class="s2">&quot;key&quot;</span><span class="p">]</span>  <span class="c1"># retrieve the value associated with the key</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">data</span><span class="p">[</span><span class="s2">&quot;outer key&quot;</span><span class="p">][</span><span class="s2">&quot;nested key&quot;</span><span class="p">]</span>  <span class="c1"># nested key value retrieval</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="itertools.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: itertools">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                itertools
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="logging.html" class="md-footer__link md-footer__link--next" aria-label="Next: logging">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                logging
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/logging.html b/languages/python/modules/logging.html
new file mode 100644
index 0000000..f0ce154
--- /dev/null
+++ b/languages/python/modules/logging.html
@@ -0,0 +1,4462 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/logging.html">
+      
+      
+        <link rel="prev" href="json.html">
+      
+      
+        <link rel="next" href="shutil.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>logging - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="logging - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/logging.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/logging.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="logging - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/logging.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#logging-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              logging
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="logging.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Configuration
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Configuration">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#format-basicconfigformat" class="md-nav__link">
+    <span class="md-ellipsis">
+      Format (basicConfig(format=""))
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#datefmt-basicconfigdatefmt" class="md-nav__link">
+    <span class="md-ellipsis">
+      Datefmt (basicConfig(datefmt=""))
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#logs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logs
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#configuration" class="md-nav__link">
+    <span class="md-ellipsis">
+      Configuration
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Configuration">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#format-basicconfigformat" class="md-nav__link">
+    <span class="md-ellipsis">
+      Format (basicConfig(format=""))
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#datefmt-basicconfigdatefmt" class="md-nav__link">
+    <span class="md-ellipsis">
+      Datefmt (basicConfig(datefmt=""))
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#logs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logs
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="logging-module">Logging Module</h1>
+<h2 id="configuration">Configuration</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># basic configuration for the logging system</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">logging</span><span class="o">.</span><span class="n">basicConfig</span><span class="p">(</span><span class="n">filename</span><span class="o">=</span><span class="s2">&quot;relpath&quot;</span><span class="p">,</span> <span class="n">level</span><span class="o">=</span><span class="n">logging</span><span class="o">.</span><span class="n">LOG_LEVEL</span><span class="p">,</span> <span class="nb">format</span><span class="o">=</span><span class="sa">f</span><span class="s2">&quot;message format&quot;</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># DATEFMT: Use the specified date/time format, as accepted by time.strftime().</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="c1"># create a logger with a name (useful for having multiple loggers)</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="n">logger</span> <span class="o">=</span> <span class="n">logging</span><span class="o">.</span><span class="n">getLogger</span><span class="p">(</span><span class="n">name</span><span class="o">=</span><span class="s2">&quot;logger name&quot;</span><span class="p">)</span>  
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">logger</span><span class="o">.</span><span class="n">level</span>  <span class="c1"># LOG_LEVEL for this logger</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="c1"># disable all logging calls of severity level and below</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="c1"># alternative to basicConfig(level=logging.LOG_LEVEL)</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="n">logging</span><span class="o">.</span><span class="n">disable</span><span class="p">(</span><span class="n">level</span><span class="o">=</span><span class="n">LOG_LEVEL</span><span class="p">)</span>  
+</code></pre></div></td></tr></table></div>
+<h3 id="format-basicconfigformat">Format (<code>basicConfig(format="")</code>)</h3>
+<table>
+<thead>
+<tr>
+<th>Attribute name</th>
+<th>Format</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>asctime</td>
+<td><code>%(asctime)s</code></td>
+<td>Human-readable time when the LogRecord was created. Modified by <code>basicConfig(datefmt="")</code></td>
+</tr>
+<tr>
+<td>created</td>
+<td><code>%(created)f</code></td>
+<td>Time when the LogRecord was created (as returned by <code>time.time()</code>).</td>
+</tr>
+<tr>
+<td>filename</td>
+<td><code>%(filename)s</code></td>
+<td>Filename portion of pathname.</td>
+</tr>
+<tr>
+<td>funcName</td>
+<td><code>%(funcName)s</code></td>
+<td>Name of function containing the logging call.</td>
+</tr>
+<tr>
+<td>levelname</td>
+<td><code>%(levelname)s</code></td>
+<td>Text logging level for the message.</td>
+</tr>
+<tr>
+<td>levelno</td>
+<td><code>%(levelno)s</code></td>
+<td>Numeric logging level for the message.</td>
+</tr>
+<tr>
+<td>lineno</td>
+<td><code>%(lineno)d</code></td>
+<td>Source line number where the logging call was issued (if available).</td>
+</tr>
+<tr>
+<td>message</td>
+<td><code>%(message)s</code></td>
+<td>The logged message, computed as <code>msg % args</code>.</td>
+</tr>
+<tr>
+<td>module</td>
+<td><code>%(module)s</code></td>
+<td>Module (name portion of filename).</td>
+</tr>
+<tr>
+<td>msecs</td>
+<td><code>%(msecs)d</code></td>
+<td>Millisecond portion of the time when the LogRecord was created.</td>
+</tr>
+<tr>
+<td>name</td>
+<td><code>%(name)s</code></td>
+<td>Name of the logger used to log the call.</td>
+</tr>
+<tr>
+<td>pathname</td>
+<td><code>%(pathname)s</code></td>
+<td>Full pathname of the source file where the logging call was issued (if available).</td>
+</tr>
+<tr>
+<td>process</td>
+<td><code>%(process)d</code></td>
+<td>Process ID (if available).</td>
+</tr>
+<tr>
+<td>processName</td>
+<td><code>%(processName)s</code></td>
+<td>Process name (if available).</td>
+</tr>
+<tr>
+<td>thread</td>
+<td><code>%(thread)d</code></td>
+<td>Thread ID (if available).</td>
+</tr>
+<tr>
+<td>threadName</td>
+<td><code>%(threadName)s</code></td>
+<td>Thread name (if available).</td>
+</tr>
+</tbody>
+</table>
+<h3 id="datefmt-basicconfigdatefmt">Datefmt (<code>basicConfig(datefmt="")</code>)</h3>
+<table>
+<thead>
+<tr>
+<th>Directive</th>
+<th>Meaning</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>%a</code></td>
+<td>Locale's abbreviated weekday name.</td>
+</tr>
+<tr>
+<td><code>%A</code></td>
+<td>Locale's full weekday name.</td>
+</tr>
+<tr>
+<td><code>%b</code></td>
+<td>Locale's abbreviated month name.</td>
+</tr>
+<tr>
+<td><code>%B</code></td>
+<td>Locale's full month name.</td>
+</tr>
+<tr>
+<td><code>%c</code></td>
+<td>Locale's appropriate date and time representation.</td>
+</tr>
+<tr>
+<td><code>%d</code></td>
+<td>Day of the month as a decimal number [01,31].</td>
+</tr>
+<tr>
+<td><code>%H</code></td>
+<td>Hour (24-hour clock) as a decimal number [00,23].</td>
+</tr>
+<tr>
+<td><code>%I</code></td>
+<td>Hour (12-hour clock) as a decimal number [01,12].</td>
+</tr>
+<tr>
+<td><code>%j</code></td>
+<td>Day of the year as a decimal number [001,366].</td>
+</tr>
+<tr>
+<td><code>%m</code></td>
+<td>Month as a decimal number [01,12].</td>
+</tr>
+<tr>
+<td><code>%M</code></td>
+<td>Minute as a decimal number [00,59].</td>
+</tr>
+<tr>
+<td><code>%p</code></td>
+<td>Locale's equivalent of either AM or PM.</td>
+</tr>
+<tr>
+<td><code>%S</code></td>
+<td>Second as a decimal number [00,61].</td>
+</tr>
+<tr>
+<td><code>%U</code></td>
+<td>Week number of the year (Sunday as the first day of the week) as a decimal number [00,53].</td>
+</tr>
+<tr>
+<td><code>%w</code></td>
+<td>Weekday as a decimal number [0(Sunday),6].</td>
+</tr>
+<tr>
+<td><code>%W</code></td>
+<td>Week number of the year (Monday as the first day of the week) as a decimal number [00,53].</td>
+</tr>
+<tr>
+<td><code>%x</code></td>
+<td>Locale's appropriate date representation.</td>
+</tr>
+<tr>
+<td><code>%X</code></td>
+<td>Locale's appropriate time representation.</td>
+</tr>
+<tr>
+<td><code>%y</code></td>
+<td>Year without century as a decimal number [00,99].</td>
+</tr>
+<tr>
+<td><code>%Y</code></td>
+<td>Year with century as a decimal number.</td>
+</tr>
+<tr>
+<td><code>%z</code></td>
+<td>Time zone offset indicating a positive or negative time difference from UTC/GMT of the form +HHMM or -HHMM [-23:59, +23:59].</td>
+</tr>
+<tr>
+<td><code>%Z</code></td>
+<td>Time zone name (no characters if no time zone exists).</td>
+</tr>
+<tr>
+<td><code>%%</code></td>
+<td>A literal '%' character.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="logs">Logs</h2>
+<p>Log Levels (Low To High):</p>
+<ul>
+<li>default: <code>0</code></li>
+<li>debug: <code>10</code></li>
+<li>info: <code>20</code></li>
+<li>warning: <code>30</code></li>
+<li>error: <code>40</code></li>
+<li>critical: <code>50</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">logging</span><span class="o">.</span><span class="n">debug</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span>  <span class="c1"># Logs a message with level DEBUG on the root logger</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">logging</span><span class="o">.</span><span class="n">info</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span>  <span class="c1"># Logs a message with level INFO on the root logger</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">logging</span><span class="o">.</span><span class="n">warning</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span>  <span class="c1"># Logs a message with level WARNING on the root logger</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">logging</span><span class="o">.</span><span class="n">error</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span>  <span class="c1"># Logs a message with level ERROR on the root logger</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="n">logging</span><span class="o">.</span><span class="n">critical</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span>  <span class="c1"># Logs a message with level CRITICAL on the root logger</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="json.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: json">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                json
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="shutil.html" class="md-footer__link md-footer__link--next" aria-label="Next: shutil">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                shutil
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/shutil.html b/languages/python/modules/shutil.html
new file mode 100644
index 0000000..9569d58
--- /dev/null
+++ b/languages/python/modules/shutil.html
@@ -0,0 +1,4195 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/shutil.html">
+      
+      
+        <link rel="prev" href="logging.html">
+      
+      
+        <link rel="next" href="smtplib.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>shutil - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="shutil - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/shutil.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/shutil.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="shutil - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/shutil.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#shutil-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              shutil
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="shutil.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="shutil-module">Shutil Module</h1>
+<p>High-level file operations</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span>
+<span class="normal"><a href="#__codelineno-0-40">40</a></span>
+<span class="normal"><a href="#__codelineno-0-41">41</a></span>
+<span class="normal"><a href="#__codelineno-0-42">42</a></span>
+<span class="normal"><a href="#__codelineno-0-43">43</a></span>
+<span class="normal"><a href="#__codelineno-0-44">44</a></span>
+<span class="normal"><a href="#__codelineno-0-45">45</a></span>
+<span class="normal"><a href="#__codelineno-0-46">46</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># copy file src to fil dst, return dst in most efficient way</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">shutil</span><span class="o">.</span><span class="n">copyfile</span><span class="p">(</span><span class="n">src</span><span class="p">,</span> <span class="n">dst</span><span class="p">)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># dst MUST be complete target name</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="c1"># if dst already exists it will be overwritten</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="c1"># copy file src to directory dst, return path to new file</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">shutil</span><span class="o">.</span><span class="n">copy</span><span class="p">(</span><span class="n">src</span><span class="p">,</span> <span class="n">dst</span><span class="p">)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="c1"># Recursively copy entire dir-tree rooted at src to directory named dst</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="c1"># return the destination directory</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="n">shutil</span><span class="o">.</span><span class="n">copytree</span><span class="p">(</span><span class="n">src</span><span class="p">,</span> <span class="n">dst</span><span class="p">,</span> <span class="n">dirs_exist_ok</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="c1"># DIRS_EXIST_OK: {bool} -- dictates whether to raise an exception in case dst</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="c1"># or any missing parent directory already exists</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="c1"># delete an entire directory tree</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="n">shutil</span><span class="o">.</span><span class="n">rmtree</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">ignore_errors</span><span class="o">=</span><span class="kc">False</span><span class="p">,</span> <span class="n">onerror</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="c1"># IGNORE_ERROR: {bool} -- if true errors (failed removals) will be ignored</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="c1"># ON_ERROR: handler for removal errors (if ignore_errors=False or omitted)</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="c1"># recursively move file or directory (src) to dst, return dst</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="n">shutil</span><span class="o">.</span><span class="n">move</span><span class="p">(</span><span class="n">src</span><span class="p">,</span> <span class="n">dst</span><span class="p">)</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="c1"># if the destination is an existing directory, then src is moved inside that directory.</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="c1"># if the destination already exists but is not a directory,</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="c1"># it may be overwritten depending on os.rename() semantics</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="c1"># used to rename files</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="c1"># change owner user and/or group of the given path</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a><span class="n">shutil</span><span class="o">.</span><span class="n">chown</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">user</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">group</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="c1"># user can be a system user name or a uid; the same applies to group.</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="c1">#  At least one argument is required</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="c1"># create archive file and return its name</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a><span class="n">shutil</span><span class="o">.</span><span class="n">make_archive</span><span class="p">(</span><span class="n">base_name</span><span class="p">,</span> <span class="nb">format</span><span class="p">,</span> <span class="p">[</span><span class="n">root_dir</span><span class="p">,</span> <span class="n">base_dir</span><span class="p">])</span>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a><span class="c1"># BASE_NAME: {string} -- name of the archive, including path, excluding extension</span>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="c1"># FROMAT: {zip, tar, gztar, bztar, xztar} -- archive format</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a><span class="c1"># ROOT_DIR: {path} -- root directory of archive (location of archive)</span>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="c1"># BASE_DIR: {path} -- directory where the archiviation starts</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a><span class="c1"># unpack an archive</span>
+<a id="__codelineno-0-40" name="__codelineno-0-40"></a><span class="n">shutil</span><span class="o">.</span><span class="n">unpack_archive</span><span class="p">(</span><span class="n">filename</span><span class="p">,</span> <span class="p">[</span><span class="n">extract_dir</span><span class="p">,</span> <span class="nb">format</span><span class="p">])</span>
+<a id="__codelineno-0-41" name="__codelineno-0-41"></a><span class="c1"># FILENAME: full path of archive</span>
+<a id="__codelineno-0-42" name="__codelineno-0-42"></a><span class="c1"># EXTRACT_DIR: {path} -- directory to unpack into</span>
+<a id="__codelineno-0-43" name="__codelineno-0-43"></a><span class="c1"># FORMAT: {zip, tar, gztar, bztar, xztar} -- archive format</span>
+<a id="__codelineno-0-44" name="__codelineno-0-44"></a>
+<a id="__codelineno-0-45" name="__codelineno-0-45"></a><span class="c1"># return disk usage statistics as Namedtuple w/ attributes total, used, free</span>
+<a id="__codelineno-0-46" name="__codelineno-0-46"></a><span class="n">shutil</span><span class="o">.</span><span class="n">disk_usage</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="logging.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: logging">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                logging
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="smtplib.html" class="md-footer__link md-footer__link--next" aria-label="Next: smtplib">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                smtplib
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/smtplib.html b/languages/python/modules/smtplib.html
new file mode 100644
index 0000000..6528fdb
--- /dev/null
+++ b/languages/python/modules/smtplib.html
@@ -0,0 +1,4180 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/smtplib.html">
+      
+      
+        <link rel="prev" href="shutil.html">
+      
+      
+        <link rel="next" href="socket.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>smtplib - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="smtplib - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/smtplib.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/smtplib.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="smtplib - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/smtplib.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#smtplib-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              smtplib
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="smtplib.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="smtplib-module">SMTPlib Module</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span>
+<span class="normal"><a href="#__codelineno-0-27">27</a></span>
+<span class="normal"><a href="#__codelineno-0-28">28</a></span>
+<span class="normal"><a href="#__codelineno-0-29">29</a></span>
+<span class="normal"><a href="#__codelineno-0-30">30</a></span>
+<span class="normal"><a href="#__codelineno-0-31">31</a></span>
+<span class="normal"><a href="#__codelineno-0-32">32</a></span>
+<span class="normal"><a href="#__codelineno-0-33">33</a></span>
+<span class="normal"><a href="#__codelineno-0-34">34</a></span>
+<span class="normal"><a href="#__codelineno-0-35">35</a></span>
+<span class="normal"><a href="#__codelineno-0-36">36</a></span>
+<span class="normal"><a href="#__codelineno-0-37">37</a></span>
+<span class="normal"><a href="#__codelineno-0-38">38</a></span>
+<span class="normal"><a href="#__codelineno-0-39">39</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">smtplib</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># SMTP instance that encapsulates a SMTP connection</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="c1"># If the optional host and port parameters are given, the SMTP connect() method is called with those parameters during initialization.</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">s</span> <span class="o">=</span> <span class="n">smtplib</span><span class="o">.</span><span class="n">SMTP</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">&quot;host_smtp_address&quot;</span><span class="p">,</span> <span class="n">port</span><span class="o">=</span><span class="s2">&quot;smtp_service_port&quot;</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">s</span> <span class="o">=</span> <span class="n">smtplib</span><span class="o">.</span><span class="n">SMTP_SSL</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">&quot;host_smtp_address&quot;</span><span class="p">,</span> <span class="n">port</span><span class="o">=</span><span class="s2">&quot;smtp_service_port&quot;</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1"># An SMTP_SSL instance behaves exactly the same as instances of SMTP.</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="c1"># SMTP_SSL should be used for situations where SSL is required from the beginning of the connection</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="c1"># and using starttls() is not appropriate.</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="c1"># If host is not specified, the local host is used.</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="c1"># If port is zero, the standard SMTP-over-SSL port (465) is used.</span>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s1">&#39;localhost&#39;</span><span class="p">,</span> <span class="n">port</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="c1">#Connect to a host on a given port. The defaults are to connect to the local host at the standard SMTP port (25). If the hostname ends with a colon (&#39;:&#39;) followed by a number, that suffix will be stripped off and the number interpreted as the port number to use. This method is automatically invoked by the constructor if a host is specified during instantiation. Returns a 2-tuple of the response code and message sent by the server in its connection response.</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">verify</span><span class="p">(</span><span class="n">address</span><span class="p">)</span>  <span class="c1"># Check the validity of an address on this server using SMTP VRFY</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">login</span><span class="p">(</span><span class="n">user</span><span class="o">=</span><span class="s2">&quot;full_user_mail&quot;</span><span class="p">,</span> <span class="n">password</span><span class="o">=</span><span class="s2">&quot;user_password&quot;</span><span class="p">)</span>  <span class="c1"># Log-in on an SMTP server that requires authentication</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">SMTPHeloError</span>  <span class="c1"># The server didn&#39;t reply properly to the HELO greeting</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">SMTPAuthenticationError</span>  <span class="c1"># The server didn&#39;t accept the username/password combination.</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">SMTPNotSupportedError</span>  <span class="c1"># The AUTH command is not supported by the server.</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">SMTPException</span>  <span class="c1"># No suitable authentication method was found.</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">starttls</span><span class="p">(</span><span class="n">keyfile</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">certfile</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>  <span class="c1"># Put the SMTP connection in TLS (Transport Layer Security) mode. All SMTP commands that follow will be encrypted</span>
+<a id="__codelineno-0-27" name="__codelineno-0-27"></a><span class="c1"># from_addr &amp; to_addrs are used to construct the message envelope used by the transport agents. sendmail does not modify the message headers in any way.</span>
+<a id="__codelineno-0-28" name="__codelineno-0-28"></a><span class="c1"># msg may be a string containing characters in the ASCII range, or a byte string. A string is encoded to bytes using the ascii codec, and lone \r and \n characters are converted to \r\n characters. A byte string is not modified.</span>
+<a id="__codelineno-0-29" name="__codelineno-0-29"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">sendmail</span><span class="p">(</span><span class="n">from_addr</span><span class="p">,</span> <span class="n">to_addrs</span><span class="p">,</span> <span class="n">msg</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-0-30" name="__codelineno-0-30"></a><span class="c1"># from_addr: {string} -- RFC 822 from-address string</span>
+<a id="__codelineno-0-31" name="__codelineno-0-31"></a><span class="c1"># ro_addrs: {string, list of strings} -- list of RFC 822 to-address strings</span>
+<a id="__codelineno-0-32" name="__codelineno-0-32"></a><span class="c1"># msg: {string} -- message string</span>
+<a id="__codelineno-0-33" name="__codelineno-0-33"></a>
+<a id="__codelineno-0-34" name="__codelineno-0-34"></a><span class="c1"># This is a convenience method for calling sendmail() with the message represented by an email.message.Message object.</span>
+<a id="__codelineno-0-35" name="__codelineno-0-35"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">send_message</span><span class="p">(</span><span class="n">msg</span><span class="p">,</span> <span class="n">from_addr</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="n">to_addrs</span><span class="o">=</span><span class="kc">None</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-0-36" name="__codelineno-0-36"></a><span class="c1"># from_addr: {string} -- RFC 822 from-address string</span>
+<a id="__codelineno-0-37" name="__codelineno-0-37"></a><span class="c1"># ro_addrs: {string, list of strings} -- list of RFC 822 to-address strings</span>
+<a id="__codelineno-0-38" name="__codelineno-0-38"></a><span class="c1"># msg: {email.message.Message object} -- message string</span>
+<a id="__codelineno-0-39" name="__codelineno-0-39"></a><span class="n">SMTP</span><span class="o">.</span><span class="n">quit</span><span class="p">()</span>  <span class="c1"># Terminate the SMTP session and close the connection. Return the result of the SMTP QUIT command</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="shutil.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: shutil">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                shutil
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="socket.html" class="md-footer__link md-footer__link--next" aria-label="Next: socket">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                socket
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/socket.html b/languages/python/modules/socket.html
new file mode 100644
index 0000000..ee89cc4
--- /dev/null
+++ b/languages/python/modules/socket.html
@@ -0,0 +1,4226 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/socket.html">
+      
+      
+        <link rel="prev" href="smtplib.html">
+      
+      
+        <link rel="next" href="sqlite.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>socket - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="socket - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/socket.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/socket.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="socket - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/socket.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#socket-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              socket
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="socket.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Definition
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#socket-creation-connection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Socket Creation &amp; Connection
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#making-http-requests" class="md-nav__link">
+    <span class="md-ellipsis">
+      Making HTTP Requests
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Definition
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#socket-creation-connection" class="md-nav__link">
+    <span class="md-ellipsis">
+      Socket Creation &amp; Connection
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#making-http-requests" class="md-nav__link">
+    <span class="md-ellipsis">
+      Making HTTP Requests
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="socket-module">Socket Module</h1>
+<h2 id="definition">Definition</h2>
+<p>A network socket is an internal endpoint for sending or receiving data within a node on a computer network.</p>
+<p>In practice, socket usually refers to a socket in an Internet Protocol (IP) network, in particular for the <strong>Transmission Control Protocol (TCP)</strong>, which is a protocol for <em>one-to-one</em> connections.<br />
+In this context, sockets are assumed to be associated with a specific socket address, namely the <strong>IP address</strong> and a <strong>port number</strong> for the local node, and there is a corresponding socket address at the foreign node (other node), which itself has an associated socket, used by the foreign process. Associating a socket with a socket address is called <em>binding</em>.</p>
+<h2 id="socket-creation-connection">Socket Creation &amp; Connection</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">socket</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1"># socket over the internet, socket is a stream of data</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">socket</span> <span class="o">=</span> <span class="n">socket</span><span class="o">.</span><span class="n">socket</span><span class="p">(</span><span class="n">socket</span><span class="o">.</span><span class="n">AF_INET</span><span class="p">,</span> <span class="n">socket</span><span class="o">.</span><span class="n">SOCK_STREAM</span><span class="p">)</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="n">socket</span><span class="o">.</span><span class="n">connect</span> <span class="o">=</span> <span class="p">((</span><span class="s2">&quot;URL&quot;</span><span class="p">,</span> <span class="n">port</span><span class="p">:</span> <span class="nb">int</span><span class="p">))</span>  <span class="c1"># connect to socket</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="n">socket</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>  <span class="c1"># close connection</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="making-http-requests">Making HTTP Requests</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kn">import</span> <span class="nn">socket</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">HTTP_Method</span> <span class="o">=</span> <span class="s2">&quot;GET http://url/resource HTTP/version</span><span class="se">\n\n</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">encode</span><span class="p">()</span>  <span class="c1"># set HTTP request (encoded string from UTF-8 to bytes)</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">socket</span><span class="o">.</span><span class="n">send</span><span class="p">(</span><span class="n">HTTP_Method</span><span class="p">)</span>   <span class="c1"># make HTTP request</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="n">data</span> <span class="o">=</span> <span class="n">socket</span><span class="o">.</span><span class="n">recv</span><span class="p">(</span><span class="n">buffer_size</span><span class="p">)</span>  <span class="c1"># receive data from socket</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="n">decoded</span> <span class="o">=</span> <span class="n">data</span><span class="o">.</span><span class="n">decode</span><span class="p">()</span>  <span class="c1"># decode data (from bytes to UTF-8)</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="smtplib.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: smtplib">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                smtplib
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="sqlite.html" class="md-footer__link md-footer__link--next" aria-label="Next: sqlite">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                sqlite
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/sqlite.html b/languages/python/modules/sqlite.html
new file mode 100644
index 0000000..a114ec2
--- /dev/null
+++ b/languages/python/modules/sqlite.html
@@ -0,0 +1,4354 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/sqlite.html">
+      
+      
+        <link rel="prev" href="socket.html">
+      
+      
+        <link rel="next" href="time-datetime.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>sqlite - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="sqlite - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/sqlite.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/sqlite.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="sqlite - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/sqlite.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#sqlite3-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              sqlite
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="sqlite.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#connecting-to-the-database" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connecting To The Database
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Connecting To The Database">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#query-construction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query Construction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#writing-operations-to-disk" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing Operations to Disk
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-sql-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple SQL Instructions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#retrieving-records" class="md-nav__link">
+    <span class="md-ellipsis">
+      Retrieving Records
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#connecting-to-the-database" class="md-nav__link">
+    <span class="md-ellipsis">
+      Connecting To The Database
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Connecting To The Database">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#query-construction" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query Construction
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#writing-operations-to-disk" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing Operations to Disk
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-sql-instructions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple SQL Instructions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#retrieving-records" class="md-nav__link">
+    <span class="md-ellipsis">
+      Retrieving Records
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="sqlite3-module">sqlite3 Module</h1>
+<h2 id="connecting-to-the-database">Connecting To The Database</h2>
+<p>To use the module, you must first create a Connection object that represents the database.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">sqlite3</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">connection</span> <span class="o">=</span> <span class="n">sqlite3</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="s2">&quot;file.db&quot;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p>Once you have a <code>Connection</code>, you can create a <code>Cursor</code> object and call its <code>execute()</code> method to perform SQL commands.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">cursor</span> <span class="o">=</span> <span class="n">connection</span><span class="o">.</span><span class="n">cursor</span><span class="p">()</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">cursor</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="n">sql</span><span class="p">)</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">executemany</span><span class="p">(</span><span class="n">sql</span><span class="p">,</span> <span class="n">seq_of_parameters</span><span class="p">)</span>  <span class="c1"># Executes an SQL command against all parameter sequences or mappings found in the sequence seq_of_parameters.</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="n">cursor</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>  <span class="c1"># close the cursor now</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="c1"># ProgrammingError exception will be raised if any operation is attempted with the cursor.</span>
+</code></pre></div></td></tr></table></div>
+<p>The data saved is persistent and is available in subsequent sessions.</p>
+<h3 id="query-construction">Query Construction</h3>
+<p>Usually your SQL operations will need to use values from Python variables.
+You shouldn't assemble your query using Python's string operations because doing so is insecure:<br />
+it makes your program vulnerable to an <a href="https://en.wikipedia.org/wiki/SQL_injection">SQL injection attack</a></p>
+<p>Put <code>?</code> as a placeholder wherever you want to use a value, and then provide a <em>tuple of values</em> as the second argument to the cursor's <code>execute()</code> method.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span>
+<span class="normal"><a href="#__codelineno-2-12">12</a></span>
+<span class="normal"><a href="#__codelineno-2-13">13</a></span>
+<span class="normal"><a href="#__codelineno-2-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="c1"># Never do this -- insecure!</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">c</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s2">&quot;SELECT * FROM stocks WHERE symbol = value&quot;</span><span class="p">)</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="c1"># Do this instead</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="n">t</span> <span class="o">=</span> <span class="p">(</span><span class="s1">&#39;RHAT&#39;</span><span class="p">,)</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="n">c</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s1">&#39;SELECT * FROM stocks WHERE symbol=?&#39;</span><span class="p">,</span> <span class="n">t</span><span class="p">)</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="nb">print</span><span class="p">(</span><span class="n">c</span><span class="o">.</span><span class="n">fetchone</span><span class="p">())</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="c1"># Larger example that inserts many records at a time</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="n">purchases</span> <span class="o">=</span> <span class="p">[(</span><span class="s1">&#39;2006-03-28&#39;</span><span class="p">,</span> <span class="s1">&#39;BUY&#39;</span><span class="p">,</span> <span class="s1">&#39;IBM&#39;</span><span class="p">,</span> <span class="mi">1000</span><span class="p">,</span> <span class="mf">45.00</span><span class="p">),</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a>             <span class="p">(</span><span class="s1">&#39;2006-04-05&#39;</span><span class="p">,</span> <span class="s1">&#39;BUY&#39;</span><span class="p">,</span> <span class="s1">&#39;MSFT&#39;</span><span class="p">,</span> <span class="mi">1000</span><span class="p">,</span> <span class="mf">72.00</span><span class="p">),</span>
+<a id="__codelineno-2-12" name="__codelineno-2-12"></a>             <span class="p">(</span><span class="s1">&#39;2006-04-06&#39;</span><span class="p">,</span> <span class="s1">&#39;SELL&#39;</span><span class="p">,</span> <span class="s1">&#39;IBM&#39;</span><span class="p">,</span> <span class="mi">500</span><span class="p">,</span> <span class="mf">53.00</span><span class="p">),</span>
+<a id="__codelineno-2-13" name="__codelineno-2-13"></a>            <span class="p">]</span>
+<a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="n">c</span><span class="o">.</span><span class="n">executemany</span><span class="p">(</span><span class="s1">&#39;INSERT INTO stocks VALUES (?,?,?,?,?)&#39;</span><span class="p">,</span> <span class="n">purchases</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="writing-operations-to-disk">Writing Operations to Disk</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">cursor</span> <span class="o">=</span> <span class="n">connection</span><span class="o">.</span><span class="n">cursor</span><span class="p">()</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="n">cursor</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s2">&quot;SQL&quot;</span><span class="p">)</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">connection</span><span class="o">.</span><span class="n">commit</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="multiple-sql-instructions">Multiple SQL Instructions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="n">connection</span> <span class="o">=</span> <span class="n">sqlite3</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="s2">&quot;file.db&quot;</span><span class="p">)</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">cur</span> <span class="o">=</span> <span class="n">con</span><span class="o">.</span><span class="n">cursor</span><span class="p">()</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="n">cur</span><span class="o">.</span><span class="n">executescript</span><span class="p">(</span><span class="s2">&quot;&quot;&quot;</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="s2">    QUERY_1;</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="s2">    QUERY_2;</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="s2">    ...</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="s2">    QUERY_N;</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="s2">    &quot;&quot;&quot;</span><span class="p">)</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="n">con</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="retrieving-records">Retrieving Records</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="c1"># Fetches the next row of a query result set, returning a single sequence.</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="c1"># Returns None when no more data is available.</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="n">cursor</span><span class="o">.</span><span class="n">fetchone</span><span class="p">()</span>  
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="c1"># Fetches all (remaining) rows of a query result, returning a list.</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="c1"># An empty list is returned when no rows are available.</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="n">cursor</span><span class="o">.</span><span class="n">fetchall</span><span class="p">()</span>  
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="c1"># Fetches the next set of rows of a query result, returning a list.</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="c1"># An empty list is returned when no more rows are available.</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="n">fetchmany</span><span class="p">(</span><span class="n">size</span><span class="o">=</span><span class="n">cursor</span><span class="o">.</span><span class="n">arraysize</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p>The number of rows to fetch per call is specified by the <code>size</code> parameter. If it is not given, the cursor's <code>arraysize</code> determines the number of rows to be fetched.<br />
+The method should try to fetch as many rows as indicated by the size parameter.<br />
+If this is not possible due to the specified number of rows not being available, fewer rows may be returned.</p>
+<p>Note there are performance considerations involved with the size parameter.<br />
+For optimal performance, it is usually best to use the arraysize attribute.<br />
+If the size parameter is used, then it is best for it to retain the same value from one <code>fetchmany()</code> call to the next.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="socket.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: socket">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                socket
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="time-datetime.html" class="md-footer__link md-footer__link--next" aria-label="Next: time &amp; datetime">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                time & datetime
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/time-datetime.html b/languages/python/modules/time-datetime.html
new file mode 100644
index 0000000..6488f29
--- /dev/null
+++ b/languages/python/modules/time-datetime.html
@@ -0,0 +1,4361 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/time-datetime.html">
+      
+      
+        <link rel="prev" href="sqlite.html">
+      
+      
+        <link rel="next" href="unittest.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>time & datetime - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="time & datetime - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/time-datetime.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/time-datetime.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="time & datetime - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/time-datetime.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#time-datetime" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              time & datetime
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="time-datetime.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#time" class="md-nav__link">
+    <span class="md-ellipsis">
+      Time
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Time">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#timesrtfrime-format" class="md-nav__link">
+    <span class="md-ellipsis">
+      time.srtfrime() format
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#datetime" class="md-nav__link">
+    <span class="md-ellipsis">
+      Datetime
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#time" class="md-nav__link">
+    <span class="md-ellipsis">
+      Time
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Time">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#timesrtfrime-format" class="md-nav__link">
+    <span class="md-ellipsis">
+      time.srtfrime() format
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#datetime" class="md-nav__link">
+    <span class="md-ellipsis">
+      Datetime
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="time-datetime">Time &amp; Datetime</h1>
+<h2 id="time">Time</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># epoch: elapsed time in seconds (in UNIX starts from 01-010-1970)</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kn">import</span> <span class="nn">time</span> <span class="c1"># UNIX time</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="n">variable</span> <span class="o">=</span> <span class="n">time</span><span class="o">.</span><span class="n">time</span> <span class="p">()</span> <span class="c1"># returns the time (in seconds) elapsed since 01-01-1970</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="n">variable</span> <span class="o">=</span> <span class="n">time</span><span class="o">.</span><span class="n">ctime</span> <span class="p">(</span><span class="n">epochseconds</span><span class="p">)</span> <span class="c1"># transform epoch into date</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="n">var</span> <span class="o">=</span> <span class="n">time</span><span class="o">.</span><span class="n">perf_counter</span> <span class="p">()</span> <span class="c1"># returns the current running time</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="c1"># execution time = start time - end time</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="timesrtfrime-format">time.srtfrime() format</h3>
+<table>
+<thead>
+<tr>
+<th>Format</th>
+<th>Data</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>%a</code></td>
+<td>Locale's abbreviated weekday name.</td>
+</tr>
+<tr>
+<td><code>%A</code></td>
+<td>Locale's full weekday name.</td>
+</tr>
+<tr>
+<td><code>%b</code></td>
+<td>Locale's abbreviated month name.</td>
+</tr>
+<tr>
+<td><code>%B</code></td>
+<td>Locale's full month name.</td>
+</tr>
+<tr>
+<td><code>%c</code></td>
+<td>Locale's appropriate date and time representation.</td>
+</tr>
+<tr>
+<td><code>%d</code></td>
+<td>Day of the month as a decimal number <code>[01,31]</code>.</td>
+</tr>
+<tr>
+<td><code>%H</code></td>
+<td>Hour (24-hour clock) as a decimal number <code>[00,23]</code>.</td>
+</tr>
+<tr>
+<td><code>%I</code></td>
+<td>Hour (12-hour clock) as a decimal number <code>[01,12]</code>.</td>
+</tr>
+<tr>
+<td><code>%j</code></td>
+<td>Day of the year as a decimal number <code>[001,366]</code>.</td>
+</tr>
+<tr>
+<td><code>%m</code></td>
+<td>Month as a decimal number <code>[01,12]</code>.</td>
+</tr>
+<tr>
+<td><code>%M</code></td>
+<td>Minute as a decimal number <code>[00,59]</code>.</td>
+</tr>
+<tr>
+<td><code>%p</code></td>
+<td>Locale's equivalent of either AM or PM.</td>
+</tr>
+<tr>
+<td><code>%S</code></td>
+<td>Second as a decimal number <code>[00,61]</code>.</td>
+</tr>
+<tr>
+<td><code>%U</code></td>
+<td>Week number of the year (Sunday as the first day of the week) as a decimal number <code>[00,53]</code>.</td>
+</tr>
+<tr>
+<td><code>%w</code></td>
+<td>Weekday as a decimal number <code>[0(Sunday),6]</code>.</td>
+</tr>
+<tr>
+<td><code>%W</code></td>
+<td>Week number of the year (Monday as the first day of the week) as a decimal number <code>[00,53]</code>.</td>
+</tr>
+<tr>
+<td><code>%x</code></td>
+<td>Locale's appropriate date representation.</td>
+</tr>
+<tr>
+<td><code>%X</code></td>
+<td>Locale's appropriate time representation.</td>
+</tr>
+<tr>
+<td><code>%y</code></td>
+<td>Year without century as a decimal number <code>[00,99]</code>.</td>
+</tr>
+<tr>
+<td><code>%Y</code></td>
+<td>Year with century as a decimal number.</td>
+</tr>
+<tr>
+<td><code>%z</code></td>
+<td>Time zone offset indicating a positive or negative time difference from UTC/GMT of the form +HHMM or -HHMM</td>
+</tr>
+<tr>
+<td><code>%Z</code></td>
+<td>Time zone name (no characters if no time zone exists).</td>
+</tr>
+<tr>
+<td><code>%%</code></td>
+<td>A literal <code>%</code> character.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="datetime">Datetime</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span>
+<span class="normal"><a href="#__codelineno-1-14">14</a></span>
+<span class="normal"><a href="#__codelineno-1-15">15</a></span>
+<span class="normal"><a href="#__codelineno-1-16">16</a></span>
+<span class="normal"><a href="#__codelineno-1-17">17</a></span>
+<span class="normal"><a href="#__codelineno-1-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kn">import</span> <span class="nn">datetime</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">today</span> <span class="o">=</span> <span class="n">datetime</span><span class="o">.</span><span class="n">date</span><span class="o">.</span><span class="n">today</span> <span class="p">()</span> <span class="c1"># returns current date</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">today</span> <span class="o">=</span> <span class="n">datetime</span><span class="o">.</span><span class="n">datetime</span><span class="o">.</span><span class="n">today</span> <span class="p">()</span> <span class="c1"># returns the current date and time</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="c1"># formatting example</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Current Date: </span><span class="si">{}</span><span class="s1"> - </span><span class="si">{}</span><span class="s1"> - </span><span class="si">{}</span><span class="s1">&#39;</span> <span class="o">.</span><span class="n">format</span> <span class="p">(</span><span class="n">today</span><span class="o">.</span><span class="n">day</span><span class="p">,</span> <span class="n">today</span><span class="o">.</span><span class="n">month</span><span class="p">,</span> <span class="n">today</span><span class="o">.</span><span class="n">year</span><span class="p">))</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="nb">print</span> <span class="p">(</span><span class="s1">&#39;Current Time: </span><span class="si">{}</span><span class="s1">: </span><span class="si">{}</span><span class="s1">. </span><span class="si">{}</span><span class="s1">&#39;</span> <span class="o">.</span><span class="n">format</span> <span class="p">(</span><span class="n">today</span><span class="o">.</span><span class="n">hour</span><span class="p">,</span> <span class="n">today</span><span class="o">.</span><span class="n">minute</span><span class="p">,</span> <span class="n">today</span><span class="o">.</span><span class="n">second</span><span class="p">))</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="n">var_1</span> <span class="o">=</span> <span class="n">datetime</span><span class="o">.</span><span class="n">date</span> <span class="p">(</span><span class="n">year</span><span class="p">,</span> <span class="n">month</span><span class="p">,</span> <span class="n">day</span><span class="p">)</span> <span class="c1"># create date object</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="n">var_2</span> <span class="o">=</span> <span class="n">datetime</span><span class="o">.</span><span class="n">time</span> <span class="p">(</span><span class="n">hour</span><span class="p">,</span> <span class="n">minute</span><span class="p">,</span> <span class="n">second</span><span class="p">,</span> <span class="n">micro</span><span class="o">-</span><span class="n">second</span><span class="p">)</span> <span class="c1"># create time object</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="n">dt</span> <span class="o">=</span> <span class="n">datetime</span><span class="o">.</span><span class="n">combine</span> <span class="p">(</span><span class="n">var_1</span><span class="p">,</span> <span class="n">var_2</span><span class="p">)</span> <span class="c1"># combine date and time objects into one object</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="n">date_1</span> <span class="o">=</span> <span class="n">datetime</span><span class="o">.</span><span class="n">date</span> <span class="p">(</span><span class="s1">&#39;year&#39;</span><span class="p">,</span> <span class="s1">&#39;month&#39;</span><span class="p">,</span> <span class="s1">&#39;day&#39;</span><span class="p">)</span>
+<a id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="n">date_2</span> <span class="o">=</span> <span class="n">date_1</span><span class="o">.</span><span class="n">replace</span> <span class="p">(</span><span class="n">year</span> <span class="o">=</span> <span class="s1">&#39;new_year&#39;</span><span class="p">)</span>
+<a id="__codelineno-1-15" name="__codelineno-1-15"></a>
+<a id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="c1">#DATETIME ARITHMETIC</span>
+<a id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="n">date_1</span> <span class="o">-</span> <span class="n">date_2</span> <span class="c1"># -&gt; datetime.timedelta (num_of_days)</span>
+<a id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="n">datetime</span><span class="o">.</span><span class="n">timedelta</span> <span class="c1"># duration expressing the difference between two date, time or datetime objects</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="sqlite.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: sqlite">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                sqlite
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="unittest.html" class="md-footer__link md-footer__link--next" aria-label="Next: unittest">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                unittest
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/modules/unittest.html b/languages/python/modules/unittest.html
new file mode 100644
index 0000000..254c6b2
--- /dev/null
+++ b/languages/python/modules/unittest.html
@@ -0,0 +1,4379 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/modules/unittest.html">
+      
+      
+        <link rel="prev" href="time-datetime.html">
+      
+      
+        <link rel="next" href="../libs/tkinter.html">
+      
+      
+      <link rel="icon" href="../../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>unittest - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="unittest - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/unittest.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/modules/unittest.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="unittest - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/modules/unittest.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#unittest-module" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              unittest
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="unittest.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#testcase-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      TestCase Class
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="TestCase Class">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#assert-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assert Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#testcase-class" class="md-nav__link">
+    <span class="md-ellipsis">
+      TestCase Class
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="TestCase Class">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#assert-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assert Methods
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="unittest-module">Unittest Module</h1>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kn">import</span> <span class="nn">unittest</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kn">import</span> <span class="nn">module_under_test</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="k">class</span> <span class="nc">Test</span><span class="p">(</span><span class="n">unittest</span><span class="o">.</span><span class="n">TestCase</span><span class="p">):</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>    <span class="k">def</span> <span class="nf">test_1</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>        <span class="bp">self</span><span class="o">.</span><span class="k">assert</span><span class="o">*</span><span class="p">(</span><span class="n">output</span><span class="p">,</span> <span class="n">expected_output</span><span class="p">)</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="k">if</span> <span class="vm">__name__</span> <span class="o">==</span> <span class="s1">&#39;__main__&#39;</span><span class="p">:</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>    <span class="n">unittest</span><span class="o">.</span><span class="n">main</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="testcase-class">TestCase Class</h2>
+<p>Instances of the <code>TestCase</code> class represent the logical test units in the unittest universe. This class is intended to be used as a base class, with specific tests being implemented by concrete subclasses. This class implements the interface needed by the test runner to allow it to drive the tests, and methods that the test code can use to check for and report various kinds of failure.</p>
+<h3 id="assert-methods">Assert Methods</h3>
+<table>
+<thead>
+<tr>
+<th>Method</th>
+<th>Checks that</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>assertEqual(a, b)</code></td>
+<td><code>a == b</code></td>
+</tr>
+<tr>
+<td><code>assertNotEqual(a, b)</code></td>
+<td><code>a != b</code></td>
+</tr>
+<tr>
+<td><code>assertTrue(x)</code></td>
+<td><code>bool(x) is True</code></td>
+</tr>
+<tr>
+<td><code>assertFalse(x)</code></td>
+<td><code>bool(x) is False</code></td>
+</tr>
+<tr>
+<td><code>assertIs(a, b)</code></td>
+<td><code>a is b</code></td>
+</tr>
+<tr>
+<td><code>assertIsNot(a, b)</code></td>
+<td><code>a is not b</code></td>
+</tr>
+<tr>
+<td><code>assertIsNone(x)</code></td>
+<td><code>x is None</code></td>
+</tr>
+<tr>
+<td><code>assertIsNotNone(x)</code></td>
+<td><code>x is not None</code></td>
+</tr>
+<tr>
+<td><code>assertIn(a, b)</code></td>
+<td><code>a in b</code></td>
+</tr>
+<tr>
+<td><code>assertNotIn(a, b)</code></td>
+<td><code>a not in b</code></td>
+</tr>
+<tr>
+<td><code>assertIsInstance(a, b)</code></td>
+<td><code>isinstance(a, b)</code></td>
+</tr>
+<tr>
+<td><code>assertNotIsInstance(a, b)</code></td>
+<td><code>not isinstance(a, b)</code></td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>Method</th>
+<th>Checks that</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>assertRaises(exc, fun, *args, **kwds)</code></td>
+<td><code>fun(*args, **kwds)</code> raises <em>exc</em></td>
+</tr>
+<tr>
+<td><code>assertRaisesRegex(exc, r, fun, *args, **kwds)</code></td>
+<td><code>fun(*args, **kwds)</code> raises <em>exc</em> and the message matches regex <code>r</code></td>
+</tr>
+<tr>
+<td><code>assertWarns(warn, fun, *args, **kwds)</code></td>
+<td><code>fun(*args, **kwds)</code> raises warn</td>
+</tr>
+<tr>
+<td><code>assertWarnsRegex(warn, r, fun, *args, **kwds)</code></td>
+<td><code>fun(*args, **kwds)</code> raises warn and the message matches regex <em>r</em></td>
+</tr>
+<tr>
+<td><code>assertLogs(logger, level)</code></td>
+<td>The with block logs on logger with minimum level</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>Method</th>
+<th>Checks that</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>assertAlmostEqual(a, b)</code></td>
+<td><code>round(a-b, 7) == 0</code></td>
+</tr>
+<tr>
+<td><code>assertNotAlmostEqual(a, b)</code></td>
+<td><code>round(a-b, 7) != 0</code></td>
+</tr>
+<tr>
+<td><code>assertGreater(a, b)</code></td>
+<td><code>a &gt; b</code></td>
+</tr>
+<tr>
+<td><code>assertGreaterEqual(a, b)</code></td>
+<td><code>a &gt;= b</code></td>
+</tr>
+<tr>
+<td><code>assertLess(a, b)</code></td>
+<td><code>a &lt; b</code></td>
+</tr>
+<tr>
+<td><code>assertLessEqual(a, b)</code></td>
+<td><code>a &lt;= b</code></td>
+</tr>
+<tr>
+<td><code>assertRegex(s, r)</code></td>
+<td><code>r.search(s)</code></td>
+</tr>
+<tr>
+<td><code>assertNotRegex(s, r)</code></td>
+<td><code>not r.search(s)</code></td>
+</tr>
+<tr>
+<td><code>assertCountEqual(a, b)</code></td>
+<td>a and b have the same elements in the same number, regardless of their order.</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>Method</th>
+<th>Used to compare</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>assertMultiLineEqual(a, b)</code></td>
+<td>strings</td>
+</tr>
+<tr>
+<td><code>assertSequenceEqual(a, b)</code></td>
+<td>sequences</td>
+</tr>
+<tr>
+<td><code>assertListEqual(a, b)</code></td>
+<td>lists</td>
+</tr>
+<tr>
+<td><code>assertTupleEqual(a, b)</code></td>
+<td>tuples</td>
+</tr>
+<tr>
+<td><code>assertSetEqual(a, b)</code></td>
+<td>sets or frozensets</td>
+</tr>
+<tr>
+<td><code>assertDictEqual(a, b)</code></td>
+<td>dicts</td>
+</tr>
+</tbody>
+</table>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="time-datetime.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: time &amp; datetime">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                time & datetime
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../libs/tkinter.html" class="md-footer__link md-footer__link--next" aria-label="Next: TKinter">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                TKinter
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/python/python.html b/languages/python/python.html
new file mode 100644
index 0000000..f9607f0
--- /dev/null
+++ b/languages/python/python.html
@@ -0,0 +1,8121 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/python/python.html">
+      
+      
+        <link rel="prev" href="../assembly/riscv.html">
+      
+      
+        <link rel="next" href="modules/argparse.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Python - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Python - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/python.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/python/python.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Python - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/python/python.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#python-notes" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Python
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="python.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#naming-convention" class="md-nav__link">
+    <span class="md-ellipsis">
+      Naming Convention
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment-operation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment Operation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-type-conversion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Type Conversion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#expression-assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expression Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-comparison-vs-is" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Comparison (== vs is)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#on-screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      On Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#format-specification-mini-language" class="md-nav__link">
+    <span class="md-ellipsis">
+      Format Specification Mini-Language
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#keyboard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Keyboard Input
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#numeric-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Numeric Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#comparison-of-decimal-numbers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison of Decimal Numbers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lists" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tuple" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#set" class="md-nav__link">
+    <span class="md-ellipsis">
+      Set
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#bytes-e-bytearray" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bytes e Bytearray
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#encoding-decoding-unicode" class="md-nav__link">
+    <span class="md-ellipsis">
+      Encoding-Decoding &amp; Unicode
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memoryview" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memoryview
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionaries
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relational-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relational Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#identity-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Identity Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#membership-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Membership Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-precedence" class="md-nav__link">
+    <span class="md-ellipsis">
+      OPerator Precedence
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#conditional-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Conditional Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      if-else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#context-manager" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context Manager
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while" class="md-nav__link">
+    <span class="md-ellipsis">
+      while
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for" class="md-nav__link">
+    <span class="md-ellipsis">
+      for
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue" class="md-nav__link">
+    <span class="md-ellipsis">
+      break &amp; continue
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#range" class="md-nav__link">
+    <span class="md-ellipsis">
+      range
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enumerate" class="md-nav__link">
+    <span class="md-ellipsis">
+      enumerate
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zip" class="md-nav__link">
+    <span class="md-ellipsis">
+      zip
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#shuffle-randint" class="md-nav__link">
+    <span class="md-ellipsis">
+      shuffle &amp; randint
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#in" class="md-nav__link">
+    <span class="md-ellipsis">
+      in
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#function-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#specify-type-parameters-in-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specify Type Parameters In Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docstring-style" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docstring Style
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#args-kwargs" class="md-nav__link">
+    <span class="md-ellipsis">
+      args *kwargs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#function-with-default-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function with default parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#global-and-local-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Global And Local Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#iterables-iterators-generators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterables, Iterators &amp; Generators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#next-iter" class="md-nav__link">
+    <span class="md-ellipsis">
+      next() &amp; iter()
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#customs-generators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Customs Generators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#termination-generator-and-exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Termination Generator And Exception Handling
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generator-comprehensions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generator Comprehensions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#coroutines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Coroutines
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Coroutines">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#yield-from-iterabile" class="md-nav__link">
+    <span class="md-ellipsis">
+      yield from &lt;iterabile&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lambda-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      LAMBDA Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#class-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#setter-getter-with-property" class="md-nav__link">
+    <span class="md-ellipsis">
+      Setter &amp; Getter with @Property
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#__slots__" class="md-nav__link">
+    <span class="md-ellipsis">
+      __slots__
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inner-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inner Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#special-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Special Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#special-methods-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Methods List
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#polymorphism" class="md-nav__link">
+    <span class="md-ellipsis">
+      Polymorphism
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-overloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Overloading
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#astrazione" class="md-nav__link">
+    <span class="md-ellipsis">
+      Astrazione
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file" class="md-nav__link">
+    <span class="md-ellipsis">
+      File
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#opening-a-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Opening A File
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#copy" class="md-nav__link">
+    <span class="md-ellipsis">
+      COPY
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#naming-convention" class="md-nav__link">
+    <span class="md-ellipsis">
+      Naming Convention
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment-operation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment Operation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-type-conversion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Type Conversion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#expression-assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expression Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variable-comparison-vs-is" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variable Comparison (== vs is)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#on-screen-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      On Screen Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#format-specification-mini-language" class="md-nav__link">
+    <span class="md-ellipsis">
+      Format Specification Mini-Language
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#keyboard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Keyboard Input
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#numeric-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Numeric Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#comparison-of-decimal-numbers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison of Decimal Numbers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lists" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tuple" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#set" class="md-nav__link">
+    <span class="md-ellipsis">
+      Set
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#bytes-e-bytearray" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bytes e Bytearray
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#encoding-decoding-unicode" class="md-nav__link">
+    <span class="md-ellipsis">
+      Encoding-Decoding &amp; Unicode
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memoryview" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memoryview
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionaries" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionaries
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relational-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relational Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#identity-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Identity Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#membership-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Membership Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-precedence" class="md-nav__link">
+    <span class="md-ellipsis">
+      OPerator Precedence
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#conditional-statements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Statements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Conditional Statements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      if-else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#context-manager" class="md-nav__link">
+    <span class="md-ellipsis">
+      Context Manager
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#while" class="md-nav__link">
+    <span class="md-ellipsis">
+      while
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for" class="md-nav__link">
+    <span class="md-ellipsis">
+      for
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue" class="md-nav__link">
+    <span class="md-ellipsis">
+      break &amp; continue
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#range" class="md-nav__link">
+    <span class="md-ellipsis">
+      range
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enumerate" class="md-nav__link">
+    <span class="md-ellipsis">
+      enumerate
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zip" class="md-nav__link">
+    <span class="md-ellipsis">
+      zip
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#shuffle-randint" class="md-nav__link">
+    <span class="md-ellipsis">
+      shuffle &amp; randint
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#in" class="md-nav__link">
+    <span class="md-ellipsis">
+      in
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#function-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#specify-type-parameters-in-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specify Type Parameters In Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#docstring-style" class="md-nav__link">
+    <span class="md-ellipsis">
+      Docstring Style
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#args-kwargs" class="md-nav__link">
+    <span class="md-ellipsis">
+      args *kwargs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#function-with-default-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function with default parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#global-and-local-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Global And Local Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#iterables-iterators-generators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterables, Iterators &amp; Generators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#next-iter" class="md-nav__link">
+    <span class="md-ellipsis">
+      next() &amp; iter()
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#customs-generators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Customs Generators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#termination-generator-and-exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Termination Generator And Exception Handling
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generator-comprehensions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generator Comprehensions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#coroutines" class="md-nav__link">
+    <span class="md-ellipsis">
+      Coroutines
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Coroutines">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#yield-from-iterabile" class="md-nav__link">
+    <span class="md-ellipsis">
+      yield from &lt;iterabile&gt;
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lambda-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      LAMBDA Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#object-oriented-programming" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object Oriented Programming
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Object Oriented Programming">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#class-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#setter-getter-with-property" class="md-nav__link">
+    <span class="md-ellipsis">
+      Setter &amp; Getter with @Property
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#__slots__" class="md-nav__link">
+    <span class="md-ellipsis">
+      __slots__
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inner-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inner Classes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#special-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Methods
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Special Methods">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#special-methods-list" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Methods List
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#polymorphism" class="md-nav__link">
+    <span class="md-ellipsis">
+      Polymorphism
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operator-overloading" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operator Overloading
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#astrazione" class="md-nav__link">
+    <span class="md-ellipsis">
+      Astrazione
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#file" class="md-nav__link">
+    <span class="md-ellipsis">
+      File
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="File">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#opening-a-file" class="md-nav__link">
+    <span class="md-ellipsis">
+      Opening A File
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#copy" class="md-nav__link">
+    <span class="md-ellipsis">
+      COPY
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="python-notes">Python Notes</h1>
+<h2 id="basics">Basics</h2>
+<h3 id="naming-convention">Naming Convention</h3>
+<p>Class -&gt; PascalCase<br />
+Method, Function -&gt; snake_case<br />
+Variable -&gt; snake_case</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1"># standard comment</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="sd">&#39;&#39;&#39;multiline comment&#39;&#39;&#39;</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="sd">&quot;&quot;&quot;DOCSTRING&quot;&quot;&quot;</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="n">help</span><span class="p">(</span><span class="nb">object</span><span class="o">.</span><span class="n">method</span><span class="p">)</span> <span class="c1"># return method explanation</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="nb">dir</span><span class="p">(</span><span class="nb">object</span><span class="p">)</span> <span class="c1"># return an alphabetized list of names comprising (some of) the attributes of the given object</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="kn">import</span> <span class="nn">sys</span> <span class="c1"># import module</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="kn">from</span> <span class="nn">sys</span> <span class="kn">import</span> <span class="n">argv</span> <span class="c1"># import single item from a module</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="kn">from</span> <span class="nn">sys</span> <span class="kn">import</span> <span class="o">*</span> <span class="c1"># import all elements of a module (no module syntax.method needed)</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="kn">import</span> <span class="nn">sys</span> <span class="k">as</span> <span class="nn">alias</span> <span class="c1"># import the module with an alias, I use alias.method</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="c1"># CHARACTER SET</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="kn">import</span> <span class="nn">string</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="n">string</span><span class="o">.</span><span class="n">ascii_lowercase</span> <span class="o">=</span> <span class="s1">&#39;abcdefghijklmnopqrstuvwxyz&#39;</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="n">string</span><span class="o">.</span><span class="n">asci_uppercase</span> <span class="o">=</span> <span class="s1">&#39;ABCDEFGHIJKLMNOPQRSTUVWXYZ&#39;</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="n">string</span><span class="o">.</span><span class="n">asci_letters</span> <span class="o">=</span> <span class="s1">&#39;abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ&#39;</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a><span class="n">string</span><span class="o">.</span><span class="n">digits</span> <span class="o">=</span> <span class="s1">&#39;0123456789&#39;</span>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="n">string</span><span class="o">.</span><span class="n">hexdigits</span> <span class="o">=</span> <span class="s1">&#39;0123456789abcdefABCDEF&#39;</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="n">string</span><span class="o">.</span><span class="n">octdigits</span> <span class="o">=</span> <span class="s1">&#39;01234567&#39;</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="n">string</span><span class="o">.</span><span class="n">punctuation</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a><span class="n">string</span><span class="o">.</span><span class="n">whitespace</span>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="c1"># SPECIAL CHARACTERS</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="c1"># (\a, \b, \f, \n, \r, \t, \u, \U, \v, \x, \\)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="assignment-operation">Assignment Operation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span>
+<span class="normal"><a href="#__codelineno-1-7">7</a></span>
+<span class="normal"><a href="#__codelineno-1-8">8</a></span>
+<span class="normal"><a href="#__codelineno-1-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="sd">&quot;&quot;&quot;instructions to the right of = executed before instructions to the left of =&quot;&quot;&quot;</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">variable</span> <span class="o">=</span> <span class="n">expression</span> <span class="c1"># the type of the variable is dynamically decided by python based on the content</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">var_1</span><span class="p">,</span> <span class="n">var_2</span> <span class="o">=</span> <span class="n">value1</span><span class="p">,</span> <span class="n">value2</span> <span class="c1"># parallel assignment</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">var_1</span><span class="p">,</span> <span class="n">var_2</span> <span class="o">=</span> <span class="n">var_2</span><span class="p">,</span> <span class="n">var_1</span> <span class="c1"># swap values</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="c1"># conditional assignment</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="n">x</span> <span class="o">=</span> <span class="n">a</span> <span class="k">if</span> <span class="n">condition</span> <span class="k">else</span> <span class="n">b</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="n">x</span> <span class="o">=</span> <span class="n">a</span> <span class="ow">or</span> <span class="n">b</span> <span class="c1"># If bool (a) returns False, then x is assigned the value of b</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="c1"># a series of OR expressions has the effect of returning the first item that evaluates True, or the last item (last item should be a literal).</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variable-type-conversion">Variable Type Conversion</h3>
+<p><code>type(expression)</code></p>
+<h3 id="expression-assignment">Expression Assignment</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="p">(</span><span class="n">var</span><span class="p">:</span> <span class="o">=</span> <span class="n">expression</span><span class="p">)</span> <span class="c1"># assign an expression to a variable to avoid repeating the expression</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variable-comparison-vs-is">Variable Comparison (<code>==</code> vs <code>is</code>)</h3>
+<p><code>==</code> compares the values ​​of objects
+<code>is</code> compares the identities of objects</p>
+<h3 id="on-screen-output">On Screen Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="nb">print</span><span class="p">()</span> <span class="c1"># print blank line and wrap</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="nb">print</span><span class="p">(</span><span class="s1">&#39;string&#39;</span> <span class="o">*</span> <span class="n">n</span><span class="p">)</span> <span class="c1"># print string n times</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="nb">print</span><span class="p">(</span><span class="s1">&#39;string1 \ n string2&#39;</span><span class="p">)</span> <span class="c1"># wrap with \ n</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="nb">print</span><span class="p">(</span><span class="n">variable</span><span class="p">)</span> <span class="c1"># print variable content</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="nb">print</span><span class="p">(</span><span class="s1">&#39;string&#39;</span><span class="p">,</span> <span class="n">end</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">)</span> <span class="c1"># print without wrapping</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="c1"># FORMATTING</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="n">name</span> <span class="o">=</span> <span class="s1">&#39;Alex&#39;</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="n">marks</span> <span class="o">=</span> <span class="mf">94.5</span>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="nb">print</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">marks</span><span class="p">)</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Name is&#39;</span><span class="p">,</span> <span class="n">name</span><span class="p">,</span> <span class="s1">&#39;\ nMarks are&#39;</span><span class="p">,</span> <span class="n">marks</span><span class="p">)</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="c1"># expand the rest of the expression and write tense before = in output</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="nb">print</span><span class="p">(</span><span class="n">f</span> <span class="s1">&#39;{name =}, {marks =}&#39;</span><span class="p">)</span> <span class="c1"># OUTPUT: name = Alex, marks = 94.5</span>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="c1"># USE OF PLACEHOLDERS</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Name is</span><span class="si">% s</span><span class="s1">, Marks are</span><span class="si">% 3.2f</span><span class="s1">&#39;</span><span class="o">%</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">marks</span><span class="p">))</span> <span class="c1"># method inherited from C. Variable is substituted for% ..</span>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a><span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Name is </span><span class="si">{}</span><span class="s2">, Marks are </span><span class="si">{}</span><span class="s2">&quot;</span><span class="o">.</span> <span class="nb">format</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">marks</span><span class="p">))</span>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Name is </span><span class="si">{1}</span><span class="s2">, Marks are </span><span class="si">{2}</span><span class="s2">&quot;</span><span class="o">.</span> <span class="nb">format</span><span class="p">(</span><span class="n">marks</span><span class="p">,</span> <span class="n">name</span><span class="p">))</span> <span class="c1"># indices in brackets sort elements in .format</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a><span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Name is </span><span class="si">{n}</span><span class="s2">, Marks are </span><span class="si">{m}</span><span class="s2">&quot;</span><span class="o">.</span> <span class="nb">format</span><span class="p">(</span><span class="n">m</span> <span class="o">=</span> <span class="s1">&#39;94 .5 &#39;</span><span class="p">,</span> <span class="n">n</span> <span class="o">=</span><span class="s1">&#39; Alex &#39;</span><span class="p">))</span> <span class="c1"># indices in brackets sort elements in .format</span>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="nb">print</span><span class="p">(</span><span class="sa">f</span><span class="s1">&#39;Name is </span><span class="si">{</span><span class="n">name</span><span class="si">}</span><span class="s1">, Marks are </span><span class="si">{</span><span class="n">marks</span><span class="si">}</span><span class="s1"> &#39;</span><span class="p">)</span> <span class="c1"># formatting with f-strings</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="format-specification-mini-language">Format Specification Mini-Language</h3>
+<p><code>{value:width.precision symbol}</code></p>
+<p>Format: <code>[[fill]align] [sign] [#] [width] [grouping] [.precision] [type]</code></p>
+<table>
+<thead>
+<tr>
+<th><code>[align]</code></th>
+<th>Alignment</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>:&lt;</code></td>
+<td>left alignment</td>
+</tr>
+<tr>
+<td><code>:&gt;</code></td>
+<td>right alignment</td>
+</tr>
+<tr>
+<td><code>:=</code></td>
+<td>padding after the mark</td>
+</tr>
+<tr>
+<td><code>:^</code></td>
+<td>centered</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th><code>[sign]</code></th>
+<th>NUMBER SIGNS</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>:+</code></td>
+<td>sign for both positive and negative numbers</td>
+</tr>
+<tr>
+<td><code>:-</code></td>
+<td>sign only for negative numbers</td>
+</tr>
+<tr>
+<td><code>:</code></td>
+<td>space for num &gt; 0, '-' for num &lt; 0</td>
+</tr>
+<tr>
+<td><code>:#</code></td>
+<td>alternative form:prefix integers type (0x, 0b, 0o), floats and complexes always have at least one decimal place</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th><code>[grouping]</code></th>
+<th>GROUPING</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>:,</code></td>
+<td>use comma to separate thousands</td>
+</tr>
+<tr>
+<td><code>:_</code></td>
+<td>use underscore to separate thousands</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th><code>[type]</code></th>
+<th>OUTPUT TYPE</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>:s</code></td>
+<td>output is string</td>
+</tr>
+<tr>
+<td><code>:b</code></td>
+<td>output is binary</td>
+</tr>
+<tr>
+<td><code>:c</code></td>
+<td>output is character</td>
+</tr>
+<tr>
+<td><code>:d</code></td>
+<td>output is a decimal integer (base 10)</td>
+</tr>
+<tr>
+<td><code>:or</code></td>
+<td>output is octal integer (base 8)</td>
+</tr>
+<tr>
+<td><code>:x</code></td>
+<td>output is hexadecimal integer (base 16)</td>
+</tr>
+<tr>
+<td><code>:X</code></td>
+<td>output is hexadecimal integer (base 16) with uppercase</td>
+</tr>
+<tr>
+<td><code>:e</code></td>
+<td>output is exponential notation (6-digit base precision)</td>
+</tr>
+<tr>
+<td><code>:E</code></td>
+<td>output is exponential notation (6-digit base precision) uppercase separator</td>
+</tr>
+<tr>
+<td><code>:f</code></td>
+<td>output is float (6-digit base precision)</td>
+</tr>
+<tr>
+<td><code>:%</code></td>
+<td>output is percentage (multiplies * 100, displays as:f)</td>
+</tr>
+</tbody>
+</table>
+<h3 id="keyboard-input">Keyboard Input</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span>
+<span class="normal"><a href="#__codelineno-4-6">6</a></span>
+<span class="normal"><a href="#__codelineno-4-7">7</a></span>
+<span class="normal"><a href="#__codelineno-4-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="c1"># input always returns a STRING</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="n">s</span> <span class="o">=</span> <span class="nb">input</span><span class="p">()</span> <span class="c1"># input request without message</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="n">s</span> <span class="o">=</span> <span class="nb">input</span><span class="p">(</span><span class="s1">&#39;Prompt&#39;</span><span class="p">)</span> <span class="c1"># request input</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="n">i</span> <span class="o">=</span> <span class="nb">int</span><span class="p">(</span><span class="nb">input</span><span class="p">(</span><span class="s1">&#39;prompt&#39;</span><span class="p">))</span> <span class="c1"># request input with type conversion</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="c1"># MULTIPLE INPUTS</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="nb">list</span> <span class="o">=</span> <span class="p">[</span><span class="nb">int</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="nb">input</span><span class="p">(</span><span class="s1">&#39;prompt&#39;</span><span class="p">)</span><span class="o">.</span> <span class="n">split</span><span class="p">(</span><span class="s1">&#39;separator&#39;</span><span class="p">)]</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="c1"># save multiple inputs in a list(.split separates values ​​and defines separator</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="numeric-types">Numeric Types</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span>
+<span class="normal"><a href="#__codelineno-5-15">15</a></span>
+<span class="normal"><a href="#__codelineno-5-16">16</a></span>
+<span class="normal"><a href="#__codelineno-5-17">17</a></span>
+<span class="normal"><a href="#__codelineno-5-18">18</a></span>
+<span class="normal"><a href="#__codelineno-5-19">19</a></span>
+<span class="normal"><a href="#__codelineno-5-20">20</a></span>
+<span class="normal"><a href="#__codelineno-5-21">21</a></span>
+<span class="normal"><a href="#__codelineno-5-22">22</a></span>
+<span class="normal"><a href="#__codelineno-5-23">23</a></span>
+<span class="normal"><a href="#__codelineno-5-24">24</a></span>
+<span class="normal"><a href="#__codelineno-5-25">25</a></span>
+<span class="normal"><a href="#__codelineno-5-26">26</a></span>
+<span class="normal"><a href="#__codelineno-5-27">27</a></span>
+<span class="normal"><a href="#__codelineno-5-28">28</a></span>
+<span class="normal"><a href="#__codelineno-5-29">29</a></span>
+<span class="normal"><a href="#__codelineno-5-30">30</a></span>
+<span class="normal"><a href="#__codelineno-5-31">31</a></span>
+<span class="normal"><a href="#__codelineno-5-32">32</a></span>
+<span class="normal"><a href="#__codelineno-5-33">33</a></span>
+<span class="normal"><a href="#__codelineno-5-34">34</a></span>
+<span class="normal"><a href="#__codelineno-5-35">35</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="n">a</span> <span class="o">=</span> <span class="mi">77</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">b</span> <span class="o">=</span> <span class="mi">1_000_000</span> <span class="c1"># underscore can be used to separate groups of digits</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="n">c</span> <span class="o">=</span> <span class="o">-</span><span class="mi">69</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="c1"># float numbers</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="n">x</span> <span class="o">=</span> <span class="mf">3.15</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="n">y</span> <span class="o">=</span> <span class="mf">2.71</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="n">z</span> <span class="o">=</span> <span class="mf">25.0</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="n">d</span> <span class="o">=</span> <span class="mi">6</span> <span class="o">+</span> <span class="mi">9</span><span class="n">j</span> <span class="c1"># complex number</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="c1"># returns a complex number starting with two reals</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="nb">complex</span><span class="p">(</span><span class="n">real</span><span class="p">,</span> <span class="n">imag</span><span class="p">)</span> <span class="c1"># -&gt; complex #(real + imag * 1j)</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="n">e</span> <span class="o">=</span> <span class="mb">0B1101</span> <span class="c1"># BINARY TYPE(0B ...)</span>
+<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="n">f</span> <span class="o">=</span> <span class="mh">0xFF</span> <span class="c1"># EXADECIMAL TYPE(0X ...)</span>
+<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="n">o</span> <span class="o">=</span> <span class="mo">0o77</span> <span class="c1"># OCTAL TYPE</span>
+<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="n">g</span> <span class="o">=</span> <span class="kc">True</span> <span class="c1"># BOOLEAN TYPE</span>
+<a id="__codelineno-5-18" name="__codelineno-5-18"></a>
+<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="c1"># VARIABLE TYPE CONVERSION</span>
+<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="n">h</span> <span class="o">=</span> <span class="nb">int</span><span class="p">(</span><span class="n">y</span><span class="p">)</span>
+<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="n">i</span> <span class="o">=</span> <span class="nb">float</span><span class="p">(</span><span class="s1">&#39;22 .5 &#39;</span><span class="p">)</span>
+<a id="__codelineno-5-22" name="__codelineno-5-22"></a>
+<a id="__codelineno-5-23" name="__codelineno-5-23"></a><span class="c1"># NUMERIC BASIC CONVERSION</span>
+<a id="__codelineno-5-24" name="__codelineno-5-24"></a><span class="nb">bin</span><span class="p">(</span><span class="mi">3616544</span><span class="p">)</span>
+<a id="__codelineno-5-25" name="__codelineno-5-25"></a><span class="nb">hex</span><span class="p">(</span><span class="mi">589</span><span class="p">)</span>
+<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="nb">oct</span><span class="p">(</span><span class="mi">265846</span><span class="p">)</span>
+<a id="__codelineno-5-27" name="__codelineno-5-27"></a>
+<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="c1"># UNICODE CONVERSION</span>
+<a id="__codelineno-5-29" name="__codelineno-5-29"></a><span class="nb">ord</span><span class="p">(</span><span class="n">c</span><span class="p">)</span> <span class="c1"># Given a string representing one Unicode character, return an integer representing the Unicode code point of that character</span>
+<a id="__codelineno-5-30" name="__codelineno-5-30"></a><span class="nb">chr</span><span class="p">(</span><span class="n">i</span><span class="p">)</span> <span class="c1"># Return the string representing a character whose Unicode code point is the integer i</span>
+<a id="__codelineno-5-31" name="__codelineno-5-31"></a>
+<a id="__codelineno-5-32" name="__codelineno-5-32"></a>
+<a id="__codelineno-5-33" name="__codelineno-5-33"></a><span class="nb">pow</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span> <span class="c1"># x ^ y</span>
+<a id="__codelineno-5-34" name="__codelineno-5-34"></a><span class="nb">abs</span><span class="p">(</span><span class="n">num</span><span class="p">)</span> <span class="c1"># returns absolute value of num(| num |)</span>
+<a id="__codelineno-5-35" name="__codelineno-5-35"></a><span class="nb">round</span><span class="p">(</span><span class="n">num</span><span class="p">,</span> <span class="n">precision</span><span class="p">)</span> <span class="c1"># rounds number to given precision, does not convert float to int</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="comparison-of-decimal-numbers">Comparison of Decimal Numbers</h3>
+<p>Do not use <code>==</code> or <code>! =</code> To compare floating point numbers. They are approximations or have several digits.
+It is worth checking if the difference between the numbers is small enough.</p>
+<h2 id="strings">Strings</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span>
+<span class="normal"><a href="#__codelineno-6-15">15</a></span>
+<span class="normal"><a href="#__codelineno-6-16">16</a></span>
+<span class="normal"><a href="#__codelineno-6-17">17</a></span>
+<span class="normal"><a href="#__codelineno-6-18">18</a></span>
+<span class="normal"><a href="#__codelineno-6-19">19</a></span>
+<span class="normal"><a href="#__codelineno-6-20">20</a></span>
+<span class="normal"><a href="#__codelineno-6-21">21</a></span>
+<span class="normal"><a href="#__codelineno-6-22">22</a></span>
+<span class="normal"><a href="#__codelineno-6-23">23</a></span>
+<span class="normal"><a href="#__codelineno-6-24">24</a></span>
+<span class="normal"><a href="#__codelineno-6-25">25</a></span>
+<span class="normal"><a href="#__codelineno-6-26">26</a></span>
+<span class="normal"><a href="#__codelineno-6-27">27</a></span>
+<span class="normal"><a href="#__codelineno-6-28">28</a></span>
+<span class="normal"><a href="#__codelineno-6-29">29</a></span>
+<span class="normal"><a href="#__codelineno-6-30">30</a></span>
+<span class="normal"><a href="#__codelineno-6-31">31</a></span>
+<span class="normal"><a href="#__codelineno-6-32">32</a></span>
+<span class="normal"><a href="#__codelineno-6-33">33</a></span>
+<span class="normal"><a href="#__codelineno-6-34">34</a></span>
+<span class="normal"><a href="#__codelineno-6-35">35</a></span>
+<span class="normal"><a href="#__codelineno-6-36">36</a></span>
+<span class="normal"><a href="#__codelineno-6-37">37</a></span>
+<span class="normal"><a href="#__codelineno-6-38">38</a></span>
+<span class="normal"><a href="#__codelineno-6-39">39</a></span>
+<span class="normal"><a href="#__codelineno-6-40">40</a></span>
+<span class="normal"><a href="#__codelineno-6-41">41</a></span>
+<span class="normal"><a href="#__codelineno-6-42">42</a></span>
+<span class="normal"><a href="#__codelineno-6-43">43</a></span>
+<span class="normal"><a href="#__codelineno-6-44">44</a></span>
+<span class="normal"><a href="#__codelineno-6-45">45</a></span>
+<span class="normal"><a href="#__codelineno-6-46">46</a></span>
+<span class="normal"><a href="#__codelineno-6-47">47</a></span>
+<span class="normal"><a href="#__codelineno-6-48">48</a></span>
+<span class="normal"><a href="#__codelineno-6-49">49</a></span>
+<span class="normal"><a href="#__codelineno-6-50">50</a></span>
+<span class="normal"><a href="#__codelineno-6-51">51</a></span>
+<span class="normal"><a href="#__codelineno-6-52">52</a></span>
+<span class="normal"><a href="#__codelineno-6-53">53</a></span>
+<span class="normal"><a href="#__codelineno-6-54">54</a></span>
+<span class="normal"><a href="#__codelineno-6-55">55</a></span>
+<span class="normal"><a href="#__codelineno-6-56">56</a></span>
+<span class="normal"><a href="#__codelineno-6-57">57</a></span>
+<span class="normal"><a href="#__codelineno-6-58">58</a></span>
+<span class="normal"><a href="#__codelineno-6-59">59</a></span>
+<span class="normal"><a href="#__codelineno-6-60">60</a></span>
+<span class="normal"><a href="#__codelineno-6-61">61</a></span>
+<span class="normal"><a href="#__codelineno-6-62">62</a></span>
+<span class="normal"><a href="#__codelineno-6-63">63</a></span>
+<span class="normal"><a href="#__codelineno-6-64">64</a></span>
+<span class="normal"><a href="#__codelineno-6-65">65</a></span>
+<span class="normal"><a href="#__codelineno-6-66">66</a></span>
+<span class="normal"><a href="#__codelineno-6-67">67</a></span>
+<span class="normal"><a href="#__codelineno-6-68">68</a></span>
+<span class="normal"><a href="#__codelineno-6-69">69</a></span>
+<span class="normal"><a href="#__codelineno-6-70">70</a></span>
+<span class="normal"><a href="#__codelineno-6-71">71</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="n">string</span> <span class="o">=</span> <span class="s1">&#39;string content&#39;</span> <span class="c1"># assignment and creation of string variable</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="n">string</span> <span class="o">=</span> <span class="s1">&#39;&#39;&#39;multi</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="s1">line</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="s1">string&#39;&#39;&#39;</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="n">string3</span> <span class="o">=</span> <span class="n">string1</span> <span class="o">+</span> <span class="n">string2</span> <span class="c1"># string concatenation(operator polymorphism +)</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="c1"># INDEXING(selection of a character in the string)</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="n">string</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="n">string</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="n">string</span><span class="p">[</span><span class="o">-</span><span class="mi">3</span><span class="p">]</span> <span class="c1"># selection starting from the bottom(negative index)</span>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="c1"># REPETITION (repeat string output)</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="nb">print</span><span class="p">(</span><span class="n">string</span> <span class="o">*</span> <span class="n">n</span><span class="p">)</span>
+<a id="__codelineno-6-15" name="__codelineno-6-15"></a>
+<a id="__codelineno-6-16" name="__codelineno-6-16"></a><span class="nb">len</span><span class="p">(</span><span class="n">string</span><span class="p">)</span> <span class="c1"># show the length of a string</span>
+<a id="__codelineno-6-17" name="__codelineno-6-17"></a>
+<a id="__codelineno-6-18" name="__codelineno-6-18"></a><span class="c1"># SLICING (extraction of sub-strings, does not include the position of the last index)</span>
+<a id="__codelineno-6-19" name="__codelineno-6-19"></a><span class="n">string</span><span class="p">[</span><span class="mi">0</span><span class="p">:</span> <span class="mi">5</span><span class="p">]</span>
+<a id="__codelineno-6-20" name="__codelineno-6-20"></a><span class="n">string</span><span class="p">[:</span> <span class="mi">6</span><span class="p">]</span>
+<a id="__codelineno-6-21" name="__codelineno-6-21"></a><span class="n">string</span><span class="p">[</span><span class="o">-</span><span class="mi">3</span><span class="p">:</span> <span class="o">-</span><span class="mi">1</span><span class="p">]</span>
+<a id="__codelineno-6-22" name="__codelineno-6-22"></a>
+<a id="__codelineno-6-23" name="__codelineno-6-23"></a><span class="c1"># SLICING WITH STEP</span>
+<a id="__codelineno-6-24" name="__codelineno-6-24"></a><span class="n">string</span><span class="p">[</span><span class="mi">0</span><span class="p">:</span> <span class="mi">12</span><span class="p">:</span> <span class="mi">3</span><span class="p">]</span>
+<a id="__codelineno-6-25" name="__codelineno-6-25"></a><span class="n">string</span><span class="p">[</span><span class="mi">15</span> <span class="p">::</span> <span class="o">-</span> <span class="mi">1</span><span class="p">]</span>
+<a id="__codelineno-6-26" name="__codelineno-6-26"></a><span class="n">string</span><span class="p">[::</span> <span class="o">-</span> <span class="mi">1</span><span class="p">]</span> <span class="c1"># selection in reverse order (negative step)</span>
+<a id="__codelineno-6-27" name="__codelineno-6-27"></a>
+<a id="__codelineno-6-28" name="__codelineno-6-28"></a><span class="c1"># STRIPPING (elimination of spaces before and after string)</span>
+<a id="__codelineno-6-29" name="__codelineno-6-29"></a><span class="n">string</span> <span class="o">=</span> <span class="s1">&#39;stripping test&#39;</span>
+<a id="__codelineno-6-30" name="__codelineno-6-30"></a><span class="n">string</span><span class="o">.</span><span class="n">strip</span><span class="p">()</span>
+<a id="__codelineno-6-31" name="__codelineno-6-31"></a><span class="n">string</span><span class="o">.</span><span class="n">lstrip</span><span class="p">()</span> <span class="c1"># only left spaces removed</span>
+<a id="__codelineno-6-32" name="__codelineno-6-32"></a><span class="n">string</span><span class="o">.</span><span class="n">rstrip</span><span class="p">()</span> <span class="c1"># only right spaces removed</span>
+<a id="__codelineno-6-33" name="__codelineno-6-33"></a><span class="n">string</span><span class="o">.</span><span class="n">removeprefix</span><span class="p">(</span><span class="n">prefix</span><span class="p">)</span> <span class="c1"># If the string starts with the prefix string, return string [len (prefix):]</span>
+<a id="__codelineno-6-34" name="__codelineno-6-34"></a><span class="n">string</span><span class="o">.</span><span class="n">removesuffix</span><span class="p">(</span><span class="n">suffix</span><span class="p">)</span> <span class="c1"># If the string ends with the suffix string and that suffix is ​​not empty, return string [: - len (suffix)]</span>
+<a id="__codelineno-6-35" name="__codelineno-6-35"></a>
+<a id="__codelineno-6-36" name="__codelineno-6-36"></a><span class="c1"># SUBSTRING IDENTIFICATION</span>
+<a id="__codelineno-6-37" name="__codelineno-6-37"></a><span class="c1">#returns starting index of the substring or -1 if it is not present</span>
+<a id="__codelineno-6-38" name="__codelineno-6-38"></a><span class="n">string</span><span class="o">.</span><span class="n">find</span><span class="p">(</span><span class="s1">&#39;substring&#39;</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="nb">len</span> <span class="p">(</span><span class="n">string</span><span class="p">))</span> <span class="c1"># you can specify the start and end index of the search</span>
+<a id="__codelineno-6-39" name="__codelineno-6-39"></a>
+<a id="__codelineno-6-40" name="__codelineno-6-40"></a><span class="c1"># COUNT OF APPARITIONS</span>
+<a id="__codelineno-6-41" name="__codelineno-6-41"></a><span class="n">string</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="s1">&#39;t&#39;</span><span class="p">)</span>
+<a id="__codelineno-6-42" name="__codelineno-6-42"></a>
+<a id="__codelineno-6-43" name="__codelineno-6-43"></a><span class="c1"># REPLACEMENT</span>
+<a id="__codelineno-6-44" name="__codelineno-6-44"></a><span class="n">string</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">&#39;multi&#39;</span><span class="p">,</span> <span class="s1">&#39;multiple&#39;</span><span class="p">)</span>
+<a id="__codelineno-6-45" name="__codelineno-6-45"></a>
+<a id="__codelineno-6-46" name="__codelineno-6-46"></a><span class="c1"># UPPER CASE CONVERSION</span>
+<a id="__codelineno-6-47" name="__codelineno-6-47"></a><span class="n">string</span><span class="o">.</span><span class="n">upper</span><span class="p">()</span>
+<a id="__codelineno-6-48" name="__codelineno-6-48"></a><span class="n">string</span><span class="o">.</span><span class="n">lower</span><span class="p">()</span>
+<a id="__codelineno-6-49" name="__codelineno-6-49"></a><span class="n">string</span><span class="o">.</span><span class="n">title</span><span class="p">()</span>
+<a id="__codelineno-6-50" name="__codelineno-6-50"></a><span class="n">string</span><span class="o">.</span><span class="n">capitalize</span><span class="p">()</span>
+<a id="__codelineno-6-51" name="__codelineno-6-51"></a>
+<a id="__codelineno-6-52" name="__codelineno-6-52"></a><span class="c1"># SEPARATION IN LIST ELEMENTS</span>
+<a id="__codelineno-6-53" name="__codelineno-6-53"></a><span class="n">string</span><span class="o">.</span><span class="n">split</span><span class="p">()</span>
+<a id="__codelineno-6-54" name="__codelineno-6-54"></a><span class="n">string</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;separator&#39;</span><span class="p">)</span> <span class="c1"># separate using separator (separator omitted in list)</span>
+<a id="__codelineno-6-55" name="__codelineno-6-55"></a><span class="n">string</span><span class="o">.</span><span class="n">partition</span><span class="p">(</span><span class="s1">&#39;char&#39;</span><span class="p">)</span> <span class="c1"># -&gt; tuple # separates the string from the 3 parts at the first occurrence of separator</span>
+<a id="__codelineno-6-56" name="__codelineno-6-56"></a>
+<a id="__codelineno-6-57" name="__codelineno-6-57"></a><span class="c1"># IS_CHECK METHODS -&gt; bool</span>
+<a id="__codelineno-6-58" name="__codelineno-6-58"></a><span class="n">string</span><span class="o">.</span><span class="n">isalnum</span><span class="p">()</span>
+<a id="__codelineno-6-59" name="__codelineno-6-59"></a><span class="n">string</span><span class="o">.</span><span class="n">isalpha</span><span class="p">()</span>
+<a id="__codelineno-6-60" name="__codelineno-6-60"></a><span class="n">string</span><span class="o">.</span><span class="n">islower</span><span class="p">()</span>
+<a id="__codelineno-6-61" name="__codelineno-6-61"></a><span class="n">string</span><span class="o">.</span><span class="n">isspace</span><span class="p">()</span>
+<a id="__codelineno-6-62" name="__codelineno-6-62"></a><span class="n">string</span><span class="o">.</span><span class="n">istitle</span><span class="p">()</span>
+<a id="__codelineno-6-63" name="__codelineno-6-63"></a><span class="n">string</span><span class="o">.</span><span class="n">isupper</span><span class="p">()</span>
+<a id="__codelineno-6-64" name="__codelineno-6-64"></a><span class="n">string</span><span class="o">.</span><span class="n">endswith</span><span class="p">(</span><span class="s1">&#39;char&#39;</span><span class="p">)</span>
+<a id="__codelineno-6-65" name="__codelineno-6-65"></a>
+<a id="__codelineno-6-66" name="__codelineno-6-66"></a><span class="c1"># JOIN INSTRUCTION()</span>
+<a id="__codelineno-6-67" name="__codelineno-6-67"></a><span class="s1">&#39;&#39;</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># merges all elements of the iterable into the new string</span>
+<a id="__codelineno-6-68" name="__codelineno-6-68"></a>
+<a id="__codelineno-6-69" name="__codelineno-6-69"></a><span class="c1"># FORMATTING</span>
+<a id="__codelineno-6-70" name="__codelineno-6-70"></a><span class="n">string</span><span class="o">.</span><span class="n">center</span><span class="p">(</span><span class="n">width</span><span class="p">,</span> <span class="s1">&#39;char&#39;</span><span class="p">)</span> <span class="c1"># stretch the string with char to width</span>
+<a id="__codelineno-6-71" name="__codelineno-6-71"></a><span class="s1">&#39;...</span><span class="se">\t</span><span class="s1">...&#39;</span><span class="o">.</span><span class="n">expandtabs</span><span class="p">()</span> <span class="c1"># transform tabs into spaces</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="lists">Lists</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span>
+<span class="normal"><a href="#__codelineno-7-19">19</a></span>
+<span class="normal"><a href="#__codelineno-7-20">20</a></span>
+<span class="normal"><a href="#__codelineno-7-21">21</a></span>
+<span class="normal"><a href="#__codelineno-7-22">22</a></span>
+<span class="normal"><a href="#__codelineno-7-23">23</a></span>
+<span class="normal"><a href="#__codelineno-7-24">24</a></span>
+<span class="normal"><a href="#__codelineno-7-25">25</a></span>
+<span class="normal"><a href="#__codelineno-7-26">26</a></span>
+<span class="normal"><a href="#__codelineno-7-27">27</a></span>
+<span class="normal"><a href="#__codelineno-7-28">28</a></span>
+<span class="normal"><a href="#__codelineno-7-29">29</a></span>
+<span class="normal"><a href="#__codelineno-7-30">30</a></span>
+<span class="normal"><a href="#__codelineno-7-31">31</a></span>
+<span class="normal"><a href="#__codelineno-7-32">32</a></span>
+<span class="normal"><a href="#__codelineno-7-33">33</a></span>
+<span class="normal"><a href="#__codelineno-7-34">34</a></span>
+<span class="normal"><a href="#__codelineno-7-35">35</a></span>
+<span class="normal"><a href="#__codelineno-7-36">36</a></span>
+<span class="normal"><a href="#__codelineno-7-37">37</a></span>
+<span class="normal"><a href="#__codelineno-7-38">38</a></span>
+<span class="normal"><a href="#__codelineno-7-39">39</a></span>
+<span class="normal"><a href="#__codelineno-7-40">40</a></span>
+<span class="normal"><a href="#__codelineno-7-41">41</a></span>
+<span class="normal"><a href="#__codelineno-7-42">42</a></span>
+<span class="normal"><a href="#__codelineno-7-43">43</a></span>
+<span class="normal"><a href="#__codelineno-7-44">44</a></span>
+<span class="normal"><a href="#__codelineno-7-45">45</a></span>
+<span class="normal"><a href="#__codelineno-7-46">46</a></span>
+<span class="normal"><a href="#__codelineno-7-47">47</a></span>
+<span class="normal"><a href="#__codelineno-7-48">48</a></span>
+<span class="normal"><a href="#__codelineno-7-49">49</a></span>
+<span class="normal"><a href="#__codelineno-7-50">50</a></span>
+<span class="normal"><a href="#__codelineno-7-51">51</a></span>
+<span class="normal"><a href="#__codelineno-7-52">52</a></span>
+<span class="normal"><a href="#__codelineno-7-53">53</a></span>
+<span class="normal"><a href="#__codelineno-7-54">54</a></span>
+<span class="normal"><a href="#__codelineno-7-55">55</a></span>
+<span class="normal"><a href="#__codelineno-7-56">56</a></span>
+<span class="normal"><a href="#__codelineno-7-57">57</a></span>
+<span class="normal"><a href="#__codelineno-7-58">58</a></span>
+<span class="normal"><a href="#__codelineno-7-59">59</a></span>
+<span class="normal"><a href="#__codelineno-7-60">60</a></span>
+<span class="normal"><a href="#__codelineno-7-61">61</a></span>
+<span class="normal"><a href="#__codelineno-7-62">62</a></span>
+<span class="normal"><a href="#__codelineno-7-63">63</a></span>
+<span class="normal"><a href="#__codelineno-7-64">64</a></span>
+<span class="normal"><a href="#__codelineno-7-65">65</a></span>
+<span class="normal"><a href="#__codelineno-7-66">66</a></span>
+<span class="normal"><a href="#__codelineno-7-67">67</a></span>
+<span class="normal"><a href="#__codelineno-7-68">68</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="nb">list</span> <span class="o">=</span> <span class="p">[</span><span class="mi">9</span><span class="p">,</span> <span class="mi">11</span><span class="p">,</span> <span class="s1">&#39;WTC&#39;</span><span class="p">,</span> <span class="o">-</span><span class="mf">5.6</span><span class="p">,</span> <span class="kc">True</span><span class="p">]</span> <span class="c1"># lists can contain data of different types</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="nb">list</span><span class="p">[</span><span class="mi">3</span><span class="p">]</span> <span class="c1"># indexing</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="nb">list</span><span class="p">[</span><span class="mi">3</span><span class="p">:</span> <span class="mi">5</span><span class="p">]</span> <span class="c1"># slicing</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="nb">list</span> <span class="o">*</span> <span class="mi">3</span> <span class="c1"># repetition</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="nb">len</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span> <span class="c1"># length</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="n">list3</span> <span class="o">=</span> <span class="n">list1</span> <span class="o">+</span> <span class="n">list2</span> <span class="c1"># list concatenation (operator + polymorphism)</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="nb">list</span><span class="p">[</span><span class="n">index</span><span class="p">]</span> <span class="o">=</span> <span class="n">value</span> <span class="c1"># modify list element</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="k">del</span> <span class="p">(</span><span class="nb">list</span> <span class="p">[</span><span class="mi">1</span><span class="p">])</span> <span class="c1"># remove by index (INBUILT IN PYTHON)</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="c1"># modify the list between the start and stop indices by reassigning the elements of the iterable</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="nb">list</span><span class="p">[</span><span class="n">start</span><span class="p">:</span> <span class="n">stop</span><span class="p">]</span> <span class="o">=</span> <span class="n">iterable</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="c1"># LIST METHODS</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="nb">list</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="nb">object</span><span class="p">)</span> <span class="c1"># add object to background</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="nb">list</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># counts the number of occurrences of item</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="nb">list</span><span class="o">.</span><span class="n">extend</span><span class="p">(</span><span class="n">sequence</span><span class="p">)</span> <span class="c1"># add sequence elements to the list</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a><span class="nb">list</span><span class="o">.</span><span class="n">insert</span><span class="p">(</span><span class="n">position</span><span class="p">,</span> <span class="nb">object</span><span class="p">)</span> <span class="c1"># insert object in list [position]</span>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="nb">list</span><span class="o">.</span><span class="n">index</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># returns the index of item</span>
+<a id="__codelineno-7-19" name="__codelineno-7-19"></a><span class="nb">list</span><span class="o">.</span><span class="n">remove</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># remove item</span>
+<a id="__codelineno-7-20" name="__codelineno-7-20"></a><span class="n">poplist</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># delete item and return it</span>
+<a id="__codelineno-7-21" name="__codelineno-7-21"></a><span class="nb">list</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span> <span class="c1"># remove all elements</span>
+<a id="__codelineno-7-22" name="__codelineno-7-22"></a>
+<a id="__codelineno-7-23" name="__codelineno-7-23"></a><span class="nb">list</span><span class="o">.</span><span class="n">sort</span><span class="p">()</span> <span class="c1"># sorts in ascending order (in place)</span>
+<a id="__codelineno-7-24" name="__codelineno-7-24"></a><span class="nb">list</span><span class="o">.</span><span class="n">sort</span><span class="p">(</span><span class="n">reverse</span> <span class="o">=</span> <span class="kc">True</span><span class="p">)</span> <span class="c1"># sorts in descending order (in place)</span>
+<a id="__codelineno-7-25" name="__codelineno-7-25"></a><span class="nb">list</span><span class="o">.</span><span class="n">reverse</span><span class="p">()</span> <span class="c1"># invert the string (in place)</span>
+<a id="__codelineno-7-26" name="__codelineno-7-26"></a>
+<a id="__codelineno-7-27" name="__codelineno-7-27"></a><span class="c1"># CLONING</span>
+<a id="__codelineno-7-28" name="__codelineno-7-28"></a><span class="n">list1</span> <span class="o">=</span> <span class="p">[</span><span class="o">...</span><span class="p">]</span>
+<a id="__codelineno-7-29" name="__codelineno-7-29"></a><span class="n">list2</span> <span class="o">=</span> <span class="n">list1</span> <span class="c1"># list2 points to the same object of list 1 (changes are shared)</span>
+<a id="__codelineno-7-30" name="__codelineno-7-30"></a><span class="n">list3</span> <span class="o">=</span> <span class="n">list1</span> <span class="p">[:]</span> <span class="c1"># list3 is a clone of list1 (no shared changes)</span>
+<a id="__codelineno-7-31" name="__codelineno-7-31"></a>
+<a id="__codelineno-7-32" name="__codelineno-7-32"></a><span class="c1"># NESTED LISTS (MATRICES)</span>
+<a id="__codelineno-7-33" name="__codelineno-7-33"></a><span class="n">list_1</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]</span>
+<a id="__codelineno-7-34" name="__codelineno-7-34"></a><span class="n">list_2</span> <span class="o">=</span> <span class="p">[</span><span class="mi">4</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">6</span><span class="p">]</span>
+<a id="__codelineno-7-35" name="__codelineno-7-35"></a><span class="n">list_3</span> <span class="o">=</span> <span class="p">[</span><span class="mi">7</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">9</span><span class="p">]</span>
+<a id="__codelineno-7-36" name="__codelineno-7-36"></a>
+<a id="__codelineno-7-37" name="__codelineno-7-37"></a><span class="n">matrix</span> <span class="o">=</span> <span class="p">[</span><span class="n">list_1</span><span class="p">,</span> <span class="n">list_2</span><span class="p">,</span> <span class="n">list_3</span><span class="p">]</span>
+<a id="__codelineno-7-38" name="__codelineno-7-38"></a><span class="n">matrix</span> <span class="p">[</span><span class="n">i</span><span class="p">][</span><span class="n">j</span><span class="p">]</span> <span class="c1"># identify element of list_i index j</span>
+<a id="__codelineno-7-39" name="__codelineno-7-39"></a>
+<a id="__codelineno-7-40" name="__codelineno-7-40"></a><span class="c1"># MAXIMUM AND MINIMUM</span>
+<a id="__codelineno-7-41" name="__codelineno-7-41"></a><span class="nb">max</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span>
+<a id="__codelineno-7-42" name="__codelineno-7-42"></a><span class="nb">min</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span>
+<a id="__codelineno-7-43" name="__codelineno-7-43"></a>
+<a id="__codelineno-7-44" name="__codelineno-7-44"></a><span class="c1"># ALL () &amp; ANY ()</span>
+<a id="__codelineno-7-45" name="__codelineno-7-45"></a><span class="nb">all</span><span class="p">(</span><span class="n">sequence</span><span class="p">)</span> <span class="c1"># returns TRUE if all elements of the sequence are true</span>
+<a id="__codelineno-7-46" name="__codelineno-7-46"></a><span class="nb">any</span><span class="p">(</span><span class="n">sequence</span><span class="p">)</span> <span class="c1"># returns TRUE if at least one element of the sequence has the value True</span>
+<a id="__codelineno-7-47" name="__codelineno-7-47"></a>
+<a id="__codelineno-7-48" name="__codelineno-7-48"></a><span class="c1"># MAP INSTRUCTION</span>
+<a id="__codelineno-7-49" name="__codelineno-7-49"></a><span class="c1"># apply function to iterable and create new list (map object)</span>
+<a id="__codelineno-7-50" name="__codelineno-7-50"></a><span class="c1"># function can be lambda</span>
+<a id="__codelineno-7-51" name="__codelineno-7-51"></a><span class="nb">map</span><span class="p">(</span><span class="n">function</span><span class="p">,</span> <span class="n">iterable</span><span class="p">)</span> <span class="c1"># -&gt; map object</span>
+<a id="__codelineno-7-52" name="__codelineno-7-52"></a>
+<a id="__codelineno-7-53" name="__codelineno-7-53"></a><span class="c1"># FILTER INSTRUCTION ()</span>
+<a id="__codelineno-7-54" name="__codelineno-7-54"></a><span class="c1"># create a new list composed of the iterable elements for which the function returns TRUE</span>
+<a id="__codelineno-7-55" name="__codelineno-7-55"></a><span class="nb">filter</span><span class="p">(</span><span class="n">function</span><span class="p">,</span> <span class="n">iterable</span><span class="p">)</span> <span class="c1"># -&gt; filter object</span>
+<a id="__codelineno-7-56" name="__codelineno-7-56"></a>
+<a id="__codelineno-7-57" name="__codelineno-7-57"></a><span class="c1"># ZIP INSTRUCTION ()</span>
+<a id="__codelineno-7-58" name="__codelineno-7-58"></a><span class="c1"># create a tuple generator by joining two or more iterables</span>
+<a id="__codelineno-7-59" name="__codelineno-7-59"></a><span class="c1"># [(seq_1 [0], seq_2 [0], ...), (seq_1 [1], seq_2 [1], ...), ...]</span>
+<a id="__codelineno-7-60" name="__codelineno-7-60"></a><span class="c1"># truncate the sequence to the length of the shortest input sequence</span>
+<a id="__codelineno-7-61" name="__codelineno-7-61"></a><span class="nb">zip</span><span class="p">(</span><span class="n">seq_1</span><span class="p">,</span> <span class="n">seq_2</span><span class="p">,</span> <span class="o">...</span><span class="p">)</span> <span class="c1"># -&gt; zip object (tuple generator)</span>
+<a id="__codelineno-7-62" name="__codelineno-7-62"></a>
+<a id="__codelineno-7-63" name="__codelineno-7-63"></a><span class="c1"># LIST COMPREHENSIONS</span>
+<a id="__codelineno-7-64" name="__codelineno-7-64"></a><span class="n">var</span> <span class="o">=</span> <span class="p">[</span><span class="n">expression</span> <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">sequence</span> <span class="k">if</span> <span class="n">condition</span><span class="p">]</span> <span class="c1"># create list from pre-existing list (instead of map, filter, reduce) applying any manipulations</span>
+<a id="__codelineno-7-65" name="__codelineno-7-65"></a><span class="c1"># expression can be lambda, if is optional</span>
+<a id="__codelineno-7-66" name="__codelineno-7-66"></a><span class="n">var</span> <span class="o">=</span> <span class="p">[</span><span class="n">expression</span> <span class="k">if</span> <span class="n">condition</span> <span class="k">else</span> <span class="n">statement</span> <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">sequence</span><span class="p">]</span> <span class="c1"># list comprehension with IF-ELSE</span>
+<a id="__codelineno-7-67" name="__codelineno-7-67"></a><span class="n">var</span> <span class="o">=</span> <span class="p">[</span><span class="n">expression_1</span> <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="p">[</span><span class="n">expression_2</span> <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">sequence</span><span class="p">]]</span> <span class="c1"># nested list comprehension</span>
+<a id="__codelineno-7-68" name="__codelineno-7-68"></a><span class="n">var</span> <span class="o">=</span> <span class="p">[(</span><span class="n">exp_1</span><span class="p">,</span> <span class="n">exp_2</span><span class="p">)</span> <span class="k">for</span> <span class="n">item_1</span> <span class="ow">in</span> <span class="n">seq_1</span> <span class="k">for</span> <span class="n">item_2</span> <span class="ow">in</span> <span class="n">seq_2</span><span class="p">]</span> <span class="c1"># -&gt; [(..., ...), (..., ...), ...]</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tuple">Tuple</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span>
+<span class="normal"><a href="#__codelineno-8-18">18</a></span>
+<span class="normal"><a href="#__codelineno-8-19">19</a></span>
+<span class="normal"><a href="#__codelineno-8-20">20</a></span>
+<span class="normal"><a href="#__codelineno-8-21">21</a></span>
+<span class="normal"><a href="#__codelineno-8-22">22</a></span>
+<span class="normal"><a href="#__codelineno-8-23">23</a></span>
+<span class="normal"><a href="#__codelineno-8-24">24</a></span>
+<span class="normal"><a href="#__codelineno-8-25">25</a></span>
+<span class="normal"><a href="#__codelineno-8-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="c1"># TUPLES CANNOT BE MODIFIED</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="nb">tuple</span> <span class="o">=</span> <span class="p">(</span><span class="mi">69</span><span class="p">,</span> <span class="mi">420</span><span class="p">,</span> <span class="mi">69</span><span class="p">,</span> <span class="s1">&#39;abc&#39;</span><span class="p">)</span> <span class="c1"># tuple assignment</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="nb">tuple</span> <span class="o">=</span> <span class="p">(</span><span class="mi">44</span><span class="p">,)</span> <span class="c1"># single element tuples need a comma</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="nb">tuple</span><span class="p">[</span><span class="mi">3</span><span class="p">]</span> <span class="c1"># indexing</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="nb">tuple</span> <span class="o">*</span> <span class="mi">3</span> <span class="c1"># repetition</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="nb">tuple</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="mi">69</span><span class="p">)</span> <span class="c1"># counting</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="nb">tuple</span><span class="o">.</span><span class="n">index</span><span class="p">(</span><span class="mi">420</span><span class="p">)</span> <span class="c1"># find index</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="nb">len</span><span class="p">(</span><span class="nb">tuple</span><span class="p">)</span> <span class="c1"># length tuple</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a><span class="c1"># CONVERSION FROM TUPLE TO LIST</span>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="nb">tuple</span> <span class="o">=</span> <span class="nb">tuple</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="c1"># TUPLE UNPACKING</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="n">tup</span> <span class="o">=</span> <span class="p">(</span><span class="n">item_1</span><span class="p">,</span> <span class="n">item_2</span><span class="p">,</span> <span class="n">etc</span><span class="p">)</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="n">var_1</span><span class="p">,</span> <span class="n">var_2</span><span class="p">,</span> <span class="n">etc</span> <span class="o">=</span> <span class="n">tup</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="c1"># var_1 = item_1, var_2 = item_2, ...</span>
+<a id="__codelineno-8-18" name="__codelineno-8-18"></a>
+<a id="__codelineno-8-19" name="__codelineno-8-19"></a><span class="n">tup</span> <span class="o">=</span> <span class="p">(</span><span class="n">item_1</span><span class="p">,</span> <span class="p">(</span><span class="n">item_2</span><span class="p">,</span> <span class="n">item_3</span><span class="p">))</span>
+<a id="__codelineno-8-20" name="__codelineno-8-20"></a><span class="n">var_1</span><span class="p">,</span> <span class="p">(</span><span class="n">var_2</span><span class="p">,</span> <span class="n">var_3</span><span class="p">)</span> <span class="o">=</span> <span class="n">tup</span>
+<a id="__codelineno-8-21" name="__codelineno-8-21"></a><span class="c1"># var_1 = item_1, var_2 = item_2, var_3 = item_3</span>
+<a id="__codelineno-8-22" name="__codelineno-8-22"></a>
+<a id="__codelineno-8-23" name="__codelineno-8-23"></a><span class="c1">#OPERATOR * VAR (tuple unpacking)</span>
+<a id="__codelineno-8-24" name="__codelineno-8-24"></a><span class="n">var_1</span><span class="p">,</span> <span class="n">var_2</span><span class="p">,</span> <span class="o">*</span> <span class="n">rest</span> <span class="o">=</span> <span class="n">sequence</span> <span class="c1"># var_1 = seq [0], var_2 = seq [1], rest = seq [2:]</span>
+<a id="__codelineno-8-25" name="__codelineno-8-25"></a><span class="n">var_1</span><span class="p">,</span> <span class="o">*</span> <span class="n">body</span><span class="p">,</span> <span class="n">var_2</span><span class="p">,</span> <span class="n">var_3</span> <span class="o">=</span> <span class="n">sequence</span> <span class="c1"># var_1 = seq [0], body = seq [1: -2], var_2 = sequence [-2], var_3 = seq [-1]</span>
+<a id="__codelineno-8-26" name="__codelineno-8-26"></a><span class="c1"># * var retrieves the excess items, if in parallel assignment usable max once but in any position</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="set">Set</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-9-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-9-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-9-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-9-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-9-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-9-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-9-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-9-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-9-10">10</a></span>
+<span class="normal"><a href="#__codelineno-9-11">11</a></span>
+<span class="normal"><a href="#__codelineno-9-12">12</a></span>
+<span class="normal"><a href="#__codelineno-9-13">13</a></span>
+<span class="normal"><a href="#__codelineno-9-14">14</a></span>
+<span class="normal"><a href="#__codelineno-9-15">15</a></span>
+<span class="normal"><a href="#__codelineno-9-16">16</a></span>
+<span class="normal"><a href="#__codelineno-9-17">17</a></span>
+<span class="normal"><a href="#__codelineno-9-18">18</a></span>
+<span class="normal"><a href="#__codelineno-9-19">19</a></span>
+<span class="normal"><a href="#__codelineno-9-20">20</a></span>
+<span class="normal"><a href="#__codelineno-9-21">21</a></span>
+<span class="normal"><a href="#__codelineno-9-22">22</a></span>
+<span class="normal"><a href="#__codelineno-9-23">23</a></span>
+<span class="normal"><a href="#__codelineno-9-24">24</a></span>
+<span class="normal"><a href="#__codelineno-9-25">25</a></span>
+<span class="normal"><a href="#__codelineno-9-26">26</a></span>
+<span class="normal"><a href="#__codelineno-9-27">27</a></span>
+<span class="normal"><a href="#__codelineno-9-28">28</a></span>
+<span class="normal"><a href="#__codelineno-9-29">29</a></span>
+<span class="normal"><a href="#__codelineno-9-30">30</a></span>
+<span class="normal"><a href="#__codelineno-9-31">31</a></span>
+<span class="normal"><a href="#__codelineno-9-32">32</a></span>
+<span class="normal"><a href="#__codelineno-9-33">33</a></span>
+<span class="normal"><a href="#__codelineno-9-34">34</a></span>
+<span class="normal"><a href="#__codelineno-9-35">35</a></span>
+<span class="normal"><a href="#__codelineno-9-36">36</a></span>
+<span class="normal"><a href="#__codelineno-9-37">37</a></span>
+<span class="normal"><a href="#__codelineno-9-38">38</a></span>
+<span class="normal"><a href="#__codelineno-9-39">39</a></span>
+<span class="normal"><a href="#__codelineno-9-40">40</a></span>
+<span class="normal"><a href="#__codelineno-9-41">41</a></span>
+<span class="normal"><a href="#__codelineno-9-42">42</a></span>
+<span class="normal"><a href="#__codelineno-9-43">43</a></span>
+<span class="normal"><a href="#__codelineno-9-44">44</a></span>
+<span class="normal"><a href="#__codelineno-9-45">45</a></span>
+<span class="normal"><a href="#__codelineno-9-46">46</a></span>
+<span class="normal"><a href="#__codelineno-9-47">47</a></span>
+<span class="normal"><a href="#__codelineno-9-48">48</a></span>
+<span class="normal"><a href="#__codelineno-9-49">49</a></span>
+<span class="normal"><a href="#__codelineno-9-50">50</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="c1"># SETS MAY NOT CONTAIN REPEATED ELEMENTS (THEY ARE OMITTED)</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="c1"># THE ORDER DOES NOT MATTER (NO SLICING, INDEXING, REPETITION, ...)</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="nb">set</span> <span class="o">=</span> <span class="p">{</span><span class="mi">10</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">30</span><span class="p">,</span> <span class="s1">&#39;abc&#39;</span><span class="p">,</span> <span class="mi">20</span><span class="p">}</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="nb">len</span><span class="p">(</span><span class="nb">set</span><span class="p">)</span> <span class="c1"># length set</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="nb">set</span><span class="p">()</span> <span class="c1"># create empty set ({} create empty dictionary)</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="c1"># FREEZING SETS (no longer editable)</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a><span class="n">fset</span> <span class="o">=</span> <span class="nb">frozenset</span><span class="p">(</span><span class="nb">set</span><span class="p">)</span>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a>
+<a id="__codelineno-9-9" name="__codelineno-9-9"></a><span class="c1"># OPERATORS</span>
+<a id="__codelineno-9-10" name="__codelineno-9-10"></a><span class="n">set_1</span> <span class="o">-</span> <span class="n">set_2</span> <span class="c1"># elements in set_1 but not in set_2</span>
+<a id="__codelineno-9-11" name="__codelineno-9-11"></a><span class="n">set_1</span> <span class="o">|</span> <span class="n">set_2</span> <span class="c1"># elements in set_1 or set_2</span>
+<a id="__codelineno-9-12" name="__codelineno-9-12"></a><span class="n">set_1</span> <span class="o">&amp;</span> <span class="n">set_2</span> <span class="c1"># elements in set_1 and set_2</span>
+<a id="__codelineno-9-13" name="__codelineno-9-13"></a><span class="n">set_1</span> <span class="o">^</span> <span class="n">set_1</span> <span class="c1"># elements in either set_1 or set_2</span>
+<a id="__codelineno-9-14" name="__codelineno-9-14"></a><span class="n">set_1</span> <span class="o">&lt;=</span> <span class="n">set_2</span> <span class="c1"># elements set_1 also in set_2</span>
+<a id="__codelineno-9-15" name="__codelineno-9-15"></a><span class="n">set_1</span> <span class="o">&lt;</span> <span class="n">set_2</span> <span class="c1"># set_1 &lt;= set_2 and set_1! = set_2</span>
+<a id="__codelineno-9-16" name="__codelineno-9-16"></a><span class="n">set_1</span> <span class="o">&gt;=</span> <span class="n">set_2</span> <span class="c1"># elements set_2 also in set_1</span>
+<a id="__codelineno-9-17" name="__codelineno-9-17"></a><span class="n">set_1</span> <span class="o">&gt;</span> <span class="n">set_2</span> <span class="c1"># set_1&gt; = set_2 and set_1! = set_2</span>
+<a id="__codelineno-9-18" name="__codelineno-9-18"></a>
+<a id="__codelineno-9-19" name="__codelineno-9-19"></a><span class="c1"># METHODS SET</span>
+<a id="__codelineno-9-20" name="__codelineno-9-20"></a><span class="nb">set</span><span class="o">.</span><span class="n">pop</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># remove and return item</span>
+<a id="__codelineno-9-21" name="__codelineno-9-21"></a><span class="nb">set</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># add item to set</span>
+<a id="__codelineno-9-22" name="__codelineno-9-22"></a>
+<a id="__codelineno-9-23" name="__codelineno-9-23"></a><span class="nb">set</span><span class="o">.</span><span class="n">copy</span><span class="p">()</span> <span class="c1"># -&gt; set # returns a copy of the set</span>
+<a id="__codelineno-9-24" name="__codelineno-9-24"></a><span class="nb">set</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span> <span class="c1"># remove all elements from the set</span>
+<a id="__codelineno-9-25" name="__codelineno-9-25"></a><span class="nb">set</span><span class="o">.</span><span class="n">remove</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># remove item from set if present, otherwise raise KeyError</span>
+<a id="__codelineno-9-26" name="__codelineno-9-26"></a><span class="nb">set</span><span class="o">.</span><span class="n">discard</span><span class="p">(</span><span class="n">item</span><span class="p">)</span> <span class="c1"># remove item from set if present, otherwise do nothing</span>
+<a id="__codelineno-9-27" name="__codelineno-9-27"></a><span class="nb">set</span><span class="o">.</span><span class="n">difference</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># -&gt; set # returns elements in set that are absent in * sets</span>
+<a id="__codelineno-9-28" name="__codelineno-9-28"></a><span class="nb">set</span><span class="o">.</span><span class="n">difference_update</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># remove differences from set_2</span>
+<a id="__codelineno-9-29" name="__codelineno-9-29"></a><span class="nb">set</span><span class="o">.</span><span class="n">union</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># -&gt; set # returns all elements of sets</span>
+<a id="__codelineno-9-30" name="__codelineno-9-30"></a><span class="nb">set</span><span class="o">.</span><span class="n">update</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># add * sets elements to set</span>
+<a id="__codelineno-9-31" name="__codelineno-9-31"></a><span class="nb">set</span><span class="o">.</span><span class="n">intersection</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># -&gt; set # returns the elements common to sets</span>
+<a id="__codelineno-9-32" name="__codelineno-9-32"></a><span class="nb">set</span><span class="o">.</span><span class="n">intersection_update</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># remove all elements except those common to sets</span>
+<a id="__codelineno-9-33" name="__codelineno-9-33"></a><span class="nb">set</span><span class="o">.</span><span class="n">symmetric_difference</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># -&gt; set # returns elements not common to sets</span>
+<a id="__codelineno-9-34" name="__codelineno-9-34"></a><span class="nb">set</span><span class="o">.</span><span class="n">symmetric_difference_update</span><span class="p">(</span><span class="o">*</span> <span class="n">sets</span><span class="p">)</span> <span class="c1"># remove all elements common to sets (leave only uncommon elements)</span>
+<a id="__codelineno-9-35" name="__codelineno-9-35"></a>
+<a id="__codelineno-9-36" name="__codelineno-9-36"></a><span class="n">set_1</span><span class="o">.</span><span class="n">isdisjoint</span><span class="p">(</span><span class="n">set_2</span><span class="p">)</span> <span class="c1"># -&gt; bool # True if there are no common elements (intersection is empty)</span>
+<a id="__codelineno-9-37" name="__codelineno-9-37"></a><span class="n">set_1</span><span class="o">.</span><span class="n">issubset</span><span class="p">(</span><span class="n">set_2</span><span class="p">)</span> <span class="c1"># -&gt; bool # True if every element of set_1 is also in set_2</span>
+<a id="__codelineno-9-38" name="__codelineno-9-38"></a><span class="n">set_1</span><span class="o">.</span><span class="n">issuperset</span><span class="p">(</span><span class="n">set_2</span><span class="p">)</span> <span class="c1"># -&gt; bool # True if every element of set_2 is also in set_1</span>
+<a id="__codelineno-9-39" name="__codelineno-9-39"></a>
+<a id="__codelineno-9-40" name="__codelineno-9-40"></a><span class="c1"># SET COMPREHENSIONS</span>
+<a id="__codelineno-9-41" name="__codelineno-9-41"></a><span class="n">var</span> <span class="o">=</span> <span class="p">{</span><span class="n">expression</span> <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">sequence</span> <span class="k">if</span> <span class="n">condition</span><span class="p">}</span>
+<a id="__codelineno-9-42" name="__codelineno-9-42"></a>
+<a id="__codelineno-9-43" name="__codelineno-9-43"></a><span class="c1"># SLICE OBJECT</span>
+<a id="__codelineno-9-44" name="__codelineno-9-44"></a><span class="c1"># [start: stop: step] -&gt; slice object (start, stop, step)</span>
+<a id="__codelineno-9-45" name="__codelineno-9-45"></a><span class="n">var_1</span> <span class="o">=</span> <span class="nb">slice</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">stop</span><span class="p">,</span> <span class="n">step</span><span class="p">)</span> <span class="c1"># assignment to variable</span>
+<a id="__codelineno-9-46" name="__codelineno-9-46"></a><span class="n">var_2</span><span class="p">[</span><span class="n">var_1</span><span class="p">]</span> <span class="c1"># same as var_2 [start: stop: step]</span>
+<a id="__codelineno-9-47" name="__codelineno-9-47"></a>
+<a id="__codelineno-9-48" name="__codelineno-9-48"></a><span class="c1"># ELLIPSIS OBJECT</span>
+<a id="__codelineno-9-49" name="__codelineno-9-49"></a><span class="n">var</span><span class="p">[</span><span class="n">i</span><span class="p">,</span> <span class="o">...</span><span class="p">]</span> <span class="c1"># -&gt; shortcut for var [i,:,:,:,]</span>
+<a id="__codelineno-9-50" name="__codelineno-9-50"></a><span class="c1"># used for multidimensional slices (NumPy, ...)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="bytes-e-bytearray">Bytes e Bytearray</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span>
+<span class="normal"><a href="#__codelineno-10-12">12</a></span>
+<span class="normal"><a href="#__codelineno-10-13">13</a></span>
+<span class="normal"><a href="#__codelineno-10-14">14</a></span>
+<span class="normal"><a href="#__codelineno-10-15">15</a></span>
+<span class="normal"><a href="#__codelineno-10-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="c1"># THE BYTES CANNOT BE MODIFIED OR INDEXED</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="c1"># THE BYTEARRAYS CAN BE MODIFIED AND INDEXED</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="c1"># YOU CANNOT DO REPETITION AND SLICING ON BYTE OR BYTEARRAY</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="n">b</span> <span class="o">=</span> <span class="nb">bytes</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="n">ba</span> <span class="o">=</span> <span class="nb">bytearray</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="c1"># item of bytes and bytearray is always integer between 0 and 255</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="c1"># slice of bytes and bytearray is binary sequence (even if len = 1)</span>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="c1"># BYTES AND BYTEARRAY METHODS</span>
+<a id="__codelineno-10-12" name="__codelineno-10-12"></a><span class="nb">bytes</span><span class="o">.</span><span class="n">fromhex</span><span class="p">(</span><span class="n">pair_hex_digits</span><span class="p">)</span> <span class="c1"># -&gt; byte literal</span>
+<a id="__codelineno-10-13" name="__codelineno-10-13"></a><span class="sa">b</span><span class="s1">&#39;bite_literal&#39;</span><span class="o">.</span><span class="n">hex</span><span class="p">()</span> <span class="c1"># -&gt; str # returns a string containing hex digit pairs</span>
+<a id="__codelineno-10-14" name="__codelineno-10-14"></a><span class="nb">bytearray</span><span class="o">.</span><span class="n">fromhex</span><span class="p">(</span><span class="n">pair_hex_digits</span><span class="p">)</span> <span class="c1"># -&gt; byte literal</span>
+<a id="__codelineno-10-15" name="__codelineno-10-15"></a><span class="nb">bytes</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="n">subseq</span><span class="p">,</span> <span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">)</span> <span class="c1"># returns subseq appearance count between start and end positions</span>
+<a id="__codelineno-10-16" name="__codelineno-10-16"></a><span class="nb">bytearray</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="n">subseq</span><span class="p">,</span> <span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">)</span> <span class="c1"># returns subseq appearance count between start and end positions</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="encoding-decoding-unicode">Encoding-Decoding &amp; Unicode</h2>
+<p>Unicode Literals:</p>
+<ul>
+<li><code>\u0041</code> &rarr; 'A'</li>
+<li><code>\U00000041</code> &rarr; 'A'</li>
+<li><code>\x41</code> &rarr; 'A'</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span>
+<span class="normal"><a href="#__codelineno-11-12">12</a></span>
+<span class="normal"><a href="#__codelineno-11-13">13</a></span>
+<span class="normal"><a href="#__codelineno-11-14">14</a></span>
+<span class="normal"><a href="#__codelineno-11-15">15</a></span>
+<span class="normal"><a href="#__codelineno-11-16">16</a></span>
+<span class="normal"><a href="#__codelineno-11-17">17</a></span>
+<span class="normal"><a href="#__codelineno-11-18">18</a></span>
+<span class="normal"><a href="#__codelineno-11-19">19</a></span>
+<span class="normal"><a href="#__codelineno-11-20">20</a></span>
+<span class="normal"><a href="#__codelineno-11-21">21</a></span>
+<span class="normal"><a href="#__codelineno-11-22">22</a></span>
+<span class="normal"><a href="#__codelineno-11-23">23</a></span>
+<span class="normal"><a href="#__codelineno-11-24">24</a></span>
+<span class="normal"><a href="#__codelineno-11-25">25</a></span>
+<span class="normal"><a href="#__codelineno-11-26">26</a></span>
+<span class="normal"><a href="#__codelineno-11-27">27</a></span>
+<span class="normal"><a href="#__codelineno-11-28">28</a></span>
+<span class="normal"><a href="#__codelineno-11-29">29</a></span>
+<span class="normal"><a href="#__codelineno-11-30">30</a></span>
+<span class="normal"><a href="#__codelineno-11-31">31</a></span>
+<span class="normal"><a href="#__codelineno-11-32">32</a></span>
+<span class="normal"><a href="#__codelineno-11-33">33</a></span>
+<span class="normal"><a href="#__codelineno-11-34">34</a></span>
+<span class="normal"><a href="#__codelineno-11-35">35</a></span>
+<span class="normal"><a href="#__codelineno-11-36">36</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="c1"># ENCODING</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="c1"># transform string into literal byte</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="c1"># UnicodeEncodeError on error</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="c1"># errors = ignore -&gt; skip error-causing characters</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="c1"># errors = replace -&gt; replace? to characters causing error</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="c1"># errors = xmlcharrefreplace -&gt; substitutes XML entities for error-causing characters</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="n">string</span><span class="o">.</span><span class="n">encode</span><span class="p">(</span><span class="s1">&#39;utf-8&#39;</span><span class="p">,</span> <span class="n">errors</span> <span class="o">=</span> <span class="s1">&#39;replace&#39;</span><span class="p">)</span> <span class="c1"># -&gt; b&#39;byte literals&#39;</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a><span class="c1"># BOM (BYTE ORDER MARK)</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a><span class="c1"># byte literal given to indicate byte ordering (little-endian vs big-endian)</span>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a><span class="c1"># in little-endian the least significant bytes come first (e.g. U + 0045 -&gt; DEC 069 -&gt; encoded as 69 and 0)</span>
+<a id="__codelineno-11-12" name="__codelineno-11-12"></a><span class="c1"># U + FEFF (ZERO WIDTH NO-BREAK SPACE) -&gt; b &#39;\ xff \ xfe&#39; indicates little-endian</span>
+<a id="__codelineno-11-13" name="__codelineno-11-13"></a>
+<a id="__codelineno-11-14" name="__codelineno-11-14"></a><span class="c1"># DECODING</span>
+<a id="__codelineno-11-15" name="__codelineno-11-15"></a><span class="c1"># transform byte literal to string</span>
+<a id="__codelineno-11-16" name="__codelineno-11-16"></a><span class="c1"># error = &#39;replace&#39; replaces errors (byte literals not belonging to decoding format) with U + FFFD &quot;REPLACEMENT CHARACTER&quot;</span>
+<a id="__codelineno-11-17" name="__codelineno-11-17"></a><span class="nb">bytes</span><span class="o">.</span><span class="n">decode</span> <span class="p">(</span><span class="s1">&#39;utf-8&#39;</span><span class="p">,</span> <span class="n">errors</span> <span class="o">=</span> <span class="s1">&#39;replace&#39;</span><span class="p">)</span> <span class="c1"># -&gt; str</span>
+<a id="__codelineno-11-18" name="__codelineno-11-18"></a>
+<a id="__codelineno-11-19" name="__codelineno-11-19"></a><span class="c1"># UNICODE NORMALIZATION</span>
+<a id="__codelineno-11-20" name="__codelineno-11-20"></a><span class="c1"># handling canonical unicode equivalents (e.g. é, and \ u0301 are equivalent for unicode)</span>
+<a id="__codelineno-11-21" name="__codelineno-11-21"></a><span class="n">unicodedata</span><span class="o">.</span><span class="n">normalize</span><span class="p">(</span><span class="n">form</span><span class="p">,</span> <span class="n">unicode_string</span><span class="p">)</span> <span class="c1"># FORM: NFC, NFD, NFCK, NFDK</span>
+<a id="__codelineno-11-22" name="__codelineno-11-22"></a><span class="c1"># NFC -&gt; &quot;Normalization Form C&quot; -&gt; produces the shortest equivalent string</span>
+<a id="__codelineno-11-23" name="__codelineno-11-23"></a><span class="c1"># NFD -&gt; &quot;Normalization Form D&quot; -&gt; produces the longest equivalent string</span>
+<a id="__codelineno-11-24" name="__codelineno-11-24"></a>
+<a id="__codelineno-11-25" name="__codelineno-11-25"></a><span class="c1"># CASE FOLDING UNICODE</span>
+<a id="__codelineno-11-26" name="__codelineno-11-26"></a><span class="c1"># transform to lowercase with some differences (116 differences, 0.11% of Unicode 6.3)</span>
+<a id="__codelineno-11-27" name="__codelineno-11-27"></a><span class="n">string</span><span class="o">.</span><span class="n">casefold</span><span class="p">()</span>
+<a id="__codelineno-11-28" name="__codelineno-11-28"></a>
+<a id="__codelineno-11-29" name="__codelineno-11-29"></a><span class="c1"># USEFUL FUNCTIONS FOR NORMALIZED EQUIVALENCE (Source: Fluent Python p. 121, Luciano Ramalho)</span>
+<a id="__codelineno-11-30" name="__codelineno-11-30"></a><span class="kn">from</span> <span class="nn">unicodedata</span> <span class="kn">import</span> <span class="n">normalize</span>
+<a id="__codelineno-11-31" name="__codelineno-11-31"></a>
+<a id="__codelineno-11-32" name="__codelineno-11-32"></a><span class="k">def</span> <span class="nf">nfc_eual</span><span class="p">(</span><span class="n">str_1</span><span class="p">,</span> <span class="n">str_2</span><span class="p">):</span>
+<a id="__codelineno-11-33" name="__codelineno-11-33"></a>    <span class="k">return</span> <span class="p">(</span><span class="n">normalize</span><span class="p">(</span><span class="s1">&#39;NFC&#39;</span><span class="p">,</span> <span class="n">str1</span><span class="p">)</span> <span class="o">==</span> <span class="n">normalize</span><span class="p">(</span><span class="s1">&#39;NFC&#39;</span><span class="p">,</span> <span class="n">str2</span><span class="p">))</span>
+<a id="__codelineno-11-34" name="__codelineno-11-34"></a><span class="k">def</span> <span class="nf">fold_equal</span> <span class="p">(</span><span class="n">str_1</span><span class="p">,</span> <span class="n">str_2</span><span class="p">):</span>
+<a id="__codelineno-11-35" name="__codelineno-11-35"></a>    <span class="k">return</span> <span class="p">(</span><span class="n">normalize</span><span class="p">(</span><span class="s1">&#39;NFC&#39;</span><span class="p">,</span> <span class="n">str_1</span><span class="p">)</span><span class="o">.</span><span class="n">casefold</span><span class="p">()</span> <span class="o">==</span>
+<a id="__codelineno-11-36" name="__codelineno-11-36"></a>            <span class="n">normalize</span><span class="p">(</span><span class="s1">&#39;NFC&#39;</span><span class="p">,</span> <span class="n">st_2</span><span class="p">)</span><span class="o">.</span><span class="n">casefold</span><span class="p">())</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="memoryview">Memoryview</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="c1"># memoryview objects allow python to access the data inside the object</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="c1"># without copy if it supports the buffer protocol</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="n">v</span> <span class="o">=</span> <span class="nb">memoryview</span><span class="p">(</span><span class="nb">object</span><span class="p">)</span> <span class="c1"># create a memoryview with reference to object</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="c1"># slice of memoryview produces new memoryview</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="c1"># MEMORYVIEW METHODS</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="n">v</span><span class="o">.</span><span class="n">tobytes</span><span class="p">()</span> <span class="c1"># return data as bytestring, equivalent to bytes (v)</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="n">v</span><span class="o">.</span><span class="n">hex</span><span class="p">()</span> <span class="c1"># returns string containing two hex digits for each byte in the buffer</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="n">v</span><span class="o">.</span><span class="n">tolist</span><span class="p">()</span> <span class="c1"># returns the data in the buffer as a list of elements</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="n">v</span><span class="o">.</span><span class="n">toreadonly</span><span class="p">()</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="n">v</span><span class="o">.</span><span class="n">release</span><span class="p">()</span> <span class="c1"># release the buffer below</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="n">v</span><span class="o">.</span><span class="n">cast</span><span class="p">(</span><span class="nb">format</span><span class="p">,</span> <span class="n">shape</span><span class="p">)</span> <span class="c1"># change the format or shape of the memoryview</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="n">see</span> <span class="nb">object</span> <span class="c1"># object of the memoryview</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="n">v</span><span class="o">.</span><span class="n">format</span> <span class="c1"># format of the memoryview</span>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="n">v</span><span class="o">.</span><span class="n">itemsize</span> <span class="c1"># size in bytes of each element of the memoryview</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a><span class="n">v</span><span class="o">.</span><span class="n">ndim</span> <span class="c1"># integer indicating the size of the multidimensional array represented</span>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a><span class="n">v</span><span class="o">.</span><span class="n">shape</span> <span class="c1"># tuple of integers indicating the shape of the memoryview</span>
+</code></pre></div></td></tr></table></div>
+<table>
+<thead>
+<tr>
+<th>Format String</th>
+<th>C Type</th>
+<th>Python Type</th>
+<th>Standard Size</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>x</code></td>
+<td><code>pad byte</code></td>
+<td><code>no value</code></td>
+<td></td>
+</tr>
+<tr>
+<td><code>c</code></td>
+<td><code>char</code></td>
+<td><code>bytes</code></td>
+<td><code>1</code></td>
+</tr>
+<tr>
+<td><code>b</code></td>
+<td><code>signed char</code></td>
+<td><code>integer</code></td>
+<td><code>1</code></td>
+</tr>
+<tr>
+<td><code>B</code></td>
+<td><code>unsigned char</code></td>
+<td><code>integer</code></td>
+<td><code>1</code></td>
+</tr>
+<tr>
+<td><code>?</code></td>
+<td><code>_Bool</code></td>
+<td><code>bool</code></td>
+<td><code>1</code></td>
+</tr>
+<tr>
+<td><code>h</code></td>
+<td><code>short</code></td>
+<td><code>integer</code></td>
+<td><code>2</code></td>
+</tr>
+<tr>
+<td><code>H</code></td>
+<td><code>unsigned short</code></td>
+<td><code>integer</code></td>
+<td><code>2</code></td>
+</tr>
+<tr>
+<td><code>i</code></td>
+<td><code>int</code></td>
+<td><code>integer</code></td>
+<td><code>4</code></td>
+</tr>
+<tr>
+<td><code>I</code></td>
+<td><code>unsigned int</code></td>
+<td><code>integer</code></td>
+<td><code>4</code></td>
+</tr>
+<tr>
+<td><code>l</code></td>
+<td><code>long</code></td>
+<td><code>integer</code></td>
+<td><code>4</code></td>
+</tr>
+<tr>
+<td><code>L</code></td>
+<td><code>unsigned long</code></td>
+<td><code>integer</code></td>
+<td><code>4</code></td>
+</tr>
+<tr>
+<td><code>q</code></td>
+<td><code>long long</code></td>
+<td><code>integer</code></td>
+<td><code>8</code></td>
+</tr>
+<tr>
+<td><code>Q</code></td>
+<td><code>unsigned long long</code></td>
+<td><code>integer</code></td>
+<td><code>8</code></td>
+</tr>
+<tr>
+<td><code>n</code></td>
+<td><code>ssize_t</code></td>
+<td><code>integer</code></td>
+<td></td>
+</tr>
+<tr>
+<td><code>N</code></td>
+<td><code>size_t</code></td>
+<td><code>integer</code></td>
+<td></td>
+</tr>
+<tr>
+<td><code>f</code></td>
+<td><code>float</code></td>
+<td><code>float</code></td>
+<td><code>4</code></td>
+</tr>
+<tr>
+<td><code>F</code></td>
+<td><code>double</code></td>
+<td><code>float</code></td>
+<td><code>8</code></td>
+</tr>
+<tr>
+<td><code>s</code></td>
+<td><code>char[]</code></td>
+<td><code>bytes</code></td>
+<td></td>
+</tr>
+<tr>
+<td><code>P</code></td>
+<td><code>char[]</code></td>
+<td><code>bytes</code></td>
+<td></td>
+</tr>
+</tbody>
+</table>
+<h2 id="dictionaries">Dictionaries</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-13-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-13-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-13-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-13-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-13-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-13-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-13-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-13-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-13-10">10</a></span>
+<span class="normal"><a href="#__codelineno-13-11">11</a></span>
+<span class="normal"><a href="#__codelineno-13-12">12</a></span>
+<span class="normal"><a href="#__codelineno-13-13">13</a></span>
+<span class="normal"><a href="#__codelineno-13-14">14</a></span>
+<span class="normal"><a href="#__codelineno-13-15">15</a></span>
+<span class="normal"><a href="#__codelineno-13-16">16</a></span>
+<span class="normal"><a href="#__codelineno-13-17">17</a></span>
+<span class="normal"><a href="#__codelineno-13-18">18</a></span>
+<span class="normal"><a href="#__codelineno-13-19">19</a></span>
+<span class="normal"><a href="#__codelineno-13-20">20</a></span>
+<span class="normal"><a href="#__codelineno-13-21">21</a></span>
+<span class="normal"><a href="#__codelineno-13-22">22</a></span>
+<span class="normal"><a href="#__codelineno-13-23">23</a></span>
+<span class="normal"><a href="#__codelineno-13-24">24</a></span>
+<span class="normal"><a href="#__codelineno-13-25">25</a></span>
+<span class="normal"><a href="#__codelineno-13-26">26</a></span>
+<span class="normal"><a href="#__codelineno-13-27">27</a></span>
+<span class="normal"><a href="#__codelineno-13-28">28</a></span>
+<span class="normal"><a href="#__codelineno-13-29">29</a></span>
+<span class="normal"><a href="#__codelineno-13-30">30</a></span>
+<span class="normal"><a href="#__codelineno-13-31">31</a></span>
+<span class="normal"><a href="#__codelineno-13-32">32</a></span>
+<span class="normal"><a href="#__codelineno-13-33">33</a></span>
+<span class="normal"><a href="#__codelineno-13-34">34</a></span>
+<span class="normal"><a href="#__codelineno-13-35">35</a></span>
+<span class="normal"><a href="#__codelineno-13-36">36</a></span>
+<span class="normal"><a href="#__codelineno-13-37">37</a></span>
+<span class="normal"><a href="#__codelineno-13-38">38</a></span>
+<span class="normal"><a href="#__codelineno-13-39">39</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="c1"># SET OF KEY-VALUE PAIRS</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="n">d</span> <span class="o">=</span> <span class="p">{</span><span class="mi">1</span><span class="p">:</span> <span class="s1">&#39;Alex&#39;</span><span class="p">,</span> <span class="mi">2</span><span class="p">:</span> <span class="s1">&#39;Bob&#39;</span><span class="p">,</span> <span class="mi">3</span><span class="p">:</span> <span class="s1">&#39;Carl&#39;</span><span class="p">}</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="n">d</span> <span class="o">=</span> <span class="nb">dict</span> <span class="p">(</span><span class="n">one</span> <span class="o">=</span> <span class="s1">&#39;Alex&#39;</span><span class="p">,</span> <span class="n">two</span> <span class="o">=</span> <span class="s1">&#39;Bob&#39;</span><span class="p">,</span> <span class="n">three</span> <span class="o">=</span> <span class="s1">&#39;Carl&#39;</span><span class="p">)</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="n">d</span> <span class="o">=</span> <span class="nb">dict</span> <span class="p">(</span><span class="nb">zip</span> <span class="p">([</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">],</span> <span class="p">[</span><span class="s1">&#39;Alex&#39;</span><span class="p">,</span> <span class="s1">&#39;Bob&#39;</span><span class="p">,</span> <span class="s1">&#39;Carl&#39;</span><span class="p">]))</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="n">d</span> <span class="o">=</span> <span class="nb">dict</span> <span class="p">([(</span><span class="mi">1</span><span class="p">,</span> <span class="s1">&#39;Alex&#39;</span><span class="p">),</span> <span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="s1">&#39;Bob&#39;</span><span class="p">),</span> <span class="p">(</span><span class="mi">3</span><span class="p">,</span> <span class="s1">&#39;Carl&#39;</span><span class="p">)])</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="n">d</span><span class="p">[</span><span class="n">key</span><span class="p">]</span> <span class="c1"># returns value associated with key</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a><span class="n">d</span><span class="p">[</span><span class="mi">4</span><span class="p">]</span> <span class="o">=</span> <span class="s1">&#39;Dan&#39;</span> <span class="c1"># add or change element</span>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a><span class="nb">list</span><span class="p">(</span><span class="n">d</span><span class="p">)</span> <span class="c1"># returns a list of all elements</span>
+<a id="__codelineno-13-10" name="__codelineno-13-10"></a><span class="nb">len</span><span class="p">(</span><span class="n">d</span><span class="p">)</span> <span class="c1"># returns the number of elements</span>
+<a id="__codelineno-13-11" name="__codelineno-13-11"></a><span class="k">del</span><span class="p">(</span><span class="n">d</span><span class="p">[</span><span class="mi">2</span><span class="p">])</span> <span class="c1"># delete element</span>
+<a id="__codelineno-13-12" name="__codelineno-13-12"></a>
+<a id="__codelineno-13-13" name="__codelineno-13-13"></a><span class="c1"># DICTIONARY METHODS</span>
+<a id="__codelineno-13-14" name="__codelineno-13-14"></a><span class="n">d</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span> <span class="c1"># remove all elements</span>
+<a id="__codelineno-13-15" name="__codelineno-13-15"></a><span class="n">d</span><span class="o">.</span><span class="n">copy</span><span class="p">()</span> <span class="c1"># shallow copy of the dictionary</span>
+<a id="__codelineno-13-16" name="__codelineno-13-16"></a><span class="n">d</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">key</span><span class="p">)</span> <span class="c1"># returns the value associated with key</span>
+<a id="__codelineno-13-17" name="__codelineno-13-17"></a><span class="n">d</span><span class="o">.</span><span class="n">items</span><span class="p">()</span> <span class="c1"># return key-value pairs (view object)</span>
+<a id="__codelineno-13-18" name="__codelineno-13-18"></a><span class="n">d</span><span class="o">.</span><span class="n">keys</span><span class="p">()</span> <span class="c1"># return dictionary keys (view object)</span>
+<a id="__codelineno-13-19" name="__codelineno-13-19"></a><span class="n">d</span><span class="o">.</span><span class="n">values</span><span class="err">​​</span><span class="p">()</span> <span class="c1"># returns dictionary values ​​(view object)</span>
+<a id="__codelineno-13-20" name="__codelineno-13-20"></a><span class="n">d</span><span class="o">.</span><span class="n">pop</span><span class="p">(</span><span class="n">key</span><span class="p">)</span> <span class="c1"># remove and return the value associated with key</span>
+<a id="__codelineno-13-21" name="__codelineno-13-21"></a><span class="n">d</span><span class="o">.</span><span class="n">popitem</span><span class="p">()</span> <span class="c1"># remove and return the last key-value pair</span>
+<a id="__codelineno-13-22" name="__codelineno-13-22"></a><span class="n">d</span><span class="o">.</span><span class="n">setdefault</span><span class="p">(</span><span class="n">key</span><span class="p">,</span> <span class="n">default</span><span class="p">)</span> <span class="c1"># if the key is present in the dictionary it returns it, otherwise it inserts it with the default value and returns default</span>
+<a id="__codelineno-13-23" name="__codelineno-13-23"></a>
+<a id="__codelineno-13-24" name="__codelineno-13-24"></a><span class="n">d</span><span class="o">.</span><span class="n">update</span><span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># add or modify dictionary elements, argument must be key-value pair</span>
+<a id="__codelineno-13-25" name="__codelineno-13-25"></a>
+<a id="__codelineno-13-26" name="__codelineno-13-26"></a><span class="c1"># DICT UNION</span>
+<a id="__codelineno-13-27" name="__codelineno-13-27"></a><span class="n">d</span> <span class="o">=</span> <span class="p">{</span><span class="s1">&#39;spam&#39;</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span> <span class="s1">&#39;eggs&#39;</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="s1">&#39;cheese&#39;</span><span class="p">:</span> <span class="mi">3</span><span class="p">}</span>
+<a id="__codelineno-13-28" name="__codelineno-13-28"></a><span class="n">e</span> <span class="o">=</span> <span class="p">{</span><span class="s1">&#39;cheese&#39;</span><span class="p">:</span> <span class="s1">&#39;cheddar&#39;</span><span class="p">,</span> <span class="s1">&#39;aardvark&#39;</span><span class="p">:</span> <span class="s1">&#39;Ethel&#39;</span><span class="p">}</span>
+<a id="__codelineno-13-29" name="__codelineno-13-29"></a>
+<a id="__codelineno-13-30" name="__codelineno-13-30"></a><span class="n">d</span> <span class="o">|</span> <span class="n">e</span> <span class="c1"># {&#39;spam&#39;: 1, &#39;eggs&#39;: 2, &#39;cheese&#39;: &#39;cheddar&#39;, &#39;aardvark&#39;: &#39;Ethel&#39;}</span>
+<a id="__codelineno-13-31" name="__codelineno-13-31"></a><span class="n">e</span> <span class="o">|</span> <span class="n">d</span> <span class="c1"># {&#39;aardvark&#39;: &#39;Ethel&#39;, &#39;spam&#39;: 1, &#39;eggs&#39;: 2, &#39;cheese&#39;: 3}</span>
+<a id="__codelineno-13-32" name="__codelineno-13-32"></a><span class="n">d</span> <span class="o">|=</span> <span class="n">e</span> <span class="c1"># {&#39;spam&#39;: 1, &#39;eggs&#39;: 2, &#39;cheese&#39;: &#39;cheddar&#39;, &#39;aardvark&#39;: &#39;Ethel&#39;}</span>
+<a id="__codelineno-13-33" name="__codelineno-13-33"></a>
+<a id="__codelineno-13-34" name="__codelineno-13-34"></a><span class="c1"># NESTED DICTIONARIES (it is possible to nest dictionaries within dictionaries)</span>
+<a id="__codelineno-13-35" name="__codelineno-13-35"></a><span class="n">my_dict</span> <span class="o">=</span> <span class="p">{</span><span class="s1">&#39;key_1&#39;</span><span class="p">:</span> <span class="mi">123</span><span class="p">,</span> <span class="s1">&#39;key_2&#39;</span><span class="p">:</span> <span class="p">[</span><span class="mi">12</span><span class="p">,</span> <span class="mi">23</span><span class="p">,</span> <span class="mi">33</span><span class="p">],</span> <span class="s1">&#39;key_3&#39;</span><span class="p">:</span> <span class="p">[</span><span class="s1">&#39;item_0&#39;</span><span class="p">,</span> <span class="s1">&#39;item_1&#39;</span><span class="p">,</span> <span class="s1">&#39;item_2&#39;</span><span class="p">]}</span>
+<a id="__codelineno-13-36" name="__codelineno-13-36"></a><span class="n">my_dict</span> <span class="p">[</span><span class="s1">&#39;key&#39;</span><span class="p">][</span><span class="mi">0</span><span class="p">]</span> <span class="c1"># returns nested element</span>
+<a id="__codelineno-13-37" name="__codelineno-13-37"></a>
+<a id="__codelineno-13-38" name="__codelineno-13-38"></a><span class="c1"># DICT COMPREHENSIONS</span>
+<a id="__codelineno-13-39" name="__codelineno-13-39"></a><span class="n">var</span> <span class="o">=</span> <span class="p">{</span><span class="n">key</span><span class="p">:</span> <span class="n">value</span> <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">sequence</span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="operators">Operators</h2>
+<h3 id="mathematical-operators">Mathematical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>+</code> y</td>
+<td>addition, string concatenation</td>
+</tr>
+<tr>
+<td>x <code>-</code> y</td>
+<td>subtraction</td>
+</tr>
+<tr>
+<td>x <code>*</code> y</td>
+<td>multiplication</td>
+</tr>
+<tr>
+<td>x <code>*+</code> y</td>
+<td>exponentiation</td>
+</tr>
+<tr>
+<td>x <code>/</code> y</td>
+<td>division (result always float)</td>
+</tr>
+<tr>
+<td>x <code>//</code> y</td>
+<td>integer division</td>
+</tr>
+<tr>
+<td>x <code>%</code> y</td>
+<td>modulo, remainder</td>
+</tr>
+</tbody>
+</table>
+<h3 id="relational-operators">Relational Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>&lt;</code> y</td>
+<td>less than</td>
+</tr>
+<tr>
+<td>x <code>&lt;=</code> y</td>
+<td>less or equal to</td>
+</tr>
+<tr>
+<td>x <code>&gt;</code> y</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>x <code>&gt;=</code> y</td>
+<td>greater or equal to</td>
+</tr>
+<tr>
+<td>x <code>==</code> y</td>
+<td>equality</td>
+</tr>
+<tr>
+<td>x <code>!=</code> y</td>
+<td>inequality</td>
+</tr>
+</tbody>
+</table>
+<h3 id="assignment">Assignment</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>+=</code> y</td>
+<td>x = x + y</td>
+</tr>
+<tr>
+<td>x <code>-=</code> y</td>
+<td>x = x - y</td>
+</tr>
+<tr>
+<td>x <code>*=</code> y</td>
+<td>x = x * y</td>
+</tr>
+<tr>
+<td>x <code>/=</code> y</td>
+<td>x = x / y</td>
+</tr>
+<tr>
+<td>x <code>//=</code> y</td>
+<td>x = x // y</td>
+</tr>
+<tr>
+<td>x <code>%=</code> y</td>
+<td>x = x % y</td>
+</tr>
+<tr>
+<td>x <code>&lt;&lt;=</code> y</td>
+<td>x = x &lt;&lt; y</td>
+</tr>
+<tr>
+<td>x <code>&gt;&gt;=</code> y</td>
+<td>x = x &gt;&gt; y</td>
+</tr>
+<tr>
+<td>x <code>&amp;=</code> y</td>
+<td>x = x &amp; y</td>
+</tr>
+<tr>
+<td>x <code>| =</code> y</td>
+<td>x = x</td>
+</tr>
+<tr>
+<td>x <code>^=</code> y</td>
+<td>x = x ^ y</td>
+</tr>
+</tbody>
+</table>
+<h3 id="bitwise-operators">Bitwise Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>~</code>x</td>
+<td>bitwise NOT</td>
+</tr>
+<tr>
+<td>x <code>&amp;</code> y</td>
+<td>bitwise AND</td>
+</tr>
+<tr>
+<td>x <code>^</code> y</td>
+<td>bitwise XOR</td>
+</tr>
+<tr>
+<td>x <code>|</code> y</td>
+<td>bitwise OR</td>
+</tr>
+<tr>
+<td>x <code>&lt;&lt;</code> y</td>
+<td>left bit shift</td>
+</tr>
+<tr>
+<td>x <code>&gt;&gt;</code> y</td>
+<td>right bit shift</td>
+</tr>
+</tbody>
+</table>
+<h3 id="logical-operators">Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>and</code></td>
+<td>logical AND</td>
+</tr>
+<tr>
+<td><code>or</code></td>
+<td>logical OR</td>
+</tr>
+<tr>
+<td><code>not</code></td>
+<td>logical NOT</td>
+</tr>
+</tbody>
+</table>
+<h3 id="identity-operators">Identity Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>is</code></td>
+<td>reference equality</td>
+</tr>
+<tr>
+<td><code>is not</code></td>
+<td>reference inequality</td>
+</tr>
+</tbody>
+</table>
+<h3 id="membership-operators">Membership Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>in</code></td>
+<td>item in collection</td>
+</tr>
+<tr>
+<td><code>not in</code></td>
+<td>item not in collection</td>
+</tr>
+</tbody>
+</table>
+<h3 id="operator-precedence">OPerator Precedence</h3>
+<ol>
+<li>assignment operators <code>+=</code>, <code>-=</code>, <code>*=</code>, <code>/=</code>, <code>%=</code>, <code>**=</code>, <code>//=</code></li>
+<li>binary arithmetic operators <code>*</code>, <code>/</code>, <code>%</code>, <code>//</code> (floor division)</li>
+<li>binary arithmetic operators <code>+</code>, <code>-</code></li>
+<li>boolean operators <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code>, <code>&gt;=</code></li>
+<li>boolean operators <code>==</code>, <code>!=</code></li>
+<li>boolean operator <code>and</code></li>
+<li>boolean operator <code>or</code></li>
+<li>boolean operator <code>not</code></li>
+</ol>
+<h2 id="conditional-statements">Conditional Statements</h2>
+<p>Any object can be tested for truth value for use in an if or while condition or as operand of the Boolean operations.</p>
+<p>built-in objects considered <em>false</em>:</p>
+<ul>
+<li>constants defined to be false: <code>None</code> and <code>False</code>.</li>
+<li>zero of any numeric type: <code>0</code>, <code>0.0</code>, <code>0j</code>, <code>Decimal(0)</code>, <code>Fraction(0, 1)</code></li>
+<li>empty sequences and collections: <code>''</code>, <code>()</code>, <code>[]</code>, <code>{}</code>, <code>set()</code>, <code>range(0)</code></li>
+</ul>
+<h3 id="if-else"><code>if-else</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="k">if</span> <span class="p">(</span><span class="n">condition</span><span class="p">):</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a>    <span class="c1"># code here</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="k">elif</span> <span class="p">(</span><span class="n">condition</span><span class="p">):</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a>    <span class="c1"># code here</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="k">else</span><span class="p">:</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a>    <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="context-manager">Context Manager</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span>
+<span class="normal"><a href="#__codelineno-15-12">12</a></span>
+<span class="normal"><a href="#__codelineno-15-13">13</a></span>
+<span class="normal"><a href="#__codelineno-15-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">with</span> <span class="n">resource</span> <span class="k">as</span> <span class="n">target</span><span class="p">:</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="c1"># start context manager and bind resource returned by method to target using as operator</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="n">contextmanager</span><span class="o">.</span><span class="fm">__enter__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a><span class="c1"># exit runtime context</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="c1"># returns exc_type, exc_value, traceback</span>
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a><span class="n">contextmanager</span><span class="o">.</span><span class="fm">__exit__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">exc_type</span><span class="p">,</span> <span class="n">exc_value</span><span class="p">,</span> <span class="n">traceback</span><span class="p">)</span>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a><span class="c1"># exc_type: exception class</span>
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="c1"># exc_value: exception instance</span>
+<a id="__codelineno-15-12" name="__codelineno-15-12"></a><span class="c1"># traceback: traceback object</span>
+<a id="__codelineno-15-13" name="__codelineno-15-13"></a><span class="c1"># NO EXCEPTION -&gt; returns None, None, None</span>
+<a id="__codelineno-15-14" name="__codelineno-15-14"></a><span class="c1"># SUPPRESSION EXCEPTION: Must return True value</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loops">Loops</h2>
+<h3 id="while"><code>while</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">while</span><span class="p">(</span><span class="n">condition</span><span class="p">):</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="k">else</span><span class="p">:</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a>     <span class="c1"># executed only if condition becomes False</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a>     <span class="c1"># break, continue, return in block while do not perform else block</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a>     <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="for"><code>for</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-17-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-17-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-17-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-17-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-17-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-17-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-17-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-17-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-17-10">10</a></span>
+<span class="normal"><a href="#__codelineno-17-11">11</a></span>
+<span class="normal"><a href="#__codelineno-17-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="k">for</span> <span class="n">index</span> <span class="ow">in</span> <span class="n">sequence</span><span class="p">:</span> <span class="c1"># sequence can be a list, set, tuple, etc ..</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="k">else</span><span class="p">:</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a>     <span class="c1"># executed only if for reaches the end of the loop</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a>     <span class="c1"># break, continue, return in block for do not perform else block</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a><span class="k">for</span> <span class="n">index</span> <span class="ow">in</span> <span class="nb">range</span> <span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">,</span> <span class="n">step</span><span class="p">):</span>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-17-10" name="__codelineno-17-10"></a>
+<a id="__codelineno-17-11" name="__codelineno-17-11"></a><span class="k">for</span> <span class="n">key</span><span class="p">,</span> <span class="n">value</span> <span class="ow">in</span> <span class="nb">dict</span><span class="o">.</span><span class="n">items</span> <span class="p">():</span>
+<a id="__codelineno-17-12" name="__codelineno-17-12"></a>     <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="break-continue"><code>break</code> &amp; <code>continue</code></h3>
+<p><code>break</code>: causes the loop to exit immediately without executing subsequent iterations
+<code>continue</code>: skip the remaining iteration statements and continue the loop</p>
+<h3 id="range"><code>range</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="nb">range</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">,</span> <span class="n">step</span><span class="p">)</span> <span class="c1"># generate sequence num integers (does not include num stops) with possible step</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">,</span> <span class="n">step</span><span class="p">))</span> <span class="c1"># return sequence of integers in a list</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="enumerate"><code>enumerate</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="nb">enumerate</span><span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># iterable of item &amp; index pairs</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="nb">list</span><span class="p">(</span><span class="nb">enumerate</span><span class="p">(</span><span class="n">iterable</span><span class="p">))</span> <span class="c1"># returns list of tuples [(1, iterable [0]), (2, iterable [1]), (3, iterable [2])]</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="zip"><code>zip</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span>
+<span class="normal"><a href="#__codelineno-20-4">4</a></span>
+<span class="normal"><a href="#__codelineno-20-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="n">list_1</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">5</span><span class="p">]</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="n">list_2</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;a&#39;</span><span class="p">,</span> <span class="s1">&#39;b&#39;</span><span class="p">,</span> <span class="s1">&#39;c&#39;</span><span class="p">,</span> <span class="s1">&#39;d&#39;</span><span class="p">,</span> <span class="s1">&#39;e&#39;</span><span class="p">]</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="nb">zip</span><span class="p">(</span><span class="n">list_1</span><span class="p">,</span> <span class="n">list_2</span><span class="p">)</span> <span class="c1"># return zip object</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="nb">list</span><span class="p">(</span><span class="nb">zip</span><span class="p">(</span><span class="n">list_1</span><span class="p">,</span> <span class="n">list_2</span><span class="p">))</span> <span class="c1"># returns list of tuples by merging list [(list_1 [0], list_2 [0]), (list_1 [1], list_2 [1]), ...]</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="shuffle-randint"><code>shuffle</code> &amp; <code>randint</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="kn">from</span> <span class="nn">random</span> <span class="kn">import</span> <span class="n">shuffle</span><span class="p">,</span> <span class="n">randint</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="n">shuffle</span><span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># shuffle the list</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="n">randint</span><span class="p">(</span><span class="n">start</span><span class="p">,</span> <span class="n">end</span><span class="p">)</span> <span class="c1"># returns a random integer between start and end</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="in"><code>in</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="n">item</span> <span class="ow">in</span> <span class="n">iterable</span> <span class="c1"># check for the presence of item in iterable (returns True or False)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions">Functions</h2>
+<h3 id="function-definition">Function Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1">1</a></span>
+<span class="normal"><a href="#__codelineno-23-2">2</a></span>
+<span class="normal"><a href="#__codelineno-23-3">3</a></span>
+<span class="normal"><a href="#__codelineno-23-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="k">def</span> <span class="nf">function_name</span> <span class="p">(</span><span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a>     <span class="s2">&quot;&quot;</span> <span class="s2">&quot;DOCSTRING&quot;</span> <span class="s2">&quot;&quot;</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a>     <span class="k">return</span> <span class="n">expression</span> <span class="c1"># if return id missing the function returns None</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="specify-type-parameters-in-functions">Specify Type Parameters In Functions</h3>
+<ul>
+<li>parameters before <code>/</code> can only be <em>positional</em></li>
+<li>parameters between <code>/</code> and <code>*</code> can be <em>positional</em> or <em>keyworded</em></li>
+<li>parameters after <code>*</code> can only be <em>keyworded</em></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1">1</a></span>
+<span class="normal"><a href="#__codelineno-24-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="k">def</span> <span class="nf">func</span> <span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">,</span> <span class="o">/</span><span class="p">,</span> <span class="n">c</span><span class="p">,</span> <span class="n">d</span><span class="p">,</span> <span class="o">*</span><span class="p">,</span> <span class="n">e</span><span class="p">,</span> <span class="n">f</span><span class="p">):</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a>     <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="docstring-style">Docstring Style</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-25-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-25-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-25-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-25-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-25-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-25-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-25-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-25-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-25-10">10</a></span>
+<span class="normal"><a href="#__codelineno-25-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="sd">&quot;&quot;&quot;function description</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a><span class="sd">Args:</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="sd">     argument: Type - description of the parameter</span>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a><span class="sd">Returns:</span>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="sd">     Type - description of &lt;expr&gt;</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a><span class="sd">Raises:</span>
+<a id="__codelineno-25-10" name="__codelineno-25-10"></a><span class="sd">     Exception: Cause of the exception</span>
+<a id="__codelineno-25-11" name="__codelineno-25-11"></a><span class="sd">&quot;&quot;&quot;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="args-kwargs"><em>args </em>*kwargs</h3>
+<p><code>*args</code> allows the function to accept a variable number of parameters (parameters stored in a tuple)
+<code>**kwargs</code> allows the function to accept a variable number of key-value parameters (parameters stored in a dictionary)</p>
+<p>When used in combination <code>*args</code> always goes before<code>**kwargs</code> (in def function and in function call)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="k">def</span> <span class="nf">func</span><span class="p">(</span><span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">):</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a>    <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="function-with-default-parameters">Function with default parameters</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span>
+<span class="normal"><a href="#__codelineno-27-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="k">def</span> <span class="nf">function</span><span class="p">(</span><span class="n">parameter1</span> <span class="o">=</span> <span class="n">value1</span><span class="p">,</span> <span class="n">parameter2</span> <span class="o">=</span> <span class="n">value3</span><span class="p">):</span> <span class="c1"># default values in case of omitted use of arguments in the call</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a>     <span class="k">return</span> <span class="n">expression</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="n">function</span><span class="p">(</span><span class="n">parameter2</span> <span class="o">=</span> <span class="n">value2</span><span class="p">,</span> <span class="n">parameter1</span> <span class="o">=</span> <span class="n">value1</span><span class="p">)</span> <span class="c1"># arguments passed with keyword to enforce the order of reference</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="global-and-local-variables">Global And Local Variables</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span>
+<span class="normal"><a href="#__codelineno-28-5">5</a></span>
+<span class="normal"><a href="#__codelineno-28-6">6</a></span>
+<span class="normal"><a href="#__codelineno-28-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="c1"># global scope</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="k">def</span> <span class="nf">external_func</span><span class="p">():</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a>     <span class="c1"># enclosing local scope</span>
+<a id="__codelineno-28-5" name="__codelineno-28-5"></a>
+<a id="__codelineno-28-6" name="__codelineno-28-6"></a>     <span class="k">def</span> <span class="nf">internal_func</span><span class="p">():</span>
+<a id="__codelineno-28-7" name="__codelineno-28-7"></a>         <span class="c1"># local scope</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>LEGB Rule</strong>:</p>
+<ul>
+<li><strong>L</strong> - <strong>Local</strong>: Names assigned in any way within a function (<code>def</code> or <code>lambda</code>), and not declared global in that function.</li>
+<li><strong>E</strong> - <strong>Enclosing function locals</strong>: Names in the local scope of any and all enclosing functions (<code>def</code> or <code>lambda</code>), from inner to outer.</li>
+<li><strong>G</strong> - <strong>Global</strong> (module): Names assigned at the top-level of a module file, or declared global in a def within the file.</li>
+<li><strong>B</strong> - <strong>Built-in</strong> (Python): Names preassigned in the built-in names module : <code>open</code>, <code>range</code>, <code>SyntaxError</code>,...</li>
+</ul>
+<p><code>Note</code>: variables declared inside a function are not usable outside</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1">1</a></span>
+<span class="normal"><a href="#__codelineno-29-2">2</a></span>
+<span class="normal"><a href="#__codelineno-29-3">3</a></span>
+<span class="normal"><a href="#__codelineno-29-4">4</a></span>
+<span class="normal"><a href="#__codelineno-29-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="k">def</span> <span class="nf">function</span><span class="p">():</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a>     <span class="c1"># global statement makes a variable global</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a>     <span class="c1"># actions on global variable within the function also have an effect outside</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a>     <span class="k">global</span> <span class="n">variable</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="iterables-iterators-generators">Iterables, Iterators &amp; Generators</h3>
+<p><strong>Iterable</strong>: object implementing <code>__iter __()</code>, sequences and objects supporting <code>__getitem__</code> with index <code>0</code></p>
+<p><strong>Iterator</strong>: object implementing <code>__next__</code> and <code>__iter__</code> (<strong>iterator protocol</strong>), when entirely consumed by <code>next()</code> it becomes unusable. Returns <code>StopIteration</code> when <code>next()</code> has returned all elements.</p>
+<p><strong>Generator Function</strong>: function with keyword <code>yield</code> (if present also <code>return</code> causes <code>StopIteration</code>), returns a generator that produces the values ​​one at a time.</p>
+<p><strong>Generator Factory</strong>: generator returning function (may not contain <code>yield</code>).</p>
+<p>Operation <code>iter()</code>:</p>
+<ul>
+<li>calls <code>__iter__()</code></li>
+<li>in the absence of it python uses <code>__getitem__()</code> (if present) to create an iterator that tries to retrieve the items in order, starting from the index <code>0</code></li>
+<li>on failure it returns <code>TypeError</code></li>
+</ul>
+<p><strong>Note</strong>: <code>abc.Iterable</code> does not check for the presence of <code>__getitem__</code> to decide if a sub-object is a member therefore the best test for iterability is to use <code>iter()</code> and handle exceptions.</p>
+<h3 id="next-iter"><code>next()</code> &amp; <code>iter()</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span>
+<span class="normal"><a href="#__codelineno-30-5">5</a></span>
+<span class="normal"><a href="#__codelineno-30-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="nb">next</span><span class="p">(</span><span class="n">iterable</span><span class="p">)</span> <span class="c1"># next item of the iterable or error StopIteration</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a><span class="nb">iter</span><span class="p">(</span><span class="nb">object</span><span class="p">)</span> <span class="c1"># get an iterator from an object</span>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="c1"># call callable_onj.next () with no arguments as long as it returns non-sentinel values</span>
+<a id="__codelineno-30-5" name="__codelineno-30-5"></a>
+<a id="__codelineno-30-6" name="__codelineno-30-6"></a><span class="nb">iter</span><span class="p">(</span><span class="n">callable_obj</span><span class="p">,</span> <span class="n">sentinel</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="customs-generators">Customs Generators</h3>
+<p>Used to generate a sequence of values to be used once (they are not stored)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span>
+<span class="normal"><a href="#__codelineno-31-2">2</a></span>
+<span class="normal"><a href="#__codelineno-31-3">3</a></span>
+<span class="normal"><a href="#__codelineno-31-4">4</a></span>
+<span class="normal"><a href="#__codelineno-31-5">5</a></span>
+<span class="normal"><a href="#__codelineno-31-6">6</a></span>
+<span class="normal"><a href="#__codelineno-31-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="k">def</span> <span class="nf">custom_generator</span><span class="p">(</span><span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a>     <span class="k">while</span> <span class="n">condition</span><span class="p">:</span> <span class="c1"># or for loop</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a>         <span class="k">yield</span> <span class="n">variable</span> <span class="c1"># returns the value without terminating the function, values passed to the caller without storing in a variable</span>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="c1"># generator implementation</span>
+<a id="__codelineno-31-6" name="__codelineno-31-6"></a><span class="k">for</span> <span class="n">item</span> <span class="ow">in</span> <span class="n">custom_generator</span><span class="p">(</span><span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-31-7" name="__codelineno-31-7"></a>     <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="termination-generator-and-exception-handling">Termination Generator And Exception Handling</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1">1</a></span>
+<span class="normal"><a href="#__codelineno-32-2">2</a></span>
+<span class="normal"><a href="#__codelineno-32-3">3</a></span>
+<span class="normal"><a href="#__codelineno-32-4">4</a></span>
+<span class="normal"><a href="#__codelineno-32-5">5</a></span>
+<span class="normal"><a href="#__codelineno-32-6">6</a></span>
+<span class="normal"><a href="#__codelineno-32-7">7</a></span>
+<span class="normal"><a href="#__codelineno-32-8">8</a></span>
+<span class="normal"><a href="#__codelineno-32-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="c1"># raise exception at the suspension point and return generator value</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="c1"># if the generator terminates without returning values it raises StopIteration</span>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="c1"># if an exception is not handled it is propagated to the caller</span>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="n">generator</span><span class="o">.</span><span class="n">throw</span><span class="p">(</span><span class="n">ExceptionType</span><span class="p">,</span> <span class="n">exception_value</span><span class="p">,</span> <span class="n">traceback</span><span class="p">)</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a>
+<a id="__codelineno-32-6" name="__codelineno-32-6"></a><span class="c1"># raises GeneratorExit to the point of suspension</span>
+<a id="__codelineno-32-7" name="__codelineno-32-7"></a><span class="c1"># if generator returns a value -&gt; RuntimeError</span>
+<a id="__codelineno-32-8" name="__codelineno-32-8"></a><span class="c1"># if an exception is raised it propagates to the caller</span>
+<a id="__codelineno-32-9" name="__codelineno-32-9"></a><span class="n">generator</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="generator-comprehensions">Generator Comprehensions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span>
+<span class="normal"><a href="#__codelineno-33-4">4</a></span>
+<span class="normal"><a href="#__codelineno-33-5">5</a></span>
+<span class="normal"><a href="#__codelineno-33-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="c1"># zero-length sequence (instantaneously generated values)</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="n">var</span> <span class="o">=</span> <span class="p">(</span><span class="k">for</span> <span class="n">expression</span> <span class="n">iterable</span> <span class="ow">in</span> <span class="n">sequence</span> <span class="k">if</span> <span class="n">condition</span><span class="p">)</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="c1"># EDUCATION ENUMERATE ()</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a><span class="c1"># returns a list of tuples associating a position index to each element of the sequence</span>
+<a id="__codelineno-33-5" name="__codelineno-33-5"></a><span class="c1"># [(0, sequence [0]), (1, sequence [1]), (2, sequence [2]), ...)</span>
+<a id="__codelineno-33-6" name="__codelineno-33-6"></a><span class="nb">enumerate</span><span class="p">(</span><span class="n">sequence</span><span class="p">)</span> <span class="c1"># -&gt; enumerate object</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="coroutines">Coroutines</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-34-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-34-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-34-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-34-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-34-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-34-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-34-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-34-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-34-10">10</a></span>
+<span class="normal"><a href="#__codelineno-34-11">11</a></span>
+<span class="normal"><a href="#__codelineno-34-12">12</a></span>
+<span class="normal"><a href="#__codelineno-34-13">13</a></span>
+<span class="normal"><a href="#__codelineno-34-14">14</a></span>
+<span class="normal"><a href="#__codelineno-34-15">15</a></span>
+<span class="normal"><a href="#__codelineno-34-16">16</a></span>
+<span class="normal"><a href="#__codelineno-34-17">17</a></span>
+<span class="normal"><a href="#__codelineno-34-18">18</a></span>
+<span class="normal"><a href="#__codelineno-34-19">19</a></span>
+<span class="normal"><a href="#__codelineno-34-20">20</a></span>
+<span class="normal"><a href="#__codelineno-34-21">21</a></span>
+<span class="normal"><a href="#__codelineno-34-22">22</a></span>
+<span class="normal"><a href="#__codelineno-34-23">23</a></span>
+<span class="normal"><a href="#__codelineno-34-24">24</a></span>
+<span class="normal"><a href="#__codelineno-34-25">25</a></span>
+<span class="normal"><a href="#__codelineno-34-26">26</a></span>
+<span class="normal"><a href="#__codelineno-34-27">27</a></span>
+<span class="normal"><a href="#__codelineno-34-28">28</a></span>
+<span class="normal"><a href="#__codelineno-34-29">29</a></span>
+<span class="normal"><a href="#__codelineno-34-30">30</a></span>
+<span class="normal"><a href="#__codelineno-34-31">31</a></span>
+<span class="normal"><a href="#__codelineno-34-32">32</a></span>
+<span class="normal"><a href="#__codelineno-34-33">33</a></span>
+<span class="normal"><a href="#__codelineno-34-34">34</a></span>
+<span class="normal"><a href="#__codelineno-34-35">35</a></span>
+<span class="normal"><a href="#__codelineno-34-36">36</a></span>
+<span class="normal"><a href="#__codelineno-34-37">37</a></span>
+<span class="normal"><a href="#__codelineno-34-38">38</a></span>
+<span class="normal"><a href="#__codelineno-34-39">39</a></span>
+<span class="normal"><a href="#__codelineno-34-40">40</a></span>
+<span class="normal"><a href="#__codelineno-34-41">41</a></span>
+<span class="normal"><a href="#__codelineno-34-42">42</a></span>
+<span class="normal"><a href="#__codelineno-34-43">43</a></span>
+<span class="normal"><a href="#__codelineno-34-44">44</a></span>
+<span class="normal"><a href="#__codelineno-34-45">45</a></span>
+<span class="normal"><a href="#__codelineno-34-46">46</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="k">def</span> <span class="nf">simple_coroutine</span><span class="p">():</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="w">    </span><span class="sd">&quot;&quot;&quot;coroutine defined as a generator: yield in block&quot;&quot;&quot;</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a>    <span class="c1"># yield in expression to receive data</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a>    <span class="c1"># returns None (no variables on the right of yield)</span>
+<a id="__codelineno-34-6" name="__codelineno-34-6"></a>    <span class="n">var</span> <span class="o">=</span> <span class="k">yield</span> <span class="n">value</span> <span class="c1"># returns value and then suspends coroutine waiting for input</span>
+<a id="__codelineno-34-7" name="__codelineno-34-7"></a>    <span class="c1"># instructions to the right of = executed before instructions to the left of =</span>
+<a id="__codelineno-34-8" name="__codelineno-34-8"></a>
+<a id="__codelineno-34-9" name="__codelineno-34-9"></a><span class="n">gen_obj</span> <span class="o">=</span> <span class="n">simple_coroutine</span><span class="p">()</span> <span class="c1"># returns generator object</span>
+<a id="__codelineno-34-10" name="__codelineno-34-10"></a><span class="nb">next</span><span class="p">(</span><span class="n">gen_obj</span><span class="p">)</span> <span class="c1"># start coroutine (PRIMING)</span>
+<a id="__codelineno-34-11" name="__codelineno-34-11"></a><span class="n">gen_obj</span><span class="o">.</span><span class="n">send</span><span class="p">(</span><span class="kc">None</span><span class="p">)</span> <span class="c1"># start coroutine (PRIMING)</span>
+<a id="__codelineno-34-12" name="__codelineno-34-12"></a><span class="n">gen_obj</span><span class="o">.</span><span class="n">send</span><span class="p">(</span><span class="n">value</span><span class="p">)</span> <span class="c1"># send value to the coroutine (only possible in suspended state)</span>
+<a id="__codelineno-34-13" name="__codelineno-34-13"></a>
+<a id="__codelineno-34-14" name="__codelineno-34-14"></a><span class="c1"># STATES OF COROUTINE</span>
+<a id="__codelineno-34-15" name="__codelineno-34-15"></a><span class="n">inspect</span><span class="o">.</span><span class="n">generatorstate</span><span class="p">()</span> <span class="c1"># returns the status of the coroutine</span>
+<a id="__codelineno-34-16" name="__codelineno-34-16"></a><span class="c1"># GEN_CREATED: waiting to start execution</span>
+<a id="__codelineno-34-17" name="__codelineno-34-17"></a><span class="c1"># GEN_RUNNING: currently run by the interpreter (visible if multithreaded)</span>
+<a id="__codelineno-34-18" name="__codelineno-34-18"></a><span class="c1"># GEN_SUSPENDED: currently suspended by yield statement</span>
+<a id="__codelineno-34-19" name="__codelineno-34-19"></a><span class="c1"># GEN_CLOSED: execution completed successfully</span>
+<a id="__codelineno-34-20" name="__codelineno-34-20"></a>
+<a id="__codelineno-34-21" name="__codelineno-34-21"></a><span class="c1"># COROUTINE PRIMING</span>
+<a id="__codelineno-34-22" name="__codelineno-34-22"></a><span class="kn">from</span> <span class="nn">functools</span> <span class="kn">import</span> <span class="n">wraps</span>
+<a id="__codelineno-34-23" name="__codelineno-34-23"></a>
+<a id="__codelineno-34-24" name="__codelineno-34-24"></a><span class="k">def</span> <span class="nf">coroutine</span><span class="p">(</span><span class="n">func</span><span class="p">):</span>
+<a id="__codelineno-34-25" name="__codelineno-34-25"></a>    <span class="s2">&quot;Decorator: primes &#39;func&#39; by advancing to first &#39;yield&#39;&quot;</span>
+<a id="__codelineno-34-26" name="__codelineno-34-26"></a>
+<a id="__codelineno-34-27" name="__codelineno-34-27"></a>    <span class="nd">@wraps</span><span class="p">(</span><span class="n">func</span><span class="p">)</span>
+<a id="__codelineno-34-28" name="__codelineno-34-28"></a>    <span class="k">def</span> <span class="nf">primer</span><span class="p">(</span><span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">):</span>
+<a id="__codelineno-34-29" name="__codelineno-34-29"></a>        <span class="n">gen</span> <span class="o">=</span> <span class="n">func</span><span class="p">(</span><span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
+<a id="__codelineno-34-30" name="__codelineno-34-30"></a>        <span class="nb">next</span><span class="p">(</span><span class="n">gen</span><span class="p">)</span>
+<a id="__codelineno-34-31" name="__codelineno-34-31"></a>        <span class="k">return</span> <span class="n">gen</span>
+<a id="__codelineno-34-32" name="__codelineno-34-32"></a>    <span class="k">return</span> <span class="n">primer</span>
+<a id="__codelineno-34-33" name="__codelineno-34-33"></a>
+<a id="__codelineno-34-34" name="__codelineno-34-34"></a><span class="c1"># COROUTINE TERMINATION AND EXCEPTION HANDLING</span>
+<a id="__codelineno-34-35" name="__codelineno-34-35"></a><span class="c1"># exceptions in unhandled coroutines propagate to subsequent iterations</span>
+<a id="__codelineno-34-36" name="__codelineno-34-36"></a><span class="c1"># an exception causes the coroutine to terminate which it cannot resume</span>
+<a id="__codelineno-34-37" name="__codelineno-34-37"></a>
+<a id="__codelineno-34-38" name="__codelineno-34-38"></a><span class="c1"># yield raises exception, if handled loop continues</span>
+<a id="__codelineno-34-39" name="__codelineno-34-39"></a><span class="c1"># throw() returns value of the generator</span>
+<a id="__codelineno-34-40" name="__codelineno-34-40"></a><span class="n">coroutine</span><span class="o">.</span><span class="n">throw</span><span class="p">(</span><span class="n">exc_type</span><span class="p">,</span> <span class="n">exc_value</span><span class="p">,</span> <span class="n">traceback</span><span class="p">)</span>
+<a id="__codelineno-34-41" name="__codelineno-34-41"></a>
+<a id="__codelineno-34-42" name="__codelineno-34-42"></a><span class="c1"># yield raises GeneratorExit to the suspension point</span>
+<a id="__codelineno-34-43" name="__codelineno-34-43"></a><span class="c1"># if the generator yields a value -&gt; RuntimeError</span>
+<a id="__codelineno-34-44" name="__codelineno-34-44"></a><span class="c1"># if there are other exceptions they are propagated to the caller</span>
+<a id="__codelineno-34-45" name="__codelineno-34-45"></a><span class="n">coroutine</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
+<a id="__codelineno-34-46" name="__codelineno-34-46"></a><span class="c1"># coroutine state becomes GEN_CLOSED</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="yield-from-iterabile"><code>yield from &lt;iterabile&gt;</code></h3>
+<p><strong>Note</strong>: auto-priming generators incompatible with <code>yield from</code></p>
+<p><strong>DELEGATING GENERATOR</strong>: generator function containing <code>yield from</code>
+<strong>SUBGENERATOR</strong>: generator obtained from <code>yield from</code>
+<strong>CALLER-CLIENT</strong>: code calling <em>delegating generator</em></p>
+<p>The main function of <code>yield from</code> is to open a bidirectional channel between the external caller (<em>client</em>) and the internal <em>subgenerator</em> so that values and exceptions can pass between the two.</p>
+<ol>
+<li>client calls delegating generator, delegating generator calls subgenerator</li>
+<li>exhausted subgenerator returns value to <code>yield from &lt;expr&gt;</code> (<code>return &lt;result&gt;</code> statement)</li>
+<li>
+<p>delegating generator returns <code>&lt;expr&gt;</code> to client</p>
+</li>
+<li>
+<p>Any values that the subgenerator yields are passed directly to the caller of the delegating generator (i.e., the client code).</p>
+</li>
+<li>
+<p>Any values sent to the delegating generator using <code>send()</code> are passed directly to the subgenerator.</p>
+</li>
+<li>If the sent value is <code>None</code>, the subgenerator's <code>__next__()</code> method is called.</li>
+<li>If the sent value is not <code>None</code>, the subgenerator's <code>send()</code> method is called.</li>
+<li>If the call raises <code>StopIteration</code>, the delegating generator is resumed.</li>
+<li>
+<p>Any other exception is propagated to the delegating generator.</p>
+</li>
+<li>
+<p><code>return &lt;expr&gt;</code> in a generator (or subgenerator) causes <code>StopIteration(&lt;expr&gt;)</code> to be raised upon exit from the generator.</p>
+</li>
+<li>
+<p>The value of the <code>yield from</code> expression is the first argument to the <code>StopIteration</code> exception raised by the subgenerator when it terminates.</p>
+</li>
+<li>
+<p>Exceptions other than <code>GeneratorExit</code> thrown into the delegating generator are passed to the <code>throw()</code> method of the subgenerator.</p>
+</li>
+<li>If the call raises <code>StopIteration</code>, the delegating generator is resumed.</li>
+<li>
+<p>Any other exception is propagated to the delegating generator.</p>
+</li>
+<li>
+<p>If a <code>GeneratorExit</code> exception is thrown into the delegating generator, or the <code>close()</code> method of the delegating generator is called, then the <code>close()</code> method of the subgenerator is called if it has one.</p>
+</li>
+<li>If this call results in an exception, it is propagated to the delegating generator.</li>
+<li>Otherwise, <code>GeneratorExit</code> is raised in the delegating generator</li>
+</ol>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-35-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-35-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-35-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-35-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-35-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-35-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-35-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-35-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-35-10">10</a></span>
+<span class="normal"><a href="#__codelineno-35-11">11</a></span>
+<span class="normal"><a href="#__codelineno-35-12">12</a></span>
+<span class="normal"><a href="#__codelineno-35-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="k">def</span> <span class="nf">sub_gen</span><span class="p">():</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a>     <span class="n">sent_input</span> <span class="o">=</span> <span class="k">yield</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a>     <span class="c1"># result of sub_gen() returned to delegating_gen()</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a>     <span class="c1"># result of yield from &lt;expr&gt;</span>
+<a id="__codelineno-35-5" name="__codelineno-35-5"></a>
+<a id="__codelineno-35-6" name="__codelineno-35-6"></a>     <span class="k">return</span> <span class="n">result</span>
+<a id="__codelineno-35-7" name="__codelineno-35-7"></a>
+<a id="__codelineno-35-8" name="__codelineno-35-8"></a><span class="k">def</span> <span class="nf">delegating_gen</span><span class="p">(</span><span class="n">var</span><span class="p">):</span>
+<a id="__codelineno-35-9" name="__codelineno-35-9"></a>     <span class="n">var</span> <span class="o">=</span> <span class="k">yield from</span> <span class="n">sub_gen</span><span class="p">()</span> <span class="c1"># get values from sub_gen</span>
+<a id="__codelineno-35-10" name="__codelineno-35-10"></a>
+<a id="__codelineno-35-11" name="__codelineno-35-11"></a><span class="k">def</span> <span class="nf">client</span><span class="p">():</span>
+<a id="__codelineno-35-12" name="__codelineno-35-12"></a>     <span class="n">result</span> <span class="o">=</span> <span class="n">delegating_gen</span><span class="p">()</span> <span class="c1"># use delegating_gen</span>
+<a id="__codelineno-35-13" name="__codelineno-35-13"></a>     <span class="n">result</span><span class="o">.</span><span class="n">send</span><span class="p">(</span><span class="kc">None</span><span class="p">)</span> <span class="c1"># terminate sub_gen instance (IMPORTANT)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="lambda-functions">LAMBDA Functions</h2>
+<p>Possible use within functions. Useful for replacing functions if the logic is simple.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="n">var</span> <span class="o">=</span> <span class="k">lambda</span> <span class="n">argument_list</span><span class="p">:</span> <span class="o">&lt;</span><span class="n">expression</span><span class="o">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="object-oriented-programming">Object Oriented Programming</h2>
+<h3 id="class-definition">Class Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span>
+<span class="normal"><a href="#__codelineno-37-13">13</a></span>
+<span class="normal"><a href="#__codelineno-37-14">14</a></span>
+<span class="normal"><a href="#__codelineno-37-15">15</a></span>
+<span class="normal"><a href="#__codelineno-37-16">16</a></span>
+<span class="normal"><a href="#__codelineno-37-17">17</a></span>
+<span class="normal"><a href="#__codelineno-37-18">18</a></span>
+<span class="normal"><a href="#__codelineno-37-19">19</a></span>
+<span class="normal"><a href="#__codelineno-37-20">20</a></span>
+<span class="normal"><a href="#__codelineno-37-21">21</a></span>
+<span class="normal"><a href="#__codelineno-37-22">22</a></span>
+<span class="normal"><a href="#__codelineno-37-23">23</a></span>
+<span class="normal"><a href="#__codelineno-37-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="k">class</span> <span class="nc">Class</span><span class="p">:</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a>    <span class="n">static_var</span> <span class="o">=</span> <span class="n">expression</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">value_1</span><span class="p">,</span> <span class="n">value_2</span><span class="p">):</span> <span class="c1"># parameterized default constructor</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a>        <span class="bp">self</span><span class="o">.</span><span class="n">variable</span> <span class="o">=</span> <span class="n">value_1</span> <span class="c1"># create instance variables</span>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a>        <span class="bp">self</span><span class="o">.</span><span class="n">__private</span> <span class="o">=</span> <span class="n">value_2</span> <span class="c1"># private, accessed via NAME MANGLING</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a>    <span class="k">def</span> <span class="nf">method</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a>        <span class="o">...</span>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a>    <span class="nd">@staticmethod</span>
+<a id="__codelineno-37-13" name="__codelineno-37-13"></a>    <span class="k">def</span> <span class="nf">static_method</span><span class="p">(</span><span class="n">parameters</span><span class="p">):</span> <span class="c1"># static methods do not affect instance variables (SELF not needed)</span>
+<a id="__codelineno-37-14" name="__codelineno-37-14"></a>        <span class="o">...</span>
+<a id="__codelineno-37-15" name="__codelineno-37-15"></a>
+<a id="__codelineno-37-16" name="__codelineno-37-16"></a>    <span class="nd">@classmethod</span> <span class="c1"># method acting on the class and not on the object (useful for alternative constructors)</span>
+<a id="__codelineno-37-17" name="__codelineno-37-17"></a>    <span class="k">def</span> <span class="nf">class_method</span><span class="p">(</span><span class="bp">cls</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-37-18" name="__codelineno-37-18"></a>        <span class="o">...</span>
+<a id="__codelineno-37-19" name="__codelineno-37-19"></a>
+<a id="__codelineno-37-20" name="__codelineno-37-20"></a>    <span class="nb">object</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span> <span class="c1"># creation of an object</span>
+<a id="__codelineno-37-21" name="__codelineno-37-21"></a>    <span class="nb">object</span><span class="o">.</span><span class="n">variable</span> <span class="o">=</span> <span class="n">expression</span> <span class="c1"># edit public variable</span>
+<a id="__codelineno-37-22" name="__codelineno-37-22"></a>    <span class="nb">object</span><span class="o">.</span><span class="n">method</span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span> <span class="c1"># invocation method of instance</span>
+<a id="__codelineno-37-23" name="__codelineno-37-23"></a>    <span class="nb">object</span><span class="o">.</span><span class="n">_Class__private</span> <span class="c1"># access to variable specifying the membership class (NAME MANGLING)</span>
+<a id="__codelineno-37-24" name="__codelineno-37-24"></a>    <span class="n">Class</span><span class="o">.</span><span class="n">method</span><span class="p">(</span><span class="n">parameters</span><span class="p">)</span> <span class="c1"># static method invocation</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="setter-getter-with-property">Setter &amp; Getter with <code>@Property</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-38-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-38-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-38-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-38-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-38-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-38-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-38-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-38-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-38-10">10</a></span>
+<span class="normal"><a href="#__codelineno-38-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="k">class</span> <span class="nc">Class</span><span class="p">:</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a>     <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameter</span><span class="p">):</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a>         <span class="bp">self</span><span class="o">.</span><span class="n">__parameter</span> <span class="o">=</span> <span class="n">parameter</span>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a>     <span class="nd">@property</span> <span class="c1"># getter</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a>     <span class="k">def</span> <span class="nf">parameter</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a>         <span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">__parameter</span>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a>
+<a id="__codelineno-38-9" name="__codelineno-38-9"></a>     <span class="o">@&lt;</span><span class="n">parameter</span><span class="o">&gt;.</span><span class="n">setter</span>
+<a id="__codelineno-38-10" name="__codelineno-38-10"></a>     <span class="k">def</span> <span class="nf">parameter</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">value</span><span class="p">):</span>
+<a id="__codelineno-38-11" name="__codelineno-38-11"></a>         <span class="bp">self</span><span class="o">.</span><span class="n">__parameter</span> <span class="o">=</span> <span class="n">value</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="__slots__"><code>__slots__</code></h3>
+<p>The <code>__slots__</code> attribute implements the <strong>Flyweight Design Pattern</strong>: it saves the instance attributes in a tuple and can be used to decrease the cost in memory by inserting only the instance variables into it (suppress the instance dictionary).</p>
+<p><strong>Default</strong>: attributes saved in a dictionary (<code>object .__ dict__</code>)
+<strong>Usage</strong>: <code>__slots_ = [attributes]</code></p>
+<p><code>__slots__</code> is not inherited by subclasses, it prevents dynamically adding attributes.</p>
+<h3 id="inner-classes">Inner Classes</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-39-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-39-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-39-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-39-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-39-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-39-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-39-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-39-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-39-10">10</a></span>
+<span class="normal"><a href="#__codelineno-39-11">11</a></span>
+<span class="normal"><a href="#__codelineno-39-12">12</a></span>
+<span class="normal"><a href="#__codelineno-39-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="k">class</span> <span class="nc">Class</span><span class="p">:</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a>     <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a>         <span class="o">...</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a>     <span class="k">class</span> <span class="nc">InnerClass</span><span class="p">:</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a>         <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-39-7" name="__codelineno-39-7"></a>             <span class="o">...</span>
+<a id="__codelineno-39-8" name="__codelineno-39-8"></a>
+<a id="__codelineno-39-9" name="__codelineno-39-9"></a>         <span class="k">def</span> <span class="nf">method</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-39-10" name="__codelineno-39-10"></a>             <span class="o">...</span>
+<a id="__codelineno-39-11" name="__codelineno-39-11"></a>
+<a id="__codelineno-39-12" name="__codelineno-39-12"></a><span class="n">object_1</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">arguments</span><span class="p">)</span> <span class="c1"># create &#39;external&#39; class</span>
+<a id="__codelineno-39-13" name="__codelineno-39-13"></a><span class="n">object_2</span> <span class="o">=</span> <span class="n">Class</span><span class="o">.</span><span class="n">InnerClass</span><span class="p">(</span><span class="n">arguments</span><span class="p">)</span> <span class="c1"># inner class created as object of the &#39;external&#39; class</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="special-methods">Special Methods</h3>
+<p>Special methods are defined by the use of double underscores; they allow the use of specific functions (possibly adapted) on the objects defined by the class.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-40-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-40-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-40-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-40-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-40-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-40-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-40-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-40-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-40-10">10</a></span>
+<span class="normal"><a href="#__codelineno-40-11">11</a></span>
+<span class="normal"><a href="#__codelineno-40-12">12</a></span>
+<span class="normal"><a href="#__codelineno-40-13">13</a></span>
+<span class="normal"><a href="#__codelineno-40-14">14</a></span>
+<span class="normal"><a href="#__codelineno-40-15">15</a></span>
+<span class="normal"><a href="#__codelineno-40-16">16</a></span>
+<span class="normal"><a href="#__codelineno-40-17">17</a></span>
+<span class="normal"><a href="#__codelineno-40-18">18</a></span>
+<span class="normal"><a href="#__codelineno-40-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="k">class</span> <span class="nc">Class</span><span class="p">():</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a>     <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a>         <span class="n">instructions</span>
+<a id="__codelineno-40-5" name="__codelineno-40-5"></a>
+<a id="__codelineno-40-6" name="__codelineno-40-6"></a>     <span class="c1"># used by str() and print() method</span>
+<a id="__codelineno-40-7" name="__codelineno-40-7"></a>     <span class="c1"># handle requests for impersonation as a string</span>
+<a id="__codelineno-40-8" name="__codelineno-40-8"></a>     <span class="k">def</span> <span class="fm">__str__</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-40-9" name="__codelineno-40-9"></a>         <span class="k">return</span> <span class="n">expression</span> <span class="c1"># return required</span>
+<a id="__codelineno-40-10" name="__codelineno-40-10"></a>
+<a id="__codelineno-40-11" name="__codelineno-40-11"></a>     <span class="k">def</span> <span class="fm">__len__</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-40-12" name="__codelineno-40-12"></a>         <span class="k">return</span> <span class="n">expression</span> <span class="c1"># must return as len requires a length / size</span>
+<a id="__codelineno-40-13" name="__codelineno-40-13"></a>
+<a id="__codelineno-40-14" name="__codelineno-40-14"></a>     <span class="k">def</span> <span class="fm">__del__</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c1"># delete the class instance</span>
+<a id="__codelineno-40-15" name="__codelineno-40-15"></a>         <span class="n">instruction</span> <span class="c1"># any instructions that occur on deletion</span>
+<a id="__codelineno-40-16" name="__codelineno-40-16"></a>
+<a id="__codelineno-40-17" name="__codelineno-40-17"></a><span class="nb">object</span> <span class="o">=</span> <span class="n">Class</span><span class="p">()</span>
+<a id="__codelineno-40-18" name="__codelineno-40-18"></a><span class="nb">len</span><span class="p">(</span><span class="nb">object</span><span class="p">)</span> <span class="c1"># special function applied to an object</span>
+<a id="__codelineno-40-19" name="__codelineno-40-19"></a><span class="k">del</span> <span class="nb">object</span> <span class="c1"># delete object</span>
+</code></pre></div></td></tr></table></div>
+<h4 id="special-methods-list">Special Methods List</h4>
+<p><strong>Note</strong>: if the operator cannot be applied, returns <code>NotImplemented</code></p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1">  1</a></span>
+<span class="normal"><a href="#__codelineno-41-2">  2</a></span>
+<span class="normal"><a href="#__codelineno-41-3">  3</a></span>
+<span class="normal"><a href="#__codelineno-41-4">  4</a></span>
+<span class="normal"><a href="#__codelineno-41-5">  5</a></span>
+<span class="normal"><a href="#__codelineno-41-6">  6</a></span>
+<span class="normal"><a href="#__codelineno-41-7">  7</a></span>
+<span class="normal"><a href="#__codelineno-41-8">  8</a></span>
+<span class="normal"><a href="#__codelineno-41-9">  9</a></span>
+<span class="normal"><a href="#__codelineno-41-10"> 10</a></span>
+<span class="normal"><a href="#__codelineno-41-11"> 11</a></span>
+<span class="normal"><a href="#__codelineno-41-12"> 12</a></span>
+<span class="normal"><a href="#__codelineno-41-13"> 13</a></span>
+<span class="normal"><a href="#__codelineno-41-14"> 14</a></span>
+<span class="normal"><a href="#__codelineno-41-15"> 15</a></span>
+<span class="normal"><a href="#__codelineno-41-16"> 16</a></span>
+<span class="normal"><a href="#__codelineno-41-17"> 17</a></span>
+<span class="normal"><a href="#__codelineno-41-18"> 18</a></span>
+<span class="normal"><a href="#__codelineno-41-19"> 19</a></span>
+<span class="normal"><a href="#__codelineno-41-20"> 20</a></span>
+<span class="normal"><a href="#__codelineno-41-21"> 21</a></span>
+<span class="normal"><a href="#__codelineno-41-22"> 22</a></span>
+<span class="normal"><a href="#__codelineno-41-23"> 23</a></span>
+<span class="normal"><a href="#__codelineno-41-24"> 24</a></span>
+<span class="normal"><a href="#__codelineno-41-25"> 25</a></span>
+<span class="normal"><a href="#__codelineno-41-26"> 26</a></span>
+<span class="normal"><a href="#__codelineno-41-27"> 27</a></span>
+<span class="normal"><a href="#__codelineno-41-28"> 28</a></span>
+<span class="normal"><a href="#__codelineno-41-29"> 29</a></span>
+<span class="normal"><a href="#__codelineno-41-30"> 30</a></span>
+<span class="normal"><a href="#__codelineno-41-31"> 31</a></span>
+<span class="normal"><a href="#__codelineno-41-32"> 32</a></span>
+<span class="normal"><a href="#__codelineno-41-33"> 33</a></span>
+<span class="normal"><a href="#__codelineno-41-34"> 34</a></span>
+<span class="normal"><a href="#__codelineno-41-35"> 35</a></span>
+<span class="normal"><a href="#__codelineno-41-36"> 36</a></span>
+<span class="normal"><a href="#__codelineno-41-37"> 37</a></span>
+<span class="normal"><a href="#__codelineno-41-38"> 38</a></span>
+<span class="normal"><a href="#__codelineno-41-39"> 39</a></span>
+<span class="normal"><a href="#__codelineno-41-40"> 40</a></span>
+<span class="normal"><a href="#__codelineno-41-41"> 41</a></span>
+<span class="normal"><a href="#__codelineno-41-42"> 42</a></span>
+<span class="normal"><a href="#__codelineno-41-43"> 43</a></span>
+<span class="normal"><a href="#__codelineno-41-44"> 44</a></span>
+<span class="normal"><a href="#__codelineno-41-45"> 45</a></span>
+<span class="normal"><a href="#__codelineno-41-46"> 46</a></span>
+<span class="normal"><a href="#__codelineno-41-47"> 47</a></span>
+<span class="normal"><a href="#__codelineno-41-48"> 48</a></span>
+<span class="normal"><a href="#__codelineno-41-49"> 49</a></span>
+<span class="normal"><a href="#__codelineno-41-50"> 50</a></span>
+<span class="normal"><a href="#__codelineno-41-51"> 51</a></span>
+<span class="normal"><a href="#__codelineno-41-52"> 52</a></span>
+<span class="normal"><a href="#__codelineno-41-53"> 53</a></span>
+<span class="normal"><a href="#__codelineno-41-54"> 54</a></span>
+<span class="normal"><a href="#__codelineno-41-55"> 55</a></span>
+<span class="normal"><a href="#__codelineno-41-56"> 56</a></span>
+<span class="normal"><a href="#__codelineno-41-57"> 57</a></span>
+<span class="normal"><a href="#__codelineno-41-58"> 58</a></span>
+<span class="normal"><a href="#__codelineno-41-59"> 59</a></span>
+<span class="normal"><a href="#__codelineno-41-60"> 60</a></span>
+<span class="normal"><a href="#__codelineno-41-61"> 61</a></span>
+<span class="normal"><a href="#__codelineno-41-62"> 62</a></span>
+<span class="normal"><a href="#__codelineno-41-63"> 63</a></span>
+<span class="normal"><a href="#__codelineno-41-64"> 64</a></span>
+<span class="normal"><a href="#__codelineno-41-65"> 65</a></span>
+<span class="normal"><a href="#__codelineno-41-66"> 66</a></span>
+<span class="normal"><a href="#__codelineno-41-67"> 67</a></span>
+<span class="normal"><a href="#__codelineno-41-68"> 68</a></span>
+<span class="normal"><a href="#__codelineno-41-69"> 69</a></span>
+<span class="normal"><a href="#__codelineno-41-70"> 70</a></span>
+<span class="normal"><a href="#__codelineno-41-71"> 71</a></span>
+<span class="normal"><a href="#__codelineno-41-72"> 72</a></span>
+<span class="normal"><a href="#__codelineno-41-73"> 73</a></span>
+<span class="normal"><a href="#__codelineno-41-74"> 74</a></span>
+<span class="normal"><a href="#__codelineno-41-75"> 75</a></span>
+<span class="normal"><a href="#__codelineno-41-76"> 76</a></span>
+<span class="normal"><a href="#__codelineno-41-77"> 77</a></span>
+<span class="normal"><a href="#__codelineno-41-78"> 78</a></span>
+<span class="normal"><a href="#__codelineno-41-79"> 79</a></span>
+<span class="normal"><a href="#__codelineno-41-80"> 80</a></span>
+<span class="normal"><a href="#__codelineno-41-81"> 81</a></span>
+<span class="normal"><a href="#__codelineno-41-82"> 82</a></span>
+<span class="normal"><a href="#__codelineno-41-83"> 83</a></span>
+<span class="normal"><a href="#__codelineno-41-84"> 84</a></span>
+<span class="normal"><a href="#__codelineno-41-85"> 85</a></span>
+<span class="normal"><a href="#__codelineno-41-86"> 86</a></span>
+<span class="normal"><a href="#__codelineno-41-87"> 87</a></span>
+<span class="normal"><a href="#__codelineno-41-88"> 88</a></span>
+<span class="normal"><a href="#__codelineno-41-89"> 89</a></span>
+<span class="normal"><a href="#__codelineno-41-90"> 90</a></span>
+<span class="normal"><a href="#__codelineno-41-91"> 91</a></span>
+<span class="normal"><a href="#__codelineno-41-92"> 92</a></span>
+<span class="normal"><a href="#__codelineno-41-93"> 93</a></span>
+<span class="normal"><a href="#__codelineno-41-94"> 94</a></span>
+<span class="normal"><a href="#__codelineno-41-95"> 95</a></span>
+<span class="normal"><a href="#__codelineno-41-96"> 96</a></span>
+<span class="normal"><a href="#__codelineno-41-97"> 97</a></span>
+<span class="normal"><a href="#__codelineno-41-98"> 98</a></span>
+<span class="normal"><a href="#__codelineno-41-99"> 99</a></span>
+<span class="normal"><a href="#__codelineno-41-100">100</a></span>
+<span class="normal"><a href="#__codelineno-41-101">101</a></span>
+<span class="normal"><a href="#__codelineno-41-102">102</a></span>
+<span class="normal"><a href="#__codelineno-41-103">103</a></span>
+<span class="normal"><a href="#__codelineno-41-104">104</a></span>
+<span class="normal"><a href="#__codelineno-41-105">105</a></span>
+<span class="normal"><a href="#__codelineno-41-106">106</a></span>
+<span class="normal"><a href="#__codelineno-41-107">107</a></span>
+<span class="normal"><a href="#__codelineno-41-108">108</a></span>
+<span class="normal"><a href="#__codelineno-41-109">109</a></span>
+<span class="normal"><a href="#__codelineno-41-110">110</a></span>
+<span class="normal"><a href="#__codelineno-41-111">111</a></span>
+<span class="normal"><a href="#__codelineno-41-112">112</a></span>
+<span class="normal"><a href="#__codelineno-41-113">113</a></span>
+<span class="normal"><a href="#__codelineno-41-114">114</a></span>
+<span class="normal"><a href="#__codelineno-41-115">115</a></span>
+<span class="normal"><a href="#__codelineno-41-116">116</a></span>
+<span class="normal"><a href="#__codelineno-41-117">117</a></span>
+<span class="normal"><a href="#__codelineno-41-118">118</a></span>
+<span class="normal"><a href="#__codelineno-41-119">119</a></span>
+<span class="normal"><a href="#__codelineno-41-120">120</a></span>
+<span class="normal"><a href="#__codelineno-41-121">121</a></span>
+<span class="normal"><a href="#__codelineno-41-122">122</a></span>
+<span class="normal"><a href="#__codelineno-41-123">123</a></span>
+<span class="normal"><a href="#__codelineno-41-124">124</a></span>
+<span class="normal"><a href="#__codelineno-41-125">125</a></span>
+<span class="normal"><a href="#__codelineno-41-126">126</a></span>
+<span class="normal"><a href="#__codelineno-41-127">127</a></span>
+<span class="normal"><a href="#__codelineno-41-128">128</a></span>
+<span class="normal"><a href="#__codelineno-41-129">129</a></span>
+<span class="normal"><a href="#__codelineno-41-130">130</a></span>
+<span class="normal"><a href="#__codelineno-41-131">131</a></span>
+<span class="normal"><a href="#__codelineno-41-132">132</a></span>
+<span class="normal"><a href="#__codelineno-41-133">133</a></span>
+<span class="normal"><a href="#__codelineno-41-134">134</a></span>
+<span class="normal"><a href="#__codelineno-41-135">135</a></span>
+<span class="normal"><a href="#__codelineno-41-136">136</a></span>
+<span class="normal"><a href="#__codelineno-41-137">137</a></span>
+<span class="normal"><a href="#__codelineno-41-138">138</a></span>
+<span class="normal"><a href="#__codelineno-41-139">139</a></span>
+<span class="normal"><a href="#__codelineno-41-140">140</a></span>
+<span class="normal"><a href="#__codelineno-41-141">141</a></span>
+<span class="normal"><a href="#__codelineno-41-142">142</a></span>
+<span class="normal"><a href="#__codelineno-41-143">143</a></span>
+<span class="normal"><a href="#__codelineno-41-144">144</a></span>
+<span class="normal"><a href="#__codelineno-41-145">145</a></span>
+<span class="normal"><a href="#__codelineno-41-146">146</a></span>
+<span class="normal"><a href="#__codelineno-41-147">147</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="c1"># arithmetic operators</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a><span class="fm">__add__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># +</span>
+<a id="__codelineno-41-3" name="__codelineno-41-3"></a><span class="fm">__sub__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># -</span>
+<a id="__codelineno-41-4" name="__codelineno-41-4"></a><span class="fm">__mul__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># *</span>
+<a id="__codelineno-41-5" name="__codelineno-41-5"></a><span class="fm">__matmul__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># (@) matrix multiplication</span>
+<a id="__codelineno-41-6" name="__codelineno-41-6"></a><span class="fm">__truediv__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>     <span class="c1"># /</span>
+<a id="__codelineno-41-7" name="__codelineno-41-7"></a><span class="fm">__floordiv__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>  <span class="c1"># //</span>
+<a id="__codelineno-41-8" name="__codelineno-41-8"></a><span class="fm">__mod__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># %</span>
+<a id="__codelineno-41-9" name="__codelineno-41-9"></a><span class="fm">__divmod__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># divmod()</span>
+<a id="__codelineno-41-10" name="__codelineno-41-10"></a><span class="fm">__pow__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># **, pow()</span>
+<a id="__codelineno-41-11" name="__codelineno-41-11"></a><span class="fm">__lshift__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># &lt;&lt;</span>
+<a id="__codelineno-41-12" name="__codelineno-41-12"></a><span class="fm">__rshift__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># &gt;&gt;</span>
+<a id="__codelineno-41-13" name="__codelineno-41-13"></a><span class="fm">__and__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># &amp;</span>
+<a id="__codelineno-41-14" name="__codelineno-41-14"></a><span class="fm">__xor__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># ^</span>
+<a id="__codelineno-41-15" name="__codelineno-41-15"></a><span class="fm">__or__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>          <span class="c1"># |</span>
+<a id="__codelineno-41-16" name="__codelineno-41-16"></a>
+<a id="__codelineno-41-17" name="__codelineno-41-17"></a><span class="c1"># reflex arithmetic operators</span>
+<a id="__codelineno-41-18" name="__codelineno-41-18"></a><span class="c1"># if self.__ dunder __(other) fails, other.__ dunder__(self) is called</span>
+<a id="__codelineno-41-19" name="__codelineno-41-19"></a><span class="fm">__radd__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse +</span>
+<a id="__codelineno-41-20" name="__codelineno-41-20"></a><span class="fm">__rsub__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse -</span>
+<a id="__codelineno-41-21" name="__codelineno-41-21"></a><span class="fm">__rmul__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse *</span>
+<a id="__codelineno-41-22" name="__codelineno-41-22"></a><span class="fm">__rmatmul__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># reverse @</span>
+<a id="__codelineno-41-23" name="__codelineno-41-23"></a><span class="fm">__rtruediv__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>     <span class="c1"># reverse /</span>
+<a id="__codelineno-41-24" name="__codelineno-41-24"></a><span class="fm">__rfloordiv__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>    <span class="c1"># reverse //</span>
+<a id="__codelineno-41-25" name="__codelineno-41-25"></a><span class="fm">__rmod__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse %</span>
+<a id="__codelineno-41-26" name="__codelineno-41-26"></a><span class="fm">__rdivmod__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># reverse divmod()</span>
+<a id="__codelineno-41-27" name="__codelineno-41-27"></a><span class="fm">__rpow__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse **, pow()</span>
+<a id="__codelineno-41-28" name="__codelineno-41-28"></a><span class="fm">__rlshift__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># reverse &lt;&lt;</span>
+<a id="__codelineno-41-29" name="__codelineno-41-29"></a><span class="fm">__rrshift__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># reverse &gt;&gt;</span>
+<a id="__codelineno-41-30" name="__codelineno-41-30"></a><span class="fm">__rand__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse &amp;</span>
+<a id="__codelineno-41-31" name="__codelineno-41-31"></a><span class="fm">__rxor__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># reverse ^</span>
+<a id="__codelineno-41-32" name="__codelineno-41-32"></a><span class="fm">__ror__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>          <span class="c1"># reverse |</span>
+<a id="__codelineno-41-33" name="__codelineno-41-33"></a>
+<a id="__codelineno-41-34" name="__codelineno-41-34"></a><span class="c1"># in-place arithmetic operators</span>
+<a id="__codelineno-41-35" name="__codelineno-41-35"></a><span class="c1"># base implementation (built-in) like self = self &lt;operator&gt; other</span>
+<a id="__codelineno-41-36" name="__codelineno-41-36"></a><span class="c1">#! not to be implemented for immutable objects!</span>
+<a id="__codelineno-41-37" name="__codelineno-41-37"></a><span class="c1">#! in-place operators return self!</span>
+<a id="__codelineno-41-38" name="__codelineno-41-38"></a><span class="fm">__iadd__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># +=</span>
+<a id="__codelineno-41-39" name="__codelineno-41-39"></a><span class="fm">__isub__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># -=</span>
+<a id="__codelineno-41-40" name="__codelineno-41-40"></a><span class="fm">__imul__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># *=</span>
+<a id="__codelineno-41-41" name="__codelineno-41-41"></a><span class="fm">__imatmul__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># @=</span>
+<a id="__codelineno-41-42" name="__codelineno-41-42"></a><span class="fm">__itruediv__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>     <span class="c1"># /=</span>
+<a id="__codelineno-41-43" name="__codelineno-41-43"></a><span class="fm">__ifloordiv__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>    <span class="c1"># //=</span>
+<a id="__codelineno-41-44" name="__codelineno-41-44"></a><span class="fm">__imod__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># %=</span>
+<a id="__codelineno-41-45" name="__codelineno-41-45"></a><span class="fm">__ipow__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># **=</span>
+<a id="__codelineno-41-46" name="__codelineno-41-46"></a><span class="fm">__ilshift__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># &lt;&lt;=</span>
+<a id="__codelineno-41-47" name="__codelineno-41-47"></a><span class="fm">__irshift__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>      <span class="c1"># &gt;&gt;=</span>
+<a id="__codelineno-41-48" name="__codelineno-41-48"></a><span class="fm">__iand__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># &amp;=</span>
+<a id="__codelineno-41-49" name="__codelineno-41-49"></a><span class="fm">__ixor__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>         <span class="c1"># ^=</span>
+<a id="__codelineno-41-50" name="__codelineno-41-50"></a><span class="fm">__ior__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">other</span><span class="p">)</span>          <span class="c1"># |=</span>
+<a id="__codelineno-41-51" name="__codelineno-41-51"></a>
+<a id="__codelineno-41-52" name="__codelineno-41-52"></a><span class="c1"># unary mathematical operators (-, +, abs (), ~)</span>
+<a id="__codelineno-41-53" name="__codelineno-41-53"></a><span class="fm">__neg__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># (-) negazione matematica unaria [if x = 2 then -x = 2]</span>
+<a id="__codelineno-41-54" name="__codelineno-41-54"></a><span class="fm">__pos__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># (+) addizione unaria [x = +x]</span>
+<a id="__codelineno-41-55" name="__codelineno-41-55"></a><span class="fm">__abs__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># [abs()] valore assoluto [|-x| = x]</span>
+<a id="__codelineno-41-56" name="__codelineno-41-56"></a><span class="fm">__invert__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># (~) inversione binaria di un intero [~x == -(x + 1)]</span>
+<a id="__codelineno-41-57" name="__codelineno-41-57"></a>
+<a id="__codelineno-41-58" name="__codelineno-41-58"></a><span class="c1"># numeric type conversion</span>
+<a id="__codelineno-41-59" name="__codelineno-41-59"></a><span class="fm">__complex__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-60" name="__codelineno-41-60"></a><span class="fm">__int__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># if not defined fall-back on __trunc__()</span>
+<a id="__codelineno-41-61" name="__codelineno-41-61"></a><span class="fm">__float__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-62" name="__codelineno-41-62"></a><span class="fm">__index__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># conversion in bin(), hex(), oct() e slicing</span>
+<a id="__codelineno-41-63" name="__codelineno-41-63"></a>
+<a id="__codelineno-41-64" name="__codelineno-41-64"></a><span class="c1"># operations round() math.trunc(), math.floor(), math.ceil()</span>
+<a id="__codelineno-41-65" name="__codelineno-41-65"></a><span class="fm">__round__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-66" name="__codelineno-41-66"></a><span class="n">__trunc__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-67" name="__codelineno-41-67"></a><span class="n">__floor__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-68" name="__codelineno-41-68"></a><span class="n">__ceil__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-69" name="__codelineno-41-69"></a>
+<a id="__codelineno-41-70" name="__codelineno-41-70"></a><span class="c1"># equality operators</span>
+<a id="__codelineno-41-71" name="__codelineno-41-71"></a><span class="bp">self</span><span class="o">.</span><span class="fm">__eq__</span><span class="p">(</span><span class="n">other</span><span class="p">)</span>  <span class="c1"># self == other</span>
+<a id="__codelineno-41-72" name="__codelineno-41-72"></a><span class="bp">self</span><span class="o">.</span><span class="fm">__ne__</span><span class="p">(</span><span class="n">other</span><span class="p">)</span> <span class="c1"># self != other</span>
+<a id="__codelineno-41-73" name="__codelineno-41-73"></a><span class="bp">self</span><span class="o">.</span><span class="fm">__gt__</span><span class="p">(</span><span class="n">other</span><span class="p">)</span> <span class="c1"># self &gt; other</span>
+<a id="__codelineno-41-74" name="__codelineno-41-74"></a><span class="bp">self</span><span class="o">.</span><span class="fm">__ge__</span><span class="p">(</span><span class="n">other</span><span class="p">)</span> <span class="c1"># self &gt;= other</span>
+<a id="__codelineno-41-75" name="__codelineno-41-75"></a><span class="bp">self</span><span class="o">.</span><span class="fm">__lt__</span><span class="p">(</span><span class="n">other</span><span class="p">)</span> <span class="c1"># self &lt; other</span>
+<a id="__codelineno-41-76" name="__codelineno-41-76"></a><span class="bp">self</span><span class="o">.</span><span class="fm">__le__</span><span class="p">(</span><span class="n">other</span><span class="p">)</span> <span class="c1"># self &lt;= other</span>
+<a id="__codelineno-41-77" name="__codelineno-41-77"></a>
+<a id="__codelineno-41-78" name="__codelineno-41-78"></a><span class="c1"># reflected equality operators</span>
+<a id="__codelineno-41-79" name="__codelineno-41-79"></a><span class="n">other</span><span class="o">.</span><span class="fm">__eq__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># other == self,   fall-back id(self) == id(other)</span>
+<a id="__codelineno-41-80" name="__codelineno-41-80"></a><span class="n">other</span><span class="o">.</span><span class="fm">__ne__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># other != self,   fall-back not (self == other)</span>
+<a id="__codelineno-41-81" name="__codelineno-41-81"></a><span class="n">other</span><span class="o">.</span><span class="fm">__gt__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># reverse self &lt; other,   fall-back TypeError</span>
+<a id="__codelineno-41-82" name="__codelineno-41-82"></a><span class="n">other</span><span class="o">.</span><span class="fm">__ge__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># reverse self &lt;= other,   fall-back TypeError</span>
+<a id="__codelineno-41-83" name="__codelineno-41-83"></a><span class="n">other</span><span class="o">.</span><span class="fm">__lt__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># reverse self &gt; other,   fall-back TypeError</span>
+<a id="__codelineno-41-84" name="__codelineno-41-84"></a><span class="n">other</span><span class="o">.</span><span class="fm">__le__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>  <span class="c1"># reverse self &gt;= other,   fall-back TypeError</span>
+<a id="__codelineno-41-85" name="__codelineno-41-85"></a>
+<a id="__codelineno-41-86" name="__codelineno-41-86"></a><span class="c1"># called when the instance is &quot;called&quot; as a function</span>
+<a id="__codelineno-41-87" name="__codelineno-41-87"></a><span class="c1"># x (arg1, arg2, arg3) is short for x .__ call __ (arg1, arg2, arg3)</span>
+<a id="__codelineno-41-88" name="__codelineno-41-88"></a><span class="fm">__call__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">args</span><span class="p">)</span>
+<a id="__codelineno-41-89" name="__codelineno-41-89"></a>
+<a id="__codelineno-41-90" name="__codelineno-41-90"></a><span class="c1"># string object representation for the developer</span>
+<a id="__codelineno-41-91" name="__codelineno-41-91"></a><span class="fm">__repr__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-92" name="__codelineno-41-92"></a>
+<a id="__codelineno-41-93" name="__codelineno-41-93"></a><span class="c1"># string object representation for user (used by print)</span>
+<a id="__codelineno-41-94" name="__codelineno-41-94"></a><span class="fm">__str__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-95" name="__codelineno-41-95"></a>
+<a id="__codelineno-41-96" name="__codelineno-41-96"></a><span class="c1"># specify formatting for format ), str.format() [format_spec = format-mini-language]</span>
+<a id="__codelineno-41-97" name="__codelineno-41-97"></a><span class="fm">__format__</span><span class="p">(</span><span class="n">format_spec</span><span class="p">)</span>
+<a id="__codelineno-41-98" name="__codelineno-41-98"></a>
+<a id="__codelineno-41-99" name="__codelineno-41-99"></a><span class="c1"># returns unique (integer) value for objects that have equal value</span>
+<a id="__codelineno-41-100" name="__codelineno-41-100"></a><span class="c1"># __EQ__ MUST EXIST IN THE CLASS, usually hash((self.param_1, self.param_2, ...))</span>
+<a id="__codelineno-41-101" name="__codelineno-41-101"></a><span class="fm">__hash__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-102" name="__codelineno-41-102"></a>
+<a id="__codelineno-41-103" name="__codelineno-41-103"></a><span class="c1"># makes object iterable:</span>
+<a id="__codelineno-41-104" name="__codelineno-41-104"></a><span class="c1"># - returning self (in the iterator)</span>
+<a id="__codelineno-41-105" name="__codelineno-41-105"></a><span class="c1"># - returning an iterator (in the iterable)</span>
+<a id="__codelineno-41-106" name="__codelineno-41-106"></a><span class="c1"># - using yield (in the __iter__ generator)</span>
+<a id="__codelineno-41-107" name="__codelineno-41-107"></a><span class="fm">__iter__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-108" name="__codelineno-41-108"></a>
+<a id="__codelineno-41-109" name="__codelineno-41-109"></a><span class="c1"># returns next available element, StopIteration otherwise (iterator scrolls)</span>
+<a id="__codelineno-41-110" name="__codelineno-41-110"></a><span class="fm">__next__</span><span class="p">()</span>
+<a id="__codelineno-41-111" name="__codelineno-41-111"></a>
+<a id="__codelineno-41-112" name="__codelineno-41-112"></a><span class="c1"># returns truth value</span>
+<a id="__codelineno-41-113" name="__codelineno-41-113"></a><span class="fm">__bool__</span><span class="p">()</span>
+<a id="__codelineno-41-114" name="__codelineno-41-114"></a>
+<a id="__codelineno-41-115" name="__codelineno-41-115"></a><span class="c1"># returns item associated with key of a sequence (self [key])</span>
+<a id="__codelineno-41-116" name="__codelineno-41-116"></a><span class="c1"># IndexError if key is not appropriate</span>
+<a id="__codelineno-41-117" name="__codelineno-41-117"></a><span class="fm">__getitem__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">key</span><span class="p">)</span>
+<a id="__codelineno-41-118" name="__codelineno-41-118"></a>
+<a id="__codelineno-41-119" name="__codelineno-41-119"></a><span class="c1"># item assignment operation in sequence (self [key] = value)</span>
+<a id="__codelineno-41-120" name="__codelineno-41-120"></a><span class="c1"># IndexError if key is not appropriate</span>
+<a id="__codelineno-41-121" name="__codelineno-41-121"></a><span class="fm">__setitem__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span> <span class="n">value</span><span class="p">)</span>
+<a id="__codelineno-41-122" name="__codelineno-41-122"></a>
+<a id="__codelineno-41-123" name="__codelineno-41-123"></a><span class="c1"># operation deleting item in sequence (del self [key])</span>
+<a id="__codelineno-41-124" name="__codelineno-41-124"></a><span class="c1"># IndexError if key is not appropriate</span>
+<a id="__codelineno-41-125" name="__codelineno-41-125"></a><span class="fm">__delitem__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">key</span><span class="p">)</span>
+<a id="__codelineno-41-126" name="__codelineno-41-126"></a>
+<a id="__codelineno-41-127" name="__codelineno-41-127"></a><span class="c1"># called by dict.__getitem__() to implement self [key] if key is not in the dictionary</span>
+<a id="__codelineno-41-128" name="__codelineno-41-128"></a><span class="fm">__missing__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">key</span><span class="p">)</span>
+<a id="__codelineno-41-129" name="__codelineno-41-129"></a>
+<a id="__codelineno-41-130" name="__codelineno-41-130"></a><span class="c1"># implement container iteration</span>
+<a id="__codelineno-41-131" name="__codelineno-41-131"></a><span class="fm">__iter__</span><span class="p">(</span><span class="bp">self</span><span class="p">)</span>
+<a id="__codelineno-41-132" name="__codelineno-41-132"></a>
+<a id="__codelineno-41-133" name="__codelineno-41-133"></a><span class="c1"># implement membership test</span>
+<a id="__codelineno-41-134" name="__codelineno-41-134"></a><span class="fm">__contains__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">item</span><span class="p">)</span>
+<a id="__codelineno-41-135" name="__codelineno-41-135"></a>
+<a id="__codelineno-41-136" name="__codelineno-41-136"></a><span class="c1"># implementation issublass (instance, class)</span>
+<a id="__codelineno-41-137" name="__codelineno-41-137"></a><span class="fm">__instancecheck__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">instance</span><span class="p">)</span>
+<a id="__codelineno-41-138" name="__codelineno-41-138"></a>
+<a id="__codelineno-41-139" name="__codelineno-41-139"></a><span class="c1"># implementation issubclass (subclass, class)</span>
+<a id="__codelineno-41-140" name="__codelineno-41-140"></a><span class="fm">__subclasscheck__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">subclass</span><span class="p">)</span>
+<a id="__codelineno-41-141" name="__codelineno-41-141"></a>
+<a id="__codelineno-41-142" name="__codelineno-41-142"></a><span class="c1"># implement attribute access (obj.name)</span>
+<a id="__codelineno-41-143" name="__codelineno-41-143"></a><span class="c1"># called if AttributeError happens or if called by __getattribute __()</span>
+<a id="__codelineno-41-144" name="__codelineno-41-144"></a><span class="fm">__getattr__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">name</span><span class="p">)</span>
+<a id="__codelineno-41-145" name="__codelineno-41-145"></a>
+<a id="__codelineno-41-146" name="__codelineno-41-146"></a><span class="c1"># implement value assignment to attribute (obj.name = value)</span>
+<a id="__codelineno-41-147" name="__codelineno-41-147"></a><span class="fm">__setattr__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">name</span><span class="p">,</span> <span class="n">value</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: Itearbility is tricky.</p>
+<p>To make an object directly iterable (<code>for i in object</code>) <code>__iter__()</code> and <code>__next__()</code> are needed.
+To make an iterable through an index (<code>for i in range(len(object)): object[i]</code>) <code>__getitem()__</code> is needed.</p>
+<p>Some of the mixin methods, such as <code>__iter__()</code>, <code>__reversed__()</code> and <code>index()</code>, make repeated calls to the underlying <code>__getitem__()</code> method.
+Consequently, if <code>__getitem__()</code> is implemented with constant access speed, the mixin methods will have linear performance;
+however, if the underlying method is linear (as it would be with a linked list), the mixins will have quadratic performance and will likely need to be overridden.</p>
+<h3 id="inheritance">Inheritance</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-42-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-42-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-42-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-42-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-42-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-42-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-42-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-42-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-42-10">10</a></span>
+<span class="normal"><a href="#__codelineno-42-11">11</a></span>
+<span class="normal"><a href="#__codelineno-42-12">12</a></span>
+<span class="normal"><a href="#__codelineno-42-13">13</a></span>
+<span class="normal"><a href="#__codelineno-42-14">14</a></span>
+<span class="normal"><a href="#__codelineno-42-15">15</a></span>
+<span class="normal"><a href="#__codelineno-42-16">16</a></span>
+<span class="normal"><a href="#__codelineno-42-17">17</a></span>
+<span class="normal"><a href="#__codelineno-42-18">18</a></span>
+<span class="normal"><a href="#__codelineno-42-19">19</a></span>
+<span class="normal"><a href="#__codelineno-42-20">20</a></span>
+<span class="normal"><a href="#__codelineno-42-21">21</a></span>
+<span class="normal"><a href="#__codelineno-42-22">22</a></span>
+<span class="normal"><a href="#__codelineno-42-23">23</a></span>
+<span class="normal"><a href="#__codelineno-42-24">24</a></span>
+<span class="normal"><a href="#__codelineno-42-25">25</a></span>
+<span class="normal"><a href="#__codelineno-42-26">26</a></span>
+<span class="normal"><a href="#__codelineno-42-27">27</a></span>
+<span class="normal"><a href="#__codelineno-42-28">28</a></span>
+<span class="normal"><a href="#__codelineno-42-29">29</a></span>
+<span class="normal"><a href="#__codelineno-42-30">30</a></span>
+<span class="normal"><a href="#__codelineno-42-31">31</a></span>
+<span class="normal"><a href="#__codelineno-42-32">32</a></span>
+<span class="normal"><a href="#__codelineno-42-33">33</a></span>
+<span class="normal"><a href="#__codelineno-42-34">34</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="k">class</span> <span class="nc">Parent</span> <span class="p">():</span>
+<a id="__codelineno-42-2" name="__codelineno-42-2"></a>    <span class="k">def</span> <span class="nf">__init</span> <span class="n">__</span> <span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-42-3" name="__codelineno-42-3"></a>        <span class="o">...</span>
+<a id="__codelineno-42-4" name="__codelineno-42-4"></a>
+<a id="__codelineno-42-5" name="__codelineno-42-5"></a>    <span class="k">def</span> <span class="nf">method_1</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-42-6" name="__codelineno-42-6"></a>        <span class="o">...</span>
+<a id="__codelineno-42-7" name="__codelineno-42-7"></a>
+<a id="__codelineno-42-8" name="__codelineno-42-8"></a>    <span class="k">def</span> <span class="nf">method_2</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-42-9" name="__codelineno-42-9"></a>        <span class="o">...</span>
+<a id="__codelineno-42-10" name="__codelineno-42-10"></a>
+<a id="__codelineno-42-11" name="__codelineno-42-11"></a><span class="k">class</span> <span class="nc">Child</span><span class="p">(</span><span class="n">Parent</span><span class="p">):</span> <span class="c1"># parent class in parentheses to inherit variables and methods</span>
+<a id="__codelineno-42-12" name="__codelineno-42-12"></a>
+<a id="__codelineno-42-13" name="__codelineno-42-13"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">,</span> <span class="n">parent_parameters</span><span class="p">):</span>
+<a id="__codelineno-42-14" name="__codelineno-42-14"></a>        <span class="n">Parent</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parent_parameters</span><span class="p">)</span> <span class="c1"># inherit parent variables</span>
+<a id="__codelineno-42-15" name="__codelineno-42-15"></a>        <span class="o">...</span>
+<a id="__codelineno-42-16" name="__codelineno-42-16"></a>
+<a id="__codelineno-42-17" name="__codelineno-42-17"></a>    <span class="k">def</span> <span class="nf">method</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-42-18" name="__codelineno-42-18"></a>        <span class="o">...</span>
+<a id="__codelineno-42-19" name="__codelineno-42-19"></a>
+<a id="__codelineno-42-20" name="__codelineno-42-20"></a>    <span class="k">def</span> <span class="nf">method_parent_1</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c1"># override method (child class with homonymous method to parent class)</span>
+<a id="__codelineno-42-21" name="__codelineno-42-21"></a>        <span class="o">...</span>
+<a id="__codelineno-42-22" name="__codelineno-42-22"></a>
+<a id="__codelineno-42-23" name="__codelineno-42-23"></a><span class="k">class</span> <span class="nc">Child</span><span class="p">(</span><span class="n">Parent</span><span class="p">):</span> <span class="c1"># parent class in brackets to inherit properties</span>
+<a id="__codelineno-42-24" name="__codelineno-42-24"></a>
+<a id="__codelineno-42-25" name="__codelineno-42-25"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">,</span> <span class="n">parent_parameters</span><span class="p">):</span>
+<a id="__codelineno-42-26" name="__codelineno-42-26"></a>        <span class="nb">super</span><span class="p">()</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="n">parent_parameters</span><span class="p">)</span> <span class="c1"># different method to inherit parent variables (SELF not needed) using SUPER()</span>
+<a id="__codelineno-42-27" name="__codelineno-42-27"></a>        <span class="nb">super</span><span class="p">(</span><span class="n">Parent</span><span class="p">,</span> <span class="bp">self</span><span class="p">)</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="n">parent_parameters</span><span class="p">)</span> <span class="c1"># parent constructor invoked separately</span>
+<a id="__codelineno-42-28" name="__codelineno-42-28"></a>
+<a id="__codelineno-42-29" name="__codelineno-42-29"></a>    <span class="k">def</span> <span class="nf">method</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-42-30" name="__codelineno-42-30"></a>        <span class="o">...</span>
+<a id="__codelineno-42-31" name="__codelineno-42-31"></a>
+<a id="__codelineno-42-32" name="__codelineno-42-32"></a>    <span class="k">def</span> <span class="nf">method_2</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c1"># parent method updated</span>
+<a id="__codelineno-42-33" name="__codelineno-42-33"></a>        <span class="nb">super</span><span class="p">()</span><span class="o">.</span><span class="n">method_2</span><span class="p">()</span> <span class="c1"># invoke parent method as is</span>
+<a id="__codelineno-42-34" name="__codelineno-42-34"></a>        <span class="o">...</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="polymorphism">Polymorphism</h3>
+<p><strong>Note</strong>: python does not support method overloading</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-43-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-43-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-43-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-43-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-43-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-43-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-43-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-43-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-43-10">10</a></span>
+<span class="normal"><a href="#__codelineno-43-11">11</a></span>
+<span class="normal"><a href="#__codelineno-43-12">12</a></span>
+<span class="normal"><a href="#__codelineno-43-13">13</a></span>
+<span class="normal"><a href="#__codelineno-43-14">14</a></span>
+<span class="normal"><a href="#__codelineno-43-15">15</a></span>
+<span class="normal"><a href="#__codelineno-43-16">16</a></span>
+<span class="normal"><a href="#__codelineno-43-17">17</a></span>
+<span class="normal"><a href="#__codelineno-43-18">18</a></span>
+<span class="normal"><a href="#__codelineno-43-19">19</a></span>
+<span class="normal"><a href="#__codelineno-43-20">20</a></span>
+<span class="normal"><a href="#__codelineno-43-21">21</a></span>
+<span class="normal"><a href="#__codelineno-43-22">22</a></span>
+<span class="normal"><a href="#__codelineno-43-23">23</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="c1"># DUCKTYPING</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="c1"># Working with objects regardless of their type, as long as they implement certain protocols</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a>
+<a id="__codelineno-43-4" name="__codelineno-43-4"></a><span class="k">class</span> <span class="nc">Class1</span><span class="p">:</span>
+<a id="__codelineno-43-5" name="__codelineno-43-5"></a>    <span class="k">def</span> <span class="nf">method_1</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-43-6" name="__codelineno-43-6"></a>        <span class="o">...</span>
+<a id="__codelineno-43-7" name="__codelineno-43-7"></a>
+<a id="__codelineno-43-8" name="__codelineno-43-8"></a><span class="k">class</span> <span class="nc">Class2</span><span class="p">:</span>
+<a id="__codelineno-43-9" name="__codelineno-43-9"></a>    <span class="k">def</span> <span class="nf">method_1</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-43-10" name="__codelineno-43-10"></a>        <span class="o">...</span>
+<a id="__codelineno-43-11" name="__codelineno-43-11"></a>
+<a id="__codelineno-43-12" name="__codelineno-43-12"></a><span class="c1"># since python is a dynamic language it doesn&#39;t matter what type (class) the object passed is</span>
+<a id="__codelineno-43-13" name="__codelineno-43-13"></a><span class="c1"># the function invokes the object method passed regardless of the object class</span>
+<a id="__codelineno-43-14" name="__codelineno-43-14"></a><span class="k">def</span> <span class="nf">polymorph_method</span><span class="p">(</span><span class="nb">object</span><span class="p">):</span>
+<a id="__codelineno-43-15" name="__codelineno-43-15"></a>    <span class="nb">object</span><span class="o">.</span><span class="n">method_1</span><span class="p">()</span>
+<a id="__codelineno-43-16" name="__codelineno-43-16"></a>
+<a id="__codelineno-43-17" name="__codelineno-43-17"></a><span class="c1"># DEPENDENCY INJECTION WITH DUCKTYPING</span>
+<a id="__codelineno-43-18" name="__codelineno-43-18"></a><span class="k">class</span> <span class="nc">Class</span><span class="p">:</span>
+<a id="__codelineno-43-19" name="__codelineno-43-19"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="nb">object</span><span class="p">):</span>
+<a id="__codelineno-43-20" name="__codelineno-43-20"></a>        <span class="bp">self</span><span class="o">.</span><span class="n">dependency</span> <span class="o">=</span> <span class="nb">object</span>
+<a id="__codelineno-43-21" name="__codelineno-43-21"></a>
+<a id="__codelineno-43-22" name="__codelineno-43-22"></a>    <span class="k">def</span> <span class="nf">method_1</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c1"># the function invokes the method of the object passed</span>
+<a id="__codelineno-43-23" name="__codelineno-43-23"></a>        <span class="bp">self</span><span class="o">.</span><span class="n">dependency</span><span class="o">.</span><span class="n">method_1</span><span class="p">()</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="operator-overloading">Operator Overloading</h3>
+<p><strong>Operators fundamental rule</strong>: <em>always</em> return an object, if operation fails return <code>NotImplemented</code></p>
+<p>Limitations of operator overloading:</p>
+<ul>
+<li>no overloading of built-in types</li>
+<li>no creation of new operators</li>
+<li>no overloading operators <code>is</code>, <code>and</code>, <code>or</code>, <code>not</code></li>
+</ul>
+<h3 id="astrazione">Astrazione</h3>
+<p>The <strong>interfaces</strong> are abstract classes with <em>all</em> abstract methods, they are used to indicate which methods such as child classes <em>must</em> have. Interfaces have <em>only</em> a list of abstract methods.</p>
+<p><strong>abstract classes</strong> have <em>at least</em> one abstract method; child classes that inherit from an abstract class <em>must</em> implement abstract methods. Abstract classes <em>cannot</em> be instantiated.</p>
+<p>Virtual subclasses are used to include third-party classes as subclasses of a class of their own. They are recognized as belonging to the parent class without however having to implement their methods.</p>
+<p>The <code>@Class.register</code> or <code>Class.register(subclass)</code> decorators are used to mark subclasses.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-44-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-44-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-44-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-44-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-44-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-44-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-44-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-44-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-44-10">10</a></span>
+<span class="normal"><a href="#__codelineno-44-11">11</a></span>
+<span class="normal"><a href="#__codelineno-44-12">12</a></span>
+<span class="normal"><a href="#__codelineno-44-13">13</a></span>
+<span class="normal"><a href="#__codelineno-44-14">14</a></span>
+<span class="normal"><a href="#__codelineno-44-15">15</a></span>
+<span class="normal"><a href="#__codelineno-44-16">16</a></span>
+<span class="normal"><a href="#__codelineno-44-17">17</a></span>
+<span class="normal"><a href="#__codelineno-44-18">18</a></span>
+<span class="normal"><a href="#__codelineno-44-19">19</a></span>
+<span class="normal"><a href="#__codelineno-44-20">20</a></span>
+<span class="normal"><a href="#__codelineno-44-21">21</a></span>
+<span class="normal"><a href="#__codelineno-44-22">22</a></span>
+<span class="normal"><a href="#__codelineno-44-23">23</a></span>
+<span class="normal"><a href="#__codelineno-44-24">24</a></span>
+<span class="normal"><a href="#__codelineno-44-25">25</a></span>
+<span class="normal"><a href="#__codelineno-44-26">26</a></span>
+<span class="normal"><a href="#__codelineno-44-27">27</a></span>
+<span class="normal"><a href="#__codelineno-44-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="kn">from</span> <span class="nn">abc</span> <span class="kn">import</span> <span class="n">abstractmethod</span><span class="p">,</span> <span class="n">ABC</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a><span class="k">class</span> <span class="nc">Abstract</span><span class="p">(</span><span class="n">ABC</span><span class="p">):</span> <span class="c1"># abstract class MUST INHERIT from parent class ABC</span>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">):</span>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a>        <span class="o">...</span>
+<a id="__codelineno-44-6" name="__codelineno-44-6"></a>
+<a id="__codelineno-44-7" name="__codelineno-44-7"></a>    <span class="k">def</span> <span class="nf">parent_method</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-44-8" name="__codelineno-44-8"></a>        <span class="o">...</span>
+<a id="__codelineno-44-9" name="__codelineno-44-9"></a>
+<a id="__codelineno-44-10" name="__codelineno-44-10"></a>    <span class="nd">@abstractmethod</span> <span class="c1"># abstract method MUST be marked with @abstractmethod decorator</span>
+<a id="__codelineno-44-11" name="__codelineno-44-11"></a>    <span class="k">def</span> <span class="nf">abstract_method</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-44-12" name="__codelineno-44-12"></a>        <span class="k">pass</span>
+<a id="__codelineno-44-13" name="__codelineno-44-13"></a>        <span class="c1"># abstract method MUST be overridden (can be non-empty)</span>
+<a id="__codelineno-44-14" name="__codelineno-44-14"></a>        <span class="c1"># super() to invoke it in the concrete class</span>
+<a id="__codelineno-44-15" name="__codelineno-44-15"></a>
+<a id="__codelineno-44-16" name="__codelineno-44-16"></a><span class="k">class</span> <span class="nc">Child</span><span class="p">(</span><span class="n">Abstract</span><span class="p">):</span>
+<a id="__codelineno-44-17" name="__codelineno-44-17"></a>
+<a id="__codelineno-44-18" name="__codelineno-44-18"></a>    <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parameters</span><span class="p">,</span> <span class="n">parent_parameters</span><span class="p">):</span>
+<a id="__codelineno-44-19" name="__codelineno-44-19"></a>        <span class="n">parent_class</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">parent_parameters</span><span class="p">)</span>
+<a id="__codelineno-44-20" name="__codelineno-44-20"></a>
+<a id="__codelineno-44-21" name="__codelineno-44-21"></a>    <span class="k">def</span> <span class="nf">method</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span>
+<a id="__codelineno-44-22" name="__codelineno-44-22"></a>        <span class="o">...</span>
+<a id="__codelineno-44-23" name="__codelineno-44-23"></a>
+<a id="__codelineno-44-24" name="__codelineno-44-24"></a>    <span class="k">def</span> <span class="nf">parent_method</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c1"># override method (child class with homonymous method to parent class)</span>
+<a id="__codelineno-44-25" name="__codelineno-44-25"></a>        <span class="o">...</span>
+<a id="__codelineno-44-26" name="__codelineno-44-26"></a>
+<a id="__codelineno-44-27" name="__codelineno-44-27"></a>    <span class="k">def</span> <span class="nf">abstract_method</span> <span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c1"># implementation of abstract method inherited from abstract class (NECESSARY) by override</span>
+<a id="__codelineno-44-28" name="__codelineno-44-28"></a>        <span class="o">...</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="exception-handling">Exception Handling</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-45-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-45-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-45-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-45-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-45-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-45-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-45-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-45-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-45-10">10</a></span>
+<span class="normal"><a href="#__codelineno-45-11">11</a></span>
+<span class="normal"><a href="#__codelineno-45-12">12</a></span>
+<span class="normal"><a href="#__codelineno-45-13">13</a></span>
+<span class="normal"><a href="#__codelineno-45-14">14</a></span>
+<span class="normal"><a href="#__codelineno-45-15">15</a></span>
+<span class="normal"><a href="#__codelineno-45-16">16</a></span>
+<span class="normal"><a href="#__codelineno-45-17">17</a></span>
+<span class="normal"><a href="#__codelineno-45-18">18</a></span>
+<span class="normal"><a href="#__codelineno-45-19">19</a></span>
+<span class="normal"><a href="#__codelineno-45-20">20</a></span>
+<span class="normal"><a href="#__codelineno-45-21">21</a></span>
+<span class="normal"><a href="#__codelineno-45-22">22</a></span>
+<span class="normal"><a href="#__codelineno-45-23">23</a></span>
+<span class="normal"><a href="#__codelineno-45-24">24</a></span>
+<span class="normal"><a href="#__codelineno-45-25">25</a></span>
+<span class="normal"><a href="#__codelineno-45-26">26</a></span>
+<span class="normal"><a href="#__codelineno-45-27">27</a></span>
+<span class="normal"><a href="#__codelineno-45-28">28</a></span>
+<span class="normal"><a href="#__codelineno-45-29">29</a></span>
+<span class="normal"><a href="#__codelineno-45-30">30</a></span>
+<span class="normal"><a href="#__codelineno-45-31">31</a></span>
+<span class="normal"><a href="#__codelineno-45-32">32</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="c1"># CHECK ASERATIONS</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a><span class="k">assert</span> <span class="n">condition</span><span class="p">,</span> <span class="s1">&#39;error message&#39;</span> <span class="c1"># if the assertion is false show an error message</span>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a>
+<a id="__codelineno-45-4" name="__codelineno-45-4"></a><span class="c1"># particular errors are objects of a particular class of exceptions which in turn is a child of the base exception class (exception)</span>
+<a id="__codelineno-45-5" name="__codelineno-45-5"></a><span class="k">class</span> <span class="nc">CustomExceptionError</span><span class="p">(</span><span class="ne">Exception</span><span class="p">):</span> <span class="c1"># MUST somehow inherit from class exception (even in later inheritance steps)</span>
+<a id="__codelineno-45-6" name="__codelineno-45-6"></a>    <span class="k">pass</span> <span class="c1"># or instructions</span>
+<a id="__codelineno-45-7" name="__codelineno-45-7"></a>
+<a id="__codelineno-45-8" name="__codelineno-45-8"></a><span class="c1"># try block contains code that might cause an exception</span>
+<a id="__codelineno-45-9" name="__codelineno-45-9"></a><span class="c1"># code inside try and after the error it is not executed</span>
+<a id="__codelineno-45-10" name="__codelineno-45-10"></a><span class="k">try</span><span class="p">:</span>
+<a id="__codelineno-45-11" name="__codelineno-45-11"></a>    <span class="o">...</span>
+<a id="__codelineno-45-12" name="__codelineno-45-12"></a>    <span class="k">raise</span> <span class="n">CustomExceptionError</span> <span class="p">(</span><span class="s2">&quot;message&quot;</span><span class="p">)</span> <span class="c1"># raise the exception</span>
+<a id="__codelineno-45-13" name="__codelineno-45-13"></a>
+<a id="__codelineno-45-14" name="__codelineno-45-14"></a><span class="c1"># except takes control of error handling without passing through the interpreter</span>
+<a id="__codelineno-45-15" name="__codelineno-45-15"></a><span class="c1"># block executed if an error occurs in try</span>
+<a id="__codelineno-45-16" name="__codelineno-45-16"></a>
+<a id="__codelineno-45-17" name="__codelineno-45-17"></a><span class="c1"># except error specified by class</span>
+<a id="__codelineno-45-18" name="__codelineno-45-18"></a><span class="k">except</span> <span class="n">ExceptionClass</span><span class="p">:</span>
+<a id="__codelineno-45-19" name="__codelineno-45-19"></a>    <span class="c1"># Default error message is not shown</span>
+<a id="__codelineno-45-20" name="__codelineno-45-20"></a>    <span class="c1"># the program does not stop</span>
+<a id="__codelineno-45-21" name="__codelineno-45-21"></a>
+<a id="__codelineno-45-22" name="__codelineno-45-22"></a><span class="c1"># except on generic errors</span>
+<a id="__codelineno-45-23" name="__codelineno-45-23"></a><span class="k">except</span><span class="p">:</span>
+<a id="__codelineno-45-24" name="__codelineno-45-24"></a>     <span class="c1"># code here</span>
+<a id="__codelineno-45-25" name="__codelineno-45-25"></a>
+<a id="__codelineno-45-26" name="__codelineno-45-26"></a><span class="c1"># block executed if exception does not occur</span>
+<a id="__codelineno-45-27" name="__codelineno-45-27"></a><span class="k">else</span><span class="p">:</span>
+<a id="__codelineno-45-28" name="__codelineno-45-28"></a>    <span class="c1"># code here</span>
+<a id="__codelineno-45-29" name="__codelineno-45-29"></a>
+<a id="__codelineno-45-30" name="__codelineno-45-30"></a><span class="c1"># block executed in all cases, cleanup code goes here</span>
+<a id="__codelineno-45-31" name="__codelineno-45-31"></a><span class="k">finally</span><span class="p">:</span>
+<a id="__codelineno-45-32" name="__codelineno-45-32"></a>    <span class="c1"># code here</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="file">File</h2>
+<h3 id="opening-a-file">Opening A File</h3>
+<p>Text file opening mode:</p>
+<ul>
+<li><code>w</code>: write, overwrite the contents of the file</li>
+<li><code>r</code>: read, read file contents</li>
+<li><code>a</code>: append, add content to the file</li>
+<li><code>w +</code>: write &amp; read</li>
+<li><code>r +</code>: write &amp; read &amp; append</li>
+<li><code>a +</code>: append &amp; read</li>
+<li><code>x</code>: exclusive creation, if the file already exists -&gt; <code>FileExistError</code> (extended write mode)</li>
+</ul>
+<p>Open binary file mode:</p>
+<ul>
+<li><code>wb</code>: write, overwrites the contents of the file</li>
+<li><code>rb</code>: read, read file contents</li>
+<li><code>ab</code>: append, add content to the file</li>
+<li><code>w + b</code>: write &amp; read</li>
+<li><code>r + b</code>: write &amp; read &amp; append</li>
+<li><code>a + b</code>: append &amp; read</li>
+<li><code>xb</code>: exclusive creation, if the file already exists -&gt; <code>FileExistError</code> (extended write mode)</li>
+</ul>
+<p><strong>Note</strong>: Linux and MacOSX use <code>UTF-8</code> everywhere while windows uses <code>cp1252</code>, <code>cp850</code>,<code>mbcs</code>, <code>UTF-8</code>. Don't rely on default encoding and use <strong>explicitly</strong> <code>UTF-8</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-46-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-46-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-46-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-46-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-46-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-46-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-46-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-46-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-46-10">10</a></span>
+<span class="normal"><a href="#__codelineno-46-11">11</a></span>
+<span class="normal"><a href="#__codelineno-46-12">12</a></span>
+<span class="normal"><a href="#__codelineno-46-13">13</a></span>
+<span class="normal"><a href="#__codelineno-46-14">14</a></span>
+<span class="normal"><a href="#__codelineno-46-15">15</a></span>
+<span class="normal"><a href="#__codelineno-46-16">16</a></span>
+<span class="normal"><a href="#__codelineno-46-17">17</a></span>
+<span class="normal"><a href="#__codelineno-46-18">18</a></span>
+<span class="normal"><a href="#__codelineno-46-19">19</a></span>
+<span class="normal"><a href="#__codelineno-46-20">20</a></span>
+<span class="normal"><a href="#__codelineno-46-21">21</a></span>
+<span class="normal"><a href="#__codelineno-46-22">22</a></span>
+<span class="normal"><a href="#__codelineno-46-23">23</a></span>
+<span class="normal"><a href="#__codelineno-46-24">24</a></span>
+<span class="normal"><a href="#__codelineno-46-25">25</a></span>
+<span class="normal"><a href="#__codelineno-46-26">26</a></span>
+<span class="normal"><a href="#__codelineno-46-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="nb">object</span> <span class="o">=</span> <span class="nb">open</span><span class="p">(</span><span class="s1">&#39;filename&#39;</span><span class="p">,</span> <span class="n">mode</span> <span class="o">=</span> <span class="s1">&#39;r&#39;</span><span class="p">,</span> <span class="n">encoding</span> <span class="o">=</span> <span class="s1">&#39;utf-8&#39;</span><span class="p">)</span> <span class="c1"># encoding MUST BE utf-8 for compatibility</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="c1"># filename can be the absolute path to the file location (default: file created in the source code folder)</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a><span class="c1"># double slash to avoid \ escaping</span>
+<a id="__codelineno-46-4" name="__codelineno-46-4"></a>
+<a id="__codelineno-46-5" name="__codelineno-46-5"></a><span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="s1">&#39;filename&#39;</span><span class="p">)</span> <span class="k">as</span> <span class="n">file</span><span class="p">:</span>
+<a id="__codelineno-46-6" name="__codelineno-46-6"></a>    <span class="n">instructions_to_file</span> <span class="c1"># block use filename to indicate file</span>
+<a id="__codelineno-46-7" name="__codelineno-46-7"></a>
+<a id="__codelineno-46-8" name="__codelineno-46-8"></a><span class="c1"># CLOSE A FILE</span>
+<a id="__codelineno-46-9" name="__codelineno-46-9"></a><span class="nb">object</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
+<a id="__codelineno-46-10" name="__codelineno-46-10"></a>
+<a id="__codelineno-46-11" name="__codelineno-46-11"></a><span class="c1"># WRITE TO A FILE</span>
+<a id="__codelineno-46-12" name="__codelineno-46-12"></a><span class="nb">object</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">string</span><span class="p">)</span> <span class="c1"># write single string to file</span>
+<a id="__codelineno-46-13" name="__codelineno-46-13"></a><span class="nb">object</span><span class="o">.</span><span class="n">writelines</span><span class="p">(</span><span class="o">*</span> <span class="n">strings</span><span class="p">)</span> <span class="c1"># write multiple strings to file</span>
+<a id="__codelineno-46-14" name="__codelineno-46-14"></a>
+<a id="__codelineno-46-15" name="__codelineno-46-15"></a><span class="c1"># READING FROM A FILE</span>
+<a id="__codelineno-46-16" name="__codelineno-46-16"></a><span class="nb">object</span><span class="o">.</span><span class="n">read</span><span class="p">()</span> <span class="c1"># return ALL the contents of the file (including escape sequence) and place the &quot;cursor&quot; at the end of the file</span>
+<a id="__codelineno-46-17" name="__codelineno-46-17"></a><span class="nb">object</span><span class="o">.</span><span class="n">seek</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span> <span class="c1"># returns 0 (zero) and places the cursor at the beginning of the file</span>
+<a id="__codelineno-46-18" name="__codelineno-46-18"></a><span class="nb">object</span><span class="o">.</span><span class="n">readlines</span><span class="p">()</span> <span class="c1"># return list of file lines (ATTENTION: keep everything in memory, be careful with large files)</span>
+<a id="__codelineno-46-19" name="__codelineno-46-19"></a><span class="nb">object</span><span class="o">.</span><span class="n">readline</span><span class="p">()</span> <span class="c1"># returns single line file</span>
+<a id="__codelineno-46-20" name="__codelineno-46-20"></a>
+<a id="__codelineno-46-21" name="__codelineno-46-21"></a><span class="c1"># CHECK FILE EXISTENCE</span>
+<a id="__codelineno-46-22" name="__codelineno-46-22"></a><span class="kn">import</span> <span class="nn">os</span><span class="o">,</span> <span class="nn">sys</span>
+<a id="__codelineno-46-23" name="__codelineno-46-23"></a><span class="k">if</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">isfile</span><span class="p">(</span><span class="s1">&#39;filepath&#39;</span><span class="p">):</span> <span class="c1"># check file existence (TRUE if it exists)</span>
+<a id="__codelineno-46-24" name="__codelineno-46-24"></a>    <span class="c1"># code here</span>
+<a id="__codelineno-46-25" name="__codelineno-46-25"></a><span class="k">else</span><span class="p">:</span>
+<a id="__codelineno-46-26" name="__codelineno-46-26"></a>    <span class="c1"># code here</span>
+<a id="__codelineno-46-27" name="__codelineno-46-27"></a>    <span class="n">sys</span><span class="o">.</span><span class="n">exit</span><span class="p">()</span> <span class="c1"># exits the program and does not execute the next cosice</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="copy">COPY</h2>
+<p><strong>SHALLOW COPY</strong>: copies the "container" and references to the content
+<strong>DEEP COPY</strong>: copies the "container" and contents (no reference)</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Python</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1">1</a></span>
+<span class="normal"><a href="#__codelineno-47-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="n">copy</span> <span class="p">(</span><span class="n">x</span><span class="p">)</span> <span class="c1"># returns shallow copy of xor</span>
+<a id="__codelineno-47-2" name="__codelineno-47-2"></a><span class="n">deepcopy</span> <span class="p">(</span><span class="n">x</span><span class="p">)</span> <span class="c1"># returns shallow copy of x</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../assembly/riscv.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: RISC-V">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                RISC-V
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="modules/argparse.html" class="md-footer__link md-footer__link--next" aria-label="Next: argparse">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                argparse
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/rust/cargo.html b/languages/rust/cargo.html
new file mode 100644
index 0000000..060cc52
--- /dev/null
+++ b/languages/rust/cargo.html
@@ -0,0 +1,4468 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/rust/cargo.html">
+      
+      
+        <link rel="prev" href="macros.html">
+      
+      
+        <link rel="next" href="concurrency.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Cargo - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Cargo - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/cargo.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/rust/cargo.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Cargo - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/cargo.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#cargo-build-system-and-package-manager" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Cargo
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="cargo.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#creating-a-project" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating a project
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#building-running-checking-a-project" class="md-nav__link">
+    <span class="md-ellipsis">
+      Building, Running &amp; Checking a project
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dependencies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependencies
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#code-organization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Organization
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Code Organization">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#packages-crates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Packages &amp; Crates
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modules" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modules
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#paths" class="md-nav__link">
+    <span class="md-ellipsis">
+      Paths
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#public-vs-private" class="md-nav__link">
+    <span class="md-ellipsis">
+      Public vs Private
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#use" class="md-nav__link">
+    <span class="md-ellipsis">
+      use
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#separating-into-multiple-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Separating into multiple files
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#creating-a-project" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating a project
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#building-running-checking-a-project" class="md-nav__link">
+    <span class="md-ellipsis">
+      Building, Running &amp; Checking a project
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dependencies" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dependencies
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#code-organization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Code Organization
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Code Organization">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#packages-crates" class="md-nav__link">
+    <span class="md-ellipsis">
+      Packages &amp; Crates
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#modules" class="md-nav__link">
+    <span class="md-ellipsis">
+      Modules
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#paths" class="md-nav__link">
+    <span class="md-ellipsis">
+      Paths
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#public-vs-private" class="md-nav__link">
+    <span class="md-ellipsis">
+      Public vs Private
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#use" class="md-nav__link">
+    <span class="md-ellipsis">
+      use
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#separating-into-multiple-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Separating into multiple files
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="cargo-build-system-and-package-manager">Cargo build system and package manager</h1>
+<h2 id="creating-a-project">Creating a project</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="n">cargo</span> <span class="n">new</span> <span class="n">project_name</span>  <span class="c"># creates project folder and basic files</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="n">cargo</span> <span class="n">new</span> <span class="p">-</span><span class="n">-vcs</span><span class="p">=</span><span class="n">git</span> <span class="n">project_name</span>  <span class="c"># init project as git repo</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="building-running-checking-a-project">Building, Running &amp; Checking a project</h2>
+<p>Inside the project directory:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">PowerShell</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="n">cargo</span> <span class="n">build</span>  <span class="c"># build project and download eventual needed dependencies</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="n">cargo</span> <span class="n">build</span> <span class="p">-</span><span class="n">-release</span>  <span class="c"># build project for release (build + optimisations)</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="n">cargo</span> <span class="n">run</span>  <span class="c"># executes the built executable</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="n">cargo</span> <span class="n">check</span>  <span class="c"># verifies buildability without producing an executable</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dependencies">Dependencies</h2>
+<p>In <code>Cargo.toml</code>:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">TOML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">[dependencies]</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="n">crate_name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;&lt;version_number&gt;&quot;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="code-organization">Code Organization</h2>
+<p>Rust has a number of features that allow to manage the code's organization, including which details are exposed, which details are private, and what names are in each scope in the programs.</p>
+<p>These features, sometimes collectively referred to as the module system, include:</p>
+<ul>
+<li><strong>Packages</strong>: A Cargo feature that allows to build, test, and share crates</li>
+<li><strong>Crates</strong>: A tree of modules that produces a library or executable</li>
+<li><strong>Modules</strong> and <code>use</code>: Allow to control the organization, scope, and privacy of paths</li>
+<li><strong>Paths</strong>: A way of naming an item, such as a struct, function, or module</li>
+</ul>
+<h3 id="packages-crates">Packages &amp; Crates</h3>
+<p>A crate is a binary or library. The crate root is a source file that the Rust compiler starts from and makes up the root module of he crate.<br />
+A package is one or more crates that provide a set of functionality. A package contains a <code>Cargo.toml</code> file that describes how to build those crates.</p>
+<p>Several rules determine what a package can contain. A package must contain <code>zero</code> or <code>one</code> <strong>library crates</strong> (<code>lib</code> ?), and no more.<br />
+It can contain as many <code>binary</code> crates as you'd like, but it must contain at least one crate (either library or binary).</p>
+<p>If a package contains <code>src/main.rs</code> and <code>src/lib.rs</code>, it has two crates: a library and a binary, both with the same name as the package.<br />
+A package can have multiple binary crates by placing files in the <code>src/bin</code> directory: each file will be a separate binary crate.</p>
+<p>A crate will group related functionality together in a scope so the functionality is easy to share between multiple projects.</p>
+<p>Cargo follows a convention that <code>src/main.rs</code> is the crate root of a binary crate with the same name as the package.<br />
+Likewise, Cargo knows that if the package directory contains <code>src/lib.rs</code>, the package contains a library crate with the same name as the package, and <code>src/lib.rs</code> is its crate root.</p>
+<h3 id="modules">Modules</h3>
+<p>Modules allow to organize code within a crate into groups for readability and easy reuse. Modules also control the privacy of items, which is whether an item can be used by outside code (<em>public</em>) or is an internal implementation detail and not available for outside use (<em>private</em>).</p>
+<p>Define a module by starting with the <code>mod</code> keyword and then specify the name of the module and place curly brackets around the body of the module.<br />
+Inside modules, it's possible to have other modules. Modules can also hold definitions for other items, such as structs, enums, constants, traits, or functions.</p>
+<h3 id="paths">Paths</h3>
+<p>A path can take two forms:</p>
+<ul>
+<li>An <strong>absolute path</strong> starts from a crate root by using a crate name or a literal crate.</li>
+<li>A <strong>relative path</strong> starts from the current module and uses self, super, or an identifier in the current module.</li>
+</ul>
+<p>Both absolute and relative paths are followed by one or more identifiers separated by double colons (<code>::</code>).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="n">module</span><span class="p">::</span><span class="n">function</span><span class="p">();</span><span class="w">  </span><span class="c1">// rel path (same crate)</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">super</span><span class="p">::</span><span class="n">function</span><span class="p">();;</span><span class="w">  </span><span class="c1">// rel path starting in outer module (same crate)</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="k">crate</span><span class="p">::</span><span class="n">module</span><span class="p">::</span><span class="n">function</span><span class="p">();</span><span class="w">  </span><span class="c1">// abs path (same crate)</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="o">&lt;</span><span class="n">crate_name</span><span class="o">&gt;</span><span class="p">::</span><span class="n">module</span><span class="p">::</span><span class="n">function</span><span class="p">();</span><span class="w">  </span><span class="c1">// abs path (other crate)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="public-vs-private">Public vs Private</h3>
+<p>Modules aren’t useful only for organizing the code. They also define Rust’s privacy boundary:<br />
+the line that encapsulates the implementation details external code isn’t allowed to know about, call, or rely on.<br />
+So, to make an item like a function or struct private, put it in a module.</p>
+<p>The way privacy works in Rust is that all items (functions, methods, structs, enums, modules, and constants) are <em>private by default</em>.<br />
+Items in a parent module can’t use the private items inside child modules, but items in child modules can use the items in their ancestor modules.<br />
+The reason is that child modules wrap and hide their implementation details, but the child modules can see the context in which they’re defined.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">mod</span><span class="w"> </span><span class="nn">module</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="p">}</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="c1">// for a function to be accessible both module and function must be public</span>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="k">pub</span><span class="w"> </span><span class="k">mod</span><span class="w"> </span><span class="nn">public_module</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">public_func</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="p">}</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="k">mod</span><span class="w"> </span><span class="nn">file_level_module</span><span class="p">;</span><span class="w">  </span><span class="c1">// define a module for the whole file (same name as file)</span>
+</code></pre></div></td></tr></table></div>
+<p>It's possible to use <code>pub</code> to designate <em>structs</em> and <em>enums</em> as public, but there are a few extra details.<br />
+If <code>pub</code> is used before a struct definition, this makes the struct public, but the struct's fields will still be private.<br />
+It's possible make each field public or not on a case-by-case basis.</p>
+<p>In contrast, if an enum is made public, all of its variants are then public.</p>
+<h3 id="use"><code>use</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">crate_name</span><span class="o">&gt;</span><span class="p">::</span><span class="n">module</span><span class="p">;</span><span class="w">  </span><span class="c1">// import module (abs path, other crate)</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="k">use</span><span class="w"> </span><span class="k">crate</span><span class="p">::</span><span class="n">module</span><span class="p">;</span><span class="w">  </span><span class="c1">// import module (abs path, same crate)</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="k">use</span><span class="w"> </span><span class="bp">self</span><span class="p">::</span><span class="n">module</span><span class="p">;</span><span class="w">  </span><span class="c1">// import module (rel path, same crate)</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="k">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">crate_name</span><span class="o">&gt;</span><span class="p">::</span><span class="n">module</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="n">alias</span><span class="p">;</span><span class="w">  </span><span class="c1">// import module w/ aliases</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="k">pub</span><span class="w"> </span><span class="k">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">crate_name</span><span class="o">&gt;</span><span class="p">::</span><span class="n">module</span><span class="p">;</span><span class="w">  </span><span class="c1">// re-exporting (import and make available to others)</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="k">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">crate_name</span><span class="o">&gt;</span><span class="p">::</span><span class="n">module</span><span class="p">::{</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">Item</span><span class="p">};</span><span class="w"> </span><span class="c1">// import multiple paths</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="k">pub</span><span class="w"> </span><span class="k">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">crate_name</span><span class="o">&gt;</span><span class="p">::</span><span class="n">module</span><span class="p">::</span><span class="o">*</span><span class="p">;</span><span class="w"> </span><span class="c1">// import all public items (Glob operator)</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="n">module</span><span class="p">::</span><span class="n">function</span><span class="p">();</span><span class="w">  </span><span class="c1">// use func w/ shorter path</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="separating-into-multiple-files">Separating into multiple files</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>src
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>|_main.rs  --&gt; default executable file
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>|_lib.rs  --&gt; default library file
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>|__module
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>|  |_mod.rs --&gt; export submodules
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a>|  |_submodule.rs --&gt; submodule
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="c1">// main.rs</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="k">mod</span><span class="w"> </span><span class="nn">module</span><span class="p">;</span><span class="w">  </span><span class="c1">// declare module directory as a module</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="c1">// mod.rs</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="k">pub</span><span class="w"> </span><span class="k">mod</span><span class="w"> </span><span class="nn">sub_module</span><span class="p">;</span><span class="w">  </span><span class="c1">// declare sub_module file as a module</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="macros.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Macros">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Macros
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="concurrency.html" class="md-footer__link md-footer__link--next" aria-label="Next: Concurrency">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Concurrency
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/rust/concurrency.html b/languages/rust/concurrency.html
new file mode 100644
index 0000000..f5cf095
--- /dev/null
+++ b/languages/rust/concurrency.html
@@ -0,0 +1,4976 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/rust/concurrency.html">
+      
+      
+        <link rel="prev" href="cargo.html">
+      
+      
+        <link rel="next" href="unit-tests.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Concurrency - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Concurrency - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/concurrency.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/rust/concurrency.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Concurrency - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/concurrency.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#concurrency" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Concurrency
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="concurrency.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#threads" class="md-nav__link">
+    <span class="md-ellipsis">
+      Threads
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Threads">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#scoped-threads" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scoped Threads
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#shared-ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shared Ownership
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#thread-safety-send-and-sync" class="md-nav__link">
+    <span class="md-ellipsis">
+      Thread Safety: Send and Sync
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#locking-protecting-shared-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      Locking: Protecting Shared Data
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Locking: Protecting Shared Data">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mutex" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mutex
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lock-poisoning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lock Poisoning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reader-writer-lock" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reader-Writer Lock
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#waiting-putting-thread-to-sleep" class="md-nav__link">
+    <span class="md-ellipsis">
+      Waiting: Putting Thread to Sleep
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Waiting: Putting Thread to Sleep">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#thread-parking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Thread Parking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#condition-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Condition Variables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#atomics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Atomics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Atomics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#load-store" class="md-nav__link">
+    <span class="md-ellipsis">
+      Load &amp; Store
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fetch-and-modify-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fetch-and-Modify Operations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compare-and-exchange-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compare-and-Exchange Operations
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memory-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memory Ordering
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Memory Ordering">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#reordering-and-optimizations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reordering and Optimizations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-memory-model" class="md-nav__link">
+    <span class="md-ellipsis">
+      The Memory Model
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#happens-before-relationship" class="md-nav__link">
+    <span class="md-ellipsis">
+      Happens-Before Relationship
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relaxed-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relaxed Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#release-and-acquire-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Release and Acquire Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#consume-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Consume Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sequentially-consistent-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sequentially Consistent Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fences" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fences
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#threads" class="md-nav__link">
+    <span class="md-ellipsis">
+      Threads
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Threads">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#scoped-threads" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scoped Threads
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#shared-ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shared Ownership
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#thread-safety-send-and-sync" class="md-nav__link">
+    <span class="md-ellipsis">
+      Thread Safety: Send and Sync
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#locking-protecting-shared-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      Locking: Protecting Shared Data
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Locking: Protecting Shared Data">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#mutex" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mutex
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#lock-poisoning" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lock Poisoning
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reader-writer-lock" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reader-Writer Lock
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#waiting-putting-thread-to-sleep" class="md-nav__link">
+    <span class="md-ellipsis">
+      Waiting: Putting Thread to Sleep
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Waiting: Putting Thread to Sleep">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#thread-parking" class="md-nav__link">
+    <span class="md-ellipsis">
+      Thread Parking
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#condition-variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Condition Variables
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#atomics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Atomics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Atomics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#load-store" class="md-nav__link">
+    <span class="md-ellipsis">
+      Load &amp; Store
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fetch-and-modify-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fetch-and-Modify Operations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#compare-and-exchange-operations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Compare-and-Exchange Operations
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#memory-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Memory Ordering
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Memory Ordering">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#reordering-and-optimizations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reordering and Optimizations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-memory-model" class="md-nav__link">
+    <span class="md-ellipsis">
+      The Memory Model
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#happens-before-relationship" class="md-nav__link">
+    <span class="md-ellipsis">
+      Happens-Before Relationship
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relaxed-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relaxed Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#release-and-acquire-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Release and Acquire Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#consume-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Consume Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sequentially-consistent-ordering" class="md-nav__link">
+    <span class="md-ellipsis">
+      Sequentially Consistent Ordering
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fences" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fences
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="concurrency">Concurrency</h1>
+<p><a href="https://doc.rust-lang.org/book/ch16-00-concurrency.html" title="Rust Book - Fearless Concurrency">Rust Book - Concurrency</a><br />
+<a href="https://marabos.nl/atomics/" title="Rust Atomics and Locks - Low-Level Concurrency in Practice">Rust Atomics and Locks - Mara Bos</a></p>
+<p>Operating systems isolate processes from each other as much as possible, allowing a program to do its thing while completely unaware of what any other processes are doing. For example, a process cannot normally access the memory of another process, or communicate with it in any way, without asking the operating system’s kernel first.</p>
+<p>However, a program can spawn extra threads of execution, as part of the same process. Threads within the same process are not isolated from each other. Threads share memory and can interact with each other through that memory.</p>
+<h2 id="threads">Threads</h2>
+<p>Every program starts with exactly <em>one</em> thread: the <strong>main</strong> thread. This thread will execute the <code>main</code> function and can be used to spawn more threads if necessary.</p>
+<p>New threads are spawned using the <code>std::thread::spawn</code> function from the standard library. It takes a single argument: the function the new thread will execute. The thread stops once this function returns.</p>
+<p>Returning from <code>main</code> will exit the entire program, even if other threads are still running. To make sure the spawned threads have finished their work it's possible to wait by <em>joining</em> them.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span>
+<span class="normal"><a href="#__codelineno-0-7">7</a></span>
+<span class="normal"><a href="#__codelineno-0-8">8</a></span>
+<span class="normal"><a href="#__codelineno-0-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// spawn a new thread</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">handle</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">thread</span><span class="p">::</span><span class="n">spawn</span><span class="p">(</span><span class="k">move</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="c1">// read the current thread ID</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">thread_id</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">thread</span><span class="p">::</span><span class="n">current</span><span class="p">().</span><span class="n">id</span><span class="p">();</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">});</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="c1">// wait for the thread to finish by joining it</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="n">handle</span><span class="p">.</span><span class="n">join</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<p>Since a thread might run until the very end of the program’s execution, the spawn function has a <code>'static</code> lifetime bound on its argument type. In other words, it only accepts functions that may be kept around forever. A closure capturing a local variable by reference may not be kept around forever, since that reference would become invalid the moment the local variable ceases to exist.</p>
+<p>Getting a value back out of the thread is done by returning it from the closure. This return value can be obtained from the <code>Result</code> returned by the <code>join</code> method.</p>
+<blockquote>
+<p><strong>Note</strong>: if a thread panics the handle will return the panic message so that it can be handled.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">numbers</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Vec</span><span class="p">::</span><span class="n">from_iter</span><span class="p">(</span><span class="mi">0</span><span class="o">..=</span><span class="mi">1000</span><span class="p">);</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="c1">// `move` ensures the tread takes ownership by move the data</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">handle</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">thread</span><span class="p">::</span><span class="n">spawn</span><span class="p">(</span><span class="k">move</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">len</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">numbers</span><span class="p">.</span><span class="n">len</span><span class="p">();</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">sum</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">numbers</span><span class="p">.</span><span class="n">iter</span><span class="p">().</span><span class="n">sum</span><span class="p">::</span><span class="o">&lt;</span><span class="kt">usize</span><span class="o">&gt;</span><span class="p">();</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w">    </span><span class="n">sum</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="n">len</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="p">});</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="kd">let</span><span class="w"> </span><span class="n">average</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">handle</span><span class="p">.</span><span class="n">join</span><span class="p">().</span><span class="n">unwrap</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="scoped-threads">Scoped Threads</h3>
+<p><strong>Scoped threads</strong> ensure that all thread spawned within a <em>scope</em> do not outlive said scope. This makes possible to borrow data that outlives the scope. This is possible since the scope <code>spawn</code> function does not have a <code>'static</code> bound.</p>
+<p><strong>Note</strong>: it's not possible to spawn multiple threads sharing the same data is one of the is mutating it.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span>
+<span class="normal"><a href="#__codelineno-2-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">numbers</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Vec</span><span class="p">::</span><span class="n">from_iter</span><span class="p">(</span><span class="mi">0</span><span class="o">..=</span><span class="mi">10</span><span class="p">);</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="n">std</span><span class="p">::</span><span class="n">thread</span><span class="p">::</span><span class="n">scope</span><span class="p">(</span><span class="o">|</span><span class="n">scope</span><span class="o">|</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w">    </span><span class="c1">// data is borrowed since the `move` keyword is missing</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">    </span><span class="n">scope</span><span class="p">.</span><span class="n">spawn</span><span class="p">(</span><span class="o">||</span><span class="w"> </span><span class="p">{</span><span class="w"> </span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">        </span><span class="kd">let</span><span class="w"> </span><span class="n">len</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">numbers</span><span class="p">.</span><span class="n">len</span><span class="p">();</span><span class="w"> </span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">        </span><span class="c1">// ...</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="w">    </span><span class="p">});</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="w">    </span><span class="n">scope</span><span class="p">.</span><span class="n">spawn</span><span class="p">(</span><span class="o">||</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* ... */</span><span class="w"> </span><span class="p">});</span>
+<a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="shared-ownership">Shared Ownership</h3>
+<p>When sharing data between two threads where neither thread is guaranteed to outlive the other, neither of them can be the owner of that data. Any data shared between them will need to live as long as the longest living thread.</p>
+<p>There are several ways to create data that is not owned by any single thread:</p>
+<ul>
+<li>
+<p><strong>Statics</strong>: A <code>static</code> item has a constant initializer, is never dropped, and already exists before the main function of the program even starts. Every thread can borrow it, since it’s guaranteed to always exist.</p>
+</li>
+<li>
+<p><strong>Leaking</strong>: Using <code>Box::leak</code>, one can <em>release</em> ownership of a <code>Box</code>, promising to never drop it. From that point on, the <code>Box</code> will live forever, without an owner, allowing it to be borrowed by any thread for as long as the program runs.</p>
+</li>
+<li>
+<p><strong>Reference Counting</strong>: To make sure that shared data gets dropped and deallocated data ownership it's never gave up completely, is instead <em>shared</em>. By keeping track of the number of owners, it's possible to make sure the value is dropped only when there are no owners left. The standard library offers such functionality with the <code>Rc&lt;T&gt;</code> &amp; <code>Arc&lt;T&gt;</code> types.</p>
+</li>
+</ul>
+<h3 id="thread-safety-send-and-sync">Thread Safety: Send and Sync</h3>
+<p>The <code>Send</code> marker trait indicates that ownership of values of the type implementing <code>Send</code> can be transferred between threads. Any type composed entirely of <code>Send</code> types is automatically marked as <code>Send</code>.  Almost all primitive types are <code>Send</code>, aside from raw pointers.</p>
+<p>The <code>Sync</code> marker trait indicates that it is safe for the type implementing <code>Sync</code> to be referenced from multiple threads. In other words, any type <code>T</code> is <code>Sync</code> if <code>&amp;T</code> (an immutable reference to <code>T</code>) is <code>Send</code>, meaning the reference can be sent safely to another thread. Similar to <code>Send</code>, primitive types are <code>Sync</code>, and types composed entirely of types that are <code>Sync</code>are also <code>Sync</code>.</p>
+<blockquote>
+<p><strong>Note</strong>: All primitive types such as <code>i32</code>, <code>bool</code>, and <code>str</code> are both <code>Send</code> and <code>Sync</code>.</p>
+</blockquote>
+<h2 id="locking-protecting-shared-data">Locking: Protecting Shared Data</h2>
+<h3 id="mutex">Mutex</h3>
+<p>The most commonly used tool for sharing (mutable) data between threads is a <strong>mutex</strong>, which is short for "mutual exclusion." The job of a mutex is to ensure threads have <em>exclusive access</em> to some data by temporarily blocking other threads that try to access it at the same time.</p>
+<p>A mutex has only two <em>states</em>: <strong>locked</strong> and <strong>unlocked</strong>.</p>
+<p>When a thread locks an unlocked mutex, the mutex is marked as locked and the thread can immediately continue. When a thread then attempts to lock an already locked mutex, that operation will block. The thread is put to sleep while it waits for the mutex to be unlocked. Unlocking is only possible on a locked mutex, and should be done by the same thread that locked it. If other threads are waiting to lock the mutex, unlocking will cause one of those threads to be woken up, so it can try to lock the mutex again and continue its course.</p>
+<p>Protecting data with a mutex is simply the agreement between all threads that they will only access the data when they have the mutex locked. That way, no two threads can ever access that data concurrently and cause a <strong>data race</strong>.</p>
+<p>The Rust standard library provides this functionality through <code>std::sync::Mutex&lt;T&gt;</code>. Since the mutex wraps and owns the <code>T</code> it protects, the data can only be accessed through the mutex, allowing for a safe interface that can guarantee only one thread at a time can access the wrapped <code>T</code>.</p>
+<p>To ensure a locked mutex can only be unlocked by the thread that locked it, it does not have an <code>unlock()</code> method. Instead, its <code>lock()</code> method returns a  a <code>MutexGuard</code> to represent the lock. The <code>MutexGuard</code> allows exclusive access to the data the mutex protects. Unlocking the mutex is done by dropping the guard.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">mutex</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">sync</span><span class="p">::</span><span class="n">Mutex</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="n">std</span><span class="p">::</span><span class="n">thread</span><span class="p">::</span><span class="n">scope</span><span class="p">(</span><span class="o">|</span><span class="n">scope</span><span class="o">|</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="n">scope</span><span class="p">.</span><span class="n">spawn</span><span class="p">(</span><span class="o">||</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">        </span><span class="kd">let</span><span class="w"> </span><span class="n">guard</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">mutex</span><span class="p">.</span><span class="n">lock</span><span class="p">().</span><span class="n">unwrap</span><span class="p">();</span><span class="w">  </span><span class="c1">// obtain access</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">        </span><span class="o">*</span><span class="n">guard</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span><span class="w">  </span><span class="c1">// mutate protected value</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">    </span><span class="p">})</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="p">});</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lock-poisoning">Lock Poisoning</h3>
+<p>The <code>lock()</code> method returns a <code>Result</code> since the mutex can become <strong>poisoned</strong>. A mutex get marked as poisoned when a thread panics while holding the lock. Calling <code>lock()</code> on a poisoned mutex will return an <code>Err</code>. This poisoning mechanism protects against accessing data that may be in an inconsistent state.  </p>
+<blockquote>
+<p><strong>Note</strong>: The lock is still acquired and the <code>Err</code> variant contains the guard, allowing to correct the data inconsistency.</p>
+</blockquote>
+<h3 id="reader-writer-lock">Reader-Writer Lock</h3>
+<p>A <strong>reader-writer lock</strong> understands the difference between <em>exclusive</em> and <em>shared</em> access, and can provide either. It has three states: unlocked, locked by a single writer (for exclusive access), and locked by any number of readers (for shared access).</p>
+<p>The Rust standard library provides this lock through the <code>std::sync::RwLock&lt;T&gt;</code> type.  It has a <code>read()</code> and <code>write()</code> method for locking as either a reader or a writer and it has two guard types: <code>RwLockReadGuard</code> and <code>RwLockWriteGuard</code>.</p>
+<p>The first only implements <code>Deref</code> to behave like a shared reference to the protected data, while the second also implements <code>DerefMut</code> to behave like an exclusive reference.</p>
+<p>Most implementations will block new readers when there is a writer waiting, even when the lock is already read-locked. This is done to prevent <em>writer starvation</em>, a situation where many readers collectively keep the lock from ever unlocking, never allowing any writer to update the data.</p>
+<h2 id="waiting-putting-thread-to-sleep">Waiting: Putting Thread to Sleep</h2>
+<h3 id="thread-parking">Thread Parking</h3>
+<p>One way to wait for a notification from another thread is called thread <strong>parking</strong>. A thread can <em>park</em> itself, which puts it to sleep, stopping it from consuming any CPU cycles. Another thread can then <em>unpark</em> the parked thread, waking it up from its sleep.</p>
+<p>Thread parking is available through the <code>std::thread::park()</code> function. For unparking, it's possible to call the <code>unpark()</code> method on a <code>Thread</code> handle.</p>
+<p>An important property of thread parking is that a call to <code>unpark()</code> before the thread parks itself does not get lost. The request to unpark is still recorded, and the next time the thread tries to park itself, it clears that request and directly continues without actually going to sleep.</p>
+<blockquote>
+<p><strong>Note</strong>: calls to <code>unpark()</code> do not stack up.</p>
+</blockquote>
+<h3 id="condition-variables">Condition Variables</h3>
+<p><strong>Condition variables</strong> are a more commonly used option for waiting for something to happen to data protected by a mutex. They have two basic operations: <strong>wait</strong> and <strong>notify</strong>.</p>
+<p>Threads can wait on a condition variable, after which they can be woken up when another thread notifies that same condition variable. Multiple threads can wait on the same condition variable, and notifications can either be sent to one waiting thread, or to all of them.</p>
+<p>To avoid the issue of missing notifications in the brief moment between unlocking a mutex and waiting for a condition variable, condition variables provide a way to atomically unlock the mutex and start waiting. This means there is simply no possible moment for notifications to get lost.</p>
+<p>The Rust standard library provides a condition variable as <code>std::sync::Condvar</code>. Its <code>wait</code> method takes a <code>MutexGuard</code> that proves we’ve locked the mutex. It first unlocks the mutex (allowing other threads to work on it) and goes to sleep. When woken up, it relocks the mutex and returns a new <code>MutexGuard</code> (which proves that the mutex is locked again).</p>
+<p>It has two notify functions: <code>notify_one</code> to wake up just one waiting thread (if any), and <code>notify_all</code> to wake them all up.</p>
+<h2 id="atomics">Atomics</h2>
+<p>The word atomic comes from the Greek word ἄτομος, meaning indivisible, something that cannot be cut into smaller pieces. In computer science, it is used to describe an operation that is indivisible: it is either fully completed, or it didn’t happen yet.</p>
+<p><strong>Atomic operations</strong> are the main building block for anything involving multiple threads. All the other concurrency primitives, such as mutexes and condition variables, are implemented using atomic operations.</p>
+<p>Each of the available atomic types has the same interface with methods for <em>storing</em> and <em>loading</em>, methods for atomic "fetch-and-modify" operations, and some more advanced "compare-and-exchange" methods.</p>
+<p>Every atomic operation takes an argument of type <code>std::sync::atomic::Ordering</code>, which determines the guarantees about the relative ordering of operations. Based on the ordering the various threads can witness the same operations happening in different orders.</p>
+<h3 id="load-store">Load &amp; Store</h3>
+<p>The first two atomic operations are the most basic ones: <strong>load</strong> and <strong>store</strong>. Their function signatures are as follows, using AtomicI32 as an example:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">impl</span><span class="w"> </span><span class="n">AtomicI32</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">load</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">store</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">value</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">);</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>load</code> method atomically loads the value stored in the atomic variable, and the <code>store</code> method atomically stores a new value in it.</p>
+<blockquote>
+<p><strong>Note</strong>: the store method takes a shared reference (<code>&amp;T</code>) even though it modifies itself.</p>
+</blockquote>
+<h3 id="fetch-and-modify-operations">Fetch-and-Modify Operations</h3>
+<p>The <strong>fetch-and-modify</strong> operations modify the atomic variable, but also load (fetch) the original value, as a single atomic operation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">impl</span><span class="w"> </span><span class="n">AtomicI32</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_add</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_sub</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_or</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_and</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_nand</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_xor</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_max</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">fetch_min</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">swap</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="n">ordering</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">i32</span><span class="p">;</span><span class="w">  </span><span class="c1">// aka fetch_store</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="compare-and-exchange-operations">Compare-and-Exchange Operations</h3>
+<p>The <strong>compare-and-exchange</strong> operation checks if the atomic value is equal to a given value, and only if that is the case does it replace it with a new value, all atomically as a single operation. It will return the previous value and tell whether it replaced it or not.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span>
+<span class="normal"><a href="#__codelineno-6-5">5</a></span>
+<span class="normal"><a href="#__codelineno-6-6">6</a></span>
+<span class="normal"><a href="#__codelineno-6-7">7</a></span>
+<span class="normal"><a href="#__codelineno-6-8">8</a></span>
+<span class="normal"><a href="#__codelineno-6-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">impl</span><span class="w"> </span><span class="n">AtomicI32</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="w">    </span><span class="k">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">compare_exchange</span><span class="p">(</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="w">        </span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="w">        </span><span class="n">expected</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="w">        </span><span class="n">new</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="w">        </span><span class="n">success_order</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span><span class="p">,</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="w">        </span><span class="n">failure_order</span><span class="p">:</span><span class="w"> </span><span class="nc">Ordering</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="w">    </span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Result</span><span class="o">&lt;</span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="kt">i32</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="memory-ordering">Memory Ordering</h2>
+<h3 id="reordering-and-optimizations">Reordering and Optimizations</h3>
+<p>Processors and compilers perform tricks to make programs run as fast as possible. A processor might determine that two particular consecutive instructions in the program will not affect each other, and execute them out of order, if that is faster.
+Similarly, a compiler might decide to reorder or rewrite parts of the program if it has reason to believe it might result in faster execution. But only if that wouldn’t change the behavior of the program.</p>
+<p>The logic for verifying that a specific reordering or other optimization won’t affect the behavior of the program does not take other threads into account. This is why explicitly telling the compiler and processor what they can and can’t do with the atomic operations it's necessary, since their usual logic ignores interactions between threads and might allow for optimizations that do change the result of the program.</p>
+<p>The available orderings in Rust are:</p>
+<ul>
+<li>Relaxed ordering: <code>Ordering::Relaxed</code></li>
+<li>Release and acquire ordering: <code>Ordering::{Release, Acquire, AcqRel}</code></li>
+<li>Sequentially consistent ordering: <code>Ordering::SeqCst</code></li>
+</ul>
+<h3 id="the-memory-model">The Memory Model</h3>
+<p>The different memory ordering options have a strict formal definition to make sure their assumption are known, and compiler writers know exactly what guarantees they need to provide. To decouple this from the details of specific processor architectures, memory ordering is defined in terms of an <em>abstract</em> memory model.</p>
+<p>Rust’s memory model allows for concurrent atomic stores, but considers concurrent non-atomic stores to the same variable to be a data race, resulting in undefined behavior.</p>
+<h3 id="happens-before-relationship">Happens-Before Relationship</h3>
+<p>The memory model defines the order in which operations happen in terms of <em>happens-before</em> relationships. This means that as an abstract model only defines situations where one thing is guaranteed to happen before another thing, and leaves the order of everything else undefined.</p>
+<p>Between threads, however, happens-before relationships only occur in a few specific cases, such as when spawning and joining a thread, unlocking and locking a mutex, and through atomic operations that use non-relaxed memory ordering. Relaxed memory ordering is the most basic (and most performant) memory ordering that, by itself, never results in any cross-thread happens-before relationships.</p>
+<p><em>Spawning</em> a thread creates a happens-before relationship between what happened before the <code>spawn()</code> call, and the new thread. Similarly, <em>joining</em> a thread creates a happens-before relationship between the joined thread and what happens after the <code>join()</code> call.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="k">static</span><span class="w"> </span><span class="n">X</span><span class="p">:</span><span class="w"> </span><span class="nc">AtomicI32</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">AtomicI32</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">    </span><span class="n">X</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Relaxed</span><span class="p">);</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">t</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">thread</span><span class="p">::</span><span class="n">spawn</span><span class="p">(</span><span class="n">f</span><span class="p">);</span><span class="w">  </span><span class="c1">// happens after &quot;store 1&quot;</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="w">    </span><span class="n">X</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="n">Relaxed</span><span class="p">);</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="w">    </span><span class="n">t</span><span class="p">.</span><span class="n">join</span><span class="p">().</span><span class="n">unwrap</span><span class="p">();</span><span class="w">  </span><span class="c1">// happens before &quot;store 3&quot;</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a><span class="w">    </span><span class="n">X</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">Relaxed</span><span class="p">);</span>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="p">}</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="k">fn</span><span class="w"> </span><span class="nf">f</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">X</span><span class="p">.</span><span class="n">load</span><span class="p">(</span><span class="n">Relaxed</span><span class="p">);</span><span class="w">  </span><span class="c1">// could happen after either before or after &quot;store 2&quot;</span>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="w">    </span><span class="fm">assert!</span><span class="p">(</span><span class="n">x</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">2</span><span class="p">);</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="relaxed-ordering">Relaxed Ordering</h3>
+<p>While atomic operations using <code>Relaxed</code> memory ordering do not provide any happens-before relationship, they do guarantee a <em>total modification order</em> of each individual atomic variable. This means that all modifications <em>of the same atomic variable</em> happen in an order that is the same from the perspective of every single thread.</p>
+<h3 id="release-and-acquire-ordering">Release and Acquire Ordering</h3>
+<p><code>Release</code> and <code>Acquire</code> memory ordering are used in a pair to form a happens-before relationship between threads. <code>Release</code> memory ordering applies to <em>store</em> operations, while <code>Acquire</code> memory ordering applies to <em>load</em> operations.</p>
+<p>A happens-before relationship is formed when an <strong>acquire-load</strong> operation observes the result of a <strong>release-store</strong> operation. In this case, the store and everything before it, happened before the load and everything after it.</p>
+<p>When using <code>Acquire</code> for a <strong>fetch-and-modify</strong> or <strong>compare-and-exchange</strong> operation, it applies only to the part of the operation that <em>loads</em> the value. Similarly, <code>Release</code> applies only to the <em>store</em> part of an operation. <code>AcqRel</code> is used to represent the combination of <code>Acquire</code> and <code>Release</code>, which causes both the <em>load</em> to use <code>Acquire</code> ordering, and the <em>store</em> to use <code>Release</code> ordering.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-8-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-8-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-8-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-8-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-8-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-8-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-8-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-8-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-8-10">10</a></span>
+<span class="normal"><a href="#__codelineno-8-11">11</a></span>
+<span class="normal"><a href="#__codelineno-8-12">12</a></span>
+<span class="normal"><a href="#__codelineno-8-13">13</a></span>
+<span class="normal"><a href="#__codelineno-8-14">14</a></span>
+<span class="normal"><a href="#__codelineno-8-15">15</a></span>
+<span class="normal"><a href="#__codelineno-8-16">16</a></span>
+<span class="normal"><a href="#__codelineno-8-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">sync</span><span class="p">::</span><span class="n">atomic</span><span class="p">::</span><span class="n">Ordering</span><span class="p">::{</span><span class="n">Acquire</span><span class="p">,</span><span class="w"> </span><span class="n">Release</span><span class="p">};</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="k">static</span><span class="w"> </span><span class="n">DATA</span><span class="p">:</span><span class="w"> </span><span class="nc">AtomicU64</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">AtomicU64</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="k">static</span><span class="w"> </span><span class="n">READY</span><span class="p">:</span><span class="w"> </span><span class="nc">AtomicBool</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">AtomicBool</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="w">    </span><span class="n">thread</span><span class="p">::</span><span class="n">spawn</span><span class="p">(</span><span class="o">||</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-8" name="__codelineno-8-8"></a><span class="w">        </span><span class="n">DATA</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="mi">123</span><span class="p">,</span><span class="w"> </span><span class="n">Relaxed</span><span class="p">);</span>
+<a id="__codelineno-8-9" name="__codelineno-8-9"></a><span class="w">        </span><span class="n">READY</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="n">Release</span><span class="p">);</span><span class="w"> </span><span class="c1">// Everything from before this store ..</span>
+<a id="__codelineno-8-10" name="__codelineno-8-10"></a><span class="w">    </span><span class="p">});</span>
+<a id="__codelineno-8-11" name="__codelineno-8-11"></a>
+<a id="__codelineno-8-12" name="__codelineno-8-12"></a><span class="w">    </span><span class="k">while</span><span class="w"> </span><span class="o">!</span><span class="n">READY</span><span class="p">.</span><span class="n">load</span><span class="p">(</span><span class="n">Acquire</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// .. is visible after this loads `true`.</span>
+<a id="__codelineno-8-13" name="__codelineno-8-13"></a><span class="w">        </span><span class="n">thread</span><span class="p">::</span><span class="n">sleep</span><span class="p">(</span><span class="n">Duration</span><span class="p">::</span><span class="n">from_millis</span><span class="p">(</span><span class="mi">100</span><span class="p">));</span>
+<a id="__codelineno-8-14" name="__codelineno-8-14"></a><span class="w">        </span><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;waiting...&quot;</span><span class="p">);</span>
+<a id="__codelineno-8-15" name="__codelineno-8-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-16" name="__codelineno-8-16"></a><span class="w">    </span><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;{}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">DATA</span><span class="p">.</span><span class="n">load</span><span class="p">(</span><span class="n">Relaxed</span><span class="p">));</span>
+<a id="__codelineno-8-17" name="__codelineno-8-17"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="consume-ordering">Consume Ordering</h3>
+<p><code>Consume</code> ordering is a lightweight, more efficient, ​variant of <code>Acquire</code> ordering, whose synchronizing effects are limited to things that <em>depend on</em> the loaded value.</p>
+<p>Now there’s good news and bad news.</p>
+<p>In all modern processor architectures, <code>Consume</code> ordering is achieved with the exact same instructions as <code>Relaxed</code> ordering. In other words, <code>Consume</code> ordering can be "free," which, at least on some platforms, is not the case for acquire ordering. Unfortunately no compiler actually implements <code>Consume</code> ordering.</p>
+<p>The concept of a "dependent" evaluation hard to define, it’s even harder to keep such dependencies intact while transforming and optimizing a program.</p>
+<p>Because of this, compilers upgrade <code>Consume</code> ordering to <code>Acquire</code> ordering, just to be safe. The C++20 standard even explicitly discourages the use of <code>Consume</code> ordering, noting that an implementation other than just <code>Acquire</code> ordering turned out to be infeasible.</p>
+<h3 id="sequentially-consistent-ordering">Sequentially Consistent Ordering</h3>
+<p>The strongest memory ordering is s<strong>sequentially consistent</strong> ordering (<code>SeqCst</code>). It includes all the guarantees of <code>Acquire</code> ordering (for loads) and <code>Release</code> ordering (for stores), and also guarantees a <em>globally consistent order</em> of operations.</p>
+<p>This means that every single operation using <code>SeqCst</code> ordering within a program is part of a single total order that all threads agree on. This total order is consistent with the total modification order of each individual variable.</p>
+<p>Since it is strictly stronger than <code>Acquire</code> and <code>Release</code> memory ordering, a sequentially consistent load or store can take the place of an <strong>acquire-load</strong> or <strong>release-store</strong> in a <em>release-acquire</em> pair to form a happens-before relationship. In other words, an <strong>acquire-load</strong> can not only form a happens-before relationship with a <strong>release-store</strong>, but also with a sequentially consistent store, and similarly the other way around.</p>
+<p>Virtually all real-world uses of <code>SeqCst</code> involve a pattern of a store that must be globally visible before a subsequent load on the same thread. For these situations, a potentially more efficient alternative is to instead use <code>Relaxed</code> operations in combination with a <code>SeqCst</code> <strong>fence</strong>.</p>
+<h3 id="fences">Fences</h3>
+<p>The <code>std::sync::atomic::fence</code> function represents an <strong>atomic fence</strong> and is either a release fence (<code>Release</code>), an acquire fence (<code>Acquire</code>), or both (<code>AcqRel</code> or <code>SeqCst</code>). A <code>SeqCst</code> fence additionally also takes part in the sequentially consistent total order.</p>
+<p>An atomic fence allows to <em>separate</em> the memory ordering from the atomic operation. This can be useful to apply a memory ordering to <em>multiple</em> operations, or to apply it conditionally.</p>
+<p>In essence, a <strong>release-store</strong> can be split into a release fence followed by a (<code>Relaxed</code>) store, and an <strong>acquire-load</strong> can be split into a (<code>Relaxed</code>) load followed by an acquire fence.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span>
+<span class="normal"><a href="#__codelineno-9-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="c1">// The store of a release-acquire relationship</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="n">atom</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Release</span><span class="p">);</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="c1">// can be substituted by a release fence followed by a relaxed store</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="n">fence</span><span class="p">(</span><span class="n">Release</span><span class="p">);</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="n">atom</span><span class="p">.</span><span class="n">store</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">Relaxed</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span>
+<span class="normal"><a href="#__codelineno-10-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="c1">// The load of a release-acquire relationship,</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="n">atom</span><span class="p">.</span><span class="n">load</span><span class="p">(</span><span class="n">Acquire</span><span class="p">);</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="c1">// can be substituted by a relaxed load followed by an acquire fence</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="n">atom</span><span class="p">.</span><span class="n">load</span><span class="p">(</span><span class="n">Relaxed</span><span class="p">);</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="n">fence</span><span class="p">(</span><span class="n">Acquire</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Using a separate fence can result in an extra processor instruction which can be slightly less efficient.
+<strong>Note</strong>: A fence is not tied to any single atomic variable. This means that a single fence can be used for multiple variables at once.</p>
+</blockquote>
+<p>A release fence can take the place of a release operation in a happens-before relationship if that release fence is followed (on the same thread) by any atomic operation that stores a value observed by the acquire operation it's synchronizing with.<br />
+Similarly, an acquire fence can take the place of any acquire operation if that acquire fence is preceded (on the same thread) by any atomic operation that loads a value stored by the release operation.</p>
+<p>An happens-before relationship is created between a release fence and an acquire fence if <em>any</em> store after the release fence is observed by <em>any</em> load before the acquire fence.</p>
+<p>A <code>SeqCst</code> fence is both a <code>Release</code> fence and an <code>Acquire</code> fence (just like <code>AcqRel</code>), but also part of the single total order of sequentially consistent operations. However, <em>only</em> the fence is part of the total order, but not necessarily the atomic operations before or after it. This means that unlike a release or acquire operation, a sequentially consistent operation <em>cannot</em> be split into a relaxed operation and a memory fence.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="cargo.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Cargo">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Cargo
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="unit-tests.html" class="md-footer__link md-footer__link--next" aria-label="Next: Unit Tests">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Unit Tests
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/rust/macros.html b/languages/rust/macros.html
new file mode 100644
index 0000000..c880b7f
--- /dev/null
+++ b/languages/rust/macros.html
@@ -0,0 +1,4499 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/rust/macros.html">
+      
+      
+        <link rel="prev" href="rust.html">
+      
+      
+        <link rel="next" href="cargo.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Macros - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Macros - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/macros.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/rust/macros.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Macros - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/macros.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#macros" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Macros
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="macros.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#declarative-macros-macro-by-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Declarative Macros (Macro-by-Example)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Declarative Macros (Macro-by-Example)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#transcribing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Transcribing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#metavariables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Metavariables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#repetitions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Repetitions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#scoping-exporting-and-importing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scoping, Exporting, and Importing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-macro_use-attribute" class="md-nav__link">
+    <span class="md-ellipsis">
+      The macro_use attribute
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-macro_export-attribute" class="md-nav__link">
+    <span class="md-ellipsis">
+      The macro_export attribute
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#follow-set-ambiguity-restrictions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Follow-set Ambiguity Restrictions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#declarative-macros-macro-by-example" class="md-nav__link">
+    <span class="md-ellipsis">
+      Declarative Macros (Macro-by-Example)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Declarative Macros (Macro-by-Example)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#transcribing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Transcribing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#metavariables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Metavariables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#repetitions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Repetitions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#scoping-exporting-and-importing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scoping, Exporting, and Importing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-macro_use-attribute" class="md-nav__link">
+    <span class="md-ellipsis">
+      The macro_use attribute
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-macro_export-attribute" class="md-nav__link">
+    <span class="md-ellipsis">
+      The macro_export attribute
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#follow-set-ambiguity-restrictions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Follow-set Ambiguity Restrictions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="macros">Macros</h1>
+<p>Fundamentally, <strong>macros</strong> are a way of <em>writing code that writes other code</em>, which is known as <strong>metaprogramming</strong>.</p>
+<p>Metaprogramming is useful for reducing the amount of code to be written and maintained, which is also one of the roles of functions.  However, macros have some additional powers that functions don’t.</p>
+<p>A function signature must declare the number and type of parameters the function has. Macros, on the other hand, can take a variable number of parameters. Also, macros are expanded before the compiler interprets the meaning of the code, so a macro can, for example, implement a trait on a given type. A function can’t, because it gets called at runtime and a trait needs to be implemented at compile time.</p>
+<p>The downside to implementing a macro instead of a function is that macro definitions are more complex than function definitions because it's Rust code that writes Rust code. Due to this indirection, macro definitions are generally more difficult to read, understand, and maintain than function definitions.</p>
+<blockquote>
+<p><strong>Note</strong>: macros need to be defined and brought into scope before they are usable in a file, as opposed to functions that can be defined anywhere and be called anywhere.</p>
+</blockquote>
+<h2 id="declarative-macros-macro-by-example">Declarative Macros (Macro-by-Example)</h2>
+<p>At their core, <strong>declarative macros</strong> allow to write something similar to a Rust match expression.</p>
+<p>Macros compare a value to patterns that are associated with particular code: in this situation, the value is the literal Rust source code passed to the macro; the patterns are compared with the structure of that source code; and the code associated with each pattern, when matched, replaces the code passed to the macro. This all happens during compilation.</p>
+<p>Declarative macros are defined using the <code>macro_rules!</code> construct.</p>
+<p>Each macro has a <em>name</em>, and <em>one or more rules</em>.</p>
+<p>Each rule has two parts: a <em>matcher</em>, describing the syntax that it matches, and a <em>transcriber</em>, describing the syntax that will replace a successfully matched invocation. Both the matcher and the transcriber must be surrounded by delimiters.<br />
+Macros can expand to expressions, statements, items (including traits, impls, and foreign items), types, or patterns.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="cp">#[macro_export]</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="fm">macro_rules!</span><span class="w"> </span><span class="o">&lt;</span><span class="n">name</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">    </span><span class="p">(</span><span class="w"> </span><span class="o">&lt;</span><span class="n">matcher</span><span class="o">&gt;</span><span class="w"> </span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">        </span><span class="o">&lt;</span><span class="n">transcriber</span><span class="o">&gt;</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="p">};</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="transcribing">Transcribing</h3>
+<p>When a macro is invoked, the macro expander looks up macro invocations by name, and tries each macro rule in turn. It transcribes the first successful match; if this results in an error, then future matches are not tried.</p>
+<p>When matching, no lookahead is performed; if the compiler cannot unambiguously determine how to parse the macro invocation one token at a time, then it is an error.</p>
+<p>In both the matcher and the transcriber, the <code>$</code> token is used to invoke special behaviours from the macro engine. Tokens that aren't part of such an invocation are matched and transcribed literally, with one exception.</p>
+<p>The exception is that the outer delimiters for the matcher will match any pair of delimiters.<br />
+Thus, for instance, the matcher (()) will match <code>{()}</code> but not <code>{{}}</code>.</p>
+<blockquote>
+<p><strong>Note</strong>: The character <code>$</code> cannot be matched or transcribed literally.</p>
+</blockquote>
+<p>When forwarding a matched fragment to another macro-by-example, matchers in the <em>second macro</em> will see an opaque AST of the fragment type. The second macro can't use literal tokens to match the fragments in the matcher, only a fragment specifier of the same type. The <code>ident</code>, <code>lifetime</code>, and <code>tt</code> fragment types are an exception, and can be matched by literal tokens.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="fm">macro_rules!</span><span class="w"> </span><span class="n">foo</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">    </span><span class="p">(</span><span class="mi">3</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="p">}</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="fm">macro_rules!</span><span class="w"> </span><span class="n">bar</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w">    </span><span class="p">(</span><span class="cp">$l</span><span class="p">:</span><span class="nc">expr</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">foo</span><span class="o">!</span><span class="p">(</span><span class="cp">$l</span><span class="p">);</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w">    </span><span class="c1">// ERROR:           ^^ no rules expected this token in macro call</span>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="p">}</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="fm">macro_rules!</span><span class="w"> </span><span class="n">baz</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w">    </span><span class="p">(</span><span class="cp">$l</span><span class="p">:</span><span class="nc">tt</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">foo</span><span class="o">!</span><span class="p">(</span><span class="cp">$l</span><span class="p">);</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="metavariables"><a href="https://doc.rust-lang.org/reference/macros-by-example.html#metavariables">Metavariables</a></h3>
+<p>In the matcher, <code>$name:fragment</code> matches a Rust syntax fragment of the kind specified and binds it to the metavariable <code>$name</code>.</p>
+<p>Valid fragment specifiers are:</p>
+<ul>
+<li><code>item</code>: an <a href="https://doc.rust-lang.org/reference/items.html">Item</a></li>
+<li><code>block</code>: a <a href="https://doc.rust-lang.org/reference/expressions/block-expr.html">BlockExpression</a></li>
+<li><code>stmt</code>: a <a href="https://doc.rust-lang.org/reference/statements.html">Statement</a> without the trailing semicolon (except for item statements that require semicolons)</li>
+<li><code>pat</code>: a <a href="https://doc.rust-lang.org/reference/patterns.html">Pattern</a></li>
+<li><code>expr</code>: an <a href="https://doc.rust-lang.org/reference/expressions.html">Expression</a></li>
+<li><code>ty</code>: a <a href="https://doc.rust-lang.org/reference/types.html#type-expressions">Type</a></li>
+<li><code>ident</code>: an <a href="https://doc.rust-lang.org/reference/identifiers.html">IDENTIFIER_OR_KEYWORD</a> or <a href="https://doc.rust-lang.org/reference/identifiers.html">RAW_IDENTIFIER</a></li>
+<li><code>path</code>: a <a href="https://doc.rust-lang.org/reference/paths.html#paths-in-types">TypePath</a> style path</li>
+<li><code>tt</code>: a <a href="https://doc.rust-lang.org/reference/macros.html#macro-invocation">TokenTree</a> (a single token or tokens in matching delimiters <code>()</code>, <code>[]</code>, or <code>{}</code>)</li>
+<li><code>meta</code>: an <a href="https://doc.rust-lang.org/reference/attributes.html">Attr</a>, the contents of an attribute</li>
+<li><code>lifetime</code>: a <a href="https://doc.rust-lang.org/reference/visibility-and-privacy.html">LIFETIME_TOKEN</a></li>
+<li><code>vis</code>: a possibly empty <a href="https://doc.rust-lang.org/reference/visibility-and-privacy.html">Visibility</a> qualifier</li>
+<li><code>literal</code>: matches <a href="https://doc.rust-lang.org/reference/expressions/literal-expr.html">LiteralExpression</a></li>
+</ul>
+<p>In the transcriber, metavariables are referred to simply by <code>$name</code>, since the fragment kind is specified in the matcher. Metavariables are replaced with the syntax element that matched them.</p>
+<p>The keyword metavariable <code>$crate</code> can be used to refer to the current crate. Metavariables can be transcribed more than once or not at all.</p>
+<h3 id="repetitions">Repetitions</h3>
+<p>In both the matcher and transcriber, repetitions are indicated by placing the tokens to be repeated inside <code>$(…)</code>, followed by a repetition operator, optionally with a separator token between. The separator token can be any token other than a delimiter or one of the repetition operators, but <code>;</code> and <code>,</code> are the most common.</p>
+<p>The repetition operators are:</p>
+<ul>
+<li><code>*</code>: indicates any number of repetitions.</li>
+<li><code>+</code>: indicates any number but at least one.</li>
+<li><code>?</code>: indicates an optional fragment with zero or one occurrence.</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: Since <code>?</code> represents at most one occurrence, it cannot be used with a separator.</p>
+</blockquote>
+<p>The repeated fragment both matches and transcribes to the specified number of the fragment, separated by the separator token. Metavariables are matched to every repetition of their corresponding fragment.</p>
+<p>During transcription, additional restrictions apply to repetitions so that the compiler knows how to expand them properly:</p>
+<ol>
+<li>A metavariable must appear in <em>exactly</em> the same number, kind, and nesting order of repetitions in the transcriber as it did in the matcher.</li>
+<li>Each repetition in the transcriber must contain at least one metavariable to decide how many times to expand it. If multiple metavariables appear in the same repetition, they must be bound to the same number of fragments.</li>
+</ol>
+<h3 id="scoping-exporting-and-importing">Scoping, Exporting, and Importing</h3>
+<p>Macros have two forms of scope: <em>textual scope</em>, and <em>path-based scope</em>. Textual scope is based on the order that things appear in source files, or even across multiple files, and is the default scoping. Path-based scope works exactly the same way that item scoping does. The scoping, exporting, and importing of macros is controlled largely by attributes.</p>
+<p>When a macro is invoked by an unqualified identifier (not part of a multi-part path), it is first looked up in textual scoping. If this does not yield any results, then it is looked up in path-based scoping. If the macro's name is qualified with a path, then it is only looked up in path-based scoping.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span>
+<span class="normal"><a href="#__codelineno-2-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">use</span><span class="w"> </span><span class="n">lazy_static</span><span class="p">::</span><span class="n">lazy_static</span><span class="p">;</span><span class="w"> </span><span class="c1">// path-based import.</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="c1">// local textual definition.</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="fm">macro_rules!</span><span class="w"> </span><span class="n">lazy_static</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="w">    </span><span class="p">(</span><span class="n">lazy</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{};</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="p">}</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="n">lazy_static</span><span class="o">!</span><span class="p">{</span><span class="n">lazy</span><span class="p">}</span><span class="w"> </span><span class="c1">// textual lookup finds local macro first.</span>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="bp">self</span><span class="p">::</span><span class="n">lazy_static</span><span class="o">!</span><span class="p">{}</span><span class="w"> </span><span class="c1">// path-based lookup ignores local macro, finds imported one.</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: It is not an error to define a macro multiple times; the most recent declaration will shadow the previous one unless it has gone out of scope.</p>
+</blockquote>
+<h3 id="the-macro_use-attribute">The <code>macro_use</code> attribute</h3>
+<p>The <code>macro_use</code> attribute has two purposes. First, it can be used to make a module's macro scope not end when the module is closed, by applying it to a module:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span>
+<span class="normal"><a href="#__codelineno-3-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="cp">#[macro_use]</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="k">mod</span><span class="w"> </span><span class="nn">inner</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">    </span><span class="fm">macro_rules!</span><span class="w"> </span><span class="n">m</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">        </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{};</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="p">}</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="n">m</span><span class="o">!</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<p>Second, it can be used to import macros from another crate, by attaching it to an extern crate declaration appearing in the crate's root module. Macros imported this way are imported into the <code>macro_use</code> prelude, not textually, which means that they can be shadowed by any other name.</p>
+<p>While macros imported by <code>#[macro_use]</code> can be used before the import statement, in case of a conflict, the last macro imported wins. Optionally, a list of macros to import can be specified using the <a href="https://doc.rust-lang.org/reference/attributes.html#meta-item-attribute-syntax"><code>MetaListIdents</code></a> syntax; this is not supported when <code>#[macro_use]</code> is applied to a module.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span>
+<span class="normal"><a href="#__codelineno-4-4">4</a></span>
+<span class="normal"><a href="#__codelineno-4-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="p">#</span><span class="w"> </span><span class="p">[</span><span class="n">macro_use</span><span class="p">(</span><span class="n">lazy_static</span><span class="p">)]</span><span class="w"> </span><span class="c1">// or #[macro_use] to import all macros.</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="k">extern</span><span class="w"> </span><span class="k">crate</span><span class="w"> </span><span class="n">lazy_static</span><span class="p">;</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="n">lazy_static</span><span class="o">!</span><span class="p">{}</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a><span class="bp">self</span><span class="p">::</span><span class="n">lazy_static</span><span class="o">!</span><span class="p">{}</span><span class="w"> </span><span class="c1">// Error: lazy_static is not defined in `self`</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Macros to be imported with <code>#[macro_use]</code> must be exported with <code>#[macro_export]</code>.</p>
+</blockquote>
+<h3 id="the-macro_export-attribute">The <code>macro_export</code> attribute</h3>
+<p>By default, a macro has no path-based scope. However, if it has the <code>#[macro_export]</code> attribute, then it is declared in the crate root scope and can be referred to normally.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-5-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-5-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-5-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-5-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-5-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-5-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-5-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-5-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-5-10">10</a></span>
+<span class="normal"><a href="#__codelineno-5-11">11</a></span>
+<span class="normal"><a href="#__codelineno-5-12">12</a></span>
+<span class="normal"><a href="#__codelineno-5-13">13</a></span>
+<span class="normal"><a href="#__codelineno-5-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="bp">self</span><span class="p">::</span><span class="n">m</span><span class="o">!</span><span class="p">();</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="n">m</span><span class="o">!</span><span class="p">();</span><span class="w"> </span><span class="c1">// OK: Path-based lookup finds m in the current module.</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="k">mod</span><span class="w"> </span><span class="nn">inner</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="w">    </span><span class="k">super</span><span class="p">::</span><span class="n">m</span><span class="o">!</span><span class="p">();</span>
+<a id="__codelineno-5-6" name="__codelineno-5-6"></a><span class="w">    </span><span class="k">crate</span><span class="p">::</span><span class="n">m</span><span class="o">!</span><span class="p">();</span>
+<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="p">}</span>
+<a id="__codelineno-5-8" name="__codelineno-5-8"></a>
+<a id="__codelineno-5-9" name="__codelineno-5-9"></a><span class="k">mod</span><span class="w"> </span><span class="nn">mac</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-10" name="__codelineno-5-10"></a><span class="w">    </span><span class="cp">#[macro_export]</span>
+<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="w">    </span><span class="fm">macro_rules!</span><span class="w"> </span><span class="n">m</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w">        </span><span class="p">()</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{};</span>
+<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: Macros labeled with <code>#[macro_export]</code> are always pub and can be referred to by other crates, either by path or by <code>#[macro_use]</code>.</p>
+</blockquote>
+<h3 id="follow-set-ambiguity-restrictions"><a href="https://doc.rust-lang.org/reference/macro-ambiguity.html">Follow-set Ambiguity Restrictions</a></h3>
+<p>The parser used by the macro system is reasonably powerful, but it is limited in order to prevent ambiguity in current or future versions of the language.</p>
+<p>In particular, in addition to the rule about ambiguous expansions, a nonterminal matched by a metavariable must be followed by a token which has been decided can be safely used after that kind of match.</p>
+<p>The specific rules are:</p>
+<ul>
+<li><code>expr</code> and <code>stmt</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, or <code>;</code>.</li>
+<li><code>pat</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, <code>=</code>, <code>if</code>, or <code>in</code>.</li>
+<li><code>path</code> and <code>ty</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, <code>=</code>, <code>|</code>, <code>;</code>, <code>:</code>, <code>&gt;</code>, <code>&gt;&gt;</code>, <code>[</code>, <code>{</code>, <code>as</code>, <code>where</code>, or a macro variable of block fragment specifier.</li>
+<li><code>vis</code> may only be followed by one of: <code>,</code>, an identifier other than a non-raw priv, any token that can begin a type, or a metavariable with a <code>ident</code>, <code>ty</code>, or <code>path</code> fragment specifier.</li>
+</ul>
+<p>All other fragment specifiers have no restrictions.</p>
+<p>When repetitions are involved, then the rules apply to every possible number of expansions, taking separators into account. This means:</p>
+<ul>
+<li>If the repetition includes a separator, that separator must be able to follow the contents of the repetition.</li>
+<li>If the repetition can repeat multiple times (<code>*</code> or <code>+</code>), then the contents must be able to follow themselves.</li>
+<li>The contents of the repetition must be able to follow whatever comes before, and whatever comes after must be able to follow the contents of the repetition.</li>
+<li>If the repetition can match zero times (<code>*</code> or <code>?</code>), then whatever comes after must be able to follow whatever comes before.</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="rust.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Rust">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Rust
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="cargo.html" class="md-footer__link md-footer__link--next" aria-label="Next: Cargo">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Cargo
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/rust/rust.html b/languages/rust/rust.html
new file mode 100644
index 0000000..9e5efde
--- /dev/null
+++ b/languages/rust/rust.html
@@ -0,0 +1,7850 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/rust/rust.html">
+      
+      
+        <link rel="prev" href="../php/simple-mvc/rest-api.html">
+      
+      
+        <link rel="next" href="macros.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Rust - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Rust - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/rust.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/rust/rust.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Rust - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/rust.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#rust" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Rust
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="rust.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#standard-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#standard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Input
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables-mutability" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables &amp; Mutability
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables & Mutability">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#shadowing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shadowing
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Data Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#integer-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integer Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Integer Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#explicit-mathematical-operations-integers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Explicit Mathematical Operations (Integers)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating-Point Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#numeric-byte-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric &amp; Byte Literals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#numeric-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#boolean-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Boolean Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#character-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tuple-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#slice-types-t-mut-t" class="md-nav__link">
+    <span class="md-ellipsis">
+      Slice Types (&amp;[T], &amp;mut [T])
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-aliases" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Aliases
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#control-flow" class="md-nav__link">
+    <span class="md-ellipsis">
+      Control Flow
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Control Flow">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      if, else-if, else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#let-if" class="md-nav__link">
+    <span class="md-ellipsis">
+      let if
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-let" class="md-nav__link">
+    <span class="md-ellipsis">
+      if-let
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#while-while-let" class="md-nav__link">
+    <span class="md-ellipsis">
+      while, while-let
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for" class="md-nav__link">
+    <span class="md-ellipsis">
+      for
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#range" class="md-nav__link">
+    <span class="md-ellipsis">
+      Range
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue" class="md-nav__link">
+    <span class="md-ellipsis">
+      break &amp; continue
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ownership
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Ownership">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#stack-heap" class="md-nav__link">
+    <span class="md-ellipsis">
+      Stack &amp; Heap
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ownership-rules" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ownership Rules
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#moving-cloning-copying-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      Moving, Cloning &amp; Copying data
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ownership-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ownership &amp; Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#return-values-scope" class="md-nav__link">
+    <span class="md-ellipsis">
+      Return Values &amp; Scope
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#references-raw-pointers-borrowing" class="md-nav__link">
+    <span class="md-ellipsis">
+      References, Raw Pointers &amp; Borrowing
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#field-init-shorthand" class="md-nav__link">
+    <span class="md-ellipsis">
+      Field Init Shorthand
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#struct-update-syntax" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct Update Syntax
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tuple-structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Structs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#struct-printing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct Printing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associated-functions-type-associated-functions-aka-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associated Functions &amp; Type-Associated Functions (aka Methods)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associated-consts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associated Consts
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Traits
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Traits">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#fully-qualified-method-calls" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fully Qualified Method Calls
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#derive-traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Derive Traits
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#trait-bounds" class="md-nav__link">
+    <span class="md-ellipsis">
+      Trait Bounds
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#trait-extensions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Trait Extensions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generic-structs-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generic Structs &amp; Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associated-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associated Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generic-traits-vs-associated-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generic Traits vs Associated Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#trait-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Trait Objects
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lifetimes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lifetimes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Lifetimes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#lifetime-elision-rules" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lifetime Elision Rules
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enums" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enums
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Enums">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#match-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Match Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pattern-matching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pattern Matching
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#error-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Error Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#option-result" class="md-nav__link">
+    <span class="md-ellipsis">
+      Option &amp; Result
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-error-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Error Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-error-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Error Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#collections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Collections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#vector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Vector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#hashmap" class="md-nav__link">
+    <span class="md-ellipsis">
+      HashMap
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#closures" class="md-nav__link">
+    <span class="md-ellipsis">
+      Closures
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Closures">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#storing-closures-using-generic-parameters-and-the-fn-traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Storing Closures Using Generic Parameters and the Fn Traits
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#capturing-the-environment-with-closures" class="md-nav__link">
+    <span class="md-ellipsis">
+      Capturing the Environment with Closures
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#function-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Pointers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Iterators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#custom-iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Iterators
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#smart-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Smart Pointers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Smart Pointers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#using-boxt-to-point-to-data-on-the-heap" class="md-nav__link">
+    <span class="md-ellipsis">
+      Using Box&lt;T&gt; to Point to Data on the Heap
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deref-trait-deref-coercion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deref Trait &amp; Deref Coercion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#drop-trait" class="md-nav__link">
+    <span class="md-ellipsis">
+      Drop Trait
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#rct-arct-multiple-ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Rc&lt;T&gt;, Arc&lt;T&gt; &amp; Multiple Ownership
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#refcellt-interior-mutability-pattern" class="md-nav__link">
+    <span class="md-ellipsis">
+      RefCell&lt;T&gt; &amp; Interior Mutability Pattern
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reference-cycles-can-leak-memory" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reference Cycles Can Leak Memory
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#reading-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading Files
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#writing-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing Files
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#external-code" class="md-nav__link">
+    <span class="md-ellipsis">
+      External Code
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#standard-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Output
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#standard-input" class="md-nav__link">
+    <span class="md-ellipsis">
+      Standard Input
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#variables-mutability" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables &amp; Mutability
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Variables & Mutability">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#shadowing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shadowing
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#data-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Data Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Data Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#integer-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Integer Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Integer Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#explicit-mathematical-operations-integers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Explicit Mathematical Operations (Integers)
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#floating-point-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Floating-Point Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#numeric-byte-literals" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric &amp; Byte Literals
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#numeric-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Numeric Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comparison-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comparison Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#boolean-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Boolean Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#bitwise-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Bitwise Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#character-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#string-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      String Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tuple-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#array-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#slice-types-t-mut-t" class="md-nav__link">
+    <span class="md-ellipsis">
+      Slice Types (&amp;[T], &amp;mut [T])
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#type-aliases" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Aliases
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#control-flow" class="md-nav__link">
+    <span class="md-ellipsis">
+      Control Flow
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Control Flow">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#if-else-if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      if, else-if, else
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#let-if" class="md-nav__link">
+    <span class="md-ellipsis">
+      let if
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#if-let" class="md-nav__link">
+    <span class="md-ellipsis">
+      if-let
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#while-while-let" class="md-nav__link">
+    <span class="md-ellipsis">
+      while, while-let
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#for" class="md-nav__link">
+    <span class="md-ellipsis">
+      for
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#range" class="md-nav__link">
+    <span class="md-ellipsis">
+      Range
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#break-continue" class="md-nav__link">
+    <span class="md-ellipsis">
+      break &amp; continue
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ownership
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Ownership">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#stack-heap" class="md-nav__link">
+    <span class="md-ellipsis">
+      Stack &amp; Heap
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ownership-rules" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ownership Rules
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#moving-cloning-copying-data" class="md-nav__link">
+    <span class="md-ellipsis">
+      Moving, Cloning &amp; Copying data
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#ownership-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Ownership &amp; Functions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#return-values-scope" class="md-nav__link">
+    <span class="md-ellipsis">
+      Return Values &amp; Scope
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#references-raw-pointers-borrowing" class="md-nav__link">
+    <span class="md-ellipsis">
+      References, Raw Pointers &amp; Borrowing
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Structs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Structs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#field-init-shorthand" class="md-nav__link">
+    <span class="md-ellipsis">
+      Field Init Shorthand
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#struct-update-syntax" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct Update Syntax
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tuple-structs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Structs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#struct-printing" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct Printing
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associated-functions-type-associated-functions-aka-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associated Functions &amp; Type-Associated Functions (aka Methods)
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associated-consts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associated Consts
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Traits
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Traits">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#fully-qualified-method-calls" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fully Qualified Method Calls
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#derive-traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Derive Traits
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#trait-bounds" class="md-nav__link">
+    <span class="md-ellipsis">
+      Trait Bounds
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#trait-extensions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Trait Extensions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generic-structs-methods" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generic Structs &amp; Methods
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#associated-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Associated Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#generic-traits-vs-associated-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Generic Traits vs Associated Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#trait-objects" class="md-nav__link">
+    <span class="md-ellipsis">
+      Trait Objects
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lifetimes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lifetimes
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Lifetimes">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#lifetime-elision-rules" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lifetime Elision Rules
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enums" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enums
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Enums">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#match-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Match Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#pattern-matching" class="md-nav__link">
+    <span class="md-ellipsis">
+      Pattern Matching
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#error-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Error Handling
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Error Handling">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#option-result" class="md-nav__link">
+    <span class="md-ellipsis">
+      Option &amp; Result
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#multiple-error-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Multiple Error Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-error-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Error Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#collections" class="md-nav__link">
+    <span class="md-ellipsis">
+      Collections
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Collections">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#vector" class="md-nav__link">
+    <span class="md-ellipsis">
+      Vector
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#hashmap" class="md-nav__link">
+    <span class="md-ellipsis">
+      HashMap
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#closures" class="md-nav__link">
+    <span class="md-ellipsis">
+      Closures
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Closures">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#storing-closures-using-generic-parameters-and-the-fn-traits" class="md-nav__link">
+    <span class="md-ellipsis">
+      Storing Closures Using Generic Parameters and the Fn Traits
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#capturing-the-environment-with-closures" class="md-nav__link">
+    <span class="md-ellipsis">
+      Capturing the Environment with Closures
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#function-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Function Pointers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Iterators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Iterators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#custom-iterators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Iterators
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#smart-pointers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Smart Pointers
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Smart Pointers">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#using-boxt-to-point-to-data-on-the-heap" class="md-nav__link">
+    <span class="md-ellipsis">
+      Using Box&lt;T&gt; to Point to Data on the Heap
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#deref-trait-deref-coercion" class="md-nav__link">
+    <span class="md-ellipsis">
+      Deref Trait &amp; Deref Coercion
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#drop-trait" class="md-nav__link">
+    <span class="md-ellipsis">
+      Drop Trait
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#rct-arct-multiple-ownership" class="md-nav__link">
+    <span class="md-ellipsis">
+      Rc&lt;T&gt;, Arc&lt;T&gt; &amp; Multiple Ownership
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#refcellt-interior-mutability-pattern" class="md-nav__link">
+    <span class="md-ellipsis">
+      RefCell&lt;T&gt; &amp; Interior Mutability Pattern
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#reference-cycles-can-leak-memory" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reference Cycles Can Leak Memory
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Files
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Files">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#reading-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reading Files
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#writing-files" class="md-nav__link">
+    <span class="md-ellipsis">
+      Writing Files
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#external-code" class="md-nav__link">
+    <span class="md-ellipsis">
+      External Code
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="rust">Rust</h1>
+<h2 id="basics">Basics</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">use</span><span class="w"> </span><span class="o">&lt;</span><span class="n">module</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c1">// bring a type into scope</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">//program entry point</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="c1">// code here</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="standard-output">Standard Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-1-10">10</a></span>
+<span class="normal"><a href="#__codelineno-1-11">11</a></span>
+<span class="normal"><a href="#__codelineno-1-12">12</a></span>
+<span class="normal"><a href="#__codelineno-1-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// macro (func have no &quot;!&quot;)</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Value: {}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// {} is a placeholder for a value or variable</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Values: {1}, {0}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">);</span><span class="w">  </span><span class="c1">// use index to print values</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Value {a}, {b}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">b</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value2</span><span class="p">);</span><span class="w">  </span><span class="c1">// named parameters</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Value {scoped_variable}&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// reference a variable in scope (must not have any parameters)</span>
+<a id="__codelineno-1-7" name="__codelineno-1-7"></a>
+<a id="__codelineno-1-8" name="__codelineno-1-8"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Num: {:&lt;total_digits&gt;.&lt;decimal_digits&gt;}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">number</span><span class="p">);</span>
+<a id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Num: {:0&lt;total&gt;.&lt;decimal&gt;}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">number</span><span class="p">);</span><span class="w">  </span><span class="c1">// prefix number with zeroes</span>
+<a id="__codelineno-1-10" name="__codelineno-1-10"></a>
+<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;{:b}&quot;</span><span class="p">,</span><span class="w"> </span><span class="mb">0b11011</span><span class="p">);</span><span class="w">  </span><span class="c1">// print as bits</span>
+<a id="__codelineno-1-12" name="__codelineno-1-12"></a>
+<a id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="fm">print!</span><span class="p">();</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="standard-input">Standard Input</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-2-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">use</span><span class="w"> </span><span class="n">io</span><span class="p">;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">buffer</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">new</span><span class="p">();</span>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="n">io</span><span class="p">::</span><span class="n">stdin</span><span class="p">()</span><span class="w">  </span><span class="c1">// read line from stdin</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="w">    </span><span class="p">.</span><span class="n">read_line</span><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="n">buffer</span><span class="p">)</span><span class="w">  </span><span class="c1">// put in into the string variable</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="w">    </span><span class="p">.</span><span class="n">expect</span><span class="p">(</span><span class="s">&quot;Error Message&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// in case of errors return an error message</span>
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="kd">let</span><span class="w"> </span><span class="n">var</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">buffer</span><span class="p">.</span><span class="n">trim</span><span class="p">().</span><span class="n">parse</span><span class="p">()</span><span class="w">  </span><span class="c1">// returns a Result enum</span>
+<a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="kd">let</span><span class="w"> </span><span class="n">var</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">buffer</span><span class="p">.</span><span class="n">trim</span><span class="p">().</span><span class="n">parse</span><span class="p">::</span><span class="o">&lt;</span><span class="kt">i32</span><span class="o">&gt;</span><span class="p">()</span><span class="w">  </span><span class="c1">// returns a Result enum</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>::</code> syntax in the <code>::new</code> line indicates that <code>new</code> is an <strong>associated function</strong> of the <code>String</code> type.<br />
+An associated function is implemented on a type rather than on a particular instance of the type. Some languages call this a <code>static method</code>.</p>
+<h2 id="variables-mutability">Variables &amp; Mutability</h2>
+<p>By default variables are <em>immutable</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span>
+<span class="normal"><a href="#__codelineno-3-6">6</a></span>
+<span class="normal"><a href="#__codelineno-3-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">var1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// immutable var init</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">var2</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// explicit type annotation</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">var3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// mutable var init</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">var4</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// explicit type annotation</span>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="k">const</span><span class="w"> </span><span class="n">CONSTANT_NAME</span><span class="p">:</span><span class="w"> </span><span class="nc">type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// constant must have the type annotation</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="shadowing">Shadowing</h3>
+<p>It's possible declare a new variable with the <em>same name</em> as a previous variable, and the new variable <em>shadows</em> the previous variable.<br />
+By using let, it's possible to perform a few transformations on a value but have the variable be immutable after those transformations have been completed.</p>
+<p>The other difference between <em>mut</em> and <em>shadowing</em> is that because we're effectively creating a new variable when we use the let keyword again,<br />
+we can change the type of the value but reuse the same name.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kt">u32</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">10</span><span class="p">;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">11</span><span class="p">;</span><span class="w">  </span><span class="c1">// shadowing</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="data-types">Data Types</h2>
+<h3 id="integer-types">Integer Types</h3>
+<table>
+<thead>
+<tr>
+<th>Length</th>
+<th>Signed</th>
+<th>Unsigned</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>8-bit</td>
+<td><code>i8</code></td>
+<td><code>u8</code></td>
+</tr>
+<tr>
+<td>16-bit</td>
+<td><code>i16</code></td>
+<td><code>u16</code></td>
+</tr>
+<tr>
+<td>32-bit</td>
+<td><code>i32</code></td>
+<td><code>u32</code></td>
+</tr>
+<tr>
+<td>64-bit</td>
+<td><code>i64</code></td>
+<td><code>u64</code></td>
+</tr>
+<tr>
+<td>128-bit</td>
+<td><code>i128</code></td>
+<td><code>u128</code></td>
+</tr>
+<tr>
+<td>architecture</td>
+<td><code>isize</code></td>
+<td><code>usize</code></td>
+</tr>
+</tbody>
+</table>
+<h4 id="explicit-mathematical-operations-integers">Explicit Mathematical Operations (Integers)</h4>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="kt">i32</span><span class="p">::</span><span class="n">MAX</span><span class="p">.</span><span class="n">checked_add</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// Option&lt;i32&gt; =&gt; None if overflow</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="kt">i32</span><span class="p">::</span><span class="n">MAX</span><span class="p">.</span><span class="n">wrapping_add</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// i32 =&gt; Wrap around</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="kt">i32</span><span class="p">::</span><span class="n">MAX</span><span class="p">.</span><span class="n">saturating_add</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">//  i32 =&gt; MIN &lt;= x &lt;= MAX (Clamp)</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="kt">i32</span><span class="p">::</span><span class="n">MAX</span><span class="p">.</span><span class="n">overflowing_add</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w"> </span><span class="c1">// (i32, bool) =&gt; overflowed result and if overflowed</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: analogous method exist for other mathematical operation</p>
+</blockquote>
+<h3 id="floating-point-types">Floating-Point Types</h3>
+<p>Rust also has two primitive types for floating-point numbers, which are numbers with decimal points.<br />
+Rust's floating-point types are <code>f32</code> and <code>f64</code>, which are 32 bits and 64 bits in size, respectively.<br />
+The default type is <code>f64</code> because on modern CPUs it's roughly the same speed as <code>f32</code> but is capable of more precision.</p>
+<h3 id="numeric-byte-literals">Numeric &amp; Byte Literals</h3>
+<p>Numeric Base Prefix:</p>
+<ul>
+<li><code>0x</code>: Hexadecimal Number</li>
+<li><code>0o</code>: Octal Number</li>
+<li><code>0b</code>: Binary Number</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: Number can have <code>_</code> interposed for legibility (E.g: <code>1_000_u64</code>)</p>
+</blockquote>
+<p>Binary Literals:</p>
+<ul>
+<li><code>b'\''</code>, <code>b'\1'</code>, <code>b'\n'</code>, <code>b'\r'</code>, <code>b'\t'</code>: Escaped characters</li>
+<li><code>b'&lt;C&gt;'</code>: Byte whose value is the ASCII character <code>&lt;C&gt;</code></li>
+<li><code>b'\x&lt;HH&gt;'</code>: Byte whose value is the hexadecimal <code>&lt;HH&gt;</code></li>
+</ul>
+<h3 id="numeric-operators">Numeric Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>&gt;</code></td>
+<td>Greater than</td>
+</tr>
+<tr>
+<td><code>&gt;=</code></td>
+<td>Greater or Equal to</td>
+</tr>
+<tr>
+<td><code>&lt;</code></td>
+<td>Less than</td>
+</tr>
+<tr>
+<td><code>&lt;=</code></td>
+<td>Less or Equal to</td>
+</tr>
+<tr>
+<td><code>==</code></td>
+<td>Equals</td>
+</tr>
+<tr>
+<td><code>!=</code></td>
+<td>Not Equals</td>
+</tr>
+</tbody>
+</table>
+<h3 id="comparison-operators">Comparison Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>+</code></td>
+<td>Addition</td>
+</tr>
+<tr>
+<td><code>-</code></td>
+<td>Subtraction</td>
+</tr>
+<tr>
+<td><code>*</code></td>
+<td>Multiplication</td>
+</tr>
+<tr>
+<td><code>/</code></td>
+<td>Division</td>
+</tr>
+<tr>
+<td><code>%</code></td>
+<td>Modulo</td>
+</tr>
+</tbody>
+</table>
+<h3 id="boolean-types">Boolean Types</h3>
+<p>Boolean types in Rust have two possible values: <code>true</code> and <code>false</code>.<br />
+Booleans are one byte in size. The Boolean type in Rust is specified using <code>bool</code>.</p>
+<h3 id="bitwise-operators">Bitwise Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>&amp;</code></td>
+<td>AND</td>
+</tr>
+<tr>
+<td><code>|</code></td>
+<td>OR</td>
+</tr>
+<tr>
+<td><code>&amp;&amp;</code></td>
+<td>SHORT-CIRCUIT AND</td>
+</tr>
+<tr>
+<td><code>||</code></td>
+<td>SHORT-CIRCUIT OR</td>
+</tr>
+<tr>
+<td><code>^</code></td>
+<td>XOR</td>
+</tr>
+<tr>
+<td><code>!</code></td>
+<td>NOT</td>
+</tr>
+<tr>
+<td><code>&lt;&lt;</code></td>
+<td>LEFT SHIFT</td>
+</tr>
+<tr>
+<td><code>&gt;&gt;</code></td>
+<td>RIGHT SHIFT</td>
+</tr>
+</tbody>
+</table>
+<h3 id="character-types">Character Types</h3>
+<p>Rust's <code>char</code> type is the language's most primitive alphabetic type.</p>
+<p>Rust's <code>char</code> type is four bytes in size and represents a Unicode Scalar Value: range from <code>U+0000</code> to <code>U+D7FF</code> and <code>U+E000</code> to <code>U+10FFFF</code> inclusive.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">c</span><span class="p">:</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="sc">&#39;C&#39;</span><span class="p">;</span><span class="w">  </span><span class="c1">// SINGLE QUOTES</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">c</span><span class="p">:</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="sc">&#39;\u{261D}&#39;</span><span class="p">;</span><span class="w">  </span><span class="c1">// Unicode Code Point U+261D</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">c</span><span class="p">:</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="sc">&#39;\x2A&#39;</span><span class="p">;</span><span class="w">  </span><span class="c1">// ASCII for *</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="sc">&#39;*&#39;</span><span class="p">.</span><span class="n">is_alphabetic</span><span class="p">();</span><span class="w">  </span><span class="c1">// false</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="sc">&#39;β&#39;</span><span class="p">.</span><span class="n">is_alphabetic</span><span class="p">();</span><span class="w"> </span><span class="c1">// true</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="sc">&#39;8&#39;</span><span class="p">.</span><span class="n">to_digit</span><span class="p">(</span><span class="mi">10</span><span class="p">);</span><span class="w">  </span><span class="c1">// Some(8)</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="sc">&#39;\u{CA0}&#39;</span><span class="p">.</span><span class="n">len_utf8</span><span class="p">();</span><span class="w">  </span><span class="c1">// 3</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="n">std</span><span class="p">::</span><span class="kt">char</span><span class="p">::</span><span class="n">from</span><span class="p">:</span><span class="nc">digit</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span><span class="w">  </span><span class="c1">// Some(2)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="string-types">String Types</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span>
+<span class="normal"><a href="#__codelineno-7-13">13</a></span>
+<span class="normal"><a href="#__codelineno-7-14">14</a></span>
+<span class="normal"><a href="#__codelineno-7-15">15</a></span>
+<span class="normal"><a href="#__codelineno-7-16">16</a></span>
+<span class="normal"><a href="#__codelineno-7-17">17</a></span>
+<span class="normal"><a href="#__codelineno-7-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">new</span><span class="p">();</span><span class="w">  </span><span class="c1">// create empty string</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;string literal&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// construct string from literal</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="c1">// string literals</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;a multiline</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="s">    string literal&quot;</span><span class="p">;</span><span class="w"> </span><span class="c1">// includes whitespace and new lines</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;single line \</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="s">    string literal&quot;</span><span class="p">;</span><span class="w">  </span><span class="c1">// the trailing \ avoids the new line &amp; trailing/leading whitespace</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="c1">// raw strings</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="kd">let</span><span class="w"> </span><span class="n">raw</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">r&quot;\d+(\.\d+)*&quot;</span><span class="w">  </span><span class="c1">// backslash and whitespace included verbatim</span>
+<a id="__codelineno-7-13" name="__codelineno-7-13"></a><span class="kd">let</span><span class="w"> </span><span class="n">raw</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">r#&quot;raw literal with explicit delimiters, allows double quotes (&quot;) inside&quot;#</span><span class="p">;</span>
+<a id="__codelineno-7-14" name="__codelineno-7-14"></a>
+<a id="__codelineno-7-15" name="__codelineno-7-15"></a><span class="c1">// byte strings</span>
+<a id="__codelineno-7-16" name="__codelineno-7-16"></a><span class="kd">let</span><span class="w"> </span><span class="n">byte_string</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">b&quot;some bite string&quot;</span><span class="w">  </span><span class="c1">// &amp;[u8] =&gt; slice og u8, equal to &amp;[b&#39;E&#39;, b&#39;q&#39;, ...]</span>
+<a id="__codelineno-7-17" name="__codelineno-7-17"></a>
+<a id="__codelineno-7-18" name="__codelineno-7-18"></a><span class="n">s</span><span class="p">.</span><span class="n">push_str</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">);</span><span class="w"> </span><span class="c1">// appending string literals</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="tuple-types">Tuple Types</h3>
+<p>A tuple is a general way of grouping together a number of values with a variety of types into one compound type.<br />
+Tuples have a <em>fixed length</em>: once declared, they cannot grow or shrink in size.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">tup</span><span class="p">:</span><span class="w"> </span><span class="p">(</span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="kt">f64</span><span class="p">,</span><span class="w"> </span><span class="kt">u8</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="mi">500</span><span class="p">,</span><span class="w"> </span><span class="mf">6.4</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">tup</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">(</span><span class="mi">500</span><span class="p">,</span><span class="w"> </span><span class="mf">6.4</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">);</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="kd">let</span><span class="w"> </span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">,</span><span class="w"> </span><span class="n">z</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">tup</span><span class="p">;</span><span class="w">  </span><span class="c1">// tuple deconstruction (unpacking)</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="n">tup</span><span class="p">.</span><span class="mi">0</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// member access &amp; update (mut be mutable)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="array-types">Array Types</h3>
+<p>Every element of an array must have the <em>same type</em>. Arrays in Rust have a fixed length, like tuples.<br />
+An array isn't as flexible as the <code>vector</code> type, though. A vector is a similar collection type provided by the standard library that <em>is allowed to grow or shrink in size</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-9-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-9-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-9-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-9-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-9-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-9-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-9-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-9-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-9-10">10</a></span>
+<span class="normal"><a href="#__codelineno-9-11">11</a></span>
+<span class="normal"><a href="#__codelineno-9-12">12</a></span>
+<span class="normal"><a href="#__codelineno-9-13">13</a></span>
+<span class="normal"><a href="#__codelineno-9-14">14</a></span>
+<span class="normal"><a href="#__codelineno-9-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">array</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">];</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">array</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="n">Type</span><span class="p">;</span><span class="w"> </span><span class="n">length</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="o">..</span><span class="p">.];</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">array</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="n">value</span><span class="p">;</span><span class="w"> </span><span class="n">length</span><span class="p">];</span><span class="w">  </span><span class="c1">// repeat expression (same as python&#39;s [value] * length)</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">index</span><span class="p">:</span><span class="w"> </span><span class="kt">usize</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">index_value</span><span class="o">&gt;</span><span class="p">;</span><span class="w">  </span><span class="c1">// indexes and ranges must be of type usize</span>
+<a id="__codelineno-9-6" name="__codelineno-9-6"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// member access and update (must be mutable)</span>
+<a id="__codelineno-9-7" name="__codelineno-9-7"></a>
+<a id="__codelineno-9-8" name="__codelineno-9-8"></a><span class="kd">let</span><span class="w"> </span><span class="n">matrix</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span>
+<a id="__codelineno-9-9" name="__codelineno-9-9"></a><span class="w">    </span><span class="p">[</span><span class="mi">0</span><span class="w"> </span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">],</span>
+<a id="__codelineno-9-10" name="__codelineno-9-10"></a><span class="w">    </span><span class="p">[</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">]</span>
+<a id="__codelineno-9-11" name="__codelineno-9-11"></a><span class="p">]</span>
+<a id="__codelineno-9-12" name="__codelineno-9-12"></a>
+<a id="__codelineno-9-13" name="__codelineno-9-13"></a><span class="kd">let</span><span class="w"> </span><span class="n">matrix</span><span class="p">:</span><span class="w"> </span><span class="p">[[</span><span class="n">Type</span><span class="p">,</span><span class="w"> </span><span class="n">length</span><span class="p">];</span><span class="w"> </span><span class="n">length</span><span class="p">];</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[[</span><span class="o">..</span><span class="p">.],</span><span class="w"> </span><span class="p">[</span><span class="o">..</span><span class="p">.],</span><span class="w"> </span><span class="o">..</span><span class="p">.]</span>
+<a id="__codelineno-9-14" name="__codelineno-9-14"></a>
+<a id="__codelineno-9-15" name="__codelineno-9-15"></a><span class="n">matrix</span><span class="p">[</span><span class="n">row</span><span class="p">][</span><span class="n">column</span><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="slice-types-t-mut-t">Slice Types (<code>&amp;[T]</code>, <code>&amp;mut [T]</code>)</h3>
+<p>Slices allows to reference a contiguous sequence of elements in a collection rather than the whole collection. <strong>Slices don't take ownership</strong>.</p>
+<p>A <em>mutable</em> slice <code>&amp;mut [T]</code> allows to read and modify elements, but can’t be shared;
+a <em>shared</em> slice <code>&amp;[T]</code> allows to share access among several readers, but doesn’t allow to modify elements.</p>
+<p><code>&amp;String</code> can be used in place of a <code>&amp;str</code> (string slice)  trough <em>String Coercion</em>. The <code>&amp;String</code> gets converted to a <code>&amp;str</code> that borrows the entire string.
+The reverse is not possible since the slice lacks some information about the String.</p>
+<blockquote>
+<p><strong>Note</strong>: When working with functions is easier to always expect a <code>&amp;str</code> instead of a <code>&amp;String</code>.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span>
+<span class="normal"><a href="#__codelineno-10-6">6</a></span>
+<span class="normal"><a href="#__codelineno-10-7">7</a></span>
+<span class="normal"><a href="#__codelineno-10-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;string literal&quot;</span><span class="p">);</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">slice</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="kt">str</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="n">s</span><span class="p">[</span><span class="n">start</span><span class="o">..</span><span class="n">end</span><span class="p">];</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">];</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">slice</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="p">[</span><span class="kt">i32</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w">  </span><span class="o">&amp;</span><span class="n">a</span><span class="p">[</span><span class="n">start</span><span class="o">..</span><span class="n">end</span><span class="p">];</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="n">sequence</span><span class="p">[</span><span class="n">start</span><span class="o">..</span><span class="p">]</span><span class="w">  </span><span class="c1">// slice to end of sequence</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="n">sequence</span><span class="p">[</span><span class="o">..</span><span class="n">end</span><span class="p">]</span><span class="w">  </span><span class="c1">// slice from start to end (excluded)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="type-aliases">Type Aliases</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="k">type</span><span class="w"> </span><span class="nc">Alias</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">T</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions">Functions</h2>
+<p>Rust code uses <em>snake_case</em> as the conventional style for function and variable names.</p>
+<p>Function definitions in Rust start with <code>fn</code> and have a set of parentheses after the function name.<br />
+The curly brackets tell the compiler where the function body begins and ends.</p>
+<p>Rust doesn't care where the functions are defined, only that they're defined somewhere.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="w">  </span><span class="c1">// parameters MUST have the Type annotation</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">(</span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="w">  </span><span class="c1">// -&gt; specifies the return type</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="w">    </span><span class="n">value</span><span class="w">  </span><span class="c1">// returns value</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="p">}</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="c1">// same as</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="n">value</span><span class="p">;</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="p">}</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="p">(</span><span class="n">value1</span><span class="p">,</span><span class="w"> </span><span class="n">value2</span><span class="p">,</span><span class="w"> </span><span class="o">..</span><span class="p">.);</span><span class="w">  </span><span class="c1">// return multiple values with tuples</span>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="control-flow">Control Flow</h2>
+<h3 id="if-else-if-else">if, else-if, else</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span>
+<span class="normal"><a href="#__codelineno-13-4">4</a></span>
+<span class="normal"><a href="#__codelineno-13-5">5</a></span>
+<span class="normal"><a href="#__codelineno-13-6">6</a></span>
+<span class="normal"><a href="#__codelineno-13-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="k">if</span><span class="w"> </span><span class="n">condition</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="n">condition</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="let-if">let if</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">var</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="n">condition</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">value</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">value</span><span class="w"> </span><span class="p">};</span><span class="w">  </span><span class="c1">// returned types must be the same</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="if-let">if-let</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-15-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-15-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-15-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-15-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-15-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-15-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-15-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-15-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-15-10">10</a></span>
+<span class="normal"><a href="#__codelineno-15-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">if</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="o">&lt;</span><span class="n">pattern</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">block1</span><span class="o">&gt;</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">block2</span><span class="o">&gt;</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="p">}</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a><span class="c1">// same as</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="k">match</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-9" name="__codelineno-15-9"></a><span class="w">    </span><span class="o">&lt;</span><span class="n">pattern</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">block1</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-15-10" name="__codelineno-15-10"></a><span class="w">    </span><span class="n">_</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">block2</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-15-11" name="__codelineno-15-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="loop">loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="c1">// loop&#39;s forever if not explicitly stopped (return or break)</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="k">loop</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="while-while-let">while, while-let</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span>
+<span class="normal"><a href="#__codelineno-17-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="k">while</span><span class="w"> </span><span class="n">condition</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="k">while</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="o">&lt;</span><span class="n">pattern</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="for">for</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span>
+<span class="normal"><a href="#__codelineno-18-5">5</a></span>
+<span class="normal"><a href="#__codelineno-18-6">6</a></span>
+<span class="normal"><a href="#__codelineno-18-7">7</a></span>
+<span class="normal"><a href="#__codelineno-18-8">8</a></span>
+<span class="normal"><a href="#__codelineno-18-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="k">for</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">sequence</span><span class="p">.</span><span class="n">iter</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="k">for</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">sequence</span><span class="p">.</span><span class="n">iter_mut</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// iterate over mutable items</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="k">for</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="n">sequence</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// consumes the values (moved into item)</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="k">for</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="o">&amp;</span><span class="n">sequence</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// doesn&#39;t consumes the values (item is a reference)</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="k">for</span><span class="w"> </span><span class="n">item</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="n">sequence</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a>
+<a id="__codelineno-18-8" name="__codelineno-18-8"></a><span class="c1">// for (i = start; i &lt; end; i += 1)</span>
+<a id="__codelineno-18-9" name="__codelineno-18-9"></a><span class="k">for</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="p">(</span><span class="n">start</span><span class="o">..</span><span class="n">end</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="range">Range</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span>
+<span class="normal"><a href="#__codelineno-19-4">4</a></span>
+<span class="normal"><a href="#__codelineno-19-5">5</a></span>
+<span class="normal"><a href="#__codelineno-19-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="o">..</span><span class="w">  </span><span class="c1">// RangeFull</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a><span class="n">a</span><span class="w"> </span><span class="o">..</span><span class="w">  </span><span class="c1">// RangeFrom { start: a }</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="o">..</span><span class="w"> </span><span class="n">b</span><span class="w">  </span><span class="c1">// RangeTo { end: b }</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="n">a</span><span class="w"> </span><span class="o">..</span><span class="w"> </span><span class="n">b</span><span class="w">  </span><span class="c1">// Range { start: a, end: b }</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="o">..=</span><span class="w"> </span><span class="n">b</span><span class="w">  </span><span class="c1">// RangeToInclusive { end: b }</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="n">a</span><span class="w"> </span><span class="o">..=</span><span class="w"> </span><span class="n">b</span><span class="w">  </span><span class="c1">// RangeInclusive::new(a, b)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="break-continue"><code>break</code> &amp; <code>continue</code></h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-20-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-20-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-20-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-20-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-20-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-20-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-20-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-20-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-20-10">10</a></span>
+<span class="normal"><a href="#__codelineno-20-11">11</a></span>
+<span class="normal"><a href="#__codelineno-20-12">12</a></span>
+<span class="normal"><a href="#__codelineno-20-13">13</a></span>
+<span class="normal"><a href="#__codelineno-20-14">14</a></span>
+<span class="normal"><a href="#__codelineno-20-15">15</a></span>
+<span class="normal"><a href="#__codelineno-20-16">16</a></span>
+<span class="normal"><a href="#__codelineno-20-17">17</a></span>
+<span class="normal"><a href="#__codelineno-20-18">18</a></span>
+<span class="normal"><a href="#__codelineno-20-19">19</a></span>
+<span class="normal"><a href="#__codelineno-20-20">20</a></span>
+<span class="normal"><a href="#__codelineno-20-21">21</a></span>
+<span class="normal"><a href="#__codelineno-20-22">22</a></span>
+<span class="normal"><a href="#__codelineno-20-23">23</a></span>
+<span class="normal"><a href="#__codelineno-20-24">24</a></span>
+<span class="normal"><a href="#__codelineno-20-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="k">while</span><span class="w"> </span><span class="o">&lt;</span><span class="n">condition</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a><span class="w">    </span><span class="k">continue</span><span class="p">;</span><span class="w">  </span><span class="c1">// jump to condition evaluation</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="p">}</span>
+<a id="__codelineno-20-6" name="__codelineno-20-6"></a>
+<a id="__codelineno-20-7" name="__codelineno-20-7"></a><span class="kd">let</span><span class="w"> </span><span class="n">loop_result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">loop</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-8" name="__codelineno-20-8"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-20-9" name="__codelineno-20-9"></a>
+<a id="__codelineno-20-10" name="__codelineno-20-10"></a><span class="w">    </span><span class="k">break</span><span class="w"> </span><span class="o">&lt;</span><span class="k">loop</span><span class="o">-</span><span class="n">value</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-20-11" name="__codelineno-20-11"></a><span class="p">}</span>
+<a id="__codelineno-20-12" name="__codelineno-20-12"></a>
+<a id="__codelineno-20-13" name="__codelineno-20-13"></a><span class="o">&#39;</span><span class="na">outer</span><span class="p">:</span><span class="w"> </span><span class="nc">loop</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-14" name="__codelineno-20-14"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-20-15" name="__codelineno-20-15"></a><span class="w">    </span><span class="k">loop</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-20-16" name="__codelineno-20-16"></a>
+<a id="__codelineno-20-17" name="__codelineno-20-17"></a><span class="w">    </span><span class="k">break</span><span class="w"> </span><span class="nl">&#39;outer</span><span class="p">;</span><span class="w">  </span><span class="c1">// break labeled loop</span>
+<a id="__codelineno-20-18" name="__codelineno-20-18"></a><span class="p">}</span>
+<a id="__codelineno-20-19" name="__codelineno-20-19"></a>
+<a id="__codelineno-20-20" name="__codelineno-20-20"></a><span class="kd">let</span><span class="w"> </span><span class="n">loop_result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&#39;</span><span class="na">outer</span><span class="p">:</span><span class="w"> </span><span class="nc">loop</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-20-21" name="__codelineno-20-21"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-20-22" name="__codelineno-20-22"></a><span class="w">    </span><span class="k">loop</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-20-23" name="__codelineno-20-23"></a>
+<a id="__codelineno-20-24" name="__codelineno-20-24"></a><span class="w">    </span><span class="k">break</span><span class="w"> </span><span class="nl">&#39;outer</span><span class="w"> </span><span class="o">&lt;</span><span class="k">loop</span><span class="o">-</span><span class="n">value</span><span class="o">&gt;</span><span class="p">;</span><span class="w"> </span><span class="c1">// break labeled loop and return value</span>
+<a id="__codelineno-20-25" name="__codelineno-20-25"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="ownership">Ownership</h2>
+<p>Ownership is Rust's most unique feature, and it enables Rust to make memory safety guarantees without needing a garbage collector.</p>
+<p>All programs have to manage the way they use a computer's memory while running.<br />
+Some languages have garbage collection that constantly looks for no longer used memory as the program runs; in other languages, the programmer must explicitly allocate and free the memory.<br />
+Rust uses a third approach: memory is managed through a system of ownership with a set of rules that the compiler checks at compile time.<br />
+None of the ownership features slow down your program while it's running.</p>
+<h3 id="stack-heap">Stack &amp; Heap</h3>
+<p>Both the stack and the heap are parts of memory that are available to your code to use at runtime, but they are structured in different ways.</p>
+<p>The <em>stack</em> stores values in the order it gets them and removes the values in the opposite order. This is referred to as <em>last in, first out</em>.<br />
+Adding data is called <em>pushing</em> onto the stack, and removing data is called <em>popping</em> off the stack.</p>
+<p>All data stored on the stack must have a known, fixed size. Data with an unknown size at compile time or a size that might change must be stored on the heap instead.</p>
+<p>The heap is less organized: when you put data on the heap, you request a certain amount of space. The memory allocator finds an empty spot in the heap that is big enough, marks it as being in use, and returns a <strong>pointer</strong>, which is the address of that location. This process is called <em>allocating on the heap</em> and is sometimes abbreviated as just <em>allocating</em>.</p>
+<p>Pushing to the stack is faster than allocating on the heap because the allocator never has to search for a place to store new data; that location is always at the top of the stack.<br />
+Comparatively, allocating space on the heap requires more work, because the allocator must first find a big enough space to hold the data and then perform bookkeeping to prepare for the next allocation.</p>
+<p>Accessing data in the heap is slower than accessing data on the stack because you have to follow a pointer to get there. Contemporary processors are faster if they jump around less in memory.</p>
+<p>Keeping track of what parts of code are using what data on the heap, minimizing the amount of duplicate data on the heap, and cleaning up unused data on the heap so you don't run out of space are all problems that ownership addresses.</p>
+<h3 id="ownership-rules">Ownership Rules</h3>
+<ul>
+<li>Each <em>value</em> in Rust has a variable that's called its <em>owner</em>.</li>
+<li>There can only be one owner at a time.</li>
+<li>When the owner goes out of scope, the value will be dropped.</li>
+</ul>
+<h3 id="moving-cloning-copying-data">Moving, Cloning &amp; Copying data</h3>
+<p>A "shallow copy" of a variable allocated on the <em>heap</em> causes the original variable goes out of scope and only the "copy" remains (<strong>MOVING</strong>).<br />
+A "deep copy" (<code>var.clone()</code>) makes a copy of the data in the new variable without make the original fall out of scope (<strong>CLONING</strong>).</p>
+<p>When a variable goes out of scope, Rust calls the special function <code>drop</code>, where the code to return/free the memory is located.</p>
+<p>Rust has a special annotation called the <code>Copy</code> trait that it's placeable on types that are stored on the stack.<br />
+If a type has the <code>Copy</code> trait, an older variable is still usable after assignment.</p>
+<p>Copies happen implicitly, for example as part of an assignment <code>y = x</code>. The behavior of <code>Copy</code> is not overloadable; it is always a simple bit-wise copy.<br />
+Cloning is an explicit action, <code>x.clone()</code>. The implementation of Clone can provide any type-specific behavior necessary to duplicate values safely.</p>
+<p>Rust won't allow to annotate a type with the <code>Copy</code> trait if the type, or any of its parts, has implemented the <code>Drop</code> trait.  </p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
+<span class="normal"><a href="#__codelineno-21-2">2</a></span>
+<span class="normal"><a href="#__codelineno-21-3">3</a></span>
+<span class="normal"><a href="#__codelineno-21-4">4</a></span>
+<span class="normal"><a href="#__codelineno-21-5">5</a></span>
+<span class="normal"><a href="#__codelineno-21-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">new</span><span class="p">()</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">t</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">s</span><span class="p">;</span><span class="w">  </span><span class="c1">// MOVE, s is now uninitialized</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">u</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">t</span><span class="p">.</span><span class="n">clone</span><span class="p">();</span><span class="w">  </span><span class="c1">// deep copy, t is still valid</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">n</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span>
+<a id="__codelineno-21-6" name="__codelineno-21-6"></a><span class="kd">let</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">n</span><span class="p">;</span><span class="w">  </span><span class="c1">// x holds a COPY of the VALUE of n</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="ownership-functions">Ownership &amp; Functions</h3>
+<p>The semantics for passing a value to a function are similar to those for assigning a value to a variable. Passing a variable to a function will move or copy, just as assignment does.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-22-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-22-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-22-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-22-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-22-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-22-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-22-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-22-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-22-10">10</a></span>
+<span class="normal"><a href="#__codelineno-22-11">11</a></span>
+<span class="normal"><a href="#__codelineno-22-12">12</a></span>
+<span class="normal"><a href="#__codelineno-22-13">13</a></span>
+<span class="normal"><a href="#__codelineno-22-14">14</a></span>
+<span class="normal"><a href="#__codelineno-22-15">15</a></span>
+<span class="normal"><a href="#__codelineno-22-16">16</a></span>
+<span class="normal"><a href="#__codelineno-22-17">17</a></span>
+<span class="normal"><a href="#__codelineno-22-18">18</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;hello&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// s comes into scope</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a><span class="w">    </span><span class="n">takes_ownership</span><span class="p">(</span><span class="n">s</span><span class="p">);</span><span class="w">             </span><span class="c1">// s&#39;s value moves into the function and so is no longer valid here</span>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">5</span><span class="p">;</span><span class="w">                      </span><span class="c1">// x comes into scope</span>
+<a id="__codelineno-22-7" name="__codelineno-22-7"></a>
+<a id="__codelineno-22-8" name="__codelineno-22-8"></a><span class="w">    </span><span class="n">makes_copy</span><span class="p">(</span><span class="n">x</span><span class="p">);</span><span class="w">                  </span><span class="c1">// x would move into the function, but i32 is Copy, so it&#39;s okay to still use x afterward</span>
+<a id="__codelineno-22-9" name="__codelineno-22-9"></a>
+<a id="__codelineno-22-10" name="__codelineno-22-10"></a><span class="p">}</span><span class="w"> </span><span class="c1">// Here, x goes out of scope, then s. But because s&#39;s value was moved, nothing special happens.</span>
+<a id="__codelineno-22-11" name="__codelineno-22-11"></a>
+<a id="__codelineno-22-12" name="__codelineno-22-12"></a><span class="k">fn</span><span class="w"> </span><span class="nf">takes_ownership</span><span class="p">(</span><span class="n">some_string</span><span class="p">:</span><span class="w"> </span><span class="nb">String</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// some_string comes into scope</span>
+<a id="__codelineno-22-13" name="__codelineno-22-13"></a><span class="w">    </span><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;{}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">some_string</span><span class="p">);</span>
+<a id="__codelineno-22-14" name="__codelineno-22-14"></a><span class="p">}</span><span class="w"> </span><span class="c1">// Here, some_string goes out of scope and `drop` is called. The backing memory is freed.</span>
+<a id="__codelineno-22-15" name="__codelineno-22-15"></a>
+<a id="__codelineno-22-16" name="__codelineno-22-16"></a><span class="k">fn</span><span class="w"> </span><span class="nf">makes_copy</span><span class="p">(</span><span class="n">some_integer</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// some_integer comes into scope</span>
+<a id="__codelineno-22-17" name="__codelineno-22-17"></a><span class="w">    </span><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;{}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">some_integer</span><span class="p">);</span>
+<a id="__codelineno-22-18" name="__codelineno-22-18"></a><span class="p">}</span><span class="w"> </span><span class="c1">// Here, some_integer goes out of scope. Nothing special happens.</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="return-values-scope">Return Values &amp; Scope</h3>
+<p>Returning values can also transfer ownership.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-23-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-23-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-23-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-23-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-23-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-23-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-23-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-23-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-23-10">10</a></span>
+<span class="normal"><a href="#__codelineno-23-11">11</a></span>
+<span class="normal"><a href="#__codelineno-23-12">12</a></span>
+<span class="normal"><a href="#__codelineno-23-13">13</a></span>
+<span class="normal"><a href="#__codelineno-23-14">14</a></span>
+<span class="normal"><a href="#__codelineno-23-15">15</a></span>
+<span class="normal"><a href="#__codelineno-23-16">16</a></span>
+<span class="normal"><a href="#__codelineno-23-17">17</a></span>
+<span class="normal"><a href="#__codelineno-23-18">18</a></span>
+<span class="normal"><a href="#__codelineno-23-19">19</a></span>
+<span class="normal"><a href="#__codelineno-23-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">s1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">gives_ownership</span><span class="p">();</span><span class="w">         </span><span class="c1">// gives_ownership moves its return value into s1</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">s2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;hello&quot;</span><span class="p">);</span><span class="w">     </span><span class="c1">// s2 comes into scope</span>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">s3</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">takes_and_gives_back</span><span class="p">(</span><span class="n">s2</span><span class="p">);</span><span class="w">  </span><span class="c1">// s2 is moved into takes_and_gives_back, which also moves its return value into s3</span>
+<a id="__codelineno-23-7" name="__codelineno-23-7"></a><span class="p">}</span><span class="w"> </span><span class="c1">// Here, s3 goes out of scope and is dropped. s2 goes out of scope but was moved, so nothing happens. s1 goes out of scope and is dropped.</span>
+<a id="__codelineno-23-8" name="__codelineno-23-8"></a>
+<a id="__codelineno-23-9" name="__codelineno-23-9"></a><span class="k">fn</span><span class="w"> </span><span class="nf">gives_ownership</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">String</span><span class="w"> </span><span class="p">{</span><span class="w">             </span><span class="c1">// gives_ownership will move its return value into the function that calls it</span>
+<a id="__codelineno-23-10" name="__codelineno-23-10"></a>
+<a id="__codelineno-23-11" name="__codelineno-23-11"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">some_string</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;hello&quot;</span><span class="p">);</span><span class="w"> </span><span class="c1">// some_string comes into scope</span>
+<a id="__codelineno-23-12" name="__codelineno-23-12"></a>
+<a id="__codelineno-23-13" name="__codelineno-23-13"></a><span class="w">    </span><span class="n">some_string</span><span class="w">                              </span><span class="c1">// some_string is returned and moves out to the calling function</span>
+<a id="__codelineno-23-14" name="__codelineno-23-14"></a><span class="p">}</span>
+<a id="__codelineno-23-15" name="__codelineno-23-15"></a>
+<a id="__codelineno-23-16" name="__codelineno-23-16"></a><span class="c1">// takes_and_gives_back will take a String and return one</span>
+<a id="__codelineno-23-17" name="__codelineno-23-17"></a><span class="k">fn</span><span class="w"> </span><span class="nf">takes_and_gives_back</span><span class="p">(</span><span class="n">a_string</span><span class="p">:</span><span class="w"> </span><span class="nb">String</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">String</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="c1">// a_string comes into scope</span>
+<a id="__codelineno-23-18" name="__codelineno-23-18"></a>
+<a id="__codelineno-23-19" name="__codelineno-23-19"></a><span class="w">    </span><span class="n">a_string</span><span class="w">  </span><span class="c1">// a_string is returned and moves out to the calling function</span>
+<a id="__codelineno-23-20" name="__codelineno-23-20"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="references-raw-pointers-borrowing">References, Raw Pointers &amp; Borrowing</h3>
+<p>Reference types:</p>
+<ul>
+<li><code>&amp;T</code>: <em>immutable</em> (aka <em>shared</em>) reference, admits multiple references at the same time, (Read-Only, implements <code>Copy</code>)</li>
+<li><code>&amp;mut T</code>: <em>mutable</em> reference, there can be only one</li>
+</ul>
+<p>Raw Pointers types:</p>
+<ul>
+<li><code>*mut T</code></li>
+<li><code>* const T</code></li>
+</ul>
+<p>As long as there are <em>shared references</em> to a value, not even its owner can modify it, the value is locked down.<br />
+Similarly, if there is a <em>mutable reference</em> to a value, it has exclusive access to the value;
+it's not possible to use the owner at all, until the mutable reference goes away.</p>
+<blockquote>
+<p><strong>Note</strong>: raw pointers can be used only in <code>unsafe</code> block. Rust doesn't track the pointed value</p>
+</blockquote>
+<p><em>Mutable references</em> have one big restriction: it's possible to have <em>only one</em> mutable reference to a particular piece of data in a particular scope.</p>
+<p>The benefit of having this restriction is that Rust can prevent <strong>data races</strong> at compile time.<br />
+A data race is similar to a race condition and happens when these three behaviors occur:</p>
+<ul>
+<li>Two or more pointers access the same data at the same time.  </li>
+<li>At least one of the pointers is being used to write to the data.  </li>
+<li>There's no mechanism being used to synchronize access to the data.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-24-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-24-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-24-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-24-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-24-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-24-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-24-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-24-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-24-10">10</a></span>
+<span class="normal"><a href="#__codelineno-24-11">11</a></span>
+<span class="normal"><a href="#__codelineno-24-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">borrow</span><span class="p">(</span><span class="n">var</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c1">// &amp;Type indicates that the var is a reference</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a><span class="w">    </span><span class="c1">// here var cannot be modified</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a><span class="p">}</span><span class="w"> </span><span class="c1">// when var goes out of scope it doesn&#39;t get dropped because the scope didn&#39;t own it</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a><span class="n">borrow</span><span class="p">(</span><span class="o">&amp;</span><span class="n">variable</span><span class="p">);</span><span class="w">  </span><span class="c1">// &amp;variable creates a reference to variable but does not take ownership</span>
+<a id="__codelineno-24-6" name="__codelineno-24-6"></a>
+<a id="__codelineno-24-7" name="__codelineno-24-7"></a><span class="k">fn</span><span class="w"> </span><span class="nf">borrow2</span><span class="p">(</span><span class="n">var</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="nc">mut</span><span class="w"> </span><span class="n">Type</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-24-8" name="__codelineno-24-8"></a><span class="w">    </span><span class="c1">// here var can be modified</span>
+<a id="__codelineno-24-9" name="__codelineno-24-9"></a><span class="p">}</span>
+<a id="__codelineno-24-10" name="__codelineno-24-10"></a>
+<a id="__codelineno-24-11" name="__codelineno-24-11"></a><span class="o">&amp;</span><span class="n">variable</span><span class="p">;</span><span class="w">  </span><span class="c1">// borrow a value from a variable (returns reference)</span>
+<a id="__codelineno-24-12" name="__codelineno-24-12"></a><span class="o">*</span><span class="n">variable</span><span class="p">;</span><span class="w">  </span><span class="c1">// dereference value (access value pointed by the reference)</span>
+</code></pre></div></td></tr></table></div>
+<p>The <code>.</code> operator can <strong>implicitly borrow or dereference</strong> a reference</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-25-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-25-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-25-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-25-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-25-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-25-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-25-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-25-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-25-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="kd">let</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">field</span><span class="p">:</span><span class="w"> </span><span class="cm">/* [...] */</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a><span class="kd">let</span><span class="w"> </span><span class="k">ref</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="k">struct</span><span class="p">;</span>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a><span class="k">ref</span><span class="p">.</span><span class="n">field</span><span class="w">  </span><span class="c1">// implicit deref</span>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a><span class="p">(</span><span class="o">*</span><span class="k">ref</span><span class="p">).</span><span class="n">field</span><span class="w">  </span><span class="c1">// explicit deref</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">vec</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="fm">vec!</span><span class="p">[</span><span class="cm">/* */</span><span class="p">];</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a><span class="n">v</span><span class="p">.</span><span class="n">sort</span><span class="p">()</span><span class="w">  </span><span class="c1">// implicit mutable borrow</span>
+<a id="__codelineno-25-10" name="__codelineno-25-10"></a><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="n">vec</span><span class="p">).</span><span class="n">sort</span><span class="p">()</span><span class="w">  </span><span class="c1">// explicit mutable borrow</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: arithmetic expressions can "see through" one level of references.<br />
+<strong>Note</strong>: comparison affect the final value of a reference chain. To compare references directly use <code>std::ptr::eq</code></p>
+</blockquote>
+<h2 id="structs">Structs</h2>
+<p>A <strong>struct</strong>, or structure, is a custom data type that allows to name and package together multiple related values that make up a meaningful group.</p>
+<p>To define a struct enter the keyword struct and name the entire struct.<br />
+A struct's name should describe the significance of the pieces of data being grouped together.<br />
+Then, inside curly brackets, define the names and types of the pieces of data, which we call <em>fields</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1">1</a></span>
+<span class="normal"><a href="#__codelineno-26-2">2</a></span>
+<span class="normal"><a href="#__codelineno-26-3">3</a></span>
+<span class="normal"><a href="#__codelineno-26-4">4</a></span>
+<span class="normal"><a href="#__codelineno-26-5">5</a></span>
+<span class="normal"><a href="#__codelineno-26-6">6</a></span>
+<span class="normal"><a href="#__codelineno-26-7">7</a></span>
+<span class="normal"><a href="#__codelineno-26-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a><span class="w">    </span><span class="n">field</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">,</span>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a><span class="p">}</span>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a><span class="k">struct</span><span class="w"> </span><span class="nc">UnitStruct</span><span class="p">;</span><span class="w">  </span><span class="c1">// no field, useful in generics</span>
+<a id="__codelineno-26-7" name="__codelineno-26-7"></a>
+<a id="__codelineno-26-8" name="__codelineno-26-8"></a><span class="p">{</span><span class="w"> </span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// anonymous struct</span>
+</code></pre></div></td></tr></table></div>
+<p>To use a struct after defining it, create an instance of that struct by specifying concrete values for each of the fields.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1">1</a></span>
+<span class="normal"><a href="#__codelineno-27-2">2</a></span>
+<span class="normal"><a href="#__codelineno-27-3">3</a></span>
+<span class="normal"><a href="#__codelineno-27-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">var</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="w">    </span><span class="n">field</span><span class="p">:</span><span class="w"> </span><span class="nc">value</span><span class="p">,</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a><span class="p">};</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="field-init-shorthand">Field Init Shorthand</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-28-1">1</a></span>
+<span class="normal"><a href="#__codelineno-28-2">2</a></span>
+<span class="normal"><a href="#__codelineno-28-3">3</a></span>
+<span class="normal"><a href="#__codelineno-28-4">4</a></span>
+<span class="normal"><a href="#__codelineno-28-5">5</a></span>
+<span class="normal"><a href="#__codelineno-28-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">var</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-28-2" name="__codelineno-28-2"></a><span class="w">    </span><span class="n">field</span><span class="p">,</span><span class="w">  </span><span class="c1">// shortened form since func param is named as the struct&#39;s field</span>
+<a id="__codelineno-28-3" name="__codelineno-28-3"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-28-4" name="__codelineno-28-4"></a><span class="p">};</span>
+<a id="__codelineno-28-5" name="__codelineno-28-5"></a>
+<a id="__codelineno-28-6" name="__codelineno-28-6"></a><span class="n">var</span><span class="p">.</span><span class="n">field</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// member access</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: the entire instance must be mutable; Rust doesn't allow to mark only certain fields as mutable.</p>
+<h3 id="struct-update-syntax">Struct Update Syntax</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-29-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-29-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-29-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-29-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-29-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-29-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-29-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-29-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-29-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-29-10">10</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">struct1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-29-2" name="__codelineno-29-2"></a><span class="w">    </span><span class="n">field1</span><span class="p">:</span><span class="w"> </span><span class="nc">value</span><span class="p">,</span>
+<a id="__codelineno-29-3" name="__codelineno-29-3"></a><span class="w">    </span><span class="n">field2</span><span class="p">:</span><span class="w"> </span><span class="nc">value</span><span class="p">,</span>
+<a id="__codelineno-29-4" name="__codelineno-29-4"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-29-5" name="__codelineno-29-5"></a><span class="p">}</span>
+<a id="__codelineno-29-6" name="__codelineno-29-6"></a><span class="c1">// same as</span>
+<a id="__codelineno-29-7" name="__codelineno-29-7"></a><span class="kd">let</span><span class="w"> </span><span class="n">struct2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-29-8" name="__codelineno-29-8"></a><span class="w">    </span><span class="n">field1</span><span class="p">:</span><span class="w"> </span><span class="nc">other_value</span><span class="p">,</span>
+<a id="__codelineno-29-9" name="__codelineno-29-9"></a><span class="w">    </span><span class="o">..</span><span class="n">struct1</span><span class="w">  </span><span class="c1">// all remaining fields have the same values of struct1</span>
+<a id="__codelineno-29-10" name="__codelineno-29-10"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="tuple-structs">Tuple Structs</h3>
+<p>Use Tuple Structs to create different types easily.<br />
+To define a <strong>tuple struct</strong>, start with the <code>struct</code> keyword and the struct name followed by the types in the tuple.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-30-1">1</a></span>
+<span class="normal"><a href="#__codelineno-30-2">2</a></span>
+<span class="normal"><a href="#__codelineno-30-3">3</a></span>
+<span class="normal"><a href="#__codelineno-30-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Point</span><span class="p">(</span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="kt">i32</span><span class="p">);</span>
+<a id="__codelineno-30-2" name="__codelineno-30-2"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Color</span><span class="p">(</span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="kt">i32</span><span class="p">,</span><span class="w"> </span><span class="kt">i32</span><span class="p">);</span>
+<a id="__codelineno-30-3" name="__codelineno-30-3"></a>
+<a id="__codelineno-30-4" name="__codelineno-30-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">origin</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Point</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="struct-printing">Struct Printing</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-31-1">1</a></span>
+<span class="normal"><a href="#__codelineno-31-2">2</a></span>
+<span class="normal"><a href="#__codelineno-31-3">3</a></span>
+<span class="normal"><a href="#__codelineno-31-4">4</a></span>
+<span class="normal"><a href="#__codelineno-31-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1"></a><span class="cp">#[derive(Debug)]</span><span class="w">  </span><span class="c1">// inherit the debug trait</span>
+<a id="__codelineno-31-2" name="__codelineno-31-2"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-31-3" name="__codelineno-31-3"></a>
+<a id="__codelineno-31-4" name="__codelineno-31-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="p">:</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* valorization */</span><span class="p">};</span>
+<a id="__codelineno-31-5" name="__codelineno-31-5"></a><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;{:?}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">s</span><span class="p">)</span><span class="w">  </span><span class="c1">// debug output: { field: value, ... }</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="associated-functions-type-associated-functions-aka-methods">Associated Functions &amp; Type-Associated Functions (aka Methods)</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-32-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-32-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-32-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-32-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-32-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-32-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-32-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-32-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-32-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-32-10">10</a></span>
+<span class="normal"><a href="#__codelineno-32-11">11</a></span>
+<span class="normal"><a href="#__codelineno-32-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-32-1" name="__codelineno-32-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">};</span>
+<a id="__codelineno-32-2" name="__codelineno-32-2"></a><span class="k">impl</span><span class="w"> </span><span class="n">Struct</span>
+<a id="__codelineno-32-3" name="__codelineno-32-3"></a><span class="p">{</span>
+<a id="__codelineno-32-4" name="__codelineno-32-4"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">associated_function</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-32-5" name="__codelineno-32-5"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">associated_function</span><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// able to modify instance</span>
+<a id="__codelineno-32-6" name="__codelineno-32-6"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">type_associated_function</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// does not have self parameter</span>
+<a id="__codelineno-32-7" name="__codelineno-32-7"></a><span class="p">}</span>
+<a id="__codelineno-32-8" name="__codelineno-32-8"></a>
+<a id="__codelineno-32-9" name="__codelineno-32-9"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="p">:</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* valorization */</span><span class="p">};</span>
+<a id="__codelineno-32-10" name="__codelineno-32-10"></a><span class="n">s</span><span class="p">.</span><span class="n">associated_function</span><span class="p">(</span><span class="n">arg</span><span class="p">);</span><span class="w">  </span><span class="c1">// use struct method</span>
+<a id="__codelineno-32-11" name="__codelineno-32-11"></a>
+<a id="__codelineno-32-12" name="__codelineno-32-12"></a><span class="n">Struct</span><span class="p">::</span><span class="n">type_associated_function</span><span class="p">(</span><span class="n">arg</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="associated-consts">Associated Consts</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-33-1">1</a></span>
+<span class="normal"><a href="#__codelineno-33-2">2</a></span>
+<span class="normal"><a href="#__codelineno-33-3">3</a></span>
+<span class="normal"><a href="#__codelineno-33-4">4</a></span>
+<span class="normal"><a href="#__codelineno-33-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-33-1" name="__codelineno-33-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-33-2" name="__codelineno-33-2"></a><span class="w">    </span><span class="k">const</span><span class="w"> </span><span class="n">ASSOCIATED_CONST</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">value</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-33-3" name="__codelineno-33-3"></a><span class="p">}</span>
+<a id="__codelineno-33-4" name="__codelineno-33-4"></a>
+<a id="__codelineno-33-5" name="__codelineno-33-5"></a><span class="n">Struct</span><span class="p">::</span><span class="n">ASSOCIATED_CONST</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="traits">Traits</h2>
+<p>A Trait is a collection of methods representing a set of behaviours necessary to accomplish some task.<br />
+Traits can be used as generic types constraints and can be implemented by data types.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-34-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-34-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-34-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-34-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-34-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-34-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-34-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-34-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-34-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-34-10">10</a></span>
+<span class="normal"><a href="#__codelineno-34-11">11</a></span>
+<span class="normal"><a href="#__codelineno-34-12">12</a></span>
+<span class="normal"><a href="#__codelineno-34-13">13</a></span>
+<span class="normal"><a href="#__codelineno-34-14">14</a></span>
+<span class="normal"><a href="#__codelineno-34-15">15</a></span>
+<span class="normal"><a href="#__codelineno-34-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-34-1" name="__codelineno-34-1"></a><span class="k">trait</span><span class="w"> </span><span class="n">Trait</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-2" name="__codelineno-34-2"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">method_signature</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="p">;</span>
+<a id="__codelineno-34-3" name="__codelineno-34-3"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">method_signature</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-4" name="__codelineno-34-4"></a><span class="w">        </span><span class="c1">// default implementation</span>
+<a id="__codelineno-34-5" name="__codelineno-34-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-34-6" name="__codelineno-34-6"></a><span class="p">}</span>
+<a id="__codelineno-34-7" name="__codelineno-34-7"></a>
+<a id="__codelineno-34-8" name="__codelineno-34-8"></a><span class="k">trait</span><span class="w"> </span><span class="n">SubTrait</span><span class="p">:</span><span class="w"> </span><span class="nc">Trait</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// must have impl blocks for all super traits</span>
+<a id="__codelineno-34-9" name="__codelineno-34-9"></a><span class="c1">//same as</span>
+<a id="__codelineno-34-10" name="__codelineno-34-10"></a><span class="k">trait</span><span class="w"> </span><span class="n">SubTrait</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="bp">Self</span><span class="p">:</span><span class="w"> </span><span class="nc">Trait</span>
+<a id="__codelineno-34-11" name="__codelineno-34-11"></a>
+<a id="__codelineno-34-12" name="__codelineno-34-12"></a><span class="k">impl</span><span class="w"> </span><span class="n">Trait</span><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-13" name="__codelineno-34-13"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">method_signature</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-34-14" name="__codelineno-34-14"></a><span class="w">        </span><span class="c1">// specific implementation</span>
+<a id="__codelineno-34-15" name="__codelineno-34-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-34-16" name="__codelineno-34-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="fully-qualified-method-calls">Fully Qualified Method Calls</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-35-1">1</a></span>
+<span class="normal"><a href="#__codelineno-35-2">2</a></span>
+<span class="normal"><a href="#__codelineno-35-3">3</a></span>
+<span class="normal"><a href="#__codelineno-35-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-35-1" name="__codelineno-35-1"></a><span class="n">value</span><span class="p">.</span><span class="n">method</span><span class="p">();</span>
+<a id="__codelineno-35-2" name="__codelineno-35-2"></a><span class="n">Type</span><span class="p">::</span><span class="n">method</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+<a id="__codelineno-35-3" name="__codelineno-35-3"></a><span class="n">Trait</span><span class="p">::</span><span class="n">method</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+<a id="__codelineno-35-4" name="__codelineno-35-4"></a><span class="o">&lt;</span><span class="n">Type</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="n">Trait</span><span class="o">&gt;</span><span class="p">::</span><span class="n">method</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: fully qualified method calls also works with associated functions</p>
+</blockquote>
+<h3 id="derive-traits">Derive Traits</h3>
+<p>The Rust compiler is able to provide a basic implementation of a trait with the <code>derive</code> attribute.  </p>
+<p>Derivable Traits:</p>
+<ul>
+<li><code>Eq</code></li>
+<li><code>PartialEq</code></li>
+<li><code>Ord</code></li>
+<li><code>PartialOrd</code></li>
+<li><code>Clone</code></li>
+<li><code>Copy</code></li>
+<li><code>Hash</code></li>
+<li><code>Default</code></li>
+<li><code>Debug</code></li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-36-1">1</a></span>
+<span class="normal"><a href="#__codelineno-36-2">2</a></span>
+<span class="normal"><a href="#__codelineno-36-3">3</a></span>
+<span class="normal"><a href="#__codelineno-36-4">4</a></span>
+<span class="normal"><a href="#__codelineno-36-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-36-1" name="__codelineno-36-1"></a><span class="cp">#[derive(Trait)]</span><span class="w">  </span><span class="c1">// derive a trait for the struct</span>
+<a id="__codelineno-36-2" name="__codelineno-36-2"></a><span class="cp">#[derive(Trait, Trait, ...)]</span><span class="w">  </span><span class="c1">// derive multiple traits</span>
+<a id="__codelineno-36-3" name="__codelineno-36-3"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-36-4" name="__codelineno-36-4"></a><span class="w">    </span><span class="c1">// [...]</span>
+<a id="__codelineno-36-5" name="__codelineno-36-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="trait-bounds">Trait Bounds</h3>
+<p>Trait Bound are used to require a generic to implement specific traits and guarantee that a type will have the necessary behaviours.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-37-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-37-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-37-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-37-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-37-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-37-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-37-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-37-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-37-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-37-10">10</a></span>
+<span class="normal"><a href="#__codelineno-37-11">11</a></span>
+<span class="normal"><a href="#__codelineno-37-12">12</a></span>
+<span class="normal"><a href="#__codelineno-37-13">13</a></span>
+<span class="normal"><a href="#__codelineno-37-14">14</a></span>
+<span class="normal"><a href="#__codelineno-37-15">15</a></span>
+<span class="normal"><a href="#__codelineno-37-16">16</a></span>
+<span class="normal"><a href="#__codelineno-37-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-37-1" name="__codelineno-37-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic_method</span><span class="o">&lt;</span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nc">RequiredTrait</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-37-2" name="__codelineno-37-2"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic_method</span><span class="o">&lt;</span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nc">RequiredTrait</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">RequiredTrait</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w">  </span><span class="c1">// multiple bounds</span>
+<a id="__codelineno-37-3" name="__codelineno-37-3"></a><span class="c1">// or</span>
+<a id="__codelineno-37-4" name="__codelineno-37-4"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic_method</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">U</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span>
+<a id="__codelineno-37-5" name="__codelineno-37-5"></a><span class="w">    </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nc">RequiredTrait</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">RequiredTrait</span><span class="p">,</span>
+<a id="__codelineno-37-6" name="__codelineno-37-6"></a><span class="w">          </span><span class="n">U</span><span class="p">:</span><span class="w"> </span><span class="nc">RequiredTrait</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">RequiredTrait</span>
+<a id="__codelineno-37-7" name="__codelineno-37-7"></a><span class="p">{</span>
+<a id="__codelineno-37-8" name="__codelineno-37-8"></a><span class="w">    </span><span class="c1">// implementation</span>
+<a id="__codelineno-37-9" name="__codelineno-37-9"></a><span class="p">}</span>
+<a id="__codelineno-37-10" name="__codelineno-37-10"></a>
+<a id="__codelineno-37-11" name="__codelineno-37-11"></a><span class="c1">// returned must implement specified trait, retuned type can be only one</span>
+<a id="__codelineno-37-12" name="__codelineno-37-12"></a><span class="c1">// useful for closures or iterators</span>
+<a id="__codelineno-37-13" name="__codelineno-37-13"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic_return</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">impl</span><span class="w"> </span><span class="n">RequiredTrait</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-37-14" name="__codelineno-37-14"></a>
+<a id="__codelineno-37-15" name="__codelineno-37-15"></a><span class="c1">// trait as parameter or return (syntactic sugar for trait bounds)</span>
+<a id="__codelineno-37-16" name="__codelineno-37-16"></a><span class="k">fn</span><span class="w"> </span><span class="nf">method_signature</span><span class="p">(</span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="nc">impl</span><span class="w"> </span><span class="n">Trait</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-37-17" name="__codelineno-37-17"></a><span class="k">fn</span><span class="w"> </span><span class="nf">method_signature</span><span class="p">(</span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="p">(</span><span class="k">impl</span><span class="w"> </span><span class="n">TraitOne</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">TraitTwo</span><span class="p">))</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="trait-extensions">Trait Extensions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-38-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-38-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-38-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-38-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-38-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-38-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-38-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-38-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-38-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-38-10">10</a></span>
+<span class="normal"><a href="#__codelineno-38-11">11</a></span>
+<span class="normal"><a href="#__codelineno-38-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-38-1" name="__codelineno-38-1"></a><span class="k">extern</span><span class="w"> </span><span class="k">crate</span><span class="w"> </span><span class="n">foo</span><span class="p">;</span>
+<a id="__codelineno-38-2" name="__codelineno-38-2"></a><span class="k">use</span><span class="w"> </span><span class="n">foo</span><span class="p">::</span><span class="n">Foo</span><span class="p">;</span>
+<a id="__codelineno-38-3" name="__codelineno-38-3"></a>
+<a id="__codelineno-38-4" name="__codelineno-38-4"></a><span class="c1">// define the methods to be added to the existing type</span>
+<a id="__codelineno-38-5" name="__codelineno-38-5"></a><span class="k">trait</span><span class="w"> </span><span class="n">FooExt</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-38-6" name="__codelineno-38-6"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">bar</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">);</span>
+<a id="__codelineno-38-7" name="__codelineno-38-7"></a><span class="p">}</span>
+<a id="__codelineno-38-8" name="__codelineno-38-8"></a>
+<a id="__codelineno-38-9" name="__codelineno-38-9"></a><span class="c1">// implement the extension methods</span>
+<a id="__codelineno-38-10" name="__codelineno-38-10"></a><span class="k">impl</span><span class="w"> </span><span class="n">FooExt</span><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="n">Foo</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-38-11" name="__codelineno-38-11"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">bar</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="o">..</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-38-12" name="__codelineno-38-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="generic-structs-methods">Generic Structs &amp; Methods</h3>
+<p>Generic Data Types are abstract stand-ind for concrete data types or other properties.<br />
+They can be used with structs, functions, methods, etc.</p>
+<p>Rust accomplishes this by performing <em>monomorphization</em> of the code that is using generics at compile time.<br />
+Monomorphization is the process of turning generic code into specific code by filling in the concrete types that are used when compiled.
+For this reason if a function as a trait as return type (trait bound), only a single type that implements the trait can be returned.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-39-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-39-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-39-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-39-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-39-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-39-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-39-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-39-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-39-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-39-10">10</a></span>
+<span class="normal"><a href="#__codelineno-39-11">11</a></span>
+<span class="normal"><a href="#__codelineno-39-12">12</a></span>
+<span class="normal"><a href="#__codelineno-39-13">13</a></span>
+<span class="normal"><a href="#__codelineno-39-14">14</a></span>
+<span class="normal"><a href="#__codelineno-39-15">15</a></span>
+<span class="normal"><a href="#__codelineno-39-16">16</a></span>
+<span class="normal"><a href="#__codelineno-39-17">17</a></span>
+<span class="normal"><a href="#__codelineno-39-18">18</a></span>
+<span class="normal"><a href="#__codelineno-39-19">19</a></span>
+<span class="normal"><a href="#__codelineno-39-20">20</a></span>
+<span class="normal"><a href="#__codelineno-39-21">21</a></span>
+<span class="normal"><a href="#__codelineno-39-22">22</a></span>
+<span class="normal"><a href="#__codelineno-39-23">23</a></span>
+<span class="normal"><a href="#__codelineno-39-24">24</a></span>
+<span class="normal"><a href="#__codelineno-39-25">25</a></span>
+<span class="normal"><a href="#__codelineno-39-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-39-1" name="__codelineno-39-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">GenericStruct</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">U</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-39-2" name="__codelineno-39-2"></a><span class="w">    </span><span class="n">T</span><span class="w"> </span><span class="n">generic_field</span><span class="p">,</span>
+<a id="__codelineno-39-3" name="__codelineno-39-3"></a><span class="w">    </span><span class="n">U</span><span class="w"> </span><span class="n">generic_field</span><span class="p">,</span>
+<a id="__codelineno-39-4" name="__codelineno-39-4"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-39-5" name="__codelineno-39-5"></a><span class="p">}</span>
+<a id="__codelineno-39-6" name="__codelineno-39-6"></a>
+<a id="__codelineno-39-7" name="__codelineno-39-7"></a><span class="k">impl</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">U</span><span class="o">&gt;</span><span class="w"> </span><span class="n">GenericStruct</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">U</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-39-8" name="__codelineno-39-8"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">generic_method</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-39-9" name="__codelineno-39-9"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">generic_method</span><span class="o">&lt;</span><span class="n">U</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-39-10" name="__codelineno-39-10"></a><span class="p">}</span>
+<a id="__codelineno-39-11" name="__codelineno-39-11"></a>
+<a id="__codelineno-39-12" name="__codelineno-39-12"></a><span class="c1">// implementation for specific types</span>
+<a id="__codelineno-39-13" name="__codelineno-39-13"></a><span class="k">impl</span><span class="w"> </span><span class="n">GenericStruct</span><span class="o">&lt;</span><span class="n">Type</span><span class="p">,</span><span class="w"> </span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-39-14" name="__codelineno-39-14"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">method</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-39-15" name="__codelineno-39-15"></a><span class="p">}</span>
+<a id="__codelineno-39-16" name="__codelineno-39-16"></a>
+<a id="__codelineno-39-17" name="__codelineno-39-17"></a><span class="c1">// implementation for specific traits </span>
+<a id="__codelineno-39-18" name="__codelineno-39-18"></a><span class="k">impl</span><span class="o">&lt;</span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nc">Trait</span><span class="p">,</span><span class="w"> </span><span class="n">U</span><span class="o">&gt;</span><span class="w"> </span><span class="n">GenericStruct</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">U</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="cm">/* ...*/</span><span class="p">}</span>
+<a id="__codelineno-39-19" name="__codelineno-39-19"></a>
+<a id="__codelineno-39-20" name="__codelineno-39-20"></a><span class="c1">// implement a trait for all types with a specific trait (AKA blanket implementation)</span>
+<a id="__codelineno-39-21" name="__codelineno-39-21"></a><span class="k">impl</span><span class="o">&lt;</span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nc">WantedTrait</span><span class="o">&gt;</span><span class="w"> </span><span class="n">ImplementedTrait</span><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="n">T</span><span class="w"> </span><span class="p">{</span><span class="cm">/* ...*/</span><span class="p">}</span>
+<a id="__codelineno-39-22" name="__codelineno-39-22"></a>
+<a id="__codelineno-39-23" name="__codelineno-39-23"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic_func</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-39-24" name="__codelineno-39-24"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic_func</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kp">&amp;</span><span class="nc">T</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// T could be heap-based type, returning reference is always valid</span>
+<a id="__codelineno-39-25" name="__codelineno-39-25"></a>
+<a id="__codelineno-39-26" name="__codelineno-39-26"></a><span class="k">fn</span><span class="w"> </span><span class="nf">generic</span><span class="o">&lt;</span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nc">Trait</span><span class="o">&gt;</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// use generic constraint</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: the calling code needs to import your new trait in addition to the external type</p>
+</blockquote>
+<h3 id="associated-types">Associated Types</h3>
+<p><em>Associated types</em> connect a type placeholder with a trait such that the trait method definitions can use these placeholder types in their signatures.<br />
+The implementor of a trait will specify the concrete type to be used instead of the placeholder type for the particular implementation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-40-1">1</a></span>
+<span class="normal"><a href="#__codelineno-40-2">2</a></span>
+<span class="normal"><a href="#__codelineno-40-3">3</a></span>
+<span class="normal"><a href="#__codelineno-40-4">4</a></span>
+<span class="normal"><a href="#__codelineno-40-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-40-1" name="__codelineno-40-1"></a><span class="k">trait</span><span class="w"> </span><span class="nb">Iterator</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-40-2" name="__codelineno-40-2"></a><span class="w">    </span><span class="k">type</span><span class="w"> </span><span class="nc">Item</span><span class="p">;</span>
+<a id="__codelineno-40-3" name="__codelineno-40-3"></a>
+<a id="__codelineno-40-4" name="__codelineno-40-4"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">next</span><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Option</span><span class="o">&lt;</span><span class="bp">Self</span><span class="p">::</span><span class="n">Item</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-40-5" name="__codelineno-40-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The type <code>Item</code> is a placeholder, and the next method’s definition shows that it will return values of type <code>Option&lt;Self::Item&gt;</code>. Implementors of the <code>Iterator</code> trait will specify the concrete type for <code>Item</code>, and the next method will return an <code>Option</code> containing a value of that concrete type.</p>
+<blockquote>
+<p><strong>Note</strong>: if the type is <em>generic</em> then then they are called <strong>generic associated types</strong></p>
+</blockquote>
+<h3 id="generic-traits-vs-associated-types">Generic Traits vs Associated Types</h3>
+<p>The difference is that when a trait has a generic parameter, it can be implemented for a type multiple times, changing the concrete types of the generic type parameters each time.<br />
+With associated types, it's not possible to implement the trait multiple times so annotations are not needed.</p>
+<p>Associated types also become part of the trait’s contract: implementors of the trait must provide a type to stand in for the associated type placeholder.<br />
+Associated types often have a name that describes how the type will be used, and documenting the associated type in the API documentation is good practice.</p>
+<h3 id="trait-objects">Trait Objects</h3>
+<p>A <em>reference</em> to a trait is called a <strong>Trait Object</strong>. Like any other reference, a trait object points to some value, it has a lifetime, and it can be either mut or shared.<br />
+What makes a trait object different is that Rust usually doesn’t know the type of the referent at compile time.<br />
+So a trait object includes a little extra information about the referent’s type.</p>
+<p>In memory, a trait object is a fat pointer consisting of a pointer to the value, plus a pointer to a table representing that value’s type.  </p>
+<blockquote>
+<p><strong>Note</strong>: Rust automatically converts ordinary references into trait objects when needed</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-41-1">1</a></span>
+<span class="normal"><a href="#__codelineno-41-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-41-1" name="__codelineno-41-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">trait_object</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="k">dyn</span><span class="w"> </span><span class="n">Trait</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="n">source</span><span class="p">;</span>
+<a id="__codelineno-41-2" name="__codelineno-41-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">trait_object</span><span class="p">:</span><span class="w"> </span><span class="nb">Box</span><span class="o">&lt;</span><span class="k">dyn</span><span class="w"> </span><span class="n">Trait</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Box</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="n">source</span><span class="p">);</span><span class="w">  </span><span class="c1">// same for Rc&lt;T&gt;, Arc&lt;T&gt;, ...</span>
+</code></pre></div></td></tr></table></div>
+<p>This works differently from defining a struct or function that uses a generic type parameter with trait bounds.<br />
+A generic type parameter can only be substituted with <em>one concrete type</em> at a time, whereas trait objects allow for <em>multiple</em> concrete types to fill in for the trait object at runtime.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-42-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-42-1" name="__codelineno-42-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Box</span><span class="o">&lt;</span><span class="k">dyn</span><span class="w"> </span><span class="n">Trait</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// return something that implements the specified trait</span>
+</code></pre></div></td></tr></table></div>
+<p>If homogeneous collections are needed, using generics and trait bounds is preferable because the definitions will be monomorphized at compile time to use the concrete types.</p>
+<p>The code that results from <em>monomorphization</em> uses <strong>static dispatch</strong>, which is when the compiler knows what method will be called at compile time.</p>
+<p>This is opposed to <strong>dynamic dispatch</strong>, which is when the compiler can't tell at compile time which method will be called.  At runtime Rust uses the pointers inside the trait object to know which method to call.
+There is a runtime cost when this lookup happens that doesn't occur with static dispatch.</p>
+<p>Dynamic dispatch also prevents the compiler from choosing to inline a method's code, which in turn prevents some optimizations.</p>
+<p>It's only possible to make <em>object-safe</em> traits into trait objects. A trait is object safe if all the methods defined in the trait have the following properties:</p>
+<ul>
+<li>The return type isn't <code>Self</code>.</li>
+<li>There are no generic type parameters.</li>
+</ul>
+<h2 id="lifetimes">Lifetimes</h2>
+<p>Lifetime annotation indicates to the <em>borrow checker</em> that the lifetime of the returned value is as long as the lifetime of the referenced value.<br />
+The annotation does not affect how long the references live.</p>
+<p>In case of different lifetimes the complier will use the most restrictive.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-43-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-43-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-43-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-43-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-43-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-43-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-43-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-43-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-43-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-43-10">10</a></span>
+<span class="normal"><a href="#__codelineno-43-11">11</a></span>
+<span class="normal"><a href="#__codelineno-43-12">12</a></span>
+<span class="normal"><a href="#__codelineno-43-13">13</a></span>
+<span class="normal"><a href="#__codelineno-43-14">14</a></span>
+<span class="normal"><a href="#__codelineno-43-15">15</a></span>
+<span class="normal"><a href="#__codelineno-43-16">16</a></span>
+<span class="normal"><a href="#__codelineno-43-17">17</a></span>
+<span class="normal"><a href="#__codelineno-43-18">18</a></span>
+<span class="normal"><a href="#__codelineno-43-19">19</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-43-1" name="__codelineno-43-1"></a><span class="c1">// lifetime annotation syntax</span>
+<a id="__codelineno-43-2" name="__codelineno-43-2"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="o">&gt;</span><span class="p">(</span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">a</span><span class="w"> </span><span class="nc">Type</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">a</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">a</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-43-3" name="__codelineno-43-3"></a>
+<a id="__codelineno-43-4" name="__codelineno-43-4"></a><span class="c1">// multiple lifetimes annotations</span>
+<a id="__codelineno-43-5" name="__codelineno-43-5"></a><span class="k">fn</span><span class="w"> </span><span class="nf">func</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="p">,</span><span class="w"> </span><span class="o">&#39;</span><span class="na">b</span><span class="o">&gt;</span><span class="p">(</span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">a</span><span class="w"> </span><span class="nc">Type</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">b</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">a</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-43-6" name="__codelineno-43-6"></a>
+<a id="__codelineno-43-7" name="__codelineno-43-7"></a><span class="c1">// struct lifetime annotation</span>
+<a id="__codelineno-43-8" name="__codelineno-43-8"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Struct</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-43-9" name="__codelineno-43-9"></a><span class="w">    </span><span class="n">name</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">a</span><span class="w"> </span><span class="kt">str</span><span class="w">  </span><span class="c1">// is borrowed, needs lifetime</span>
+<a id="__codelineno-43-10" name="__codelineno-43-10"></a><span class="p">}</span>
+<a id="__codelineno-43-11" name="__codelineno-43-11"></a>
+<a id="__codelineno-43-12" name="__codelineno-43-12"></a><span class="k">impl</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="o">&gt;</span><span class="w"> </span><span class="n">Struct</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-43-13" name="__codelineno-43-13"></a><span class="k">impl</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="p">,</span><span class="w"> </span><span class="o">&#39;</span><span class="na">b</span><span class="o">&gt;</span><span class="w"> </span><span class="n">Struct</span><span class="o">&lt;&#39;</span><span class="na">a</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span>
+<a id="__codelineno-43-14" name="__codelineno-43-14"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">method</span><span class="p">(</span><span class="o">&amp;&#39;</span><span class="na">a</span><span class="w"> </span><span class="bp">self</span><span class="p">,</span><span class="w"> </span><span class="n">param</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">b</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="na">b</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{}</span>
+<a id="__codelineno-43-15" name="__codelineno-43-15"></a><span class="p">}</span>
+<a id="__codelineno-43-16" name="__codelineno-43-16"></a>
+<a id="__codelineno-43-17" name="__codelineno-43-17"></a><span class="c1">// static lifetime, same duration as entire program</span>
+<a id="__codelineno-43-18" name="__codelineno-43-18"></a><span class="c1">// can be coerced to more restrictive lifetime</span>
+<a id="__codelineno-43-19" name="__codelineno-43-19"></a><span class="kd">let</span><span class="w"> </span><span class="n">string</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="o">&#39;</span><span class="nb">static</span><span class="w"> </span><span class="kt">str</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">&quot;...&quot;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="lifetime-elision-rules">Lifetime Elision Rules</h3>
+<p>The <em>Lifetime Elision Rules</em> are a set of rules for the compiler to analyze references lifetimes.<br />
+They describe situations that do not require explicit lifetime annotations.  </p>
+<ul>
+<li><strong>Rule 1</strong>: Each input parameter that is a reference is assigned it's own lifetime</li>
+<li><strong>Rule 2</strong>: If there is exactly one input lifetime, assign it to all output lifetimes</li>
+<li><strong>Rule 3</strong>: If there is a <code>&amp;self</code> or <code>&amp;mut self</code> input parameter, it's lifetime will be assigned to all output lifetimes</li>
+</ul>
+<h2 id="enums">Enums</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-44-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-44-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-44-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-44-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-44-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-44-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-44-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-44-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-44-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-44-10">10</a></span>
+<span class="normal"><a href="#__codelineno-44-11">11</a></span>
+<span class="normal"><a href="#__codelineno-44-12">12</a></span>
+<span class="normal"><a href="#__codelineno-44-13">13</a></span>
+<span class="normal"><a href="#__codelineno-44-14">14</a></span>
+<span class="normal"><a href="#__codelineno-44-15">15</a></span>
+<span class="normal"><a href="#__codelineno-44-16">16</a></span>
+<span class="normal"><a href="#__codelineno-44-17">17</a></span>
+<span class="normal"><a href="#__codelineno-44-18">18</a></span>
+<span class="normal"><a href="#__codelineno-44-19">19</a></span>
+<span class="normal"><a href="#__codelineno-44-20">20</a></span>
+<span class="normal"><a href="#__codelineno-44-21">21</a></span>
+<span class="normal"><a href="#__codelineno-44-22">22</a></span>
+<span class="normal"><a href="#__codelineno-44-23">23</a></span>
+<span class="normal"><a href="#__codelineno-44-24">24</a></span>
+<span class="normal"><a href="#__codelineno-44-25">25</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-44-1" name="__codelineno-44-1"></a><span class="c1">// enum definition</span>
+<a id="__codelineno-44-2" name="__codelineno-44-2"></a><span class="k">enum</span><span class="w"> </span><span class="nc">Enum</span>
+<a id="__codelineno-44-3" name="__codelineno-44-3"></a><span class="p">{</span>
+<a id="__codelineno-44-4" name="__codelineno-44-4"></a><span class="w">    </span><span class="n">Variant1</span><span class="p">,</span>
+<a id="__codelineno-44-5" name="__codelineno-44-5"></a><span class="w">    </span><span class="n">Variant2</span><span class="p">(</span><span class="n">Type</span><span class="p">,</span><span class="w"> </span><span class="o">..</span><span class="p">.),</span><span class="w">  </span><span class="c1">// each variant can have different types (even structs and enums) and amounts of associated data</span>
+<a id="__codelineno-44-6" name="__codelineno-44-6"></a><span class="w">    </span><span class="n">Variant3</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kt">u8</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">:</span><span class="w"> </span><span class="kt">u8</span><span class="w"> </span><span class="p">}</span><span class="w">  </span><span class="c1">// c-like struct</span>
+<a id="__codelineno-44-7" name="__codelineno-44-7"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-44-8" name="__codelineno-44-8"></a><span class="p">}</span>
+<a id="__codelineno-44-9" name="__codelineno-44-9"></a>
+<a id="__codelineno-44-10" name="__codelineno-44-10"></a><span class="c1">// value assignment</span>
+<a id="__codelineno-44-11" name="__codelineno-44-11"></a><span class="kd">let</span><span class="w"> </span><span class="n">e</span><span class="p">:</span><span class="w"> </span><span class="nc">Enum</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant1</span><span class="p">;</span>
+<a id="__codelineno-44-12" name="__codelineno-44-12"></a><span class="kd">let</span><span class="w"> </span><span class="n">e</span><span class="p">:</span><span class="w"> </span><span class="nc">Enum</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant2</span><span class="p">(</span><span class="n">arg</span><span class="p">,</span><span class="w"> </span><span class="o">..</span><span class="p">.);</span><span class="w">  </span><span class="c1">// variant w/ data</span>
+<a id="__codelineno-44-13" name="__codelineno-44-13"></a><span class="kd">let</span><span class="w"> </span><span class="n">e</span><span class="p">:</span><span class="w"> </span><span class="nc">Enum</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant3</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">};</span>
+<a id="__codelineno-44-14" name="__codelineno-44-14"></a>
+<a id="__codelineno-44-15" name="__codelineno-44-15"></a><span class="c1">// methods on enum</span>
+<a id="__codelineno-44-16" name="__codelineno-44-16"></a><span class="k">impl</span><span class="w"> </span><span class="n">Enum</span>
+<a id="__codelineno-44-17" name="__codelineno-44-17"></a><span class="p">{</span>
+<a id="__codelineno-44-18" name="__codelineno-44-18"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">method</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-44-19" name="__codelineno-44-19"></a><span class="w">        </span><span class="k">match</span><span class="w"> </span><span class="bp">self</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-44-20" name="__codelineno-44-20"></a><span class="w">            </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant1</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span>
+<a id="__codelineno-44-21" name="__codelineno-44-21"></a><span class="w">            </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant2</span><span class="p">(</span><span class="n">arg</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">,</span>
+<a id="__codelineno-44-22" name="__codelineno-44-22"></a><span class="w">            </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant3</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">0</span><span class="p">}</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-44-23" name="__codelineno-44-23"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-44-24" name="__codelineno-44-24"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-44-25" name="__codelineno-44-25"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="match-expressions">Match Expressions</h3>
+<p>A <em>match expression</em> is made up of <em>arms</em>. An arm consists of a <em>pattern</em> and the code that should be run if the value given to the beginning of the match expression fits that arm's pattern. Rust takes the value given to match and looks through each arm's pattern in turn.</p>
+<blockquote>
+<p><strong>Note</strong>: <code>match</code> arms must be exhaustive for compilation.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-45-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-45-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-45-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-45-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-45-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-45-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-45-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-45-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-45-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-45-10">10</a></span>
+<span class="normal"><a href="#__codelineno-45-11">11</a></span>
+<span class="normal"><a href="#__codelineno-45-12">12</a></span>
+<span class="normal"><a href="#__codelineno-45-13">13</a></span>
+<span class="normal"><a href="#__codelineno-45-14">14</a></span>
+<span class="normal"><a href="#__codelineno-45-15">15</a></span>
+<span class="normal"><a href="#__codelineno-45-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-45-1" name="__codelineno-45-1"></a><span class="k">enum</span><span class="w"> </span><span class="nc">Enum</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-45-2" name="__codelineno-45-2"></a><span class="w">    </span><span class="n">Variant1</span><span class="p">,</span>
+<a id="__codelineno-45-3" name="__codelineno-45-3"></a><span class="w">    </span><span class="n">Variant2</span><span class="p">,</span>
+<a id="__codelineno-45-4" name="__codelineno-45-4"></a><span class="w">    </span><span class="n">Variant3</span><span class="p">(</span><span class="n">Type</span><span class="p">),</span>
+<a id="__codelineno-45-5" name="__codelineno-45-5"></a><span class="w">    </span><span class="o">..</span><span class="p">.</span>
+<a id="__codelineno-45-6" name="__codelineno-45-6"></a><span class="p">}</span>
+<a id="__codelineno-45-7" name="__codelineno-45-7"></a>
+<a id="__codelineno-45-8" name="__codelineno-45-8"></a><span class="c1">// match expression on enum</span>
+<a id="__codelineno-45-9" name="__codelineno-45-9"></a><span class="k">fn</span><span class="w"> </span><span class="nf">match_variant</span><span class="p">(</span><span class="n">e</span><span class="p">:</span><span class="w"> </span><span class="nc">Enum</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-45-10" name="__codelineno-45-10"></a><span class="w">    </span><span class="k">match</span><span class="w"> </span><span class="n">e</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-45-11" name="__codelineno-45-11"></a><span class="w">        </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant1</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">,</span>
+<a id="__codelineno-45-12" name="__codelineno-45-12"></a><span class="w">        </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant2</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="cm">/* code block */</span><span class="w"> </span><span class="p">},</span>
+<a id="__codelineno-45-13" name="__codelineno-45-13"></a><span class="w">        </span><span class="n">Enum</span><span class="p">::</span><span class="n">Variant3</span><span class="p">(</span><span class="n">parm_name</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">,</span>
+<a id="__codelineno-45-14" name="__codelineno-45-14"></a><span class="w">        </span><span class="n">_</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="p">()</span><span class="w">  </span><span class="c1">// () is unit value</span>
+<a id="__codelineno-45-15" name="__codelineno-45-15"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-45-16" name="__codelineno-45-16"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="pattern-matching">Pattern Matching</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align: center;">Pattern</th>
+<th style="text-align: center;">Example</th>
+<th style="text-align: center;">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align: center;">Literal</td>
+<td style="text-align: center;"><code>100</code></td>
+<td style="text-align: center;">Match exact value or <code>const</code> name</td>
+</tr>
+<tr>
+<td style="text-align: center;">Range</td>
+<td style="text-align: center;"><code>x..=y</code></td>
+<td style="text-align: center;">Match any value in range, including end</td>
+</tr>
+<tr>
+<td style="text-align: center;">Wildcard</td>
+<td style="text-align: center;"><code>_</code></td>
+<td style="text-align: center;">Match any value and ignore it</td>
+</tr>
+<tr>
+<td style="text-align: center;"><code>ref</code> Variable</td>
+<td style="text-align: center;"><code>ref field</code></td>
+<td style="text-align: center;">Borrow reference of matched variable</td>
+</tr>
+<tr>
+<td style="text-align: center;">Variable</td>
+<td style="text-align: center;"><code>count</code></td>
+<td style="text-align: center;">Match any value and copy it to variable</td>
+</tr>
+<tr>
+<td style="text-align: center;">Bind with syb-pattern</td>
+<td style="text-align: center;"><code>variable @ &lt;pattern&gt;</code></td>
+<td style="text-align: center;">Match pattern and copy to variable</td>
+</tr>
+<tr>
+<td style="text-align: center;">Enum</td>
+<td style="text-align: center;"><code>Some(value)</code></td>
+<td style="text-align: center;"></td>
+</tr>
+<tr>
+<td style="text-align: center;">Tuple</td>
+<td style="text-align: center;"><code>(key, value)</code></td>
+<td style="text-align: center;"></td>
+</tr>
+<tr>
+<td style="text-align: center;">Array</td>
+<td style="text-align: center;"><code>[first, second, third]</code></td>
+<td style="text-align: center;"></td>
+</tr>
+<tr>
+<td style="text-align: center;">Slice</td>
+<td style="text-align: center;"><code>[first, .., last]</code></td>
+<td style="text-align: center;"></td>
+</tr>
+<tr>
+<td style="text-align: center;">Struct</td>
+<td style="text-align: center;"><code>Point { x, y, .. }</code></td>
+<td style="text-align: center;"></td>
+</tr>
+<tr>
+<td style="text-align: center;">Reference</td>
+<td style="text-align: center;"><code>&amp;value</code></td>
+<td style="text-align: center;"></td>
+</tr>
+<tr>
+<td style="text-align: center;">Multiple Patterns</td>
+<td style="text-align: center;"><code>'a' \| 'A'</code></td>
+<td style="text-align: center;"><code>match, if let, while let</code> only</td>
+</tr>
+<tr>
+<td style="text-align: center;">Guard Expression</td>
+<td style="text-align: center;"><code>&lt;pattern&gt; if &lt;condition&gt;</code></td>
+<td style="text-align: center;"><code>match</code> only</td>
+</tr>
+</tbody>
+</table>
+<blockquote>
+<p><strong>Note</strong>: <code>..</code> in slices matches <em>any number</em> of elements. <code>..</code> in structs <em>ignores</em> all remaining fields</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-46-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-46-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-46-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-46-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-46-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-46-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-46-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-46-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-46-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-46-10">10</a></span>
+<span class="normal"><a href="#__codelineno-46-11">11</a></span>
+<span class="normal"><a href="#__codelineno-46-12">12</a></span>
+<span class="normal"><a href="#__codelineno-46-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-46-1" name="__codelineno-46-1"></a><span class="c1">// unpack a struct into local variables</span>
+<a id="__codelineno-46-2" name="__codelineno-46-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">Struct</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">local_1</span><span class="p">,</span><span class="w"> </span><span class="n">local_2</span><span class="p">,</span><span class="w"> </span><span class="n">local_3</span><span class="p">,</span><span class="w"> </span><span class="o">..</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">source</span><span class="p">;</span>
+<a id="__codelineno-46-3" name="__codelineno-46-3"></a>
+<a id="__codelineno-46-4" name="__codelineno-46-4"></a><span class="c1">// ...unpack a function argument that&#39;s a tuple</span>
+<a id="__codelineno-46-5" name="__codelineno-46-5"></a><span class="k">fn</span><span class="w"> </span><span class="nf">distance_to</span><span class="p">((</span><span class="n">x</span><span class="p">,</span><span class="w"> </span><span class="n">y</span><span class="p">):</span><span class="w"> </span><span class="p">(</span><span class="kt">f64</span><span class="p">,</span><span class="w"> </span><span class="kt">f64</span><span class="p">))</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">f64</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-46-6" name="__codelineno-46-6"></a>
+<a id="__codelineno-46-7" name="__codelineno-46-7"></a><span class="c1">// iterate over keys and values of a HashMap</span>
+<a id="__codelineno-46-8" name="__codelineno-46-8"></a><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="o">&amp;</span><span class="n">hash_map</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-46-9" name="__codelineno-46-9"></a>
+<a id="__codelineno-46-10" name="__codelineno-46-10"></a><span class="c1">// automatically dereference an argument to a closure</span>
+<a id="__codelineno-46-11" name="__codelineno-46-11"></a><span class="c1">// (handy because sometimes other code passes you a reference</span>
+<a id="__codelineno-46-12" name="__codelineno-46-12"></a><span class="c1">// when you&#39;d rather have a copy)</span>
+<a id="__codelineno-46-13" name="__codelineno-46-13"></a><span class="kd">let</span><span class="w"> </span><span class="n">sum</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">numbers</span><span class="p">.</span><span class="n">fold</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="o">|</span><span class="n">a</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">num</span><span class="o">|</span><span class="w"> </span><span class="n">a</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">num</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<p>Patterns that always match are special in Rust. They’re called <strong>irrefutable patterns</strong>, and they’re the only patterns allowed in <code>let</code>, in function arguments, after <code>for</code>, and in closure arguments.</p>
+<p>A <strong>refutable pattern</strong> is one that might not match, like <code>Ok(x)</code>. Refutable patterns can be used in <code>match</code> arms, because match is designed for them: if one pattern fails to match, it’s clear what happens next.</p>
+<p>Refutable patterns are also allowed in <code>if let</code> and <code>while let</code> expressions:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-47-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-47-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-47-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-47-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-47-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-47-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-47-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-47-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-47-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-47-10">10</a></span>
+<span class="normal"><a href="#__codelineno-47-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-47-1" name="__codelineno-47-1"></a><span class="c1">// handle just one enum variant specially</span>
+<a id="__codelineno-47-2" name="__codelineno-47-2"></a><span class="k">if</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="n">Enum</span><span class="p">::</span><span class="n">VariantX</span><span class="p">(</span><span class="n">_</span><span class="p">,</span><span class="w"> </span><span class="n">_</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">source</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-47-3" name="__codelineno-47-3"></a>
+<a id="__codelineno-47-4" name="__codelineno-47-4"></a><span class="c1">// run some code only if a table lookup succeeds</span>
+<a id="__codelineno-47-5" name="__codelineno-47-5"></a><span class="k">if</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="nb">Some</span><span class="p">(</span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">hash_map</span><span class="p">.</span><span class="n">get</span><span class="p">(</span><span class="o">&amp;</span><span class="n">key</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-47-6" name="__codelineno-47-6"></a>
+<a id="__codelineno-47-7" name="__codelineno-47-7"></a><span class="c1">// repeatedly try something until it succeeds</span>
+<a id="__codelineno-47-8" name="__codelineno-47-8"></a><span class="k">while</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="nb">Err</span><span class="p">(</span><span class="n">err</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">fallible_func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-47-9" name="__codelineno-47-9"></a>
+<a id="__codelineno-47-10" name="__codelineno-47-10"></a><span class="c1">// manually loop over an iterator</span>
+<a id="__codelineno-47-11" name="__codelineno-47-11"></a><span class="k">while</span><span class="w"> </span><span class="kd">let</span><span class="w"> </span><span class="nb">Some</span><span class="p">(</span><span class="n">_</span><span class="p">)</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">lines</span><span class="p">.</span><span class="n">peek</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="error-handling">Error Handling</h2>
+<h3 id="option-result">Option &amp; Result</h3>
+<p>The <code>Option</code> type is used in many places because it encodes the very common scenario in which a value could be something or it could be nothing. Expressing this concept in terms of the type system means the compiler can check whether you've handled all the cases you should be handling; this functionality can prevent bugs that are extremely common in other programming languages.</p>
+<p><code>Result&lt;T, E&gt;</code> is the type used for returning and propagating errors. It is an enum with the variants, <code>Ok(T)</code>, representing success and containing a value, and <code>Err(E)</code>, representing error and containing an error value.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-48-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-48-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-48-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-48-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-48-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-48-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-48-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-48-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-48-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-48-10">10</a></span>
+<span class="normal"><a href="#__codelineno-48-11">11</a></span>
+<span class="normal"><a href="#__codelineno-48-12">12</a></span>
+<span class="normal"><a href="#__codelineno-48-13">13</a></span>
+<span class="normal"><a href="#__codelineno-48-14">14</a></span>
+<span class="normal"><a href="#__codelineno-48-15">15</a></span>
+<span class="normal"><a href="#__codelineno-48-16">16</a></span>
+<span class="normal"><a href="#__codelineno-48-17">17</a></span>
+<span class="normal"><a href="#__codelineno-48-18">18</a></span>
+<span class="normal"><a href="#__codelineno-48-19">19</a></span>
+<span class="normal"><a href="#__codelineno-48-20">20</a></span>
+<span class="normal"><a href="#__codelineno-48-21">21</a></span>
+<span class="normal"><a href="#__codelineno-48-22">22</a></span>
+<span class="normal"><a href="#__codelineno-48-23">23</a></span>
+<span class="normal"><a href="#__codelineno-48-24">24</a></span>
+<span class="normal"><a href="#__codelineno-48-25">25</a></span>
+<span class="normal"><a href="#__codelineno-48-26">26</a></span>
+<span class="normal"><a href="#__codelineno-48-27">27</a></span>
+<span class="normal"><a href="#__codelineno-48-28">28</a></span>
+<span class="normal"><a href="#__codelineno-48-29">29</a></span>
+<span class="normal"><a href="#__codelineno-48-30">30</a></span>
+<span class="normal"><a href="#__codelineno-48-31">31</a></span>
+<span class="normal"><a href="#__codelineno-48-32">32</a></span>
+<span class="normal"><a href="#__codelineno-48-33">33</a></span>
+<span class="normal"><a href="#__codelineno-48-34">34</a></span>
+<span class="normal"><a href="#__codelineno-48-35">35</a></span>
+<span class="normal"><a href="#__codelineno-48-36">36</a></span>
+<span class="normal"><a href="#__codelineno-48-37">37</a></span>
+<span class="normal"><a href="#__codelineno-48-38">38</a></span>
+<span class="normal"><a href="#__codelineno-48-39">39</a></span>
+<span class="normal"><a href="#__codelineno-48-40">40</a></span>
+<span class="normal"><a href="#__codelineno-48-41">41</a></span>
+<span class="normal"><a href="#__codelineno-48-42">42</a></span>
+<span class="normal"><a href="#__codelineno-48-43">43</a></span>
+<span class="normal"><a href="#__codelineno-48-44">44</a></span>
+<span class="normal"><a href="#__codelineno-48-45">45</a></span>
+<span class="normal"><a href="#__codelineno-48-46">46</a></span>
+<span class="normal"><a href="#__codelineno-48-47">47</a></span>
+<span class="normal"><a href="#__codelineno-48-48">48</a></span>
+<span class="normal"><a href="#__codelineno-48-49">49</a></span>
+<span class="normal"><a href="#__codelineno-48-50">50</a></span>
+<span class="normal"><a href="#__codelineno-48-51">51</a></span>
+<span class="normal"><a href="#__codelineno-48-52">52</a></span>
+<span class="normal"><a href="#__codelineno-48-53">53</a></span>
+<span class="normal"><a href="#__codelineno-48-54">54</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-48-1" name="__codelineno-48-1"></a><span class="c1">// std implementation</span>
+<a id="__codelineno-48-2" name="__codelineno-48-2"></a><span class="k">enum</span><span class="w"> </span><span class="nb">Option</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-48-3" name="__codelineno-48-3"></a><span class="w">    </span><span class="nb">Some</span><span class="p">(</span><span class="n">T</span><span class="p">),</span>
+<a id="__codelineno-48-4" name="__codelineno-48-4"></a><span class="w">    </span><span class="nb">None</span>
+<a id="__codelineno-48-5" name="__codelineno-48-5"></a><span class="p">}</span>
+<a id="__codelineno-48-6" name="__codelineno-48-6"></a>
+<a id="__codelineno-48-7" name="__codelineno-48-7"></a><span class="k">enum</span><span class="w"> </span><span class="nb">Result</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">E</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-48-8" name="__codelineno-48-8"></a><span class="w">    </span><span class="nb">Ok</span><span class="p">(</span><span class="n">T</span><span class="p">),</span>
+<a id="__codelineno-48-9" name="__codelineno-48-9"></a><span class="w">    </span><span class="nb">Err</span><span class="p">(</span><span class="n">E</span><span class="p">)</span>
+<a id="__codelineno-48-10" name="__codelineno-48-10"></a><span class="p">}</span>
+<a id="__codelineno-48-11" name="__codelineno-48-11"></a>
+<a id="__codelineno-48-12" name="__codelineno-48-12"></a><span class="kd">let</span><span class="w"> </span><span class="n">option</span><span class="p">:</span><span class="w"> </span><span class="nb">Option</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* */</span><span class="p">;</span>
+<a id="__codelineno-48-13" name="__codelineno-48-13"></a>
+<a id="__codelineno-48-14" name="__codelineno-48-14"></a><span class="n">option</span><span class="p">.</span><span class="n">is_some</span><span class="p">();</span>
+<a id="__codelineno-48-15" name="__codelineno-48-15"></a><span class="n">option</span><span class="p">.</span><span class="n">is_none</span><span class="p">();</span>
+<a id="__codelineno-48-16" name="__codelineno-48-16"></a>
+<a id="__codelineno-48-17" name="__codelineno-48-17"></a><span class="n">option</span><span class="p">.</span><span class="n">unwrap</span><span class="p">();</span><span class="w">  </span><span class="c1">// get value of Some or panic</span>
+<a id="__codelineno-48-18" name="__codelineno-48-18"></a><span class="n">option</span><span class="p">.</span><span class="n">unwrap_or</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// get value of Some or return a specified value</span>
+<a id="__codelineno-48-19" name="__codelineno-48-19"></a><span class="n">option</span><span class="p">.</span><span class="n">unwrap_or_default</span><span class="p">(</span><span class="n">fallback</span><span class="p">);</span><span class="w">  </span><span class="c1">// get value of Some or return the default value of T</span>
+<a id="__codelineno-48-20" name="__codelineno-48-20"></a>
+<a id="__codelineno-48-21" name="__codelineno-48-21"></a><span class="kd">let</span><span class="w"> </span><span class="n">result</span><span class="p">:</span><span class="w"> </span><span class="nb">Result</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">E</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* */</span><span class="p">;</span>
+<a id="__codelineno-48-22" name="__codelineno-48-22"></a>
+<a id="__codelineno-48-23" name="__codelineno-48-23"></a><span class="n">result</span><span class="p">.</span><span class="n">is_ok</span><span class="p">();</span>
+<a id="__codelineno-48-24" name="__codelineno-48-24"></a><span class="n">result</span><span class="p">.</span><span class="n">is_err</span><span class="p">();</span>
+<a id="__codelineno-48-25" name="__codelineno-48-25"></a><span class="n">result</span><span class="p">.</span><span class="n">as_ref</span><span class="p">();</span><span class="w">  </span><span class="c1">// returns Result&lt;&amp;T, &amp;E&gt;</span>
+<a id="__codelineno-48-26" name="__codelineno-48-26"></a><span class="n">result</span><span class="p">.</span><span class="n">as_mut</span><span class="p">();</span><span class="w">  </span><span class="c1">// returns Result&lt;&amp;mut T, &amp;mut E&gt;</span>
+<a id="__codelineno-48-27" name="__codelineno-48-27"></a>
+<a id="__codelineno-48-28" name="__codelineno-48-28"></a><span class="c1">// methods consuming the result</span>
+<a id="__codelineno-48-29" name="__codelineno-48-29"></a><span class="n">result</span><span class="p">.</span><span class="n">ok</span><span class="p">();</span><span class="w">  </span><span class="c1">// returns Option&lt;T&gt;, discarding the error</span>
+<a id="__codelineno-48-30" name="__codelineno-48-30"></a><span class="n">result</span><span class="p">.</span><span class="n">err</span><span class="p">();</span><span class="w">  </span><span class="c1">// returns Option&lt;T&gt;, discarding the error</span>
+<a id="__codelineno-48-31" name="__codelineno-48-31"></a><span class="n">result</span><span class="p">.</span><span class="n">unwrap</span><span class="p">();</span><span class="w">  </span><span class="c1">// get value of Ok or panic if Err</span>
+<a id="__codelineno-48-32" name="__codelineno-48-32"></a><span class="n">result</span><span class="p">.</span><span class="n">unwrap_or</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// get value of OK or return a specified value</span>
+<a id="__codelineno-48-33" name="__codelineno-48-33"></a><span class="n">result</span><span class="p">.</span><span class="n">unwrap_or_default</span><span class="p">(</span><span class="n">fallback</span><span class="p">);</span><span class="w">  </span><span class="c1">// get value of Ok or return the default value of T</span>
+<a id="__codelineno-48-34" name="__codelineno-48-34"></a><span class="n">result</span><span class="p">.</span><span class="n">unwrap_or_else</span><span class="p">(</span><span class="n">fallback_fn</span><span class="p">)</span>
+<a id="__codelineno-48-35" name="__codelineno-48-35"></a><span class="n">result</span><span class="p">.</span><span class="n">unwrap_err</span><span class="p">();</span><span class="w">  </span><span class="c1">// get value of Err or panic if Ok</span>
+<a id="__codelineno-48-36" name="__codelineno-48-36"></a><span class="n">result</span><span class="p">.</span><span class="n">expect</span><span class="p">(</span><span class="n">message</span><span class="p">);</span><span class="w">  </span><span class="c1">// write message to stderr if Err</span>
+<a id="__codelineno-48-37" name="__codelineno-48-37"></a>
+<a id="__codelineno-48-38" name="__codelineno-48-38"></a><span class="n">result_or_option</span><span class="p">.</span><span class="n">expect</span><span class="p">(</span><span class="s">&quot;Error Message&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// if Err or None panics with a custom error message</span>
+<a id="__codelineno-48-39" name="__codelineno-48-39"></a>
+<a id="__codelineno-48-40" name="__codelineno-48-40"></a><span class="k">fn</span><span class="w"> </span><span class="nf">returns_result</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Result</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">E</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span>
+<a id="__codelineno-48-41" name="__codelineno-48-41"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">match</span><span class="w"> </span><span class="n">may_return_err</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-48-42" name="__codelineno-48-42"></a><span class="w">        </span><span class="nb">Ok</span><span class="p">(</span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="n">value</span><span class="p">,</span>
+<a id="__codelineno-48-43" name="__codelineno-48-43"></a><span class="w">        </span><span class="nb">Err</span><span class="p">(</span><span class="n">error</span><span class="p">)</span><span class="w"> </span><span class="o">=&gt;</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nb">Err</span><span class="p">(</span><span class="n">error</span><span class="p">)</span><span class="w">  </span><span class="c1">// return Err early</span>
+<a id="__codelineno-48-44" name="__codelineno-48-44"></a><span class="w">    </span><span class="p">};</span>
+<a id="__codelineno-48-45" name="__codelineno-48-45"></a>
+<a id="__codelineno-48-46" name="__codelineno-48-46"></a><span class="w">    </span><span class="nb">Ok</span><span class="p">(</span><span class="n">result</span><span class="p">)</span>
+<a id="__codelineno-48-47" name="__codelineno-48-47"></a><span class="p">}</span>
+<a id="__codelineno-48-48" name="__codelineno-48-48"></a><span class="c1">// same as</span>
+<a id="__codelineno-48-49" name="__codelineno-48-49"></a><span class="k">fn</span><span class="w"> </span><span class="nf">returns_result</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Result</span><span class="o">&lt;</span><span class="n">T</span><span class="p">,</span><span class="w"> </span><span class="n">E</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span><span class="w"> </span>
+<a id="__codelineno-48-50" name="__codelineno-48-50"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">may_return_err</span><span class="p">()</span><span class="o">?</span><span class="p">;</span><span class="w">  </span><span class="c1">// error propagation</span>
+<a id="__codelineno-48-51" name="__codelineno-48-51"></a><span class="w">    </span><span class="c1">// result contains Err ot value of Ok</span>
+<a id="__codelineno-48-52" name="__codelineno-48-52"></a>
+<a id="__codelineno-48-53" name="__codelineno-48-53"></a><span class="w">    </span><span class="nb">Ok</span><span class="p">(</span><span class="n">result</span><span class="p">)</span>
+<a id="__codelineno-48-54" name="__codelineno-48-54"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Ending an expression with <code>?</code> will result in the unwrapped success (<code>Ok</code>) value, unless the result is <code>Err</code>, in which case <code>Err</code> is returned early from the enclosing function.<br />
+<code>?</code> can only be used in functions that return <code>Result</code> because of the early return of <code>Err</code> that it provides.</p>
+<blockquote>
+<p><strong>Note</strong>: When <code>None</code> is used the type of <code>Option&lt;T&gt;</code> must be specified, because the compiler can't infer the type that the <code>Some</code> variant will hold by looking only at a <code>None</code> value.
+<strong>Note</strong>: error values that have the <code>?</code> operator called on them go through the <code>from</code> function, defined in the <code>From</code> trait in the standard library, which is used to convert errors from one type into another</p>
+</blockquote>
+<h3 id="multiple-error-types">Multiple Error Types</h3>
+<p>When working with multiple error types is useful to return a "generic error" type. All the standard library error types can be represented by <code>Box&lt;dyn std::Error + Send + Sync + 'static&gt;</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-49-1">1</a></span>
+<span class="normal"><a href="#__codelineno-49-2">2</a></span>
+<span class="normal"><a href="#__codelineno-49-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-49-1" name="__codelineno-49-1"></a><span class="c1">// convenience type aliases for the generic error</span>
+<a id="__codelineno-49-2" name="__codelineno-49-2"></a><span class="k">type</span><span class="w"> </span><span class="nc">GenericError</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Box</span><span class="o">&lt;</span><span class="k">dyn</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">Error</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nb">Send</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nb">Sync</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="o">&#39;</span><span class="nb">static</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-49-3" name="__codelineno-49-3"></a><span class="k">type</span><span class="w"> </span><span class="nc">GenericResult</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Result</span><span class="o">&lt;</span><span class="n">T</span><span class="p">;</span><span class="w"> </span><span class="n">GenericError</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: the <a href="https://crates.io/crates/anyhow"><code>anyhow</code></a> crate provides error and result types like <code>GenericError</code> with additional features</p>
+</blockquote>
+<h3 id="custom-error-types">Custom Error Types</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-50-1">1</a></span>
+<span class="normal"><a href="#__codelineno-50-2">2</a></span>
+<span class="normal"><a href="#__codelineno-50-3">3</a></span>
+<span class="normal"><a href="#__codelineno-50-4">4</a></span>
+<span class="normal"><a href="#__codelineno-50-5">5</a></span>
+<span class="normal"><a href="#__codelineno-50-6">6</a></span>
+<span class="normal"><a href="#__codelineno-50-7">7</a></span>
+<span class="normal"><a href="#__codelineno-50-8">8</a></span>
+<span class="normal"><a href="#__codelineno-50-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-50-1" name="__codelineno-50-1"></a><span class="k">use</span><span class="w"> </span><span class="n">thiserror</span><span class="p">::</span><span class="n">Error</span><span class="p">;</span><span class="w">  </span><span class="c1">// utility crate for custom errors</span>
+<a id="__codelineno-50-2" name="__codelineno-50-2"></a>
+<a id="__codelineno-50-3" name="__codelineno-50-3"></a><span class="cp">#[derive(Error, Debug)]</span>
+<a id="__codelineno-50-4" name="__codelineno-50-4"></a><span class="cp">#[error(</span><span class="s">&quot;{message:} ({line:}, {column})&quot;</span><span class="cp">)]</span>
+<a id="__codelineno-50-5" name="__codelineno-50-5"></a><span class="k">pub</span><span class="w"> </span><span class="k">struct</span><span class="w"> </span><span class="nc">JsonError</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-50-6" name="__codelineno-50-6"></a><span class="w">    </span><span class="n">message</span><span class="p">:</span><span class="w"> </span><span class="nb">String</span><span class="p">,</span>
+<a id="__codelineno-50-7" name="__codelineno-50-7"></a><span class="w">    </span><span class="n">line</span><span class="p">:</span><span class="w"> </span><span class="kt">usize</span><span class="p">,</span>
+<a id="__codelineno-50-8" name="__codelineno-50-8"></a><span class="w">    </span><span class="n">column</span><span class="p">:</span><span class="w"> </span><span class="kt">usize</span><span class="p">,</span>
+<a id="__codelineno-50-9" name="__codelineno-50-9"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: the <a href="https://crates.io/crates/thiserror"><code>thiserror</code></a> crate provides utilities to create custom error types</p>
+</blockquote>
+<h2 id="collections">Collections</h2>
+<h3 id="vector">Vector</h3>
+<p>Vectors allow to store more than one value in a single data structure that puts all the values next to each other in memory. Vectors can only store values of the <em>same type</em>.<br />
+Like any other struct, a vector is freed when it goes out of scope. When the vector gets dropped, all of its contents are also dropped.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-51-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-51-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-51-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-51-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-51-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-51-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-51-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-51-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-51-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-51-10">10</a></span>
+<span class="normal"><a href="#__codelineno-51-11">11</a></span>
+<span class="normal"><a href="#__codelineno-51-12">12</a></span>
+<span class="normal"><a href="#__codelineno-51-13">13</a></span>
+<span class="normal"><a href="#__codelineno-51-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-51-1" name="__codelineno-51-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="nb">Vec</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Vec</span><span class="o">&lt;</span><span class="n">Type</span><span class="o">&gt;</span><span class="p">::</span><span class="n">new</span><span class="p">();</span><span class="w">  </span><span class="c1">// empty vec init</span>
+<a id="__codelineno-51-2" name="__codelineno-51-2"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">v</span><span class="p">:</span><span class="w"> </span><span class="nc">vec</span><span class="o">!</span><span class="p">[</span><span class="n">item1</span><span class="p">,</span><span class="w"> </span><span class="n">item2</span><span class="p">,</span><span class="w"> </span><span class="o">..</span><span class="p">.];</span><span class="w">  </span><span class="c1">// vec init (type inferred)</span>
+<a id="__codelineno-51-3" name="__codelineno-51-3"></a>
+<a id="__codelineno-51-4" name="__codelineno-51-4"></a><span class="n">v</span><span class="p">.</span><span class="n">push</span><span class="p">(</span><span class="n">item</span><span class="p">);</span><span class="w">  </span><span class="c1">// add elements to vector</span>
+<a id="__codelineno-51-5" name="__codelineno-51-5"></a><span class="n">v</span><span class="p">.</span><span class="n">pop</span><span class="p">();</span><span class="w">  </span><span class="c1">// last item as Option&lt;T&gt; (vector must be mutable)</span>
+<a id="__codelineno-51-6" name="__codelineno-51-6"></a>
+<a id="__codelineno-51-7" name="__codelineno-51-7"></a><span class="c1">// element access</span>
+<a id="__codelineno-51-8" name="__codelineno-51-8"></a><span class="kd">let</span><span class="w"> </span><span class="n">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">v</span><span class="p">.</span><span class="n">get</span><span class="p">(</span><span class="n">index</span><span class="p">);</span><span class="w">  </span><span class="c1">// get method (returns Option&lt;&amp;T&gt;)</span>
+<a id="__codelineno-51-9" name="__codelineno-51-9"></a><span class="kd">let</span><span class="w"> </span><span class="n">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&amp;</span><span class="n">v</span><span class="p">[</span><span class="n">index</span><span class="p">];</span><span class="w">  </span><span class="c1">// index syntax  (returns reference, panic on index out of bounds)</span>
+<a id="__codelineno-51-10" name="__codelineno-51-10"></a>
+<a id="__codelineno-51-11" name="__codelineno-51-11"></a><span class="c1">// iterate over mutable references to each element in a mutable vector in order to make changes to all the elements</span>
+<a id="__codelineno-51-12" name="__codelineno-51-12"></a><span class="k">for</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="o">&amp;</span><span class="n">v</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-51-13" name="__codelineno-51-13"></a><span class="w">    </span><span class="o">*</span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">value</span><span class="p">;</span><span class="w">  </span><span class="c1">// dereference and modify value</span>
+<a id="__codelineno-51-14" name="__codelineno-51-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>A vector can hold different types if those type are variants of the same enum. It's also possible to use trait objects.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-52-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-52-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-52-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-52-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-52-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-52-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-52-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-52-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-52-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-52-10">10</a></span>
+<span class="normal"><a href="#__codelineno-52-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-52-1" name="__codelineno-52-1"></a><span class="k">enum</span><span class="w"> </span><span class="nc">Enum</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-52-2" name="__codelineno-52-2"></a><span class="w">    </span><span class="n">Int</span><span class="p">(</span><span class="kt">i32</span><span class="p">),</span>
+<a id="__codelineno-52-3" name="__codelineno-52-3"></a><span class="w">    </span><span class="n">Float</span><span class="p">(</span><span class="kt">f64</span><span class="p">),</span>
+<a id="__codelineno-52-4" name="__codelineno-52-4"></a><span class="w">    </span><span class="n">Text</span><span class="p">(</span><span class="nb">String</span><span class="p">)</span>
+<a id="__codelineno-52-5" name="__codelineno-52-5"></a><span class="p">}</span>
+<a id="__codelineno-52-6" name="__codelineno-52-6"></a>
+<a id="__codelineno-52-7" name="__codelineno-52-7"></a><span class="kd">let</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="fm">vec!</span><span class="p">[</span>
+<a id="__codelineno-52-8" name="__codelineno-52-8"></a><span class="w">    </span><span class="n">Enum</span><span class="p">::</span><span class="n">Int</span><span class="p">(</span><span class="mi">2</span><span class="p">),</span>
+<a id="__codelineno-52-9" name="__codelineno-52-9"></a><span class="w">    </span><span class="n">Enum</span><span class="p">::</span><span class="n">Float</span><span class="p">(</span><span class="mf">3.14</span><span class="p">),</span>
+<a id="__codelineno-52-10" name="__codelineno-52-10"></a><span class="w">    </span><span class="n">Enum</span><span class="p">::</span><span class="n">Text</span><span class="p">(</span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;text&quot;</span><span class="p">))</span>
+<a id="__codelineno-52-11" name="__codelineno-52-11"></a><span class="p">];</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="hashmap">HashMap</h3>
+<p>Stores data in key-value pairs.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-53-1">1</a></span>
+<span class="normal"><a href="#__codelineno-53-2">2</a></span>
+<span class="normal"><a href="#__codelineno-53-3">3</a></span>
+<span class="normal"><a href="#__codelineno-53-4">4</a></span>
+<span class="normal"><a href="#__codelineno-53-5">5</a></span>
+<span class="normal"><a href="#__codelineno-53-6">6</a></span>
+<span class="normal"><a href="#__codelineno-53-7">7</a></span>
+<span class="normal"><a href="#__codelineno-53-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-53-1" name="__codelineno-53-1"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">collections</span><span class="p">::</span><span class="n">HashMap</span><span class="p">;</span>
+<a id="__codelineno-53-2" name="__codelineno-53-2"></a>
+<a id="__codelineno-53-3" name="__codelineno-53-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">map</span><span class="p">:</span><span class="w"> </span><span class="nc">HashMap</span><span class="o">&lt;</span><span class="n">K</span><span class="p">,</span><span class="w"> </span><span class="n">V</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">HashMap</span><span class="p">::</span><span class="n">new</span><span class="p">();</span>
+<a id="__codelineno-53-4" name="__codelineno-53-4"></a>
+<a id="__codelineno-53-5" name="__codelineno-53-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">map</span><span class="p">.</span><span class="n">get</span><span class="p">(</span><span class="n">key</span><span class="p">);</span><span class="w"> </span><span class="c1">// returns Option&lt;&amp;V&gt;</span>
+<a id="__codelineno-53-6" name="__codelineno-53-6"></a><span class="n">map</span><span class="p">.</span><span class="n">inset</span><span class="p">(</span><span class="n">key</span><span class="p">,</span><span class="w"> </span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// insert or override value</span>
+<a id="__codelineno-53-7" name="__codelineno-53-7"></a><span class="n">map</span><span class="p">.</span><span class="n">entry</span><span class="p">(</span><span class="n">key</span><span class="p">).</span><span class="n">or_insert</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w"> </span><span class="c1">// insert if not existing</span>
+<a id="__codelineno-53-8" name="__codelineno-53-8"></a><span class="n">map</span><span class="p">.</span><span class="n">entry</span><span class="p">(</span><span class="n">key</span><span class="p">).</span><span class="n">and_modify</span><span class="p">(</span><span class="o">|</span><span class="n">value</span><span class="o">|</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="o">*</span><span class="n">value</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="w"> </span><span class="p">});</span><span class="w">  </span><span class="c1">// modify item based on current value</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="closures">Closures</h2>
+<p>Rust's closures are anonymous functions that can be saved in a variable or passed as arguments to other functions.<br />
+Unlike functions, closures can capture values from the scope in which they're defined.</p>
+<p>Closures are usually short and relevant only within a narrow context rather than in any arbitrary scenario.<br />
+Within these limited contexts, the compiler is reliably able to infer the types of the parameters and the return type, similar to how it's able to infer the types of most variables.</p>
+<p>The first time a closure is called with an argument, the compiler infers the type of the parameter and the return type of the closure.<br />
+Those types are then locked into the closure and a type error is returned if a different type is used with the same closure.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-54-1">1</a></span>
+<span class="normal"><a href="#__codelineno-54-2">2</a></span>
+<span class="normal"><a href="#__codelineno-54-3">3</a></span>
+<span class="normal"><a href="#__codelineno-54-4">4</a></span>
+<span class="normal"><a href="#__codelineno-54-5">5</a></span>
+<span class="normal"><a href="#__codelineno-54-6">6</a></span>
+<span class="normal"><a href="#__codelineno-54-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-54-1" name="__codelineno-54-1"></a><span class="c1">// closure definition</span>
+<a id="__codelineno-54-2" name="__codelineno-54-2"></a><span class="kd">let</span><span class="w"> </span><span class="n">closure</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">|</span><span class="n">param1</span><span class="p">,</span><span class="w"> </span><span class="n">param2</span><span class="o">|</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-54-3" name="__codelineno-54-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">closure</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">|</span><span class="n">param1</span><span class="p">,</span><span class="w"> </span><span class="n">param2</span><span class="o">|</span><span class="w"> </span><span class="p">{</span><span class="cm">/* multiple lines of code */</span><span class="p">};</span>
+<a id="__codelineno-54-4" name="__codelineno-54-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">closure</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">|</span><span class="n">num</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="o">|</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-54-5" name="__codelineno-54-5"></a>
+<a id="__codelineno-54-6" name="__codelineno-54-6"></a><span class="c1">// closure usage</span>
+<a id="__codelineno-54-7" name="__codelineno-54-7"></a><span class="kd">let</span><span class="w"> </span><span class="n">result</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">closure</span><span class="p">(</span><span class="n">arg1</span><span class="p">,</span><span class="w"> </span><span class="n">arg2</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="storing-closures-using-generic-parameters-and-the-fn-traits">Storing Closures Using Generic Parameters and the Fn Traits</h3>
+<p>To make a struct that holds a closure, the type of the closure must be specified, because a struct definition needs to know the types of each of its fields.<br />
+Each closure instance has its own unique anonymous type: that is, even if two closures have the same signature, their types are still considered different.<br />
+To define structs, enums, or function parameters that use closures generics and trait bounds are used.</p>
+<p>The <code>Fn</code> traits are provided by the standard library. All closures implement at least one of the traits: <code>Fn</code>, <code>FnMut</code>, or <code>FnOnce</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-55-1">1</a></span>
+<span class="normal"><a href="#__codelineno-55-2">2</a></span>
+<span class="normal"><a href="#__codelineno-55-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-55-1" name="__codelineno-55-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">ClosureStruct</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="k">where</span><span class="w"> </span><span class="n">T</span><span class="p">:</span><span class="w"> </span><span class="nb">Fn</span><span class="p">(</span><span class="kt">u32</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">u32</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-55-2" name="__codelineno-55-2"></a><span class="w">    </span><span class="n">closure</span><span class="p">:</span><span class="w"> </span><span class="nc">T</span><span class="p">,</span>
+<a id="__codelineno-55-3" name="__codelineno-55-3"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="capturing-the-environment-with-closures">Capturing the Environment with Closures</h3>
+<p>When a closure captures a value from its environment, it uses memory to store the values for use in the closure body.<br />
+Because functions are never allowed to capture their environment, defining and using functions will never incur this overhead.</p>
+<p>Closures can capture values from their environment in three ways, which directly map to the three ways a function can take a parameter:</p>
+<ul>
+<li>taking ownership</li>
+<li>borrowing mutably</li>
+<li>and borrowing immutably.</li>
+</ul>
+<p>These are encoded in the three <code>Fn</code> traits as follows:</p>
+<ul>
+<li><code>FnOnce</code> consumes the variables it captures from its enclosing scope. The closure takes ownership of these variables and move them into the closure when it is defined.</li>
+<li><code>FnMut</code> can change the environment because it mutably borrows values.</li>
+<li><code>Fn</code> borrows values from the environment immutably.</li>
+</ul>
+<p>When a closure is created, Rust infers which trait to use based on how the closure uses the values from the environment.<br />
+All closures implement <code>FnOnce</code> because they can all be called at least once. Closures that don't move the captured variables also implement <code>FnMut</code>, and closures that don't need mutable access to the captured variables also implement <code>Fn</code>.</p>
+<p>To force the closure to take ownership of the values it uses in the environment, use the <code>move</code> keyword before the parameter list.<br />
+This technique is mostly useful when passing a closure to a new thread to move the data so it's owned by the new thread.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-56-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-56-1" name="__codelineno-56-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">closure</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">move</span><span class="w"> </span><span class="o">|</span><span class="n">param</span><span class="o">|</span><span class="w"> </span><span class="o">&lt;</span><span class="n">expr</span><span class="o">&gt;</span><span class="p">;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="function-pointers">Function Pointers</h2>
+<p><strong>Function pointer</strong> types, written using the <code>fn</code> keyword, refer to a function whose identity is not necessarily known at compile-time.<br />
+They can be created via a coercion from both <em>function items</em> and <em>non-capturing closures</em>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-57-1">1</a></span>
+<span class="normal"><a href="#__codelineno-57-2">2</a></span>
+<span class="normal"><a href="#__codelineno-57-3">3</a></span>
+<span class="normal"><a href="#__codelineno-57-4">4</a></span>
+<span class="normal"><a href="#__codelineno-57-5">5</a></span>
+<span class="normal"><a href="#__codelineno-57-6">6</a></span>
+<span class="normal"><a href="#__codelineno-57-7">7</a></span>
+<span class="normal"><a href="#__codelineno-57-8">8</a></span>
+<span class="normal"><a href="#__codelineno-57-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-57-1" name="__codelineno-57-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">add_one</span><span class="p">(</span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kt">usize</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">usize</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-57-2" name="__codelineno-57-2"></a><span class="w">    </span><span class="n">x</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span>
+<a id="__codelineno-57-3" name="__codelineno-57-3"></a><span class="p">}</span>
+<a id="__codelineno-57-4" name="__codelineno-57-4"></a>
+<a id="__codelineno-57-5" name="__codelineno-57-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">ptr</span><span class="p">:</span><span class="w"> </span><span class="nc">fn</span><span class="p">(</span><span class="kt">usize</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">usize</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">add_one</span><span class="p">;</span>
+<a id="__codelineno-57-6" name="__codelineno-57-6"></a><span class="fm">assert_eq!</span><span class="p">(</span><span class="n">ptr</span><span class="p">(</span><span class="mi">5</span><span class="p">),</span><span class="w"> </span><span class="mi">6</span><span class="p">);</span>
+<a id="__codelineno-57-7" name="__codelineno-57-7"></a>
+<a id="__codelineno-57-8" name="__codelineno-57-8"></a><span class="kd">let</span><span class="w"> </span><span class="n">clos</span><span class="p">:</span><span class="w"> </span><span class="nc">fn</span><span class="p">(</span><span class="kt">usize</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">usize</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">|</span><span class="n">x</span><span class="o">|</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">5</span><span class="p">;</span>
+<a id="__codelineno-57-9" name="__codelineno-57-9"></a><span class="fm">assert_eq!</span><span class="p">(</span><span class="n">clos</span><span class="p">(</span><span class="mi">5</span><span class="p">),</span><span class="w"> </span><span class="mi">10</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="iterators">Iterators</h2>
+<p>The <em>iterator pattern</em> allows to perform some task on a sequence of items in turn. An iterator is responsible for the logic of iterating over each item and determining when the sequence has finished.</p>
+<p>In Rust, iterators are <em>lazy</em>, meaning they have no effect until a call to methods that consume the iterator to use it up.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-58-1">1</a></span>
+<span class="normal"><a href="#__codelineno-58-2">2</a></span>
+<span class="normal"><a href="#__codelineno-58-3">3</a></span>
+<span class="normal"><a href="#__codelineno-58-4">4</a></span>
+<span class="normal"><a href="#__codelineno-58-5">5</a></span>
+<span class="normal"><a href="#__codelineno-58-6">6</a></span>
+<span class="normal"><a href="#__codelineno-58-7">7</a></span>
+<span class="normal"><a href="#__codelineno-58-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-58-1" name="__codelineno-58-1"></a><span class="c1">// iterator trait</span>
+<a id="__codelineno-58-2" name="__codelineno-58-2"></a><span class="k">pub</span><span class="w"> </span><span class="k">trait</span><span class="w"> </span><span class="nb">Iterator</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-58-3" name="__codelineno-58-3"></a><span class="w">    </span><span class="k">type</span><span class="w"> </span><span class="nc">Item</span><span class="p">;</span>
+<a id="__codelineno-58-4" name="__codelineno-58-4"></a>
+<a id="__codelineno-58-5" name="__codelineno-58-5"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">next</span><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Option</span><span class="o">&lt;</span><span class="bp">Self</span><span class="p">::</span><span class="n">Item</span><span class="o">&gt;</span><span class="p">;</span>
+<a id="__codelineno-58-6" name="__codelineno-58-6"></a>
+<a id="__codelineno-58-7" name="__codelineno-58-7"></a><span class="w">    </span><span class="c1">// methods with default implementations elided</span>
+<a id="__codelineno-58-8" name="__codelineno-58-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Calling the <code>next</code> method on an iterator changes internal state that the iterator uses to keep track of where it is in the sequence.<br />
+In other words, this code consumes, or uses up, the iterator. Each call to next eats up an item from the iterator.</p>
+<p>Methods that call next are called <code>consuming adaptors</code>, because calling them uses up the iterator.</p>
+<p>Other methods defined on the <code>Iterator</code> trait, known as <em>iterator adaptors</em>, allow to change iterators into different kinds of iterators.<br />
+It's possible to chain multiple calls to iterator adaptors to perform complex actions in a readable way.<br />
+But because all iterators are lazy, a call one of the consuming adaptor methods is needed to get the results.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-59-1">1</a></span>
+<span class="normal"><a href="#__codelineno-59-2">2</a></span>
+<span class="normal"><a href="#__codelineno-59-3">3</a></span>
+<span class="normal"><a href="#__codelineno-59-4">4</a></span>
+<span class="normal"><a href="#__codelineno-59-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-59-1" name="__codelineno-59-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">iterator</span><span class="p">:</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="fm">vec!</span><span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">];</span>
+<a id="__codelineno-59-2" name="__codelineno-59-2"></a><span class="n">iterator</span>
+<a id="__codelineno-59-3" name="__codelineno-59-3"></a><span class="w">    </span><span class="p">.</span><span class="n">map</span><span class="p">(</span><span class="o">|</span><span class="n">x</span><span class="o">|</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w">  </span><span class="c1">// iterator adapter</span>
+<a id="__codelineno-59-4" name="__codelineno-59-4"></a><span class="w">    </span><span class="p">.</span><span class="n">filter</span><span class="p">(</span><span class="o">|</span><span class="n">x</span><span class="o">|</span><span class="w"> </span><span class="n">x</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span><span class="p">)</span><span class="w">  </span><span class="c1">// iterator adapter</span>
+<a id="__codelineno-59-5" name="__codelineno-59-5"></a><span class="w">    </span><span class="p">.</span><span class="n">collect</span><span class="p">();</span><span class="w">  </span><span class="c1">// consuming adapter</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-iterators">Custom Iterators</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-60-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-60-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-60-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-60-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-60-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-60-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-60-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-60-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-60-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-60-10">10</a></span>
+<span class="normal"><a href="#__codelineno-60-11">11</a></span>
+<span class="normal"><a href="#__codelineno-60-12">12</a></span>
+<span class="normal"><a href="#__codelineno-60-13">13</a></span>
+<span class="normal"><a href="#__codelineno-60-14">14</a></span>
+<span class="normal"><a href="#__codelineno-60-15">15</a></span>
+<span class="normal"><a href="#__codelineno-60-16">16</a></span>
+<span class="normal"><a href="#__codelineno-60-17">17</a></span>
+<span class="normal"><a href="#__codelineno-60-18">18</a></span>
+<span class="normal"><a href="#__codelineno-60-19">19</a></span>
+<span class="normal"><a href="#__codelineno-60-20">20</a></span>
+<span class="normal"><a href="#__codelineno-60-21">21</a></span>
+<span class="normal"><a href="#__codelineno-60-22">22</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-60-1" name="__codelineno-60-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">Counter</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-2" name="__codelineno-60-2"></a><span class="w">    </span><span class="n">count</span><span class="p">:</span><span class="w"> </span><span class="kt">u32</span><span class="p">,</span>
+<a id="__codelineno-60-3" name="__codelineno-60-3"></a><span class="p">}</span>
+<a id="__codelineno-60-4" name="__codelineno-60-4"></a>
+<a id="__codelineno-60-5" name="__codelineno-60-5"></a><span class="k">impl</span><span class="w"> </span><span class="n">Counter</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-6" name="__codelineno-60-6"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">new</span><span class="p">()</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nc">Counter</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-7" name="__codelineno-60-7"></a><span class="w">        </span><span class="n">Counter</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">count</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="w"> </span><span class="p">}</span>
+<a id="__codelineno-60-8" name="__codelineno-60-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-60-9" name="__codelineno-60-9"></a><span class="p">}</span>
+<a id="__codelineno-60-10" name="__codelineno-60-10"></a>
+<a id="__codelineno-60-11" name="__codelineno-60-11"></a><span class="k">impl</span><span class="w"> </span><span class="nb">Iterator</span><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="n">Counter</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-12" name="__codelineno-60-12"></a><span class="w">    </span><span class="k">type</span><span class="w"> </span><span class="nc">Item</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kt">u32</span><span class="p">;</span>
+<a id="__codelineno-60-13" name="__codelineno-60-13"></a>
+<a id="__codelineno-60-14" name="__codelineno-60-14"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">next</span><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="nb">Option</span><span class="o">&lt;</span><span class="bp">Self</span><span class="p">::</span><span class="n">Item</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-15" name="__codelineno-60-15"></a><span class="w">        </span><span class="k">if</span><span class="w"> </span><span class="bp">self</span><span class="p">.</span><span class="n">count</span><span class="w"> </span><span class="o">&lt;</span><span class="w"> </span><span class="mi">5</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-16" name="__codelineno-60-16"></a><span class="w">            </span><span class="bp">self</span><span class="p">.</span><span class="n">count</span><span class="w"> </span><span class="o">+=</span><span class="w"> </span><span class="mi">1</span><span class="p">;</span>
+<a id="__codelineno-60-17" name="__codelineno-60-17"></a><span class="w">            </span><span class="nb">Some</span><span class="p">(</span><span class="bp">self</span><span class="p">.</span><span class="n">count</span><span class="p">)</span>
+<a id="__codelineno-60-18" name="__codelineno-60-18"></a><span class="w">        </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-60-19" name="__codelineno-60-19"></a><span class="w">            </span><span class="nb">None</span>
+<a id="__codelineno-60-20" name="__codelineno-60-20"></a><span class="w">        </span><span class="p">}</span>
+<a id="__codelineno-60-21" name="__codelineno-60-21"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-60-22" name="__codelineno-60-22"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="smart-pointers">Smart Pointers</h2>
+<p><img alt="Rust Container Types" src="../../img/rust_container-types.svg" title="Rust Container Types Data Layout" /></p>
+<p>A <strong>pointer</strong> is a general concept for a variable that contains an address in memory. This address refers to, or "points at" some other data.<br />
+The most common kind of pointer in Rust is a <em>reference</em>, which you learned about in Chapter 4. References are indicated by the <code>&amp;</code> symbol and borrow the value they point to.<br />
+They don't have any special capabilities other than referring to data. Also, they don`t have any overhead and are the kind of pointer used most often.</p>
+<p><strong>Smart pointers</strong>, on the other hand, are <em>data structures</em> that not only act like a pointer but also have additional metadata and capabilities.<br />
+The different smart pointers defined in the standard library provide functionality beyond that provided by references.</p>
+<p>In Rust, which uses the concept of ownership and borrowing, an additional difference between references and smart pointers is that references are pointers that only borrow data;<br />
+in contrast, in many cases, smart pointers <em>own</em> the data they point to.</p>
+<p>Smart pointers are usually implemented using structs. The characteristic distinguishing a smart pointer from a struct is that smart pointers implement the <code>Deref</code> and <code>Drop</code> traits.<br />
+The <code>Deref</code> trait allows an instance of the smart pointer struct to behave like a reference so it's possible to write code that works with either references or smart pointers.<br />
+The <code>Drop</code> trait allows to customize the code that is run when an instance of the smart pointer goes out of scope.</p>
+<p>The most common smart pointers in the standard library are:</p>
+<ul>
+<li><code>Box&lt;T&gt;</code>: for allocating values on the heap</li>
+<li><code>Rc&lt;T&gt;</code>: a reference counting type that enables multiple ownership</li>
+<li><code>Ref&lt;T&gt;</code> and <code>RefMut&lt;T&gt;</code>, accessed through <code>RefCell&lt;T&gt;</code>: a type that enforces the borrowing rules at runtime instead of compile time</li>
+</ul>
+<h3 id="using-boxt-to-point-to-data-on-the-heap">Using <code>Box&lt;T&gt;</code> to Point to Data on the Heap</h3>
+<p>The most straightforward smart pointer is <code>Box&lt;T&gt;</code>. Boxes allow to store data on the heap rather than the stack. What remains on the stack is the pointer to the heap data.<br />
+Boxes don't have performance overhead, other than storing their data on the heap instead of on the stack. But they don't have many extra capabilities either.</p>
+<p><code>Box&lt;T&gt;</code> use cases:</p>
+<ul>
+<li>Using a type whose size can't be known at compile time in a context that requires an exact size</li>
+<li>Transferring ownership of a large amount of data but ensuring the data won't be copied when you do so</li>
+<li>Owning a value and which implements a particular trait rather than being of a specific type</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-61-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-61-1" name="__codelineno-61-1"></a><span class="kd">let</span><span class="w"> </span><span class="n">_box</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Box</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="n">pointed_value</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="deref-trait-deref-coercion"><code>Deref</code> Trait &amp; Deref Coercion</h3>
+<p>Implementing the <code>Deref</code> trait allows to customize the behavior of the dereference operator, <code>*</code>.
+By implementing <code>Deref</code> in such a way that a smart pointer can be treated like a regular reference.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-62-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-62-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-62-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-62-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-62-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-62-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-62-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-62-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-62-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-62-10">10</a></span>
+<span class="normal"><a href="#__codelineno-62-11">11</a></span>
+<span class="normal"><a href="#__codelineno-62-12">12</a></span>
+<span class="normal"><a href="#__codelineno-62-13">13</a></span>
+<span class="normal"><a href="#__codelineno-62-14">14</a></span>
+<span class="normal"><a href="#__codelineno-62-15">15</a></span>
+<span class="normal"><a href="#__codelineno-62-16">16</a></span>
+<span class="normal"><a href="#__codelineno-62-17">17</a></span>
+<span class="normal"><a href="#__codelineno-62-18">18</a></span>
+<span class="normal"><a href="#__codelineno-62-19">19</a></span>
+<span class="normal"><a href="#__codelineno-62-20">20</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-62-1" name="__codelineno-62-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">CustomSmartPointer</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">(</span><span class="n">T</span><span class="p">);</span>
+<a id="__codelineno-62-2" name="__codelineno-62-2"></a>
+<a id="__codelineno-62-3" name="__codelineno-62-3"></a><span class="k">impl</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">CustomSmartPointer</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-62-4" name="__codelineno-62-4"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">new</span><span class="p">(</span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="nc">T</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-62-5" name="__codelineno-62-5"></a><span class="w">        </span><span class="n">CustomSmartPointer</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
+<a id="__codelineno-62-6" name="__codelineno-62-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-62-7" name="__codelineno-62-7"></a><span class="p">}</span>
+<a id="__codelineno-62-8" name="__codelineno-62-8"></a>
+<a id="__codelineno-62-9" name="__codelineno-62-9"></a><span class="k">impl</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="n">Deref</span><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="n">CustomSmartPointer</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-62-10" name="__codelineno-62-10"></a><span class="w">    </span><span class="k">type</span><span class="w"> </span><span class="nc">Target</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">T</span><span class="p">;</span>
+<a id="__codelineno-62-11" name="__codelineno-62-11"></a>
+<a id="__codelineno-62-12" name="__codelineno-62-12"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">deref</span><span class="p">(</span><span class="o">&amp;</span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kp">&amp;</span><span class="nc">Self</span><span class="p">::</span><span class="n">Target</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-62-13" name="__codelineno-62-13"></a><span class="w">        </span><span class="c1">// return reference to value</span>
+<a id="__codelineno-62-14" name="__codelineno-62-14"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-62-15" name="__codelineno-62-15"></a><span class="p">}</span>
+<a id="__codelineno-62-16" name="__codelineno-62-16"></a>
+<a id="__codelineno-62-17" name="__codelineno-62-17"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">CustomSmartPointer</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+<a id="__codelineno-62-18" name="__codelineno-62-18"></a><span class="kd">let</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">*</span><span class="n">s</span><span class="p">;</span>
+<a id="__codelineno-62-19" name="__codelineno-62-19"></a><span class="c1">// same as</span>
+<a id="__codelineno-62-20" name="__codelineno-62-20"></a><span class="kd">let</span><span class="w"> </span><span class="n">v</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">*</span><span class="p">(</span><span class="n">s</span><span class="p">.</span><span class="n">deref</span><span class="p">());</span>
+</code></pre></div></td></tr></table></div>
+<p><em>Deref coercion</em> is a convenience that Rust performs on arguments to functions and methods.
+It works only on types that implement the <code>Deref</code> trait and converts such a type into a reference to another type.<br />
+Deref coercion was added to Rust so that programmers writing function and method calls don't need to add as many explicit references and dereferences with <code>&amp;</code> and <code>*</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-63-1">1</a></span>
+<span class="normal"><a href="#__codelineno-63-2">2</a></span>
+<span class="normal"><a href="#__codelineno-63-3">3</a></span>
+<span class="normal"><a href="#__codelineno-63-4">4</a></span>
+<span class="normal"><a href="#__codelineno-63-5">5</a></span>
+<span class="normal"><a href="#__codelineno-63-6">6</a></span>
+<span class="normal"><a href="#__codelineno-63-7">7</a></span>
+<span class="normal"><a href="#__codelineno-63-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-63-1" name="__codelineno-63-1"></a><span class="k">fn</span><span class="w"> </span><span class="nf">hello</span><span class="p">(</span><span class="n">name</span><span class="p">:</span><span class="w"> </span><span class="kp">&amp;</span><span class="kt">str</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-63-2" name="__codelineno-63-2"></a><span class="w">    </span><span class="fm">println!</span><span class="p">(</span><span class="s">&quot;Hello {}&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">name</span><span class="p">);</span>
+<a id="__codelineno-63-3" name="__codelineno-63-3"></a><span class="p">}</span>
+<a id="__codelineno-63-4" name="__codelineno-63-4"></a>
+<a id="__codelineno-63-5" name="__codelineno-63-5"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-63-6" name="__codelineno-63-6"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">name</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">Box</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="s">&quot;Rust&quot;</span><span class="p">));</span>
+<a id="__codelineno-63-7" name="__codelineno-63-7"></a><span class="w">    </span><span class="n">hello</span><span class="p">(</span><span class="o">&amp;</span><span class="n">name</span><span class="p">);</span><span class="w">  </span><span class="c1">// Box&lt;string&gt; coerced to &amp;str (Box -&gt; String -&gt; &amp;str)</span>
+<a id="__codelineno-63-8" name="__codelineno-63-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>When the <code>Deref</code> trait is defined for the types involved, Rust will analyze the types and use <code>Deref::deref</code> as many times as necessary to get a reference to match the parameter's type.</p>
+<p>Similar to the <code>Deref</code> trait to override the <code>*</code> operator on <em>immutable references</em>, it's possible to use the <code>DerefMut</code> trait to override the <code>*</code> operator on <em>mutable references</em>.</p>
+<p>Rust does <em>deref coercion</em> when it finds types and trait implementations in three cases:</p>
+<ul>
+<li>From <code>&amp;T</code> to <code>&amp;U</code> when <code>T: Deref&lt;Target=U&gt;</code></li>
+<li>From <code>&amp;mut T</code> to <code>&amp;mut U</code> when <code>T: DerefMut&lt;Target=U&gt;</code></li>
+<li>From <code>&amp;mut T</code> to <code>&amp;U</code> when <code>T: Deref&lt;Target=U&gt;</code></li>
+</ul>
+<h3 id="drop-trait"><code>Drop</code> Trait</h3>
+<p><code>Drop</code> allows to customize what happens when a value is about to go out of scope. It-s possible to provide an implementation for the <code>Drop</code> trait on any type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-64-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-64-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-64-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-64-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-64-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-64-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-64-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-64-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-64-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-64-10">10</a></span>
+<span class="normal"><a href="#__codelineno-64-11">11</a></span>
+<span class="normal"><a href="#__codelineno-64-12">12</a></span>
+<span class="normal"><a href="#__codelineno-64-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-64-1" name="__codelineno-64-1"></a><span class="k">struct</span><span class="w"> </span><span class="nc">CustomSmartPointer</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="p">(</span><span class="n">T</span><span class="p">);</span>
+<a id="__codelineno-64-2" name="__codelineno-64-2"></a>
+<a id="__codelineno-64-3" name="__codelineno-64-3"></a><span class="k">impl</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="nb">Drop</span><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="n">CustomSmartPointer</span><span class="o">&lt;</span><span class="n">T</span><span class="o">&gt;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-64-4" name="__codelineno-64-4"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">drop</span><span class="p">(</span><span class="o">&amp;</span><span class="k">mut</span><span class="w"> </span><span class="bp">self</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-64-5" name="__codelineno-64-5"></a><span class="w">        </span><span class="c1">// clean up memory</span>
+<a id="__codelineno-64-6" name="__codelineno-64-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-64-7" name="__codelineno-64-7"></a><span class="p">}</span>
+<a id="__codelineno-64-8" name="__codelineno-64-8"></a>
+<a id="__codelineno-64-9" name="__codelineno-64-9"></a><span class="k">fn</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-64-10" name="__codelineno-64-10"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">var1</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">CustomSmartPointer</span><span class="p">(</span><span class="n">value</span><span class="p">);</span><span class="w">  </span><span class="c1">// dropped when var1 goes out of scope</span>
+<a id="__codelineno-64-11" name="__codelineno-64-11"></a><span class="w">    </span><span class="kd">let</span><span class="w"> </span><span class="n">var2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">CustomSmartPointer</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+<a id="__codelineno-64-12" name="__codelineno-64-12"></a><span class="w">    </span><span class="nb">drop</span><span class="p">(</span><span class="n">var2</span><span class="p">);</span><span class="w">  </span><span class="c1">// dropped early by using std::mem::drop</span>
+<a id="__codelineno-64-13" name="__codelineno-64-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>Rust automatically calls <code>drop</code> when the instances went go of scope. Variables are dropped in the reverse order of their creation.</p>
+<h3 id="rct-arct-multiple-ownership"><code>Rc&lt;T&gt;</code>, <code>Arc&lt;T&gt;</code> &amp; Multiple Ownership</h3>
+<p>Rust provides the <em>reference-counted</em> pointer types <code>Rc&lt;T&gt;</code> and <code>Arc&lt;T&gt;</code>.<br />
+The <code>Rc&lt;T&gt;</code> and <code>Arc&lt;T&gt;</code> types are very similar; the only difference between them is that an <code>Arc&lt;T&gt;</code> is safe to share between
+threads directly (the name Arc is short for <em>atomic</em> reference count) whereas a plain <code>Rc&lt;T&gt;</code> uses faster non-thread-safe code to update its reference count.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-65-1">1</a></span>
+<span class="normal"><a href="#__codelineno-65-2">2</a></span>
+<span class="normal"><a href="#__codelineno-65-3">3</a></span>
+<span class="normal"><a href="#__codelineno-65-4">4</a></span>
+<span class="normal"><a href="#__codelineno-65-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-65-1" name="__codelineno-65-1"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">rc</span><span class="p">::</span><span class="n">Rc</span><span class="p">;</span>
+<a id="__codelineno-65-2" name="__codelineno-65-2"></a>
+<a id="__codelineno-65-3" name="__codelineno-65-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">s</span><span class="p">:</span><span class="w"> </span><span class="nc">Rc</span><span class="o">&lt;</span><span class="nb">String</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">Rc</span><span class="p">::</span><span class="n">new</span><span class="p">(</span><span class="s">&quot;some string&quot;</span><span class="p">.</span><span class="n">to_string</span><span class="p">());</span>
+<a id="__codelineno-65-4" name="__codelineno-65-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">t</span><span class="p">:</span><span class="w"> </span><span class="nc">Rc</span><span class="o">&lt;</span><span class="nb">String</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">s</span><span class="p">.</span><span class="n">clone</span><span class="p">();</span><span class="w">  </span><span class="c1">// contains a new pointer to the value held by s</span>
+<a id="__codelineno-65-5" name="__codelineno-65-5"></a><span class="kd">let</span><span class="w"> </span><span class="n">u</span><span class="p">:</span><span class="w"> </span><span class="nc">Rc</span><span class="o">&lt;</span><span class="nb">String</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">s</span><span class="p">.</span><span class="n">clone</span><span class="p">();</span><span class="w">  </span><span class="c1">// contains a new pointer to the value held by s</span>
+</code></pre></div></td></tr></table></div>
+<p>Each of the <code>Rc&lt;T&gt;</code> pointers is referring to the same block of memory, which holds a reference count and space for the value.<br />
+The usual ownership rules apply to the <code>Rc&lt;T&gt;</code> pointers themselves, and when the last extant <code>Rc&lt;T&gt;</code> is dropped, Rust drops the value as well.</p>
+<blockquote>
+<p><strong>Note</strong>: A value owned by an <code>Rc&lt;T&gt;</code> pointer is immutable.</p>
+</blockquote>
+<h3 id="refcellt-interior-mutability-pattern"><code>RefCell&lt;T&gt;</code> &amp; Interior Mutability Pattern</h3>
+<p><em>Interior mutability</em> is a design pattern in Rust that allows to mutate data even when there are immutable references to that data;<br />
+normally, this action is disallowed by the borrowing rules.<br />
+To mutate data, the pattern uses unsafe code inside a data structure to bend Rust's usual rules that govern mutation and borrowing.</p>
+<p>With references and <code>Box&lt;T&gt;</code>, the borrowing rules' invariants are enforced at compile time. With <code>RefCell&lt;T&gt;</code>, these invariants are enforced at runtime.<br />
+With references, if these rules are broken, a compiler error is thrown. With <code>RefCell&lt;T&gt;</code> the program will panic and exit.</p>
+<p>The advantages of checking the borrowing rules at compile time are that errors will be caught sooner in the development process, and there is no impact on runtime performance because all the analysis is completed beforehand.<br />
+For those reasons, checking the borrowing rules at compile time is the best choice in the majority of cases, which is why this is Rust's default.</p>
+<p>The advantage of checking the borrowing rules at runtime instead is that certain memory-safe scenarios are then allowed, whereas they are disallowed by the compile-time checks.<br />
+Static analysis, like the Rust compiler, is inherently conservative.</p>
+<blockquote>
+<p><strong>Note</strong>: <code>RefCell&lt;T&gt;</code> is only for use in single-threaded scenarios and will cause a compile-time error if used it in a multithreaded context.</p>
+</blockquote>
+<p>When creating immutable and mutable references, the <code>&amp;</code> and <code>&amp;mut</code> syntax is used, respectively.<br />
+With <code>RefCell&lt;T&gt;</code>, the <code>borrow</code> and <code>borrow_mut</code> methods are ued, which are part of the safe API that belongs to <code>RefCell&lt;T&gt;</code>.<br />
+The <code>borrow</code> method returns the smart pointer type <code>Ref&lt;T&gt;</code>, and <code>borrow_mut</code> returns the smart pointer type <code>RefMut&lt;T&gt;</code>.<br />
+Both types implement <code>Deref</code>, so can be treated like regular references.</p>
+<p>The <code>RefCell&lt;T&gt;</code> keeps track of how many <code>Ref&lt;T&gt;</code> and <code>RefMut&lt;T&gt;</code> smart pointers are currently active.<br />
+Every time <code>borrow</code> is called, the <code>RefCell&lt;T&gt;</code> increases its count of how many immutable borrows are active.<br />
+When a <code>Ref&lt;T&gt;</code> value goes out of scope, the count of immutable borrows goes down by one.<br />
+Just like the compile-time borrowing rules, <code>RefCell&lt;T&gt;</code> allows to have many immutable borrows or one mutable borrow at any point in time.</p>
+<p>A common way to use <code>RefCell&lt;T&gt;</code> is in combination with <code>Rc&lt;T&gt;</code>. <code>Rc&lt;T&gt;</code> allows to have multiple owners of some data, but it only gives immutable access to that data.<br />
+By having a <code>Rc&lt;T&gt;</code> that holds a <code>RefCell&lt;T&gt;</code>, its' possible to get a value that can have multiple owners and that can mutate.</p>
+<p>The standard library has other types that provide interior mutability:</p>
+<ul>
+<li><code>Cell&lt;T&gt;</code> which is similar except that instead of giving references to the inner value, the value is copied in and out of the <code>Cell&lt;T&gt;</code>.</li>
+<li><code>Mutex&lt;T&gt;</code> which offers interior mutability that's safe to use across threads;</li>
+</ul>
+<h3 id="reference-cycles-can-leak-memory">Reference Cycles Can Leak Memory</h3>
+<p>Rust's memory safety guarantees make it difficult, but not impossible, to accidentally create memory that is never cleaned up (known as a memory leak).<br />
+Rust allows memory leaks by using <code>Rc&lt;T&gt;</code> and <code>RefCell&lt;T&gt;</code>: it's possible to create references where items refer to each other in a cycle.<br />
+This creates memory leaks because the reference count of each item in the cycle will never reach 0, and the values will never be dropped.</p>
+<h2 id="files">Files</h2>
+<h3 id="reading-files">Reading Files</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-66-1">1</a></span>
+<span class="normal"><a href="#__codelineno-66-2">2</a></span>
+<span class="normal"><a href="#__codelineno-66-3">3</a></span>
+<span class="normal"><a href="#__codelineno-66-4">4</a></span>
+<span class="normal"><a href="#__codelineno-66-5">5</a></span>
+<span class="normal"><a href="#__codelineno-66-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-66-1" name="__codelineno-66-1"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">fs</span><span class="p">;</span>
+<a id="__codelineno-66-2" name="__codelineno-66-2"></a>
+<a id="__codelineno-66-3" name="__codelineno-66-3"></a><span class="kd">let</span><span class="w"> </span><span class="n">contents</span><span class="p">:</span><span class="w"> </span><span class="nb">Vec</span><span class="o">&lt;</span><span class="kt">u8</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">fs</span><span class="p">::</span><span class="n">read</span><span class="p">(</span><span class="s">&quot;path/to/file&quot;</span><span class="p">).</span><span class="n">unwrap_or_default</span><span class="p">();</span>
+<a id="__codelineno-66-4" name="__codelineno-66-4"></a><span class="kd">let</span><span class="w"> </span><span class="n">contents</span><span class="p">:</span><span class="w"> </span><span class="nb">String</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">fs</span><span class="p">::</span><span class="n">read_to_string</span><span class="p">(</span><span class="s">&quot;path/to/file&quot;</span><span class="p">).</span><span class="n">unwrap_or_default</span><span class="p">();</span>
+<a id="__codelineno-66-5" name="__codelineno-66-5"></a>
+<a id="__codelineno-66-6" name="__codelineno-66-6"></a><span class="n">contents</span><span class="p">.</span><span class="n">lines</span><span class="p">();</span><span class="w"> </span><span class="c1">// iterator over text lines</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="writing-files">Writing Files</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-67-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-67-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-67-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-67-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-67-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-67-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-67-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-67-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-67-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-67-10">10</a></span>
+<span class="normal"><a href="#__codelineno-67-11">11</a></span>
+<span class="normal"><a href="#__codelineno-67-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-67-1" name="__codelineno-67-1"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">fs</span><span class="p">;</span>
+<a id="__codelineno-67-2" name="__codelineno-67-2"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">io</span><span class="p">::</span><span class="n">Write</span><span class="p">;</span><span class="w">  </span><span class="c1">// write trait</span>
+<a id="__codelineno-67-3" name="__codelineno-67-3"></a><span class="c1">// or</span>
+<a id="__codelineno-67-4" name="__codelineno-67-4"></a><span class="k">use</span><span class="w"> </span><span class="n">std</span><span class="p">::</span><span class="n">io</span><span class="p">::</span><span class="n">prelude</span><span class="p">::</span><span class="o">*</span><span class="p">;</span>
+<a id="__codelineno-67-5" name="__codelineno-67-5"></a>
+<a id="__codelineno-67-6" name="__codelineno-67-6"></a><span class="kd">let</span><span class="w"> </span><span class="n">contents</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="kt">u8</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="cm">/* */</span><span class="p">;</span>
+<a id="__codelineno-67-7" name="__codelineno-67-7"></a><span class="kd">let</span><span class="w"> </span><span class="n">contents</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">String</span><span class="p">::</span><span class="n">from</span><span class="p">(</span><span class="cm">/* */</span><span class="p">);</span>
+<a id="__codelineno-67-8" name="__codelineno-67-8"></a>
+<a id="__codelineno-67-9" name="__codelineno-67-9"></a><span class="n">fs</span><span class="p">::</span><span class="n">write</span><span class="p">(</span><span class="s">&quot;path/to/file&quot;</span><span class="p">,</span><span class="w"> </span><span class="n">contents</span><span class="p">);</span>
+<a id="__codelineno-67-10" name="__codelineno-67-10"></a>
+<a id="__codelineno-67-11" name="__codelineno-67-11"></a><span class="kd">let</span><span class="w"> </span><span class="k">mut</span><span class="w"> </span><span class="n">file</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">fs</span><span class="p">::</span><span class="n">OpenOptions</span><span class="p">::</span><span class="n">new</span><span class="p">().</span><span class="n">append</span><span class="p">(</span><span class="kc">true</span><span class="p">).</span><span class="n">open</span><span class="p">(</span><span class="s">&quot;path/to/file&quot;</span><span class="p">).</span><span class="n">unwrap</span><span class="p">();</span>
+<a id="__codelineno-67-12" name="__codelineno-67-12"></a><span class="n">file</span><span class="p">.</span><span class="n">write</span><span class="p">(</span><span class="s">b&quot;appended text&quot;</span><span class="p">);</span><span class="w">  </span><span class="c1">// write wants an [u8]</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="external-code">External Code</h2>
+<p>The extern keyword is used in two places in Rust:</p>
+<ul>
+<li>in conjunction with the crate keyword to make Rust code aware of other Rust crates in the project</li>
+<li>in foreign function interfaces (FFI).</li>
+</ul>
+<p><code>extern</code> is used in two different contexts within FFI. The first is in the form of external blocks, for declaring function interfaces that Rust code can call foreign code by.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-68-1">1</a></span>
+<span class="normal"><a href="#__codelineno-68-2">2</a></span>
+<span class="normal"><a href="#__codelineno-68-3">3</a></span>
+<span class="normal"><a href="#__codelineno-68-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-68-1" name="__codelineno-68-1"></a><span class="cp">#[link(name = </span><span class="s">&quot;my_c_library&quot;</span><span class="cp">)]</span>
+<a id="__codelineno-68-2" name="__codelineno-68-2"></a><span class="k">extern</span><span class="w"> </span><span class="s">&quot;C&quot;</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-68-3" name="__codelineno-68-3"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">my_c_function</span><span class="p">(</span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">bool</span><span class="p">;</span>
+<a id="__codelineno-68-4" name="__codelineno-68-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>This code would attempt to link with <code>libmy_c_library.so</code> on unix-like systems and <code>my_c_library.dll</code> on Windows at runtime, and panic if it can't find something to link to.<br />
+Rust code could then use my_c_function as if it were any other unsafe Rust function.<br />
+Working with non-Rust languages and FFI is inherently unsafe, so wrappers are usually built around C APIs.</p>
+<p>The mirror use case of FFI is also done via the extern keyword:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-69-1">1</a></span>
+<span class="normal"><a href="#__codelineno-69-2">2</a></span>
+<span class="normal"><a href="#__codelineno-69-3">3</a></span>
+<span class="normal"><a href="#__codelineno-69-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-69-1" name="__codelineno-69-1"></a><span class="cp">#[no_mangle]</span>
+<a id="__codelineno-69-2" name="__codelineno-69-2"></a><span class="k">pub</span><span class="w"> </span><span class="k">extern</span><span class="w"> </span><span class="s">&quot;C&quot;</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="nf">callable_from_c</span><span class="p">(</span><span class="n">x</span><span class="p">:</span><span class="w"> </span><span class="kt">i32</span><span class="p">)</span><span class="w"> </span><span class="p">-&gt;</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-69-3" name="__codelineno-69-3"></a><span class="w">    </span><span class="n">x</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mi">3</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="mi">0</span>
+<a id="__codelineno-69-4" name="__codelineno-69-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<p>If compiled as a dylib, the resulting <code>.so</code> could then be linked to from a C library, and the function could be used as if it was from any other library</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../php/simple-mvc/rest-api.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: REST API">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                REST API
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="macros.html" class="md-footer__link md-footer__link--next" aria-label="Next: Macros">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Macros
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/rust/unit-tests.html b/languages/rust/unit-tests.html
new file mode 100644
index 0000000..72c4a36
--- /dev/null
+++ b/languages/rust/unit-tests.html
@@ -0,0 +1,4274 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/rust/unit-tests.html">
+      
+      
+        <link rel="prev" href="concurrency.html">
+      
+      
+        <link rel="next" href="../javascript/javascript.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Unit Tests - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Unit Tests - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/unit-tests.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/rust/unit-tests.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Unit Tests - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/rust/unit-tests.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#unit-tests" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Unit Tests
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="unit-tests.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#test-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#controlling-how-tests-are-run" class="md-nav__link">
+    <span class="md-ellipsis">
+      Controlling How Tests Are Run
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#test-organization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Organization
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#test-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Functions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#controlling-how-tests-are-run" class="md-nav__link">
+    <span class="md-ellipsis">
+      Controlling How Tests Are Run
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#test-organization" class="md-nav__link">
+    <span class="md-ellipsis">
+      Test Organization
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="unit-tests">Unit Tests</h1>
+<h2 id="test-functions">Test Functions</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Rust</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span>
+<span class="normal"><a href="#__codelineno-0-13">13</a></span>
+<span class="normal"><a href="#__codelineno-0-14">14</a></span>
+<span class="normal"><a href="#__codelineno-0-15">15</a></span>
+<span class="normal"><a href="#__codelineno-0-16">16</a></span>
+<span class="normal"><a href="#__codelineno-0-17">17</a></span>
+<span class="normal"><a href="#__codelineno-0-18">18</a></span>
+<span class="normal"><a href="#__codelineno-0-19">19</a></span>
+<span class="normal"><a href="#__codelineno-0-20">20</a></span>
+<span class="normal"><a href="#__codelineno-0-21">21</a></span>
+<span class="normal"><a href="#__codelineno-0-22">22</a></span>
+<span class="normal"><a href="#__codelineno-0-23">23</a></span>
+<span class="normal"><a href="#__codelineno-0-24">24</a></span>
+<span class="normal"><a href="#__codelineno-0-25">25</a></span>
+<span class="normal"><a href="#__codelineno-0-26">26</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="c1">// module code here</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="cp">#[cfg(test)]</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="k">mod</span><span class="w"> </span><span class="nn">tests</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">    </span><span class="k">use</span><span class="w"> </span><span class="k">super</span><span class="p">::</span><span class="o">*</span><span class="p">;</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a><span class="w">    </span><span class="cp">#[test]</span>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">test_func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">        </span><span class="c1">//ARRANGE</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">        </span><span class="c1">// ACT</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a>
+<a id="__codelineno-0-13" name="__codelineno-0-13"></a><span class="w">        </span><span class="c1">// ASSERT</span>
+<a id="__codelineno-0-14" name="__codelineno-0-14"></a><span class="w">        </span><span class="fm">assert!</span><span class="p">(</span><span class="kt">bool</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;optional custom error message&quot;</span><span class="p">);</span>
+<a id="__codelineno-0-15" name="__codelineno-0-15"></a><span class="w">        </span><span class="fm">assert_eq!</span><span class="p">(</span><span class="n">expected</span><span class="p">,</span><span class="w"> </span><span class="n">actual</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;optional custom error message&quot;</span><span class="p">);</span>
+<a id="__codelineno-0-16" name="__codelineno-0-16"></a><span class="w">        </span><span class="fm">assert_ne!</span><span class="p">(</span><span class="n">expected</span><span class="p">,</span><span class="w"> </span><span class="n">actual</span><span class="p">,</span><span class="w"> </span><span class="s">&quot;optional custom error message&quot;</span><span class="p">);</span>
+<a id="__codelineno-0-17" name="__codelineno-0-17"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-0-18" name="__codelineno-0-18"></a>
+<a id="__codelineno-0-19" name="__codelineno-0-19"></a><span class="w">    </span><span class="cp">#[test]</span>
+<a id="__codelineno-0-20" name="__codelineno-0-20"></a><span class="w">    </span><span class="cp">#[should_panic(</span><span class="s">&quot;optional custom error message&quot;</span><span class="cp">)]</span>
+<a id="__codelineno-0-21" name="__codelineno-0-21"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">test_func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="cm">/* ... */</span><span class="p">}</span>
+<a id="__codelineno-0-22" name="__codelineno-0-22"></a>
+<a id="__codelineno-0-23" name="__codelineno-0-23"></a><span class="w">    </span><span class="cp">#[test]</span>
+<a id="__codelineno-0-24" name="__codelineno-0-24"></a><span class="w">    </span><span class="cp">#[ignore]</span>
+<a id="__codelineno-0-25" name="__codelineno-0-25"></a><span class="w">    </span><span class="k">fn</span><span class="w"> </span><span class="nf">test_func</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="cm">/* ... */</span><span class="p">}</span>
+<a id="__codelineno-0-26" name="__codelineno-0-26"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="controlling-how-tests-are-run">Controlling How Tests Are Run</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>cargo<span class="w"> </span><span class="nb">test</span><span class="w"> </span>--<span class="w"> </span>--test-threads<span class="o">=</span>&lt;number&gt;<span class="w">  </span><span class="c1"># run tests in parallel (1 no parallelism)</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>cargo<span class="w"> </span><span class="nb">test</span><span class="w"> </span>--<span class="w"> </span>--show-output<span class="w">  </span><span class="c1"># show content printed in stdout in each test</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>cargo<span class="w"> </span><span class="nb">test</span><span class="w"> </span>&lt;test_name&gt;<span class="w">  </span><span class="c1"># run only a specific test</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>cargo<span class="w"> </span><span class="nb">test</span><span class="w"> </span>&lt;partial_test_name&gt;<span class="w">  </span><span class="c1"># run only specific tests</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>cargo<span class="w"> </span><span class="nb">test</span><span class="w"> </span>--<span class="w"> </span>--ignored<span class="w">  </span><span class="c1"># run tests annotated with #[ignore]</span>
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>cargo<span class="w"> </span><span class="nb">test</span><span class="w"> </span>--test<span class="w">  </span><span class="c1"># run all integration tests</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="test-organization">Test Organization</h2>
+<p>Unit Tests:</p>
+<ul>
+<li>Inside the same module as the tested code</li>
+<li>annotated with <code>#[cfg(test)]</code></li>
+<li>can test private code by default</li>
+<li>import tested code with <code>super::*</code></li>
+<li>compiled only with <code>cargo test</code></li>
+</ul>
+<p>Integration tests:</p>
+<ul>
+<li>inside top level <code>tests</code> folder</li>
+<li>need to import tested code by crate name</li>
+<li>place util functions in a <code>mod.rs</code> to avoid testing them, e.g: <code>tests/common/mod.rs</code></li>
+<li>compiled only with <code>cargo test</code></li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="concurrency.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Concurrency">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Concurrency
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../javascript/javascript.html" class="md-footer__link md-footer__link--next" aria-label="Next: Javascript">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Javascript
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/languages/swift/swift.html b/languages/swift/swift.html
new file mode 100644
index 0000000..4ed257e
--- /dev/null
+++ b/languages/swift/swift.html
@@ -0,0 +1,5836 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/languages/swift/swift.html">
+      
+      
+        <link rel="prev" href="../kotlin/kotlin.html">
+      
+      
+        <link rel="next" href="../assembly/intel.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Swift - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Swift - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/swift/swift.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/languages/swift/swift.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Swift - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/languages/swift/swift.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#swift" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Swift
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="swift.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#macro" class="md-nav__link">
+    <span class="md-ellipsis">
+      Macro
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constants
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#console-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Console Output
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tuple" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Tuple">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#tuple-decomposition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Decomposition
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#type-identifier" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Identifier
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionary" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionary
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#expressions-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expressions &amp; Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Expressions & Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#primary-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Primary Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unary-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unary Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relational-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relational Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nil-checks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nil Checks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If-Else
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="If-Else">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#passing-functions-as-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing Functions as Parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#functions-returning-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions Returning Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#closure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Closure ({ .. })
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enums" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enums
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Enums">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#enum-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enum Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enum-with-raw-values" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enum with Raw Values
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#matching-enumeration-values-with-a-switch-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Matching Enumeration Values with a Switch Statement
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#struct-value-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct (Value Type)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#classes-reference-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes (Reference Type)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Classes (Reference Type)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#class-definition-instantiation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Definition &amp; Instantiation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#property-observers-willset-didset" class="md-nav__link">
+    <span class="md-ellipsis">
+      Property Observers willSet &amp; didSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#macro" class="md-nav__link">
+    <span class="md-ellipsis">
+      Macro
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#comments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Comments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#constants" class="md-nav__link">
+    <span class="md-ellipsis">
+      Constants
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#console-output" class="md-nav__link">
+    <span class="md-ellipsis">
+      Console Output
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#strings" class="md-nav__link">
+    <span class="md-ellipsis">
+      Strings
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#array" class="md-nav__link">
+    <span class="md-ellipsis">
+      Array
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#tuple" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Tuple">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#tuple-decomposition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tuple Decomposition
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#type-identifier" class="md-nav__link">
+    <span class="md-ellipsis">
+      Type Identifier
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#dictionary" class="md-nav__link">
+    <span class="md-ellipsis">
+      Dictionary
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#expressions-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Expressions &amp; Operators
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Expressions & Operators">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#primary-expressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Primary Expressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#unary-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Unary Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mathematical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mathematical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#relational-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Relational Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#logical-operators" class="md-nav__link">
+    <span class="md-ellipsis">
+      Logical Operators
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#assignment" class="md-nav__link">
+    <span class="md-ellipsis">
+      Assignment
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#conditional-operator" class="md-nav__link">
+    <span class="md-ellipsis">
+      Conditional Operator
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#nil-checks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Nil Checks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#if-else" class="md-nav__link">
+    <span class="md-ellipsis">
+      If-Else
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="If-Else">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#switch" class="md-nav__link">
+    <span class="md-ellipsis">
+      Switch
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#loops" class="md-nav__link">
+    <span class="md-ellipsis">
+      Loops
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Loops">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#for-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      For Loop
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#while-loop" class="md-nav__link">
+    <span class="md-ellipsis">
+      While Loop
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Functions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#passing-functions-as-parameters" class="md-nav__link">
+    <span class="md-ellipsis">
+      Passing Functions as Parameters
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#functions-returning-functions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Functions Returning Functions
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#closure" class="md-nav__link">
+    <span class="md-ellipsis">
+      Closure ({ .. })
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#enums" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enums
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Enums">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#enum-definition" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enum Definition
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enum-with-raw-values" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enum with Raw Values
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#matching-enumeration-values-with-a-switch-statement" class="md-nav__link">
+    <span class="md-ellipsis">
+      Matching Enumeration Values with a Switch Statement
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#struct-value-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Struct (Value Type)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#classes-reference-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Classes (Reference Type)
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Classes (Reference Type)">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#class-definition-instantiation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Class Definition &amp; Instantiation
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#property-observers-willset-didset" class="md-nav__link">
+    <span class="md-ellipsis">
+      Property Observers willSet &amp; didSet
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inheritance" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inheritance
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#exception-handling" class="md-nav__link">
+    <span class="md-ellipsis">
+      Exception Handling
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="swift">Swift</h1>
+<h2 id="basics">Basics</h2>
+<h3 id="macro">Macro</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="cp">#if</span> <span class="cp">DEBUG</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1">// contents compiled only if in DEBUG build</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="cp">#endif</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="comments">Comments</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// single line comment</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="cm">/*  </span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="cm">multi line comment</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="cm">*/</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variables">Variables</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">var</span> <span class="nv">variable</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// implicit variable init (auto-determine type)</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="kd">var</span> <span class="nv">variable</span><span class="p">:</span> <span class="kr">Type</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// explicit variable init</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="kd">var</span> <span class="nv">variable</span><span class="p">:</span> <span class="kr">Type</span><span class="p">?</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// explicit nullable variable init</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="constants">Constants</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">let</span> <span class="nv">CONSTANT</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// constant init (value can be assigned at runtime)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="console-output">Console Output</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span>
+<span class="normal"><a href="#__codelineno-4-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="bp">print</span><span class="p">()</span>  <span class="c1">// empty line</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="bp">print</span><span class="p">(</span><span class="n">variable</span><span class="p">)</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="bp">print</span><span class="p">(</span><span class="s">&quot;string&quot;</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="strings">Strings</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="kd">var</span> <span class="nv">string</span> <span class="s">&quot;Text: </span><span class="si">\(</span><span class="p">&lt;</span><span class="n">expr</span><span class="p">&gt;</span><span class="si">)</span><span class="s">&quot;</span>  <span class="c1">// string interpolation</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="kd">var</span> <span class="nv">string</span> <span class="p">=</span> <span class="s">&quot;Hello&quot;</span> <span class="o">+</span> <span class="s">&quot;There&quot;</span>  <span class="c1">// string concatenation</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="kd">var</span> <span class="nv">multilineString</span> <span class="p">=</span> <span class="s">&quot;&quot;&quot;Use double quotes trice</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="s">to make a string span multiple lines&quot;&quot;&quot;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="array">Array</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span>
+<span class="normal"><a href="#__codelineno-6-12">12</a></span>
+<span class="normal"><a href="#__codelineno-6-13">13</a></span>
+<span class="normal"><a href="#__codelineno-6-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="kd">var</span> <span class="nv">array</span> <span class="p">=</span> <span class="p">[</span><span class="s">&quot;firstItem&quot;</span><span class="p">,</span> <span class="s">&quot;secondItem&quot;</span><span class="p">,</span> <span class="p">...]</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="kd">var</span> <span class="nv">array</span> <span class="p">=</span> <span class="p">[</span><span class="kr">Type</span><span class="p">()]</span>  <span class="c1">// init empty homogeneous array</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span>  <span class="c1">// value access</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a><span class="n">array</span><span class="p">[</span><span class="n">index</span><span class="p">]</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// value update</span>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="n">array</span><span class="p">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>  <span class="c1">// add item to the end</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a><span class="n">array</span><span class="p">.</span><span class="bp">contains</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>  <span class="c1">// membership check</span>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="n">array</span><span class="p">.</span><span class="bp">sort</span><span class="p">()</span>  <span class="c1">// in place sort</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a>
+<a id="__codelineno-6-12" name="__codelineno-6-12"></a><span class="c1">// Heterogeneous Array</span>
+<a id="__codelineno-6-13" name="__codelineno-6-13"></a><span class="kd">var</span> <span class="nv">list</span><span class="p">:</span> <span class="nb">Any</span> <span class="p">=</span> <span class="p">[</span><span class="s">&quot;string&quot;</span><span class="p">,</span> <span class="mi">47</span><span class="p">,</span> <span class="p">...]</span>  <span class="c1">// cannot access with [index]</span>
+<a id="__codelineno-6-14" name="__codelineno-6-14"></a><span class="kd">var</span> <span class="nv">list</span><span class="p">:</span> <span class="nb">Any</span> <span class="p">=</span> <span class="p">[]</span>  <span class="c1">// init empty heterogeneous array</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="tuple">Tuple</h2>
+<p>A <strong>tuple</strong> type is a comma-separated list of types, enclosed in parentheses.</p>
+<p>It's possible to use a tuple type as the return type of a function to enable the function to return a single tuple containing multiple values.
+It's possible to name the elements of a tuple type and use those names to refer to the values of the individual elements.
+An element name consists of an identifier followed immediately by a colon (:).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span>
+<span class="normal"><a href="#__codelineno-7-6">6</a></span>
+<span class="normal"><a href="#__codelineno-7-7">7</a></span>
+<span class="normal"><a href="#__codelineno-7-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="kd">var</span> <span class="nv">tuple</span><span class="p">:</span> <span class="p">(</span><span class="kr">Type</span><span class="p">,</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">=</span> <span class="p">(</span><span class="n">value</span><span class="p">,</span> <span class="n">value</span><span class="p">)</span>  <span class="c1">// explicit type</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="kd">var</span> <span class="nv">tuple</span> <span class="p">=</span> <span class="p">(</span><span class="n">value</span><span class="p">,</span> <span class="n">value</span><span class="p">)</span>  <span class="c1">// implicit type</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="n">tuple</span><span class="p">.</span><span class="mi">0</span>  <span class="c1">// item access</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="c1">// named elements</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="kd">var</span> <span class="nv">tuple</span> <span class="p">=</span> <span class="p">(</span><span class="n">name1</span><span class="p">:</span> <span class="n">value1</span><span class="p">,</span> <span class="n">name2</span><span class="p">:</span> <span class="n">value2</span><span class="p">,</span> <span class="p">...)</span>  <span class="c1">// tuple init</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="n">tuple</span> <span class="p">=</span> <span class="p">(</span><span class="n">value1</span><span class="p">,</span> <span class="n">value2</span><span class="p">)</span>  <span class="c1">// names are inferred</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a><span class="n">tuple</span><span class="p">.</span><span class="n">name1</span>  <span class="c1">// item access</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="tuple-decomposition">Tuple Decomposition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="kd">var</span> <span class="nv">tuple</span> <span class="p">=</span> <span class="p">(</span><span class="n">value1</span><span class="p">,</span> <span class="n">value2</span><span class="p">)</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="kd">var</span> <span class="p">(</span><span class="n">var1</span><span class="p">,</span> <span class="n">var2</span><span class="p">)</span> <span class="p">=</span> <span class="n">tuple</span>  <span class="c1">// var1 = value1, var2 = value2</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="type-identifier">Type Identifier</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">typealias</span> <span class="n">Point</span> <span class="p">=</span> <span class="p">(</span><span class="nb">Int</span><span class="p">,</span> <span class="nb">Int</span><span class="p">)</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="kd">var</span> <span class="nv">origin</span><span class="p">:</span> <span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="dictionary">Dictionary</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span>
+<span class="normal"><a href="#__codelineno-10-6">6</a></span>
+<span class="normal"><a href="#__codelineno-10-7">7</a></span>
+<span class="normal"><a href="#__codelineno-10-8">8</a></span>
+<span class="normal"><a href="#__codelineno-10-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="kd">var</span> <span class="nv">dict</span> <span class="p">=</span> <span class="p">[</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a>    <span class="s">&quot;key&quot;</span><span class="p">:</span> <span class="s">&quot;value&quot;</span><span class="p">,</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a>    <span class="p">...</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="p">]</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="kd">var</span> <span class="nv">dict</span> <span class="p">=</span> <span class="p">[</span><span class="kr">Type</span><span class="p">:</span> <span class="kr">Type</span><span class="p">]()</span>  <span class="c1">// init empty dict</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="n">dict</span><span class="p">[</span><span class="n">key</span><span class="p">]</span>  <span class="c1">// value access</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a><span class="n">dict</span><span class="p">[</span><span class="n">key</span><span class="p">]</span> <span class="p">=</span> <span class="n">value</span> <span class="c1">// value update</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="expressions-operators">Expressions &amp; Operators</h2>
+<h3 id="primary-expressions">Primary Expressions</h3>
+<table>
+<thead>
+<tr>
+<th>Syntax</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x<code>.</code>m</td>
+<td>access to member <code>m</code> of object <code>x</code> ("." &rarr; member access operator)</td>
+</tr>
+<tr>
+<td>x<code>(...)</code></td>
+<td>method invocation ("()" &rarr; method invocation operator)</td>
+</tr>
+<tr>
+<td>x<code>[...]</code></td>
+<td>array access and indicization</td>
+</tr>
+<tr>
+<td><code>new</code> T(...)</td>
+<td>object instantiation</td>
+</tr>
+<tr>
+<td><code>x!</code></td>
+<td>declare x as not nil</td>
+</tr>
+</tbody>
+</table>
+<h3 id="unary-operators">Unary Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>+</code>x</td>
+<td>identity</td>
+</tr>
+<tr>
+<td><code>-</code>x</td>
+<td>negation</td>
+</tr>
+<tr>
+<td><code>!</code>x</td>
+<td>logic negation</td>
+</tr>
+<tr>
+<td><code>~</code>x</td>
+<td>binary negation</td>
+</tr>
+<tr>
+<td><code>++</code>x</td>
+<td>pre-increment</td>
+</tr>
+<tr>
+<td><code>--</code>x</td>
+<td>pre-decrement</td>
+</tr>
+<tr>
+<td>x<code>++</code></td>
+<td>post-increment</td>
+</tr>
+<tr>
+<td>x<code>--</code></td>
+<td>post decrement</td>
+</tr>
+<tr>
+<td><code>(type)</code>x</td>
+<td>explicit casting</td>
+</tr>
+</tbody>
+</table>
+<h3 id="mathematical-operators">Mathematical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>+</code> y</td>
+<td>addition, string concatenation</td>
+</tr>
+<tr>
+<td>x <code>-</code> y</td>
+<td>subtraction</td>
+</tr>
+<tr>
+<td>x <code>*</code> y</td>
+<td>multiplication</td>
+</tr>
+<tr>
+<td>x <code>/</code> y</td>
+<td>integer division, <strong>always</strong> returns an <code>int</code></td>
+</tr>
+<tr>
+<td>x <code>%</code> y</td>
+<td>modulo, remainder</td>
+</tr>
+<tr>
+<td>x <code>&lt;&lt;</code> y</td>
+<td>left bit shift</td>
+</tr>
+<tr>
+<td>x <code>&gt;&gt;</code> y</td>
+<td>right bit shift</td>
+</tr>
+</tbody>
+</table>
+<h3 id="relational-operators">Relational Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>&lt;=</code> y</td>
+<td>less or equal to</td>
+</tr>
+<tr>
+<td>x <code>&gt;</code> y</td>
+<td>greater than</td>
+</tr>
+<tr>
+<td>x <code>&gt;=</code> y</td>
+<td>greater or equal to</td>
+</tr>
+<tr>
+<td>x <code>is</code> T</td>
+<td><code>true</code> if <code>x</code> is an object of type <code>T</code></td>
+</tr>
+<tr>
+<td>x <code>==</code> y</td>
+<td>equality</td>
+</tr>
+<tr>
+<td><code>!</code>x</td>
+<td>inequality</td>
+</tr>
+</tbody>
+</table>
+<h3 id="logical-operators">Logical Operators</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+<th>Name</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>~</code>x</td>
+<td>bitwise NOT</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>&amp;</code> y</td>
+<td>bitwise AND</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>^</code> y</td>
+<td>bitwise XOR</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>|</code> y</td>
+<td>bitwise OR</td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>&amp;&amp;</code> y</td>
+<td>evaluate <code>y</code> only if <code>x</code> is <code>true</code></td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>||</code> y</td>
+<td>evaluate <code>y</code> only if <code>x</code> is <code>false</code></td>
+<td></td>
+</tr>
+<tr>
+<td>x <code>??</code> y</td>
+<td>evaluates to <code>y</code> only if <code>x</code> is <code>nil</code>, <code>x</code> otherwise</td>
+<td>nil coalescing</td>
+</tr>
+<tr>
+<td>x<code>?.</code>y</td>
+<td>stop if <code>x == nil</code>, evaluate <code>x.y</code> otherwise</td>
+<td>nil conditional</td>
+</tr>
+</tbody>
+</table>
+<h3 id="assignment">Assignment</h3>
+<table>
+<thead>
+<tr>
+<th>Operator</th>
+<th>Operation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>x <code>+=</code> y</td>
+<td>x = x + y</td>
+</tr>
+<tr>
+<td>x <code>-=</code> y</td>
+<td>x = x - y</td>
+</tr>
+<tr>
+<td>x <code>*=</code> y</td>
+<td>x = x * y</td>
+</tr>
+<tr>
+<td>x <code>/=</code> y</td>
+<td>x = x / y</td>
+</tr>
+<tr>
+<td>x <code>%=</code> y</td>
+<td>x = x % y</td>
+</tr>
+<tr>
+<td>x <code>&lt;&lt;=</code> y</td>
+<td>x = x &lt;&lt; y</td>
+</tr>
+<tr>
+<td>x <code>&gt;&gt;=</code> y</td>
+<td>x = x &gt;&gt; y</td>
+</tr>
+<tr>
+<td>x <code>&amp;=</code> y</td>
+<td>x = x &amp; y</td>
+</tr>
+<tr>
+<td>x <code>|=</code> y</td>
+<td>x = x</td>
+</tr>
+<tr>
+<td>x <code>^=</code> y</td>
+<td>x = x ^ y</td>
+</tr>
+<tr>
+<td>x <code>??=</code> y</td>
+<td>if (x == nil) {x = y}</td>
+</tr>
+</tbody>
+</table>
+<h3 id="conditional-operator">Conditional Operator</h3>
+<p><code>&lt;condition&gt; ? &lt;return_if_condition_true&gt; : &lt;return_if_condition_false&gt;;</code></p>
+<h3 id="nil-checks">Nil Checks</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span>
+<span class="normal"><a href="#__codelineno-11-2">2</a></span>
+<span class="normal"><a href="#__codelineno-11-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="n">variable</span> <span class="p">??</span> <span class="n">value</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="c1">// same as</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="k">if</span><span class="p">(</span><span class="n">variable</span> <span class="p">==</span> <span class="kc">nil</span><span class="p">)</span> <span class="p">{</span> <span class="n">variable</span> <span class="p">=</span> <span class="n">value</span> <span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="if-else">If-Else</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">if</span> <span class="n">condition</span> <span class="p">{</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="n">condition</span> <span class="p">{</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>    <span class="c1">//code here</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="p">}</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="k">if</span> <span class="kd">let</span> <span class="nv">var0</span> <span class="p">=</span> <span class="n">var1</span> <span class="p">{</span> <span class="cm">/* statements */</span> <span class="p">}</span>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="c1">// same as</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="kd">let</span> <span class="nv">var0</span> <span class="p">=</span> <span class="n">var1</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="k">if</span> <span class="n">var0</span> <span class="o">!=</span> <span class="kc">nil</span> <span class="p">{</span> <span class="cm">/* statements */</span> <span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="switch">Switch</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-13-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-13-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-13-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-13-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-13-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-13-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-13-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-13-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-13-10">10</a></span>
+<span class="normal"><a href="#__codelineno-13-11">11</a></span>
+<span class="normal"><a href="#__codelineno-13-12">12</a></span>
+<span class="normal"><a href="#__codelineno-13-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="k">switch</span> <span class="p">&lt;</span><span class="n">value</span><span class="p">&gt;</span> <span class="p">{</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a>    <span class="k">case</span> <span class="p">&lt;</span><span class="n">pattern</span><span class="o">/</span><span class="n">key</span><span class="p">&gt;:</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a>        <span class="c1">// code here</span>
+<a id="__codelineno-13-4" name="__codelineno-13-4"></a>        <span class="k">break</span>  <span class="c1">// can be implicit</span>
+<a id="__codelineno-13-5" name="__codelineno-13-5"></a>
+<a id="__codelineno-13-6" name="__codelineno-13-6"></a>    <span class="k">case</span> <span class="n">key</span> <span class="k">where</span> <span class="p">&lt;</span><span class="n">condition_on_key</span><span class="p">&gt;:</span>
+<a id="__codelineno-13-7" name="__codelineno-13-7"></a>        <span class="c1">// code here</span>
+<a id="__codelineno-13-8" name="__codelineno-13-8"></a>        <span class="k">break</span>
+<a id="__codelineno-13-9" name="__codelineno-13-9"></a>
+<a id="__codelineno-13-10" name="__codelineno-13-10"></a>    <span class="k">default</span><span class="p">:</span>
+<a id="__codelineno-13-11" name="__codelineno-13-11"></a>        <span class="c1">// code here</span>
+<a id="__codelineno-13-12" name="__codelineno-13-12"></a>        <span class="k">break</span>
+<a id="__codelineno-13-13" name="__codelineno-13-13"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="loops">Loops</h2>
+<h3 id="for-loop">For Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-14-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-14-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-14-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-14-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-14-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-14-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-14-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-14-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-14-10">10</a></span>
+<span class="normal"><a href="#__codelineno-14-11">11</a></span>
+<span class="normal"><a href="#__codelineno-14-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="c1">// range based for</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="k">for</span> <span class="n">i</span> <span class="k">in</span> <span class="n">start</span><span class="p">...</span><span class="n">end</span> <span class="p">{</span> <span class="cm">/* statements */</span> <span class="p">}</span>  <span class="c1">// end included</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="k">for</span> <span class="n">i</span> <span class="k">in</span> <span class="n">start</span><span class="p">..&lt;</span><span class="n">end</span> <span class="p">{</span> <span class="cm">/* statements */</span> <span class="p">}</span>  <span class="c1">// end excluded</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="k">for</span> <span class="kc">_</span> <span class="k">in</span> <span class="n">start</span><span class="p">...</span><span class="n">end</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="k">for</span> <span class="n">item</span> <span class="k">in</span> <span class="n">sequence</span> <span class="p">{</span>
+<a id="__codelineno-14-7" name="__codelineno-14-7"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-14-8" name="__codelineno-14-8"></a><span class="p">}</span>
+<a id="__codelineno-14-9" name="__codelineno-14-9"></a>
+<a id="__codelineno-14-10" name="__codelineno-14-10"></a><span class="k">for</span> <span class="p">(</span><span class="n">key</span><span class="p">,</span> <span class="n">value</span><span class="p">)</span> <span class="k">in</span> <span class="n">dict</span> <span class="p">{</span>
+<a id="__codelineno-14-11" name="__codelineno-14-11"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-14-12" name="__codelineno-14-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="while-loop">While Loop</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span>
+<span class="normal"><a href="#__codelineno-15-5">5</a></span>
+<span class="normal"><a href="#__codelineno-15-6">6</a></span>
+<span class="normal"><a href="#__codelineno-15-7">7</a></span>
+<span class="normal"><a href="#__codelineno-15-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">while</span> <span class="n">condition</span> <span class="p">{</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="p">}</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="c1">// &quot;do&quot;..while</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a><span class="k">repeat</span> <span class="p">{</span>
+<a id="__codelineno-15-7" name="__codelineno-15-7"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-15-8" name="__codelineno-15-8"></a><span class="p">}</span> <span class="k">while</span> <span class="n">condition</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="functions">Functions</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-16-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-16-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-16-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-16-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-16-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-16-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-16-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-16-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-16-10">10</a></span>
+<span class="normal"><a href="#__codelineno-16-11">11</a></span>
+<span class="normal"><a href="#__codelineno-16-12">12</a></span>
+<span class="normal"><a href="#__codelineno-16-13">13</a></span>
+<span class="normal"><a href="#__codelineno-16-14">14</a></span>
+<span class="normal"><a href="#__codelineno-16-15">15</a></span>
+<span class="normal"><a href="#__codelineno-16-16">16</a></span>
+<span class="normal"><a href="#__codelineno-16-17">17</a></span>
+<span class="normal"><a href="#__codelineno-16-18">18</a></span>
+<span class="normal"><a href="#__codelineno-16-19">19</a></span>
+<span class="normal"><a href="#__codelineno-16-20">20</a></span>
+<span class="normal"><a href="#__codelineno-16-21">21</a></span>
+<span class="normal"><a href="#__codelineno-16-22">22</a></span>
+<span class="normal"><a href="#__codelineno-16-23">23</a></span>
+<span class="normal"><a href="#__codelineno-16-24">24</a></span>
+<span class="normal"><a href="#__codelineno-16-25">25</a></span>
+<span class="normal"><a href="#__codelineno-16-26">26</a></span>
+<span class="normal"><a href="#__codelineno-16-27">27</a></span>
+<span class="normal"><a href="#__codelineno-16-28">28</a></span>
+<span class="normal"><a href="#__codelineno-16-29">29</a></span>
+<span class="normal"><a href="#__codelineno-16-30">30</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="c1">// &quot;void function&quot;</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="kd">func</span> <span class="nf">funcName</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="p">...)</span> <span class="p">{</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a>    <span class="c1">// code here</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="p">}</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="kd">func</span> <span class="nf">funcName</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span> <span class="p">=</span> <span class="n">defaultValue</span><span class="p">,</span> <span class="p">...)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span>
+<a id="__codelineno-16-7" name="__codelineno-16-7"></a>    <span class="c1">//code here</span>
+<a id="__codelineno-16-8" name="__codelineno-16-8"></a>    <span class="k">return</span> <span class="p">&lt;</span><span class="n">expression</span><span class="p">&gt;</span>
+<a id="__codelineno-16-9" name="__codelineno-16-9"></a><span class="p">}</span>
+<a id="__codelineno-16-10" name="__codelineno-16-10"></a>
+<a id="__codelineno-16-11" name="__codelineno-16-11"></a><span class="kd">func</span> <span class="nf">funcName</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span>
+<a id="__codelineno-16-12" name="__codelineno-16-12"></a>    <span class="p">&lt;</span><span class="n">expression</span><span class="p">&gt;</span>  <span class="c1">// implicit return</span>
+<a id="__codelineno-16-13" name="__codelineno-16-13"></a><span class="p">}</span>
+<a id="__codelineno-16-14" name="__codelineno-16-14"></a>
+<a id="__codelineno-16-15" name="__codelineno-16-15"></a><span class="c1">// func call MUST have parameter&#39;s names</span>
+<a id="__codelineno-16-16" name="__codelineno-16-16"></a><span class="n">funcName</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="n">value</span><span class="p">,</span> <span class="p">...)</span>
+<a id="__codelineno-16-17" name="__codelineno-16-17"></a>
+<a id="__codelineno-16-18" name="__codelineno-16-18"></a><span class="c1">// multiple return values</span>
+<a id="__codelineno-16-19" name="__codelineno-16-19"></a><span class="kd">func</span> <span class="nf">funcMultipleParameters</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="p">(</span><span class="n">retVal1</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="n">retVal2</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-16-20" name="__codelineno-16-20"></a>    <span class="c1">//code here</span>
+<a id="__codelineno-16-21" name="__codelineno-16-21"></a>
+<a id="__codelineno-16-22" name="__codelineno-16-22"></a>    <span class="k">return</span> <span class="p">(&lt;</span><span class="n">expression</span><span class="p">&gt;,</span> <span class="p">&lt;</span><span class="n">expression</span><span class="p">&gt;)</span>
+<a id="__codelineno-16-23" name="__codelineno-16-23"></a><span class="p">}</span>
+<a id="__codelineno-16-24" name="__codelineno-16-24"></a>
+<a id="__codelineno-16-25" name="__codelineno-16-25"></a><span class="kd">var</span> <span class="nv">result</span> <span class="p">=</span> <span class="n">funcMultipleReturns</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="n">value</span><span class="p">)</span>
+<a id="__codelineno-16-26" name="__codelineno-16-26"></a><span class="n">result</span><span class="p">.</span><span class="n">retVal1</span>  <span class="c1">// access to tuple components</span>
+<a id="__codelineno-16-27" name="__codelineno-16-27"></a>
+<a id="__codelineno-16-28" name="__codelineno-16-28"></a><span class="c1">// argument labels (only first label can be omitted)</span>
+<a id="__codelineno-16-29" name="__codelineno-16-29"></a><span class="kd">func</span> <span class="nf">funcWithLabels</span><span class="p">(</span><span class="kc">_</span> <span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="n">label</span> <span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="p">...)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-16-30" name="__codelineno-16-30"></a><span class="n">funcWithLabels</span><span class="p">(</span><span class="n">value</span><span class="p">,</span> <span class="n">label</span><span class="p">:</span> <span class="n">value</span><span class="p">,</span> <span class="p">...)</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="passing-functions-as-parameters">Passing Functions as Parameters</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
+<span class="normal"><a href="#__codelineno-17-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="kd">func</span> <span class="nf">f</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{}</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="kd">func</span> <span class="nf">g</span><span class="p">(</span><span class="n">f</span><span class="p">:</span> <span class="p">(</span><span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">{}</span>  <span class="c1">// (Type) -&gt; Type are the passed func input and output types</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="functions-returning-functions">Functions Returning Functions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span>
+<span class="normal"><a href="#__codelineno-18-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="kd">func</span> <span class="nf">f</span><span class="p">()</span> <span class="p">-&gt;</span> <span class="p">((</span><span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a>    <span class="kd">func</span> <span class="nf">g</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="n">type</span> <span class="p">{}</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a>    <span class="k">return</span> <span class="n">g</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="closure"><a href="https://docs.swift.org/swift-book/LanguageGuide/Closures.html">Closure</a> (<code>{ .. }</code>)</h2>
+<p><strong>Closures</strong> are self-contained blocks of functionality that can be passed around and used in code.
+Closures in Swift are similar to blocks in C and Objective-C and to lambdas in other programming languages.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span>
+<span class="normal"><a href="#__codelineno-19-2">2</a></span>
+<span class="normal"><a href="#__codelineno-19-3">3</a></span>
+<span class="normal"><a href="#__codelineno-19-4">4</a></span>
+<span class="normal"><a href="#__codelineno-19-5">5</a></span>
+<span class="normal"><a href="#__codelineno-19-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="p">{</span> <span class="p">(</span><span class="n">parameters</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="k">in</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a>    <span class="c1">// statements</span>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="p">}</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="p">{</span> <span class="n">parameters</span> <span class="k">in</span> <span class="k">return</span> <span class="p">&lt;</span><span class="n">expression</span><span class="p">&gt;</span> <span class="p">}</span>  <span class="c1">// type inference from context</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="p">{</span> <span class="nv">$0</span> <span class="o">&gt;</span> <span class="nv">$1</span> <span class="p">}</span>  <span class="c1">// $&lt;n&gt; identifies the n-th argument, IN can be omitted if closure has only the body</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="enums"><a href="https://docs.swift.org/swift-book/LanguageGuide/Enumerations.html">Enums</a></h2>
+<h3 id="enum-definition">Enum Definition</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span>
+<span class="normal"><a href="#__codelineno-20-2">2</a></span>
+<span class="normal"><a href="#__codelineno-20-3">3</a></span>
+<span class="normal"><a href="#__codelineno-20-4">4</a></span>
+<span class="normal"><a href="#__codelineno-20-5">5</a></span>
+<span class="normal"><a href="#__codelineno-20-6">6</a></span>
+<span class="normal"><a href="#__codelineno-20-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a><span class="kd">enum</span> <span class="nc">EnumName</span> <span class="p">{</span>
+<a id="__codelineno-20-2" name="__codelineno-20-2"></a>    <span class="k">case</span> <span class="n">key1</span>
+<a id="__codelineno-20-3" name="__codelineno-20-3"></a>    <span class="k">case</span> <span class="n">key2</span>
+<a id="__codelineno-20-4" name="__codelineno-20-4"></a>    <span class="k">case</span> <span class="p">...</span>
+<a id="__codelineno-20-5" name="__codelineno-20-5"></a><span class="p">}</span>
+<a id="__codelineno-20-6" name="__codelineno-20-6"></a>
+<a id="__codelineno-20-7" name="__codelineno-20-7"></a><span class="n">EnumName</span><span class="p">.</span><span class="n">key1</span> <span class="c1">// key1</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="enum-with-raw-values">Enum with Raw Values</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-21-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-21-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-21-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-21-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-21-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-21-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-21-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-21-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-21-10">10</a></span>
+<span class="normal"><a href="#__codelineno-21-11">11</a></span>
+<span class="normal"><a href="#__codelineno-21-12">12</a></span>
+<span class="normal"><a href="#__codelineno-21-13">13</a></span>
+<span class="normal"><a href="#__codelineno-21-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1"></a><span class="kd">enum</span> <span class="nc">EnumName</span><span class="p">:</span> <span class="kr">Type</span> <span class="p">{</span>
+<a id="__codelineno-21-2" name="__codelineno-21-2"></a>    <span class="k">case</span> <span class="n">key1</span> <span class="p">=</span> <span class="n">value</span>
+<a id="__codelineno-21-3" name="__codelineno-21-3"></a>    <span class="k">case</span> <span class="n">key2</span> <span class="p">=</span> <span class="n">value</span>
+<a id="__codelineno-21-4" name="__codelineno-21-4"></a>    <span class="k">case</span> <span class="p">...</span>
+<a id="__codelineno-21-5" name="__codelineno-21-5"></a><span class="p">}</span>
+<a id="__codelineno-21-6" name="__codelineno-21-6"></a>
+<a id="__codelineno-21-7" name="__codelineno-21-7"></a><span class="n">EnumName</span><span class="p">.</span><span class="n">key1</span><span class="p">.</span><span class="n">rawValue</span>  <span class="c1">// value</span>
+<a id="__codelineno-21-8" name="__codelineno-21-8"></a>
+<a id="__codelineno-21-9" name="__codelineno-21-9"></a><span class="kd">enum</span> <span class="nc">IntegerEnum</span><span class="p">:</span> <span class="nb">Int</span> <span class="p">{</span>
+<a id="__codelineno-21-10" name="__codelineno-21-10"></a>    <span class="c1">// the value of each case is one more then the previous case</span>
+<a id="__codelineno-21-11" name="__codelineno-21-11"></a>    <span class="k">case</span> <span class="n">one</span> <span class="p">=</span> <span class="mi">1</span>
+<a id="__codelineno-21-12" name="__codelineno-21-12"></a>    <span class="k">case</span> <span class="n">two</span><span class="p">,</span> <span class="n">three</span><span class="p">,</span> <span class="n">four</span>
+<a id="__codelineno-21-13" name="__codelineno-21-13"></a>    <span class="k">case</span> <span class="p">...</span>
+<a id="__codelineno-21-14" name="__codelineno-21-14"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="matching-enumeration-values-with-a-switch-statement">Matching Enumeration Values with a Switch Statement</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-22-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-22-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-22-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-22-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-22-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-22-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-22-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-22-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-22-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-22-10">10</a></span>
+<span class="normal"><a href="#__codelineno-22-11">11</a></span>
+<span class="normal"><a href="#__codelineno-22-12">12</a></span>
+<span class="normal"><a href="#__codelineno-22-13">13</a></span>
+<span class="normal"><a href="#__codelineno-22-14">14</a></span>
+<span class="normal"><a href="#__codelineno-22-15">15</a></span>
+<span class="normal"><a href="#__codelineno-22-16">16</a></span>
+<span class="normal"><a href="#__codelineno-22-17">17</a></span>
+<span class="normal"><a href="#__codelineno-22-18">18</a></span>
+<span class="normal"><a href="#__codelineno-22-19">19</a></span>
+<span class="normal"><a href="#__codelineno-22-20">20</a></span>
+<span class="normal"><a href="#__codelineno-22-21">21</a></span>
+<span class="normal"><a href="#__codelineno-22-22">22</a></span>
+<span class="normal"><a href="#__codelineno-22-23">23</a></span>
+<span class="normal"><a href="#__codelineno-22-24">24</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1"></a><span class="kd">enum</span> <span class="nc">Rank</span><span class="p">:</span> <span class="nb">Int</span> <span class="p">{</span>
+<a id="__codelineno-22-2" name="__codelineno-22-2"></a>    <span class="k">case</span> <span class="n">ace</span> <span class="p">=</span> <span class="mi">1</span><span class="p">,</span> <span class="n">two</span><span class="p">,</span> <span class="n">three</span><span class="p">,</span> <span class="n">four</span><span class="p">,</span> <span class="n">five</span><span class="p">,</span> <span class="n">six</span><span class="p">,</span> <span class="n">seven</span><span class="p">,</span> <span class="n">eight</span><span class="p">,</span> <span class="n">nine</span><span class="p">,</span> <span class="n">ten</span>
+<a id="__codelineno-22-3" name="__codelineno-22-3"></a>    <span class="k">case</span> <span class="n">jack</span><span class="p">,</span> <span class="n">queen</span><span class="p">,</span> <span class="n">king</span>
+<a id="__codelineno-22-4" name="__codelineno-22-4"></a>
+<a id="__codelineno-22-5" name="__codelineno-22-5"></a>    <span class="kd">func</span> <span class="nf">getValue</span><span class="p">()</span> <span class="p">-&gt;</span> <span class="nb">String</span> <span class="p">{</span>
+<a id="__codelineno-22-6" name="__codelineno-22-6"></a>        <span class="k">switch</span> <span class="kc">self</span> <span class="p">{</span>
+<a id="__codelineno-22-7" name="__codelineno-22-7"></a>
+<a id="__codelineno-22-8" name="__codelineno-22-8"></a>        <span class="k">case</span> <span class="p">.</span><span class="n">jack</span><span class="p">:</span>
+<a id="__codelineno-22-9" name="__codelineno-22-9"></a>            <span class="k">return</span> <span class="s">&quot;jack&quot;</span>
+<a id="__codelineno-22-10" name="__codelineno-22-10"></a>
+<a id="__codelineno-22-11" name="__codelineno-22-11"></a>        <span class="k">case</span> <span class="p">.</span><span class="n">queen</span><span class="p">:</span>
+<a id="__codelineno-22-12" name="__codelineno-22-12"></a>            <span class="k">return</span> <span class="s">&quot;queen&quot;</span>
+<a id="__codelineno-22-13" name="__codelineno-22-13"></a>
+<a id="__codelineno-22-14" name="__codelineno-22-14"></a>        <span class="k">case</span> <span class="p">.</span><span class="n">king</span><span class="p">:</span>
+<a id="__codelineno-22-15" name="__codelineno-22-15"></a>            <span class="k">return</span> <span class="s">&quot;king&quot;</span>
+<a id="__codelineno-22-16" name="__codelineno-22-16"></a>
+<a id="__codelineno-22-17" name="__codelineno-22-17"></a>        <span class="k">default</span><span class="p">:</span>
+<a id="__codelineno-22-18" name="__codelineno-22-18"></a>            <span class="k">return</span> <span class="nb">String</span><span class="p">(</span><span class="kc">self</span><span class="p">.</span><span class="n">rawValue</span><span class="p">)</span>
+<a id="__codelineno-22-19" name="__codelineno-22-19"></a>        <span class="p">}</span>
+<a id="__codelineno-22-20" name="__codelineno-22-20"></a>    <span class="p">}</span>
+<a id="__codelineno-22-21" name="__codelineno-22-21"></a><span class="p">}</span>
+<a id="__codelineno-22-22" name="__codelineno-22-22"></a>
+<a id="__codelineno-22-23" name="__codelineno-22-23"></a><span class="n">Rank</span><span class="p">.</span><span class="n">jack</span><span class="p">.</span><span class="n">getValue</span><span class="p">()</span> <span class="c1">// &quot;jack&quot;</span>
+<a id="__codelineno-22-24" name="__codelineno-22-24"></a><span class="n">Rank</span><span class="p">.</span><span class="n">jack</span><span class="p">.</span><span class="n">rawValue</span> <span class="c1">// 11</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="struct-value-type">Struct (Value Type)</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-23-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-23-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-23-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-23-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-23-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-23-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-23-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-23-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-23-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-23-10">10</a></span>
+<span class="normal"><a href="#__codelineno-23-11">11</a></span>
+<span class="normal"><a href="#__codelineno-23-12">12</a></span>
+<span class="normal"><a href="#__codelineno-23-13">13</a></span>
+<span class="normal"><a href="#__codelineno-23-14">14</a></span>
+<span class="normal"><a href="#__codelineno-23-15">15</a></span>
+<span class="normal"><a href="#__codelineno-23-16">16</a></span>
+<span class="normal"><a href="#__codelineno-23-17">17</a></span>
+<span class="normal"><a href="#__codelineno-23-18">18</a></span>
+<span class="normal"><a href="#__codelineno-23-19">19</a></span>
+<span class="normal"><a href="#__codelineno-23-20">20</a></span>
+<span class="normal"><a href="#__codelineno-23-21">21</a></span>
+<span class="normal"><a href="#__codelineno-23-22">22</a></span>
+<span class="normal"><a href="#__codelineno-23-23">23</a></span>
+<span class="normal"><a href="#__codelineno-23-24">24</a></span>
+<span class="normal"><a href="#__codelineno-23-25">25</a></span>
+<span class="normal"><a href="#__codelineno-23-26">26</a></span>
+<span class="normal"><a href="#__codelineno-23-27">27</a></span>
+<span class="normal"><a href="#__codelineno-23-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1"></a><span class="kd">struct</span> <span class="nc">StructName</span> <span class="p">{</span>
+<a id="__codelineno-23-2" name="__codelineno-23-2"></a>    <span class="kd">var</span> <span class="nv">attribute</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// instance variable</span>
+<a id="__codelineno-23-3" name="__codelineno-23-3"></a>    <span class="kd">private</span> <span class="kd">var</span> <span class="nv">_attribute</span><span class="p">:</span> <span class="kr">Type</span>  <span class="c1">// backing field for property</span>
+<a id="__codelineno-23-4" name="__codelineno-23-4"></a>
+<a id="__codelineno-23-5" name="__codelineno-23-5"></a>    <span class="kd">var</span> <span class="nv">property</span><span class="p">:</span> <span class="kr">Type</span> <span class="p">{</span>
+<a id="__codelineno-23-6" name="__codelineno-23-6"></a>        <span class="kr">get</span> <span class="p">{</span> <span class="k">return</span> <span class="n">_attribute</span> <span class="p">}</span>
+<a id="__codelineno-23-7" name="__codelineno-23-7"></a>
+<a id="__codelineno-23-8" name="__codelineno-23-8"></a>        <span class="kr">set</span> <span class="p">{</span> <span class="n">_attribute</span> <span class="p">=</span> <span class="n">newValue</span> <span class="p">}</span>  <span class="c1">// newValue contains the passed value</span>
+<a id="__codelineno-23-9" name="__codelineno-23-9"></a>        <span class="c1">// OR</span>
+<a id="__codelineno-23-10" name="__codelineno-23-10"></a>        <span class="kr">set</span><span class="p">(</span><span class="n">param</span><span class="p">)</span> <span class="p">{</span> <span class="n">_attribute</span> <span class="p">=</span> <span class="n">param</span> <span class="p">}</span>
+<a id="__codelineno-23-11" name="__codelineno-23-11"></a>    <span class="p">}</span>
+<a id="__codelineno-23-12" name="__codelineno-23-12"></a>
+<a id="__codelineno-23-13" name="__codelineno-23-13"></a>    <span class="c1">// constructor</span>
+<a id="__codelineno-23-14" name="__codelineno-23-14"></a>    <span class="kd">init</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-23-15" name="__codelineno-23-15"></a>        <span class="kc">self</span><span class="p">.</span><span class="n">attribute</span> <span class="p">=</span> <span class="n">param</span>  <span class="c1">// attribute valorization</span>
+<a id="__codelineno-23-16" name="__codelineno-23-16"></a>    <span class="p">}</span>
+<a id="__codelineno-23-17" name="__codelineno-23-17"></a>
+<a id="__codelineno-23-18" name="__codelineno-23-18"></a>    <span class="c1">// de-initializer (free memory containing obj?)</span>
+<a id="__codelineno-23-19" name="__codelineno-23-19"></a>    <span class="kd">deinit</span> <span class="p">{</span>
+<a id="__codelineno-23-20" name="__codelineno-23-20"></a>        <span class="c1">// empty the attributes</span>
+<a id="__codelineno-23-21" name="__codelineno-23-21"></a>    <span class="p">}</span>
+<a id="__codelineno-23-22" name="__codelineno-23-22"></a>
+<a id="__codelineno-23-23" name="__codelineno-23-23"></a>    <span class="c1">// overloading</span>
+<a id="__codelineno-23-24" name="__codelineno-23-24"></a>    <span class="kd">func</span> <span class="nf">method</span><span class="p">()</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-23-25" name="__codelineno-23-25"></a>    <span class="kd">func</span> <span class="nf">method</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="p">...)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-23-26" name="__codelineno-23-26"></a><span class="p">}</span>
+<a id="__codelineno-23-27" name="__codelineno-23-27"></a>
+<a id="__codelineno-23-28" name="__codelineno-23-28"></a><span class="kd">var</span> <span class="nv">structure</span> <span class="p">=</span> <span class="n">StructName</span><span class="p">()</span>  <span class="c1">// struct instantiation</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="classes-reference-type">Classes (Reference Type)</h2>
+<h3 id="class-definition-instantiation">Class Definition &amp; Instantiation</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-24-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-24-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-24-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-24-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-24-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-24-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-24-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-24-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-24-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-24-10">10</a></span>
+<span class="normal"><a href="#__codelineno-24-11">11</a></span>
+<span class="normal"><a href="#__codelineno-24-12">12</a></span>
+<span class="normal"><a href="#__codelineno-24-13">13</a></span>
+<span class="normal"><a href="#__codelineno-24-14">14</a></span>
+<span class="normal"><a href="#__codelineno-24-15">15</a></span>
+<span class="normal"><a href="#__codelineno-24-16">16</a></span>
+<span class="normal"><a href="#__codelineno-24-17">17</a></span>
+<span class="normal"><a href="#__codelineno-24-18">18</a></span>
+<span class="normal"><a href="#__codelineno-24-19">19</a></span>
+<span class="normal"><a href="#__codelineno-24-20">20</a></span>
+<span class="normal"><a href="#__codelineno-24-21">21</a></span>
+<span class="normal"><a href="#__codelineno-24-22">22</a></span>
+<span class="normal"><a href="#__codelineno-24-23">23</a></span>
+<span class="normal"><a href="#__codelineno-24-24">24</a></span>
+<span class="normal"><a href="#__codelineno-24-25">25</a></span>
+<span class="normal"><a href="#__codelineno-24-26">26</a></span>
+<span class="normal"><a href="#__codelineno-24-27">27</a></span>
+<span class="normal"><a href="#__codelineno-24-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1"></a><span class="kd">class</span> <span class="nc">ClassName</span> <span class="p">{</span>
+<a id="__codelineno-24-2" name="__codelineno-24-2"></a>    <span class="kd">var</span> <span class="nv">attribute</span> <span class="p">=</span> <span class="n">value</span>  <span class="c1">// instance variable</span>
+<a id="__codelineno-24-3" name="__codelineno-24-3"></a>    <span class="kd">private</span> <span class="kd">var</span> <span class="nv">_attribute</span><span class="p">:</span> <span class="kr">Type</span>  <span class="c1">// backing field for property</span>
+<a id="__codelineno-24-4" name="__codelineno-24-4"></a>
+<a id="__codelineno-24-5" name="__codelineno-24-5"></a>    <span class="kd">var</span> <span class="nv">property</span><span class="p">:</span> <span class="kr">Type</span> <span class="p">{</span>
+<a id="__codelineno-24-6" name="__codelineno-24-6"></a>        <span class="kr">get</span> <span class="p">{</span> <span class="k">return</span> <span class="n">_attribute</span> <span class="p">}</span>
+<a id="__codelineno-24-7" name="__codelineno-24-7"></a>
+<a id="__codelineno-24-8" name="__codelineno-24-8"></a>        <span class="kr">set</span> <span class="p">{</span> <span class="n">_attribute</span> <span class="p">=</span> <span class="n">newValue</span> <span class="p">}</span>  <span class="c1">// newValue contains the passed value</span>
+<a id="__codelineno-24-9" name="__codelineno-24-9"></a>        <span class="c1">// OR</span>
+<a id="__codelineno-24-10" name="__codelineno-24-10"></a>        <span class="kr">set</span><span class="p">(</span><span class="n">param</span><span class="p">)</span> <span class="p">{</span> <span class="n">_attribute</span> <span class="p">=</span> <span class="n">param</span> <span class="p">}</span>
+<a id="__codelineno-24-11" name="__codelineno-24-11"></a>    <span class="p">}</span>
+<a id="__codelineno-24-12" name="__codelineno-24-12"></a>
+<a id="__codelineno-24-13" name="__codelineno-24-13"></a>    <span class="c1">// constructor</span>
+<a id="__codelineno-24-14" name="__codelineno-24-14"></a>    <span class="kd">init</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-24-15" name="__codelineno-24-15"></a>        <span class="kc">self</span><span class="p">.</span><span class="n">attribute</span> <span class="p">=</span> <span class="n">param</span>  <span class="c1">// attribute valorization</span>
+<a id="__codelineno-24-16" name="__codelineno-24-16"></a>    <span class="p">}</span>
+<a id="__codelineno-24-17" name="__codelineno-24-17"></a>
+<a id="__codelineno-24-18" name="__codelineno-24-18"></a>    <span class="c1">// de-initializer (free memory containing obj?)</span>
+<a id="__codelineno-24-19" name="__codelineno-24-19"></a>    <span class="kd">deinit</span> <span class="p">{</span>
+<a id="__codelineno-24-20" name="__codelineno-24-20"></a>        <span class="c1">// empty the attributes</span>
+<a id="__codelineno-24-21" name="__codelineno-24-21"></a>    <span class="p">}</span>
+<a id="__codelineno-24-22" name="__codelineno-24-22"></a>
+<a id="__codelineno-24-23" name="__codelineno-24-23"></a>    <span class="c1">// overloading</span>
+<a id="__codelineno-24-24" name="__codelineno-24-24"></a>    <span class="kd">func</span> <span class="nf">method</span><span class="p">()</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-24-25" name="__codelineno-24-25"></a>    <span class="kd">func</span> <span class="nf">method</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="p">...)</span> <span class="p">-&gt;</span> <span class="kr">Type</span> <span class="p">{</span> <span class="p">}</span>
+<a id="__codelineno-24-26" name="__codelineno-24-26"></a><span class="p">}</span>
+<a id="__codelineno-24-27" name="__codelineno-24-27"></a>
+<a id="__codelineno-24-28" name="__codelineno-24-28"></a><span class="kd">var</span> <span class="nv">obj</span> <span class="p">=</span> <span class="n">ClassName</span><span class="p">()</span>  <span class="c1">// obj instantiation</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="property-observers-willset-didset">Property Observers <code>willSet</code> &amp; <code>didSet</code></h3>
+<p>Do actions before/after modifying a property value.</p>
+<blockquote>
+<p><strong>Note</strong>: <code>willSet</code> and <code>didSet</code> do not <em>set</em> the value of the property.</p>
+</blockquote>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-25-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-25-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-25-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-25-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-25-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-25-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-25-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-25-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-25-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-25-10">10</a></span>
+<span class="normal"><a href="#__codelineno-25-11">11</a></span>
+<span class="normal"><a href="#__codelineno-25-12">12</a></span>
+<span class="normal"><a href="#__codelineno-25-13">13</a></span>
+<span class="normal"><a href="#__codelineno-25-14">14</a></span>
+<span class="normal"><a href="#__codelineno-25-15">15</a></span>
+<span class="normal"><a href="#__codelineno-25-16">16</a></span>
+<span class="normal"><a href="#__codelineno-25-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1"></a><span class="kd">class</span> <span class="nc">ClassName</span> <span class="p">{</span>
+<a id="__codelineno-25-2" name="__codelineno-25-2"></a>
+<a id="__codelineno-25-3" name="__codelineno-25-3"></a>    <span class="kd">var</span> <span class="nv">_attribute</span><span class="p">:</span> <span class="kr">Type</span>
+<a id="__codelineno-25-4" name="__codelineno-25-4"></a>
+<a id="__codelineno-25-5" name="__codelineno-25-5"></a>    <span class="kd">var</span> <span class="nv">property</span> <span class="p">{</span>
+<a id="__codelineno-25-6" name="__codelineno-25-6"></a>        <span class="kr">get</span> <span class="p">{</span> <span class="k">return</span> <span class="n">_attribute</span> <span class="p">}</span>
+<a id="__codelineno-25-7" name="__codelineno-25-7"></a>        <span class="kr">set</span><span class="p">{</span> <span class="n">_attribute</span> <span class="p">=</span> <span class="n">newValue</span> <span class="p">}</span>
+<a id="__codelineno-25-8" name="__codelineno-25-8"></a>
+<a id="__codelineno-25-9" name="__codelineno-25-9"></a>        <span class="kr">willSet</span> <span class="p">{</span>
+<a id="__codelineno-25-10" name="__codelineno-25-10"></a>            <span class="c1">// act before setting the property value</span>
+<a id="__codelineno-25-11" name="__codelineno-25-11"></a>        <span class="p">}</span>
+<a id="__codelineno-25-12" name="__codelineno-25-12"></a>
+<a id="__codelineno-25-13" name="__codelineno-25-13"></a>        <span class="kr">didSet</span> <span class="p">{</span>
+<a id="__codelineno-25-14" name="__codelineno-25-14"></a>            <span class="c1">// act after setting the property value</span>
+<a id="__codelineno-25-15" name="__codelineno-25-15"></a>        <span class="p">}</span>
+<a id="__codelineno-25-16" name="__codelineno-25-16"></a>    <span class="p">}</span>
+<a id="__codelineno-25-17" name="__codelineno-25-17"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inheritance">Inheritance</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-26-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-26-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-26-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-26-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-26-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-26-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-26-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-26-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-26-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-26-10">10</a></span>
+<span class="normal"><a href="#__codelineno-26-11">11</a></span>
+<span class="normal"><a href="#__codelineno-26-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1"></a><span class="kd">class</span> <span class="nc">Derived</span><span class="p">:</span> <span class="n">SuperClass</span> <span class="p">{</span>
+<a id="__codelineno-26-2" name="__codelineno-26-2"></a>
+<a id="__codelineno-26-3" name="__codelineno-26-3"></a>    <span class="kd">var</span> <span class="nv">attribute</span><span class="p">:</span> <span class="kr">Type</span>
+<a id="__codelineno-26-4" name="__codelineno-26-4"></a>
+<a id="__codelineno-26-5" name="__codelineno-26-5"></a>    <span class="kd">init</span><span class="p">(</span><span class="n">param1</span><span class="p">:</span> <span class="kr">Type</span><span class="p">,</span> <span class="n">param2</span><span class="p">:</span> <span class="kr">Type</span><span class="p">)</span> <span class="p">{</span>
+<a id="__codelineno-26-6" name="__codelineno-26-6"></a>        <span class="kc">self</span><span class="p">.</span><span class="n">attribute</span> <span class="p">=</span> <span class="n">param1</span>
+<a id="__codelineno-26-7" name="__codelineno-26-7"></a>        <span class="kc">super</span><span class="p">.</span><span class="kd">init</span><span class="p">(</span><span class="n">param</span><span class="p">:</span> <span class="n">param2</span> <span class="p">)</span>  <span class="c1">// superclass init (NEEDED)</span>
+<a id="__codelineno-26-8" name="__codelineno-26-8"></a>    <span class="p">}</span>
+<a id="__codelineno-26-9" name="__codelineno-26-9"></a>
+<a id="__codelineno-26-10" name="__codelineno-26-10"></a>    <span class="c1">// overriding</span>
+<a id="__codelineno-26-11" name="__codelineno-26-11"></a>    <span class="kr">override</span> <span class="kd">func</span> <span class="nf">method</span><span class="p">()</span> <span class="p">{}</span>
+<a id="__codelineno-26-12" name="__codelineno-26-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="exception-handling">Exception Handling</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Swift</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-27-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-27-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-27-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-27-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-27-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-27-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-27-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-27-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-27-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-27-10">10</a></span>
+<span class="normal"><a href="#__codelineno-27-11">11</a></span>
+<span class="normal"><a href="#__codelineno-27-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1"></a><span class="k">guard</span> <span class="kd">let</span> <span class="nv">variable</span> <span class="p">=</span> <span class="p">&lt;</span><span class="n">expression</span><span class="p">&gt;</span>
+<a id="__codelineno-27-2" name="__codelineno-27-2"></a><span class="k">else</span> <span class="p">{</span>
+<a id="__codelineno-27-3" name="__codelineno-27-3"></a>    <span class="cm">/* statements */</span>
+<a id="__codelineno-27-4" name="__codelineno-27-4"></a>    <span class="c1">// throw or return to exit code branch</span>
+<a id="__codelineno-27-5" name="__codelineno-27-5"></a><span class="p">}</span>
+<a id="__codelineno-27-6" name="__codelineno-27-6"></a>
+<a id="__codelineno-27-7" name="__codelineno-27-7"></a>
+<a id="__codelineno-27-8" name="__codelineno-27-8"></a><span class="k">do</span> <span class="p">{</span>
+<a id="__codelineno-27-9" name="__codelineno-27-9"></a>    <span class="k">try</span> <span class="p">&lt;</span><span class="n">throwing</span> <span class="n">expression</span><span class="p">&gt;</span>
+<a id="__codelineno-27-10" name="__codelineno-27-10"></a><span class="p">}</span> <span class="k">catch</span> <span class="p">&lt;</span><span class="n">pattern</span><span class="p">&gt;</span> <span class="p">{</span>
+<a id="__codelineno-27-11" name="__codelineno-27-11"></a>    <span class="c1">// statements</span>
+<a id="__codelineno-27-12" name="__codelineno-27-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../kotlin/kotlin.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Kotlin">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Kotlin
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../assembly/intel.html" class="md-footer__link md-footer__link--next" aria-label="Next: Intel">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Intel
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/linux/filesystem/file-links.html b/linux/filesystem/file-links.html
new file mode 100644
index 0000000..1b8d3a2
--- /dev/null
+++ b/linux/filesystem/file-links.html
@@ -0,0 +1,4342 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/linux/filesystem/file-links.html">
+      
+      
+        <link rel="prev" href="../../misc/web-components.html">
+      
+      
+        <link rel="next" href="procfs.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>File Links - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="File Links - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/filesystem/file-links.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/linux/filesystem/file-links.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="File Links - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/filesystem/file-links.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#symlink-hardlink-reflink" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              File Links
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="file-links.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#hardlinks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hardlinks
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#symlinks-aka-softlinks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Symlinks (aka Softlinks)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#reflink" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reflink
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Directories
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#hardlinks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Hardlinks
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#symlinks-aka-softlinks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Symlinks (aka Softlinks)
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#reflink" class="md-nav__link">
+    <span class="md-ellipsis">
+      Reflink
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      Directories
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="symlink-hardlink-reflink">Symlink, Hardlink, Reflink</h1>
+<p>Unix files consist of two parts: the <em>data part</em> and the <em>filename part</em>.<br />
+The data part is associated with something called an <strong>inode</strong>. The inode carries the map of where the data is, the file permissions, etc. for the data.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>                                           +------+ +------+
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>                         .---------------&gt; | data | | data | etc
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>                        /                  +------+ +------+
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>+--------------------------------+
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>| permbits, etc | data addresses |
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>+--------------inode-------------+
+</code></pre></div></td></tr></table></div>
+<p>The filename part carries a name and an associated inode number.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span>
+<span class="normal"><a href="#__codelineno-1-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>                                  +---------------------------+
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>                 .--------------&gt; | permbits, etc | addresses |
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>                /                 +-----------inode-----------+
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a>+--------------------+
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a>| filename | inode # |
+<a id="__codelineno-1-6" name="__codelineno-1-6"></a>+--------------------+
+</code></pre></div></td></tr></table></div>
+<h2 id="hardlinks">Hardlinks</h2>
+<p>More than one filename can reference the same inode number. These files are said to be <em>hard linked</em> together.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span>
+<span class="normal"><a href="#__codelineno-2-8">8</a></span>
+<span class="normal"><a href="#__codelineno-2-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>+--------------------+
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>| filename | inode # |
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>+--------------------+
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>                \                 +---------------------------+
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>                 &gt;--------------&gt; | permbits, etc | addresses |
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>                /                 +------------inode----------+
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a>+---------------------+
+<a id="__codelineno-2-8" name="__codelineno-2-8"></a>| othername | inode # |
+<a id="__codelineno-2-9" name="__codelineno-2-9"></a>+---------------------+
+</code></pre></div></td></tr></table></div>
+<h2 id="symlinks-aka-softlinks">Symlinks (aka Softlinks)</h2>
+<p><strong>Symlinks</strong> are a special file type whose data part carries a path to another file.<br />
+Since it is a special file, the OS recognizes the data as a path, and redirects opens, reads, and writes so that, instead of accessing the data within the special file, they access the data in the file named by the data in the special file.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span>
+<span class="normal"><a href="#__codelineno-3-22">22</a></span>
+<span class="normal"><a href="#__codelineno-3-23">23</a></span>
+<span class="normal"><a href="#__codelineno-3-24">24</a></span>
+<span class="normal"><a href="#__codelineno-3-25">25</a></span>
+<span class="normal"><a href="#__codelineno-3-26">26</a></span>
+<span class="normal"><a href="#__codelineno-3-27">27</a></span>
+<span class="normal"><a href="#__codelineno-3-28">28</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>+--------------------+
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>| filename | inode # |
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>+--------------------+
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>              \
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>               \     +---------------------------+
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a>                &#39;--&gt; | permbits, etc | addresses |
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a>                     +-----------inode-----------+
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a>                                     /
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>                                    /
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a>                                   /
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a> .--------------------------------&#39;
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a>(     +--------------------------+
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a> &#39;--&gt; |&quot;/path/to/some/other/file&quot;| 
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a>      +----------data------------+
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a>                  /                     |
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a> .~ ~ ~ ~ ~ ~ ~ ~&#39;                      |-- (redirected at open() time)
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a>(     +--------------------+            |
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a> &#39;~~&gt; | filename | inode # |
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a>      +--------------------+
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a>                   \               +---------------------------+
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a>                    &#39;------------&gt; | permbits, etc | addresses |
+<a id="__codelineno-3-22" name="__codelineno-3-22"></a>                                   +-----------inode-----------+
+<a id="__codelineno-3-23" name="__codelineno-3-23"></a>                                                /
+<a id="__codelineno-3-24" name="__codelineno-3-24"></a>                                               /
+<a id="__codelineno-3-25" name="__codelineno-3-25"></a> .--------------------------------------------&#39;
+<a id="__codelineno-3-26" name="__codelineno-3-26"></a>(     +------+  +------+ 
+<a id="__codelineno-3-27" name="__codelineno-3-27"></a> &#39;--&gt; | data |  | data | etc.
+<a id="__codelineno-3-28" name="__codelineno-3-28"></a>      +------+  +------+ 
+</code></pre></div></td></tr></table></div>
+<p>Now, the filename part of the file is stored in a special file of its own along with the filename parts of other files; this special file is called a directory.</p>
+<h2 id="reflink">Reflink</h2>
+<p>A <strong>Reflink</strong> is a type of <em>shallow copy</em> of file data that shares the blocks but otherwise the files are independent and any change to the file will not affect the other. This builds on the underlying copy-on-write mechanism. A reflink will effectively create only a separate metadata pointing to the shared blocks which is typically much faster than a deep copy of all blocks.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Text Only</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span>
+<span class="normal"><a href="#__codelineno-4-12">12</a></span>
+<span class="normal"><a href="#__codelineno-4-13">13</a></span>
+<span class="normal"><a href="#__codelineno-4-14">14</a></span>
+<span class="normal"><a href="#__codelineno-4-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>+--------------------+
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a>| filename | inode # |
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a>+--------------------+
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a>            \        +---------------------------+
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>             &#39;-----&gt; | permbits, etc | addresses |
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a>                     +-----------inode-----------+
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a>                                   \                +------+  +------+
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a>                                    &gt;-------------&gt; | data |  | data | etc.
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a>                                   /                +------+  +------+
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a>                     +---------------------------+
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a>             .-----&gt; | permbits, etc | addresses |
+<a id="__codelineno-4-12" name="__codelineno-4-12"></a>            /        +-----------inode-----------+
+<a id="__codelineno-4-13" name="__codelineno-4-13"></a>+---------------------+
+<a id="__codelineno-4-14" name="__codelineno-4-14"></a>| othername | inode # |
+<a id="__codelineno-4-15" name="__codelineno-4-15"></a>+---------------------+
+</code></pre></div></td></tr></table></div>
+<p>There are some constraints:</p>
+<ul>
+<li>cross-filesystem reflink is not possible, there’s nothing in common between so the block sharing can’t work</li>
+<li>reflink crossing two mount points of the same filesystem support depends on kernel version</li>
+</ul>
+<h2 id="directories">Directories</h2>
+<p>The directory, as a file, is just an array of filename parts of other files.</p>
+<p>When a directory is built, it is initially populated with the filename parts of two special files: the <code>.</code> and <code>..</code> files.</p>
+<p>The filename part for the <code>.</code> file is populated with the <code>inode</code> of the directory file in which the entry has been made: <code>.</code> is a hardlink to the file that implements the current directory.</p>
+<p>The <em>filename part</em> for the <code>..</code> file is populated with the <code>inode</code> of the directory file that contains the filename part of the current directory file: <code>..</code> is a hardlink to the file that implements the immediate parent of the current directory.</p>
+<p>The <code>ln</code> command knows how to build hardlinks and softlinks; the <code>mkdir</code> command knows how to build directories (the OS takes care of the above hardlinks).</p>
+<p>There are restrictions on what can be hardlinked (both links must reside on the same filesystem, the source file must exist, etc.) that are not applicable to softlinks (source and target can be on separate file systems, source does not have to exist, etc.).</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../../misc/web-components.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: WebComponents">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                WebComponents
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="procfs.html" class="md-footer__link md-footer__link--next" aria-label="Next: /proc">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                /proc
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/linux/filesystem/procfs.html b/linux/filesystem/procfs.html
new file mode 100644
index 0000000..817f695
--- /dev/null
+++ b/linux/filesystem/procfs.html
@@ -0,0 +1,4319 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/linux/filesystem/procfs.html">
+      
+      
+        <link rel="prev" href="file-links.html">
+      
+      
+        <link rel="next" href="sysfs.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>/proc - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="/proc - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/filesystem/procfs.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/linux/filesystem/procfs.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="/proc - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/filesystem/procfs.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#proc-filesystem" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              /proc
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="procfs.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#top-level-files-within-proc" class="md-nav__link">
+    <span class="md-ellipsis">
+      Top-Level Files Within /proc
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#process-directories-in-proc" class="md-nav__link">
+    <span class="md-ellipsis">
+      Process Directories in /proc
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#other-directories-in-proc" class="md-nav__link">
+    <span class="md-ellipsis">
+      Other Directories in /proc
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#top-level-files-within-proc" class="md-nav__link">
+    <span class="md-ellipsis">
+      Top-Level Files Within /proc
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#process-directories-in-proc" class="md-nav__link">
+    <span class="md-ellipsis">
+      Process Directories in /proc
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#other-directories-in-proc" class="md-nav__link">
+    <span class="md-ellipsis">
+      Other Directories in /proc
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="proc-filesystem"><code>/proc</code> Filesystem</h1>
+<p>The proc file system contains a hierarchy of special files that represent the current state of the kernel.</p>
+<p>Files in the <code>/proc</code> directory contain information about the hardware and current processes running on the system.
+Files that have <em>write permission</em> can be modified to change the configuration of the kernel.</p>
+<h2 id="top-level-files-within-proc">Top-Level Files Within <code>/proc</code></h2>
+<ul>
+<li>
+<p><code>/proc/buddyinfo</code>: This file is used primarily for diagnosing memory fragmentation issues.</p>
+</li>
+<li>
+<p><code>/proc/cmdline</code>: This file shows the parameters passed to the kernel at the time it is started.</p>
+</li>
+<li>
+<p><code>/proc/cpuinfo</code>: This virtual file identifies the type of processor used by the system.</p>
+</li>
+<li>
+<p><code>/proc/crypto</code>: This file lists all installed cryptographic ciphers used by the Linux kernel, including additional details for each.</p>
+</li>
+<li>
+<p><code>/proc/devices</code>: This file displays the various character and block devices currently configured (not including devices whose modules are not loaded).</p>
+</li>
+<li>
+<p><code>/proc/dma</code>: This file contains a list of the registered ISA DMA channels in use.</p>
+</li>
+<li>
+<p><code>/proc/execdomains</code>: This file lists the execution domains currently supported by the Linux kernel, along with the
+  range of personalities they support.</p>
+</li>
+<li>
+<p><code>/proc/filesystems</code>: This file displays a list of the file system types currently supported by the kernel.<br />
+  The first column signifies whether the file system is mounted on a block device. Those beginning with <code>nodev</code> are not mounted on a device.<br />
+  The second column lists the names of the file systems supported.<br />
+  The mount command cycles through the file systems listed here when one is not specified as an argument.</p>
+</li>
+<li>
+<p><code>/proc/interrupts</code>: This file records the number of interrupts per IRQ on the <code>x86</code> architecture.</p>
+</li>
+<li>
+<p><code>/proc/iomem</code>: This file shows the current map of the system’s memory for each physical device.</p>
+</li>
+<li>
+<p><code>/proc/ioports</code>: This file provides a list of currently registered port regions used for input or output communication with a device.</p>
+</li>
+<li>
+<p><code>/proc/kcore</code>: This file represents the physical memory of the system and is stored in the core file format.
+  The contents of this file are designed to be examined by a debugger, such as gdb, and is not human readable.</p>
+</li>
+<li>
+<p><code>/proc/kmsg</code>: This file is used to hold messages generated by the kernel. These messages are then picked up by other
+  programs, such as <code>/bin/dmesg</code>.</p>
+</li>
+<li>
+<p><code>/proc/loadavg</code>: This file provides a look at the load average in regard to both the CPU and I/O over time, as well as
+  additional data used by uptime and other commands.</p>
+</li>
+<li>
+<p><code>/proc/locks</code>: This file displays the files currently locked by the kernel. The contents of this file contain internal
+  kernel debugging data and can vary tremendously, depending on the use of the system.</p>
+</li>
+<li>
+<p><code>/proc/mdstat</code>: This file contains the current information for multiple-disk, RAID configurations.</p>
+</li>
+<li>
+<p><code>/proc/meminfo</code>: This file reports a large amount of valuable information about the system’s RAM usage.</p>
+</li>
+<li>
+<p><code>/proc/modules</code>: This file displays a list of all modules loaded into the kernel. Most of this information can also be
+  viewed by using the /sbin/lsmod command.</p>
+</li>
+</ul>
+<h2 id="process-directories-in-proc">Process Directories in <code>/proc</code></h2>
+<p>The <code>/proc</code> directory contains directories with numerical names.
+These directories are named after a program’s process ID and contain information about that process.
+The owner and group of each process directory are set to the user running the process.</p>
+<p>Each <code>/proc/&lt;pid&gt;</code> directory contains several files including:</p>
+<ul>
+<li><code>cmdline</code>: The command issued when starting the process</li>
+<li><code>cwd</code>: A symbolic link to the current working directory for the process</li>
+<li><code>environ</code>: A list of the environment variables for the process</li>
+<li><code>exe</code>: A symbolic link to the executable of this process</li>
+<li><code>fd</code>: The directory containing all of the file descriptors for a particular process</li>
+<li><code>maps</code>: A list of memory maps to executables and library files associated with process</li>
+<li><code>mem</code>: The memory held by the process (the file cannot be read by the user)</li>
+<li><code>root</code>: A link to the root directory of the process</li>
+<li><code>stat</code>: The status of the process including run state and memory usage</li>
+<li><code>statm</code>: The status of the memory in use by the process</li>
+<li><code>status</code>: The status of the process in a more readable form than stat or statm</li>
+</ul>
+<h2 id="other-directories-in-proc">Other Directories in <code>/proc</code></h2>
+<p>Other directories within the <code>/proc</code> directory group similar information by topic. The following is a partial list of these directories:</p>
+<ul>
+<li>
+<p><code>/proc/bus</code>: This directory contains information about the various buses available on the system.
+  The subdirectories and files available within /proc/bus vary depending on the devices connected to the system.</p>
+</li>
+<li>
+<p><code>/proc/bus/pci</code>, <code>/proc/bus/usb</code>: It's possible to get a list of all PCI and USB devices present on the system by using
+  the cat command on the devices file within these directories, but the output is difficult to read and interpret.<br />
+  For a human-readable list of devices, run the <code>lspci</code> and <code>lsusb</code> commands.</p>
+</li>
+<li>
+<p><code>/proc/driver</code>: This directory contains information for specific drivers in use by the kernel.</p>
+</li>
+<li>
+<p><code>/proc/fs</code>: This directory shows which file systems are exported.</p>
+</li>
+<li>
+<p><code>/proc/irq</code>: This directory is used to set IRQ to CPU affinity, which allows the system to connect a particular IRQ to only one CPU.
+  Alternatively, it can exclude a CPU from handling any IRQs.</p>
+</li>
+<li>
+<p><code>/proc/self/net</code>: This directory provides a comprehensive look at various networking parameters and statistics.
+  Each directory and virtual file within this directory describes aspects of the system’s network configuration.
+  The <code>/proc/net</code> file is a symbolic link to this directory.</p>
+</li>
+<li>
+<p><code>/proc/scsi</code>: The primary file in this directory is <code>/proc/scsi/scsi</code>, which contains a list of every recognized SCSI device.
+  From this listing, the type of device, as well as the model name, vendor, SCSI channel, and ID data is available.</p>
+</li>
+<li>
+<p><code>/proc/sys</code>: This directory is different from others in <code>/proc</code>, because it not only provides information about the system
+  but also allows to immediately enable and disable kernel features.<br />
+  Changes made by writing to the files are not persistent and disappear when the system is restarted.
+  To make changes persist after rebooting, add them to the <code>/etc/sysctl.conf</code> file.</p>
+</li>
+<li>
+<p><code>/proc/sys/dev</code>: This directory provides parameters for particular devices on the system.</p>
+</li>
+<li>
+<p><code>/proc/sys/fs</code>: This directory contains options and information concerning various aspects of the file system, including quota, file handle, and inode information.</p>
+</li>
+<li>
+<p><code>/proc/sys/kernel</code>: This directory contains a variety of different configuration files that directly affect the operation of the kernel.</p>
+</li>
+<li>
+<p><code>/proc/sys/net</code>: This directory contains subdirectories concerning various networking topics.
+  Ir's possible to alter the files within these directories to adjust the network configuration on a running system.</p>
+</li>
+<li>
+<p><code>/proc/sysvipc</code>: This directory contains information about System V Interprocess Communication (IPC) resources.
+  The files in this directory relate to System V IPC calls for messages (msg), semaphores (sem), and shared memory (shm).</p>
+</li>
+<li>
+<p><code>/proc/tty</code>: This directory contains information about the available and currently used tty devices on the system.
+  The drivers file is a list of the current tty devices in use.</p>
+</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="file-links.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: File Links">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                File Links
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="sysfs.html" class="md-footer__link md-footer__link--next" aria-label="Next: /sys">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                /sys
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/linux/filesystem/sysfs.html b/linux/filesystem/sysfs.html
new file mode 100644
index 0000000..0990c27
--- /dev/null
+++ b/linux/filesystem/sysfs.html
@@ -0,0 +1,4295 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/linux/filesystem/sysfs.html">
+      
+      
+        <link rel="prev" href="procfs.html">
+      
+      
+        <link rel="next" href="../init/systemd.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>/sys - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="/sys - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/filesystem/sysfs.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/linux/filesystem/sysfs.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="/sys - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/filesystem/sysfs.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#sys-filesystem-sysfs" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              /sys
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="sysfs.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#sysfs-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      sysfs Directories
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="sysfs Directories">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#sysblock" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/block
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysbus" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/bus
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysclass" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysdevices" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/devices
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysfirmware" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/firmware
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysmodule" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/module
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#syspower" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/power
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#sysfs-directories" class="md-nav__link">
+    <span class="md-ellipsis">
+      sysfs Directories
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="sysfs Directories">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#sysblock" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/block
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysbus" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/bus
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysclass" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/class
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysdevices" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/devices
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysfirmware" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/firmware
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#sysmodule" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/module
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#syspower" class="md-nav__link">
+    <span class="md-ellipsis">
+      /sys/power
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="sys-filesystem-sysfs"><code>/sys</code> Filesystem (<code>sysfs</code>)</h1>
+<h2 id="sysfs-directories"><code>sysfs</code> Directories</h2>
+<p>In addition to <code>/proc</code>, the kernel also exports information to another <em>virtual file system</em> called <code>sysfs</code>. <code>sysfs</code> is used by programs such as <a href="https://en.wikipedia.org/wiki/Udev"><code>udev</code></a> to access device and device driver information.</p>
+<h3 id="sysblock"><code>/sys/block</code></h3>
+<p>This directory contains entries for each <a href="https://en.wikipedia.org/wiki/Device_file#Block_devices"><strong>block device</strong></a> in the system. Symbolic links point to the physical device that the device maps to in the physical device tree.</p>
+<p>For example, attributes for the <em>sda</em> disks reside in the <code>/sys/block/sda</code> directory.</p>
+<h3 id="sysbus"><code>/sys/bus</code></h3>
+<p>This directory contains subdirectories for each <strong>physical bus</strong> type supported in the kernel. Each bus type has two subdirectories: <strong>devices</strong> and <strong>drivers</strong>.  </p>
+<p>The devices directory lists devices discovered on that type of bus. The drivers directory contains directories for each device driver registered with the bus type. Driver parameters can be viewed and manipulated.</p>
+<h3 id="sysclass"><code>/sys/class</code></h3>
+<p>This directory contains every device class registered with the kernel. Device classes describe a functional type of device. Examples include input devices, network devices, and block devices.</p>
+<h3 id="sysdevices"><code>/sys/devices</code></h3>
+<p>This directory contains the global device hierarchy of <em>all devices</em> on the system. This directory also contains a platform directory and a system directory. </p>
+<p>The platform directory contains peripheral devices specific to a particular platform such as device controllers. The system directory contains non-peripheral devices such as CPUs and APICs.</p>
+<h3 id="sysfirmware"><code>/sys/firmware</code></h3>
+<p>This directory contains subdirectories with firmware objects and attributes.</p>
+<h3 id="sysmodule"><code>/sys/module</code></h3>
+<p>This directory contains subdirectories for each module that is loaded into the kernel.</p>
+<h3 id="syspower"><code>/sys/power</code></h3>
+<p>The system power state can be controlled from this directory. The disk attribute controls the method by which the system suspends to disk. The state attribute allows a process to enter a low power state.</p>
+<!-- links -->
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="procfs.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: /proc">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                /proc
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../init/systemd.html" class="md-footer__link md-footer__link--next" aria-label="Next: Systemd">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                Systemd
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/linux/init/open-rc.html b/linux/init/open-rc.html
new file mode 100644
index 0000000..eed1299
--- /dev/null
+++ b/linux/init/open-rc.html
@@ -0,0 +1,4214 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/linux/init/open-rc.html">
+      
+      
+        <link rel="prev" href="systemd.html">
+      
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>OpenRC - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="OpenRC - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/init/open-rc.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/linux/init/open-rc.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="OpenRC - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/init/open-rc.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#openrc" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              OpenRC
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="open-rc.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#runlevels-services" class="md-nav__link">
+    <span class="md-ellipsis">
+      Runlevels &amp; Services
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Runlevels & Services">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-runlevels" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Runlevels
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-services" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Services
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#runlevels-services" class="md-nav__link">
+    <span class="md-ellipsis">
+      Runlevels &amp; Services
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Runlevels & Services">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-runlevels" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Runlevels
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-services" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Services
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="openrc"><a href="https://github.com/OpenRC/openrc/blob/master/user-guide.md">OpenRC</a></h1>
+<p><strong>OpenRC</strong> is a dependency-based init system for Unix-like systems that maintains compatibility with the system-provided init system, normally located in /sbin/init. OpenRC is Gentoo's native init system, although other init systems are available.</p>
+<p>OpenRC will start necessary system services in the correct order at boot, manage them while the system is in use, and stop them at shutdown. It can manage daemons installed from the Gentoo repository, can optionally supervise the processes it launches, and has an the possibility to start processes in parallel - when possible - to shorten boot time.</p>
+<h2 id="runlevels-services">Runlevels &amp; Services</h2>
+<p>OpenRC has a concept of <strong>runlevels</strong>. A runlevel is a collection of services that needs to be started. Instead of random numbers they are named, and users can create their own if needed.</p>
+<p>The <code>rc-status</code> helper will print all currently active runlevels and the state of services in them:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>Runlevel:<span class="w"> </span>default
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="w">  </span>modules<span class="w">                     </span><span class="o">[</span><span class="w">  </span>started<span class="w">  </span><span class="o">]</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">  </span>lvm<span class="w">                         </span><span class="o">[</span><span class="w">  </span>started<span class="w">  </span><span class="o">]</span>
+</code></pre></div></td></tr></table></div>
+<p>All runlevels are represented as folders in <code>/etc/runlevels/</code> with symlinks to the actual service scripts.</p>
+<p>Calling <code>openrc</code> with an argument will switch to that runlevel; this will start and stop services as needed.</p>
+<h3 id="managing-runlevels">Managing Runlevels</h3>
+<p>Managing runlevels is usually done through the <code>rc-update</code> helper, but could of course be done by hand if desired.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>rc-update<span class="w"> </span>add<span class="w"> </span>&lt;service&gt;<span class="w"> </span>&lt;runlevel&gt;
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>rc-update<span class="w"> </span>del<span class="w"> </span>&lt;service&gt;<span class="w"> </span>&lt;runlevel&gt;
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>rc-update<span class="w"> </span>show<span class="w"> </span>&lt;runlevel&gt;
+</code></pre></div></td></tr></table></div>
+<p>The default startup uses the runlevels <code>sysinit</code>, <code>boot</code>, and <code>default</code>, in that order. Shutdown uses the <code>shutdown</code> runlevel.</p>
+<h3 id="managing-services">Managing Services</h3>
+<p>Any service can, at any time, be started/stopped/restarted by executing with the <code>rc-service</code> helper  someservice start, rc-service someservice stop, etc.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>rc-service<span class="w"> </span>&lt;service&gt;<span class="w"> </span>start
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>rc-service<span class="w"> </span>&lt;service&gt;<span class="w"> </span>stop
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>rc-service<span class="w"> </span>&lt;service&gt;<span class="w"> </span>restart
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a>rc-service<span class="w"> </span>&lt;service&gt;<span class="w"> </span>status
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a>rc-service<span class="w"> </span>&lt;service&gt;<span class="w"> </span>zap
+</code></pre></div></td></tr></table></div>
+<p>Another, less preferred method, is to run the service script directly, e.g. /etc/init.d/service start, /etc/init.d/service stop, etc.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>/etc/init.d/&lt;service&gt;<span class="w"> </span>start
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>/etc/init.d/&lt;service&gt;<span class="w"> </span>stop
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a>/etc/init.d/&lt;service&gt;<span class="w"> </span>restart
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a>/etc/init.d/&lt;service&gt;<span class="w"> </span>status
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>/etc/init.d/&lt;service&gt;<span class="w"> </span>zap
+</code></pre></div></td></tr></table></div>
+<p>There is a special command <code>zap</code> that makes OpenRC 'forget' that a service is started. This is mostly useful to reset a crashed service to stopped state without invoking the (possibly broken) stop function of the service script.</p>
+<p>Calling <code>openrc</code> without any arguments will try to reset all services so that the current runlevel is satisfied.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="systemd.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Systemd">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Systemd
+              </div>
+            </div>
+          </a>
+        
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/linux/init/systemd.html b/linux/init/systemd.html
new file mode 100644
index 0000000..adb9d39
--- /dev/null
+++ b/linux/init/systemd.html
@@ -0,0 +1,4083 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/linux/init/systemd.html">
+      
+      
+        <link rel="prev" href="../filesystem/sysfs.html">
+      
+      
+        <link rel="next" href="open-rc.html">
+      
+      
+      <link rel="icon" href="../../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Systemd - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Systemd - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/init/systemd.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/linux/init/systemd.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Systemd - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/linux/init/systemd.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#systemd" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Systemd
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../../misc/git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="../filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../misc/web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+          
+          
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+      <a href="systemd.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="systemd"><a href="https://wiki.archlinux.org/title/Systemd">Systemd</a></h1>
+<p><strong>systemd</strong> is a suite of basic building blocks for a Linux system. It provides a <em>system</em> and <em>service manager</em> that runs as PID 1 and starts the rest of the system.</p>
+<p><code>systemd</code> provides aggressive parallelization capabilities, uses socket and D-Bus activation for starting services, offers on-demand starting of daemons, keeps track of processes using Linux control groups, maintains mount and automount points, and implements an elaborate transactional dependency-based service control logic.</p>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../filesystem/sysfs.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: /sys">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                /sys
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="open-rc.html" class="md-footer__link md-footer__link--next" aria-label="Next: OpenRC">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                OpenRC
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/misc/git.html b/misc/git.html
new file mode 100644
index 0000000..a2071e4
--- /dev/null
+++ b/misc/git.html
@@ -0,0 +1,4592 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/misc/git.html">
+      
+      
+        <link rel="prev" href="../languages/bash/commands.html">
+      
+      
+        <link rel="next" href="graph-ql.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>Git - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="Git - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/git.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/misc/git.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="Git - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/git.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#git" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              Git
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="git.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#terminology" class="md-nav__link">
+    <span class="md-ellipsis">
+      Terminology
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Commands
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Commands">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-configs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Configs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tracking-files-making-changes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tracking Files &amp; Making Changes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-stashes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Stashes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-remotes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Remotes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#viewing-project-history" class="md-nav__link">
+    <span class="md-ellipsis">
+      Viewing Project History
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-tags" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Tags
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#branching-and-merging" class="md-nav__link">
+    <span class="md-ellipsis">
+      Branching And Merging
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#worktrees" class="md-nav__link">
+    <span class="md-ellipsis">
+      Worktrees
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#rewriting-history" class="md-nav__link">
+    <span class="md-ellipsis">
+      Rewriting History
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#git-revisions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Git Revisions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Git Revisions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#specifying-revisions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specifying Revisions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#specifying-ranges" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specifying Ranges
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#terminology" class="md-nav__link">
+    <span class="md-ellipsis">
+      Terminology
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#commands" class="md-nav__link">
+    <span class="md-ellipsis">
+      Commands
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Commands">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#managing-configs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Configs
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#tracking-files-making-changes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Tracking Files &amp; Making Changes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-stashes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Stashes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-remotes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Remotes
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#viewing-project-history" class="md-nav__link">
+    <span class="md-ellipsis">
+      Viewing Project History
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#managing-tags" class="md-nav__link">
+    <span class="md-ellipsis">
+      Managing Tags
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#branching-and-merging" class="md-nav__link">
+    <span class="md-ellipsis">
+      Branching And Merging
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#worktrees" class="md-nav__link">
+    <span class="md-ellipsis">
+      Worktrees
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#rewriting-history" class="md-nav__link">
+    <span class="md-ellipsis">
+      Rewriting History
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#git-revisions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Git Revisions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Git Revisions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#specifying-revisions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specifying Revisions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#specifying-ranges" class="md-nav__link">
+    <span class="md-ellipsis">
+      Specifying Ranges
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="git"><a href="https://git-scm.com/" title="Git Home Page">Git</a></h1>
+<p>Git is a free and open source distributed <a href="https://en.wikipedia.org/wiki/Version_control" title="VCS on Wikipedia">version control system</a> designed to handle everything from small to very large projects with speed and efficiency.</p>
+<h2 id="terminology">Terminology</h2>
+<p><strong>Repository</strong>: collection of files (blobs) and directories (trees) managed by git
+<strong>Commit</strong>: snapshot of the entire repository and its metadata
+<strong>Head</strong>: pointer to the current commit<br />
+<strong>Branch</strong>: timeline or collection of consecutive commits<br />
+<strong>Remote</strong>: remote shared repository in which changes as synced
+<strong>Working Tree</strong>: current version of the repository on disk<br />
+<strong>Index (Staging Area)</strong>: collection of changes not yet committed
+<strong>Stash</strong>: collection of pseudo-commits not belonging to a specific branch</p>
+<h2 id="commands">Commands</h2>
+<h3 id="managing-configs">Managing Configs</h3>
+<p>There are three git config sources/scopes:</p>
+<ol>
+<li><strong>system</strong>: defined in git's installation folder and managed with <code>--system</code></li>
+<li><strong>global</strong>: defined in <code>$HOME/.gitconfig</code> or <code>$XDG_CONFIG_HOME/git/config</code> and managed with <code>--global</code></li>
+<li><strong>local</strong>: defined in <code>.git/config</code> and managed with <code>--local</code></li>
+</ol>
+<p>The applied config in each repository is the combination of all three scopes in order.</p>
+<p><code>git config [--&lt;scope&gt;] &lt;key&gt; &lt;value&gt;</code>: set git config key-value pair<br />
+<code>git config [--&lt;scope&gt;] --unset &lt;key&gt;</code>: unset git config key-value pair<br />
+<code>git config [--&lt;scope&gt;] --list</code>: list git config key-value pairs  </p>
+<h3 id="tracking-files-making-changes">Tracking Files &amp; Making Changes</h3>
+<p><code>git status</code>: shows the status of changes as untracked, modified, or staged  </p>
+<p><code>git add &lt;files&gt;</code>: add files contents to the staging area<br />
+<code>git add -u|--update &lt;files&gt;</code>: stage changes but ignore untracked files<br />
+<code>git add -p|--patch &lt;files&gt;</code>: interactively stage chunks of files  </p>
+<p><code>git restore .</code>: discard uncommitted changes<br />
+<code>git restore &lt;file&gt;</code>: discard uncommitted changes to file<br />
+<code>git restore --staged</code>: discard changes made to a file<br />
+<code>git restore --staged --worktree</code>: unstage and discard changes made to a file<br />
+<code>git restore -p|--patch</code>: interactively unstage chunks of files  </p>
+<p><code>git commit</code>: save the snapshot to the project history<br />
+<code>git commit -m|--message "message"</code>: commit and provide a message<br />
+<code>git commit -a|--all</code>: automatically notice any modified (but not new) files and commit<br />
+<code>git commit -v|--verbose</code>: show unified diff between the HEAD commit and what would be committed<br />
+<code>git commit --amend</code>: modify latest commit with the new changes<br />
+<code>git commit --no-verify</code>: commit without executing hooks<br />
+<code>git commit --fixup &lt;commit&gt;</code>: mark commit as correction to another<br />
+<code>git commit -s|--signoff</code>: Add a <code>Signed-off-by</code> trailer by the committer at the end of the commit log message  </p>
+<h3 id="managing-stashes">Managing Stashes</h3>
+<p><code>git stash [push] [-m|--message]</code>: add all changes to the stash (and provide message)<br />
+<code>git stash [push] -k|--keep-index</code>: create a stash but leave files as they are<br />
+<code>git stash list</code> list all stashes<br />
+<code>git stash show [&lt;stash&gt;]</code>: show changes in the stash<br />
+<code>git stash pop</code>: restore last stash<br />
+<code>git stash drop [&lt;stash&gt;]</code>: remove a stash from the list<br />
+<code>git stash clear</code>: remove all stashes  </p>
+<h3 id="managing-remotes">Managing Remotes</h3>
+<p><code>git remote</code>: list remotes<br />
+<code>git remote -v|--verbose</code>: list remotes names and URLs<br />
+<code>git remote show &lt;remote&gt;</code>: inspect the remote  </p>
+<p><code>git remote add &lt;remote&gt; &lt;url | path&gt;</code>: add a remote<br />
+<code>git remote remove &lt;remote&gt;</code>: remove the specified remote<br />
+<code>git remote rename &lt;old_name&gt; &lt;new_name&gt;</code>: rename a remote<br />
+<code>git remote set-url &lt;name&gt; &lt;url&gt;</code>: change the URL for the remote<br />
+<code>git remote set-url --add &lt;name&gt; &lt;url&gt;</code>: add another URL for the remote<br />
+<code>git remote set-url --add --push &lt;name&gt; &lt;url&gt;</code>: add another push URL for the remote<br />
+<code>git remote set-url &lt;name&gt; &lt;url&gt;</code>: change the URL for rhe remote<br />
+<code>git branch -u|--set-upstream-to=&lt;remote&gt;/&lt;remote branch&gt;</code>: set up correspondence between local and remote branch  </p>
+<p><code>git push</code>: send objects to default remote on current branch<br />
+<code>git push &lt;remote&gt; &lt;branch&gt;</code>: send objects to remote<br />
+<code>git push &lt;remote&gt; &lt;local branch&gt;:&lt;remote branch&gt;</code>: send objects to remote, and update remote reference  </p>
+<p><code>git push -f|--force</code>: overwrite remote with local version<br />
+<code>git push --force-with-lease</code>: overwrite remote with local version if remote has not been modified<br />
+<code>git push --force-with-lease --force-if--includes</code>: will verify if updates from the remote that may have been implicitly updated in the background are integrated locally before allowing a forced update  </p>
+<p><code>git fetch [&lt;remote&gt;]</code>: retrieve objects/references from a remote<br />
+<code>git pull</code>: incorporate remote changes by merging, same as <code>git fetch; git merge</code><br />
+<code>git pull --rebase</code>: incorporate remote changes by rebasing<br />
+<code>git pull --ff</code>: fast-forward (only update branch tip) remote changes, merge if not possible<br />
+<code>git pull --ff-only</code>: fast-forward (only update branch tip) remote changes, error if not possible  </p>
+<p><code>git fetch|pull -p|--prune</code>: remove any remote-tracking references that no longer exist on the remote<br />
+<code>git fetch|pull -t|--tags</code>: retrieve all tags from the remote</p>
+<p><code>git clone &lt;url&gt; [&lt;folder_name&gt;]</code>: download repository and repo history from remote<br />
+<code>git clone --shallow</code>: clone only repo files, not history of commits<br />
+<code>git clone --depth &lt;depth&gt;</code>: clone only last <code>&lt;depth&gt;</code> commits  </p>
+<blockquote>
+<p><strong>Note</strong>: for a in depth explanation of <code>--force-if-includes</code> see <a href="https://stackoverflow.com/a/65839129" title="git --force-if-includes explanation">this</a></p>
+</blockquote>
+<h3 id="viewing-project-history">Viewing Project History</h3>
+<p><code>git log [&lt;rev&gt;]</code>: show history of changes<br />
+<code>git log -p|--patch</code>: show history of changes and complete differences<br />
+<code>git log --stat --summary</code>: show overview of the change<br />
+<code>git log --follow &lt;file&gt;</code>: list version history fo file, including renames<br />
+<code>git log --all --graph --decorate</code>: visualizes history as a DAG<br />
+<code>git log --oneline</code>: compact log  </p>
+<p><code>git log -S&lt;string&gt;</code>: Look for diffs that change the number of occurrences of the specified <code>&lt;string&gt;</code><br />
+<code>git log -G&lt;regex&gt;</code>: Look for diffs whose patch text contains added/removed lines that match <code>&lt;regex&gt;</code>  </p>
+<p><code>git log -L &lt;start&gt;,&lt;end&gt;:&lt;file&gt;</code>: Trace the evolution of the line range given by <code>&lt;start&gt;,&lt;end&gt;</code>, within the <code>&lt;file&gt;</code><br />
+<code>git log -L /&lt;regex&gt;/:&lt;file&gt;</code>: Trace the evolution of the line range given by the function name regex <code>&lt;regex&gt;</code>, within the <code>&lt;file&gt;</code>  </p>
+<p><code>git shortlog</code>: list commits by author<br />
+<code>git reflog [&lt;rev&gt;]</code>: show record of when the tips of branches and other references were updated in the local repository  </p>
+<p><code>git show &lt;commit&gt;</code>: show commit metadata and content<br />
+<code>git show --stat &lt;commit&gt;</code>: show number of changes in commit  </p>
+<p><code>git blame &lt;file&gt;</code>: show who last edited which line<br />
+<code>git blame -L &lt;start&gt;,&lt;end&gt; -- &lt;file&gt;</code>: Annotate only the line range given by <code>&lt;start&gt;,&lt;end&gt;</code>, within the <code>&lt;file&gt;</code><br />
+<code>git blame -L /&lt;regex&gt;/ -- &lt;file&gt;</code>: Annotate only the range given by the function name regex <code>&lt;regex&gt;</code>, within the <code>&lt;file&gt;</code><br />
+<code>git blame -w</code>: Ignore whitespace when comparing the parent’s version and the child’s to find where the lines came from<br />
+<code>git blame -M</code>: Detect moved or copied lines within a file.<br />
+<code>git blame -M -C [-C -C]</code>: Detect moved or copied lines within a file (<code>-M</code>), from all modified files in the same commit (<code>-C</code>), in the commit that created the file (<code>-C -C</code>), in all commits (<code>-C -C -C</code>)  </p>
+<p><code>git diff &lt;filename&gt;</code>: show difference since the last commit<br />
+<code>git diff &lt;commit&gt; &lt;filename&gt;</code>: show differences in a file since a particular snapshot<br />
+<code>git diff &lt;reference_1&gt; &lt;reference_2&gt; &lt;filename&gt;</code>: show differences in a file between two snapshots<br />
+<code>git diff  --staged</code>: show what is about to be committed<br />
+<code>git diff &lt;first-branch&gt;...&lt;second-branch&gt;</code>: show content diff between two branches<br />
+<code>git diff -w|--ignore-all-space</code>: show diff ignoring whitespace differences<br />
+<code>git diff --word-diff</code>: show diff word-by-word instead of line-wise  </p>
+<p><code>git bisect start</code>: start binary search through commit history, to find the first "bad" commit<br />
+<code>git bisect good</code>: mark current commit as "good"<br />
+<code>git bisect bad</code>: mark current commit as "bad"<br />
+<code>git bisect reset</code>: conclude search and restore HEAD  </p>
+<h3 id="managing-tags">Managing Tags</h3>
+<p>Git supports two types of tags: <em>lightweight</em> and <em>annotated</em>.  </p>
+<p>A lightweight tag is very much like a branch that doesn't change: it's just a pointer to a specific commit.  </p>
+<p>Annotated tags, however, are stored as full objects in the Git database.<br />
+They're checksummed; contain the tagger name, email, and date; have a tagging message; and can be signed.<br />
+It's generally recommended creating annotated tags so it's possible to have all this information.  </p>
+<p><code>git tag</code>: list existing tags<br />
+<code>git tag -l|--list &lt;pattern&gt;</code>: list existing tags matching a wildcard or pattern  </p>
+<p><code>git tag &lt;tag&gt; [&lt;commit_hash&gt;]</code>: create a <em>lightweight</em> tag on the commit<br />
+<code>git tag -a|--annotate &lt;tag&gt; [&lt;commit_hash&gt; -m &lt;message&gt;]</code>: create am <em>annotated</em> tag on the commit<br />
+<code>git tag -f|--force &lt;tag&gt; [&lt;commit_hash&gt;]</code>: update a tag if it exists<br />
+<code>git tag -s|--sign &lt;tag&gt; [&lt;commit_hash&gt;]</code>: sign a tag  </p>
+<p><code>git push &lt;remote&gt; &lt;tagname&gt;</code>: push a tag to the remote<br />
+<code>git push &lt;remote&gt; --tags</code>: push commits and their tags (both types) to the remote  </p>
+<p><code>git tag -d|--delete &lt;tagname&gt;</code>: delete a tag<br />
+<code>git push &lt;remote&gt; :refs/tags&lt;tagname&gt;:</code>: remove a tag from the remote<br />
+<code>git push &lt;remote&gt; --delete &lt;tagname&gt;</code>: remove a tag from the remote  </p>
+<p><code>git switch &lt;tag&gt;</code>: checkout a tag - <strong>WARNING</strong>: will go into <em>detached HEAD</em>  </p>
+<h3 id="branching-and-merging">Branching And Merging</h3>
+<p><img alt="branch" src="../img/git_branches.avif" title="how branches work" /></p>
+<p><code>git branch</code>: shows branches<br />
+<code>git branch -vv</code>: show branch + last commit + remote status<br />
+<code>git branch --merged [--remote]</code>: show branches (remote) that have been merged into current one (needs same history, merge squash/rebase break history)
+<code>git branch</code>: show list of all existing branches  (* indicates current)<br />
+<code>git branch &lt;branch-name&gt;</code>: create new branch<br />
+<code>git branch -d|--delete &lt;branch-name&gt;</code>: delete specified branch<br />
+<code>git branch -m|--move &lt;old_name&gt; &lt;new_name&gt;</code>: rename a branch without affecting the branch's history<br />
+<code>git switch -c|--create &lt;branch-name&gt;</code>: create a new branch and switch to it<br />
+<code>git switch --orphan &lt;branch-name&gt;</code>: create an new un-rooted branch from scratch<br />
+<code>git switch &lt;branch-name&gt;</code>: change current branch (update HEAD) and update working directory  </p>
+<p><code>git merge &lt;branch-name&gt;</code>: merges into current branch<br />
+<code>git merge --continue</code>: continue previous merge after solving a merge conflict<br />
+<code>git rebase &lt;branch&gt;</code>: rebase current branch commits onto another branch<br />
+<code>git rebase --onto &lt;new-base&gt; &lt;old-base&gt;</code>: rebase a slice of commits from <code>&lt;old-base&gt;</code> onto <code>&lt;new-base&gt;</code><br />
+<code>git rebase --onto &lt;new-base&gt; --root &lt;old-base&gt;</code>: rebase a slice of commits from <code>&lt;old-base&gt;</code> onto <code>&lt;new-base&gt;</code>, including the root commit  </p>
+<p><code>git cherry-pick &lt;commit&gt;</code>: bring in a commit from another branch<br />
+<code>git cherry-pick &lt;commit&gt;..&lt;commit&gt;</code>: bring in a range of commits from another branch (first excluded)<br />
+<code>git cherry-pick &lt;commit&gt;^..&lt;commit&gt;</code>: bring in a range of commits from another branch (first included)  </p>
+<h3 id="worktrees">Worktrees</h3>
+<p>A git repository can support multiple working trees, allowing to check out more than one branch at a time.</p>
+<p>Additional worktrees are called "linked worktrees" as opposed to the "main worktree" prepared by <code>git init</code> or <code>git clone</code>.<br />
+A repository has one main worktree (if it’s not a bare repository) and zero or more linked worktrees.</p>
+<p><code>git worktree list</code>: show worktrees<br />
+<code>git worktree add &lt;path&gt; &lt;commit&gt;</code>: create worktree at <code>&lt;path&gt;</code> and checkout <code>&lt;commit&gt;</code><br />
+<code>git worktree add -b &lt;branch&gt; &lt;path&gt; &lt;commit&gt;</code>: create worktree and branch at <code>&lt;path&gt;</code><br />
+<code>git worktree remove &lt;worktree&gt;</code>: remove a worktree  </p>
+<h3 id="rewriting-history">Rewriting History</h3>
+<p><code>git commit --amend</code>: replace last commit by creating a new one (can add files or rewrite commit message)<br />
+<code>git commit --amend -m "amended message"</code>: replace last commit by creating a new one (can add files or rewrite commit message)<br />
+<code>git commit --amend  --no-edit</code>: replace last commit by creating a new one (can add files or rewrite commit message)  </p>
+<p><code>git reset &lt;commit&gt;</code>: revert to specific commit but keep changes<br />
+<code>git reset --soft &lt;commit&gt;</code>: revert to specific commit but keep changes and staged files<br />
+<code>git reset --hard &lt;commit&gt;</code>: revert to specific commit and discard changes<br />
+<code>git reset &lt;commit&gt; &lt;file&gt;</code>: revert <code>&lt;file&gt;</code> to specific commit  </p>
+<p><code>git clean</code>: remove untracked files form the working tree<br />
+<code>git clean -d</code>: remove untracked files recursively<br />
+<code>git clean --interactive</code>: remove untracked files interactively  </p>
+<p><code>git restore --source &lt;commit&gt; &lt;file&gt;</code>: revert file to commit version<br />
+<code>git restore &lt;deleted-file&gt;</code>: recover deleted file if previously committed  </p>
+<p><code>git rebase -i|--interactive</code>: modify (reword, edit, drop, squash, merge, ...) current branch commits<br />
+<code>git rebase -i|--interactive HEAD~&lt;n&gt;</code>: modify (reword, edit, drop, squash, merge, ...) <em>n</em> commits<br />
+<code>git rebase -i|--interactive &lt;commit&gt;</code>: modify (reword, edit, drop, squash, merge, ...) <em>from</em> commit to latest<br />
+<code>git rebase --autostash</code>: automatically create a temporary stash entry before rebasing<br />
+<code>git rebase --autosquash</code>: automatically apply "squash!" or "fixup!" or "amend!" commits  </p>
+<h2 id="git-revisions"><a href="https://git-scm.com/docs/gitrevisions">Git Revisions</a></h2>
+<h3 id="specifying-revisions">Specifying Revisions</h3>
+<p>A revision parameter <code>&lt;rev&gt;</code> can take one of these forms:</p>
+<ul>
+<li><code>&lt;sha&gt;</code>: full or short sha of the object.</li>
+<li><code>&lt;refname&gt;</code>: a named object reference. One of:<ul>
+<li><code>refs/&lt;refname&gt;</code></li>
+<li><code>refs/tags/&lt;refname&gt;</code></li>
+<li><code>refs/heads/&lt;refname&gt;</code></li>
+<li><code>refs/remotes/&lt;refname&gt;</code></li>
+<li><code>refs/remotes/&lt;refname&gt;</code></li>
+<li><code>HEAD</code> or <code>*_HEAD</code></li>
+</ul>
+</li>
+<li><code>[&lt;refname&gt;]@{&lt;date&gt;}</code>: a revision at a specific point in time.</li>
+<li><code>[&lt;refname&gt;]@{n}</code>: <code>n</code>th prior value of a <code>&lt;refname&gt;</code>.</li>
+<li><code>@{-n}</code>: <code>&lt;n&gt;</code>th branch/commit checked out before the current one.</li>
+<li><code>&lt;rev&gt;^</code>: first parent of <code>&lt;rev&gt;</code>.</li>
+<li><code>&lt;rev&gt;~[&lt;n&gt;]</code>: <code>n</code>th parent of <code>&lt;rev&gt;</code></li>
+</ul>
+<h3 id="specifying-ranges">Specifying Ranges</h3>
+<p>A revision range can take one of these forms:</p>
+<ul>
+<li><code>&lt;rev&gt;</code>: Include commits that are reachable from <code>&lt;rev&gt;</code> (<code>&lt;rev&gt;</code> and its ancestors).</li>
+<li><code>^&lt;rev&gt;</code>: Exclude commits that are reachable from <code>&lt;rev&gt;</code> (<code>&lt;rev&gt;</code> and its ancestors).</li>
+<li><code>&lt;rev1&gt;..&lt;rev2&gt;</code>: Include commits that are reachable from <code>&lt;rev2&gt;</code> but exclude those that are reachable from <code>&lt;rev1&gt;</code>.</li>
+<li><code>&lt;rev1&gt;...&lt;rev2&gt;</code>: Include commits that are reachable from either <rev1> or <rev2> but exclude those that are reachable from both.
+<code>&lt;rev&gt;^@</code>: A suffix <code>^</code> followed by <code>@</code> is the same as listing all parents of <code>&lt;rev&gt;</code> (meaning, include anything reachable from its parents, but not the commit itself).
+<code>&lt;rev&gt;^!</code>: A suffix <code>^</code> followed by <code>!</code> is the same as giving commit <code>&lt;rev&gt;</code> and all its parents prefixed with <code>^</code> to exclude them (and their ancestors).
+<code>&lt;rev&gt;^-&lt;n&gt;</code>: Equivalent to <code>&lt;rev&gt;^&lt;n&gt;..&lt;rev&gt;</code>, with <code>&lt;n&gt; = 1</code> if not given.</li>
+</ul>
+<!-- links -->
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="../languages/bash/commands.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Commands">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Commands
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="graph-ql.html" class="md-footer__link md-footer__link--next" aria-label="Next: GraphQL">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                GraphQL
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/misc/graph-ql.html b/misc/graph-ql.html
new file mode 100644
index 0000000..bb8b452
--- /dev/null
+++ b/misc/graph-ql.html
@@ -0,0 +1,5005 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/misc/graph-ql.html">
+      
+      
+        <link rel="prev" href="git.html">
+      
+      
+        <link rel="next" href="regular-expressions.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>GraphQL - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="GraphQL - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/graph-ql.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/misc/graph-ql.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="GraphQL - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/graph-ql.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#graphql" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              GraphQL
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="graph-ql.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#schema-and-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Schema and Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Schema and Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#object-types-and-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object types and fields
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#field-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Field Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#query-and-mutation-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query and Mutation types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#scalar-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scalar Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enumeration-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enumeration Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lists-and-non-null" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists and Non-Null
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Lists and Non-Null">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interfaces
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#union-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Union Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#input-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Input Type
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#queries-mutations-and-subscriptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Queries, Mutations and Subscriptions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Queries, Mutations and Subscriptions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#simple-query" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Query
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#query-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#aliases" class="md-nav__link">
+    <span class="md-ellipsis">
+      Aliases
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fragments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fragments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#using-variables-inside-fragments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Using variables inside fragments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operation-name" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operation Name
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      Directives
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mutations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mutations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#subscriptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Subscriptions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inline-fragments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline Fragments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#meta-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      Meta Fields
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#execution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Execution
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Execution">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#root-fields-and-resolvers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Root fields and Resolvers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#schema-and-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Schema and Types
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Schema and Types">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#object-types-and-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      Object types and fields
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#field-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Field Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#query-and-mutation-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query and Mutation types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#scalar-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Scalar Types
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#enumeration-types" class="md-nav__link">
+    <span class="md-ellipsis">
+      Enumeration Types
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#lists-and-non-null" class="md-nav__link">
+    <span class="md-ellipsis">
+      Lists and Non-Null
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Lists and Non-Null">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#interfaces" class="md-nav__link">
+    <span class="md-ellipsis">
+      Interfaces
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#union-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Union Type
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#input-type" class="md-nav__link">
+    <span class="md-ellipsis">
+      Input Type
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#queries-mutations-and-subscriptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Queries, Mutations and Subscriptions
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Queries, Mutations and Subscriptions">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#simple-query" class="md-nav__link">
+    <span class="md-ellipsis">
+      Simple Query
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#query-arguments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Query Arguments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#aliases" class="md-nav__link">
+    <span class="md-ellipsis">
+      Aliases
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#fragments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Fragments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#using-variables-inside-fragments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Using variables inside fragments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#operation-name" class="md-nav__link">
+    <span class="md-ellipsis">
+      Operation Name
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#variables" class="md-nav__link">
+    <span class="md-ellipsis">
+      Variables
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#directives" class="md-nav__link">
+    <span class="md-ellipsis">
+      Directives
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#mutations" class="md-nav__link">
+    <span class="md-ellipsis">
+      Mutations
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#subscriptions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Subscriptions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#inline-fragments" class="md-nav__link">
+    <span class="md-ellipsis">
+      Inline Fragments
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#meta-fields" class="md-nav__link">
+    <span class="md-ellipsis">
+      Meta Fields
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#execution" class="md-nav__link">
+    <span class="md-ellipsis">
+      Execution
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Execution">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#root-fields-and-resolvers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Root fields and Resolvers
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="graphql">GraphQL</h1>
+<p><a href="https://www.howtographql.com/">How to GraphQL - The Fullstack Tutorial for GraphQL</a></p>
+<p>GraphQL is a query language for APIa, and a server-side runtime for executing queries by using a type system for the data. GraphQL isn't tied to any specific database or storage engine and is instead backed by existing code and data.</p>
+<p>A GraphQL service is created by defining types and fields on those types, then providing functions for each field on each type.</p>
+<hr />
+<h2 id="schema-and-types">Schema and Types</h2>
+<h3 id="object-types-and-fields">Object types and fields</h3>
+<p>The most basic components of a GraphQL schema are object types, which just represent a kind of object fetchable from the service, and what fields it has.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="k">type</span><span class="w"> </span><span class="err">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="err">!</span><span class="w">  </span><span class="c"># non-nullable type</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="err">[</span><span class="n">Type</span><span class="err">]</span><span class="w">  </span><span class="c"># array of objects</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="err">[</span><span class="n">Type</span><span class="err">!]!</span><span class="w">  </span><span class="c"># non-nullable array of non-nullable objects</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="field-arguments">Field Arguments</h3>
+<p>Every field on a GraphQL object type can have zero or more arguments. All arguments are named.</p>
+<p>Arguments can be either <em>required</em> or <em>optional</em>. When an argument is optional, it's possible to define a default value.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="k">type</span><span class="w"> </span><span class="err">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">,</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w">  </span><span class="n">field</span><span class="p">(</span><span class="n">namedArg</span><span class="p">:</span><span class="w"> </span><span class="no">Type</span><span class="w"> </span><span class="err">=</span><span class="w"> </span><span class="n">defaultValue</span><span class="p">)</span><span class="err">:</span><span class="w"> </span><span class="n">Type</span>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="query-and-mutation-types">Query and Mutation types</h3>
+<p>Every GraphQL service has a <code>query</code> type and may or may not have a <code>mutation</code> type. These types are the same as a regular object type, but they are special because they define the <em>entry point</em> of every GraphQL query.</p>
+<h3 id="scalar-types">Scalar Types</h3>
+<p>A GraphQL object type has a name and fields, but at some point those fields have to resolve to some concrete data.
+That's where the scalar types come in: they represent the <em>leaves</em> of the query. Scalar types do not have sub-types and fields.</p>
+<p>GraphQL comes with a set of default scalar types out of the box:</p>
+<ul>
+<li><code>Int</code>: A signed 32‐bit integer.</li>
+<li><code>Float</code>: A signed double-precision floating-point value.</li>
+<li><code>String</code>: A UTF‐8 character sequence.</li>
+<li><code>Boolean</code>: <code>true</code> or <code>false</code>.</li>
+<li><code>ID</code>: The ID scalar type represents a unique identifier, often used to refetch an object or as the key for a cache. The ID type is serialized in the same way as a <code>String</code>; however, defining it as an <code>ID</code> signifies that it is not intended to be human‐readable.</li>
+</ul>
+<p>In most GraphQL service implementations, there is also a way to specify custom scalar types.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="k">scalar</span><span class="w"> </span><span class="err">ScalarType</span>
+</code></pre></div></td></tr></table></div>
+<p>Then it's up to the implementation to define how that type should be serialized, deserialized, and validated.</p>
+<h3 id="enumeration-types">Enumeration Types</h3>
+<p>Also called <em>Enums</em>, enumeration types are a special kind of scalar that is restricted to a particular set of allowed values.</p>
+<p>This allows to:</p>
+<ol>
+<li>Validate that any arguments of this type are one of the allowed values</li>
+<li>Communicate through the type system that a field will always be one of a finite set of values</li>
+</ol>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
+<span class="normal"><a href="#__codelineno-3-2">2</a></span>
+<span class="normal"><a href="#__codelineno-3-3">3</a></span>
+<span class="normal"><a href="#__codelineno-3-4">4</a></span>
+<span class="normal"><a href="#__codelineno-3-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="k">enum</span><span class="w"> </span><span class="err">Type</span><span class="p">{</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="w">  </span><span class="n">VALUE</span><span class="p">,</span>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">  </span><span class="n">VALUE</span><span class="p">,</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: GraphQL service implementations in various languages will have their own language-specific way to deal with enums. In languages that support enums as a first-class citizen, the implementation might take advantage of that; in a language like JavaScript with no enum support, these values might be internally mapped to a set of integers. However, these details don't leak out to the client, which can operate entirely in terms of the string names of the enum values.</p>
+<h2 id="lists-and-non-null">Lists and Non-Null</h2>
+<p>Object types, scalars, and enums are the only kinds of types that can be defined in GraphQL.
+But when used in other parts of the schema, or in the query variable declarations, it's possible apply additional <em>type modifiers</em> that affect <strong>validation</strong> of those values.</p>
+<p>It's possible to mark a field as <em>Non-Null</em> by adding an exclamation mark, <code>!</code> after the type name. This means that the server always expects to return a non-null value for this field, and if it ends up getting a null value that will actually trigger a GraphQL execution error, letting the client know that something has gone wrong.</p>
+<p>The <em>Non-Null</em> type modifier can also be used when defining arguments for a field, which will cause the GraphQL server to return a validation error if a null value is passed as that argument, whether in the GraphQL string or in the variables.</p>
+<p>It's possible to use a type modifier to mark a type as a <code>List</code>, which indicates that this field will return an array of that type. In the schema language, this is denoted by wrapping the type in square brackets, <code>[</code> and <code>]</code>. It works the same for arguments, where the validation step will expect an array for that value.</p>
+<h3 id="interfaces">Interfaces</h3>
+<p>Like many type systems, GraphQL supports interfaces. An Interface is an abstract type that includes a certain set of fields that a type must include to implement the interface.</p>
+<p>Interfaces are useful when returning an object or set of objects, but those might be of several different types.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-4-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-4-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-4-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-4-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-4-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-4-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-4-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-4-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-4-10">10</a></span>
+<span class="normal"><a href="#__codelineno-4-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="k">interface</span><span class="w"> </span><span class="err">Interface</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="w">  </span><span class="nl">fieldA</span><span class="p">:</span><span class="w"> </span><span class="n">TypeA</span>
+<a id="__codelineno-4-3" name="__codelineno-4-3"></a><span class="w">  </span><span class="nl">fieldB</span><span class="p">:</span><span class="w"> </span><span class="n">TypeB</span>
+<a id="__codelineno-4-4" name="__codelineno-4-4"></a><span class="p">}</span>
+<a id="__codelineno-4-5" name="__codelineno-4-5"></a>
+<a id="__codelineno-4-6" name="__codelineno-4-6"></a><span class="k">type</span><span class="w"> </span><span class="err">Type</span><span class="w"> </span><span class="k">implements</span><span class="w"> </span><span class="err">Interface</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-4-7" name="__codelineno-4-7"></a><span class="w">  </span><span class="nl">fieldA</span><span class="p">:</span><span class="w"> </span><span class="n">TypeA</span><span class="p">,</span>
+<a id="__codelineno-4-8" name="__codelineno-4-8"></a><span class="w">  </span><span class="nl">fieldB</span><span class="p">:</span><span class="w"> </span><span class="n">TypeB</span>
+<a id="__codelineno-4-9" name="__codelineno-4-9"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">,</span>
+<a id="__codelineno-4-10" name="__codelineno-4-10"></a><span class="w">  </span><span class="p">...</span>
+<a id="__codelineno-4-11" name="__codelineno-4-11"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="union-type">Union Type</h3>
+<p>Interfaces are useful when returning an object or set of objects, but those might be of several different types.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="k">union</span><span class="w"> </span><span class="err">Union</span><span class="w"> </span><span class="err">=</span><span class="w"> </span><span class="err">TypeA</span><span class="w"> </span><span class="err">|</span><span class="w"> </span><span class="err">TypeB</span><span class="w"> </span><span class="err">|</span><span class="w"> </span><span class="err">TypeC</span>
+</code></pre></div></td></tr></table></div>
+<p><strong>Note</strong>: members of a union type need to be <em>concrete</em> object types; it's not possible to create a union type out of interfaces or other unions.</p>
+<h3 id="input-type">Input Type</h3>
+<p>In the GraphQL schema language, input types look exactly the same as regular object types, but with the keyword input instead of type:</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span>
+<span class="normal"><a href="#__codelineno-6-3">3</a></span>
+<span class="normal"><a href="#__codelineno-6-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="k">input</span><span class="w"> </span><span class="err">Input</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="w">  </span><span class="nl">field</span><span class="p">:</span><span class="w"> </span><span class="n">Type</span><span class="p">,</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a><span class="w">  </span><span class="p">...</span>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<p>The fields on an input object type can themselves refer to input object types, but it's not possible to mix input and output types in the schema.
+Input object types also can't have arguments on their fields.</p>
+<hr />
+<h2 id="queries-mutations-and-subscriptions">Queries, Mutations and Subscriptions</h2>
+<h3 id="simple-query">Simple Query</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
+<span class="normal"><a href="#__codelineno-7-2">2</a></span>
+<span class="normal"><a href="#__codelineno-7-3">3</a></span>
+<span class="normal"><a href="#__codelineno-7-4">4</a></span>
+<span class="normal"><a href="#__codelineno-7-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="p">{</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a><span class="w">  </span><span class="n">field</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c"># root field</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="w">    </span><span class="p">...</span><span class="w">  </span><span class="c"># payload</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">  </span><span class="err">}</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JSON</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span>
+<span class="normal"><a href="#__codelineno-8-4">4</a></span>
+<span class="normal"><a href="#__codelineno-8-5">5</a></span>
+<span class="normal"><a href="#__codelineno-8-6">6</a></span>
+<span class="normal"><a href="#__codelineno-8-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="p">{</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a><span class="w">  </span><span class="nt">&quot;data&quot;</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="w">    </span><span class="nt">&quot;field&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-8-4" name="__codelineno-8-4"></a><span class="w">  </span><span class="err">...</span>
+<a id="__codelineno-8-5" name="__codelineno-8-5"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-8-6" name="__codelineno-8-6"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-8-7" name="__codelineno-8-7"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="query-arguments">Query Arguments</h3>
+<p>In a system like REST, it's possible to only pass a single set of arguments - the query parameters and URL segments in your request.</p>
+<p>But in GraphQL, every field and nested object can get its own set of arguments, making GraphQL a complete replacement for making multiple API fetches.</p>
+<p>It's aldo possible to pass arguments into scalar fields, to implement data transformations once on the server, instead of on every client separately.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span>
+<span class="normal"><a href="#__codelineno-9-3">3</a></span>
+<span class="normal"><a href="#__codelineno-9-4">4</a></span>
+<span class="normal"><a href="#__codelineno-9-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="p">{</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="w">  </span><span class="n">fieldA</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">value</span><span class="p">)</span><span class="w">  </span><span class="c"># filter results</span>
+<a id="__codelineno-9-3" name="__codelineno-9-3"></a><span class="w">  </span><span class="n">fieldB</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">value</span><span class="p">)</span>
+<a id="__codelineno-9-4" name="__codelineno-9-4"></a><span class="w">  </span><span class="p">...</span>
+<a id="__codelineno-9-5" name="__codelineno-9-5"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="aliases">Aliases</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span>
+<span class="normal"><a href="#__codelineno-10-2">2</a></span>
+<span class="normal"><a href="#__codelineno-10-3">3</a></span>
+<span class="normal"><a href="#__codelineno-10-4">4</a></span>
+<span class="normal"><a href="#__codelineno-10-5">5</a></span>
+<span class="normal"><a href="#__codelineno-10-6">6</a></span>
+<span class="normal"><a href="#__codelineno-10-7">7</a></span>
+<span class="normal"><a href="#__codelineno-10-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="p">{</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a><span class="w">  </span><span class="nl">aliasA</span><span class="p">:</span><span class="w"> </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">valueA</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="w">    </span><span class="n">field</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="w">  </span><span class="nl">aliasB</span><span class="p">:</span><span class="w"> </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">valueB</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="w">    </span><span class="n">field</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="fragments">Fragments</h3>
+<p>Fragments allow to construct sets of fields, and then include them in queries where that are needed.
+The concept of fragments is frequently used to split complicated application data requirements into smaller chunks.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span>
+<span class="normal"><a href="#__codelineno-11-12">12</a></span>
+<span class="normal"><a href="#__codelineno-11-13">13</a></span>
+<span class="normal"><a href="#__codelineno-11-14">14</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="p">{</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="w">  </span><span class="nl">aliasA</span><span class="p">:</span><span class="w"> </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">valueA</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="w">    </span><span class="p">...</span><span class="n">fragment</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="w">  </span><span class="p">},</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a><span class="w">  </span><span class="nl">aliasB</span><span class="p">:</span><span class="w"> </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">valueB</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="w">    </span><span class="p">...</span><span class="n">fragment</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="p">}</span>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a><span class="c"># define a set of fields to be retrieved </span>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a><span class="k">fragment</span><span class="w"> </span><span class="nf">fragment</span><span class="w"> </span><span class="k">on</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-12" name="__codelineno-11-12"></a><span class="w">  </span><span class="n">field</span>
+<a id="__codelineno-11-13" name="__codelineno-11-13"></a><span class="w">  </span><span class="p">...</span>
+<a id="__codelineno-11-14" name="__codelineno-11-14"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="using-variables-inside-fragments">Using variables inside fragments</h3>
+<p>It is possible for fragments to access variables declared in the query or mutation.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-12-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-12-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-12-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-12-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-12-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-12-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-12-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-12-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-12-10">10</a></span>
+<span class="normal"><a href="#__codelineno-12-11">11</a></span>
+<span class="normal"><a href="#__codelineno-12-12">12</a></span>
+<span class="normal"><a href="#__codelineno-12-13">13</a></span>
+<span class="normal"><a href="#__codelineno-12-14">14</a></span>
+<span class="normal"><a href="#__codelineno-12-15">15</a></span>
+<span class="normal"><a href="#__codelineno-12-16">16</a></span>
+<span class="normal"><a href="#__codelineno-12-17">17</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="k">query</span><span class="w"> </span><span class="nf">Query</span><span class="p">(</span><span class="nv">$var</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="no">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a><span class="w">    </span><span class="nl">aliasA</span><span class="p">:</span><span class="w"> </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">valueA</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a><span class="w">  </span><span class="p">...</span><span class="n">fragment</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="w">    </span><span class="nl">aliasB</span><span class="p">:</span><span class="w"> </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">valueB</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a><span class="w">  </span><span class="p">...</span><span class="n">fragment</span>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a><span class="p">}</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a>
+<a id="__codelineno-12-10" name="__codelineno-12-10"></a><span class="k">fragment</span><span class="w"> </span><span class="nf">fragment</span><span class="w"> </span><span class="k">on</span><span class="w"> </span><span class="nc">Type</span><span class="p">{</span>
+<a id="__codelineno-12-11" name="__codelineno-12-11"></a><span class="w">    </span><span class="n">field</span>
+<a id="__codelineno-12-12" name="__codelineno-12-12"></a><span class="w">    </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="nv">$var</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-12-13" name="__codelineno-12-13"></a><span class="w">  </span><span class="n">field</span>
+<a id="__codelineno-12-14" name="__codelineno-12-14"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-12-15" name="__codelineno-12-15"></a><span class="w">  </span><span class="err">}</span>
+<a id="__codelineno-12-16" name="__codelineno-12-16"></a><span class="w">    </span><span class="err">}</span>
+<a id="__codelineno-12-17" name="__codelineno-12-17"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="operation-name">Operation Name</h3>
+<p>The <em>operation type</em> is either <code>query</code>, <code>mutation</code>, or <code>subscription</code> and describes what type of operation it's intended to be done. The operation type is required unless when using the <em>query shorthand syntax</em>, in which case it's not possible to supply a name or variable definitions for the operation.</p>
+<p>The <em>operation name</em> is a meaningful and explicit name for the operation. It is only required in multi-operation documents, but its use is encouraged because it is very helpful for debugging and server-side logging. When something goes wrong it is easier to identify a query in the codebase by name instead of trying to decipher the contents.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
+<span class="normal"><a href="#__codelineno-13-2">2</a></span>
+<span class="normal"><a href="#__codelineno-13-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1"></a><span class="k">query</span><span class="w"> </span><span class="nf">Operation</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-13-2" name="__codelineno-13-2"></a><span class="w">  </span><span class="p">...</span>
+<a id="__codelineno-13-3" name="__codelineno-13-3"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="variables">Variables</h3>
+<p>When  working with variables, three things need to be done:</p>
+<ol>
+<li>Replace the static value in the query with <code>$variableName</code></li>
+<li>Declare <code>$variableName</code> as one of the variables accepted by the query</li>
+<li>Pass <code>variableName: value</code> in the separate, transport-specific (usually JSON) variables dictionary</li>
+</ol>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
+<span class="normal"><a href="#__codelineno-14-2">2</a></span>
+<span class="normal"><a href="#__codelineno-14-3">3</a></span>
+<span class="normal"><a href="#__codelineno-14-4">4</a></span>
+<span class="normal"><a href="#__codelineno-14-5">5</a></span>
+<span class="normal"><a href="#__codelineno-14-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1"></a><span class="k">query</span><span class="w"> </span><span class="nf">Operation</span><span class="p">(</span><span class="nv">$var</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="no">defaultValue</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="w">  </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="nv">$var</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="w">    </span><span class="n">field</span>
+<a id="__codelineno-14-4" name="__codelineno-14-4"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-14-5" name="__codelineno-14-5"></a><span class="w">  </span><span class="err">}</span>
+<a id="__codelineno-14-6" name="__codelineno-14-6"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<p>All declared variables must be either <em>scalars</em>, <em>enums</em>, or <em>input</em> object types. So to pass a complex object into a field, the input type that matches on the server must be known.</p>
+<p>Variable definitions can be <em>optional</em> or <em>required</em>.  If the field requires a non-null argument, then the variable has to be required as well.</p>
+<p>Default values can also be assigned to the variables in the query by adding the default value after the type declaration. When default values are provided for all variables, it's possible to call the query without passing any variables. If any variables are passed as part of the variables dictionary, they will override the defaults.</p>
+<h3 id="directives">Directives</h3>
+<p>A directive can be attached to a field or fragment inclusion, and can affect execution of the query in any way the server desires.</p>
+<p>The core GraphQL specification includes exactly two directives, which must be supported by any spec-compliant GraphQL server implementation:</p>
+<ul>
+<li><code>@include(if: Boolean)</code> Only include this field in the result if the argument is <code>true</code>.</li>
+<li><code>@skip(if: Boolean)</code> Skip this field if the argument is <code>true</code>.</li>
+</ul>
+<p>Server implementations may also add experimental features by defining completely new directives.</p>
+<h3 id="mutations">Mutations</h3>
+<p>Operations of mutations:</p>
+<ul>
+<li><strong>Creating</strong> new data</li>
+<li><strong>Updating</strong> existing data</li>
+<li><strong>Deleting</strong> existing data</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
+<span class="normal"><a href="#__codelineno-15-2">2</a></span>
+<span class="normal"><a href="#__codelineno-15-3">3</a></span>
+<span class="normal"><a href="#__codelineno-15-4">4</a></span>
+<span class="normal"><a href="#__codelineno-15-5">5</a></span>
+<span class="normal"><a href="#__codelineno-15-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a><span class="k">mutation</span><span class="w"> </span><span class="nf">Operation</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-2" name="__codelineno-15-2"></a><span class="w">  </span><span class="n">createObject</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">value</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-15-3" name="__codelineno-15-3"></a><span class="w">    </span><span class="n">field</span>
+<a id="__codelineno-15-4" name="__codelineno-15-4"></a><span class="w">    </span><span class="err">..</span>
+<a id="__codelineno-15-5" name="__codelineno-15-5"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-15-6" name="__codelineno-15-6"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="subscriptions">Subscriptions</h3>
+<p>Open a stable connection with the server to receive real-time updates on the operations happening.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span>
+<span class="normal"><a href="#__codelineno-16-2">2</a></span>
+<span class="normal"><a href="#__codelineno-16-3">3</a></span>
+<span class="normal"><a href="#__codelineno-16-4">4</a></span>
+<span class="normal"><a href="#__codelineno-16-5">5</a></span>
+<span class="normal"><a href="#__codelineno-16-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a><span class="k">subscription</span><span class="w"> </span><span class="nf">Operation</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-16-2" name="__codelineno-16-2"></a><span class="w">  </span><span class="n">event</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c"># get notified when event happens</span>
+<a id="__codelineno-16-3" name="__codelineno-16-3"></a><span class="w">    </span><span class="n">field</span><span class="w">  </span><span class="c"># data received on notification</span>
+<a id="__codelineno-16-4" name="__codelineno-16-4"></a><span class="w">    </span><span class="p">...</span>
+<a id="__codelineno-16-5" name="__codelineno-16-5"></a><span class="w">  </span><span class="err">}</span>
+<a id="__codelineno-16-6" name="__codelineno-16-6"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="inline-fragments">Inline Fragments</h3>
+<p>If you are querying a field that returns an interface or a union type, you will need to use inline fragments to access data on the underlying concrete type. Named fragments can also be used in the same way, since a named fragment always has a type attached.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-17-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-17-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-17-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-17-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-17-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-17-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-17-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-17-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-17-10">10</a></span>
+<span class="normal"><a href="#__codelineno-17-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1"></a><span class="k">query</span><span class="w"> </span><span class="nf">Operation</span><span class="p">(</span><span class="nv">$var</span><span class="p">:</span><span class="w"> </span><span class="nc">Type</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-17-2" name="__codelineno-17-2"></a><span class="w">    </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="nv">$var</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">  </span><span class="c"># interface of union</span>
+<a id="__codelineno-17-3" name="__codelineno-17-3"></a><span class="w">  </span><span class="n">field</span>
+<a id="__codelineno-17-4" name="__codelineno-17-4"></a><span class="w">  </span><span class="p">...</span><span class="w"> </span><span class="k">on</span><span class="w"> </span><span class="nc">ConcreteTypeA</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-17-5" name="__codelineno-17-5"></a><span class="w">    </span><span class="n">fieldA</span>
+<a id="__codelineno-17-6" name="__codelineno-17-6"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-17-7" name="__codelineno-17-7"></a><span class="w">  </span><span class="p">...</span><span class="w"> </span><span class="k">on</span><span class="w"> </span><span class="nc">ConcreteTypeB</span><span class="p">{</span>
+<a id="__codelineno-17-8" name="__codelineno-17-8"></a><span class="w">    </span><span class="n">fieldB</span>
+<a id="__codelineno-17-9" name="__codelineno-17-9"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-17-10" name="__codelineno-17-10"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-17-11" name="__codelineno-17-11"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="meta-fields">Meta Fields</h3>
+<p>GraphQL allows to request <code>__typename</code>, a meta field, at any point in a query to get the name of the object type at that point.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span>
+<span class="normal"><a href="#__codelineno-18-2">2</a></span>
+<span class="normal"><a href="#__codelineno-18-3">3</a></span>
+<span class="normal"><a href="#__codelineno-18-4">4</a></span>
+<span class="normal"><a href="#__codelineno-18-5">5</a></span>
+<span class="normal"><a href="#__codelineno-18-6">6</a></span>
+<span class="normal"><a href="#__codelineno-18-7">7</a></span>
+<span class="normal"><a href="#__codelineno-18-8">8</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a><span class="p">{</span>
+<a id="__codelineno-18-2" name="__codelineno-18-2"></a><span class="w">    </span><span class="n">field</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-3" name="__codelineno-18-3"></a><span class="w">  </span><span class="n">__typename</span>
+<a id="__codelineno-18-4" name="__codelineno-18-4"></a><span class="w">  </span><span class="p">...</span><span class="w"> </span><span class="k">on</span><span class="w"> </span><span class="nc">Type</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-18-5" name="__codelineno-18-5"></a><span class="w">    </span><span class="n">field</span>
+<a id="__codelineno-18-6" name="__codelineno-18-6"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-18-7" name="__codelineno-18-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-18-8" name="__codelineno-18-8"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<hr />
+<h2 id="execution">Execution</h2>
+<p>After being validated, a GraphQL query is executed by a GraphQL server which returns a result that mirrors the shape of the requested query, typically as JSON.</p>
+<p>Each field on each type is backed by a function called the <em>resolver</em> which is provided by the GraphQL server developer. When a field is executed, the corresponding <em>resolver</em> is called to produce the next value.</p>
+<p>If a field produces a scalar value like a string or number, then the execution completes. However if a field produces an object value then the query will contain another selection of fields which apply to that object. This continues until scalar values are reached. GraphQL queries always end at scalar values.</p>
+<h3 id="root-fields-and-resolvers">Root fields and Resolvers</h3>
+<p>At the top level of every GraphQL server is a type that represents all of the possible entry points into the GraphQL API, it's often called the <em>Root</em> type or the <em>Query</em> type.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">GraphQL</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-19-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-19-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-19-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-19-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-19-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-19-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-19-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-19-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-19-10">10</a></span>
+<span class="normal"><a href="#__codelineno-19-11">11</a></span>
+<span class="normal"><a href="#__codelineno-19-12">12</a></span>
+<span class="normal"><a href="#__codelineno-19-13">13</a></span>
+<span class="normal"><a href="#__codelineno-19-14">14</a></span>
+<span class="normal"><a href="#__codelineno-19-15">15</a></span>
+<span class="normal"><a href="#__codelineno-19-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a><span class="c"># root types for entry-points</span>
+<a id="__codelineno-19-2" name="__codelineno-19-2"></a>
+<a id="__codelineno-19-3" name="__codelineno-19-3"></a><span class="k">type</span><span class="w"> </span><span class="err">Query</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-19-4" name="__codelineno-19-4"></a><span class="w">  </span><span class="n">rootField</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">Type</span><span class="w"> </span><span class="err">=</span><span class="w"> </span><span class="n">defValue</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">)</span><span class="err">:</span><span class="w"> </span><span class="n">Type</span>
+<a id="__codelineno-19-5" name="__codelineno-19-5"></a><span class="w">  </span><span class="p">...</span><span class="w">  </span><span class="c"># other query entry points</span>
+<a id="__codelineno-19-6" name="__codelineno-19-6"></a><span class="err">}</span>
+<a id="__codelineno-19-7" name="__codelineno-19-7"></a>
+<a id="__codelineno-19-8" name="__codelineno-19-8"></a><span class="n">type</span><span class="w"> </span><span class="n">Mutation</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-19-9" name="__codelineno-19-9"></a><span class="w">  </span><span class="n">rootField</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">Type</span><span class="w"> </span><span class="err">=</span><span class="w"> </span><span class="n">defValue</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">)</span><span class="err">:</span><span class="w"> </span><span class="n">Type</span>
+<a id="__codelineno-19-10" name="__codelineno-19-10"></a><span class="w">  </span><span class="p">...</span><span class="w">  </span><span class="c"># other mutation entry points</span>
+<a id="__codelineno-19-11" name="__codelineno-19-11"></a><span class="err">}</span>
+<a id="__codelineno-19-12" name="__codelineno-19-12"></a>
+<a id="__codelineno-19-13" name="__codelineno-19-13"></a><span class="n">type</span><span class="w"> </span><span class="n">Subscription</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-19-14" name="__codelineno-19-14"></a><span class="w">  </span><span class="n">rootField</span><span class="p">(</span><span class="n">arg</span><span class="p">:</span><span class="w"> </span><span class="no">Type</span><span class="w"> </span><span class="err">=</span><span class="w"> </span><span class="n">defValue</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="p">)</span><span class="err">:</span><span class="w"> </span><span class="n">Type</span>
+<a id="__codelineno-19-15" name="__codelineno-19-15"></a><span class="w">  </span><span class="p">...</span><span class="w">  </span><span class="c"># other subscription entry points</span>
+<a id="__codelineno-19-16" name="__codelineno-19-16"></a><span class="err">}</span>
+</code></pre></div></td></tr></table></div>
+<p>A resolver function receives four arguments:</p>
+<ul>
+<li><code>obj</code> The previous object, which for a field on the root Query type is often not used.</li>
+<li><code>args</code> The arguments provided to the field in the GraphQL query.</li>
+<li><code>context</code> A value which is provided to every resolver and holds important contextual information like the currently logged in user, or access to a database.</li>
+<li><code>info</code> A value which holds field-specific information relevant to the current query as well as the schema details</li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="git.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Git">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                Git
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="regular-expressions.html" class="md-footer__link md-footer__link--next" aria-label="Next: RegEx">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                RegEx
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/misc/regular-expressions.html b/misc/regular-expressions.html
new file mode 100644
index 0000000..a8a1afd
--- /dev/null
+++ b/misc/regular-expressions.html
@@ -0,0 +1,4590 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/misc/regular-expressions.html">
+      
+      
+        <link rel="prev" href="graph-ql.html">
+      
+      
+        <link rel="next" href="ssh.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>RegEx - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="RegEx - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/regular-expressions.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/misc/regular-expressions.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="RegEx - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/regular-expressions.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#common-regex-syntax" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              RegEx
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="regular-expressions.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#character-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Classes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anchors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anchors
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#grouping-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Grouping Constructs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Grouping Constructs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#subexpressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Subexpressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-subexpressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Named Subexpressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#noncapturing-groups" class="md-nav__link">
+    <span class="md-ellipsis">
+      Noncapturing groups
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-positive-lookahead-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width positive lookahead assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-negative-lookahead-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width negative lookahead assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-positive-lookbehind-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width positive lookbehind assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-negative-lookbehind-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width negative lookbehind assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#atomic-groups" class="md-nav__link">
+    <span class="md-ellipsis">
+      Atomic groups
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#quantifiers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Quantifiers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#alternation-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Alternation Constructs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#backreference-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Backreference Constructs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#substitutions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Substitutions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#special-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Constructs
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#character-classes" class="md-nav__link">
+    <span class="md-ellipsis">
+      Character Classes
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#anchors" class="md-nav__link">
+    <span class="md-ellipsis">
+      Anchors
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#grouping-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Grouping Constructs
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Grouping Constructs">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#subexpressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Subexpressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#named-subexpressions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Named Subexpressions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#noncapturing-groups" class="md-nav__link">
+    <span class="md-ellipsis">
+      Noncapturing groups
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-positive-lookahead-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width positive lookahead assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-negative-lookahead-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width negative lookahead assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-positive-lookbehind-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width positive lookbehind assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#zero-width-negative-lookbehind-assertions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Zero-width negative lookbehind assertions
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#atomic-groups" class="md-nav__link">
+    <span class="md-ellipsis">
+      Atomic groups
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#quantifiers" class="md-nav__link">
+    <span class="md-ellipsis">
+      Quantifiers
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#alternation-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Alternation Constructs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#backreference-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Backreference Constructs
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#substitutions" class="md-nav__link">
+    <span class="md-ellipsis">
+      Substitutions
+    </span>
+  </a>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#special-constructs" class="md-nav__link">
+    <span class="md-ellipsis">
+      Special Constructs
+    </span>
+  </a>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="common-regex-syntax">Common Regex Syntax</h1>
+<p>A <strong>regular expression</strong> is a <em>pattern</em> that the regular expression engine attempts to match in input text. A pattern consists of one or more character literals, operators, or constructs.</p>
+<h2 id="character-classes">Character Classes</h2>
+<p>A <strong>character class</strong> matches any one of a set of characters.</p>
+<ul>
+<li><code>[character_group]</code>:: matches any single character in <em>character_group</em>.</li>
+<li><code>[^character_group]</code>: matches any single character <strong>not</strong> in <em>character_group</em>.</li>
+<li><code>[first-last]</code>: matches any single character in range from <em>first</em> to <em>last</em>.</li>
+<li><code>.</code>: matches any single character except <code>\n</code>.</li>
+<li><code>\p{name}</code>: matches any single character in the Unicode general category or named block specified by <em>name</em>.</li>
+<li><code>\P{name}</code>: matches any single character <strong>not</strong> in the Unicode general category or named block specified by <em>name</em>.</li>
+<li><code>\w</code>: matches any word character.</li>
+<li><code>\W</code>: matches any <strong>non</strong> word character.</li>
+<li><code>\s</code>: matches any whitespace character.</li>
+<li><code>\S</code>: matches any <strong>non</strong> whitespace character.</li>
+<li><code>\d</code>: matches any decimal digit.</li>
+<li><code>\D</code>: matches any character other than a decimal digit.</li>
+</ul>
+<blockquote>
+<p><strong>Note</strong>: <code>^</code>, <code>\</code>, <code>-</code> and <code>]</code> must be escaped to be used in ranges. (<code>[ \] \[ \^ \- ]</code>)</p>
+</blockquote>
+<h2 id="anchors">Anchors</h2>
+<p><strong>Anchors</strong>, or atomic zero-width assertions, cause a match to succeed or fail depending on the current position in the string, but they do not cause the engine to advance through the string or consume characters.</p>
+<ul>
+<li><code>^</code>: The match must be at the <em>start</em> of a string/line.</li>
+<li><code>$</code>: The match must be at the <em>end</em> of a string/line.</li>
+<li><code>\A</code>: The match must occur at the start of the string.</li>
+<li><code>\Z</code>: The match must occur at the end of the string or before <code>\n</code> at the end of the string.</li>
+<li><code>\z</code>: The match must occur at the end of the string.</li>
+<li><code>\G</code>: The match must occur at the point where the previous match ended, or if there was no previous match, at the position in the string where matching started.</li>
+<li><code>\b</code>: The match must occur on a boundary between a <code>\w</code> (alphanumeric) and a <code>\W</code> (non-alphanumeric) character.</li>
+<li><code>\B</code>: The match must not occur on a <code>\b</code> boundary.</li>
+</ul>
+<h2 id="grouping-constructs">Grouping Constructs</h2>
+<p><strong>Grouping constructs</strong> delineate subexpressions of a regular expression and typically capture substrings of an input string.</p>
+<h3 id="subexpressions">Subexpressions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>(subexpression)
+</code></pre></div></td></tr></table></div>
+<p>The <em>subexpression</em> is any valid regular expression pattern.</p>
+<p>Captures that use parentheses are numbered automatically from left to right based on the order of the opening parentheses in the regular expression, starting from <code>1</code>. The capture that's numbered <code>0</code> is the text matched by the entire regular expression pattern.</p>
+<blockquote>
+<p><strong>Note</strong>: named capture groups are always ordered last, after non-named capture groups.</p>
+</blockquote>
+<p>It's possible to access the captured group in the following ways:</p>
+<ul>
+<li>
+<p>By using the <em>backreference construct</em> within the regular expression.</p>
+<p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\number</code>, where number is the ordinal number of the captured subexpression.</p>
+</li>
+<li>
+<p>By using the <em>named backreference construct</em> within the regular expression.</p>
+<p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\k&lt;name&gt;</code>, where name is the name of a capturing group, or <code>\k&lt;number&gt;</code>, where number is the ordinal number of a capturing group.</p>
+<p>A capturing group has a default name that is identical to its ordinal number. For more information, see Named matched subexpressions later in this topic.</p>
+</li>
+<li>
+<p>By using the <code>$number</code> <em>replacement sequence</em> where number is the ordinal number of the captured subexpression.</p>
+</li>
+</ul>
+<h3 id="named-subexpressions">Named Subexpressions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>(?&lt;name&gt; subexpression)
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a>(?&#39;name&#39; subexpression)
+</code></pre></div></td></tr></table></div>
+<p>THe <em>name</em> is a valid group name, and <em>subexpression</em> is any valid regular expression pattern. <em>name</em> must not contain any punctuation characters and cannot begin with a number.</p>
+<p>It's possible to access the named captured group in the following ways:</p>
+<ul>
+<li>
+<p>By using the named <em>backreference construct</em> within the regular expression.</p>
+<p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\k&lt;name&gt;</code>, where name is the name of the captured subexpression.</p>
+</li>
+<li>
+<p>By using the <em>backreference construct</em> within the regular expression.</p>
+<p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\number</code>, where number is the ordinal number of the captured subexpression.</p>
+<p>Named matched subexpressions are numbered consecutively from left to right after matched subexpressions.</p>
+</li>
+<li>
+<p>By using the <code>${name}</code> <em>replacement sequence</em> where name is the name of the captured subexpression.</p>
+</li>
+<li>By using the <code>$number</code> <em>replacement sequence</em> where number is the ordinal number of the captured subexpression.</li>
+</ul>
+<h3 id="noncapturing-groups">Noncapturing groups</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>(?:subexpression)
+</code></pre></div></td></tr></table></div>
+<p>The <em>subexpression</em> is any valid regular expression pattern. The noncapturing group construct is typically used when a quantifier is applied to a group, but the substrings captured by the group are of no interest.</p>
+<h3 id="zero-width-positive-lookahead-assertions">Zero-width positive lookahead assertions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>(?= subexpression)
+</code></pre></div></td></tr></table></div>
+<p>The <em>subexpression</em> is any regular expression pattern. For a match to be successful, the input string must match the regular expression pattern in subexpression, although the matched substring is not included in the match result. A zero-width positive lookahead assertion does not backtrack.</p>
+<p>Typically, a zero-width positive lookahead assertion is found at the end of a regular expression pattern. It defines a substring that must be found at the end of a string for a match to occur but that should not be included in the match. It is also useful for preventing excessive backtracking.</p>
+<p>It's possible to use a zero-width positive lookahead assertion to ensure that a particular captured group begins with text that matches a subset of the pattern defined for that captured group.</p>
+<h3 id="zero-width-negative-lookahead-assertions">Zero-width negative lookahead assertions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>(?! subexpression)
+</code></pre></div></td></tr></table></div>
+<p>The <em>subexpression</em> is any regular expression pattern. For the match to be successful, the input string must not match the regular expression pattern in subexpression, although the matched string is not included in the match result.</p>
+<p>A zero-width negative lookahead assertion is typically used either at the beginning or at the end of a regular expression. At the beginning of a regular expression, it can define a specific pattern that should not be matched when the beginning of the regular expression defines a similar but more general pattern to be matched. In this case, it is often used to limit backtracking. At the end of a regular expression, it can define a subexpression that cannot occur at the end of a match.</p>
+<h3 id="zero-width-positive-lookbehind-assertions">Zero-width positive lookbehind assertions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a>(?&lt;= subexpression)
+</code></pre></div></td></tr></table></div>
+<p>The <em>subexpression</em> is any regular expression pattern. For a match to be successful, subexpression must occur at the input string to the left of the current position, although subexpression is not included in the match result. A zero-width positive lookbehind assertion does not backtrack.</p>
+<p>Zero-width positive lookbehind assertions are typically used at the beginning of regular expressions. The pattern that they define is a precondition for a match, although it is not a part of the match result.</p>
+<h3 id="zero-width-negative-lookbehind-assertions">Zero-width negative lookbehind assertions</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span>
+<span class="normal"><a href="#__codelineno-6-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>(?&lt;! subexpression)
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a>(?&gt; subexpression)
+</code></pre></div></td></tr></table></div>
+<p>Hte <em>subexpression</em> is any regular expression pattern. For a match to be successful, subexpression must not occur at the input string to the left of the current position. However, any substring that does not match subexpression is not included in the match result.</p>
+<p>Zero-width negative lookbehind assertions are typically used at the beginning of regular expressions. The pattern that they define precludes a match in the string that follows. They are also used to limit backtracking when the last character or characters in a captured group must not be one or more of the characters that match that group's regular expression pattern.</p>
+<h3 id="atomic-groups">Atomic groups</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Regex Syntax</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a>(?&gt; subexpression )
+</code></pre></div></td></tr></table></div>
+<p>The <em>subexpression</em> is any regular expression pattern.</p>
+<p>Ordinarily, if a regular expression includes an optional or alternative matching pattern and a match does not succeed, the regular expression engine can branch in multiple directions to match an input string with a pattern. If a match is not found when it takes the first branch, the regular expression engine can back up or backtrack to the point where it took the first match and attempt the match using the second branch. This process can continue until all branches have been tried.</p>
+<p>The <code>(?&gt;subexpression)</code> language construct disables backtracking. The regular expression engine will match as many characters in the input string as it can. When no further match is possible, it will not backtrack to attempt alternate pattern matches. (That is, the subexpression matches only strings that would be matched by the subexpression alone; it does not attempt to match a string based on the subexpression and any subexpressions that follow it.)</p>
+<h2 id="quantifiers">Quantifiers</h2>
+<p>A quantifier specifies how many instances of the previous element (which can be a character, a group, or a character class) must be present in the input string for a match to occur.</p>
+<ul>
+<li><code>*</code>: Matches the previous element zero or more times.</li>
+<li><code>+</code>: Matches the previous element one or more times.</li>
+<li><code>?</code>: Matches the previous element zero or one time.</li>
+<li><code>{n}</code>: Matches the previous element exactly n times.</li>
+<li><code>{n,}</code>: Matches the previous element at least n times.</li>
+<li><code>{n,m}</code>: Matches the previous element at least n times, but no more than m times.</li>
+<li><code>*?</code>: Matches the previous element zero or more times, but as few times as possible.</li>
+<li><code>+?</code>: Matches the previous element one or more times, but as few times as possible.</li>
+<li><code>??</code>: Matches the previous element zero or one time, but as few times as possible.</li>
+<li><code>{n}?</code>: Matches the previous element at least n times, but as few times as possible.</li>
+<li><code>{n,m}?</code>: Matches the previous element between n and m times, but as few times as possible.</li>
+</ul>
+<h2 id="alternation-constructs">Alternation Constructs</h2>
+<p>Alternation constructs modify a regular expression to enable either/or matching.</p>
+<ul>
+<li><code>|</code>: Matches any one element separated by the vertical bar (<code>|</code>) character.</li>
+</ul>
+<h2 id="backreference-constructs">Backreference Constructs</h2>
+<p>A backreference allows a previously matched subexpression to be identified subsequently in the same regular expression.</p>
+<p><code>\number</code>: Backreference. Matches the value of a numbered subexpression.
+<code>\k&lt;name&gt;</code>: Named backreference. Matches the value of a named expression.</p>
+<h2 id="substitutions">Substitutions</h2>
+<p>Substitutions are regular expression language elements that are supported in replacement patterns.</p>
+<ul>
+<li><code>$ number</code>: Substitutes the substring matched by group number.</li>
+<li><code>${ name }</code>: Substitutes the substring matched by the named group name.</li>
+<li><code>$$</code>: Substitutes a literal "$".</li>
+<li><code>$&amp;</code>: Substitutes a copy of the whole match.</li>
+<li>$`: Substitutes all the text of the input string before the match.</li>
+<li><code>$'</code>: Substitutes all the text of the input string after the match.</li>
+<li><code>$+</code>: Substitutes the last group that was captured.</li>
+<li><code>$_</code>: Substitutes the entire input string.</li>
+</ul>
+<h2 id="special-constructs">Special Constructs</h2>
+<ul>
+<li><code>(.*)</code>: Matches anything</li>
+<li><code>(.*?)</code>: Matches anything, but as few times as possible</li>
+<li><code>(?# comment )</code>: code comment, can be in the middle of the pattern</li>
+</ul>
+<p>Brackets escapes:</p>
+<ul>
+<li><code>\(</code></li>
+<li><code>\)</code></li>
+<li><code>\[</code></li>
+<li><code>\]</code></li>
+</ul>
+<p>Special characters escapes:</p>
+<ul>
+<li><code>\a</code></li>
+<li><code>\b</code></li>
+<li><code>\f</code></li>
+<li><code>\n</code></li>
+<li><code>\r</code></li>
+<li><code>\t</code></li>
+<li><code>\u</code></li>
+<li><code>\U</code></li>
+<li><code>\v</code></li>
+<li><code>\x</code></li>
+<li><code>\\</code></li>
+<li><code>\?</code></li>
+<li><code>\*</code></li>
+<li><code>\+</code></li>
+<li><code>\.</code></li>
+<li><code>\^</code></li>
+<li><code>\$</code></li>
+</ul>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="graph-ql.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: GraphQL">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                GraphQL
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="ssh.html" class="md-footer__link md-footer__link--next" aria-label="Next: SSH">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                SSH
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/misc/ssh.html b/misc/ssh.html
new file mode 100644
index 0000000..c3fc640
--- /dev/null
+++ b/misc/ssh.html
@@ -0,0 +1,4256 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/misc/ssh.html">
+      
+      
+        <link rel="prev" href="regular-expressions.html">
+      
+      
+        <link rel="next" href="web-components.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>SSH - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="SSH - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/ssh.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/misc/ssh.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="SSH - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/ssh.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#ssh" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              SSH
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="ssh.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jump-hosts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jump-Hosts
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#port-forwarding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Port Forwarding
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Port Forwarding">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#local-port-forwarding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local Port Forwarding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#remote-port-forwarding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Remote Port Forwarding
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="web-components.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#basics" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basics
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Basics">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#jump-hosts" class="md-nav__link">
+    <span class="md-ellipsis">
+      Jump-Hosts
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#port-forwarding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Port Forwarding
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Port Forwarding">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#local-port-forwarding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Local Port Forwarding
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#remote-port-forwarding" class="md-nav__link">
+    <span class="md-ellipsis">
+      Remote Port Forwarding
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="ssh">SSH</h1>
+<p><code>ssh</code> is a program for logging into a remote machine and for executing commands on a remote machine. It is intended to provide secure encrypted communications between two untrusted hosts over an insecure network.</p>
+<h2 id="basics">Basics</h2>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
+<span class="normal"><a href="#__codelineno-0-2">2</a></span>
+<span class="normal"><a href="#__codelineno-0-3">3</a></span>
+<span class="normal"><a href="#__codelineno-0-4">4</a></span>
+<span class="normal"><a href="#__codelineno-0-5">5</a></span>
+<span class="normal"><a href="#__codelineno-0-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>ssh<span class="w"> </span>user@destination<span class="w"> </span>&lt;command&gt;<span class="w"> </span><span class="c1"># exec &lt;command&gt; in remote machine ($SHELL if omitted)</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a>ssh<span class="w"> </span>user@destination<span class="w"> </span>-i<span class="w"> </span>&lt;path/to/private-key&gt;<span class="w">  </span><span class="c1"># use key for auth</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a>ssh<span class="w"> </span>user@destination<span class="w"> </span>-f<span class="w">  </span><span class="c1"># exec ssh in the background</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a>ssh<span class="w"> </span>user@destination<span class="w"> </span>-N<span class="w">  </span><span class="c1"># do not send commands to the server (do not start $SHELL)</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a>ssh<span class="w"> </span>user@destination<span class="w"> </span>-g<span class="w">  </span><span class="c1"># allow remote hosts to connect to local forwarded ports</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a>ssh<span class="w"> </span>user@destination<span class="w"> </span>-t<span class="w">  </span><span class="c1"># force pseudo-tty emulation</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: use <code>~</code> while connected to use the "ssh console".</p>
+</blockquote>
+<h3 id="jump-hosts">Jump-Hosts</h3>
+<p>Connect to the final destination jumping through the specifies other destinations.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>ssh<span class="w"> </span>-J<span class="w"> </span>user_1@destination_1,user_2@destination_2<span class="w"> </span>user@final_destination
+</code></pre></div></td></tr></table></div>
+<h2 id="port-forwarding">Port Forwarding</h2>
+<p><img alt="ssh-tunnels" src="https://iximiuz.com/ssh-tunnels/ssh-tunnels.png" title="SSH Tunnels Cheat Sheet By Ivan Velichko" /></p>
+<h3 id="local-port-forwarding">Local Port Forwarding</h3>
+<p>Start listening on <code>local_address:local_port</code> and forward any traffic to <code>remote_address:remote_port</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>ssh<span class="w"> </span>-N<span class="w"> </span>-f<span class="w"> </span>-L<span class="w"> </span>local_address:local_port:remote_address:remote_port<span class="w"> </span>user@destination
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a>ssh<span class="w"> </span>-N<span class="w"> </span>-f<span class="w"> </span>-L<span class="w"> </span>local_port:remote_address:remote_port<span class="w"> </span>user@destination<span class="w">  </span><span class="c1"># local_address defaults to localhost</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="remote-port-forwarding">Remote Port Forwarding</h3>
+<p>Start listening on <code>remote_address:remote_port</code> and forward any traffic to <code>local_address:local_port</code>.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Bash</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>ssh<span class="w"> </span>-N<span class="w"> </span>-f<span class="w"> </span>-R<span class="w"> </span>remote_address:remote_port:local_address:local_port<span class="w"> </span>user@destination
+</code></pre></div></td></tr></table></div>
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="regular-expressions.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: RegEx">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                RegEx
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="web-components.html" class="md-footer__link md-footer__link--next" aria-label="Next: WebComponents">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                WebComponents
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/misc/web-components.html b/misc/web-components.html
new file mode 100644
index 0000000..97039ee
--- /dev/null
+++ b/misc/web-components.html
@@ -0,0 +1,4636 @@
+
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+    
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width,initial-scale=1">
+      
+      
+        <meta name="author" content="Marcello Lamonaca">
+      
+      
+        <link rel="canonical" href="http://m-lamonaca.github.io/dev-notes/misc/web-components.html">
+      
+      
+        <link rel="prev" href="ssh.html">
+      
+      
+        <link rel="next" href="../linux/filesystem/file-links.html">
+      
+      
+      <link rel="icon" href="../assets/images/favicon.png">
+      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.34">
+    
+    
+      
+        <title>WebComponents - Dev Notes</title>
+      
+    
+    
+      <link rel="stylesheet" href="../assets/stylesheets/main.35f28582.min.css">
+      
+        
+        <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
+      
+      
+
+
+    
+    
+      
+        <script src="https://unpkg.com/iframe-worker/shim"></script>
+      
+    
+    
+      
+        
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
+        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
+      
+    
+    
+    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
+    
+      
+
+    
+    
+      
+        <meta  property="og:type"  content="website" >
+      
+        <meta  property="og:title"  content="WebComponents - Dev Notes" >
+      
+        <meta  property="og:description"  content="None" >
+      
+        <meta  property="og:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/web-components.png" >
+      
+        <meta  property="og:image:type"  content="image/png" >
+      
+        <meta  property="og:image:width"  content="1200" >
+      
+        <meta  property="og:image:height"  content="630" >
+      
+        <meta  property="og:url"  content="http://m-lamonaca.github.io/dev-notes/misc/web-components.html" >
+      
+        <meta  name="twitter:card"  content="summary_large_image" >
+      
+        <meta  name="twitter:title"  content="WebComponents - Dev Notes" >
+      
+        <meta  name="twitter:description"  content="None" >
+      
+        <meta  name="twitter:image"  content="http://m-lamonaca.github.io/dev-notes/assets/images/social/misc/web-components.png" >
+      
+    
+    
+  </head>
+  
+  
+    
+    
+      
+    
+    
+    
+    
+    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange">
+  
+    
+    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
+    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
+    <label class="md-overlay" for="__drawer"></label>
+    <div data-md-component="skip">
+      
+        
+        <a href="#web-components" class="md-skip">
+          Skip to content
+        </a>
+      
+    </div>
+    <div data-md-component="announce">
+      
+    </div>
+    
+    
+      
+
+  
+
+<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
+  <nav class="md-header__inner md-grid" aria-label="Header">
+    <a href="../index.html" title="Dev Notes" class="md-header__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    <label class="md-header__button md-icon" for="__drawer">
+      
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    </label>
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
+            Dev Notes
+          </span>
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            
+              WebComponents
+            
+          </span>
+        </div>
+      </div>
+    </div>
+    
+      
+        <form class="md-header__option" data-md-component="palette">
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
+    
+      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+    
+    
+    
+    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="orange" data-md-color-accent="deep-orange"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
+    
+      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
+      </label>
+    
+  
+</form>
+      
+    
+    
+      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
+    
+    
+    
+      <label class="md-header__button md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+      </label>
+      <div class="md-search" data-md-component="search" role="dialog">
+  <label class="md-search__overlay" for="__search"></label>
+  <div class="md-search__inner" role="search">
+    <form class="md-search__form" name="search">
+      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
+      <label class="md-search__icon md-icon" for="__search">
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
+        
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+      </label>
+      <nav class="md-search__options" aria-label="Search">
+        
+        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
+          
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
+        </button>
+      </nav>
+      
+    </form>
+    <div class="md-search__output">
+      <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
+        <div class="md-search-result" data-md-component="search-result">
+          <div class="md-search-result__meta">
+            Initializing search
+          </div>
+          <ol class="md-search-result__list" role="presentation"></ol>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+    
+    
+      <div class="md-header__source">
+        <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+      </div>
+    
+  </nav>
+  
+    
+      
+<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
+  <div class="md-grid">
+    <ul class="md-tabs__list">
+      
+        
+  
+  
+  
+    <li class="md-tabs__item">
+      <a href="../index.html" class="md-tabs__link">
+        
+  
+    
+  
+  Home
+
+      </a>
+    </li>
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../containers/docker.html" class="md-tabs__link">
+          
+  
+    
+  
+  Containers
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../databases/redis.html" class="md-tabs__link">
+          
+  
+    
+  
+  Databases
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../languages/html/html.html" class="md-tabs__link">
+          
+  
+    
+  
+  Languages
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+    
+  
+  
+    
+    
+      <li class="md-tabs__item md-tabs__item--active">
+        <a href="git.html" class="md-tabs__link">
+          
+  
+    
+  
+  Misc
+
+        </a>
+      </li>
+    
+  
+
+      
+        
+  
+  
+  
+    
+    
+      
+  
+  
+  
+    
+    
+      <li class="md-tabs__item">
+        <a href="../linux/filesystem/file-links.html" class="md-tabs__link">
+          
+  
+    
+  
+  Linux
+
+        </a>
+      </li>
+    
+  
+
+    
+  
+
+      
+    </ul>
+  </div>
+</nav>
+    
+  
+</header>
+    
+    <div class="md-container" data-md-component="container">
+      
+      
+        
+      
+      <main class="md-main" data-md-component="main">
+        <div class="md-main__inner md-grid">
+          
+            
+              
+              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+
+  
+
+
+<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
+  <label class="md-nav__title" for="__drawer">
+    <a href="../index.html" title="Dev Notes" class="md-nav__button md-logo" aria-label="Dev Notes" data-md-component="logo">
+      
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6m80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3"/></svg>
+
+    </a>
+    Dev Notes
+  </label>
+  
+    <div class="md-nav__source">
+      <a href="https://github.com/m-lamonaca/dev-notes" title="Go to repository" class="md-source" data-md-component="source">
+  <div class="md-source__icon md-icon">
+    
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
+  </div>
+  <div class="md-source__repository">
+    GitHub
+  </div>
+</a>
+    </div>
+  
+  <ul class="md-nav__list" data-md-scrollfix>
+    
+      
+      
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../index.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Home
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Containers
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_2">
+            <span class="md-nav__icon md-icon"></span>
+            Containers
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/docker.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Docker
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../containers/kubernetes.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kubernetes
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Databases
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_3">
+            <span class="md-nav__icon md-icon"></span>
+            Databases
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/redis.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redis
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/sql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../databases/mongo-db.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    MongoDB
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Languages
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4">
+            <span class="md-nav__icon md-icon"></span>
+            Languages
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/html/html.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    HTML
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/markdown.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Markdown
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/css/css.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    CSS
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/c/c.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/kotlin/kotlin.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Kotlin
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/swift/swift.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Swift
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_7" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_7" id="__nav_4_7_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Assembly
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_7_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_7">
+            <span class="md-nav__icon md-icon"></span>
+            Assembly
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/intel.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Intel
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/assembly/riscv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RISC-V
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8" id="__nav_4_8_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_8_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8">
+            <span class="md-nav__icon md-icon"></span>
+            Python
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/python.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Python
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_2" id="__nav_4_8_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Modules
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_2">
+            <span class="md-nav__icon md-icon"></span>
+            Modules
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/argparse.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    argparse
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    collection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/csv.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    csv
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/ftplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ftplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/itertools.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    itertools
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/json.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    json
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/logging.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    logging
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/shutil.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    shutil
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/smtplib.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    smtplib
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/socket.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    socket
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/sqlite.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sqlite
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/time-datetime.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    time & datetime
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/modules/unittest.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    unittest
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_8_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_8_3" id="__nav_4_8_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Libraries
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_8_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_8_3">
+            <span class="md-nav__icon md-icon"></span>
+            Libraries
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/tkinter.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    TKinter
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/numpy.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Numpy
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/pandas.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Pandas
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/seaborn.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Seaborn
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/requests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Requests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/python/libs/beautiful-soup.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Beatiful Soup
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9" id="__nav_4_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    .NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9">
+            <span class="md-nav__icon md-icon"></span>
+            .NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_1" id="__nav_4_9_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_1">
+            <span class="md-nav__icon md-icon"></span>
+            C#
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/csharp.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    C#
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/linq.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Linq
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/collections.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Collections
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/reactive-extensions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Reactive Extensions
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/async-programming.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Async Programming
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/csharp/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_2" id="__nav_4_9_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    ASP.NET
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_2">
+            <span class="md-nav__icon md-icon"></span>
+            ASP.NET
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/minimal-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Minimal API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/filters.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    FIlters
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/middleware.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Middleware
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/razor-syntax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Razor Syntax
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/blazor.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Blazor
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/signalr.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SignalR
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/asp.net/web-forms.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web Forms
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_9_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_9_3" id="__nav_4_9_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_9_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_9_3">
+            <span class="md-nav__icon md-icon"></span>
+            Database
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/ado.net.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ADO.NET
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/dotnet/database/entity-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Entity Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10" id="__nav_4_10_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_10_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10">
+            <span class="md-nav__icon md-icon"></span>
+            Java
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/java-collection-framework.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Java Collection Framework
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/dao.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DAO
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4" id="__nav_4_10_4_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_10_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4">
+            <span class="md-nav__icon md-icon"></span>
+            Web
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/web/servlet.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Serverlet
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_10_4_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_10_4_2" id="__nav_4_10_4_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Spring
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_4_10_4_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_10_4_2">
+            <span class="md-nav__icon md-icon"></span>
+            Spring
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/pom.xml.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    POM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/java/spring/spring-project.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Project Structure
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11" id="__nav_4_11_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_11_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11">
+            <span class="md-nav__icon md-icon"></span>
+            PHP
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/php.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PHP
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/database.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Database
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/web.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Web
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/dependency-injection.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Dependency Injection
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/composer.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Composer
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/psr-7.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    PSR 7
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/plates-templating.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Plates
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_11_9" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_11_9" id="__nav_4_11_9_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_11_9_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_11_9">
+            <span class="md-nav__icon md-icon"></span>
+            Simple MVC
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/simple-mvc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Simple MVC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/php/simple-mvc/rest-api.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    REST API
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_12" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_12" id="__nav_4_12_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_12_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_12">
+            <span class="md-nav__icon md-icon"></span>
+            Rust
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/rust.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Rust
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/macros.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Macros
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/cargo.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Cargo
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/concurrency.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Concurrency
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/rust/unit-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Unit Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13" id="__nav_4_13_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_13_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13">
+            <span class="md-nav__icon md-icon"></span>
+            Javascript
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/javascript.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Javascript
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/dom.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    DOM
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/events-animation.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Events & Animation
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/ajax.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    AJAX
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/jquery.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    jQuery
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_13_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_13_6" id="__nav_4_13_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_4_13_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_13_6">
+            <span class="md-nav__icon md-icon"></span>
+            React
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-router.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Router
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/react-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    React Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/react/redux-tests.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Redux Tests
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/javascript/svelte/svelte.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Svelte
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_14" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_14" id="__nav_4_14_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    PowerShell
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_14_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_14">
+            <span class="md-nav__icon md-icon"></span>
+            PowerShell
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/powershell/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_15" >
+        
+          
+          <label class="md-nav__link" for="__nav_4_15" id="__nav_4_15_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Bash
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_15_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_4_15">
+            <span class="md-nav__icon md-icon"></span>
+            Bash
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/scripting.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Scripting
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../languages/bash/commands.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Commands
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked>
+        
+          
+          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
+            
+  
+  <span class="md-ellipsis">
+    Misc
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_5">
+            <span class="md-nav__icon md-icon"></span>
+            Misc
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="git.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Git
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="graph-ql.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    GraphQL
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="regular-expressions.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    RegEx
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="ssh.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    SSH
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    <li class="md-nav__item md-nav__item--active">
+      
+      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
+      
+      
+        
+      
+      
+        <label class="md-nav__link md-nav__link--active" for="__toc">
+          
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+          <span class="md-nav__icon md-icon"></span>
+        </label>
+      
+      <a href="web-components.html" class="md-nav__link md-nav__link--active">
+        
+  
+  <span class="md-ellipsis">
+    WebComponents
+  </span>
+  
+
+      </a>
+      
+        
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Elements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Custom Elements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#types-of-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Types of Custom Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#registering-using-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Registering &amp; Using Custom Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-elements-lifecycle-callbacks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Elements Lifecycle Callbacks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#shadow-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shadow DOM
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Shadow DOM">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#creating-a-shadow-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating a Shadow DOM
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#javascript-css-encapsulation" class="md-nav__link">
+    <span class="md-ellipsis">
+      JavaScript &amp; CSS Encapsulation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#template-and-slot" class="md-nav__link">
+    <span class="md-ellipsis">
+      &lt;template&gt; and &lt;slot&gt;
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="<template> and <slot>">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#the-template-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The &lt;template&gt; element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#templates-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Templates &amp; Custom Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-slot-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The &lt;slot&gt; element
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+      
+      
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
+        
+          
+          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Linux
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6">
+            <span class="md-nav__icon md-icon"></span>
+            Linux
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_1" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_1" id="__nav_6_1_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Filesystem
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_1_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_1">
+            <span class="md-nav__icon md-icon"></span>
+            Filesystem
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/file-links.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    File Links
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/procfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /proc
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/filesystem/sysfs.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    /sys
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+      
+        
+      
+    
+    
+      
+      
+        
+      
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6_2" >
+        
+          
+          <label class="md-nav__link" for="__nav_6_2" id="__nav_6_2_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    System Init
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_6_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_6_2">
+            <span class="md-nav__icon md-icon"></span>
+            System Init
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/systemd.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    Systemd
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../linux/init/open-rc.html" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    OpenRC
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Elements
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Custom Elements">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#types-of-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Types of Custom Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#registering-using-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Registering &amp; Using Custom Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#custom-elements-lifecycle-callbacks" class="md-nav__link">
+    <span class="md-ellipsis">
+      Custom Elements Lifecycle Callbacks
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#shadow-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Shadow DOM
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Shadow DOM">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#creating-a-shadow-dom" class="md-nav__link">
+    <span class="md-ellipsis">
+      Creating a Shadow DOM
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#javascript-css-encapsulation" class="md-nav__link">
+    <span class="md-ellipsis">
+      JavaScript &amp; CSS Encapsulation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#template-and-slot" class="md-nav__link">
+    <span class="md-ellipsis">
+      &lt;template&gt; and &lt;slot&gt;
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="<template> and <slot>">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#the-template-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The &lt;template&gt; element
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#templates-custom-elements" class="md-nav__link">
+    <span class="md-ellipsis">
+      Templates &amp; Custom Elements
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#the-slot-element" class="md-nav__link">
+    <span class="md-ellipsis">
+      The &lt;slot&gt; element
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+    </ul>
+  
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+          
+          
+            <div class="md-content" data-md-component="content">
+              <article class="md-content__inner md-typeset">
+                
+                  
+
+  
+  
+
+
+<h1 id="web-components"><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Components" title="Web Components Docs">Web Components</a></h1>
+<h2 id="custom-elements"><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements" title="Using Custom Elements">Custom Elements</a></h2>
+<p>A set of JavaScript APIs that allow you to define custom elements and their behavior, which can then be used as desired in your user interface.</p>
+<h3 id="types-of-custom-elements">Types of Custom Elements</h3>
+<p>There are two types of custom element:</p>
+<ul>
+<li><strong>Customized built-in elements</strong> inherit from standard HTML elements such as <code>HTMLImageElement</code> or <code>HTMLParagraphElement</code>. Their implementation customizes the behavior of the standard element.</li>
+<li><strong>Autonomous custom elements</strong> inherit from the HTML element base class <code>HTMLElement</code>. Need to implement their behavior from scratch.</li>
+</ul>
+<p>A custom element is implemented as a class which extends <code>HTMLElement</code> (in the case of autonomous elements) or the interface to be customized customized (in the case of customized built-in elements).</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-0-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-0-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-0-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-0-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-0-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-0-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-0-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-0-10">10</a></span>
+<span class="normal"><a href="#__codelineno-0-11">11</a></span>
+<span class="normal"><a href="#__codelineno-0-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="kd">class</span><span class="w"> </span><span class="nx">CustomParagraph</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">HTMLParagraphElement</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2"></a><span class="w">  </span><span class="kr">constructor</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="c1">// self is reference to this element</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4"></a><span class="w">    </span><span class="nx">self</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">super</span><span class="p">();</span>
+<a id="__codelineno-0-5" name="__codelineno-0-5"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6"></a><span class="p">}</span>
+<a id="__codelineno-0-7" name="__codelineno-0-7"></a>
+<a id="__codelineno-0-8" name="__codelineno-0-8"></a><span class="kd">class</span><span class="w"> </span><span class="nx">CustomElement</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">HTMLElement</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-9" name="__codelineno-0-9"></a><span class="w">  </span><span class="kr">constructor</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-0-10" name="__codelineno-0-10"></a><span class="w">    </span><span class="k">super</span><span class="p">();</span>
+<a id="__codelineno-0-11" name="__codelineno-0-11"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-0-12" name="__codelineno-0-12"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="registering-using-custom-elements">Registering &amp; Using Custom Elements</h3>
+<p>To make a custom element available in a page, call the <code>define()</code> method of <code>Window.customElements</code>.</p>
+<p>The <code>define()</code> method takes the following arguments:</p>
+<ul>
+<li><code>name</code>: The name of the element. This must start with a lowercase letter, contain a hyphen, and satisfy certain other rules listed in the specification's definition of a valid name.</li>
+<li><code>constructor</code>: The custom element's constructor function.</li>
+<li><code>options</code>: Only included for customized built-in elements, this is an object containing a single property extends, which is a string naming the built-in element to extend.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
+<span class="normal"><a href="#__codelineno-1-2">2</a></span>
+<span class="normal"><a href="#__codelineno-1-3">3</a></span>
+<span class="normal"><a href="#__codelineno-1-4">4</a></span>
+<span class="normal"><a href="#__codelineno-1-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="c1">// register a customized element</span>
+<a id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="nb">window</span><span class="p">.</span><span class="nx">customElements</span><span class="p">.</span><span class="nx">define</span><span class="p">(</span><span class="s2">&quot;custom-paragraph&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">CustomParagraph</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">extends</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;p&quot;</span><span class="w"> </span><span class="p">});</span>
+<a id="__codelineno-1-3" name="__codelineno-1-3"></a>
+<a id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="c1">// register a fully custom element</span>
+<a id="__codelineno-1-5" name="__codelineno-1-5"></a><span class="nb">window</span><span class="p">.</span><span class="nx">customElements</span><span class="p">.</span><span class="nx">define</span><span class="p">(</span><span class="s2">&quot;custom-element&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">CustomElement</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
+<span class="normal"><a href="#__codelineno-2-2">2</a></span>
+<span class="normal"><a href="#__codelineno-2-3">3</a></span>
+<span class="normal"><a href="#__codelineno-2-4">4</a></span>
+<span class="normal"><a href="#__codelineno-2-5">5</a></span>
+<span class="normal"><a href="#__codelineno-2-6">6</a></span>
+<span class="normal"><a href="#__codelineno-2-7">7</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="cm">&lt;!-- need to specify customized name --&gt;</span>
+<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">&lt;</span><span class="nt">p</span> <span class="na">is</span><span class="o">=</span><span class="s">&quot;custom-paragraph&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-2-3" name="__codelineno-2-3"></a>
+<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="cm">&lt;!-- cannot be used as self-closing tag --&gt;</span>
+<a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="p">&lt;</span><span class="nt">custom-element</span><span class="p">&gt;</span>
+<a id="__codelineno-2-6" name="__codelineno-2-6"></a>    <span class="cm">&lt;!-- content of the element --&gt;</span>
+<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="p">&lt;/</span><span class="nt">custom-element</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="custom-elements-lifecycle-callbacks">Custom Elements Lifecycle Callbacks</h3>
+<p>Once the custom element is <em>registered</em>, the browser will call certain methods of the class when code in the page interacts with the custom element.<br />
+By providing an implementation of these methods, which the specification calls lifecycle callbacks, it's possible to run code in response to these events.</p>
+<p>Custom element lifecycle callbacks include:</p>
+<ul>
+<li><code>connectedCallback()</code>: called each time the element is added to the document. The specification recommends that, as far as possible, developers should implement custom element setup in this callback rather than the constructor.</li>
+<li><code>disconnectedCallback()</code>: called each time the element is removed from the document.</li>
+<li><code>adoptedCallback()</code>: called each time the element is moved to a new document.</li>
+<li><code>attributeChangedCallback(name, oldValue, newValue)</code>: called when attributes are changed, added, removed, or replaced.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-3-10">10</a></span>
+<span class="normal"><a href="#__codelineno-3-11">11</a></span>
+<span class="normal"><a href="#__codelineno-3-12">12</a></span>
+<span class="normal"><a href="#__codelineno-3-13">13</a></span>
+<span class="normal"><a href="#__codelineno-3-14">14</a></span>
+<span class="normal"><a href="#__codelineno-3-15">15</a></span>
+<span class="normal"><a href="#__codelineno-3-16">16</a></span>
+<span class="normal"><a href="#__codelineno-3-17">17</a></span>
+<span class="normal"><a href="#__codelineno-3-18">18</a></span>
+<span class="normal"><a href="#__codelineno-3-19">19</a></span>
+<span class="normal"><a href="#__codelineno-3-20">20</a></span>
+<span class="normal"><a href="#__codelineno-3-21">21</a></span>
+<span class="normal"><a href="#__codelineno-3-22">22</a></span>
+<span class="normal"><a href="#__codelineno-3-23">23</a></span>
+<span class="normal"><a href="#__codelineno-3-24">24</a></span>
+<span class="normal"><a href="#__codelineno-3-25">25</a></span>
+<span class="normal"><a href="#__codelineno-3-26">26</a></span>
+<span class="normal"><a href="#__codelineno-3-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="kd">class</span><span class="w"> </span><span class="nx">CustomElement</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">HTMLElement</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-2" name="__codelineno-3-2"></a>
+<a id="__codelineno-3-3" name="__codelineno-3-3"></a><span class="w">  </span><span class="c1">// array containing the names of all attributes for which the element needs change notifications</span>
+<a id="__codelineno-3-4" name="__codelineno-3-4"></a><span class="w">  </span><span class="k">static</span><span class="w"> </span><span class="nx">observedAttributes</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="s2">&quot;size&quot;</span><span class="p">];</span>
+<a id="__codelineno-3-5" name="__codelineno-3-5"></a>
+<a id="__codelineno-3-6" name="__codelineno-3-6"></a><span class="w">  </span><span class="kr">constructor</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w">    </span><span class="k">super</span><span class="p">();</span>
+<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-3-9" name="__codelineno-3-9"></a>
+<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w">  </span><span class="nx">connectedCallback</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Custom element added to page.&quot;</span><span class="p">);</span>
+<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-3-13" name="__codelineno-3-13"></a>
+<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w">  </span><span class="nx">disconnectedCallback</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Custom element removed from page.&quot;</span><span class="p">);</span>
+<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-3-17" name="__codelineno-3-17"></a>
+<a id="__codelineno-3-18" name="__codelineno-3-18"></a><span class="w">  </span><span class="nx">adoptedCallback</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-19" name="__codelineno-3-19"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Custom element moved to new page.&quot;</span><span class="p">);</span>
+<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-3-21" name="__codelineno-3-21"></a>
+<a id="__codelineno-3-22" name="__codelineno-3-22"></a>
+<a id="__codelineno-3-23" name="__codelineno-3-23"></a><span class="w">  </span><span class="nx">attributeChangedCallback</span><span class="p">(</span><span class="nx">name</span><span class="p">,</span><span class="w"> </span><span class="nx">oldValue</span><span class="p">,</span><span class="w"> </span><span class="nx">newValue</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-3-24" name="__codelineno-3-24"></a><span class="w">    </span><span class="c1">// name is one of observedAttributes</span>
+<a id="__codelineno-3-25" name="__codelineno-3-25"></a><span class="w">    </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="sb">`Attribute </span><span class="si">${</span><span class="nx">name</span><span class="si">}</span><span class="sb"> has changed.`</span><span class="p">);</span>
+<a id="__codelineno-3-26" name="__codelineno-3-26"></a><span class="w">  </span><span class="p">}</span>
+<a id="__codelineno-3-27" name="__codelineno-3-27"></a><span class="p">}</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="shadow-dom"><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM" title="Using Shadow DOM">Shadow DOM</a></h2>
+<p>THe <strong>Shadow DOM</strong> allows to attach a DOM tree to an element, and have the internals of this tree hidden from JavaScript and CSS running in the page.</p>
+<p>The shadow DOM tree starts with a shadow root, underneath which it's possible to attach any element, in the same way as the normal DOM.</p>
+<p>Terminology:</p>
+<ul>
+<li><strong>Shadow host</strong>: The regular DOM node that the shadow DOM is attached to.</li>
+<li><strong>Shadow tree</strong>: The DOM tree inside the shadow DOM.</li>
+<li><strong>Shadow boundary</strong>: the place where the shadow DOM ends, and the regular DOM begins.</li>
+<li><strong>Shadow root</strong>: The root node of the shadow tree.</li>
+</ul>
+<p><img alt="shadow-dom-schema" src="../img/webcomponents_shadowdom.svg" /></p>
+<h3 id="creating-a-shadow-dom">Creating a Shadow DOM</h3>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span>
+<span class="normal"><a href="#__codelineno-4-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a><span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;host&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-4-2" name="__codelineno-4-2"></a><span class="p">&lt;</span><span class="nt">span</span><span class="p">&gt;</span>I&#39;m not in the shadow DOM<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
+<span class="normal"><a href="#__codelineno-5-2">2</a></span>
+<span class="normal"><a href="#__codelineno-5-3">3</a></span>
+<span class="normal"><a href="#__codelineno-5-4">4</a></span>
+<span class="normal"><a href="#__codelineno-5-5">5</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="kd">const</span><span class="w"> </span><span class="nx">host</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;#host&quot;</span><span class="p">);</span>
+<a id="__codelineno-5-2" name="__codelineno-5-2"></a><span class="kd">const</span><span class="w"> </span><span class="nx">shadow</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">host</span><span class="p">.</span><span class="nx">attachShadow</span><span class="p">({</span><span class="w"> </span><span class="nx">mode</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;open&quot;</span><span class="w"> </span><span class="p">});</span>
+<a id="__codelineno-5-3" name="__codelineno-5-3"></a><span class="kd">const</span><span class="w"> </span><span class="nx">span</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s2">&quot;span&quot;</span><span class="p">);</span>
+<a id="__codelineno-5-4" name="__codelineno-5-4"></a><span class="nx">span</span><span class="p">.</span><span class="nx">textContent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;I&#39;m in the shadow DOM&quot;</span><span class="p">;</span>
+<a id="__codelineno-5-5" name="__codelineno-5-5"></a><span class="nx">shadow</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">span</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<blockquote>
+<p><strong>Note</strong>: <code>{mode: "open"}</code> allows accessing the shadow DOM from the <em>root node</em> <code>shadowDom</code> property. The "close" mode does not expose this property.</p>
+</blockquote>
+<h3 id="javascript-css-encapsulation">JavaScript &amp; CSS Encapsulation</h3>
+<p>The JavaScript and CSS defined outside the shadow DOM do not have effect inside. To style a shadow dom there are two possibilities:</p>
+<ul>
+<li>defining a <code>CSSStylesheet</code> and assigning it to the <code>ShadowRoot: adoptedStyleSheets</code></li>
+<li>adding a <code>&lt;style&gt;</code> element in a <code>&lt;template&gt;</code> element's declaration.</li>
+</ul>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-6-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-6-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-6-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-6-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-6-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-6-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-6-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-6-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-6-10">10</a></span>
+<span class="normal"><a href="#__codelineno-6-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a><span class="kd">const</span><span class="w"> </span><span class="nx">sheet</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">CSSStyleSheet</span><span class="p">();</span>
+<a id="__codelineno-6-2" name="__codelineno-6-2"></a><span class="nx">sheet</span><span class="p">.</span><span class="nx">replaceSync</span><span class="p">(</span><span class="s2">&quot;span { color: red; border: 2px dotted black; }&quot;</span><span class="p">);</span>
+<a id="__codelineno-6-3" name="__codelineno-6-3"></a>
+<a id="__codelineno-6-4" name="__codelineno-6-4"></a><span class="kd">const</span><span class="w"> </span><span class="nx">host</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;#host&quot;</span><span class="p">);</span>
+<a id="__codelineno-6-5" name="__codelineno-6-5"></a>
+<a id="__codelineno-6-6" name="__codelineno-6-6"></a><span class="kd">const</span><span class="w"> </span><span class="nx">shadow</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">host</span><span class="p">.</span><span class="nx">attachShadow</span><span class="p">({</span><span class="w"> </span><span class="nx">mode</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;open&quot;</span><span class="w"> </span><span class="p">});</span>
+<a id="__codelineno-6-7" name="__codelineno-6-7"></a><span class="nx">shadow</span><span class="p">.</span><span class="nx">adoptedStyleSheets</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="nx">sheet</span><span class="p">];</span>
+<a id="__codelineno-6-8" name="__codelineno-6-8"></a>
+<a id="__codelineno-6-9" name="__codelineno-6-9"></a><span class="kd">const</span><span class="w"> </span><span class="nx">span</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s2">&quot;span&quot;</span><span class="p">);</span>
+<a id="__codelineno-6-10" name="__codelineno-6-10"></a><span class="nx">span</span><span class="p">.</span><span class="nx">textContent</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">&quot;I&#39;m in the shadow DOM&quot;</span><span class="p">;</span>
+<a id="__codelineno-6-11" name="__codelineno-6-11"></a><span class="nx">shadow</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">span</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-7-10">10</a></span>
+<span class="normal"><a href="#__codelineno-7-11">11</a></span>
+<span class="normal"><a href="#__codelineno-7-12">12</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a><span class="p">&lt;</span><span class="nt">template</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;custom-element&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-7-2" name="__codelineno-7-2"></a>  <span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-7-3" name="__codelineno-7-3"></a><span class="w">    </span><span class="nt">span</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-7-4" name="__codelineno-7-4"></a><span class="w">      </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span>
+<a id="__codelineno-7-5" name="__codelineno-7-5"></a><span class="w">      </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="kt">px</span><span class="w"> </span><span class="kc">dotted</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span>
+<a id="__codelineno-7-6" name="__codelineno-7-6"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-7-7" name="__codelineno-7-7"></a><span class="w">  </span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-7-8" name="__codelineno-7-8"></a>  <span class="p">&lt;</span><span class="nt">span</span><span class="p">&gt;</span>I&#39;m in the shadow DOM<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
+<a id="__codelineno-7-9" name="__codelineno-7-9"></a><span class="p">&lt;/</span><span class="nt">template</span><span class="p">&gt;</span>
+<a id="__codelineno-7-10" name="__codelineno-7-10"></a>
+<a id="__codelineno-7-11" name="__codelineno-7-11"></a><span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;host&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+<a id="__codelineno-7-12" name="__codelineno-7-12"></a><span class="p">&lt;</span><span class="nt">span</span><span class="p">&gt;</span>I&#39;m not in the shadow DOM<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<h2 id="template-and-slot"><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots" title="Using Templates and Slots"><code>&lt;template&gt;</code> and <code>&lt;slot&gt;</code></a></h2>
+<h3 id="the-template-element">The <code>&lt;template&gt;</code> element</h3>
+<p>To reuse the same markup structures repeatedly on a web page, it makes sense to use some kind of a template rather than repeating the same structure over and over again.<br />
+The HTML <code>&lt;template&gt;</code> and its contents are not rendered in the DOM, but it can still be referenced using JavaScript.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
+<span class="normal"><a href="#__codelineno-8-2">2</a></span>
+<span class="normal"><a href="#__codelineno-8-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a><span class="p">&lt;</span><span class="nt">template</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;template-id&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-8-2" name="__codelineno-8-2"></a>  <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>template fallback content<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-8-3" name="__codelineno-8-3"></a><span class="p">&lt;/</span><span class="nt">template</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span>
+<span class="normal"><a href="#__codelineno-9-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a><span class="kd">let</span><span class="w"> </span><span class="nx">template</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&quot;template-id&quot;</span><span class="p">).</span><span class="nx">content</span><span class="p">;</span>
+<a id="__codelineno-9-2" name="__codelineno-9-2"></a><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">template</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="templates-custom-elements">Templates &amp; Custom Elements</h3>
+<p>Templates are useful on their own, but they work even better with web components.</p>
+<p>Since the template is added to a shadow DOM, it's possible to include styling information inside the template in a <code>&lt;style&gt;</code> element, which is then encapsulated inside the custom element.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-10-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-10-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-10-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-10-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-10-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-10-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-10-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-10-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-10-10">10</a></span>
+<span class="normal"><a href="#__codelineno-10-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a><span class="p">&lt;</span><span class="nt">template</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;template-id&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-10-2" name="__codelineno-10-2"></a>  <span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-10-3" name="__codelineno-10-3"></a><span class="w">    </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-10-4" name="__codelineno-10-4"></a><span class="w">      </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">white</span><span class="p">;</span>
+<a id="__codelineno-10-5" name="__codelineno-10-5"></a><span class="w">      </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#666</span><span class="p">;</span>
+<a id="__codelineno-10-6" name="__codelineno-10-6"></a><span class="w">      </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">5</span><span class="kt">px</span><span class="p">;</span>
+<a id="__codelineno-10-7" name="__codelineno-10-7"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-10-8" name="__codelineno-10-8"></a><span class="w">  </span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span>
+<a id="__codelineno-10-9" name="__codelineno-10-9"></a>
+<a id="__codelineno-10-10" name="__codelineno-10-10"></a>  <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>My paragraph<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-10-11" name="__codelineno-10-11"></a><span class="p">&lt;/</span><span class="nt">template</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">JavaScript</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
+<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
+<span class="normal"><a href="#__codelineno-11-3"> 3</a></span>
+<span class="normal"><a href="#__codelineno-11-4"> 4</a></span>
+<span class="normal"><a href="#__codelineno-11-5"> 5</a></span>
+<span class="normal"><a href="#__codelineno-11-6"> 6</a></span>
+<span class="normal"><a href="#__codelineno-11-7"> 7</a></span>
+<span class="normal"><a href="#__codelineno-11-8"> 8</a></span>
+<span class="normal"><a href="#__codelineno-11-9"> 9</a></span>
+<span class="normal"><a href="#__codelineno-11-10">10</a></span>
+<span class="normal"><a href="#__codelineno-11-11">11</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a><span class="kd">class</span><span class="w"> </span><span class="nx">CustomElement</span><span class="w"> </span><span class="k">extends</span><span class="w"> </span><span class="nx">HTMLElement</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-2" name="__codelineno-11-2"></a><span class="w">    </span><span class="kr">constructor</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+<a id="__codelineno-11-3" name="__codelineno-11-3"></a><span class="w">        </span><span class="k">super</span><span class="p">();</span>
+<a id="__codelineno-11-4" name="__codelineno-11-4"></a><span class="w">        </span><span class="kd">let</span><span class="w"> </span><span class="nx">template</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&quot;template-id&quot;</span><span class="p">).</span><span class="nx">content</span><span class="p">;;</span>
+<a id="__codelineno-11-5" name="__codelineno-11-5"></a>
+<a id="__codelineno-11-6" name="__codelineno-11-6"></a><span class="w">        </span><span class="kd">const</span><span class="w"> </span><span class="nx">shadowRoot</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="nx">attachShadow</span><span class="p">({</span><span class="w"> </span><span class="nx">mode</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;open&quot;</span><span class="w"> </span><span class="p">});</span>
+<a id="__codelineno-11-7" name="__codelineno-11-7"></a><span class="w">        </span><span class="nx">shadowRoot</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="nx">template</span><span class="p">.</span><span class="nx">cloneNode</span><span class="p">(</span><span class="kc">true</span><span class="p">));</span>
+<a id="__codelineno-11-8" name="__codelineno-11-8"></a><span class="w">    </span><span class="p">}</span>
+<a id="__codelineno-11-9" name="__codelineno-11-9"></a><span class="p">}</span>
+<a id="__codelineno-11-10" name="__codelineno-11-10"></a>
+<a id="__codelineno-11-11" name="__codelineno-11-11"></a><span class="nx">customElements</span><span class="p">.</span><span class="nx">define</span><span class="p">(</span><span class="s2">&quot;custom-element&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">CustomElement</span><span class="p">);</span>
+</code></pre></div></td></tr></table></div>
+<h3 id="the-slot-element">The <code>&lt;slot&gt;</code> element</h3>
+<p>It possible to display different content in each element instance in a nice declarative way using the <code>&lt;slot&gt;</code> element.</p>
+<p>Slots are identified by their <em>name attribute</em>, and allow to define placeholders in the template that can be filled with any markup fragment when the element is used in the markup.</p>
+<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">HTML</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1">1</a></span>
+<span class="normal"><a href="#__codelineno-12-2">2</a></span>
+<span class="normal"><a href="#__codelineno-12-3">3</a></span>
+<span class="normal"><a href="#__codelineno-12-4">4</a></span>
+<span class="normal"><a href="#__codelineno-12-5">5</a></span>
+<span class="normal"><a href="#__codelineno-12-6">6</a></span>
+<span class="normal"><a href="#__codelineno-12-7">7</a></span>
+<span class="normal"><a href="#__codelineno-12-8">8</a></span>
+<span class="normal"><a href="#__codelineno-12-9">9</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1"></a><span class="p">&lt;</span><span class="nt">template</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;template-id&quot;</span><span class="p">&gt;</span>
+<a id="__codelineno-12-2" name="__codelineno-12-2"></a>  <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-12-3" name="__codelineno-12-3"></a>    <span class="p">&lt;</span><span class="nt">slot</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;slot-name&quot;</span><span class="p">&gt;</span>Default slot content<span class="p">&lt;/</span><span class="nt">slot</span><span class="p">&gt;</span>
+<a id="__codelineno-12-4" name="__codelineno-12-4"></a>  <span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
+<a id="__codelineno-12-5" name="__codelineno-12-5"></a><span class="p">&lt;/</span><span class="nt">template</span><span class="p">&gt;</span>
+<a id="__codelineno-12-6" name="__codelineno-12-6"></a>
+<a id="__codelineno-12-7" name="__codelineno-12-7"></a><span class="p">&lt;</span><span class="nt">custom-element</span><span class="p">&gt;</span>
+<a id="__codelineno-12-8" name="__codelineno-12-8"></a>  <span class="p">&lt;</span><span class="nt">span</span> <span class="na">slot</span><span class="o">=</span><span class="s">&quot;slot-name&quot;</span><span class="p">&gt;</span>Substituted slot content<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
+<a id="__codelineno-12-9" name="__codelineno-12-9"></a><span class="p">&lt;/</span><span class="nt">custom-element</span><span class="p">&gt;</span>
+</code></pre></div></td></tr></table></div>
+<!-- links -->
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+
+                
+              </article>
+            </div>
+          
+          
+<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+        </div>
+        
+          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
+  
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
+  Back to top
+</button>
+        
+      </main>
+      
+        <footer class="md-footer">
+  
+    
+      
+      <nav class="md-footer__inner md-grid" aria-label="Footer" >
+        
+          
+          <a href="ssh.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: SSH">
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
+            </div>
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Previous
+              </span>
+              <div class="md-ellipsis">
+                SSH
+              </div>
+            </div>
+          </a>
+        
+        
+          
+          <a href="../linux/filesystem/file-links.html" class="md-footer__link md-footer__link--next" aria-label="Next: File Links">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                Next
+              </span>
+              <div class="md-ellipsis">
+                File Links
+              </div>
+            </div>
+            <div class="md-footer__button md-icon">
+              
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
+            </div>
+          </a>
+        
+      </nav>
+    
+  
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <div class="md-copyright">
+  
+    <div class="md-copyright__highlight">
+      MIT
+    </div>
+  
+  
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  
+</div>
+      
+        <div class="md-social">
+  
+    
+    
+      
+    
+    
+    
+      
+      
+    
+    <a href="https://hachyderm.io/@m_lamonaca" target="_blank" rel="noopener me" title="hachyderm.io" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
+    </a>
+  
+    
+    
+    
+    
+      
+      
+    
+    <a href="https://github.com/m-lamonaca" target="_blank" rel="noopener" title="github.com" class="md-social__link">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
+    </a>
+  
+</div>
+      
+    </div>
+  </div>
+</footer>
+      
+    </div>
+    <div class="md-dialog" data-md-component="dialog">
+      <div class="md-dialog__inner md-typeset"></div>
+    </div>
+    
+    
+    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.instant", "navigation.indexes", "navigation.tracking", "navigation.pruning", "navigation.sections", "navigation.top", "navigation.tabs", "navigation.tabs.sticky", "navigation.footer", "toc.follow", "content.code.copy"], "search": "../assets/javascripts/workers/search.07f07601.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
+    
+    
+      <script src="../assets/javascripts/bundle.56dfad97.min.js"></script>
+      
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/search/search_index.js b/search/search_index.js
new file mode 100644
index 0000000..3f3096a
--- /dev/null
+++ b/search/search_index.js
@@ -0,0 +1 @@
+var __index = {"config":{"lang":["en"],"separator":"[\\s\\-]+","pipeline":["stopWordFilter"]},"docs":[{"location":"index.html","title":"Dev Notes","text":"<p>Personal notes on various programming languages, technologies, tools, etc. to be used as quick reference.</p> <p>Note: These notes are not meant to be comprehensive but to contain frequently used information. For complete and up to date documentation always go to the primary source.</p>"},{"location":"containers/docker.html","title":"Docker","text":""},{"location":"containers/docker.html#images-containers","title":"Images &amp; Containers","text":"<p>Containerization is an approach to software development in which an application or service, its dependencies, and its configuration (abstracted as deployment manifest files) are packaged together as a container image.</p> <p>Just as shipping containers allow goods to be transported by ship, train, or truck regardless of the cargo inside, software containers act as a standard unit of software deployment that can contain different code and dependencies. Containerizing software this way enables developers and IT professionals to deploy them across environments with little or no modification.</p> <p>Containers also isolate applications from each other on a shared OS. Containerized applications run on top of a container host that in turn runs on the OS. Containers therefore have a much smaller footprint than virtual machine (VM) images.</p> <p>In short, containers offer the benefits of isolation, portability, agility, scalability, and control across the entire application lifecycle workflow.</p>"},{"location":"containers/docker.html#containers-vs-virtual-machines","title":"Containers vs Virtual Machines","text":"<p>A container runs natively on Linux and shares the kernel of the host machine with other containers. It runs a discrete process, taking no more memory than any other executable, making it lightweight.</p> <p>By contrast, a virtual machine (VM) runs a full-blown \"guest\" operating system with virtual access to host resources through a hypervisor. In general, VMs incur a lot of overhead beyond what is being consumed by your application logic.</p> <p> </p>"},{"location":"containers/docker.html#docker-terminology","title":"Docker Terminology","text":"<p>Container image: A package with all the dependencies and information needed to create a container. An image includes all the dependencies (such as frameworks) plus deployment and execution configuration to be used by a container runtime. Usually, an image derives from multiple base images that are layers stacked on top of each other to form the container\u2019s filesystem. An image is immutable once it has been created.</p> <p>Dockerfile: A text file that contains instructions for building a Docker image. It\u2019s like a batch script, the first line states the base image to begin with and then follow the instructions to install required programs, copy files, and so on, until you get the working environment you need.</p> <p>Build: The action of building a container image based on the information and context provided by its Dockerfile, plus additional files in the folder where the image is built. You can build images with the following Docker command: <code>docker build</code></p> <p>Container: An instance of a Docker image. A container represents the execution of a single application, process, or service. It consists of the contents of a Docker image, an execution environment, and a standard set of instructions. When scaling a service, you create multiple instances of a container from the same image. Or a batch job can create multiple containers from the same image, passing different parameters to each instance.</p> <p>Volumes: Offer a writable filesystem that the container can use. Since images are read-only but most programs need to write to the filesystem, volumes add a writable layer, on top of the container image, so the programs have access to a writable filesystem. The program doesn\u2019t know it\u2019s accessing a layered filesystem, it\u2019s just the filesystem as usual. Volumes live in the host system and are managed by Docker.</p> <p>Tag: A mark or label you can apply to images so that different images or versions of the same image (depending on the version number or the target environment) can be identified.</p> <p>Multi-stage Build: Is a feature, since Docker 17.05 or higher, that helps to reduce the size of the final images. For example, a large base image, containing the SDK can be used for compiling and publishing and then a small runtime-only base image can be used to host the application.</p> <p>Repository (repo): A collection of related Docker images, labeled with a tag that indicates the image version. Some repos contain multiple variants of a specific image, such as an image containing SDKs (heavier), an image containing only runtimes (lighter), etc. Those variants can be marked with tags. A single repo can contain platform variants, such as a Linux image and a Windows image.</p> <p>Registry: A service that provides access to repositories. The default registry for most public images is Docker Hub (owned by Docker as an organization). A registry usually contains repositories from multiple teams. Companies often have private registries to store and manage images they\u2019ve created.</p> <p>Multi-arch image: For multi-architecture, it\u2019s a feature that simplifies the selection of the appropriate image, according to the platform where Docker is running.</p> <p>Docker Hub: A public registry to upload images and work with them. Docker Hub provides Docker image hosting, public or private registries, build triggers and web hooks, and integration with GitHub and Bitbucket.</p> <p>Azure Container Registry: A public resource for working with Docker images and its components in Azure. This provides a registry that\u2019s close to your deployments in Azure and that gives you control over access, making it possible to use your Azure Active Directory groups and permissions.</p> <p>Docker Trusted Registry (DTR): A Docker registry service (from Docker) that can be installed on-premises so it lives within the organization\u2019s datacenter and network. It\u2019s convenient for private images that should be managed within the enterprise. Docker Trusted Registry is included as part of the Docker Datacenter product. For more information, see Docker Trusted Registry (DTR).</p> <p>Docker Compose: A command-line tool and YAML file format with metadata for defining and running multi-container applications. You define a single application based on multiple images with one or more <code>.yml</code> files that can override values depending on the environment. After you\u2019ve created the definitions, you can deploy the whole multi-container application with a single command (docker-compose up) that creates a container per image on the Docker host.</p> <p>Cluster: A collection of Docker hosts exposed as if it were a single virtual Docker host, so that the application can scale to multiple instances of the services spread across multiple hosts within the cluster. Docker clusters can be created with Kubernetes, Azure Service Fabric, Docker Swarm and Mesosphere DC/OS.</p> <p>Orchestrator: A tool that simplifies the management of clusters and Docker hosts. Orchestrators enable you to manage their images, containers, and hosts through a command-line interface (CLI) or a graphical UI. You can manage container networking, configurations, load balancing, service discovery, high availability, Docker host configuration, and more. An orchestrator is responsible for running, distributing, scaling, and healing workloads across a collection of nodes. Typically, orchestrator products are the same products that provide cluster infrastructure, like Kubernetes and Azure Service Fabric, among other offerings in the market.</p>"},{"location":"containers/docker.html#docker-cli","title":"Docker CLI","text":""},{"location":"containers/docker.html#docker-run","title":"<code>docker run</code>","text":"Bash<pre><code>docker run &lt;image&gt;  # run selected app inside a container (downloaded from Docker Hub if missing from image)\ndocker run -d|--detach &lt;image&gt;  # run docker container in the background (does not occupy stdout &amp; stderr)\ndocker run -i|--interactive &lt;image&gt;  # run docker container in interactive mode (read stdin)\ndocker run -t|--tty &lt;image&gt;  # run docker container allocating a pseudo-TTY (show prompts)\ndocker run -p|--publish &lt;host_port&gt;:&lt;container_port&gt; &lt;image&gt;  # map container ports\ndocker run -v|--volume &lt;existing_host_dir&gt;:&lt;container_dir&gt; &lt;image&gt;  # map container directory to a host directory (external volumes)\ndocker run -v|--volume &lt;volume_name&gt;:&lt;container_dir&gt; &lt;image&gt;  # map container directory to a host directory under the docker main folder (external volumes)\ndocker run -e|--env NAME=value &lt;image&gt;  # set container env vars\ndocker run --entrypoint &lt;executable&gt; &lt;args&gt; &lt;image&gt;  # run with a non-default entrypoint\ndocker run --name=&lt;container_name&gt; &lt;image&gt;  # set container name\n</code></pre> <p>Warn: <code>&lt;image&gt;</code> must be last argument</p>"},{"location":"containers/docker.html#docker-container","title":"<code>docker container</code>","text":"Bash<pre><code>docker container ls  # list of currently running containers\ndocker container ls -a|--all  # list of all containers, running and exited\ndocker container rm &lt;container&gt;  # remove one or more containers\ndocker container prune  # remove stopped containers\n\ndocker container inspect &lt;container&gt;  # full details about a container\ndocker container logs &lt;container&gt;  # see container logs\n\ndocker container stop &lt;container&gt;  # stop a running container\ndocker container start &lt;container&gt;  # start a stopped container\n\ndocker container exec &lt;container&gt; &lt;command&gt;  # exec a command inside a container\n</code></pre>"},{"location":"containers/docker.html#docker-image","title":"<code>docker image</code>","text":"Bash<pre><code>docker image ls  # list of existing images\ndocker image rm &lt;image&gt;  # remove one or more images\ndocker image prune &lt;image&gt;  # remove unused images\ndocker image pull &lt;image&gt;  # download an image w/o starting the container\n</code></pre>"},{"location":"containers/docker.html#docker-build","title":"<code>docker build</code>","text":"Bash<pre><code>docker build -t &lt;tag&gt; -f &lt;dockerfile&gt; &lt;context&gt;  # build image with specific tag (usually user/app:version)\ndocker build -t &lt;tag&gt; -f &lt;dockerfile&gt; --build-arg ARG=value &lt;context&gt;  # pass args to ARG steps\n</code></pre>"},{"location":"containers/docker.html#docker-push","title":"<code>docker push</code>","text":"Bash<pre><code>docker push &lt;image&gt;  # publish image to registry (defaults to Docker Hub)\n</code></pre>"},{"location":"containers/docker.html#dockerfile","title":"Dockerfile","text":"Docker<pre><code># starting image or scratch\nFROM &lt;base_image&gt;:&lt;tag&gt;\n\n# run commands (e.g: install dependencies)\nRUN &lt;command&gt;\n\n# define working directory (usually /app)\nWORKDIR &lt;path&gt;\n\n# copy source code into the image in a specified location\nCOPY &lt;src&gt; &lt;dir_in_container&gt;\n\n# accept args from docker run (--build-arg arg_name=value)\nARG &lt;arg_name&gt;\n\n# set env values inside the container\nENV &lt;ENV_VAR&gt; &lt;value&gt;\n\n# Exec form (Preferred form)\nCMD [\"&lt;executable&gt;\", \"&lt;arg1&gt;\", \"&lt;arg2&gt;\"]\nENTRYPOINT [\"&lt;executable&gt;\", \"&lt;arg1&gt;\", \"&lt;arg2&gt;\"]\n\n# Shell form\nCMD &lt;executable&gt; &lt;arg1&gt; &lt;arg2&gt;\nENTRYPOINT &lt;executable&gt; &lt;arg1&gt; &lt;arg2&gt;\n</code></pre>"},{"location":"containers/docker.html#cmd-vs-entrypoint","title":"<code>CMD</code> vs <code>ENTRYPOINT</code>","text":"<p><code>CMD</code> is used to provide all the default scenarios which can be overridden. Anything defined in CMD can be overridden by passing arguments in <code>docker run</code> command.</p> <p><code>ENTRYPOINT</code> is used to define a specific executable (and it's arguments) to be executed during container invocation which cannot be overridden. The user can however define arguments to be passed in the executable by adding them in the <code>docker run</code> command.</p>"},{"location":"containers/docker.html#docker-multi-stage-build","title":"Docker Multi-Stage Build","text":"<p>With multi-stage builds, it's possible to use multiple <code>FROM</code> statements in the Dockerfile. Each <code>FROM</code> instruction can use a different base, and each of them begins a new stage of the build.</p> <p>It's possible to selectively copy artifacts from one stage to another, leaving behind everything not wanted in the final image.</p> Docker<pre><code>FROM &lt;base_image&gt;:&lt;tag&gt; AS &lt;runtime_alias&gt;\nRUN &lt;command&gt;  # install external dependencies (apt get ...)\n\n# --- START of BUILD LAYERS --- #\nFROM &lt;base_image&gt;:&lt;tag&gt; AS &lt;build_alias&gt;\nWORKDIR &lt;app_path&gt;\n\n# install project dependencies\nCOPY &lt;src&gt; &lt;dir_in_container&gt;  # add lockfiles\nRUN &lt;command&gt;  # install project dependencies from lockfiles\n\nCOPY &lt;src&gt; .&lt;dir_in_container&gt;  # bring in all source code\nWORKDIR &lt;build_location&gt;\nARG version\nRUN &lt;command&gt;  # build project\n# --- END of BUILD LAYERS --- #\n\nFROM &lt;runtime_alias&gt; AS &lt;deploy_alias&gt;\nWORKDIR &lt;app_path&gt;\n\n# bring in release build files\nCOPY --from=&lt;build_alias|stage_number&gt; &lt;src&gt; &lt;dir_in_container&gt;\nCMD [\"executable\"]  # run app\n</code></pre> Docker<pre><code>FROM mcr.microsoft.com/dotnet/&lt;runtime|aspnet&gt;:&lt;alpine_tag&gt; AS runtime\nRUN &lt;command&gt;  # install external dependencies (apt get ...)\n\n# --- START of BUILD LAYERS --- #\nFROM mcr.microsoft.com/dotnet/sdk:&lt;tag&gt; as build\nWORKDIR /app\n\n# install project dependencies\nCOPY *.sln ./src\nCOPY src/*.csproj ./src\nRUN dotnet restore\n\n# publish app\nCOPY /src ./src  # bring in all source code\nWORKDIR /app/src  # reposition to build location\nARG version\nRUN dotnet publish &lt;project&gt;|&lt;solution&gt; -c Release -o out /p:Version=$version\n# --- END of BUILD LAYERS --- #\n\nFROM runtime AS final-runtime\nWORKDIR /app\nCOPY --from=build /app/out .\n\nENTRYPOINT [\"dotnet\", \"&lt;project&gt;.dll\"]\n</code></pre>"},{"location":"containers/docker.html#networking","title":"Networking","text":"<p>Starting container networks: <code>bridge</code> (default), <code>none</code>, <code>host</code>.</p> Bash<pre><code>docker run &lt;image&gt; --network=none/host  # specify a non-default network to be used\ndocker run &lt;image&gt; --add-host=&lt;hostname&gt;:&lt;ip&gt;  # add hostname mapping\ndocker network ls  # list all available networks\n</code></pre> <ul> <li>Bridge: Private internal network created by Docker.   All containers ara attached to this network by default and get an IP in the <code>172.17.xxx.xxx-172.12.xxx.xxx</code> series.   Containers can access each other by using the IP <code>172.17.0.1</code>.   It is possible to create multiple sub-networks in the bridge network to isolate groups of containers from each other.</li> <li>Host: Removes any network isolation between the host and the containers. Cannot run multiple containers on the same port.</li> <li>None: Containers are not attached to a network and cannot access other containers or the external network.</li> </ul> <p>Note: Mapping <code>host-gateway</code> to an hostname allows the container to reach the host network even with networks types different from <code>host</code></p>"},{"location":"containers/docker.html#user-defined-networks","title":"User-defined Networks","text":"Bash<pre><code>docker network create --driver NETWORK_TYPE --subnet GATEWAY_TP/SUBNET_MASK_SIZE NETWORK_NAME\n</code></pre>"},{"location":"containers/docker.html#embedded-dns","title":"Embedded DNS","text":"<p>Docker has an internal DNS that allows finding other container by their name instead of their IP. The DNS always runs at the address <code>127.0.0.11</code>.</p>"},{"location":"containers/docker.html#exposing-ports","title":"Exposing Ports","text":"<p>By default, containers on bridge networks don't expose any ports to the outside world. Using the <code>--publish</code> or <code>-p</code> flag makes a port available to services outside the bridge network. This creates a firewall rule in the host, mapping a container port to a port on the Docker host to the outside world.</p> <p>Here are some examples:</p> Flag value Description <code>-p 8080:80</code> Map port <code>8080</code> on the host to TCP port <code>80</code> in the container. <code>-p 192.168.1.100:8080:80</code> Map port <code>8080</code> on the host IP <code>192.168.1.100</code> to TCP port <code>80</code> in the container. <code>-p 8080:80/udp</code> Map port <code>8080</code> on the host to UDP port <code>80</code> in the container. <code>-p 8080:80/tcp -p 8080:80/udp</code> Map TCP and UDP port <code>8080</code> on the host to TCP and UDP port <code>80</code> in the container. <p>Warn: Publishing container ports is insecure by default. A published port it becomes available not only to the host, but to the outside world as well. If the localhost IP address (<code>127.0.0.1</code>, or <code>::1</code>) is included with the publish flag, only the host and its containers can access the published container port.</p> Bash<pre><code>docker run --publish 127.0.0.1:8080:80 --publish '[::1]:8080:80' nginx\n</code></pre>"},{"location":"containers/docker.html#docker-storage","title":"Docker Storage","text":""},{"location":"containers/docker.html#file-system","title":"File System","text":"Bash<pre><code>/var/lib/docker\n|_&lt;storage_driver&gt;\n|_containers\n|_image\n|_network\n|_volumes\n| |_specific_volume\n|_...\n</code></pre>"},{"location":"containers/docker.html#copy-on-write","title":"Copy-On-Write","text":"<p>To modify a file during while the container runs docker creates a local copy in the specific container and the local copy will be modified.</p>"},{"location":"containers/docker.html#volumes","title":"Volumes","text":"<p>volume mounting: create a volume under the docker installation folder (<code>/var/lib/docker/volumes/</code>). bind mounting: link docker to an exiting folder to be used as a volume.</p> Bash<pre><code>docker run -v &lt;existing_dir&gt;:&lt;container_dir&gt; &lt;image&gt;:&lt;tag&gt;  # older command for bind mounting\ndocker run --mount type=bind, source=:&lt;existing_dir&gt;, target=&lt;container_dir&gt; &lt;image&gt;:&lt;tag&gt;  # modern command for bind mounting\n</code></pre>"},{"location":"containers/docker.html#docker-compose","title":"Docker Compose","text":"<p>Compose is a tool for defining and running multi-container Docker applications. With Compose, you use a YAML file to configure your application\u2019s services. Then, with a single command, you create and start all the services from your configuration.</p> <p>Using Compose is basically a three-step process:</p> <ol> <li>Define the app\u2019s environment with a\u00a0<code>Dockerfile</code>\u00a0so it can be reproduced anywhere.</li> <li>Define the services that make up your app in\u00a0<code>docker-compose.yml</code>\u00a0so they can be run together in an isolated environment.</li> <li>Run\u00a0<code>docker-compose up</code>\u00a0and Compose starts and runs the entire app.</li> </ol> YAML<pre><code>version: 3.x\nservices:\n  &lt;service_name&gt;:\n    image: &lt;image_name&gt;\n    image: &lt;image_url&gt;\n    build: &lt;path&gt;  # path to folder containing a Dockerfile to build the image\n    build:\n      context: &lt;path&gt;\n      dockerfile: &lt;*.Dockerfile&gt;\n      args:  # pass args to dockerfile\n        ARG: &lt;value&gt;\n        - ARG=&lt;value&gt;\n    ports: \n      - &lt;host_port&gt;:&lt;container_port&gt;\n    extra_hosts:  # add hostname mappings to container network interface config\n      - &lt;hostname&gt;:&lt;ip&gt;\n      - &lt;hostname&gt;:host-gateway  # map host machine network\n    profiles:  # partition services into sets\n      - &lt;profile_name&gt;\n    networks:  # attach container to one or more networks\n      - &lt;network_name&gt;\n    depends_on:  # make sure dependencies are running before this container\n      - &lt;container_name&gt;\n    environment:  # declare a env vars for this service\n      ENV_VAR: &lt;value&gt;\n      - ENV_VAR=&lt;value&gt;\n    env_file:\n      - &lt;path/to/env/file&gt;  # reusable env file\n    volumes:\n      - \"./&lt;rel/path/to/volume&gt;:&lt;in/container/path/to/data&gt;\"  # service-dedicated volume\n      - \"&lt;volume_name&gt;:&lt;in/container/path/to/data&gt;\"  # reuseable volume\n    healthcheck:\n      disable: &lt;bool&gt;  # set to true to disable\n      test: curl -f http://localhost  # set to [\"NONE\"] to disable\n      interval:  # interval between checks (default 30s)\n      timeout:  # check fail timeout (default 30s)\n      retries:  # num of retries before unhealty (default 3)\n      start_period:  # container init grace pediod (default 5s)\n      start_interval:  # check interval in start period\n\n# reusable volume definitions\nvolumes:\n  - &lt;volume_name&gt;:\n\n# create networks\nnetworks:\n  &lt;network_name&gt;:\n</code></pre>"},{"location":"containers/kubernetes.html","title":"Kubernetes (<code>k8s</code>)","text":""},{"location":"containers/kubernetes.html#cluster-architecture","title":"Cluster Architecture","text":"<p>A Kubernetes cluster consists of a set of worker machines, called nodes, that run containerized applications. Every cluster has at least one worker node.</p> <p>The worker node(s) host the pods that are the components of the application workload. The control plane manages the worker nodes and the pods in the cluster. In production environments, the control plane usually runs across multiple computers and a cluster usually runs multiple nodes, providing fault-tolerance and high availability.</p> <p></p>"},{"location":"containers/kubernetes.html#control-plane","title":"Control Plane","text":"<p>The control plane is the container orchestration layer that exposes the API and interfaces to define, deploy, and manage the lifecycle of containers. It's components are:</p> <ul> <li>kube-apiserver: entrypoint of the cluster that exposes the kubernetes API</li> <li>kube-controller-manager: keeps track of what is happening in the cluster</li> <li>kube-scheduler: ensures pod placement on the nodes based on node resource availability</li> <li>etcd: key-value store used as Kubernetes backing store for all cluster data</li> </ul> <p>Note: in production environment there are at least two control planes to ensure constant availability of their functionalities</p>"},{"location":"containers/kubernetes.html#node","title":"Node","text":"<p>Nodes are the worker machines in kubernetes. The node components are:</p> <ul> <li>kubelet: the agent that runs on each node in the cluster. It makes sure that containers are running in a pod</li> <li>kube-proxy: the network proxy part of the cluster virtual network that allows communication to pods from inside or outside of the cluster</li> <li>container runtime: the software that is responsible for running containers</li> </ul>"},{"location":"containers/kubernetes.html#kubernetes-components","title":"Kubernetes Components","text":""},{"location":"containers/kubernetes.html#pod","title":"Pod","text":"<p>Pods are the smallest unit in kubernetes. They are an abstraction over a set of running containers. The pod abstraction is used to make kubernetes independent from the container technology.</p> <p>Each pod has it's own IP address inside the virtual network of the cluster; this makes pod communication possible. Since pods are ephemeral resources when a pod dies another one will replace it. The new pod will get a new IP address.</p>"},{"location":"containers/kubernetes.html#service","title":"Service","text":"<p>Services are permanent IP addresses and ar used to resolve the issue of changing pod IPs. Each pod can be attached to a service. The lifecycle of a service is detached from a pod. External services are used to make the contents of a pod accessible from the outside of the cluster while internal services are not exposed.</p>"},{"location":"containers/kubernetes.html#ingress","title":"Ingress","text":"<p>Ingresses are the components hat forwards external requests to specific services. Ingresses are used to expose services through secure protocols and friendly URLs instead of service IPs.</p>"},{"location":"containers/kubernetes.html#configmap","title":"ConfigMap","text":"<p>ConfigMaps are external configurations used to store non-confidential data in key-value pairs. Pods can consume ConfigMaps as environment variables, command-line arguments, or as configuration files in a volume.</p> <p>ConfigMaps allow to decouple environment-specific configuration from container images, so that applications are easily portable.</p>"},{"location":"containers/kubernetes.html#secret","title":"Secret","text":"<p>Secrets contains a small amount of sensitive data such as a password, a token, or a key. Such information might otherwise be put in a Pod specification or in a container image.</p> <p>Secrets are similar to ConfigMaps but are specifically intended to hold confidential data.</p> <p>Because Secrets can be created independently of the Pods that use them, there is less risk of the Secret (and its data) being exposed during the workflow of creating, viewing, and editing Pods.  </p> <p>Warn: secrets, by default, are not encrypted: they are stored in base64. Consider using third-party encryption tools.</p>"},{"location":"containers/kubernetes.html#volumes","title":"Volumes","text":"<p>Volumes are physical storage attached to a pod in order to persist data when a pod is shut down.</p> <p>Warn: kubernetes does not manage data persistance. Backups must be managed externally.</p>"},{"location":"containers/kubernetes.html#deployment","title":"Deployment","text":"<p>Deployments are a description of the desired state of the cluster. The deployment controller changes the actual state to match the desired one.</p> <p>Deployments can be used to manage the scaling of the replicas of a pod.</p>"},{"location":"containers/kubernetes.html#replicaset","title":"ReplicaSet","text":"<p>ReplicaSets are groups of identical pods and are used to guarantee the availability of the replicated application. ReplicaSets are used to manage stateless applications.</p>"},{"location":"containers/kubernetes.html#statefulset","title":"StatefulSet","text":"<p>StatefulSets are group of pods with guarantees about the ordering and uniqueness of the pods. StatefulSets are used to manage pods that need consistent state like databases.</p>"},{"location":"containers/kubernetes.html#daemonset","title":"DaemonSet","text":"<p>DaemonSets ensure the all or some nodes in a cluster run a copy of a specific pod.</p>"},{"location":"containers/kubernetes.html#jobs","title":"Jobs","text":"<p>Jobs create one or more Pods and will continue to retry execution of the Pods until a specified number of them successfully terminate.</p> <p>As pods successfully complete, the Job tracks the successful completions. When a specified number of successful completions is reached, the task is complete.</p>"},{"location":"containers/kubernetes.html#kubernetes-configuration","title":"Kubernetes Configuration","text":"<p>Each kubernetes configuration file is composed by 3 parts:</p> <ul> <li>metadata</li> <li>specification</li> <li>status (generated by k8s)</li> </ul> <p>Note: kubernetes config files are written in YAML</p>"},{"location":"containers/kubernetes.html#kubectl","title":"<code>kubectl</code>","text":""},{"location":"containers/kubernetes.html#kubectl-get","title":"<code>kubectl get</code>","text":"Bash<pre><code>kubectl config get-contexts  # list available contexts\n\nkubectl get namespaces  # list namespaces inside current context\n\nkubectl get pod -n|--namespace &lt;namespace&gt;  # list pods inside namespace\nkubectl get pod [-n|--namespace &lt;namespace&gt;] &lt;pod&gt; -o|--output jsonpath='{.spec.containers[*].name}'  # list containers inside pod\n</code></pre>"},{"location":"containers/kubernetes.html#kubectl-exec","title":"<code>kubectl exec</code>","text":"Bash<pre><code>kubectl exec [-i|--stdin] [-t|--tty] [-n|--namespace &lt;namespace&gt;] &lt;pod&gt; [-c|--container &lt;container&gt;] -- &lt;command&gt;  # execute a command inside a container\n</code></pre>"},{"location":"containers/kubernetes.html#kubectl-logs","title":"<code>kubectl logs</code>","text":"Bash<pre><code>kubectl logs [-f|--follow] [-n|--namespace &lt;namespace&gt;] &lt;pod&gt; [-c|--container]  # get pod/container logs\n</code></pre>"},{"location":"databases/mongo-db.html","title":"MongoDB","text":"<p>The database is a container of collections. The collections are containers of documents.</p> <p>The documents are schema-less that is they have a dynamic structure that can change between documents in the same collection.</p>"},{"location":"databases/mongo-db.html#data-types","title":"Data Types","text":"Type Example Value Function Text <code>\"Text\"</code> Boolean <code>true</code> Number <code>42</code> Objectid <code>\"_id\": {\"$oid\": \"&lt;id&gt;\"}</code> <code>ObjectId(\"&lt;id&gt;\")</code> ISODate <code>\"&lt;key&gt;\": {\"$date\": \"YYYY-MM-DDThh:mm:ss.sssZ\"}</code> <code>ISODate(\"YYYY-MM-DD\")</code> Timestamp <code>Timestamp(11421532)</code> Embedded Document <code>{\"a\": {...}}</code> Embedded Array <code>{\"b\": [...]}</code> <p>It's mandatory for each document ot have an unique field <code>_id</code>. MongoDB automatically creates an <code>ObjectId()</code> if it's not provided.</p>"},{"location":"databases/mongo-db.html#databases-collections-usage","title":"Databases &amp; Collections Usage","text":"<p>To create a database is sufficient to switch towards a non existing one with <code>use &lt;database&gt;</code> (implicit creation). The database is not actually created until a document is inserted.</p> Bash<pre><code>show dbs  # list all databases\nuse &lt;database&gt;  # use a particular database\nshow collections  # list all collection for the current database\n\ndbs.dropDatabase()  # delete current database\n\ndb.createCollection(name, {options})  # explicit collection creation\ndb.&lt;collection&gt;.insertOne({document})  # implicit collection creation\n</code></pre>"},{"location":"databases/mongo-db.html#operators-mql-syntax","title":"Operators (MQL Syntax)","text":"JSON<pre><code>/* --- Update operators --- */\n{ \"$inc\":  { \"&lt;key&gt;\": \"&lt;increment&gt;\", ... } }  // increment value\n{ \"$set\":  { \"&lt;key&gt;\": \"&lt;value&gt;\", ... } }  // set value\n{ \"$unsetset\":  { \"&lt;key&gt;\": \"true\", ... } }  // unset value\n{ \"$push\": { \"&lt;key&gt;\": \"&lt;value&gt;\", ... } }  // add a value to an array field or turn field into array\n{ \"$pop\": { \"&lt;key&gt;\": &lt;-1 | 1&gt;, ... } }  // remove first or last array element\n{ \"$pull\": { \"&lt;key&gt;\": \"&lt;value | condition&gt;\", ... } }  // remove a specific item in the array\n{ \"$pullAll\": { \"&lt;key&gt;\": [ \"&lt;value1&gt;\", \"&lt;value2&gt;\" ... ], ... } }  // remove all specified values from array\n\n/* --- Query Operators --- */\n{ \"&lt;key&gt;\": { \"$in\": [ \"&lt;value_1&gt;\", \"&lt;value_2&gt;\", ...] } } // Membership\n{ \"&lt;key&gt;\": { \"$nin\": [ \"&lt;value_1&gt;\", \"&lt;value_2&gt;\", ...] } }  // Membership\n{ \"&lt;key&gt;\": { \"$exists\": true } }  // Field Exists\n\n/* --- Comparison Operators (DEFAULT: $eq) --- */\n{ \"&lt;key&gt;\": { \"$gt\":  \"&lt;value&gt;\" }}  // &gt;\n{ \"&lt;key&gt;\": { \"$gte\": \"&lt;value&gt;\" }}  // &gt;=\n{ \"&lt;key&gt;\": { \"$lt\":  \"&lt;value&gt;\" }}  // &lt;\n{ \"&lt;key&gt;\": { \"$lte\": \"&lt;value&gt;\" }}  // &lt;=\n{ \"&lt;key&gt;\": { \"$eq\":  \"&lt;value&gt;\" }}  // ==\n{ \"&lt;key&gt;\": { \"$ne\":  \"&lt;value&gt;\" }}  // !=\n\n/* --- Logic Operators (DEFAULT $and) --- */\n{ \"$and\": [ { \"&lt;expression&gt;\" }, ...] }\n{ \"$or\":  [ { \"&lt;expression&gt;\" }, ...] }\n{ \"$nor\": [ { \"&lt;expression&gt;\" }, ...] }\n{ \"$not\": { \"&lt;expression&gt;\" } }\n\n/* --- Array Operators --- */\n{ \"&lt;key&gt;\": { \"$all\": [\"value&gt;\", \"&lt;value&gt;\", ...] } } // field contains all values\n{ \"&lt;key&gt;\": { \"$size\": \"&lt;value&gt;\" } }\n{ \"&lt;array-key&gt;\": { \"$elemMatch\": { \"&lt;item-key&gt;\": \"&lt;expression&gt;\" } } }  // elements in array must match an expression\n\n/* --- REGEX Operator --- */\n{ \"&lt;key&gt;\": { \"$regex\": \"/pattern/\", \"$options\": \"&lt;options&gt;\" } }\n{ \"&lt;key&gt;\": { \"$regex\": \"pattern\", \"$options\": \"&lt;options&gt;\" } }\n{ \"&lt;key&gt;\": { \"$regex\": \"/pattern/&lt;options&gt;\" } }\n{ \"&lt;key&gt;\": \"/pattern/&lt;options&gt;\" }\n</code></pre>"},{"location":"databases/mongo-db.html#expressive-query-operator","title":"Expressive Query Operator","text":"<p>Note:  <code>$&lt;key&gt;</code> is used to access the value of the field dynamically</p> JSON<pre><code>{ \"$expr\": { \"&lt;expression&gt;\" } }  // aggregation expression, variables, conditional expressions\n{ \"$expr\":  { \"$&lt;comparison_operator&gt;\": [ \"$&lt;key&gt;\", \"$&lt;key&gt;\" ] } }  // compare field values (operators use aggregation syntax)\n</code></pre>"},{"location":"databases/mongo-db.html#mongo-query-language-mql","title":"Mongo Query Language (MQL)","text":""},{"location":"databases/mongo-db.html#insertion","title":"Insertion","text":"<p>It's possible to insert a single document with the command <code>insertOne()</code> or multiple documents with <code>insertMany()</code>.</p> <p>Insertion results:</p> <ul> <li>error -&gt; rollback</li> <li>success -&gt; entire documents gets saved</li> </ul> Bash<pre><code># explicit collection creation, all options are optional\ndb.createCollection( &lt;name&gt;,\n   {\n        capped: &lt;boolean&gt;,\n        autoIndexId: &lt;boolean&gt;,\n        size: &lt;number&gt;,\n        max: &lt;number&gt;,\n        storageEngine: &lt;document&gt;,\n        validator: &lt;document&gt;,\n        validationLevel: &lt;string&gt;,\n        validationAction: &lt;string&gt;,\n        indexOptionDefaults: &lt;document&gt;,\n        viewOn: &lt;string&gt;,\n        pipeline: &lt;pipeline&gt;,\n        collation: &lt;document&gt;,\n        writeConcern: &lt;document&gt;\n   }\n)\n\ndb.createCollection(\"name\", { capped: true, size: max_bytes, max: max_docs_num } )  # creation of a capped collection\n# SIZE: int - will be rounded to a multiple of 256\n\n# implicit creation at doc insertion\ndb.&lt;collection&gt;.insertOne({ document }, options)  # insert a document in a collection\ndb.&lt;collection&gt;.insertMany([ { document }, { document }, ... ], options)  # insert multiple docs\ndb.&lt;collection&gt;.insertMany([ { document }, { document } ] , { \"ordered\": false })  # allow the unordered insertion, only documents that cause errors wont be inserted\n</code></pre> <p>Note: If <code>insertMany()</code> fails the already inserted documents are not rolled back but all the successive ones (even the correct ones) will not be inserted.</p>"},{"location":"databases/mongo-db.html#querying","title":"Querying","text":"Bash<pre><code>db.&lt;collection&gt;.findOne()  # find only one document\ndb.&lt;collection&gt;.find(filter)  # show selected documents\ndb.&lt;collection&gt;.find().pretty()  # show documents formatted\ndb.&lt;collection&gt;.find().limit(n)  # show n documents\ndb.&lt;collection&gt;.find().limit(n).skip(k)  # show n documents skipping k docs\ndb.&lt;collection&gt;.find().count()  # number of found docs\ndb.&lt;collection&gt;.find().sort({ \"&lt;key-1&gt;\": 1, ... , \"&lt;key-n&gt;\": -1 })  # show documents sorted by specified keys in ascending (1) or descending (-1) order\n\n# projection\ndb.&lt;collection&gt;.find(filter, { \"&lt;key&gt;\": 1 })  # show selected values form documents (1 or true =&gt; show, 0 or false =&gt; don't show, cant mix 0 and 1)\ndb.&lt;collection&gt;.find(filter, { _id: 0, \"&lt;key&gt;\": 1 })  # only _id can be set to 0 with other keys at 1\ndb.&lt;collection&gt;.find(filter, { \"&lt;array-key&gt;\": { \"$elemMatch\": { \"&lt;item-key&gt;\": \"&lt;expression&gt;\" } } })  # project only elements matching the expression\n\n# sub documents &amp; arrays\ndb.&lt;collection&gt;.find({ \"&lt;key&gt;.&lt;sub-key&gt;.&lt;sub-key&gt;\": \"&lt;expression&gt;\" })\ndb.&lt;collection&gt;.find({ \"&lt;array-key&gt;.&lt;index&gt;.&lt;sub-key&gt;\": \"&lt;expression&gt;\" })\n\n# GeoJSON - https://docs.mongodb.com/manual/reference/operator/query/near/index.html\ndb.&lt;collection&gt;.find(\n    {\n        &lt;location field&gt;: {\n            $near: {\n                $geometry: { type: \"Point\", coordinates: [ &lt;longitude&gt; , &lt;latitude&gt; ] },\n                $maxDistance: &lt;distance in meters&gt;,\n                $minDistance: &lt;distance in meters&gt;\n            }\n        }\n    }\n)\n\ndb.&lt;collection&gt;.find().hint( { \"&lt;key&gt;\": 1 } )  # specify the index\ndb.&lt;collection&gt;.find().hint( \"index-name\" )  # specify the index using the index name\n\ndb.&lt;collection&gt;.find().hint( { $natural : 1 } )  # force the query to perform a forwards collection scan\ndb.&lt;collection&gt;.find().hint( { $natural : -1 } )  # force the query to perform a reverse collection scan\n</code></pre> <p>Note: <code>{ &lt;key&gt;: &lt;value&gt; }</code> in case of a field array will match if the array contains the value</p>"},{"location":"databases/mongo-db.html#updating","title":"Updating","text":"<p>Update Operators</p> Bash<pre><code>db.&lt;collection&gt;.replaceOne(filter, update, options)\ndb.&lt;collection&gt;.updateOne(filter, update, {upsert: true})  # modify document if existing, insert otherwise\n\ndb.&lt;collection&gt;.updateOne(filter, { \"$push\": { ... }, \"$set\": { ... }, { \"$inc\": { ... }, ... } })\n</code></pre>"},{"location":"databases/mongo-db.html#deletion","title":"Deletion","text":"Bash<pre><code>db.&lt;collection&gt;.deleteOne(filter, options)\ndb.&lt;collection&gt;.deleteMany(filter, options)\n\ndb.&lt;collection&gt;.drop()  # delete whole collection\ndb.dropDatabase()  # delete entire database\n</code></pre>"},{"location":"databases/mongo-db.html#mongodb-database-tools","title":"MongoDB Database Tools","text":""},{"location":"databases/mongo-db.html#mongoimport","title":"Mongoimport","text":"<p>Utility to import all docs into a specified collection. If the collection already exists <code>--drop</code> deletes it before reuploading it. WARNING: CSV separators must be commas (<code>,</code>)</p> Bash<pre><code>mongoimport &lt;options&gt; &lt;connection-string&gt; &lt;file&gt;\n\n--uri=&lt;connectionString&gt;\n--host=&lt;hostname&gt;&lt;:port&gt;, -h=&lt;hostname&gt;&lt;:port&gt;\n--username=&lt;username&gt;, -u=&lt;username&gt;\n--password=&lt;password&gt;, -p=&lt;password&gt;\n--collection=&lt;collection&gt;, -c=&lt;collection&gt;  # Specifies the collection to import.\n--ssl  # Enables connection to a mongod or mongos that has TLS/SSL support enabled.\n--type &lt;json|csv|tsv&gt;  # Specifies the file type to import. DEFAULT: json\n--drop  # drops the collection before importing the data from the input.\n--headerline  # if file is CSV and first line is header\n--jsonarray  # Accepts the import of data expressed with multiple MongoDB documents within a single json array. MAX 16 MB\n</code></pre>"},{"location":"databases/mongo-db.html#mongoexport","title":"Mongoexport","text":"<p>Utility to export documents into a specified file.</p> Bash<pre><code>mongoexport --collection=&lt;collection&gt; &lt;options&gt; &lt;connection-string&gt;\n\n--uri=&lt;connectionString&gt;\n--host=&lt;hostname&gt;&lt;:port&gt;, -h=&lt;hostname&gt;&lt;:port&gt;\n--username=&lt;username&gt;, -u=&lt;username&gt;\n--password=&lt;password&gt;, -p=&lt;password&gt;\n--db=&lt;database&gt;, -d=&lt;database&gt;\n--collection=&lt;collection&gt;, -c=&lt;collection&gt;\n--type=&lt;json|csv&gt;\n--out=&lt;file&gt;, -o=&lt;file&gt;  #Specifies a file to write the export to. DEFAULT: stdout\n--jsonArray  # Write the entire contents of the export as a single json array.\n--pretty  # Outputs documents in a pretty-printed format JSON.\n--skip=&lt;number&gt;\n--limit=&lt;number&gt;  # Specifies a maximum number of documents to include in the export\n--sort=&lt;JSON&gt;  # Specifies an ordering for exported results\n</code></pre>"},{"location":"databases/mongo-db.html#mongodump-mongorestore","title":"Mongodump &amp; Mongorestore","text":"<p><code>mongodump</code> exports the content of a running server into <code>.bson</code> files.</p> <p><code>mongorestore</code> Restore backups generated with <code>mongodump</code> to a running server.</p>"},{"location":"databases/mongo-db.html#indexes","title":"Indexes","text":"<p>Indexes support the efficient execution of queries in MongoDB.</p> <p>Without indexes, MongoDB must perform a collection scan (COLLSCAN): scan every document in a collection, to select those documents that match the query statement. If an appropriate index exists for a query, MongoDB can use the index to limit the number of documents it must inspect (IXSCAN).</p> <p>Indexes are special data structures that store a small portion of the collection's data set in an easy to traverse form. The index stores the value of a specific field or set of fields, ordered by the value of the field. The ordering of the index entries supports efficient equality matches and range-based query operations. In addition, MongoDB can return sorted results by using the ordering in the index.</p> <p>Indexes slow down writing operations since the index must be updated at every writing.</p> <p></p>"},{"location":"databases/mongo-db.html#index-types","title":"Index Types","text":"<ul> <li>Normal: Fields sorted by name</li> <li>Compound: Multiple Fields sorted by name</li> <li>Multikey: values of sorted arrays</li> <li>Text: Ordered text fragments</li> <li>Geospatial: ordered geodata</li> </ul> <p>Sparse indexes only contain entries for documents that have the indexed field, even if the index field contains a null value. The index skips over any document that is missing the indexed field.</p>"},{"location":"databases/mongo-db.html#diagnosis-and-query-planning","title":"Diagnosis and query planning","text":"Bash<pre><code>db.&lt;collection&gt;.find({...}).explain()  # explain won't accept other functions\ndb.explain().&lt;collection&gt;.find({...})  # can accept other functions\ndb.explain(\"executionStats\").&lt;collection&gt;.find({...})  # more info\n</code></pre>"},{"location":"databases/mongo-db.html#index-creation","title":"Index Creation","text":"Bash<pre><code>db.&lt;collection&gt;.createIndex( &lt;key and index type specification&gt;, &lt;options&gt; )\n\ndb.&lt;collection&gt;.createIndex( { \"&lt;key&gt;\": &lt;type&gt;, \"&lt;key&gt;\": &lt;type&gt;, ... } )  # normal, compound or multikey (field is array) index\ndb.&lt;collection&gt;.createIndex( { \"&lt;key&gt;\": \"text\" } )  # text index\ndb.&lt;collection&gt;.createIndex( { \"&lt;key&gt;\": 2dsphere } )  # geospatial 2dsphere index\n\n# sparse index\ndb.&lt;collection&gt;.createIndex(\n    { \"&lt;key&gt;\": &lt;type&gt;, \"&lt;key&gt;\": &lt;type&gt;, ... },\n    { sparse: true }  # sparse option\n)\n\n# custom name\ndb.&lt;collection&gt;.createIndex(\n  { &lt;key and index type specification&gt;, },\n  { name: \"index-name\" }  # name option\n)\n</code></pre>"},{"location":"databases/mongo-db.html#index-management","title":"Index Management","text":"Bash<pre><code># view all db indexes\ndb.getCollectionNames().forEach(function(collection) {\n   indexes = db[collection].getIndexes();\n   print(\"Indexes for \" + collection + \":\");\n   printjson(indexes);\n});\ndb.&lt;collection&gt;.getIndexes()  # view collection's index\n\ndb.&lt;collection&gt;.dropIndexes()  # drop all indexes\ndb.&lt;collection&gt;.dropIndex( { \"index-name\": 1 } )  # drop a specific index\n</code></pre>"},{"location":"databases/mongo-db.html#cluster-administration","title":"Cluster Administration","text":""},{"location":"databases/mongo-db.html#mongod","title":"<code>mongod</code>","text":"<p><code>mongod</code> is the main deamon process for MongoDB. It's the core process of the database, handling connections, requests and persisting the data.</p> <p><code>mongod</code> default configuration:</p> <ul> <li>port: <code>27017</code></li> <li>dbpath: <code>/data/db</code></li> <li>bind_ip: <code>localhost</code></li> <li>auth: disabled</li> </ul> <p><code>mongod</code> config file <code>mongod</code> command line options</p>"},{"location":"databases/mongo-db.html#basic-shell-helpers","title":"Basic Shell Helpers","text":"Bash<pre><code>db.&lt;method&gt;()  # database interaction\ndb.&lt;collection&gt;.&lt;method&gt;()  # collection interaction\nrs.&lt;method&gt;();  # replica set deployment and management\nsh.&lt;method&gt;();  # sharded cluster deployment and management\n\n# user management\ndb.createUser()\ndb.dropUser()\n\n# collection management\ndb.renameCollection()\ndb.&lt;collection&gt;.createIndex()\ndb.&lt;collection&gt;.drop()\n\n# database management\ndb.dropDatabase()\ndb.createCollection()\n\n# database status\ndb.serverStatus()\n\n# database command (underlying to shell helpers and drivers)\ndb.runCommand({ \"&lt;COMMAND&gt;\" })\n\n# help\ndb.commandHelp(\"&lt;command&gt;)\n</code></pre>"},{"location":"databases/mongo-db.html#logging","title":"Logging","text":"<p>The process log displays activity on the MongoDB instance and collects activities of various components:</p> <p>Log Verbosity Level:</p> <ul> <li><code>-1</code>: Inherit from parent</li> <li><code>0</code>: Default Verbosity (Information)</li> <li><code>1 - 5</code>: Increases the verbosity up to Debug messages</li> </ul> Bash<pre><code>db.getLogComponents()  # get components and their verbosity\ndb.adminCommand({\"getLog\": \"&lt;scope&gt;\"})  # retrieve logs (getLog must be run on admin db -&gt; adminCommand)\ndb.setLogLevel(&lt;level&gt;, \"&lt;component&gt;\");  # set log level (output is OLD verbosity levels)\n\ntail -f /path/to/mongod.log  # read end og log file\n</code></pre> <p>Note: Log Message Structure: <code>&lt;timestamp&gt; &lt;severity-level&gt; &lt;component&gt; &lt;connection&gt; &lt;event&gt; ...</code></p>"},{"location":"databases/mongo-db.html#database-profiling","title":"Database Profiling","text":"<p>Profiling Levels:</p> <ul> <li><code>0</code>: no profiling</li> <li><code>1</code>: data on operations slower than <code>slowms</code> (default 100ms)</li> <li><code>2</code>: data on all operations</li> </ul> <p>Events captured by the profiler:</p> <ul> <li>CRUD operations</li> <li>Administrative operations</li> <li>Configuration operations</li> </ul> <p>Note: Logs are saved in the <code>system.profile</code> capped collection.</p> Bash<pre><code>db.setProfilingLevel(n)  # set profiler level\ndb.setProfilingLevel(1, { slowms: &lt;ms&gt; })\ndb.getProfilingStatus()  # check profiler status\n\ndb.system.profile.find().limit(n).sort( {} ).pretty()  # see logs\ndb.system.profile.find().limit(n).sort( { ts : -1 } ).pretty()  # sort by decreasing timestamp\n</code></pre>"},{"location":"databases/mongo-db.html#authentication","title":"Authentication","text":"<p>Client Authentication Mechanisms:</p> <ul> <li>SCRAM (Default): Salted Challenge Response Authentication Mechanism</li> <li>X.509: <code>X.509</code> Certificate</li> <li>LADP: Lightweight Directory Access Protocol (Enterprise Only)</li> <li>KERBEROS (Enterprise Only)</li> </ul>"},{"location":"databases/mongo-db.html#authorization-role-based-access-control-rbac","title":"Authorization: Role Based Access Control (RBAC)","text":"<p>Each user has one or more Roles. Each role has one or more Privileges. A privilege represents a group of actions and the resources those actions apply to.</p> <p>By default no user exists so the ONLY way to act is to connect locally to the server. This is the \"localhost exception\" and it closes after the first user is created.</p> <p>Warn: Always create an admin user first (ideally with the <code>userAdmin</code> role)</p> <p>Role's Resources:</p> <ul> <li>specific database and collection: <code>{ \"db\": \"&lt;database&gt;\", \"collection\": \"&lt;collection&gt;\" }</code></li> <li>all databases and collections: <code>{ \"db\": \"\", \"collection\": \"\" }</code></li> <li>any databases and specific collection: <code>{ \"db\": \"\", \"collection\": \"&lt;collections&gt;\" }</code></li> <li>specific database and any collection: <code>{ \"db\": \"&lt;database&gt;\", \"collection\": \"\" }</code></li> <li>cluster resource: <code>{ \"cluster\": true }</code></li> </ul> <p>Role's Privileges: <code>{ resource: { &lt;resource&gt; }, actions: [ \"&lt;action&gt;\" ] }</code></p> <p>A role can inherit from multiple others and can define network restrictions such as Server Address and Client Source.</p> <p>Built-in Roles Groups and Names:</p> <ul> <li>Database User: <code>read</code>, <code>readWrite</code>, <code>readAnyDatabase</code>, <code>readWriteAnyDatabase</code></li> <li>Database Administration: <code>dbAdmin</code>, <code>userAdmin</code>, <code>dbOwner</code>, <code>dbAdminAnyDatabase</code>, <code>userAdminAnyDatabase</code></li> <li>Cluster Administration: <code>clusterAdmin</code>, <code>clusterManager</code>, <code>clusterMonitor</code>, <code>hostManager</code></li> <li>Backup/Restore: <code>backup</code>, <code>restore</code></li> <li>Super User: <code>root</code></li> </ul> Bash<pre><code>db.createUser({\n    user: \"&lt;username&gt;\",\n    pwd: \"&lt;password&gt;\",\n    roles: [ { role: \"&lt;role&gt;\", db: \"&lt;database&gt;\" } ]\n})\n\ndb.createRole({\n    role: \"&lt;role&gt;\",\n    privileges: [\n        { resource: { cluster: true }, actions: [ \"&lt;action&gt;\", ... ] },\n        {\n            resource: { \n                db: \"&lt;database&gt;\",\n                collection: \"&lt;collection&gt;\"\n            },\n            actions: [ \"&lt;action&gt;\", ... ]\n        },\n    ],\n    roles: [\n        { role: \"&lt;role&gt;\", db: \"&lt;database&gt;\" }  # inherited permissions\n    ]\n})\n\n# add role to existing user\ndb.grantRolesToUser(\n    \"&lt;user&gt;\",\n    [\n        { \n            role: \"&lt;role&gt;\"\n            db: \"&lt;database&gt;\",\n            collection: \"&lt;collection&gt;\",\n        }\n    ]\n)\n\n# show role privileges\ndb.runCommand({\n    rolesInfo: { db: \"&lt;database&gt;\", role: \"&lt;role&gt;\" },\n    showPrivileges: true \n})\n</code></pre>"},{"location":"databases/mongo-db.html#replica-set","title":"Replica set","text":"<p>A replica set in MongoDB is a group of <code>mongod</code> processes that maintain the <code>same dataset</code>. Replica sets provide redundancy and high availability, and are the basis for all production deployments.</p>"},{"location":"databases/mongo-db.html#sharding","title":"Sharding","text":"<p>Sharding is a MongoDB concept through which big datasets are subdivided in smaller sets and distributed towards multiple instances of MongoDB. It's a technique used to improve the performances of large queries towards large quantities of data that require al lot of resources from the server.</p> <p>A collection containing several documents is splitted in more smaller collections (shards) Shards are implemented via cluster that are none other a group of MongoDB instances.</p> <p>Shard components are:</p> <ul> <li>Shards (min 2), instances of MongoDB that contain a subset of the data</li> <li>A config server, instance of MongoDB which contains metadata on the cluster, that is the set of instances that have the shard data.</li> <li>A router (or <code>mongos</code>), instance of MongoDB used to redirect the user instructions from the client to the correct server.</li> </ul> <p></p>"},{"location":"databases/mongo-db.html#aggregation-framework","title":"Aggregation Framework","text":"<p>Sequence of operations applied to a collection as a pipeline to get a result: <code>db.collection.aggregate(pipeline, options)</code>. Each step of the pipeline acts on its inputs and not on the original data in the collection.</p>"},{"location":"databases/mongo-db.html#variables","title":"Variables","text":"<p>Variable syntax in aggregations:</p> <ul> <li><code>$key</code>: field path</li> <li><code>$$UPPERCASE</code>: system variable (e.g.: <code>$$CURRENT</code>)</li> <li><code>$$foo</code>: user defined variable</li> </ul>"},{"location":"databases/mongo-db.html#match-aggregation-stage","title":"<code>$match</code> Aggregation Stage","text":"<p>Filters the documents to pass only the documents that match the specified condition(s) to the next pipeline stage.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n    { \"$match\": { \"&lt;query&gt;\" } },\n\n    # key exists and is an array\n    { $match: { \"&lt;array-key&gt;\": { $elemMatch: { $exists: true } } } }\n})\n</code></pre> <p>Note: <code>$match</code> can contain the <code>$text</code> query operation but it must ber the first in a pipeline Note: <code>$match</code> cannot contain use <code>$where</code> Note: <code>$match</code> uses the same syntax as <code>find()</code></p>"},{"location":"databases/mongo-db.html#project-aggregation-stage","title":"<code>$project</code> Aggregation Stage","text":"<p>Passes along the documents with the requested fields to the next stage in the pipeline. The specified fields can be existing fields from the input documents or newly computed fields.</p> <p><code>$project</code> Array Expression Operators:</p> <ul> <li><code>$filter</code></li> <li><code>$map</code></li> <li><code>$reduce</code></li> </ul> <p><code>$project</code> Arithmetic Expression Operators:</p> <ul> <li><code>$max</code></li> <li><code>$min</code></li> <li><code>$sum</code></li> <li><code>$avg</code></li> </ul> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \n        \"$project\": { \n            \"_id\": 0,  # discard value\n            \"&lt;key&gt;\": 1,  # keep value\n            \"&lt;key&gt;\": \"$&lt;other-key&gt;\"  # reassign or create field,\n            \"&lt;key&gt;\": { \"&lt;expression&gt;\" } # calculate field value.\n\n            # filter elements in an array\n            \"&lt;key&gt;\": {\n                \"$filter\": {\n                    \"input\": \"$&lt;array-key&gt;\",\n                    \"as\": \"&lt;name-of-item&gt;\",\n                    \"cond\": { \"&lt;bool-expression&gt;\" }\n                }\n            },\n\n            # transform array items\n            \"&lt;key&gt;\": {\n                \"$map\": {\n                    \"input\": \"$&lt;array-key&gt;\",\n                    \"as\": \"&lt;item&gt;\",\n                    \"in\": { \"&lt;expression&gt;\" }\n                    # $$&lt;item&gt; is the current item's value\n                }\n            }\n\n            # apply expression to each element in an array and combine them\n            \"&lt;key&gt;\": {\n                \"$reduce\": {\n                    \"input\": \"&lt;array-key&gt;\",\n                    \"initialValue\": \"&lt;value&gt;\",\n                    \"in\": { \"&lt;expression&gt;\" }\n                    # $$this is current document, $$value is current accumulated value\n                }\n            }\n        }\n    } \n])\n</code></pre>"},{"location":"databases/mongo-db.html#addfields-aggregation-stage","title":"<code>$addFields</code> Aggregation Stage","text":"<p>Adds new fields to documents (can be result of computation). <code>$addFields</code> outputs documents that contain all existing fields from the input documents and newly added fields.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate({\n    { $addFields: { &lt;newField&gt;: &lt;expression&gt;, ... } }\n})\n</code></pre>"},{"location":"databases/mongo-db.html#group-aggregation-stage","title":"<code>$group</code> Aggregation Stage","text":"<p>The $<code>group</code> stage separates documents into groups according to a \"group key\". The output is one document for each unique group key.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \n        \"$group\": {\n            \"_id\": \"&lt;expression&gt;\",  # Group By Expression (Required)\n            \"&lt;key-1&gt;\": { \"&lt;accumulator-1&gt;\": \"&lt;expression-1&gt;\" },\n            ...\n        } \n    }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#unwind-aggregation-stage","title":"<code>$unwind</code> Aggregation Stage","text":"<p>Deconstructs an array field from the input documents to output a document for each element. Each output document is the input document with the value of the array field replaced by the element</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$unwind\": \"&lt;array-key&gt;\" }\n\n     { \n        \"$unwind\": {\n            \"path\": \"&lt;array-key&gt;\",  # array to unwind\n            \"includeArrayIndex\": \"&lt;string&gt;\",  # name of index field\n            \"preserveNullAndEmptyArrays\": &lt;bool&gt;\n        } \n     }\n], { \"allowDiskUse\": &lt;bool&gt; })\n</code></pre>"},{"location":"databases/mongo-db.html#count-aggregation-stage","title":"<code>$count</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$count\": \"&lt;count-key&gt;\" }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#sort-aggregation-stage","title":"<code>$sort</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \n        \"$sort\": { \n            \"&lt;key-1&gt;\": \"&lt;sort order&gt;\", \n            \"&lt;key-2&gt;\": \"&lt;sort order&gt;\", \n            ... \n        } \n    }\n], { \"allowDiskUse\": &lt;bool&gt; })\n</code></pre> <p>Note: can take advantage of indexes if early int the pipeline and before any <code>%project</code>, <code>$group</code> and <code>$unwind</code> Note: By default <code>$sort</code> will use up to 10 MB of RAM. Setting <code>allowDiskUse: true</code> will allow for larger sorts</p>"},{"location":"databases/mongo-db.html#skip-aggregation-stage","title":"<code>$skip</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$skip\": \"&lt;positive 64-bit integer&gt;\" }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#limit-aggregation-stage","title":"<code>$limit</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$limit\": \"&lt;positive 64-bit integer&gt;\" }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#lookup-aggregation-stage","title":"<code>$lookup</code> Aggregation Stage","text":"<p>Performs a left outer join to a collection in the same database to filter in documents from the \"joined\" collection for processing. The <code>$lookup</code> stage adds a new array field to each input document. The new array field contains the matching documents from the \"joined\" collection.</p> <p>Note: To combine elements from two different collections, use the <code>$unionWith</code> pipeline stage.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n    {\n        \"$lookup\": {\n            \"from\": \"&lt;foreign-collection&gt;\",\n            \"localField\": \"&lt;key&gt;\",\n            \"foreignField\": \"&lt;foreign-collection&gt;.&lt;key&gt;\",\n            \"as\": \"&lt;output array field&gt;\"\n        }\n    }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#graphlookup-aggregation-stage","title":"<code>$graphLookup</code> Aggregation Stage","text":"<p>Performs a recursive search on a collection, with options for restricting the search by recursion depth and query filter.</p> <p>The collection on which the aggregation is performed and the <code>from</code> collection can be the same (in-collection search) or different (cross-collection search)</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([\n    {\n        $graphLookup: {\n            from: &lt;collection&gt;,  # starting collection of the search\n            startWith: &lt;expression&gt;,  # initial value(s) of search\n            connectFromField: &lt;string&gt;,  # source of the connection\n            connectToField: &lt;string&gt;,  # destination of the connection\n            as: &lt;string&gt;,  # array of found documents\n            maxDepth: &lt;number&gt;,  # recursive search depth limit (steps inside from collection)\n            depthField: &lt;string&gt;,  # field containing distance from start\n            restrictSearchWithMatch: &lt;document&gt;  # filter on found documents\n        }\n    }\n], { allowDiskUse: true })\n</code></pre> <p>Note: Having the <code>connectToField</code> indexed will improve search performance Warn: Can exceed the <code>100 Mb</code> memory limit even with <code>{ allowDiskUse: true }</code></p>"},{"location":"databases/mongo-db.html#sortbycount-aggregation-stage","title":"<code>$sortByCount</code> Aggregation Stage","text":"<p>Groups incoming documents based on the value of a specified expression, then computes the count of documents in each distinct group.</p> <p>Each output document contains two fields: an <code>_id</code> field containing the distinct grouping value, and a <code>count</code> field containing the number of documents belonging to that grouping or category.</p> <p>The documents are sorted by count in descending order.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([\n    { $sortByCount:  &lt;expression&gt; }\n])\n</code></pre>"},{"location":"databases/redis.html","title":"Redis","text":"<p>Redis is in the family of databases called key-value stores.</p> <p>The essence of a key-value store is the ability to store some data, called a value, inside a key. This data can later be retrieved only if we know the exact key used to store it.</p> <p>Often Redis it is called a data structure server because it has outer key-value shell, but each value can contain a complex data structure, such as a string, a list, a hashes, or ordered data structures called sorted sets as well as probabilistic data structures like hyperloglog.</p>"},{"location":"databases/redis.html#redis-commands","title":"Redis Commands","text":""},{"location":"databases/redis.html#server-startup","title":"Server Startup","text":"Bash<pre><code>redis-server  # start the server\nredis-cli\n</code></pre>"},{"location":"databases/redis.html#key-value-pairs","title":"Key-Value Pairs","text":"Bash<pre><code>SET &lt;key&gt; &lt;value&gt; [ EX &lt;seconds&gt; ] # store a key-value pair, TTL optional\nGET &lt;key&gt;  # read a key content\nEXISTS &lt;key&gt;  # check if a key exists\nDEL &lt;key&gt;  # delete a key-value pair\n\nINCR &lt;key&gt;  # atomically increment a number stored at a given key\nINCRBY &lt;key&gt; &lt;amount&gt;  # increment the number contained inside a key by a specific amount\nDECR &lt;key&gt;\nDECRBY &lt;key&gt; &lt;amount&gt;\n\n# re-setting the key will make it permanent (TTL -1)\nEXPIRE &lt;key&gt; &lt;seconds&gt;  # make the key expire after &lt;second&gt; seconds\nTTL &lt;key&gt;  # see remaining seconds before expiry\nPEXPIRE &lt;key&gt; &lt;seconds&gt;  # make the key expire after &lt;second&gt; milli-seconds\nPTTL &lt;key&gt;  # see remaining milli-seconds before expiry\nPERSIST &lt;key&gt;  # make the key permanent\n</code></pre>"},{"location":"databases/redis.html#lists","title":"Lists","text":"<p>A list is a series of ordered values.</p> Bash<pre><code>RPUSH &lt;key&gt; &lt;value1&gt; &lt;value2&gt; ... # add one or more values to the end of the list\nLPUSH &lt;key&gt; &lt;value1&gt; &lt;value2&gt; ...  # add one or more values to the start of a list\n\nLLEN  # number of items in the list\nLRANGE &lt;key&gt; &lt;start_index&gt; &lt;end_index&gt;  # return a subset of the list, end index included. Negative indexes count backwards from the end\n\nLPOP  # remove and return the first item fro the list\nRPOP  # remove and return the last item fro the list\n</code></pre>"},{"location":"databases/redis.html#sets","title":"Sets","text":"<p>A set is similar to a list, except it does not have a specific order and each element may only appear once.</p> Bash<pre><code>SADD &lt;key&gt; &lt;value1&gt; &lt;value2&gt; ... # add one or more values to the set (return 0 if values are already inside)\nSREM &lt;key&gt; &lt;value&gt;  # remove the given member from the set, return 1 or 0 to signal if the member was actually there or not.\nSPOP &lt;key&gt; &lt;value&gt;  # remove and return value from the set\n\nSISMEMBER &lt;key&gt; &lt;value&gt;  # test if value is in the set\nSMEMBERS &lt;key&gt;  # lis of all set items\n\nSUINION &lt;key1&gt; &lt;key2&gt; ...  # combine two or more sets and return the list of all elements.\n</code></pre>"},{"location":"databases/redis.html#sorted-sets","title":"Sorted Sets","text":"<p>Sets are a very handy data type, but as they are unsorted they don't work well for a number of problems. This is why Redis 1.2 introduced Sorted Sets.</p> <p>A sorted set is similar to a regular set, but now each value has an associated score. This score is used to sort the elements in the set.</p> Bash<pre><code>ZADD &lt;key&gt; &lt;score&gt; &lt;value&gt;  # add a value with it's score\n\nZRANGE &lt;key&gt; &lt;start_index&gt; &lt;end_index&gt;  # return a subset of the sortedSet\n\n...\n</code></pre>"},{"location":"databases/redis.html#hashes","title":"Hashes","text":"<p>Hashes are maps between string fields and string values, so they are the perfect data type to represent objects.</p> Bash<pre><code>HSET &lt;key&gt; &lt;field&gt; &lt;value&gt; [ &lt;field&gt; &lt;value&gt; ... ] # set the string of a hash field\nHSETNX &lt;key&gt; &lt;field&gt; &lt;value&gt;  # set the value of a hash field, only if the field does not exist\n\nHEXISTS &lt;key&gt; &lt;field&gt;  # determine if a hash field exists\n\nHLEN &lt;key&gt;  # get the number of fields in a hash\nHSTRLEN &lt;key&gt; &lt;field&gt;  # get the length of the value of a hash field\nHGETALL &lt;key&gt;  # get all fields and values in a hash\nHGET &lt;key&gt; &lt;field&gt;  # get data on a single field\nHKEYS &lt;key&gt;  # get all the fields in a hash\nHVALS &lt;key&gt;  # get all the values in a hash\n\nHDEL &lt;key&gt; &lt;field_1&gt; &lt;field_2&gt; ...  # delete one or more field hashes\n\nHMGET &lt;key&gt; &lt;field&gt; [&lt;field&gt; ...]  # get the values of all the given hash fields\nHMSET &lt;key&gt; &lt;field&gt; &lt;value&gt; [&lt;field&gt; &lt;value&gt; ...]  # set multiple hash fields to multiple values\n\nHINCRBY &lt;key&gt; &lt;field&gt; &lt;amount&gt;  # increment the integer value of a hash field by the given number\nHINCRBYFLOAT &lt;key&gt; &lt;field&gt; &lt;amount&gt; # increment the float value of a hash field by the given amount\n\nHSCAN &lt;key&gt; &lt;cursor&gt; [MATCH &lt;pattern&gt;] [COUNT &lt;count&gt;]  # incrementally iterate hash fields and associated values\n</code></pre>"},{"location":"databases/sql.html","title":"SQL","text":""},{"location":"databases/sql.html#ddl","title":"DDL","text":"SQL<pre><code>show databases;    -- mostra database\nCREATE DATABASE &lt;database&gt;;    -- database creation\nuse &lt;database_name&gt;;    -- usa un database particolare\nexit;    -- exit mysql\n\nshow tables;    -- mostra tabelle del database\n\n-- INLINE COMMENT\n/* MULTI-LINE COMMENT */\n</code></pre>"},{"location":"databases/sql.html#table-creation","title":"Table Creation","text":"SQL<pre><code>CREATE TABLE &lt;table_name&gt;\n    (&lt;field_name&gt; &lt;field_type&gt; &lt;option&gt;,\n    ...);\n</code></pre>"},{"location":"databases/sql.html#primary-key-from-multiple-fields","title":"PRIMARY KEY from multiple fields","text":"SQL<pre><code>CREATE TABLE &lt;table_name&gt;(\n    ...,\n    PRIMARY KEY (&lt;field1&gt;, ...),\n);\n</code></pre>"},{"location":"databases/sql.html#table-field-options","title":"Table Field Options","text":"SQL<pre><code>PRIMARY KEY -- marks primary key as field option\nNOT NULL -- marks a necessary field\nREFERENCES &lt;table&gt; (&lt;field&gt;) -- adds foreign key reference\nUNIQUE (&lt;field&gt;) -- set field as unique (MySQL)\n&lt;field&gt; UNIQUE -- T-SQL\n</code></pre>"},{"location":"databases/sql.html#table-modification","title":"Table Modification","text":"SQL<pre><code>ALTER TABLE &lt;table&gt;\n    ADD PRIMARY KEY (&lt;field&gt;, ...),    -- definition of PK after table creation\n    ADD &lt;field_name&gt; &lt;field_type&gt; &lt;option&gt;;    -- addition of a new field, field will have no value in the table\n\nALTER TABLE &lt;table&gt;\n    CHANGE &lt;field_name&gt; &lt;new_name&gt; &lt;new_type&gt;;\n    ALTER COLUMN &lt;field_name&gt; &lt;new_name&gt; &lt;new_type&gt;;    -- T-SQL\n\nALTER TABLE &lt;table&gt;\n    DROP &lt;field&gt;;\n\nALTER TABLE &lt;table&gt;\n    ADD FOREIGN KEY (&lt;field&gt;) REFERENCES &lt;TABLE&gt; (&lt;FIELD&gt;);\n</code></pre>"},{"location":"databases/sql.html#dml","title":"DML","text":""},{"location":"databases/sql.html#data-insertion","title":"Data Insertion","text":"SQL<pre><code>INSERT INTO &lt;table&gt; (field_1, ...) VALUES (value_1, ...), (value_1, ...);\nINSERT INTO &lt;table&gt; VALUES (value_1, ...), (value_1, ...);    -- field order MUST respect tables's columns order\n</code></pre>"},{"location":"databases/sql.html#data-update","title":"Data Update","text":"SQL<pre><code>UPDATE &lt;table&gt; SET &lt;field&gt; = &lt;value&gt;, &lt;field&gt; = &lt;value&gt;, ... WHERE &lt;condition&gt;;\n</code></pre>"},{"location":"databases/sql.html#data-elimination","title":"Data Elimination","text":"SQL<pre><code>DELETE FROM &lt;table&gt; WHERE &lt;condition&gt;\nDELETE FROM &lt;table&gt; -- empty the table\n</code></pre>"},{"location":"databases/sql.html#data-selection","title":"Data Selection","text":"<p><code>*</code>: denotes all table fields</p> SQL<pre><code>SELECT * FROM &lt;table&gt;;    -- show table contents\nSHOW columns FROM &lt;table&gt;;    -- show table columns\nDESCRIBE &lt;table&gt;;    -- shows table\n</code></pre>"},{"location":"databases/sql.html#alias","title":"Alias","text":"SQL<pre><code>SELECT &lt;field&gt; as &lt;alias&gt;; -- shows &lt;field/funzione&gt; with name &lt;alias&gt;\n</code></pre>"},{"location":"databases/sql.html#conditional-selection","title":"Conditional Selection","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; WHERE &lt;condition&gt;;    -- shows elements that satisfy the condition\nAND, OR, NOT    -- logic connectors\n\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; Between &lt;value_1&gt; AND &lt;value_2&gt;;\n</code></pre>"},{"location":"databases/sql.html#ordering","title":"Ordering","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ...;    -- shows the table ordered by &lt;field&gt;\nSELECT * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ... DESC;    -- shows the table ordered by &lt;field&gt;, decreasing order\nSELECT * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ... LIMIT n;    -- shows the table ordered by &lt;field&gt;, shows n items\nSELECT TOP(n) * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ...;    -- T-SQL\n</code></pre>"},{"location":"databases/sql.html#grouping","title":"Grouping","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; GROUP BY &lt;field&gt;;\nSELECT * FROM &lt;table&gt; GROUP BY &lt;field&gt; HAVING &lt;condition&gt;;\nSELECT DISTINCT &lt;field&gt; FROM &lt;table&gt;;    -- shows elements without repetitions\n</code></pre>"},{"location":"databases/sql.html#ricerca-caratteri-in-valori","title":"Ricerca caratteri in valori","text":"<p><code>%</code>: any number of characters</p> SQL<pre><code>SELECT * FROM &lt;table&gt; WHERE &lt;field&gt; LIKE '&lt;char&gt;%';    -- selects items in &lt;field&gt; that start with &lt;char&gt;\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; LIKE '%&lt;char&gt;';    -- selects items in &lt;field&gt; that end with &lt;char&gt;\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; LIKE '%&lt;char&gt;%';    -- selects items in &lt;field&gt; that contain &lt;char&gt;\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; NOT LIKE '%&lt;char&gt;%';    -- selects items in &lt;field&gt; that do not contain &lt;char&gt;\n</code></pre>"},{"location":"databases/sql.html#selection-from-multiple-tables","title":"Selection from multiple tables","text":"SQL<pre><code>SELECT a.&lt;field&gt;, b.&lt;field&gt; FROM &lt;table&gt; AS a, &lt;table&gt; AS b\n    WHERE a.&lt;field&gt; ...;\n</code></pre>"},{"location":"databases/sql.html#functions","title":"Functions","text":"SQL<pre><code>SELECT COUNT(*) FROM &lt;field&gt;;    -- count of items in &lt;field&gt;\nSELECT MIN(*) FROM &lt;table&gt;;    -- min value\nSELECT MAX(*) FROM &lt;table&gt;;    -- max value\nSELECT AVG(*) FROM &lt;table&gt;;    -- mean of values\nALL (SELECT ...)\nANY (SELECT ...)\n</code></pre>"},{"location":"databases/sql.html#nested-queries","title":"Nested Queries","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; WHERE EXISTS (SELECT * FROM &lt;table&gt;)  -- selected field existing in subquery\nSELECT * FROM &lt;table&gt; WHERE NOT EXISTS (SELECT * FROM &lt;table&gt;)  -- selected field not existing in subquery\n</code></pre>"},{"location":"databases/sql.html#new-table-from-data","title":"New table from data","text":"<p>Create new table with necessary fields:</p> SQL<pre><code>CREATE TABLE &lt;table&gt; (\n    (&lt;field_name&gt; &lt;field_type&gt; &lt;option&gt;,\n    ...);\n)\n</code></pre> <p>Fill fields with data from table:</p> SQL<pre><code>INSERT INTO &lt;table&gt;\n    SELECT &lt;fields&gt; FROM &lt;TABLE&gt; WHERE &lt;condition&gt;;\n</code></pre>"},{"location":"databases/sql.html#join","title":"Join","text":"SQL<pre><code>SELECT * FROM &lt;table1&gt; JOIN &lt;table2&gt; ON &lt;table1&gt;.&lt;field&gt; = &lt;table2&gt;.&lt;field&gt;;\nSELECT * FROM &lt;table1&gt; LEFT JOIN &lt;table2&gt; ON &lt;condition&gt;;\nSELECT * FROM &lt;table1&gt; RIGHT JOIN &lt;table2&gt; ON &lt;condition&gt;\n</code></pre> <p>Inner Join, Left Join, Right Join, Full Outer Join</p>"},{"location":"databases/sql.html#multiple-join","title":"Multiple Join","text":"SQL<pre><code>SELECT * FROM &lt;table1&gt;\nJOIN &lt;table2&gt; ON &lt;table1&gt;.&lt;field&gt; = &lt;table2&gt;.&lt;field&gt;\nJOIN &lt;table3&gt; ON &lt;table2&gt;.&lt;field&gt; = &lt;table3&gt;.&lt;field&gt;;\n</code></pre> <p>char, nchar, varchar, nvarchar</p>"},{"location":"databases/sql.html#t-sql-mssql-server","title":"T-SQL (MSSQL Server)","text":""},{"location":"databases/sql.html#t-sql-insert-from-table","title":"T-SQL Insert From table","text":"SQL<pre><code>USE [&lt;db_name&gt;]\n\nSET IDENTITY_INSERT [&lt;destination_table&gt;] ON\n\nINSERT INTO &lt;table&gt; (field_1, ...)\n\nSELECT (field_1, ...) FROM &lt;source_table&gt;\n\nSET IDENTITY_INSERT [&lt;destination_table&gt;] OFF\n</code></pre>"},{"location":"databases/sql.html#t-sql-parametric-query","title":"T-SQL Parametric Query","text":"SQL<pre><code>-- variable declaration\nDECLARE @var_name &lt;type&gt;\n\n-- init variable (input parameter)\nSET @var_name = &lt;value&gt;\n\n-- use in query (memorize data)\nSELECT @var_name = COUNT(*)  -- query won't show results in the \"table view\" since param is used in SELECT\nFROM &lt;table&gt; ...\n\n-- display message (query won't show results in the \"table view\")\nPRINT 'Text: ' + @var_name\nPRINT 'Text: ' + CONVERT(type, @var_name)  -- convert data before printing\nGO\n</code></pre>"},{"location":"databases/sql.html#t-sql-view","title":"T-SQL View","text":"<p>A view represents a virtual table. Join multiple tables in a view and use the view to present the data as if the data were coming from a single table.</p> SQL<pre><code>CREATE VIEW &lt;name&gt; AS\nSELECT * FROM &lt;table&gt; ...\n</code></pre>"},{"location":"databases/sql.html#t-sql-stored-procedure","title":"T-SQL Stored Procedure","text":"<p>Stored Procedure How-To T-SQL Stored Procedure</p> <p>Stored Procedure Definition:</p> SQL<pre><code>CREATE PROCEDURE &lt;Procedure_Name&gt;\n    -- Add the parameters for the stored procedure here\n    &lt;@Param1&gt; &lt;Datatype_For_Param1&gt; = &lt;Default_Value_For_Param1&gt;,\n    &lt;@Param2&gt; &lt;Datatype_For_Param2&gt;\nAS\nBEGIN\n    -- SET NOCOUNT ON added to prevent extra result sets from interfering with SELECT statements.\n    SET NOCOUNT ON;  -- don't return number of selected rows\n\n    -- Insert statements for procedure here\n    SELECT ...\nEND\nGO\n</code></pre> <p>Stored Procedure call in query:</p> SQL<pre><code>USE &lt;database&gt;\nGO\n\n-- Stored Procedure call\nEXECUTE &lt;Procedure_Name&gt;\n-- or\nEXEC &lt;Procedure_Name&gt;\n</code></pre>"},{"location":"languages/markdown.html","title":"Markdown Notes","text":""},{"location":"languages/markdown.html#headings","title":"Headings","text":"Markdown<pre><code>Heading 1\n=========\n\nHeading 2\n---------\n\n# Heading 1\n## Heading 2\n### Heading 3\n</code></pre>"},{"location":"languages/markdown.html#text-formatting","title":"Text Formatting","text":"Markdown<pre><code>*Italic*    _Italic_\n**Bold**    __Bold__\n\n~GitHub's strike-trough~\n</code></pre>"},{"location":"languages/markdown.html#links-images","title":"Links &amp; Images","text":"Markdown<pre><code>[link text](http://b.org \"title\")\n\n[link text][anchor]\n[anchor]: http://b.org \"title\"\n\n![alt attribute](http://url/b.jpg \"title\")\n\n![alt attribute][anchor]\n[anchor]: http://url/b.jpg \"title\"\n</code></pre> Markdown<pre><code>&gt; Blockquote\n\n* unordered list        - unordered list\n* unordered list        - unordered list\n* unordered list        - unordered list\n\n1) ordered list         1. ordered list\n2) ordered list         2. ordered list\n3) ordered list         3. ordered list\n\n- [ ] empty checkbox\n- [x] checked checkbox\n</code></pre>"},{"location":"languages/markdown.html#horizontal-rule","title":"Horizontal rule","text":"Markdown<pre><code>---                     ***\n</code></pre>"},{"location":"languages/markdown.html#code","title":"Code","text":"Markdown<pre><code>`inline code`\n\n    ```lang\n    multi-line\n    code block\n    ```\n</code></pre>"},{"location":"languages/markdown.html#table","title":"Table","text":"Markdown<pre><code>| column label | column label | column label  |\n|:-------------|:------------:|--------------:|\n| left-aligned | centered     | right-aligned |\n| row contents | row contents | row contents  |\n</code></pre>"},{"location":"languages/assembly/intel.html","title":"Assembly (Intel)","text":""},{"location":"languages/assembly/intel.html#compiling-linking","title":"Compiling &amp; Linking","text":"Bash<pre><code># compiling\nnasm -g -f elf64 src.asm  # -g adds debug info, -f specifies the 64bit ELF format\n\n# linking\nld -o src src.o  # -o specifies the output name\n</code></pre>"},{"location":"languages/assembly/intel.html#basics","title":"Basics","text":""},{"location":"languages/assembly/intel.html#exports-sections","title":"Exports &amp; Sections","text":"<p>Symbols can be exported to be linked against with the linker</p> <p>Every program in ELF has several sections:</p> <ul> <li><code>data</code>: global variables</li> <li><code>rodata</code>: global constants (read-only data)</li> <li><code>bss</code>: space reserved at program startup</li> <li><code>text</code>: CPU instructions</li> </ul> GAS<pre><code>; export the '_start' symbol for linking\nglobal _start\n\n; specify a section\nsection .data\nsection .text\n</code></pre>"},{"location":"languages/assembly/intel.html#labels-declarations","title":"Labels &amp; Declarations","text":"<p>Anything that's on the beginning of a line and is followed by a colon (<code>:</code>) is a label. Labels generally store addresses.</p> <p>Declaration instructions:</p> <ul> <li><code>db</code>: declare bytes</li> <li><code>dw</code>: declare word (2 bytes)</li> <li><code>dd</code>: declare double word (4 bytes)</li> <li><code>dq</code>: declare quad word (8 bytes)</li> <li><code>equ</code>: set a name to the value of an expression</li> </ul> <p>Note: See the NASM manual, section 3.2.1 for the full list. Note: all byte declarations are Little Endian</p> GAS<pre><code>arr: db 0x12,0x34,0x56,0x78,0x90\n</code></pre>"},{"location":"languages/assembly/intel.html#registers","title":"Registers","text":"<p>There are several registers available on x86_64. Some serve a specific purposes (e.g. registers for storing floating point ; numbers), while others are called \"general purpose\" registers.</p> <p>There are 16 of them:</p> <ul> <li><code>rax</code>: accumulator</li> <li><code>rbx</code>: base</li> <li><code>rcx</code>: counter</li> <li><code>rdx</code>: destination</li> <li><code>rsp</code> and <code>rbp</code>: stack pointer and base pointer</li> <li><code>rsi</code> and <code>rdi</code>: source and destination index</li> <li><code>r8</code> through <code>r15</code>: lack of creativity</li> </ul> <p>The prefix <code>r</code> means that instructions will use all 64 bits in the registers.  </p> <p>For all those registers, except <code>r8</code> through <code>r15</code>, it's possible to access:</p> <ul> <li>the lowest 32 bits with <code>e</code> prefix (e.g. <code>eax</code>, <code>ebp</code>)</li> <li>the lowest 16 bits without any prefix (e.g. <code>ax</code>, <code>si</code>)</li> </ul> <p>For registers <code>rax</code> through <code>rdx</code>, it's possible to access:</p> <ul> <li>the lowest byte with the <code>l</code> suffix, replacing the trailing <code>x</code> (e.g. <code>al</code>)</li> <li>the highest byt in the 16 bits with the <code>h</code> suffix, in the same way (e.g. <code>ah</code>)</li> </ul>"},{"location":"languages/assembly/intel.html#instructions","title":"Instructions","text":"<p>Instructions are operations that the CPU knowns how to execute directly. They are separated from their operands by whitespace, and the operands are separated from other with commas.</p> GAS<pre><code>&lt;instr&gt; &lt;operand1&gt;, &lt;operand2&gt;, ..., &lt;operand_n&gt;\n\n; Intel syntax dictates the first operand is the destination, and the second is the source\n&lt;instr&gt; DEST, SOURCE\n</code></pre> GAS<pre><code>mov eax, 0x12345678  ; copies 4 bytes to eax\ninc rdi  ; INC: increment\ndec rsi  ; DEC: decrement\n</code></pre>"},{"location":"languages/assembly/intel.html#add","title":"<code>add</code>","text":"<p>Adds the two operands and stores the result in the destination.</p> GAS<pre><code>add rdi, rbx  ; Equivalent to rdi += rbx\n</code></pre>"},{"location":"languages/assembly/intel.html#sub","title":"<code>sub</code>","text":"<p>Subtract the two operands and stores the result in the destination.</p> GAS<pre><code>sub rsi, rbx  ; Equivalent to rsi -= rbx\n</code></pre>"},{"location":"languages/assembly/intel.html#mul-div-imul-idiv","title":"<code>mul</code>, <code>div</code>, <code>imul</code>, <code>idiv</code>","text":"<p><code>mul</code> and <code>div</code> interpret their  operands as unsigned integers. <code>imul</code> and <code>idiv</code> interpret their operands as signed integers in two's complement.</p> <p><code>mul</code> and <code>div</code> instructions take a single operand because they use fixed registers for the other number.</p> <p>For <code>mul</code>, the result is <code>rax</code> * <code>&lt;operand&gt;</code>, and it's a 128-bit value stored in <code>rdx:rax</code>, meaning the 64 lower bits are stored in <code>rdx</code>, while the 64 upper bits are stored in <code>rax</code>.</p> <p>For <code>div</code>, the operand is the divisor and the dividend is <code>rdx:rax</code>, meaning it's a 128-bit value whose 64 upper bits are in <code>rdx</code> and whose 64 lower bits are in <code>rax</code>. The quotient is a 64-bit value stored in <code>rax</code>, and the remainder is also a 64-bit value, stored in <code>rdx</code>.</p>"},{"location":"languages/assembly/intel.html#and-or-xor","title":"<code>and</code>, <code>or</code>, <code>xor</code>","text":"GAS<pre><code>and rdi, rsi  ; bitwise AND\nor rdi, rsi  ; bitwise OR\nxor rdi, rsi  ; bitwise XOR\n</code></pre>"},{"location":"languages/assembly/intel.html#shr-shl","title":"<code>shr</code>, <code>shl</code>","text":"GAS<pre><code>shr rsi, 2  ; right (logical) bitshift: equivalent to rsi &gt;&gt; 2\nshl rsi, 3  ; left (logical) bitshift: equivalent to rsi &lt;&lt; 3\n</code></pre> <p>Note: there's <code>sar</code> for arithmetic right shift and <code>sal</code> for arithmetic shift left.</p>"},{"location":"languages/assembly/riscv.html","title":"Assembly (RISC-V)","text":"<p>Assembly programs are encoded as plain text files and contain four main elements:</p> <ul> <li>Comments: comments are textual notes that are often used to document information on the code.</li> <li>Labels: labels are \"markers\" that represent program locations.</li> <li>Instructions: Assembly instructions are instructions that are converted by the assembler into machine instructions.</li> <li>Directives: Assembly directives are commands used to coordinate the assembling process.</li> </ul>"},{"location":"languages/assembly/riscv.html#assembly-language","title":"Assembly Language","text":""},{"location":"languages/assembly/riscv.html#labels","title":"Labels","text":"<p>Labels are \"markers\" that represent program locations. They can be inserted into an assembly program to \"mark\" a program position so that it can be referred to by assembly instructions.</p> GAS<pre><code>x:  # &lt;-- label definition\n  .word 10\n\nsum:\n  lw a0, x\n  addi a0, a0, 10\n  ret\n</code></pre> <p>Assemblers usually accept two kinds of labels: symbolic and numeric labels.</p> <p>Symbolic labels are de\ufb01ned by an identifier followed by <code>:</code>. They are stored as symbols in the symbol table and are often used to identify global variables and routines.</p> <p>Numeric labels are de\ufb01ned by a single decimal digit followed by <code>:</code>. They are used for local reference and are not included in the symbol table of executable files. They can be redefined repeatedly in the same assembly program.  </p> <p>References to numeric labels contain a suffix that indicates whether the reference is to a numeric label positioned before (<code>b</code> suffix) or after (<code>f</code> suffix) the reference.</p>"},{"location":"languages/assembly/riscv.html#symbols","title":"Symbols","text":"<p>Program symbols are \"names\" that are associated with numerical values and the symbol table is a data structure that maps each program symbol to its value. Labels are automatically converted into program symbols by the assembler and associated with a numerical value that represents its position in the program, which is a memory address.</p> <p>It's possible to explicitly define symbols with the <code>.set</code> (or <code>.equ</code>) directive.</p> GAS<pre><code>.set answer, 42\n\nget_answer:\n  li a0, answer\n  ret\n</code></pre>"},{"location":"languages/assembly/riscv.html#references-relocations","title":"References &amp; Relocations","text":"<p>Each reference to a label must be replaced by an address during the assembling and linking processes. Relocation is the process in which the code and data are assigned new memory addresses so that they do not conflict with addresses of coming from the other linked sources.</p> <p>The relocation table is a data structure that contains information that describes how the program instructions and data need to be modi\ufb01ed to re\ufb02ect the addresses reassignment. Each object \ufb01le contains a relocation table and the linker uses their information to adjust the code when performing the relocation process.</p>"},{"location":"languages/assembly/riscv.html#global-vs-local-symbols","title":"Global vs Local Symbols","text":"<p>Symbols are classified as local or global symbols.</p> <p>Local symbols are only visible on the same \ufb01le, i.e., the linker does not use them to resolve undefined references on other files. Global symbols, on the other hand, are used by the linker to resolve undefined reference on other files.</p> <p>By default, the assembler registers labels as local symbols. The <code>.globl</code> directive instructs the assembler to register a label as a global symbol.</p> GAS<pre><code>.globl exit\n\nexit:\n  li a0, 0\n  li a7, 93\n  ecall\n</code></pre>"},{"location":"languages/assembly/riscv.html#program-entry-point","title":"Program Entry Point","text":"<p>Every program has an entry point: the point from which the CPU must start executing the program. The entry point is de\ufb01ned by an address, which is the address of the first instruction that must be executed.</p> GAS<pre><code>.globl start # &lt;-- program entry point \n</code></pre> <p>Note: the <code>start</code> label must be registered as a global symbol for the linker to recognize it as the entry point.</p>"},{"location":"languages/assembly/riscv.html#program-sections","title":"Program Sections","text":"<p>Executable and object files, and assembly programs are usually organized in sections. A section may contain data or instructions, and the contents of each section are mapped to a set of consecutive main memory addresses.</p> <p>The following sections are often present on executable files generated for Linux-based systems:</p> <ul> <li><code>.text</code>: a section dedicated to store the program instructions.</li> <li><code>.data</code>: a section dedicated to store initialized global variables.</li> <li><code>.bss</code>: a section dedicated to store uninitialized global variables.</li> <li><code>.rodata</code>: a section dedicated to store constants.</li> </ul> <p>When linking multiple object files, the linker groups information from sections with the same name and places them together into a single section on the executable \ufb01le.</p> <p>To instruct the assembler to add the assembled information into other sections, the programmer (or the compiler) may use the <code>.section &lt;name&gt;</code> directive.</p> GAS<pre><code>.section .text\n\nupdate_y:\n  la t1, y\n  sw a0, (t1)\n  ret\n\nupdate_x:\n  la t1, x\n  sw a0, (t1)\n  ret\n\n.section .data\n\nx: .word 10\ny: .word 12\n</code></pre>"},{"location":"languages/assembly/riscv.html#assembly-instructions","title":"Assembly Instructions","text":"<p>Assembly instructions are instructions that are converted by the assembler into machine instructions. They are usually encoded as a string that contains a mnemonic and a sequence of parameters, known as operands.</p> <p>A pseudo-instruction is an assembly instruction that does not have a corresponding machine instruction on the ISA, but can be translated automatically by the assembler into one or more alternative machine instructions to achieve the same effect.</p> <p>The operands of assembly instructions may contain:</p> <ul> <li>A register name: a register name identifies one of the ISA registers.</li> </ul> <ul> <li>An immediate value: an immediate value is a numerical constant that is directly encoded into the machine instruction as a sequence of bits.</li> <li>A symbol name: symbol names identify symbols on the symbol table and are replaced by their respective values during the assembling and linking processes.   Their value are encoded into the machine instruction as a sequence of bits.</li> </ul>"},{"location":"languages/assembly/riscv.html#immediate-values","title":"Immediate Values","text":"<p>Immediate values are represented on assembly language by a sequence of alphanumeric characters.</p> <ul> <li>Sequences started with the <code>0x</code> and the <code>0b</code> prefixes are interpreted as hexadecimal and binary numbers, respectively.  </li> <li>Octal numbers are represented by a sequence of numeric digits starting with digit <code>0</code>.  </li> <li>Sequences of numeric digits starting with digits <code>1</code> to <code>9</code> are interpreted as decimal numbers.</li> <li>Alphanumeric characters represented between single quotation marks are converted to numeric values using the ASCII table</li> <li>To denote a negative integer, it suffices to add the <code>-</code> prefix.</li> </ul> GAS<pre><code>li a0, 10        # load value ten into register a0\n2 li a1, 0xa     # load value ten into register a1\n3 li a2, 0b1010  # load value ten into register a2\n4 li a3, 012     # load value ten into register a3\n5 li a4, \u20190\u2019     # load value forty eight into register a4\n6 li a5, \u2019a\u2019     # load value ninety seven into register a5\n</code></pre>"},{"location":"languages/assembly/riscv.html#the-value-directives","title":"The <code>.&lt;value&gt;</code> Directives","text":"<p>The <code>.byte</code>, <code>.half</code>, <code>.word</code>, and <code>.dword</code> directives add one or more values to the active section. Their arguments may be expressed as immediate values, symbols (which are replaced by their value during the assembling and linking processes) or by arithmetic expressions that combine both.</p> <p>The <code>.string</code>, <code>.asciz</code>, and <code>.ascii</code> directives add strings to the active section. The string is encoded as a sequence of bytes.</p> Directive Arguments Description <code>.byte</code> <code>expr [, expr]*</code> Emit one or more 8bit comma separated words <code>.half</code> <code>expr [, expr]*</code> Emit one or more 16bit comma separated words <code>.word</code> <code>expr [, expr]*</code> Emit one or more 32bit comma separated words <code>.dword</code> <code>expr [, expr]*</code> Emit one or more 64bit comma separated words <code>.string</code> <code>string</code> Emit <code>NULL</code> terminated string <code>.asciz</code> <code>string</code> Alias for <code>.string</code> <code>.ascii</code> <code>string</code> Emit string without <code>NULL</code> character"},{"location":"languages/assembly/riscv.html#the-set-and-equ-directives","title":"The <code>.set</code> and <code>.equ</code> directives","text":"<p>The <code>.set name, expression</code> directive adds a symbol to the symbol table. It takes a name and an expression as arguments, evaluates an expression to a value and store the name and the resulting value into the symbol table.</p> <p>The <code>.equ</code> directive performs the same task as the .set directive.</p>"},{"location":"languages/assembly/riscv.html#the-globl-directive","title":"The <code>.globl</code> directive","text":"<p>The <code>.globl</code> directive can be used to turn local symbols into global ones.</p> GAS<pre><code>.global start\n.global max_value\n\n.set max_value, 42\n\nstart:\n  li a0, max_value\n  jal process_temp\n  ret\n</code></pre>"},{"location":"languages/assembly/riscv.html#the-skip-directive","title":"The <code>.skip</code> directive","text":"<p>The <code>.bss</code> section is dedicated for storing uninitialized global variables. These variables need to be allocated on memory, but they do not need to be initialized by the loader when a program is executed. As a consequence, their initial value do not need to be stored on executable nor object files.</p> <p>To allocate variables on the <code>.bss</code> section it suffices to declare a label to identify the variable and advance the <code>.bss</code> location counter by the amount of bytes the variable require, so further variables are allocated on other address. The <code>.skip N</code> directive is a directive that advances the location counter by <code>N</code> units and can be used to allocate space for variables on the <code>.bss</code> section.</p> GAS<pre><code>.section .bss\nx: .skip 4\ny: .skip 80\nz: .skip 4\n</code></pre>"},{"location":"languages/assembly/riscv.html#the-align-directive","title":"The <code>.align</code> directive","text":"<p>Some ISA's require instructions or multi-byte data to be stored on addresses that are multiple of a given number.</p> <p>The proper way of ensuring the location counter is aligned is by using the <code>.align N</code> directive. The <code>.align N</code> directive checks if the location counter is a multiple of <code>2^N</code>, if it is, it has no effect on the program, otherwise, it advances the location counter to the next value that is a multiple of <code>2^N</code>.</p>"},{"location":"languages/bash/commands.html","title":"Bash Commands","text":"<p>Note: Square brackets (<code>[]</code>) denotes optional commands/flags/arguments. Uppercase denotes placeholders for arguments.</p>"},{"location":"languages/bash/commands.html#basic-commands","title":"Basic Commands","text":""},{"location":"languages/bash/commands.html#elevated-privileges-and-users","title":"Elevated Privileges and Users","text":"<p>sudo vs su</p> Bash<pre><code>sudo su  # login as root (user must be sudoers, root password not required) DANGEROUS\nsudo -s  # act as root and inherit current user environment (env as is now, along current dir and env vars) SAFE (can modify user environment)\nsudo -i  # act as root and and use a clean environment (goes to user's home, runs .bashrc) SAFEST\nsudo COMMAND  # run a command w\\ root permissions\nsudo -u USER COMMAND # run command as user\n\nsu  # become root (must know root password) DANGEROUS\nsu - USER  # change user and load it's home folder\nsu USER  # change user but don't load it's home folder\n</code></pre>"},{"location":"languages/bash/commands.html#getting-info","title":"Getting Info","text":"Bash<pre><code>man COMMAND  # show command manual\nhelp COMMAND  # show command info\nwhatis COMMAND  # one-line command explanation\napropos COMMAND  # search related commands\nwhich COMMAND  # locate a command\nhistory  # list of used commands\n\nid  # Print user and group information for the specified USER, or (when USER omitted) for the current user\n</code></pre>"},{"location":"languages/bash/commands.html#moving-showing-directory-contents","title":"Moving &amp; Showing Directory Contents","text":"Bash<pre><code>pwd  # print working (current) directory\nls [option]... [FILE]...   # list directory contents (\"list storage\")\ncd rel_path  # change directory to path (rel_path must be inside current directory)\ncd abs_path  # change directory to path\ncd ..  # change directory to parent directory\ncd ~  # go to /home\ncd -  # go to previous directory\npushd PATH  # go from current directory to path\npopd  # return to previous directory (before pushd)\n</code></pre>"},{"location":"languages/bash/commands.html#creating-reading-copying-moving-modifying-files-and-directories","title":"Creating, Reading, Copying, Moving, Modifying Files And Directories","text":"Bash<pre><code>touch FILE  # change FILE timestamp fi exists, create file otherwise\ncat [FILE]  # concatenate files and print on standard output (FD 1)\ncat &gt;&gt; FILE  # append following content ot file (Ctrl+D to stop)\nfile FILE  # discover file extension and format\nstat FILE  # display file or file system status\n\ntail  # output the last part of a file\ntail [-nNUM]  # output the last NUM lines\n\nmore  # filter for paging through text one screenful at a time\nless  # opposite of more (display big file in pages), navigate with arrow keys or space bar\n\ncut  # remove sections from each line of files\ncut -[d --delimiter=DELIM]  # use DELIM instead of TAB for field delimiter\ncut [-f --fields=LIST]  # select only these fields\n\ndf  # report file system disk space usage\n\nrm FILE  # remove file or directories\nrm DIRECTORY -r  # remove directory an all its contents (recursive)\nrmdir DIRECTORY  # remove directory only if is empty\n\nmkdir DIRECTORY  # make directories\n\nmv SOURCE DESTINATION  # move or rename files\nmv SOURCE DIRECTORY  # move FILE to DIRECTORY\n\ncp SOURCE DESTINATION  # copy SOURCE to DESTINATION\n</code></pre>"},{"location":"languages/bash/commands.html#files-permissions-ownership","title":"Files Permissions &amp; Ownership","text":"Bash<pre><code>chmod MODE FILE  # change file (or directory) permissions\nchmod OCTAL-MODE FILE  # change file (or directory) permissions\n\nchown [OPTION]... [OWNER][:[GROUP]] FILE...  # change file owner and group\nchgrp [OPTION]... GROUP FILE...  # change group ownership\n</code></pre> <p>File Permissions:</p> <ul> <li><code>r</code>: Read. Can see file content</li> <li><code>w</code>: Write. Can modify file content</li> <li><code>x</code>: Execute. Can execute file</li> </ul> <p>Directory Permissions:</p> <ul> <li><code>r</code>: Read. Can see dir contents</li> <li><code>w</code>: CRUD. Can create, rename and delete files</li> <li><code>x</code>: Search. Can access and navigate inside the dir. Necessary to operate on files</li> </ul> <p>Common Octal Files Permissions:</p> <ul> <li><code>777</code>: (<code>rwxrwxrwx</code>) No restrictions on permissions. Anybody may do anything. Generally not a desirable setting.</li> <li><code>755</code>: (<code>rwxr-xr-x</code>) The file's owner may read, write, and execute the file. All others may read and execute the file. This setting is common for programs that are used by all users.</li> <li><code>700</code>: (<code>rwx------</code>) The file's owner may read, write, and execute the file. Nobody else has any rights. This setting is useful for programs that only the owner may use and must be kept private from others.</li> <li><code>666</code>: (<code>rw-rw-rw-</code>) All users may read and write the file.</li> <li><code>644</code>: (<code>rw-r--r--</code>) The owner may read and write a file, while all others may only read the file. A common setting for data files that everybody may read, but only the owner may change.</li> <li><code>600</code>: (<code>rw-------</code>) The owner may read and write a file. All others have no rights. A common setting for data files that the owner wants to keep private.</li> </ul> <p>Common Octal Directory Permissions:</p> <ul> <li><code>777</code>: (<code>rwxrwxrwx</code>) No restrictions on permissions. Anybody may list files, create new files in the directory and delete files in the directory. Generally not a good setting.</li> <li><code>755</code>: (<code>rwxr-xr-x</code>) The directory owner has full access. All others may list the directory, but cannot create files nor delete them. This setting is common for directories that you wish to share with other users.</li> <li><code>700</code>: (<code>rwx------</code>) The directory owner has full access. Nobody else has any rights. This setting is useful for directories that only the owner may use and must be kept private from others.</li> </ul>"},{"location":"languages/bash/commands.html#finding-files-and-directories","title":"Finding Files And Directories","text":"Bash<pre><code>find [path] [expression]   # search file in directory hierarchy\nfind [start-position] -type f -name FILENAME  # search for a file named \"filename\"\nfind [start-position] -type d -name DIRNAME  # search for a directory named \"dirname\"\nfind [path] -exec &lt;command&gt; {} \\;  # execute command on found items (identified by {})\n\n[[ -f \"path\" ]]  # test if a file exists\n[[ -d \"path\" ]]  # test if a folder exists\n[[ -L \"path\" ]]  # test if is symlink\n</code></pre>"},{"location":"languages/bash/commands.html#other","title":"Other","text":"Bash<pre><code>tee  # copy standard input and write to standard output AND files simultaneously\ntee [FILE]\ncommand | sudo tee FILE  # operate on file w/o using shell as su\n\necho  # display a line of text\necho \"string\" &gt; FILE  # write lin of text to file\necho \"string\" &gt;&gt; FILE  # append line of text to end of file (EOF)\n\nwget URL  # download repositories to linux machine\n\ncurl  # download the contents of a URL\ncurl [-I --head]  # Fetch the headers only\n\nps [-ax]  # display processes\nkill &lt;PID&gt;   # kill process w/ Process ID &lt;PID&gt;\nkillall PROCESS  # kill process by nane\n\ngrep  # search through a string using a REGEX\ngrep [-i]  # grep ignore case\n\nsource script.sh  # load script as a command\ndiff FILES  # compare files line by line\n\n# sudo apt install shellcheck\nshellcheck FILE  # shell linter\n\nxargs [COMMAND]  # build and execute command lines from standard input\n# xargs reads items form the standard input, delimited by blanks or newlines, and executes the COMMAND one or more times with the items as arguments\nwatch [OPTIONS] COMMAND  # execute a program periodically, showing output full-screen\nwatch -n SECONDS COMMAND  # execute command every SECONDS seconds (no less than 0.1 seconds)\n</code></pre>"},{"location":"languages/bash/commands.html#data-wrangling","title":"Data Wrangling","text":"<p>Data wrangling is the process of transforming and mapping data from one \"raw\" data form into another format with the intent of making it more appropriate and valuable for a variety of downstream purposes such as analytics.</p> Bash<pre><code>sed  # stream editor for filtering and transforming text\nsed -E \"s/REGEX/replacement/\"  # substitute text ONCE (-E uses modern REGEX)\nsed -E \"s/REGEX/replacement/g\"  # substitute text multiple times (every match)\n\nwc [FILE] # print newline, word and byte count for each file\nwc [-m --chars] FILE  # print character count\nwc [-c --bytes] FILE  # print bytes count\nwc [-l --lines] FILE  # print lines count\nwc [-w --words] FILE  # print word count\n\nsort [FILE]  # sort lines of a text file\n\nuniq [INPUT [OUTPUT]]  # report or omit repeated lines (from INPUT to OUTPUT)\nuniq [-c --count]  # prefix lines w/ number of occurrences\nuniq [-d --repeated]  # print only duplicare lines, one for each group\nuniq [-D]  # print only duplicare lines\n\npaste [FILE]  # merge lines of files\npaste [-d --delimiters=LIST]  # use delimiters from LIST\npaste [- --serial]  # paste one file at a time instead of in parallel\n\nawk '{program}'  # pattern scanning and processing language\nawk [-f --file PROGRAM_FILE]  # read program source from PROGRAM_FILE instead of from first argument\n\nbc [-hlwsqv long-options] [FILE]  # arbitrary precision calculator language\nbc [-l --mathlib] [FILE]  # use standard math library\n</code></pre>"},{"location":"languages/bash/scripting.html","title":"Bash Scripting","text":"<p>Bash Manual</p> <p><code>Ctrl+Shift+C</code>: copy <code>Ctrl+Shift+C</code>: paste</p>"},{"location":"languages/bash/scripting.html#bash-use-modes","title":"Bash Use Modes","text":"<p>Interactive mode \u2192 shell waits for user's commands Non-interactive mode \u2192 shell runs scripts</p>"},{"location":"languages/bash/scripting.html#file-directories-permissions","title":"File &amp; Directories Permissions","text":"<p>File:</p> <ul> <li><code>r</code>: Read. Can see file content</li> <li><code>w</code>: Write. Can modify file content</li> <li><code>x</code>: Execute. Can execute file</li> </ul> <p>Directory:</p> <ul> <li><code>r</code>: Read. Can see dir contents</li> <li><code>w</code>: CRD. Can create, rename and delete files</li> <li><code>x</code>: Search. Can access and navigate inside the dir. Necessary to operate on files</li> </ul>"},{"location":"languages/bash/scripting.html#file-descriptors","title":"File Descriptors","text":"<p><code>FD 0</code> \"standard input\"    \u2192 Channel for standard input (default keyboard) <code>FD 1</code> \"standard output\"   \u2192 Channel for the default output (default screen) <code>FD 2</code> \"standard error\"    \u2192 Channel for error messages, info messages, prompts (default keyboard) File descriptors chan be joined to create streams that lead to files, devices or other processes.</p> <p>Bash gets commands by reading lines. As soon as it's read enough lines to compose a complete command, bash begins running that command. Usually, commands are just a single line long. An interactive bash session reads lines from you at the prompt. Non-interactive bash processes read their commands from a file or stream. Files with a shebang as their first line (and the executable permission) can be started by your system's kernel like any other program.</p>"},{"location":"languages/bash/scripting.html#first-line-of-bash","title":"First Line Of Bash","text":"<p><code>#!/bin/env bash</code> shebang indicating which interpreter to use</p>"},{"location":"languages/bash/scripting.html#simple-command","title":"Simple Command","text":"Bash<pre><code>[ var=value ... ] command [ arg ... ] [ redirection ... ]  # [.] is optional component\n</code></pre>"},{"location":"languages/bash/scripting.html#pipelines-commands-concatenation","title":"Pipelines (commands concatenation)","text":"Bash<pre><code>command | file.ext  # link the first process' standard output to the second process' standard input\ncommand |&amp; file.ext  # link the first process' standard output &amp; standard error to the second process' standard input\n</code></pre>"},{"location":"languages/bash/scripting.html#lists-sequence-of-commands","title":"Lists (sequence of commands)","text":"Bash<pre><code>command_1; command_2; ...  # execute command in sequence, one after the other\ncommand_1 || command_2 || ...  # execute successive commands only if preceding ones fail\ncommand_1 &amp;&amp; command_2 &amp;&amp; ..  # execute successive commands only if preceding ones succeeds\n</code></pre>"},{"location":"languages/bash/scripting.html#compound-commands-multiple-commands-as-one","title":"COMPOUND COMMANDs (multiple commands as one)","text":"Bash<pre><code># block of commands executed as one\n&lt;keyword&gt;\n    command_1; command_2; ...\n&lt;end_keyword&gt;\n\n{command_1; command_2; ...}  # sequence of commands executed as one\n</code></pre>"},{"location":"languages/bash/scripting.html#functions-blocks-of-easily-reusable-code","title":"Functions (blocks of easily reusable code)","text":"<p><code>function_name () {compound_command}</code> Bash does not accept func arguments, parentheses must be empty</p>"},{"location":"languages/bash/scripting.html#command-names-running-programs","title":"Command names &amp; Running programs","text":"<p>To run a command, bash uses the name of your command and performs a search for how to execute that command. In order, bash will check whether it has a function or builtin by that name. Failing that, it will try to run the name as a program. If bash finds no way to run your command, it will output an error message.  </p>"},{"location":"languages/bash/scripting.html#the-path-to-a-program","title":"The path to a program","text":"<p>When bash needs to run a program, it uses the command name to perform a search. Bash searches the directories in your PATH environment variable, one by one, until it finds a directory that contains a program with the name of your command. To run a program that is not installed in a PATH directory, use the path to that program as your command's name.</p>"},{"location":"languages/bash/scripting.html#command-arguments-quoting-literals","title":"Command arguments &amp; Quoting literals","text":"<p>To tell a command what to do, we pass it arguments. In bash, arguments are tokens, that are separated from each other by blank space. To include blank space in an argument's value, you need to either quote the argument or escape the blank space within. Failing that, bash will break your argument apart into multiple arguments at its blank space. Quoting arguments also prevents other symbols in it from being accidentally interpreted as bash code.  </p>"},{"location":"languages/bash/scripting.html#managing-a-commands-input-and-output-using-redirection","title":"Managing a command's input and output using redirection","text":"<p>By default, new commands inherit the shell's current file descriptors. We can use redirections to change where a command's input comes from and where its output should go to. File redirection allows us to stream file descriptors to files. We can copy file descriptors to make them share a stream. There are also many other more advanced redirection operators.  </p>"},{"location":"languages/bash/scripting.html#redirections","title":"Redirections","text":"Bash<pre><code>[x]&gt;file  # make FD x write to file\n[x]&lt;file  # make FD x read from file\n\n[x]&gt;&amp;y  # make FD x write to FD y's stream\n[x]&lt;&amp;y  # make FD x read from FD y's stream\n&amp;&gt;file  # make both FD 1 (standard output) &amp; FD 2 (standard error) write to file\n\n[x]&gt;&gt;file  # make FD x append to end of file\nx&gt;&amp;-, x&lt;&amp;-  # close FD x (stream disconnected from FD x)\n[x]&gt;&amp;y-, [x]&lt;&amp;y-  # replace FD x with FD y\n[x]&lt;&gt;file  # open FD x for both reading and writing to file\n</code></pre>"},{"location":"languages/bash/scripting.html#pathname-expansion-filname-pattern-glob-matching","title":"Pathname Expansion (filname pattern [glob] matching)","text":"<p><code>*</code> matches any kind of text (even no text). <code>?</code> matches any single character. <code>[characters]</code> matches any single character in the given set. <code>[[:classname:]]</code> specify class of characters to match. <code>{}</code> expand list of arguments (applies command to each one)</p> <p><code>shopt -s extglob</code> enables extended globs (patterns)</p> <p><code>+(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once or many times over. (\"at least one of ...\"). <code>*(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once, not at all, or many times over. (\"however many of ...\"). <code>?(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once, not at all, or many times over. (\"however many of ...\"). <code>@(pattern [| pattern ...])</code> matches when any of the patterns in the list appears just once. (\"one of ...\"). <code>!(pattern [| pattern ...])</code> matches only when none of the patterns in the list appear. (\"none of ...\").</p>"},{"location":"languages/bash/scripting.html#command-substitution","title":"Command Substitution","text":"<p>With Command Substitution, we effectively write a command within a command, and we ask bash to expand the inner command into its output and use that output as argument data for the main command.  </p> Bash<pre><code>$(inner_command)  # $ --&gt; value-expansion prefix\ncommand !*  # !* expands to everything except the first argument in the previous line\ncommand !$  # refers to the last argument of the previous command\nsudo !! # !! expands to the entire previous command\n</code></pre>"},{"location":"languages/bash/scripting.html#shell-variables","title":"Shell Variables","text":"Bash<pre><code>varname=value  # variable assignment\nvarname=\"$(command)\"  # command substitution, MUST be double-quoted\n\"$varname\", \"${varname}\"  # variable expansion, MUST be double-quoted (name substituted w/ variable content)\n\n$$  # pid\n$#  # number of arguments passed\n$@  # all arguments passed\n${n}  # n-th argument passed to the command\n$0  # name of the script\n$_  # last argument passed to the command\n$?  # error message of the last (previous) command\n!!  # executes last command used (echo !! prints the last command)\n</code></pre>"},{"location":"languages/bash/scripting.html#parameter-expansion-modifiers-in-double-quotes","title":"Parameter Expansion Modifiers (in double-quotes)","text":"<p><code>${parameter#pattern}</code> removes the shortest string that matches the pattern if it's at the start of the value. <code>${parameter##pattern}</code> removes the longest string that matches the pattern if it's at the start of the value. <code>${parameter%pattern}</code> removes the shortest string that matches the pattern if it's at the end of the value. <code>${parameter%%pattern}</code> removes the longest string that matches the pattern if it's at the end of the value. <code>${parameter/pattern/replacement}</code> replaces the first string that matches the pattern with the replacement. <code>${parameter//pattern/replacement}</code> replaces each string that matches the pattern with the replacement. <code>${parameter/#pattern/replacement}</code> replaces the string that matches the pattern at the beginning of the value with the replacement. <code>${parameter/%pattern/replacement}</code> replaces the string that matches the pattern at the end of the value with the replacement. <code>${#parameter}</code> expands the length of the value (in bytes). <code>${parameter:start[:length]}</code> expands a part of the value, starting at start, length bytes long. Counts from the end rather than the beginning by using a (space followed by a) negative value. <code>${parameter[^|^^|,|,,][pattern]}</code> expands the transformed value, either upper-casing or lower-casing the first or all characters that match the pattern. Omit the pattern to match any character.</p>"},{"location":"languages/bash/scripting.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/bash/scripting.html#if-statement","title":"If Statement","text":"<p>Only the final exit code after executing the entire list is relevant for the branch's evaluation.</p> Bash<pre><code>if command_list; then\n    command_list;\nelif command_list; then\n    command_list;\nelse command_list;\nfi\n</code></pre>"},{"location":"languages/bash/scripting.html#test-command","title":"Test Command","text":"<p><code>[[ argument_1 &lt;operator&gt; argument_2 ]]</code></p>"},{"location":"languages/bash/scripting.html#arithmetic-expansion-and-evaluation","title":"Arithmetic expansion and evaluation","text":"<p><code>(( expression ))</code></p>"},{"location":"languages/bash/scripting.html#comparison-operators","title":"Comparison Operators","text":"Bash<pre><code>[[ \"$a\" -eq \"$b\" ]]  # is equal to\n[[ \"$a\" -ne \"$b\" ]]  # in not equal to\n[[ \"$a\" -gt \"$b\" ]]  # greater than\n[[ \"$a\" -ge \"$b\" ]]  # greater than or equal to\n[[ \"$a\" -lt \"$b\" ]]  # less than\n[[ \"$a\" -le \"$b\" ]]  # less than or equal to\n</code></pre>"},{"location":"languages/bash/scripting.html#arithmetic-comparison-operators","title":"Arithmetic Comparison Operators","text":"Bash<pre><code>((\"$a\" &gt; \"$b\"))  # greater than\n((\"$a\" &gt;= \"$b\"))   # greater than or equal to\n((\"$a\" &lt; \"$b\"))  # less than\n((\"$a\" &lt;= \"$b\"))   # less than or equal to\n</code></pre>"},{"location":"languages/bash/scripting.html#string-comparison-operators","title":"String Comparison Operators","text":"Bash<pre><code>[ \"$a\" = \"$b\" ]    # is equal to (whitespace around operator)\n\n[[ $a == z* ]]     # True if $a starts with an \"z\" (pattern matching)\n[[ $a == \"z*\" ]]   # True if $a is equal to z* (literal matching)\n[ $a == z* ]       # File globbing and word splitting take place\n[ \"$a\" == \"z*\" ]   # True if $a is equal to z* (literal matching)\n\n[ \"$a\" != \"$b\" ]   # is not equal to, pattern matching within a [[ ... ]] construct\n\n[[ \"$a\" &lt; \"$b\" ]]  # is less than, in ASCII alphabetical order\n[ \"$a\" \\&lt; \"$b\" ]   # \"&lt;\" needs to be escaped within a [ ] construct.\n\n[[ \"$a\" &gt; \"$b\" ]]  # is greater than, in ASCII alphabetical order\n[ \"$a\" \\&gt; \"$b\" ]   # \"&gt;\" needs to be escaped within a [ ] construct.\n</code></pre>"},{"location":"languages/bash/scripting.html#commands-short-circuit-evaluation","title":"Commands short circuit evaluation","text":"Bash<pre><code>command_1 || command_2  # if command_1 fails executes command_2\ncommand_1 &amp;&amp; command_2  # executes command_2 only if command_1 succeeds\n</code></pre>"},{"location":"languages/bash/scripting.html#loops","title":"Loops","text":"Bash<pre><code>for var in iterable ; do\n    # command here\ndone\n</code></pre>"},{"location":"languages/bash/scripting.html#script-hardening","title":"Script Hardening","text":"Bash<pre><code>set -o errexit  # exit on error\nset -o nounset  # fail on unset variable (bypass with ${VAR:-})\nset -o pipefail  # file entire pipeline if one step fails\n\n# hook to enable tracing\nif [[ \"${TRACE-0}\" == \"1\" ]]; then\n    set -o xtrace\nfi\n</code></pre>"},{"location":"languages/c/c.html","title":"C/C++","text":""},{"location":"languages/c/c.html#library-import","title":"Library Import","text":"C<pre><code>#include &lt;stdio.h&gt;  // search in current + system directories\n#include \"lib.h\" // search in current directory\n</code></pre>"},{"location":"languages/c/c.html#special-operators","title":"Special Operators","text":"Operator Operator Name <code>::</code> global reference operator <code>&amp;</code> address operator (returns a memory address) <code>*</code> deferentiation operator (returns the pointed value)"},{"location":"languages/c/c.html#namespace-definition","title":"Namespace definition","text":"<p>Can be omitted and replaced by namespace<code>::</code> <code>using namespace &lt;namespace&gt;;</code></p>"},{"location":"languages/c/c.html#main-function","title":"Main Function","text":"C<pre><code>int main(int argc, char *argv[]) { }\n</code></pre>"},{"location":"languages/c/c.html#variables-types","title":"Variables &amp; Types","text":""},{"location":"languages/c/c.html#constant-declaration","title":"Constant Declaration","text":"C<pre><code>#define constant_name value\nconst type constant_name = value;\n</code></pre>"},{"location":"languages/c/c.html#variable-declaration","title":"Variable Declaration","text":"C<pre><code>type var_name = value;    //c-like initialization\ntype var_name (value);    //constructor initialization\ntype var_name {value};    //uniform initialization\ntype var_1, var_2, ..., var_n;\n</code></pre>"},{"location":"languages/c/c.html#type-casting","title":"Type Casting","text":"<p><code>(type) var;</code> <code>type(var);</code></p>"},{"location":"languages/c/c.html#variable-types","title":"Variable Types","text":"Type Value Range Byte <code>short</code> -32768 to 32765 1 <code>unsigned short</code> 0 to 65535 1 <code>int</code> -2147483648 to 2147483647 4 <code>unsigned int</code> 0 to 4294967295 4 <code>long</code> -2147483648 to 2147483647 4 <code>unsigned long</code> 0 to 4294967295 4 <code>long long</code> 8 <code>float</code> \u00b1 3.4e \u00b1 38 (~7 digits) 4 <code>double</code> \u00b1 1.7e \u00b1 308 (~15 digits) 8 <code>long double</code> 16 (?) Type Value <code>bool</code> true or false <code>char</code> ascii characters <code>string</code> sequence of ascii characters <code>NULL</code> empty value"},{"location":"languages/c/c.html#integer-numerals","title":"Integer Numerals","text":"Example Type <code>75</code> decimal <code>0113</code> octal (zero prefix) <code>0x4</code> hexadecimal (0x prefix) <code>75</code> int <code>75u</code> unsigned int <code>75l</code> long <code>75ul</code> unsigned long <code>75lu</code> unsigned long"},{"location":"languages/c/c.html#floating-point-numerals","title":"Floating Point Numerals","text":"Example Type <code>3.14159L</code> long double <code>60.22e23f</code> float Code Value <code>3.14159</code> 3.14159 <code>6.02e23</code> 6.022 * 10^23 <code>1.6e-19</code> 1.6 * 10^-19 <code>3.0</code> 3.0"},{"location":"languages/c/c.html#characterstring-literals","title":"Character/String Literals","text":"<p><code>'z'</code> single character literal <code>\"text here\"</code> string literal</p>"},{"location":"languages/c/c.html#special-characters","title":"Special Characters","text":"Escape Character Character <code>\\n</code> newline <code>\\r</code> carriage return <code>\\t</code> tab <code>\\v</code> vertical tab <code>\\b</code> backspace <code>\\f</code> form feed <code>\\a</code> alert (beep) <code>\\'</code> single quote (') <code>\\\"</code> double quote (\") <code>\\?</code> question mark (?) <code>\\\\</code> backslash  () <code>\\0</code> string termination character"},{"location":"languages/c/c.html#standard-inputoutput","title":"Standard Input/Output","text":""},{"location":"languages/c/c.html#standard-output","title":"Standard Output","text":"C<pre><code>#include &lt;stdio.h&gt;\n\nprintf_s(\"text %&lt;fmt_spec&gt;\", variable);\n</code></pre>"},{"location":"languages/c/c.html#standard-input","title":"Standard Input","text":"C<pre><code>#include &lt;stdio.h&gt;\n\nscanf_s(\"%&lt;fmt_spec&gt;\", &amp;variable);    //return number of successfully accepted inputs\n</code></pre>"},{"location":"languages/c/c.html#format-specifiers-widthlengthspecifier","title":"Format Specifiers <code>%[width].[length][specifier]</code>","text":"Specifier Specified Format <code>%d</code>, <code>%i</code> singed decimal integer <code>%u</code> unsigned decimal integer <code>%o</code> unsigned octal <code>%x</code> unsigned hexadecimal integer <code>%X</code> unsigned hexadecimal integer (UPPERCASE) <code>%f</code> decimal floating point (lowercase) <code>%F</code> decimal floating point (UPPERCASE) <code>%e</code> scientific notation (lowercase) <code>%E</code> scientific notation (UPPERCASE) <code>%a</code> hexadecimal floating point (lowercase) <code>%A</code> hexadecimal floating point (UPPERCASE) <code>%c</code> character <code>%s</code> string <code>%p</code> pointer address"},{"location":"languages/c/c.html#operators","title":"Operators","text":""},{"location":"languages/c/c.html#arithmetic-operators","title":"Arithmetic Operators","text":"Operator Operation a <code>+</code> b sum a <code>-</code> b subtraction a <code>*</code> b multiplication a <code>/</code> b division a <code>%</code> b modulo a<code>++</code> increment a<code>--</code> decrement"},{"location":"languages/c/c.html#comparison-operators","title":"Comparison Operators","text":"Operator Operation a <code>==</code> b equal to a <code>!=</code> b not equal to a <code>&gt;</code> b greater than a <code>&lt;</code> b lesser than a <code>&gt;=</code> b greater than or equal to a <code>&lt;=</code> b lesser than or equal to"},{"location":"languages/c/c.html#logical-operator","title":"Logical Operator","text":"Operator Operation <code>!</code>a, <code>not</code> a logical negation (NOT) a <code>&amp;&amp;</code> b, a <code>and</code> b logical AND a <code>||</code> b, a <code>or</code> b logical OR"},{"location":"languages/c/c.html#conditional-ternary-operator","title":"Conditional Ternary Operator","text":"<p><code>condition ? result_1 : result_2</code> If condition is true evaluates to result_1, and otherwise to result_2</p>"},{"location":"languages/c/c.html#bitwise-operators","title":"Bitwise Operators","text":"Operator Operation <code>~</code>a, <code>compl</code> a bitwise NOT a <code>&amp;</code> b, a <code>bitand</code> b bitwise AND a <code>|</code> b, a <code>bitor</code> b bitwise OR a <code>^</code> b, a <code>xor</code> b, bitwise XOR a <code>&lt;&lt;</code> b bitwise left shift a <code>&gt;&gt;</code> b bitwise right shift"},{"location":"languages/c/c.html#compound-assignment-operators","title":"Compound Assignment Operators","text":"Operator Operation a <code>+=</code> b a = a + b a <code>-=</code> b a = a - b a <code>*=</code> b a = a * b a <code>/=</code> b a = a / b a <code>%=</code> b a = a % b a <code>&amp;=</code> b a = a &amp; b a <code>|=</code> b a = a a <code>^=</code> b a = a ^ b a <code>&lt;&lt;=</code> b a = a &lt;&lt; b a <code>&gt;&gt;=</code> b a = a &gt;&gt; b"},{"location":"languages/c/c.html#operator-precedence","title":"Operator Precedence","text":"<ol> <li><code>!</code></li> <li><code>*</code>, <code>/</code>, <code>%</code></li> <li><code>+</code>, <code>-</code></li> <li><code>&lt;</code>, <code>&lt;=</code>, <code>&lt;</code>, <code>&gt;=</code></li> <li><code>==</code>, <code>!=</code></li> <li><code>&amp;&amp;</code></li> <li><code>||</code></li> <li><code>=</code></li> </ol>"},{"location":"languages/c/c.html#common-functions","title":"Common Functions","text":""},{"location":"languages/c/c.html#mathematical-functions","title":"Mathematical Functions","text":"C<pre><code>#include &lt;cmath&gt;\n\nabs(x);    // absolute value\nlabs(x);    //absolute value if x is long, result is long\nfabs(x);    //absolute value if x i float, result is float\nsqrt(x);    // square root\nceil(x);    // ceil function (next integer)\nfloor(x);    // floor function (integer part of x)\nlog(x);    // natural log of x\nlog10(x);    // log base 10 of x\nexp(x);    // e^x\npow(x, y);    // x^y\nsin(x);\ncos(x);\ntan(x);\nasin(x);    //arcsin(x)\nacos(x);    //arccos(x)\natan(x);    //arctan(x)\natan2(x, y);    //arctan(x / y)\nsinh(x);    //hyperbolic sin(x)\ncosh(x);    //hyperbolic cos(x)\ntanh(x);    //hyperbolic tan(X)\n</code></pre>"},{"location":"languages/c/c.html#character-functions","title":"Character Functions","text":"C<pre><code>isalnum(c);    //true if c is alphanumeric\nisalpha(c);    //true if c is a letter\nisdigit(c);    //true if char is 0 1 2 3 4 5 6 7 8 9\niscntrl(c);    //true id c is DELETE or CONTROL CHARACTER\nisascii(c);    //true if c is a valid ASCII character\nisprint(c);    //true if c is printable\nisgraph(c);    //true id c is printable, SPACE excluded\nislower(c);    //true if c is lowercase\nisupper(c);    //true if c is uppercase\nispunct(c);    //true if c is punctuation\nisspace(c);    //true if c is SPACE\nisxdigit(c);    //true if c is HEX DIGIT\n\ntolower(c);    //transforms character in lowercase\ntoupper(c);    //transform character in uppercase\n</code></pre>"},{"location":"languages/c/c.html#string-functions","title":"String Functions","text":"C<pre><code>strlen(string);    //return length (num of chars) of the string\nstrcat(destination, source);    //appends chars of string2 to string1\nstrncat(string1, string2, nchar);    //appends the first n chars of string 2 to string1\nstrcpy(string1, string2.c_str());    //copies string2 into string1 char by char\nstrncpy(string1, string2, n);    //copy first n chars from string2 to string1\nstrcmp(string1, string2);    //compares string1 w/ string2\nstrncmp(string1, string2, n);    //compares first n chars\n//returns &lt; 0 if string1 precedes string2\n//returns 0 if string1 == string2\n// returns &gt; 0 if string1 succeeds string2\nstrchr(string, c);    //returns index of c in string if it exists, NULL otherwise\nstrstr(string1, string2);    //returns pointer to starting index of string1 in string2\nstrpbrk(string, charSet);    //Returns a pointer to the first occurrence of any character from strCharSet in str, or a NULL pointer if the two string arguments have no characters in common.\n</code></pre>"},{"location":"languages/c/c.html#string-conversion","title":"String Conversion","text":"C<pre><code>atof(string);    //converts string in double if possible\natoi(string);    //converts string in integer if possible\natol(string);    //converts string in long if possible\n</code></pre>"},{"location":"languages/c/c.html#string-methods","title":"String Methods","text":"C++<pre><code>string.at(pos);    // returns char at index pos\nstring.substr(start, end);    // returns substring between indexes START and END\nstring.c_str();    //reads string char by char\nstring.find(substring);    // The zero-based index of the first character in string object that matches the requested substring or characters\n</code></pre>"},{"location":"languages/c/c.html#vectors","title":"Vectors","text":"C<pre><code>#include &lt;vector&gt;\nvector&lt;type&gt; vector_name = {values};    //variable length array\n</code></pre>"},{"location":"languages/c/c.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/c/c.html#if-statements","title":"If Statements","text":"C<pre><code>if (condition) { }\n\nif (condition) \n{\n\n}\nelse if (condition) \n{\n\n}\nelse\n{\n\n}\n</code></pre>"},{"location":"languages/c/c.html#switch","title":"Switch","text":"C<pre><code>switch (expression) {\n    case constant_1:\n        //code here\n        break;\n\n    case constant_2:\n        //code here\n        break;\n\n    default:\n        //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#loop-statements","title":"Loop Statements","text":""},{"location":"languages/c/c.html#while-loop","title":"While Loop","text":"C<pre><code>while (condition) {\n    //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#do-while","title":"Do While","text":"C<pre><code>do {\n    //code here\n} while (condition);\n</code></pre>"},{"location":"languages/c/c.html#for-loop","title":"For Loop","text":"C<pre><code>for (initialization; condition; increase) {\n    //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#break-statement","title":"Break Statement","text":"<p><code>break;</code> leaves a loop, even if the condition for its end is not fulfilled.</p>"},{"location":"languages/c/c.html#continue-statement","title":"Continue Statement","text":"<p><code>continue;</code> causes the program to skip the rest of the loop in the current iteration.</p>"},{"location":"languages/c/c.html#functions","title":"Functions","text":"<p>Functions must be declared before the main function. It is possible to declare functions after the main only if the prototype is declared before the main. To return multiple variables those variables can be passed by reference so that their values is adjourned in the main.</p> C<pre><code>type function_name(type argument1, ...); // function prototype\n\ntype functionName (parameters) {\n    return &lt;expression&gt;;\n}\n\nvoid functionName (parameters) { }\n</code></pre>"},{"location":"languages/c/c.html#arguments-passed-by-reference-without-pointers","title":"Arguments passed by reference without pointers","text":"<p>Passing arguments by reference causes modifications made inside the function to be propagated to the values outside. Passing arguments by values copies the values to the arguments: changes remain inside the function.  </p> C<pre><code>type functionName (type &amp;argument1, ...) {\n    //code here\n    return &lt;expression&gt;;\n}\n</code></pre> <p><code>functionName (arguments);</code></p>"},{"location":"languages/c/c.html#arguments-passed-by-reference-with-pointers","title":"Arguments passed by reference with pointers","text":"<p>Passing arguments by reference causes modifications made inside the function to be propagated to the values outside. Passing arguments by values copies the values to the arguments: changes remain inside the function.</p> C<pre><code>type function_name (type *argument_1, ...) {\n    instructions;\n    return &lt;expression&gt;;\n}\n</code></pre> <p><code>function_name (&amp;argument_1, ...);</code></p>"},{"location":"languages/c/c.html#arrays","title":"Arrays","text":"C<pre><code>type arrayName[dimension];    //array declaration\ntype arrayName[dimension] = {value1, value2, ...};    //array declaration &amp; initialization, values number must match dimension\n\narray[index]    //item access, index starts at 0 (zero)\narray[index] = value;    //value assignment at position index\n</code></pre>"},{"location":"languages/c/c.html#array-as-function-parameter","title":"Array as function parameter","text":"<p>The dimension is not specified because it is determined by the passed array. The array is passed by reference.</p> C<pre><code>type function(type array[]){\n    //code here\n}\n\n//array is not modifiable inside the function (READ ONLY)\ntype function(const type array[]){\n    //code here\n}\n\nfunction(array);    //array passed w/out square brackets []\n</code></pre>"},{"location":"languages/c/c.html#multi-dimensional-array-matrix","title":"Multi-Dimensional Array (Matrix)","text":"C<pre><code>type matrix[rows][columns];\nmatrix[i][j]    //element A_ij of the matrix\n</code></pre>"},{"location":"languages/c/c.html#matrix-as-function-parameter","title":"Matrix as function parameter","text":"C<pre><code>//matrix passed by reference, second dimension is mandatory\ntype function(type matrix[][columns]){\n    //code here\n};\n\n//matrix values READ ONLY\ntype function(const type matrix[][columns]){\n    //code here\n}\n\ntype function(type matrix[][dim2]...[dimN]){\n    //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#structs","title":"Structs","text":""},{"location":"languages/c/c.html#struct-definition","title":"Struct Definition","text":"C<pre><code>struct Struct {\n    type field1;\n    type field2;\n    type field3;\n    type field4;\n};\n\nStruct variable;    // struct-type variable\nvariable.field    // field access\n</code></pre>"},{"location":"languages/c/c.html#pointers","title":"Pointers","text":"<p>Pointers hold memory addresses of declared variables, they should be initialized to NULL.</p> C<pre><code>type *pointer = &amp;variable;     //pointer init and assignment\ntype *pointer = NULL;\ntype *pointer = otherPointer;\ntype **pointerToPointer = &amp;pointer;    // pointerToPointer -&gt; pointer -&gt; variable\n</code></pre> <p><code>&amp;variable</code> extracts the address, the pointer holds the address of the variable. pointer type and variable type must match. (*) \u2192 \"value pointed to by\"</p> C<pre><code>pointer    //address of pointed value (value of variable)\n*pointer    //value of pointed variable\n**pointer //value pointed by *pointer (pointer to pointer)\n</code></pre>"},{"location":"languages/c/c.html#pointer-to-array","title":"Pointer to array","text":"C<pre><code>type *pointer;\ntype array[dim] = {};\n\n\npointer = array;    //point to array (pointer points to first \"cell\" of array)\npointer++;    //change pointed value to successive \"cell\" of array\n</code></pre>"},{"location":"languages/c/c.html#pointers-arrays-functions","title":"Pointers, Arrays &amp; Functions","text":"C<pre><code>func(array)    //pass entire array to function (no need to use (&amp;) to extract address)\n\ntype func(type* array){\n    array[index]    //access to item of array at index\n}\n</code></pre>"},{"location":"languages/c/c.html#pointer-to-struct","title":"Pointer to Struct","text":"C<pre><code>(*structPointer).field    //access to field value\nstructPointer-&gt;structField    //access to field value\n</code></pre>"},{"location":"languages/c/c.html#dynamic-structures","title":"Dynamic Structures","text":"<p>Dynamic structures are structures without a fixed number of items.  </p> <p>Every item in a dynamic structure is called node. Every node is composed by two parts:</p> <ul> <li>the value (item)</li> <li>pointer to successive node</li> </ul> <p>Lists are linear dynamic structures in which is only defined the preceding and succeeding item. A List is a group of homogeneous items (all of the same type).  </p> <p>Trees, Graphs are non linear dynamic structures in which an item cha have multiple successors.  </p>"},{"location":"languages/c/c.html#stack","title":"Stack","text":"<p>A Stack is a list in with nodes can be extracted from one side only (LIFO). The extraction of an item from the top is called pop</p> C<pre><code>// node structure\nstruct Node {\n    type value;\n    stack *next;\n}\n</code></pre>"},{"location":"languages/c/c.html#node-insertion","title":"Node Insertion","text":"C<pre><code>Node *stackNode;    //current node\nNode* head = NULL;    //pointer to head of stack\n\nint nodeValue;\n//assign value to nodeValue\n\nstackNode = (*Node)malloc(sizeof(Node));    //create new node\n\nstackNode-&gt;value = nodevalue;    //valorize node\nstackNode-&gt;next = head;    //update node pointer to old head adding it to the stack\n\nhead = stackNode;    //update head to point to new first node\n</code></pre>"},{"location":"languages/c/c.html#node-deletion","title":"Node Deletion","text":"C<pre><code>stackNode = head-&gt;next;    //memorize location of second node\nfree(head);    //delete first node\nhead = stackNode;    //update head to point to new first node\n</code></pre>"},{"location":"languages/c/c.html#passing-head-to-functions","title":"Passing Head To Functions","text":"C<pre><code>type function(Node** head)    //value of head passed by address (head is Node*)\n{\n    *head = ...    //update value of head (pointed variable/object/Node)\n}\n</code></pre>"},{"location":"languages/c/c.html#queue","title":"Queue","text":"<p>A Queue is a list in which nodes enter from one side and can be extracted only from the other side (FIFO).</p>"},{"location":"languages/c/c.html#linked-list","title":"Linked List","text":"<p>A Linked List is list in which nodes can be extracted from each side and from inside the linked list.</p> <p>Linked lists can be linear, circular or bidirectional. In circular linked lists the last node points to the first.</p> <p>Nodes of bidirectional linked lists are composed by three parts:</p> <ul> <li>the value (item)</li> <li>pointer to successive node</li> <li>pointer to previous item</li> </ul> <p>Thus the first and last node will have a component empty since they only point to a single node.</p>"},{"location":"languages/c/c.html#dynamic-memory-allocation","title":"Dynamic Memory Allocation","text":"<p>C does not automatically free allocated memory when nodes are deleted. It must be done manually.  </p> <ul> <li><code>malloc()</code> returns a void pointer if the allocation is successful.</li> <li><code>free()</code> frees the memory</li> </ul> C<pre><code>list *pointer = (list*)malloc(sizeof(list));    //memory allocation\nfree(pointer)    //freeing of memory\n</code></pre> <p><code>malloc()</code> returns a void pointer thus the list must be casted to a void type with <code>(list*)</code></p>"},{"location":"languages/c/c.html#files","title":"Files","text":"<p>The object oriented approach is based on the use of streams. A Stream can be considered a stream of data that passes sequentially from a source to a destination.</p> <p>The available classes in C++ to operate on files are:</p> <ul> <li><code>ifstream</code> for the input (reading)</li> <li><code>ofstream</code> for the output (writing)</li> <li><code>fstream</code> for input or output</li> </ul>"},{"location":"languages/c/c.html#file-opening","title":"File Opening","text":"<p>Filename can be string literal or CharArray (use <code>c_str()</code>).</p> C<pre><code>ifstream file;\nfile.open(\"filename\");    //read from file\n\nofstream file;\nfile.open(\"filename\");    //write to file\n\n\nfstream file;\nfile.open(\"filename\", ios::in);    //read form file\nfile.open(\"filename\", ios::out);    //write to file\nfile.open(\"filename\", ios::app);    //append to file\nfile.open(\"filename\", ios::trunc);    //overwrite file\nfile.open(\"filename\", ios::nocreate);    //opens file only if it exists, error otherwise. Does not create new file\nfile.open(\"filename\", ios::noreplace);    //opens file only if it not exists, error otherwise. If it not exists the file is created.\nfile.open(\"filename\", ios::binary);    //opens file in binary format\n</code></pre> <p>If file opening fails the stream has value 0, otherwise the value is the assigned memory address. Opening modes can be combined with the OR operator: <code>ios::mode | ios::mode</code>.</p>"},{"location":"languages/c/c.html#stream-state-input-errors","title":"Stream state &amp; Input errors","text":"<p>Once a stream is in a state of error it will remain so until the status flags are explicitly resetted. The input operations on such a stream are void until the reset happens. To clear the status of a stream the <code>clear()</code> method is used. Furthermore, when an error on the stream happens the stream is not cleared of it's characters contents. To clear the stream contents the <code>ignore()</code> method is used.</p>"},{"location":"languages/css/css.html","title":"CSS","text":""},{"location":"languages/css/css.html#applying-css-to-html","title":"Applying CSS to HTML","text":""},{"location":"languages/css/css.html#inline-css","title":"Inline CSS","text":"<p>The style only applies to one element at a time.</p> HTML<pre><code>&lt;tag style=\"property:value\"&gt;&lt;/tag&gt;\n</code></pre>"},{"location":"languages/css/css.html#embedded-css","title":"Embedded CSS","text":"<p>The style is not shared but only applies to one HTML file.</p> HTML<pre><code>&lt;style&gt;\n    selector {\n        property: value;\n    }\n&lt;/style&gt;\n</code></pre>"},{"location":"languages/css/css.html#external-css","title":"External CSS","text":"<ul> <li>Shared resource, can be referenced from multiple pages.  </li> <li>Can be cached, reduced HTML file size &amp; bandwidth.  </li> </ul> HTML<pre><code>&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n</code></pre>"},{"location":"languages/css/css.html#css-selectors","title":"CSS Selectors","text":"<p>A CSS selector points to an html element to style.</p> CSS<pre><code>selector {\n    property: value;\n    property: value;\n}\n</code></pre>"},{"location":"languages/css/css.html#multiple-selectors","title":"Multiple Selectors","text":"CSS<pre><code>selector1, selector2 { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#nested-selectors","title":"Nested Selectors","text":"<p>Used to select tags nested in other tags.</p> CSS<pre><code>outerSelector innerSelector { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#id-selector","title":"ID Selector","text":"<p>Can only apply to one element in a page.</p> CSS<pre><code>#selector { property: value; }    /* selects &lt;tag id=\"selector\"&gt; */\n</code></pre>"},{"location":"languages/css/css.html#class-selector","title":"Class Selector","text":"<p>Many elements can have the same class, classes are used to group HTML elements together.</p> CSS<pre><code>.selector { property: value; }    /* selects &lt;tag class=\"selector\"&gt; */\n</code></pre>"},{"location":"languages/css/css.html#universal-selector","title":"Universal Selector","text":"CSS<pre><code>* { property: value; }    /* selects every HTML element */\n</code></pre>"},{"location":"languages/css/css.html#descendant-selector-space","title":"Descendant selector (space)","text":"<p>Selects an element that resides anywhere within an identified ancestor element.</p> CSS<pre><code>article h2 { property: value; }\n</code></pre> HTML<pre><code>&lt;!-- Will NOT match --&gt;\n&lt;h2&gt;title&lt;/h2&gt;\n&lt;article&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;h2&gt;subtitle&lt;/h2&gt;\n    &lt;div&gt;\n        &lt;!-- WILL match --&gt;\n        &lt;h2&gt;subtitle&lt;/h2&gt;\n    &lt;/div&gt;\n&lt;/article&gt;\n</code></pre>"},{"location":"languages/css/css.html#direct-child-selector","title":"Direct child selector (<code>&gt;</code>)","text":"<p>Selects an elements that resides immediately inside an identified parent element.</p> CSS<pre><code>article &gt; p { property: value; }\n</code></pre> HTML<pre><code>&lt;!-- Will NOT match --&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n&lt;article&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n    &lt;div&gt;\n        &lt;!-- Will NOT match --&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;/div&gt;\n&lt;/article&gt;\n</code></pre>"},{"location":"languages/css/css.html#general-sibling-selector","title":"General sibling selector (<code>~</code>)","text":"<p>Selects an element that follows anywhere after the prior element. Both elements share the same parent.</p> CSS<pre><code>h2 ~ p { property: value; }\n</code></pre> HTML<pre><code>&lt;section&gt;\n    &lt;!-- Will NOT match --&gt;\n    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;h2&gt;title&lt;/h2&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n    &lt;div&gt;\n        &lt;!-- Will NOT match --&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;/div&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n&lt;/section&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n</code></pre>"},{"location":"languages/css/css.html#adjacent-sibling-selector","title":"Adjacent sibling selector (<code>+</code>)","text":"<p>Selects an element that follows directly after the prior element. Both elements share the same parent.</p> CSS<pre><code>h2 + p { property: value; }\n</code></pre> HTML<pre><code>&lt;section&gt;\n    &lt;!-- Will NOT match --&gt;\n    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;h2&gt;title&lt;/h2&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n    &lt;div&gt;\n        &lt;!-- Will NOT match --&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;/div&gt;\n    &lt;!-- Will NOT match --&gt;\n    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n&lt;/section&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n</code></pre>"},{"location":"languages/css/css.html#namespace-separator","title":"Namespace Separator (<code>|</code>)","text":"<p>The namespace separator separates the selector from the namespace, identifying the namespace, or lack thereof, for a type selector.</p> CSS<pre><code>@namespace &lt;namespace&gt; url(\"&lt;XML-namespace-URL&gt;\");\n\n/* specific namespace */\nnamespace|selector { property: value; }\n\n/* any namespace */\n*|selector { property: value; }\n\n/* no namespace */\n|selector { property: value; }\n</code></pre> CSS<pre><code>@namespace svg url('http://www.w3.org/2000/svg');\n\na {\n  color: orangered;\n  text-decoration: underline dashed;\n  font-weight: bold;\n}\n\nsvg|a {\n  fill: blueviolet;\n  text-decoration: underline solid;\n  text-transform: uppercase;\n}\n</code></pre> HTML<pre><code>&lt;p&gt;This paragraph \n    &lt;!-- will be colored orangered --&gt;\n    &lt;a href=\"#\"&gt;has a link&lt;/a&gt;.\n&lt;/p&gt;\n\n&lt;svg width=\"400\" viewBox=\"0 0 400 20\"&gt;\n  &lt;!-- will be colored blueviolet --&gt;\n  &lt;a href=\"#\"&gt;\n    &lt;text x=\"0\" y=\"15\"&gt;Link created in SVG&lt;/text&gt;\n  &lt;/a&gt;\n&lt;/svg&gt;\n</code></pre>"},{"location":"languages/css/css.html#column-selector","title":"Column Selector (<code>||</code>)","text":"<p>The column combinator (||) is placed between two CSS selectors. It matches only those elements matched by the second selector that belong to the column elements matched by the first.</p> CSS<pre><code>column-selector || cell-selector { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#attribute-present-selector-tagattr","title":"Attribute Present Selector (<code>tag[attr]</code>)","text":"<p><code>a[target]{ property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"#\" target=\"_blank\"&gt;click here&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-equals-selector","title":"Attribute Equals Selector (<code>=</code>)","text":"<p><code>a[href=\"https://google.com\"] { property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"http://google.com/\"&gt;search on google&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-contains-selector","title":"Attribute Contains Selector (<code>*=</code>)","text":"<p><code>a[href*=\"login\"] { property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"/login.php\"&gt;login page&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-begins-with-selector","title":"Attribute Begins With Selector (<code>^=</code>)","text":"<p><code>a[href^=\"Https://\"] { property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"https://www.bbc.com/\"&gt;The BBC&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-ends-with-selector","title":"Attribute Ends With Selector (<code>$=</code>)","text":"<p><code>a[href$=\".pdf\"] { property: value; }</code></p> HTML<pre><code>&lt;!-- WILL match --&gt;\n&lt;a href=\"/docs/menu.pdf\"&gt;download menu&lt;/a&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;a href=\"/audio/song.mp3\"&gt;download song&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-spaced-selector","title":"Attribute Spaced Selector (<code>~=</code>)","text":"<p><code>img[alt~=\"child\"] { property: value; }</code></p> HTML<pre><code>&lt;!-- WILL match --&gt;\n&lt;img src=\"child.jpg\" alt='a small child'&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;img src=\"child.jpg\" alt='a-small-child'&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;img src=\"child.jpg\" alt='asmallchild'&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-hyphenated-selector","title":"Attribute Hyphenated Selector (<code>|=</code>)","text":"<p><code>p[lang|=\"en\"] { property: value; }</code></p> HTML<pre><code>&lt;!-- WILL match --&gt;\n&lt;p lang=\"en\"&gt;English&lt;/p&gt;\n&lt;!-- WILL match --&gt;\n&lt;p lang=\"en-US\"&gt;American english&lt;/p&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;p lang=\"fr\"&gt;Fran\u00e7ais&lt;/p&gt;\n</code></pre>"},{"location":"languages/css/css.html#pseudo-classes","title":"Pseudo-Classes","text":"<p>Pseudo-classes can style elements based on their current state. They must be specified after the base case.</p> CSS<pre><code>selector:pseudo-class { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#link-pseudo-classes","title":"Link Pseudo-Classes","text":"<p><code>a:link {...}</code> selects only <code>&lt;a&gt;</code> tags that have <code>href</code> attribute, same as <code>a[href]</code>. <code>a:visited {...}</code> selects links that have already been visited by the current browser.</p>"},{"location":"languages/css/css.html#user-action-pseudo-classes","title":"User Action Pseudo-Classes","text":"<p><code>a:hover {...}</code> selects a link when the mouse rolls over it (hover state). <code>a:active {...}</code> selects the link while it's being activated (clicked or otherwise). <code>selector:focus {...}</code> selects an element when the user focuses on it (e.g. tab w/ keyboard). Often used on links, inputs, text-areas.</p>"},{"location":"languages/css/css.html#user-interface-state-pseudo-classes","title":"User Interface State Pseudo-Classes","text":"<p><code>input:enabled {...}</code> selects an input that is in the default state of enabled and available for use. <code>input:disabled {...}</code> selects an input that has the attribute. <code>input:checked {...}</code> selects checkboxes or radio buttons that are checked. <code>input:indeterminate {...}</code> selects checkboxes or radio button that has neither selected nor unselected.</p>"},{"location":"languages/css/css.html#structural-position-pseudo-classes","title":"Structural &amp; Position Pseudo-Classes","text":"<p><code>selector:first-child {...}</code> selects an element if it's the first child within its parent. <code>selector:last-child {...}</code> selects an element if it's the last element within its parent. <code>selector:only-child {...}</code> will select an element if it is the only element within a parent.  </p> <p><code>selector:first-of-type {...}</code> selects the first element of its type within a parent. <code>selector:last-of-type {...}</code> selects the last element of its type within a parent. <code>selector:only-of-type {...}</code> selects an element if it is the only of its type within a parent.</p> <p><code>selector:nth-child() {...}</code> selects elements based on a simple provided algebraic expression (e.g. \"2n\" or \"4n-1\"). Can select even/odd elements, \"every third\", \"the first five\", etc. <code>selector:nth-of-type() {...}</code> works like <code>:nth-child</code> in places where the elements at the same level are of different types. <code>selector:nth-last-of-type() {...}</code> like <code>:nth-of-type</code> but counts up from the bottom instead of the top. <code>selector:nth-last-child() {...}</code> like <code>:nth-child</code> but counts up from the bottom instead of the top.</p>"},{"location":"languages/css/css.html#empty-negation-pseudo-classes","title":"Empty &amp; Negation Pseudo-Classes","text":"<p><code>selector:empty {...}</code> selects elements with no content (empty tags). <code>selector:not() {...}</code> selects elements that do not have a certain tag, attribute, class, ID, etc.</p>"},{"location":"languages/css/css.html#pseudo-elements","title":"Pseudo-Elements","text":"<p>Dynamic elements that don't exist in the document tree. When used within selectors allow unique parts of the page to be stylized. Only one pseudo-element may be used within a selector at a given time.</p>"},{"location":"languages/css/css.html#textual-pseudo-elements","title":"Textual Pseudo-Elements","text":"<p><code>selector::first-letter {...}</code> selects the first letter of the text within an element. <code>selector::first-line {...}</code> selects the first line of text within an element.</p>"},{"location":"languages/css/css.html#content-pseudo-elements","title":"Content Pseudo-Elements","text":"<p><code>selector::before {...}</code> creates a pseudo-element before, or in front of, the selected element. <code>selector::after {...}</code> creates a pseudo-element after, or behind, the selected element. These pseudo-elements appear nested within the selected element, not outside of it.</p> CSS<pre><code>selector::&lt;after|before&gt; {\n    property: value;\n    content: \" (\" attr(attribute_name) \")\";\n    property: value;\n}\n</code></pre>"},{"location":"languages/css/css.html#fragment-pseudo-elements","title":"Fragment Pseudo-Elements","text":"<p><code>selector::selection {...}</code> identifies part of the document that has been selected, or highlighted, by a user's actions.  </p>"},{"location":"languages/css/css.html#css-cascading","title":"CSS Cascading","text":"<p>The browser assigns different priorities to CSS depending on the type of selector.</p> <ol> <li>Inline CSS (Most Important)</li> <li>ID selector</li> <li>Class selector</li> <li>Element selector (Least Important)</li> </ol> <p>The browser also assigns priority based on the specificity of the selection. More specific selectors have higher priority. Rules lower in the file overwrite higher rules in the file.</p>"},{"location":"languages/css/css.html#cascading-override-with-important","title":"Cascading Override With <code>!important</code>","text":"<p>The <code>!important</code> declaration overrides any other declaration. Using it is very bad practice because it makes debugging more difficult by breaking the natural cascading in stylesheets.</p> <p>Only use <code>!important</code> when:</p> <ul> <li>overriding foreign CSS (e.g. from a library)</li> <li>overriding inline CSS</li> </ul> CSS<pre><code>selector[style*=\"property:value\"] {\n    property: value !important;\n}\n</code></pre>"},{"location":"languages/css/css.html#specificity","title":"Specificity","text":"<p>A weight is applied to a CSS declaration, determined by the number of each selector type:</p> <ul> <li><code>1-0-0</code>: ID selector  </li> <li><code>0-1-0</code>: Class selector, Attribute selector, Pseudo-class  </li> <li><code>0-0-1</code>: Element Selector, Pseudo-element  </li> <li><code>0-0-0</code>: Universal selector (<code>*</code>), combinators (<code>+</code>, <code>&gt;</code>, <code>~</code>, <code>||</code>) and negation pseudo-class <code>:not()</code> </li> </ul> <p>Note: The selectors declared inside <code>:not()</code> contribute to the weight.</p>"},{"location":"languages/css/css.html#units","title":"Units","text":""},{"location":"languages/css/css.html#absolute-length-units","title":"Absolute Length units","text":"Unit Name Equivalent to <code>cm</code> centimeters 1cm = 38px = 25/64in <code>mm</code> Millimeters 1mm = 1/10<sup>th</sup> of 1cm <code>Q</code> Quarter-millimeters 1Q = 1/40<sup>th</sup> of 1cm <code>in</code> Inches 1in = 2.54cm = 96px <code>pc</code> Picas 1pc = \u2159th of 1in <code>pt</code> Points 1pt = 1/72th of 1in <code>px</code> Pixels 1px = 1/96<sup>th</sup> of 1in"},{"location":"languages/css/css.html#relative-length-units","title":"Relative Length Units","text":"Unit Relative to <code>rem</code> Font size of the root element. <code>em</code> Font size of the parent or the element itself <code>ex</code> x-height of the element's font. <code>ch</code> The advance measure (width) of the glyph \"0\" of the element's font. <code>lh</code> Line height of the element. <code>vw</code> 1% of the viewport's width. <code>vh</code> 1% of the viewport's height. <code>vmin</code> 1% of the viewport's smaller dimension. <code>vmax</code> 1% of the viewport's larger dimension. <code>%</code> Relative to the parent element"},{"location":"languages/css/css.html#common-element-properties","title":"Common Element Properties","text":""},{"location":"languages/css/css.html#color","title":"Color","text":"CSS<pre><code>selector {\n    color: color-name;\n    color: #&lt;hex-digits&gt;;\n    color: rgb();\n    color: hsl();\n}\n</code></pre>"},{"location":"languages/css/css.html#background","title":"Background","text":"CSS<pre><code>selector {\n    background: &lt;image&gt; &lt;position&gt; / &lt;size&gt; &lt;repeat&gt; &lt;attachment&gt; &lt;origin&gt; &lt;clip&gt; &lt;color&gt;;\n\n    background-image: &lt;image-path&gt;;\n\n    background-position: &lt;top|bottom|left|right|center&gt;;\n    background-position: &lt;inherit|initial|revert|revert-layer|unset&gt;;\n    background-position: &lt;x&gt; &lt;y&gt;\n\n    background-size: &lt;size&gt;;\n    background-size: &lt;width&gt; &lt;height&gt;;\n    background-size: &lt;size&gt;, &lt;size&gt;;  /* multiple background */\n\n\n    background-repeat: &lt;horizontal&gt; &lt;vertical&gt;;\n    background-repeat: &lt;repeat|no-repeat|repeat-x|repeat-y|space|round&gt;;\n\n    background-attachment: &lt;scroll|fixed|local&gt;;\n\n    background-origin: &lt;border-box|padding-box|content-box&gt;;\n    background-clip: &lt;border-box|padding-box|content-box|text&gt;\n\n    background-color: &lt;color&gt;;\n    background-color: color-name;\n    background-color: #&lt;hex-digits&gt;;\n    background-color: rgb();\n    background-color: hsl();\n}\n</code></pre>"},{"location":"languages/css/css.html#font","title":"Font","text":"CSS<pre><code>selector {\n    font: &lt;style&gt; &lt;weight&gt; &lt;size&gt; &lt;family&gt;;\n    font-style: &lt;style&gt;;\n    font-weight: &lt;weight&gt;;\n    font-size: &lt;size&gt;;\n    font-family: &lt;family&gt;;\n\n    /* specific font name */\n    font-family: \"Font Name\";\n\n    /* generic name */\n    font-family: generic-name;\n\n    /* comma separated list */\n    font-family: \"Font Name\", generic-name;\n}\n</code></pre>"},{"location":"languages/css/css.html#text-decoration-aliment","title":"Text Decoration &amp; Aliment","text":"CSS<pre><code>selector {\n    text-decoration: &lt;line&gt; &lt;color&gt; &lt;style&gt; &lt;thickness&gt;;\n    text-align: alignment;\n}\n</code></pre> <p><code>text-decoration</code> values:</p> <ul> <li><code>text-decoration-line</code>: Sets the kind of decoration used, such as underline or line-through.</li> <li><code>text-decoration-color</code>: Sets the color of the decoration.</li> <li><code>text-decoration-style</code>: Sets the style of the line used for the decoration, such as solid, wavy, or dashed.</li> <li><code>text-decoration-thickness</code>: Sets the thickness of the line used for the decoration.</li> </ul> <p><code>text-align</code> values:</p> <ul> <li><code>start</code>: The same as left if direction is left-to-right and right if direction is right-to-left.</li> <li><code>end</code>: The same as right if direction is left-to-right and left if direction is right-to-left.</li> <li><code>left</code>: The inline contents are aligned to the left edge of the line box.</li> <li><code>right</code>: The inline contents are aligned to the right edge of the line box.</li> <li><code>center</code>: The inline contents are centered within the line box.</li> <li><code>justify</code>: The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.</li> <li><code>justify-all</code>: Same as justify, but also forces the last line to be justified.</li> <li><code>match-parent</code>: Similar to inherit, but the values start and end are calculated according to the parent's direction and are replaced by the appropriate left or right value.</li> </ul>"},{"location":"languages/css/css.html#size","title":"Size","text":"CSS<pre><code>selector {\n    width: &lt;size&gt;;\n    max-width: &lt;size&gt;;\n    min-width: &lt;size&gt;;\n\n    height: &lt;size&gt;;\n    max-height: &lt;size&gt;;\n    min-height: &lt;size&gt;;\n\n    aspect-ratio: &lt;width&gt; / &lt;height&gt;;\n}\n</code></pre> <p>Note: <code>width</code> and <code>height</code> properties do not have effect on inline elements.</p>"},{"location":"languages/css/css.html#hiding-elements","title":"Hiding Elements","text":"<p>There are several methods to 'hide' elements:</p> <ul> <li><code>display: none</code> removes the element from the document flow</li> <li><code>visibility: hidden</code> hides the element, but it still takes up space in the layout</li> <li><code>opacity: 0</code> hides the element, still takes up space in the layout, events work</li> </ul> Rule Collapse Events Tab Order <code>display: none</code> Yes No No <code>visibility: hidden</code> No No No <code>opacity: 0</code> No Yes Yes"},{"location":"languages/css/css.html#box-model","title":"Box Model","text":""},{"location":"languages/css/css.html#padding","title":"Padding","text":"<p>Space between the border and the content.</p> <p>It's possible to specify the padding for each side of the element:</p> CSS<pre><code>selector {\n    padding-top: &lt;size&gt;;\n    padding-right: &lt;size&gt;;\n    padding-bottom: &lt;size&gt;;\n    padding-left: &lt;size&gt;;\n\n    padding: &lt;top&gt; &lt;right&gt; &lt;bottom&gt; &lt;left&gt;;  /* Four values (TRBL) */\n    padding: &lt;top&gt; &lt;right/left&gt; &lt;bottom&gt;;  /* Three values (T/TL/B) */\n    padding: &lt;top/bottom&gt; &lt;right/left&gt;;    /* Two values (TB/RL) */\n    padding: &lt;all&gt;;    /* One value */\n}\n</code></pre> <p>Note: Padding adds to the total size of the box, unless <code>box-sizing: border-box;</code> is used.</p>"},{"location":"languages/css/css.html#border","title":"Border","text":"<p>Borders are specified as \"size, style, color\".</p> CSS<pre><code>selector {\n    border: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-width: &lt;size&gt;;\n    border-style: &lt;style&gt;;\n    border-color: &lt;color&gt;;\n\n    border-top: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-right: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-bottom: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-left: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n\n    border-top-width: &lt;size&gt;;\n    border-right-width: &lt;size&gt;;\n    border-bottom-width: &lt;size&gt;;\n    border-left-width: &lt;size&gt;;\n\n    border-top-style: &lt;size&gt;;\n    border-right-style: &lt;size&gt;;\n    border-bottom-style: &lt;size&gt;;\n    border-left-style: &lt;size&gt;;\n\n    border-top-color: &lt;size&gt;;\n    border-right-color: &lt;size&gt;;\n    border-bottom-color: &lt;size&gt;;\n    border-left-color: &lt;size&gt;;\n\n    border-radius: &lt;top-left&gt; &lt;top-right&gt; &lt;bottom-tight&gt; &lt;bottom-left&gt;;\n    border-radius: &lt;top-left&gt; &lt;top-right/bottom-left&gt; &lt;bottom-right&gt;;\n    border-radius: &lt;top-left/bottom-right&gt; &lt;top-right/bottom-left&gt;;\n    border-radius: &lt;all&gt;;\n\n    border-top-left-radius: &lt;size&gt;;\n    border-top-right-radius: &lt;size&gt;;\n    border-bottom-right-radius: &lt;size&gt;;\n    border-bottom-left-radius: &lt;size&gt;;\n}\n</code></pre> <p>Note: Border adds to the total size of the box, <code>unless box-sizing: border-box;</code> is used</p>"},{"location":"languages/css/css.html#box-sizing","title":"Box Sizing","text":"<p>Defines whether the width and height (and min/max) of an element should include padding and borders or not.</p> CSS<pre><code>selector {\n    box-sizing: content-box;    /* Border and padding are not included */\n    box-sizing: border-box;    /* Include the content, padding and border */\n}\n</code></pre>"},{"location":"languages/css/css.html#margin","title":"Margin","text":"<p>Transparent area around the box that separates it from other elements.</p> <p>It's possible to specify the margin for each side of the element.</p> CSS<pre><code>selector {\n    margin-top: &lt;size&gt;;\n    margin-right: &lt;size&gt;;\n    margin-bottom: &lt;size&gt;;\n    margin-left: &lt;size&gt;;\n\n    margin: &lt;top&gt; &lt;right&gt; &lt;bottom&gt; &lt;left&gt;;  /* Four values (TRBL) */\n    margin: &lt;top&gt; &lt;right/left&gt; &lt;bottom&gt;;  /* Three values (T/TL/B) */\n    margin: &lt;top/bottom&gt; &lt;right/left&gt;;    /* Two values (TB/RL) */\n    margin: &lt;all&gt;;    /* One value */\n}\n</code></pre> <p>Note: Top and bottom margins of near elements are collapsed into a single margin that is equal to the largest of the two margins.</p>"},{"location":"languages/css/css.html#element-positioning","title":"Element Positioning","text":""},{"location":"languages/css/css.html#static-positioning","title":"Static Positioning","text":"<p>All HTML elements are positioned static by default. Static elements are positioned in the normal flow of the page. Static elements ignore top, bottom, right, or left property specifications.</p> <p>In normal flow block elements flow from top to bottom making a new line after every element. In normal flow inline elements flow from left to right wrapping to next line when needed.</p> CSS<pre><code>selector {\n    position: static;\n}\n</code></pre>"},{"location":"languages/css/css.html#relative-positioning","title":"Relative positioning","text":"<p>Takes the element out of the normal flow, allowing it to be moved in relation to the top, bottom, right, or left but does not affect the elements surrounding it. Makes an element a \"positioning context\" in which to position other elements relative to it. The relative value will still put the element in the normal flow, but then offset it according to top, bottom, right and left properties.</p> CSS<pre><code>selector {\n    position: relative;\n}\n</code></pre>"},{"location":"languages/css/css.html#absolute-positioning","title":"Absolute Positioning","text":"<p>Positions element outside of the normal flow and other elements act as if it's not there. An absolutely positioned element is offset from its container block, set with the properties top, bottom, right and left. Its container block is the first surrounding element that has any position other than static. If no such element is found, the container block is <code>&lt;html&gt;</code>.</p> CSS<pre><code>selector {\n    position: absolute;\n}\n</code></pre>"},{"location":"languages/css/css.html#fixed-positioning","title":"Fixed Positioning","text":"<p>The fixed value takes an element out of the normal flow, it positions it relative to the viewport. Parent positioning will no longer affect fixed elements.</p> CSS<pre><code>selector {\n    position: fixed;\n}\n</code></pre>"},{"location":"languages/css/css.html#sticky-positioning","title":"Sticky Positioning","text":"<p>Sticky positioning is a hybrid of relative and fixed positioning. The element is treated as relative positioned until it crosses a specified threshold, at which point it is treated as fixed positioned.</p> CSS<pre><code>selector {\n    position: sticky;\n}\n</code></pre> <p><code>Note</code>: sticky is not supported by IE and still needs to be prefixed for webkit based browsers</p>"},{"location":"languages/css/css.html#z-index","title":"Z-Index","text":"<p>When elements overlap, the order of overlapping can be changed with z-index:</p> <ul> <li>The element with highest z-index goes on top</li> <li>Without z-index, elements stack in the order that they appear in the DOM</li> <li>Elements with non-static positioning will always appear on top of elements with default static positioning</li> </ul> <p>Nesting is important: if element B is on top of element A, a child of element A can never be higher than element B.</p> CSS<pre><code>selector {\n    z-index: &lt;int&gt;;\n}\n</code></pre>"},{"location":"languages/css/css.html#layouts","title":"Layouts","text":"CSS<pre><code>div {\n    display: inline; /* Default of all elements, unless UA (user agent) stylesheet overrides */\n    display: block; /* block is default for elements like &lt;div&gt; and &lt;section&gt;*/\n    display: inline-block; /* Characteristics of block, but sits on a line */\n    display: flex;\n    display: grid; /* divide page into major regions or define the relationship in terms of size */\n    display: none; /* Hide */\n}\n</code></pre>"},{"location":"languages/css/css.html#inline","title":"Inline","text":"<ul> <li>The default value for elements (e.g. <code>&lt;span&gt;</code>, <code>&lt;em&gt;</code>, <code>&lt;b&gt;</code>, etc.)</li> <li>Doesn't break the flow of the text</li> <li>The element will accept margin and padding, but the element still sits inline</li> <li>Margin and padding will only push other elements horizontally, not vertically</li> <li>An inline element will not accept height and width.</li> </ul>"},{"location":"languages/css/css.html#block","title":"Block","text":"<ul> <li>Some elements are set to block by the browser UA (user agent) stylesheet</li> <li>Container elements, like <code>&lt;div&gt;</code>, <code>&lt;section&gt;</code>, <code>&lt;ul&gt;</code>, etc.</li> <li>Text block elements like <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code>, <code>&lt;h2&gt;</code>, etc.</li> <li>Do not sit inline</li> <li>By default take up as much horizontal space as they can</li> </ul>"},{"location":"languages/css/css.html#inline-block","title":"Inline Block","text":"<ul> <li>Combines aspects of inline and block</li> <li>Very similar to inline in that it will sit inline with the natural flow of text</li> <li>Able to set a width and height</li> </ul>"},{"location":"languages/css/css.html#none","title":"None","text":"<ul> <li><code>display: none</code> removes the element from the document flow</li> <li>The element does not take up any space</li> </ul>"},{"location":"languages/css/css.html#flex","title":"Flex","text":"CSS<pre><code>selector {\n    display: \"flex\";\n    flex-direction: &lt;row|column&gt;;\n}\n</code></pre>"},{"location":"languages/css/css.html#grid","title":"Grid","text":"CSS<pre><code>selector {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;  /* 3 equal columns */\n    grid-template-rows: 1fr 1fr 1fr;  /* 3 equal rows */\n}\n</code></pre>"},{"location":"languages/css/css.html#variables","title":"Variables","text":"CSS<pre><code>:root {\n    /* define variables on :root element */\n    --variable: value;\n}\n\nselector {\n    --variable: value;  /* overwrite value */\n    prop: var(--variable);  /* use value of variable */\n}\n</code></pre>"},{"location":"languages/css/css.html#responsive-design","title":"Responsive Design","text":"<p>A responsive website or application automatically adjusts to the screen and adapts to any device.</p>"},{"location":"languages/css/css.html#viewport-meta-tag","title":"Viewport Meta-Tag","text":"<p>Is located in the <code>&lt;head&gt;</code> of the HTML document. It defines how a site should render in a web browser for mobile devices and makes media queries will work as intended.</p> HTML<pre><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n</code></pre> <ul> <li><code>device-width</code>: indicates the width should match with the viewport of the device</li> <li><code>initial-scale</code>: ensure the zoom will not be applied and the layout will always show on a <code>1:1</code> scale</li> </ul>"},{"location":"languages/css/css.html#media-queries","title":"Media Queries","text":"<p>Media queries allow the customization of web pages for specific devices screen sizes. A media query is a logical expression: true or false; if a media query is true, the related rules are applied to the target device.</p> CSS<pre><code>@media type operator (feature) {\n    selector { property: value; }\n}\n\n/* AND logic: Both conditions must be true */\n@media screen and (min-width: 400px) and (orientation: landscape) {\n    selector { property: value; }\n}\n/* OR logic: At least one conditions should be true */\n@media screen and (min-width: 400px), screen and (orientation: landscape) {\n    selector { property: value; }\n}\n\n/* NOT logic: Negates the entire condition */\n@media not all and (orientation: landscape) {\n    selector { property: value; }\n}\n</code></pre> <p>Types:</p> <ul> <li><code>all</code>: all media type devices.</li> <li><code>print</code>: printers.</li> <li><code>screen</code>: computer screens, tablets, smart-phones, etc.</li> <li><code>speech</code>: screen readers that \"reads\" the page out loud.</li> </ul> <p>Features:</p> <ul> <li><code>width</code></li> <li><code>min-width</code></li> <li><code>max-width</code></li> <li><code>height</code></li> <li><code>min-height</code></li> <li><code>max-height</code></li> <li><code>orientation</code></li> </ul> <p>It's possible to specify a media attribute in the link element. This applies a whole stylesheet when the condition is true:</p> HTML<pre><code>&lt;link rel=\"stylesheet\" media=\"screen and (min-width: 900px)\" href=\"widescreen.css\"&gt;\n&lt;link rel=\"stylesheet\" media=\"screen and (max-width: 600px)\" href=\"smallscreen.css\"&gt;\n</code></pre> <p>It's also possible to have different stylesheets based on media type:</p> HTML<pre><code>&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"screen.css\" media=\"screen\"&gt;\n&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"print.css\" media=\"print\"&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html","title":"Blazor","text":"<p>Blazor apps are based on components. A component in Blazor is an element of UI, such as a page, dialog, or data entry form.</p> <p>Components are .NET C# classes built into .NET assemblies that:</p> <ul> <li>Define flexible UI rendering logic.</li> <li>Handle user events.</li> <li>Can be nested and reused.</li> <li>Can be shared and distributed as Razor class libraries or NuGet packages.</li> </ul> <p> </p> <p>The component class is usually written in the form of a Razor markup page with a <code>.razor</code> file extension. Components in Blazor are formally referred to as Razor components.</p>"},{"location":"languages/dotnet/asp.net/blazor.html#components-razor","title":"Components (<code>.razor</code>)","text":"<p>Blazor Components</p> C#<pre><code>@page \"/route/{RouteParameter}\"  // make component accessible from a URL\n@page \"/route/{RouteParameter?}\"  // specify route parameter as optional\n@page \"/route/{RouteParameter:&lt;type&gt;}\"  // specify route parameter type\n\n@namespace &lt;Namespace&gt;  // set the component namespace\n@using &lt;Namespace&gt;  // using statement\n@inherits BaseType  // inheritance\n@attribute [Attribute]  // apply an attribute\n@inject Type objectName  // dependency injection\n\n// html of the page here\n\n&lt;Namespace.ComponentFolder.Component /&gt;  // access component w/o @using\n&lt;Component Property=\"value\"/&gt;  // insert component into page, passing attributes\n&lt;Component @onclick=\"@CallbackMethod\"&gt;\n    @ChildContent  // segment of UI content\n&lt;/Component&gt;\n\n@code {\n    // component model (Properties, Methods, ...)\n\n    [Parameter]  // capture attribute \n    public Type Property { get; set; } = defaultValue;\n\n    [Parameter]  // capture route parameters\n    public type RouteParameter { get; set;}\n\n    [Parameter] // segment of UI content\n    public RenderFragment ChildContent { get; set;}\n\n    private void CallbackMethod() { }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html#state-management","title":"State Management","text":""},{"location":"languages/dotnet/asp.net/blazor.html#passing-state-with-navigationmanager","title":"Passing state with <code>NavigationManager</code>","text":"<p>It's now possible to pass state when navigating in Blazor apps using the <code>NavigationManager</code>.</p> C#<pre><code>navigationManager.NavigateTo(\"/&lt;route&gt;\", new NavigationOptions { HistoryEntryState = value });\n</code></pre> <p>This mechanism allows for simple communication between different pages. The specified state is pushed onto the browser\u2019s history stack so that it can be accessed later using either the <code>NavigationManager.HistoryEntryState</code> property or the <code>LocationChangedEventArgs.HistoryEntryState</code> property when listening for location changed events.</p>"},{"location":"languages/dotnet/asp.net/blazor.html#blazor-wasm","title":"Blazor WASM","text":"C#<pre><code>// setup state singleton\nbuilder.Services.AddSingleton&lt;StateContainer&gt;();\n</code></pre> C#<pre><code>// StateContainer singleton\nusing System;\n\npublic class StateContainer\n{\n    private int _counter;\n\n    public string Property\n    {\n        get =&gt; _counter;\n        set\n        {\n            _counter = value;\n            NotifyStateChanged();  // will trigger StateHasChanged(), causing a render \n        }\n    }\n\n    public event Action OnChange;\n\n    private void NotifyStateChanged() =&gt; OnChange?.Invoke();\n}\n</code></pre> C#<pre><code>// component that changes the state\n@inject StateContainer State\n\n// Delegate event handlers automatically trigger a UI render\n&lt;button @onClick=\"@HandleClick\"&gt;\n    Change State\n&lt;/button&gt;\n\n@code {\n    private void HandleClick()\n    {\n        State.Property += 1;  // update state\n    }\n}\n</code></pre> C#<pre><code>// component that should be update on state change\n@implements IDisposable\n@inject StateContainer State\n\n&lt;p&gt;Property: &lt;b&gt;@State.Property&lt;/b&gt;&lt;/p&gt;\n\n@code {\n\n    // StateHasChanged notifies the component that its state has changed. \n    // When applicable, calling StateHasChanged causes the component to be rerendered.\n\n    protected override void OnInitialized()\n    {\n        State.OnChange += StateHasChanged;\n    }\n\n    public void Dispose()\n    {\n        State.OnChange -= StateHasChanged;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html#data-binding-events","title":"Data Binding &amp; Events","text":"C#<pre><code>&lt;p&gt;\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" /&gt;\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:preventDefault /&gt;  // prevent default action\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:preventDefault=\"{CONDITION}\" /&gt;  // prevent default action if CONDITION is true\n\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:stopPropagation /&gt;\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:stopPropagation=\"{CONDITION}\" /&gt;  // stop event propagation if CONDITION is true\n\n    &lt;button @on{DOM EVENT}=\"@(e =&gt; Property = value)\" /&gt;  // change internal state w/ lambda\n    &lt;button @on{DOM EVENT}=\"@(e =&gt; DelegateAsync(e, value))\" /&gt;  // invoke delegate w/ lambda\n\n    &lt;input @ref=\"elementReference\" /&gt;\n\n    &lt;input @bind=\"{PROPERTY}\" /&gt; // updates variable on ONCHANGE event (focus loss)\n    &lt;input @bind=\"{PROPERTY}\" @bind:event=\"{DOM EVENT}\" /&gt;  // updates value on DOM EVENT\n    &lt;input @bind=\"{PROPERTY}\" @bind:format=\"{FORMAT STRING}\" /&gt;  // use FORMAT STRING to display value\n\n    &lt;ChildComponent @bind-{PROPERTY}=\"{PROPERTY}\" @bind-{PROPERTY}:event=\"{EVENT}\" /&gt;  // bind to child component {PROPERTY}\n    &lt;ChildComponent @bind-{PROPERTY}=\"{PROPERTY}\" @bind-{PROPERTY}:event=\"{PROPERTY}Changed\" /&gt;  // bind to child component {PROPERTY}, listen for custom event\n\n    &lt;input @bind=\"{PROPERTY}\" @bind:after=\"{DELEGATE}\" /&gt;  // run async logic after bind event completion\n    &lt;input @bind:get=\"{PROPERTY}\" @bind:set=\"PropertyChanged\" /&gt;  // two-way data binding\n&lt;/p&gt;\n\n@code {\n    private ElementReference elementReference;\n\n    public string Property { get; set; }\n\n    public EventCallback&lt;Type&gt; PropertyChanged { get; set; }  // custom event {PROPERTY}Changed\n\n    // invoke custom event\n    public async Task DelegateAsync(EventArgs e, Type argument)\n    {   \n        /* ... */\n\n        await PropertyChanged.InvokeAsync(e, argument);  // notify parent bound prop has changed\n        await elementReference.FocusAsync();  // focus an element in code\n    }\n\n    [Parameter] public TValue Value { get; set; }\n    [Parameter] public EventCallback&lt;TValue&gt; ValueChanged { get; set; }\n}\n</code></pre> <p>Note: When a user provides an unparsable value to a data-bound element, the unparsable value is automatically reverted to its previous value when the bind event is triggered. Note: The <code>@bind:get</code> and <code>@bind:set</code> modifiers are always used together. <code>The @bind:get</code> modifier specifies the value to bind to and the <code>@bind:set</code> modifier specifies a callback that is called when the value changes</p>"},{"location":"languages/dotnet/asp.net/blazor.html#javascriptnet-interop","title":"Javascript/.NET Interop","text":"<p>Call Javascript from .NET Call .NET from Javascript</p>"},{"location":"languages/dotnet/asp.net/blazor.html#render-blazor-components-from-javascript","title":"Render Blazor components from JavaScript","text":"<p>To render a Blazor component from JavaScript, first register it as a root component for JavaScript rendering and assign it an identifier:</p> C#<pre><code>// Blazor Server\nbuilder.Services.AddServerSideBlazor(options =&gt;\n{\n    options.RootComponents.RegisterForJavaScript&lt;Counter&gt;(identifier: \"counter\");\n});\n\n// Blazor WebAssembly\nbuilder.RootComponents.RegisterForJavaScript&lt;Counter&gt;(identifier: \"counter\");\n</code></pre> <p>Load Blazor into the JavaScript app (<code>blazor.server.js</code> or <code>blazor.webassembly.js</code>) and then render the component from JavaScript into a container element using the registered identifier, passing component parameters as needed:</p> JavaScript<pre><code>let containerElement = document.getElementById('my-counter');\nawait Blazor.rootComponents.add(containerElement, 'counter', { incrementAmount: 10 });\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html#blazor-custom-elements","title":"Blazor custom elements","text":"<p>Experimental support is also now available for building custom elements with Blazor using the Microsoft.AspNetCore.Components.CustomElements NuGet package. Custom elements use standard HTML interfaces to implement custom HTML elements.</p> <p>To create a custom element using Blazor, register a Blazor root component as custom elements like this:</p> C#<pre><code>options.RootComponents.RegisterAsCustomElement&lt;Counter&gt;(\"my-counter\");\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html","title":"Filters","text":"<p>Filters in ASP.NET Core allow code to be run before or after specific stages in the request processing pipeline.</p> <p>Built-in filters handle tasks such as:</p> <ul> <li>Authorization (preventing access to resources a user isn't authorized for).</li> <li>Response caching (short-circuiting the request pipeline to return a cached response).</li> </ul> <p>Custom filters can be created to handle cross-cutting concerns. Examples of cross-cutting concerns include error handling, caching, configuration, authorization, and logging. Filters avoid duplicating code.</p>"},{"location":"languages/dotnet/asp.net/filters.html#how-filters-work","title":"How filters work","text":"<p>Filters run within the ASP.NET Core action invocation pipeline, sometimes referred to as the filter pipeline. The filter pipeline runs after ASP.NET Core selects the action to execute.</p> <p> </p>"},{"location":"languages/dotnet/asp.net/filters.html#filter-types","title":"Filter types","text":"<p>Each filter type is executed at a different stage in the filter pipeline:</p> <ul> <li>Authorization filters run first and are used to determine whether the user is authorized for the request. Authorization filters short-circuit the pipeline if the request is not authorized.</li> <li>Resource filters:</li> <li>Run after authorization.</li> <li><code>OnResourceExecuting</code> runs code before the rest of the filter pipeline. For example, <code>OnResourceExecuting</code> runs code before model binding.</li> <li><code>OnResourceExecuted</code> runs code after the rest of the pipeline has completed.</li> <li>Action filters:</li> <li>Run code immediately before and after an action method is called.</li> <li>Can change the arguments passed into an action.</li> <li>Can change the result returned from the action.</li> <li>Are not supported in Razor Pages.</li> <li>Exception filters apply global policies to unhandled exceptions that occur before the response body has been written to.</li> <li>Result filters run code immediately before and after the execution of action results. They run only when the action method has executed successfully. They are useful for logic that must surround view or formatter execution.</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#implementation","title":"Implementation","text":"<p>Filters support both synchronous and asynchronous implementations through different interface definitions.</p> <p>For example, <code>OnActionExecuting</code> is called before the action method is called. <code>OnActionExecuted</code> is called after the action method returns. Asynchronous filters define an <code>On-Stage-ExecutionAsync</code> method, for example <code>OnActionExecutionAsync</code>.</p> <p>Interfaces for multiple filter stages can be implemented in a single class.</p> C#<pre><code>public class SampleActionFilter : IActionFilter\n{\n    public void OnActionExecuting(ActionExecutingContext context)\n    {\n        // Do something before the action executes.\n    }\n\n    public void OnActionExecuted(ActionExecutedContext context)\n    {\n        // Do something after the action executes.\n    }\n}\n\n\npublic class SampleAsyncActionFilter : IAsyncActionFilter\n{\n    public async Task OnActionExecutionAsync(\n        ActionExecutingContext context, ActionExecutionDelegate next)\n    {\n        // Do something before the action executes.\n        await next();\n        // Do something after the action executes.\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html#built-in-filter-attributes","title":"Built-in filter attributes","text":"<p>ASP.NET Core includes built-in attribute-based filters that can be subclassed and customized. Several of the filter interfaces have corresponding attributes that can be used as base classes for custom implementations.</p> <p>Filter attributes:</p> <ul> <li>ActionFilterAttribute</li> <li>ExceptionFilterAttribute</li> <li>ResultFilterAttribute</li> <li>FormatFilterAttribute</li> <li>ServiceFilterAttribute</li> <li>TypeFilterAttribute</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#filter-scopes","title":"Filter scopes","text":"<p>A filter can be added to the pipeline at one of three scopes:</p> <ul> <li>Using an attribute on a controller action. Filter attributes cannot be applied to Razor Pages handler methods.</li> </ul> C#<pre><code>services.AddScoped&lt;CustomActionFilterAttribute&gt;();\n\n[ServiceFilter(typeof(CustomActionFilterAttribute))]\npublic IActionResult Action()\n{\n    return Ok();\n}\n</code></pre> <ul> <li>Using an attribute on a controller or Razor Page.</li> </ul> C#<pre><code>services.AddControllersWithViews(options =&gt; { \n    options.Filters.Add(new CustomResponseFilterAttribute(args)); \n});\n\n\n[CustomResponseFilterAttribute(args)]\npublic class SampleController : Controller\n</code></pre> <ul> <li>Globally for all controllers, actions, and Razor Pages.</li> </ul> C#<pre><code>builder.Services.AddControllersWithViews(options =&gt;\n{\n    options.Filters.Add(typeof(CustomActionFilter));\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html#filter-order-of-execution","title":"Filter Order of Execution","text":"<p>When there are multiple filters for a particular stage of the pipeline, scope determines the default order of filter execution. Global filters surround class filters, which in turn surround method filters.</p> <p>As a result of filter nesting, the after code of filters runs in the reverse order of the before code. The filter sequence:</p> <ul> <li>The before code of global filters.</li> <li>The before code of controller and Razor Page filters.<ul> <li>The before code of action method filters.</li> <li>The after code of action method filters.</li> </ul> </li> <li>The after code of controller and Razor Page filters.</li> <li>The after code of global filters.</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#cancellation-and-short-circuiting","title":"Cancellation and Short-Circuiting","text":"<p>The filter pipeline can be short-circuited by setting the <code>Result</code> property on the <code>ResourceExecutingContext</code> parameter provided to the filter method.</p> C#<pre><code>public class ShortCircuitingResourceFilterAttribute : Attribute, IResourceFilter\n{\n    public void OnResourceExecuting(ResourceExecutingContext context)\n    {\n        context.Result = new ContentResult()\n        {\n            Content = \"Resource unavailable - header not set.\"\n        };\n    }\n\n    public void OnResourceExecuted(ResourceExecutedContext context)\n    {\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html#dependency-injection","title":"Dependency Injection","text":"<p>Filters can be added by type or by instance. If an instance is added, that instance is used for every request. If a type is added, it's type-activated.</p> <p>A type-activated filter means:</p> <ul> <li>An instance is created for each request.</li> <li>Any constructor dependencies are populated by dependency injection (DI).</li> </ul> <p>Filters that are implemented as attributes and added directly to controller classes or action methods cannot have constructor dependencies provided by dependency injection (DI). Constructor dependencies cannot be provided by DI because attributes must have their constructor parameters supplied where they're applied.</p> <p>The following filters support constructor dependencies provided from DI:</p> <ul> <li>ServiceFilterAttribute</li> <li>TypeFilterAttribute</li> <li>IFilterFactory implemented on the attribute.</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#servicefilterattribute","title":"<code>ServiceFilterAttribute</code>","text":"C#<pre><code>builder.Services.AddScoped&lt;CustomFilterFromDI&gt;();\n\npublic class CustomFilterFromDI : IResultFilter\n{\n    private readonly ILogger _logger;\n\n    public CustomFilterFromDI(ILogger logger) =&gt;  _logger = logger;\n\n    public void OnResultExecuting(ResultExecutingContext context)\n    {\n    }\n\n    public void OnResultExecuted(ResultExecutedContext context)\n    {\n    }\n}\n\n[ServiceFilter(typeof(CustomFilterFromDI))]\npublic IActionResult Action() =&gt; OK();\n</code></pre>"},{"location":"languages/dotnet/asp.net/middleware.html","title":"Middleware","text":"<p>Middleware is software that's assembled into an app pipeline to handle requests and responses. Each component:</p> <ul> <li>Chooses whether to pass the request to the next component in the pipeline.</li> <li>Can perform work before and after the next component in the pipeline.</li> </ul> <p>Request delegates are used to build the request pipeline. The request delegates handle each HTTP request.</p> <p>Request delegates are configured using Run, Map, and Use extension methods.</p> <p>An individual request delegate can be specified in-line as an anonymous method (called in-line middleware), or it can be defined in a reusable class. These reusable classes and in-line anonymous methods are middleware, also called middleware components.</p> <p>Each middleware component in the request pipeline is responsible for invoking the next component in the pipeline or short-circuiting the pipeline. When a middleware short-circuits, it's called a terminal middleware because it prevents further middleware from processing the request.</p>"},{"location":"languages/dotnet/asp.net/middleware.html#middleware-pipeline","title":"Middleware Pipeline","text":"<p>The ASP.NET Core request pipeline consists of a sequence of request delegates, called one after the other.</p> <p></p> <p>Each delegate can perform operations before and after the next delegate. Exception-handling delegates should be called early in the pipeline, so they can catch exceptions that occur in later stages of the pipeline. It's possible to chain multiple request delegates together with <code>Use</code>.</p> <p>The next parameter represents the next delegate in the pipeline. It's possible to short-circuit the pipeline by not calling the next parameter. When a delegate doesn't pass a request to the next delegate, it's called short-circuiting the request pipeline. Short-circuiting is often desirable because it avoids unnecessary work.</p> <p>It's possible to perform actions both before and after the next delegate:</p> C#<pre><code>// \"inline\" middleware, best if in own class\napp.Use(async (context, next) =&gt;\n{\n    // Do work that doesn't write to the Response.\n    await next.Invoke();\n    // Do logging or other work that doesn't write to the Response.\n});\n</code></pre> <p><code>Run</code> delegates don't receive a next parameter. The first <code>Run</code> delegate is always terminal and terminates the pipeline.</p> C#<pre><code>// \"inline\" middleware, best if in own class\napp.Use(async (context, next) =&gt;\n{\n    // Do work that doesn't write to the Response.\n    await next.Invoke();\n    // Do logging or other work that doesn't write to the Response.\n});\n\napp.Run(async context =&gt;\n{\n    // no invocation of next\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/middleware.html#middleware-order","title":"Middleware Order","text":"<p>The Endpoint middleware executes the filter pipeline for the corresponding app type.</p> <p>The order that middleware components are added in the <code>Startup.Configure</code> method defines the order in which the middleware components are invoked on requests and the reverse order for the response. The order is critical for security, performance, and functionality.</p> C#<pre><code>if (env.IsDevelopment())\n{\n    app.UseDeveloperExceptionPage();\n    app.UseDatabaseErrorPage();\n}\nelse\n{\n    app.UseExceptionHandler(\"/Error\");\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\napp.UseStaticFiles();\napp.UseCookiePolicy();\n\napp.UseRouting();\napp.UseRequestLocalization();\napp.UseCors();\n\napp.UseAuthentication();\napp.UseAuthorization();\napp.UseSession();\napp.UseResponseCompression();\napp.UseResponseCaching();\n\napp.UseEndpoints(endpoints =&gt;\n{\n    endpoints.MapRazorPages();\n    endpoints.MapControllers();\n});\n</code></pre> <p>Built-in Middleware</p>"},{"location":"languages/dotnet/asp.net/middleware.html#branching-the-middleware-pipeline","title":"Branching the Middleware Pipeline","text":"<p><code>Map</code> extensions are used as a convention for branching the pipeline. <code>Map</code> branches the request pipeline based on matches of the given request path. If the request path starts with the given path, the branch is executed.</p> <p>When <code>Map</code> is used, the matched path segments are removed from <code>HttpRequest.Path</code> and appended to <code>HttpRequest.PathBase</code> for each request.</p> <p><code>MapWhen</code> branches the request pipeline based on the result of the given predicate. Any predicate of type <code>Func&lt;HttpContext, bool&gt;</code> can be used to map requests to a new branch of the pipeline.</p> <p><code>UseWhen</code> also branches the request pipeline based on the result of the given predicate. Unlike with <code>MapWhen</code>, this branch is rejoined to the main pipeline if it doesn't short-circuit or contain a terminal middleware.</p>"},{"location":"languages/dotnet/asp.net/middleware.html#custom-middleware-classes","title":"Custom Middleware Classes","text":"<p>Middleware is generally encapsulated in a class and exposed with an extension method.</p> C#<pre><code>public class CustomMiddleware\n{\n    private readonly RequestDelegate _next;\n\n    public CustomMiddleware(RequestDelegate next)\n    {\n        _next = next;\n    }\n\n    public async Task InvokeAsync(HttpContext context)\n    {\n        // Do work that doesn't write to the Response.\n        await _next(context);  // Call the next delegate/middleware in the pipeline\n        // Do logging or other work that doesn't write to the Response.\n    }\n}\n</code></pre> <p>The middleware class must include:</p> <ul> <li>A public constructor with a parameter of type RequestDelegate.</li> <li>A public method named <code>Invoke</code> or <code>InvokeAsync</code>. This method must:</li> <li>Return a <code>Task</code>.</li> <li>Accept a first parameter of type HttpContext.</li> </ul>"},{"location":"languages/dotnet/asp.net/middleware.html#middleware-extension-methods","title":"Middleware Extension Methods","text":"C#<pre><code>using Microsoft.AspNetCore.Builder;\n\npublic static class MiddlewareExtensions\n{\n    public static IApplicationBuilder UseCustom(this IApplicationBuilder builder)\n    {\n        return builder.UseMiddleware&lt;CustomMiddleware&gt;();\n    }\n}\n</code></pre> C#<pre><code>// other middlewares\n\napp.UseCustom();  // add custom middleware in the pipeline\n\napp.UseEndpoints(endpoints =&gt; endpoints.MapControllers());\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html","title":"Minimal API","text":"<p>Note: Requires .NET 6+</p> C#<pre><code>var builder = WebApplication.CreateBuilder(args);\n\nbuilder.Services.AddSingleton&lt;IService, Service&gt;();\nbuilder.Services.AddScoped&lt;IService, Service&gt;();\nbuilder.Services.AddTransient&lt;IService, Service&gt;();\n\nvar app = builder.Build();\n\n// [...]\n\napp.Run();\n//or\napp.RunAsync();\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#application-settings","title":"Application Settings","text":"<p>App settings are loaded (in order) from:</p> <ol> <li><code>appsettings.json</code></li> <li><code>appsettings.&lt;Environment&gt;.json</code></li> <li>User Secrets</li> </ol> <p>The environment is controlled by the env var <code>ASPNETCORE_ENVIRONMENT</code>. If a setting is present in multiple locations, the last one is used and overrides the previous ones.</p>"},{"location":"languages/dotnet/asp.net/minimal-api.html#user-secrets","title":"User Secrets","text":"<p>User secrets are specific to each machine and can be initialized with <code>dotnet user-secrets init</code>. Each application is linked with it's settings by a guid.</p> <p>The settings are stored in:</p> <ul> <li><code>%APPDATA%\\Microsoft\\UserSecrets\\&lt;user_secrets_id&gt;\\secrets.json</code> (Windows)</li> <li><code>~/.microsoft/usersecrets/&lt;user_secrets_id&gt;/secrets.json</code> (Linux/macOS)</li> </ul> <p>Setting a value is done with <code>dotnet user-secrets set &lt;key&gt; &lt;value&gt;</code>, keys can be nested by separating each level with <code>:</code> or <code>__</code>.</p>"},{"location":"languages/dotnet/asp.net/minimal-api.html#swagger","title":"Swagger","text":"C#<pre><code>builder.Services.AddEndpointsApiExplorer();\nbuilder.Services.AddSwaggerGen();\n\n// [...]\n\napp.UseSwagger();\napp.UseSwaggerUI();\n\n// add returned content metadata to Swagger\napp.MapGet(\"/route\", Handler).Produces&lt;Type&gt;(statusCode);\n\n// add request body contents metadata to Swagger\napp.MapPost(\"/route\", Handler).Accepts&lt;Type&gt;(contentType);\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#mvc","title":"MVC","text":"C#<pre><code>builder.Services.AddControllersWithViews();\n//or\nbuilder.Services.AddControllers();\n\n// Configure the HTTP request pipeline.\nif (app.Environment.IsDevelopment())\n{\n    app.UseDeveloperExceptionPage();\n}\nelse\n{\n    app.UseExceptionHandler(\"/Home/Error\");\n\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\napp.UseStaticFiles();\n\napp.UseRouting();\n\napp.UseAuthorization();\n\napp.MapControllers();\n// or\napp.MapControllerRoute(\n    name: \"default\",\n    pattern: \"{controller=Home}/{action=Index}/{id?}\");\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#routing-handlers-results","title":"Routing, Handlers &amp; Results","text":"<p>To define routes and handlers using Minimal APIs, use the <code>Map(Get|Post|Put|Delete)</code> methods.</p> C#<pre><code>// the dependencies are passed as parameters in the handler delegate\napp.MapGet(\"/route/{id}\", (IService service, int id) =&gt; {\n\n    return entity is not null ? Results.Ok(entity) : Results.NotFound();\n});\n\n// pass delegate to use default values\napp.MapGet(\"/search/{id}\", Search);\nIResult Search(int id, int? page = 1, int? pageSize = 10) { /* ... */ }\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#route-groups","title":"Route Groups","text":"<p>The <code>MapGroup()</code> extension method, which helps organize groups of endpoints with a common prefix. It allows for customizing entire groups of endpoints with a singe call to methods like <code>RequireAuthorization()</code> and <code>WithMetadata()</code>.</p> C#<pre><code>var group = app.MapGroup(\"&lt;route-prefix&gt;\");\n\ngroup.MapGet(\"/\", GetAllTodos);  // route: /&lt;route-prefix&gt;\ngroup.MapGet(\"/{id}\", GetTodo);  // route: /&lt;route-prefix&gt;/{id}\n\n// [...]\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#typedresults","title":"<code>TypedResults</code>","text":"<p>The <code>Microsoft.AspNetCore.Http.TypedResults</code> static class is the \u201ctyped\u201d equivalent of the existing <code>Microsoft.AspNetCore.Http.Results</code> class. It's possible to use <code>TypedResults</code> in minimal APIs to create instances of the in-framework <code>IResult</code>-implementing types and preserve the concrete type information.</p> C#<pre><code>public static async Task&lt;IResult&gt; GetAllTodos(TodoDb db)\n{\n    return TypedResults.Ok(await db.Todos.ToArrayAsync());\n}\n</code></pre> C#<pre><code>[Fact]\npublic async Task GetAllTodos_ReturnsOkOfObjectResult()\n{\n    // Arrange\n    var db = CreateDbContext();\n\n    // Act\n    var result = await TodosApi.GetAllTodos(db);\n\n    // Assert: Check the returned result type is correct\n    Assert.IsType&lt;Ok&lt;Todo[]&gt;&gt;(result);\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#multiple-result-types","title":"Multiple Result Types","text":"<p>The <code>Results&lt;TResult1, TResult2, TResultN&gt;</code> generic union types, along with the <code>TypesResults</code> class, can be used to declare that a route handler returns multiple <code>IResult</code>-implementing concrete types.</p> C#<pre><code>// Declare that the lambda returns multiple IResult types\napp.MapGet(\"/todos/{id}\", async Results&lt;Ok&lt;Todo&gt;, NotFound&gt; (int id, TodoDb db)\n{\n    return await db.Todos.FindAsync(id) is Todo todo\n        ? TypedResults.Ok(todo)\n        : TypedResults.NotFound();\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#filters","title":"Filters","text":"C#<pre><code>public class ExampleFilter : IRouteHandlerFilter\n{\n    public async ValueTask&lt;object?&gt; InvokeAsync(RouteHandlerInvocationContext context, RouteHandlerFilterDelegate next)\n    {\n        // before endpoint call\n        var result = next(context);\n        /// after endpoint call\n        return result;\n    }\n}\n</code></pre> C#<pre><code>app.MapPost(\"/route\", Handler).AddFilter&lt;ExampleFilter&gt;();\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#context","title":"Context","text":"<p>With Minimal APIs it's possible to access the contextual information by passing one of the following types as a parameter to your handler delegate:</p> <ul> <li><code>HttpContext</code></li> <li><code>HttpRequest</code></li> <li><code>HttpResponse</code></li> <li><code>ClaimsPrincipal</code></li> <li><code>CancellationToken</code> (RequestAborted)</li> </ul> C#<pre><code>app.MapGet(\"/hello\", (ClaimsPrincipal user) =&gt; {\n    return \"Hello \" + user.FindFirstValue(\"sub\");\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#openapi","title":"OpenAPI","text":"<p>The <code>Microsoft.AspNetCore.OpenApi</code> package exposes a <code>WithOpenApi</code> extension method that generates an <code>OpenApiOperation</code> derived from a given endpoint\u2019s route handler and metadata.</p> C#<pre><code>app.MapGet(\"/todos/{id}\", (int id) =&gt; ...)\n    .WithOpenApi();\n\napp.MapGet(\"/todos/{id}\", (int id) =&gt; ...)\n    .WithOpenApi(operation =&gt; {\n        operation.Summary = \"Retrieve a Todo given its ID\";\n        operation.Parameters[0].AllowEmptyValue = false;\n    });\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#validation","title":"Validation","text":"<p>Using Minimal Validation by Damian Edwards. Alternatively it's possible to use Fluent Validation.</p> C#<pre><code>app.MapPost(\"/widgets\", (Widget widget) =&gt; {\n    var isValid = MinimalValidation.TryValidate(widget, out var errors);\n\n    if(isValid)\n    {\n        return Results.Created($\"/widgets/{widget.Name}\", widget);\n    }\n\n    return Results.BadRequest(errors);\n});\n\nclass Widget\n{\n    [Required, MinLength(3)]\n    public string? Name { get; set; }\n\n    public override string? ToString() =&gt; Name;\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#json-serialization","title":"JSON Serialization","text":"C#<pre><code>// Microsoft.AspNetCore.Http.Json.JsonOptions\nbuilder.Services.Configure&lt;JsonOptions&gt;(opt =&gt;\n{\n    opt.SerializerOptions.PropertyNamingPolicy = new SnakeCaseNamingPolicy();\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#authorization","title":"Authorization","text":"C#<pre><code>builder.Services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme).AddJwtBearer();\n\nbuilder.Services.AddAuthorization();\n// or\nbuilder.Services.AddAuthorization(options =&gt;\n{\n    // for all endpoints\n    options.FallbackPolicy = new AuthorizationPolicyBuilder()\n      .AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)\n      .RequireAuthenticatedUser();\n})\n// or\nbuilder.Authentication.AddJwtBearer();  // will automatically add required middlewares\n\n// [...]\n\napp.UseAuthentication();\napp.UseAuthorization(); // must come before routes\n\n// [...]\n\napp.MapGet(\"/alcohol\", () =&gt; Results.Ok()).RequireAuthorization(\"&lt;policy&gt;\");  // on specific endpoints\napp.MapGet(\"/free-for-all\", () =&gt; Results.Ok()).AllowAnonymous();\napp.MapGet(\"/special-secret\", () =&gt; \"This is a special secret!\")\n    .RequireAuthorization(p =&gt; p.RequireClaim(\"scope\", \"myapi:secrets\"));\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#local-jwt-tokens","title":"Local JWT Tokens","text":"<p>The <code>user-jwts</code> tool is similar in concept to the existing <code>user-secrets</code> tools, in that it can be used to manage values for the app that are only valid for the current user (the developer) on the current machine. In fact, the <code>user-jwts</code> tool utilizes the <code>user-secrets</code> infrastructure to manage the key that the JWTs will be signed with, ensuring it\u2019s stored safely in the user profile.</p> Bash<pre><code>dotnet user-jwts create  # configure a dev JWT fot the current user\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#output-caching","title":"Output Caching","text":"C#<pre><code>builder.Services.AddOutputCaching();  // no special options\nbuilder.Services.AddOutputCaching(options =&gt; \n{\n    options =&gt; options.AddBasePolicy(x =&gt; x.NoCache())  // no cache policy\n\n    Func&lt;OutputCacheContext, bool&gt; predicate = /* discriminate requests */\n    options.AddBasePolicy(x =&gt; x.With(predicate).CachePolicy());\n    options.AddBasePolicy(\"&lt;policy-name&gt;\", x =&gt; x.CachePolicy());  // named policy\n});\n\n// [...]\n\napp.UseOutputCaching();  // following middlewares can use output cache\n\n// [...]\n\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput();  // cache forever\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput().Expire(timespan);\n\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.CachePolicy());\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(\"&lt;policy-name&gt;\");\n\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.VaryByHeader(/* headers list */));\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.VaryByQuery(/* query key */));\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.VaryByValue());\n\napp.MapGet(\"/&lt;route&gt;\", [OutputCache(/* options */)]RouteHandler);\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#cache-eviction","title":"Cache Eviction","text":"C#<pre><code>app.MapGet(\"/&lt;route-one&gt;\", RouteHandler).CacheOutput(x =&gt; x.Tag(\"&lt;tag&gt;\"));  // tag cache portion\n\napp.MapGet(\"/&lt;route-two&gt;\", (IOutputCacheStore cache, CancellationToken token) =&gt; \n{\n    await cache.EvictByTag(\"&lt;tag&gt;\", token);  // invalidate a portion of the cache\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#custom-cache-policy","title":"Custom Cache Policy","text":"C#<pre><code>app.MapGet(\"/&lt;route-one&gt;\", RouteHandler).CacheOutput(x =&gt; x.AddCachePolicy&lt;CustomCachePolicy&gt;());\n</code></pre> C#<pre><code>class CustomCachePolicy : IOutputCachePolicy\n{\n    public ValueTask CacheRequestAsync(OutputCacheContext context, CancellationToken cancellationToken) { }\n\n    public ValueTask ServeFromCacheAsync(OutputCacheContext context, CancellationToken cancellationToken) { }\n\n    public ValueTask ServeResponseAsync(OutputCacheContext context, CancellationToken cancellationToken) { }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#options-pattern","title":"Options Pattern","text":"<p>The options pattern uses classes to provide strongly-typed access to groups of related settings.</p> JSON<pre><code>{\n    \"SecretKey\": \"Secret key value\",\n    \"TransientFaultHandlingOptions\": {\n        \"Enabled\": true,\n        \"AutoRetryDelay\": \"00:00:07\"\n    },\n    \"Logging\": {\n        \"LogLevel\": {\n            \"Default\": \"Information\",\n            \"Microsoft\": \"Warning\",\n            \"Microsoft.Hosting.Lifetime\": \"Information\"\n        }\n    }\n}\n</code></pre> C#<pre><code>// options model for binding\npublic class TransientFaultHandlingOptions\n{\n    public bool Enabled { get; set; }\n    public TimeSpan AutoRetryDelay { get; set; }\n}\n</code></pre> C#<pre><code>// setup the options\nbuilder.Services.Configure&lt;TransientFaultHandlingOptions&gt;(builder.Configuration.GetSection&lt;TransientFaultHandlingOptions&gt;(nameof(Options)));\nbuilder.Services.Configure&lt;TransientFaultHandlingOptions&gt;(builder.Configuration.GetSection&lt;TransientFaultHandlingOptions&gt;(key));\n</code></pre> C#<pre><code>class DependsOnOptions\n{\n  private readonly IOptions&lt;TransientFaultHandlingOptions&gt; _options;\n\n  public DependsOnOptions(IOptions&lt;TransientFaultHandlingOptions&gt; options) =&gt; _options = options;\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#options-interfaces","title":"Options interfaces","text":"<p><code>IOptions&lt;TOptions&gt;</code>:</p> <ul> <li>Does not support:</li> <li>Reading of configuration data after the app has started.</li> <li>Named options</li> <li>Is registered as a Singleton and can be injected into any service lifetime.</li> </ul> <p><code>IOptionsSnapshot&lt;TOptions&gt;</code>:</p> <ul> <li>Is useful in scenarios where options should be recomputed on every injection resolution, in scoped or transient lifetimes.</li> <li>Is registered as Scoped and therefore cannot be injected into a Singleton service.</li> <li>Supports named options</li> </ul> <p><code>IOptionsMonitor&lt;TOptions&gt;</code>:</p> <ul> <li>Is used to retrieve options and manage options notifications for <code>TOptions</code> instances.</li> <li>Is registered as a Singleton and can be injected into any service lifetime.</li> <li>Supports:</li> <li>Change notifications</li> <li>Named options</li> <li>Reloadable configuration</li> <li>Selective options invalidation (<code>IOptionsMonitorCache&lt;TOptions&gt;</code>)</li> </ul>"},{"location":"languages/dotnet/asp.net/razor-syntax.html","title":"Razor Syntax","text":""},{"location":"languages/dotnet/asp.net/razor-syntax.html#markup","title":"Markup","text":"C#<pre><code>@page  // set this as razor page\n\n@model &lt;App&gt;.Models.Entity  // if MVC set type of elements passed to the view \n@model &lt;Page&gt;Model  // if Razor page set underlying class\n\n@* razor comment *@\n\n// substitute @variable with it's value\n&lt;tag&gt;@variable&lt;/tag&gt;\n\n@{\n    // razor code block\n    // can contain C# or HTML\n\n    Model  // access to passed @model (MVC)\n}\n\n@if (condition) { }\n\n@for (init, condition, iteration) { }\n\n@Model.Property  // display Property value (MVC)\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#tag-helpers-aspnet-core","title":"Tag Helpers (ASP.NET Core)","text":"<p>Tag helpers are reusable components for automating the generation of HTML in Razor Pages. Tag helpers target specific HTML tags.</p> <p>Example:</p> HTML<pre><code>&lt;!-- tag helpers for a lin in ASP.NET MVC --&gt;\n&lt;a class=\"nav-link text-dark\" asp-area=\"\" asp-controller=\"Home\" asp-action=\"Index\"&gt;Home&lt;/a&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#managing-tag-helpers","title":"Managing Tag Helpers","text":"<p>The <code>@addTagHelper</code> directive makes Tag Helpers available to the view. Generally, the view file is <code>Pages/_ViewImports.cshtml</code>, which by default is inherited by all files in the <code>Pages</code> folder and subfolders, making Tag Helpers available.</p> C#<pre><code>@using &lt;App&gt;\n@namespace &lt;App&gt;.Pages  // or &lt;Project&gt;.Models\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n</code></pre> <p>The first parameter after <code>@addTagHelper</code> specifies the Tag Helpers to load (<code>*</code> for all Tag Helpers), and the second parameter (e.g. <code>Microsoft.AspNetCore.Mvc.TagHelpers</code>) specifies the assembly containing the Tag Helpers. <code>Microsoft.AspNetCore.Mvc.TagHelpers</code> is the assembly for the built-in ASP.NET Core Tag Helpers.</p>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#opting-out-of-individual-elements","title":"Opting out of individual elements","text":"<p>It's possible to disable a Tag Helper at the element level with the Tag Helper opt-out character (<code>!</code>)</p> Text Only<pre><code>&lt;!-- disable email validation --&gt;\n&lt;!span asp-validation-for=\"Email\" &gt;&lt;/!span&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#explicit-tag-helpers","title":"Explicit Tag Helpers","text":"<p>The <code>@tagHelperPrefix</code> directive allows to specify a tag prefix string to enable Tag Helper support and to make Tag Helper usage explicit.</p> Text Only<pre><code>@tagHelpersPrefix th:\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#important-tag-helpers-asp-html-helpers-html","title":"Important Tag Helpers (<code>asp-</code>) &amp; HTML Helpers (<code>@Html</code>)","text":"<p>Understanding Html Helpers</p> C#<pre><code>@model &lt;App&gt;.Models.Entity\n\n// Display the name of the property\n@Html.DisplayNameFor(model =&gt; model.EntityProp)\n@nameof(Model.EntityProp)\n\n// Display the value of the property\n@Html.DisplayFor(model =&gt; model.EntityProp)\n@Model.EntityProp\n\n&lt;from&gt;\n    // use the property as the label, eventually w/ [DisplayName(\"...\")]\n    &lt;label asp-for=\"EntityProp\"&gt;&lt;/label&gt;\n    @Html.LabelFor()\n\n    // automatically set the value at form compilation and submission\n    &lt;input asp-for=\"EntityProp\"/&gt;\n    @Html.EditorFor()\n&lt;/from&gt;\n\n// route config is {Controller}/{Action}/{Id?}\n&lt;a asp-controller=\"&lt;Controller&gt;\" asp-action=\"&lt;Action&gt;\"&gt;Link&lt;/a&gt;  // link to /Controller/Action\n&lt;a asp-controller=\"&lt;Controller&gt;\" asp-action=\"&lt;Action&gt;\" asp-route-Id=\"@model.Id\"&gt;Link&lt;/a&gt;  // link to /Controller/Action/Id\n@Html.ActionLink(\"&lt;Link Text&gt;\", \"&lt;Action&gt;\", \"&lt;Controller&gt;\", new { @HTmlAttribute = value, Id = value }) // link to /Controller/Action/Id\n\n// link to /Controller/Action?queryParameter=value\n@Html.ActionLink(\"&lt;Link Text&gt;\", \"&lt;Action&gt;\", \"&lt;Controller&gt;\", new { @HTmlAttribute = value, queryParameter = value })\n&lt;a asp-controller=\"&lt;Controller&gt;\" asp-action=\"&lt;Action&gt;\" asp-route-queryParameter=\"value\"&gt;Link&lt;/a&gt;  // asp-route-* for query strings\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#select-tag-helper","title":"Select Tag Helper","text":"<p>StackOverflow SelectList Docs</p> <p>In <code>ViewModel.cs</code>:</p> C#<pre><code>class ViewModel \n{\n    public int EntityId { get; set; }  // value selected in form ends up here\n\n    // object has numeric id and other props\n    public SelectList Entities = new()\n\n    public ViewModel(){ }  // parameterless constructor (NEEDED)\n}\n</code></pre> <p>In <code>View.cs</code></p> C#<pre><code>@model ViewModel\n\n&lt;form asp-controller=\"Controller\" asp-action=\"PostAction\"&gt;\n\n    &lt;select asp-for\"EntityId\" asp-items=\"Model.Entities\"&gt;\n    &lt;/select&gt;\n\n    &lt;button type=\"submit\"&gt;Send&lt;button&gt;\n&lt;/form&gt;\n</code></pre> <p>In <code>Controller.cs</code>:</p> C#<pre><code>public IActionResult GetAction()\n{\n    var vm = new ViewModel();\n\n    vm.Entities = new SelectList(_context.Entities, \"Id\", \"Text\");  // fill SelectList\n    vm.EntityId = value;  // set selected option (OPTIONAL)\n\n    return View(vm);\n}\n\n\n[HttpPost]\npublic IActionResult PostAction(ViewModel)\n{\n    if(ModelState.IsValid)\n    {\n        // extract info from view model\n        // save to db\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html","title":"SignalR","text":"<p>The SignalR Hubs API enables to call methods on connected clients from the server. In the server code, define methods that are called by client. In the client code, define methods that are called from the server. SignalR takes care of everything behind the scenes that makes real-time client-to-server and server-to-client communications possible.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#server-side","title":"Server-Side","text":""},{"location":"languages/dotnet/asp.net/signalr.html#configuration","title":"Configuration","text":"<p>In <code>Startup.cs</code>:</p> C#<pre><code>builder.Services.AddSignalR();\n\nvar app = builder.Build();\n\napp.UseEndpoints(endpoints =&gt;\n{\n    endpoints.MapHub(\"/hub/endpoint\");\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#creating-hubs","title":"Creating Hubs","text":"C#<pre><code>public class CustomHub : Hub\n{\n    public task HubMethod(Type args)\n    {\n        // trigger function on all clients and pass args to it\n        return Clients.All.SendAsync(\"CLientMethod\", args);\n\n        // trigger function on caller client and pass args to it\n        return Clients.Caller.SendAsync(\"CLientMethod\", args);\n\n        // trigger function on clients of a group and pass args to it\n        return Clients.Group(\"GroupName\").SendAsync(\"CLientMethod\", args);\n\n        // other operations\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#strongly-typed-hubs","title":"Strongly Typed Hubs","text":"<p>A drawback of using <code>SendAsync</code> is that it relies on a magic string to specify the client method to be called. This leaves code open to runtime errors if the method name is misspelled or missing from the client.</p> <p>An alternative to using SendAsync is to strongly type the Hub with <code>Hub&lt;T&gt;</code>.</p> C#<pre><code>public interface IHubClient\n{\n    // matches method to be called on the client\n    Task ClientMethod(Type args);\n}\n</code></pre> C#<pre><code>public class CustomHub : Hub&lt;IHubClient&gt;\n{\n    public Task HubMethod(Type args)\n    {\n        return Clients.All.ClientMethod(args);\n    }\n}\n</code></pre> <p>Using <code>Hub&lt;T&gt;</code> enables compile-time checking of the client methods. This prevents issues caused by using magic strings, since <code>Hub&lt;T&gt;</code> can only provide access to the methods defined in the interface.</p> <p>Using a strongly typed <code>Hub&lt;T&gt;</code> disables the ability to use <code>SendAsync</code>. Any methods defined on the interface can still be defined as asynchronous. In fact, each of these methods should return a <code>Task</code>. Since it's an interface, don't use the <code>async</code> keyword.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#handling-connection-events","title":"Handling Connection Events","text":"<p>The SignalR Hubs API provides the OnConnectedAsync and OnDisconnectedAsync virtual methods to manage and track connections. Override the OnConnectedAsync virtual method to perform actions when a client connects to the Hub, such as adding it to a group.</p> C#<pre><code>public override async Task OnConnectedAsync()\n{\n    await Groups.AddToGroupAsync(Context.ConnectionId, \"GroupName\");\n    await base.OnConnectedAsync();\n}\n\npublic override async Task OnDisconnectedAsync(Exception exception)\n{\n    await Groups.RemoveFromGroupAsync(Context.ConnectionId, \"GroupName\");\n    await base.OnDisconnectedAsync(exception);\n}\n</code></pre> <p>Override the <code>OnDisconnectedAsync</code> virtual method to perform actions when a client disconnects. If the client disconnects intentionally (by calling <code>connection.stop()</code>, for example), the exception parameter will be null. However, if the client is disconnected due to an error (such as a network failure), the exception parameter will contain an exception describing the failure.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#sending-errors-to-the-client","title":"Sending Errors to the client","text":"<p>Exceptions thrown in the hub methods are sent to the client that invoked the method. On the JavaScript client, the <code>invoke</code> method returns a JavaScript Promise. When the client receives an error with a handler attached to the promise using catch, it's invoked and passed as a JavaScript <code>Error</code> object.</p> <p>If the Hub throws an exception, connections aren't closed. By default, SignalR returns a generic error message to the client.</p> <p>If you have an exceptional condition you do want to propagate to the client, use the <code>HubException</code> class. If you throw a <code>HubException</code> from your hub method, SignalR will send the entire message to the client, unmodified.</p> C#<pre><code>public Task ThrowException()\n{\n    throw new HubException(\"This error will be sent to the client!\");\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#client-side-javascript","title":"Client-Side (JavaScript)","text":""},{"location":"languages/dotnet/asp.net/signalr.html#installing-the-client-package","title":"Installing the client package","text":"Bash<pre><code>npm init -y\nnpm install @microsoft/signalr\n</code></pre> <p>npm installs the package contents in the <code>node_modules\\@microsoft\\signalr\\dist\\browser</code> folder. Create a new folder named signalr under the <code>wwwroot\\lib</code> folder. Copy the signalr.js file to the <code>wwwroot\\lib\\signalr</code> folder.</p> <p>Reference the SignalR JavaScript client in the <code>&lt;script&gt;</code> element. For example:</p> HTML<pre><code>&lt;script src=\"~/lib/signalr/signalr.js\"&gt;&lt;/script&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#connecting-to-a-hub","title":"Connecting to a Hub","text":"<p>Reconnect Clients Docs</p> JavaScript<pre><code>const connection = new signalR.HubConnectionBuilder()\n    .withUrl(\"/hub/endpoint\")\n    .configureLogging(signalR.LogLevel.Information)\n    .withAutomaticReconnect()  // optional\n    .build();\n\n// async/await connection start\nasync function connect() {\n    try {\n        await connection.start();\n        console.log(\"SignalR Connected.\");\n    } catch (err) {\n        console.error(err);\n    }\n};\n\n// promise connection start\nfunction connect() {\n    connection.start()\n    .then(() =&gt; {})\n    .catch((err) =&gt; {console.error(err)});\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#call-hub-methods-fom-the-client","title":"Call hub methods fom the client","text":"<p>JavaScript clients call public methods on hubs via the <code>invoke</code> method of the <code>HubConnection</code>. The <code>invoke</code> method accepts:</p> <ul> <li>The name of the hub method.</li> <li>Any arguments defined in the hub method.</li> </ul> JavaScript<pre><code>try {\n    await connection.invoke(\"HubMethod\", args);\n} catch (err) {\n    console.error(err);\n}\n</code></pre> <p>The <code>invoke</code> method returns a JavaScript <code>Promise</code>. The <code>Promise</code> is resolved with the return value (if any) when the method on the server returns. If the method on the server throws an error, the <code>Promise</code> is rejected with the error message. Use <code>async</code> and <code>await</code> or the <code>Promise</code>'s then and catch methods to handle these cases.</p> <p>JavaScript clients can also call public methods on hubs via the the <code>send</code> method of the <code>HubConnection</code>. Unlike the <code>invoke</code> method, the send method doesn't wait for a response from the server. The send method returns a JavaScript <code>Promise</code>. The <code>Promise</code> is resolved when the message has been sent to the server. If there is an error sending the message, the <code>Promise</code> is rejected with the error message. Use <code>async</code> and <code>await</code> or the <code>Promise</code>'s then and catch methods to handle these cases.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#call-client-methods-from-the-hub","title":"Call client methods from the hub","text":"<p>To receive messages from the hub, define a method using the <code>on</code> method of the <code>HubConnection</code>. The <code>on</code> method accepts:</p> <ul> <li>The name of the JavaScript client method.</li> <li>Arguments the hub passes to the method.</li> </ul> C#<pre><code>connection.on(\"ClientMethod\", (args) =&gt; { /* ... */});\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html","title":"WebForms","text":""},{"location":"languages/dotnet/asp.net/web-forms.html#pageaspx","title":"<code>Page.aspx</code>","text":"<p>The fist loaded page is <code>Default.aspx</code> and its underlying code.</p> HTML<pre><code>&lt;!-- directive --&gt;\n&lt;%@ Page Language=\"C#\" AutoEventWireup=\"true\" CodeBehind=\"Default.aspx.cs\" Inherits=\"Project.Default\" %&gt;\n\n&lt;!DOCTYPE html&gt;\n\n&lt;html xmlns=\"http://www.w3.org/1999/xhtml\"&gt;  &lt;!-- XML Namespace --&gt;\n&lt;head runat=\"server\"&gt;  &lt;!-- runat: handle as ASP code --&gt;\n    &lt;title&gt;&lt;/title&gt;\n&lt;/head&gt;\n&lt;body&gt;\n    &lt;!-- web forms require a form tag to be the whole body --&gt;\n    &lt;form id=\"form1\" runat=\"server\"&gt;  &lt;!-- runat: handle as ASP code --&gt;\n        &lt;div&gt;\n        &lt;/div&gt;\n    &lt;/form&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html#page-directive","title":"Page Directive","text":"C#<pre><code>&lt;%@ Page Language=\"C#\"  // define language used (can be C# or VB)\n    AutoEventWireup=\"true\"  // automatically create and setup event handlers\n    CodeBehind=\"Default.aspx.cs\"  // define the underlying code file\n    Inherits=\"EmptyWebForm.Default\" %&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html#web-controls","title":"Web Controls","text":"XML<pre><code>&lt;asp:Control ID=\"\" runat=\"server\" ...&gt;&lt;/asp:Control&gt;\n\n&lt;!-- Label: empty text will diplay ID, use empty space as text for empty label --&gt;\n&lt;asp:Label ID=\"lbl_\" runat=\"server\" Text=\" \"&gt;&lt;/asp:Label&gt;\n&lt;!-- TextBox --&gt;\n&lt;asp:TextBox ID=\"txt_\" runat=\"server\"&gt;&lt;/asp:TextBox&gt;\n&lt;!-- Button --&gt;\n&lt;asp:Button ID=\"btn_\" runat=\"server\" Text=\"ButtonText\" OnClick=\"btn_Click\" /&gt;\n&lt;!-- HyperLink --&gt;\n&lt;asp:HyperLink ID=\"lnk_\" runat=\"server\" NavigateUrl=\"~/Page.aspx\"&gt;LINK TEXT&lt;/asp:HyperLink&gt;\n&lt;!-- LinkButton: POstBackEvent reloads the page --&gt;\n&lt;asp:LinkButton ID=\"lbtHome\" runat=\"server\" PostBackUrl=\"~/Page.aspx\" OnClick=\"lbt_Click\"&gt;BUTTON TEXT&lt;/asp:LinkButton&gt;\n&lt;!-- Image --&gt;\n&lt;asp:Image ID=\"img_\" runat=\"server\" ImageUrl=\"~/Images/image.avif\"/&gt;\n&lt;!-- ImageButton --&gt;\n&lt;asp:ImageButton ID=\"imb_\" runat=\"server\" ImageUrl=\"~/Images/image.avif\" PostBackUrl=\"~/Page.aspx\"/&gt;\n\n&lt;!-- SqlSataSource; connection string specified in Web.config --&gt;\n&lt;asp:SqlDataSource ID=\"sds_\" runat=\"server\" ConnectionString=\"&lt;%$ ConnectionStrings:ConnectionString %&gt;\" SelectCommand=\"SQL Query\"&gt;&lt;/asp:SqlDataSource&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html#pageaspxcs","title":"<code>Page.aspx.cs</code>","text":"C#<pre><code>public partial class Default : System.Web.UI.Page\n{\n    protected void Page_Load(object sender, EventArgs e)\n    {\n\n    }\n\n    protected void Control_Event(object sender, EventArgs e)\n    {\n        // actions on event trigger\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/async-programming.html","title":"Async Programming","text":""},{"location":"languages/dotnet/csharp/async-programming.html#task-asynchronous-programming-model-tap","title":"Task Asynchronous Programming Model (TAP)","text":"<p>It's possible to avoid performance bottlenecks and enhance the overall responsiveness of an application by using asynchronous programming. However, traditional techniques for writing asynchronous applications can be complicated, making them difficult to write, debug, and maintain.</p> <p>C# 5 introduced a simplified approach, async programming, that leverages asynchronous support in the .NET Runtime. The compiler does the difficult work that the developer used to do, and the application retains a logical structure that resembles synchronous code.</p> <p>In performance-sensitive code, asynchronous APIs are useful, because instead of wasting resources by forcing a thread to sit and wait for I/O to complete, a thread can kick off the work and then do something else productive in the meantime.</p> <p>The <code>async</code> and <code>await</code> keywords in C# are the heart of async programming.</p> C#<pre><code>public async Task&lt;TResult&gt; MethodAsync\n{\n    Task&lt;TResult&gt; resultTask = obj.OtherMethodAsync();\n\n    DoIndependentWork();\n\n    TResult result = await resultTask;\n\n    // if the is no work to be done before awaiting\n    TResult result = await obj.OtherMethodAsync();\n\n    return result;\n}\n</code></pre> <p>Characteristics of Async Methods:</p> <ul> <li>The method signature includes an <code>async</code> modifier.</li> <li>The name of an async method, by convention, ends with an \"Async\" suffix.</li> <li>The return type is one of the following types:</li> <li><code>Task&lt;TResult&gt;</code> if the method has a return statement in which the operand has type <code>TResult</code>.</li> <li><code>Task</code> if the method has no return statement or has a return statement with no operand.</li> <li><code>void</code> if it's an async event handler.</li> <li>Any other type that has a <code>GetAwaiter</code> method (starting with C# 7.0).</li> <li>Starting with C# 8.0, <code>IAsyncEnumerable&lt;T&gt;</code>, for an async method that returns an async stream.</li> </ul> <p>The method usually includes at least one <code>await</code> expression, which marks a point where the method can't continue until the awaited asynchronous operation is complete. In the meantime, the method is suspended, and control returns to the method's caller.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#threads","title":"Threads","text":"<p>Async methods are intended to be non-blocking operations. An <code>await</code> expression in an async method doesn't block the current thread while the awaited task is running. Instead, the expression signs up the rest of the method as a continuation and returns control to the caller of the async method.</p> <p>The <code>async</code> and <code>await</code> keywords don't cause additional threads to be created. Async methods don't require multithreading because an async method doesn't run on its own thread. The method runs on the current synchronization context and uses time on the thread only when the method is active. It's possible to use <code>Task.Run</code> to move CPU-bound work to a background thread, but a background thread doesn't help with a process that's just waiting for results to become available.</p> <p>The async-based approach to asynchronous programming is preferable to existing approaches in almost every case. In particular, this approach is better than the <code>BackgroundWorker</code> class for I/O-bound operations because the code is simpler and there is no need to guard against race conditions. In combination with the <code>Task.Run</code> method, async programming is better than <code>BackgroundWorker</code> for CPU-bound operations because async programming separates the coordination details of running the code from the work that <code>Task.Run</code> transfers to the thread pool.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#naming-convention","title":"Naming Convention","text":"<p>By convention, methods that return commonly awaitable types (for example, <code>Task</code>, <code>Task&lt;T&gt;</code>, <code>ValueTask</code>, <code>ValueTask&lt;T&gt;</code>) should have names that end with Async. Methods that start an asynchronous operation but do not return an awaitable type should not have names that end with Async, but may start with \"Begin\", \"Start\", or some other verb to suggest this method does not return or throw the result of the operation.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#async-return-types","title":"Async Return Types","text":""},{"location":"languages/dotnet/csharp/async-programming.html#task-return-type","title":"<code>Task</code> return type","text":"<p>Async methods that don't contain a return statement or that contain a return statement that doesn't return an operand usually have a return type of <code>Task</code>. Such methods return <code>void</code> if they run synchronously. If a <code>Task</code> return type is used for an async method, a calling method can use an <code>await</code> operator to suspend the caller's completion until the called async method has finished.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#tasktresult-return-type","title":"<code>Task&lt;TResult&gt;</code> return type","text":"<p>The <code>Task&lt;TResult&gt;</code> return type is used for an async method that contains a return statement in which the operand is <code>TResult</code>.</p> <p>The <code>Task&lt;TResult&gt;.Result</code> property is a blocking property. If it's accessed it before its task is finished, the thread that's currently active is blocked until the task completes and the value is available. In most cases, access the value by using <code>await</code> instead of accessing the property directly.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#void-return-type","title":"<code>void</code> return type","text":"<p>The <code>void</code> return type is used in asynchronous event handlers, which require a <code>void</code> return type. For methods other than event handlers that don't return a value, it's best to return a <code>Task</code> instead, because an async method that returns <code>void</code> can't be awaited. Any caller of such a method must continue to completion without waiting for the called async method to finish. The caller must be independent of any values or exceptions that the async method generates.</p> <p>The caller of a void-returning async method can't catch exceptions thrown from the method, and such unhandled exceptions are likely to cause the application to fail. If a method that returns a <code>Task</code> or <code>Task&lt;TResult&gt;</code> throws an exception, the exception is stored in the returned task. The exception is re-thrown when the task is awaited. Therefore, make sure that any async method that can produce an exception has a return type of <code>Task</code> or <code>Task&lt;TResult&gt;</code> and that calls to the method are awaited.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#generalized-async-return-types-and-valuetasktresult","title":"Generalized async return types and <code>ValueTask&lt;TResult&gt;</code>","text":"<p>Starting with C# 7.0, an async method can return any type that has an accessible <code>GetAwaiter</code> method.</p> <p>Because <code>Task</code> and <code>Task&lt;TResult&gt;</code> are reference types, memory allocation in performance-critical paths, particularly when allocations occur in tight loops, can adversely affect performance. Support for generalized return types means that it's possible to return a lightweight value type instead of a reference type to avoid additional memory allocations.</p> <p>.NET provides the <code>System.Threading.Tasks.ValueTask&lt;TResult&gt;</code> structure as a lightweight implementation of a generalized task-returning value. To use the <code>System.Threading.Tasks.ValueTask&lt;TResult&gt;</code> type, add the System.Threading.Tasks.Extensions NuGet package to the project.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#async-composition","title":"Async Composition","text":"C#<pre><code>public async Task DoOperationsConcurrentlyAsync()\n{\n  Task[] tasks = new Task[3];\n  tasks[0] = DoOperation0Async();\n  tasks[1] = DoOperation1Async();\n  tasks[2] = DoOperation2Async();\n\n  // At this point, all three tasks are running at the same time.\n\n  // Now, we await them all.\n  await Task.WhenAll(tasks);\n}\n\npublic async Task&lt;int&gt; GetFirstToRespondAsync()\n{\n  // Call two web services; take the first response.\n  Task&lt;int&gt;[] tasks = new[] { WebService1Async(), WebService2Async() };\n\n  // Await for the first one to respond.\n  Task&lt;int&gt; firstTask = await Task.WhenAny(tasks);\n\n  // Return the result.\n  return await firstTask;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/async-programming.html#execution-synchronization-context","title":"Execution &amp; Synchronization Context","text":"<p>When the program\u2019s execution reaches an <code>await</code> expression for an operation that doesn\u2019t complete immediately, the code generated for that <code>await</code> will ensure that the current execution context has been captured. When the asynchronous operation completes, the remainder of the method will be executed through the execution context. The execution context handles certain contextual information that needs to flow when one method invokes another (even when it does so indirectly)</p> <p>While all <code>await</code> expressions capture the execution context, the decision of whether to flow synchronization context as well is controlled by the type being awaited.</p> <p>Sometimes, it's better to avoid getting the synchronization context involved. If work starting from a UI thread is performed, but there is no particular need to remain on that thread, scheduling every continuation through the synchronization context is unnecessary overhead.</p> <p>If the asynchronous operation is a <code>Task</code>, <code>Task&lt;T&gt;</code>, <code>ValueTask</code> or <code>ValueTask&lt;T&gt;</code>, it's possible to discard the synchronization context by calling the <code>ConfigureAwait(false)</code>. This returns a different representation of the asynchronous operation, and if this iss awaited that instead of the original task, it will ignore the current <code>SynchronizationContext</code> if there is one.</p> C#<pre><code>private async Task DownloadFileAsync(string fileName)\n{\n  await OperationAsync(fileName).ConfigureAwait(false);  // discarding original context\n}\n</code></pre> <p>When writing libraries in most cases you it'ss best to call <code>ConfigureAwait(false)</code> anywhere <code>await</code> is used. This is because continuing via the synchronization context can be expensive, and in some cases it can introduce the possibility of deadlock occurring.</p> <p>The only exceptions are when are doing something that positively requires the synchronization context to be preserved, or it's know for certain that the library will only ever be used in application frameworks that do not set up a synchronization context. (ASP.NET Core applications do not use synchronization contexts, so it generally doesn\u2019t matter whether or not <code>ConfigureAwait(false)</code> is called in those)</p>"},{"location":"languages/dotnet/csharp/async-programming.html#error-handling","title":"Error Handling","text":""},{"location":"languages/dotnet/csharp/async-programming.html#argument-validation","title":"Argument Validation","text":"<p>Inside an <code>async</code> method, the compiler treats all exceptions in the same way: none are allowed to pass up the stack as in a normal method, and they will always be reported by faulting the returned task. This is true even of exceptions thrown before the first <code>await</code>.</p> <p>If the calling method immediately calls <code>await</code> on the return task, this won\u2019t matter much\u2014it will see the exception in any case. But some code may choose not to wait immediately, in which case it won\u2019t see the argument exception until later.</p> C#<pre><code>async Task&lt;string&gt; MethodWithValidationAsync(string argument)\n{\n  if(sting.IsNullOrEmpty(argument))\n  {\n     throw new ArgumentNullException(nameof(argument));  // will be thrown on await of MethodWithValidationAsync\n  }\n\n  // [...]\n\n  return await LongOperationAsync();\n}\n</code></pre> <p>In cases where you want to throw this kind of exception straightaway, the usual technique is to write a normal method that validates the arguments before calling an async method that does the work, and to make that second method either private or local.</p> C#<pre><code>// not marked with async, exception propagate directly to caller\npublic static Task&lt;string&gt; MethodWithValidationAsync(string argument)\n{\n  if(sting.IsNullOrEmpty(argument))\n  {\n     throw new ArgumentNullException(nameof(argument));  // thrown immediately\n  }\n\n  return ActualMethodAsync(argument);  // pass up task of inner method\n}\n\nprivate static async Task&lt;string&gt; ActualMethodAsync(string argument)\n{\n  // [...]\n  return await LongOperationAsync();\n}\n</code></pre> <p>Note: <code>await</code> extracts only the first exception of an <code>AggregateException</code>, this can cause the loss of information if a task (or group of tasks) has more than one error.</p>"},{"location":"languages/dotnet/csharp/collections.html","title":"C# Collections","text":""},{"location":"languages/dotnet/csharp/collections.html#arrays","title":"Arrays","text":"<p>An array is an object that contains multiple elements of a particular type. The number of elements is fixed for the lifetime of the array, so it must be specified when the array is created.</p> <p>An array type is always a reference type, regardless of the element type. Nonetheless, the choice between reference type and value type elements makes a significant difference in an array's behavior.</p> C#<pre><code>type[] array = new type[dimension];\ntype array[] = new type[dimension];  //invalid\n\ntype[] array = {value1, value2, ..., valueN};  // initializer\nvar array = new type[] {value1, value2, ..., valueN};  // initializer (var type needs new operator)\nvar array = new[] {value1, value2, ..., valueN};  // initializer w/ element type inference (var type needs new operator), can be used as method arg\n\narray[index];    // value access\narray[index] = value;    // value assignment\narray.Length;  // dimension of the array\n\n// from IEnumerable&lt;T&gt;\narray.OfType&lt;Type&gt;();  // filter array based on type, returns IEnumerable&lt;Type&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#array-methods","title":"Array Methods","text":"C#<pre><code>// overloaded search methods\nArray.IndexOf(array, item);  // return index of searched item in passed array\nArray.LastIndexOf(array, item); // return index of searched item staring from the end of the array\nArray.FindIndex(array, Predicate&lt;T&gt;)  // returns the index of the first item matching the predicate (can be lambda function)\nArray.FindLastIndex(array, Predicate&lt;T&gt;)  // returns the index of the last item matching the predicate (can be lambda function)\nArray.Find(array, Predicate&lt;T&gt;)  // returns the value of the first item matching the predicate (can be lambda function)\nArray.FindLast(array, Predicate&lt;T&gt;)  // returns the value of the last item matching the predicate (can be lambda function)\nArray.FindAll(array, Predicate&lt;T&gt;)  // returns array of all items matching the predicate (can be lambda function)\nArray.BinarySearch(array, value)  // Searches a  SORTED array for a value, using a binary search algorithm; returns the index of the found item\n\nArray.Sort(array);\nArray.Reverse(array);  // reverses the  order of array elements\nArray.Clear(start_index, x);  //removes reference to x elements starting at start index. Dimension of array unchanged (cleared elements value is set tu null)\nArray.Resize(ref array, target_dimension);  //expands or shrinks the array dimension. Shrinking drops trailing values. Array passed by reference.\n\n// Copies elements from an Array starting at the specified index and pastes them to another Array starting at the specified destination index.\nArray.Copy(sourceArray, sourceStartIndex, destinationArray, destinationStartIndex, numItemsToCopy);\n// Copies elements from an Array starting at the first element and pastes them into another Array starting at the first element.\nArray.Copy(sourceArray, destinationArray, numItemsToCopy);\nArray.Clone();  // returns a shallow copy of the array\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#multidimensional-arrays","title":"Multidimensional Arrays","text":"<p>C# supports two multidimensional array forms: jagged arrays and rectangular arrays (matrices).</p> C#<pre><code>//specify first dimension\ntype[][] jagged = new type[][]\n{\n    new[] {item1, item2, item3},\n    new[] {item1},\n    new[] {item1, item2},\n    ...\n}\n\n// shorthand\ntype[][] jagged =\n{\n    new[] {item1, item2, item3},\n    new[] {item1},\n    new[] {item1, item2},\n    ...\n}\n\n// matrices\ntype[,] matrix = new type[n, m];  // n * m matrix\ntype[,] matrix = {{}, {}, {}, ...};  // {} for each row to initialize\ntype[, ,] tensor = new type[n, m, o] // n * m * o tensor\n\nmatrix.Length;  // total number of elements (n * m)\nmatrix.GetLength(int dimension); // get the size of a particular direction\n// row = 0, column = 1, ...\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#lists","title":"Lists","text":"<p><code>List&lt;T&gt;</code> stores sequences of elements. It can grow or shrink, allowing to add or remove elements.</p> C#<pre><code>using System.Collections.Generics;\n\nList&lt;T&gt; list = new List&lt;T&gt;();\nList&lt;T&gt; list = new List&lt;T&gt; {item_1, ...};  // initialized usable since list implements IEnumerable&lt;T&gt; and has Add() method (even extension method)\nList&lt;T&gt; list = new List&lt;T&gt;(dimension);  // set list starting dimension\nList&lt;T&gt; list = new List&lt;T&gt;(IEnumerable&lt;T&gt;);  // create a list from an enumerable collection\n\n\nlist.Add(item);    //item insertion into the list\nlist.AddRange(IEnumerable&lt;T&gt; collection);  // insert multiple items\nlist.Insert(index, item);  // insert an item at the specified index\nlist.InsertRange(index, item);  // insert items at the specified index\n\nlist.IndexOf(item);  // return index of searched item in passed list\nlist.LastIndexOf(item); // return index of searched item staring from the end of the array\nlist.FindIndex(Predicate&lt;T&gt;)  // returns the index of the first item matching the predicate (can be lambda function)\nlist.FindLastIndex(Predicate&lt;T&gt;)  // returns the index of the last item matching the predicate (can be lambda function)\nlist.Find(Predicate&lt;T&gt;)  // returns the value of the first item matching the predicate (can be lambda function)\nlist.FindLast(Predicate&lt;T&gt;)  // returns the value of the last item matching the predicate (can be lambda function)\nlist.FindAll(Predicate&lt;T&gt;)  // returns list of all items matching the predicate (can be lambda function)\nlist.BinarySearch(value)  // Searches a  SORTED list for a value, using a binary search algorithm; returns the index of the found item\n\nlist.Remove(item);  // remove item from list\nlist.RemoveAt(index);  // remove item at specified position\nlist.RemoveRange(index, quantity);  // remove quantity items at specified position\n\nlist.Contains(item);  // check if item is in the list\nlist.TrueForAll(Predicate&lt;T&gt;);  // Determines whether every element matches the conditions defined by the specified predicate\n\nlist[index];  // access to items by index\nlist[index] = value;  // modify to items by index\nlist.Count;  // number of items in the list\n\nlist.Sort(); // sorts item in crescent order\nlist.Reverse(); // Reverses the order of the elements in the list\n\n// from IEnumerable&lt;T&gt;\nlist.OfType&lt;Type&gt;();  // filter list based on type, returns IEnumerable&lt;Type&gt;\nlist.OfType&lt;Type&gt;().ToList();  // filter list based on type, returns List&lt;Type&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#iterators","title":"Iterators","text":"<p>An iterator can be used to step through collections such as lists and arrays.</p> <p>An iterator method or <code>get</code> accessor performs a custom iteration over a collection. An iterator method uses the <code>yield return</code> statement to return each element one at a time. When a <code>yield return</code> statement is reached, the current location in code is remembered. Execution is restarted from that location the next time the iterator function is called.</p> <p>It's possible to use a <code>yield break</code> statement or exception to end the iteration.</p> <p>Note: Since an iterator returns an <code>IEnumerable&lt;T&gt;</code> is can be used to implement a <code>GetEnumerator()</code>.</p> C#<pre><code>// simple iterator\npublic static System.Collections.IEnumerable&lt;int&gt; IterateRange(int start = 0, int end)\n{\n    for(int i = start; i &lt; end; i++){\n        yield return i;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#list-sequence-interfaces","title":"List &amp; Sequence Interfaces","text":""},{"location":"languages/dotnet/csharp/collections.html#ienumerablet","title":"<code>IEnumerable&lt;T&gt;</code>","text":"<p>Exposes the enumerator, which supports a simple iteration over a collection of a specified type.</p> C#<pre><code>public interface IEnumerable&lt;out T&gt; : IEnumerable\n{\n    IEnumerator&lt;T&gt; GetEnumerator();  // return an enumerator\n}\n\n// iterate through a collection\npublic interface IEnumerator&lt;T&gt;\n{\n    // properties\n    object Current { get; }  // Get the element in the collection at the current position of the enumerator.\n\n    // methods\n    void IDisposable.Dispose();  // Perform application-defined tasks associated with freeing, releasing, or resetting unmanaged resources\n    bool MoveNext();  // Advance the enumerator to the next element of the collection.\n    void Reset();  // Set the enumerator to its initial position, which is before the first element in the collection.\n}\n</code></pre> <p>Note: must call <code>Dispose()</code> on enumerators once finished with them, because many of them rely on this. <code>Reset()</code> is legacy and can, in some situations, throw <code>NotSupportedException()</code>.</p>"},{"location":"languages/dotnet/csharp/collections.html#icollectiont","title":"<code>ICollection&lt;T&gt;</code>","text":"C#<pre><code>public interface ICollection&lt;T&gt; : IEnumerable&lt;T&gt;\n{\n    // properties\n    int Count { get; }  // Get the number of elements contained in the ICollection&lt;T&gt;\n    bool IsReadOnly { get; }  // Get a value indicating whether the ICollection&lt;T&gt; is read-only\n\n    // methods\n    void Add (T item);  // Add an item to the ICollection&lt;T&gt;\n    void Clear ();  // Removes all items from the ICollection&lt;T&gt;\n    bool Contains (T item);  // Determines whether the ICollection&lt;T&gt; contains a specific value\n    IEnumerator GetEnumerator ();  // Returns an enumerator that iterates through a collection\n    bool Remove (T item);  // Removes the first occurrence of a specific object from the ICollection&lt;T&gt;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#ilistt","title":"<code>IList&lt;T&gt;</code>","text":"C#<pre><code>public interface IList&lt;T&gt; : ICollection&lt;T&gt;, IEnumerable&lt;T&gt;\n{\n    // properties\n    int Count { get; }  // Get the number of elements contained in the ICollection&lt;T&gt;\n    bool IsReadOnly { get; }  // Get a value indicating whether the ICollection&lt;T&gt; is read-only\n    T this[int index] { get; set; }  // Get or set the element at the specified index\n\n    // methods\n    void Add (T item);  // Add an item to the ICollection&lt;T&gt;\n    void Clear ();  // Remove all items from the ICollection&lt;T&gt;\n    bool Contains (T item);  // Determine whether the ICollection&lt;T&gt; contains a specific value\n    void CopyTo (T[] array, int arrayIndex);  // Copy the elements of the ICollection&lt;T&gt; to an Array, starting at a particular Array index\n    IEnumerator GetEnumerator ();  // Return an enumerator that iterates through a collection\n    int IndexOf (T item);  // Determine the index of a specific item in the IList&lt;T&gt;\n    void Insert (int index, T item);  // Insert an item to the IList&lt;T&gt; at the specified index\n    bool Remove (T item);  // Remove the first occurrence of a specific object from the ICollection&lt;T&gt;\n    oid RemoveAt (int index);  // Remove the IList&lt;T&gt; item at the specified index\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#dictionaries","title":"Dictionaries","text":"<p>ValueCollection KeyCollection</p> <p>Notes:</p> <ul> <li>Enumerating a dictionary will return <code>KeyValuePair&lt;TKey, TValue&gt;</code>.</li> <li>The <code>Dictionary&lt;TKey, TValue&gt;</code> collection class relies on hashes to offer fast lookup (<code>TKey</code> should have a good <code>GetHashCode()</code>).</li> </ul> C#<pre><code>Dictionary&lt;TKey, TValue&gt; dict = new Dictionary&lt;TKey, TValue&gt;();  // init empty dict\nDictionary&lt;TKey, TValue&gt; dict = new Dictionary&lt;TKey, TValue&gt;(IEqualityComparer&lt;TKey&gt;);  // specify key comparer (TKey must implement Equals() and GetHashCode())\n\n// initializer (implicitly uses Add method)\nDictionary&lt;TKey, TValue&gt; dict =\n{\n    { key, value }\n    { key, value },\n    ...\n}\n\n// object initializer\nDictionary&lt;TKey, TValue&gt; dict =\n{\n    [key] = value,\n    [key] = value,\n    ...\n}\n\n// indexer access\ndict[key];  // read value associated with key (throws KeyNotFoundException if key does not exist)\ndict[key] = value;  // modify value associated with key (throws KeyNotFoundException if key does not exist)\n\ndict.Count;  // number of key-value pair stored in the dict\ndict.Keys;  // Dictionary&lt;TKey,TValue&gt;.KeyCollection containing the keys of the dict\ndict.Values;  // Dictionary&lt;TKey,TValue&gt;.ValueCollection containing the values of the dict\n\ndict.Add(key, value);  // ArgumentException if the key already exists\ndict.Clear();  // empty the dictionary\ndict.ContainsKey(key);  // check if a key is in the dictionary\ndict.ContainsValue(value);  // check if a value is in the dictionary\ndict.Remove(key);  // remove a key-value pair\ndict.Remove(key, out var);  // remove key-value pair and copy TValue to var parameter\ndict.TryAdd(key, value);  // adds a key-value pair; returns true if pair is added, false otherwise\ndict.TryGetValue(key, out var);  // put the value associated with kay in the var parameter; true if the dict contains an element with the specified key, false otherwise.\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#sets","title":"Sets","text":"<p>Collection of non duplicate items.</p> C#<pre><code>HashSet&lt;T&gt; set = new HashSet&lt;T&gt;();\n\nset.Add(T); // adds an item to the set; true if the element is added, false if the element is already present.\nset.Clear();  //Remove all elements from a HashSet&lt;T&gt; object.\nset.Contains(T); // Determine whether a HashSet&lt;T&gt; object contains the specified element.\nset.CopyTo(T[]);  // Coy the elements of a HashSet&lt;T&gt; object to an array.\nset.CopyTo(T[], arrayIndex);  // Copy the elements of a HashSet&lt;T&gt; object to an array, starting at the specified array index.\nset.CopyTo(T[], arrayIndex, count);  // Copies the specified number of elements of a HashSet&lt;T&gt; object to an array, starting at the specified array index.\nset.CreateSetComparer();  // Return an IEqualityComparer object that can be used for equality testing of a HashSet&lt;T&gt; object.\nset.ExceptWith(IEnumerable&lt;T&gt;);  // Remove all elements in the specified collection from the current HashSet&lt;T&gt; object.\nset.IntersectWith(IEnumerable&lt;T&gt;); // Modify the current HashSet&lt;T&gt; object to contain only elements that are present in that object and in the specified collection.\nset.IsProperSubsetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a proper subset of the specified collection.\nset.IsProperSupersetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a proper superset of the specified collection.\nset.IsSubsetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a subset of the specified collection.\nset.IsSupersetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a superset of the specified collection.\nset.Overlaps(IEnumerable&lt;T&gt;);  // Determine whether the current HashSet&lt;T&gt; object and a specified collection share common elements.\nset.Remove(T);  // Remove the specified element from a HashSet&lt;T&gt; object.\nset.RemoveWhere(Predicate&lt;T&gt;);  // Remove all elements that match the conditions defined by the specified predicate from a HashSet&lt;T&gt; collection.\nset.SetEquals(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object and the specified collection contain the same elements.\nset.SymmetricExceptWith(IEnumerable&lt;T&gt;); // Modify the current HashSet&lt;T&gt; object to contain only elements that are present either in that object or in the specified collection, but not both.\nset.UnionWith(IEnumerable&lt;T&gt;);  // Modify the current HashSet&lt;T&gt; object to contain all elements that are present in itself, the specified collection, or both.\nset.TryGetValue(T, out T);  // Search the set for a given value and returns the equal value it finds, if any.\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html","title":"<code>C#</code>","text":"<p>.NET Core is a development platform that includes a Common Language Runtime (CoreCLR), which manages the execution of code, and a Base Class Library (BCL), which provides a rich library of classes to build applications from.</p> <p>The C# compiler (named Roslyn) used by the dotnet CLI tool converts C# source code into intermediate language (IL) code and stores the IL in an assembly (a DLL or EXE file). IL code statements are like assembly language instructions, which are executed by .NET Core's virtual machine, known as CoreCLR.</p> <p>At runtime, CoreCLR loads the IL code from the assembly, the just-in-time (JIT) compiler compiles it into native CPU instructions, and then it is executed by the CPU on your machine. The benefit of this three-step compilation process is that Microsoft's able to create CLRs for Linux and macOS, as well as for Windows. The same IL code runs everywhere because of the second compilation process, which generates code for the native operating system and CPU instruction set. Regardless of which language the source code is written in, for example, C#, Visual Basic or F#, all .NET applications use IL code for their instructions stored in an assembly.</p> <p>Another .NET initiative is called .NET Native. This compiles C# code to native CPU instructions ahead of time (AoT), rather than using the CLR to compile IL code JIT to native code later. .NET Native improves execution speed and reduces the memory footprint for applications because the native code is generated at build time and then deployed instead of the IL code.</p>"},{"location":"languages/dotnet/csharp/csharp.html#basics","title":"Basics","text":""},{"location":"languages/dotnet/csharp/csharp.html#comments","title":"Comments","text":"C#<pre><code>// comment\n/* multi line comment */\n/// single line xml comment (docstring)\n/** multi line xml string (docstring) */\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#docstring-structure","title":"Docstring Structure","text":"<p><code>/** &lt;tag&gt; content &lt;/tag&gt; **/</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#naming-convention","title":"Naming Convention","text":"Element Case Namespace PascalCase Class, Interface PascalCase Method PascalCase Field, Property PascalCase Event, Enum, Enum Value, PascalCase Variables, Parameters camelCase"},{"location":"languages/dotnet/csharp/csharp.html#namespaces-imports-aliases","title":"Namespaces, Imports &amp; Aliases","text":"<p>Hierarchic organization of programs an libraries.</p> C#<pre><code>using System;  // import the System Namespace\nusing static System.Console;  // statically import a class to use its static methods w/o qualification\n\n// type aliases\nusing Alias = Namespace.SubNamespace.Type;\nusing LookupTable = Dictionary&lt;string, string&gt;;\nusing Points = (int, int, int)[];\n\n// global using [C# 10], should be in dedicated file\nglobal using &lt;namespace&gt;;\n\nnamespace Namespace;  // [C# 10]\n//or\nnamespace Namespace \n{\n}\n</code></pre> <p>To enable .NET 6/C# 10 implicit namespace imports:</p> XML<pre><code>&lt;ImplicitUsings&gt;enable&lt;/ImplicitUsings&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#top-level-statementsprograms-c-9","title":"Top Level Statements/Programs (C# 9)","text":"C#<pre><code>// imports\n\n// code here, no main, no namespace\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#main-method","title":"Main Method","text":"C#<pre><code>public static void Main(string[] args)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#constant-declaration","title":"Constant Declaration","text":"C#<pre><code>const type CONSTANT_NAME = value;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#assignment-operation","title":"Assignment Operation","text":"<p><code>type variable1 = value1, variable2 = value2, ...;</code></p> <p>If a variable has not been assigned it assumes the <code>default</code> value.</p>"},{"location":"languages/dotnet/csharp/csharp.html#input","title":"Input","text":"C#<pre><code>// input is a string, convert before saving in a non String variable\nConsole.ReadLines();    // read util &lt;Return&gt;  is pressed\nConsole.Read();    // read until space\n\n// reading non string input\n&lt;SystemType/Type&gt;.Parse(Console.ReadLines());    // convert string to numerical data type (can cause exception at runtime)\nConvert.To&lt;SystemType&gt;(Console.ReadLines());    // proper conversion and round-up of values (no truncation of values), NULL returns 0 (zero)\n\n// integers numeric base conversion\nConvert.ToString(num, &lt;base&gt;);  //  to specified numeric base\nConvert.ToInt32(string, &lt;base&gt;);  // parse from numeric base\n\nConsole.ReadKey();    // read a key from keyboard and display pressed kay immediately\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#screen-output","title":"Screen Output","text":"C#<pre><code>Console.WriteLine();    // single line output\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#string-formatting","title":"String Formatting","text":"<p><code>{index[,alignment][:&lt;formatString&gt;&lt;num_decimal_digits&gt;]}</code></p> C#<pre><code>Console.WriteLine(\"Name is {0}, Marks are {1}\", name, marks);    // string composite formatting\nConsole.WriteLine($\"Name is {name}, Marks are {marks}\");    // string interpolation\n\nConsole.WriteLine(\n    format: \"{0} {1}\"  // format can be omitted and passed as first argument of WriteLine/Write\n    arg0: \"String Literal\",\n    arg1: string_variable,\n    ...\n);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#number-format-string","title":"Number Format String","text":"<p>Numeric Format Strings Docs CultureInfo Docs</p> <p><code>{index[,alignment][:&lt;formatString&gt;&lt;num_decimal_digits&gt;]}</code></p> <p><code>$\"{number:C}\"</code> formats the number as a currency. Currency symbol &amp; symbol position are determined by <code>CultureInfo</code>. <code>$\"{number:D}\"</code> formats the number with decimal digits. <code>$\"{number:F}\"</code> formats the number with a fixed number of decimal digits. <code>$\"{number:E}\"</code> formats the number in scientific notation. <code>$\"{number:E}\"</code> formats the number in the more compact of either fixed-point or scientific notation. <code>$\"{number:N}\"</code> formats the number as a measure. Digits separators are determined by <code>CultureInfo</code>. <code>$\"{number:P}\"</code> formats the number as a percentage. <code>$\"{number:X}\"</code> formats the number as a hexadecimal.</p>"},{"location":"languages/dotnet/csharp/csharp.html#variable-types","title":"Variable Types","text":""},{"location":"languages/dotnet/csharp/csharp.html#value-type","title":"Value Type","text":"<p>A value type variable will store its values directly in an area of storage called the STACK. The stack is memory allocated to the code that is currently running on the CPU. When the stack frame has finished executing, the values in the stack are removed.</p>"},{"location":"languages/dotnet/csharp/csharp.html#reference-type","title":"Reference Type","text":"<p>A reference type variable will store its values in a separate memory region called the HEAP. The heap is a memory area that is shared across many applications running on the operating system at the same time. The .NET Runtime communicates with the operating system to determine what memory addresses are available, and requests an address where it can store the value. The .NET Runtime stores the value, then returns the memory address to the variable. When your code uses the variable, the .NET Runtime seamlessly looks up the address stored in the variable and retrieves the value that's stored there.</p>"},{"location":"languages/dotnet/csharp/csharp.html#integer-numeric-types","title":"Integer Numeric Types","text":"Keyword System Type Example Bit/Byte Min Value Max Value <code>sbyte</code> <code>System.SByte</code> 8 bit -128 127 <code>byte</code> <code>System.Byte</code> 8 bit 0 255 <code>short</code> <code>System.Int16</code> 16 bit -32'786 32'767 <code>ushort</code> <code>System.UInt16</code> 16 bit 0 65'535 <code>int</code> <code>System.Int32</code> 123 32 bit -2'47'483'648 2'147'483'647 <code>uint</code> <code>System.UInt32</code> 123u 32 bit 0 4'294'967'296 <code>nint</code> <code>System.IntPtr</code> Arch 0 18'446'744'073'709'551'615 <code>nuint</code> <code>System.UIntPtr</code> Arch -9'223'372'036'854'775'808 9'223'372'036'854'775'807 <code>long</code> <code>System.Int64</code> 123l 64 bit -9'223'372'036'854'775'808 9'223'372'036'854'775'807 <code>ulong</code> <code>System.UInt64</code> 123ul 64 bit 0 18'446'744'073'709'551'615"},{"location":"languages/dotnet/csharp/csharp.html#floating-point-numeric-types","title":"Floating-Point Numeric Types","text":"Keyword System Types Example Bit/Byte Digits Min Value Max Value <code>float</code> <code>System.Single</code> 3.14f 4 byte 6-9 -3.402823 E+38 3.402823 E+38 <code>double</code> <code>System.Double</code> 3.14 8 byte 15-17 -1.79769313486232 E+308 1.79769313486232 E+308 <code>decimal</code> <code>System.Decimal</code> 3.14m 16 byte 28-29 -79'228'162'514'264'337'593'543'950'335 79'228'162'514'264'337'593'543'950'335 <p>The static fields and methods of the <code>MathF</code> class correspond to those of the <code>Math</code> class, except that their parameters are of type <code>Single</code> rather than <code>Double</code>, and they return <code>Single</code> rather than <code>Double</code> values.</p>"},{"location":"languages/dotnet/csharp/csharp.html#biginteger","title":"BigInteger","text":"<p><code>BigInteger</code> represents an integer that will grow as large as is necessary to accommodate values. Unlike the builtin numeric types, it has no theoretical limit on its range.</p> C#<pre><code>using System;\nusing System.Numerics;\n\nBigInteger bi;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#binary-hexadecimal-numbers","title":"Binary &amp; Hexadecimal Numbers","text":"<p>Binary literal: <code>0b&lt;digits&gt;</code> Hexadecimal literal: <code>0x&lt;digits&gt;</code></p> C#<pre><code>// three variables that store the number 2 million\nint decimalNotation = 2_000_000;\nint binaryNotation = 0b_0001_1110_1000_0100_1000_0000;\nint hexadecimalNotation = 0x_001E_8480;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#boolean-type-systemboolean","title":"Boolean Type (<code>System.Boolean</code>)","text":"<p><code>bool</code>: <code>true</code> or <code>false</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#text-type-systemchar-systemstring","title":"Text Type (<code>System.Char</code> &amp; <code>System.String</code>)","text":"<p><code>char</code>: single unicode character <code>string</code>: multiple Unicode characters</p>"},{"location":"languages/dotnet/csharp/csharp.html#implicit-type","title":"Implicit Type","text":"<p>The compiler determines the required type based on the assigned value.</p> C#<pre><code>var variable = value;  // Inferred tipe cant change after first assignment\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#dynamic-type","title":"Dynamic Type","text":"C#<pre><code>dynamic variable = value;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#anonymous-types-reference-type","title":"Anonymous types (Reference Type)","text":"C#<pre><code>// cannot be used as return types\nvar x = new { Key = value, ...};  // read only properties\nx.Key;  // member access\n\nvar y = x with { Key = value };  // with expression [C# 10]\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#index-range-types-structs","title":"Index &amp; Range Types (Structs)","text":"<p>A System.Index represents a type that can be used to index a collection either from the start or the end. A System.Range represents a range that has start and end indexes.</p> C#<pre><code>Index i = position;\nIndex i = new Index(position, IsFromEnd: false);  // start-relative index\n\nIndex e = ^position;  // end-elative index\nIndex e = new Index(position, IsFromEnd: true);  // end-elative index\narray[^n];  // n-th last item\narray[array.Length - n];  // n-th last item\n\n// range syntax (supported by System.Range struct)\nRange all = 0..^0;\nRange all = 0..;\nRange all = ..^0;\nRange all = ..;\nvar all = Range.All;\n\n// slicing\narray[start..end];  // select elements between start index and end index (non inclusive)\narray[start..^n];  // select elements between start index and n-th last item (non inclusive)\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#tuples-value-type","title":"Tuples (Value Type)","text":"<p>Tuples are designed as a convenient way to package together a few values in cases where defining a whole new type wouldn't really be justified.</p> <p>Tuples support comparison, so it's possible to use the <code>==</code> and <code>!=</code> relational operators. To be considered equal, two tuples must have the same shape and each value in the first tuple must be equal to its counterpart in the second tuple.</p> C#<pre><code>(Type Var1, Type Var2, ...) variable = (value1, value2, ...);\nvar variable = (Var1: value1, Var2: value2, ...);  // if name are not supplied they default to Item1, Item2, ...\nvar variable = (var1, var2);  // constructed w/ pre-existing values, tuple attributes named after the variables\n</code></pre> <p>Since the names of the attributes of a tuple do not matter (a tuple is an instance of <code>ValueTuple&lt;Type, Type, ...&gt;</code>) it's possible to assign any tuple to another tuple with the same structure.</p> C#<pre><code>(int X, Int Y) a = (1 , 0);\n(int Width, int Height) b = a;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#tuple-deconstruction","title":"Tuple Deconstruction","text":"C#<pre><code>(int X, int Y) point = (10, 35);\n(int a, int b) = point;  // extract data based on position into two variables\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#records","title":"Records","text":"<p>I'ts possible to create record types with immutable properties by using standard property syntax or positional parameters:</p> C#<pre><code>public record Person\n{\n    public string FirstName { get; init; } = default!;\n    public string LastName { get; init; } = default!;\n};\n// same as\npublic record Person(string FirstName, string LastName);\n\npublic record struct Point\n{\n    public double X {  get; init; }\n    public double Y {  get; init; }\n    public double Z {  get; init; }\n}\n// same as\npublic readonly record struct Point(double X, double Y, double Z);\n</code></pre> <p>it's also possible to create record types with mutable properties and fields:</p> C#<pre><code>// mutable record\npublic record Person\n{\n    public string FirstName { get; set; } = default!;\n    public string LastName { get; set; } = default!;\n};\n\n// mutable record struct\npublic readonly record struct Point(double X, double Y, double Z);\n</code></pre> <p>While records can be mutable, they're primarily intended for supporting immutable data models. The record type offers the following features:</p> <ul> <li>Concise syntax for creating a reference type with immutable properties</li> <li>Built-in behavior useful for a data-centric reference type:</li> <li>Value equality</li> <li>Concise syntax for nondestructive mutation</li> <li>Built-in formatting for display</li> <li>Support for inheritance hierarchies</li> </ul> <p>Note: A positional record and a positional readonly record struct declare init-only properties. A positional record struct declares read-write properties.</p>"},{"location":"languages/dotnet/csharp/csharp.html#with-expressions","title":"<code>with</code>-expressions","text":"<p>When working with immutable data, a common pattern is to create new values from existing ones to represent a new state. To help with this style of programming, records allow for a new kind of expression; the with-expression.</p> C#<pre><code>var newRecord = oldRecord with { Property = value };\n</code></pre> <p>With-expressions use object initializer syntax to state what's different in the new object from the old object. it's possible to specify multiple properties. A record implicitly defines a protected \"copy constructor\", a constructor that takes an existing record object and copies it field by field to the new one. The <code>with</code> expression causes the copy constructor to get called, and then applies the object initializer on top to change the properties accordingly.</p> C#<pre><code>protected Record(Record original) { /* copy all the fields */ } // generated\n</code></pre> <p>Note: it's possible to define a custom copy constructor tha will be picked up by the <code>with</code> expression.</p>"},{"location":"languages/dotnet/csharp/csharp.html#with-expressions-inheritance","title":"<code>with</code>-expressions &amp; Inheritance","text":"<p>Records have a hidden virtual method that is entrusted with \"cloning\" the whole object. Every derived record type overrides this method to call the copy constructor of that type, and the copy constructor of a derived record chains to the copy constructor of the base record. A with-expression simply calls the hidden \"clone\" method and applies the object initializer to the result.</p> C#<pre><code>public record Base{ Type Prop1, Type Prop2 };\npublic record Derived : Base { Type Prop3 };\n\nBase @base  = new Derived { Prop1 = value1, Prop2 =  value2, Prop3 = value3 };\nvar newBase = @base with { Prop2 = value };  // new Derived record even if type of _base is Base since _base contains a Derived record\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#value-based-equality-inheritance","title":"Value-based Equality &amp; Inheritance","text":"<p>Records have a virtual protected property called <code>EqualityContract</code>. Every derived record overrides it, and in order to compare equal, the two objects musts have the same <code>EqualityContract</code>.</p> C#<pre><code>public record Base{ Type Prop1, Type Prop2 };\npublic record Derived : Base { Type Prop3 };\n\nBase rec1 = new Base { Prop1 = value1, Prop2 = value2 };\nBase rec2 = new Derived { Prop1 = value1, Prop2 =  value2, Prop3 = value3 };\n// will result not equal even if container is of same type\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#strings","title":"Strings","text":"<p>.NET strings are immutable. The downside of immutability is that string processing can be inefficient. If a work performs a series of modifications to a string it will end up allocating a lot of memory, because it will return a separate string for each modification. This creates a lot of extra work for .NET's garbage collector, causing the program to use more CPU time than necessary.</p> <p>In these situations, it's possible to can use a type called <code>StringBuilder</code>. This is conceptually similar to a string but it is modifiable.</p> C#<pre><code>\"string contents here\"    // string literal\n@\"string contents here\"    // verbatim string, escape characters printed as-is (raw string literal)\n$\"{variable} contents here\"    // string interpolation\n$@\"{variable} \\n contents here\"    // verbatim string interpolation\nstring stringa_1 = stringa_2 + \"string contents here\";    // string concatenation\nString.Length    // returns the length of the string\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#string-methods-not-in-place","title":"String Methods (Not In-Place)","text":"C#<pre><code>string_.IndexOf(&lt;character/string&gt;, startIndex, endIndex);    // index of first occurrence of character/string, -1 otherwise\nstring_.LastIndexOf(&lt;character/string&gt;, startIndex, endIndex);    // index last occurrence of character/string, -1 otherwise\nstring_.IndexOfAny(char_array, startIndex, endIndex);    // index of any of the characters in the supplied array\nstring_.Substring(startIndex, length);    // extract substring\nstring_.Substring(startIndex);    // return every character after startIndex\nstring_.Replace(oldString, newString);    // returns string_ with oldString replaced with newString\nstring_.Insert(startIndex, substring);    // return string_ inserting substring at position startIndex\nstring_.Remove(startIndex, length);    // return string_ removing a substring of length length at position startIndex\nstring_.ToUpper();    // transforms all string in uppercase characters\nstring_.ToLower();    // transforms all string to lowercase characters\nstring_.Contains(target);    // returns True if string contains the target, False otherwise\nstring_.StartsWith(substring);    // Determines whether the start of the string matches the substring.\nstring_.EndsWith(substring);    // Determines whether the end of the string matches the substring.\nstring_.PadLeft(n, 'character');    // insert character n times as left padding. In-place operation\nstring_.PadRight(n, 'character');    // insert character n times as right padding. In-place operation\nstring_.TrimStart();    // trim leading spaces before text\nstring_.TrimEnd();    // trim following spaces after text\nstring_.Trim();    // trim spaces around text\nstring_.GetHashCode()\nstring_.Spit('&lt;separator&gt;');    // returns an array separating the string at the occurrences of &lt;separator&gt; (&lt;separator&gt; MUST BE char)\n\nString.Join('&lt;separator&gt;', (object) iterable);    // returns a string from iterable. values separated by &lt;separator&gt; (&lt;separator&gt; MUST BE char)\nString.Format($\"{variable}\"); // string interpolation outside of a Write/WriteLine\n\nString.Empty;  // value of an empty string, used for string init\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#raw-string-literals","title":"Raw string literals","text":"<p>Raw string literals can contain arbitrary text, including whitespace, new lines, embedded quotes, and other special characters without requiring escape sequences. A raw string literal starts with at least three double-quote (<code>\"\"\"</code>) characters. It ends with the same number of double-quote characters. Typically, a raw string literal uses three double quotes on a single line to start the string, and three double quotes on a separate line to end the string. The newlines following the opening quote and preceding the closing quote aren't included in the final content:</p> C#<pre><code>string longMessage = \"\"\"\n    This is a long message.\n    It has several lines.\n        Some are indented\n                more than others.\n    Some should start at the first column.\n    Some have \"quoted text\" in them.\n    \"\"\";\n</code></pre> <p>Note: Any whitespace to the left of the closing double quotes will be removed from the string literal.</p> <p>Raw string literals can be combined with string interpolation to include braces in the output text. Multiple <code>$</code> characters denote how many consecutive braces start and end the interpolation</p> C#<pre><code>var location = $$\"\"\"\n    You are at {{{Longitude}}, {{Latitude}}}\n    \"\"\";\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-types","title":"Nullable Types","text":""},{"location":"languages/dotnet/csharp/csharp.html#nullable-value-types","title":"Nullable value types","text":"<p>A nullable value type <code>T?</code> represents all values of its underlying value type <code>T</code> and an additional <code>null</code> value.</p> <p>Any nullable value type is an instance of the generic <code>System.Nullable&lt;T&gt;</code> structure. Refer to a nullable value type with an underlying type <code>T</code> in any of the following interchangeable forms: <code>Nullable&lt;T&gt;</code> or <code>T?</code>.</p> <p>Note: Nullable Value Types default to <code>null</code>.</p> <p>When a nullable type is boxed, the common language runtime automatically boxes the underlying value of the <code>Nullable&lt;T&gt;</code> object, not the <code>Nullable&lt;T&gt;</code> object itself. That is, if the HasValue property is true, the contents of the <code>Value</code> property is boxed. When the underlying value of a nullable type is unboxed, the common language runtime creates a new <code>Nullable&lt;T&gt;</code> structure initialized to the underlying value.</p> <p>If the <code>HasValue</code> property of a nullable type is <code>false</code>, the result of a boxing operation is <code>null</code>. Consequently, if a boxed nullable type is passed to a method that expects an object argument, that method must be prepared to handle the case where the argument is <code>null</code>. When <code>null</code> is unboxed into a nullable type, the common language runtime creates a new <code>Nullable&lt;T&gt;</code> structure and initializes its <code>HasValue</code> property to <code>false</code>.</p> C#<pre><code>Type? nullableValueType = default;  // assigns null\n\nnullableValueType.HasValue  // boolean, use for null check\nnullableValueType.Value  // underlying value type contents\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-reference-types","title":"Nullable reference types","text":"<p>C# 8.0 introduces nullable reference types and non-nullable reference types that enable to make important statements about the properties for reference type variables:</p> <ul> <li> <p>A reference isn't supposed to be null. When variables aren't supposed to be null, the compiler enforces rules that ensure it's safe to dereference these variables without first checking that it isn't null:</p> </li> <li> <p>The variable must be initialized to a non-null value.</p> </li> <li> <p>The variable can never be assigned the value null.</p> </li> <li> <p>A reference may be null. When variables may be null, the compiler enforces different rules to ensure that you've correctly checked for a null reference:</p> </li> <li>The variable may only be dereferenced when the compiler can guarantee that the value isn't null.</li> <li>These variables may be initialized with the default null value and may be assigned the value null in other code.</li> </ul> <p>The <code>?</code> character appended to a reference type declares a nullable reference type. The null-forgiving operator <code>!</code> may be appended to an expression to declare that the expression isn't null. Any variable where the <code>?</code> isn't appended to the type name is a non-nullable reference type.</p>"},{"location":"languages/dotnet/csharp/csharp.html#nullability-of-types","title":"Nullability of types","text":"<p>Any reference type can have one of four nullabilities, which describes when warnings are generated:</p> <ul> <li>Nonnullable: Null can't be assigned to variables of this type. Variables of this type don't need to be null-checked before dereferencing.</li> <li>Nullable: Null can be assigned to variables of this type. Dereferencing variables of this type without first checking for null causes a warning.</li> <li>Oblivious: Oblivious is the pre-C# 8.0 state. Variables of this type can be dereferenced or assigned without warnings.</li> <li>Unknown: Unknown is generally for type parameters where constraints don't tell the compiler that the type must be nullable or nonnullable.</li> </ul> <p>The nullability of a type in a variable declaration is controlled by the nullable context in which the variable is declared.</p>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-context","title":"Nullable Context","text":"<p>Nullable contexts enable fine-grained control for how the compiler interprets reference type variables.</p> <p>Valid settings are:</p> <ul> <li>enable: The nullable annotation context is enabled. The nullable warning context is enabled.   Variables of a reference type are non-nullable, all nullability warnings are enabled.</li> <li>warnings: The nullable annotation context is disabled. The nullable warning context is enabled.   Variables of a reference type are oblivious; all nullability warnings are enabled.</li> <li>annotations: The nullable annotation context is enabled. The nullable warning context is disabled.   Variables of a reference type are non-nullable; all nullability warnings are disabled.</li> <li>disable: The nullable annotation context is disabled. The nullable warning context is disabled.   Variables of a reference type are oblivious, just like earlier versions of C#; all nullability warnings are disabled.</li> </ul> <p>In <code>Project.csproj</code>:</p> XML<pre><code>&lt;Project Sdk=\"Microsoft.NET.Sdk\"&gt;\n    &lt;PropertyGroup&gt;\n        &lt;OutputType&gt;Exe&lt;/OutputType&gt;\n        &lt;TargetFramework&gt;...&lt;/TargetFramework&gt;\n\n        &lt;!-- set nullabilty context at project level --&gt;\n        &lt;Nullable&gt;enable | warning | annotations | disable&lt;/Nullable&gt;\n    &lt;/PropertyGroup&gt;\n&lt;/Project&gt;\n</code></pre> <p>In <code>Program.cs</code>:</p> C#<pre><code>#nullable enable  // Sets the nullable annotation context and nullable warning context to enabled.\n#nullable disable  // Sets the nullable annotation context and nullable warning context to disabled.\n#nullable restore  // Restores the nullable annotation context and nullable warning context to the project settings.\n#nullable disable warnings  // Set the nullable warning context to disabled.\n#nullable enable warnings  // Set the nullable warning context to enabled.\n#nullable restore warnings  // Restores the nullable warning context to the project settings.\n#nullable disable annotations  // Set the nullable annotation context to disabled.\n#nullable enable annotations  // Set the nullable annotation context to enabled.\n#nullable restore annotations  // Restores the annotation warning context to the project settings.\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#null-conditional-null-coalescing-null-forgiving-operator-null-checks","title":"Null Conditional, Null Coalescing, Null Forgiving Operator, Null Checks","text":"C#<pre><code>Type? variable = null;  // the variable can also contain the NULL value (nullable type)\n\n&lt;expr&gt;!  // declare explicitly that the expression is not null (null forgiving operator)\n\n(variable == null ? null : variable.property)\n// same as\nvariable?.property  // if variable != null access it's property (null conditional), return null otherwise\n\nif (variable != null)\n{\n    return variable;\n}\nelse\n{\n    return value;\n}\n// same as\nvar variable = var ?? value  // return var if var != null, return value otherwise\n\nvariable = variable?.property ?? value  // if (variable == null) -&gt; variable = value -- null coalescing\n// same as\nvariable ??= value;  // if (variable == null) -&gt; variable = value -- null coalescing\n\n// null checks through patter matching\nvariable is null\nvariable is not null\n\n// null parameter checking [C# 10]\nArgumentNullException.ThrowIfNull(obj);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-attributes","title":"Nullable Attributes","text":"<p>It's possible to apply a number of attributes that provide information to the compiler about the semantics of APIs. That information helps the compiler perform static analysis and determine when a variable is not null.</p> <ul> <li><code>AllowNull</code>: A non-nullable input argument may be null.</li> <li><code>DisallowNull</code>: A nullable input argument should never be null.</li> <li><code>MaybeNull</code>: A non-nullable return value may be null.</li> <li><code>NotNull</code>: A nullable return value will never be null.</li> <li><code>MaybeNullWhen</code>: A non-nullable input argument may be null when the method returns the specified bool value.</li> <li><code>NotNullWhen</code>: A nullable input argument will not be null when the method returns the specified bool value.</li> <li><code>NotNullIfNotNull</code>: A return value isn't null if the argument for the specified parameter isn't null.</li> <li><code>DoesNotReturn</code>: A method never returns. In other words, it always throws an exception.</li> <li><code>DoesNotReturnIf</code>: This method never returns if the associated bool parameter has the specified value.</li> </ul>"},{"location":"languages/dotnet/csharp/csharp.html#type-conversion","title":"Type Conversion","text":"C#<pre><code>variable.GetType();  // System type of variable\n\n(type) variable  // explicit conversion\nnumericalType.ToSting();     // convert numerical value to a string\nnumericalType variable = &lt;SystemType/Type&gt;.Parse();    // convert string to numerical data type (can cause exception at runtime)\n\n&lt;SystemType/Type&gt;.TryParse(value, out variable);    // improved version of Parse()\n/* attempts to parse a string into the given numeric data type.\nIf successful, it will store the converted value in an OUT PARAMETER.\nIt returns a bool to indicate if it was successful or not */\n\nConvert.To&lt;SystemType&gt;(variable);    // proper conversion and round-up of values (no truncation of values)\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#converting-from-any-type-to-a-string","title":"Converting from any type to a string","text":"<p>The <code>ToString</code> method converts the current value of any variable into a textual representation. Some types can't be sensibly represented as text, so they return their namespace and type name.</p>"},{"location":"languages/dotnet/csharp/csharp.html#number-downcasting","title":"Number Downcasting","text":"<p>The rule for rounding (in explicit casting) in C# is subtly different from the primary school rule:</p> <ul> <li>It always rounds down if the decimal part is less than the midpoint <code>.5</code>.</li> <li>It always rounds up if the decimal part is more than the midpoint <code>.5</code>.</li> <li>It will round up if the decimal part is the midpoint <code>.5</code> and the non-decimal part is odd, but it will round down if the non-decimal part is even.</li> </ul> <p>This rule is known as Banker's Rounding, and it is preferred because it reduces bias by alternating when it rounds up or down.</p>"},{"location":"languages/dotnet/csharp/csharp.html#converting-from-a-binary-object-to-a-string","title":"Converting from a binary object to a string","text":"<p>The safest thing to do is to convert the binary object into a string of safe characters. Programmers call this Base64 encoding. The <code>Convert</code> type has a pair of methods, <code>ToBase64String</code> and <code>FromBase64String</code>, that perform this conversion.</p>"},{"location":"languages/dotnet/csharp/csharp.html#parsing-from-strings-to-numbers-or-dates-and-times","title":"Parsing from strings to numbers or dates and times","text":"<p>The second most common conversion is from strings to numbers or date and time values. The opposite of <code>ToString</code> is <code>Parse</code>. Only a few types have a <code>Parse</code> method, including all the number types and <code>DateTime</code>.</p>"},{"location":"languages/dotnet/csharp/csharp.html#preprocessor-directives","title":"Preprocessor Directives","text":"<p>C# offers a <code>#define</code> directive that lets you define a compilation symbol. These symbols are commonly used in conjunction with the <code>#if</code> directive to compile code in different ways for different situations. It's common to define compilation symbols through the compiler build settings: open up the <code>.csproj</code> file and define the values you want in a <code>&lt;DefineConstants&gt;</code> element of any <code>&lt;PropertyGroup&gt;</code>.</p> <p>Compilation symbols are typically used in conjunction with the <code>#if</code>, <code>#else</code>, <code>#elif</code>, and <code>#endif</code> directives (<code>#if false</code> also exists).</p> <p>The .NET SDK defines certain symbols by default. It supports two configurations: Debug and Release. It defines a <code>DEBUG</code> compilation symbol in the Debug configuration, whereas Release will define <code>RELEASE</code> instead. It defines a symbol called <code>TRACE</code> in both configurations.</p> C#<pre><code>#if DEBUG\n    // instructions\n#endif\n</code></pre> <p>C# provides a more subtle mechanism to support this sort of thing, called a conditional method. The compiler recognizes an attribute defined by the .NET class libraries, called <code>ConditionalAttribute</code>, for which it provides special compile time behavior. Method annotated with this attribute will not be present in a non-Debug release.</p> C#<pre><code>[System.Diagnostics.Conditional(\"DEBUG\")]\nType Method() { ... }\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#error-and-warning","title":"<code>#error</code> and <code>#warning</code>","text":"<p>C# allows choose to generate compiler errors or warnings with the <code>#error</code> and <code>#warning</code> directives. These are typically used inside conditional regions.</p> C#<pre><code>#if NETSTANDARD\n    #error .NET Standard is not a supported target for this source file\n#endif\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#pragma","title":"<code>#pragma</code>","text":"<p>The <code>#pragma</code> directive provides two features: it can be used to disable selected compiler warnings, and it can also be used to override the checksum values the compiler puts into the <code>.pdb</code> file it generates containing debug information. Both of these are designed primarily for code generation scenarios, although they can occasionally be useful to disable warnings in ordinary code.</p> C#<pre><code>#pragma warning disable CS&lt;number&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#expressions-operators","title":"Expressions &amp; Operators","text":""},{"location":"languages/dotnet/csharp/csharp.html#primary-expressions","title":"Primary Expressions","text":"Syntax Operation x<code>.</code>m access to member <code>m</code> of object <code>x</code> (\".\" \u2192 member access operator) x<code>(...)</code> method invocation (\"()\" \u2192 method invocation operator) x<code>[...]</code> array access <code>new</code> T(...) object instantiation <code>new</code> T(...)<code>{...}</code> object instantiation with initial values <code>new</code> T[...] array creation <code>typeof(T)</code> System.Type of object x <code>nameof(x)</code> name of variable x <code>sizeof(x)</code> size of variable x <code>default(T)</code> default value of <code>T</code> <code>x!</code> declare x as not null"},{"location":"languages/dotnet/csharp/csharp.html#unary-operators","title":"Unary Operators","text":"Operator Operation <code>+</code>x identity <code>-</code>x negation <code>!</code>x logic negation <code>~</code>x binary negation <code>++</code>x pre-increment <code>--</code>x pre-decrement x<code>++</code> post-increment x<code>--</code> post decrement <code>(type)</code>x explicit casting"},{"location":"languages/dotnet/csharp/csharp.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation x <code>+</code> y addition, string concatenation x <code>-</code> y subtraction x <code>*</code> y multiplication x <code>/</code> y integer division, x <code>%</code> y modulo, remainder x <code>&lt;&lt;</code> y left bit shift x <code>&gt;&gt;</code> y right bit shift"},{"location":"languages/dotnet/csharp/csharp.html#relational-operators","title":"Relational Operators","text":"Operator Operation x <code>&lt;</code> y less than x <code>&lt;=</code> y less or equal to x <code>&gt;</code> y greater than x <code>&gt;=</code> y greater or equal to x <code>is</code> T <code>true</code> if <code>x</code> is an object of type <code>T</code> x <code>==</code> y equality x <code>!=</code> y inequality"},{"location":"languages/dotnet/csharp/csharp.html#logical-operators","title":"Logical Operators","text":"Operator Operation Name <code>~</code>x bitwise NOT x <code>&amp;</code> y bitwise AND x <code>^</code> y bitwise XOR x <code>|</code> y bitwise OR x <code>&amp;&amp;</code> y evaluate <code>y</code> only if <code>x</code> is <code>true</code> x <code>||</code> y evaluate <code>y</code> only if <code>x</code> is <code>false</code> x <code>??</code> y evaluates to <code>y</code> only if <code>x</code> is <code>null</code>, <code>x</code> otherwise Null coalescing x<code>?.</code>y stop if <code>x == null</code>, evaluate <code>x.y</code> otherwise Null conditional"},{"location":"languages/dotnet/csharp/csharp.html#assignment","title":"Assignment","text":"Operator Operation x <code>+=</code> y x = x + y x <code>-=</code> y x = x - y x <code>*=</code> y x = x * y x <code>/=</code> y x = x / y x <code>%=</code> y x = x % y x <code>&lt;&lt;=</code> y x = x &lt;&lt; y x <code>&gt;&gt;=</code> y x = x &gt;&gt; y x <code>&amp;=</code> y x = x &amp; y x <code>|=</code> y x = x x <code>^=</code> y x = x ^ y x <code>??=</code> y if (x == null) {x = y}"},{"location":"languages/dotnet/csharp/csharp.html#conditional-operator","title":"Conditional Operator","text":"<p><code>&lt;condition&gt; ? &lt;return_if_condition_true&gt; : &lt;return_if_condition_false&gt;;</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/dotnet/csharp/csharp.html#if-else-if-else","title":"<code>If</code>-<code>Else If</code>-<code>Else</code>","text":"C#<pre><code>Object o;\n\nif (condition)\n{\n    // code here\n}\nelse if (o is Type t)  // test variable to determine if matches a type\n{\n    // t gets the value of o if the test succeeds\n}\nelse\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#pattern-matching","title":"Pattern Matching","text":"<p>Pattern Matching</p> <p>A pattern describes one or more criteria that a value can be tested against. It's usable in switch statements, switch expressions and if statements.</p> C#<pre><code>// type pattern\n&lt;expr&gt; is Type t  // type pattern\n\n// positional pattern\n&lt;expr&gt; is (Type X, Type Y):  // positional pattern\n&lt;expr&gt; is (Type X, _):  // discard pattern\n\n// property pattern\n&lt;expr&gt; is Type { Property: value }:  // is type and property has a certain value\n&lt;expr&gt; is Type { Property: value } out:  // output variable is usable in the block\n&lt;expr&gt; is { Property.InnerProperty: value }  // match nested properties\n\n// constant pattern\n&lt;expr&gt; is literalValue  // e.g. 1, 'c', \"literal\"\n&lt;expr&gt; is CONSTANT\n&lt;expr&gt; is Enum.Value\n\n// logical patterns\n&lt;expr&gt; is not pattern\n&lt;expr&gt; is pattern and pattern\n&lt;expr&gt; is pattern or pattern\n\n// relational pattern\n&lt;expr&gt; is &gt; value\n&lt;expr&gt; is &lt; value\n&lt;expr&gt; is &lt;= value\n&lt;expr&gt; is &gt;= value\n\n// multiple value &amp; nested value patterns\n&lt;expr&gt; is { Property.InnerProperty: value }  // match in nested properties\n&lt;expr&gt; is { Property1 : value1, Property2: value2 }  // multiple inputs\n&lt;expr&gt; is (value1, value2)  // multiple inputs (with deconstruction)\n\n// multiple values and relations\n&lt;expr&gt; is ( &gt; value1, &gt; value2),\n&lt;expr&gt; is { Property1: &gt; value1, Property2: &gt; value2 }\n\n// list patterns\n&lt;expr&gt; is [value1, value2, value1]  // positional match\n&lt;expr&gt; is [value1 or value2, &lt;= value3, &gt;= value4]  // relational comparison\n&lt;expr&gt; is [&lt; 0, .. { Length: 2 or 4 }, &gt; 0]  // item property match\n&lt;expr&gt; is [_, var middle, _] // discarding &amp; capturing\n&lt;expr&gt; is [value1, .., valueN]  // match any number of items\n&lt;expr&gt; is [value1, .. var rest]  // capture any number of items\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#switch","title":"Switch","text":"<p>The <code>when</code> keyword can be used to specify a filter condition that causes its associated case label to be true only if the filter condition is also true.</p> <p>Switch Expressions</p> C#<pre><code>switch (expr)\n{\n    // multiple labels for same block\n    case key_0:\n    case key_1:\n        // code here\n        break;  // or return or goto\n\n    case key_2:\n        // code here\n        goto case key_2;  // explicit fall-through (omitting break is not possible in c#)\n\n    case key_3 when (when-condition):\n        // code here\n        break;\n\n    // cases using pattern matching\n\n    default:\n        // code here\n        break;\n}\n\n// return a value based on the value of an input variable or tuple\nvariable switch\n{\n    key_1 =&gt; value,\n    key_2 =&gt; value,\n    // cases using pattern matching\n    ...\n    _ =&gt; default_value  // underscore (_) discard pattern as default case\n};\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#loop-statements","title":"Loop Statements","text":""},{"location":"languages/dotnet/csharp/csharp.html#while-loop","title":"<code>While</code> Loop","text":"C#<pre><code>while (condition)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#do-while-loop","title":"<code>Do</code>-<code>While</code> Loop","text":"<p>Executes at least one time.</p> C#<pre><code>do\n{\n    // code here\n}\nwhile (condition);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#for-loop","title":"<code>For</code> Loop","text":"C#<pre><code>for (initializer; condition; iterator)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#foreach-loop","title":"<code>Foreach</code> Loop","text":"<p>Technically, the <code>foreach</code> statement will work on any type that follows these rules:</p> <ol> <li>The type must have a method named <code>GetEnumerator</code> that returns an object.</li> <li>The returned object must have a property named <code>Current</code> and a method named <code>MoveNext</code>.</li> <li>The <code>MoveNext</code> method must return true if there are more items to enumerate through or false if there are no more items.</li> </ol> <p>There are interfaces named <code>IEnumerable</code> and <code>IEnumerable&lt;T&gt;</code> that formally define these rules but technically the compiler does not require the type to implement these interfaces.</p> C#<pre><code>foreach (type item in iterabile)\n{\n    // code here\n}\n</code></pre> <p>Note: Due to the use of an iterator, the variable declared in a foreach statement cannot be used to modify the value of the current item. Note: From C# 9 it's possible to implement <code>GetEnumerator()</code> as an extension method making enumerable an class that normally isn't.</p> <p>Example:</p> C#<pre><code>// make integers enumerable\npublic static IEnumerator&lt;int&gt; GetEnumerator(this int source)\n{\n    for(int i = 0; i &lt; number; i++)\n    {\n        yield return i;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#break-continue","title":"<code>Break</code>, <code>Continue</code>","text":"<p><code>break;</code> interrupts and exits the loop. <code>continue;</code> restarts the loop cycle without evaluating the instructions.</p>"},{"location":"languages/dotnet/csharp/csharp.html#yield-statement","title":"Yield Statement","text":"C#<pre><code>yield return &lt;expression&gt;;    // returns the results one at a time.\nyield break;    // concludes the iteration\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#context-statement-using-declarations","title":"Context Statement &amp; Using Declarations","text":"C#<pre><code>using (Type obj = new Type())  // obj disposed at the end of the using block\n{\n    // code here\n}\n\n// or (C# 8+)\n{\n    // inside a code block (if, loop, function)\n    using Type obj = new Type();  // disposed at the end of the block\n\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#checkedunchecked-statements","title":"<code>Checked</code>/<code>Unchecked</code> Statements","text":"<p>In checked code block ore expression the mathematic overflow causes an <code>OverflowException</code>. In unchecked code block the mathematic overflow is ignored end the result is truncated.</p> <p>It's possible configure the C# compiler to put everything into a checked context by default, so that only explicitly unchecked expressions and statements will be able to overflow silently. It is done by editing the <code>.csproj</code> file, adding <code>&lt;CheckForOverflowUnderflow&gt;true&lt;/CheckForOverflowUnderflow&gt;</code> inside a <code>&lt;PropertyGroup&gt;</code>.</p> <p>Note: checking can make individual integer operations several times slower.</p> C#<pre><code>checked\n{\n    // code here\n}\n\nchecked(&lt;expr&gt;);\n\nunchecked\n{\n    // code here\n}\n\nunchecked(&lt;expr&gt;);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#exception-handling","title":"Exception Handling","text":"<p>Exception Object</p> C#<pre><code>try\n{\n    // \"dangerous\" code\n}\ncatch (SpecificException e)\n{\n}\ncatch (SpecificException e) when (condition)  // exception filter\n{\n}\ncatch (Exception e)\n{\n    // code executed if Exception happens\n    e.Message  // exception message\n    e.InnerException  // Exception instance that caused the current exception\n    e.Source  // Get or set the name of the application or the object that causes the error\n}\nfinally\n{\n    // code executed anyway\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#throwing-exceptions","title":"Throwing Exceptions","text":"C#<pre><code>throw new ExceptionClass();\nthrow new ExceptionClass(\"message\");\n\n// RE-THROWING EXCEPTIONS\ntry\n{\n    // dangerous code\n}\ncatch (SpecificException e)\n{\n    // log error\n    throw;  // rethrow exception w/o loosing StackTrace &amp; TargetSite information (usable only inside catch)\n}\n\n// Immediately terminate a process after writing a message to the Windows Application event log, and then include the message and optional exception information in error reporting to Microsoft.\nEnvironment.FailFast(causeOfFailure);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#custom-exceptions","title":"Custom Exceptions","text":"C#<pre><code>public class CustomException : Exception  // must derive from Exception (either directly or indirectly)\n{\n    public CustomException()\n    {\n    }\n\n    public CustomException(string message)\n        : base(message)\n    {\n    }\n\n    public CustomException(string message, Exception inner)\n        : base(message, inner)\n    {\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#enums","title":"Enums","text":"<p>An enumeration type (or enum type) is a value type defined by a set of named constants of the underlying integral numeric type (<code>int</code>, <code>long</code>, <code>byte</code>, ...). Consecutive names increase the value by one.</p> C#<pre><code>[Flags]  // indicate that the flag can be combined (best if values are binary) as a bit mask\nenum EnumType : IntegralNumericType // named values MUST match IntegerNumericType allowed values\n{\n    None = 0,            // if uninitiated value is zero\n    Const = 2,     // value is 2\n    Const2,          // value is Const + 1\n    ...\n}\n\n(Type) EnumType.Const;  // extract the value, will return the name otherwise\n(EnumType) value;  // convert from associated value to enum\n\nEnum.IsDefined(typeof(EnumType), value);  // whether a given integral value, or its name as a string, exists in a specified enumeration.\nenumObj.HasValue(enumType.Const)  // test whether a flag is set in a numeric value\n\nEnumType instance = (EnumType) EnumType.ToObject(typeof(EnumType), value);  // convert a value of any integral type to an enumeration value\n\n// Converts the string representation of the name or numeric value of one or more enumerated constants to an equivalent enumerated object\nEnum.Parse(typeof(EnumType), value);\nEnum.TryParse&lt;EnumType&gt;(string, out EnumType enumObj);\n\n// retrieve a string array containing the names of the enumeration members\nstring[] enumNames = Enum.GetNames(typeof(EnumType));\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#methods","title":"Methods","text":"<p>The method signature is the number &amp; type of the input parameters defined for the method.</p> <p>C# makes the fairly common distinction between parameters and arguments: a method defines a list of the inputs it expects (the parameters) and the code inside the method refers to these parameters by name. The values seen by the code could be different each time the method is invoked, and the term argument refers to the specific value supplied for a parameter in a particular invocation.</p> C#<pre><code>type MethodName (type parameter, ...)\n{\n    // code here\n    return &lt;expression&gt;;\n}\n\nvoid MethodName (type parameter, ...) {\n    // code here\n    return;  // if type is void return can be used to force early termination or can be omitted\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#expression-body-definition","title":"Expression Body Definition","text":"C#<pre><code>type MethodName() =&gt; &lt;expression&gt;;    // expression result type MUST match method type\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#arbitrary-number-of-parameter-in-methods","title":"Arbitrary Number Of Parameter In Methods","text":"C#<pre><code>// params keyword must be last parameter and must be an array\ntype MethodName (type parameter, params type[] args)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#named-arguments","title":"Named Arguments","text":"C#<pre><code>type MethodName (type param1, type param2, ...) { }\n\nMethodName(param1: value, param2: value);\nMethodName(param2: value, param1: value);  // order can be any\n\n// Named arguments, when used with positional arguments, are valid as long as they're not followed by any positional arguments, or they're used in the correct position.\nMethodName(value, param2: value);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#optional-arguments","title":"Optional Arguments","text":"<p>The definition of a method, constructor, indexer, or delegate can specify that its parameters are required or that they are optional. Any call must provide arguments for all required parameters, but can omit arguments for optional parameters.</p> <p>Each optional parameter has a default value as part of its definition. If no argument is sent for that parameter, the default value is used. Optional parameters are defined at the end of the parameter list, after any required parameters.</p> <p>A default value must be one of the following types of expressions:</p> <ul> <li>a constant expression;</li> <li>an expression of the form new ValType(), where ValType is a value type, such as an enum or a struct;</li> <li>an expression of the form default(ValType), where ValType is a value type.</li> </ul> C#<pre><code>type MethodName (type required, type firstOptional = default_value, type secondOptional = default_value, ...) { }\nMethodName(value1);  // use defaults for optional arguments\nMethodName(required: value, secondOptional: value);  // use default for first optional but pass second optional\n</code></pre> <p>Note: If the caller provides an argument for any one of a succession of optional parameters, it must provide arguments for all preceding optional parameters. Comma-separated gaps in the argument list are not supported.</p>"},{"location":"languages/dotnet/csharp/csharp.html#passing-values-by-reference-ref-out-in","title":"Passing Values By Reference (<code>ref</code>, <code>out</code>, <code>in</code>)","text":"<p>Ref Docs, Out Docs, In Docs</p> <p>The <code>out</code>, <code>in</code>, <code>ref</code> keywords cause arguments to be passed by reference. It makes the formal parameter an alias for the argument, which must be a variable. In other words, any operation on the parameter is made on the argument. This behaviour is the same for classes and structs.</p> <p>An argument that is passed to a <code>ref</code> or <code>in</code> parameter must be initialized before it is passed. However <code>in</code> arguments cannot be modified by the called method. Variables passed as <code>out</code> arguments do not have to be initialized before being passed in a method call. However, the called method is required to assign a value before the method returns.</p> <p>Use cases:</p> <ul> <li><code>out</code>: return multiple values from a method (move data into method)</li> <li><code>ref</code>: move data bidirectionally between method and call scope</li> <li><code>in</code>: pass large value type (e,g, struct) as a reference avoiding copying large amounts of data (must be readonly, copied regardless otherwise)</li> </ul> <p>Note: use <code>in</code> only with readonly value types, because mutable value types can undo the performance benefits. (Mutable value types are typically a bad idea in any case.)</p> <p>While the method can use members of the passed reference type, it can't normally replace it with a different object. But if a reference type argument is marked with ref, the method has access to the variable, so it could replace it with a reference to a completely different object.</p> C#<pre><code>// method declaration\ntype MethodName (type param1,  ref type param2, out type param3, in type param4, ...)\n{\n    // code here\n}\n\n// method call needs REF &amp; OUT keywords, IN keyword is optional (pass by reference regardless)\nMethodName(arg1, ref arg2, out arg3, in arg4);\nMethodName(arg1, ref arg2, out arg3, arg4);\n\ntype OutMethod(type param1, out type param2){}\nOutMethod(arg1, out var arg2);  // create out variable on the fly\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#returning-multiple-values-with-tuples","title":"Returning Multiple Values with Tuples","text":"<p>Must be C# 7+. The retuned tuple MUST match the tuple-type in the instantiation</p> C#<pre><code>(type returnedVar1, type returnedVar2, ...) MethodName (type parameter, ...)\n{\n   // code here\n   return (expression, expression, ...)\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#returning-multiple-values-w-structs-return-struct-variable","title":"Returning Multiple Values W/ Structs (Return Struct Variable)","text":"C#<pre><code>StructName MethodName (args)\n{\n   // code here\n   var variable = new StructName     {\n       // code here\n   }\n\n   return variable;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#local-functions","title":"Local Functions","text":"C#<pre><code>type OuterMethod(...)\n{\n    var foo = InnerMethod();\n\n    type InnerMethod(...) { }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#extension-methods","title":"Extension Methods","text":"<p>Extension methods allow their usage applied to the extended type as if their declaration was inside the object's class. Extension methods are not really members of the class for which they are defined. It's just an illusion maintained by the C# compiler, one that it keeps up even in situations where method invocation happens implicitly.</p> <p>Note: Extension Method can be declared only inside static classes. Extension methods are available only if their namespace is imported with the <code>using</code> keyword.</p> C#<pre><code>public static class ExtensionMethods\n{\n    type ExtensionMethod(this type param)\n    {\n        // code here\n    }\n}\n\ntype var = value;\nvar.ExtensionMethod();  // use the method on a object as if the method belongs to the object\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#iterators","title":"Iterators","text":"<p>An iterator can be used to step through collections such as lists and arrays.</p> <p>An iterator method or <code>get</code> accessor performs a custom iteration over a collection. An iterator method uses the <code>yield return</code> statement to return each element one at a time. When a <code>yield return</code> statement is reached, the current location in code is remembered. Execution is restarted from that location the next time the iterator function is called.</p> <p>It's possible to use a <code>yield break</code> statement or exception to end the iteration.</p> <p>Note: Since an iterator returns an <code>IEnumerable&lt;T&gt;</code> is can be used to implement a <code>GetEnumerator()</code>.</p> C#<pre><code>// simple iterator\npublic static System.Collections.IEnumerable&lt;int&gt; IterateRange(int start = 0, int end)\n{\n    for(int i = start; i &lt; end; i++){\n        yield return i;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#structs-custom-value-types-classes-custom-reference-types","title":"Structs (Custom Value Types) &amp; Classes (Custom Reference Types)","text":"<p>Structure types have value semantics. That is, a variable of a structure type contains an instance of the type.</p> <p>Class types have reference semantics. That is, a variable of a class type contains a reference to an instance of the type, not the instance itself.</p> <p>Typically, you use structure types to design small data-centric types that provide little or no behavior. If you're focused on the behavior of a type, consider defining a class. Because structure types have value semantics, we recommend you to define immutable structure types.</p> <p>Creating a new instance of a value type doesn't necessarily mean allocating more memory, whereas with reference types, a new instance means anew heap block. This is why it's OK for each operation performed with a value type to produce a new instance.</p> <p>The most important question is : does the identity of an instance matter? In other words, is the distinction between one object and another object important?</p> <p>An important and related question is: does an instance of the type contain state that changes over time? Modifiable value types tend to be problematic, because it's all too easy to end up working with some copy of a value, and not the correct instance. So it's usually a good idea for value types to be immutable. This doesn't mean that variables of these types cannot be modified; it just means that to modify the variable, its contents must be replaced entirely with a different value.</p> C#<pre><code>public struct Point\n{\n    public Point(double x, double y)\n    {\n        X = x;\n        Y = y;\n    }\n\n    public double X { get; set; }\n    public double Y { get; set; }\n\n    public override string ToString() =&gt; $\"({X}, {Y})\";\n\n}\n</code></pre> <p>Note: From C# 10 is possible to have a parameterless constructor and make a new struct using a <code>with</code> statement. Note: From C# 11 uninitialized values will be filed with their defaults</p> <p>The only way to affect a struct variable both inside a method and outside is to use the <code>ref</code> keyword;</p>"},{"location":"languages/dotnet/csharp/csharp.html#modifiers-methods-variables","title":"Modifiers (Methods &amp; Variables)","text":"<p>A locally scoped variable is only accessible inside of the code block in which it's defined. If you attempt to access the variable outside of the code block, you'll get a compiler error.</p> <p>Access Modifiers</p> C#<pre><code>// ACCESS MODIFIERS\npublic    // visible from everywhere\nprivate    // not visible outside of the class (default for members)\nprotected    // visible only to the same class and extending classes\ninternal  // available for use only within the assembly (default for classes)\nprotected internal  // can be accessed by any code in the assembly in which it's declared, or from within a derived class in another assembly\nprivate protected  // can be accessed only within its declaring assembly, by code in the same class or in a type that is derived from that class\nfile  // can be accessed only in the same file in which is declared. Will not clash with other classes/method/interface with the same name\n\nreadonly  // value can be read but not modified\nstatic  // not of the instance of a class\nsealed  // cannot be inherited or overridden (default case), sealing a virtual class/method prevents further modifications (on methods sealed must always be used with override)\nabstract  // derived classes MUST implement this\nvirtual  // can be overridden by derived classes (applicable to Properties)\nnew  // hide base's (parent's) method\n\nasync  // method, lambda expression, or anonymous method is asynchronous\nvolatile // field might be modified by multiple threads that are executing at the same time\nunsafe // unsafe context, required for any operation involving pointers\nextern // method is implemented externally\n</code></pre> <p><code>partial</code> indicates that other parts of the class, struct, or interface can be defined in the namespace. All the parts must use the partial keyword. All the parts must be available at compile time to form the final type. All the parts must have the same accessibility.</p> <p>If any part is declared abstract, then the whole type is considered abstract. If any part is declared sealed, then the whole type is considered sealed. If any part declares a base type, then the whole type inherits that class.</p>"},{"location":"languages/dotnet/csharp/csharp.html#methods_1","title":"Methods","text":"C#<pre><code>class Class\n{\n    static Type Method(Type Argument, ...) {}  // static method, can operate ONLY on STATIC VARIABLES\n\n    Type Method(Type Argument, ...) {}  // instance method, can operate on INSTANCE VARIABLES\n\n    // override inherited method\n    public override Type Method()\n    {\n    }\n\n    // visrual methods CAN be overridden\n    public virtual Type Method()\n    {\n    }\n}```\n\n### Constructors\n\n```cs\nclass Class(Type Parameter, ...)  // primary constructor (like records)\n{\n\n    public Class() { }  // parameterless constructor\n\n    // standard constructor\n    public Class(type parameter)\n    {\n        _field = field;\n    }\n\n    // extends an existing constructor adding parameters to the existing ones\n    public Class(type parameter, type other) : this(parameter)\n    {\n        _other = other;\n    }\n}\n</code></pre> <p>Note: if a primary constructor is used all other constructors must use <code>this(...)</code> to invoke it</p>"},{"location":"languages/dotnet/csharp/csharp.html#properties-fields","title":"Properties &amp; Fields","text":"<p>Properties Docs</p> <p>A field is a variable of any type that is declared directly in a class or struct. Fields are members of their containing type. A property is a member that provides a flexible mechanism to read, write, or compute the value of a private field.</p> C#<pre><code>class Class\n{\n\n    public static Type Field = value;    // static (non-instance) public field  w/ initializer\n\n    private Type _field = value;    // private instance field w/ initializer\n    private Type _field;  // private instance field, initialized by constructor\n\n    private type _backingField;\n\n    // PROPERTY\n    public type Property\n    {\n        get { return _backingField }\n        set { _backingField = value; }\n    }\n\n    // PROPERTY WITH EXPRESSION BODY DEFINITIONS\n    public type Property\n    {\n        get =&gt; _backingField;\n        set =&gt; _backingField = value;\n    }\n\n    // REQUIRED PROPERTY prop must be set at obj init (in constructor or initializer)\n    public required Type Property { get; set; }\n\n    // EXPRESSION-BODIED READ-ONLY PROPERTY\n    public type Property =&gt; &lt;expr&gt;;\n\n    // AUTO-PROPERTIES\n    public Property { get; set; }\n    public Property { get; private set; }  // settable only inside class\n    public Property { get; init; } // settable only in constructor, initializer, keyword with\n    public Property { get; }  // can only be setted by constructor\n\n    // MIXED\n    public type Property\n    {\n        get =&gt; _backingField;\n        set =&gt; { ... }\n    }\n\n    Property = value;  // set\n    Property;  // get\n}\n</code></pre> <p>Note: The <code>init</code> accessor is a variant of the <code>set</code> accessor which can only be called during object initialization. Because <code>init</code> accessors can only be called during initialization, they are allowed to mutate <code>readonly</code> fields of the enclosing class, just like in a constructor. Note: creating at least one constructor hides the one provided by default (w/ zero parameters).</p>"},{"location":"languages/dotnet/csharp/csharp.html#object-and-collection-initializers","title":"Object and Collection Initializers","text":"<p>Object initializers allow to assign values to any accessible fields or properties of an object at creation time without having to invoke a constructor followed by lines of assignment statements. The object initializer syntax enables to specify arguments for a constructor or omit the arguments (and parentheses syntax).</p> C#<pre><code>public class Class\n{\n    // Auto-implemented properties.\n    public Type Prop1 { get; set; }\n    public Type Prop2 { get; set; }\n\n    public Class()\n    {\n    }\n\n    public Class(Type arg)\n    {\n        Prop1 = arg;\n    }\n}\n\n// standard way\nClass obj = new Class(arg1)\nobj.Prop2 = arg2;\n\n// known target type\nClass obj = new(arg1, ...)\n\n// object initializers\nClass obj = new Class { Prop2 = arg2, Prop1 = arg1 };  // w/o constructor\nClass obj = new Class(arg1) { Prop2 = arg2 };  // w/ constructor\n\n// with keyword\nvar copy = original with { Prop = newValue };  // other props are copies of the original\n</code></pre> C#<pre><code>public class Matrix\n{\n    private double[,] matrix = new double[3, 3];\n\n    public double this[int row, int column]\n    {\n        // The embedded array will throw out of range exceptions as appropriate.\n        get { return matrix[row, column]; }\n        set { matrix[row, column] = value; }\n    }\n}\n\n// collection initializer\nvar identity = new Matrix\n{\n    [0, 0] = 1.0,\n    [0, 1] = 0.0,\n    [0, 2] = 0.0,\n\n    [1, 0] = 0.0,\n    [1, 1] = 1.0,\n    [1, 2] = 0.0,\n\n    [2, 0] = 0.0,\n    [2, 1] = 0.0,\n    [2, 2] = 1.0,\n};\n\nList&lt;int&gt; digits = new List&lt;int&gt; { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };\nList&lt;int&gt; digits = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];\n\nint[] digits = new int[] { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };\nint[] digits = { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };\nint[] digits = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];\n\nDictionary&lt;int, string&gt; digits = new Dictionary&lt;int, string&gt; {\n    { 0, \"zero\" },\n    { 1, \"one\" },\n    { 2, \"two\" },\n    { 3, \"three\" },\n    { 4, \"four\" },\n    { 5, \"five\" },\n    { 6, \"six\" },\n    { 7, \"seven\" },\n    { 8, \"eight\" },\n    { 9, \"nine\" }\n};\n\nDictionary&lt;int, string&gt; digits = [\n    0: \"zero\",\n    1: \"one\",\n    2: \"two\",\n    3: \"three\",\n    4: \"four\",\n    5: \"five\",\n    6: \"six\",\n    7: \"seven\",\n    8: \"eight\",\n    9: \"nine\"\n];\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#static-class","title":"<code>Static</code> Class","text":"<p>The <code>static</code> keyword declares that a member is not associated with any particular instance of the class. Static classes can't instantiate objects and all their methods must be static.</p> C#<pre><code>static class Class\n{\n    // static constructor, not called explicitly, has no arguments\n    // triggered by one of two events, whichever occurs first: creating an instance, or accessing any static member of the class.\n    // since it's static and takes no arguments there can be at most one for each class\n    static Class()\n    {\n    }\n\n    static Type _field = value;\n\n    static Type Property { get; set; } = value;\n\n    static Type Method (Type parameter, ...)\n    {\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#class-members-init-order","title":"Class Members Init Order","text":"<p>Static Field or Method Usage:</p> <ol> <li>Static field initializers in order of apparition</li> <li>Static Constructor</li> </ol> <p>Class Instantiation (<code>new</code> operator):</p> <ol> <li>Instance field initializers in order of apparition</li> <li>Instance Constructor</li> </ol> <p>Object Creation: <code>Class object = new Class(arguments);</code> Instance Method Usage: <code>object.method(arguments);</code> Static Method Usage: <code>Class.method(arguments);</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#indexers","title":"Indexers","text":"<p>An indexer is a property that takes one or more arguments, and is accessed with the same syntax as is used for arrays. This is useful when writing a class that contains a collection of objects.</p> C#<pre><code>public class Class&lt;T&gt;\n{\n    public T this[int i]\n    {\n        get =&gt; ...;  // return the i-th element in the collection\n    }\n}\n\n// null conditional index access\nClass? c = objWithIndexer?[index];\n// same as\nClass? c = objWithIndexer == null ? null : objWithIndexer[index];\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#abstract-classes","title":"Abstract Classes","text":"<p>The <code>abstract</code> modifier indicates that the thing being modified has a missing or incomplete implementation. The <code>abstract</code> modifier can be used with classes, methods, properties, indexers, and events. Use the <code>abstract</code> modifier in a class declaration to indicate that a class is intended only to be a base class of other classes, not instantiated on its own. Members marked as <code>abstract</code> must be implemented by non-abstract classes that derive from the abstract class.</p> <p><code>abstract</code> classes have the following features:</p> <ul> <li>An <code>abstract</code> class cannot be instantiated.</li> <li>An <code>abstract</code> class may contain <code>abstract</code> methods and accessors.</li> <li>It is not possible to modify an <code>abstract</code> class with the <code>sealed</code> modifier because the two modifiers have opposite meanings.   The <code>sealed</code> modifier prevents a class from being inherited and the <code>abstract</code> modifier requires a class to be inherited.</li> <li>A non-abstract class derived from an <code>abstract</code> class must include actual implementations of all inherited <code>abstract</code> methods and accessors.</li> </ul> <p>Note: Use the <code>abstract</code> modifier in a method or property declaration to indicate that the method or property does not contain implementation.</p> <p><code>abstract</code> methods have the following features:</p> <ul> <li>An <code>abstract</code> method is implicitly a <code>virtual</code> method.</li> <li> <p><code>abstract</code> method declarations are only permitted in <code>abstract</code> classes.</p> </li> <li> <p>Because an <code>abstract</code> method declaration provides no actual implementation, there is no method body; the method declaration simply ends with a semicolon and there are no curly braces following the signature.</p> </li> <li>The implementation is provided by a method override, which is a member of a non-abstract class.</li> <li>It is an error to use the <code>static</code> or <code>virtual</code> modifiers in an <code>abstract</code> method declaration.</li> </ul> <p><code>abstract</code> properties behave like <code>abstract</code> methods, except for the differences in declaration and invocation syntax.</p> <ul> <li>It is an error to use the <code>abstract</code> modifier on a <code>static</code> property.</li> <li>An <code>abstract</code> inherited property can be overridden in a derived class by including a property declaration that uses the <code>override</code> modifier.</li> </ul> C#<pre><code>public abstract class Abstract : Interface\n{\n    public abstract Type Property { get; set; }\n\n    // interface methods can be mapped to abstract methods\n    public abstract Type Method();\n    public abstract override Type Method();  // force overriding (derived classes must provide new implementation)\n}\n\npublic class Derived : Abstract\n{\n    public override Type Property\n    {\n        // new behaviour\n        get =&gt; &lt;expr&gt;;\n        set =&gt; &lt;expr&gt;;\n    }\n\n    public override Type Method() { /* statements */ }  // implementation of abstract method\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#cloning","title":"Cloning","text":"C#<pre><code>Class obj = new Class()\n\nObject.MemberwiseClone();  // Returns shallow copy of the object\nIClonable.Clone();  //  Creates a new object that is a copy of the current instance.\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#deconstruction","title":"Deconstruction","text":"<p>Deconstruction is not limited to tuples. By providing a <code>Deconstruct(...)</code> method(s) C# allows to use the same syntax with the users types.</p> <p>Note: Types with a deconstructor can also use positional pattern matching.</p> C#<pre><code>public readonly struct Size\n{\n    public Size(double w, double h)\n    {\n        W = w;\n        H = h;\n    }\n\n    public void Deconstruct(out double w, out double h)\n    {\n        w = W;\n        h = H;\n    }\n\n    public double W { get; }\n    public double H { get; }\n}\n\n// deconstruction\nvar s = new Size(1 , 2);\n(double w, double h) = s;  // w = 1, h = 2\n\n\n// positional patter matching\ns switch\n{\n    (0, 0) =&gt; \"Empty\",\n    (0, _) =&gt; \"Extremely narrow\",\n    (double w, 0) =&gt; $\"Extremely short, and this wide: {w}\",\n    Size _ =&gt; \"Normal\",\n    _ =&gt; \"Not a shape\"\n};\n\n// Assignment &amp; Declaration\nint height = 0;\n(int width, height) = size;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#operator-overloading","title":"Operator Overloading","text":"<p>A user-defined type can overload a predefined C# operator. That is, a type can provide the custom implementation of an operation in case one or both of the operands are of that type.</p> <p>Use the operator keyword to declare an operator. An operator declaration must satisfy the following rules:</p> <ul> <li>It includes both a public and a static modifier.</li> <li>A unary operator has one input parameter. A binary operator has two input parameters.   In each case, at least one parameter must have type <code>T</code> or <code>T?</code> where <code>T</code> is the type that contains the operator declaration.</li> </ul> <p>Overloadable operators</p> C#<pre><code>using System;\n\npublic readonly struct Fraction\n{\n    private readonly int num;\n    private readonly int den;\n\n    public Fraction(int numerator, int denominator)\n    {\n        if (denominator == 0)\n        {\n            throw new ArgumentException(\"Denominator cannot be zero.\", nameof(denominator));\n        }\n        num = numerator;\n        den = denominator;\n    }\n\n    // unary arithmetic operators overloading\n    public static Fraction operator +(Fraction a) =&gt; a;\n    public static Fraction operator -(Fraction a) =&gt; new Fraction(-a.num, a.den);\n\n    // binary arithmetic operators overloading\n    public static Fraction operator +(Fraction a, Fraction b)\n        =&gt; new Fraction(a.num * b.den + b.num * a.den, a.den * b.den);\n\n    public static Fraction operator -(Fraction a, Fraction b)\n        =&gt; a + (-b);\n\n    public static Fraction operator *(Fraction a, Fraction b)\n        =&gt; new Fraction(a.num * b.num, a.den * b.den);\n\n    public static Fraction operator /(Fraction a, Fraction b)\n    {\n        if (b.num == 0)\n        {\n            throw new DivideByZeroException();\n        }\n        return new Fraction(a.num * b.den, a.den * b.num);\n    }\n\n    // conversion operator overloading\n    public static implicit operator float(Fraction f) =&gt; f.num / f.den;\n    public static explicit operator Fraction(int i) =&gt; new Fraction(i, 1);\n\n    // true &amp; false operator overloading (truthiness and falseness more than exact boolean value)\n    public static bool operator true(Fraction f) =&gt; f != 0;\n    public static bool operator false(Fraction f) =&gt; f == 0;\n    // if &amp;, |, true, false are overloaded than &amp;&amp; and || will work\n\n    // comparison operators overloading\n    public static bool operator ==(Fraction f1, Fraction f2) =&gt; f1.num == f2.num &amp;&amp; f1.den == f2.den;\n    public static bool operator !=(Fraction f1, Fraction f2) =&gt; f1.num != f2.num || f1.den != f2.den;\n    public static bool operator &gt;(Fraction f1, Fraction f2) =&gt; ...;\n    public static bool operator &gt;=(Fraction f1, Fraction f2) =&gt; ...;\n    public static bool operator &lt;(Fraction f1, Fraction f2) =&gt; ...;\n    public static bool operator &lt;=(Fraction f1, Fraction f2) =&gt; ...;\n\n    public override bool Equals(object obj)\n    {\n        return obj is Fraction f &amp;&amp; this.num == f.num &amp;&amp; this.den == f.den;  // same type + same values\n    }\n\n    // required if Equals has been implemented\n    public override int GetHashCode()\n    {\n        return (num, den).GetHashCode();\n    }\n\n    public override string ToString() =&gt; $\"{num} / {den}\";\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nested-types","title":"Nested Types","text":"<p>A type defined at global scope can be only <code>public</code>or <code>internal</code>. private wouldn't make sense since that makes something accessible only from within its containing type, and there is no containing type at global scope. But a nested type does have a containing type, so if a nested type is <code>private</code>, that type can be used only from inside the type within which it is nested.</p> <p>Note: Code in a nested type is allowed to use nonpublic members of its containing type. However, an instance of a nested type does not automatically get a reference to an instance of its containing type.</p>"},{"location":"languages/dotnet/csharp/csharp.html#interfaces","title":"Interfaces","text":"<p>An interface declares methods, properties, and events, but it doesn't have to define their bodies. An interface is effectively a list of the members that a type will need to provide if it wants to implement the interface.</p> <p>C# 8.0 adds the ability to define default implementations for some or all methods, and also to define nested types and static fields.</p> C#<pre><code>// can only be public or internal if not nested, any accessibility otherwise\npublic interface IContract\n{\n    // properties\n    Type Property { get; set; }\n\n    // methods (only signature)\n    Type Method(Type param, ...);\n\n    // default interface implementations\n    // (method has body), if not implemented in inheriting class the implementation will be this\n    Type Method(Type param, ...) =&gt; &lt;expr&gt;;\n\n    // constants\n    const Type CONSTANT = value;\n\n    // static properties\n    static Type StaticProperty { get; set; }\n    static Type StaticMethod();\n\n    // static abstract members\n    static abstract Type AbstractProperty { get; set; }\n    static abstract Type AbstractMethod();\n\n    static abstract IContract operator +(IContract source);\n\n    // nested types are valid, accessibility is needed\n}\n\npublic interface IContract&lt;T&gt; {}  // interfaces can be generic\n\npublic class Contract : IContract { /* ... */ }\n\nvar contract = new Contract();\ncontract.Property;\ncontract.Method();\n\ncontract.AbstractProperty;\ncontract.AbstractMethod();\n\nIContract.CONSTANT;\nIContract.StaticProperty;\nIContract.StaticMethod();\n</code></pre> <p>Note: Interfaces are reference types. Despite this, it's possible tp implement interfaces on both classes and structs. However, be careful when doing so with a struct, because when getting hold of an interface-typed reference to a struct, it will be a reference to a box, which is effectively an object that holds a copy of a struct in a way that can be referred to via a reference.</p>"},{"location":"languages/dotnet/csharp/csharp.html#generics","title":"Generics","text":"<p>Generics Docs Generic Methods Docs</p> C#<pre><code>// type parameter T in angle brackets\n// WARNING: T is not instantiable, new t(), new t[] are INVALID\npublic class GenericClass&lt;T&gt; {\n\n    // constructors\n    public GenericClass() { }\n\n    public GenericClass(T data){\n        Generic = data;\n    }\n\n    public T Generic { get; set; }  // generic type auto-property\n\n    void GenericMethodName(T t) { }  // same generic as class\n    void GenericMethodName&lt;S&gt;(S s) { }  // new generic type\n}\n\nGenericClass&lt;Type&gt; obj = new GenericClass&lt;&gt;();\nGenericClass&lt;Type&gt;[] obj = new GenericClass&lt;&gt;[];  // invalid\n\nobj.GenericMethodName&lt;Type&gt;();  // generic method call\nobj.GenericMethodName(Type param);  // type deduced by input, input type and generic method type must match\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#multiple-generics","title":"Multiple Generics","text":"C#<pre><code>public class GenericClass&lt;T1, T2, ...&gt; { }  // number of generic types is not limited\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#parameters-constraints","title":"Parameters Constraints","text":"<p>Specify an interface or class that the generic type must implement/inherit.</p> <p>C# supports only six kinds of constraints on a type argument:</p> <ul> <li>type constraint</li> <li>reference type constraint</li> <li>value type constraint</li> <li><code>notnull</code></li> <li><code>unmanaged</code></li> <li><code>new()</code></li> </ul> C#<pre><code>// type constraints\npublic class GenericClass&lt;T&gt; where T : Interface { }\npublic class GenericClass&lt;T&gt; where T: GenericClass { }\n\n// Enums and Delegates (type constraints)\npublic class GenericClass&lt;T&gt; where T : Enum { }\npublic class GenericClass&lt;T&gt; where T : Delegate { }\n\n// reference type constraints (cannot be primitives or structs) --&gt; can test nullability, can use AS operator\npublic class GenericClass&lt;T&gt; where T : class { }  // T must be not nullable reference type\npublic class GenericClass&lt;T&gt; where T : class? { }  // T can be (not)nullable reference type\n\n// value type constraint\npublic class GenericClass&lt;T&gt; where T : struct { }  // T must be a struct or a primitive type\npublic class GenericClass&lt;T&gt; where T : unmanaged { }  // T must be a value type and its contents can only be value types, recursively\n\n// no nulls\npublic class GenericClass&lt;T&gt; where T : notnull { }  // T must be a value type or a not nullable reference type\n\npublic class GenericClass&lt;T&gt; where T : new() { }  // T must provide a parameterless constructor, cannot be abstract\n\n// multiple constraints\npublic class GenericClass&lt;T1, T2&gt;\n    where T1: Interface\n    where T2: Interface1, Interface2\n{ }\n\n// generic methods constraints\npublic T GenericMethod&lt;T&gt;() where T : class?\n{\n    // code here\n    return &lt;expr&gt;;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#inheritance","title":"Inheritance","text":"<p>Classes support only single inheritance. Interfaces offer a form of multiple inheritance. Value types do not support inheritance at all. One reason for this is that value types are not normally used by reference, which removes one of the main benefits of inheritance: runtime polymorphism.</p> <p>Since a derived class inherits everything the base class has\u2014all its fields, methods, and other members, both public and private\u2014an instance of the derived class can do anything an instance of the base could do.</p> <p>Note: When deriving from a class, it's not possible to make the derived class more visible than its base. This restriction does not apply to interfaces. A <code>public</code> class is free to implement <code>internal</code> or <code>private</code> interfaces. However, it does apply to an interface's bases: a <code>public</code> interface cannot derive from an <code>internal</code> interface.</p> C#<pre><code>class BaseClass\n{\n    public virtual Property { get; set; }\n\n    // to be overridden method must be ABSTRACT or VIRTUAL\n    public virtual Type Method() { }\n}\n\n// the base class is ALWAYS the first after the colons\nclass ChildClass : BaseClass, Interface, Interface&lt;Type&gt;\n{\n    public override Type Method() { }  // override base's method (same signature)\n    public override DerivedType Method() { }  // override base's method, can return more specific type (covariant return type, C# 9)\n    public new Type Method() {}  // hide base's method and prevent name conflict warning (hiding method can change signature)\n\n    base.Method();  // call base method\n    type Interface.Method() { }  // explicit implementation of an interface member (resolve name conflict between interfaces)\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#downcasting","title":"Downcasting","text":"<p>Downcasting is the conversion from a base class type to one of it's derived types.</p> C#<pre><code>Base b;\nvar d = (Derived) b;  // explicit casting (if conversion fails throws InvalidCastException)\nvar d = b as Derived;  // as operator (if conversion fails AS will return NULL)\nif(b is Derived d) {}  // type pattern, d contains converted obj (if conversion fails IS returns FALSE)\nif(b is Derived) {}  // simple type pattern (if conversion fails IS returns FALSE)\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#inheritance-constructors","title":"Inheritance &amp; Constructors","text":"<p>All of a base class's constructors are available to a derived type, but they can be invoked only by constructors in the derived class. All constructors are required to invoke a constructor on their base class, and if it's not specified which to invoke, the compiler invokes the base's zero-argument constructor. If the base has not a zero-argument constructor the compilation will cause an error. It's possible to invoke a base constructor explicitly to avoid this error.</p> <p>Initialization order:</p> <ol> <li>Derived class field initializers</li> <li>Base class field initializers</li> <li>Base class constructor</li> <li>Derived class constructor</li> </ol> C#<pre><code>public class Base\n{\n    public Base(Type param) {}\n}\n\npublic class Derived\n{\n    public Derived() : base(value) {}  // invoke base constructor explicitly passing a fixed value (base has no zero-arg constructor)\n    public Derived(Type param) : base(param) {}  // invoke base constructor explicitly\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#generics-inheritance","title":"Generics Inheritance","text":"<p>If you derive from a generic class, you must supply the type arguments it requires. You must provide concrete types unless your derived type is generic, in which case it can use its own type parameters as arguments.</p> C#<pre><code>public class GenericBase1&lt;T&gt;\n{\n    public T Item { get; set; }\n}\n\npublic class GenericBase2&lt;TKey, TValue&gt;\n{\n    public TKey Key { get; set; }\n    public TValue Value { get; set; }\n}\n\npublic class NonGenericDerived : GenericBase1&lt;Type&gt; {}  // derived is not generic, must use concrete type for base class\npublic class GenericDerived&lt;T&gt; : GenericBase1&lt;T&gt; {}  // derived is generic, can use it's generic type\npublic class MixedDerived&lt;T&gt; : GenericBase2&lt;T, Type&gt;  // derived is generic but base has two types, can use it's generic type but\n</code></pre> <p>It's allowed to use derived type as a type argument to the base class. And it's also possible to specify a constraint on a type argument requiring it to derive from the derived type.</p> C#<pre><code>public class Derived : base&lt;Derived&gt; {}\npublic class Derived&lt;T&gt; where T : Derived&lt;T&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#covariance-contravariance-only-for-interfaces","title":"Covariance &amp; Contravariance (only for interfaces)","text":"<p>The theory behind covariance and contravariance in C#</p> <p>Covariance and Contravariance are terms that refer to the ability to use a more derived type (more specific) or a less derived type (less specific) than originally specified. Generic type parameters support covariance and contravariance to provide greater flexibility in assigning and using generic types.</p> <ul> <li>Covariance: Enables to use a more derived type than originally specified.</li> <li>Contravariance: Enables to use a more generic (less derived) type than originally specified.</li> <li>Invariance: it's possible to use only the type originally specified; so an invariant generic type parameter is neither covariant nor contravariant.</li> </ul> <p></p> <p>Note: annotate generic type parameters with <code>out</code> and <code>in</code> annotations to specify whether they should behave covariantly or contravariantly.</p> C#<pre><code>public class Base {};\npublic class Derived : Base {}\n\n// COVARIANCE (supply more specific type)\n// method is \"read only\" since it does not modify its argument\n// IEnumerable is covariant (has out parameter) since only \"provides\" objects\nvoid PrintBase(IEnumerable&lt;Base&gt; bases)\n{\n    foreach(Base base in bases)\n    {\n        Console.WritLine(base);\n    }\n}\n\nIEnumerable&lt;Derived&gt; derivedItems = new Derived[] {...};  // array is enumerable of Derived objects\nMethod(derivedItems);  // valid since Derived objects are also Base objects and operation is read only\n\n\n// CONTRAVARIANCE (supply less specific type)\n// IComparer is contravariant (has in parameter) since \"takes in\" objects\nvoid CompareDerived(IComparer&lt;Derived&gt; comparer)\n{\n    var d1 = new Derived();\n    var d2 = new Derived();\n    if(comparer.Compare(d1, d2)) { /* some action */ }\n}\n\nIComparator&lt;Base&gt; baseComparator = new BaseComparator();\nCompareDerived(baseComparator);  // valid since baseComparator can compare Base objects and thus can compare Derived objects\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#delegates","title":"Delegates","text":"<p>A delegate is a type that represents a reference to a method with a particular parameter list and return type. Delegates are used to pass methods as arguments to other methods. This ability to refer to a method as a parameter makes delegates ideal for defining callback methods.</p> <p>Any method from any accessible class or struct that matches the delegate type can be assigned to the delegate. The method can be either static or an instance method. This makes it possible to programmatically change method calls, and also plug new code into existing classes.</p> C#<pre><code>// delegate definition\npublic delegate Type Delegate(Type param, ...);  // can take any method with specified type params and return type\npublic delegate Type Delegate&lt;T&gt;(T param);  // generic delegate\n\n// delegate creation\nvar delegate = new Delegate&lt;Type&gt;(Method);  // explicit creation, useful when compiler cannot infer delegate type\nDelegate&lt;Type&gt; delegate = Method;  // implicit creation\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#multicast-delegates","title":"Multicast Delegates","text":"<p>Multicast Delegates are delegates that can have more than one element in their invocation list.</p> C#<pre><code>Delegate&lt;Type&gt; multicastDelegate = Method1 + Method2 + ...;  // multicast delegate creation\nmulticastDelegate += Method;  // add method to delegate\nmulticastDelegate -= Method;  // remove method from delegate\n</code></pre> <p>Note: Delegate removal behaves in a potentially surprising way if the delegate removed refers to multiple methods. Subtraction of a multicast delegate succeeds only if the delegate from which subtract contains all of the methods in the delegate being subtracted sequentially and in the same order.</p>"},{"location":"languages/dotnet/csharp/csharp.html#delegate-invocation","title":"Delegate Invocation","text":"<p>Invoking a delegate with a single target method works as though the code had called the target method in the conventional way. Invoking a multicast delegate is just like calling each of its target methods in turn.</p> C#<pre><code>Delegate&lt;Type&gt; delegate = Method;\n\ndelegate(args);  // use delegate as standard method\ndelegate.DynamicInvoke(argsArray); // Dynamically invokes the method represented by the current delegate.\n\nmulticastDelegate.GetInvocationList();  // list of methods called by the delegate\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#common-delegate-types","title":"Common Delegate Types","text":"<p>Note: Each delegate has an overload taking from zero to 16 arguments;</p> C#<pre><code>public delegate void Action&lt;in T1, ...&gt;(T1 arg1, ...);\npublic delegate TResult Func&lt;in T1, ..., out TResult&gt;(T1 arg1, ...);\npublic delegate bool Predicate&lt;in T1, ...&gt;(T1 arg1, ...);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#type-compatibility","title":"Type Compatibility","text":"<p>Delegate types do not derive from one another. Any delegate type defined in C# will derive directly from <code>MulticastDelegate</code>. However, the type system supports certain implicit reference conversions for generic delegate types through covariance and contravariance. The rules are very similar to those for interfaces.</p>"},{"location":"languages/dotnet/csharp/csharp.html#anonymous-functions-lambda-expressions","title":"Anonymous Functions (Lambda Expressions)","text":"<p>Delegates without explicit separated method.</p> C#<pre><code>// lambda variations\nDelegate&lt;Type&gt; lambda = () =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = input =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = (input) =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = (Type input) =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = input =&gt; { return &lt;expr&gt;; };\nDelegate&lt;Type&gt; lambda = (input) =&gt; { return &lt;expr&gt;; };\nDelegate&lt;Type&gt; lambda = (Type input) =&gt; { return &lt;expr&gt;; };\nDelegate&lt;Type&gt; lambda = (Type input = default) =&gt; { return &lt;expr&gt;; };  // lambda default parameter\n\n// static modifier prevents unintentional capture of local variables or instance state by the lambda\nDelegate&lt;Type&gt; lambda = (static Type input) =&gt; &lt;expr&gt;;\n\nType variable = delegate { &lt;expression&gt;; };  // ignore arguments of the method passed to the delegate\n\n// lambda type inference\nvar f = Console.WriteLine;\nvar f = x =&gt; x;  // inferring the return type\nvar f = (string x) =&gt; x;  // inferring the signature\nvar f = [Required] x =&gt; x;  // adding attributes on parameters\nvar f = [Required] (int x) =&gt; x;\nvar f = [return: Required] static x =&gt; x;  // adding attribute for a return type\nvar f = Type () =&gt; default;  // explicit return type\nvar f = ref int (ref int x) =&gt; ref x;  // using ref on structs\nvar f = int (x) =&gt; x;  // explicitly specifying the return type of an implicit input\nvar f = static void (_) =&gt; Console.Write(\"Help\");\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#events","title":"Events","text":"<p>Structs and classes can declare events. This kind of member enables a type to provide notifications when interesting things happen, using a subscription-based model.</p> <p>The class who raises events is called Publisher, and the class who receives the notification is called Subscriber. There can be multiple subscribers of a single event. Typically, a publisher raises an event when some action occurred. The subscribers, who are interested in getting a notification when an action occurred, should register with an event and handle it.</p> C#<pre><code>public delegate void EventDelegate(object sender, CustomEventArgs args);  // called on event trigger\n\npublic class Publisher\n{\n    public event EventDelegate Event;\n\n    // A derived class should always call the On&lt;EventName&gt; method of the base class to ensure that registered delegates receive the event.\n    public virtual void OnEvent(Type param)\n    {\n        Event?.Invoke(param);\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#registering-event-handlers","title":"Registering Event Handlers","text":"C#<pre><code>public class Subscriber\n{\n    Publisher publisher = new Publisher();\n\n    public Subscriber()\n    {\n        publisher.OnEvent += Handler;  // register handler (+= syntax)\n    }\n\n    // event handler, matches the signature of the Event delegate.\n    public Type Handler() { /* act */ }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#built-in-eventhandler-delegate","title":"Built-In EventHandler Delegate","text":"<p>.NET includes built-in delegate types <code>EventHandler</code> and <code>EventHandler&lt;TEventArgs&gt;</code> for the most common events. Typically, any event should include two parameters: the source of the event and event data. The <code>EventHandler</code> delegate is used for all events that do not include event data, the <code>EventHandler&lt;TEventArgs&gt;</code> delegate is used for events that include data to be sent to handlers.</p> C#<pre><code>public class Publisher\n{\n    public event EventHandler Event;\n\n    public virtual void OnEvent(EventArgs e)\n    {\n        Event?.Invoke(this, e);\n    }\n}\n\npublic class Subscriber\n{\n    Publisher publisher = new Publisher();\n\n    public Subscriber()\n    {\n        publisher.OnEvent += Handler;  // register handler (+= syntax)\n    }\n\n    public Type Handler(object sender, EventArgs e) { /* act */ }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#custom-event-args","title":"Custom Event Args","text":"C#<pre><code>public class CustomEventArgs : EventArgs { }\n\npublic class Publisher\n{\n    public event EventHandler&lt;CustomEventArgs&gt; Event;\n\n    public virtual void OnEvent(CustomEventArgs e)\n    {\n        Event?.Invoke(this, e);\n    }\n}\n\npublic class Subscriber\n{\n    Publisher publisher = new Publisher();\n\n    public Subscriber()\n    {\n        publisher.OnEvent += Handler;  // register handler (+= syntax)\n    }\n\n    public Type Handler(object sender, CustomEventArgs e) { /* act */ }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#assemblies","title":"Assemblies","text":"<p>In .NET the proper term for a software component is an assembly, and it is typically a <code>.dll</code> or <code>.exe</code> file. Occasionally, an assembly will be split into multiple files, but even then it is an indivisible unit of deployment: it has to be wholly available to the runtime, or not at all.</p> <p>Assemblies are an important aspect of the type system, because each type is identified not just by its name and namespace, but also by its containing assembly. Assemblies provide a kind of encapsulation that operates at a larger scale than individual types, thanks to the <code>internal</code> accessibility specifier, which works at the assembly level.</p> <p>The runtime provides an assembly loader, which automatically finds and loads the assemblies a program needs. To ensure that the loader can find the right components, assemblies have structured names that include version information, and they can optionally contain a globally unique element to prevent ambiguity.</p>"},{"location":"languages/dotnet/csharp/csharp.html#anatomy-of-an-assembly","title":"Anatomy of an Assembly","text":"<p>Assemblies use the Win32 Portable Executable (PE) file format, the same format that executables (EXEs) and dynamic link libraries (DLLs) have always used in \"modern\" (since NT) versions of Windows.</p> <p>The C# compiler produces an assembly as its output, with an extension of either <code>.dll</code> or <code>.exe</code>. Tools that understand the PE file format will recognize a .NET assembly as a valid, but rather dull, PE file. The CLR essentially uses PE files as containers for a .NET-specific data format, so to classic Win32 tools, a C# DLL will not appear to export any APIs.</p> <p>With .NET Core 3.0 or later, .NET assemblies won't be built with an extension of <code>.exe</code>. Even project types that produce directly runnable outputs (such as console or WPF applications) produce a <code>.dll</code> as their primary output. They also generate an executable file too, but it's not a .NET assembly. It's just a bootstrapper that starts the runtime and then loads and executes your application's main assembly.</p> <p>Note: C# compiles to a binary intermediate language (IL), which is not directly executable. The normal Windows mechanisms for loading and running the code in an executable or DLL won't work with IL, because that can run only with the help of the CLR.</p>"},{"location":"languages/dotnet/csharp/csharp.html#net-metadata","title":".NET MEtadata","text":"<p>As well as containing the compiled IL, an assembly contains metadata, which provides a full description of all of the types it defines, whether <code>public</code> or <code>private</code>. The CLR needs to have complete knowledge of all the types that the code uses to be able to make sense of the IL and turn it into running code, the binary format for IL frequently refers to the containing assembly's metadata and is meaningless without it.</p>"},{"location":"languages/dotnet/csharp/csharp.html#resources","title":"Resources","text":"<p>It's possible to embed binary resources in a DLL alongside the code and metadata. To embed a file select \"Embedded Resource\" as it's Build Action in the file properties. This compiles a copy of the file into the assembly.</p> <p>To extract the resource at runtime use the <code>Assembly</code> class's <code>GetManifestResourceStream</code> method which is par of the Reflection API.</p>"},{"location":"languages/dotnet/csharp/csharp.html#multifile-assembly","title":"Multifile Assembly","text":"<p>.NET Framework allowed an assembly to span multiple files. It was possible to split the code and metadata across multiple modules, and it was also possible for some binary streams that are logically embedded in an assembly to be put in separate files. This feature was rarely used, and .NET Core does not support it. However, it's necessary to know about it because some of its consequences persist. In particular, parts of the design of the Reflection API make no sense unless this feature is known.</p> <p>With a multifile assembly, there's always one master file that represents the assembly. This will be a PE file, and it contains a particular element of the metadata called the assembly manifest. This is not to be confused with the Win32-style manifest that most executables contain. The assembly manifest is just a description of what's in the assembly, including a list of any external modules or other external files; in a multimodule assembly, the manifest describes which types are defined in which files.</p>"},{"location":"languages/dotnet/csharp/csharp.html#assembly-resolution","title":"Assembly Resolution","text":"<p>When the runtime needs to load an assembly, it goes through a process called assembly resolution.</p> <p>.NET Core supports two deployment options for applications:</p> <ul> <li>self-contained</li> <li>framework-dependent</li> </ul>"},{"location":"languages/dotnet/csharp/csharp.html#self-contained-deployment","title":"Self-Contained Deployment","text":"<p>When publishing a self-contained application, it includes a complete copy of .NET Core, the whole of the CLR and all the built-in assemblies. When building this way, assembly resolution is pretty straightforward because everything ends up in one folder.</p> <p>There are two main advantages to self-contained deployment:</p> <ul> <li>there is no need to install .NET on target machines</li> <li>it's known exactly what version of .NET and which versions of all DLLs are running</li> </ul> <p>With self-contained deployment, unless the application directs the CLR to look elsewhere everything will load from the application folder, including all assemblies built into .NET.</p>"},{"location":"languages/dotnet/csharp/csharp.html#framework-dependent-deployment","title":"Framework-Dependent Deployment","text":"<p>The default build behavior for applications is to create a framework-dependent executable. In this case, the code relies on a suitable version of .NET Core already being installed on the machine. Framework-dependent applications necessarily use a more complex resolution mechanism than self-contained ones.</p> <p>When such an application starts up it will first determine exactly which version of .NET Core to run. The chosen runtime version selects not just the CLR, but also the assemblies making up the parts of the class library built into .NET.</p>"},{"location":"languages/dotnet/csharp/csharp.html#assembly-names","title":"Assembly Names","text":"<p>Assembly names are structured. They always include a simple name, which is the name by which normally refer to the DLL. This is usually the same as the filename but without the extension. It doesn't technically have to be but the assembly resolution mechanism assumes that it is.</p> <p>Assembly names always include a version number. There are also some optional components, including the public key token, a string of hexadecimal digits, which is required to have a unique name.</p>"},{"location":"languages/dotnet/csharp/csharp.html#strong-names","title":"Strong Names","text":"<p>If an assembly's name includes a public key token, it is said to be a strong name. Microsoft advises that any .NET component that is published for shared use (e.g: made available via NuGet) should have a strong name.</p> <p>As the terminology suggests, an assembly name's public key token has a connection with cryptography. It is the hexadecimal representation of a 64-bit hash of a public key. Strongly named assemblies are required to contain a copy of the full public key from which the hash was generated. The assembly file format also provides space fora digital signature, generated with the corresponding private key.</p> <p>The uniqueness of a strong name relies on the fact that key generation systems use cryptographically secure random-number generators, and the chances of two people generating two key pairs with the same public key token are vanishingly small. The assurance that the assembly has ot been tampered with comes from the fact that a strongly named assembly must be signed, and only someone in possession of the private key can generate a valid signature. Any attempt to modify the assembly after signing it will invalidate the signature.</p>"},{"location":"languages/dotnet/csharp/csharp.html#version","title":"Version","text":"<p>All assembly names include a four-part version number: <code>major.minor.build.revision</code>. However, there's no particular significance to any of these. The binary format that IL uses for assembly names and references limits the range of these numbers, each part must fit in a 16-bit unsigned integer (a <code>ushort</code>), and the highest allowable value in a version part is actually one less than the maximum value that would fit, making the highest legal version number <code>65534.65534.65534.65534</code>.</p> <p>As far as the CLR is concerned, there's really only one interesting thing you can do with a version number, which is to compare it with some other version number, either they match or one is higher than the other.</p> <p>The build system tells the compiler which version number to use for the assembly name via an assembly-level attribute.</p> <p>Note: NuGet packages also have version numbers, and these do not need to be connected in any way to assembly versions. NuGet does treat the components of a package version number as having particular significance: it has adopted the widely used semantic versioning rules.</p>"},{"location":"languages/dotnet/csharp/csharp.html#culture","title":"Culture","text":"<p>All assembly names include a culture component. This is not optional, although the most common value for this is the default <code>neutral</code>, indicating that the assembly contains no culture-specific code or data.</p> <p>The culture is usually set to something else only on assemblies that contain culture-specific resources. The culture of an assembly's name is designed to support localization of resources such as images and strings.</p>"},{"location":"languages/dotnet/csharp/csharp.html#reflection","title":"Reflection","text":"<p>The CLR knows a great deal about the types the programs define and use. It requires all assemblies to provide detailed metadata, describing each member of every type, including private implementation details. It relies on this information to perform critical functions, such as JIT compilation and garbage collection. However, it does not keep this knowledge to itself.</p> <p>The reflection API grants access to this detailed type information, so the code can discover everything that the runtime can see.</p> <p>Reflection is particularly useful in extensible frameworks, because they can use it to adapt their behavior at runtime based on the structure of the code.</p> <p>The reflection API defines various classes in the <code>System.Reflection</code> namespace. These classes have a structural relationship that mirrors the way that assemblies and the type system work.</p>"},{"location":"languages/dotnet/csharp/csharp.html#assembly","title":"Assembly","text":"<p>The <code>Assembly</code> class defines three context-sensitive static methods that each return an <code>Assembly</code>. The <code>GetEntryAssembly</code> method returns the object representing the EXE file containing the program's <code>Main</code> method. The <code>GetExecutingAssembly</code> method returns the assembly that contains the method from which it has been called it. <code>GetCallingAssembly</code> walks up the stack by one level, and returns the assembly containing the code that called the method that called <code>GetCallingAssembly</code>.</p> <p>To inspect an assembly info use the <code>ReflectionOnlyLoadFrom</code> (or <code>ReflectionOnlyLoad</code>) method of the <code>Assembly</code> class. This loads the assembly in such a way that it's possible to inspect its type information, but no code in the assembly will execute, nor will any assemblies it depends on be loaded automatically.</p>"},{"location":"languages/dotnet/csharp/csharp.html#attributes","title":"Attributes","text":"<p>In .NET, it's possible to annotate components, types, and their members with attributes. An attribute's purpose is to control or modify the behavior of a framework, a tool, the compiler, or the CLR.</p> <p>Attributes are passive containers of information that do nothing on their own.</p>"},{"location":"languages/dotnet/csharp/csharp.html#applying-attributes","title":"Applying Attributes","text":"<p>To avoid having to introduce an extra set of concepts into the type system, .NET models attributes as instances of .NET types. To be used as an attribute, a type must derive from the <code>System.Attribute</code> class, but it can otherwise be entirely ordinary.</p> <p>It's possible to pass arguments to the attribute constructor in the annotation.</p> C#<pre><code>[AttName]  // simple attribute\n\n[AttName(value)]  // valorize private fields (through the constructor)\n[AttrName(Name = value)]  // valorize public properties or fields (no constructor needed)\n</code></pre> <p>Note: The real name of an attribute ends with \"Attribute\" (<code>[AttrName]</code> refers to the <code>AttrNameAttribute</code> class)</p>"},{"location":"languages/dotnet/csharp/csharp.html#multiple-attributes","title":"Multiple Attributes","text":"C#<pre><code>[Attribute1]\n[Attribute2]\n\n[Attribute1, Attribute2]\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#defining-custom-attribute-types","title":"Defining Custom Attribute Types","text":"C#<pre><code>// specify what the attribute can be applied to (enforced by c# compiler)\n[AttributeUsage(AttributeTargets.&lt;TargetType&gt;)]\npublic class CustomAttribute : Attribute\n{\n    // properties to hold information\n\n    // constructor (used to valorize private fields)\n}\n</code></pre> <p>NOTE: From C# 11 attributes can be generic and have type constraints</p>"},{"location":"languages/dotnet/csharp/csharp.html#retrieving-attributes","title":"Retrieving Attributes","text":"<p>It's possible to discover which attributes have been applied through the reflection API. The various targets of attribute have a reflection type representing them (<code>MethodInfo</code>, <code>PropertyInfo</code>, ...) which all implement the interface <code>ICustomAttributeProvider</code>.</p> C#<pre><code>public interface ICustomAttributeProvider\n{\n    object[] GetCustomAttributes(bool inherit);\n    object[] GetCustomAttributes(Type attributeType, bool inherit);\n    bool IsDefined(Type attribueType, bool inherit);\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#files-streams","title":"Files &amp; Streams","text":"<p>A .NET stream is simply a sequence of bytes. That makes a stream a useful abstraction for many commonly encountered features such as a file on disk, or the body of an HTTP response. A console application uses streams to represent its input and output.</p> <p>The <code>Stream</code> class is defined in the <code>System.IO</code> namespace. It is an abstract base class, with concrete derived types such as <code>FileStream</code> or <code>GZipStream</code> representing particular kinds of streams.</p> C#<pre><code>// The most important members of Stream\npublic abstract int Read(byte[] buffer, int offset, int count);\npublic abstract void Write(byte[] buffer, int offset, int count);\npublic abstract long Position { get; set; }\n</code></pre> <p>Some streams are read-only. For example, if input stream for a console app represents the keyboard or the output of some other program, there's no meaningful way for the program to write to that stream. Some streams are write-only, such as the output stream of a console application. If <code>Read</code> is called on a write-only stream or <code>Write</code> on a read-only one, these methods throw a <code>NotSupportedException</code>.</p> <p>Both <code>Read</code> and <code>Write</code> take a <code>byte[]</code> array as their first argument, and these methods copy data into or out of that array, respectively. The <code>offset</code> and <code>count</code> arguments that follow indicate the array element at which to start, and the number of bytes to read or write. There are no arguments to specify the offset within the stream at which to read or write. This is managed by the <code>Position</code> property. This starts at zero, but at each read or write, the position advances by the number of bytes processed.</p> <p>The <code>Read</code> method returns an <code>int</code>. This tells how many bytes were read from the stream, the method does not guarantee to provide the amount of data requested. The reason <code>Read</code> is slightly tricky is that some streams are live, representing a source of information that produces data gradually as the program runs.</p> <p>Note: If asked for more than one byte at a time, a <code>Stream</code> is always free to return less data than requested from Read for any reason. Never presume that a call to <code>Read</code> returned as much data as it could.</p>"},{"location":"languages/dotnet/csharp/csharp.html#position-seeking","title":"Position &amp; Seeking","text":"<p>Streams automatically update their current position each time a read or write operation is completed. The <code>Position</code> property can be set to move to the desired location. This is not guaranteed to work because it's not always possible to support it. Some streams will throw <code>NotSupportedException</code> when trying to set the <code>Position</code> property.</p> <p>Stream also defines a Seek method, this allows to specify the position required relative to the stream's current position. Passing <code>SeekOrigin.Current</code> as second argument will set the position by adding the first argument to the current position.</p> C#<pre><code>public abstract long Seek(long offset, SeekOrigin origin);  // offset can be negative\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#flushing","title":"Flushing","text":"<p>Writing data to a Stream does not necessarily cause the data to reach its destination immediately. When a call to <code>Write</code> returns, all that is known is that it has copied the data somewhere; but that might be a buffer in memory, not the final target.</p> <p>The Stream class therefore offers a <code>Flush</code> method. This tells the stream that it has to do whatever work is required to ensure that any buffered data is written to its target, even if that means making suboptimal use of the buffer.</p> <p>A stream automatically flushes its contents when calling <code>Dispose</code>. Flush only when it's needed to keep a stream open after writing out buffered data. It is particularly important if there will be extended periods during which the stream is open but inactive.</p> <p>Note: When using a <code>FileStream</code>, the <code>Flush</code> method does not necessarily guarantee that the data being flushed has made it to disk yet. It merely makes the stream pass the data to the OS. Before calling <code>Flush</code>, the OS hasn't even seen the data, so if the process terminates suddenly, the data would be lost. After <code>Flush</code> has returned, the OS has everything the code has written, so the process could be terminated without loss of data. However, the OS may perform additional buffering of its own, so if the power fails before the OS gets around to writing everything to disk, the data will still be lost.</p> <p>To guarantee that data has been written persistently (rather than merely ensuring that it has been handed it to the OS), use either the <code>WriteThrough</code> flag, or call the <code>Flush</code> overload that takes a bool, passing <code>true</code> to force flushing to disk.</p>"},{"location":"languages/dotnet/csharp/csharp.html#streamreader-streamwriter-text-files","title":"StreamReader &amp; StreamWriter (Text Files)","text":"<p>The most useful concrete text-oriented streams types are <code>StreamReader</code> and <code>StreamWriter</code>, which wrap a <code>Stream</code> object. It's possible to constructing them by passing a <code>Stream</code> as a constructor argument, or a string containing the path of a file, in which case they will automatically construct a <code>FileStream</code> and then wrap that.</p> <p>Encoding</p> C#<pre><code>// Will detect encoding from stream contents\nStreamReader file = new StreamReader(string path);\nStreamReader file = new StreamReader(string path, System.Text.Encoding encoding);  // encoding is System.Text.Encoding\n\n// Default Encoding: UTF-8 w/o BOM (Byte Order Mark)\nStreamWriter file = new StreamWriter(string path);\nStreamWriter file = new StreamWriter(string path, bool boolean);  // true to append data to the file; false to overwrite the file.\nStreamReader file = new StreamReader(string path, System.Text.Encoding encoding);  // encoding is System.Text.Encoding\nStreamReader file = new StreamReader(string path, bool append, System.Text.Encoding encoding);  // encoding is System.Text.Encoding\n\n// USAGE\ntry\n{\n    using (StreamReader file = new StreamReader(path))  // stream to read\n    {\n        while(!file.EndOfStream)  // keep reading until the end op file\n        {\n            file.ReadLine();  // read a whole line from the file\n        }\n    }\n\n    using (StreamWriter file = new StreamWriter(path))  // stream to write\n    {\n        file.write();  // write to file\n    }\n}\ncatch (Exception e)\n{\n    // handle exception\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#stringreader-stringwriter","title":"StringReader &amp; StringWriter","text":"<p>The <code>StringReader</code> and <code>StringWriter</code> classes serve a similar purpose to <code>MemoryStream</code>: they are useful when working with an API that requires either a <code>TextReader</code> or <code>TextWriter</code> (abstract text streams), but you want to work entirely in memory. Whereas <code>MemoryStream</code> presents a Stream API on top of a <code>byte[]</code> array, <code>StringReader</code> wraps a string as a <code>TextReader</code>, while <code>StringWriter</code> presents a <code>TextWriter</code> API on top of a <code>StringBuilder</code>.</p>"},{"location":"languages/dotnet/csharp/csharp.html#files-directories","title":"Files &amp; Directories","text":""},{"location":"languages/dotnet/csharp/csharp.html#filestream-class-binary-files","title":"FileStream Class (Binary Files)","text":"<p>The <code>FileStream</code> class derives from <code>Stream</code> and represents a file from the filesystem.</p> <p>It' common to use the constructors in which the <code>FileStream</code> uses OS APIs to create the file handle. It's possible to provide varying levels of detail on how this si to be done. At a minimum the file's path and a value from the <code>FileMode</code> enumeration must be provided.</p> C#<pre><code>// overloaded FileStream Constructors\npublic FileStream(string path, FileMode mode);\npublic FileStream(string path, FileMode mode, FileAccess access);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share, int bufferSize);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share, int bufferSize, bool useAsync);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share, int bufferSize, FileOptions options);\n</code></pre> <code>FileMode</code> Behavior if file exists Behavior if file does not exist <code>CreateNew</code> Throws <code>IOException</code> Creates new file <code>Create</code> Replaces existing file Creates new file <code>Open</code> Opens existing file Throws <code>FileNotFoundException</code> <code>OpenOrCreate</code> Opens existing file Creates new file <code>Truncate</code> Replaces existing file Throws <code>FileNotFoundException</code> <code>Append</code> Opens existing file, setting Position to end of file Creates new file <p><code>FileAccess</code> Enumeration:</p> <ul> <li><code>Read</code>: Read access to the file. Data can be read from the file. Combine with Write for read/write access.</li> <li><code>Write</code>: Write access to the file. Data can be written to the file. Combine with Read for read/write access.</li> <li><code>ReadWrite</code>: Read and write access to the file. Data can be written to and read from the file.</li> </ul> <p><code>FileShare</code> Enumeration:</p> <ul> <li><code>Delete</code>: Allows subsequent deleting of a file.</li> <li><code>None</code>: Declines sharing of the current file. Any request to open the file (by this process or another process) will fail until the file is closed.</li> <li><code>Read</code>: Allows subsequent opening of the file for reading. If this flag is not specified, any request to open the file for reading (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li> <li><code>ReadWrite</code>: Allows subsequent opening of the file for reading or writing. If this flag is not specified, any request to open the file for reading or writing (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li> <li><code>Write</code>: Allows subsequent opening of the file for writing. If this flag is not specified, any request to open the file for writing (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li> </ul> <p><code>FileOptions</code> Enumeration:</p> <ul> <li><code>WriteThrough</code>: Disables OS write buffering so data goes straight to disk when you flush the stream.</li> <li><code>AsynchronousSpecifies</code>: the use of asynchronous I/O.</li> <li><code>RandomAccessHints</code>: to filesystem cache that you will be seeking, not reading or writing data in order.</li> <li><code>SequentialScanHints</code>: to filesystem cache that you will be reading or writing data in order.</li> <li><code>DeleteOnCloseTells</code>: <code>FileStream</code> to delete the file when you call <code>Dispose</code>.</li> <li><code>EncryptedEncrypts</code>: the file so that its contents cannot be read by other users.</li> </ul> <p>Note: The <code>WriteThrough</code> flag will ensure that when the stream is disposed or flushed, all the data written will have been delivered to the drive, but the drive will not necessarily have written that data persistently (drives can defer writing for performance), so data loss id still possible if the power fails.</p> C#<pre><code>// object to read or write to a file (file can be binary)\n{\n    using(FileStream fstream = new FileStream(path, FileMode.OpenOrCreate, FileAccess.ReadWrite))\n    {\n        // operations on file stream\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#file-class","title":"File Class","text":"<p>The static <code>File</code> class provides methods for performing various operations on files.</p> C#<pre><code>File.Create(string path);  // Return Read/Write FileStream to file\nFile.Open(string path, System.IO.FileMode mode);  // Open a FileStream on the specified path with read/write access with no sharing.\nFile.Open(string path, System.IO.FileMode mode, System.IO.FileAccess access);  // Opens a FileStream on the specified path, with the specified mode and access with no sharing.\nFile.Open(string path, System.IO.FileMode mode, System.IO.FileAccess access, System.IO.FileShare share);\nFile.OpenRead(string path);  // Open an existing file for reading, returns a FileStream\nFile.OpenText(string path);  // Open an existing UTF-8 encoded text file for reading, returns a StreamReader\nFile.OpenWrite(string path);  // Open an existing file for writing, returns a FileStream\n\nFile.Delete(string path);  // Delete the specified file\nFile.Move(string sourceFileName, string destFileName, bool overwrite);  // Move specified file to a new location (can specify a new filename and to overwrite the destination file if it already exists)\nFile.Exists(string path);  // Whether the specified file exists.\n\nFile.GetCreationTime(string path);  // Return DateTime set to the creation date and time for the specified file\nFile.GetLastAccessTime(string path);  // Return DateTime set to the date and time that the specified file was last accessed\nFile.GetLastWriteTime(string path);  // Return DateTime set to the date and time that the specified file was last written to\nFile.GetAttributes(string path);  // Return FileAttributes of the file\n\nFile.Encrypt(string path);  // Encrypt a file so that only the account used to encrypt the file can decrypt it.\nFile.Decrypt(string path);  // Decrypt a file that was encrypted by the current account using the Encrypt() method.\n\nFile.ReadAllText(string path);  // Return a string containing all the text in the file\nFile.ReadAllLines(string path);  // Returns a string[] containing all lines of the file\nFile.ReadLines(string path); // Returns IEnumerable&lt;string&gt; containing all the text in the file\nFile.ReadAllBytes(string path);  // Returns a byte[] containing the contents of the file.\n\nFile.WriteAllLines(string path, IEnumerable&lt;string&gt; contents);  // writes a collection of strings to the file\nFile.WriteAllLines(string path, string[] contents);  // writes a collection of strings to the file\n\nFile.AppendAllText(string path, string contents);  // appends the specified string to the file\nFile.AppendAllLines(string path, IEnumerable&lt;string&gt; contents);  // appends a collection of strings to the file\n\n// Replace the contents of a specified file with the contents of another file, deleting the original file, and creating a backup of the replaced file.\nFile.Replace(string sourceFileName, string destinationFileName, string destinationBackupFileName);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#directory-class","title":"Directory Class","text":"<p>Exposes static methods for creating, moving, and enumerating through directories and subdirectories.</p> C#<pre><code>Directory.CreateDirectory(string path);  // Create directory as specified\nDirectory.Delete(string path);  // Delete an empty directory from a specified path (dir must be writable)\nDirectory.Delete(string path, bool recursive);  // Delete the specified directory and, if indicated, any subdirectories and files in the directory\nDirectory.Move(string sourceDirName, string destDirName);  // Move a file or a directory and its contents to a new location\nDirectory.Exists (string path);  // Whether the given path refers to an existing directory on disk\n\nDirectory.GetLogicalDrives();  // string[] of names of the logical drives on the computer in the form \"&lt;drive letter&gt;:\\\"\nDirectory.GetParent(string path);  // DirectoryInfo of parent directory of the specified path, including both absolute and relative paths\nDirectory.GetCurrentDirectory();  // string of current working directory of the application\nDirectory.SetCurrentDirectory(string path);  // Set the application's current working directory to the specified directory\n\nDirectory.GetCreationTime(string path);  // DateTime set to the creation date and time for the specified directory\nDirectory.GetLastAccessTime(string path);  // DateTime set to the date and time the specified file or directory was last accessed\nDirectory.GetLastWriteTime(string path);  // DateTime set to the date and time the specified file or directory was last written to\n\nDirectory.EnumerateDirectories (string path, string searchPattern, SearchOption searchOption);  // IEnumerable&lt;string&gt; of directory full names that match a search pattern in a specified path\nDirectory.GetDirectories (string path, string searchPattern, System.IO.SearchOption searchOption);  // string[] of directory full names that match a search pattern in a specified path\n\nDirectory.EnumerateFiles(string path, string searchPattern, SearchOption searchOption);  // IEnumerable&lt;string&gt; of full file names that match a search pattern in a specified path\nDirectory.GetFiles(string path, string searchPattern, SearchOption searchOption);  // string[] of full file names that match a search pattern in a specified path\n\nDirectory.EnumerateFileSystemEntries(string path, string searchPattern, SearchOption searchOption);  // IEnumerable&lt;string&gt; array of file names and directory names that match a search pattern in a specified path\nDirectory.GetFileSystemEntries (string path, string searchPattern, SearchOption searchOption);  // string[] array of file names and directory names that match a search pattern in a specified path\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#path-class","title":"Path Class","text":"C#<pre><code>Combine(string path1, string path2);  // Combine two strings into a path\nCombine(string[] paths);  // Combine strings into a path\n\nGetFullPath(string path);  // absolute path for the specified path string\nGetFullPath(string path, string basePath);  // absolute path from a relative path and a fully qualified base path\nGetRelativePath (string relativeTo, string path);  // relative path from one path to another\nGetPathRoot (string path);  // Get the root directory information from the path contained in the specified string\nGetDirectoryName (string path);  // directory information for the specified path string\n\nGetExtension (string path);  // extension (including the period \".\") of the specified path string\nGetFileName (string path);  // file name and extension of the specified path string\nGetFileNameWithoutExtension (string path);  // file name of the specified path string without the extension\n\nHasExtension (string path);  // whether a path includes a file name extension\nIsPathFullyQualified (string path);  // whether the specified file path is fixed to a specific drive or UNC path\nIsPathRooted (string path);  // whether the specified path string contains a root\n\nEndsInDirectorySeparator (string path);  // true if the path ends in a directory separator; otherwise, false\nTrimEndingDirectorySeparator (string path);  // Trim one trailing directory separator beyond the root of the specified path\n\nGetInvalidFileNameChar();  // char[] containing the characters that are not allowed in file names\nGetInvalidPathChars();  // char[] containing the characters that are not allowed in path names\n\nGetTempPath();  // path of the current user's temporary folder\nGetTempFileName();  // Create a uniquely named, zero-byte temporary file on disk and returns the full path of that file\nGetRandomFileName();  // random folder name or file name\n\n// get full path from relative\nstring path = Path.Combine(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location), @\"relative_path.ext\");  // path to a file in the project directory\n\n// get special folder location\nstring appDataPath = Environment.GetFolderPath(Environment.SpecialFolder.ApplicationData);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#fileinfo-directoryinfo-filesysteminfo","title":"FileInfo, DirectoryInfo &amp; FileSystemInfo","text":"<p>Classes to hold multiple info about a file or directory. If some property changes using the method <code>Refresh()</code> will update the data.</p>"},{"location":"languages/dotnet/csharp/csharp.html#clr-serialization","title":"CLR Serialization","text":"<p>Types are required to opt into CLR serialization. .NET defines a <code>[Serializable]</code> attribute that must be present before the CLR will serialize the type (class).</p> C#<pre><code>[Serializable]\nclass Class { }\n</code></pre> <p>Serialization works directly with an object's fields. It uses reflection, which enables it to access all members, whether public or private.</p> <p>Note: CLR Serialization produces binary streams in a .NET specific format</p>"},{"location":"languages/dotnet/csharp/csharp.html#datetime-timespan","title":"DateTime &amp; TimeSpan","text":""},{"location":"languages/dotnet/csharp/csharp.html#timespan-struct","title":"TimeSpan Struct","text":"<p>Object that represents the difference between two dates</p> C#<pre><code>TimeSpan Interval = new DateTime() - new DateTime()  // difference between dates\n\n// constructors\nTimeSpan(hours, minutes, seconds);  // all parameters are integers\nTimeSpan(days, hours, minutes, seconds);  // all parameters are integers\nTimeSpan(days, hours, minutes, seconds, milliseconds);  // all parameters are integers\n\n// from primitive types\nTimeSpan interval = TimeSpan.FromSeconds(seconds);\nTimeSpan interval = TimeSpan.FromMinutes(minutes);\nTimeSpan interval = TimeSpan.FromHours(hours);\nTimeSpan interval = TimeSpan.FromDays(days);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#memory-efficiency","title":"Memory Efficiency","text":"<p>The CLR is able to perform automatic memory management thanks to its garbage collector (GC). This comes at a price: when a CPU spends time on garbage collection, that stops it from getting on with more productive work. In many cases, this time will be small enough not to cause visible problems. However, when certain kinds of programs experience heavy load, GC costs can come to dominate the overall execution time.</p> <p>C# 7.2 introduced various features that can enable dramatic reductions in the number of allocations. Fewer allocations means fewer blocks of memory for the GC to recover, so this translates directly to lower GC overhead. There is a price to pay, of course: these GC-efficient techniques add significant complication to the code.</p>"},{"location":"languages/dotnet/csharp/csharp.html#spant","title":"<code>Span&lt;T&gt;</code>","text":"<p>The <code>System.Span&lt;T&gt;</code> (a <code>ref struct</code>) value type represents a sequence of elements of type <code>T</code> stored contiguously in memory. Those elements can live inside an array, a string, a managed block of memory allocated in a stack frame, or unmanaged memory.</p> <p>A <code>Span&lt;T&gt;</code> encapsulates three things: a pointer or reference to the containing memory (e.g., the string or array), the position of the data within that memory, and its length.  </p> <p>Access to a span contents is done like an and since a <code>Span&lt;T&gt;</code> knows its own length, its indexer checks that the index is in range, just as the built-in array type does.</p> C#<pre><code>Span&lt;int&gt; numbers = stackalloc int[] { 1, 2, 3 };\nvar first = numbers[0];\n</code></pre> <p>Note: Normally, C# won\u2019t allow to use <code>stackalloc</code> outside of code marked as unsafe, since it allocates memory on the stack producing a pointer. However, the compiler makes an exception to this rule when assigning the pointer produced by a <code>stackalloc</code> expression directly into a span.</p> <p>The fact that <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code> are both <code>ref struct</code> types ensures that a span cannot outlive its containing stack frame, guaranteeing that the stack frame on which the stack-allocated memory lives will not vanish while there are still outstanding references to it.</p> <p>In addition to the array-like indexer and <code>Length</code> properties, <code>Span&lt;T&gt;</code> offers a few useful methods. The <code>Clear</code> and <code>Fill</code> methods provide convenient ways to initialize all the elements in a span either to the default value or a specific value. Obviously, these are not available on <code>ReadOnlySpan&lt;T&gt;</code>.</p> <p>The <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code> types are both declared as <code>ref struct</code>. This means that not only are they value types, they are value types that can live only on the stack. So it's not possible to have fields with span types in a class, or any struct that is not also a <code>ref struct</code>.</p> <p>This also imposes some potentially more surprising restrictions:</p> <ul> <li>it's  not possible to use a span in a variable in an async method.</li> <li>there are restrictions on using spans in anonymous functions and in iterator methods</li> </ul> <p>This restriction is necessary for .NET to be able to offer the combination of array-like performance, type safety, and the flexibility to work with multiple different containers.</p> <p>Note: it's possible to use spans in local methods, and even declare a ref struct variable in the outer method and use it from the nested one, but with one restriction: it's not possible a delegate that refers to that local method, because this would cause the compiler to move shared variables into an object that lives on the heap.</p>"},{"location":"languages/dotnet/csharp/csharp.html#memoryt","title":"<code>Memory&lt;T&gt;</code>","text":"<p>The <code>Memory&lt;T&gt;</code> type and its counterpart, <code>ReadOnlyMemory&lt;T&gt;</code>, represent the same basic concept as <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code>: these types provide a uniform view over a contiguous sequence of elements of type <code>T</code> that could reside in an array, unmanaged memory, or, if the element type is char, a string. But unlike spans, these are not <code>ref struct</code> types, so they can be used anywhere. The downside is that this means they cannot offer the same high performance as spans.</p> <p>It's possible to convert a <code>Memory&lt;T&gt;</code> to a <code>Span&lt;T&gt;</code>, and likewise a <code>ReadOnlyMemory&lt;T&gt;</code> to a <code>ReadOnlySpan&lt;T&gt;</code>. This makes these memory types useful when you want something span-like, but in a context where spans are not allowed.</p>"},{"location":"languages/dotnet/csharp/csharp.html#regular-expressions","title":"Regular Expressions","text":"<p>regex reference</p> C#<pre><code>Match match = Regex.Match(string, pattern, regexOptions);\n\nmatch.Success;  // whether there was a match or not\n\nmatch.Groups[index];  // numbered capture group (first group is always whole match)\nmatch.Groups[name];  // named capture group\n\nmatch.Groups[index].Value;  // whole captured string\nmatch.Groups[index].Captures;  // list of strings in the matched group\nmatch.Groups[index].Index;  // position in the input string of the matched group\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#unsafe-code-pointers","title":"Unsafe Code &amp; Pointers","text":"<p>The <code>unsafe</code> keyword denotes an unsafe context, which is required for any operation involving pointers.</p> <p>In an unsafe context, several constructs are available for operating on pointers:</p> <ul> <li>The <code>*</code> operator may be used to perform pointer indirection (Pointer indirection).</li> <li>The <code>-&gt;</code> operator may be used to access a member of a struct through a pointer (Pointer member access).</li> <li>The <code>[]</code> operator may be used to index a pointer (Pointer element access).</li> <li>The <code>&amp;</code> operator may be used to obtain the address of a variable (The address-of operator).</li> <li>The <code>++</code> and <code>--</code> operators may be used to increment and decrement pointers (Pointer increment and decrement).</li> <li>The <code>+</code> and <code>-</code> operators may be used to perform pointer arithmetic (Pointer arithmetic).</li> <li>The <code>==</code>, <code>!=</code>, <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code>, and <code>&gt;=</code> operators may be used to compare pointers (Pointer comparison).</li> <li>The <code>stackalloc</code> operator may be used to allocate memory from the call stack (Stack allocation).</li> </ul> <p>The <code>fixed</code> statement prevents the garbage collector from relocating a movable variable. It's only permitted in an unsafe context. It's also possible to use the fixed keyword to create fixed size buffers.</p> <p>The <code>fixed</code> statement sets a pointer to a managed variable and \"pins\" that variable during the execution of the statement. Pointers to movable managed variables are useful only in a fixed context. Without a fixed context, garbage collection could relocate the variables unpredictably. The C# compiler only allows to assign a pointer to a managed variable in a fixed statement.</p> C#<pre><code>unsafe Type UnsafeMethod() { /* unsafe context */ }\n// or\nunsafe\n{\n    // Using fixed allows the address of pt members to be taken,\n    // and \"pins\" pt so that it is not relocated.\n    Point pt = new Point();\n    fixed (int* p = &amp;pt.x)\n    {\n        *p = 1;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#native-memory","title":"Native Memory","text":"C#<pre><code>using System.Runtime.InteropServices;\n\nunsafe\n{\n    byte* buffer = (byte*)NativeMemory.Alloc(100);\n\n    NativeMemory.Free(buffer);\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#external-code","title":"External Code","text":"<p>The <code>extern</code> modifier is used to declare a method that is implemented externally. A common use of the extern modifier is with the <code>DllImport</code> attribute when using Interop services to call into unmanaged code. In this case, the method must also be declared as <code>static</code>.</p> C#<pre><code>[DllImport(\"avifil32.dll\")]\nprivate static extern void AVIFileInit();\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#magic-methods","title":"Magic Methods","text":"<p>Methods needed to implement a behaviour which do not need an interface to work. The methods must be named appropriately and have the  correct return type.</p>"},{"location":"languages/dotnet/csharp/csharp.html#enumerable","title":"Enumerable","text":"C#<pre><code>public bool MoveNext(/* ... */);\npublic T Current { get; }\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#awaitable","title":"Awaitable","text":"C#<pre><code>public TaskAwaiter GetAwaiter(/* ... */);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#code-quality","title":"Code Quality","text":""},{"location":"languages/dotnet/csharp/csharp.html#code-analysis","title":"Code Analysis","text":"XML<pre><code>&lt;PropertyGroup&gt;\n  &lt;AnalisysMode&gt;All&lt;/NugetAuditMode&gt;\n&lt;/PropertyGroup&gt;\n</code></pre> Level Description <code>None</code> All rules are disabled. Can selectively opt in to individual rules to enable them. <code>Default</code> Default mode, where certain rules are enabled as build warnings, certain rules are enabled as options IDE suggestions, and the remainder are disabled. <code>Minimum</code> More aggressive mode than <code>Default</code> mode. Certain suggestions that are highly recommended for build enforcement are enabled as build warnings. <code>Recommended</code> More aggressive mode than <code>Minimum</code> mode, where more rules are enabled as build warnings. <code>All</code> All rules are enabled as build warnings. Can selectively opt out of individual rules to disable them."},{"location":"languages/dotnet/csharp/csharp.html#dependency-auditing","title":"Dependency Auditing","text":"XML<pre><code>&lt;PropertyGroup&gt;\n  &lt;!-- required --&gt;\n  &lt;NugetAuditMode&gt;all|direct&lt;/NugetAuditMode&gt;\n\n  &lt;!-- suggested --&gt;\n  &lt;NugetAuditLevel&gt;low|moderate|high|critical&lt;/NugetAuditLevel&gt;\n\n  &lt;!-- optional --&gt;\n  &lt;WarningsAsErrors&gt;NU1901;NU1902;NU1903;NU1904&lt;/WarningAsErrors&gt;\n&lt;/PropertyGroup&gt;\n</code></pre> <p>The auditing of dependencies is done during the <code>dotnet restore</code> step. A description of the dependencies is checked against a report of known vulnerabilities on the GitHub Advisory Database.</p> <p>Audit Mode:</p> <ul> <li>all: audit direct and transitive dependencies for vulnerabilities.</li> <li>direct: audit only direct dependencies for vulnerabilities.</li> </ul>"},{"location":"languages/dotnet/csharp/linq.html","title":"LINQ","text":""},{"location":"languages/dotnet/csharp/linq.html#linq-to-objects","title":"LINQ to Objects","text":"<p>The term LINQ to Objects refers to the use of LINQ queries with any <code>IEnumerable</code> or <code>IEnumerable&lt;T&gt;</code> collection directly, without the use of an intermediate LINQ provider or API such as LINQ to SQL or LINQ to XML.</p> <p>LINQ to Objects will be used when any <code>IEnumerable&lt;T&gt;</code> is specified as the source, unless a more specialized provider is available.</p>"},{"location":"languages/dotnet/csharp/linq.html#query-expressions","title":"Query Expressions","text":"<p>All query expressions are required to begin with a <code>from</code> clause, which specifies the source of the query. The final part of the query is a <code>select</code> (or <code>group</code>) clause. This determines the final output of the query and its system type.</p> C#<pre><code>// query expression\nvar result = from item in enumerable select item;\n\n// where clause\nvar result = from item in enumerable where condition select item;\n\n// ordering\nvar result = from item in enumerable orderby item.property select item;  // ordered IEnumerable\n\n// let clause, assign expression to variable to avoid re-evaluation on each cycle\nvar result = from item in enumerable let tmp = &lt;sub-expr&gt; ...  // BEWARE: compiled code has a lot of overhead to satisfy let clause\n\n// grouping (difficult to re-implement to obtain better performance)\nvar result = from item in enumerable group item by item.property;  // returns IEnumerable&lt;IGrouping&lt;TKey,TElement&gt;&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/linq.html#how-query-expressions-expand","title":"How Query Expressions Expand","text":"<p>The compiler converts all query expressions into one or more method calls. Once it has done that, the LINQ provider is selected through exactly the same mechanisms that C# uses for any other method call. The compiler does not have any built-in concept of what constitutes a LINQ provider.</p> C#<pre><code>// expanded query expression\nvar result = Enumerable.Where(item =&gt; condition).Select(item =&gt; item);\n</code></pre> <p>The <code>Where</code> and <code>Select</code> methods are examples of LINQ operators. A LINQ operator is nothing more than a method that conforms to one of the standard patterns.</p>"},{"location":"languages/dotnet/csharp/linq.html#methods-on-enumerable-or-ienumerablet","title":"Methods on <code>Enumerable</code> or <code>IEnumerable&lt;T&gt;</code>","text":"C#<pre><code>Enumerable.Range(int start, int end);  // IEnumerable&lt;int&gt; of values between start &amp; end\n\nIEnumerable&lt;TSource&gt;.Select(Func&lt;TSource, TResult&gt; selector);  // map\nIEnumerable&lt;TSource&gt;.Where(Func&lt;T, bool&gt; predicate);  // filter\n\nIEnumerable&lt;T&gt;.FirstOrDefault();  // first element of IEnumerable or default(T) if empty\nIEnumerable&lt;T&gt;.FirstOrDefault(T default);  // specify returned default\nIEnumerable&lt;T&gt;.FirstOrDefault(Func&lt;T, bool&gt; predicate);  // first element to match predicate or default(T)\n// same for LastOrDefault &amp; SingleOrDefault\n\nIEnumerable&lt;T&gt;.Chunk(size);  // chunk an enumerable into slices of a fixed size\n\n// T must implement IComparable&lt;T&gt;\nIEnumerable&lt;T&gt;.Max();\nIEnumerable&lt;T&gt;.Min();\n\n// allow finding maximal or minimal elements using a key selector\nIEnumerable&lt;TSource&gt;.MaxBy(Func&lt;TSource, TResult&gt; selector);\nIEnumerable&lt;TSource&gt;.MinBy(Func&lt;TSource, TResult&gt; selector);\n\nIEnumerable&lt;T&gt;.All(Func&lt;T, bool&gt; predicate);  // check if condition is true for all elements\nIEnumerable&lt;T&gt;.Any(Func&lt;T, bool&gt; predicate);  // check if condition is true for at least one element\n\nIEnumerable&lt;T&gt;.Concat(IEnumerable&lt;T&gt; enumerable);\n\n// Applies a specified function to the corresponding elements of two sequences, producing a sequence of the results.\nIEnumerable&lt;TFirst&gt;.Zip(IEnumerable&lt;TSecond&gt; enumerable, Func&lt;TFirst, TSecond, TResult&gt; func);\nIEnumerable&lt;TFirst&gt;.Zip(IEnumerable&lt;TSecond&gt; enumerable); // Produces a sequence of tuples with elements from the two specified sequences.\n</code></pre> <p>Note: <code>Enumerable</code> provides a set of <code>static</code> methods for querying objects that implement <code>IEnumerable&lt;T&gt;</code>. Most methods are extensions of <code>IEnumerable&lt;T&gt;</code></p> C#<pre><code>Enumerable.Method(IEnumerable&lt;T&gt; source, args);\n// if extension method same as\nIEnumerable&lt;T&gt;.Method(args);\n</code></pre>"},{"location":"languages/dotnet/csharp/reactive-extensions.html","title":"Reactive Extensions (Rx)","text":"<p>ReactiveX</p> <p>The Reactive Extensions for .NET, or Rx, are designed for working with asynchronous and event-based sources of information. Rx provides services that help orchestrate and synchronize the way code reacts to data from these kinds of sources.</p> <p>Rx's fundamental abstraction, <code>IObservable&lt;T&gt;</code>, represents a sequence of items, and its operators are defined as extension methods for this interface.</p> <p>This might sound a lot like LINQ to Objects, and there are similarities, not only does <code>IObservable&lt;T&gt;</code> have a lot in common with <code>IEnumerable&lt;T&gt;</code>, but Rx also supports almost all of the standard LINQ operators.</p> <p>The difference is that in Rx, sequences are less passive. Unlike <code>IEnumerable&lt;T&gt;</code>, Rx sources do not wait to be asked for their items, nor can the consumer of an Rx source demand to be given the next item. Instead, Rx uses a push model in which the source notifies its recipients when items are available.</p> <p>Because Rx implements standard LINQ operators, it's possible to write queries against a live source. Rx goes beyond standard LINQ, adding its own operators that take into account the temporal nature of a live event source.</p>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#fundamental-interfaces","title":"Fundamental Interfaces","text":"<p>The two most important types in Rx are the <code>IObservable&lt;T&gt;</code> and <code>IObserver&lt;T&gt;</code> interfaces. They are important enough to be in the System namespace. The other parts of Rx are in the <code>System.Reactive</code> NuGet package.</p> C#<pre><code>public interface IObservable&lt;out T&gt;\n{\n    IDisposable Subscribe(IObserver&lt;T&gt; observer);\n}\n\npublic interface IObserver&lt;in T&gt;\n{\n    void OnCompleted();\n    void OnError(Exception error);\n    void OnNext(T value);\n}\n</code></pre> <p>The fundamental abstraction in Rx, <code>IObservable&lt;T&gt;</code>, is implemented by event sources. Instead of using the <code>event</code> keyword, it models events as a sequence of items. An <code>IObservable&lt;T&gt;</code> provides items to subscribers as and when it\u2019s ready to do so.</p> <p>It's possible to subscribe to a source by passing an implementation of <code>IObserver&lt;T&gt;</code> to the <code>Subscribe</code> method. The source will invoke <code>OnNext</code> when it wants to report events, and it can call <code>OnCompleted</code> to indicate that there will be no further activity. If the source wants to report an error, it can call <code>OnError</code>. Both <code>OnCompleted</code> and <code>OnError</code> indicate the end of the stream, an observable should not call any further methods on the observer after that.</p>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#operators","title":"Operators","text":""},{"location":"languages/dotnet/csharp/reactive-extensions.html#chaining-operators","title":"Chaining Operators","text":"<p>Most operators operate on an Observable and return an Observable. This allows to apply these operators one after the other, in a chain. Each operator in the chain modifies the Observable that results from the operation of the previous operator. A chain of Observable operators do not operate independently on the original Observable that originates the chain, but they operate in turn, each one operating on the Observable generated by the operator immediately previous in the chain.</p>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#creating-observables","title":"Creating Observables","text":"<p>Operators that originate new Observables.</p> <ul> <li><code>Create</code>: create an Observable from scratch by calling observer methods programmatically</li> <li><code>Defer</code>: do not create the Observable until the observer subscribes, and create a fresh Observable for each observer</li> <li><code>Empty/Never/Throw</code>: create Observables that have very precise and limited behavior</li> <li><code>From*</code>: convert some other object or data structure into an Observable</li> <li><code>Interval</code>: create an Observable that emits a sequence of integers spaced by a particular time interval</li> <li><code>Return (aka Just)</code>: convert an object or a set of objects into an Observable that emits that or those objects</li> <li><code>Range</code>: create an Observable that emits a range of sequential integers</li> <li><code>Repeat</code>: create an Observable that emits a particular item or sequence of items repeatedly</li> <li><code>Start</code>: create an Observable that emits the return value of a function</li> <li><code>Timer</code>: create an Observable that emits a single item after a given delay</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#transforming-observables","title":"Transforming Observables","text":"<p>Operators that transform items that are emitted by an Observable.</p> <ul> <li><code>Buffer</code>: periodically gather items from an Observable into bundles and emit these bundles rather than emitting the items one at a time</li> <li><code>SelectMany (aka FlatMap)</code>: transform the items emitted by an Observable into Observables, then flatten the emissions from those into a single Observable</li> <li><code>GroupBy</code>: divide an Observable into a set of Observables that each emit a different group of items from the original Observable, organized by key</li> <li><code>Select (aka Map)</code>: transform the items emitted by an Observable by applying a function to each item</li> <li><code>Scan</code>: apply a function to each item emitted by an Observable, sequentially, and emit each successive value</li> <li><code>Window</code>: periodically subdivide items from an Observable into Observable windows and emit these windows rather than emitting the items one at a time</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#filtering-observables","title":"Filtering Observables","text":"<p>Operators that selectively emit items from a source Observable.</p> <ul> <li><code>Throttle (aka Debounce)</code>: only emit an item from an Observable if a particular timespan has passed without it emitting another item</li> <li><code>Distinct</code>: suppress duplicate items emitted by an Observable</li> <li><code>ElementAt</code>: emit only item n emitted by an Observable</li> <li><code>Where (aka Filter)</code>: emit only those items from an Observable that pass a predicate test</li> <li><code>First</code>: emit only the first item, or the first item that meets a condition, from an Observable</li> <li><code>IgnoreElements</code>: do not emit any items from an Observable but mirror its termination notification</li> <li><code>Last</code>: emit only the last item emitted by an Observable</li> <li><code>Sample</code>: emit the most recent item emitted by an Observable within periodic time intervals</li> <li><code>Skip</code>: suppress the first n items emitted by an Observable</li> <li><code>SkipLast</code>: suppress the last n items emitted by an Observable</li> <li><code>Take</code>: emit only the first n items emitted by an Observable</li> <li><code>TakeLast</code>: emit only the last n items emitted by an Observable</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#combining-observables","title":"Combining Observables","text":"<p>Operators that work with multiple source Observables to create a single Observable</p> <ul> <li><code>And/Then/When</code>: combine sets of items emitted by two or more Observables by means of Pattern and Plan intermediaries</li> <li><code>CombineLatest</code>: when an item is emitted by either of two Observables, combine the latest item emitted by each Observable via a specified function and emit items based on the results of this function</li> <li><code>Join</code>: combine items emitted by two Observables whenever an item from one Observable is emitted during a time window defined according to an item emitted by the other Observable</li> <li><code>Merge</code>: combine multiple Observables into one by merging their emissions</li> <li><code>StartWith</code>: emit a specified sequence of items before beginning to emit the items from the source Observable</li> <li><code>Switch</code>: convert an Observable that emits Observables into a single Observable that emits the items emitted by the most-recently-emitted of those Observables</li> <li><code>Zip</code>: combine the emissions of multiple Observables together via a specified function and emit single items for each combination based on the results of this function</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#error-handling-operators","title":"Error Handling Operators","text":"<p>Operators that help to recover from error notifications from an Observable</p> <ul> <li><code>Catch</code>: recover from an onError notification by continuing the sequence without error</li> <li><code>Retry</code>: if a source Observable sends an onError notification, resubscribe to it in the hopes that it will complete without error</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#observable-utility-operators","title":"Observable Utility Operators","text":"<p>A toolbox of useful Operators for working with Observables</p> <ul> <li><code>Delay</code>: shift the emissions from an Observable forward in time by a particular amount</li> <li><code>Do</code>: register an action to take upon a variety of Observable lifecycle events</li> <li><code>Materialize/Dematerialize</code>: represent both the items emitted and the notifications sent as emitted items, or reverse this process</li> <li><code>ObserveOn</code>: specify the scheduler on which an observer will observe this Observable</li> <li><code>Synchronize (aka Serialize)</code>: force an Observable to make serialized calls and to be well-behaved</li> <li><code>Subscribe</code>: operate upon the emissions and notifications from an Observable</li> <li><code>SubscribeOn</code>: specify the scheduler an Observable should use when it is subscribed to</li> <li><code>TimeInterval</code>: convert an Observable that emits items into one that emits indications of the amount of time elapsed between those emissions</li> <li><code>Timeout</code>: mirror the source Observable, but issue an error notification if a particular period of time elapses without any emitted items</li> <li><code>Timestamp</code>: attach a timestamp to each item emitted by an Observable</li> <li><code>Using</code>: create a disposable resource that has the same lifespan as the Observable</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#conditional-and-boolean-operators","title":"Conditional and Boolean Operators","text":"<p>Operators that evaluate one or more Observables or items emitted by Observables</p> <ul> <li><code>All</code>: determine whether all items emitted by an Observable meet some criteria</li> <li><code>Amb</code>: given two or more source Observables, emit all of the items from only the first of these Observables to emit an item</li> <li><code>Contains</code>: determine whether an Observable emits a particular item or not</li> <li><code>DefaultIfEmpty</code>: emit items from the source Observable, or a default item if the source Observable emits nothing</li> <li><code>SequenceEqual</code>: determine whether two Observables emit the same sequence of items</li> <li><code>SkipUntil</code>: discard items emitted by an Observable until a second Observable emits an item</li> <li><code>SkipWhile</code>: discard items emitted by an Observable until a specified condition becomes false</li> <li><code>TakeUntil</code>: discard items emitted by an Observable after a second Observable emits an item or terminates</li> <li><code>TakeWhile</code>: discard items emitted by an Observable after a specified condition becomes false</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#mathematical-and-aggregate-operators","title":"Mathematical and Aggregate Operators","text":"<p>Operators that operate on the entire sequence of items emitted by an Observable</p> <ul> <li><code>Average</code>: calculates the average of numbers emitted by an Observable and emits this average</li> <li><code>Concat</code>: emit the emissions from two or more Observables without interleaving them</li> <li><code>Count</code>: count the number of items emitted by the source Observable and emit only this value</li> <li><code>Max</code>: determine, and emit, the maximum-valued item emitted by an Observable</li> <li><code>Min</code>: determine, and emit, the minimum-valued item emitted by an Observable</li> <li><code>Aggregate (aka Reduce)</code>: apply a function to each item emitted by an Observable, sequentially, and emit the final value</li> <li><code>Sum</code>: calculate the sum of numbers emitted by an Observable and emit this sum</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#connectable-observable-operators","title":"Connectable Observable Operators","text":"<p>Specialty Observables that have more precisely-controlled subscription dynamics</p> <ul> <li><code>Connect</code>: instruct a connectable Observable to begin emitting items to its subscribers</li> <li><code>Publish</code>: convert an ordinary Observable into a connectable Observable</li> <li><code>RefCount</code>: make a Connectable Observable behave like an ordinary Observable</li> <li><code>Replay</code>: ensure that all observers see the same sequence of emitted items, even if they subscribe after the Observable has begun emitting items</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#operators-to-convert-observables","title":"Operators to Convert Observables","text":"<ul> <li><code>To*</code>: convert an Observable into another object or data structure</li> </ul>"},{"location":"languages/dotnet/csharp/unit-tests.html","title":"Unit Testing","text":"<p>UnitTest Overloaded Methods Naming standards for unit tests</p>"},{"location":"languages/dotnet/csharp/unit-tests.html#xunit","title":"xUnit","text":"C#<pre><code>using System;\nusing Xunit;\n\nnamespace Project.Tests\n{\n    public class ClassTest\n    {\n        [Fact]\n        public void TestMethod()\n        {\n            Assert.Equal(expected, actual);  // works on collections\n            Assert.True(bool);\n            Assert.False(bool);\n            Assert.NotNull(nullable);\n\n            // Verifies that all items in the collection pass when executed against action\n            Assert.All&lt;T&gt;(IEnumerable&lt;T&gt; collection, Action&lt;T&gt; action);\n        }\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/unit-tests.html#test-setup-teardown","title":"Test Setup &amp; Teardown","text":"<p>xUnit.net creates a new instance of the test class for every test that is run, so any code which is placed into the constructor of the test class will be run for every single test. This makes the constructor a convenient place to put reusable context setup code.</p> <p>For context cleanup, add the <code>IDisposable</code> interface to the test class, and put the cleanup code in the <code>Dispose()</code> method.</p>"},{"location":"languages/dotnet/csharp/unit-tests.html#mocking-with-moq","title":"Mocking with Moq","text":"C#<pre><code>var mockObj = new Mock&lt;MockedType&gt;();\n\nmockObj.Setup(m =&gt; m.Method(It.IsAny&lt;InputType&gt;())).Returns(value);\nmockObj.Object;  // get mock\n\n// check that the invocation is forwarded to the mock, n times\nmockObj.Verify(m =&gt; m.Method(It.IsAny&lt;InputType&gt;()), Times.Once());\n\n// check that the invocation is forwarded to the mock with a specific input\nmockObj.Verify(m =&gt; m.Method(input), Times.Once());\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html","title":"ADO.NET","text":"<p><code>ADO.NET</code> is a set of classes that expose data access services for .NET. The <code>ADO.NET</code> classes are found in <code>System.Data.dll</code>, and are integrated with the XML classes found in <code>System.Xml.dll</code>.</p> <p>ADO.NET provider for SQLite</p>"},{"location":"languages/dotnet/database/ado.net.html#connection-strings","title":"Connection Strings","text":""},{"location":"languages/dotnet/database/ado.net.html#sql-server-2019","title":"SQL Server 2019","text":"<ul> <li>Standard Security:</li> <li><code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; UID=&lt;user&gt;; Pwd=&lt;password&gt;;</code></li> <li><code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; User ID=&lt;user&gt;; Password=&lt;password&gt;;</code></li> <li><code>Data Source=&lt;server_name&gt;; Initial Catalog=&lt;database&gt;; UID=&lt;user&gt;; Pwd=&lt;password&gt;;</code></li> <li>Specific Instance: <code>Server=&lt;server_name&gt;\\&lt;instance_name&gt;; Database=&lt;database&gt;; User ID=&lt;user&gt;; Password=&lt;password&gt;;</code></li> <li>Trusted Connection (WinAuth): <code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; Trusted_Connection=True;</code></li> <li>MARS: <code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; Trusted_Connection=True; MultipleActiveResultSets=True;</code></li> </ul> <p>Note: Multiple Active Result Sets (MARS) is a feature that works with SQL Server to allow the execution of multiple batches on a single connection.</p>"},{"location":"languages/dotnet/database/ado.net.html#sqlite","title":"SQLite","text":"<ul> <li>Basic: <code>Data Source: path\\to\\db.sqlite3; Version=3;</code></li> <li>In-Memory Database: <code>Data Source=:memory:; Version=3; New=True</code></li> <li>With Password: <code>Data Source: path\\to\\db.sqlite3; Version=3; Password=&lt;password&gt;</code></li> </ul>"},{"location":"languages/dotnet/database/ado.net.html#connection-to-db","title":"Connection to DB","text":"C#<pre><code>using System;\nusing System.Data.SqlClient;  // ADO.NET Provider, installed through NuGet\n\nnamespace &lt;namespace&gt;\n{\n    class Program\n    {\n        static void Main(string[] args)\n        {\n            // Connection to SQL Server DBMS\n            SqlConnectionStringBuilder connectionString = new SqlConnectionStringBuilder();\n            connectionString.DataSource = \"&lt;server_name&gt;\";\n            connectionString.UserID = \"&lt;user&gt;\";\n            connectionString.Password = \"&lt;password&gt;\";\n            connectionString.InitialCatalog = \"&lt;database&gt;\";\n\n            // more compact\n            SqlConnectionStringBuilder connectionString = new SqlConnectionStringBuilder(\"Server=&lt;server_name&gt;;Database=&lt;database&gt;;UID=&lt;user&gt;;Pwd=&lt;password&gt;\")\n        }\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html#db-interrogation","title":"DB Interrogation","text":""},{"location":"languages/dotnet/database/ado.net.html#sqlconnection","title":"<code>SqlConnection</code>","text":"C#<pre><code>using (SqlConnection connection = new SqlConnection())\n{\n    connection.ConnectionString = connectionString.ConnectionString;\n    connection.Open();  // start communication w/ sql server\n}\n\n// more compact\nusing (SqlConnection connection = new SqlConnection(connectionString)) {\n    connection.Open()\n}\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html#sqlcommand","title":"SqlCommand","text":"C#<pre><code>string sql = \"&lt;sql_instruction&gt;\";\n\nusing (SqlCommand command = new SqlCommand())\n{\n    command.Connection = connection;  // SqlConnection\n    command.CommandText = \"... @Parameter\";  // or name of StoredProcedure\n\n    // add parameters to the SqlParameterCollection, WARNING: table names or columns cannot be parameters\n    command.Parameters.Add(\"@Parameter\", SqlDbType.&lt;DBType&gt;, columnLength).Value = value;\n    command.Parameters.AddWithValue(\"@Parameter\", value);\n    command.Parameters.AddWithValue(\"@Parameter\", (object) value ?? DBNull.Value);  // if Parameter is nullable\n\n    // Create an instance of a SqlParameter object.\n    command.CreateParameter();\n\n    command.CommandType = CommandType.Text;  // or StoredProcedure\n\n    int affectedRows = command.ExecuteNonQuery();  // execute the query and return the number of affected rows\n}\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html#sqldatareader","title":"<code>SqlDataReader</code>","text":"C#<pre><code>using (SqlDataReader cursor = command.ExecuteReader())  // object to get data from db\n{\n    while (cursor.Read())  // get data till possible\n    {\n        // preferred methodology\n        cursor[\"&lt;column_name&gt;\"].ToString();  // retrieve data form the column\n        cursor[&lt;column_index&gt;].ToString();  // retrieve data form the column\n\n        // check for null before retrieving the value\n        if(!cursor.IsDBNull(n))\n        {\n            cursor.Get&lt;SystemType&gt;(index);  // retrieve data form the n-th column\n        }\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html","title":"Entity Framework","text":""},{"location":"languages/dotnet/database/entity-framework.html#model-data-annotations","title":"Model &amp; Data Annotations","text":"C#<pre><code>using System;\nusing System.Collections.Generic;\nusing System.ComponentModel.DataAnnotations;\nusing System.Linq;\n\nnamespace &lt;Project&gt;.Model\n{\n    public class Entity\n    {\n        [Key]  // set as PK (Id &amp; EntityId are automatically detected to be PKs)\n        public int Id { get; set; }\n\n        [Required]\n        public Type ForeignObject { get; set; }  // Not Null in DB\n        public Type ForeignObject { get; set; }  // Allow Null in DB\n\n        public int Prop { get; set; }  // Not Null in DB (primitive are not nullable)\n        public int? Prop { get; set; }  // Allow Null in DB\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#context","title":"Context","text":"<p>NuGet Packages to install:</p> <ul> <li><code>Microsoft.EntityFrameworkCore</code></li> <li><code>Microsoft.EntityFrameworkCore.Tools</code> to use migrations in Visual Studio</li> <li><code>Microsoft.EntityFrameworkCore.Tools.DotNet</code> to use migrations in <code>dotnet</code> cli (<code>dotnet-ef</code>)</li> <li><code>Microsoft.EntityFrameworkCore.Design</code> or <code>Microsoft.EntityFrameworkCore.&lt;db_provider&gt;.Design</code> needed for tools to work (bundled w\\ tools)</li> <li><code>Microsoft.EntityFrameworkCore.&lt;db_provider&gt;</code></li> </ul> C#<pre><code>using Microsoft.EntityFrameworkCore;\n\nnamespace &lt;Project&gt;.Model\n{\n    class Context : DbContext\n    {\n        private const string _connectionString = \"Server=&lt;server_name&gt;;Database=&lt;database&gt;;UID=&lt;user&gt;;Pwd=&lt;password&gt;\";\n\n        // connect to db\n        protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)\n        {\n            optionsBuilder.UseSqlServer(_connectionString);  // specify connection\n        }\n\n        // or\n\n        public Context(DbContextOptions options) : base(options)\n        {\n        }\n\n        //DBSet&lt;TEntity&gt; represents the collection of all entities in the context (or that can be queried from the database) of a given type\n        public DbSet&lt;Entity&gt; Entities { get; set; }\n        public DbSet&lt;Entity&gt; Entities =&gt; Set&lt;Entity&gt;();  // with nullable reference types\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#migrations","title":"Migrations","text":"<p>Create &amp; Update DB Schema if necessary.</p> <p>In Package Manager Shell:</p> PowerShell<pre><code>PM&gt; Add-Migration &lt;migration_name&gt;\nPM&gt; update-database [-Verbose] # use the migrations to modify the db, -Verbose to show SQL queries\n</code></pre> <p>In dotnet cli:</p> PowerShell<pre><code>dotnet tool install --global dotnet-ef  # if not already installed\n\ndotnet ef migrations add &lt;migration_name&gt;\ndotnet ef database update\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#crud","title":"CRUD","text":""},{"location":"languages/dotnet/database/entity-framework.html#create","title":"Create","text":"C#<pre><code>context.Add(entity);\ncontext.AddRange(entities);\n\ncontext.SaveChanges();\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#read","title":"Read","text":"<p>Referenced Object Not Loading Fix</p> C#<pre><code>context.Entities.ToList();\ncontext.Entities.Find(id);\n\n// force read of foreign key identifying referenced obj\ncontext.Entities.Include(c =&gt; c.ForeignObject).Find(id);\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#update","title":"Update","text":"C#<pre><code>context.Entities.Update(entity);\ncontext.UpdateRange(entities);\n\ncontext.SaveChanges();\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#delete","title":"Delete","text":"C#<pre><code>context.Entities.Remove(entity);\ncontext.RemoveRange(entities);\n\ncontext.SaveChanges();\n</code></pre>"},{"location":"languages/html/html.html","title":"HTML","text":""},{"location":"languages/html/html.html#terminology","title":"Terminology","text":"<p>Web design: The process of planning, structuring and creating a website. Web development: The process of programming dynamic web applications. Front end: The outwardly visible elements of a website or application. Back end: The inner workings and functionality of a website or application.</p>"},{"location":"languages/html/html.html#anatomy-of-an-html-element","title":"Anatomy of an HTML Element","text":"<p>Element: Building blocks of web pages, an individual component of HTML. Tag: Opening tag marks the beginning of an element &amp; closing tag marks the end. Tags contain characters that indicate the tag's purpose content.</p> <p><code>&lt;tagname&gt; content &lt;/tagname&gt;</code> </p> <p>Container Element: An element that can contain other elements or content. Stand Alone Element: An element that cannot contain anything else. Attribute: Provides additional information about the HTML element. Placed inside an opening tag, before the right angle bracket. Value: Value is the value assigned to a given attribute. Values must be contained inside quotation marks (\u201c\u201d).</p>"},{"location":"languages/html/html.html#the-doctype","title":"The Doctype","text":"<p>The first thing on an HTML page is the doctype, which tells the browser which version of the markup language the page is using.</p>"},{"location":"languages/html/html.html#xhtml-10-strict","title":"XHTML 1.0 Strict","text":"HTML<pre><code>&lt;!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#html4-transitional","title":"HTML4 Transitional","text":"HTML<pre><code>&lt;!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"\n \"http://www.w3.org/TR/html4/loose.dtd\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#html5","title":"HTML5","text":"<p><code>&lt;!doctype html&gt;</code></p>"},{"location":"languages/html/html.html#the-html-element","title":"The HTML Element","text":"<p>After <code>&lt;doctype&gt;</code>, the page content must be contained between tags.</p> HTML<pre><code>&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n    &lt;!-- page contents --&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/html/html.html#the-head-element","title":"The HEAD Element","text":"<p>The head contains the title of the page &amp; meta information about the page. Meta information is not visible to the user, but has many purposes, like providing information to search engines. UTF-8 is a character encoding capable of encoding all possible characters, or code points, defined by Unicode. The encoding is variable-length and uses 8-bit code units.</p> <p>XHTML and HTML4: <code>&lt;meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"&gt;&lt;/meta&gt;</code></p> <p>HTML5: <code>&lt;meta charset=\"utf-8\"&gt;</code></p>"},{"location":"languages/html/html.html#html-shiv-polyfill","title":"HTML Shiv (Polyfill)","text":"<p>Used to make old browsers understand newer HTML5 and newer components.</p> HTML<pre><code>&lt;!--[if lt IE 9]&gt;\n    &lt;script src=\"https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js\"&gt;&lt;/script&gt;\n&lt;![endif]--&gt;\n</code></pre>"},{"location":"languages/html/html.html#the-body-element","title":"The BODY Element","text":"<p>The body contains the actual content of the page. Everything that is contained in the body is visible to the user.</p> HTML<pre><code>&lt;body&gt;\n    &lt;!-- page contents --&gt;\n&lt;/body&gt;\n</code></pre>"},{"location":"languages/html/html.html#javascript","title":"JavaScript","text":"<p>XHTML and older: <code>&lt;script src=\"js/scripts.js\" type=\"text/javascript\"&gt;&lt;/script&gt;</code> HTML5: <code>&lt;script src=\"js/scripts.js\"&gt;&lt;/script&gt;</code>  (HTML5 spec states that <code>type</code> attribute is redundant and should be omitted) The <code>&lt;script&gt;</code> tag is used to define a client-side script (JavaScript). The <code>&lt;script&gt;</code> element either contains scripting statements, or it points to an external script file through the src attribute.</p>"},{"location":"languages/html/html.html#local-remote-or-inline-javascript","title":"Local, Remote or Inline JavaScript","text":"<p>Remote: <code>&lt;script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\"&gt;&lt;/script&gt;</code> Local: <code>&lt;script src=\"js/main.js\"&gt;&lt;/script&gt;</code> Inline: <code>&lt;script&gt; javascript-code-here &lt;/script&gt;</code></p>"},{"location":"languages/html/html.html#forms","title":"Forms","text":"<p>Forms allow to collect data from the user:</p> <ul> <li>signing up and logging in to websites</li> <li>entering personal information</li> <li>filtering content (using dropdowns, checkboxes)</li> <li>performing a search</li> <li>uploading files</li> </ul> <p>Forms contain elements called controls (text inputs, checkboxes, radio buttons, submit buttons). When users complete a form the data is usually submitted to a web server for processing.  </p>"},{"location":"languages/html/html.html#form-validation","title":"Form Validation","text":"<p>Validation is a mechanism to ensure the correctness of user input.</p> <p>Uses of Validation:</p> <ul> <li>Make sure that all required information has been entered</li> <li>Limit the information to certain types (e.g. only numbers)</li> <li>Make sure that the information follows a standard (e.g. email, credit card number)</li> <li>Limit the information to a certain length</li> <li>Other validation required by the application or the back-end services</li> </ul>"},{"location":"languages/html/html.html#front-end-validation","title":"Front-End Validation","text":"<p>The application should validate all information to make sure that it is complete, free of errors and conforms to the specifications required by the back-end. It should contain mechanisms to warn users if input is not complete or correct. It should avoid to send \"bad\" data to the back-end.  </p>"},{"location":"languages/html/html.html#back-end-validation","title":"Back-End Validation","text":"<p>It should never trust that the front-end has done validation since some clever users can bypass the front-end mechanisms easily. Back-end services can receive data from other services, not necessarily front-end, that don't perform validation.  </p>"},{"location":"languages/html/html.html#built-in-validation","title":"Built-In Validation","text":"<p>Not all browsers validate in the same way and some follow the specs partially. Some browsers don't have validation at all (older desktop browsers, some mobile browsers). Apart from declaring validation intention with HTML5 developers don't have much control over what the browser actually does. Before using build-in validation make sure that it's supported by the target browsers.</p>"},{"location":"languages/html/html.html#validation-with-javascript","title":"Validation with JavaScript","text":"<ul> <li>Gives the developer more control.</li> <li>The developer can make sure it works on all target browsers.</li> <li>Requires a lot of custom coding, or using a library (common practice).</li> </ul>"},{"location":"languages/html/html.html#general-structure-of-html-page","title":"General structure of HTML page","text":"HTML<pre><code>&lt;!-- HTML Boilerplate --&gt;\n&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n    &lt;head&gt;\n        &lt;!-- meta tag --&gt;\n        &lt;meta charset=\"utf-8\"&gt;\n        &lt;title&gt;&lt;/title&gt;\n        &lt;meta name=\"description\" content=\"\"&gt;\n        &lt;meta name=\"author\" content=\"\"&gt;\n\n        &lt;!-- adapt page dimensions to device --&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n\n        &lt;!-- external style sheet here --&gt;\n        &lt;link rel=\"stylesheet\" href=\"path/style-sheet.css\"&gt;\n\n        &lt;!-- script if necessary --&gt;\n        &lt;script src=\"_.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\n\n        &lt;!-- script is executed only after the page finishes loading--&gt;\n        &lt;script src=\"_.js\" defer type=\"text/javascript\"&gt;&lt;/script&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n\n        &lt;!-- end of body --&gt;\n        &lt;script src=\"_.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre> <p>Attributes describe additional characteristics of an HTML element. <code>&lt;tagname attribute=\"value\"&gt; content &lt;/tagname&gt;</code></p>"},{"location":"languages/html/html.html#meta-tag-structure","title":"Meta Tag Structure","text":"<p><code>&lt;meta name=\"info-name\" content=\"info-content\"&gt;</code></p>"},{"location":"languages/html/html.html#paragraph","title":"Paragraph","text":"<p>Paragraphs allow to format the content in a readable fashion.</p> HTML<pre><code>&lt;p&gt; paragraph-content &lt;/p&gt;\n&lt;p&gt; paragraph-content &lt;/p&gt;\n</code></pre>"},{"location":"languages/html/html.html#headings","title":"Headings","text":"<p>Heading numbers indicates hierarchy, not size.</p> HTML<pre><code>&lt;h1&gt; Heading 1 &lt;/h1&gt;\n&lt;h2&gt; Heading 2 &lt;/h2&gt;\n</code></pre>"},{"location":"languages/html/html.html#formatted-text","title":"Formatted Text","text":"<p>With semantic value:</p> <ul> <li>Emphasized text (default cursive): <code>&lt;em&gt;&lt;/em&gt;</code> </li> <li>Important text (default bold): <code>&lt;strong&gt;&lt;/strong&gt;</code> </li> </ul> <p>Without semantic value, used as last resort:</p> <ul> <li>Italic text: <code>&lt;i&gt;&lt;/i&gt;</code> </li> <li>Bold text: <code>&lt;b&gt;&lt;/b&gt;</code></li> </ul>"},{"location":"languages/html/html.html#elements","title":"Elements","text":"<p><code>&lt;br/&gt;</code>: Line break (carriage return). It's not good practice to put line breaks inside paragraphs.  </p> <p><code>&lt;hr&gt;</code>: horizontal rule (line). Used to define a thematic change in the content.</p>"},{"location":"languages/html/html.html#linksanchor","title":"Links/Anchor","text":"<p>Surround content to turn into links.</p> HTML<pre><code>&lt;!-- Link to absolute URL --&gt;\n&lt;a href=\"uri/url\" title=\"content-title\" target=\"_self\"&gt; text/image &lt;/a&gt;\n\n&lt;!-- links to relative URL --&gt;\n&lt;a href=\"//example.com\"&gt;Scheme-relative URL&lt;/a&gt;\n&lt;a href=\"/en-US/docs/Web/HTML\"&gt;Origin-relative URL&lt;/a&gt;\n&lt;a href=\"./file\"&gt;Directory-relative URL&lt;/a&gt;\n\n&lt;!-- Link to element on the same page --&gt;\n&lt;a href=\"#element-id\"&gt;&lt;/a&gt;\n\n&lt;!-- Link to top of page --&gt;\n&lt;a href=\"#top\"&gt; Back to Top &lt;/a&gt;\n\n&lt;!-- link to email --&gt;\n&lt;a href=\"mailto:address@domain\"&gt;address@domain&lt;/a&gt;\n\n&lt;!-- link to telephone number --&gt;\n&lt;a href=\"tel:+39(111)2223334\"&gt;+39 111 2223334&lt;/a&gt;\n\n&lt;!-- download link --&gt;\n&lt;a href=\"./folder/filename\" download&gt;Download&lt;/a&gt;\n</code></pre> <p><code>target</code>:</p> <ul> <li><code>_blank</code>: opens linked document in a new window or tab</li> <li><code>_self</code>: opens linked document in the same frame as it was clicked (DEFAULT)</li> <li><code>_parent</code>: opens the linked document in the parent frame</li> <li><code>_top</code>: opens linked document in the full body of the window</li> <li><code>frame-name</code>: opens the linked document in the specified frame</li> </ul>"},{"location":"languages/html/html.html#images","title":"Images","text":"HTML<pre><code>&lt;img src=\"image-location\" alt=\"brief-description\"/&gt;    &lt;!-- image element --&gt;\n&lt;!-- alt should be always be populated for accessibility and SEO purposes --&gt;\n</code></pre> HTML<pre><code>&lt;!-- supported by modern browsers --&gt;\n&lt;figure&gt;\n    &lt;img src=\"img-location\" alt=\"description\"&gt;\n    &lt;figcaption&gt; caption of the figure &lt;/figcaption&gt;\n&lt;/figure&gt;\n</code></pre>"},{"location":"languages/html/html.html#unordered-list-bullet-list","title":"Unordered list (bullet list)","text":"HTML<pre><code>&lt;ul&gt;\n    &lt;li&gt;&lt;/li&gt;    &lt;!-- list element --&gt;\n    &lt;li&gt;&lt;/li&gt;\n&lt;/ul&gt;\n</code></pre>"},{"location":"languages/html/html.html#ordered-list-numbered-list","title":"Ordered list (numbered list)","text":"HTML<pre><code>&lt;ol&gt;\n    &lt;li&gt;&lt;/li&gt;\n    &lt;li&gt;&lt;/li&gt;\n&lt;/ol&gt;\n</code></pre>"},{"location":"languages/html/html.html#description-list-list-of-terms-and-descriptions","title":"Description list (list of terms and descriptions)","text":"HTML<pre><code>&lt;dl&gt;\n    &lt;dt&gt;term&lt;/dt&gt;    &lt;!-- define term/name --&gt;\n    &lt;dd&gt;definition&lt;/dd&gt; &lt;!-- describe term/name --&gt;\n    &lt;dt&gt;term&lt;/dt&gt;\n    &lt;dd&gt;definition&lt;/dd&gt;\n&lt;/dl&gt;\n</code></pre>"},{"location":"languages/html/html.html#tables","title":"Tables","text":"HTML<pre><code>&lt;table&gt;\n    &lt;thead&gt;    &lt;!-- table head row --&gt;\n        &lt;th&gt;&lt;/th&gt; &lt;!-- table head, one for each column--&gt;\n        &lt;th&gt;&lt;/th&gt;\n    &lt;/thead&gt;\n    &lt;tbody&gt;    &lt;!-- table content (body) --&gt;\n        &lt;tr&gt; &lt;!-- table row --&gt;\n            &lt;td&gt;&lt;/td&gt; &lt;!-- table cell --&gt;\n            &lt;td&gt;&lt;/td&gt;\n        &lt;/tr&gt;\n    &lt;/tbody&gt;\n&lt;/table&gt;\n</code></pre>"},{"location":"languages/html/html.html#character-codes","title":"Character Codes","text":"Code Character <code>&amp;copy;</code> Copyright <code>&amp;lt;</code> less than (<code>&lt;</code>) <code>&amp;gt;</code> greater than (<code>&gt;</code>) <code>&amp;amp;</code> ampersand (<code>&amp;</code>)"},{"location":"languages/html/html.html#block-element","title":"Block Element","text":"<p>Used to group elements together into sections, eventually to style them differently.</p> HTML<pre><code>&lt;div&gt;\n    &lt;!-- content here --&gt;\n&lt;/div&gt;\n</code></pre>"},{"location":"languages/html/html.html#inline-element","title":"Inline Element","text":"<p>Used to apply a specific style inline.</p> HTML<pre><code>&lt;p&gt; non-styled content &lt;span class=\"...\"&gt; styled content &lt;/span&gt; non-styled content &lt;/p&gt;\n</code></pre>"},{"location":"languages/html/html.html#html5-new-tags","title":"HTML5 new tags","text":"HTML<pre><code>&lt;header&gt;&lt;/header&gt;\n&lt;nav&gt;&lt;/nav&gt;\n&lt;main&gt;&lt;/main&gt;\n&lt;section&gt;&lt;/section&gt;\n&lt;article&gt;&lt;/article&gt;\n&lt;aside&gt;&lt;/aside&gt;\n&lt;footer&gt;&lt;/footer&gt;\n</code></pre>"},{"location":"languages/html/html.html#html-forms-inputs","title":"HTML Forms &amp; Inputs","text":"HTML<pre><code>&lt;form action=\"data-receiver\" target=\"\" method=\"http-method\"&gt;\n    &lt;!-- ALL form elements go here --&gt;\n&lt;/form&gt;\n</code></pre> <p>Target:</p> <ul> <li><code>_blank</code>: submitted result will open in a new browser tab</li> <li><code>_self</code>: submitted result will open in the same page (default)</li> </ul> <p>Method:</p> <ul> <li><code>get</code>: data sent via get method is visible in the browser's address bar</li> <li><code>post</code>: data sent via post in not visible to the user</li> </ul> <p>PROs &amp; CONs of <code>GET</code> method:</p> <ul> <li>Data sent by the GET method is displayed in the URL</li> <li>It is possible to bookmark the page with specific query string values</li> <li>Not suitable for passing sensitive information such as the username and password</li> <li>The length of the URL is limited</li> </ul> <p>PROs &amp; CONs of <code>POST</code> method:</p> <ul> <li>More secure than GET; information is never visible in the URL query string or in the server logs</li> <li>Has a much larger limit on the amount of data that can be sent</li> <li>Can send text data as well as binary data (uploading a file)</li> <li>Not possible to bookmark the page with the query</li> </ul>"},{"location":"languages/html/html.html#basic-form-elements","title":"Basic Form Elements","text":"HTML<pre><code>&lt;form action=\"\" method=\"\"&gt;\n    &lt;label for=\"target-identifier\"&gt;label-here&lt;/label&gt;\n    &lt;input type=\"input-type\" name=\"input-name\" value=\"value-sent\" id=\"target-identifier\"&gt;\n&lt;/form&gt;\n\n&lt;!-- SAME AS --&gt;\n\n&lt;form&gt;\n    &lt;label&gt;Label:\n        &lt;input type=\"input-type\" name=\"input-name\" value=\"value-sent\" id=\"target-identifier\"&gt;\n    &lt;/label&gt;\n&lt;/form&gt;\n</code></pre> <p>Note: The <code>&lt;label&gt;</code> tag is used to define the labels for <code>&lt;input&gt;</code> elements.</p> <p>Input Attributes:</p> <ul> <li><code>name</code>: assigns a name to the form control (used by JavaScript and queries)</li> <li><code>value</code>: value to be sent to the server when the option is selected</li> <li><code>id</code>: identifier for CSS and linking tags</li> <li><code>checked</code>: initially selected or not (radiobutton, checkboxes, ...)</li> <li><code>selected</code>: default selection of a dropdown</li> </ul>"},{"location":"languages/html/html.html#text-field","title":"Text Field","text":"<p>One line areas that allow the user to input text.  </p> HTML<pre><code>&lt;input type=\"text\" placeholder=\"placeholder-text\" spellcheck=\"true\" pattern=\"\\regex\\\"&gt;\n</code></pre> <p>Note: Text inputs can display a placeholder text that will disappear as soon as some text is entered</p>"},{"location":"languages/html/html.html#password-field","title":"Password Field","text":"HTML<pre><code>&lt;input type=\"password\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#radio-buttons","title":"Radio Buttons","text":"HTML<pre><code>&lt;input type=\"radio\" value=\"value\"&gt;\n&lt;input type=\"radio\" value=\"value\" checked&gt;\n</code></pre>"},{"location":"languages/html/html.html#checkboxes","title":"Checkboxes","text":"HTML<pre><code>&lt;input type=\"checkbox\"&gt;\n&lt;input type=\"checkbox\" checked&gt;\n</code></pre>"},{"location":"languages/html/html.html#dropdown-menus","title":"Dropdown Menus","text":"HTML<pre><code>&lt;select multiple&gt;\n    &lt;option value=\"value\"&gt;Value&lt;/option&gt;\n    &lt;option value=\"value\"&gt;Value&lt;/option&gt;\n    &lt;option value=\"value\" selected&gt;Value&lt;/option&gt;\n&lt;/select&gt;\n</code></pre> <p>Use <code>&lt;select&gt;</code> rather than radio buttons when the number of options to choose from is large <code>selected</code> is used rather than checked. Provides the ability to select multiple options. Conceptually, <code>&lt;select&gt;</code> becomes more similar to checkboxes.</p>"},{"location":"languages/html/html.html#file-select","title":"File Select","text":"<p>Upload a local file as an attachment. The <code>accept</code> attribute value is a string that defines the file types the file input should accept. This string is a comma-separated list of unique file type specifiers.</p> HTML<pre><code>&lt;input type=\"file\" value=\"filename\" accept=\".txt,application/json,audio/*\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#text-area","title":"Text Area","text":"<p>Multi line text input.</p> HTML<pre><code>&lt;textarea rows=\"row-number\" cols=\"column-number\" &gt;pre-existing editable test&lt;/textarea&gt;\n</code></pre>"},{"location":"languages/html/html.html#submit-reset","title":"Submit &amp; Reset","text":"HTML<pre><code>&lt;input type=\"submit\" value=\"label\"&gt;\n&lt;input type=\"reset\" value=\"label\"&gt;\n&lt;!-- OR --&gt;\n&lt;button type=\"submit\" value=\"label\"&gt;\n&lt;button type=\"reset\" value=\"label\"&gt;\n</code></pre> <p><code>submit</code>: sends the form data to the location specified in the action attribute. <code>reset</code>: resets all forms controls to the default values.</p>"},{"location":"languages/html/html.html#button","title":"Button","text":"HTML<pre><code>&lt;button type=\"button/reset/submit\" value=\"label\"/&gt;\n\n&lt;!-- can contain HTML --&gt;\n&lt;button type=\"button/reset/submit\" value=\"lebel\"&gt;&lt;/button&gt;\n</code></pre>"},{"location":"languages/html/html.html#fieldset","title":"Fieldset","text":"<p>Group controls into categories. Particularly important for screen readers.</p> HTML<pre><code>&lt;fieldset&gt;\n    &lt;legend&gt;Color&lt;/legend&gt;\n    &lt;input type=\"radio\" name=\"colour\" value=\"red\" id=\"colour_red\"&gt;\n    &lt;label for=\"colour_red\"&gt;Red&lt;/label&gt;\n    &lt;input type=\"radio\" name=\"colour\" value=\"green\" id=\"colour_green\"&gt;\n    &lt;label for=\"colour_green\"&gt;Green&lt;/label&gt;\n    &lt;input type=\"radio\" name=\"colour\" value=\"blue\" id=\"colour_blue\"&gt;\n    &lt;label for=\"colour_blue\"&gt;Red&lt;/label&gt;\n&lt;/fieldset&gt;\n</code></pre>"},{"location":"languages/html/html.html#email-field","title":"Email Field","text":"<p>Used to receive a valid e-mail address from the user. Most browsers can validate this without needing javascript. Older browsers don't support this input type.</p> HTML<pre><code>&lt;form&gt;\n    &lt;label for=\"user-email\"&gt;Email:&lt;/label&gt;\n    &lt;input type=\"email\" name=\"user-email\" id=\"form-email\"&gt;\n    &lt;button type=\"submit\"&gt;Send&lt;/button&gt;\n&lt;/form&gt;\n</code></pre>"},{"location":"languages/html/html.html#progress-bar","title":"Progress Bar","text":"HTML<pre><code>&lt;progress max=\"100\" value=\"70\"&gt; 70% &lt;/progress&gt;\n</code></pre>"},{"location":"languages/html/html.html#slider","title":"Slider","text":"HTML<pre><code>&lt;input type=\"range\" min=\"0\" max=\"20\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#meter","title":"Meter","text":"<p>The <code>&lt;meter&gt;</code> HTML element represents either a scalar value within a known range or a fractional value.</p> HTML<pre><code>&lt;meter min=\"0\" max=\"100\" low=\"33\" high=\"66\" optimum=\"80\" value=\"50\"&gt;current value&lt;/meter&gt;\n</code></pre>"},{"location":"languages/html/html.html#datalist-autocomplete","title":"Datalist (Autocomplete)","text":"<p>The <code>datalist</code> HTML element can provide suggestions to an input that targets it's <code>id</code> with the <code>list</code> attribute.</p> HTML<pre><code>&lt;input list=\"items\"&gt;\n\n&lt;datalist id=\"items\"&gt;\n    &lt;option value=\"value-1\"&gt;\n    &lt;option value=\"value-2\"&gt;\n    &lt;option value=\"value-3\"&gt;\n&lt;/datalist&gt;\n</code></pre>"},{"location":"languages/html/html.html#more-input-types","title":"More Input Types","text":"HTML<pre><code>&lt;input type=\"email\" id=\"email\" name=\"email\" /&gt;\n&lt;input type=\"url\" id=\"url\" name=\"url\" /&gt;\n&lt;input type=\"number\" name=\"\" id=\"identifier\" min=\"min-value\" max=\"max-value\" step=\"\" /&gt;\n&lt;input type=\"search\" id=\"identifier\" name=\"\"&gt;\n&lt;input type=\"color\" /&gt;\n</code></pre>"},{"location":"languages/html/html.html#using-built-in-form-validation","title":"Using Built-In Form Validation","text":"<p>One of the most significant features of HTML5 form controls is the ability to validate most user data without relying on JavaScript. This is done by using validation attributes on form elements.</p> <ul> <li><code>required</code>: Specifies whether a form field needs to be filled in before the form can be submitted.</li> <li><code>minlength</code>, <code>maxlength</code>: Specifies the minimum and maximum length of textual data (strings)</li> <li><code>min</code>, <code>max</code>: Specifies the minimum and maximum values of numerical input types</li> <li><code>type</code>: Specifies whether the data needs to be a number, an email address, or some other specific preset type.</li> <li><code>pattern</code>: Specifies a regular expression that defines a pattern the entered data needs to follow.</li> </ul> <p>If the data entered in an form field follows all of the rules specified by the above attributes, it is considered valid. If not, it is considered invalid.</p> <p>When an element is valid, the following things are true:</p> <ul> <li>The element matches the <code>:valid</code> CSS pseudo-class, which lets you apply a specific style to valid elements.</li> <li>If the user tries to send the data, the browser will submit the form, provided there is nothing else stopping it from doing so (e.g. JavaScript).</li> </ul> <p>When an element is invalid, the following things are true:</p> <ul> <li>The element matches the <code>:invalid</code> CSS pseudo-class, and sometimes other UI pseudo-classes (e.g. <code>:out-of-range</code>) depending on the error, which lets you apply a specific style to invalid elements.</li> <li>If the user tries to send the data, the browser will block the form and display an error message.</li> </ul>"},{"location":"languages/java/dao.html","title":"Database Access Object","text":""},{"location":"languages/java/dao.html#db","title":"DB","text":"<p>Connection to the DB.</p> Java<pre><code>package dao;\n\nimport java.sql.Connection;\nimport java.sql.DriverManager;\nimport java.sql.SQLException;\n\npublic class DB {\n\n    private Connection conn;  // db connection obj\n\n    private final String URL = \"jdbc:&lt;dbms&gt;:&lt;db_url&gt;/&lt;database&gt;\";\n    private final String USER = \"\";\n    private final String PWD = \"\";\n\n    public DB() {\n        this.conn = null;\n    }\n\n    public void connect() {\n        try {\n            this.conn = DriverManager.getConnection(URL, USER, PWD);\n        } catch (SQLException e) {\n            e.printStackTrace();\n        }\n    }\n\n    public void disconnect() {\n        if(conn != null) {\n            try {\n                this.conn.close();\n            } catch (SQLException e) {\n                e.printStackTrace();\n            }\n        }\n    }\n\n    public Connection getConn() {\n        return conn;\n    }\n}\n</code></pre>"},{"location":"languages/java/dao.html#itypedao","title":"<code>I&lt;Type&gt;DAO</code>","text":"<p>Interface for CRUD methods on a database.</p> Java<pre><code>package dao;\n\nimport java.sql.SQLException;\nimport java.util.List;\n\npublic interface I&lt;Type&gt;DAO {\n\n    String RAW_QUERY = \"SELECT * ...\"\n    public Type Query() throws SQLException;\n}\n</code></pre>"},{"location":"languages/java/dao.html#typedao","title":"<code>&lt;Type&gt;DAO</code>","text":"<p>Class implementing <code>I&lt;Type&gt;DAO</code> and handling the communication with the db.</p> Java<pre><code>package dao;\n\nimport java.sql.ResultSet;\nimport java.sql.SQLException;\nimport java.sql.Statement;\n\npublic class &lt;Type&gt;DAO implements I&lt;Type&gt;DAO {\n\n    private &lt;Type&gt; results;\n\n    private Statement statement;  // SQL instruction container\n    private ResultSet rs;  // Query results container\n    private DB db;\n\n    public &lt;Type&gt;DAO() {\n        db = new DB();\n    }\n\n    @Override\n    public Type Query() throws SQLException {\n        // 1. connection\n        db.connect();\n\n        // 2. instruction\n        statement = db.getConn().createStatement();  // statement creation\n\n        // 3. query\n        rs = statement.executeQuery(RAW_QUERY);  // set the query\n\n        // 4. results\n        while(rs.next()) {\n            // create and valorize Obj\n            // add to results\n        }\n\n        // 5. disconnection\n        db.disconnect()\n\n        // 6. return results\n        return results;\n    }\n}\n</code></pre>"},{"location":"languages/java/java-collection-framework.html","title":"Java Collection Framework - JCF","text":"<p>All classes that permit the handling of groups of objects constitute the Java Collection Framework.</p> <p>A Collection is a container in which several objects are grouped in a single entity.</p> <p>The Java Collection Framework is constituted by:</p> <ul> <li>Interfaces the define the operations of a generic collection. They can be split into two categories:</li> <li>Collection: used to optimize operations of insertion, modification and deletion of elements in a group of objects.</li> <li>Map: optimized for look-up operations.</li> <li>Classes that implement the interfaces using different data structures.</li> <li>Algorithms consisting in methods to operate over a collection.</li> </ul> <p></p>"},{"location":"languages/java/java-collection-framework.html#javautilcollections","title":"java.util.Collections","text":""},{"location":"languages/java/java-collection-framework.html#collection-functions","title":"Collection Functions","text":"Java<pre><code>boolean add (Object o) e.g., &lt;x&gt;.add (&lt;y&gt;)    //append to collection, false if fails\nboolean add (int index, Object o)    //insertion at given index\nboolean addAll (Collection c)    //appends a collection to another\nvoid clear()     //remove items from container\nboolean contains (Object o)    //true if object is in collection\nboolean containsAll (Collection c)    //true if all items of collection are in another\nboolean isEmpty (Object o) e.g., if (&lt;x&gt;.isEmpty()) ...    //true if collection is empty\nboolean remove (Object o)    //remove object from collection\nObject remove (int index)    //remove object at given index\nvoid removeAll (Collection c)    //remove all items form collection\nint size ()    //number og items in collection\nObject [] toArray()    //transform collection in array\nIterator iterator()    //returns iterator to iterate over the collection\n</code></pre>"},{"location":"languages/java/java-collection-framework.html#collections-methods","title":"Collections Methods","text":"Java<pre><code>Collection&lt;E&gt;.forEach(Consumer&lt;? super T&gt; action);\n</code></pre>"},{"location":"languages/java/java-collection-framework.html#iterator","title":"Iterator","text":"<p>Abstracts the problem of iterating over all the elements of a collection;</p> <ul> <li><code>public Iterator (Collection c)</code> creates the Iterator</li> <li><code>public boolean hasNext()</code> checks if there is a successive element</li> <li><code>public Object next()</code> extracts the successive element</li> </ul>"},{"location":"languages/java/java-collection-framework.html#arraylist","title":"ArrayList","text":"<p>Note: ArrayLists can't contain primitive values. Use wrapper classes instead.</p> Java<pre><code>import java.util.ArrayList;\nArrayList&lt;Type&gt; ArrayListName = new ArrayList&lt;Type&gt;(starting_dim);    //resizable array\nArrayList&lt;Type&gt; ArrayListName = new ArrayList&lt;Type&gt;();    //resizable array\nArrayList&lt;Type&gt; ArrayListName = new ArrayList&lt;&gt;();    //resizable array (JAVA 1.8+)\n\n\nArrayListName.add(item);    //append item to collection\nArrayListName.add(index, item);  // add item at position index, shift all item from index and successive towards the end af the ArrayList\nArrayListName.set(index, item);  // substitute EXISTING item\nArrayListName.get(index);    //access to collection item\nArrayListName.remove(item)    //remove first occurrence of item from collection\nArrayListName.remove(index)    //remove item at position index\nArrayListName.clear()    //empties the ArrayList\nArrayListName.contains(object);  // check if object is in the ArrayList\nArrayListName.IndexOf(object);  // returns the index of the object\nArrayListName.isEmpty();  // check wether the list is empty\n\nArrayListName.size();    //dimension of the ArrayList\nArrayListName.tirmToSize();  // reduce ArrayList size to minimum needed\n// ArrayList size doubles when a resize is needed.\n\n//run through to the collection with functional programming (JAVA 1.8+)\nArrayListName.forEach(item -&gt; function(v));\n</code></pre>"},{"location":"languages/java/java-collection-framework.html#collection-sorting","title":"Collection Sorting","text":"<p>To sort a collection it's items must implement <code>Comparable&lt;T&gt;</code>:</p> Java<pre><code>class ClassName implements Comparable&lt;ClassName&gt; {\n\n    @override\n    public int compareTo(Classname other){\n        //compare logic\n        return &lt;int&gt;;\n    }\n}\n\nList&lt;ClassName&gt; list;\n//valorize List\nCollections.sort(list);    //\"natural\" sorting uses compareTo()\n</code></pre> <p>Otherwise a <code>Comparator()</code> must be implemented:</p> Java<pre><code>class Classname {\n    //code here\n}\n\n// Interface object (!) implements directly a method\nComparator&lt;ClassName&gt; comparator = new Comparator&lt;ClassName&gt;() {\n\n    @Override\n    public int compare(ClassName o1, Classname o2) {\n        //compare logic\n        return &lt;int&gt;;\n    }\n};\n\nList&lt;ClassName&gt; list;\n//valorize List\nCollections.sort(list, comparator);    //\"natural\" sorting uses compareTo()\n</code></pre> <p><code>Comparator&lt;T&gt;</code> and <code>Comparable&lt;T&gt;</code> are functional interfaces</p>"},{"location":"languages/java/java.html","title":"Java","text":"Java<pre><code>//single line comment\n/* multi line comment */\n/** javaDoc docstring */\n</code></pre> Java element Case package lowercase class PascalCase variable camelCase method camelCase"},{"location":"languages/java/java.html#basics","title":"Basics","text":"<p>Package definition: <code>package &lt;package_location&gt;;</code></p>"},{"location":"languages/java/java.html#main-method-entry-point-of-algorithm","title":"Main Method (entry point of algorithm)","text":"Java<pre><code>public static void main (String[] args) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#variable-assignment","title":"Variable Assignment","text":"<p><code>Type variable_1 = &lt;expr&gt;, ..., variable_n = &lt;expr&gt;;</code></p>"},{"location":"languages/java/java.html#constant-definition-outside-of-main-methodfunction","title":"Constant Definition (outside of main method/function)","text":"Java<pre><code>public static final Type CONSTANT_NAME = value;\npublic static final double PI = 3.14159;   //example\n</code></pre>"},{"location":"languages/java/java.html#constant-definition-inside-main-methodfunction","title":"Constant Definition (inside main method/function)","text":"Java<pre><code>final Type CONSTANT_NAME = value;\nfinal double PI = 3.14159;   //example\n</code></pre>"},{"location":"languages/java/java.html#screen-output","title":"Screen Output","text":"Java<pre><code>System.out.println(output_1 + _ + output_n);   //newline at every invocation\nSystem.out.print(output_1 + _ + output_n);\n</code></pre>"},{"location":"languages/java/java.html#output-formatting","title":"Output Formatting","text":"<p>String.format() Examples</p> Java<pre><code>System.out.printf(\"string %..\", variable);\nSystem.out.println(String.format(format, args));\n</code></pre> <p>Methods inherited from C. The value pf the variable substitutes %. <code>%d</code> int, <code>%f</code> float, <code>%c</code> char, <code>%s</code> string, <code>%e</code> scientific notation. <code>%digitNumber.decimalDigitNumber</code> specifies the space occupied by the output.</p> <p><code>NumberFormat</code> class is used to format a number output.</p> Java<pre><code>Locale locale = new Locale(\"language\", \"country\");  // as defined by IETF lang tag, RCF 5646, RCF 4647\nNumberFormat fmt = NumberFormat.getCurrencyInstance(locale);  // format a number as a currency based on a Locale\nfmt.format(number);  // apply format to a number, returns a String\n</code></pre>"},{"location":"languages/java/java.html#keyboard-input","title":"Keyboard Input","text":"Java<pre><code>import java.util.Scanner;   //package import\nScanner scanner = new Scanner(System.in);  //Scanner obj init\nscanner.useDelimiter(\"delimitatore\");   //delimiter setting\nscanner.close()  //closing of Scanner, releases memory\n\nint variable_int_1 = scanner.nextInt();   //takes integer number\nString string_1 = scanner.nextLine();   //takes line of text (\\n ends line)\nString string_1 = scanner.next();   //takes text (space ends word)\ndouble variable_double_1 = scanner.nextDouble();  //takes double decimal number\nboolean variable_bool = scanner.nextBoolean();  //takes boolean value\n//(TRUE, FALSE, true, false, True, False)\n</code></pre> <p>The <code>nextLine()</code> method imports from the last <code>\\n</code>. Thus when switching to a different input method is necessary to call <code>nextLine()</code> one more time to avoid errors.</p>"},{"location":"languages/java/java.html#primitive-types","title":"Primitive Types","text":"Java<pre><code>TYPE        WRAPPER     SIZE        MIN_VALUE               MAX_VALUE\nint         Integer                 -2147483648             2147483647\nbyte        Byte        8 bit       -128                    127\nshort       Short       16 bit      -32768                  32767\nlong - L    Long        32 bit      -9223372036854775808    9223372036854775807\nfloat - f   Float       32 bit      1.4 * 10^-45            3.4028235 * 10^38\ndouble - d  Double      64 bit      4.9 * 10^-324           1.7976931348623157 * 10^308\nchar        Character   16 bit      U+0000 (0)              U+FFFF (65535)\nboolean     Boolean                 false                   true\n</code></pre> <p>Digits can be separated by _ (underscore). If not specified int &amp; double are the default types.</p>"},{"location":"languages/java/java.html#floating-point-numbers-precision-calcs","title":"Floating-Point numbers &amp; Precision Calcs","text":"<p>Don't use <code>==</code> or <code>!=</code> to confront floating value numbers since they use approximation or have a lot of digits. It's best to check if the difference between two numbers is small enough. For high precision calcs is best to use <code>BigDecimal</code>.</p>"},{"location":"languages/java/java.html#type-conversion-casting-type-checking","title":"Type Conversion (casting) &amp; Type checking","text":"Java<pre><code>Type variable = (Type) &lt;expression&gt;;  // convert to other Type\nvar instanceof Type;  // true if var is an instance of Type\n</code></pre>"},{"location":"languages/java/java.html#wrapper-classes","title":"Wrapper Classes","text":"<p>Every primitive type has a corresponding wrapper class. Wrapper classes permits the creation of an object with the same type of a primitive type but with added methods and constants.</p> Java<pre><code>WrapperClass objectName = new WrapperClass(primitiveValue);  //declaration\nWrapperClass objectName = primitiveValue;  //shortened declaration\n\n\nType variable = object.&lt;Type&gt;Value();  //unboxing\nType variable = object;  //autoboxing\nType variable = new WrapperClass(primitiveValue);  //automatic unboxing\n\nWrapperClass.MIN_VALUE  //constant holding min possible value of wrapper class\nWrapperClass.MAX_VALUE  //constant holding man possible value of wrapper class\n\nWrapperClass.parseClasseWrapper(string);  // converts the tring to the wrapper class, NumberFOrmatException on error\nWrapperClass.toString(primitive);  // converts the wrapper class value to a string\n</code></pre>"},{"location":"languages/java/java.html#string-char","title":"String &amp; Char","text":"Java<pre><code>String string = \"text\";  //strings always in double quotes\nchar character = 'C';  //chars always in single quotes\n</code></pre>"},{"location":"languages/java/java.html#special-characters","title":"Special Characters","text":"Escape Character Character <code>\\n</code> new line <code>\\t</code> tab <code>\\b</code> backspace <code>\\r</code> carriage return <code>\\f</code> form feed <code>\\\\</code> backslash <code>\\\"</code> double quote <code>\\u&lt;4_hex_digits&gt;</code> unicode characters <code>\\x&lt;digits&gt;</code> hexadecimal characters <code>\\o&lt;digits&gt;</code> octal characters <code>\\&lt;digits&gt;</code> ASCII character"},{"location":"languages/java/java.html#string-concatenation","title":"String Concatenation","text":"<p>The value of the variable is appende to the string literal. <code>\"text\" + variable</code> String are immutable. Concatenation creates a new string.</p>"},{"location":"languages/java/java.html#string-conversion-to-number","title":"String Conversion to Number","text":"Java<pre><code>double d  = Double.parseDouble(string);\nfloat f = Float.parseFloat(string);\nint i = integer.parseInt(string);\n</code></pre>"},{"location":"languages/java/java.html#string-class-methods","title":"String Class Methods","text":"Java<pre><code>string.equals(otherString);   // returns TRUE if the strings are equal\nstring.equalsIgnoreCase(otherString);   // returns TRUE if the strings are equals ignoring the case\nstring.charAt(index);  // returns the character at position INDEX\nstring.startsWith(otherString);  // returns TRUE if string starts with otherString\nstring.endsWith(otherString)  // returns TRUE if string ends with otherString\nstring.concat(otherString);   // concatenation of two strings\nstring.indexOf(otherString);  // returns index of the first occurrence of other string\nstring.lastIndexOf(otherString);  // returns index of the last occurrence of other string\nstring.length();    // returns the length of the string\nstring.toLowerCase();   // transform the string in uppercase characters\nstring.toUpperCase();   // transform the string in lowercase characters\nstring.replace(character, newCharacter);   // substitutes character with newCharacter\nstring.replaceAll(regex, replacement);\nstring.substring(start, end);   // returns a substring starting as START and ending at END (included)\nstring.trim();   // removes spaces before and after the string\nstring.Split(delimiter);  // return a String[] generated by splitting string at the occurrence of delimiter\nstring.compareTo(otherString);\n</code></pre> <p><code>compareTo()</code> returns a number:  </p> <ul> <li><code>-1</code> if <code>string</code> precedes <code>otherString</code></li> <li><code>0</code> if the strings are equal  </li> <li><code>1</code> if <code>otherString</code> precedes <code>string</code></li> </ul> <p><code>compareTo()</code> compares the lexicographic order (based on UNICODE). To compare in alphabetical order both strings must have the same case.</p>"},{"location":"languages/java/java.html#mathematical-operations","title":"Mathematical Operations","text":"Java<pre><code>Math.PI  // value of pi\nMath.E  // value of e\n\nMath.abs(x);  //absolute value of x\nMath.acos(x);\nMath.asin(x)\nMath.atan(x)\nMath.atan2(y, x)\nMath.ceil(x)\nMath.cos(x)\nMath.exp(x);  //e^x\nMath.floor(x)\nMath.log(x)\nMath.max(x, y)\nMath.min(x, y)\nMath.pow(x, y);  //x^y\nMath.random()\nMath.rint(x)\nMath.round(x)\nMath.sin(x)\nMath.sqrt(x);  //square root, x^(1/2)\nMath.tan(x)\nMath.toDegrees(rad)\nMath.toRadians(deg)\n</code></pre>"},{"location":"languages/java/java.html#arithmetic-operators","title":"Arithmetic Operators","text":"operator operation a <code>+</code> b sum a <code>-</code> b subtraction a <code>*</code> b multiplication a <code>/</code> b division a <code>%</code> b modulo a<code>++</code> increment a<code>--</code> decrement"},{"location":"languages/java/java.html#comparison-operators","title":"Comparison Operators","text":"operator operation a <code>==</code> b equal to a <code>!=</code> b not equal to a <code>&gt;</code> b greater than a <code>&lt;</code> b lesser than a <code>&gt;=</code> b greater than or equal to a <code>&lt;=</code> b lesser than or equal to"},{"location":"languages/java/java.html#logical-operators","title":"Logical Operators","text":"operator operation <code>!</code>a logical negation (NOT) a <code>&amp;&amp;</code> b, logical AND a <code>||</code> b, logical OR"},{"location":"languages/java/java.html#bitwise-operators","title":"Bitwise Operators","text":"operator operation <code>~</code>a bitwise NOT a <code>&amp;</code> b bitwise AND a <code>|</code> b bitwise OR a <code>^</code> b bitwise XOR a <code>&lt;&lt;</code> b bitwise left shift a <code>&gt;&gt;</code> b bitwise right shift"},{"location":"languages/java/java.html#compound-assignment-operators","title":"Compound Assignment Operators","text":"operator operation a <code>+=</code> b a = a + b a <code>-=</code> b a = a - b a <code>*=</code> b a = a * b a <code>/=</code> b a = a / b a <code>%=</code> b a = a % b a <code>&amp;=</code> b a = a &amp; b a <code>|=</code> b a = a a <code>^=</code> b a = a ^ b a <code>&lt;&lt;=</code> b a = a &lt;&lt; b a <code>&gt;&gt;=</code> b a = a &gt;&gt; b"},{"location":"languages/java/java.html#operator-precedence","title":"Operator Precedence","text":"<ol> <li>unary operators <code>++</code> , <code>--</code>, <code>!</code></li> <li>binary arithmetic operators <code>*</code>, <code>/</code>, <code>%</code></li> <li>binary arithmetic operators <code>+</code>, <code>-</code></li> <li>boolean operators <code>&lt;</code>, <code>&gt;</code> , <code>&lt;=</code>, <code>&gt;=</code></li> <li>boolean operators <code>==</code>, <code>!=</code></li> <li>bitwise operator <code>&amp;</code></li> <li>bitwise operator <code>|</code></li> <li>logical operator <code>&amp;&amp;</code></li> <li>logical operator <code>||</code></li> </ol>"},{"location":"languages/java/java.html#short-circuit-evaluation","title":"Short Circuit Evaluation","text":"<p>If in <code>(expressionA || expressionB)</code> expressionA results <code>true</code>, Java returns <code>true</code> without evaluating expressionB. If in <code>(expressionA &amp;&amp; expressionB)</code> expressionA results <code>false</code>, Java returns <code>false</code> without evaluating expressionB. Full evaluation can be forced using <code>&amp;</code> and <code>|</code>.</p>"},{"location":"languages/java/java.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/java/java.html#if-else","title":"<code>If Else</code>","text":"Java<pre><code>if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#if-else-if-else","title":"<code>If, Else If, Else</code>","text":"Java<pre><code>if (condition) {\n    //code here\n} else if (condition) {\n    //code here\n} else if (condition){\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#ternary-operator","title":"Ternary Operator","text":"<p><code>(condition) ? istruzione_1 : istruzione_2;</code> if condition is <code>true</code> executes instruction1 otherwise executes instruction2.</p>"},{"location":"languages/java/java.html#switch","title":"<code>Switch</code>","text":"Java<pre><code>switch (matchExpression) {\n    case matchingPattern:\n        //code here\n        break;\n    case matchingPattern:\n        //code here\n        break;\n    default:\n        //code here\n        break;\n}\n</code></pre> <p>Omitting the <code>break</code> keyword causes multiple branches to execute the same code.</p>"},{"location":"languages/java/java.html#loop-statements","title":"Loop Statements","text":""},{"location":"languages/java/java.html#while-loop","title":"<code>While</code> Loop","text":"Java<pre><code>while (condition) {\n   //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#do-while-loop","title":"<code>Do While</code> Loop","text":"Java<pre><code>do {\n    //code here\n} while (espressione_booleana);\n</code></pre> <p>Loop body executed at least one time</p>"},{"location":"languages/java/java.html#for-loop","title":"<code>For</code> Loop","text":"Java<pre><code>for (initializer; condition; iterator) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#foreach-loop","title":"<code>Foreach</code> Loop","text":"Java<pre><code>for (Type variable : iterable){\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#multiple-iterators-in-for-loop","title":"Multiple iterators in <code>For</code> Loop","text":"Java<pre><code>for (initializer1, initializer2; condition; iterator1, iterator2) {\n    //code here\n}\n</code></pre> <p>The iterator declared in the for is a local variable and can be used only in the for loop block.</p>"},{"location":"languages/java/java.html#forced-program-termination","title":"Forced Program Termination","text":"<p><code>System.exit(returnedValue);</code> forces the termination of the program execution returning a specified value.</p>"},{"location":"languages/java/java.html#assertion-checks","title":"Assertion Checks","text":"<p>If the assertion check is enabled (<code>java -ebableassetrions programName</code>) the execution of the algorithm is terminated if an assertion fails. Assertions can be used to check if a variable has a wanted value in a precise point in the code (Sanity Check).</p> Java<pre><code>assert &lt;booleanExpression&gt;;\n</code></pre>"},{"location":"languages/java/java.html#static-methods","title":"Static Methods","text":"<p>Static methods are not bound to an instance of a class but they act on the class itself.  </p>"},{"location":"languages/java/java.html#static-void-method-definition","title":"Static Void Method Definition","text":"Java<pre><code>static void methodName (parameters) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#static-method-definition","title":"Static Method Definition","text":"Java<pre><code>static tipo_metodo methodName (parameters) {\n    //code here\n    return &lt;espressione&gt;;   //returned type MUST match method type\n}\n</code></pre>"},{"location":"languages/java/java.html#static-method-invocation","title":"Static Method Invocation","text":"Java<pre><code>methodName(arguments);\nClassName.methodName(arguments);    //if method is used outside its class\n</code></pre>"},{"location":"languages/java/java.html#array","title":"Array","text":""},{"location":"languages/java/java.html#array-declaration","title":"Array Declaration","text":"Java<pre><code>Type[] arrayName = new Type[dimension];\n\nType arrayName[] = new Type[dimension];\n\narrayName.length  //length of the array\n</code></pre> <p>Its possible to break the declaration in two lines  </p> Java<pre><code>Type[] arrayName;\narrayType = new Type[dimension];\n</code></pre>"},{"location":"languages/java/java.html#array-creation-by-initialization","title":"Array Creation by Initialization","text":"<p><code>Type[] arrayName = {value1, value2, ...}</code> Array dimension is determined by the number of values.</p>"},{"location":"languages/java/java.html#arrays-as-method-parameters","title":"Arrays as method parameters","text":"Java<pre><code>static Type methodName (Type[] arrayName) {\n    //code here\n}\n\nmethodName(arrayName);  //[] omitted when passing array as argument\n</code></pre> <p>Single elements of an array can be passed to a method. Array dimension can be omitted.  </p>"},{"location":"languages/java/java.html#equality-of-arrays","title":"Equality of Arrays","text":"<p>As arrays ar object in Java, the operators <code>==</code> and <code>!=</code> confront the memory address of the arrays. Array contents must be confronted by looping through the array.</p>"},{"location":"languages/java/java.html#methods-returning-arrays","title":"Methods returning Arrays","text":"Java<pre><code>static Type[] methodName (parameters) {\n    Type[] arrayName = new Type[dimension];  //array declaration\n    //array valorization\n    return arrayName;\n}\n</code></pre>"},{"location":"languages/java/java.html#variable-numbers-of-parameters-in-a-method","title":"Variable numbers of parameters in a method","text":"Java<pre><code>static Type methodName (parameters, tipo[] ArrayName) {\n    //code here\n}\n</code></pre> <p>It's not necessary to specify a dimension of the array, it's determined by Java</p>"},{"location":"languages/java/java.html#multi-dimensional-arrays","title":"Multi-Dimensional Arrays","text":"Java<pre><code>Type[]...[] arrayName = new Type[dimension1]...[dimensionN];\nType arrayName[]...[] = new Type[dimension1]...[dimensionN];\n</code></pre>"},{"location":"languages/java/java.html#multi-dimensional-arrays-as-parameters","title":"Multi-Dimensional Arrays as parameters","text":"Java<pre><code>static Type methodName (Type[]...[] ArrayName) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#methods-returning-multi-dimensional-arrays","title":"Methods returning multi-dimensional arrays","text":"Java<pre><code>static Type[]...[] methodName (parameters) {\n    Type[]...[] array = new Type[dimension1]...[dimensionN];\n    //array valorization\n    return array;\n}\n</code></pre>"},{"location":"languages/java/java.html#array-length-of-multi-dimensional-arrays","title":"Array Length of multi-dimensional arrays","text":"Java<pre><code>array.length  //row length\narray[rowIndex].length  //column length\n</code></pre>"},{"location":"languages/java/java.html#irregular-table-visualization","title":"Irregular Table Visualization","text":"Java<pre><code>static void viewTable (Type[][] matrix){\n    for (int row = 0; row &lt; matrix.length; row++){   //run through the rows\n        for (int column = 0; column &lt; arrayName[row].length; column++){   //run through the columns\n            System.put.print(arrayName[row][column] + \"\\t\");   //print item followed by a tab\n        }\n        System.out.println();   //newline after each matrix row\n    }\n}\n</code></pre>"},{"location":"languages/java/java.html#recursion-guidelines","title":"Recursion Guidelines","text":"<p>The core of the recursion must be constituted by a conditional instruction that permits to handle the cases based on the method argument. At least one of the alternatives must contain a recursive call to che method. The call must resolve reduced version of the task handled by the method. At leats one of the alternatives must not contain a recursive call or it must produce a value that constitutes a base case or an arrest value.</p>"},{"location":"languages/java/java.html#exception-handling","title":"Exception Handling","text":"<p>An Exception is an object used to signal an anomalous event. Checked Exceptions must be handled in a catch meanwhile Unchecked Exceptions do not need to be cached like <code>RuntimeException</code>. Unchecked exceptions usually mean that there is an error in the logic of the program that must be fixed.</p>"},{"location":"languages/java/java.html#try-catch-finally","title":"<code>Try-Catch-Finally</code>","text":"<p>This construct permits to monitor what happens in a block of code and to specify what to do in case of errors (exceptions).</p> Java<pre><code>try {\n    //monitored code\n} catch (SpecificException e) {\n    //in case of errors use this\n} catch (SpecificException1 | SpecificException2 | ... | SpecificExceptionN e) {\n    //in case of errors use this\n} catch (Exception e) {\n    //in case of error use this\n    e.getMessage();  // access to Exception error message\n} finally {\n    //code executed anyways\n}\n</code></pre> <p>A <code>try-catch</code> construct can handle multiple exceptions at once.  Every <code>catch</code> is analyzed in sequence and is executed the first to happen thus is best to leave a generic exception last.</p>"},{"location":"languages/java/java.html#try-with-resources","title":"Try with Resources","text":"Java<pre><code>try (\n    //resource definition\n){\n    //dangerous code\n} catch (Exception e) {\n    //in case of error use this\n} finally {\n    //code executed anyway\n}\n</code></pre>"},{"location":"languages/java/java.html#throw-throws","title":"<code>Throw</code> &amp; <code>Throws</code>","text":"<p>The <code>throw</code> keyword is used to generate a custom exception in a point of the code. <code>throw</code> is used together with an exception type.</p> Java<pre><code>Type methodName(parameters) {\n    if (condition) {\n      throw new Exception(\"error message\");\n    }\n}\n</code></pre> <p>The <code>throws</code> keyword is used to indicate what exception Type may be thrown by a method. <code>throws</code> is used together with a exception class. It's used to send the exception to the method caller.</p> Java<pre><code>Type methodName(parameters) throws ExceptionClass {\n    if (condition) {\n      throw new SpecificException(\"error message\");\n    }\n}\n</code></pre>"},{"location":"languages/java/java.html#defining-personalized-exceptions","title":"Defining Personalized Exceptions","text":"<p>A user-defined exception has to inherit from <code>Exception</code> or one of it's descendants.</p> Java<pre><code>public class CustomException extends Exception {\n\n    public CustomException(){\n        super(\"Base Message\");  // ese Exception constructor\n    }\n\n    public CustomException(string message){\n        super(message);\n    }\n\n    // CustomException inherits getMessage() from Exception\n\n}\n</code></pre>"},{"location":"languages/java/java.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/java/java.html#access-modifiers","title":"Access Modifiers","text":"<p><code>public</code> variables, methods, classes are usable outside of class of definition. <code>private</code>    variables, methods, classes are  only usable inside class of definition. <code>protected</code> variables, methods, classes can be accessed only by defining class, it's descendants and the package. <code>final</code> classes and methods cannot be extended or overridden. If not specified variables, methods and classes are only accessible from the same package.</p>"},{"location":"languages/java/java.html#instance-method-definition","title":"Instance Method Definition","text":"Java<pre><code>Type methodName (parameters) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#void-instance-method","title":"<code>Void</code> Instance Method","text":"Java<pre><code>void methodName (parameters) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#class-definition","title":"Class Definition","text":"Java<pre><code>public class ClassName {\n    //instance variables declaration\n\n    //instantiation block\n    {\n        // this code is called before the constructor when an object is instantiated\n    }\n\n    //constructors definition\n\n    // getters &amp; setters\n\n    // override of superclass' methods\n\n    //instance methods definition\n}\n</code></pre>"},{"location":"languages/java/java.html#this-identifier","title":"<code>This</code> identifier","text":"<p><code>this.instanceVariable</code> identifies the instance variable It's possible to use <code>this</code> to distinguish between instance and static variables with the same name.</p>"},{"location":"languages/java/java.html#classes-and-reference-addresses","title":"Classes and Reference Addresses","text":"<p>A an instance of a class doesn't contain an object of that class but a memory address in which the object is memorized. operations of assignment (<code>=</code>) and confront (<code>==</code>) act on the memory address  and not on the values of the objects. To confront object is necessary to define a <code>equals()</code> method that checks if the values of the object attributes are equal.  </p>"},{"location":"languages/java/java.html#constructors","title":"Constructors","text":"<p>Constructors are special methods that are invoked with the <code>new</code> operator when an object is instantiated. Constructors assign the starting values of the object attributes. If a constructor id defined Java doesn't create the default constructor.</p> Java<pre><code>class ClassName (){\n\n    //attributes declaration (aka instance variables)\n\n    //constructor\n    public ClassName(parameters){\n        this.attribute = value;  //value is passed to the constructor at obj instantiation\n    }\n\n    public ClassName(parameters, otherParameters){\n        this(parameters);  // invoke other constructor for subset of parameters, must be FIRST INSTRUCTION\n        this.attribute = value;  // deal with the remaining parameters\n    }\n}\n</code></pre>"},{"location":"languages/java/java.html#static-variables","title":"Static Variables","text":"<p><code>Type staticVariable = value;</code> Static variables are shared by all objects of a class and all static method can act upon them. Static variable do not belong to the class objects.</p>"},{"location":"languages/java/java.html#getters-setter-methods","title":"Getters &amp; Setter Methods","text":"Java<pre><code>public void setAttribute(Type attribute){\n    this.attribute = attribute;\n}\n\npublic Type getAttribute(){\n    return this.attribute;\n}\n</code></pre>"},{"location":"languages/java/java.html#tostring-method","title":"<code>ToString()</code> Method","text":"<p>Automatically returns a string if the object is directly called in a print method.</p> Java<pre><code>@Override\nPublic String toString(){\n    return \"string-representation-of-object\"\n}\n</code></pre>"},{"location":"languages/java/java.html#static-methods-in-classes","title":"Static Methods in Classes","text":"<p>Static methods are used to effectuate operations not applied to objects. Outside of the class of definition that are invoked with ClassName.methodName() Static method cannot act on instance variables.  </p>"},{"location":"languages/java/java.html#method-overloading","title":"Method Overloading","text":"<p>A class can have multiple methods with the same name given that each method has a different number or type of parameters (different method signature).  </p>"},{"location":"languages/java/java.html#inheritance-method-overriding","title":"Inheritance &amp; Method Overriding","text":"<p>Child classes inherit all methods and attributes from parent class. Child methods can override parent methods to adapt their functionality. Overriding and overridden classes must have the same name. A child class can inherit from only one parent class.</p> <p>Child class must implement a constructor that instantiates the parent (super) class. <code>super()</code> instantiates the superclass of the child class.</p> Java<pre><code>class ChildClass extends ParentClass{\n\n    public ChildClass(parentParameters, childParameters){\n        super(parentParameters);  // if omitted super() is calls (parent's default constructor)\n        // assignments of child attributes\n    }\n\n    //calls overrides parent class (must have same name)\n    @Override\n    Type methodName(parameters){\n        //code here\n    }\n\n    super().methodName(parameters);  // calls the parent's method\n}\n</code></pre> <p>An overridden method that returns a <code>ParentClass</code> can be overridden to return a <code>ChildClass</code>. This is the only case in which an overridden method can change the returned type. An overridden method can change the access modifier as long as the new modifier is more \"permissive\".</p> <p>A <code>ParentClass</code> type can contain a <code>ChildClass</code> object. This is useful for using collections and arrays of objects.</p> Java<pre><code>ParentClass objectName = ChildClass();  // upcast\n(ChildClass)ParentClassObject;  // downcast\n</code></pre>"},{"location":"languages/java/java.html#abstract-classes-abstract-methods","title":"Abstract Classes &amp; Abstract Methods","text":"<p>An Abstract Class is a particular class that contains an Abstract Method. This type of class cannot be instantiated but is used leave the specific implementation of some of it's methods to extending classes. Abstract classes are marked by the <code>abstract</code> keyword.</p> <p>An abstract method is a method without implementation. The methods must be <code>public</code> and marked with the <code>abstract</code> keyword.</p> Java<pre><code>//abstract class\nabstract class className{\n    //attributes here\n    //constructor here\n    //getters &amp; setters here\n\n    public abstract Type methodName();  //no method code\n\n}\n</code></pre>"},{"location":"languages/java/java.html#interfaces","title":"Interfaces","text":"<p>An Interface is a class with only abstract methods. An interface has more flexibility than an abstract class. Interfaces are used to set requirements for child classes without specifying how to satisfy those requirements since it's methods will be implemented in child classes. An Interface is marked by the <code>interface</code> keyword. If an implementing class implements only <code>some</code> of the interface's method than the class must be abstract.</p> <p>Interfaces' methods are always <code>abstract</code> and <code>public</code>, no need for the keyword. Interfaces' attributes are always <code>public static final</code>, no need for the keyword.</p> <p>A class can implement more than one Interface.</p> Java<pre><code>public interface InterfaceName{\n    //attributes here\n\n    Type methodName();  //no method code\n}\n\n// interfaces can extend interfaces\npublic interface OtherInterface extends InterfaceName {\n    //attributes here\n    Type methodName();  // inherited from extended interface\n    Type otherMethod();  // defined in the interface\n}\n\nclass ClassName implements Interface1, Interface2 {...}\n</code></pre> <p>Types of Interfaces:</p> <ul> <li>Normal (multiple methods)</li> <li>Single Abstract Method (<code>@FunctionalInterface</code>, used with Lambda Expressions)</li> <li>Marker (Empty, no methods)</li> </ul> <p>Since Java 1.8 interfaces can implements also <code>static</code> methods.</p>"},{"location":"languages/java/java.html#enumerations","title":"Enumerations","text":"<p>Enums are used to restrict the type of data to a set of the possible constant values. Enums are classes which constructor is private by default. It's still possible to create a custom constructor to add values.</p> Java<pre><code>enum enumName {\n    value1,\n    value2,\n    ... ,\n    valueN;\n}\n\n//definition of an enumeration w/ custom constructor for valorization\n//constructor is not usable outside enum definition\nenum enumName {\n    value1(value),  //call constructor to valorize\n    value2(value),\n    ... ,\n    valueN(value);\n\n    private Type value;\n\n    Type enumName(Type parameter) {\n        this.value = parameter;\n    }\n\n    //getters are allowed, the values is a constant --&gt; no setters\n    public Type getValue(){\n        return this.value;\n    }\n}\n\nenumName variable;  //creation of a variable of type enumName\n</code></pre>"},{"location":"languages/java/java.html#anonymous-classes","title":"Anonymous Classes","text":"<p>Anonymous classes make the code more concise. They enable to declare and instantiate a class at the same time. They are like local classes except that they do not have a name. Useful if is needed a local class that is used once.</p> Java<pre><code>AnonymousClass objectName = new AnonymousClass(Type parameter, ...) {\n\n    // attributes\n\n    // methods\n};\n</code></pre>"},{"location":"languages/java/java.html#cloning","title":"Cloning","text":"Java<pre><code>class ClassName implements Clonable {\n\n}\n</code></pre>"},{"location":"languages/java/java.html#generics","title":"Generics","text":"Java<pre><code>// WARNING: T is not instantiable, new t(), new t[] are INVALID\npublic class GenericClass&lt;T&gt; {\n    private T generic;\n\n    public GenericClass() { }\n    public GenericClass(T data){\n        this.generic = data;\n    }\n\n    public T getGeneric() {\n        return generic;\n    }\n\n    public void setGeneric(T data) {\n        this. generic = data;\n    }\n\n}\n\nGenericClass&lt;Type&gt; obj = new GenericClass&lt;&gt;();\nGenericClass&lt;Type&gt;[] obj = new GenericClass&lt;&gt;[];  // invalid\n</code></pre>"},{"location":"languages/java/java.html#multiple-generics","title":"Multiple Generics","text":"Java<pre><code>public class GenericClass&lt;T1, T2, ...&gt; { }  // number of generic types is not limited\n</code></pre>"},{"location":"languages/java/java.html#parameters-constraints","title":"Parameters Constraints","text":"<p>Specify an interface or class that the generic type must implement/inherit.</p> Java<pre><code>public class GenericClass&lt;T extends Interface1 &amp; Interface2&gt; { }\npublic class GenericClass&lt;T1 extends Interface1 &amp; Interface2, T2 extends Class1&gt; { }\npublic class GenericClass&lt;T extends Class1&gt; { }\n</code></pre>"},{"location":"languages/java/java.html#generic-methods","title":"Generic Methods","text":"Java<pre><code>public class ClassName{\n\n    public &lt;T&gt; methodName() {\n        // code here\n        return &lt;T&gt;_obj\n    }\n\n    public &lt;T&gt; methodName(T obj) {\n        // code here\n        return return &lt;T&gt;_obj\n    }\n}\n\npublic class GenericClass&lt;S&gt; {\n\n    public &lt;T&gt; methodName() {\n        // code here\n        return &lt;T&gt;_obj\n    }\n\n    public &lt;T&gt; methodName(T obj) {\n        // code here\n        return return &lt;T&gt;_obj\n    }\n}\n\nobj.&lt;Type&gt;methodName();  // generic method call\n</code></pre>"},{"location":"languages/java/java.html#file-io","title":"File I/O","text":""},{"location":"languages/java/java.html#text-files","title":"Text Files","text":""},{"location":"languages/java/java.html#writing-on-a-file","title":"Writing on a file","text":"Java<pre><code>// opening/creating the file for writing\nPrintWriter outStream = null;  // output stream creation\ntry{\n    outStream = new PrintWriter(filename);  // file-stream binding, file will be empty (creates or overwrites file)\n    outStream = new PrintWriter(new FileOutputStream(filename, true));  // stream for appending text\n} catch (FileNotFoundException e) {\n    // code here\n}\n\n// write on the file\noutStream.print(\"\");\noutStream.println(\"\");\n\noutStream.close()  // close stream and write buffer contents.\n</code></pre> <p>Note: writing operations do not write directly on the file. The sent data is collected in a buffer. When the buffer is full the data is written in the file. This is called buffering and is used to append up operations.</p>"},{"location":"languages/java/java.html#reading-from-a-file","title":"Reading from a file","text":"Java<pre><code>Filereader filereader = new Filereader(\"filename\");  //open the file\nScanner scanner = new Scanner(filereader);  //scanner for the file\n\n\nScanner inStream = null;\ntry{\n    inStream = new Scanner(File(filename));\n} catch (FileNotFoundException e) {\n    // code here\n}\n\ninStream.hasNext();  // true if there is data to be read with next()\ninStream.hasNextDouble();  // true if there is data to be read with nextDouble()\ninStream.hasNextInt();  // true if there is data to be read with nextInt()\ninStream.hasNextLine();  // true if there is data to be read with nextLine()\n\n\nBufferedReader inStream = null;\ntry {\n    inStream = new BufferReader(new Filereader(filename));  //buffed reader for file\n} catch (FileNotFoundException e) {\n    // code here\n}\n\n// BufferedReader Methods\npublic String readLine() throws IOException  // return file line or null (file has ended)\npublic int read() throws IOException  // return an integer representing a char or -1 (file has ended)\npublic long skip(n) throws IOException  // skip n characters\npublic void close() throws IOException  // closes the stream\n</code></pre>"},{"location":"languages/java/java.html#file-class","title":"<code>File()</code> class","text":"<p>The File class is an abstraction of the file and it's path. The abstraction is independent from the OS.</p> Java<pre><code>File(\"path/to/file\")  // UNIX like path\nFile(\"path\\\\to\\\\file\")  // Windows path\n\nfile.canRead()  // true if file is readable\nfile.canWrite()  // true if file is writable\nfile.delete()  // true if file has been deleted\nfile.exists()  // check if exist a file with the filename used in the constructor\nfile.getName()  // returns the filename\nfile.getPath()  // returns the file's path\nfile.length()  // file length in bytes\n</code></pre>"},{"location":"languages/java/java.html#binary-files","title":"Binary Files","text":""},{"location":"languages/java/java.html#writing-to-a-binary-file","title":"Writing to a binary file","text":"Java<pre><code>ObjectOutputStream outStream;\ntry {\n    outStream = new ObjectOutputStream(new FileOutputSteam(filename));\n    // write operations here since they can cause IOException\n} catch (FileNotFoundException e) {\n\n} catch (IOException e){\n\n}\n\n// ObjectOutputStream Methods\npublic ObjectOutputStream(OutputStream streamObj) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileOutputStream(filename)) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileOutputStream(new File(filename))) throws IOException, FileNotFoundException\npublic void writeInt(int n) throws IOException\npublic void writeLong(long n) throws IOException\npublic void writeDouble(double x) throws IOException\npublic void writeFloat(float x) throws IOException\npublic void writeChar(int c) throws IOException\npublic void writeChar(char c) throws IOException\npublic void writeBoolean(boolean b) throws IOException\npublic void writeUTF(String s) throws IOException\npublic void writeObject(Object obj) throws IOException, NotSerializableException, InvalidClassException  // Object must be serializable\npublic void close()\n</code></pre>"},{"location":"languages/java/java.html#reading-from-a-binary-file","title":"Reading from a binary file","text":"Java<pre><code>ObjectInputStream inStream;\ntry {\n    inStream = new ObjectInputStream(new FileinputSteam(filename));\n} catch (FileNotFoundException e) {\n\n} catch (IOException e){\n\n}\n\ntry {\n    while(true){\n        // read fom file\n    }\n} catch (EOFException e) {  // thrown when and of file has been reached\n    // do nothing, only used to stop the cycle\n}\n\n// ObjectOutputStream Methods\npublic ObjectOutputStream(InputStream streamObj) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileInputStream(filename)) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileInputStream(new File(filename))) throws IOException, FileNotFoundException\npublic void readInt(int n) throws IOException\npublic void readLong(long n) throws IOException\npublic void readDouble(double x) throws IOException\npublic void readFloat(float x) throws IOException\npublic void readChar(int c) throws IOException\npublic void readChar(char c) throws IOException\npublic void readBoolean(boolean b) throws IOException\npublic void readUTF(String s) throws IOException\npublic void readObject(Object obj) throws IOException, NotSerializableException, InvalidClassException  // Object must be serializable\npublic void close()\n</code></pre>"},{"location":"languages/java/java.html#object-array-io-with-binary-files-serialization","title":"Object &amp; Array I/O with Binary Files (Serialization)","text":"<p>Needed for a class to be serializable:</p> <ul> <li>implements the <code>Serializable</code> interface</li> <li>all instance variables are serializable</li> <li>superclass, if exists, is serializable or has default constructor</li> </ul> <p>An array is serializable if it's base type is a serializable object.</p> Java<pre><code>SerializableObject[] array = (SerializableObject[])inStream.readObject();  // read returns Object, cast needed\n</code></pre>"},{"location":"languages/java/java.html#functional-programming-in-java","title":"Functional Programming in Java","text":""},{"location":"languages/java/java.html#functional-interfaces","title":"Functional Interfaces","text":"<p>Functional interfaces provide target types for lambda expressions.</p> <p>General purpose <code>@functionalInterfaces</code>:</p> Java<pre><code>// takes input, performs actions, return boolean\npublic interface Predicate&lt;T&gt; {\n    boolean test(T t);\n}\n\n// takes input, performs action, no output returned\npublic interface Consumer&lt;T&gt; {\n    void accept(T t);\n}\n\n// takes no input, performs action, returns an output\npublic interface Supplier&lt;T&gt; {\n    T get();\n}\n\n// takes T as input, performs action, returns R as output\npublic interface Function&lt;T, R&gt; {\n    R apply(T t);\n}\n</code></pre>"},{"location":"languages/java/java.html#streams","title":"Streams","text":"<p>In java a stream is a Monad. Monads allow the programmer to compose a sequence of operations, similar to a pipeline chaining expressions together.</p> <p>The features of Java stream are:</p> <ul> <li>A stream is not a data structure instead it takes input from the Collections, Arrays or I/O channels.</li> <li>Streams don't change the original data structure, they only provide the result as per the pipelined methods.</li> <li>Each intermediate operation is lazily executed and returns a stream as a result, hence various intermediate operations can be pipelined. Terminal operations mark the end of the stream and return the result.</li> </ul> <p>Intermediate Operations:</p> <ul> <li><code>anyMatch()</code></li> <li><code>distinct()</code></li> <li><code>filter()</code></li> <li><code>findFirst()</code></li> <li><code>flatmap()</code></li> <li><code>map()</code></li> <li><code>skip()</code></li> <li><code>sorted()</code></li> </ul> <p>Terminal Operations:</p> <ul> <li><code>forEach()</code> applies the same operation on each element</li> <li><code>collect()</code> saves the elements in a new collection</li> <li>reduce to a single summary element: <code>count()</code>, <code>max()</code>, <code>min()</code>, <code>reduce()</code>, <code>summaryStatistics()</code></li> </ul>"},{"location":"languages/java/java.html#lambda-expressions","title":"Lambda Expressions","text":"<p>Usable only by a <code>@FunctionalInterface</code>'s method or a method of a stream.</p> Java<pre><code>lambda operator -&gt; body;\n\n//zero parameter\n() -&gt; body;\n\n//one parameter\n(p) -&gt; body\n\n// multiple parameter\n(p1, p2, ...) -&gt; body\n</code></pre>"},{"location":"languages/java/spring/pom.xml.html","title":"pom.xml","text":"<p>File specifing project dependencies.</p> XML<pre><code>&lt;?xml version=\"1.0\" encoding=\"UTF-8\"?&gt;\n&lt;project xmlns=\"http://maven.apache.org/POM/4.0.0\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n    xsi:schemaLocation=\"http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd\"&gt;\n    &lt;modelVersion&gt;major.minor.patch&lt;/modelVersion&gt;\n\n    &lt;parent&gt;\n        &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;\n        &lt;artifactId&gt;spring-boot-starter-parent&lt;/artifactId&gt;\n        &lt;version&gt;major.minor.patch.RELEASE&lt;/version&gt;\n        &lt;relativePath/&gt; &lt;!-- lookup parent from repository --&gt;\n    &lt;/parent&gt;\n\n    &lt;groupId&gt;base_package&lt;/groupId&gt;\n    &lt;artifactId&gt;Project_Name&lt;/artifactId&gt;\n    &lt;version&gt;major.minor.patch&lt;/version&gt;\n    &lt;name&gt;Project_Name&lt;/name&gt;\n    &lt;description&gt;...&lt;/description&gt;\n\n    &lt;properties&gt;\n        &lt;java.version&gt;11&lt;/java.version&gt;\n    &lt;/properties&gt;\n\n    &lt;dependencies&gt;\n        &lt;dependency&gt;\n            &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;\n            &lt;artifactId&gt;spring-boot-starter-data-jpa&lt;/artifactId&gt;\n        &lt;/dependency&gt;\n    &lt;/dependencies&gt;\n\n    &lt;build&gt;\n        &lt;plugins&gt;\n            &lt;plugin&gt;\n                &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;\n                &lt;artifactId&gt;spring-boot-maven-plugin&lt;/artifactId&gt;\n            &lt;/plugin&gt;\n        &lt;/plugins&gt;\n    &lt;/build&gt;\n\n&lt;/project&gt;\n</code></pre>"},{"location":"languages/java/spring/spring-project.html","title":"Spring Project","text":""},{"location":"languages/java/spring/spring-project.html#libs","title":"Libs","text":"<ul> <li>MySql Driver</li> <li>Spring Data JPA (data persistance)</li> <li>Spring Boot Dev Tools</li> <li>Jersey (Serializzazione)</li> <li>Spring Web</li> </ul>"},{"location":"languages/java/spring/spring-project.html#applicationproperties","title":"application.properties","text":"INI<pre><code>spring.datasource.url=DB_url\nspring.datasource.username=user\nspring.datasource.password=password\n\nspring.jpa.show-sql=true\n\nserver.port=server_port\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-entities","title":"Package <code>entities</code>","text":"<p>Model of a table of the DB</p> Java<pre><code>package &lt;base_package&gt;.entities;\n\nimport javax.persistence.Entity;\nimport javax.persistence.GeneratedValue;\nimport javax.persistence.GenerationType;\nimport javax.persistence.Id;\nimport javax.persistence.Table;\n\n@Entity  // set as DB Entity (DB record Java implementation)\npublic class Entity {\n\n    @Id  // set as Primary Key\n    @GeneratedValue(strategy = GenerationType.IDENTITY)  // id is autoincremented by the DB\n    private int id;\n\n    // no constructor (Spring requirement)\n\n    // table columns attributes\n\n    // getters &amp; setters\n\n   // toString()\n}\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-dal","title":"Package <code>dal</code>","text":"<p>Spring Interface for DB connection and CRUD operations.</p> Java<pre><code>package &lt;base_package&gt;.dal  // or .repository\n\nimport org.springframework.data.repository.JpaRepository;\nimport org.springframework.data.repository.Query;\nimport org.springframework.data.repository.query.Param;\n\n// interface for spring Hibernate JPA\n// CrudRepository&lt;Entity, PK_Type&gt;\npublic interface IEntityDAO extends JpaRepository&lt;Entity, Integer&gt; {\n\n    // custom query\n    @Query(\"FROM &lt;Entity&gt; WHERE param = :param\")\n    Type query(@Param(\"param\") Type param);\n}\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-services","title":"Package <code>services</code>","text":"<p>Interfaces and method to access the Data Access Layer (DAL).</p> <p>In <code>IEntityService.java</code>:</p> Java<pre><code>package &lt;base_package&gt;.services;\n\nimport java.util.List;\n\nimport org.springframework.beans.factory.annotation.Autowired;\n\nimport &lt;base_package&gt;.Entity;\nimport &lt;base_package&gt;.IEntityRepository;\n\n// CRUD method implemented on Entity\npublic interface IEntityService {\n\n    String FIND_ALL = \"SELECT * FROM &lt;table&gt;\"\n    String FIND_ONE = \"SELECT * FROM &lt;table&gt; WHERE id = ?\"\n\n    List&lt;Entity&gt; findAll();\n    Entity findOne(int id);\n    void addEntity(Entity e);\n    void updateEntity(int id, Entity e);\n    void deleteEntity(Entity e);\n    void deleteEntity(int id);\n\n}\n</code></pre> <p>In <code>EntityService.java</code>:</p> Java<pre><code>package &lt;base_package&gt;.services;\n\nimport java.util.List;\n\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.stereotype.Service;\n\nimport &lt;base_package&gt;.entities.Entity;\nimport &lt;base_package&gt;.repos.ILibriRepository;\n\n// implementation of IEntityService\n@Service\npublic class EntityService implements IEntityService {\n\n    @Autowired  // connection to db (obj created by spring as needed: Inversion Of Control)\n    private IEntityDAO repo;\n\n    @Override\n    public List&lt;Entity&gt; findAll() {\n        return repo.findAll();\n    }\n\n    @Override\n    public Entity findOne(int id) {\n        return repo.findById(id).get();\n    }\n\n    @Override\n    public void addEntity(Entity e) {\n        repo.save(e);\n    }\n\n    @Override\n    public void updateEntity(int id, Entity e) {\n    }\n\n    @Override\n    public void deleteEntity(Entity e) {\n    }\n\n    @Override\n    public void deleteEntity(int id) {\n    }\n\n    // custom query\n    Type query(Type param) {\n        return repo.query(param);\n    }\n}\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-integration","title":"Package <code>integration</code>","text":"<p>REST API routes &amp; endpoints to supply data as JSON.</p> Java<pre><code>package &lt;base_package&gt;.integration;\n\nimport java.util.List;\n\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.web.bind.annotation.GetMapping;\nimport org.springframework.web.bind.annotation.PathVariable;\nimport org.springframework.web.bind.annotation.RestController;\n\nimport &lt;base_package&gt;.entities.Entity;\nimport &lt;base_package&gt;.services.IEntityService;\n\n@RestController  // returns data as JSON\n@RequestMapping(\"/api\")  // controller route\npublic class EntityRestCtrl {\n\n    @Autowired  // connection to service (obj created by spring as needed: Inversion Of Control)\n    private IEntityService service;\n\n    @GetMapping(\"entities\")  // site route\n    public List&lt;Entity&gt; findAll(){\n        return service.findAll();\n    }\n\n    @GetMapping(\"/entities/{id}\")\n    public Entity findOne(@PathVariable(\"id\") int id) {  // use route variable\n        return service.findOne(id);\n    }\n\n    @PostMapping(\"/entities\")\n    public void addEntity(@RequestBody Entity e) {  // added entity is in the request body\n        return service.addEntity(e)\n    }\n\n    // PUT / PATCH -&gt; updateEntity(id, e)\n\n    // DELETE -&gt; deleteEntity(id)\n}\n</code></pre>"},{"location":"languages/java/web/servlet.html","title":"Servlet","text":"<p>A Java servlet is a Java software component that extends the capabilities of a server. Although servlets can respond to many types of requests, they most commonly implement web containers for hosting web applications on web servers and thus qualify as a server-side servlet web API.</p>"},{"location":"languages/java/web/servlet.html#basic-structure","title":"Basic Structure","text":"Java<pre><code>package &lt;package&gt;;\n\nimport java.io.IOException;\nimport javax.servlet.ServletException;\nimport javax.servlet.annotation.WebServlet;\nimport javax.servlet.http.HttpServlet;\nimport javax.servlet.http.HttpServletRequest;\nimport javax.servlet.http.HttpServletResponse;\n\n@WebServlet(\"/route\")\npublic class &lt;className&gt; extends HttpServlet {\n    private static final long serialVersionUID = 1L;\n\n    /** handle get request */\n    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\n\n        // GET REQUEST: load and display page (forward to JSP)\n        // OPTIONAL: add data to request (setAttribute())\n\n    }\n\n    /** handle post request */\n    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\n\n        // POST REQUEST: add stuff to DB, page, ...\n\n        doGet(request, response);  // return same page with new  content added (default case)\n    }\n}\n</code></pre>"},{"location":"languages/java/web/servlet.html#servlet-instructions","title":"Servlet Instructions","text":"Java<pre><code>request.getParameter()  // read request parameter\n\nresponse.setContentType(\"text/html\");  // to return HTML in the response\n\nresponse.getWriter().append(\"\");  //append content to the http response\n\nrequest.setAttribute(attributeName, value);  // set http attribute of the request\nrequest.getRequestDispatcher(\"page.jsp\").forward(request, response);  // redirect the request to another page\n</code></pre>"},{"location":"languages/javascript/ajax.html","title":"AJAX","text":"<p>AJAX: Asynchronous JavaScript and XML</p> <p>AJAX Interaction:</p> <ol> <li>An event occurs in a web page (the page is loaded, a button is clicked)</li> <li>2.An <code>XMLHttpRequest</code> object is created by JavaScript</li> <li>3.The <code>XMLHttpRequest</code> object sends a request to a web server</li> <li>4.The server processes the request</li> <li>5.The server sends a response back to the web page</li> <li>6.The response is read by JavaScript</li> <li>7.Proper action (like page update) is performed by JavaScript</li> </ol>"},{"location":"languages/javascript/ajax.html#xmlhttprequest","title":"XMLHttpRequest","text":"JavaScript<pre><code>var request = new XMLHttpRequest();\n\nrequest.addEventListener(event, function() {...});\n\nrequest.open(\"HttpMethod\", \"path/to/api\", true);  // third parameter is asynchronicity (true = asynchronous)\nrequest.setRequestHeader(key, value)  // HTTP Request Headers\nrequest.send()\n</code></pre> <p>To check the status use <code>XMLHttpRequest.status</code> and <code>XMLHttpRequest.statusText</code>.</p>"},{"location":"languages/javascript/ajax.html#xmlhttprequest-events","title":"XMLHttpRequest Events","text":"<p>loadstart: fires when the process of loading data has begun. This event always fires first progress: fires multiple times as data is being loaded, giving access to intermediate data error: fires when loading has failed abort: fires when data loading has been canceled by calling abort() load: fires only when all data has been successfully read loadend: fires when the object has finished transferring data always fires and will always fire after error, abort, or load timeout: fires when progression is terminated due to preset time expiring readystatechange: fires when the readyState attribute of a document has changed</p> <p>Alternative <code>XMLHttpRequest</code> using <code>onLoad</code>:</p> JavaScript<pre><code>var request = new XMLHttpRequest();\nrequest.open('GET', 'myservice/username?id=some-unique-id');\nrequest.onload = function(){\n    if(request.status ===200){\n        console.log(\"User's name is \"+ request.responseText);\n    } else {\n        console.log('Request failed.  Returned status of '+ request.status);\n    }\n};\nrequest.send();\n</code></pre> <p>Alternative <code>XMLHttpRequest</code> using <code>readyState</code>:</p> JavaScript<pre><code>var request = new XMLHttpRequest(),  method ='GET',  url ='https://developer.mozilla.org/';\n\nrequest.open(method, url, true);\nrequest.onreadystatechange = function(){\n    if(request.readyState === XMLHttpRequest.DONE &amp;&amp; request.status === 200){\n        console.log(request.responseText);\n    }\n};\nrequest.send();\n</code></pre> <p><code>XMLHttpRequest.readyState</code> values: <code>0</code> <code>UNSENT</code>: Client has been created. <code>open()</code> not called yet. <code>1</code> <code>OPENED</code>: <code>open()</code> has been called. <code>2</code> <code>HEADERS_RECEIVED</code>: <code>send()</code> has been called, and headers and status are available. <code>3</code> <code>LOADING</code>: Downloading; <code>responseText</code> holds partial data. <code>4</code> <code>DONE</code>: The operation is complete.</p>"},{"location":"languages/javascript/ajax.html#xmlhttprequest-browser-compatibility","title":"<code>XMLHttpRequest</code> Browser compatibility","text":"<p>Old versions of IE don't implement XMLHttpRequest. You must use the ActiveXObject if XMLHttpRequest is not available</p> JavaScript<pre><code>var request =window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');\n\n// OR\n\nvar request;\nif(window.XMLHttpRequest){\n    // code for modern browsers  \n    request = new XMLHttpRequest();\n} else {\n    // code for old IE browsers\n    request = new ActiveXObject('Microsoft.XMLHTTP');\n}\n</code></pre>"},{"location":"languages/javascript/ajax.html#status-error-handling","title":"Status &amp; Error Handling","text":"<p>Always inform the user when something is loading. Check the status and give feedback (a loader or message) Errors and responses need to be handled. There is no guarantee that HTTP requests will always succeed.</p>"},{"location":"languages/javascript/ajax.html#cross-domain-policy","title":"Cross Domain Policy","text":"<p>Cross domain requests have restrictions.</p> <p>Examples of outcome for requests originating from: <code>http://store.company.com/dir/page.htmlCross-origin</code></p> URL Outcome Reason <code>http://store.company.com/dir2/other.html</code> success <code>http://store.company.com/dir/inner/other.html</code> success <code>https://store.company.com/secure.html</code> failure Different protocol <code>http://store.company.com:81/dir/other.html</code> failure Different port <code>http://news.company.com/dir/other.html</code> failure Different host"},{"location":"languages/javascript/dom.html","title":"Document Object Model (DOM)","text":"<p>The Document Object Model is a map of the HTML document. Elements in an HTML document can be accessed, changed, deleted, or added using the DOM. The document object is globally available in the browser. It allows to access and manipulate the DOM of the current web page.</p>"},{"location":"languages/javascript/dom.html#dom-access","title":"DOM Access","text":""},{"location":"languages/javascript/dom.html#selecting-nodes-from-the-dom","title":"Selecting Nodes from the DOM","text":"<p><code>getElementById()</code> and <code>querySelector()</code> return a single element. <code>getElementsByClassName()</code>, <code>getElementsByTagName()</code>, and <code>querySelectorAll()</code> return a collection of elements.</p> JavaScript<pre><code>Javascript\n// By Id\nvar node = document.getElementById('id');\n\n// By Tag Name\nvar nodes = document.getElementsByTagName('tag');\n\n// By Class Name\nvar nodes = document.getElementsByClassName('class');\n\n// By CSS Query\nvar node = document.querySelector('css-selector');\nvar nodes = document.querySelectorAll('css-selector');\n</code></pre>"},{"location":"languages/javascript/dom.html#manipulating-the-dom","title":"Manipulating the DOM","text":""},{"location":"languages/javascript/dom.html#manipulating-a-nodes-attributes","title":"Manipulating a node's attributes","text":"<p>It's possible access and change the attributes of a DOM node using the dot notation.</p> JavaScript<pre><code>// Changing the src of an image:\nvar image = document.getElementById('id');\nvar oldImageSource = image.src;\nimage.src = 'image-url';\n\n//Changing the className of a DOM node:\nvar node = document.getElementById('id');\nnode.className = 'new-class';\n</code></pre>"},{"location":"languages/javascript/dom.html#manipulating-a-nodes-style","title":"Manipulating a node's style","text":"<p>It's possible to access and change the styles of a DOM nodes via the style property. CSS property names with a <code>-</code> must be camelCased and number properties must have a unit.</p> CSS<pre><code>body {\n    color: red;\n    background-color: pink;\n    padding-top: 10px;\n}\n</code></pre> JavaScript<pre><code>var pageNode = document.body;\npageNode.style.color = 'red';\npageNode.style.backgroundColor = 'pink';\npageNode.style.paddingTop = '10px';\n</code></pre>"},{"location":"languages/javascript/dom.html#manipulating-a-nodes-contents","title":"Manipulating a node's contents","text":"<p>Each DOM node has an <code>innerHTML</code> attribute. It contains the HTML of all its children.</p> JavaScript<pre><code>var pageNode = document.body;\nconsole.log(pageNode.innerHTML);\n\n// Set innerHTML to replace the contents of the node:\npageNode.innerHTML = \"&lt;h1&gt;Oh, no! Everything is gone!&lt;/h1&gt;\";\n\n// Or add to innerHTML instead:\npageNode.innerHTML += \"P.S. Please do write back.\";\n</code></pre> <p>To change the actual text of a node, <code>textContent</code> may be a better choice:</p> <p><code>innerHTML</code>:</p> <ul> <li>Works in older browsers</li> <li>More powerful: can change code</li> <li>Less secure: allows cross-site scripting (XSS)</li> </ul> <p><code>textContent</code>:</p> <ul> <li>Doesn't work in IE8 and below</li> <li>Faster: the browser doesn't have to parse HTML</li> <li>More secure: won't execute code</li> </ul>"},{"location":"languages/javascript/dom.html#reading-inputs-from-a-form","title":"Reading Inputs From A Form","text":"<p>In <code>page.html</code>:</p> HTML<pre><code>&lt;input type=\"\" id=\"identifier\" value=\"\"&gt;\n</code></pre> <p>In <code>script.js</code>:</p> JavaScript<pre><code>var formNode = document.getElementById(\"Identifier\");\nvar value = formNode.value;\n</code></pre>"},{"location":"languages/javascript/dom.html#creating-removing-dom-nodes","title":"Creating &amp; Removing DOM Nodes","text":"<p>The document object also allows to create new nodes from scratch.</p> JavaScript<pre><code>// create node\ndocument.createElement('tagName');\ndocument.createTextNode('text');\n\ndomNode.appendChild(childToAppend);  // insert childTaAppend after domNode\n\n// insert node before domNode\ndomNode.insertBefore(childToInsert, domnode);\ndomNode.parentNode.insertBefore(childToInsert, nodeAfterChild);\n\n// remove a node\ndomNode.removeChild(childToRemove);\nnode.parentNode.removeChild(node);\n</code></pre> <p>Example:</p> JavaScript<pre><code>var body = document.body;\n\nvar newImg = document.createElement('img');\nnewImg.src = 'http://placekitten.com/400/300';\nnewImg.style.border = '1px solid black';\n\nbody.appendChild(newImg);\n\nvar newParagraph = document.createElement('p');\nvar newText = document.createTextNode('Squee!');\n\nnewParagraph.appendChild(newText);\n\nbody.appendChild(newParagraph);\n</code></pre>"},{"location":"languages/javascript/dom.html#creating-dom-nodes-with-constructor-functions","title":"Creating DOM Nodes with Constructor Functions","text":"JavaScript<pre><code>function Node(params) {\n    this.node = document.createElement(\"tag\");\n\n    this.node.attribute = value;\n\n    // operations on the node\n\n    return this.node;\n}\n\nvar node = Node(params);\ndomElement.appendChild(node);\n</code></pre>"},{"location":"languages/javascript/events-animation.html","title":"Events &amp; Animation","text":""},{"location":"languages/javascript/events-animation.html#events","title":"Events","text":"<p>Event Types:</p> <ul> <li>Mouse Events: <code>mousedown</code>, <code>mouseup</code>, <code>click</code>, <code>dbclick</code>, <code>mousemove</code>, <code>mouseover</code>, <code>mousewheel</code>, <code>mouseout</code>, <code>contextmenu</code>, ...</li> <li>Touch Events: <code>touchstart</code>, <code>touchmove</code>, <code>touchend</code>, <code>touchcancel</code>, ...</li> <li>Keyboard Events: <code>keydown</code>, <code>keypress</code>, <code>keyup</code>, ...</li> <li>Form Events: <code>focus</code>, <code>blur</code>, <code>change</code>, <code>submit</code>, ...</li> <li>Window Events: <code>scroll</code>, <code>resize</code>, <code>hashchange</code>, <code>load</code>, <code>unload</code>, ...</li> </ul>"},{"location":"languages/javascript/events-animation.html#managing-event-listeners","title":"Managing Event Listeners","text":"JavaScript<pre><code>var domNode = document.getElementById(\"id\");\n\nvar onEvent = function(event) {  // parameter contains info on the triggered event\n    event.preventDefault();  // block execution of default action\n    // logic here\n}\n\ndomNode.addEventListener(eventType, callback);\ndomNode.removeEventListener(eventType, callback);\n</code></pre>"},{"location":"languages/javascript/events-animation.html#bubbling-capturing","title":"Bubbling &amp; Capturing","text":"<p>Events in Javascript propagate through the DOM tree.</p> <p>Bubbling and Capturing What Is Event Bubbling in JavaScript? Event Propagation Explained</p>"},{"location":"languages/javascript/events-animation.html#dispatching-custom-events","title":"Dispatching Custom Events","text":"<p>Event Options:</p> <ul> <li><code>bubbles</code> (bool): whether the event propagates through bubbling</li> <li><code>cancellable</code> (bool): if <code>true</code> the \"default action\" may be prevented</li> </ul> JavaScript<pre><code>let event = new Event(type [,options]);  // create the event, type can be custom\nlet event = new CustomEvent(type, { detail: /* custom data */ });  // create event w/ custom data\ndomNode.dispatchEvent(event);  // launch the event\n</code></pre> <p></p>"},{"location":"languages/javascript/events-animation.html#animation","title":"Animation","text":"<p>The window object is the assumed global object on a page.</p> <p>Animation in JavascriptThe standard way to animate in JS is to use window methods. It's possible to animate CSS styles to change size, transparency, position, color, etc.</p> JavaScript<pre><code>//Calls a function once after a delay\nwindow.setTimeout(callbackFunction, delayMilliseconds);\n\n//Calls a function repeatedly, with specified interval between each call\nwindow.setInterval(callbackFunction, delayMilliseconds);\n\n//To stop an animation store the timer into a variable and clear it\nwindow.clearTimeout(timer);\nwindow.clearInterval(timer);\n\n// execute a callback at each frame\nwindow.requestAnimationFrame(callbackFunction);\n</code></pre>"},{"location":"languages/javascript/events-animation.html#element-position-dimensions","title":"Element Position &amp; dimensions","text":"<p>StackOverflow Wrong dimensions at runtime</p> JavaScript<pre><code>&gt; console.log(document.getElementById('id').getBoundingClientRect());\nDOMRect {\n    bottom: 177,\n    height: 54.7,\n    left: 278.5,\u200b\n    right: 909.5,\n    top: 122.3,\n    width: 631,\n    x: 278.5,\n    y: 122.3,\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html","title":"JavaScript","text":""},{"location":"languages/javascript/javascript.html#basics","title":"Basics","text":""},{"location":"languages/javascript/javascript.html#notable-javascript-engines","title":"Notable javascript engines","text":"<ul> <li>Chromium: <code>V8</code> from Google  </li> <li>Firefox: <code>SpiderMonkey</code> from Mozilla  </li> <li>Safari: <code>JavaScriptCore</code> from Apple  </li> <li>Internet Explorer: <code>Chakra</code> from Microsoft  </li> </ul>"},{"location":"languages/javascript/javascript.html#comments","title":"Comments","text":"JavaScript<pre><code>//single line comment\n/*multiline comment*/\n</code></pre>"},{"location":"languages/javascript/javascript.html#file-header","title":"File Header","text":"JavaScript<pre><code>/**\n * @file filename.js\n * @author author's name\n * purpose of file\n *\n * detailed explanation of what the file does on multiple lines\n */\n</code></pre>"},{"location":"languages/javascript/javascript.html#modern-mode","title":"Modern Mode","text":"<p>If located at the top of the script the whole script works the \u201cmodern\u201d way (enables post-ES5 functionalities).  </p> JavaScript<pre><code>\"use strict\"\n\n// script contents\n</code></pre>"},{"location":"languages/javascript/javascript.html#pop-up-message","title":"Pop-Up message","text":"<p>Interrupts script execution until closure, to be avoided</p> JavaScript<pre><code>alert(\"message\");\n</code></pre>"},{"location":"languages/javascript/javascript.html#print-message-to-console","title":"Print message to console","text":"<p><code>console.log(value);</code></p>"},{"location":"languages/javascript/javascript.html#variables","title":"Variables","text":""},{"location":"languages/javascript/javascript.html#declaration-initialization","title":"Declaration &amp; Initialization","text":"<p>var vs let vs const</p> <p>Variable names can only contain numbers, digits, underscores and $. Variable names are camelCase.</p> <p><code>let</code>: Block-scoped; access to variable restricted to the nearest enclosing block. <code>var</code>: Function-scoped</p> <p><code>let variable1 = value1, variable2 = value2;</code> <code>var variable1 = value1, variable2 = value2;</code></p>"},{"location":"languages/javascript/javascript.html#scope","title":"Scope","text":"<p>Variable declared with <code>let</code> are in local to the code block in which are declared. Variable declared with <code>var</code> are local only if declared in a function.</p> JavaScript<pre><code>function func(){\n    variable = value;  // implicitly declared as a global variable\n    var variable = value;  // local variable\n}\n\nvar a = 10;  // a is 10\nlet b = 10;  // b is 10\n{\n    var x = 2, a = 2;  // a is 2\n    let y = 2, b = 2;  // b is 2\n}\n// a is 2, b is 10\n// x can NOT be used here\n// y CAN be used here\n</code></pre>"},{"location":"languages/javascript/javascript.html#constants","title":"Constants","text":"<p>Hard-coded values are UPPERCASE and snake_case, camelCase otherwise. <code>const CONSTANT = value;</code></p>"},{"location":"languages/javascript/javascript.html#data-types","title":"Data Types","text":"<p><code>Number</code>, <code>String</code>, <code>Boolean</code>, etc are built-in global objects. They are not types. Do not use them for type checking.</p>"},{"location":"languages/javascript/javascript.html#numeric-data-types","title":"Numeric data types","text":"<p>Only numeric type is <code>number</code>.</p> JavaScript<pre><code>let number = 10;  //integer numbers\nnumber = 15.7;  //floating point numbers\nnumber = Infinity;  //mathematical infinity\nnumber = - Infinity;\nnumber = 1234567890123456789012345678901234567890n;  //BigInt, value &gt; 2^53, \"n\" at the end\nnumber = \"text\" / 2;  //NaN --&gt; not a number.\n</code></pre> <p>Rounding Decimals in JavaScript Decimal.js</p> <p>Mathematical expression will never cause an error. At worst the result will be NaN.</p>"},{"location":"languages/javascript/javascript.html#string-data-type","title":"String data type","text":"JavaScript<pre><code>let string = \"text\";\nlet string$ = 'text';\nlet string_ = `text ${expression}`;  //string interpolation (needs backticks)\n\nstring.length;  // length of the string\nlet char = string.charAt(index);  // extraction of a single character by position\nstring[index]; // char extraction by property access\nlet index = string.indexOf(substring);  // start index of substring in string\n</code></pre> <p>Property access is unpredictable:</p> <ul> <li>does not work in IE7 or earlier</li> <li>makes strings look like arrays (confusing)</li> <li>if no character is found, <code>[ ]</code> returns undefined, <code>charAt()</code> returns an empty string</li> <li>Is read only: <code>string[index] = \"value\"</code> does not work and gives no errors</li> </ul>"},{"location":"languages/javascript/javascript.html#slice-vs-substring-vs-substr","title":"Slice vs Substring vs Substr","text":"<p>If the parameters to slice are negative, they reference the string from the end. Substring and substr doesn\u00b4t.</p> JavaScript<pre><code>string.slice(begin [, end]);\nstring.substring(from [, to]);\nstring.substr(start [, length]);\n</code></pre>"},{"location":"languages/javascript/javascript.html#boolean-data-type","title":"Boolean data type","text":"JavaScript<pre><code>let boolean = true;\nlet boolean_ = false;\n</code></pre>"},{"location":"languages/javascript/javascript.html#null-data-type","title":"Null data type","text":"JavaScript<pre><code>let _ = null;\n</code></pre>"},{"location":"languages/javascript/javascript.html#undefined","title":"Undefined","text":"JavaScript<pre><code>let $;  //value is \"undefined\"\n$ = undefined;\n</code></pre>"},{"location":"languages/javascript/javascript.html#typeof","title":"Typeof()","text":"JavaScript<pre><code>typeof x;  //returns the type of the variable x as a string\ntypeof(x);  //returns the type of the variable x as a string\n</code></pre> <p>The result of typeof null is \"object\". That's wrong. It is an officially recognized error in typeof, kept for compatibility. Of course, null is not an object. It is a special value with a separate type of its own. So, again, this is an error in the language.  </p>"},{"location":"languages/javascript/javascript.html#type-casting","title":"Type Casting","text":"JavaScript<pre><code>String(value);  //converts value to string\n\nNumber(value);  //converts value to a number\nNumber(undefined);  //--&gt; NaN\nNumber(null);  //--&gt; 0\nNumber(true);  //--&gt; 1\nNumber(false);  //--&gt; 0\nNumber(String);  //Whitespace from the start and end is removed. If the remaining string is empty, the result is 0. Otherwise, the number is \"read\" from the string. An error gives NaN.\n\nBoolean(value);  //--&gt; true\nBoolean(0); //--&gt; false\nBoolean(\"\");  //--&gt; false\nBoolean(null);  //--&gt; false\nBoolean(undefined);  //--&gt; false\nBoolean(NaN);  //--&gt; false\n\n\n//numeric type checking the moronic way\ntypeof var_ == \"number\";  // typeof returns a string with the name of the type\n</code></pre>"},{"location":"languages/javascript/javascript.html#type-checking","title":"Type Checking","text":"JavaScript<pre><code>isNaN(var);  // converts var in number and then check if is NaN\n\nNumber(\"A\") == NaN;  //false ?!?\n</code></pre>"},{"location":"languages/javascript/javascript.html#dangerous-stupid-implicit-type-casting","title":"Dangerous &amp; Stupid Implicit Type Casting","text":"JavaScript<pre><code>2 + 'text';  //\"2text\", implicit conversion and concatenation\n1 + \"1\";  //\"11\", implicit conversion and concatenation\n\"1\" + 1;  //\"11\", implicit conversion and concatenation\n+\"1\";  //1, implicit conversion\n+\"text\";  // NaN\n1 == \"1\";  //true\n1 === \"1\";  //false\n1 == true;  //true\n0 == false;  //true\n\"\" == false;  //true\n</code></pre>"},{"location":"languages/javascript/javascript.html#operators","title":"Operators","text":"Operator Operation <code>(...)</code> grouping a<code>.</code>b member access <code>new</code> a(...) object creation a <code>in</code> b membership"},{"location":"languages/javascript/javascript.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation a <code>+</code> b addition a <code>-</code> b subtraction a <code>*</code> b multiplication a <code>**</code> b a^b a <code>/</code> b division a <code>%</code> b modulus"},{"location":"languages/javascript/javascript.html#unary-increment-operators","title":"Unary Increment Operators","text":"Operator Operation <code>--</code>variable prefix decrement <code>++</code>variable prefix increment variable<code>--</code> postfix decrement variable<code>++</code> postfix increment"},{"location":"languages/javascript/javascript.html#logical-operators","title":"Logical Operators","text":"Operator Operation a <code>&amp;&amp;</code> b logical AND a <code>||</code> b logical OR <code>!</code>a logical NOT"},{"location":"languages/javascript/javascript.html#comparison-operators","title":"Comparison Operators","text":"Operator Operation a <code>&lt;</code> b less than a <code>&lt;=</code> b less or equal to a <code>&gt;</code> b greater than a <code>&gt;=</code> b greater or equal to a <code>==</code> b equality a <code>!=</code> b inequality a <code>===</code> b strict equality a <code>!==</code> b strict inequality"},{"location":"languages/javascript/javascript.html#bitwise-logical-operators","title":"Bitwise Logical Operators","text":"Operator Operation a <code>&amp;</code> b bitwise AND a <code>|</code> b bitwise OR a <code>^</code> b bitwise XOR <code>~</code>a bitwise NOT a <code>&lt;&lt;</code> b bitwise left shift a <code>&gt;&gt;</code> b bitwise right shift a <code>&gt;&gt;&gt;</code> b bitwise unsigned right shift"},{"location":"languages/javascript/javascript.html#compound-operators","title":"Compound Operators","text":"Operator Operation a <code>+=</code> b a = a + b a <code>-=</code> b a = a - b a <code>*=</code> b a = a * b a <code>**=</code> b a = a ** b a <code>/=</code> b a = a / b a <code>%=</code> b a = a % b a <code>&lt;&lt;=</code> b a = a &lt;&lt; b a <code>&gt;&gt;=</code> b a = a &gt;&gt; b a <code>&gt;&gt;&gt;=</code> b a = a &gt;&gt;&gt; b a <code>&amp;=</code> b a = a &amp; b a <code>^=</code> b a = a ^ b a <code>|=</code> b a = a ! b"},{"location":"languages/javascript/javascript.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/javascript/javascript.html#if-else","title":"IF-ELSE","text":"JavaScript<pre><code>if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#if-else-multi-branch","title":"IF-ELSE Multi-Branch","text":"JavaScript<pre><code>if (condition) {\n    //code here\n} else if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#ternary-operator","title":"Ternary Operator","text":"<p><code>condition ? &lt;expr1&gt; : &lt;expr2&gt;;</code> </p>"},{"location":"languages/javascript/javascript.html#switch-statement","title":"Switch Statement","text":"JavaScript<pre><code>switch (expression) {\n    case expression:\n        //code here\n        break;\n\n    default:\n        //code here\n        break;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#loops","title":"Loops","text":""},{"location":"languages/javascript/javascript.html#while-loop","title":"While Loop","text":"JavaScript<pre><code>while (condition) {\n    //code here\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#do-while-loop","title":"Do-While Loop","text":"JavaScript<pre><code>do {\n    //code here\n} while (condition);\n</code></pre>"},{"location":"languages/javascript/javascript.html#for-loop","title":"For Loop","text":"JavaScript<pre><code>// basic for\nfor (begin; condition; step) { }\n\nfor (var variable in iterable) { }  // for/in statement loops through the properties of an object\nfor (let variable in iterable) { }  // instantiate a new variable at each iteration\n\n// for/of statement loops through the values of an iterable objects\n// for/of lets you loop over data structures that are iterable such as Arrays, Strings, Maps, NodeLists, and more.\nfor (var variable of iterable) { }\nfor (let variable of iterable) { }  // instantiate a new variable at each iteration\n\n// foreach (similar to for..of)\niterable.forEach(() =&gt; { /* statements */ });\n</code></pre>"},{"location":"languages/javascript/javascript.html#break-continue-statements","title":"Break &amp; Continue statements","text":"<p><code>break;</code>  exits the loop. <code>continue;</code> skip to next loop cycle.</p> JavaScript<pre><code>label: for(begin; condition; step) {\n    //code here\n}\n\nbreak label;  //breaks labelled loop and nested loops inside it\n</code></pre>"},{"location":"languages/javascript/javascript.html#arrays","title":"Arrays","text":"JavaScript<pre><code>let array = [];  // empty array\nlet array = [\"text\", 3.14, [1.41]];  // array declaration and initialization\n\narray.length;  // number of items in the array\narray[index];  // access to item by index\narray[index] = item; // change or add item by index\n\narray.push(item);  //add item to array\narray.pop();  // remove and return last item\n\narray.join(\"separator\");  // construct a string from the items of the array, separated by SEPARATOR\narray.find(item =&gt; condition); // returns the value of the first element in the provided array that satisfies the provided testing function\narray.fill(value, start, end);  // fills an array with the passed value\n\n\n// https://stackoverflow.com/a/37601776\narray.slice(start, end);  // RETURN list of items between indexes start and end-1\narray.splice(start, deleteCount, [items_to_add]);  // remove and RETURN items from array, can append a list of items. IN PLACE operation\n</code></pre>"},{"location":"languages/javascript/javascript.html#filter-map-reduce","title":"<code>filter()</code> &amp; <code>map()</code>, <code>reduce()</code>","text":"JavaScript<pre><code>let array = [ items ];\n\n// execute an operation on each item, producing a new array\narray.map(function);\narray.map(() =&gt; operation); \n\narray.filter(() =&gt; condition);  // return an items only if the condition is true\n\n// execute a reducer function on each element of the array, resulting in single output value\narray.reduce((x, y) =&gt; ...);\n</code></pre>"},{"location":"languages/javascript/javascript.html#spread-operator","title":"Spread Operator (...)","text":"JavaScript<pre><code>// arrays\nlet array1 = [ 1, 2, 3, 4, 5, 6 ];\nlet array2 = [ 7, 8, 9, 10 ];\nlet copy = [ ...array1 ];  // shallow copy\nlet copyAndAdd = [ 0, ...array1, 7 ];  // insert all values in new array\nlet merge = [ ...array1, ...array2 ];  // merge the arrays contents in new array\n\n// objects\nlet obj = { prop1: value1, prop2: value2 };\nlet clone = { ...obj, prop: value };  // shallow copy, and update copy prop\nlet cloneAndAdd = { prop0: value0, ...obj, prop3: value3 };\n\n// strings\nlet alphabet = \"abcdefghijklmnopqrstxyz\"\nlet letters = [ ...alphabet ];  // alphabet.split(\"\")\n\n//function arguments\nlet func = (arg1 = val1, arg2 = val2) =&gt; expression;\nlet args = [ value1, value2 ];\nfunc(arg0, ...args);\n</code></pre>"},{"location":"languages/javascript/javascript.html#dictionaries","title":"Dictionaries","text":"JavaScript<pre><code>let dict = { FirstName: \"Chris\", \"one\": 1, 1: \"some value\" };\n\n\n// add new or update property\ndict[\"Age\"] = 42;\n\n// direct property by name\n// because it's a dynamic language\ndict.FirstName = \"Chris\";\n</code></pre>"},{"location":"languages/javascript/javascript.html#iterating-key-value-pairs","title":"Iterating Key-Value pairs","text":"JavaScript<pre><code>for(let key in dict) {\n  let value = dict[key];\n\n  // do something with \"key\" and \"value\" variables\n}\n\nObject.keys(dict).forEach(key =&gt; { });\n</code></pre>"},{"location":"languages/javascript/javascript.html#functions","title":"Functions","text":""},{"location":"languages/javascript/javascript.html#jsdoc-documentation-standard","title":"JSDOC documentation standard","text":"JavaScript<pre><code>/**\n * @param {type} parameter - description\n * @returns {type} parameter - description\n * */\n</code></pre>"},{"location":"languages/javascript/javascript.html#function-declaration","title":"Function Declaration","text":"JavaScript<pre><code>// ...args will contain extra parameters (rest argument)\nfunction functionName(parameter=default-value, ...args) {\n    //code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#default-parameters-old-versions","title":"Default Parameters (old versions)","text":"JavaScript<pre><code>function functionName(parameters) {\n    if (parameter == undefined) {\n        parameter = value;\n    }\n\n    //code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#function-expressions","title":"Function Expressions","text":"JavaScript<pre><code>let functionName = function(parameters) {\n    //code here\n    return expression;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#arrow-functions","title":"Arrow Functions","text":"JavaScript<pre><code>(input) =&gt; { /* statements */ }\n(input) =&gt; expression;\ninput =&gt; expression;  // parenthesis are optional\n() =&gt; expression;  // no parameters syntax\n\n// variants\nlet func = (input) =&gt; {\n    // code here\n};\n\nlet func = (input) =&gt; expression;\nlet func = input =&gt; expression;\n\nfunc();  // function call\n\n// return object literal\nlet func = (value) =&gt; ({property: value});\n</code></pre>"},{"location":"languages/javascript/javascript.html#object-oriented-programming","title":"Object Oriented Programming","text":"<p>An object is a collection of related data and/or functionality.</p> <p>Note: It's not possible to transform a variable in an object simply by using the object assignment.</p> JavaScript<pre><code>let variable = value;\n\n// object literal\nlet obj = {\n    property: value,\n    variable,  // same as variable: variable\n    [property]: value  // dynamic prop name\n\n    object: {\n        ...\n    },\n\n    method: function() {\n        // code here\n        this.propertyName;  // reference to object property inside the object\n    }\n\n    method; () =&gt; {\n        obj.propertyName;  // this is undefined here, use full object name\n    }\n};\n\n// access to property (non existant properties will return Undefined)\nobj.property;  // dot notation\nobj[\"property\"];  // array notation\n\n// property modification (will add property if missing)\nobj.property = value;  // dot notation\nobj[\"property\"] = value;  // array notation\n\nobj.func(); //method access\n\ndelete obj.propertyName;  // delete property\n\nObject.keys(obj);  // list of all property names\nObject.entries(obj);  // list contents as key-value pairs\n</code></pre>"},{"location":"languages/javascript/javascript.html#constructors-and-object-instances","title":"Constructors and object instances","text":"<p>JavaScript uses special functions called constructor functions to define and initialize objects and their features. Notice that it has all the features you'd expect in a function, although it doesn't return anything or explicitly create an object \u2014 it basically just defines properties and methods.</p> JavaScript<pre><code>// constructor function definition\nfunction Class(params) {\n    this.property = param;\n\n    this.method = function(params) { /* code here */ }\n}\n\nlet obj = new Class(params);  // object instantiation\n\nlet obj = new Object();  // creates empty object\nlet obj = new Object({\n    // JSON\n});\n</code></pre>"},{"location":"languages/javascript/javascript.html#prototypes","title":"Prototypes","text":"<p>Prototypes are the mechanism by which JavaScript objects inherit features from one another.</p> <p>JavaScript is often described as a prototype-based language; to provide inheritance, objects can have a prototype object, which acts as a template object that it inherits methods and properties from.</p> <p>An object's prototype object may also have a prototype object, which it inherits methods and properties from, and so on. This is often referred to as a prototype chain, and explains why different objects have properties and methods defined on other objects available to them. If a method is implemented on an object (and not it's prototype) then only that object will heve that method and not all the ones that come from the same prototype.</p> JavaScript<pre><code>// constructor function\nfunction Obj(param1, ...) {\n    this.param1 = param1,\n    ...\n}\n\n// method on the object\nObj.prototype.method = function(params) {\n    // code here (operate w/ this)\n}\n\nlet obj = new Obj(args);  // object instantiation\nobj.method();  // call method from prototype\n</code></pre>"},{"location":"languages/javascript/javascript.html#extending-with-prototypes","title":"Extending with prototypes","text":"JavaScript<pre><code>// constructor function\nfunction DerivedObj(param1, param2, ...) {\n    Obj.call(this, param1);  // use prototype constructor\n    this.param2 = param2;\n}\n\n// extend Obj\nDerivedObj.prototype = Object.create(Obj.prototype);\n\n// method on object\nDerivedObj.prototype.method = function() {\n    // code here (operate w/ this)\n}\n\nlet dobj = new DerivedObj(args);  // object instantiation\ndobj.method();  // call method from prototype\n</code></pre>"},{"location":"languages/javascript/javascript.html#classes-es6","title":"Classes (ES6+)","text":"JavaScript<pre><code>class Obj {\n    constructor(param1, ...) {\n        this.param1 = param1,\n        ...\n    }\n\n    get param1()  // getter\n    {\n        return this.param1;\n    }\n\n    func() {\n        // code here (operate w/ this)\n    }\n\n    static func() { }  // static method\n\n// object instantiation\nlet obj = new Obj(param1, ...);\nobj.func();  // call method\n</code></pre>"},{"location":"languages/javascript/javascript.html#extending-with-classes","title":"Extending with Classes","text":"JavaScript<pre><code>class DerivedObj extends Obj {\n    constructor(param1, param2, ...){\n        super(param1);  // use superclass constructor\n        this.param2 = param2;\n    }\n\n    newFunc() { }\n}\n\nlet dobj = DerivedObj();\ndobj.newFunc();\n</code></pre>"},{"location":"languages/javascript/javascript.html#deconstruction","title":"Deconstruction","text":""},{"location":"languages/javascript/javascript.html#object-deconstruction","title":"Object deconstruction","text":"JavaScript<pre><code>let obj = {\n    property: value,\n    ...\n}\n\nlet { var1, var2 } = obj;  // extract values from object into variables\nlet { property: var1, property2 : var2 } = obj;  // extract props in variables w/ specified names\nlet { property: var1, var2 = default_value } = obj;  // use default values if object has less then expected props\n</code></pre>"},{"location":"languages/javascript/javascript.html#array-deconstruction","title":"Array Deconstruction","text":"JavaScript<pre><code>let array = [ 1, 2, 3, 4, 5, 6 ];\nlet [first, , third, , seventh = \"missing\" ] = array;  // extract specific values from array\n</code></pre>"},{"location":"languages/javascript/javascript.html#serialization","title":"Serialization","text":"JavaScript<pre><code>let object = {\n    // object attributes\n}\n\nlet json = JSON.stringify(object);  // serialize object in JSON\n\nlet json = {  /* JSON */ };\nlet object = JSON.parse(json);  // deserialize to Object\n</code></pre>"},{"location":"languages/javascript/javascript.html#timing","title":"Timing","text":""},{"location":"languages/javascript/javascript.html#timers","title":"Timers","text":"<p>Function runs once after an interval of time.</p> JavaScript<pre><code>// param1, param2, ... are the arguments passed to the function (IE9+)\nlet timerId = setTimeout(func [, milliseconds, param1, param2, ... ]);  // wait milliseconds before executing the code (params are read at execution time)\n\n// works in IE9\nlet timerId =  setTimeout(function(){\n    func(param1, param2);\n}, milliseconds);\n\n// Anonymous functions with arguments\nlet timerId = setTimeout(function(arg1, ...){\n    // code here\n}, milliseconds, param1, ...);\n\nclearTimeout(timerId)  // cancel execution\n\n// example of multiple consecutive schedules\nlet list = [1 , 2, 3, 4, 5, 6, 7, 8, 9, 10, \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\", -1, -2, -3, -4, -5, -6, -7, -8, -9, -10]\nfunction useTimeout(pos=0) {\n\n    setTimeout(function(){\n        console.log(list[pos]);\n        pos += 1;  // update value for next call\n\n        if (pos &lt; list.length) {  // recursion exit condition\n            useTimeout(pos);  // schedule next call with new value\n        }\n    }, 1_000, pos);\n}\n\nuseTimeout();\n</code></pre>"},{"location":"languages/javascript/javascript.html#let-vs-var-with-settimeout","title":"<code>let</code> vs <code>var</code> with <code>setTimeout</code>","text":"JavaScript<pre><code>// let instantiates a new variable for each iteration\nfor (let i = 0; i &lt; 3; ++i) {\n    setTimeout(function() {\n        console.log(i);\n    }, i * 100);\n}\n// output: 0, 1, 2\n\nfor (var i = 0; i &lt; 3; ++i) {\n    setTimeout(function() {\n        console.log(i);\n    }, i * 100);\n}\n// output: 3, 3, 3\n</code></pre>"},{"location":"languages/javascript/javascript.html#preserving-the-context","title":"Preserving the context","text":"JavaScript<pre><code>let obj = {\n    prop: value,\n\n    method1 : function() { /* statement */ }\n\n    method2 : function() {\n        let self = this  // memorize context inside method (otherwise callback will not know it)\n        setTimeout(function() { /* code here (uses self) */ })\n    }\n}\n\n\n// better\nlet obj = {\n    prop: value,\n\n    method1 : function() { /* statement */ }\n\n    method2 : function() {\n        setTimeout(() =&gt; { /* code here (uses this) */ })  // arrow func does not create new scope, this context preserved\n    }\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#intervals","title":"Intervals","text":"<p>Function runs regularly with a specified interval. JavaScript is Single Threaded.</p> JavaScript<pre><code>// param1, param2, ... are the arguments passed to the function (IE9+)\nlet timerId = setInterval(func, milliseconds [, param1, param2, ... ]); // (params are read at execution time)\n\n// works in IE9\nlet timerId =  setInterval(function(){\n    func(param1, param2);\n}, milliseconds);\n\n// Anonymous functions with arguments\nlet timerId = setInterval(function(arg1, ...){\n    // code here\n}, milliseconds, param1, ...);\n\nclearTimeout(timerId);  // cancel execution\n</code></pre>"},{"location":"languages/javascript/javascript.html#datetime","title":"DateTime","text":"<p>A date consists of a year, a month, a day, an hour, a minute, a second, and milliseconds.</p> <p>There are generally 4 types of JavaScript date input formats:</p> <ul> <li>ISO Date: <code>\"2015-03-25\"</code></li> <li>Short Date: <code>\"03/25/2015\"</code></li> <li>Long Date: <code>\"Mar 25 2015\"</code> or <code>\"25 Mar 2015\"</code></li> <li>Full Date: <code>\"Wednesday March 25 2015\"</code></li> </ul> JavaScript<pre><code>// constructors\nnew Date();\nnew Date(milliseconds);\nnew Date(dateString);\nnew Date(year, month, day, hours, minutes, seconds, milliseconds);\n\n// accepts parameters similar to the Date constructor, but treats them as UTC. It returns the number of milliseconds since January 1, 1970, 00:00:00 UTC.\nDate.UTC(year, month, day, hours, minutes, seconds, milliseconds);\n\n//static methods\nDate.now();  // returns the number of milliseconds elapsed since January 1, 1970 00:00:00 UTC.\n\n// methods\nlet date = new Date();\ndate.toSting(); // returns a string representing the specified Date object\ndate.toUTCString();\ndate.toDateString();\ndate.toTimeString();  // method returns the time portion of a Date object in human readable form in American English.\n\n\n// get date\n\ndare.getMonth();\ndate.getMinutes();\ndate.getFullYear();\n\n// set date\ndate.setFullYear(2020, 0, 14);\ndate.setDate(date.getDate() + 50);\n\n// parse valid dates\nlet msec = Date.parse(\"March 21, 2012\");\nlet date = new Date(msec);\n</code></pre>"},{"location":"languages/javascript/javascript.html#comparing-dates","title":"Comparing Dates","text":"<p>Comparison operators work also on dates</p> JavaScript<pre><code>let date1 = new Date();\nlet date2 = new Date(\"May 24, 2017 10:50:00\");\n\nif(date1 &gt; date2){\n        console.log('break time');\n} else {\n        console.log('stay in class');\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#exports","title":"Exports","text":"<p>Firefox CORS not HTTP</p> <p>Note: Firefox 68 and later define the origin of a page opened using a <code>file:///</code> URI as unique. Therefore, other resources in the same directory or its subdirectories no longer satisfy the CORS same-origin rule. This new behavior is enabled by default using the <code>privacy.file_unique_origin</code> preference.</p> JSON<pre><code>\"privacy.file_unique_origin\": \"false\"\n</code></pre> <p>In <code>page.html</code></p> HTML<pre><code>&lt;script src=\"scripts/module.js\"&gt;&lt;/script&gt;\n&lt;script src=\"scripts/script.js\"&gt;&lt;/script&gt;\n</code></pre> <p>In <code>module.js</code>:</p> JavaScript<pre><code>// exporting individual fractures\nexport default function() {}  // one per module\nexport func = () =&gt; expression;  // zero or more per module\n\n// Export list\nexport { name1, name2, \u2026, nameN };\n\n// Renaming exports\nexport { variable1 as name1, variable2 as name2, \u2026, nameN };\n\n// Exporting destructured assignments with renaming\nexport const { name1, name2: bar } = o;\n\n // re-export\nexport { func } from \"other_script.js\" \n</code></pre> <p>In <code>script.js</code>:</p> JavaScript<pre><code>import default_func_alias, { func as alias } from \"./module.js\";  // import default and set alias\nimport { default as default_func_alias, func as alias } from \"./module.js\";  // import default and set alias\n\n// use imported functions\ndefault_func_alias();\nalias();\n</code></pre> JavaScript<pre><code>import * from \"./module.js\";  // import all\n\nmodule.function();  // use imported content with fully qualified name\n</code></pre>"},{"location":"languages/javascript/jquery.html","title":"jQuery Library","text":""},{"location":"languages/javascript/jquery.html#including-jquery","title":"Including jQuery","text":""},{"location":"languages/javascript/jquery.html#download-and-link-the-file","title":"Download and link the file","text":"HTML<pre><code>&lt;head&gt;\n    &lt;script src=\"jquery-x.x.x.min.js\"&gt;&lt;/script&gt;\n&lt;/head&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#use-a-cdn","title":"Use a CDN","text":"HTML<pre><code>&lt;head&gt;\n    &lt;script src=\"https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js\"&gt;&lt;/script&gt;\n&lt;/head&gt;\n\n&lt;!-- OR --&gt;\n\n&lt;head&gt;\n    &lt;script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-x.x.x.min.js\"&gt;&lt;/script&gt;\n&lt;/head&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#what-is-a-cdn","title":"What is a CDN","text":"<p>A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance. CDNs serve a large fraction of the Internet content today, including web objects (text, graphics and scripts), downloadable objects (media files, software, documents), applications (e-commerce, portals), live streaming media, on-demand streaming media, and social networks.</p>"},{"location":"languages/javascript/jquery.html#html-manipulation","title":"HTML Manipulation","text":""},{"location":"languages/javascript/jquery.html#finding-dom-elements","title":"Finding DOM elements","text":"JavaScript<pre><code>$('tag');\n$(\"#id\");\n$(\".class\");\n</code></pre>"},{"location":"languages/javascript/jquery.html#manipulating-dom-elements","title":"Manipulating DOM elements","text":"JavaScript<pre><code>$(\"p\").addClass(\"special\");\n</code></pre> HTML<pre><code>&lt;!-- before --&gt;\n&lt;p&gt;Welcome to jQuery&lt;p&gt;\n\n&lt;!-- after --&gt;\n&lt;p class=\"special\"&gt;Welcome to jQuery&lt;p&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#reading-elements","title":"Reading Elements","text":"HTML<pre><code>&lt;a id=\"yahoo\" href=\"http://www.yahoo.com\" style=\"font-size:20px;\"&gt;Yahoo!&lt;/a&gt;\n</code></pre> JavaScript<pre><code>// find it &amp; store it\nvar link = $('a#yahoo');\n\n// get info about it\nlink.html(); // 'Yahoo!'\nlink.attr('href'); // 'http://www.yahoo.com'\nlink.css('font-size'); // '20px\n</code></pre>"},{"location":"languages/javascript/jquery.html#modifying-elements","title":"Modifying Elements","text":"JavaScript<pre><code>// jQuery\n$('a').html('Yahoo!');\n$('a').attr('href', 'http://www.yahoo.com');\n$('a').css({'color': 'purple'});\n</code></pre> HTML<pre><code>&lt;!-- before --&gt;\n&lt;a href=\"http://www.google.com\"&gt;Google&lt;/a&gt;\n\n&lt;!-- after --&gt;\n&lt;a href=\"http://www.yahoo.com\" style=\"color:purple\"&gt;Yahoo&lt;/a&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#create-store-manipulate-and-inject","title":"Create, Store, Manipulate and inject","text":"JavaScript<pre><code>let paragraph = $('&lt;p class=\"intro\"&gt;Welcome&lt;p&gt;');  // create and store element\n\nparagraph.css('property', 'value');  // manipulate element\n\n$(\"body\").append(paragraph);  // inject in DOM\n</code></pre>"},{"location":"languages/javascript/jquery.html#regular-dom-nodes-to-jquery-objects","title":"Regular DOM Nodes to jQuery Objects","text":"JavaScript<pre><code>var paragraphs = $('p'); // an array\nvar aParagraph = paragraphs[0]; // a regular DOM node\nvar $aParagraph = $(paragraphs[0]); // a jQuery Object\n\n// can also use loops\nfor(var i = 0; i &lt; paragraphs.length; i++) {\n    var element = paragraphs[i];\n    var paragraph = $(element);\n    paragraph.html(paragraph.html() + ' WOW!');\n}\n</code></pre>"},{"location":"languages/javascript/jquery.html#events","title":"Events","text":"JavaScript<pre><code>var onButtonClick = function() {  \n    console.log('clicked!');\n}\n\n// with named callback &amp; .on\n$('button').on('click', onButtonClick);\n\n// with anonymous callback &amp; .on\n$('button').on('click', function(){\n    console.log('clicked!');\n});\n\n// with .click &amp; named callback\n$('button').click(onButtonClick);\n</code></pre>"},{"location":"languages/javascript/jquery.html#preventing-default-event","title":"Preventing Default Event","text":"JavaScript<pre><code>$('selector').on('event', function(event) {\n    event.preventDefault();\n    // custom logic\n});\n</code></pre>"},{"location":"languages/javascript/jquery.html#plugins","title":"Plugins","text":"<p>In the HTML, add a <code>&lt;script&gt;</code> ag that hotlinks to the CDN or source file:</p> HTML<pre><code>&lt;script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js\"&gt;&lt;script&gt;\n</code></pre> <p>In the JavaScript call the jQuery plugin on the DOM:</p> JavaScript<pre><code>$(\"form\").validate();\n</code></pre> <p>Note: always link to the minified js files.</p>"},{"location":"languages/javascript/jquery.html#more-jquery","title":"More jQuery","text":""},{"location":"languages/javascript/jquery.html#patters-anti-patterns","title":"Patters &amp; Anti-Patterns","text":"JavaScript<pre><code>// Pattern: name variables with $var\n$myVar =$('#myNode');\n\n// Pattern: store references to callback functions\nvar callback = function(argument){\n    // do something cool\n};\n\n$(document).on('click', 'p', myCallback);\n\n// Anti-pattern: anonymous functions\n$(document).on('click', 'p', function(argument){\n    // do something anonymous\n});\n</code></pre>"},{"location":"languages/javascript/jquery.html#chaining","title":"Chaining","text":"JavaScript<pre><code>banner.css('color', 'red');\nbanner.html('Welcome!');\nbanner.show();\n\n// same as:\nbanner.css('color', 'red').html('Welcome!').show();\n\n// same as:\nbanner.css('color', 'red')\n    .html('Welcome!')\n    .show();\n</code></pre>"},{"location":"languages/javascript/jquery.html#dom-readiness","title":"DOM Readiness","text":"<p>DOM manipulation and event binding doesn't work if the <code>&lt;script&gt;</code> is in the <code>&lt;head&gt;</code></p> JavaScript<pre><code>$(document).ready(function() {\n    // the DOM is fully loaded\n});\n\n$(window).on('load', function(){\n    // the DOM and all assets (including images) are loaded\n});\n</code></pre>"},{"location":"languages/javascript/jquery.html#ajax-jquery-15","title":"AJAX (jQuery <code>1.5</code>+)","text":"JavaScript<pre><code>$.ajax({\n    method: 'POST',\n    url: 'some.php',\n    data: { name: 'John', location: 'Boston'}\n})\n.done(function(msg){alert('Data Saved: '+ msg);})\n.fail(function(jqXHR, textStatus){alert('Request failed: '+ textStatus);});\n</code></pre>"},{"location":"languages/javascript/react/react-router.html","title":"React Router","text":"<p>Popular routing library. Allows to specify a route through React components, declaring which component is to be loaded for a given URL.</p> <p>Key Components:</p> <ul> <li>Router: wrap the app entry-point, usually <code>BrowserRouter</code></li> <li>Route: \"Load this component for this URL\"</li> <li>Link: react-managed anchors that won't post back to the browser</li> </ul>"},{"location":"languages/javascript/react/react-router.html#routers","title":"Routers","text":"<p>Router Types:</p> <ul> <li>HashRouter: <code>#route</code>, adds hashes to the URLs</li> <li>BrowserRouter: <code>/route</code>, uses HTML5 history API to provide clean URLs</li> <li>MemoryRouter: no URL</li> </ul> JavaScript<pre><code>// index.js\n\n//other imports ...\n\nimport { BrowserRouter as Router } from \"react-router-dom\";\n\nReact.render(\n    &lt;Router&gt;\n        &lt;App /&gt;\n    &lt;/Router&gt;,\n    document.getElementById(\"DomID\");\n)\n</code></pre> JavaScript<pre><code>// Component.js\nimport { Route, Route } from \"react-router-dom\";\n\n&lt;div&gt;\n    {/* match route pattern exactly, all sub-routes will be matched otherwise */}\n    &lt;Route path=\"/\" exact element={&lt;Component props={props} /&gt;} /&gt; \n    &lt;Route path=\"/route\" element={&lt;Component props={props} /&gt;} /&gt;\n    ...\n&lt;/div&gt;\n\n// only one child can match, similar to Route-case\n&lt;Routes&gt;\n    &lt;Route path=\"/\" exact element={&lt;Component props={props} /&gt;} /&gt;\n    &lt;Route path=\"/route\" element={&lt;Component props={props} /&gt;} /&gt;\n    &lt;Route component={PageNotFound} /&gt; {/* matches all non-existent URLs */}\n&lt;/Route&gt;\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#url-parameters-query-string","title":"URL Parameters &amp; Query String","text":"JavaScript<pre><code>// Given\n&lt;Route path=\"/route/:placeholder\" element={&lt;Component props={props} /&gt;} /&gt;\n// URL: app.com/route/sub-route?param=value\n\nfunction Component(props) {\n    props.match.params.placeholder;  // sub-route\n    props.location.query;  // { param: value }\n    props.location.pathname; // /route/sub-route?param=value\n}\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#redirecting","title":"Redirecting","text":"JavaScript<pre><code>import { Navigate } from \"react-router-dom\";\n\n// redirects to another URL on render, shouldn't be rendered on component mount but after an action\n&lt;Navigate to=\"/route\" /&gt;\n&lt;Navigate from=\"/old-route\" to=\"/new-route\" /&gt;\n{ condition &amp;&amp;  &lt;Navigate to=\"/route\" /&gt; }  // redirect if condition is true\n\n// or redirect manipulating the history (always in props)\nprops.history.push(\"/new-route\");\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#prompts","title":"Prompts","text":"JavaScript<pre><code>import { Prompt } from \"react-router-dom\";\n\n// displays a prompt when the condition is true\n&lt;Prompt when={condition} message=\"prompt message\" /&gt;\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#link","title":"Link","text":"<p>Clicks on a link created with React-Router will be captured by react an all the routing will happen client side.</p> JavaScript<pre><code>import { Link } from \"react-router-dom\";\n\n// TARGET: &lt;Route path=\"/route/:itemId\" /&gt;\n&lt;Link to=\"/route/1\"&gt;Text&lt;/Link&gt;\n\n// add styling attributes to the rendered element when it matches the current URL.\n&lt;NavLink to=\"/route\" exact activeClassName=\"class\"&gt;Text&lt;/NavLink&gt;\n&lt;NavLink to=\"/route\" activeStyle={ { cssProp: value } }&gt;Text&lt;/NavLink&gt;\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html","title":"Testing React","text":""},{"location":"languages/javascript/react/react-tests.html#jest","title":"Jest","text":""},{"location":"languages/javascript/react/react-tests.html#jest-configuration","title":"Jest Configuration","text":"JavaScript<pre><code>// jest.config.js\nmodule.exports = {\n  testEnvironment: 'jsdom',\n  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],\n  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],  // add testing-library methods to expect()\n  transform: { '^.+\\\\.tsx?$': 'ts-jest'}  // use ts-jest fo ts files\n}\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#jest-tests","title":"Jest Tests","text":"<p>Expect docs</p> JavaScript<pre><code>// .spec.js or .test.js\nit(\"test description\", () =&gt; {\n    // test body\n    expect(expected).toEqual(actual);\n});\n\n// group related tests\ndescribe(\"test group name\", () =&gt; {\n    it(/* ... */);\n    it(/* ... */);\n});\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#snapshots","title":"Snapshots","text":"<p>In <code>Component.Snapshots.js</code>:</p> JavaScript<pre><code>import React from \"react\";\nimport renderer from \"react-test-renderer\";\n\nimport Component from \"./path/to/Component\";\n// import mock data if necessary\n\nit(\"test description\", () =&gt; {\n    // renders the DOM tree of the component\n    const tree = renderer.create(&lt;Component funcProp={jest.fn() /* mock function */} /* component props */ /&gt;);\n\n    // save a snapshot of the component at this point in time ( in  __snapshots__ folder)\n    // in future test it will be checked to avoid regressions\n    // can be updated during jest --watch pressing \"u\"\n    expect(tree).matchSnapshot();\n});\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#enzyme","title":"Enzyme","text":""},{"location":"languages/javascript/react/react-tests.html#enzyme-configuration","title":"Enzyme Configuration","text":"JavaScript<pre><code>// testSetup.js\nimport { configure } from \"enzyme\";\nimport Adapter from \"enzyme-adapter-react-&lt;version&gt;\";\n\nconfigure({ adapter: new Adapter() });\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#enzyme-tests","title":"Enzyme Tests","text":"<p>In <code>Component.test.js</code>:</p> JavaScript<pre><code>import React from \"react\";\nimport { shallow, mount } from \"enzyme\";\n// eventual wrapper components (react-router, react-redux's provider, ...) for mount render\n\n// shallow renders single component w/o children, no DOM generated\n// mount renders component w/ it's children\n\nimport Component from \"./path/to/Component\";\n\n// factory to setup shallow test easily\nfunction testHelper(args) {\n    const defaultProps = { /* default value for props in each test */ };\n\n    const props = { ...defaultProps, ...args };\n    return shallow(&lt;Component {...props} /&gt;);\n}\n\n// shallow rendering test\nit(\"test description\", () =&gt; {\n    const dom = testHelper(/* optional args */);\n    // or\n    const dom = shallow(&lt;Component /* props */ /&gt;);\n\n    // check a property of expected component\n    // selector can be from raw JSX (name of a component)\n    expect(dom.find(\"selector\").property).toBe(expected);\n});\n\n// mount rendering test\nif(\"test description\" () =&gt; {\n    const dom = mount(\n        &lt;WrapperComponent&gt;\n            &lt;Component /* props *//&gt;\n        &lt;/WrapperComponent&gt;\n    );\n\n    // selector has to be HTML selector since the component is rendered completely\n    // possible to test child components\n    expect(dom.find(\"selector\").property).toBe(expected);\n});\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#react-testing-library","title":"React Testing Library","text":"<p>Encourages to write test based on what the user sees. So components are always mounted and fully rendered.</p>"},{"location":"languages/javascript/react/react-tests.html#react-testing-library-tests","title":"React Testing Library Tests","text":"<p>In <code>Components.test.js</code>:</p> JavaScript<pre><code>import React from \"react\";\nimport { cleanup, render } from \"@testing-library/react\";\n\nimport Component from \"./path/to/Component\";\n\nafterEach(cleanup);\n\n// factory to setup test easily\nfunction testHelper(args) {\n    const defaultProps = { /* default value for props in each test */ };\n\n    const props = { ...defaultProps, ...args };\n    return render(&lt;Component {...props} /&gt;);\n}\n\nit(\"test description\", () =&gt; {\n    const { getByText } = testHelper();\n\n    // react testing library func\n    getByText(\"text\");  // check if test is present in the rendered component\n});\n</code></pre>"},{"location":"languages/javascript/react/react.html","title":"React","text":""},{"location":"languages/javascript/react/react.html#components","title":"Components","text":"<p>There are two types of react components:</p> <ul> <li>Function Components</li> <li>Class Components</li> </ul> <p>Both types can be stateful and have side effects or be purely presentational.</p> JSX<pre><code>// functional component\nconst Component = (props) =&gt; {\n    return (\n        &lt;domElementOrComponent... /&gt;\n    );\n}\n\n// class component\nclass Component extends React.Component {\n    return (\n        &lt;domElementOrComponent... /&gt;\n    );\n}\n</code></pre> <p>NOTE: a component name must start with an uppercase letter.</p> <p>Every components has two inputs: props and state. The props input is explicit while the state is implicit. State is used to determine the changes and when to re-render. Within the component state can be changed while the props object represent fixed input values.</p> <p>JSX syntax can represent HTML but gets converted to pure JavaScript before being sent to the browser:</p> JavaScript<pre><code>// JSX\nconst element = (\n  &lt;h1 className=\"greeting\"&gt;Hello, world!&lt;/h1&gt;\n);\n\n// compiled JS shipped to browser\nconst element = React.createElement(\n  'h1',  // HTML tag name\n  {className: 'greeting'},  // attrs as JSON\n  'Hello, world!'  // tag content (can be nested component)\n);\n</code></pre>"},{"location":"languages/javascript/react/react.html#app-entry-point","title":"App Entry-point","text":"JavaScript<pre><code>const container = document.getElementById('root')!;\nconst root = createRoot(container);\n\nconst element = &lt;h1s&gt;Hello World&lt;/h1&gt;\nroot.render(element)\n</code></pre>"},{"location":"languages/javascript/react/react.html#dynamic-expressions","title":"Dynamic Expressions","text":"JavaScript<pre><code>&lt;tag&gt;{expression}&lt;/tag&gt;  // expression is evaluated an it's result is displayed\n&lt;tag onEvent={funcReference}&gt;{expression}&lt;/tag&gt;\n&lt;tag onEvent={() =&gt; func(args)}&gt;{expression}&lt;/tag&gt;\n</code></pre>"},{"location":"languages/javascript/react/react.html#props","title":"Props","text":"JavaScript<pre><code>&lt;Component propName={value} /&gt;  // pass a value the component\n&lt;Component propName={funcReference} /&gt;  // pass a function to the component\n\nfunction Component(props) {\n    // use props with {props.propName}\n}\n\nclass Component extends React.Component{\n    // use props with {this.props.propName}\n    render()\n}\n</code></pre>"},{"location":"languages/javascript/react/react.html#simple-function-component","title":"Simple Function Component","text":"JavaScript<pre><code>// Button.js\nimport { useState } from \"react\";\n\nfunction Button() {\n    const [count, setCount] = useState(0);  // hook\n\n    const handleCLick = () =&gt; setCount(count + 1);  // logic\n\n    // JSX\n    return (\n        &lt;button onClick={handleCLick}&gt;\n            {count}\n        &lt;/button&gt;\n    );\n}\n\nexport default Button;\n</code></pre>"},{"location":"languages/javascript/react/react.html#simple-class-component","title":"Simple Class Component","text":"JavaScript<pre><code>class Button extends React.Component {\n\n    state = {count: 0};\n    //or\n    constructor(props) {\n        super(props);\n        this.state = {count: 0};\n    }\n\n    componentDidMount() {}  // called on successful component mount\n\n    handleClick = () =&gt; {\n        this.setState({ count: this.state.count + 1 });\n    }\n    // or\n    handleClick = () =&gt; {\n        this.setState((state, props) =&gt; ({ count: state.count + props.increment }) );\n    }\n\n    render(){\n        return (\n        &lt;button onClick={this.handleClick}&gt;\n            {this.state.count}\n        &lt;/button&gt;\n        );\n    }\n}\n</code></pre>"},{"location":"languages/javascript/react/react.html#nesting-components","title":"Nesting Components","text":"JavaScript<pre><code>import { useState } from \"react\";\n\nfunction Button(props) {\n  return (\n      &lt;button onClick={props.onClickFunc}&gt;\n          +1\n      &lt;/button&gt;\n  );\n}\n\nfunction Display (props) {\n  return (\n      &lt;div&gt;{props.message}&lt;/div&gt;\n  );\n}\n\nfunction App() {\n\n    // state must be declare in the outer component it can be passed to each children\n    const [count, setCount] = useState(0);\n    const incrementCounter = () =&gt; setCount(count + 1);\n\n    return (\n        &lt;div className=\"App\"&gt;\n            &lt;Button onClickFunc={incrementCounter}/&gt;\n            &lt;Display message={count}/&gt;\n        &lt;/div&gt;\n    );\n}\n\nexport default App;\n</code></pre>"},{"location":"languages/javascript/react/react.html#user-input-forms","title":"User Input (Forms)","text":"JavaScript<pre><code>function Form() {\n    const [userName, setUserName] = useState(\"\");\n\n    handleSubmit = (event) =&gt; {\n        event.preventDefault();\n        // ...\n    }\n\n    return(\n        &lt;form onSubmit={handleSubmit}&gt;\n            &lt;input\n                type=\"text\"\n                value={userName}  // controlled component\n                onChange={(event) =&gt; setUserName(event.target.value)}  // needed to update UI on dom change\n                required\n            /&gt;\n            &lt;button&gt;&lt;/button&gt;\n        &lt;/form&gt;\n    );\n}\n</code></pre>"},{"location":"languages/javascript/react/react.html#lists-of-components","title":"Lists of Components","text":"JavaScript<pre><code>// ...\n    &lt;div&gt;\n        {array.map(item =&gt; &lt;Component key={uniqueID}&gt;)}\n    &lt;/div&gt;\n// ...\n</code></pre> <p>Note: The <code>key</code> attribute of the component is needed to identify a particular item. It's most useful if the list has to be sorted.</p>"},{"location":"languages/javascript/react/react.html#hooks","title":"Hooks","text":""},{"location":"languages/javascript/react/react.html#usestate","title":"<code>useState</code>","text":"<p>Hook used to create a state object.</p> <p><code>useState()</code> results:</p> <ul> <li>state object (getter)</li> <li>updater function (setter)</li> </ul> JavaScript<pre><code>const [state, setState] = useState(default);\n</code></pre>"},{"location":"languages/javascript/react/react.html#useeffect","title":"<code>useEffect</code>","text":"<p>Hook used to trigger an action on each render of the component or when one of the watched items changes.</p> JavaScript<pre><code>useEffect(() =&gt; {\n    // \"side effects\" operations\n\n    return () =&gt; {/* clean up side effect */}  // optional\n}, [/* list of watched items, empty triggers once */]);\n</code></pre>"},{"location":"languages/javascript/react/react.html#custom-hooks","title":"Custom Hooks","text":"JavaScript<pre><code>// hook definitions\nconst useCustomHook = () =&gt; {\n    // eventual state definitions\n\n    // eventual function definitions\n\n    // ...\n\n    return { obj1, obj2, ... };\n}\n\nconst Component(){\n    // retrieve elements from the hook\n    const {\n        obj1,\n        obj2,\n        ...\n    } = useCustomHook();\n}\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html","title":"Redux Testing","text":""},{"location":"languages/javascript/react/redux-tests.html#tests-for-connected-components","title":"Tests for Connected Components","text":"<p>Connected components are wrapped in a call to <code>connect</code>. Way of solving the problem:</p> <ul> <li>Wrap component with <code>&lt;Provider&gt;</code>. Added benefit: new store dedicated to tests.</li> <li>Add named export for unconnected component.</li> </ul> <p>In <code>Component.js</code>:</p> JavaScript<pre><code>export function Component(props) { /* ... */ }  // export unconnected component\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Component)  // default export of connected component\n</code></pre> <p>In <code>Component.test.js</code>:</p> JavaScript<pre><code>import React from \"react\";\n// import enzyme or react testing library\n\n// import mock data\nimport { Component } from \"path/to/Component\";  // import unconnected component\n\n// factory to setup test easily\nfunction testHelper(args) {\n    const defaultProps = { \n        /* default value for props in each test and required props */,\n        history = {}  // normally injected by react-router, could also import the router\n    };\n\n    const props = { ...defaultProps, ...args };\n    return mount(&lt;Component {...props} /&gt;);  // or render if using react testing library\n}\n\nit(\"test description\", () =&gt; {\n    const dom = testHelper();\n\n    // simulate page iteration\n    dom.find(\"selector\").simulate(\"&lt;event&gt;\");\n\n    // find changed component\n    // test expected behaviour of component\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-action-creators","title":"Tests for Action Creators","text":"JavaScript<pre><code>import * as actions from \"path/to/actionCreators\";\n// import eventual action types constants\n// import mock data\n\nit(\"test description\", () =&gt; {\n    const data = /* mock data */\n    const expectedAction = { type: TYPE, /* ... */ };\n\n    const actualAction = actions.actionCreator(data);\n\n    expect(actualAction).toEqual(expectedAction);\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-reducers","title":"Tests for Reducers","text":"JavaScript<pre><code>import reducer from \"path/to/reducer\";\nimport * as actions from \"path/to/actionCreators\";\n\nit(\"test description\", () =&gt; {\n    const initialState = /* state before the action */;\n    const finalState = /* expected state after the action */\n    const data = /* data passed to the action creator */;\n\n    const action = actions.actionCreator(data);\n    const newState = reducer(initialState, action);\n\n    expect(newState).toEqual(finalState);\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-the-store","title":"Tests for the Store","text":"JavaScript<pre><code>import { createStore } from \"redux\";\n\nimport rootReducer from \"path/to/rootReducer\";\nimport initialState from \"path/to/initialState\";\nimport * as actions from \"path/to/actionCreators\";\n\nit(\"test description\", () =&gt; {\n    const store = createStore(storeReducer, initialState);\n\n    const expectedState = /* state after the update */\n\n    const data = /* action creator input */;\n    const action = actions.actionCreator(data);\n    store.dispatch(action);\n\n    const state = store.getState();\n    expect(state).toEqual(expectedState);\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-thunks","title":"Tests for Thunks","text":"<p>Thunk testing requires the mocking of:</p> <ul> <li>store (using <code>redux-mock-store</code>)</li> <li>HTTP calls (using <code>fetch-mock</code>)</li> </ul> JavaScript<pre><code>import thunk from \"redux-thunk\";\nimport fetchMock from \"fetch-mock\";\nimport configureMockStore from \"redux-mock-store\";\n\n// needed for testing async thunks\nconst middleware = [thunk];  // mock middlewares\nconst mockStore = configureMockStore(middleware);  // mock the store\n\nimport * as actions from \"path/to/actionCreators\";\n// import eventual action types constants\n// import mock data\n\ndescribe(\"Async Actions\", () =&gt; {\n    afterEach(() =&gt; {\n        fetchMock.restore();  // init fetch mock for each test\n    });\n\n    it(\"test description\", () =&gt; {\n        // mimic API call\n        fetchMock.mock(\n            \"*\",  // capture any fetch call\n            {\n                body: /* body contents */,\n                headers: { \"content-type\": \"application/json\" }\n            }\n        );\n\n        // expected action fired from the thunk\n        const expectedActions = [\n            { type: TYPE, /* ... */ },\n            { type: TYPE, /* ... */ }\n        ];\n\n        const store = mockStore({ data: value, ... });  // init mock store\n\n        return store.dispatch(actions.actionCreator())  // act\n            .then(() =&gt; {\n                expect(store.getActions()).toEqual(expectedActions);  // assert\n            });\n    });\n});\n</code></pre>"},{"location":"languages/javascript/react/redux.html","title":"Redux","text":"<p>Redux is a pattern and library for managing and updating application state, using events called actions. It serves as a centralized store for state that needs to be used across the entire application, with rules ensuring that the state can only be updated in a predictable fashion.</p>"},{"location":"languages/javascript/react/redux.html#actions-store-immutability-reducers","title":"Actions, Store, Immutability &amp; Reducers","text":""},{"location":"languages/javascript/react/redux.html#actions-action-creators","title":"Actions &amp; Action Creators","text":"<p>An Action is a plain JavaScript object that has a <code>type</code> field. An action object can have other fields with additional information about what happened. By convention, that information is stored in a field called <code>payload</code>.</p> <p>Action Creators are functions that create and return action objects.</p> JavaScript<pre><code>function actionCreator(data)\n{\n    return { type: ACTION_TYPE, payload: data };  // action obj\n}\n</code></pre>"},{"location":"languages/javascript/react/redux.html#store","title":"Store","text":"<p>The current Redux application state lives in an object called the store. The store is created by passing in a reducer, and has a method called <code>getState</code> that returns the current state value.</p> <p>The Redux store has a method called <code>dispatch</code>. The only way to update the state is to call <code>store.dispatch()</code> and pass in an action object. The store will run its reducer function and save the new state value inside.</p> <p>Selectors are functions that know how to extract specific pieces of information from a store state value.</p> <p>In <code>initialState.js</code>;</p> JavaScript<pre><code>export default {\n    // initial state here\n}\n</code></pre> <p>In <code>configStore.js</code>:</p> JavaScript<pre><code>// configStore.js\nimport { createStore, applyMiddleware, compose } from \"redux\";\n\nexport function configStore(initialState) {\n    const composeEnhancers =\n        window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; // support for redux devtools\n\n    return  createStore(\n        rootReducer, \n        initialState, \n        composeEnhancers(applyMiddleware(middleware, ...))\n    );\n}\n\n// available functions &amp; methods\nreplaceReducer(newReducer);  // replace an existing reducer, useful for Hot Reload\nstore.dispatch(action);  // trigger a state change based on an action\nstore.subscribe(listener);\nstore.getState();  // retrieve current state\n</code></pre>"},{"location":"languages/javascript/react/redux.html#reducers","title":"Reducers","text":"<p>Reducers are functions that receives the current state and an action, decide how to update the state if necessary, and return the new state.</p> <p>Reducers must always follow some specific rules:</p> <ul> <li>They should only calculate the new state value based on the <code>state</code> and <code>action</code> arguments</li> <li>They are not allowed to modify the existing <code>state</code>.   Instead, they must make immutable updates, by copying the existing <code>state</code> and making changes to the copied values.</li> <li>They must not do any asynchronous logic, calculate random values, or cause other \"side effects\"</li> </ul> JavaScript<pre><code>import initialState from \"path/to/initialState\";\n\nfunction reducer(state = initialState, action) {\n    switch(action.type){\n        case \"ACTION_TYPE\":\n            return { ...state, prop: value };  // return modified copy of state (using spread operator)\n            break;\n\n        default:\n            return state;  // return unchanged state (NEEDED)\n    }\n}\n\n// combining reducers\nimport { combineReducers } from \"redux\";\n\nconst rootReducer = combineReducers({\n    entity: entityReducer.\n    ...\n});\n</code></pre> <p>Note: multiple reducers can be triggered by the same action since each one operates on a different portion of the state.</p>"},{"location":"languages/javascript/react/redux.html#react-redux","title":"React-Redux","text":""},{"location":"languages/javascript/react/redux.html#container-vs-presentational-components","title":"Container vs Presentational Components","text":"<p>Container Components:</p> <ul> <li>Focus on how thing work</li> <li>Aware of Redux</li> <li>Subscribe to Redux State</li> <li>Dispatch Redux actions</li> </ul> <p>Presentational Components:</p> <ul> <li>Focus on how things look</li> <li>Unaware of Redux</li> <li>Read data from props</li> <li>Invoke callbacks on props</li> </ul>"},{"location":"languages/javascript/react/redux.html#provider-component-connect","title":"Provider Component &amp; Connect","text":"<p>Used at the root component and wraps all the application.</p> JavaScript<pre><code>// index.js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\n\nimport { configStore } from 'path/to/configStore';\nimport initialState from \"path/to/initialState\";\nimport App from './App';\n\nconst store = configStore(initialState);\n\nconst rootElement = document.getElementById('root');\nReactDOM.render(\n  &lt;Provider store={store}&gt;\n    &lt;App /&gt;\n  &lt;/Provider&gt;,\n  rootElement\n);\n</code></pre> JavaScript<pre><code>// Component.js\nimport { connect } from 'react-redux';\nimport { increment, decrement, reset } from './actionCreators';\n\n// const Component = ...\n\n// specifies which state is passed to the component (called on state change)\nconst mapStateToProps = (state, ownProps /* optional */) =&gt; {\n    // structure of the props passed to the component\n    return { propName: state.property };\n};\n\n// specifies the action passed to a component (the key is the name that the prop will have )\nconst mapDispatchToProps = { actionCreator: actionCreator };\n// or\nfunction mapDispatchToProps(dispatch) {\n    return {\n        // wrap action creators\n        actionCreator: (args) =&gt; dispatch(actionCreator(args))\n    };\n}\n// or\nfunction mapDispatchToProps(dispatch) {\n    return {\n        actionCreator: bindActionCreators(actionCreator, dispatch),\n        actions: bindActionCreators(allActionCreators, dispatch)\n    };\n}\n\n// both args are optional\n// if mapDispatch is missing the dispatch function is added to the props\nexport default connect(mapStateToProps, mapDispatchToProps)(Component);\n</code></pre>"},{"location":"languages/javascript/react/redux.html#async-operations-with-redux-thunk","title":"Async Operations with Redux-Thunk","text":"<p>Note: Redux middleware runs after and action and before it's reducer.</p> <p>Redux-Thunk allows to return functions instead of objects from action creators. A \"thunk\" is a function that wraps an expression to delay it's evaluation.</p> <p>In <code>configStore.js</code>:</p> JavaScript<pre><code>import { createStore, applyMiddleware, compose } from \"redux\";\nimport thunk from \"redux-thunk\";\n\nfunction configStore(initialState) {\n    const composeEnhancers =\n        window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; // support for redux devtools\n\n    return  createStore(\n        rootReducer, \n        initialState, \n        composeEnhancers(applyMiddleware(thunk, ...))  // add thunks middleware\n    );\n}\n</code></pre> JavaScript<pre><code>// usually action on async func success\nfunction actionCreator(arg) {\n    return { type: TYPE, data: arg };\n}\n\nexport function thunk() {\n    return function (dispatch) {  // redux-thunk injects dispatch as arg\n        return asyncFunction().then((data) =&gt; {  // async function returns a promise\n                dispatch(actionCreator(data));\n            })\n            .catch((error) =&gt; {\n                throw error;\n            });\n    };\n}\n\n// or using async/await\nexport async function thunk() {\n    return function (dispatch) {  // redux-thunk injects dispatch as arg\n        try {\n            let data = await asyncFunction();\n            return dispatch(actionCreator(data));\n        } catch(error) {\n                throw error;\n        }\n    }\n}\n</code></pre>"},{"location":"languages/javascript/react/redux.html#redux-toolkit","title":"Redux-Toolkit","text":"<p>The Redux Toolkit package is intended to be the standard way to write Redux logic. It was originally created to help address three common concerns about Redux.</p> <p>Redux Toolkit also includes a powerful data fetching and caching capability dubbed \"RTK Query\". It's included in the package as a separate set of entry points. It's optional, but can eliminate the need to hand-write data fetching logic yourself.</p> <p>These tools should be beneficial to all Redux users. Whether you're a brand new Redux user setting up your first project, or an experienced user who wants to simplify an existing application, Redux Toolkit can help you make your Redux code better. Installation\u200b Using Create React App\u200b</p> <p>The recommended way to start new apps with React and Redux is by using the official Redux+JS template or Redux+TS template for Create React App, which takes advantage of Redux Toolkit and React Redux's integration with React components.</p> Bash<pre><code># Redux + Plain JS template\nnpx create-react-app my-app --template redux\n\n# Redux + TypeScript template\nnpx create-react-app my-app --template redux-typescript\n</code></pre> <p>Redux Toolkit includes these APIs:</p> <ul> <li> <p><code>configureStore()</code>: wraps <code>createStore</code> to provide simplified configuration options and good defaults.   It can automatically combines slice reducers, adds whatever Redux middleware supplied, includes redux-thunk by default, and enables use of the Redux DevTools Extension.</p> </li> <li> <p><code>createReducer()</code>: that lets you supply a lookup table of action types to case reducer functions, rather than writing switch statements.   In addition, it automatically uses the <code>immer</code> library to let you write simpler immutable updates with normal mutative code, like <code>state.todos[3].completed = true</code>.</p> </li> <li> <p><code>createAction()</code>: generates an action creator function for the given action type string.   The function itself has <code>toString()</code> defined, so that it can be used in place of the type constant.</p> </li> <li><code>createSlice()</code>: accepts an object of reducer functions, a slice name, and an initial state value, and automatically generates a slice reducer with corresponding action creators and action types.</li> <li><code>createAsyncThunk</code>: accepts an action type string and a function that returns a promise, and generates a thunk that dispatches pending/fulfilled/rejected action types based on that promise</li> <li><code>createEntityAdapter</code>: generates a set of reusable reducers and selectors to manage normalized data in the store</li> <li>The <code>createSelector</code> utility from the Reselect library, re-exported for ease of use.</li> </ul>"},{"location":"languages/javascript/react/redux.html#configurestore","title":"<code>configureStore</code>","text":"<p>Included Default Middleware\u200b:</p> <ul> <li> <p>Immutability check middleware: deeply compares state values for mutations. It can detect mutations in reducers during a dispatch, and also mutations that occur between dispatches.   When a mutation is detected, it will throw an error and indicate the key path for where the mutated value was detected in the state tree. (Forked from <code>redux-immutable-state-invariant</code>.)</p> </li> <li> <p>Serializability check middleware: a custom middleware created specifically for use in Redux Toolkit   Similar in concept to <code>immutable-state-invariant</code>, but deeply checks the state tree and the actions for non-serializable values such as functions, Promises, Symbols, and other non-plain-JS-data values   When a non-serializable value is detected, a console error will be printed with the key path for where the non-serializable value was detected.</p> </li> <li> <p>In addition to these development tool middleware, it also adds <code>redux-thunk</code> by default, since thunks are the basic recommended side effects middleware for Redux.</p> </li> </ul> <p>Currently, the return value of <code>getDefaultMiddleware()</code> is:</p> JavaScript<pre><code>// development\nconst middleware = [thunk, immutableStateInvariant, serializableStateInvariant]\n\n// production\u200b\nconst middleware = [thunk]\n</code></pre> JavaScript<pre><code>import { combineReducers } from 'redux'\nimport { configureStore } from '@reduxjs/toolkit'\nimport monitorReducersEnhancer from './enhancers/monitorReducers'\nimport loggerMiddleware from './middleware/logger'\nimport usersReducer from './usersReducer'\nimport postsReducer from './postsReducer'\n\nconst rootReducer = combineReducers({\n  users: usersReducer,\n  posts: postsReducer,\n})\n\nconst store = configureStore({\n  // reducers combined automatically\n  reducer: rootReducer,\n  middleware: (getDefaultMiddleware) =&gt; getDefaultMiddleware().concat(loggerMiddleware),\n  enhancers: [monitorReducersEnhancer]\n})\n\nexport default store\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createaction","title":"<code>createAction</code>","text":"JavaScript<pre><code>import { createAction } from '@reduxjs/toolkit';\n\nconst increment = createAction&lt;number | undefined&gt;('counter/increment');\n\nconst action = increment();  // { type: 'counter/increment' }\nconst action = increment(3);  // { type: 'counter/increment', payload: 3 }\n\nincrement.toString();  // 'counter/increment'\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createreducer","title":"<code>createReducer</code>","text":"JavaScript<pre><code>import { createAction, createReducer } from '@reduxjs/toolkit'\n\ninterface CounterState {\n  value: number\n}\n\nconst increment = createAction('counter/increment')\nconst decrement = createAction('counter/decrement')\nconst incrementByAmount = createAction&lt;number&gt;('counter/incrementByAmount')\n\nconst initialState = { value: 0 } as CounterState\n\nconst counterReducer = createReducer(initialState, (builder) =&gt; {\n  builder\n    .addCase(increment, (state, action) =&gt; {\n      state.value++\n    })\n    .addCase(decrement, (state, action) =&gt; {\n      state.value--\n    })\n    .addCase(incrementByAmount, (state, action) =&gt; {\n      state.value += action.payload\n    })\n})\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createslice","title":"<code>createSlice</code>","text":"<p>A function that accepts an initial state, an object of reducer functions, and a \"slice name\", and automatically generates action creators and action types that correspond to the reducers and state.</p> <p>Internally, it uses <code>createAction</code> and <code>createReducer</code>, so it's possible to use Immer to write \"mutating\" immutable updates.</p> <p>Note: action types will have the <code>&lt;slice-name&gt;/&lt;reducer-name&gt;</code> shape.</p> JavaScript<pre><code>import { createSlice, PayloadAction } from '@reduxjs/toolkit'\n\ninterface CounterState {\n  value: number\n}\n\nconst initialState = { value: 0 } as CounterState\n\nconst counterSlice = createSlice({\n  name: 'counter',\n  initialState,\n  reducers: {\n    increment(state) {\n      state.value++\n    },\n    decrement(state) {\n      state.value--\n    },\n    incrementByAmount(state, action: PayloadAction&lt;number&gt;) {\n      state.value += action.payload\n    },\n  },\n})\n\nexport const { increment, decrement, incrementByAmount } = counterSlice.actions\nexport default counterSlice.reducer\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createasyncthunk","title":"<code>createAsyncThunk</code>","text":"<p>The function <code>createAsyncThunk</code> returns a standard Redux thunk action creator. The thunk action creator function will have plain action creators for the pending, fulfilled, and rejected cases attached as nested fields.</p> <p>The <code>payloadCreator</code> function will be called with two arguments:</p> <ul> <li><code>arg</code>: a single value, containing the first parameter that was passed to the thunk action creator when it was dispatched.</li> <li><code>thunkAPI</code>: an object containing all of the parameters that are normally passed to a Redux thunk function, as well as additional options:</li> <li><code>dispatch</code>: the Redux store dispatch method</li> <li><code>getState</code>: the Redux store getState method</li> <li><code>extra</code>: the \"extra argument\" given to the thunk middleware on setup, if available</li> <li><code>requestId</code>: a unique string ID value that was automatically generated to identify this request sequence</li> <li><code>signal</code>: an <code>AbortController.signal</code> object that may be used to see if another part of the app logic has marked this request as needing cancellation.</li> <li>[...]</li> </ul> <p>The logic in the <code>payloadCreator</code> function may use any of these values as needed to calculate the result.</p> JavaScript<pre><code>import { createAsyncThunk, createSlice } from '@reduxjs/toolkit'\n\nconst payloadCreator = async (arg, ThunkAPI): Promise&lt;T&gt; =&gt; { /* ... */ };\nconst thunk = createAsyncThunk(\"&lt;action-type&gt;\", payloadCreator);\n\nthunk.pending; // action creator that dispatches an '&lt;action-type&gt;/pending'\nthunk.fulfilled; // action creator that dispatches an '&lt;action-type&gt;/fulfilled'\nthunk.rejected; // action creator that dispatches an '&lt;action-type&gt;/rejected'\n\nconst slice = createSlice({\n  name: '&lt;action-name&gt;',\n  initialState,\n  reducers: { /* standard reducer logic, with auto-generated action types per reducer */ },\n  extraReducers: (builder) =&gt; {\n    // Add reducers for additional action types here, and handle loading state as needed\n    builder.addCase(thunk.fulfilled, (state, action) =&gt; { /* body of the reducer */ })\n  },\n})\n</code></pre>"},{"location":"languages/javascript/react/redux.html#rtk-query","title":"RTK Query\u200b","text":"<p>RTK Query is provided as an optional addon within the <code>@reduxjs/toolkit</code> package. It is purpose-built to solve the use case of data fetching and caching, supplying a compact, but powerful toolset to define an API interface layer got the app. It is intended to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching &amp; caching logic yourself.</p> <p>RTK Query is included within the installation of the core Redux Toolkit package. It is available via either of the two entry points below:</p> C#<pre><code>import { createApi } from '@reduxjs/toolkit/query'\n\n/* React-specific entry point that automatically generates hooks corresponding to the defined endpoints */\nimport { createApi } from '@reduxjs/toolkit/query/react'\n</code></pre> <p>RTK Query includes these APIs:</p> <ul> <li><code>createApi()</code>: The core of RTK Query's functionality. It allows to define a set of endpoints describe how to retrieve data from a series of endpoints,   including configuration of how to fetch and transform that data.</li> <li><code>fetchBaseQuery()</code>: A small wrapper around fetch that aims to simplify requests. Intended as the recommended baseQuery to be used in createApi for the majority of users.</li> <li><code>&lt;ApiProvider /&gt;</code>: Can be used as a Provider if you do not already have a Redux store.</li> <li><code>setupListeners()</code>: A utility used to enable refetchOnMount and refetchOnReconnect behaviors.</li> </ul>"},{"location":"languages/javascript/svelte/svelte.html","title":"Svelte","text":"Bash<pre><code>npx degit sveltejs/template &lt;project name&gt;\n\n# set project to use typescript\nnode scripts/setupTypeScript.js\n\n# or using vite\nnpm init vite@latest\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#app-entry-point","title":"App Entry-point","text":"JavaScript<pre><code>import App from \"./App.svelte\"; // import the component\n\nconst app = new App({\n  target: document.body,\n  props: {\n    // props passed to the App component\n  },\n});\n\nexport default app;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#components-svelte","title":"Components (<code>.svelte</code>)","text":""},{"location":"languages/javascript/svelte/svelte.html#basic-structure","title":"Basic Structure","text":"HTML<pre><code>&lt;!-- code for the component --&gt;\n&lt;script lang=\"ts\"&gt;\n  import { Component } from \"Component.svelte\";\n\n  export let prop; // make a variable a prop\n&lt;/script&gt;\n\n&lt;!-- CSS for the component --&gt;\n&lt;style&gt;\n  /* CSS rules */\n\n  /* target elements outside of the current component */\n  :global(selector) {\n  }\n&lt;/style&gt;\n\n&lt;!-- html of the component  --&gt;\n\n&lt;!-- dynamic expressions --&gt;\n&lt;div&gt;{variable}&lt;/div&gt;\n\n&lt;!-- nested components --&gt;\n&lt;Component prop=\"{value}\" /&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#if-else","title":"If-Else","text":"JavaScript<pre><code>{#if &lt;condition&gt;}\n  // markup here\n{:else if &lt;condition&gt;}\n  // markup here\n{:else}\n  // markup here\n{/if}\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#loops","title":"Loops","text":"JavaScript<pre><code>{#each array as item, index}  // index is optional\n    // markup here\n{/each}\n\n{#each array as item (key)}  // use key to determine changes\n    // markup here\n{/each}\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#await-blocks","title":"Await Blocks","text":"JavaScript<pre><code>{#await promise}\n &lt;p&gt;...waiting&lt;/p&gt;\n{:then number}\n &lt;p&gt;The number is {number}&lt;/p&gt;\n{:catch error}\n &lt;p style=\"color: red\"&gt;{error.message}&lt;/p&gt;\n{/await}\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#event-handling","title":"Event Handling","text":"<p>The full list of modifiers:</p> <ul> <li><code>preventDefault</code> \u2014 calls <code>event.preventDefault()</code> before running the handler. Useful for client-side form handling, for example.</li> <li><code>stopPropagation</code> \u2014 calls <code>event.stopPropagation()</code>, preventing the event reaching the next element</li> <li><code>passive</code> \u2014 improves scrolling performance on touch/wheel events (Svelte will add it automatically where it's safe to do so)</li> <li><code>nonpassive</code> \u2014 explicitly set <code>passive: false</code></li> <li><code>capture</code> \u2014 fires the handler during the capture phase instead of the bubbling phase</li> <li><code>once</code> \u2014 remove the handler after the first time it runs</li> <li><code>self</code> \u2014 only trigger handler if <code>event.target</code> is the element itself</li> </ul> JavaScript<pre><code>&lt;script&gt;\n  const eventHandler = () =&gt; {};\n&lt;/script&gt;\n\n&lt;button on:event={eventHandler}&gt;\n// or\n&lt;button on:event={() =&gt; eventHandler(args)}&gt;\n\n&lt;button on:event|modifier={eventHandler}&gt;\n</code></pre> <p>Note: It's possible to chain modifiers together, e.g. <code>on:click|once|capture={...}</code>.</p>"},{"location":"languages/javascript/svelte/svelte.html#binding","title":"Binding","text":"HTML<pre><code>&lt;script&gt;\n  let name = \"Foo\";\n&lt;/script&gt;\n\n&lt;!-- modify value in real time --&gt;\n&lt;input bind:value=\"{stringValue}\" /&gt;\n&lt;input type=\"checkbox\" bind:checked={boolean}/ &gt;\n&lt;!-- ... --&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#reactive-declarations-reactive-statements","title":"Reactive declarations &amp; Reactive Statements","text":"<p>Svelte automatically updates the DOM when the component's state changes. Often, some parts of a component's state need to be computed from other parts and recomputed whenever they change.</p> <p>For these, Svelte has reactive declarations. They look like this:</p> JavaScript<pre><code>let count = 0;\n$: double =  count * 2;  // recalculated when count changes\n// or\n$: { }\n$: &lt;expression&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#routing","title":"Routing","text":"<p>Svelte Routing</p> JavaScript<pre><code>&lt;!-- App.svelte --&gt;\n&lt;script&gt;\n  import { Router, Link, Route } from \"svelte-routing\";\n  import Home from \"./routes/Home.svelte\";\n  import About from \"./routes/About.svelte\";\n  import Blog from \"./routes/Blog.svelte\";\n\n  export let url = \"\";\n&lt;/script&gt;\n\n&lt;Router url=\"{url}\"&gt;\n  &lt;nav&gt;\n    &lt;Link to=\"/\"&gt;Home&lt;/Link&gt;\n    &lt;Link to=\"about\"&gt;About&lt;/Link&gt;\n    &lt;Link to=\"blog\"&gt;Blog&lt;/Link&gt;\n  &lt;/nav&gt;\n  &lt;div&gt;\n    &lt;Route path=\"blog/:id\" component=\"{BlogPost}\" /&gt;\n    &lt;Route path=\"blog\" component=\"{Blog}\" /&gt;\n    &lt;Route path=\"about\" component=\"{About}\" /&gt;\n    &lt;Route path=\"/\"&gt;&lt;Home /&gt;&lt;/Route&gt;\n  &lt;/div&gt;\n&lt;/Router&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#data-stores","title":"Data Stores","text":"JavaScript<pre><code>// stores.js\nimport { writable } from \"svelte/store\";\n\nexport const count = writable(0);\n</code></pre> HTML<pre><code>&lt;script&gt;\n  import { onDestroy } from \"svelte\";\n  import { count } from \".path/to/stores.js\";\n\n  const unsubscriber = count.subscribe((value) =&gt; {\n    // do stuff on load or value change\n  });\n\n  count.update((n) =&gt; n + 1);\n\n  count.set(1);\n  // or\n  $count = 1;\n\n  onDestroy(unsubscriber);\n&lt;/script&gt;\n\n&lt;!-- use $ to reference a store value --&gt;\n&lt;p&gt;{$count}&lt;/p&gt;\n</code></pre>"},{"location":"languages/kotlin/kotlin.html","title":"Kotlin","text":""},{"location":"languages/kotlin/kotlin.html#package-imports","title":"Package &amp; Imports","text":"Kotlin<pre><code>package com.app.uniqueID\n\nimport &lt;package&gt;\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#variable-constants","title":"Variable &amp; Constants","text":"Kotlin<pre><code>var variable: Type    //variable declaration\nvar variable = value    //type can be omitted if it can be deduced by initialization\n\nval CONSTANT_NAME: Type = value    //constant declaration\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#nullable-variables","title":"Nullable Variables","text":"<p>For a variable to hold a null value, it must be of a nullable type. Nullable types are specified suffixing <code>?</code> to the variable type.</p> Kotlin<pre><code>var nullableVariable: Type? = null\n\nnullableVariable?.method()    //correct way to use\n//if var is null don't execute method() and return null\n\nnullablevariavle!!.method()    //unsafe way\n//!! -&gt; ignore that var can be null\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/kotlin/kotlin.html#if-else-if-else","title":"<code>If</code> - <code>Else If</code> - <code>Else</code>","text":"Kotlin<pre><code>if (condition) {\n    //code here\n} else if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#conditional-expressions","title":"Conditional Expressions","text":"Kotlin<pre><code>var variable: Type = if (condition) {\n    //value to be assigned here\n} else if (condition) {\n    //value to be assigned here\n} else {\n    //value to be assigned here\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#when-expression","title":"<code>When</code> Expression","text":"<p>Each branch in a <code>when</code> expression is represented by a condition, an arrow (<code>-&gt;</code>), and a result. If the condition on the left-hand side of the arrow evaluates to true, then the result of the expression on the right-hand side is returned. Note that execution does not fall through from one branch to the next.</p> Kotlin<pre><code>when (variable){\n    condition -&gt; value\n    condition -&gt; value\n    else -&gt; value\n}\n\n//Smart casting\nwhen (variable){\n    is Type -&gt; value\n    is Type -&gt; value\n}\n\n//instead of chain of if-else\nwhen {\n    condition -&gt; value\n    condition -&gt; value\n    else -&gt; value\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#loops","title":"Loops","text":""},{"location":"languages/kotlin/kotlin.html#for-loop","title":"<code>For</code> Loop","text":"Kotlin<pre><code>for (item in iterable){\n    //code here\n}\n\n//loop in a numerical range\nfor(i in start..end) {\n    //code here\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#functions","title":"Functions","text":"Kotlin<pre><code>fun functionName(parameter: Type): Type {\n    //code here\n\n    return &lt;expression&gt;\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#simplifying-function-declarations","title":"Simplifying Function Declarations","text":"Kotlin<pre><code>fun functionName(parameter: Type): Type {\n    return if (condition) {\n        //returned value\n    } else {\n        //returned value\n    }\n}\n\nfun functionName(parameter: Type): Type = if (condition) {\n    //returned value\n    else {\n        //returned value\n    }\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#anonymous-functions","title":"Anonymous Functions","text":"Kotlin<pre><code>val anonymousFunction: (Type) -&gt; Type = { input -&gt;\n    //code acting on input here\n}\n\nval variableName: Type = anonymousFunction(input)\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#higher-order-functions","title":"Higher-order Functions","text":"<p>A function can take another function as an argument. Functions that use other functions as arguments are called higher-order functions. This pattern is useful for communicating between components in the same way that you might use a callback interface in Java.</p> Kotlin<pre><code>fun functionName(parameter: Type, function: (Type) -&gt; Type): Type {\n    //invoke function\n    return function(parameter)\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/kotlin/kotlin.html#class","title":"Class","text":"Kotlin<pre><code>//primary constructor\nclass ClassName(private var attribute: Type) {\n\n}\n\nclass ClassName {\n\n    private var var1: Type\n\n    //secondary constructor\n    constructor(parameter: Type) {\n        this.var1 = parameter\n    }\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#companion-object","title":"Companion Object","text":"<p>Companion Object Docs</p> Kotlin<pre><code>class ClassName {\n\n    // in java: static\n    companion object  {\n        // static components of the class\n    }\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#collections","title":"Collections","text":""},{"location":"languages/kotlin/kotlin.html#arraylist","title":"ArrayList","text":"Kotlin<pre><code>var array:ArrayList&lt;Type&gt;? = null  // List init\n\narray.add(item)  //add item to list\n</code></pre>"},{"location":"languages/php/composer.html","title":"Composer &amp; Autoloading","text":""},{"location":"languages/php/composer.html#autoloading","title":"Autoloading","text":"<p>The function spl_autoload_register() allows to register a function that will be invoked when PHP needs to load a class/interface defined by the user.</p> <p>In <code>autoload.php</code>:</p> PHP<pre><code># custom function\nfunction autoloader($class) {\n\n\n    # __DIR__ -&gt; path of calling file\n    # $class -&gt; className (hopefully same as file)\n    # if class is in namespace $class -&gt; Namespace\\className (hopefully folders mirror Namespace)\n\n    $class = str_replace(\"\\\\\", DIRECTORY_SEPARATOR, $class);  # avoid linux path separator issues\n\n    $fileName = sprintf(\"%s\\\\path\\\\%s.php\", __DIR__, $class);  \n    # or\n    $filename = sprintf(\"%s\\\\%s.php\", __DIR__, $class);  # if class is in namespace\n\n    if (file_exists($fileName)) {\n        include $fileName;\n    }\n}\n\nspl_autoload_register('autoloader');  // register function\n</code></pre> <p>In <code>file.php</code>:</p> PHP<pre><code>require \"autoload.php\";\n\n# other code\n</code></pre> <p>Note: will fuck up if namespaces exists.</p>"},{"location":"languages/php/composer.html#multiple-autoloading","title":"Multiple Autoloading","text":"<p>It's possible to resister multiple autoloading functions by calling <code>spl_autoload_register()</code> multiple times.</p> PHP<pre><code># prepend adds the function at the start of the queue\n# throws selects if errors in loading throw exceptions\nspl_autoload_register(callable $func, $throw=TRUE, $prepend=FALSE);\n\nspl_autoload_functions()  # return a list of registered functions.\n</code></pre>"},{"location":"languages/php/composer.html#composer","title":"Composer","text":"<p>Open Source project for dependency management and autoloading of PHP libraries and classes.</p> <p>Composer uses <code>composer.json</code> to define dependencies with third-party libraries. Libraries are downloaded through Packagist and GitHub.</p> <p>In <code>composer.json</code>:</p> JSON<pre><code>{\n    \"require\": {\n        \"php\": \"&gt;=7.0\",\n        \"monolog/monolog\": \"1.0.*\"\n    }\n}\n</code></pre>"},{"location":"languages/php/composer.html#installing-dependencies","title":"Installing Dependencies","text":"<p>In the same folder of <code>composer.json</code> execute <code>composer install</code>.</p> <p>Composer will create:</p> <ul> <li><code>vendor</code>: folder containing all requested libraries</li> <li><code>vendor\\autoload.php</code>: file for class autoloading</li> <li><code>composer.lock</code></li> </ul> <p>In alternative <code>composer require &lt;lib&gt;</code> will add the library to the project and create a <code>composer.json</code> if missing.</p> <p>Note: to ignore the php version use <code>composer &lt;command&gt; --ignore-platform-reqs</code></p>"},{"location":"languages/php/composer.html#updating-dependencies","title":"Updating Dependencies","text":"<p>To update dependencies use <code>composer update</code>. To update only the autoloading section use <code>composer dump-autoload</code>.</p>"},{"location":"languages/php/composer.html#autoloading-project-classes","title":"Autoloading Project Classes","text":"<p>PSR-4 Spec</p> <p>Composer can also autoload classes belonging to the current project. It's sufficient to add the <code>autoload</code> keyword in the JSON and specify the path and autoload mode.</p> JSON<pre><code>{\n    \"autoload\": {\n        \"psr-4\": {\n            \"RootNamespace\": \"src/\",\n            \"Namespace\\\\\": \"src/Namespace/\",\n            },\n        \"file\": [\n            \"path/to/file.php\",\n            ...\n        ]\n    }\n}\n</code></pre>"},{"location":"languages/php/database.html","title":"Databases in PHP","text":""},{"location":"languages/php/database.html#php-data-objects-pdo","title":"PHP Data Objects (PDO)","text":"<p>PDO is the PHP extension for database access through a single API. It supports various databases: MySQL, SQLite, PostgreSQL, Oracle, SQL Server, etc.</p>"},{"location":"languages/php/database.html#database-connection","title":"Database Connection","text":"PHP<pre><code>$dsn = \"mysql:dbname=&lt;dbname&gt;;host=&lt;ip&gt;\";\n$user=\"&lt;db_user&gt;\";\n$password=\"&lt;db_password&gt;\";\n\ntry {\n    $pdo = new PDO($dsn, $user, $password);  # connect, can throw PDOException\n} catch (PDOException $e) {\n    printf(\"Connection failed: %s\\n\", $e-&gt;getMessage());  # notify error\n    exit(1);\n}\n</code></pre>"},{"location":"languages/php/database.html#queries","title":"Queries","text":"<p>To execute a query it's necessary to \"prepare it\" with parameters.</p> PHP<pre><code># literal string with markers\n$sql = 'SELECT fields\nFROM tables\nWHERE field &lt;operator&gt; :marker'\n\n$stmt = $pdo-&gt;prepare($sql, $options_array);  # returns PDOStatement, used to execute the query\n$stmt-&gt;execute([ ':marker' =&gt; value ]);  # substitute marker with actual value\n\n# fetchAll returns all matches\n$result = $stmt-&gt;fetchAll();  # result as associative array AND numeric array (PDO::FETCH_BOTH)\n$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);  # result as associative array\n$result = $stmt-&gt;fetchAll(PDO::FETCH_NUM);  # result as array\n$result = $stmt-&gt;fetchAll(PDO::FETCH_OBJ);  # result as object of stdClass\n$result = $stmt-&gt;fetchAll(PDO::FETCH_CLASS, ClassName::class);  # result as object of a specific class\n</code></pre>"},{"location":"languages/php/database.html#parameter-binding","title":"Parameter Binding","text":"PHP<pre><code># bindValue\n$stmt = pdo-&gt;prepare(sql);\n$stmt-&gt;bindValue(':marker', value, PDO::PARAM_&lt;type&gt;);\n$stmt-&gt;execute();\n\n# bindParam\n$stmt = pdo-&gt;prepare(sql);\n$variable = value;\n$stmt-&gt;bindParam(':marker', $variable);  # type optional\n$stmt-&gt;execute();\n</code></pre>"},{"location":"languages/php/database.html#pdo-data-types","title":"PDO &amp; Data Types","text":"<p>By default PDO converts all results into strings since it is a generic driver for multiple databases. Its possible to disable this behaviour setting <code>PDO::ATTR_STRINGIFY_FETCHES</code> and <code>PDO::ATTR_EMULATE_PREPARES</code> as <code>false</code>.</p> <p>Note: <code>FETCH_OBJ</code> abd <code>FETCH_CLASS</code> return classes and don't have this behaviour.</p> PHP<pre><code>pdo-&gt;setAttribute()\n\n$pdo-&gt;setAttribute(PDO::ATTR_STRINGIFY_FETCHES, false);\n$pdo-&gt;setAttribute(PDO::ATTR_EMULATE_PREPARES, false);\n\n$stmt = $pdo-&gt;prepare($sql);\n$stmt-&gt;execute([':marker' =&gt; value]);\n$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);\n</code></pre>"},{"location":"languages/php/database.html#pdo-debug","title":"PDO Debug","text":"PHP<pre><code>$stmt = $pdo-&gt;prepare($sql);\n$stmt-&gt;execute([':marker' =&gt; value]);\n$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);\n\n$stmt-&gt;debugDumpParams();  # print the SQL query that has been sent to the database\n</code></pre>"},{"location":"languages/php/database.html#sqlite3","title":"SQLite3","text":"PHP<pre><code>$db = SQLite3(\"db_file.sqlite3\");  // connection\n\n$stmt = $db-&gt;prepare(\"SELECT fields FROM tables WHERE field &lt;operator&gt; :marker\");  // prepare query\n$stmt-&gt;bindParam(\":marker\", $variable);  // param binding\n\n$result = $stmt-&gt;execute();  // retrieve records\n$result-&gt;finalize();  // close result set, recommended calling before another execute()\n\n$records = $results-&gt;fetchArray(SQLITE3_ASSOC);  // extract records as array (false if no results)\n</code></pre> <p>Note: Result set objects retrieved by calling <code>SQLite3Stmt::execute()</code> on the same statement object are not independent, but rather share the same underlying structure. Therefore it is recommended to call <code>SQLite3Result::finalize()</code>, before calling <code>SQLite3Stmt::execute()</code> on the same statement object again.</p>"},{"location":"languages/php/dependency-injection.html","title":"Dependency Injection","text":"<p>Explicit definition of a class dependencies with the injection through the constructor or getters/setters.</p> PHP<pre><code>class Foo\n{\n    public function __construct(PDO $pdo)  // depends on PDO\n    {\n        $this-&gt;pdo = $pdo;\n    }\n}\n</code></pre>"},{"location":"languages/php/dependency-injection.html#dependency-injection-container","title":"Dependency Injection Container","text":"<p>The Dependency Injection Container (DIC) allow to archive all the dependencies in a single <code>Container</code> class. Some offer automatic resolution of the dependencies.</p>"},{"location":"languages/php/dependency-injection.html#php-di","title":"PHP-DI","text":"<p>The dependency injection container for humans. Installation: <code>composer require php-di/php-di</code></p> <ul> <li>Autowire functionality: the ability of the container to create and inject the dependency automatically.</li> <li>Use of Reflection</li> <li>Configuration of the container through annotations &amp; PHP code.</li> </ul> PHP<pre><code>class Foo\n{\n    private $bar;\n    public function __construct(Bar $bar)  // depends on Bar\n    {\n        $this-&gt;bar = $bar;\n    }\n}\n\nclass Bar{}\n\n$container = new DI\\Container();  // DI Container\n$foo = $container-&gt;get('Foo');  // get instance of Foo (automatic DI of Bar)\n</code></pre>"},{"location":"languages/php/dependency-injection.html#dic-configuration","title":"DIC Configuration","text":"PHP<pre><code>// Foo.php\nclass Foo\n{\n    public function __construct(PDO $pdo)  // depends on PDO\n    {\n        $this-&gt;pdo = $pdo;\n    }\n}\n</code></pre> PHP<pre><code>// config.php\nuse Psr\\Container\\ContainerInterface;\n\n// config \"primitive\" dependencies (dependency =&gt; construct &amp; return)\nreturn [\n    'dsn' =&gt; 'sqlite:db.sq3',\n    PDO::class =&gt; function(ContainerInterface $c) {\n        return new PDO($c-&gt;get('dsn'));\n    },\n\n    ...\n];\n</code></pre> PHP<pre><code>$builder = new \\DI\\ContainerBuilder();\n$builder-&gt;addDefinitions(\"config.php\");  // load config\n$container = $builder-&gt;build();  // construct container\n$cart = $container-&gt;get(Foo::class);  // Instantiate &amp; Inject\n</code></pre> <p>Note: <code>get(\"className\")</code> requires the explicit definition of <code>className</code> in the config file. <code>get(ClassName::class)</code> does not.</p>"},{"location":"languages/php/php.html","title":"PHP","text":"<p>PHP Docs</p> PHP<pre><code>declare(strict_types=1);  # activates variable type checking on function arguments\n# single line comment\n//single line comment\n/* multi line comment */\n</code></pre>"},{"location":"languages/php/php.html#include-require","title":"Include, Require","text":"PHP<pre><code>include \"path\\\\file.php\";  # import an external php file, E_WARNING if fails\ninclude_once \"path\\\\file.php\";  # imports only if not already loaded\n\nrequire \"path\\\\file.php\";  # import an external php file, E_COMPILE_ERROR if fails\nrequire_once \"path\\\\file.php\";  # imports only if not already loaded\n</code></pre>"},{"location":"languages/php/php.html#import-configs-from-a-file-with-include","title":"Import configs from a file with <code>include</code>","text":"<p>In <code>config.php</code>:</p> PHP<pre><code>//config.php\n\n//store configuration options in associative array\nreturn [\n    setting =&gt; value,\n    setting = value,\n]\n</code></pre> PHP<pre><code>$config = include \"config.php\";  // retrieve config and store into variable\n</code></pre>"},{"location":"languages/php/php.html#namespace","title":"Namespace","text":"<p>PSR-4 Spec</p> PHP<pre><code>namespace Foo\\Bar\\Baz;   # set namespace for all file contents, \\ for nested namespaces\n\nuse &lt;PHP_Class&gt;  # using a namespace hides standard php classes (WHY?!?)\n\n# namespace for only a block of code\nnamespace Foo\\Bar\\Baz {\n    function func() {\n        # coded here\n    }\n};\n\n\nFoo\\Bar\\Baz\\func();  # use function from Foo\\Bar\\Baz without USE instruction\n\nuse Foo\\Bar\\Baz\\func; # import namespace\nfunc(); # use function from Foo\\Bar\\Baz\n\nuse Foo\\Bar\\Baz\\func as f;  # use function with an alias\nf();  # use function from Foo\\Bar\\Baz\n\nuse Foo\\Bar\\Baz as fbb  # use namespace with alias\nfnn\\func();  # use function from Foo\\Bar\\Baz\n</code></pre>"},{"location":"languages/php/php.html#basics","title":"Basics","text":"PHP<pre><code>declare(strict_types=1);  # activates type checking\n# single line comment\n//single line comment\n/* multi line comment */\n</code></pre>"},{"location":"languages/php/php.html#screen-output","title":"Screen Output","text":"PHP<pre><code>echo \"string\";  # string output\necho 'string\\n';  # raw string output\nprintf(\"format\", $variables);  # formatted output of strings and variables\nsprintf(\"format\", $variables);  # return formatted string\n</code></pre>"},{"location":"languages/php/php.html#user-input","title":"User Input","text":"PHP<pre><code>$var = readline(\"prompt\");\n\n# if readline is not installed\nif (!function_exists('readline')) {\n    function readline($prompt)\n    {\n        $fh = fopen('php://stdin', 'r');\n        echo $prompt;\n        $userInput = trim(fgets($fh));\n        fclose($fh);\n\n        return $userInput;\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#variables","title":"Variables","text":"PHP<pre><code>$variableName = value;  # weakly typed\necho gettype(&amp;variable);  # output type of variable\n\nvar_dump($var);  # prints info of variable (bit dimension, type &amp; value)\n</code></pre>"},{"location":"languages/php/php.html#integers","title":"Integers","text":"PHP<pre><code>&amp;max = PHP_INT_MAX;  # max value for int type -&gt; 9223372036854775807\n&amp;min = PHP_INT_MIN;  # min value for int type -&gt; -9223372036854775808\n&amp;bytes = PHP_INT_SIZE;  # bytes for int type -&gt; 8\n\n&amp;num = 255;  # decimal\n&amp;num = 0b11111111;  # binary\n&amp;num = 0377;  # octal\n&amp;num = 0xff;  # hexadecimal\n</code></pre>"},{"location":"languages/php/php.html#double","title":"Double","text":"PHP<pre><code>$a = 1.234; // 1.234\n$b = 1.2e3; // 1200\n$c = 7E-10; // 0.0000000007\n</code></pre>"},{"location":"languages/php/php.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation <code>-</code> Subtraction <code>*</code> Multiplication <code>/</code> Division <code>%</code> Modulo <code>**</code> Exponentiation <code>var++</code> Post Increment <code>++var</code> Pre Increment <code>var--</code> Post Decrement <code>--var</code> Pre Decrement"},{"location":"languages/php/php.html#mathematical-functions","title":"Mathematical Functions","text":"<ul> <li><code>sqrt($x)</code></li> <li><code>sin($x)</code></li> <li><code>cos($x)</code></li> <li><code>log($x)</code></li> <li><code>round($x)</code></li> <li><code>floor($x)</code></li> <li><code>ceil($x)</code></li> </ul>"},{"location":"languages/php/php.html#strings","title":"Strings","text":"<p>A string is a sequence of ASCII characters. In PHP a string is an array of characters.</p>"},{"location":"languages/php/php.html#string-concatenation","title":"String Concatenation","text":"PHP<pre><code>$string1 . $string2; # method 1\n$string1 .= $string2;  # method 2\n</code></pre>"},{"location":"languages/php/php.html#string-functions","title":"String Functions","text":"PHP<pre><code>strlen($string);  # returns the string length\nstrpos($string, 'substring');  # position of substring in string\nsubstr($string, start, len);  # extract substring of len from position start\nstrtoupper($string);  # transform to uppercase\nstrtolower($string);  # transform to lowercase\n\nexplode(delimiter, string);  # return array of substrings\n\n$var = sprintf(\"format\", $variables)  # construct and return a formatted string\n</code></pre>"},{"location":"languages/php/php.html#constants","title":"Constants","text":"PHP<pre><code>define ('CONSTANT_NAME', 'value')\n</code></pre>"},{"location":"languages/php/php.html#magic-constants-__name__","title":"Magic Constants <code>__NAME__</code>","text":"<ul> <li><code>__FILE__</code>: script path + script filename</li> <li><code>__DIR__</code>: file directory</li> <li><code>__LINE__</code>: current line number</li> <li><code>__FUNCTION__</code>: the function name, or {closure} for anonymous functions.</li> <li><code>__CLASS__</code>: name of the class</li> <li><code>__NAMESPACE__</code>: the name of the current namespace.</li> </ul>"},{"location":"languages/php/php.html#array","title":"Array","text":"<p>Heterogeneous sequence of values.</p> PHP<pre><code>$array = (sequence_of_items);  # array declaration and valorization\n$array = [sequence_of_items];  # array declaration and valorization\n\n# index &lt; 0 selects items starting from the last\n$array[index];  # access to the items\n$array[index] = value;   # array valorization (can add items)\n\n$array[] = value;  # value appending\n</code></pre>"},{"location":"languages/php/php.html#multi-dimensional-array-matrix","title":"Multi Dimensional Array (Matrix)","text":"<p>Array of array. Can have arbitrary number of nested array</p> PHP<pre><code>$matrix = [\n    [1, 2, 3],\n    [4, 5, 6],\n    [7, 8, 9]\n];\n</code></pre>"},{"location":"languages/php/php.html#array-printing","title":"Array Printing","text":"<p>Single instruction to print whole array is ``</p> PHP<pre><code>$array = [1, 2, 3];\nprint_r($array);  # print all the array values\n</code></pre>"},{"location":"languages/php/php.html#array-functions","title":"Array Functions","text":"PHP<pre><code>count($array);  # returns number of items in the array\narray_sum($array)  # sum of the array value\nsort($array);  # quick sort\nin_array($item, $array);  // check if item is in the array\narray_push($array, $item);  // append item to the array\nunset($array[index]);  # item (or variable) deletion\n\n# array navigation\ncurrent();\nkey();\nnext();\nprev();\nreset();\nend();\n\n# sorting\nsort($array, $sort_flags=\"SORT_REGULAR\");\n\narray_values($array);   # regenerates the array fixing the indexes\n\nlist($array1 [, $array2, ...]) = $data;  # Python-like tuple unpacking\n</code></pre>"},{"location":"languages/php/php.html#associative-arrays","title":"Associative Arrays","text":"<p>Associative arrays have a value as an index. Alternative names are hash tables or dictionaries.</p> PHP<pre><code>$italianDay = [\n    'Mon' =&gt; 'Luned\u00ec',\n    'Tue' =&gt; 'Marted\u00ec',\n    'Wed' =&gt; 'Mercoled\u00ec',\n    'Thu' =&gt; 'Gioved\u00ec',\n    'Fri' =&gt; 'Venerd\u00ec',\n    'Sat' =&gt; 'Sabato',\n    'Sun' =&gt; 'Domenica'\n];\n\n$italianDay[\"Mon\"];  # evaluates to Luned\u00ec\n</code></pre>"},{"location":"languages/php/php.html#conditional-instructions","title":"Conditional Instructions","text":""},{"location":"languages/php/php.html#conditional-operators","title":"Conditional Operators","text":"Operator Operation $a <code>==</code> $b value equality $a <code>===</code> $b value &amp; type equality $a <code>!=</code> $b value inequality $a <code>&lt;&gt;</code> $b value inequality $a <code>!==</code> $b value or type inequality $a <code>&lt;</code> $b less than $a <code>&gt;</code> $b greater than $a <code>&lt;=</code> $b less or equal to $a <code>&gt;=</code> $b greater or equal to $a <code>&lt;=&gt;</code> $b spaceship operator <p>With <code>==</code> a string evaluates to <code>0</code>.</p>"},{"location":"languages/php/php.html#logical-operators","title":"Logical Operators","text":"Operator Example Result <code>and</code> <code>$a and $b</code> TRUE if both <code>$a</code> and <code>$b</code> are TRUE. <code>or</code> <code>$a or $b</code> TRUE if either <code>$a</code> or <code>$b</code> is TRUE. <code>xor</code> <code>$a xor $b</code> TRUE if either <code>$a</code> or <code>$b</code> is TRUE, but not both. <code>not</code> <code>!$a</code> TRUE if <code>$a</code> is not TRUE. <code>and</code> <code>$a &amp;&amp; $b</code> TRUE if both <code>$a</code> and <code>$b</code> are TRUE. <code>or</code> <code>$a || $b</code> TRUE if either <code>$a</code> or <code>$b</code> is TRUE."},{"location":"languages/php/php.html#ternary-operator","title":"Ternary Operator","text":"PHP<pre><code>condition ? result_if_true : result_if_false;\ncondition ?: result_if_false;\n</code></pre>"},{"location":"languages/php/php.html#null-coalesce","title":"NULL Coalesce","text":"PHP<pre><code>$var1 = $var2 ?? value;  # if variable == NULL assign value, otherwise return value of $var2\n\n# equivalent to\n$var1 = isset($var2) ? $var2 : value\n</code></pre>"},{"location":"languages/php/php.html#spaceship-operator","title":"Spaceship Operator","text":"PHP<pre><code>$a &lt;=&gt; $b;\n\n# equivalent to\nif $a &gt; $b\n    return 1;\nif $a == $b\n    return 0;\nif $a &lt; $b\n    return -1;\n</code></pre>"},{"location":"languages/php/php.html#if-elseif-else","title":"<code>If</code> - <code>Elseif</code> - <code>Else</code>","text":"PHP<pre><code>if (condition) {\n  # code here\n} elseif (condition) {\n  # code here\n} else {\n    # code here\n}\n\nif (condition) :\n    # code here\nelseif (condition):\n    # code here\nelse:\n    # code here\nendif;\n</code></pre>"},{"location":"languages/php/php.html#switch-case","title":"Switch Case","text":"PHP<pre><code># weak comparison\nswitch ($var) {\n    case value:\n        # code here\n        break;\n\n    default:\n        # code here\n}\n\n# strong comparison\nswitch (true) {\n    case $var === value:\n        # code here\n        break;\n\n    default:\n        # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#match-expression-php-8","title":"Match Expression (PHP 8)","text":"<p><code>match</code> can return values, doesn't require break statements, can combine conditions, uses strict type comparisons and doesn't do any type coercion.</p> PHP<pre><code>$result = match($input) {\n    0 =&gt; \"hello\",\n    '1', '2', '3' =&gt; \"world\",\n};\n</code></pre>"},{"location":"languages/php/php.html#loops","title":"Loops","text":""},{"location":"languages/php/php.html#for-foreach","title":"For, Foreach","text":"PHP<pre><code>for (init, condition, increment){\n    # code here\n}\n\nfor (init, condition, increment):\n    # code here\nendfor;\n\nforeach($sequence as $item) {\n    # code here\n}\n\nforeach($sequence as $item):\n    # code here\nendforeach;\n\n# foreach on dicts\nforeach($sequence as $key =&gt; $value) {\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#while-do-while","title":"While, Do-While","text":"PHP<pre><code>while (condition) {\n    # code here\n}\n\nwhile (condition):\n    # code here\nendwhile;\n\ndo {\n    # code here\n} while (condition);\n</code></pre>"},{"location":"languages/php/php.html#break-continue-exit","title":"Break, Continue, exit()","text":"<p><code>break</code> stops the iteration. <code>continue</code> skips one cycle of the iteration. <code>exit()</code> terminates the execution of any PHP code.</p>"},{"location":"languages/php/php.html#functions","title":"Functions","text":"<p>Function Docstring</p> <p>Parameters with default values are optional in the function call and must be the last ones in the function declaration. Return type is optional if type checking is disabled.</p> PHP<pre><code>declare(strict_types=1);  # activates type checking\n\n/**\n * Summary.\n *\n * Description.\n *\n * @since x.x.x\n *\n * @see Function/method/class relied on\n * @link URL\n * @global type $varname Description.\n * @global type $varname Description.\n *\n * @param type $var Description.\n * @param type $var Optional. Description. Default.\n * @return type Description.\n */\nfunction functionName (type $parameter, $parameter = default_value): Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#void-function","title":"Void function","text":"PHP<pre><code>function functionName (type $parameter, $parameter = default_value): Void\n{\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#passing-a-parameter-by-reference","title":"Passing a parameter by reference (<code>&amp;$</code>)","text":"PHP<pre><code>function functionName (type &amp;$parameter): Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#variable-number-of-parameters-variadic-operator","title":"Variable number of parameters, variadic operator (<code>...</code>)","text":"PHP<pre><code>function functionName (type $parameter, ...$args): Type\nfunction functionName (type $parameter, type ...$args): Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#nullable-parameters","title":"Nullable parameters","text":"PHP<pre><code>function functionName (?type $parameter): ?Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#anonymous-functions-closure","title":"Anonymous Functions (Closure)","text":"PHP<pre><code># declaration and assignment to variable\n$var = function (type $parameter) {\n    # code here\n};\n\n$var($arg);\n</code></pre>"},{"location":"languages/php/php.html#use-operator","title":"Use Operator","text":"PHP<pre><code># use imports a variable into the closure\n$foo = function (type $parameter) use ($average) {\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#union-types-php-8","title":"Union Types (PHP 8)","text":"<p>Union types are a collection of two or more types which indicate that either one of those can be used.</p> PHP<pre><code>public function foo(Foo|Bar $input): int|float;\n</code></pre>"},{"location":"languages/php/php.html#named-arguments-php-8","title":"Named Arguments (PHP 8)","text":"<p>Named arguments allow to pass in values to a function, by specifying the value name, to avoid taking their order into consideration. It's also possible to skip optional parameters.</p> PHP<pre><code>function foo(string $a, string $b, ?string $c = null, ?string $d = null) { /* \u2026 */ }\n\nfoo(\n    b: 'value b',\n    a: 'value a',\n    d: 'value d',\n);\n</code></pre>"},{"location":"languages/php/php.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/php/php.html#scope-visibility","title":"Scope &amp; Visibility","text":"<p><code>public</code> methods and attributes are visible to anyone (default). <code>private</code> methods and attributes are visible only inside the class in which are declared. <code>protected</code> methods and attributes are visible only to child classes.</p> <p><code>final</code> classes cannot be extended.</p>"},{"location":"languages/php/php.html#class-declaration-instantiation","title":"Class Declaration &amp; Instantiation","text":"PHP<pre><code># case insensitive\nclass ClassName\n{\n\n    const CONSTANT = value;  # public by default\n\n    public $attribute;  # null by default if not assigned\n    public Type $attribute;  # specifying the type is optional, it will be enforced if present\n\n    # class constructor\n    public function __construct(value)\n    {\n        $this-&gt;attribute =  value\n    }\n\n    public getAttribute(): Type\n    {\n        return $this-&gt;attribute;\n    }\n\n    public function func(): Type\n    {\n        # code here\n    }\n}\n\n$object = new ClassName;  # case insensitive (CLASSNAME, ClassName, classname)\n$object-&gt;attribute = value;\n$object-&gt;func();\n$object::CONSTANT;\n\n$var = $object;  # copy by reference\n$var = clone $object  # copy by value\n\n$object instanceof ClassName  // check type of the object\n</code></pre>"},{"location":"languages/php/php.html#static-classes-attributes-methods","title":"Static classes, attributes &amp; methods","text":"<p>Inside static methods it's impossible to use <code>$this</code>. A static variable is unique for the class and all instances.</p> PHP<pre><code>class ClassName {\n\n    public static $var;\n\n    public static function func(){\n        //code here\n    }\n\n    public static function other_func(){\n        //code here\n        self::func();\n    }\n}\n\nClassName::func();  // use static function\n\n$obj = new ClassName();\n$obj::$var;  // access to the static variable\n</code></pre>"},{"location":"languages/php/php.html#dependency-injection","title":"Dependency Injection","text":"<p>Parameters of the dependency can be modified before passing the required class to the constructor.</p> PHP<pre><code>class ClassName\n{\n    private $dependency;\n\n    public function __construct(ClassName requiredClass)\n    {\n        $this-&gt;dependency = requiredClass;  # necessary class is passed to the constructor\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#inheritance","title":"Inheritance","text":"<p>If a class is defined <code>final</code> it can't be extended. If a function is declared <code>final</code> it can't be overridden.</p> PHP<pre><code>class Child extends Parent\n{\n    public __construct() {\n        parent::__construct();  # call parent's method\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#abstract-class","title":"Abstract Class","text":"<p>Abstract classes cannot be instantiated;</p> PHP<pre><code>abstract class ClassName\n{\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#interface","title":"Interface","text":"<p>An interface is a \"contract\" that defines what methods the implementing classes must have and implement.</p> <p>A class can implement multiple interfaces but there must be no methods in common between interface to avoid ambiguity.</p> PHP<pre><code>interface InterfaceName {\n\n    // it is possible to define __construct\n\n    // function has no body; must be implements in the class that uses the interface\n    public function functionName (parameters) : Type;  // MUST be public\n}\n\n\nclass ClassName implements InterfaceName {\n    public function functionName(parameters) : Type {\n        //implementation here\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#traits","title":"Traits","text":"<p><code>Traits</code> allows the reutilization of code inside different classes without links of inheritance. It can be used to mitigate the problem of multiple inheritance, which is absent in PHP.</p> <p>In case of functions name conflict it's possible to use <code>insteadof</code> to specify which function to use. It's also possible to use an alias to resolve the conflicts.</p> PHP<pre><code>trait TraitName {\n    // code here\n}\n\nclass ClassName {\n    use TraitName, {TraitName::func() insteadof OtherTrait}, { func() as alias };  # can use multiple traits\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#anonymous-classes","title":"Anonymous Classes","text":"PHP<pre><code>$obj = new ClassName;\n\n$obj-&gt;method(new class implements Interface {\n    public function InterfaceFunc() {\n        // code here\n    }\n});\n</code></pre>"},{"location":"languages/php/php.html#serialization-json","title":"Serialization &amp; JSON","text":"PHP<pre><code>$serialized = serialize($obj);  # serialization\n$obj = unserialize($serialized);  # de-serialization\n\n$var = json_decode(string $json, bool $associative);  # Takes a JSON encoded string and converts it into a PHP variable.\u00f9\n$json = json_encode($value);  # Returns a string containing the JSON representation of the supplied value.\n</code></pre>"},{"location":"languages/php/php.html#files","title":"Files","text":""},{"location":"languages/php/php.html#readwrite-on-files","title":"Read/Write on Files","text":"PHP<pre><code>file(filename);  // return file lines in an array\n\n// problematic with large files (allocates memory to read all file, can fill RAM)\nfile_put_contents(filename, data);  // write whole file\nfile_get_contents(filename);  // read whole file\n</code></pre>"},{"location":"languages/php/php.html#regular-expressions","title":"Regular Expressions","text":"PHP<pre><code>preg_match('/PATTERN/', string $subject, array $matches);  # returns 1 if the pattern matches given subject, 0 if it does not, or FALSE if an error occurred\n# $matches[0] = whole matched string\n# $matches[i] = i-th group of the regex\n</code></pre>"},{"location":"languages/php/php.html#hashing","title":"Hashing","text":"<p>Supported hashing algrithms:</p> <ul> <li><code>md2</code>, <code>md4</code>, <code>md5</code></li> <li><code>sha1</code>, <code>sha224</code>, <code>sha256</code>, <code>sha384</code>, <code>sha512/224</code>, <code>sha512/256</code>, <code>sha512</code></li> <li><code>sha3-224</code>, <code>sha3-256</code>, <code>sha3-384</code>, <code>sha3-512</code></li> <li><code>ripemd128</code>, <code>ripemd160</code>, <code>ripemd256</code>, <code>ripemd320</code></li> <li><code>whirlpool</code></li> <li><code>tiger128,3</code>, <code>tiger160,3</code>, <code>tiger192,3</code>, <code>tiger128,4</code>, <code>tiger160,4</code>, <code>tiger192,4</code></li> <li><code>snefru</code>, <code>snefru256</code></li> <li><code>gost</code>, <code>gost-crypto</code></li> <li><code>adler32</code></li> <li><code>crc32</code>, <code>crc32b</code>, <code>crc32c</code></li> <li><code>fnv132</code>, <code>fnv1a32</code>, <code>fnv164</code>, <code>fnv1a64</code></li> <li><code>joaat</code></li> <li><code>haval128,3</code>, <code>haval160,3</code>, <code>haval192,3</code>, <code>haval224,3</code>, <code>haval256,3</code>, <code>haval128,4</code>, <code>haval160,4</code>, <code>haval192,4</code>, <code>haval224,4</code>, <code>haval256,4</code>, <code>haval128,5</code>, <code>haval160,5</code>, <code>haval192,5</code>, <code>haval224,5</code>, <code>haval256,5</code></li> </ul> PHP<pre><code>hash($algorithm, $data);\n</code></pre>"},{"location":"languages/php/php.html#password-hashes","title":"Password Hashes","text":"<p><code>password_hash()</code> is compatible with <code>crypt()</code>. Therefore, password hashes created by <code>crypt()</code> can be used with <code>password_hash()</code>.</p> <p>Algorithms currently supported:</p> <ul> <li>PASSWORD_DEFAULT - Use the bcrypt algorithm (default as of PHP 5.5.0). Note that this constant is designed to change over time as new and stronger algorithms are added to PHP.</li> <li>PASSWORD_BCRYPT - Use the CRYPT_BLOWFISH algorithm to create the hash. This will produce a standard <code>crypt()</code> compatible hash using the \"$2y$\" identifier. The result will always be a 60 character string, or FALSE on failure.</li> <li>PASSWORD_ARGON2I - Use the Argon2i hashing algorithm to create the hash. This algorithm is only available if PHP has been compiled with Argon2 support.</li> <li>PASSWORD_ARGON2ID - Use the Argon2id hashing algorithm to create the hash. This algorithm is only available if PHP has been compiled with Argon2 support.</li> </ul> <p>Supported options for PASSWORD_BCRYPT:</p> <ul> <li> <p>salt (string) - to manually provide a salt to use when hashing the password. Note that this will override and prevent a salt from being automatically generated.   If omitted, a random salt will be generated by password_hash() for each password hashed. This is the intended mode of operation.   Warning: The salt option has been deprecated as of PHP 7.0.0. It is now preferred to simply use the salt that is generated by default.</p> </li> <li> <p>cost (integer) - which denotes the algorithmic cost that should be used. Examples of these values can be found on the crypt() page.   If omitted, a default value of 10 will be used. This is a good baseline cost, but you may want to consider increasing it depending on your hardware.</p> </li> </ul> <p>Supported options for PASSWORD_ARGON2I and PASSWORD_ARGON2ID:</p> <ul> <li>memory_cost (integer) - Maximum memory (in kibibytes) that may be used to compute the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_MEMORY_COST.</li> <li>time_cost (integer) - Maximum amount of time it may take to compute the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_TIME_COST.</li> <li>threads (integer) - Number of threads to use for computing the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_THREADS.</li> </ul> PHP<pre><code>password_hash($password, $algorithm);  # create a new password hash using a strong one-way hashing algorithm.\npassword_verify($password, $hash);  # Verifies that a password matches a hash\n</code></pre>"},{"location":"languages/php/php.html#errors","title":"Errors","text":"<p>Types of PHP errors:</p> <ul> <li>Fatal Error: stop the execution of the program.</li> <li>Warning: generated at runtime, does not stop the execution (non-blocking).</li> <li>Notice: informative errors or messages, non-blocking.</li> </ul> PHP<pre><code>$a = new StdClass()\n$a-&gt;foo();  // PHP Fatal Error: foo() does not exist\n</code></pre> PHP<pre><code>$a = 0;\necho 1/$a;  // PHP Warning: Division by zero\n</code></pre> PHP<pre><code>echo $a;  // PHP Notice: $a undefined\n</code></pre>"},{"location":"languages/php/php.html#error-reporting","title":"Error Reporting","text":"<p>PHP Error Constants</p> <p>Its possible to configure PHP to signal only some type of errors. Errors below a certain levels are ignored.</p> PHP<pre><code>error_reporting(E_&lt;type&gt;);  // set error report threshold (for log file)\n// does not disable PARSER ERROR\n\nini_set(\"display_errors\", 0);  // don't display any errors on stderr\nini_set(\"error_log\", \"path\\\\error.log\");  // set log file\n</code></pre>"},{"location":"languages/php/php.html#triggering-errors","title":"Triggering Errors","text":"PHP<pre><code>// generate E_USER_ errors\ntrigger_error(\"message\");  // default type: E_USER_NOTICE\ntrigger_error(\"message\", E_USER_&lt;Type&gt;);\n\ntrigger_error(\"Deprecated Function\", E_USER_DEPRECATED);\n</code></pre>"},{"location":"languages/php/php.html#writing-in-the-log-file","title":"Writing in the Log File","text":"<p>It's possible to use log files unrelated to the php log file.</p> PHP<pre><code>error_log(\"message\", 3, \"path\\\\log.log\");  // write log message to a specified file\n\n//example\nerror_log(sprintf(\"[%s] Error: _\", date(\"Y-m-d h:i:s\")), 3, \"path\\\\log.log\")\n</code></pre>"},{"location":"languages/php/php.html#exception-handling","title":"Exception Handling","text":"<p>PHP offers the possibility to handle errors with the exception model.</p> PHP<pre><code>try {\n    // dangerous code\n} catch(ExceptionType1 | ExceptionType2 $e) {\n    printf(\"Errore: %s\", $e-&gt;getMessage());\n} catch(Exception $e) {\n    // handle or report exception\n}\n\nthrow new ExceptionType(\"message\");  // throw an exception\n</code></pre> <p>All exceptions in PHP implement the interface <code>Throwable</code>.</p> PHP<pre><code>Interface Throwable {\n    abstract public string getMessage ( void )\n    abstract public int getCode ( void )\n    abstract public string getFile ( void )\n    abstract public int getLine ( void )\n    abstract public array getTrace ( void )\n    abstract public string getTraceAsString ( void )\n    abstract public Throwable getPrevious ( void )\n    abstract public string __toString ( void )\n}\n</code></pre>"},{"location":"languages/php/php.html#custom-exceptions","title":"Custom Exceptions","text":"PHP<pre><code>/**\n * Define a custom exception class\n */\nclass CustomException extends Exception\n{\n    // Redefine the exception so message isn't optional\n    public function __construct($message, $code = 0, Exception $previous = null) {\n        // some code\n\n        // make sure everything is assigned properly\n        parent::__construct($message, $code, $previous);\n    }\n\n    // custom string representation of object\n    public function __toString() {\n        return __CLASS__ . \": [{$this-&gt;code}]: {$this-&gt;message}\\n\";\n    }\n\n    public function customFunction() {\n        echo \"A custom function for this type of exception\\n\";\n    }\n}\n</code></pre>"},{"location":"languages/php/plates-templating.html","title":"Templates with Plates","text":""},{"location":"languages/php/plates-templating.html#template","title":"Template","text":"<p>To separate HTML code and PHP code it's possible to use templates with markers for variable substitution. Variables are created in the PHP code and are passed to the template in the rendering phase. The server transmits only the <code>index.php</code> file to the user. The php file renders the templates as needed.</p> HTML<pre><code>&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?= $this-&gt;e($title)?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n\n    &lt;body&gt;\n        &lt;?= $this-&gt;section('content')?&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/php/plates-templating.html#plates","title":"Plates","text":"<p>Plates is a template engine for PHP. A template engine permits to separate the PHP code (business logic) from the HTML pages.</p> <p>Installation through composer: <code>composer require league/plates</code>.</p> PHP<pre><code># index.php\nrequire \"vendor/autoload.php\";\n\nuse League\\Plates\\Engine;\n\n$templates = new Engine(\"path\\\\to\\\\templates\");\n\necho $templates-&gt;render(\"template_name\", [\n    \"key_1\" =&gt; \"value_1\",\n    \"key_2\" =&gt; \"value_2\"\n]);\n</code></pre> PHP<pre><code># template.php\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?= $key_1?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n\n    &lt;body&gt;\n        &lt;h1&gt;Hello &lt;?= $key_2 ?&gt;&lt;/h1&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre> <p>Variables in the template are created through an associative array <code>key =&gt; value</code>. The key (<code>\"key\"</code>) becomes a variable (<code>$key</code>) in the template.</p>"},{"location":"languages/php/plates-templating.html#layout","title":"Layout","text":"<p>It's possible to create a layout (a model) for a group of pages to make that identical save for the contents. In a layout it's possible to create a section called content that identifies content that can be specified at runtime.</p> <p>Note: Since only the template has the data passed eventual loops have to be done there.</p> PHP<pre><code># index.php\nrequire 'vendor/autoload.php';\nuse League\\Plates\\Engine;\n$template = new Engine('/path/to/templates');\necho $template-&gt;render('template_name', [ \"marker\" =&gt; value, ... ]);\n</code></pre> PHP<pre><code># template.php\n\n# set the layout used for this template\n&lt;?php $this-&gt;layout(\"layout_name\", [\"marker\" =&gt; value, ...]) ?&gt;  # pass values to the layout\n\n# section contents\n&lt;p&gt; &lt;?= $this-&gt;e($marker) ?&gt; &lt;/p&gt;\n</code></pre> PHP<pre><code># layout.php\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?= $marker ?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n        &lt;?= $this-&gt;section('content')?&gt;  # insert the section\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/php/plates-templating.html#escape","title":"Escape","text":"<p>It's necessary to verify that the output is in the necessary format.</p> <p>Plates offers <code>$this-&gt;escape()</code> or <code>$this-&gt;e()</code> to validate the output. In general the output validation allows to prevent Cross-Site Scripting (XSS).</p>"},{"location":"languages/php/plates-templating.html#folders","title":"Folders","text":"PHP<pre><code># index.php\n$templates-&gt;addFolder(\"alias\", \"path/to/template/folder\");  # add a template folder\necho $templates-&gt;render(\"folder::template\");  # use a template in a specific folder\n</code></pre>"},{"location":"languages/php/plates-templating.html#insert","title":"Insert","text":"<p>It's possible to inject templates in a layout or template. It is done by using the <code>insert()</code> function.</p> PHP<pre><code># layout.php\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?=$this-&gt;e($title)?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n        &lt;?php $this-&gt;insert('template::header') ?&gt;  # insert template\n\n        &lt;?= $this-&gt;section('content')?&gt;  # page contents\n\n        &lt;?php $this-&gt;insert('template::footer') ?&gt;  # insert template\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/php/plates-templating.html#sections","title":"Sections","text":"<p>It's possible to insert page contest from another template with the <code>section()</code> function. The content to be inserted must be surrounded with by the <code>start()</code> and <code>stop()</code> functions.</p> PHP<pre><code># template.php\n\n&lt;?php $this-&gt;start(\"section_name\") ?&gt;  # start section\n#  section contents (HTML)\n&lt;?php $this-&gt;stop() ?&gt;  # stop section\n\n# append to section is existing, create if not\n&lt;?php $this-&gt;push(\"section_name\") ?&gt;\n#  section contents (HTML)\n&lt;?php $this-&gt;end() ?&gt;\n</code></pre>"},{"location":"languages/php/psr-7.html","title":"PSR-7","text":""},{"location":"languages/php/psr-7.html#psr-7_1","title":"PSR-7","text":"<p>Standard of the PHP Framework Interop Group that defines common interfaces for handling HTTP messages.</p> <ul> <li><code>Psr\\Http\\Message\\MessageInterface</code></li> <li><code>Psr\\Http\\Message\\RequestInterface</code></li> <li><code>Psr\\Http\\Message\\ResponseInterface</code></li> <li><code>Psr\\Http\\Message\\ServerRequestInterface</code></li> <li><code>Psr\\Http\\Message\\StreamInterface</code></li> <li><code>Psr\\Http\\Message\\UploadedFileInterface</code></li> <li><code>Psr\\Http\\Message\\UriInterface</code></li> </ul> <p>Example:</p> PHP<pre><code>// empty array if not found\n$header = $request-&gt;getHeader('Accept');\n\n// empty string if not found\n$header = $request-&gt;getHeaderLine('Accept');\n\n// check the presence of a header\nif (! $request-&gt;hasHeader('Accept')) {}\n\n// returns the parameters in a query string\n$query = $request-&gt;getQueryParams();\n</code></pre>"},{"location":"languages/php/psr-7.html#immutability","title":"Immutability","text":"<p>PSR-7 requests are immutable objects; a change in the data will return a new instance of the object. The stream objects of PSR-7 are not immutable.</p>"},{"location":"languages/php/unit-tests.html","title":"PHP Unit Test","text":""},{"location":"languages/php/unit-tests.html#installation-configuration","title":"Installation &amp; Configuration","text":""},{"location":"languages/php/unit-tests.html#dev-only-installation","title":"Dev-Only Installation","text":"PowerShell<pre><code>composer require --dev phpunit/phpunit\n</code></pre> JSON<pre><code>    \"require-dev\": {\n        \"phpunit/phpunit\": \"&lt;version&gt;\"\n    }\n</code></pre>"},{"location":"languages/php/unit-tests.html#config","title":"Config","text":"<p>PHPUnit can be configured in a XML file called <code>phpunit.xml</code>:</p> XML<pre><code>&lt;phpunit xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n         xsi:noNamespaceSchemaLocation=\"vendor/phpunit/phpunit/phpunit.xsd\"\n         bootstrap=\"vendor/autoload.php\"\n         colors=\"true\"&gt;\n\n    &lt;testsuites&gt;\n        &lt;testsuit name=\"App\\\\Tests\"&gt;\n            &lt;directory&gt;./test&lt;directory&gt;\n        &lt;/testsuit&gt;\n    &lt;/testsuites&gt;\n\n    &lt;filter&gt;\n        &lt;whitelist processUncoveredFilesFromWhitelist=\"true\"&gt;\n            &lt;directory suffix=\".php\"&gt;./src&lt;/directory&gt;\n        &lt;/whitelist&gt;\n    &lt;/filter&gt;\n&lt;/phpunit&gt;\n</code></pre>"},{"location":"languages/php/unit-tests.html#testing","title":"Testing","text":""},{"location":"languages/php/unit-tests.html#test-structure","title":"Test Structure","text":"<p>PHPUnit tests are grouped in classes suffixed with <code>Test</code>. Each class extends <code>PHPUnit\\Framework\\TestCase</code>. A test is a method of a test class prefixed with <code>test</code>. PHPUnit is executed from the command line with <code>vendor/bin/phpunit  --colors</code>.</p> PHP<pre><code>namespace App;\n\nclass Filter\n{\n    public function isEmail(string $email): bool\n    {\n        // @todo implement\n    }\n}\n</code></pre> PHP<pre><code>namespace App\\Test;\nuse PHPUnit\\Framework\\TestCase;\nuse App\\Filter;\n\nclass FilterTest extends TestCase\n{\n    public function testValidMail()\n    {\n        $filter = new Filter();\n        $this-&gt;assertTrue($filter-&gt;isEmail(\"foo@bar.com\"));\n    }\n\n    public function testInvalidEmail()\n    {\n        $filter = new Filter();\n        $this-&gt;assertFalse($filter-&gt;idEmail(\"foo\"));\n    }\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#phpunit-assertions","title":"PHPUnit Assertions","text":"<ul> <li><code>asseretTrue()</code>: verifies that the element is true</li> <li><code>assertFalse()</code>: verifies that the element is false</li> <li><code>assertEmpty()</code>: verifies that the element is empty</li> <li><code>assertEquals()</code>: verifies that the two elements are equal</li> <li><code>assertGreaterThan()</code>: verifies that the element is greater than ...</li> <li><code>assertContains()</code>: verifies that the element is contained in an array</li> <li><code>assertInstanceOf()</code>: verifies that the element is an instance of a specific class</li> <li><code>assertArrayHasKey(mixed $key, array $array)</code>: verify that a specific key is in the array</li> </ul>"},{"location":"languages/php/unit-tests.html#phpunit-testing-exceptions","title":"PHPUnit Testing Exceptions","text":"PHP<pre><code>public function testAggiungiEsameException(string $esame)\n{\n    $this-&gt;expectException(Exception::class);\n    $this-&gt;expectExceptionMessage(\"exception_message\");\n\n    // execute code that should throw an exception\n}\n\n// https://github.com/sebastianbergmann/phpunit/issues/2484#issuecomment-648822531\npublic function testExceptionNotThrown()\n{\n    $exceptionWasThrown = false;\n\n    try\n    {\n        // code that should succeed\n    }\n    catch (EsameException $e)\n    {\n        $exceptionWasThrown = true;\n    }\n\n    $this-&gt;assertFalse($exceptionWasThrown);\n}\n\n// same as\n\n/**\n* @doesNotPerformAssertions\n*/\npublic function testNoExceptions(string $esame)\n{\n    // code that should succeed (exceptions will make the test fail)\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#test-setup-teardown-example","title":"Test Setup &amp; Teardown (Example)","text":"PHP<pre><code>class ClassTest extends TestCase\n{\n    // initialize the test\n    public function setUp(): void\n    {\n        file_put_contents(\"/tmp/foo\", \"Test\")\n    }\n\n    // reset the test\n    public function tearDown(): void\n    {\n        unlink(\"/tmp/foo\")\n    }\n\n    public function testFoo()\n    {\n        // use temp file\n    }\n}\n</code></pre> <p>Note: <code>setUp()</code> and <code>tearDown()</code> are called before and after each test method.</p>"},{"location":"languages/php/unit-tests.html#data-provider","title":"Data Provider","text":"PHP<pre><code>class DataTest extends TestCase\n{\n    /**\n    * @dataProvider provider\n    */\n    public function testAdd($a, $b, $expected)\n    {\n        $this-&gt;assertEquals($expected, $a + $b);\n    }\n\n    // test receives array contents as input\n    public function provider()\n    {\n        // must return array of arrays\n        return [\n            [0, 0, 0],\n            [0, 1, 1]\n        ];\n    }\n\n    // test receives array of arrays as input\n    public function provideArrayOfArrays()\n    {\n        return [\n            [\n                [\n                    [0, 0, 0],\n                    [0, 1, 1]\n                ]\n            ]\n        ];\n    }\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#mock-objects","title":"Mock Objects","text":"PHP<pre><code>class UnitTest extends TestCase\n{\n    public function setUp()\n    {\n        // names of mock are independent from tested class variables\n        $this-&gt;mock = $this-&gt;createMock(ClassName::class);  // create a mock object of a class\n        $this-&gt;returned = $this-&gt;createMock(ClassName::class);  // mock of returned object\n\n        $this-&gt;mock-&gt;method(\"methodName\")  // simulate method on mock\n            -&gt;with($this-&gt;equalTo(param), ...)  // specify input params (one param per equalTo)\n            -&gt;willReturn($this-&gt;returned);  // specify return value\n    }\n\n    public function testMethod()\n    {\n        $this-&gt;mock\n        -&gt;method(\"methodName\")\n        -&gt;with($this-&gt;equalTo($arg))  // arg passed to the method\n        -&gt;willReturn(value);  // actual return value for THIS case\n        // or\n        -&gt;will($this-&gt;throwException(new Exception()));  // method will throw exception\n\n        // assertions\n    }\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#code-coverage-needs-xdebug","title":"Code Coverage (needs XDebug)","text":"PowerShell<pre><code>vendor/bin/phpunit --coverage-text  # code coverage analysis in the terminal\n</code></pre>"},{"location":"languages/php/web.html","title":"PHP for the Web","text":""},{"location":"languages/php/web.html#php-internal-web-server","title":"PHP Internal Web Server","text":"<p>Command Line Web Server in PHP, useful in testing phase. Limited since handles only one request at a time. Do not use in production.</p> PowerShell<pre><code>PHP -S &lt;ip:post&gt;  # start web server\nPHP -S &lt;ip:post&gt; -t /path/to/folder  # execute in specified folder at specified address\nPHP -S &lt;ip:post&gt; file.php  # redirect requests to single file\n</code></pre>"},{"location":"languages/php/web.html#http-methods","title":"HTTP Methods","text":"<p>Handling of HTTP requests happens using the following global variables:</p> <ul> <li><code>$_SERVER</code>: info on request headers, version, URL path and method (dict)</li> <li><code>$_GET</code>: parameters of get request (dict)</li> <li><code>$_POST</code>: parameters of post request (dict)</li> <li><code>$_COOKIE</code></li> <li><code>$_FILES</code>: file to send to web app.</li> </ul>"},{"location":"languages/php/web.html#_files","title":"<code>$_FILES</code>","text":"HTML<pre><code>&lt;!-- method MUST BE post --&gt;\n&lt;!-- must have enctype=\"multipart/form-data\" attribute --&gt;\n&lt;form name=\"&lt;name&gt;\" action=\"file.php\" method=\"POST\" enctype=\"multipart/form-data\"&gt;\n    &lt;input type=\"file\" name=\"photo\" /&gt;\n    &lt;input type=\"submit\" name=\"Send\" /&gt;\n&lt;/form&gt;\n</code></pre> <p>Files in <code>$_FILES</code> are memorized in a system temp folder. They can be moved with <code>move_uploaded_file()</code></p> PHP<pre><code>if (! isset($_FILES['photo']['error'])) {\n    http_response_code(400);  # send a response code\n    echo'&lt;h1&gt;No file has been sent&lt;/h1&gt;';\n    exit();\n}\n\nif ($_FILES['photo']['error'] != UPLOAD_ERR_OK) {\n        http_response_code(400);\n        echo'&lt;h1&gt;The sent file is invalid&lt;/h1&gt;';\n        exit();\n}\n\n$path = '/path/to/' . $_FILES['photo']['name'];\n\nif (! move_uploaded_file($_FILES['photo']['tmp_name'], $path)) {\n    http_response_code(400);\n    echo'&lt;h1&gt;Error while writing the file&lt;/h1&gt;';\n    exit();\n}\n\necho'&lt;h1&gt;File successfully sent&lt;/h1&gt;';\n</code></pre>"},{"location":"languages/php/web.html#_server","title":"<code>$_SERVER</code>","text":"<p>Request Header Access:</p> PHP<pre><code>$_SERVER[\"REQUEST_METHOD\"];\n$_SERVER[\"REQUEST_URI\"];\n$_SERVER[\"SERVER_PROTOCOL\"];  // HTTP Versions\n$_SERVER[\"HTTP_ACCEPT\"];\n$_SERVER[\"HTTP_ACCEPT_ENCODING\"];\n$_SERVER[\"HTTP_CONNECTION\"];\n$_SERVER[\"HTTP_HOST\"];\n$_SERVER[\"HTTP_USER_AGENT\"];\n// others\n</code></pre>"},{"location":"languages/php/web.html#_cookie","title":"<code>$_COOKIE</code>","text":"<p>Cookie Laws Garante Privacy 8/5/2014</p> <p>All sites must have a page for the consensus about using cookies.</p> <p>Cookies are HTTP headers used to memorize key-value info on the client. They are sent from the server to the client to keep track of info on the user that is visiting the website. When a client receives a HTTP response that contains <code>Set-Cookie</code> headers it has to memorize that info and reuse them in future requests.</p> HTTP<pre><code>Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Expires=&lt;date&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Max-Age=&lt;seconds&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Domain=&lt;domain-value&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Path=&lt;path-value&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Secure\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; HttpOnly\n</code></pre> <p>Anyone can modify the contents of a cookie; for this reason cookies must not contain personal or sensible info.</p> <p>When a client has memorized a cookie, it is sent in successive HTTP requests through the <code>Cookie</code> header.</p> HTTP<pre><code>Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;\n</code></pre> <p>PHP setcookie docs</p> PHP<pre><code>setcookie (\nstring $name,\n[ string $value = \"\" ],\n[ int $expire = 0 ],  // in seconds (time() + seconds)\n[ string $path = \"\" ],\n[ string $domain = \"\" ],\n[ bool $secure = false ],  // use https\n[ bool $httponly = false ]  // accessible only through http (no js, ...)\n)\n\n// example: memorize user-id 112 with 24h expiry for site example.com\nsetcookie (\"User-id\", \"112\", time() + 3600*24, \"/\", \"example.com\");\n\n// check if a cookie exists\nif(isset($_COOKIE[\"cookie_name\"])) {}\n</code></pre>"},{"location":"languages/php/web.html#_session","title":"$_SESSION","text":"<p>Sessions are info memorized on the server associated to the client that makes an HTTP request.</p> <p>PHP generates a cookie named <code>PHPSESSID</code> containing a session identifier and an hash generated from <code>IP + timestamp + pseudo-random number</code>.</p> <p>To use the session it's necessary to recall the function <code>session_start()</code> at the beginning of a PHP script that deals with sessions. After starting the session information in be saved in the <code>$_SESSION</code> array.</p> PHP<pre><code>$_SESSION[\"key\"] = value;  // save data in session file (serialized data)\n\nunset($_SESSION[\"key\"]);  // delete data from the session\nsession_unset();  # remove all session data\nsession_destroy();  # destroy all of the data associated with the current session.\n# It does not unset any of the global variables associated with the session, or unset the session cookie.\n</code></pre> <p>Session data is be memorized in a file by serializing <code>$_SESSION</code>. Files are named as <code>sess_PHPSESSID</code> in a folder (<code>var/lib/php/sessions</code> in Linux).</p> <p>It's possible to modify the memorization system of PHP serialization variables by:</p> <ul> <li>modifying <code>session.save_handler</code> in <code>php.ini</code></li> <li>writing as personalized handler with the function <code>session_set_save_handler()</code> and/or the class <code>SessionHandler</code></li> </ul>"},{"location":"languages/php/web.html#php-web-instructions","title":"PHP Web Instructions","text":"<p><code>http_response_code()</code> is used to return an HTTP response code. If no code is specified <code>200 OK</code> is returned. <code>header(\"Location: /route\")</code> is used to make a redirect to another UTL.</p>"},{"location":"languages/php/simple-mvc/rest-api.html","title":"REST API with Simple-MVC","text":""},{"location":"languages/php/simple-mvc/rest-api.html#routing-example","title":"Routing (Example)","text":"PHP<pre><code>// config/route.php\nreturn [   \n   [ 'GET', '/api/user[/{id}]', Controller\\User::class ],\n   [ 'POST', '/api/user', Controller\\User::class ],\n   [ 'PATCH', '/api/user/{id}', Controller\\User::class ],\n   [ 'DELETE', '/api/user/{id}', Controller\\User::class ]\n];\n</code></pre>"},{"location":"languages/php/simple-mvc/rest-api.html#controller-example","title":"Controller (Example)","text":"PHP<pre><code>public class UserController implements ControllerInterface\n{\n    public function __construct(UserModel $user)\n    {\n        $this-&gt;userModel = $user;\n\n        // Set the Content-type for all the HTTP methods\n        header('Content-type: application/json');\n    }\n\n    // method dispatcher\n    public function execute(ServerRequestInterface $request)\n    {\n        $method = strtolower($request-&gt;getMethod());\n        if (!method_exists($this, $method)) {\n            http_response_code(405); // method not exists\n            return;\n        }\n        $this-&gt;$method($request);\n    }\n\n    public function get(ServerRequestInterface $request)\n    {\n        $id = $request-&gt;getAttribute('id');\n        try {\n            $result = empty($id)\n                ? $this-&gt;userModel-&gt;getAllUsers()\n                : $this-&gt;userModel-&gt;getUser($id);\n        } catch (UserNotFoundException $e) {\n            http_response_code(404); // user not found\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n\n    public function post(ServerRequestInterface $request)\n    {\n        $data = json_decode($request-&gt;getBody()-&gt;getContents(), true);\n        try {\n            $result = $this-&gt;userModel-&gt;addUser($data);\n        } catch (InvalidAttributeException $e) {\n            http_response_code(400); // bad request\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        } catch (UserAlreadyExistsException $e) {\n            http_response_code(409); // conflict, the user is not present\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n\n    public function patch(ServerRequestInterface $request)\n    {\n        $id = $request-&gt;getAttribute('id');\n        $data = json_decode($request-&gt;getBody()-&gt;getContents(), true);\n        try {\n            $result = $this-&gt;userModel-&gt;updateUser($data, $id);\n        } catch (InvalidAttributeException $e) {\n            http_response_code(400); // bad request\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        } catch (UserNotFoundException $e) {\n            http_response_code(404); // user not found\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n\n    public function delete(ServerRequestInterface $request)\n    {\n        $id = $request-&gt;getAttribute('id');\n        try {\n            $this-&gt;userModel-&gt;deleteUser($id);\n            $result = ['result' =&gt; 'success'];\n        } catch (UserNotFoundException $e) {\n            http_response_code(404); // user not found\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n}\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html","title":"SimpleMVC Mini-Framework","text":"<p>SimpleMVC is a micro MVC framework for PHP using FastRoute, PHP-DI, Plates and PHP-DI standard for HTTP messages.</p> <p>This framework is mainly used as tutorial for introducing the Model-View-Controller architecture in modern PHP applications.</p>"},{"location":"languages/php/simple-mvc/simple-mvc.html#installation","title":"Installation","text":"PowerShell<pre><code>composer create-project ezimuel/simple-mvc\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#structure","title":"Structure","text":"Text Only<pre><code>|- config\n|  |- container.php --&gt; DI Container Config (PHP-DI)\n|  |- route.php --&gt; routing\n|- public\n|  |- img\n|  |- index.php  --&gt; app entry-point\n|- src\n|  |- Model\n|  |- View  --&gt; Plates views\n|  |- Controller  --&gt; ControllerInterface.php\n|- test\n|  |- Model\n|  |- Controller\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#indexphp","title":"<code>index.php</code>","text":"PHP<pre><code>&lt;?php\ndeclare(strict_types=1);\n\nchdir(dirname(__DIR__));\nrequire 'vendor/autoload.php';\n\nuse DI\\ContainerBuilder;\nuse FastRoute\\Dispatcher;\nuse FastRoute\\RouteCollector;\nuse Nyholm\\Psr7\\Factory\\Psr17Factory;\nuse Nyholm\\Psr7Server\\ServerRequestCreator;\nuse SimpleMVC\\Controller\\Error404;\nuse SimpleMVC\\Controller\\Error405;\n\n$builder = new ContainerBuilder();\n$builder-&gt;addDefinitions('config/container.php');\n$container = $builder-&gt;build();\n\n// Routing\n$dispatcher = FastRoute\\simpleDispatcher(function(RouteCollector $r) {\n    $routes = require 'config/route.php';\n    foreach ($routes as $route) {\n        $r-&gt;addRoute($route[0], $route[1], $route[2]);\n    }\n});\n\n// Build the PSR-7 server request\n$psr17Factory = new Psr17Factory();\n$creator = new ServerRequestCreator(\n    $psr17Factory, // ServerRequestFactory\n    $psr17Factory, // UriFactory\n    $psr17Factory, // UploadedFileFactory\n    $psr17Factory  // StreamFactory\n);\n$request = $creator-&gt;fromGlobals();\n\n// Dispatch \n$routeInfo = $dispatcher-&gt;dispatch(\n    $request-&gt;getMethod(), \n    $request-&gt;getUri()-&gt;getPath()\n);\nswitch ($routeInfo[0]) {\n    case Dispatcher::NOT_FOUND:\n        $controllerName = Error404::class;\n        break;\n    case Dispatcher::METHOD_NOT_ALLOWED:\n        $controllerName = Error405::class;\n        break;\n    case Dispatcher::FOUND:\n        $controllerName = $routeInfo[1];\n        if (isset($routeInfo[2])) {\n            foreach ($routeInfo[2] as $name =&gt; $value) {\n                $request = $request-&gt;withAttribute($name, $value);\n            }\n        }\n        break;\n}\n$controller = $container-&gt;get($controllerName);\n$controller-&gt;execute($request);\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#routephp","title":"<code>route.php</code>","text":"PHP<pre><code>&lt;?php\nuse SimpleMVC\\Controller;\n\nreturn [\n    [ 'GET', '/', Controller\\Home::class ],\n    [ 'GET', '/hello[/{name}]', Controller\\Hello::class ],\n    [ \"HTTP Verb\", \"/route[/optional]\", Controller\\EndpointController::class ]\n];\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#containerphp","title":"<code>container.php</code>","text":"PHP<pre><code>&lt;?php\nuse League\\Plates\\Engine;\nuse Psr\\Container\\ContainerInterface;\n\nreturn [\n    'view_path' =&gt; 'src/View',\n    Engine::class =&gt; function(ContainerInterface $c) {\n        return new Engine($c-&gt;get('view_path'));\n    }\n\n    // PHP-DI configs\n];\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#controllerinterfacephp","title":"<code>ControllerInterface.php</code>","text":"<p>Each controller must implement this interface.</p> PHP<pre><code>&lt;?php\ndeclare(strict_types=1);\n\nnamespace SimpleMVC\\Controller;\n\nuse Psr\\Http\\Message\\ServerRequestInterface;\n\ninterface ControllerInterface\n{\n    public function execute(ServerRequestInterface $request);\n}\n</code></pre>"},{"location":"languages/powershell/commands.html","title":"Powershell Commands","text":"PowerShell<pre><code>Get-Location  # Gets information about the current working location or a location stack\nSet-Location -Path &lt;path&gt;  # change current working directory to specified path (DEFAULTs to ~)\nGet-ChildItem  -Path &lt;path&gt;  # Gets the items and child items in one or more specified locations.\nGet-Content -Path &lt;file&gt;  # Gets the content of the item at the specified location\n\nWrite-Output # Send specified objects to the next command in the pipeline. If the command is the last in the pipeline, the objects are displayed in the console\nWrite-Host  # Writes customized output to a host.\nClear-Host  # clear shell output\n\nNew-Item -ItemType File -Path filename.ext  # create empty file\nNew-Item -Path folder_name -Type Folder  # create a folder\nNew-Item -ItemType SymbolicLink -Path .\\link -Target .\\Notice.txt  # create a symlink\n\nMove-Item -Path &lt;source&gt; -Destination &lt;target&gt;  # move and/or rename files and folders\nCopy-Item -Path &lt;source&gt; -Destination &lt;target&gt;  # copy (and rename) files and folders\n\nTest-Path \"path\" -PathType Container  # check if the existing path exists and is a folder\nTest-Path \"path\" -PathType Leaf  # check if the existing path exists and is a file\n\n# start, list , kill processes\nStart-Process -FilePath &lt;file&gt;  # open a file with the default process/program\nGet-Process  # Gets the processes that are running on the local computer\nStop-Process [-Id] &lt;System.Int32[]&gt; [-Force] [-Confirm]  # Stops one or more running processes\n\n# network\nGet-NetIPConfiguration  # Gets IP network configuration\nTest-NetConnection &lt;ip&gt; # Sends ICMP echo request packets, or pings, to one or more computers\n\n# compressing into archive\nCompress-Archive -LiteralPath &lt;PathToFiles&gt; -DestinationPath &lt;PathToDestination&gt;  # destination can be a folder or a .zip file\nCompress-Archive -Path &lt;PathToFiles&gt; -Update -DestinationPath &lt;PathToDestination&gt;  # update existing archive\n\n# extraction from archive\nExpand-Archive -LiteralPath &lt;PathToZipFile&gt; -DestinationPath &lt;PathToDestination&gt;\nExpand-Archive -LiteralPath &lt;PathToZipFile&gt;  # extract archive in folder named after the archive in the root location\n\n# filtering stdout/stder\nSelect-String -Path &lt;source&gt; -Pattern &lt;pattern&gt;  # Finds text in strings and files\n</code></pre>"},{"location":"languages/powershell/scripting.html","title":"PowerShell Scripting","text":"<p>Cmdlets are formed by a verb-noun pair. Cmdlets are case-insensitive.</p> <p>It's all .NET A PS string is in fact a .NET System.String All .NET methods and properties are thus available</p> <p>Note that .NET functions MUST be called with parentheses while PS functions CANNOT be called with parentheses. If you do call a cmdlet/PS function with parentheses, it is the same as passing a single parameter list.</p>"},{"location":"languages/powershell/scripting.html#screen-output","title":"Screen Output","text":"PowerShell<pre><code>Write-Host \"message\"\n</code></pre>"},{"location":"languages/powershell/scripting.html#user-input","title":"User Input","text":"PowerShell<pre><code># Reading a value from input:\n$variable = Read-Host \"prompt\"\n</code></pre>"},{"location":"languages/powershell/scripting.html#variables","title":"Variables","text":"PowerShell<pre><code># Declaration\n[type]$var = value\n$var = value -as [type]\n\n[int]$a = 5\n$b = 6 -as [double]  # ?\n\n# Here-string (multiline string)\n@\"\nHere-string\n$a + $b = ($a + $b)\n\"@\n\n@'\nLiteral Here-string\n'@\n\n# Swapping\n$a, $b = $b, $a\n\n# Interpolation\nWrite-Host \"text $variable\"  # single quotes will not interpolate\nWrite-Host (&lt;expression&gt;)\n</code></pre>"},{"location":"languages/powershell/scripting.html#built-in-variables","title":"Built-in Variables","text":"PowerShell<pre><code>$True, $False  # boolean\n$null  # empty value\n$?  # last program return value\n$LastExitCode  # Exit code of last run Windows-based program\n$$  # The last token in the last line received by the session\n$^  # The first token\n$PID  # Script's PID\n$PSScriptRoot  # Full path of current script directory\n$MyInvocation.MyCommand.Path  # Full path of current script\n$Pwd  # Full path of current directory\n$PSBoundParameters  # Bound arguments in a function, script or code block\n$Args # Unbound arguments\n\n. .\\otherScriptName.ps1  # Inline another file (dot operator)\n</code></pre>"},{"location":"languages/powershell/scripting.html#lists-dictionaries","title":"Lists &amp; Dictionaries","text":"PowerShell<pre><code>$List = @(5, \"ice\", 3.14, $True)  # Explicit syntax\n$List = 2, \"ice\", 3.14, $True  # Implicit syntax\n$List = (1..10)  # Inclusive range\n$List = @()  # Empty List\n\n$String = $List -join 'separator'\n$List = $String -split 'separator'\n\n# List comprehensions\n$List = sequence | Where-Object {$_ command}  # $_ is current object\n$Dict = @{\"a\" = \"apple\"; \"b\" = \"ball\"}  # Dict definition\n$Dict[\"a\"] = \"acorn\"  # Item update\n\n# Loop through keys\nforeach ($k in $Dict.keys) {\n    # Code here\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#flow-control","title":"Flow Control","text":"PowerShell<pre><code>if (condition) {\n    # Code here\n} elseif (condition) {\n    # Code here\n} else {\n    # Code here\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#switch","title":"Switch","text":"<p><code>Switch</code> has the following parameters:</p> <ul> <li>Wildcard: Indicates that the condition is a wildcard string. If the match clause is not a string, the parameter is ignored. The comparison is case-insensitive.</li> <li>Exact: Indicates that the match clause, if it is a string, must match exactly. If the match clause is not a string, this parameter is ignored. The comparison is case-insensitive.</li> <li>CaseSensitive: Performs a case-sensitive match. If the match clause is not a string, this parameter is ignored.</li> <li>File: Takes input from a file rather than a value statement. If multiple File parameters are included, only the last one is used. Each line of the file is read and evaluated by the Switch statement. The comparison is case-insensitive.</li> <li>Regex: Performs regular expression matching of the value to the condition. If the match clause is not a string, this parameter is ignored. The comparison is case-insensitive. The <code>$matches</code> automatic variable is available for use within the matching statement block.</li> </ul> PowerShell<pre><code>switch(variable) {\n    20                      { \"Exactly 20\"; break }\n    { $_ -eq 42 }           { \"The answer equals 42\"; break }\n    { $_ -like 's*' }       { \"Case insensitive\"; break }\n    { $_ -clike 's*'}       { \"clike, ceq, cne for case sensitive\"; break }\n    { $_ -notmatch '^.*$'}  { \"Regex matching. cnotmatch, cnotlike, ...\"; break }\n    { $list -contains 'x'}  { \"if a list contains an item\"; break }\n    default                 { \"Others\" }\n}\n\n# syntax\nswitch [-regex|-wildcard|-exact][-casesensitive] (&lt;value&gt;)\n{\n    \"string\"|number|variable|{ expression } { statement_list }\n    default { statement_list }\n}\n\n# or\n\nswitch [-regex|-wildcard|-exact][-casesensitive] -file filename\n{\n    \"string\"|number|variable|{ expression } { statement_list }\n    default { statement_list }\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#loops","title":"Loops","text":"PowerShell<pre><code># The classic for\nfor(setup; condition; iterator) {\n    # Code here\n}\n\nrange | % { command }\n\nforeach (item in iterable) {\n    # Code Here\n}\n\nwhile (condition) {\n    # Code here\n}\n\ndo {\n    # Code here\n} until (condition)\n\ndo {\n    # Code here\n} while (condition)\n</code></pre>"},{"location":"languages/powershell/scripting.html#operators","title":"Operators","text":"PowerShell<pre><code># Conditionals\n$a -eq $b  # is equal to\n$a -ne $b  # in not equal to\n$a -gt $b  # greater than\n$a -ge $b  # greater than or equal to\n$a -lt $b  # less than\n$a -le $b  # less than or equal to\n\n# Logical\n$true -And $False\n$True -Or $False\n-Not $True\n</code></pre>"},{"location":"languages/powershell/scripting.html#exception-handling","title":"Exception Handling","text":"PowerShell<pre><code>try {} catch {} finally {}\ntry {} catch [System.NullReferenceException] {\n    echo $_.Exception | Format-List -Force\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#functions","title":"Functions","text":"PowerShell<pre><code>function func() {}\n\n# function with named parameters\nfunction func ([type]$param=default_value, ...) { }\nfunction func {\n    param([type]$param=default_value, ...)\n\n    # statements\n}\n\n# function call\nfunc argument  \nfunc -param value\n\n# switch parameters\nfunction func ([switch]$param, ...) { }\n\nfunc  # param is $false\nfunc -param  # param is $true\n</code></pre> <p>If the function defines a <code>Begin</code>, <code>Process</code> or <code>End</code> block, all the code must reside inside those blocks. No code will be recognized outside the blocks if any of the blocks are defined.</p> <p>If the function has a <code>Process</code> keyword, each object in <code>$input</code> is removed from <code>$input</code> and assigned to <code>$_</code>.</p> PowerShell<pre><code>function [&lt;scope:&gt;]&lt;name&gt; [([type]$parameter1[,[type]$parameter2])]\n{\n  param([type]$parameter1 [,[type]$parameter2])  # other way to specify named parameters\n  dynamicparam {&lt;statement list&gt;}\n\n  # processing pipelines\n  begin {&lt;statement list&gt;}  # runned once, at start of pipeline\n  process {&lt;statement list&gt;}  # runned for each item in the pipeline\n  end {&lt;statement list&gt;}  # runned once, at end of pipeline\n}\n</code></pre> <p>Optionally, it's possible to provide a brief help string that describes the default value of the parameter, by adding the <code>PSDefaultValue</code> attribute to the description of the parameter, and specifying the <code>Help</code> property of <code>PSDefaultValue</code>.</p> PowerShell<pre><code>function Func {\n  param (\n      [PSDefaultValue(Help = defValue)]\n      $Arg = 100\n  )\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#script-arguments","title":"Script Arguments","text":""},{"location":"languages/powershell/scripting.html#parsing-script-arguments","title":"Parsing Script Arguments","text":"PowerShell<pre><code>$args  # array of passed arguments\n$args[$index]  # access to the arguments\n$args.count  # number of arguments\n</code></pre>"},{"location":"languages/powershell/scripting.html#script-named-arguments","title":"Script Named Arguments","text":"<p>In <code>scripts.ps1</code>:</p> PowerShell<pre><code>param($param1, $param2, ...)  # basic usage\nparam($param1, $param2=defvalue, ...)  # with default values\nparam([Type] $param1, $param2, ...)  # specify a type\nparam([Parameter(Mandatory)]$param1, $param2, ...)  # setting a parameter as necessary\n\nparam([switch]$flag=$false, ...)  # custom flags\n</code></pre> <p>In PowerShell:</p> PowerShell<pre><code>.\\script.ps1 arg1 arg2  # order of arguments will determine which data goes in which parameter\n\n.\\script.ps1 -param2 arg2 -param1 arg1  # custom order\n</code></pre>"},{"location":"languages/powershell/scripting.html#filters","title":"Filters","text":"<p>A filter is a type of function that runs on each object in the pipeline. A filter resembles a function with all its statements in a <code>Process</code> block.</p> PowerShell<pre><code>filter [&lt;scope:&gt;]&lt;name&gt; {&lt;statement list&gt;}\n</code></pre>"},{"location":"languages/powershell/scripting.html#powershell-comment-based-help","title":"PowerShell Comment-based Help","text":"<p>The syntax for comment-based help is as follows:</p> PowerShell<pre><code># .&lt;help keyword&gt;\n# &lt;help content&gt;\n</code></pre> <p>or</p> PowerShell<pre><code>&lt;#\n.&lt;help keyword&gt;\n&lt;help content&gt;\n#&gt;\n</code></pre> <p>Comment-based help is written as a series of comments. You can type a comment symbol <code>#</code> before each line of comments, or you can use the <code>&lt;#</code> and <code>#&gt;</code> symbols to create a comment block. All the lines within the comment block are interpreted as comments.</p> <p>All of the lines in a comment-based help topic must be contiguous. If a comment-based help topic follows a comment that is not part of the help topic, there must be at least one blank line between the last non-help comment line and the beginning of the comment-based help.</p> <p>Keywords define each section of comment-based help. Each comment-based help keyword is preceded by a dot <code>.</code>. The keywords can appear in any order. The keyword names are not case-sensitive.</p>"},{"location":"languages/powershell/scripting.html#synopsis","title":".SYNOPSIS","text":"<p>A brief description of the function or script. This keyword can be used only once in each topic.</p>"},{"location":"languages/powershell/scripting.html#description","title":".DESCRIPTION","text":"<p>A detailed description of the function or script. This keyword can be used only once in each topic.</p>"},{"location":"languages/powershell/scripting.html#parameter","title":".PARAMETER","text":"<p>The description of a parameter. Add a <code>.PARAMETER</code> keyword for each parameter in the function or script syntax.</p> <p>Type the parameter name on the same line as the <code>.PARAMETER</code> keyword. Type the parameter description on the lines following the <code>.PARAMETER</code> keyword. Windows PowerShell interprets all text between the <code>.PARAMETER</code> line and the next keyword or the end of the comment block as part of the parameter description. The description can include paragraph breaks.</p> PowerShell<pre><code>.PARAMETER  &lt;Parameter-Name&gt;\n</code></pre> <p>The Parameter keywords can appear in any order in the comment block, but the function or script syntax determines the order in which the parameters (and their descriptions) appear in help topic. To change the order, change the syntax.</p> <p>You can also specify a parameter description by placing a comment in the function or script syntax immediately before the parameter variable name. For this to work, you must also have a comment block with at least one keyword.</p> <p>If you use both a syntax comment and a <code>.PARAMETER</code> keyword, the description associated with the <code>.PARAMETER</code> keyword is used, and the syntax comment is ignored.</p> PowerShell<pre><code>&lt;#\n.SYNOPSIS\n    Short description here\n#&gt;\nfunction Verb-Noun {\n    [CmdletBinding()]\n    param (\n        # This is the same as .Parameter\n        [string]$Computername\n    )\n    # Verb the Noun on the computer\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#example","title":".EXAMPLE","text":"<p>A sample command that uses the function or script, optionally followed by sample output and a description. Repeat this keyword for each example.</p>"},{"location":"languages/powershell/scripting.html#inputs","title":".INPUTS","text":"<p>The .NET types of objects that can be piped to the function or script. You can also include a description of the input objects.</p>"},{"location":"languages/powershell/scripting.html#outputs","title":".OUTPUTS","text":"<p>The .NET type of the objects that the cmdlet returns. You can also include a description of the returned objects.</p>"},{"location":"languages/powershell/scripting.html#notes","title":".NOTES","text":"<p>Additional information about the function or script.</p>"},{"location":"languages/powershell/scripting.html#link","title":".LINK","text":"<p>The name of a related topic. The value appears on the line below the <code>.LINK</code> keyword and must be preceded by a comment symbol <code>#</code> or included in the comment block.</p> <p>Repeat the <code>.LINK</code> keyword for each related topic.</p> <p>This content appears in the Related Links section of the help topic.</p> <p>The <code>.Link</code> keyword content can also include a Uniform Resource Identifier (URI) to an online version of the same help topic. The online version opens when you use the Online parameter of <code>Get-Help</code>. The URI must begin with \"http\" or \"https\".</p>"},{"location":"languages/powershell/scripting.html#component","title":".COMPONENT","text":"<p>The name of the technology or feature that the function or script uses, or to which it is related. The Component parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>"},{"location":"languages/powershell/scripting.html#role","title":".ROLE","text":"<p>The name of the user role for the help topic. The Role parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>"},{"location":"languages/powershell/scripting.html#functionality","title":".FUNCTIONALITY","text":"<p>The keywords that describe the intended use of the function. The Functionality parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>"},{"location":"languages/powershell/scripting.html#forwardhelptargetname","title":".FORWARDHELPTARGETNAME","text":"<p>Redirects to the help topic for the specified command. You can redirect users to any help topic, including help topics for a function, script, cmdlet, or provider.</p> PowerShell<pre><code># .FORWARDHELPTARGETNAME &lt;Command-Name&gt;\n</code></pre>"},{"location":"languages/powershell/scripting.html#forwardhelpcategory","title":".FORWARDHELPCATEGORY","text":"<p>Specifies the help category of the item in <code>.ForwardHelpTargetName</code>. Valid values are <code>Alias</code>, <code>Cmdlet</code>, <code>HelpFile</code>, <code>Function</code>, <code>Provider</code>, <code>General</code>, <code>FAQ</code>, <code>Glossary</code>, <code>ScriptCommand</code>, <code>ExternalScript</code>, <code>Filter</code>, or <code>All</code>. Use this keyword to avoid conflicts when there are commands with the same name.</p> PowerShell<pre><code># .FORWARDHELPCATEGORY &lt;Category&gt;\n</code></pre>"},{"location":"languages/powershell/scripting.html#remotehelprunspace","title":".REMOTEHELPRUNSPACE","text":"<p>Specifies a session that contains the help topic. Enter a variable that contains a PSSession object. This keyword is used by the Export-PSSession cmdlet to find the help topics for the exported commands.</p> PowerShell<pre><code># .REMOTEHELPRUNSPACE &lt;PSSession-variable&gt;\n</code></pre>"},{"location":"languages/powershell/scripting.html#externalhelp","title":".EXTERNALHELP","text":"<p>Specifies an XML-based help file for the script or function.</p> PowerShell<pre><code># .EXTERNALHELP &lt;XML Help File&gt;\n</code></pre> <p>The <code>.ExternalHelp</code> keyword is required when a function or script is documented in XML files. Without this keyword, <code>Get-Help</code> cannot find the XML-based help file for the function or script.</p> <p>The <code>.ExternalHelp</code> keyword takes precedence over other comment-based help keywords. If <code>.ExternalHelp</code> is present, <code>Get-Help</code> does not display comment-based help, even if it cannot find a help topic that matches the value of the <code>.ExternalHelp</code> keyword.</p> <p>If the function is exported by a module, set the value of the <code>.ExternalHelp</code> keyword to a filename without a path. <code>Get-Help</code> looks for the specified file name in a language-specific subdirectory of the module directory. There are no requirements for the name of the XML-based help file for a function, but a best practice is to use the following format:</p> PowerShell<pre><code>&lt;ScriptModule.psm1&gt;-help.xml\n</code></pre> <p>If the function is not included in a module, include a path to the XML-based help file. If the value includes a path and the path contains UI-culture-specific subdirectories, <code>Get-Help</code> searches the subdirectories recursively for an XML file with the name of the script or function in accordance with the language fallback standards established for Windows, just as it does in a module directory.</p> <p>For more information about the cmdlet help XML-based help file format, see How to Write Cmdlet Help in the MSDN library.</p>"},{"location":"languages/powershell/scripting.html#project-oriented-programming","title":"Project Oriented Programming","text":""},{"location":"languages/powershell/scripting.html#classes","title":"Classes","text":"PowerShell<pre><code>[class]::func()  # use function from a static class\n[class]::attribute  # access to static class attribute\n</code></pre>"},{"location":"languages/python/python.html","title":"Python Notes","text":""},{"location":"languages/python/python.html#basics","title":"Basics","text":""},{"location":"languages/python/python.html#naming-convention","title":"Naming Convention","text":"<p>Class -&gt; PascalCase Method, Function -&gt; snake_case Variable -&gt; snake_case</p> Python<pre><code># standard comment\n'''multiline comment'''\n\"\"\"DOCSTRING\"\"\"\n\nhelp(object.method) # return method explanation\ndir(object) # return an alphabetized list of names comprising (some of) the attributes of the given object\n\nimport sys # import module\nfrom sys import argv # import single item from a module\nfrom sys import * # import all elements of a module (no module syntax.method needed)\nimport sys as alias # import the module with an alias, I use alias.method\n\n# CHARACTER SET\nimport string\nstring.ascii_lowercase = 'abcdefghijklmnopqrstuvwxyz'\nstring.asci_uppercase = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\nstring.asci_letters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'\nstring.digits = '0123456789'\nstring.hexdigits = '0123456789abcdefABCDEF'\nstring.octdigits = '01234567'\nstring.punctuation\nstring.whitespace\n\n# SPECIAL CHARACTERS\n# (\\a, \\b, \\f, \\n, \\r, \\t, \\u, \\U, \\v, \\x, \\\\)\n</code></pre>"},{"location":"languages/python/python.html#assignment-operation","title":"Assignment Operation","text":"Python<pre><code>\"\"\"instructions to the right of = executed before instructions to the left of =\"\"\"\nvariable = expression # the type of the variable is dynamically decided by python based on the content\nvar_1, var_2 = value1, value2 # parallel assignment\nvar_1, var_2 = var_2, var_1 # swap values\n\n# conditional assignment\nx = a if condition else b\nx = a or b # If bool (a) returns False, then x is assigned the value of b\n# a series of OR expressions has the effect of returning the first item that evaluates True, or the last item (last item should be a literal).\n</code></pre>"},{"location":"languages/python/python.html#variable-type-conversion","title":"Variable Type Conversion","text":"<p><code>type(expression)</code></p>"},{"location":"languages/python/python.html#expression-assignment","title":"Expression Assignment","text":"Python<pre><code>(var: = expression) # assign an expression to a variable to avoid repeating the expression\n</code></pre>"},{"location":"languages/python/python.html#variable-comparison-vs-is","title":"Variable Comparison (<code>==</code> vs <code>is</code>)","text":"<p><code>==</code> compares the values \u200b\u200bof objects <code>is</code> compares the identities of objects</p>"},{"location":"languages/python/python.html#on-screen-output","title":"On Screen Output","text":"Python<pre><code>print() # print blank line and wrap\nprint('string' * n) # print string n times\nprint('string1 \\ n string2') # wrap with \\ n\nprint(variable) # print variable content\nprint('string', end = '') # print without wrapping\n\n# FORMATTING\nname = 'Alex'\nmarks = 94.5\nprint(name, marks)\nprint('Name is', name, '\\ nMarks are', marks)\n# expand the rest of the expression and write tense before = in output\nprint(f '{name =}, {marks =}') # OUTPUT: name = Alex, marks = 94.5\n\n# USE OF PLACEHOLDERS\nprint('Name is% s, Marks are% 3.2f'%(name, marks)) # method inherited from C. Variable is substituted for% ..\nprint(\"Name is {}, Marks are {}\". format(name, marks))\nprint(\"Name is {1}, Marks are {2}\". format(marks, name)) # indices in brackets sort elements in .format\nprint(\"Name is {n}, Marks are {m}\". format(m = '94 .5 ', n =' Alex ')) # indices in brackets sort elements in .format\nprint(f'Name is {name}, Marks are {marks} ') # formatting with f-strings\n</code></pre>"},{"location":"languages/python/python.html#format-specification-mini-language","title":"Format Specification Mini-Language","text":"<p><code>{value:width.precision symbol}</code></p> <p>Format: <code>[[fill]align] [sign] [#] [width] [grouping] [.precision] [type]</code></p> <code>[align]</code> Alignment <code>:&lt;</code> left alignment <code>:&gt;</code> right alignment <code>:=</code> padding after the mark <code>:^</code> centered <code>[sign]</code> NUMBER SIGNS <code>:+</code> sign for both positive and negative numbers <code>:-</code> sign only for negative numbers <code>:</code> space for num &gt; 0, '-' for num &lt; 0 <code>:#</code> alternative form:prefix integers type (0x, 0b, 0o), floats and complexes always have at least one decimal place <code>[grouping]</code> GROUPING <code>:,</code> use comma to separate thousands <code>:_</code> use underscore to separate thousands <code>[type]</code> OUTPUT TYPE <code>:s</code> output is string <code>:b</code> output is binary <code>:c</code> output is character <code>:d</code> output is a decimal integer (base 10) <code>:or</code> output is octal integer (base 8) <code>:x</code> output is hexadecimal integer (base 16) <code>:X</code> output is hexadecimal integer (base 16) with uppercase <code>:e</code> output is exponential notation (6-digit base precision) <code>:E</code> output is exponential notation (6-digit base precision) uppercase separator <code>:f</code> output is float (6-digit base precision) <code>:%</code> output is percentage (multiplies * 100, displays as:f)"},{"location":"languages/python/python.html#keyboard-input","title":"Keyboard Input","text":"Python<pre><code># input always returns a STRING\ns = input() # input request without message\ns = input('Prompt') # request input\ni = int(input('prompt')) # request input with type conversion\n\n# MULTIPLE INPUTS\nlist = [int(x) for x in input('prompt'). split('separator')]\n# save multiple inputs in a list(.split separates values \u200b\u200band defines separator\n</code></pre>"},{"location":"languages/python/python.html#numeric-types","title":"Numeric Types","text":"Python<pre><code>a = 77\nb = 1_000_000 # underscore can be used to separate groups of digits\nc = -69\n\n# float numbers\nx = 3.15\ny = 2.71\nz = 25.0\n\nd = 6 + 9j # complex number\n# returns a complex number starting with two reals\ncomplex(real, imag) # -&gt; complex #(real + imag * 1j)\n\ne = 0B1101 # BINARY TYPE(0B ...)\nf = 0xFF # EXADECIMAL TYPE(0X ...)\no = 0o77 # OCTAL TYPE\ng = True # BOOLEAN TYPE\n\n# VARIABLE TYPE CONVERSION\nh = int(y)\ni = float('22 .5 ')\n\n# NUMERIC BASIC CONVERSION\nbin(3616544)\nhex(589)\noct(265846)\n\n# UNICODE CONVERSION\nord(c) # Given a string representing one Unicode character, return an integer representing the Unicode code point of that character\nchr(i) # Return the string representing a character whose Unicode code point is the integer i\n\n\npow(x, y) # x ^ y\nabs(num) # returns absolute value of num(| num |)\nround(num, precision) # rounds number to given precision, does not convert float to int\n</code></pre>"},{"location":"languages/python/python.html#comparison-of-decimal-numbers","title":"Comparison of Decimal Numbers","text":"<p>Do not use <code>==</code> or <code>! =</code> To compare floating point numbers. They are approximations or have several digits. It is worth checking if the difference between the numbers is small enough.</p>"},{"location":"languages/python/python.html#strings","title":"Strings","text":"Python<pre><code>string = 'string content' # assignment and creation of string variable\nstring = '''multi\nline\nstring'''\n\nstring3 = string1 + string2 # string concatenation(operator polymorphism +)\n\n# INDEXING(selection of a character in the string)\nstring[0]\nstring[2]\nstring[-3] # selection starting from the bottom(negative index)\n\n# REPETITION (repeat string output)\nprint(string * n)\n\nlen(string) # show the length of a string\n\n# SLICING (extraction of sub-strings, does not include the position of the last index)\nstring[0: 5]\nstring[: 6]\nstring[-3: -1]\n\n# SLICING WITH STEP\nstring[0: 12: 3]\nstring[15 :: - 1]\nstring[:: - 1] # selection in reverse order (negative step)\n\n# STRIPPING (elimination of spaces before and after string)\nstring = 'stripping test'\nstring.strip()\nstring.lstrip() # only left spaces removed\nstring.rstrip() # only right spaces removed\nstring.removeprefix(prefix) # If the string starts with the prefix string, return string [len (prefix):]\nstring.removesuffix(suffix) # If the string ends with the suffix string and that suffix is \u200b\u200bnot empty, return string [: - len (suffix)]\n\n# SUBSTRING IDENTIFICATION\n#returns starting index of the substring or -1 if it is not present\nstring.find('substring', 0, len (string)) # you can specify the start and end index of the search\n\n# COUNT OF APPARITIONS\nstring.count('t')\n\n# REPLACEMENT\nstring.replace('multi', 'multiple')\n\n# UPPER CASE CONVERSION\nstring.upper()\nstring.lower()\nstring.title()\nstring.capitalize()\n\n# SEPARATION IN LIST ELEMENTS\nstring.split()\nstring.split('separator') # separate using separator (separator omitted in list)\nstring.partition('char') # -&gt; tuple # separates the string from the 3 parts at the first occurrence of separator\n\n# IS_CHECK METHODS -&gt; bool\nstring.isalnum()\nstring.isalpha()\nstring.islower()\nstring.isspace()\nstring.istitle()\nstring.isupper()\nstring.endswith('char')\n\n# JOIN INSTRUCTION()\n''.join(iterable) # merges all elements of the iterable into the new string\n\n# FORMATTING\nstring.center(width, 'char') # stretch the string with char to width\n'...\\t...'.expandtabs() # transform tabs into spaces\n</code></pre>"},{"location":"languages/python/python.html#lists","title":"Lists","text":"Python<pre><code>list = [9, 11, 'WTC', -5.6, True] # lists can contain data of different types\n\nlist[3] # indexing\nlist[3: 5] # slicing\nlist * 3 # repetition\nlen(list) # length\nlist3 = list1 + list2 # list concatenation (operator + polymorphism)\nlist[index] = value # modify list element\ndel (list [1]) # remove by index (INBUILT IN PYTHON)\n# modify the list between the start and stop indices by reassigning the elements of the iterable\nlist[start: stop] = iterable\n\n# LIST METHODS\nlist.append(object) # add object to background\nlist.count(item) # counts the number of occurrences of item\nlist.extend(sequence) # add sequence elements to the list\nlist.insert(position, object) # insert object in list [position]\nlist.index(item) # returns the index of item\nlist.remove(item) # remove item\npoplist(item) # delete item and return it\nlist.clear() # remove all elements\n\nlist.sort() # sorts in ascending order (in place)\nlist.sort(reverse = True) # sorts in descending order (in place)\nlist.reverse() # invert the string (in place)\n\n# CLONING\nlist1 = [...]\nlist2 = list1 # list2 points to the same object of list 1 (changes are shared)\nlist3 = list1 [:] # list3 is a clone of list1 (no shared changes)\n\n# NESTED LISTS (MATRICES)\nlist_1 = [1, 2, 3]\nlist_2 = [4, 5, 6]\nlist_3 = [7, 8, 9]\n\nmatrix = [list_1, list_2, list_3]\nmatrix [i][j] # identify element of list_i index j\n\n# MAXIMUM AND MINIMUM\nmax(list)\nmin(list)\n\n# ALL () &amp; ANY ()\nall(sequence) # returns TRUE if all elements of the sequence are true\nany(sequence) # returns TRUE if at least one element of the sequence has the value True\n\n# MAP INSTRUCTION\n# apply function to iterable and create new list (map object)\n# function can be lambda\nmap(function, iterable) # -&gt; map object\n\n# FILTER INSTRUCTION ()\n# create a new list composed of the iterable elements for which the function returns TRUE\nfilter(function, iterable) # -&gt; filter object\n\n# ZIP INSTRUCTION ()\n# create a tuple generator by joining two or more iterables\n# [(seq_1 [0], seq_2 [0], ...), (seq_1 [1], seq_2 [1], ...), ...]\n# truncate the sequence to the length of the shortest input sequence\nzip(seq_1, seq_2, ...) # -&gt; zip object (tuple generator)\n\n# LIST COMPREHENSIONS\nvar = [expression for element in sequence if condition] # create list from pre-existing list (instead of map, filter, reduce) applying any manipulations\n# expression can be lambda, if is optional\nvar = [expression if condition else statement for element in sequence] # list comprehension with IF-ELSE\nvar = [expression_1 for element in [expression_2 for element in sequence]] # nested list comprehension\nvar = [(exp_1, exp_2) for item_1 in seq_1 for item_2 in seq_2] # -&gt; [(..., ...), (..., ...), ...]\n</code></pre>"},{"location":"languages/python/python.html#tuple","title":"Tuple","text":"Python<pre><code># TUPLES CANNOT BE MODIFIED\ntuple = (69, 420, 69, 'abc') # tuple assignment\ntuple = (44,) # single element tuples need a comma\n\ntuple[3] # indexing\ntuple * 3 # repetition\ntuple.count(69) # counting\ntuple.index(420) # find index\nlen(tuple) # length tuple\n\n# CONVERSION FROM TUPLE TO LIST\ntuple = tuple(list)\n\n# TUPLE UNPACKING\ntup = (item_1, item_2, etc)\nvar_1, var_2, etc = tup\n# var_1 = item_1, var_2 = item_2, ...\n\ntup = (item_1, (item_2, item_3))\nvar_1, (var_2, var_3) = tup\n# var_1 = item_1, var_2 = item_2, var_3 = item_3\n\n#OPERATOR * VAR (tuple unpacking)\nvar_1, var_2, * rest = sequence # var_1 = seq [0], var_2 = seq [1], rest = seq [2:]\nvar_1, * body, var_2, var_3 = sequence # var_1 = seq [0], body = seq [1: -2], var_2 = sequence [-2], var_3 = seq [-1]\n# * var retrieves the excess items, if in parallel assignment usable max once but in any position\n</code></pre>"},{"location":"languages/python/python.html#set","title":"Set","text":"Python<pre><code># SETS MAY NOT CONTAIN REPEATED ELEMENTS (THEY ARE OMITTED)\n# THE ORDER DOES NOT MATTER (NO SLICING, INDEXING, REPETITION, ...)\nset = {10, 20, 30, 'abc', 20}\nlen(set) # length set\nset() # create empty set ({} create empty dictionary)\n# FREEZING SETS (no longer editable)\nfset = frozenset(set)\n\n# OPERATORS\nset_1 - set_2 # elements in set_1 but not in set_2\nset_1 | set_2 # elements in set_1 or set_2\nset_1 &amp; set_2 # elements in set_1 and set_2\nset_1 ^ set_1 # elements in either set_1 or set_2\nset_1 &lt;= set_2 # elements set_1 also in set_2\nset_1 &lt; set_2 # set_1 &lt;= set_2 and set_1! = set_2\nset_1 &gt;= set_2 # elements set_2 also in set_1\nset_1 &gt; set_2 # set_1&gt; = set_2 and set_1! = set_2\n\n# METHODS SET\nset.pop(item) # remove and return item\nset.add(item) # add item to set\n\nset.copy() # -&gt; set # returns a copy of the set\nset.clear() # remove all elements from the set\nset.remove(item) # remove item from set if present, otherwise raise KeyError\nset.discard(item) # remove item from set if present, otherwise do nothing\nset.difference(* sets) # -&gt; set # returns elements in set that are absent in * sets\nset.difference_update(* sets) # remove differences from set_2\nset.union(* sets) # -&gt; set # returns all elements of sets\nset.update(* sets) # add * sets elements to set\nset.intersection(* sets) # -&gt; set # returns the elements common to sets\nset.intersection_update(* sets) # remove all elements except those common to sets\nset.symmetric_difference(* sets) # -&gt; set # returns elements not common to sets\nset.symmetric_difference_update(* sets) # remove all elements common to sets (leave only uncommon elements)\n\nset_1.isdisjoint(set_2) # -&gt; bool # True if there are no common elements (intersection is empty)\nset_1.issubset(set_2) # -&gt; bool # True if every element of set_1 is also in set_2\nset_1.issuperset(set_2) # -&gt; bool # True if every element of set_2 is also in set_1\n\n# SET COMPREHENSIONS\nvar = {expression for element in sequence if condition}\n\n# SLICE OBJECT\n# [start: stop: step] -&gt; slice object (start, stop, step)\nvar_1 = slice(start, stop, step) # assignment to variable\nvar_2[var_1] # same as var_2 [start: stop: step]\n\n# ELLIPSIS OBJECT\nvar[i, ...] # -&gt; shortcut for var [i,:,:,:,]\n# used for multidimensional slices (NumPy, ...)\n</code></pre>"},{"location":"languages/python/python.html#bytes-e-bytearray","title":"Bytes e Bytearray","text":"Python<pre><code># THE BYTES CANNOT BE MODIFIED OR INDEXED\n# THE BYTEARRAYS CAN BE MODIFIED AND INDEXED\n# YOU CANNOT DO REPETITION AND SLICING ON BYTE OR BYTEARRAY\n\nb = bytes(list)\nba = bytearray(list)\n\n# item of bytes and bytearray is always integer between 0 and 255\n# slice of bytes and bytearray is binary sequence (even if len = 1)\n\n# BYTES AND BYTEARRAY METHODS\nbytes.fromhex(pair_hex_digits) # -&gt; byte literal\nb'bite_literal'.hex() # -&gt; str # returns a string containing hex digit pairs\nbytearray.fromhex(pair_hex_digits) # -&gt; byte literal\nbytes.count(subseq, start, end) # returns subseq appearance count between start and end positions\nbytearray.count(subseq, start, end) # returns subseq appearance count between start and end positions\n</code></pre>"},{"location":"languages/python/python.html#encoding-decoding-unicode","title":"Encoding-Decoding &amp; Unicode","text":"<p>Unicode Literals:</p> <ul> <li><code>\\u0041</code> \u2192 'A'</li> <li><code>\\U00000041</code> \u2192 'A'</li> <li><code>\\x41</code> \u2192 'A'</li> </ul> Python<pre><code># ENCODING\n# transform string into literal byte\n# UnicodeEncodeError on error\n# errors = ignore -&gt; skip error-causing characters\n# errors = replace -&gt; replace? to characters causing error\n# errors = xmlcharrefreplace -&gt; substitutes XML entities for error-causing characters\nstring.encode('utf-8', errors = 'replace') # -&gt; b'byte literals'\n\n# BOM (BYTE ORDER MARK)\n# byte literal given to indicate byte ordering (little-endian vs big-endian)\n# in little-endian the least significant bytes come first (e.g. U + 0045 -&gt; DEC 069 -&gt; encoded as 69 and 0)\n# U + FEFF (ZERO WIDTH NO-BREAK SPACE) -&gt; b '\\ xff \\ xfe' indicates little-endian\n\n# DECODING\n# transform byte literal to string\n# error = 'replace' replaces errors (byte literals not belonging to decoding format) with U + FFFD \"REPLACEMENT CHARACTER\"\nbytes.decode ('utf-8', errors = 'replace') # -&gt; str\n\n# UNICODE NORMALIZATION\n# handling canonical unicode equivalents (e.g. \u00e9, and \\ u0301 are equivalent for unicode)\nunicodedata.normalize(form, unicode_string) # FORM: NFC, NFD, NFCK, NFDK\n# NFC -&gt; \"Normalization Form C\" -&gt; produces the shortest equivalent string\n# NFD -&gt; \"Normalization Form D\" -&gt; produces the longest equivalent string\n\n# CASE FOLDING UNICODE\n# transform to lowercase with some differences (116 differences, 0.11% of Unicode 6.3)\nstring.casefold()\n\n# USEFUL FUNCTIONS FOR NORMALIZED EQUIVALENCE (Source: Fluent Python p. 121, Luciano Ramalho)\nfrom unicodedata import normalize\n\ndef nfc_eual(str_1, str_2):\n    return (normalize('NFC', str1) == normalize('NFC', str2))\ndef fold_equal (str_1, str_2):\n    return (normalize('NFC', str_1).casefold() ==\n            normalize('NFC', st_2).casefold())\n</code></pre>"},{"location":"languages/python/python.html#memoryview","title":"Memoryview","text":"Python<pre><code># memoryview objects allow python to access the data inside the object\n# without copy if it supports the buffer protocol\nv = memoryview(object) # create a memoryview with reference to object\n# slice of memoryview produces new memoryview\n\n# MEMORYVIEW METHODS\nv.tobytes() # return data as bytestring, equivalent to bytes (v)\nv.hex() # returns string containing two hex digits for each byte in the buffer\nv.tolist() # returns the data in the buffer as a list of elements\nv.toreadonly()\nv.release() # release the buffer below\nv.cast(format, shape) # change the format or shape of the memoryview\nsee object # object of the memoryview\nv.format # format of the memoryview\nv.itemsize # size in bytes of each element of the memoryview\nv.ndim # integer indicating the size of the multidimensional array represented\nv.shape # tuple of integers indicating the shape of the memoryview\n</code></pre> Format String C Type Python Type Standard Size <code>x</code> <code>pad byte</code> <code>no value</code> <code>c</code> <code>char</code> <code>bytes</code> <code>1</code> <code>b</code> <code>signed char</code> <code>integer</code> <code>1</code> <code>B</code> <code>unsigned char</code> <code>integer</code> <code>1</code> <code>?</code> <code>_Bool</code> <code>bool</code> <code>1</code> <code>h</code> <code>short</code> <code>integer</code> <code>2</code> <code>H</code> <code>unsigned short</code> <code>integer</code> <code>2</code> <code>i</code> <code>int</code> <code>integer</code> <code>4</code> <code>I</code> <code>unsigned int</code> <code>integer</code> <code>4</code> <code>l</code> <code>long</code> <code>integer</code> <code>4</code> <code>L</code> <code>unsigned long</code> <code>integer</code> <code>4</code> <code>q</code> <code>long long</code> <code>integer</code> <code>8</code> <code>Q</code> <code>unsigned long long</code> <code>integer</code> <code>8</code> <code>n</code> <code>ssize_t</code> <code>integer</code> <code>N</code> <code>size_t</code> <code>integer</code> <code>f</code> <code>float</code> <code>float</code> <code>4</code> <code>F</code> <code>double</code> <code>float</code> <code>8</code> <code>s</code> <code>char[]</code> <code>bytes</code> <code>P</code> <code>char[]</code> <code>bytes</code>"},{"location":"languages/python/python.html#dictionaries","title":"Dictionaries","text":"Python<pre><code># SET OF KEY-VALUE PAIRS\nd = {1: 'Alex', 2: 'Bob', 3: 'Carl'}\nd = dict (one = 'Alex', two = 'Bob', three = 'Carl')\nd = dict (zip ([1,2,3], ['Alex', 'Bob', 'Carl']))\nd = dict ([(1, 'Alex'), (2, 'Bob'), (3, 'Carl')])\n\nd[key] # returns value associated with key\nd[4] = 'Dan' # add or change element\nlist(d) # returns a list of all elements\nlen(d) # returns the number of elements\ndel(d[2]) # delete element\n\n# DICTIONARY METHODS\nd.clear() # remove all elements\nd.copy() # shallow copy of the dictionary\nd.get(key) # returns the value associated with key\nd.items() # return key-value pairs (view object)\nd.keys() # return dictionary keys (view object)\nd.values\u200b\u200b() # returns dictionary values \u200b\u200b(view object)\nd.pop(key) # remove and return the value associated with key\nd.popitem() # remove and return the last key-value pair\nd.setdefault(key, default) # if the key is present in the dictionary it returns it, otherwise it inserts it with the default value and returns default\n\nd.update(iterable) # add or modify dictionary elements, argument must be key-value pair\n\n# DICT UNION\nd = {'spam': 1, 'eggs': 2, 'cheese': 3}\ne = {'cheese': 'cheddar', 'aardvark': 'Ethel'}\n\nd | e # {'spam': 1, 'eggs': 2, 'cheese': 'cheddar', 'aardvark': 'Ethel'}\ne | d # {'aardvark': 'Ethel', 'spam': 1, 'eggs': 2, 'cheese': 3}\nd |= e # {'spam': 1, 'eggs': 2, 'cheese': 'cheddar', 'aardvark': 'Ethel'}\n\n# NESTED DICTIONARIES (it is possible to nest dictionaries within dictionaries)\nmy_dict = {'key_1': 123, 'key_2': [12, 23, 33], 'key_3': ['item_0', 'item_1', 'item_2']}\nmy_dict ['key'][0] # returns nested element\n\n# DICT COMPREHENSIONS\nvar = {key: value for element in sequence}\n</code></pre>"},{"location":"languages/python/python.html#operators","title":"Operators","text":""},{"location":"languages/python/python.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation x <code>+</code> y addition, string concatenation x <code>-</code> y subtraction x <code>*</code> y multiplication x <code>*+</code> y exponentiation x <code>/</code> y division (result always float) x <code>//</code> y integer division x <code>%</code> y modulo, remainder"},{"location":"languages/python/python.html#relational-operators","title":"Relational Operators","text":"Operator Operation x <code>&lt;</code> y less than x <code>&lt;=</code> y less or equal to x <code>&gt;</code> y greater than x <code>&gt;=</code> y greater or equal to x <code>==</code> y equality x <code>!=</code> y inequality"},{"location":"languages/python/python.html#assignment","title":"Assignment","text":"Operator Operation x <code>+=</code> y x = x + y x <code>-=</code> y x = x - y x <code>*=</code> y x = x * y x <code>/=</code> y x = x / y x <code>//=</code> y x = x // y x <code>%=</code> y x = x % y x <code>&lt;&lt;=</code> y x = x &lt;&lt; y x <code>&gt;&gt;=</code> y x = x &gt;&gt; y x <code>&amp;=</code> y x = x &amp; y x <code>| =</code> y x = x x <code>^=</code> y x = x ^ y"},{"location":"languages/python/python.html#bitwise-operators","title":"Bitwise Operators","text":"Operator Operation <code>~</code>x bitwise NOT x <code>&amp;</code> y bitwise AND x <code>^</code> y bitwise XOR x <code>|</code> y bitwise OR x <code>&lt;&lt;</code> y left bit shift x <code>&gt;&gt;</code> y right bit shift"},{"location":"languages/python/python.html#logical-operators","title":"Logical Operators","text":"Operator Operation <code>and</code> logical AND <code>or</code> logical OR <code>not</code> logical NOT"},{"location":"languages/python/python.html#identity-operators","title":"Identity Operators","text":"Operator Operation <code>is</code> reference equality <code>is not</code> reference inequality"},{"location":"languages/python/python.html#membership-operators","title":"Membership Operators","text":"Operator Operation <code>in</code> item in collection <code>not in</code> item not in collection"},{"location":"languages/python/python.html#operator-precedence","title":"OPerator Precedence","text":"<ol> <li>assignment operators <code>+=</code>, <code>-=</code>, <code>*=</code>, <code>/=</code>, <code>%=</code>, <code>**=</code>, <code>//=</code></li> <li>binary arithmetic operators <code>*</code>, <code>/</code>, <code>%</code>, <code>//</code> (floor division)</li> <li>binary arithmetic operators <code>+</code>, <code>-</code></li> <li>boolean operators <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code>, <code>&gt;=</code></li> <li>boolean operators <code>==</code>, <code>!=</code></li> <li>boolean operator <code>and</code></li> <li>boolean operator <code>or</code></li> <li>boolean operator <code>not</code></li> </ol>"},{"location":"languages/python/python.html#conditional-statements","title":"Conditional Statements","text":"<p>Any object can be tested for truth value for use in an if or while condition or as operand of the Boolean operations.</p> <p>built-in objects considered false:</p> <ul> <li>constants defined to be false: <code>None</code> and <code>False</code>.</li> <li>zero of any numeric type: <code>0</code>, <code>0.0</code>, <code>0j</code>, <code>Decimal(0)</code>, <code>Fraction(0, 1)</code></li> <li>empty sequences and collections: <code>''</code>, <code>()</code>, <code>[]</code>, <code>{}</code>, <code>set()</code>, <code>range(0)</code></li> </ul>"},{"location":"languages/python/python.html#if-else","title":"<code>if-else</code>","text":"Python<pre><code>if (condition):\n    # code here\nelif (condition):\n    # code here\nelse:\n    # code here\n</code></pre>"},{"location":"languages/python/python.html#context-manager","title":"Context Manager","text":"Python<pre><code>with resource as target:\n     # code here\n\n# start context manager and bind resource returned by method to target using as operator\ncontextmanager.__enter__(self)\n\n# exit runtime context\n# returns exc_type, exc_value, traceback\ncontextmanager.__exit__(self, exc_type, exc_value, traceback)\n# exc_type: exception class\n# exc_value: exception instance\n# traceback: traceback object\n# NO EXCEPTION -&gt; returns None, None, None\n# SUPPRESSION EXCEPTION: Must return True value\n</code></pre>"},{"location":"languages/python/python.html#loops","title":"Loops","text":""},{"location":"languages/python/python.html#while","title":"<code>while</code>","text":"Python<pre><code>while(condition):\n     # code here\nelse:\n     # executed only if condition becomes False\n     # break, continue, return in block while do not perform else block\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#for","title":"<code>for</code>","text":"Python<pre><code>for index in sequence: # sequence can be a list, set, tuple, etc ..\n     # code here\nelse:\n     # executed only if for reaches the end of the loop\n     # break, continue, return in block for do not perform else block\n     # code here\n\nfor index in range (start, end, step):\n     # code here\n\nfor key, value in dict.items ():\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#break-continue","title":"<code>break</code> &amp; <code>continue</code>","text":"<p><code>break</code>: causes the loop to exit immediately without executing subsequent iterations <code>continue</code>: skip the remaining iteration statements and continue the loop</p>"},{"location":"languages/python/python.html#range","title":"<code>range</code>","text":"Python<pre><code>range(start, end, step) # generate sequence num integers (does not include num stops) with possible step\nlist(range(start, end, step)) # return sequence of integers in a list\n</code></pre>"},{"location":"languages/python/python.html#enumerate","title":"<code>enumerate</code>","text":"Python<pre><code>enumerate(iterable) # iterable of item &amp; index pairs\nlist(enumerate(iterable)) # returns list of tuples [(1, iterable [0]), (2, iterable [1]), (3, iterable [2])]\n</code></pre>"},{"location":"languages/python/python.html#zip","title":"<code>zip</code>","text":"Python<pre><code>list_1 = [1, 2, 3, 4, 5]\nlist_2 = ['a', 'b', 'c', 'd', 'e']\n\nzip(list_1, list_2) # return zip object\nlist(zip(list_1, list_2)) # returns list of tuples by merging list [(list_1 [0], list_2 [0]), (list_1 [1], list_2 [1]), ...]\n</code></pre>"},{"location":"languages/python/python.html#shuffle-randint","title":"<code>shuffle</code> &amp; <code>randint</code>","text":"Python<pre><code>from random import shuffle, randint\nshuffle(iterable) # shuffle the list\nrandint(start, end) # returns a random integer between start and end\n</code></pre>"},{"location":"languages/python/python.html#in","title":"<code>in</code>","text":"Python<pre><code>item in iterable # check for the presence of item in iterable (returns True or False)\n</code></pre>"},{"location":"languages/python/python.html#functions","title":"Functions","text":""},{"location":"languages/python/python.html#function-definition","title":"Function Definition","text":"Python<pre><code>def function_name (parameters):\n     \"\" \"DOCSTRING\" \"\"\n     # code here\n     return expression # if return id missing the function returns None\n</code></pre>"},{"location":"languages/python/python.html#specify-type-parameters-in-functions","title":"Specify Type Parameters In Functions","text":"<ul> <li>parameters before <code>/</code> can only be positional</li> <li>parameters between <code>/</code> and <code>*</code> can be positional or keyworded</li> <li>parameters after <code>*</code> can only be keyworded</li> </ul> Python<pre><code>def func (a, b, /, c, d, *, e, f):\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#docstring-style","title":"Docstring Style","text":"Python<pre><code>\"\"\"function description\n\nArgs:\n     argument: Type - description of the parameter\n\nReturns:\n     Type - description of &lt;expr&gt;\n\nRaises:\n     Exception: Cause of the exception\n\"\"\"\n</code></pre>"},{"location":"languages/python/python.html#args-kwargs","title":"args *kwargs","text":"<p><code>*args</code> allows the function to accept a variable number of parameters (parameters stored in a tuple) <code>**kwargs</code> allows the function to accept a variable number of key-value parameters (parameters stored in a dictionary)</p> <p>When used in combination <code>*args</code> always goes before<code>**kwargs</code> (in def function and in function call)</p> Python<pre><code>def func(*args, **kwargs):\n    # code here\n</code></pre>"},{"location":"languages/python/python.html#function-with-default-parameters","title":"Function with default parameters","text":"Python<pre><code>def function(parameter1 = value1, parameter2 = value3): # default values in case of omitted use of arguments in the call\n     # code here\n     return expression\n\nfunction(parameter2 = value2, parameter1 = value1) # arguments passed with keyword to enforce the order of reference\n</code></pre>"},{"location":"languages/python/python.html#global-and-local-variables","title":"Global And Local Variables","text":"Python<pre><code># global scope\n\ndef external_func():\n     # enclosing local scope\n\n     def internal_func():\n         # local scope\n</code></pre> <p>LEGB Rule:</p> <ul> <li>L - Local: Names assigned in any way within a function (<code>def</code> or <code>lambda</code>), and not declared global in that function.</li> <li>E - Enclosing function locals: Names in the local scope of any and all enclosing functions (<code>def</code> or <code>lambda</code>), from inner to outer.</li> <li>G - Global (module): Names assigned at the top-level of a module file, or declared global in a def within the file.</li> <li>B - Built-in (Python): Names preassigned in the built-in names module : <code>open</code>, <code>range</code>, <code>SyntaxError</code>,...</li> </ul> <p><code>Note</code>: variables declared inside a function are not usable outside</p> Python<pre><code>def function():\n     # global statement makes a variable global\n     # actions on global variable within the function also have an effect outside\n\n     global variable\n</code></pre>"},{"location":"languages/python/python.html#iterables-iterators-generators","title":"Iterables, Iterators &amp; Generators","text":"<p>Iterable: object implementing <code>__iter __()</code>, sequences and objects supporting <code>__getitem__</code> with index <code>0</code></p> <p>Iterator: object implementing <code>__next__</code> and <code>__iter__</code> (iterator protocol), when entirely consumed by <code>next()</code> it becomes unusable. Returns <code>StopIteration</code> when <code>next()</code> has returned all elements.</p> <p>Generator Function: function with keyword <code>yield</code> (if present also <code>return</code> causes <code>StopIteration</code>), returns a generator that produces the values \u200b\u200bone at a time.</p> <p>Generator Factory: generator returning function (may not contain <code>yield</code>).</p> <p>Operation <code>iter()</code>:</p> <ul> <li>calls <code>__iter__()</code></li> <li>in the absence of it python uses <code>__getitem__()</code> (if present) to create an iterator that tries to retrieve the items in order, starting from the index <code>0</code></li> <li>on failure it returns <code>TypeError</code></li> </ul> <p>Note: <code>abc.Iterable</code> does not check for the presence of <code>__getitem__</code> to decide if a sub-object is a member therefore the best test for iterability is to use <code>iter()</code> and handle exceptions.</p>"},{"location":"languages/python/python.html#next-iter","title":"<code>next()</code> &amp; <code>iter()</code>","text":"Python<pre><code>next(iterable) # next item of the iterable or error StopIteration\n\niter(object) # get an iterator from an object\n# call callable_onj.next () with no arguments as long as it returns non-sentinel values\n\niter(callable_obj, sentinel)\n</code></pre>"},{"location":"languages/python/python.html#customs-generators","title":"Customs Generators","text":"<p>Used to generate a sequence of values to be used once (they are not stored)</p> Python<pre><code>def custom_generator(parameters):\n     while condition: # or for loop\n         yield variable # returns the value without terminating the function, values passed to the caller without storing in a variable\n\n# generator implementation\nfor item in custom_generator(parameters):\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#termination-generator-and-exception-handling","title":"Termination Generator And Exception Handling","text":"Python<pre><code># raise exception at the suspension point and return generator value\n# if the generator terminates without returning values it raises StopIteration\n# if an exception is not handled it is propagated to the caller\ngenerator.throw(ExceptionType, exception_value, traceback)\n\n# raises GeneratorExit to the point of suspension\n# if generator returns a value -&gt; RuntimeError\n# if an exception is raised it propagates to the caller\ngenerator.close()\n</code></pre>"},{"location":"languages/python/python.html#generator-comprehensions","title":"Generator Comprehensions","text":"Python<pre><code># zero-length sequence (instantaneously generated values)\nvar = (for expression iterable in sequence if condition)\n# EDUCATION ENUMERATE ()\n# returns a list of tuples associating a position index to each element of the sequence\n# [(0, sequence [0]), (1, sequence [1]), (2, sequence [2]), ...)\nenumerate(sequence) # -&gt; enumerate object\n</code></pre>"},{"location":"languages/python/python.html#coroutines","title":"Coroutines","text":"Python<pre><code>def simple_coroutine():\n    \"\"\"coroutine defined as a generator: yield in block\"\"\"\n\n    # yield in expression to receive data\n    # returns None (no variables on the right of yield)\n    var = yield value # returns value and then suspends coroutine waiting for input\n    # instructions to the right of = executed before instructions to the left of =\n\ngen_obj = simple_coroutine() # returns generator object\nnext(gen_obj) # start coroutine (PRIMING)\ngen_obj.send(None) # start coroutine (PRIMING)\ngen_obj.send(value) # send value to the coroutine (only possible in suspended state)\n\n# STATES OF COROUTINE\ninspect.generatorstate() # returns the status of the coroutine\n# GEN_CREATED: waiting to start execution\n# GEN_RUNNING: currently run by the interpreter (visible if multithreaded)\n# GEN_SUSPENDED: currently suspended by yield statement\n# GEN_CLOSED: execution completed successfully\n\n# COROUTINE PRIMING\nfrom functools import wraps\n\ndef coroutine(func):\n    \"Decorator: primes 'func' by advancing to first 'yield'\"\n\n    @wraps(func)\n    def primer(*args, **kwargs):\n        gen = func(*args, **kwargs)\n        next(gen)\n        return gen\n    return primer\n\n# COROUTINE TERMINATION AND EXCEPTION HANDLING\n# exceptions in unhandled coroutines propagate to subsequent iterations\n# an exception causes the coroutine to terminate which it cannot resume\n\n# yield raises exception, if handled loop continues\n# throw() returns value of the generator\ncoroutine.throw(exc_type, exc_value, traceback)\n\n# yield raises GeneratorExit to the suspension point\n# if the generator yields a value -&gt; RuntimeError\n# if there are other exceptions they are propagated to the caller\ncoroutine.close()\n# coroutine state becomes GEN_CLOSED\n</code></pre>"},{"location":"languages/python/python.html#yield-from-iterabile","title":"<code>yield from &lt;iterabile&gt;</code>","text":"<p>Note: auto-priming generators incompatible with <code>yield from</code></p> <p>DELEGATING GENERATOR: generator function containing <code>yield from</code> SUBGENERATOR: generator obtained from <code>yield from</code> CALLER-CLIENT: code calling delegating generator</p> <p>The main function of <code>yield from</code> is to open a bidirectional channel between the external caller (client) and the internal subgenerator so that values and exceptions can pass between the two.</p> <ol> <li>client calls delegating generator, delegating generator calls subgenerator</li> <li>exhausted subgenerator returns value to <code>yield from &lt;expr&gt;</code> (<code>return &lt;result&gt;</code> statement)</li> <li> <p>delegating generator returns <code>&lt;expr&gt;</code> to client</p> </li> <li> <p>Any values that the subgenerator yields are passed directly to the caller of the delegating generator (i.e., the client code).</p> </li> <li> <p>Any values sent to the delegating generator using <code>send()</code> are passed directly to the subgenerator.</p> </li> <li>If the sent value is <code>None</code>, the subgenerator's <code>__next__()</code> method is called.</li> <li>If the sent value is not <code>None</code>, the subgenerator's <code>send()</code> method is called.</li> <li>If the call raises <code>StopIteration</code>, the delegating generator is resumed.</li> <li> <p>Any other exception is propagated to the delegating generator.</p> </li> <li> <p><code>return &lt;expr&gt;</code> in a generator (or subgenerator) causes <code>StopIteration(&lt;expr&gt;)</code> to be raised upon exit from the generator.</p> </li> <li> <p>The value of the <code>yield from</code> expression is the first argument to the <code>StopIteration</code> exception raised by the subgenerator when it terminates.</p> </li> <li> <p>Exceptions other than <code>GeneratorExit</code> thrown into the delegating generator are passed to the <code>throw()</code> method of the subgenerator.</p> </li> <li>If the call raises <code>StopIteration</code>, the delegating generator is resumed.</li> <li> <p>Any other exception is propagated to the delegating generator.</p> </li> <li> <p>If a <code>GeneratorExit</code> exception is thrown into the delegating generator, or the <code>close()</code> method of the delegating generator is called, then the <code>close()</code> method of the subgenerator is called if it has one.</p> </li> <li>If this call results in an exception, it is propagated to the delegating generator.</li> <li>Otherwise, <code>GeneratorExit</code> is raised in the delegating generator</li> </ol> Python<pre><code>def sub_gen():\n     sent_input = yield\n     # result of sub_gen() returned to delegating_gen()\n     # result of yield from &lt;expr&gt;\n\n     return result\n\ndef delegating_gen(var):\n     var = yield from sub_gen() # get values from sub_gen\n\ndef client():\n     result = delegating_gen() # use delegating_gen\n     result.send(None) # terminate sub_gen instance (IMPORTANT)\n</code></pre>"},{"location":"languages/python/python.html#lambda-functions","title":"LAMBDA Functions","text":"<p>Possible use within functions. Useful for replacing functions if the logic is simple.</p> Python<pre><code>var = lambda argument_list: &lt;expression&gt;\n</code></pre>"},{"location":"languages/python/python.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/python/python.html#class-definition","title":"Class Definition","text":"Python<pre><code>class Class:\n\n    static_var = expression\n\n    def __init__(self, value_1, value_2): # parameterized default constructor\n        self.variable = value_1 # create instance variables\n        self.__private = value_2 # private, accessed via NAME MANGLING\n\n    def method(self, parameters):\n        ...\n\n    @staticmethod\n    def static_method(parameters): # static methods do not affect instance variables (SELF not needed)\n        ...\n\n    @classmethod # method acting on the class and not on the object (useful for alternative constructors)\n    def class_method(cls, parameters):\n        ...\n\n    object = Class(parameters) # creation of an object\n    object.variable = expression # edit public variable\n    object.method(parameters) # invocation method of instance\n    object._Class__private # access to variable specifying the membership class (NAME MANGLING)\n    Class.method(parameters) # static method invocation\n</code></pre>"},{"location":"languages/python/python.html#setter-getter-with-property","title":"Setter &amp; Getter with <code>@Property</code>","text":"Python<pre><code>class Class:\n     def __init__(self, parameter):\n         self.__parameter = parameter\n\n     @property # getter\n     def parameter(self):\n         return self.__parameter\n\n     @&lt;parameter&gt;.setter\n     def parameter(self, value):\n         self.__parameter = value\n</code></pre>"},{"location":"languages/python/python.html#__slots__","title":"<code>__slots__</code>","text":"<p>The <code>__slots__</code> attribute implements the Flyweight Design Pattern: it saves the instance attributes in a tuple and can be used to decrease the cost in memory by inserting only the instance variables into it (suppress the instance dictionary).</p> <p>Default: attributes saved in a dictionary (<code>object .__ dict__</code>) Usage: <code>__slots_ = [attributes]</code></p> <p><code>__slots__</code> is not inherited by subclasses, it prevents dynamically adding attributes.</p>"},{"location":"languages/python/python.html#inner-classes","title":"Inner Classes","text":"Python<pre><code>class Class:\n     def __init__(self, parameters):\n         ...\n\n     class InnerClass:\n         def __init__(self, parameters):\n             ...\n\n         def method(self):\n             ...\n\nobject_1 = Class(arguments) # create 'external' class\nobject_2 = Class.InnerClass(arguments) # inner class created as object of the 'external' class\n</code></pre>"},{"location":"languages/python/python.html#special-methods","title":"Special Methods","text":"<p>Special methods are defined by the use of double underscores; they allow the use of specific functions (possibly adapted) on the objects defined by the class.</p> Python<pre><code>class Class():\n\n     def __init__(self, parameters):\n         instructions\n\n     # used by str() and print() method\n     # handle requests for impersonation as a string\n     def __str__ (self):\n         return expression # return required\n\n     def __len__ (self):\n         return expression # must return as len requires a length / size\n\n     def __del__ (self): # delete the class instance\n         instruction # any instructions that occur on deletion\n\nobject = Class()\nlen(object) # special function applied to an object\ndel object # delete object\n</code></pre>"},{"location":"languages/python/python.html#special-methods-list","title":"Special Methods List","text":"<p>Note: if the operator cannot be applied, returns <code>NotImplemented</code></p> Python<pre><code># arithmetic operators\n__add__(self, other)         # +\n__sub__(self, other)         # -\n__mul__(self, other)         # *\n__matmul__(self, other)      # (@) matrix multiplication\n__truediv__(self, other)     # /\n__floordiv__(self, other)  # //\n__mod__(self, other)         # %\n__divmod__(self, other)      # divmod()\n__pow__(self, other)         # **, pow()\n__lshift__(self, other)      # &lt;&lt;\n__rshift__(self, other)      # &gt;&gt;\n__and__(self, other)         # &amp;\n__xor__(self, other)         # ^\n__or__(self, other)          # |\n\n# reflex arithmetic operators\n# if self.__ dunder __(other) fails, other.__ dunder__(self) is called\n__radd__(self, other)         # reverse +\n__rsub__(self, other)         # reverse -\n__rmul__(self, other)         # reverse *\n__rmatmul__(self, other)      # reverse @\n__rtruediv__(self, other)     # reverse /\n__rfloordiv__(self, other)    # reverse //\n__rmod__(self, other)         # reverse %\n__rdivmod__(self, other)      # reverse divmod()\n__rpow__(self, other)         # reverse **, pow()\n__rlshift__(self, other)      # reverse &lt;&lt;\n__rrshift__(self, other)      # reverse &gt;&gt;\n__rand__(self, other)         # reverse &amp;\n__rxor__(self, other)         # reverse ^\n__ror__(self, other)          # reverse |\n\n# in-place arithmetic operators\n# base implementation (built-in) like self = self &lt;operator&gt; other\n#! not to be implemented for immutable objects!\n#! in-place operators return self!\n__iadd__(self, other)         # +=\n__isub__(self, other)         # -=\n__imul__(self, other)         # *=\n__imatmul__(self, other)      # @=\n__itruediv__(self, other)     # /=\n__ifloordiv__(self, other)    # //=\n__imod__(self, other)         # %=\n__ipow__(self, other)         # **=\n__ilshift__(self, other)      # &lt;&lt;=\n__irshift__(self, other)      # &gt;&gt;=\n__iand__(self, other)         # &amp;=\n__ixor__(self, other)         # ^=\n__ior__(self, other)          # |=\n\n# unary mathematical operators (-, +, abs (), ~)\n__neg__(self)  # (-) negazione matematica unaria [if x = 2 then -x = 2]\n__pos__(self)  # (+) addizione unaria [x = +x]\n__abs__(self)  # [abs()] valore assoluto [|-x| = x]\n__invert__(self)  # (~) inversione binaria di un intero [~x == -(x + 1)]\n\n# numeric type conversion\n__complex__(self)\n__int__(self)  # if not defined fall-back on __trunc__()\n__float__(self)\n__index__(self)  # conversion in bin(), hex(), oct() e slicing\n\n# operations round() math.trunc(), math.floor(), math.ceil()\n__round__(self)\n__trunc__(self)\n__floor__(self)\n__ceil__(self)\n\n# equality operators\nself.__eq__(other)  # self == other\nself.__ne__(other) # self != other\nself.__gt__(other) # self &gt; other\nself.__ge__(other) # self &gt;= other\nself.__lt__(other) # self &lt; other\nself.__le__(other) # self &lt;= other\n\n# reflected equality operators\nother.__eq__(self)  # other == self,   fall-back id(self) == id(other)\nother.__ne__(self)  # other != self,   fall-back not (self == other)\nother.__gt__(self)  # reverse self &lt; other,   fall-back TypeError\nother.__ge__(self)  # reverse self &lt;= other,   fall-back TypeError\nother.__lt__(self)  # reverse self &gt; other,   fall-back TypeError\nother.__le__(self)  # reverse self &gt;= other,   fall-back TypeError\n\n# called when the instance is \"called\" as a function\n# x (arg1, arg2, arg3) is short for x .__ call __ (arg1, arg2, arg3)\n__call__(self, args)\n\n# string object representation for the developer\n__repr__(self)\n\n# string object representation for user (used by print)\n__str__(self)\n\n# specify formatting for format ), str.format() [format_spec = format-mini-language]\n__format__(format_spec)\n\n# returns unique (integer) value for objects that have equal value\n# __EQ__ MUST EXIST IN THE CLASS, usually hash((self.param_1, self.param_2, ...))\n__hash__(self)\n\n# makes object iterable:\n# - returning self (in the iterator)\n# - returning an iterator (in the iterable)\n# - using yield (in the __iter__ generator)\n__iter__(self)\n\n# returns next available element, StopIteration otherwise (iterator scrolls)\n__next__()\n\n# returns truth value\n__bool__()\n\n# returns item associated with key of a sequence (self [key])\n# IndexError if key is not appropriate\n__getitem__(self, key)\n\n# item assignment operation in sequence (self [key] = value)\n# IndexError if key is not appropriate\n__setitem__(self, key, value)\n\n# operation deleting item in sequence (del self [key])\n# IndexError if key is not appropriate\n__delitem__(self, key)\n\n# called by dict.__getitem__() to implement self [key] if key is not in the dictionary\n__missing__(self, key)\n\n# implement container iteration\n__iter__(self)\n\n# implement membership test\n__contains__(self, item)\n\n# implementation issublass (instance, class)\n__instancecheck__(self, instance)\n\n# implementation issubclass (subclass, class)\n__subclasscheck__(self, subclass)\n\n# implement attribute access (obj.name)\n# called if AttributeError happens or if called by __getattribute __()\n__getattr__(self, name)\n\n# implement value assignment to attribute (obj.name = value)\n__setattr__(self, name, value)\n</code></pre> <p>Note: Itearbility is tricky.</p> <p>To make an object directly iterable (<code>for i in object</code>) <code>__iter__()</code> and <code>__next__()</code> are needed. To make an iterable through an index (<code>for i in range(len(object)): object[i]</code>) <code>__getitem()__</code> is needed.</p> <p>Some of the mixin methods, such as <code>__iter__()</code>, <code>__reversed__()</code> and <code>index()</code>, make repeated calls to the underlying <code>__getitem__()</code> method. Consequently, if <code>__getitem__()</code> is implemented with constant access speed, the mixin methods will have linear performance; however, if the underlying method is linear (as it would be with a linked list), the mixins will have quadratic performance and will likely need to be overridden.</p>"},{"location":"languages/python/python.html#inheritance","title":"Inheritance","text":"Python<pre><code>class Parent ():\n    def __init __ (self, parameters):\n        ...\n\n    def method_1(self):\n        ...\n\n    def method_2(self):\n        ...\n\nclass Child(Parent): # parent class in parentheses to inherit variables and methods\n\n    def __init__(self, parameters, parent_parameters):\n        Parent.__init__(self, parent_parameters) # inherit parent variables\n        ...\n\n    def method (self):\n        ...\n\n    def method_parent_1 (self): # override method (child class with homonymous method to parent class)\n        ...\n\nclass Child(Parent): # parent class in brackets to inherit properties\n\n    def __init__(self, parameters, parent_parameters):\n        super().__init__(parent_parameters) # different method to inherit parent variables (SELF not needed) using SUPER()\n        super(Parent, self).__init__(parent_parameters) # parent constructor invoked separately\n\n    def method(self):\n        ...\n\n    def method_2(self): # parent method updated\n        super().method_2() # invoke parent method as is\n        ...\n</code></pre>"},{"location":"languages/python/python.html#polymorphism","title":"Polymorphism","text":"<p>Note: python does not support method overloading</p> Python<pre><code># DUCKTYPING\n# Working with objects regardless of their type, as long as they implement certain protocols\n\nclass Class1:\n    def method_1(self):\n        ...\n\nclass Class2:\n    def method_1(self):\n        ...\n\n# since python is a dynamic language it doesn't matter what type (class) the object passed is\n# the function invokes the object method passed regardless of the object class\ndef polymorph_method(object):\n    object.method_1()\n\n# DEPENDENCY INJECTION WITH DUCKTYPING\nclass Class:\n    def __init__(self, object):\n        self.dependency = object\n\n    def method_1(self): # the function invokes the method of the object passed\n        self.dependency.method_1()\n</code></pre>"},{"location":"languages/python/python.html#operator-overloading","title":"Operator Overloading","text":"<p>Operators fundamental rule: always return an object, if operation fails return <code>NotImplemented</code></p> <p>Limitations of operator overloading:</p> <ul> <li>no overloading of built-in types</li> <li>no creation of new operators</li> <li>no overloading operators <code>is</code>, <code>and</code>, <code>or</code>, <code>not</code></li> </ul>"},{"location":"languages/python/python.html#astrazione","title":"Astrazione","text":"<p>The interfaces are abstract classes with all abstract methods, they are used to indicate which methods such as child classes must have. Interfaces have only a list of abstract methods.</p> <p>abstract classes have at least one abstract method; child classes that inherit from an abstract class must implement abstract methods. Abstract classes cannot be instantiated.</p> <p>Virtual subclasses are used to include third-party classes as subclasses of a class of their own. They are recognized as belonging to the parent class without however having to implement their methods.</p> <p>The <code>@Class.register</code> or <code>Class.register(subclass)</code> decorators are used to mark subclasses.</p> Python<pre><code>from abc import abstractmethod, ABC\n\nclass Abstract(ABC): # abstract class MUST INHERIT from parent class ABC\n    def __init__(self, parameters):\n        ...\n\n    def parent_method (self):\n        ...\n\n    @abstractmethod # abstract method MUST be marked with @abstractmethod decorator\n    def abstract_method (self):\n        pass\n        # abstract method MUST be overridden (can be non-empty)\n        # super() to invoke it in the concrete class\n\nclass Child(Abstract):\n\n    def __init__(self, parameters, parent_parameters):\n        parent_class.__init__(self, parent_parameters)\n\n    def method (self):\n        ...\n\n    def parent_method (self): # override method (child class with homonymous method to parent class)\n        ...\n\n    def abstract_method (self): # implementation of abstract method inherited from abstract class (NECESSARY) by override\n        ...\n</code></pre>"},{"location":"languages/python/python.html#exception-handling","title":"Exception Handling","text":"Python<pre><code># CHECK ASERATIONS\nassert condition, 'error message' # if the assertion is false show an error message\n\n# particular errors are objects of a particular class of exceptions which in turn is a child of the base exception class (exception)\nclass CustomExceptionError(Exception): # MUST somehow inherit from class exception (even in later inheritance steps)\n    pass # or instructions\n\n# try block contains code that might cause an exception\n# code inside try and after the error it is not executed\ntry:\n    ...\n    raise CustomExceptionError (\"message\") # raise the exception\n\n# except takes control of error handling without passing through the interpreter\n# block executed if an error occurs in try\n\n# except error specified by class\nexcept ExceptionClass:\n    # Default error message is not shown\n    # the program does not stop\n\n# except on generic errors\nexcept:\n     # code here\n\n# block executed if exception does not occur\nelse:\n    # code here\n\n# block executed in all cases, cleanup code goes here\nfinally:\n    # code here\n</code></pre>"},{"location":"languages/python/python.html#file","title":"File","text":""},{"location":"languages/python/python.html#opening-a-file","title":"Opening A File","text":"<p>Text file opening mode:</p> <ul> <li><code>w</code>: write, overwrite the contents of the file</li> <li><code>r</code>: read, read file contents</li> <li><code>a</code>: append, add content to the file</li> <li><code>w +</code>: write &amp; read</li> <li><code>r +</code>: write &amp; read &amp; append</li> <li><code>a +</code>: append &amp; read</li> <li><code>x</code>: exclusive creation, if the file already exists -&gt; <code>FileExistError</code> (extended write mode)</li> </ul> <p>Open binary file mode:</p> <ul> <li><code>wb</code>: write, overwrites the contents of the file</li> <li><code>rb</code>: read, read file contents</li> <li><code>ab</code>: append, add content to the file</li> <li><code>w + b</code>: write &amp; read</li> <li><code>r + b</code>: write &amp; read &amp; append</li> <li><code>a + b</code>: append &amp; read</li> <li><code>xb</code>: exclusive creation, if the file already exists -&gt; <code>FileExistError</code> (extended write mode)</li> </ul> <p>Note: Linux and MacOSX use <code>UTF-8</code> everywhere while windows uses <code>cp1252</code>, <code>cp850</code>,<code>mbcs</code>, <code>UTF-8</code>. Don't rely on default encoding and use explicitly <code>UTF-8</code>.</p> Python<pre><code>object = open('filename', mode = 'r', encoding = 'utf-8') # encoding MUST BE utf-8 for compatibility\n# filename can be the absolute path to the file location (default: file created in the source code folder)\n# double slash to avoid \\ escaping\n\nwith open('filename') as file:\n    instructions_to_file # block use filename to indicate file\n\n# CLOSE A FILE\nobject.close()\n\n# WRITE TO A FILE\nobject.write(string) # write single string to file\nobject.writelines(* strings) # write multiple strings to file\n\n# READING FROM A FILE\nobject.read() # return ALL the contents of the file (including escape sequence) and place the \"cursor\" at the end of the file\nobject.seek(0) # returns 0 (zero) and places the cursor at the beginning of the file\nobject.readlines() # return list of file lines (ATTENTION: keep everything in memory, be careful with large files)\nobject.readline() # returns single line file\n\n# CHECK FILE EXISTENCE\nimport os, sys\nif os.path.isfile('filepath'): # check file existence (TRUE if it exists)\n    # code here\nelse:\n    # code here\n    sys.exit() # exits the program and does not execute the next cosice\n</code></pre>"},{"location":"languages/python/python.html#copy","title":"COPY","text":"<p>SHALLOW COPY: copies the \"container\" and references to the content DEEP COPY: copies the \"container\" and contents (no reference)</p> Python<pre><code>copy (x) # returns shallow copy of xor\ndeepcopy (x) # returns shallow copy of x\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html","title":"Beautiful Soup Library","text":""},{"location":"languages/python/libs/beautiful-soup.html#making-the-soup","title":"Making the Soup","text":"Python<pre><code>from bs4 import BeautifulSoup\nimport requests\nimport lxml  # better html parser than built-in\n\nresponse = requests.get(\"url\")  # retrieve a web page\n\nsoup = BeautifulSoup(response.text, \"html.parser\")  # parse HTML from response w/ python default HTML parser\nsoup = BeautifulSoup(response.text, \"lxml\")  # parse HTML from response w/ lxml parser\n\nsoup.prettify()  # prettify parsed HTML for display\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#kinds-of-objects","title":"Kinds of Objects","text":"<p>Beautiful Soup transforms a complex HTML document into a complex tree of Python objects.</p>"},{"location":"languages/python/libs/beautiful-soup.html#tag","title":"Tag","text":"<p>A Tag object corresponds to an XML or HTML tag in the original document</p> Python<pre><code>soup = BeautifulSoup('&lt;b class=\"boldest\"&gt;Extremely bold&lt;/b&gt;', 'html.parser')  # parse HTML/XML\n\ntag = soup.b\ntype(tag)  # &lt;class 'bs4.element.Tag'&gt;\nprint(tag)  # &lt;b class=\"boldest\"&gt;Extremely bold&lt;/b&gt;\n\ntag.name  # tag name\ntag[\"attribute\"]  # access to tag attribute  values\ntag.attrs  # dict of attribue-value pairs\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#navigable-string","title":"Navigable String","text":"<p>A string corresponds to a bit of text within a tag. Beautiful Soup uses the <code>NavigableString</code> class to contain these bits of text.</p>"},{"location":"languages/python/libs/beautiful-soup.html#navigating-the-tree","title":"Navigating the Tree","text":""},{"location":"languages/python/libs/beautiful-soup.html#going-down","title":"Going Down","text":"Python<pre><code>soup.&lt;tag&gt;.&lt;child_tag&gt;  # navigate using tag names\n\n&lt;tag&gt;.contents  # direct children as a list\n&lt;tag&gt;.children  # direct children as a generator for iteration\n&lt;tag&gt;.descendants  # iterator over all children, recursive\n\n&lt;tag&gt;.string  # tag contents, does not have further children\n# If a tag's only child is another tag, and that tag has a .string, then the parent tag is considered to have the same .string as its child\n# If a tag contains more than one thing, then it's not clear what .string should refer to, so .string is defined to be None\n\n&lt;tag&gt;.strings  # generator to iterate over all children's strings (will list white space)\n&lt;tag&gt;.stripped_strings  # generator to iterate over all children's strings (will NOT list white space)\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#going-up","title":"Going Up","text":"Python<pre><code>&lt;tag&gt;.parent  # tags direct parent (BeautifulSoup has parent None, html has parent BeautifulSoup)\n&lt;tag&gt;.parents  # iterable over all parents\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#going-sideways","title":"Going Sideways","text":"Python<pre><code>&lt;tag&gt;.previous_sibling\n&lt;tag&gt;.next_sibling\n\n&lt;tag&gt;.previous_siblings\n&lt;tag&gt;.next_siblings\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#going-back-and-forth","title":"Going Back and Forth","text":"Python<pre><code>&lt;tag&gt;.previous_element  # whatever was parsed immediately before\n&lt;tag&gt;.next_element # whatever was parsed immediately afterwards\n\n&lt;tag&gt;.previous_elements  # whatever was parsed immediately before as a list\n&lt;tag&gt;.next_elements  # whatever was parsed immediately afterwards as a list\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#searching-the-tree","title":"Searching the Tree","text":""},{"location":"languages/python/libs/beautiful-soup.html#filter-types","title":"Filter Types","text":"Python<pre><code>soup.find_all(\"tag\")  # by name\nsoup.find_all([\"tag1\", \"tag2\"])  # multiple tags in a list\nsoup.find_all(function)  # based on a bool function\nsoup.find_all(True)  # Match everything\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#methods","title":"Methods","text":"<p>Methods arguments:</p> <ul> <li><code>name</code> (string): tag to search for</li> <li><code>attrs</code> (dict): attribute-value pai to search for</li> <li><code>string</code> (string): search by string contents rather than by tag</li> <li><code>limit</code> (int). limit number of results</li> <li><code>**kwargs</code>: be turned into a filter on one of a tag's attributes.</li> </ul> Python<pre><code>find_all(name, attrs, recursive, string, limit, **kwargs)  # several results\nfind(name, attrs, recursive, string, **kwargs)  # one result\n\nfind_parents(name, attrs, string, limit, **kwargs)  # several results\nfind_parent(name, attrs, string, **kwargs)  # one result\n\nfind_next_siblings(name, attrs, string, limit, **kwargs)  # several results\nfind_next_sibling(name, attrs, string, **kwargs)  # one result\n\nfind_previous_siblings(name, attrs, string, limit, **kwargs)  # several results\nfind_previous_sibling(name, attrs, string, **kwargs)  # one result\n\nfind_all_next(name, attrs, string, limit, **kwargs)  # several results\nfind_next(name, attrs, string, **kwargs)  # one result\n\nfind_all_previous(name, attrs, string, limit, **kwargs)  # several results\nfind_previous(name, attrs, string, **kwargs)  # one result\n\nsoup(\"html_tag\")  # same as soup.find_all(\"html_tag\")\nsoup.find(\"html_tag\").text  # text of the found tag\nsoup.select(\"css_selector\")  # search for CSS selectors of HTML tags\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#modifying-the-tree","title":"Modifying the Tree","text":""},{"location":"languages/python/libs/beautiful-soup.html#changing-tag-names-an-attributes","title":"Changing Tag Names an Attributes","text":"Python<pre><code>&lt;tag&gt;.name = \"new_html_tag\"  # modify the tag type\n&lt;tag&gt;[\"attribute\"]  = \"value\"  # modify the attribute value\ndel &lt;tag&gt;[\"attribute\"]  # remove the attribute\n\nsoup.new_tag(\"name\", &lt;attribute&gt; = \"value\")  # create a new tag with specified name and attributes\n\n&lt;tag&gt;.string = \"new content\"  # modify tag text content\n&lt;tag&gt;.append(item)  # append to Tag content\n&lt;tag&gt;.extend([item1, item2])  # add every element of the list in order\n\n&lt;tag&gt;.insert(position: int, item)  # like .insert in Python list\n\n&lt;tag&gt;.insert_before(new_tag)  # insert tags or strings immediately before something else in the parse tree\n&lt;tag&gt;.insert_after(new_tag)  # insert tags or strings immediately before something else in the parse tree\n\n&lt;tag&gt;.clear()  # remove all tag's contents\n\n&lt;tag&gt;.extract()  # extract and return the tag from the tree (operates on self)\n&lt;tag&gt;.string.extract()  # extract and return the string from the tree (operates on self)\n&lt;tag&gt;.decompose()  # remove a tag from the tree, then completely destroy it and its contents\n&lt;tag&gt;.decomposed  # check if tag has be decomposed\n\n&lt;tag&gt;.replace_with(item)  # remove a tag or string from the tree, and replaces it with the tag or string of choice\n\n&lt;tag&gt;.wrap(other_tag)  # wrap an element in the tag you specify, return the new wrapper\n&lt;tag&gt;.unwrap()  # replace a tag with whatever's inside, good for stripping out markup\n\n&lt;tag&gt;.smooth()  # clean up the parse tree by consolidating adjacent strings\n</code></pre>"},{"location":"languages/python/libs/numpy.html","title":"NumPy Lib","text":""},{"location":"languages/python/libs/numpy.html#most-important-attributes-attributes","title":"MOST IMPORTANT ATTRIBUTES ATTRIBUTES","text":"Python<pre><code>array.ndim     # number of axes (dimensions) of the array\narray.shape  # dimensions of the array, tuple of integers\narray.size  # total number of elements in the array\narray.itemsize  # size in bytes of each element\narray.data  # buffer containing the array elements\n</code></pre>"},{"location":"languages/python/libs/numpy.html#array-creation","title":"ARRAY CREATION","text":"<p>Unless explicitly specified <code>np.array</code> tries to infer a good data type for the array that it creates. The data type is stored in a special dtype object.</p> Python<pre><code>var = np.array(sequence)  # creates array\nvar = np.asarray(sequence)  # convert input to array\nvar = np.ndarray(*sequence)  # creates multidimensional array\nvar = np.asanyarray(*sequence)  # convert the input to an ndarray\n# nested sequences will be converted to multidimensional array\n\nvar = np.zeros(ndarray.shape)  # array with all zeros\nvar = np.ones(ndarray.shape)  # array with all ones\nvar = np.empty(ndarray.shape)  # array with random values\nvar = np.identity(n)  # identity array (n x n)\n\nvar = np.arange(start, stop, step)  # creates an array with parameters specified\nvar = np.linspace(start, stop, num_of_elements)  # step of elements calculated based on parameters\n</code></pre>"},{"location":"languages/python/libs/numpy.html#data-types-for-ndarrays","title":"DATA TYPES FOR NDARRAYS","text":"Python<pre><code>var = array.astype(np.dtype)  # copy of the array, cast to a specified type\n# return TypeError if casting fails\n</code></pre> <p>The numerical <code>dtypes</code> are named the same way: a type name followed by a number indicating the number of bits per element.</p> TYPE TYPE CODE DESCRIPTION int8, uint8 i1, u1 Signed and unsigned 8-bit (1 byte) integer types int16, uint16 i2, u2 Signed and unsigned 16-bit integer types int32, uint32 i4, u4 Signed and unsigned 32-bit integer types int64, uint64 i8, u8 Signed and unsigned 32-bit integer types float16 f2 Half-precision floating point float32 f4 or f Standard single-precision floating point. Compatible with C float float64, float128 f8 or d Standard double-precision floating point. Compatible with C double and Python float object float128 f16 or g Extended-precision floating point complex64, complex128, complex256 c8, c16, c32 Complex numbers represented by two 32, 64, or 128 floats, respectively bool ? Boolean type storing True and False values object O Python object type string_ <code>S&lt;num&gt;</code> Fixed-length string type (1 byte per character), <code>&lt;num&gt;</code> is string length unicode_ <code>U&lt;num&gt;</code> Fixed-length unicode type, <code>&lt;num&gt;</code> is length"},{"location":"languages/python/libs/numpy.html#operations-between-arrays-and-scalars","title":"OPERATIONS BETWEEN ARRAYS AND SCALARS","text":"<p>Any arithmetic operations between equal-size arrays applies the operation element-wise.</p> <p>array <code>+</code> scalar \u2192 element-wise addition (<code>[1, 2, 3] + 2 = [3, 4, 5]</code>) array <code>-</code> scalar \u2192 element-wise subtraction (<code>[1 , 2, 3] - 2 = [-2, 0, 1]</code>) array <code>*</code> scalar \u2192 element-wise multiplication (<code>[1, 2, 3] * 3 = [3, 6, 9]</code>) array / scalar \u2192 element-wise division (<code>[1, 2, 3] / 2 = [0.5 , 1 , 1.5]</code>)</p> <p>array_1 <code>+</code> array_2 \u2192 element-wise addition (<code>[1, 2, 3] + [1, 2, 3] = [2, 4, 6]</code>) array_1 <code>-</code> array_2 \u2192 element-wise subtraction (<code>[1, 2, 4] - [3 , 2, 1] = [-2, 0, 2]</code>) array_1 <code>*</code> array_2 \u2192 element-wise multiplication (<code>[1, 2, 3] * [3, 2, 1] = [3, 4, 3]</code>) array_1 <code>/</code> array_2 \u2192 element-wise division (<code>[1, 2, 3] / [3, 2, 1] = [0.33, 1, 3]</code>)</p>"},{"location":"languages/python/libs/numpy.html#shape-manipulation","title":"SHAPE MANIPULATION","text":"Python<pre><code>np.reshape(array, new_shape)  # changes the shape of the array\nnp.ravel(array)  #  returns the array flattened\narray.resize(shape)  # modifies the array itself\narray.T  # returns the array transposed\nnp.transpose(array)     # returns the array transposed\nnp.swapaxes(array, first_axis, second_axis)  # interchange two axes of an array\n# if array is an ndarray, then a view of it is returned; otherwise a new array is created\n</code></pre>"},{"location":"languages/python/libs/numpy.html#joining-arrays","title":"JOINING ARRAYS","text":"Python<pre><code>np.vstack((array1, array2))   # takes tuple, vertical stack of arrays (column wise)\nnp.hstack((array1, array2))  # takes a tuple, horizontal stack of arrays (row wise)\nnp.dstack((array1, array2)) # takes a tuple, depth wise stack of arrays (3rd dimension)\nnp.stack(*arrays, axis)  # joins a sequence of arrays along a new axis (axis is an int)\nnp.concatenate((array1, array2, ...), axis) # joins a sequence of arrays along an existing axis (axis is an int)\n</code></pre>"},{"location":"languages/python/libs/numpy.html#splitting-arrays","title":"SPLITTING ARRAYS","text":"Python<pre><code>np.split(array, indices)  # splits an array into equall7 long sub-arrays (indices is int), if not possible raises error\nnp.vsplit(array, indices)  # splits an array equally into sub-arrays vertically (row wise) if not possible raises error\nnp.hsplit(array, indices)  # splits an array equally into sub-arrays horizontally (column wise) if not possible raises error\nnp.dsplit(array, indices)  # splits an array into equally sub-arrays along the 3rd axis (depth) if not possible raises error\nnp.array_split(array, indices) # splits an array into sub-arrays, arrays can be of different lengths\n</code></pre>"},{"location":"languages/python/libs/numpy.html#view","title":"VIEW()","text":"Python<pre><code>var = array.view()  # creates a new array that looks at the same data\n# slicing returns a view\n# view shapes are separated but assignment changes all arrays\n</code></pre>"},{"location":"languages/python/libs/numpy.html#copy","title":"COPY()","text":"Python<pre><code>var = array.copy()  # creates a deep copy of the array\n</code></pre>"},{"location":"languages/python/libs/numpy.html#indexing-slicing-iterating","title":"INDEXING, SLICING, ITERATING","text":"<p>1-dimensional  \u2192 sliced, iterated and indexed as standard n-dimensional \u2192 one index per axis, index given in tuple separated by commas <code>[i, j] (i, j)</code> dots (<code>...</code>) represent as many colons as needed to produce complete indexing tuple</p> <ul> <li><code>x[1, 2, ...] == [1, 2, :, :, :]</code></li> <li><code>x[..., 3] == [:, :, :, :, 3]</code></li> <li><code>x[4, ..., 5, :] == [4, :, :, 5, :]</code> iteration on first index, use .flat() to iterate over each element</li> <li><code>x[*bool]</code> returns row with corresponding True index</li> <li><code>x[condition]</code> return only elements that satisfy condition</li> <li>x<code>[[*index]]</code> return rows ordered by indexes</li> <li><code>x[[*i], [*j]]</code> return elements selected by tuple (i, j)</li> <li><code>x[ np.ix_( [*i], [*j] ) ]</code> return rectangular region</li> </ul>"},{"location":"languages/python/libs/numpy.html#universal-functions-ufunc","title":"UNIVERSAL FUNCTIONS (ufunc)","text":"<p>Functions that performs element-wise operations (vectorization).</p> Python<pre><code>np.abs(array)  # vectorized abs(), return element absolute value\nnp.fabs(array)  # faster abs() for non-complex values\nnp.sqrt(array)  # vectorized square root (x^0.5)\nnp.square(array) # vectorized square (x^2)\nnp.exp(array)  # vectorized natural exponentiation (e^x)\nnp.log(array)  # vectorized natural log(x)\nnp.log10(array)  # vectorized log10(x)\nnp.log2(array)  # vectorized log2(x)\nnp.log1p(array)  # vectorized log(1 + x)\nnp.sign(array)  # vectorized sign (1, 0, -1)\nnp.ceil(array)  # vectorized ceil()\nnp.floor(array)  # vectorized floor()\nnp.rint(array)     # vectorized round() to nearest int\nnp.modf(array)  #  vectorized divmod(), returns the fractional and integral parts of element\nnp.isnan(array)   # vectorized x == NaN, return boolean array\nnp.isinf(array)  # vectorized test for positive or negative infinity, return boolean array\nnp.isfineite(array)  # vectorized test fo finiteness, returns boolean array\nnp.cos(array)  # vectorized cos(x)\nnp.sin(array)  # vectorized sin(x)\nnp.tan(array)  # vectorized tan(x)\nnp.cosh(array)  # vectorized cosh(x)\nnp.sinh(array)   # vector sinh(x)\nnp.tanh(array)  # vectorized tanh(x)\nnp.arccos(array)  # vectorized arccos(x)\nnp.arcsinh(array)  # vectorized arcsinh(x)\nnp.arctan(array)  # vectorized arctan(x)\nnp.arccosh(array)  # vectorized arccosh(x)\nnp.arcsinh(array)  # vectorized arcsin(x)\nnp.arctanh(array)  # vectorized arctanh(x)\nnp.logical_not(array)  # vectorized not(x), equivalent to -array\n\nnp.add(x_array, y_array)  # vectorized addition\nnp.subtract(x_array, y_array)  # vectorized subtraction\nnp.multiply(x_array, y_array)  # vectorized multiplication\nnp.divide(x_array, y_array)  # vectorized division\nnp.floor_divide(x_array, y_array)  # vectorized floor division\nnp.power(x_array, y_array)  # vectorized power\nnp.maximum(x_array, y_array)  # vectorized maximum\nnp.minimum(x_array, y_array)  # vectorized minimum\nnp.fmax(x_array, y_array)  # vectorized maximum, ignores NaN\nnp.fmin(x_array, y_array)  # vectorized minimum, ignores NaN\nnp.mod(x_array, y_array)  # vectorized modulus\nnp.copysign(x_array, y_array)  #  vectorized copy sign from y_array to x_array\nnp.greater(x_array, y_array)  # vectorized x &gt; y\nnp.less(x_array, y_array)  # vectorized x &lt; y\nnp.greter_equal(x_array, y_array)  # vectorized x &gt;= y\nnp.less_equal(x_array, y_array)  # vectorized x &lt;= y\nnp.equal(x_array, y_array)  # vectorized x == y\nnp.not_equal(x_array, y_array)  # vectorized x != y\nnp.logical_and(x_array, y_array)  # vectorized x &amp; y\nnp.logical_or(x_array, y_array)  # vectorized x | y\nnp.logical_xor(x_array, y_array)  # vectorized x ^ y\n</code></pre>"},{"location":"languages/python/libs/numpy.html#conditional-logic-as-array-operations","title":"CONDITIONAL LOGIC AS ARRAY OPERATIONS","text":"Python<pre><code>np.where(condition, x, y)  # return x if condition == True, y otherwise\n</code></pre>"},{"location":"languages/python/libs/numpy.html#mathematical-and-statistical-methods","title":"MATHEMATICAL AND STATISTICAL METHODS","text":"<p><code>np.method(array, args)</code> or <code>array.method(args)</code>. Boolean values are coerced to 1 (<code>True</code>) and 0 (<code>False</code>).</p> Python<pre><code>np.sum(array, axis=None)  # sum of array elements over a given axis\nnp.median(array, axis=None)  # median along the specified axis\nnp.mean(array, axis=None)  # arithmetic mean along the specified axis\nnp.average(array, axis=None)  #  weighted average along the specified axis\nnp.std(array, axis=None)  # standard deviation along the specified axis\nnp.var(array, axis=None)  # variance along the specified axis\n\nnp.min(array, axis=None)  # minimum value along the specified axis\nnp.max(array, axis=None)  # maximum value along the specified axis\nnp.argmin(array, axis=None)  # indices of the minimum values along an axis\nnp.argmax(array, axis=None)  # indices of the maximum values\nnp.cumsum(array, axis=None)  # cumulative sum of the elements along a given axis\nnp.cumprod(array, axis=None)  # cumulative sum of the elements along a given axis\n</code></pre>"},{"location":"languages/python/libs/numpy.html#methods-for-boolean-arrays","title":"METHODS FOR BOOLEAN ARRAYS","text":"Python<pre><code>np.all(array, axis=None)  # test whether all array elements along a given axis evaluate to True\nnp.any(array, axis=None)  # test whether any array element along a given axis evaluates to True\n</code></pre>"},{"location":"languages/python/libs/numpy.html#sorting","title":"SORTING","text":"Python<pre><code>array.sort(axis=-1)  # sort an array in-place (axis = None applies on flattened array)\nnp.sort(array, axis=-1)  # return a sorted copy of an array (axis = None applies on flattened array)\n</code></pre>"},{"location":"languages/python/libs/numpy.html#set-logic","title":"SET LOGIC","text":"Python<pre><code>np.unique(array)  # sorted unique elements of an array\nnp.intersect1d(x, y)  # sorted common elements in x and y\nnp.union1d(x, y)  # sorte union of elements\nnp.in1d(x, y)  #  boolean array indicating whether each element of x is contained in y\nnp.setdiff1d(x, y)  # Set difference, elements in x that are not in y\nnp.setxor1d()  # Set symmetric differences; elements that are in either of the arrays, but not both\n</code></pre>"},{"location":"languages/python/libs/numpy.html#file-io-with-arrays","title":"FILE I/O WITH ARRAYS","text":"Python<pre><code>np.save(file, array)  # save array to binary file in .npy format\nnp.savez(file, *array) # save several arrays into a single file in uncompressed .npz format\nnp.savez_compressed(file, *args, *kwargs)  # save several arrays into a single file in compressed .npz format\n# *ARGS: arrays to save to the file. arrays will be saved with names \"arr_0\", \"arr_1\", and so on\n# **KWARGS: arrays to save to the file. arrays will be saved in the file with the keyword names\n\nnp.savetxt(file, X, fmt=\"%.18e\", delimiter=\" \")   # save array to text file\n# X: 1D or 2D\n# FMT: Python Format Specification Mini-Language\n# DELIMITER: {str} -- string used to separate values\n\nnp.load(file, allow_pickle=False)  # load arrays or pickled objects from .npy, .npz or pickled files\nnp.loadtxt(file, dtype=float, comments=\"#\", delimiter=None)\n# DTYPE: {data type} -- data-type of the resulting array\n# COMMENTS: {str} -- characters used to indicate the start of a comment. None implies no comments\n# DELIMITER: {str} -- string used to separate values\n</code></pre>"},{"location":"languages/python/libs/numpy.html#linear-algebra","title":"LINEAR ALGEBRA","text":"Python<pre><code>np.diag(array, k=0)  # extract a diagonal or construct a diagonal array\n# K: {int} -- k&gt;0 diagonals above main diagonal, k&lt;0 diagonals below main diagonal (main diagonal k = 0)\n\nnp.dot(x ,y)  # matrix dot product\nnp.trace(array, offset=0, dtype=None, out=None)  # return the sum along diagonals of the array\n# OFFSET: {int} -- offset of the diagonal from the main diagonal\n# dtype: {dtype} -- determines the data-type of the returned array\n# OUT: {ndarray} -- array into which the output is placed\n\nnp.linalg.det(A)  # compute the determinant of an array\nnp.linalg.eig(A)  # compute the eigenvalues and right eigenvectors of a square array\nnp.linalg.inv(A)  # compute the (multiplicative) inverse of a matrix\n# A_inv satisfies dot(A, A_inv) = dor(A_inv, A) = eye(A.shape[0])\n\nnp.linalg.pinv(A)  # compute the (Moore-Penrose) pseudo-inverse of a matrix\nnp.linalg.qr()  # factor the matrix a as qr, where q is orthonormal and r is upper-triangular\nnp.linalg.svd(A)  # Singular Value Decomposition\nnp.linalg.solve(A, B)  # solve a linear matrix equation, or system of linear scalar equations AX = B\nnp.linalg.lstsq(A, B)  # return the least-squares solution to a linear matrix equation AX = B\n</code></pre>"},{"location":"languages/python/libs/numpy.html#random-number-generation","title":"RANDOM NUMBER GENERATION","text":"Python<pre><code>np.random.seed()\nnp.random.rand()\nnp.random.randn()\nnp.random.randint()\nnp.random.Generator.permutation(x)  # randomly permute a sequence, or return a permuted range\nnp.random.Generator.shuffle(x)  # Modify a sequence in-place by shuffling its contents\n\nnp.random.Generator.beta(a, b, size=None)  # draw samples from a Beta distribution\n# A: {float, array floats} -- Alpha, &gt; 0\n# B: {int, tuple ints} -- Beta, &gt; 0\n\nnp.random.Generator.binomial(n, p, size=None)  # draw samples from a binomial distribution\n# N: {int, array ints} -- parameter of the distribution, &gt;= 0\n# P: {float, arrey floats} -- Parameter of the distribution, &gt;= 0 and &lt;= 1\n\nnp.random.Generator.chisquare(df, size=None)\n# DF: {float, array floats} -- degrees of freedom, &gt; 0\n\nnp.random.Generator.gamma(shape, scale=1.0, size=None)  # draw samples from a Gamma distribution\n# SHAPE: {float, array floats} -- shape of the gamma distribution, != 0\n\nnp.random.Generator.normal(loc=0.0, scale=1.0, Size=None)  # draw random samples from a normal (Gaussian) distribution\n# LOC: {float, all floats} -- mean (\"centre\") of distribution\n# SCALE: {float, all floats} -- standard deviation of distribution, != 0\n\nnp.random.Generator.poisson(lam=1.0, size=None)  # draw samples from a Poisson distribution\n# LAM: {float, all floats} -- expectation of interval, &gt;= 0\n\nnp.random.Generator.uniform(low=0.0,high=1.0, size=None)  # draw samples from a uniform distribution\n# LOW: {float, all floats} -- lower boundary of the output interval\n# HIGH: {float, all floats} -- upper boundary of the output interval\n\nnp.random.Generator.zipf(a, size=None)  # draw samples from a Zipf distribution\n# A: {float, all floats} -- distribution parameter, &gt; 1\n</code></pre>"},{"location":"languages/python/libs/pandas.html","title":"Pandas","text":""},{"location":"languages/python/libs/pandas.html#basic-pandas-imports","title":"Basic Pandas Imports","text":"Python<pre><code>import numpy as np\nimport pandas as pd\nfrom pandas import Series, DataFrame\n</code></pre>"},{"location":"languages/python/libs/pandas.html#series","title":"SERIES","text":"<p>1-dimensional labelled array, axis label referred as INDEX. Index can contain repetitions.</p> Python<pre><code>s = Series(data, index=index, name='name')\n# DATA: {python dict, ndarray, scalar value}\n# NAME: {string}\ns = Series(dict)  # Series created from python dict, dict keys become index values\n</code></pre>"},{"location":"languages/python/libs/pandas.html#indexing-selection-slicing","title":"INDEXING / SELECTION / SLICING","text":"Python<pre><code>s['index']  # selection by index label\ns[condition]  # return slice selected by condition\ns[ : ]  # slice endpoint included\ns[ : ] = *value  # modify value of entire slice\ns[condition] = *value  # modify slice by condition\n</code></pre>"},{"location":"languages/python/libs/pandas.html#missing-data","title":"MISSING DATA","text":"<p>Missing data appears as NaN (Not a Number).</p> Python<pre><code>pd.isnull(array)  # return a Series index-bool indicating which indexes don't have data\npd.notnull(array)  # return a Series index-bool indicating which indexes have data\narray.isnull()\narray.notnull()\n</code></pre>"},{"location":"languages/python/libs/pandas.html#series-attributes","title":"SERIES ATTRIBUTES","text":"Python<pre><code>s.values  # NumPy representation of Series\ns.index  # index object of Series\ns.name = \"Series name\"  # renames Series object\ns.index.name = \"index name\"  # renames index\n</code></pre>"},{"location":"languages/python/libs/pandas.html#series-methods","title":"SERIES METHODS","text":"Python<pre><code>pd.Series.isin(self, values)  #  boolean Series showing whether elements in Series matches elements in values exactly\n\n# Conform Series to new index, new object produced unless the new index is equivalent to current one and copy=False\npd.Series.reindex(self, index=None, **kwargs)\n# INDEX: {array} -- new labels / index\n# METHOD: {none (don't fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method\n# COPY: {bool} -- return new object even if index is same -- DEFAULT True\n# FILLVALUE: {scalar} --value to use for missing values. DEFAULT NaN\n\npd.Series.drop(self, index=None, **kwargs)  # return Series with specified index labels removed\n# INPLACE: {bool} -- if true do operation in place and return None -- DEFAULT False\n# ERRORS: {ignore, raise} -- If \"ignore\", suppress error and existing labels are dropped\n# KeyError raised if not all of the labels are found in the selected axis\n\npd.Series.value_counts(self, normalize=False, sort=True, ascending=False, bins=None, dropna=True)\n# NORMALIZE: {bool} -- if True then object returned will contain relative frequencies of unique values\n# SORT: {bool} -- sort by frequency -- DEFAULT True\n# ASCENDING: {bool} -- sort in ascending order -- DEFAULT False\n# BINS: {int} -- group values into half-open bins, only works with numeric data\n# DROPNA: {bool} -- don't include counts of NaN\n</code></pre>"},{"location":"languages/python/libs/pandas.html#dataframe","title":"DATAFRAME","text":"<p>2-dimensional labeled data structure with columns of potentially different types. Index and columns can contain repetitions.</p> Python<pre><code>df = DataFrame(data, index=row_labels, columns=column_labels)\n# DATA: {list, dict (of lists), nested dicts, series, dict of 1D ndarray, 2D ndarray, DataFrame}\n# INDEX: {list of row_labels}\n# COLUMNS: {list of column_labels}\n# outer dict keys interpreted as index labels, inner dict keys interpreted as column labels\n# INDEXING / SELECTION / SLICING\ndf[col]  # column selection\ndf.at[row, col]  # access a single value for a row/column label pair\ndf.iat[row, col]  # access a single value for a row/column pair by integer position\n\ndf.column_label  # column selection\n\ndf.loc[label]  # row selection by label\ndf.iloc[loc]  # row selection by integer location\n\ndf[ : ]  # slice rows\ndf[bool_vec]  # slice rows by boolean vector\ndf[condition]  # slice rows by condition\n\ndf.loc[:, [\"column_1\", \"column_2\"]]  # slice columns by names\ndf.loc[:, [bool_vector]]  # slice columns by names\n\ndf[col] = *value  # modify column contents, if colon is missing it will be created\ndf[ : ] = *value # modify rows contents\ndf[condition] = *value  # modify contents\n\ndel df[col]  # delete column\n</code></pre>"},{"location":"languages/python/libs/pandas.html#dataframe-attributes","title":"DATAFRAME ATTRIBUTES","text":"Python<pre><code>df.index  # row labels\ndf.columns  # column labels\ndf.values  # NumPy representation of DataFrame\ndf.index.name = \"index name\"\ndf.columns.index.name = \"columns name\"\ndf.T # transpose\n</code></pre>"},{"location":"languages/python/libs/pandas.html#dataframe-methods","title":"DATAFRAME METHODS","text":"Python<pre><code>pd.DataFrame.isin(self , values)  # boolean DataFrame showing whether elements in DataFrame matches elements in values exactly\n\n# Conform DataFrame to new index, new object produced unless the new index is equivalent to current one and copy=False\npd.DataFrame.reindex(self, index=None, columns=None, **kwargs)\n# INDEX: {array} -- new labels / index\n# COLUMNS: {array} -- new labels / columns\n# METHOD: {none (don't fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method\n# COPY: {bool} -- return new object even if index is same -- DEFAULT True\n# FILLVALUE: {scalar} --value to use for missing values. DEFAULT NaN\n\npd.DataFrame.drop(self, index=None, columns=None, **kwargs)  # Remove rows or columns by specifying label names\n# INPLACE: {bool} -- if true do operation in place and return None -- DEFAULT False\n# ERRORS: {ignore, raise} -- If \"ignore\", suppress error and existing labels are dropped\n# KeyError raised if not all of the labels are found in the selected axis\n</code></pre>"},{"location":"languages/python/libs/pandas.html#index-objects","title":"INDEX OBJECTS","text":"<p>Holds axis labels and metadata, immutable.</p>"},{"location":"languages/python/libs/pandas.html#index-types","title":"INDEX TYPES","text":"Python<pre><code>pd.Index  # immutable ordered ndarray, sliceable. stores axis labels\npd.Int64Index  # special case of Index with purely integer labels\npd.MultiIndex  # multi-level (hierarchical) index object for pandas objects\npd.PeriodINdex  # immutable ndarray holding ordinal values indicating regular periods in time\npd.DatetimeIndex  # nanosecond timestamps (uses Numpy datetime64)\n</code></pre>"},{"location":"languages/python/libs/pandas.html#index-attributers","title":"INDEX ATTRIBUTERS","text":"Python<pre><code>pd.Index.is_monotonic_increasing  # Return True if the index is monotonic increasing (only equal or increasing) values\npd.Index.is_monotonic_decreasing  # Return True if the index is monotonic decreasing (only equal or decreasing) values\npd.Index.is_unique  # Return True if the index has unique values.\npd.Index.hasnans  # Return True if the index has NaNs\n</code></pre>"},{"location":"languages/python/libs/pandas.html#index-methods","title":"INDEX METHODS","text":"Python<pre><code>pd.Index.append(self, other)  # append a collection of Index options together\n\npd.Index.difference(self, other, sort=None)  # set difference of two Index objects\n# SORT: {None (attempt sorting), False (don't sort)}\n\npd.Index.intersection(self, other, sort=None)  # set intersection of two Index objects\n# SORT: {None (attempt sorting), False (don't sort)}\n\npd.Index.union(self, other, sort=None)  # set union of two Index objects\n# SORT: {None (attempt sorting), False (don't sort)}\n\npd.Index.isin(self, values, level=None)  # boolean array indicating where the index values are in values\npd.Index.insert(self, loc, item)  # make new Index inserting new item at location\npd.Index.delete(self, loc)  # make new Index with passed location(-s) deleted\n\npd.Index.drop(self, labels, errors='raise')  # Make new Index with passed list of labels deleted\n# ERRORS: {ignore, raise} -- If 'ignore', suppress error and existing labels are dropped\n# KeyError raised if not all of the labels are found in the selected axis\n\npd.Index.reindex(self, target, **kwargs)  # create index with target's values (move/add/delete values as necessary)\n# METHOD: {none (don't fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method\n</code></pre>"},{"location":"languages/python/libs/pandas.html#arithmetic-operations","title":"ARITHMETIC OPERATIONS","text":"<p>NumPy arrays operations preserve labels-value link. Arithmetic operations automatically align differently indexed data. Missing values propagate in arithmetic computations (NaN <code>&lt;operator&gt;</code> value = NaN)</p>"},{"location":"languages/python/libs/pandas.html#addition","title":"ADDITION","text":"Python<pre><code>self + other\npd.Series.add(self, other, fill_value=None)  # add(), supports substitution of NaNs\npd,Series.radd(self, other, fill_value=None)  # radd(), supports substitution of NaNs\npd.DataFrame.add(self, other, axis=columns, fill_value=None)  # add(), supports substitution of NaNs\npd.DataFrame.radd(self, other, axis=columns, fill_value=None)  # radd(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#subtraction","title":"SUBTRACTION","text":"Python<pre><code>self - other\npd.Series.sub(self, other, fill_value=None)  # sub(), supports substitution of NaNs\npd.Series.radd(self, other, fill_value=None)  # radd(), supports substitution of NaNs\nps.DataFrame.sub(self, other, axis=columns, fill_value=None)  # sub(), supports substitution of NaNs\npd.DataFrame.rsub(self, other, axis=columns, fill_value=None)  # rsub(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#multiplication","title":"MULTIPLICATION","text":"Python<pre><code>self * other\npd.Series.mul(self, other, fill_value=None)  # mul(), supports substitution of NaNs\npd.Series.rmul(self, other, fill_value=None)  # rmul(), supports substitution of NaNs\nps.DataFrame.mul(self, other, axis=columns, fill_value=None)  # mul(), supports substitution of NaNs\npd.DataFrame.rmul(self, other, axis=columns, fill_value=None)  # rmul(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#division-float-division","title":"DIVISION (float division)","text":"Python<pre><code>self / other\npd.Series.div(self, other, fill_value=None)  # div(), supports substitution of NaNs\npd.Series.rdiv(self, other, fill_value=None)  # rdiv(), supports substitution of NaNs\npd.Series.truediv(self, other, fill_value=None)  # truediv(), supports substitution of NaNs\npd.Series.rtruediv(self, other, fill_value=None)  # rtruediv(), supports substitution of NaNs\nps.DataFrame.div(self, other, axis=columns, fill_value=None)  # div(), supports substitution of NaNs\npd.DataFrame.rdiv(self, other, axis=columns, fill_value=None)  # rdiv(), supports substitution of NaNs\nps.DataFrame.truediv(self, other, axis=columns, fill_value=None)  # truediv(), supports substitution of NaNs\npd.DataFrame.rtruediv(self, other, axis=columns, fill_value=None)  # rtruediv(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#floor-division","title":"FLOOR DIVISION","text":"Python<pre><code>self // other\npd.Series.floordiv(self, other, fill_value=None)  # floordiv(), supports substitution of NaNs\npd.Series.rfloordiv(self, other, fill_value=None)  # rfloordiv(), supports substitution of NaNs\nps.DataFrame.floordiv(self, other, axis=columns, fill_value=None)  # floordiv(), supports substitution of NaNs\npd.DataFrame.rfloordiv(self, other, axis=columns, fill_value=None)  # rfloordiv(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#modulo","title":"MODULO","text":"Python<pre><code>self % other\npd.Series.mod(self, other, fill_value=None)  # mod(), supports substitution of NaNs\npd.Series.rmod(self, other, fill_value=None)  # rmod(), supports substitution of NaNs\nps.DataFrame.mod(self, other, axis=columns, fill_value=None)  # mod(), supports substitution of NaNs\npd.DataFrame.rmod(self, other, axis=columns, fill_value=None)  # rmod(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#power","title":"POWER","text":"Python<pre><code>other ** self\npd.Series.pow(self, other, fill_value=None)  # pow(), supports substitution of NaNs\npd.Series.rpow(self, other, fill_value=None)  # rpow(), supports substitution of NaNs\nps.DataFrame.pow(self, other, axis=columns, fill_value=None)  # pow(), supports substitution of NaNs\npd.DataFrame.rpow(self, other, axis=columns, fill_value=None)  # rpow(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#essential-functionality","title":"ESSENTIAL FUNCTIONALITY","text":""},{"location":"languages/python/libs/pandas.html#function-application-and-mapping","title":"FUNCTION APPLICATION AND MAPPING","text":"<p>NumPy ufuncs work fine with pandas objects.</p> Python<pre><code>pd.DataFrame.applymap(self, func)  # apply function element-wise\n\npd.DataFrame.apply(self, func, axis=0, args=())  # apply a function along an axis of a DataFrame\n# FUNC: {function} -- function to apply\n# AXIS: {O, 1, index, columns} -- axis along which the function is applied\n# ARGS: {tuple} -- positional arguments to pass to func in addition to the array/series\n# SORTING AND RANKING\npd.Series.sort_index(self, ascending=True **kwargs)  # sort Series by index labels\npd.Series.sort_values(self, ascending=True, **kwargs)  # sort series by the values\n# ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True\n# INPALCE: {bool} -- if True, perform operation in-place\n# KIND: {quicksort, mergesort, heapsort} -- sorting algorithm\n# NA_POSITION {first, last} -- 'first' puts NaNs at the beginning, 'last' puts NaNs at the end\n\npd.DataFrame.sort_index(self, axis=0, ascending=True, **kwargs)  # sort object by labels along an axis\npd.DataFrame.sort_values(self, axis=0, ascending=True, **kwargs)  # sort object by values along an axis\n# AXIS: {0, 1, index, columns} -- the axis along which to sort\n# ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True\n# INPALCE: {bool} -- if True, perform operation in-place\n# KIND: {quicksort, mergesort, heapsort} -- sorting algorithm\n# NA_POSITION {first, last} -- 'first' puts NaNs at the beginning, 'last' puts NaNs at the end\n</code></pre>"},{"location":"languages/python/libs/pandas.html#descriptive-and-summary-statistics","title":"DESCRIPTIVE AND SUMMARY STATISTICS","text":""},{"location":"languages/python/libs/pandas.html#count","title":"COUNT","text":"Python<pre><code>pd.Series.count(self)  # return number of non-NA/null observations in the Series\npd.DataFrame.count(self, numeric_only=False)  # count non-NA cells for each column or row\n# NUMERIC_ONLY: {bool} -- Include only float, int or boolean data -- DEFAULT False\n</code></pre>"},{"location":"languages/python/libs/pandas.html#describe","title":"DESCRIBE","text":"<p>Generate descriptive statistics summarizing central tendency, dispersion and shape of dataset's distribution (exclude NaN).</p> Python<pre><code>pd.Series.describe(self, percentiles=None, include=None, exclude=None)\npd.DataFrame.describe(self, percentiles=None, include=None, exclude=None)\n# PERCENTILES: {list-like of numbers} -- percentiles to include in output,between 0 and 1 -- DEFAULT [.25, .5, .75]\n# INCLUDE: {all, None, list of dtypes} -- white list of dtypes to include in the result. ignored for Series\n# EXCLUDE: {None, list of dtypes} -- black list of dtypes to omit from the result. ignored for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#max-min","title":"MAX - MIN","text":"Python<pre><code>pd.Series.max(self, skipna=None, numeric_only=None)  # maximum of the values for the requested axis\npd.Series.min(self, skipna=None, numeric_only=None)  # minimum of the values for the requested axis\npd.DataFrame.max(self, axis=None, skipna=None, numeric_only=None)  # maximum of the values for the requested axis\npd.DataFrame.min(self, axis=None, skipna=None, numeric_only=None)  # minimum of the values for the requested axis\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#idxmax-idxmin","title":"IDXMAX - IDXMIN","text":"Python<pre><code>pd.Series.idxmax(self, skipna=True)  # row label of the maximum value\npd.Series.idxmin(self, skipna=True)  # row label of the minimum value\npd.DataFrame.idxmax(self, axis=0, skipna=True)  #  Return index of first occurrence of maximum over requested axis\npd.DataFrame.idxmin(self, axis=0, skipna=True)  #  Return index of first occurrence of minimum over requested axis\n# AXIS:{0, 1, index, columns} -- row-wise or column-wise\n# SKIPNA: {bool} -- exclude NA/null values. ff an entire row/column is NA, result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#quantile","title":"QUANTILE","text":"Python<pre><code>pd.Series.quantile(self, q=0.5, interpolation='linear')  # return values at the given quantile\npd.DataFrame.quantile(self, q=0.5, axis=0, numeric_only=True, interpolation='linear') # return values at the given quantile over requested axis\n# Q: {flaot, array} -- value between 0 &lt;= q &lt;= 1, the quantile(s) to compute -- DEFAULT 0.5 (50%)\n# NUMERIC_ONLY: {bool} -- if False, quantile of datetime and timedelta data will be computed as well\n# INTERPOLATION: {linear, lower, higher, midpoint, nearest} -- SEE DOCS\n</code></pre>"},{"location":"languages/python/libs/pandas.html#sum","title":"SUM","text":"Python<pre><code>pd.Series.sum(self, skipna=None, numeric_only=None, min_count=0)  # sum of the values\npd.DataFrame.sum(self, axis=None, skipna=None, numeric_only=None, min_count=0)  # sum of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n# MIN_COUNT: {int} -- required number of valid values to perform the operation. if fewer than min_count non-NA values are present the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#mean","title":"MEAN","text":"Python<pre><code>pd.Series.mean(self, skipna=None, numeric_only=None)   # mean of the values\npd.DataFrame.mean(self, axis=None, skipna=None, numeric_only=None)  # mean of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#median","title":"MEDIAN","text":"Python<pre><code>pd.Series.median(self, skipna=None, numeric_only=None)  # median of the values\npd.DataFrame.median(self, axis=None, skipna=None, numeric_only=None)  # median of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#mad-mean-absolute-deviation","title":"MAD (mean absolute deviation)","text":"Python<pre><code>pd.Series.mad(self, skipna=None)  # mean absolute deviation\npd.DataFrame.mad(self, axis=None, skipna=None)  # mean absolute deviation of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n</code></pre>"},{"location":"languages/python/libs/pandas.html#var-variance","title":"VAR (variance)","text":"Python<pre><code>pd.Series.var(self, skipna=None, numeric_only=None)  # unbiased variance\npd.DataFrame.var(self, axis=None, skipna=None, ddof=1, numeric_only=None)  #  unbiased variance over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n# DDOF: {int} -- Delta Degrees of Freedom. divisor used in calculations is N - ddof (N represents the number of elements) -- DEFAULT 1\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#std-standard-deviation","title":"STD (standard deviation)","text":"Python<pre><code>pd.Series.std(self, skipna=None, ddof=1, numeric_only=None)  # sample standard deviation\npd.Dataframe.std(self, axis=None, skipna=None, ddof=1, numeric_only=None)  # sample standard deviation over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n# DDOF: {int} -- Delta Degrees of Freedom. divisor used in calculations is N - ddof (N represents the number of elements) -- DEFAULT 1\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#skew","title":"SKEW","text":"Python<pre><code>pd.Series.skew(self, skipna=None, numeric_only=None)  # unbiased skew Normalized bt N-1\npd.DataFrame.skew(self, axis=None, skipna=None, numeric_only=None)  #  unbiased skew over requested axis Normalized by N-1\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#kurt","title":"KURT","text":"<p>Unbiased kurtosis over requested axis using Fisher's definition of kurtosis (kurtosis of normal == 0.0). Normalized by N-1.</p> Python<pre><code>pd.Series.kurt(self, skipna=None, numeric_only=None)\npd.Dataframe.kurt(self, axis=None, skipna=None, numeric_only=None)\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#cumsum-cumulative-sum","title":"CUMSUM (cumulative sum)","text":"Python<pre><code>pd.Series.cumsum(self, skipna=True)  # cumulative sum\npd.Dataframe.cumsum(self, axis=None, skipna=True)  # cumulative sum over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#cummax-cummin-cumulative-maximum-minimum","title":"CUMMAX - CUMMIN (cumulative maximum - minimum)","text":"Python<pre><code>pd.Series.cummax(self, skipna=True)  # cumulative maximum\npd.Series.cummin(self, skipna=True)  # cumulative minimum\npd.Dataframe.cummax(self, axis=None, skipna=True)  # cumulative maximum over requested axis\npd.Dataframe.cummin(self, axis=None, skipna=True)  # cumulative minimum over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#cumprod-cumulative-product","title":"CUMPROD (cumulative product)","text":"Python<pre><code>pd.Series.cumprod(self, skipna=True)  # cumulative product\npd.Dataframe.cumprod(self, axis=None, skipna=True)  # cumulative product over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#diff","title":"DIFF","text":"<p>Calculates the difference of a DataFrame element compared with another element in the DataFrame. (default is the element in the same column of the previous row)</p> Python<pre><code>pd.Series.diff(self, periods=1)\npd.DataFrame.diff(self, periods=1, axis=0)\n# PERIODS: {int} -- Periods to shift for calculating difference, accepts negative values -- DEFAULT 1\n# AXIS: {0, 1, index, columns} -- Take difference over rows or columns\n</code></pre>"},{"location":"languages/python/libs/pandas.html#pct_change","title":"PCT_CHANGE","text":"<p>Percentage change between the current and a prior element.</p> Python<pre><code>pd.Series.Pct_change(self, periods=1, fill_method='pad', limit=None, freq=None)\npd.Dataframe.pct_change(self, periods=1, fill_method='pad', limit=None)\n# PERIODS:{int} -- periods to shift for forming percent change\n# FILL_METHOD: {str, pda} -- How to handle NAs before computing percent changes -- DEFAULT pad\n# LIMIT: {int} -- number of consecutive NAs to fill before stopping -- DEFAULT None\n</code></pre>"},{"location":"languages/python/libs/pandas.html#handling-missing-data","title":"HANDLING MISSING DATA","text":""},{"location":"languages/python/libs/pandas.html#filtering-out-missing-data","title":"FILTERING OUT MISSING DATA","text":"Python<pre><code>pd.Series.dropna(self, inplace=False)  # return a new Series with missing values removed\npd.DataFrame.dropna(axis=0, how='any', tresh=None, subset=None, inplace=False)  # return a new DataFrame with missing values removed\n# AXIS: {tuple, list} -- tuple or list to drop on multiple axes. only a single axis is allowed\n# HOW: {any, all} -- determine if row or column is removed from DataFrame (ANY = if any NA present, ALL = if all values are NA). DEFAULT any\n# TRESH: {int} -- require that many non-NA values\n# SUBSET: {array} -- labels along other axis to consider\n# INPLACE: {bool} -- if True, do operation inplace and return None -- DEFAULT False\n</code></pre>"},{"location":"languages/python/libs/pandas.html#filling-in-missing-data","title":"FILLING IN MISSING DATA","text":"<p>Fill NA/NaN values using the specified method.</p> Python<pre><code>pd.Series.fillna(self, value=None, method=None, inplace=False, limit=None)\npd.DataFrame.fillna(self, value=None, method=None, axis=None, inplace=False, limit=None)\n# VALUE: {scalar, dict, Series, DataFrame} -- value to use to fill holes, dict/Series/DataFrame specifying which value to use for each index or column\n# METHOD: {backfill, pad, None} -- method to use for filling holes -- DEFAULT None\n# AXIS: {0, 1, index, columns} -- axis along which to fill missing values\n# INPLACE: {bool} -- if true fill in-place (will modify views of object) -- DEFAULT False\n# LIMIT: {int} --  maximum number of consecutive NaN values to forward/backward fill -- DEFAULT None\n</code></pre>"},{"location":"languages/python/libs/pandas.html#hierarchical-indexing-multiindex","title":"HIERARCHICAL INDEXING (MultiIndex)","text":"<p>Enables storing and manipulation of data with an arbitrary number of dimensions. In lower dimensional data structures like Series (1d) and DataFrame (2d).</p>"},{"location":"languages/python/libs/pandas.html#multiiindex-creation","title":"MULTIIINDEX CREATION","text":"Python<pre><code>pd.MultiIndex.from_arrays(*arrays, names=None)  # convert arrays to MultiIndex\npd.MultiIndex.from_tuples(*arrays, names=None)  # convert tuples to MultiIndex\npd.MultiIndex.from_frame(df, names=None)  # convert DataFrame to MultiIndex\npd.MultiIndex.from_product(*iterables, names=None)     #  MultiIndex from cartesian product of iterables\npd.Series(*arrays)  # Index constructor makes MultiIndex from Series\npd.DataFrame(*arrays)  # Index constructor makes MultiINdex from DataFrame\n</code></pre>"},{"location":"languages/python/libs/pandas.html#multiindex-levels","title":"MULTIINDEX LEVELS","text":"<p>Vector of label values for requested level, equal to the length of the index.</p> Python<pre><code>pd.MultiIndex.get_level_values(self, level)\n</code></pre>"},{"location":"languages/python/libs/pandas.html#partial-and-cross-section-selection","title":"PARTIAL AND CROSS-SECTION SELECTION","text":"<p>Partial selection \"drops\" levels of the hierarchical index in the result  in a completely analogous way to selecting a column in a regular DataFrame.</p> Python<pre><code>pd.Series.xs(self, key, axis=0, level=None, drop_level=True)  # cross-section from Series\npd.DataFrame.xs(self, key, axis=0, level=None, drop_level=True)  #  cross-section from DataFrame\n# KEY: {label, tuple of label} -- label contained in the index, or partially in a MultiIndex\n# AXIS: {0, 1, index, columns} -- axis to retrieve cross-section on -- DEFAULT 0\n# LEVEL: -- in case of key partially contained in MultiIndex, indicate which levels are used. Levels referred by label or position\n# DROP_LEVEL: {bool} -- If False, returns object with same levels as self -- DEFAULT True\n</code></pre>"},{"location":"languages/python/libs/pandas.html#indexing-slicing","title":"INDEXING, SLICING","text":"<p>Multi index keys take the form of tuples.</p> Python<pre><code>df.loc[('lvl_1', 'lvl_2', ...)]  # selection of single row\ndf.loc[('idx_lvl_1', 'idx_lvl_2', ...), ('col_lvl_1', 'col_lvl_2', ...)]  # selection of single value\n\ndf.loc['idx_lvl_1':'idx_lvl_1']  # slice of rows (aka partial selection)\ndf.loc[('idx_lvl_1', 'idx_lvl_2') : ('idx_lvl_1', 'idx_lvl_2')]  # slice of rows with levels\n</code></pre>"},{"location":"languages/python/libs/pandas.html#reordering-and-sorting-levels","title":"REORDERING AND SORTING LEVELS","text":"Python<pre><code>pd.MultiIndex.swaplevel(self, i=-2, j=-1)  # swap level i with level j\npd.Series.swaplevel(self, i=-2, j=-1) # swap levels i and j in a MultiIndex\npd.DataFrame.swaplevel(self, i=-2, j=-1, axis=0) # swap levels i and j in a MultiIndex on a partivular axis\n\npd.MultiIndex.sortlevel(self, level=0, ascending=True, sort_remaining=True)  # sort MultiIndex at requested level\n# LEVEL: {str, int, list-like} -- DEFAULT 0\n# ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True\n# SORT_REMAINING: {bool} -- sort by the remaining levels after level\n</code></pre>"},{"location":"languages/python/libs/pandas.html#data-loading-storage-file-formats","title":"DATA LOADING, STORAGE FILE FORMATS","text":"Python<pre><code>pd.read_fwf(filepath, colspecs='infer', widths=None, infer_nrows=100)  # read a table of fixed-width formatted lines into DataFrame\n# FILEPATH: {str, path object} -- any valid string path is acceptable, could be a URL. Valid URLs: http, ftp, s3, and file\n# COLSPECS: {list of tuple (int, int), 'infer'} -- list of tuples giving extents of fixed-width fields of each line as half-open intervals { [from, to) }\n# WIDTHS: {list of int} -- list of field widths which can be used instead of \"colspecs\" if intervals are contiguous\n# INFER_ROWS: {int} -- number of rows to consider when letting parser determine colspecs -- DEFAULT 100\n\npd.read_excel()  # read an Excel file into a pandas DataFrame\npd.read_json()  # convert a JSON string to pandas object\npd.read_html()  # read HTML tables into a list of DataFrame objects\npd.read_sql()  # read SQL query or database table into a DataFrame\n\npd.read_csv(filepath, sep=',', *args, **kwargs )  # read a comma-separated values (csv) file into DataFrame\npd.read_table(filepath, sep='\\t', *args, **kwargs)  # read general delimited file into DataFrame\n# FILEPATH: {str, path object} -- any valid string path is acceptable, could be a URL. Valid URLs: http, ftp, s3, and file\n# SEP: {str} -- delimiter to use -- DEFAULT \\t (tab)\n# HEADER {int, list of int, 'infer'} -- row numbers to use as column names, and the start of the data -- DEFAULT 'infer'\n# NAMES:{array} -- list of column names to use -- DEFAULT None\n# INDEX_COL: {int, str, False, sequnce of int/str, None} -- Columns to use as row labels of DataFrame, given as string name or column index -- DEFAULT None\n# SKIPROWS: {list-like, int, callable} -- Line numbers to skip (0-indexed) or number of lines to skip (int) at the start of the file\n# NA_VALUES: {scalar, str, list-like, dict} -- additional strings to recognize as NA/NaN. if dict passed, specific per-column NA values\n# THOUSANDS: {str} -- thousand separator\n# *ARGS, **KWARGS -- SEE DOCS\n\n# write object to a comma-separated values (csv) file\npd.DataFrame.to_csv(self, path_or_buf, sep=',', na_rep='', columns=None, header=True, index=True, encoding='utf-8', line_terminator=None, decimal='.', *args, **kwargs)\n# SEP: {str len 1} --  Field delimiter for the output file\n# NA_REP: {str} -- missing data representation\n# COLUMNS: {sequence} -- colums to write\n# HEADER: {bool, list of str} -- write out column names. if list of strings is given its assumed to be aliases for column names\n# INDEX: {bool, list of str} -- write out row names (index)\n# ENCODING: {str} -- string representing encoding to use -- DEFAULT \"utf-8\"\n# LINE_TERMINATOR: {str} -- newline character or character sequence to use in the output file -- DEFAULT os.linesep\n# DECIMAL: {str} -- character recognized as decimal separator (in EU ,)\n\npd.DataFrame.to_excel()\npd.DataFrame.to_json()\npd.DataFrame.to_html()\npd.DataFrame.to_sql()\n</code></pre>"},{"location":"languages/python/libs/requests.html","title":"Requests Lib","text":""},{"location":"languages/python/libs/requests.html#get-request","title":"GET REQUEST","text":"<p>Get or retrieve data from specified resource</p> Python<pre><code>response = requests.get('URL')    # returns response object\n\n# PAYLOAD -&gt; valuable information of response\nresponse.status_code    # http status code\n</code></pre> <p>The response message consists of:</p> <ul> <li>status line which includes the status code and reason message</li> <li>response header fields (e.g., Content-Type: text/html)</li> <li>empty line</li> <li>optional message body</li> </ul> Text Only<pre><code>1xx -&gt; INFORMATIONAL RESPONSE\n2xx -&gt; SUCCESS\n    200 OK -&gt; request successful\n3xx -&gt; REDIRECTION\n4xx -&gt; CLIENT ERRORS\n    404 NOT FOUND -&gt; resource not found\n5xx -&gt; SERVER ERRORS\n</code></pre> Python<pre><code># raise exception HTTPError for error status codes\nresponse.raise_for_status()\n\nresponse.content    # raw bytes of payload\nresponse.encoding = 'utf-8'    # specify encoding\nresponse.text    # string payload (serialized JSON)\nresponse.json()    # dict of payload\nresponse.headers    # response headers (dict)\n</code></pre>"},{"location":"languages/python/libs/requests.html#query-string-parameters","title":"QUERY STRING PARAMETERS","text":"Python<pre><code>response = requests.get('URL', params={'q':'query'})\nresponse = requests.get('URL', params=[('q', 'query')])\nresponse = requests.get('URL', params=b'q=query')\n</code></pre>"},{"location":"languages/python/libs/requests.html#request-headers","title":"REQUEST HEADERS","text":"Python<pre><code>response = requests.get(\n    'URL',\n    params={'q': 'query'},\n    headers={'header': 'header_query'}\n)\n</code></pre>"},{"location":"languages/python/libs/requests.html#other-http-methods","title":"OTHER HTTP METHODS","text":""},{"location":"languages/python/libs/requests.html#data-input","title":"DATA INPUT","text":"Python<pre><code># requests that entity enclosed be stored as a new subordinate of the web resource identified by the URI\nrequests.post('URL', data={'key':'value'})\n# requests that the enclosed entity be stored under the supplied URI\nrequests.put('URL', data={'key':'value'})\n# applies partial modification\nrequests.patch('URL', data={'key':'value'})\n# deletes specified resource\nrequests.delete('URL')\n# ask for a response but without the response body (only headers)\nrequests.head('URL')\n# returns supported HTTP methods of the server\nrequests.options('URL')\n</code></pre>"},{"location":"languages/python/libs/requests.html#sending-json-data","title":"SENDING JSON DATA","text":"Python<pre><code>requests.post('URL', json={'key': 'value'})\n</code></pre>"},{"location":"languages/python/libs/requests.html#inspecting-the-request","title":"INSPECTING THE REQUEST","text":"Python<pre><code># requests lib prepares the requests before sending it\nresponse = requests.post('URL', data={'key':'value'})\nresponse.request.something    # inspect request field\n</code></pre>"},{"location":"languages/python/libs/requests.html#authentication","title":"AUTHENTICATION","text":"Python<pre><code>requests.get('URL', auth=('username', 'password'))    # use implicit HTTP Basic Authorization\n\n# explicit HTTP Basic Authorization and other\nfrom requests.auth import HTTPBasicAuth, HTTPDigestAuth, HTTPProxyAuth\nfrom getpass import getpass\nrequests.get('URL', auth=HTTPBasicAuth('username', getpass()))\n</code></pre>"},{"location":"languages/python/libs/requests.html#personalized-auth","title":"PERSONALIZED AUTH","text":"Python<pre><code>from requests.auth import AuthBase\nclass TokenAuth(AuthBase):\n    \"custom authentication scheme\"\n\n    def __init__(self, token):\n        self.token = token\n\n    def __call__(self, r):\n        \"\"\"Attach API token to custom auth\"\"\"\n        r.headers['X-TokenAuth'] = f'{self.token}'\n        return r\n\nrequests.get('URL', auth=TokenAuth('1234abcde-token'))\n</code></pre>"},{"location":"languages/python/libs/requests.html#disabling-ssl-verification","title":"DISABLING SSL VERIFICATION","text":"Python<pre><code>requests.get('URL', verify=False)\n</code></pre>"},{"location":"languages/python/libs/requests.html#performance","title":"PERFORMANCE","text":""},{"location":"languages/python/libs/requests.html#request-timeout","title":"REQUEST TIMEOUT","text":"Python<pre><code># raise Timeout exception if request times out\nrequests.get('URL', timeout=(connection_timeout, read_timeout))\n</code></pre>"},{"location":"languages/python/libs/requests.html#max-retries","title":"MAX RETRIES","text":"Python<pre><code>from requests.adapters import HTTPAdapter\nURL_adapter = HTTPAdapter(max_retries = int)\nsession = requests.Session()\n\n# use URL_adapter for all requests to URL\nsession.mount('URL', URL_adapter)\n</code></pre>"},{"location":"languages/python/libs/seaborn.html","title":"Seaborn Lib","text":""},{"location":"languages/python/libs/seaborn.html#basic-imports-for-seaborn","title":"Basic Imports For Seaborn","text":"Python<pre><code>import numpy as np\nimport pandas as pd\nimport matplotlib.pyplot as plt\nimport seaborn as sns\n\n# set aesthetic parameters in one step\nsns.set(style='darkgrid')\n#STYLE: {None, darkgrid, whitegrid, dark, white, ticks}\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#replot-relationship","title":"REPLOT (relationship)","text":"Python<pre><code>sns.replot(x='name_in_data', y='name_in_data', hue='point_color', size='point_size', style='point_shape', data=data)\n# HUE, SIZE and STYLE: {name in data} -- used to differentiate points, a sort-of 3rd dimension\n# hue behaves differently if the data is categorical or numerical, numerical uses a color gradient\n# SORT: {False, True} -- avoid sorting data in function of x\n# CI: {None, sd} -- avoid computing confidence intervals or plot standard deviation\n# (aggregate multiple measurements at each x value by plotting the mean and the 95% confidence interval around the mean)\n# ESTIMATOR: {None} -- turn off aggregation of multiple observations\n# MARKERS: {True, False} -- evidenziate observations with dots\n# DASHES: {True, False} -- evidenziate observations with dashes\n# COL, ROW: {name in data}  -- categorical variables that will determine the grid of plots\n# COL_WRAP: {int} -- \"Wrap\" the column variable at this width, so that the column facets span multiple rows. Incompatible with a row facet.\n# SCATTERPLOT\n# depicts the joint distribution of two variables using a cloud of points\n# kind can be omitted since scatterplot is the default for replot\nsns.replot(kind='scatter')  # calls scatterplot()\nsns.scatterplot()  # underlying axis-level function of replot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#lineplot","title":"LINEPLOT","text":"<p>Using semantics in lineplot will determine the aggregation of data.</p> Python<pre><code>sns.replot(ci=None, sort=bool, kind='line')\nsns.lineplot()  # underlying axis-level function of replot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#catplot-categorical","title":"CATPLOT (categorical)","text":"<p>Categorical: divided into discrete groups.</p> Python<pre><code>sns.catplot(x='name_in_data', y='name_in_data', data=data)\n# HUE: {name in data} -- used to differenziate points, a sort-of 3rd dimension\n# COL, ROW: {name in data}  -- categorical variables that will determine the grid of plots\n# COL_WRAP: {int} -- \"Wrap\" the column variable at this width, so that the column facets span multiple rows. Incompatible with a row facet.\n# ORDER, HUE_ORDER: {list of strings} -- order of categorical levels of the plot\n# ROW_ORDER, COL_ORDER: {list of strings} -- order to organize the rows and/or columns of the grid in\n# ORIENT: {'v', 'h'} -- Orientation of the plot (can also swap x&amp;y assignment)\n# COLOR: {matplotlib color} -- Color for all of the elements, or seed for a gradient palette\n# CATEGORICAL SCATTERPLOT - STRIPPLOT\n# adjust the positions of points on the categorical axis with a small amount of random \u201cjitter\u201d\nsns.catplot(kind='strip', jitter=float)\nsns.stripplot()\n# SIZE: {float}  -- Diameter of the markers, in points\n# JITTER: {False, float} -- magnitude of points jitter (distance from axis)\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-scatterplot-swarmplot","title":"CATEGORICAL SCATTERPLOT - SWARMPLOT","text":"<p>Adjusts the points along the categorical axis preventing overlap.</p> Python<pre><code>sns.catplot(kind='swarm')\nsns.swarmplot()\n# SIZE: {float}  -- Diameter of the markers, in points\n# CATEGORICAL DISTRIBUTION - BOXPLOT\n# shows the three quartile values of the distribution along with extreme values\nsns.catplot(kind='box')\nsns.boxplot()\n# HUE: {name in data} -- box for each level of the semantic moved along the categorical axis so they don\u2019t overlap\n# DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-distribution-violinplot","title":"CATEGORICAL DISTRIBUTION - VIOLINPLOT","text":"<p>Combines a boxplot with the kernel density estimation procedure.</p> Python<pre><code>sns.catplot(kind='violin')\nsns.violonplot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-distribution-boxenplot","title":"CATEGORICAL DISTRIBUTION - BOXENPLOT","text":"<p>Plot similar to boxplot but optimized for showing more information about the shape of the distribution. It is best suited for larger datasets.</p> Python<pre><code>sns.catplot(kind='boxen')\nsns.boxenplot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-estimate-pointplot","title":"CATEGORICAL ESTIMATE - POINTPLOT","text":"<p>Show point estimates and confidence intervals using scatter plot glyphs.</p> Python<pre><code>sns.catplot(kind='point')\nsns.pointplot()\n# CI: {float, sd} -- size of confidence intervals to draw around estimated values, sd -&gt; standard deviation\n# MARKERS: {string, list of strings} --  markers to use for each of the hue levels\n# LINESTYLES: {string, list of strings} -- line styles to use for each of the hue levels\n# DODGE: {bool, float} -- amount to separate the points for each hue level along the categorical axis\n# JOIN: {bool} -- if True, lines will be drawn between point estimates at the same hue level\n# SCALE: {float} -- scale factor for the plot elements\n# ERRWIDTH: {float} -- thickness of error bar lines (and caps)\n# CAPSIZE: {float} -- width of the \"caps\" on error bars\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-estimate-barplot","title":"CATEGORICAL ESTIMATE - BARPLOT","text":"<p>Show point estimates and confidence intervals as rectangular bars.</p> Python<pre><code>sns.catplot(kind='bar')\nsns.barplot()\n# CI: {float, sd} -- size of confidence intervals to draw around estimated values, sd -&gt; standard deviation\n# ERRCOLOR: {matplotlib color} -- color for the lines that represent the confidence interval\n# ERRWIDTH: {float} -- thickness of error bar lines (and caps)\n# CAPSIZE: {float} -- width of the \"caps\" on error bars\n# DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-estimate-countplot","title":"CATEGORICAL ESTIMATE - COUNTPLOT","text":"<p>Show the counts of observations in each categorical bin using bars.</p> Python<pre><code>sns.catplot(kind='count')\nsns.countplot()\n# DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#univariate-distributions","title":"UNIVARIATE DISTRIBUTIONS","text":""},{"location":"languages/python/libs/seaborn.html#distplot","title":"DISTPLOT","text":"<p>Flexibly plot a univariate distribution of observations</p> Python<pre><code># A: {series, 1d-array, list}\nsns.distplot(a=data)\n# BINS: {None, arg for matplotlib hist()} -- specification of hist bins, or None to use Freedman-Diaconis rule\n# HIST: {bool} - whether to plot a (normed) histogram\n# KDE: {bool} - whether to plot a gaussian kernel density estimate\n# HIST_KWD, KDE_KWD, RUG_KWD: {dict} -- keyword arguments for underlying plotting functions\n# COLOR: {matplotlib color} -- color to plot everything but the fitted curve in\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#rugplot","title":"RUGPLOT","text":"<p>Plot datapoints in an array as sticks on an axis.</p> Python<pre><code># A: {vector} -- 1D array of observations\nsns.rugplot(a=data) # -&gt; axes obj with plot on it\n# HEIGHT: {scalar} --  height of ticks as proportion of the axis\n# AXIS: {'x', 'y'} -- axis to draw rugplot on\n# AX: {matplotlib axes} -- axes to draw plot into, otherwise grabs current axes\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#kdeplot","title":"KDEPLOT","text":"<p>Fit and plot a univariate or bivariate kernel density estimate.</p> Python<pre><code># DATA: {1D array-like} -- input data\nsns.kdeplot(data=data)\n# DATA2 {1D array-like} -- second input data. if present, a bivariate KDE will be estimated.\n# SHADE: {bool} -- if True, shade-in the area under KDE curve (or draw with filled contours is bivariate)\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#bivariate-distribution","title":"BIVARIATE DISTRIBUTION","text":""},{"location":"languages/python/libs/seaborn.html#jointplot","title":"JOINTPLOT","text":"<p>Draw a plot of two variables with bivariate and univariate graphs.</p> Python<pre><code># X, Y: {string, vector} -- data or names of variables in data\nsns.jointplot(x=data, y=data)\n# DATA:{pandas DataFrame} -- DataFrame when x and y are variable names\n# KIND: {'scatter', 'reg', 'resid', 'kde', 'hex'} -- kind of plot to draw\n# COLOR: {matplotlib color} -- color used for plot elements\n# HEIGHT: {numeric} -- size of figure (it will be square)\n# RATIO: {numeric} -- ratio of joint axes height to marginal axes height\n# SPACE: {numeric} -- space between the joint and marginal axes\n# JOINT_KWD, MARGINAL_KWD, ANNOT_KWD: {dict} -- additional keyword arguments for the plot components\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#pair-wise-relationisps-in-dataset","title":"PAIR-WISE RELATIONISPS IN DATASET","text":""},{"location":"languages/python/libs/seaborn.html#pairplot","title":"PAIRPLOT","text":"<p>Plot pairwise relationships in a dataset.</p> Python<pre><code># DATA: {pandas DataFrame} -- tidy (long-form) dataframe where each column is a variable and each row is an observation\nsns.pairplot(data=pd.DataFrame)\n# HUE: {string (variable name)} -- variable in data to map plot aspects to different colors\n# HUE_ORDER: {list of strings} -- order for the levels of the hue variable in the palette\n# VARS: {list of variable names} -- variables within data to use, otherwise every column with numeric datatype\n# X_VARS, Y_VARS: {list of variable names} -- variables within data to use separately for rows and columns of figure\n# KIND: {'scatter', 'reg'} -- kind of plot for the non-identity relationships\n# DIAG_KIND: {'auto', 'hist', 'kde'} -- Kind of plot for the diagonal subplots. default depends hue\n# MARKERS: {matplotlib marker or list}\n# HEIGHT:{scalar} -- height (in inches) of each facet\n# ASPECT: {scalar} -- aspect * height gives the width (in inches) of each facet\n</code></pre>"},{"location":"languages/python/libs/tkinter.html","title":"Tkinter Module/Library","text":""},{"location":"languages/python/libs/tkinter.html#standard-imports","title":"Standard Imports","text":"Python<pre><code>from tkinter import *  # import Python Tk Binding\nfrom tkinter import ttk  # import Themed Widgets\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#geometry-management","title":"GEOMETRY MANAGEMENT","text":"<p>Putting  widgets on screen master widget \u2192 top-level window, frame slave widget \u2192 widgets contained in master widget geometry managers determine size and oder widget drawing properties</p>"},{"location":"languages/python/libs/tkinter.html#event-handling","title":"EVENT HANDLING","text":"<p>event loop receives events from the OS customizable events provide a callback as a widget configuration</p> Python<pre><code>widget.bind('event', function)  # method to capture any event and than execute an arbitrary piece of code (generally a function or lambda)\n</code></pre> <p>VIRTUAL EVENT \u2192 hig level event generated by widget (listed in widget docs)</p>"},{"location":"languages/python/libs/tkinter.html#widgets","title":"WIDGETS","text":"<p>Widgets are objects and all things on screen. All widgets are children of a window.</p> Python<pre><code>widget_name = tk_object(parent_window)  # widget is inserted into widget hierarchy\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#frame-widget","title":"FRAME WIDGET","text":"<p>Displays a single rectangle, used as container for other widgets</p> Python<pre><code>frame = ttk.Frame(parent, width=None, height=None, borderwidth=num:int)\n# BORDERWIDTH: sets frame border width (default: 0)\n# width, height MUST be specified if frame is empty, otherwise determined by parent geometry manager\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#frame-padding","title":"FRAME PADDING","text":"<p>Extra space inside widget (margin).</p> Python<pre><code>frame['padding'] = num  # same padding for every border\nframe['padding'] = (horizontal, vertical)  # set horizontal THEN vertical padding\nframe['padding'] = (left, top, right, bottom)  # set left, top, right, bottom padding\n\n# RELIEF: set border style, [flat (default), raised, sunken, solid, ridge, groove]\nframe['relief'] = border_style\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#label-widget","title":"LABEL WIDGET","text":"<p>Display text or image without interactivity.</p> Python<pre><code>label = ttk.Label(parent, text='label text')\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#defining-updating-label","title":"DEFINING UPDATING LABEL","text":"Python<pre><code>var = StringVar()  # variable containing text, watches for changes. Use get, set methods to interact with the value\nlabel['textvariable'] = var  # attach var to label (only of type StringVar)\nvar.set(\"new text label\")  #  change label text\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#display-images-2-steps","title":"DISPLAY IMAGES (2 steps)","text":"Python<pre><code>image = PhotoImage(file='filename')  # create image object\nlabel['image'] = image  # use image config\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#display-image-and-or-text","title":"DISPLAY IMAGE AND-OR TEXT","text":"Python<pre><code>label['compound'] = value\n</code></pre> <p>Compound value:</p> <ul> <li>none ../img if present, text otherwise)</li> <li>text (text only)</li> <li>image (image only)</li> <li>center (text in center of image)</li> <li>top (image above text), left, bottom, right</li> </ul>"},{"location":"languages/python/libs/tkinter.html#layout","title":"LAYOUT","text":"<p>Specifies edge or corner that the label is attached.</p> Python<pre><code>label['anchor'] = compass_direction  #compass_direction: n, ne, e, se, s, sw, w, nw, center\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#multi-line-text-wrap","title":"MULTI-LINE TEXT WRAP","text":"Python<pre><code># use \\n for multi line text\nlabel['wraplength'] = size  # max line length\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#control-text-justification","title":"CONTROL TEXT JUSTIFICATION","text":"Python<pre><code>label['justify'] = value  #value: left, center, right\n\nlabel['relief'] = label_style\nlabel['foreground'] = color  # color passed with name or HEX RGB codes\nlabel['background'] = color  # color passed with name or HEX RGB codes\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#font-style-use-with-caution","title":"FONT STYLE (use with caution)","text":"Python<pre><code># used outside style option\nlabel['font'] = font\n</code></pre> <p>Fonts:</p> <ul> <li>TkDefaultFont    -- default for all GUI items</li> <li>TkTextFont    -- used for entry widgets, listboxes, etc</li> <li>TkFixedFont    -- standard fixed-width font</li> <li>TkMenuFont    -- used for menu items</li> <li>TkHeadingFont -- for column headings in lists and tables</li> <li>TkCaptionFont    -- for window and dialog caption bars</li> <li>TkSmallCaptionFont -- smaller caption for subwindows or tool dialogs</li> <li>TkIconFont    -- for icon caption</li> <li>TkTooltipFont    -- for tooltips</li> </ul>"},{"location":"languages/python/libs/tkinter.html#button","title":"BUTTON","text":"<p>Press to perform some action</p> Python<pre><code>button = ttk.Button(parent, text='button_text', command=action_performed)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#text-or-image","title":"TEXT or IMAGE","text":"Python<pre><code>button['text/textvariable'], button['image'], button['compound']\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#button-invocation","title":"BUTTON INVOCATION","text":"Python<pre><code>button.invoke()  # button activation in the program\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#button-state","title":"BUTTON STATE","text":"<p>Activate or deactivate the widget.</p> Python<pre><code>button.state(['disabled'])            # set the disabled flag, disabling the button\nbutton.state(['!disabled'])           # clear the disabled flag\nbutton.instate(['disabled'])          # return true if the button is disabled, else false\nbutton.instate(['!disabled'])         # return true if the button is not disabled, else false\nbutton.instate(['!disabled'], cmd)  # execute 'cmd' if the button is not disabled\n# WIDGET STATE FLAGS: active, disabled, focus, pressed, selected, background, readonly, alternate, invalid\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#checkbutton","title":"CHECKBUTTON","text":"<p>Button with binary value of some kind (e.g a toggle) and also invokes a command callback</p> Python<pre><code>checkbutton_var = TkVarType\ncheck = ttk.Checkbutton(parent, text='button text', command=action_performed, variable=checkbutton_var, onvalue=value_on, offvalue=value_off)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#widget-value","title":"WIDGET VALUE","text":"<p>Variable option holds value of button, updated by widget toggle. DEFAULT: 1 (while checked), 0 (while unchecked) <code>onvalue</code>, <code>offvalue</code> are used to personalize checked and unchecked values if linked variable is empty or different from on-off value the state flag is set to alternate checkbutton won't set the linked variable (MUST be done in the program)</p>"},{"location":"languages/python/libs/tkinter.html#config-options","title":"CONFIG OPTIONS","text":"Python<pre><code>check['text/textvariable']\ncheck['image']\ncheck['compound']\ncheck.state(['flag'])\ncheck.instate(['flag'])\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#radiobutton","title":"RADIOBUTTON","text":"<p>Multiple-choice selection (good if options are few).</p> Python<pre><code>#RADIOBUTTON CREATION (usually as a set)\nradio_var = TkVarType\nradio_1 = ttk.Radiobutton(parent, text='button text', variable=radio_var, value=button_1_value)\nradio_2 = ttk.Radiobutton(parent, text='button text', variable=radio_var, value=button_2_value)\nradio_3 = ttk.Radiobutton(parent, text='button text', variable=radio_var, value=button_3_value)\n# if linked value does not exist flag state is alternate\n\n# CONFIG OPTIONS\nradio['text/textvariable']\nradio['image']\nradio['compound']\nradio.state(['flag'])\nradio.instate(['flag'])\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#entry","title":"ENTRY","text":"<p>Single line text field accepting a string.</p> Python<pre><code>entry_var = StringVar()\nentry = ttk.Entry(parent, textvariable=entry_var, width=char_num, show=symbol)\n# SHOW: replaces the entry test with symbol, used for password\n# entries don't have an associated label, needs a separate widget\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#change-entry-value","title":"CHANGE ENTRY VALUE","text":"Python<pre><code>entry.get()  # returns entry value\nentry.delete(start, 'end')  # delete between two indices, 0-based\nentry.insert(index, 'text value')  # insert new text at a given index\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#entry-config-options","title":"ENTRY CONFIG OPTIONS","text":"Python<pre><code>radio.state(['flag'])\nradio.instate(['flag'])\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#combobox","title":"COMBOBOX","text":"<p>Drop-down list of available options.</p> Python<pre><code>combobox_var = StringVar()\ncombo = ttk.Combobox(parent, textvariable=combobox_var)\ncombobox.get()  # return combobox current value\ncombobox.set(value)  # set combobox new value\ncombobox.current()  # returns which item in the predefined values list is selected (0-based index of the provided list, -1 if not in the list)\n#combobox will generate a bind-able &lt;ComboboxSelected&gt; virtual event whenever the value changes\ncombobox.bind('&lt;&lt;ComboboxSelected&gt;&gt;', function)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#predefined-values","title":"PREDEFINED VALUES","text":"Python<pre><code>combobox['values'] = (value_1, value_2, ...)  # provides a list of choose-able values\ncombobox.state(['readonly'])  # restricts choose-able values to those provided with 'values' config option\n# SUGGESTION: call selection clear method on value change (on ComboboxSelected event) to avoid visual oddities\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#listbox-tk-classic","title":"LISTBOX (Tk Classic)","text":"<p>Display list of single-line items, allows browsing and multiple selection (part og Tk classic, missing in themed Tk widgets).</p> Python<pre><code>lstbx = Listbox(parent, height=num, listvariable=item_list:list)\n# listvariable links a variable (MUST BE a list) to the listbox, each element is a item of the listbox\n# manipulation of the list changes the listbox\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#selecting-items","title":"SELECTING ITEMS","text":"Python<pre><code>lstbx['selectmode'] = mode  # MODE: browse (single selection), extended (multiple selection)\nlstbx.curselection()  # returns list of indices of selected items\n# on selection change: generate event &lt;ListboxSelect&gt;\n# often each string in the program is associated with some other data item\n# keep a second list, parallel to the list of strings displayed in the listbox, which will hold the associated objects\n# (association by index with .curselection() or with a dict).\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#scrollbar","title":"SCROLLBAR","text":"Python<pre><code>scroll = ttk.Scrollbar(parent, orient=direction, command=widget.view)\n# ORIENT: VERTICAL, HORIZONTAL\n# WIDGET.VIEW: .xview, .yview\n# NEEDS ASSOCIATED WIDGET SCROLL CONFIG\nwidget.configure(xscrollcommand=scroll.set)\nwidget.configure(yscrollcommand=scroll.set)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#sizegrip","title":"SIZEGRIP","text":"<p>Box in right bottom of widget, allows resize.</p> Python<pre><code>ttk.Sizegrip(parent).grid(column=999, row=999, sticky=(S, E))\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#text-tk-classic","title":"TEXT (Tk Classic)","text":"<p>Area accepting multiple line of text.</p> Python<pre><code>txt = Text(parent, width=num:int, height=num:int, wrap=flag)  # width is character num, height is row num\n# FLAG: none (no wrapping), char (wrap at every character), word (wrap at word boundaries)\ntxt['state'] = flag  # FLAG: disabled, normal\n# accepts commands xscrollcommand and yscrollcommandand and yview, xview methods\ntxt.see(line_num.char_num)  # ensure that given line is visible (line is 1-based, char is 0-based)\ntxt.get( index, string)   # insert string in pos index (index = line.char), 'end' is shortcut for end of text\ntxt.delete(start, end)  # delete range of text\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#progressbar","title":"PROGRESSBAR","text":"<p>Feedback about progress of lenghty operation.</p> Python<pre><code>progbar = ttk.Progressbar(parent, orient=direction, length=num:int, value=num, maximum=num:float mode=mode)\n# DIRECTION: VERTICAL, HORIZONTAL\n# MODE: determinate (relative progress of completion), indeterminate (no estimate of completion)\n# LENGTH: dimension in pixel\n# VALUE: sets the progress, updates the bar as it changes\n# MAXIMUM: total number of steps (DEFAULT: 100)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#determinate-progress","title":"DETERMINATE PROGRESS","text":"Python<pre><code>progbar.step(amount)  # increment value of given amount (DEFAULT: 1.0)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#indeterminate-progress","title":"INDETERMINATE PROGRESS","text":"Python<pre><code>progbar.start()  # starts progressbar\nprogbar.stop()  #stoops progressbar\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#scale","title":"SCALE","text":"<p>Provide a numeric value through direct manipulation.</p> Python<pre><code>scale = ttk.Scale(parent, orient=DIR, length=num:int, from_=num:float, to=num:float, command=cmd)\n# COMMAND: calls cmd at every scale change, appends current value to func call\nscale['value']  # set or read current value\nscale.set(value)  # set current value\nscale.get()  # get current value\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#spinbox","title":"SPINBOX","text":"<p>Choose numbers. The spinbox choses item from a list, arrows permit cycling lits items.</p> Python<pre><code>spinval = StringVar()\nspin = Spinbox(parent, from_=num, to=num, textvariable=spinval, increment=num, value=lst, wrap=boolean)\n# INCREMENT specifies increment\\decrement by arrow button\n# VALUE: list of items associated with the spinbox\n# WRAP: boolean value determining if value should wrap around if beyond start-end value\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#grid-geometry-manager","title":"GRID GEOMETRY MANAGER","text":"<p>Widgets are assigned a \"column\" number and a \"row\" number, which indicates their relative position to each other. Column and row numbers must be integers, with the first column and row starting at 0. Gaps in column and row numbers are handy to add more widgets in the middle of the user interface at a later time. The width of each column (or height of each row) depends on the width or height of the widgets contained within the column or row.</p> <p>Widgets can take up more than a single cell in the grid (\"columnspan\" and \"rowspan\" options).</p>"},{"location":"languages/python/libs/tkinter.html#layout-within-cell","title":"LAYOUT WITHIN CELL","text":"<p>By default, if a cell is larger than the widget contained in it, the widget will be centered within it, both horizontally and vertically, with the master's background showing in the empty space around it. The \"sticky\" option can be used to change this default behavior. The value of the \"sticky\" option is a string of 0 or more of the compass directions \"nsew\", specifying which edges of the cell the widget should be \"stuck\" to. Specifying two opposite edges means that the widget will be stretched so it is stuck to both. Specifying \"nsew\" it will stick to every side.</p>"},{"location":"languages/python/libs/tkinter.html#handling-resize","title":"HANDLING RESIZE","text":"<p>Every column and row has a \"weight\" grid option associated with it, which tells it how much it should grow if there is extra room in the master to fill. By default, the weight of each column or row is 0, meaning don't expand to fill space. This is done using the \"columnconfigure\" and \"rowconfigure\" methods of grid. Both \"columnconfigure\" and \"rowconfigure\" also take a \"minsize\" grid option, which specifies a minimum size.</p>"},{"location":"languages/python/libs/tkinter.html#padding","title":"PADDING","text":"<p>Normally, each column or row will be directly adjacent to the next, so that widgets will be right next to each other. \"padx\" puts a bit of extra space to the left and right of the widget, while \"pady\" adds extra space top and bottom. A single value for the option puts the same padding on both left and right (or top and bottom), while a two-value list lets you put different amounts on left and right (or top and bottom). To add padding around an entire row or column, the \"columnconfigure\" and \"rowconfigure\" methods accept a \"pad\" option.  </p> Python<pre><code>widget.grid(column=num, row=num, columnspan=num, rowspan=num, sticky=(), padx=num, pady=num)  # sticky: N, S, E, W\nwidget.columnconfigure(pad=num, weight=num)\nwidget.rowconfigure(pad=num, weight=num)\n\nwidget.grid_slaves()  # returns map, list of widgets inside a master\nwidget.grid_info()  # returns list of grid options\nwidget.grid_configure()  # change one or more option\n\nwidget.grid_forget(slaves)  # takes a list of slaves, removes slaves from grid (forgets slaves options)\nwidget.grid_remove(slaves)  # takes a list of slaves, removes slaves from grid (remembers slaves options)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#windows-and-dialogs","title":"WINDOWS AND DIALOGS","text":""},{"location":"languages/python/libs/tkinter.html#creating-toplevel-window","title":"CREATING TOPLEVEL WINDOW","text":"Python<pre><code>tlw = Toplevel(parent)  # parent of root window, no need to grid it\n\nwindow.destroy()\n# can destroy every widget\n# destroying parent also destroys it's children\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#changing-behavior-and-style","title":"CHANGING BEHAVIOR AND STYLE","text":"Python<pre><code># WINDOW TILE\nwindow.title()  # returns title of the window\nwindow.title('new title')  # sets title\n\n# SIZE AND LOCATION\nwindow.geometry(geo_specs)\n'''full geometry specification: width * height +- x +- y (actual coordinates of screen)\n+x --&gt; x pixels from left edge\n-x --&gt; x pixels from right edge\n+y --&gt; y pixels from top edge\n-y --&gt; y pixels from bottom edge'''\n\n# STACKING ORDER\n# current stacking order (list from lowest to highest) --- NOT CLEANLY EXPOSED THROUGH TK API\nroot.tk.eval('wm stackorder ' + str(window))\n# check if window is above or below\nif (root.tk.eval('wm stackorder '+str(window)+' isabove '+str(otherwindow))=='1')\nif (root.tk.eval('wm stackorder '+str(window)+' isbelow '+str(otherwindow))=='1')\n# raise or lower windows\nwindow.lift()  # absolute position\nwindow.lift(otherwin)  # relative to other window\nwindow.lower()  # absolute position\nwindow.lower(otherwin)   # relative to other window\n\n# RESIZE BEHAVIOR\nwindow.resizable(boolean, boolean)  # sets if resizable in width (1st param) and width (2nd param)\nwindow.minsize(num, num)  # sets min width and height\nwindow.maxsize(num, num)  # sets max width and height\n\n# ICONIFYING AND WITHDRAWING\n# WINDOW STATE: normal. iconic (iconified window), withdrawn, icon, zoomed\nwindow.state()  # returns current window state\nwindow.state('state')  # sets window state\nwindow.iconify()  # iconifies window\nwindow.deiconify()  # deiconifies window\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#standard-dialogs","title":"STANDARD DIALOGS","text":"Python<pre><code># SLEETING FILE AND DIRECTORIES\n# on Windows and Mac invokes underlying OS dialogs directly\nfrom tkinter import filedialog\nfilename = filedialog.askopenfilename()\nfilename = filedialog.asksaveasfilename()\ndirname = filedialog.askdirectory()\n'''All of these commands produce modal dialogs, which means that the commands (and hence the program) will not continue running until the user submits the dialog.\nThe commands return the full pathname of the file or directory the user has chosen, or return an empty string if the user cancels out of the dialog.'''\n\n# SELECTING COLORS\nfrom tkinter import colorchooser\n # returns HEX color code, INITIALCOLOR: exiting color, presumably to replace\ncolorchooser.askcolor(initialcolor=hex_color_code)\n\n# ALERT AND COMFIRMATION DIALOGS\nfrom tkinter import messagebox\nmessagebox.showinfo(title=\"title\", message='text')  # simple box with message and OK button\nmessagebox.showerror(title=\"title\", message='text')\nmessagebox.showwarning(title=\"title\", message='text')\nmessagebox.askyesno(title=\"title\", message='text', detail='secondary text' icon='icon')\nmessagebor.askokcancel(message='text', icon='icon', title='title', detail='secondary text', default=button)  # DEFAULT: default button, ok or cancel\nmessagebox.akdquestion(title=\"title\", message='text', detail='secondary text', icon='icon')\nmessagebox.askretrycancel(title=\"title\", message='text', detail='secondary text', icon='icon')\nmessagebox.askyesnocancel(title=\"title\", message='text', detail='secondary text', icon='icon')\n# ICON: info (default), error, question, warning\n</code></pre> <p>POSSIBLE ALERT/CONFIRMATION RETURN VALUES:</p> <ul> <li><code>ok (default)</code> -- \"ok\"</li> <li><code>okcancel</code> -- \"ok\" or \"cancel\"</li> <li><code>yesno</code> -- \"yes\" or \"no\"</li> <li><code>yesnocancel</code> -- \"yes\", \"no\" or \"cancel\"</li> <li><code>retrycancel</code> -- \"retry\" or \"cancel\"</li> </ul>"},{"location":"languages/python/libs/tkinter.html#separator","title":"SEPARATOR","text":"Python<pre><code># horizontal or vertical line between groups of widgets\nseparator = ttk.Separator(parent, orient=direction)\n# DIRECTION: horizontal, vertical\n'''LABEL FRAME'''\n# labelled frame, used to group widgets\nlf = ttk.LabelFrame(parent, text='label')\n'''PANED WINDOWS'''\n# stack multimple resizable widgets\n# panes ara adjustable (drag sash between panes)\npw = ttk.PanedWindow(parent, orient=direction)\n# DIRECTION: horizontal, vertical\nlf1 = ttk.LabelFrame(...)\nlf2 = ttk.LabelFrame(...)\npw.add(lf1)  # add widget to paned window\npw.add(lf2)\npw.insert(position, subwindow)  # insert widget at given position in list of panes (0, ..., n-1)\npw.forget(subwindow)  # remove widget from pane\npw.forget(position)  # remove widget from pane\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#notebook","title":"NOTEBOOK","text":"<p>Allows switching between multiple pages</p> Python<pre><code>nb = ttk.Notebook(parent)\nf1 = ttk.Frame(parent, ...)  # child of notebook\nf2 = ttk.Frame(parent, ...)\nnb.add(subwindow, text='page title', state=flag)\n# TEXT: name of page, STATE: normal, dusabled (not selectable), hidden\n\nnb.insert(position, subwindow, option=value)\nnb.forget(subwindow)\nnb.forget(position)\nnb.tabs()  # retrieve all tabs\nnb.select()  # return current tab\nnb.select(position/subwindow)  # change current tab\nnb.tab(tabid, option)  # retrieve tab (TABID: position or subwindow) option\nnb.tab(tabid, option=value)   # change tab option\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#fonts-colors-images","title":"FONTS, COLORS, IMAGES","text":""},{"location":"languages/python/libs/tkinter.html#named-fonts","title":"NAMED FONTS","text":"<p>Creation of personalized fonts</p> Python<pre><code>from tkinter import font\nfont_name = font.Font(family='font_family', size=num, weight='bold/normal', slant='roman/italic', underline=boolean, overstrike=boolean)\n# FAMILY: Courier, Times, Helvetica (support guaranteed)\nfont.families()  # all avaiable font families\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#colors","title":"COLORS","text":"<p>Specified w/ HEX RGB codes.</p>"},{"location":"languages/python/libs/tkinter.html#images","title":"IMAGES","text":"<p>imgobj = PhotoImage(file='filename') label['image'] = imgobj</p>"},{"location":"languages/python/libs/tkinter.html#images-w-pillow","title":"IMAGES W/ Pillow","text":"Python<pre><code>from PIL import ImageTk, Image\nmyimg = ImageTk.PhotoImage(Image.open('filename'))\n</code></pre>"},{"location":"languages/python/modules/argparse.html","title":"Argpasrse Module","text":""},{"location":"languages/python/modules/argparse.html#creating-a-parser","title":"Creating a parser","text":"Python<pre><code>import argparse\n\nparser = argparse.ArgumentParser(description=\"description\", allow_abbrev=True)\n</code></pre> <p>Note: All parameters should be passed as keyword arguments.</p> <ul> <li><code>prog</code>: The name of the program (default: <code>sys.argv[0]</code>)</li> <li><code>usage</code>: The string describing the program usage (default: generated from arguments added to parser)</li> <li><code>description</code>: Text to display before the argument help (default: none)</li> <li><code>epilog</code>: Text to display after the argument help (default: none)</li> <li><code>parents</code>: A list of ArgumentParser objects whose arguments should also be included</li> <li><code>formatter_class</code>: A class for customizing the help output</li> <li><code>prefix_chars</code>: The set of characters that prefix optional arguments (default: \u2018-\u2018)</li> <li><code>fromfile_prefix_chars</code>: The set of characters that prefix files from which additional arguments should be read (default: None)</li> <li><code>argument_default</code>: The global default value for arguments (default: None)</li> <li><code>conflict_handler</code>: The strategy for resolving conflicting optionals (usually unnecessary)</li> <li><code>add_help</code>: Add a -h/--help option to the parser (default: True)</li> <li><code>allow_abbrev</code>: Allows long options to be abbreviated if the abbreviation is unambiguous. (default: True)</li> </ul>"},{"location":"languages/python/modules/argparse.html#adding-arguments","title":"Adding Arguments","text":"Python<pre><code>ArgumentParser.add_argument(\"name_or_flags\", nargs=\"...\", action=\"...\")\n</code></pre> <p>Note: All parameters should be passed as keyword arguments.</p> <ul> <li><code>name or flags</code>: Either a name or a list of option strings, e.g. <code>foo</code> or <code>-f</code>, <code>--foo</code>.</li> <li><code>action</code>: The basic type of action to be taken when this argument is encountered at the command line.</li> <li><code>nargs</code>: The number of command-line arguments that should be consumed.</li> <li><code>const</code>: A constant value required by some action and nargs selections.</li> <li><code>default</code>: The value produced if the argument is absent from the command line.</li> <li><code>type</code>: The type to which the command-line argument should be converted to.</li> <li><code>choices</code>: A container of the allowable values for the argument.</li> <li><code>required</code>: Whether or not the command-line option may be omitted (optionals only).</li> <li><code>help</code>: A brief description of what the argument does.</li> <li><code>metavar</code>: A name for the argument in usage messages.</li> <li><code>dest</code>: The name of the attribute to be added to the object returned by <code>parse_args()</code>.</li> </ul>"},{"location":"languages/python/modules/argparse.html#actions","title":"Actions","text":"<p><code>store</code>: This just stores the argument's value. This is the default action.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo')\n&gt;&gt;&gt; parser.parse_args('--foo 1'.split())\nNamespace(foo='1')\n</code></pre> <p><code>store_const</code>: This stores the value specified by the const keyword argument. The <code>store_const</code> action is most commonly used with optional arguments that specify some sort of flag.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', action='store_const', const=42)\n&gt;&gt;&gt; parser.parse_args(['--foo'])\nNamespace(foo=42)\n</code></pre> <p><code>store_true</code> and <code>store_false</code>: These are special cases of <code>store_const</code> used for storing the values True and False respectively. In addition, they create default values of False and True respectively.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', action='store_true')\n&gt;&gt;&gt; parser.add_argument('--bar', action='store_false')\n&gt;&gt;&gt; parser.add_argument('--baz', action='store_false')\n&gt;&gt;&gt; parser.parse_args('--foo --bar'.split())\nNamespace(foo=True, bar=False, baz=True)\n</code></pre> <p><code>append</code>: This stores a list, and appends each argument value to the list. This is useful to allow an option to be specified multiple times. Example usage:</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', action='append')\n&gt;&gt;&gt; parser.parse_args('--foo 1 --foo 2'.split())\nNamespace(foo=['1', '2'])\n</code></pre> <p><code>append_const</code>: This stores a list, and appends the value specified by the const keyword argument to the list. (Note that the const keyword argument defaults to None.) The <code>append_const</code> action is typically useful when multiple arguments need to store constants to the same list. For example:</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--str', dest='types', action='append_const', const=str)\n&gt;&gt;&gt; parser.add_argument('--int', dest='types', action='append_const', const=int)\n&gt;&gt;&gt; parser.parse_args('--str --int'.split())\nNamespace(types=[&lt;class 'str'&gt;, &lt;class 'int'&gt;])\n</code></pre> <p><code>count</code>: This counts the number of times a keyword argument occurs. For example, this is useful for increasing verbosity levels: Note: the default will be None unless explicitly set to 0.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--verbose', '-v', action='count', default=0)\n&gt;&gt;&gt; parser.parse_args(['-vvv'])\nNamespace(verbose=3)\n</code></pre> <p><code>help</code>: This prints a complete help message for all the options in the current parser and then exits. By default a help action is automatically added to the parser.</p> <p><code>version</code>: This expects a version= keyword argument in the add_argument() call, and prints version information and exits when invoked:</p> Python<pre><code>&gt;&gt;&gt; import argparse\n&gt;&gt;&gt; parser = argparse.ArgumentParser(prog='PROG')\n&gt;&gt;&gt; parser.add_argument('--version', action='version', version='%(prog)s 2.0')\n&gt;&gt;&gt; parser.parse_args(['--version'])\nPROG 2.0\n</code></pre> <p><code>extend</code>: This stores a list, and extends each argument value to the list. Example usage:</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument(\"--foo\", action=\"extend\", nargs=\"+\", type=str)\n&gt;&gt;&gt; parser.parse_args([\"--foo\", \"f1\", \"--foo\", \"f2\", \"f3\", \"f4\"])\nNamespace(foo=['f1', 'f2', 'f3', 'f4'])\n</code></pre>"},{"location":"languages/python/modules/argparse.html#nargs","title":"Nargs","text":"<p>ArgumentParser objects usually associate a single command-line argument with a single action to be taken. The <code>nargs</code> keyword argument associates a different number of command-line arguments with a single action.</p> <p>Note: If the nargs keyword argument is not provided, the number of arguments consumed is determined by the action.</p> <p><code>N</code> (an integer): N arguments from the command line will be gathered together into a list.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', nargs=2)\n&gt;&gt;&gt; parser.add_argument('bar', nargs=1)\n&gt;&gt;&gt; parser.parse_args('c --foo a b'.split())\nNamespace(bar=['c'], foo=['a', 'b'])\n</code></pre> <p>Note: <code>nargs=1</code> produces a list of one item. This is different from the default, in which the item is produced by itself.</p> <p><code>?</code>: One argument will be consumed from the command line if possible, and produced as a single item. If no command-line argument is present, the value from default will be produced.</p> <p>For optional arguments, there is an additional case: the option string is present but not followed by a command-line argument. In this case the value from const will be produced.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', nargs='?', const='c', default='d')\n&gt;&gt;&gt; parser.add_argument('bar', nargs='?', default='d')\n&gt;&gt;&gt; parser.parse_args(['XX', '--foo', 'YY'])\nNamespace(bar='XX', foo='YY')\n&gt;&gt;&gt; parser.parse_args(['XX', '--foo'])\nNamespace(bar='XX', foo='c')\n&gt;&gt;&gt; parser.parse_args([])\nNamespace(bar='d', foo='d')\n</code></pre> <p><code>*</code>: All command-line arguments present are gathered into a list. Note that it generally doesn't make much sense to have more than one positional argument with <code>nargs='*'</code>, but multiple optional arguments with <code>nargs='*'</code> is possible.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', nargs='*')\n&gt;&gt;&gt; parser.add_argument('--bar', nargs='*')\n&gt;&gt;&gt; parser.add_argument('baz', nargs='*')\n&gt;&gt;&gt; parser.parse_args('a b --foo x y --bar 1 2'.split())\nNamespace(bar=['1', '2'], baz=['a', 'b'], foo=['x', 'y'])\n</code></pre> <p><code>+</code>: All command-line args present are gathered into a list. Additionally, an error message will be generated if there wasn't at least one command-line argument present.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser(prog='PROG')\n&gt;&gt;&gt; parser.add_argument('foo', nargs='+')\n&gt;&gt;&gt; parser.parse_args(['a', 'b'])\nNamespace(foo=['a', 'b'])\n&gt;&gt;&gt; parser.parse_args([])\nusage: PROG [-h] foo [foo ...]\nPROG: error: the following arguments are required: foo\n</code></pre> <p><code>argparse.REMAINDER</code>: All the remaining command-line arguments are gathered into a list. This is commonly useful for command line utilities that dispatch to other command line utilities.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser(prog='PROG')\n&gt;&gt;&gt; parser.add_argument('--foo')\n&gt;&gt;&gt; parser.add_argument('command')\n&gt;&gt;&gt; parser.add_argument('args', nargs=argparse.REMAINDER)\n&gt;&gt;&gt; print(parser.parse_args('--foo B cmd --arg1 XX ZZ'.split()))\nNamespace(args=['--arg1', 'XX', 'ZZ'], command='cmd', foo='B')\n</code></pre>"},{"location":"languages/python/modules/argparse.html#parsing-arguments","title":"Parsing Arguments","text":"Python<pre><code># Convert argument strings to objects and assign them as attributes of the namespace. Return the populated namespace.\nArgumentParser.parse_args(args=None, namespace=None)\n\n#  assign attributes to an already existing object, rather than a new Namespace object\nclass C:\n    pass\n\nc = C()\nparser = argparse.ArgumentParser()\nparser.add_argument('--foo')\nparser.parse_args(args=['--foo', 'BAR'], namespace=c)\nc.foo  # BAR\n\n# return a dict instead of a Namespace\nargs = parser.parse_args(['--foo', 'BAR'])\nvars(args)  # {'foo': 'BAR'}\n</code></pre>"},{"location":"languages/python/modules/collections.html","title":"Collections Module","text":"Python<pre><code># COUNTER ()\n# subclass dictionary for counting hash-capable objects\nfrom collections import Counter\nCounter (sequence) # -&gt; Counter object\n# {item: num included in sequence, ...}\n\nvar = Counter (sequence)\nvar.most_common (n) # produce list of most common elements (most common n)\nsum (var.values \u200b\u200b()) # total of all counts\nvar.clear () #reset all counts\nlist (var) # list unique items\nset (var) # convert to a set\ndict (var) # convert to regular dictionary\nvar.items () # convert to a list of pairs (element, count)\nCounter (dict (list_of_pairs)) # convert from a list of pairs\nvar.most_common [: - n-1: -1] # n less common elements\nvar + = Counter () # remove zero and negative counts\n\n\n# DEFAULTDICT ()\n# dictionary-like object that takes a default type as its first argument\n# defaultdict will never raise a KeyError exception.\n# non-existent keys return a default value (default_factory)\nfrom collections import defaultdict\nvar = defaultdict (default_factory)\nvar.popitem () # remove and return first element\nvar.popitem (last = True) # remove and return last item\n\n\n# OREDERDDICT ()\n# subclass dictionary that \"remembers\" the order in which the contents are entered\n# Normal dictionaries have random order\nname_dict = OrderedDict ()\n# OrderedDict with same elements but different order are considered different\n\n\n# USERDICT ()\n# pure implementation in pythondi a map that works like a normal dictionary.\n# Designated to create subclasses\nUserDict.data # recipient of UserDict content\n\n\n# NAMEDTUPLE ()\n# each namedtuple is represented by its own class\nfrom collections import namedtuple\nNomeClasse = namedtuple (NomeClasse, parameters_separated_from_space)\nvar = ClassName (parameters)\nvar.attribute # access to attributes\nvar [index] # access to attributes\nvar._fields # access to attribute list\nvar = class._make (iterable) # transformain namedtuple\nvar._asdict () # Return OrderedDict object starting from namedtuple\n\n\n# DEQUE ()\n# double ended queue (pronounced \"deck\")\n# list editable on both \"sides\"\nfrom collections import deque\nvar = deque (iterable, maxlen = num) # -&gt; deque object\nvar.append (item) # add item to the bottom\nvar.appendleft (item) # add item to the beginning\nvar.clear () # remove all elements\nvar.extend (iterable) # add iterable to the bottom\nvar.extendleft (iterable) # add iterable to the beginning '\nvar.insert (index, item) # insert index position\nvar.index (item, start, stop) # returns position of item\nvar.count (item)\nvar.pop ()\nvar.popleft ()\nvar.remove (value)\nvar.reverse () # reverse element order\nvar.rotate (n) # move the elements of n steps (dx if n&gt; 0, sx if n &lt;0)\nvar.sort ()\n</code></pre>"},{"location":"languages/python/modules/csv.html","title":"CSV Module","text":"Python<pre><code># iterate lines of csvfile\n.reader (csvfile, dialect, ** fmtparams) -&gt; reader object\n\n# READER METHODS\n.__ next __ () # returns next iterable object line as a list or dictionary\n\n# READER ATTRIBUTES\ndialect # read-only description of the dialec used\nline_num # number of lines from the beginning of the iterator\nfieldnames\n\n# convert data to delimited strings\n# csvfile must support .write ()\n#type None converted to empty string (simplify SQL NULL dump)\n.writer (csvfile, dialect, ** fmtparams) -&gt; writer object\n\n# WRITER METHODS\n# row must be iterable of strings or numbers or of dictionaries\n.writerow (row) # write row formatted according to the current dialect\n.writerows (rows) # write all elements in rows formatted according to the current dialect. rows is iterable of row\n\n# CSV METHODS\n# associate dialect to name (name must be string)\n.register_dialect (name, dialect, ** fmtparams)\n\n# delete the dialect associated with name\n.unregister_dialect ()\n\n# returns the dialect associated with name\n.get_dialect (name)\n\n# list of dialects associated with name\n.list_dialect (name)\n\n# returns (if empty) or sets the limit of the csv field\n.field_size_limit (new_limit)\n\n'''\ncsvfile - iterable object returning a string on each __next __ () call\n          if csv is a file it must be opened with newline = '' (universal newline)\ndialect - specify the dialect of csv (Excel, ...) (OPTIONAL)\n\nfmtparams --override formatting parameters (OPTIONAL) https://docs.python.org/3/library/csv.html#csv-fmt-params\n'''\n\n# object operating as a reader but maps the info in each row into an OrderedDict whose keys are optional and passed through fieldnames\nclass csv.Dictreader (f, fieldnames = None, restket = none, restval = None, dialect, * args, ** kwargs)\n'''\nf - files to read\nfieldnames --sequence, defines the names of the csv fields. if omitted use the first line of f\nrestval, restkey --se len (row)&gt; fieldnames excess data stored in restval and restkey\n\nadditional parameters passed to the underlying reader instance\n'''\n\nclass csv.DictWriter (f, fieldnames, restval = '', extrasaction, dialect, * args, ** kwargs)\n'''\nf - files to read\nfieldnames --sequence, defines the names of the csv fields. (NECESSARY)\nrestval --se len (row)&gt; fieldnames excess data stored in restval and restkey\nextrasaction - if the dictionary passed to writerow () contains key not present in fieldnames extrasaction decides action to be taken (raise cause valueError, ignore ignores additional keys)\n\nadditional parameters passed to the underlying writer instance\n'''\n\n# DICTREADER METHODS\n.writeheader () # write a header line of fields as specified by fieldnames\n\n# class used to infer the format of the CSV\nclass csv.Sniffer\n.sniff (sample, delimiters = None) #parse the sample and return a Dialect class. delimiter is a sequence of possible box delimiters\n.has_header (sample) -&gt; bool # True if first row is a series of column headings\n\n#CONSTANTS\ncsv.QUOTE_ALL # instructs writer to quote (\"\") all fields\ncsv.QUOTE_MINIMAL # instructs write to quote only fields containing special characters such as delimiter, quote char ...\ncsv.QUOTE_NONNUMERIC # instructs the writer to quote all non-numeric fields\ncsv.QUOTE_NONE # instructs write to never quote fields\n</code></pre>"},{"location":"languages/python/modules/ftplib.html","title":"Ftplib Module","text":""},{"location":"languages/python/modules/ftplib.html#ftp-classes","title":"FTP CLASSES","text":"Python<pre><code>ftplib.FTP(host=\"\", user=\"\", password=\"\", acct=\"\")\n# if HOST =&gt; connect(host)\n# if USER =&gt; login(user, password, acct)\n\n\nftplib.FTP_TLS(host=\"\", user=\"\", password=\"\", acct=\"\")\n</code></pre>"},{"location":"languages/python/modules/ftplib.html#exceptions","title":"EXCEPTIONS","text":"Python<pre><code>ftplib.error_reply  # unexpected error from server\nftplib.error_temp  # temporary error (response codes 400-499)\nftplib.error_perm  # permanent error (response codes 500-599)\nftplib.error_proto  # error not in ftp specs\nftplib.all_errors  # tuple of all exceptions\n</code></pre>"},{"location":"languages/python/modules/ftplib.html#ftp-objects","title":"FTP OBJECTS","text":"Python<pre><code># method on text files: -lines\n# method on binary files: -binary\n\n# CONNECTION\nFTP.connect(host=\"\", port=0)  # used once per instance\n# DON'T CALL if host was supplied at instance creation\n\nFTP.getwelcome()  # return welcome message\n\nFTP.login(user='anonymous', password='', acct='')\n# called once per instance after connection is established\n# DEFAULT PASSWORD: anonymous@\n# DON'T CALL if host was supplied at instance creation\nFTP.sendcmd(cmd)  # send command string and return response\nFTP.voidcmd(cmd)  # send command string and return nothing if successful\n# FILE TRANSFER\nFTP.abort()  # abort in progress file transfer (can fail)\n\nFTTP.transfercmd(cmd, rest=None)  # returns socket for connection\n# CMD active mode: send EPRT or PORT command and CMD and accept connection\n# CMD passive mode: send EPSV or PASV and start transfer command\n\nFTP.retrbinary(cmd, callback, blocksize=8192, rest=None) # retrieve file in binary mode\n# CMD: appropriate RETR command ('RETR filename')\n# CALLBACK: func called on every block of data received\n\nFTP.rertlines(cmd, callback=None)\n# retrieve file or dir list in ASCII transfer mode\n# CMD: appropriate RETR, LSIT (list and info of files), NLST (list of file names)\n# DEFAULT CALLBACK: sys.stdout\n\nFTP.set_pasv(value)  # set passive mode if value is true, otherwise disable it\n# passive mode on by default\n\nFTP.storbinary(cmd, fp, blocksize=8192, callback=None, rest=None)  # store file in binary mode\n# CMD: appropriate STOR command ('STOR filename')\n# FP: {file object in binary mode} read until EOF in blocks of blocksize\n# CALLBACK: func called on each block after sending\n\nFTP.storlines(cmd, fp, callback=None)  # store file in ASCII transfer mode\n# CMD: appropriate STOR command ('STOR filename')\n# FP: {file object} read until EOF\n# CALLBACK: func called on each block after sending\n</code></pre>"},{"location":"languages/python/modules/itertools.html","title":"Itertools Module","text":"Python<pre><code># accumulate ([1,2,3,4,5]) -&gt; 1, 3 (1 + 2), 6 (1 + 2 + 3), 10 (1 + 2 + 3 + 6), 15 (1+ 2 + 3 + 4 + 5)\n# accumulate (iter, func (,)) -&gt; iter [0], func (iter [0] + iter [1]) + func (prev + iter [2]), ...\naccumulate (iterable, func (_, _))\n\n# iterator returns elements from the first iterable,\n# then proceeds to the next until the end of the iterables\n# does not work if there is only one iterable\nchain (* iterable)\n\n# concatenates elements of the single iterable even if it contains sequences\nchain.from_iterable (iterable)\n\n# returns sequences of length r starting from the iterable\n# items treated as unique based on their value\ncombinations (iterable, r)\n\n# # returns sequences of length r starting from the iterable allowing the repetition of the elements\ncombinations_with_replacement (iterable, r)\n\n# iterator filters date elements returning only those that have\n# a corresponding element in selectors that is true\ncompress (data, selectors)\n\ncount (start, step)\n\n# iterator returning values \u200b\u200bin infinite sequence\ncycle (iterable)\n\n# iterator discards elements of the iterable as long as the predicate is true\ndropwhile (predicate, iterable)\n\n# iterator returning values \u200b\u200bif predicate is false\nfilterfalse (predicate, iterable)\n\n# iterator returns tuple (key, group)\n# key is the grouping criterion\n# group is a generator returning group members\ngroupby (iterable, key = None)\n\n# iterator returns slices of the iterable\nisslice (iterable, stop)\nisslice (iterable, start, stop, step)\n\n# returns all permutations of length r of the iterable\npermutations (iterable, r = None)\n\n# Cartesian product of iterables\n# loops iterables in order of input\n# [product ('ABCD', 'xy') -&gt; Ax Ay Bx By Cx Cy Dx Dy]\n# [product ('ABCD', repeat = 2) -&gt; AA AB AC AD BA BB BC BD CA CB CC CD DA DB DC DD]\nproduct (* iterable, repetitions = 1)\n\n# returns an object infinite times if repetition is not specified\nrepeat (object, repetitions)\n\n# iterator compute func (iterable)\n# used if iterable is pre-zipped sequence (seq of tuples grouping elements)\nstarmap (func, iterable)\n\n# iterator returning values \u200b\u200bfrom iterable as long as predicate is true\ntakewhile (predicate, iterable)\n\n# returns n independent iterators from the single iterable\ntee (iterable, n = 2)\n\n# produces an iterator that aggregates elements from each iterable\n# if the iterables have different lengths the missing values \u200b\u200bare filled according to fillervalue\nzip_longest (* iterable, fillvalue = None)\n</code></pre>"},{"location":"languages/python/modules/json.html","title":"JSON Module","text":""},{"location":"languages/python/modules/json.html#json-format","title":"JSON Format","text":"<p>JSON (JavaScript Object Notation) is a lightweight data-interchange format.     It is easy for humans to read and write.     It is easy for machines to parse and generate.</p> <p>JSON is built on two structures:</p> <ul> <li>A collection of name/value pairs.</li> <li>An ordered list of values.</li> </ul> <p>An OBJECT is an unordered set of name/value pairs. An object begins with <code>{</code> (left brace) and ends with <code>}</code> (right brace). Each name is followed by <code>:</code> (colon) and the name/value pairs are separated by <code>,</code> (comma).</p> <p>An ARRAY is an ordered collection of values. An array begins with <code>[</code> (left bracket) and ends with <code>]</code> (right bracket). Values are separated by <code>,</code> (comma).</p> <p>A VALUE can be a string in double quotes, or a number, or true or false or null, or an object or an array. These structures can be nested.</p> <p>A STRING is a sequence of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. A CHARACTER is represented as a single character string. A STRING is very much like a C or Java string. A NUMBER is very much like a C or Java number, except that the octal and hexadecimal formats are not used.</p> <p>WHITESPACE can be inserted between any pair of tokens.</p>"},{"location":"languages/python/modules/json.html#usage","title":"Usage","text":"Python<pre><code># serialize obj as JSON formatted stream to fp\njson.dump(obj, fp, cls=None, indent=None, separators=None, sort_keys=False)\n# CLS: {custom JSONEncoder} -- specifies custom encoder to be used\n# INDENT: {int &gt; 0, string} -- array elements, object members pretty-printed with indent level\n# SEPARATORS: {tuple} -- (item_separator, key_separator)\n#   [default: (', ', ': ') if indent=None, (',', ':') otherwise],\n#   specify (',', ':') to eliminate whitespace\n# SORT_KEYS: {bool} -- if True dict sorted by key\n\n# serialize obj as JSON formatted string\njson.dumps(obj, cls=None, indent=None, separators=None, sort_keys=False)\n# CLS: {custom JSONEncoder} -- specifies custom encoder to be used\n# INDENT: {int &gt; 0, string} -- array elements, object members pretty-printed with indent level\n# SEPARATORS: {tuple} -- (item_separator, key_separator)\n#   [default: (', ', ': ') if indent=None, (',', ':') otherwise],\n#   specify (',', ':') to eliminate whitespace\n# SORT_KEYS: {bool} -- if True dict sorted by key\n\n# deserialize fp to python object\njson.load(fp, cls=None)\n# CLS: {custom JSONEncoder} -- specifies custom decoder to be used\n\n# deserialize s (string, bytes or bytearray containing JSON doc) to python object\njson.loads(s, cls=None)\n# CLS: {custom JSONEncoder} -- specifies custom decoder to be used\n</code></pre>"},{"location":"languages/python/modules/json.html#default-decoder-jsonjsondecoder","title":"Default Decoder (<code>json.JSONDecoder()</code>)","text":"<p>Conversions (JSON -&gt; Python):</p> <ul> <li>object -&gt; dict</li> <li>array -&gt; list</li> <li>string -&gt; str</li> <li>number (int) -&gt; int</li> <li>number (real) -&gt; float</li> <li>true -&gt; True</li> <li>false -&gt; False</li> <li>null -&gt; None</li> </ul>"},{"location":"languages/python/modules/json.html#default-encoder-jsonjsonencoder","title":"Default Encoder (<code>json.JSONEncoder()</code>)","text":"<p>Conversions (Python -&gt; Json):</p> <ul> <li>dict -&gt; object</li> <li>list, tuple -&gt; array</li> <li>str -&gt; string</li> <li>int, float, Enums -&gt; number</li> <li>True -&gt; true</li> <li>False -&gt; false</li> <li>None -&gt; null</li> </ul>"},{"location":"languages/python/modules/json.html#extending-jsonencoder-example","title":"Extending JSONEncoder (Example)","text":"Python<pre><code>import json\n\nclass ComplexEncoder(json.JSONEncoder):\n    def default(self, obj):\n        if isinstance(obj, complex):\n            return [obj.real, obj.image]\n        # Let the base class default method raise the TypeError\n            return json.JSONEncoder.default(self, obj)\n</code></pre>"},{"location":"languages/python/modules/json.html#retrieving-data-from-json-dict","title":"Retrieving Data from json dict","text":"Python<pre><code>data = json.loads(json)\ndata[\"key\"]  # retrieve the value associated with the key\ndata[\"outer key\"][\"nested key\"]  # nested key value retrieval\n</code></pre>"},{"location":"languages/python/modules/logging.html","title":"Logging Module","text":""},{"location":"languages/python/modules/logging.html#configuration","title":"Configuration","text":"Python<pre><code># basic configuration for the logging system\nlogging.basicConfig(filename=\"relpath\", level=logging.LOG_LEVEL, format=f\"message format\", **kwargs)  \n# DATEFMT: Use the specified date/time format, as accepted by time.strftime().\n\n# create a logger with a name (useful for having multiple loggers)\nlogger = logging.getLogger(name=\"logger name\")  \nlogger.level  # LOG_LEVEL for this logger\n\n# disable all logging calls of severity level and below\n# alternative to basicConfig(level=logging.LOG_LEVEL)\nlogging.disable(level=LOG_LEVEL)  \n</code></pre>"},{"location":"languages/python/modules/logging.html#format-basicconfigformat","title":"Format (<code>basicConfig(format=\"\")</code>)","text":"Attribute name Format Description asctime <code>%(asctime)s</code> Human-readable time when the LogRecord was created. Modified by <code>basicConfig(datefmt=\"\")</code> created <code>%(created)f</code> Time when the LogRecord was created (as returned by <code>time.time()</code>). filename <code>%(filename)s</code> Filename portion of pathname. funcName <code>%(funcName)s</code> Name of function containing the logging call. levelname <code>%(levelname)s</code> Text logging level for the message. levelno <code>%(levelno)s</code> Numeric logging level for the message. lineno <code>%(lineno)d</code> Source line number where the logging call was issued (if available). message <code>%(message)s</code> The logged message, computed as <code>msg % args</code>. module <code>%(module)s</code> Module (name portion of filename). msecs <code>%(msecs)d</code> Millisecond portion of the time when the LogRecord was created. name <code>%(name)s</code> Name of the logger used to log the call. pathname <code>%(pathname)s</code> Full pathname of the source file where the logging call was issued (if available). process <code>%(process)d</code> Process ID (if available). processName <code>%(processName)s</code> Process name (if available). thread <code>%(thread)d</code> Thread ID (if available). threadName <code>%(threadName)s</code> Thread name (if available)."},{"location":"languages/python/modules/logging.html#datefmt-basicconfigdatefmt","title":"Datefmt (<code>basicConfig(datefmt=\"\")</code>)","text":"Directive Meaning <code>%a</code> Locale's abbreviated weekday name. <code>%A</code> Locale's full weekday name. <code>%b</code> Locale's abbreviated month name. <code>%B</code> Locale's full month name. <code>%c</code> Locale's appropriate date and time representation. <code>%d</code> Day of the month as a decimal number [01,31]. <code>%H</code> Hour (24-hour clock) as a decimal number [00,23]. <code>%I</code> Hour (12-hour clock) as a decimal number [01,12]. <code>%j</code> Day of the year as a decimal number [001,366]. <code>%m</code> Month as a decimal number [01,12]. <code>%M</code> Minute as a decimal number [00,59]. <code>%p</code> Locale's equivalent of either AM or PM. <code>%S</code> Second as a decimal number [00,61]. <code>%U</code> Week number of the year (Sunday as the first day of the week) as a decimal number [00,53]. <code>%w</code> Weekday as a decimal number [0(Sunday),6]. <code>%W</code> Week number of the year (Monday as the first day of the week) as a decimal number [00,53]. <code>%x</code> Locale's appropriate date representation. <code>%X</code> Locale's appropriate time representation. <code>%y</code> Year without century as a decimal number [00,99]. <code>%Y</code> Year with century as a decimal number. <code>%z</code> Time zone offset indicating a positive or negative time difference from UTC/GMT of the form +HHMM or -HHMM [-23:59, +23:59]. <code>%Z</code> Time zone name (no characters if no time zone exists). <code>%%</code> A literal '%' character."},{"location":"languages/python/modules/logging.html#logs","title":"Logs","text":"<p>Log Levels (Low To High):</p> <ul> <li>default: <code>0</code></li> <li>debug: <code>10</code></li> <li>info: <code>20</code></li> <li>warning: <code>30</code></li> <li>error: <code>40</code></li> <li>critical: <code>50</code></li> </ul> Python<pre><code>logging.debug(msg)  # Logs a message with level DEBUG on the root logger\nlogging.info(msg)  # Logs a message with level INFO on the root logger\nlogging.warning(msg)  # Logs a message with level WARNING on the root logger\nlogging.error(msg)  # Logs a message with level ERROR on the root logger\nlogging.critical(msg)  # Logs a message with level CRITICAL on the root logger\n</code></pre>"},{"location":"languages/python/modules/shutil.html","title":"Shutil Module","text":"<p>High-level file operations</p> Python<pre><code># copy file src to fil dst, return dst in most efficient way\nshutil.copyfile(src, dst)\n# dst MUST be complete target name\n# if dst already exists it will be overwritten\n\n# copy file src to directory dst, return path to new file\nshutil.copy(src, dst)\n\n# Recursively copy entire dir-tree rooted at src to directory named dst\n# return the destination directory\nshutil.copytree(src, dst, dirs_exist_ok=False)\n# DIRS_EXIST_OK: {bool} -- dictates whether to raise an exception in case dst\n# or any missing parent directory already exists\n\n# delete an entire directory tree\nshutil.rmtree(path, ignore_errors=False, onerror=None)\n# IGNORE_ERROR: {bool} -- if true errors (failed removals) will be ignored\n# ON_ERROR: handler for removal errors (if ignore_errors=False or omitted)\n\n# recursively move file or directory (src) to dst, return dst\nshutil.move(src, dst)\n# if the destination is an existing directory, then src is moved inside that directory.\n# if the destination already exists but is not a directory,\n# it may be overwritten depending on os.rename() semantics\n# used to rename files\n\n# change owner user and/or group of the given path\nshutil.chown(path, user=None, group=None)\n# user can be a system user name or a uid; the same applies to group.\n#  At least one argument is required\n\n# create archive file and return its name\nshutil.make_archive(base_name, format, [root_dir, base_dir])\n# BASE_NAME: {string} -- name of the archive, including path, excluding extension\n# FROMAT: {zip, tar, gztar, bztar, xztar} -- archive format\n# ROOT_DIR: {path} -- root directory of archive (location of archive)\n# BASE_DIR: {path} -- directory where the archiviation starts\n\n# unpack an archive\nshutil.unpack_archive(filename, [extract_dir, format])\n# FILENAME: full path of archive\n# EXTRACT_DIR: {path} -- directory to unpack into\n# FORMAT: {zip, tar, gztar, bztar, xztar} -- archive format\n\n# return disk usage statistics as Namedtuple w/ attributes total, used, free\nshutil.disk_usage(path)\n</code></pre>"},{"location":"languages/python/modules/smtplib.html","title":"SMTPlib Module","text":"Python<pre><code>import smtplib\n\n# SMTP instance that encapsulates a SMTP connection\n# If the optional host and port parameters are given, the SMTP connect() method is called with those parameters during initialization.\ns = smtplib.SMTP(host=\"host_smtp_address\", port=\"smtp_service_port\", **kwargs)\n\ns = smtplib.SMTP_SSL(host=\"host_smtp_address\", port=\"smtp_service_port\", **kwargs)\n# An SMTP_SSL instance behaves exactly the same as instances of SMTP.\n# SMTP_SSL should be used for situations where SSL is required from the beginning of the connection\n# and using starttls() is not appropriate.\n# If host is not specified, the local host is used.\n# If port is zero, the standard SMTP-over-SSL port (465) is used.\n\nSMTP.connect(host='localhost', port=0)\n#Connect to a host on a given port. The defaults are to connect to the local host at the standard SMTP port (25). If the hostname ends with a colon (':') followed by a number, that suffix will be stripped off and the number interpreted as the port number to use. This method is automatically invoked by the constructor if a host is specified during instantiation. Returns a 2-tuple of the response code and message sent by the server in its connection response.\n\nSMTP.verify(address)  # Check the validity of an address on this server using SMTP VRFY\n\nSMTP.login(user=\"full_user_mail\", password=\"user_password\")  # Log-in on an SMTP server that requires authentication\n\nSMTP.SMTPHeloError  # The server didn't reply properly to the HELO greeting\nSMTP.SMTPAuthenticationError  # The server didn't accept the username/password combination.\nSMTP.SMTPNotSupportedError  # The AUTH command is not supported by the server.\nSMTP.SMTPException  # No suitable authentication method was found.\n\nSMTP.starttls(keyfile=None, certfile=None, **kwargs)  # Put the SMTP connection in TLS (Transport Layer Security) mode. All SMTP commands that follow will be encrypted\n# from_addr &amp; to_addrs are used to construct the message envelope used by the transport agents. sendmail does not modify the message headers in any way.\n# msg may be a string containing characters in the ASCII range, or a byte string. A string is encoded to bytes using the ascii codec, and lone \\r and \\n characters are converted to \\r\\n characters. A byte string is not modified.\nSMTP.sendmail(from_addr, to_addrs, msg, **kwargs)\n# from_addr: {string} -- RFC 822 from-address string\n# ro_addrs: {string, list of strings} -- list of RFC 822 to-address strings\n# msg: {string} -- message string\n\n# This is a convenience method for calling sendmail() with the message represented by an email.message.Message object.\nSMTP.send_message(msg, from_addr=None, to_addrs=None, **kwargs)\n# from_addr: {string} -- RFC 822 from-address string\n# ro_addrs: {string, list of strings} -- list of RFC 822 to-address strings\n# msg: {email.message.Message object} -- message string\nSMTP.quit()  # Terminate the SMTP session and close the connection. Return the result of the SMTP QUIT command\n</code></pre>"},{"location":"languages/python/modules/socket.html","title":"Socket Module","text":""},{"location":"languages/python/modules/socket.html#definition","title":"Definition","text":"<p>A network socket is an internal endpoint for sending or receiving data within a node on a computer network.</p> <p>In practice, socket usually refers to a socket in an Internet Protocol (IP) network, in particular for the Transmission Control Protocol (TCP), which is a protocol for one-to-one connections. In this context, sockets are assumed to be associated with a specific socket address, namely the IP address and a port number for the local node, and there is a corresponding socket address at the foreign node (other node), which itself has an associated socket, used by the foreign process. Associating a socket with a socket address is called binding.</p>"},{"location":"languages/python/modules/socket.html#socket-creation-connection","title":"Socket Creation &amp; Connection","text":"Python<pre><code>import socket\n\n# socket over the internet, socket is a stream of data\nsocket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n\nsocket.connect = ((\"URL\", port: int))  # connect to socket\nsocket.close()  # close connection\n</code></pre>"},{"location":"languages/python/modules/socket.html#making-http-requests","title":"Making HTTP Requests","text":"Python<pre><code>import socket\nHTTP_Method = \"GET http://url/resource HTTP/version\\n\\n\".encode()  # set HTTP request (encoded string from UTF-8 to bytes)\nsocket.send(HTTP_Method)   # make HTTP request\n\ndata = socket.recv(buffer_size)  # receive data from socket\ndecoded = data.decode()  # decode data (from bytes to UTF-8)\n</code></pre>"},{"location":"languages/python/modules/sqlite.html","title":"sqlite3 Module","text":""},{"location":"languages/python/modules/sqlite.html#connecting-to-the-database","title":"Connecting To The Database","text":"<p>To use the module, you must first create a Connection object that represents the database.</p> Python<pre><code>import sqlite3\nconnection = sqlite3.connect(\"file.db\")\n</code></pre> <p>Once you have a <code>Connection</code>, you can create a <code>Cursor</code> object and call its <code>execute()</code> method to perform SQL commands.</p> Python<pre><code>cursor = connection.cursor()\n\ncursor.execute(sql)\nexecutemany(sql, seq_of_parameters)  # Executes an SQL command against all parameter sequences or mappings found in the sequence seq_of_parameters.\n\ncursor.close()  # close the cursor now\n# ProgrammingError exception will be raised if any operation is attempted with the cursor.\n</code></pre> <p>The data saved is persistent and is available in subsequent sessions.</p>"},{"location":"languages/python/modules/sqlite.html#query-construction","title":"Query Construction","text":"<p>Usually your SQL operations will need to use values from Python variables. You shouldn't assemble your query using Python's string operations because doing so is insecure: it makes your program vulnerable to an SQL injection attack</p> <p>Put <code>?</code> as a placeholder wherever you want to use a value, and then provide a tuple of values as the second argument to the cursor's <code>execute()</code> method.</p> Python<pre><code># Never do this -- insecure!\nc.execute(\"SELECT * FROM stocks WHERE symbol = value\")\n\n# Do this instead\nt = ('RHAT',)\nc.execute('SELECT * FROM stocks WHERE symbol=?', t)\nprint(c.fetchone())\n\n# Larger example that inserts many records at a time\npurchases = [('2006-03-28', 'BUY', 'IBM', 1000, 45.00),\n             ('2006-04-05', 'BUY', 'MSFT', 1000, 72.00),\n             ('2006-04-06', 'SELL', 'IBM', 500, 53.00),\n            ]\nc.executemany('INSERT INTO stocks VALUES (?,?,?,?,?)', purchases)\n</code></pre>"},{"location":"languages/python/modules/sqlite.html#writing-operations-to-disk","title":"Writing Operations to Disk","text":"Python<pre><code>cursor = connection.cursor()\ncursor.execute(\"SQL\")\nconnection.commit()\n</code></pre>"},{"location":"languages/python/modules/sqlite.html#multiple-sql-instructions","title":"Multiple SQL Instructions","text":"Python<pre><code>connection = sqlite3.connect(\"file.db\")\ncur = con.cursor()\ncur.executescript(\"\"\"\n    QUERY_1;\n    QUERY_2;\n    ...\n    QUERY_N;\n    \"\"\")\n\ncon.close()\n</code></pre>"},{"location":"languages/python/modules/sqlite.html#retrieving-records","title":"Retrieving Records","text":"Python<pre><code># Fetches the next row of a query result set, returning a single sequence.\n# Returns None when no more data is available.\ncursor.fetchone()  \n\n# Fetches all (remaining) rows of a query result, returning a list.\n# An empty list is returned when no rows are available.\ncursor.fetchall()  \n\n# Fetches the next set of rows of a query result, returning a list.\n# An empty list is returned when no more rows are available.\nfetchmany(size=cursor.arraysize)\n</code></pre> <p>The number of rows to fetch per call is specified by the <code>size</code> parameter. If it is not given, the cursor's <code>arraysize</code> determines the number of rows to be fetched. The method should try to fetch as many rows as indicated by the size parameter. If this is not possible due to the specified number of rows not being available, fewer rows may be returned.</p> <p>Note there are performance considerations involved with the size parameter. For optimal performance, it is usually best to use the arraysize attribute. If the size parameter is used, then it is best for it to retain the same value from one <code>fetchmany()</code> call to the next.</p>"},{"location":"languages/python/modules/time-datetime.html","title":"Time &amp; Datetime","text":""},{"location":"languages/python/modules/time-datetime.html#time","title":"Time","text":"Python<pre><code># epoch: elapsed time in seconds (in UNIX starts from 01-010-1970)\nimport time # UNIX time\nvariable = time.time () # returns the time (in seconds) elapsed since 01-01-1970\nvariable = time.ctime (epochseconds) # transform epoch into date\n\nvar = time.perf_counter () # returns the current running time\n# execution time = start time - end time\n</code></pre>"},{"location":"languages/python/modules/time-datetime.html#timesrtfrime-format","title":"time.srtfrime() format","text":"Format Data <code>%a</code> Locale's abbreviated weekday name. <code>%A</code> Locale's full weekday name. <code>%b</code> Locale's abbreviated month name. <code>%B</code> Locale's full month name. <code>%c</code> Locale's appropriate date and time representation. <code>%d</code> Day of the month as a decimal number <code>[01,31]</code>. <code>%H</code> Hour (24-hour clock) as a decimal number <code>[00,23]</code>. <code>%I</code> Hour (12-hour clock) as a decimal number <code>[01,12]</code>. <code>%j</code> Day of the year as a decimal number <code>[001,366]</code>. <code>%m</code> Month as a decimal number <code>[01,12]</code>. <code>%M</code> Minute as a decimal number <code>[00,59]</code>. <code>%p</code> Locale's equivalent of either AM or PM. <code>%S</code> Second as a decimal number <code>[00,61]</code>. <code>%U</code> Week number of the year (Sunday as the first day of the week) as a decimal number <code>[00,53]</code>. <code>%w</code> Weekday as a decimal number <code>[0(Sunday),6]</code>. <code>%W</code> Week number of the year (Monday as the first day of the week) as a decimal number <code>[00,53]</code>. <code>%x</code> Locale's appropriate date representation. <code>%X</code> Locale's appropriate time representation. <code>%y</code> Year without century as a decimal number <code>[00,99]</code>. <code>%Y</code> Year with century as a decimal number. <code>%z</code> Time zone offset indicating a positive or negative time difference from UTC/GMT of the form +HHMM or -HHMM <code>%Z</code> Time zone name (no characters if no time zone exists). <code>%%</code> A literal <code>%</code> character."},{"location":"languages/python/modules/time-datetime.html#datetime","title":"Datetime","text":"Python<pre><code>import datetime\ntoday = datetime.date.today () # returns current date\ntoday = datetime.datetime.today () # returns the current date and time\n\n# formatting example\nprint ('Current Date: {} - {} - {}' .format (today.day, today.month, today.year))\nprint ('Current Time: {}: {}. {}' .format (today.hour, today.minute, today.second))\n\nvar_1 = datetime.date (year, month, day) # create date object\nvar_2 = datetime.time (hour, minute, second, micro-second) # create time object\ndt = datetime.combine (var_1, var_2) # combine date and time objects into one object\n\ndate_1 = datetime.date ('year', 'month', 'day')\ndate_2 = date_1.replace (year = 'new_year')\n\n#DATETIME ARITHMETIC\ndate_1 - date_2 # -&gt; datetime.timedelta (num_of_days)\ndatetime.timedelta # duration expressing the difference between two date, time or datetime objects\n</code></pre>"},{"location":"languages/python/modules/unittest.html","title":"Unittest Module","text":"Python<pre><code>import unittest\nimport module_under_test\n\nclass Test(unittest.TestCase):\n\n    def test_1(self):\n        self.assert*(output, expected_output)\n\nif __name__ == '__main__':\n    unittest.main()\n</code></pre>"},{"location":"languages/python/modules/unittest.html#testcase-class","title":"TestCase Class","text":"<p>Instances of the <code>TestCase</code> class represent the logical test units in the unittest universe. This class is intended to be used as a base class, with specific tests being implemented by concrete subclasses. This class implements the interface needed by the test runner to allow it to drive the tests, and methods that the test code can use to check for and report various kinds of failure.</p>"},{"location":"languages/python/modules/unittest.html#assert-methods","title":"Assert Methods","text":"Method Checks that <code>assertEqual(a, b)</code> <code>a == b</code> <code>assertNotEqual(a, b)</code> <code>a != b</code> <code>assertTrue(x)</code> <code>bool(x) is True</code> <code>assertFalse(x)</code> <code>bool(x) is False</code> <code>assertIs(a, b)</code> <code>a is b</code> <code>assertIsNot(a, b)</code> <code>a is not b</code> <code>assertIsNone(x)</code> <code>x is None</code> <code>assertIsNotNone(x)</code> <code>x is not None</code> <code>assertIn(a, b)</code> <code>a in b</code> <code>assertNotIn(a, b)</code> <code>a not in b</code> <code>assertIsInstance(a, b)</code> <code>isinstance(a, b)</code> <code>assertNotIsInstance(a, b)</code> <code>not isinstance(a, b)</code> Method Checks that <code>assertRaises(exc, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises exc <code>assertRaisesRegex(exc, r, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises exc and the message matches regex <code>r</code> <code>assertWarns(warn, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises warn <code>assertWarnsRegex(warn, r, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises warn and the message matches regex r <code>assertLogs(logger, level)</code> The with block logs on logger with minimum level Method Checks that <code>assertAlmostEqual(a, b)</code> <code>round(a-b, 7) == 0</code> <code>assertNotAlmostEqual(a, b)</code> <code>round(a-b, 7) != 0</code> <code>assertGreater(a, b)</code> <code>a &gt; b</code> <code>assertGreaterEqual(a, b)</code> <code>a &gt;= b</code> <code>assertLess(a, b)</code> <code>a &lt; b</code> <code>assertLessEqual(a, b)</code> <code>a &lt;= b</code> <code>assertRegex(s, r)</code> <code>r.search(s)</code> <code>assertNotRegex(s, r)</code> <code>not r.search(s)</code> <code>assertCountEqual(a, b)</code> a and b have the same elements in the same number, regardless of their order. Method Used to compare <code>assertMultiLineEqual(a, b)</code> strings <code>assertSequenceEqual(a, b)</code> sequences <code>assertListEqual(a, b)</code> lists <code>assertTupleEqual(a, b)</code> tuples <code>assertSetEqual(a, b)</code> sets or frozensets <code>assertDictEqual(a, b)</code> dicts"},{"location":"languages/rust/cargo.html","title":"Cargo build system and package manager","text":""},{"location":"languages/rust/cargo.html#creating-a-project","title":"Creating a project","text":"PowerShell<pre><code>cargo new project_name  # creates project folder and basic files\ncargo new --vcs=git project_name  # init project as git repo\n</code></pre>"},{"location":"languages/rust/cargo.html#building-running-checking-a-project","title":"Building, Running &amp; Checking a project","text":"<p>Inside the project directory:</p> PowerShell<pre><code>cargo build  # build project and download eventual needed dependencies\ncargo build --release  # build project for release (build + optimisations)\ncargo run  # executes the built executable\ncargo check  # verifies buildability without producing an executable\n</code></pre>"},{"location":"languages/rust/cargo.html#dependencies","title":"Dependencies","text":"<p>In <code>Cargo.toml</code>:</p> TOML<pre><code>[dependencies]\ncrate_name = \"&lt;version_number&gt;\"\n</code></pre>"},{"location":"languages/rust/cargo.html#code-organization","title":"Code Organization","text":"<p>Rust has a number of features that allow to manage the code's organization, including which details are exposed, which details are private, and what names are in each scope in the programs.</p> <p>These features, sometimes collectively referred to as the module system, include:</p> <ul> <li>Packages: A Cargo feature that allows to build, test, and share crates</li> <li>Crates: A tree of modules that produces a library or executable</li> <li>Modules and <code>use</code>: Allow to control the organization, scope, and privacy of paths</li> <li>Paths: A way of naming an item, such as a struct, function, or module</li> </ul>"},{"location":"languages/rust/cargo.html#packages-crates","title":"Packages &amp; Crates","text":"<p>A crate is a binary or library. The crate root is a source file that the Rust compiler starts from and makes up the root module of he crate. A package is one or more crates that provide a set of functionality. A package contains a <code>Cargo.toml</code> file that describes how to build those crates.</p> <p>Several rules determine what a package can contain. A package must contain <code>zero</code> or <code>one</code> library crates (<code>lib</code> ?), and no more. It can contain as many <code>binary</code> crates as you'd like, but it must contain at least one crate (either library or binary).</p> <p>If a package contains <code>src/main.rs</code> and <code>src/lib.rs</code>, it has two crates: a library and a binary, both with the same name as the package. A package can have multiple binary crates by placing files in the <code>src/bin</code> directory: each file will be a separate binary crate.</p> <p>A crate will group related functionality together in a scope so the functionality is easy to share between multiple projects.</p> <p>Cargo follows a convention that <code>src/main.rs</code> is the crate root of a binary crate with the same name as the package. Likewise, Cargo knows that if the package directory contains <code>src/lib.rs</code>, the package contains a library crate with the same name as the package, and <code>src/lib.rs</code> is its crate root.</p>"},{"location":"languages/rust/cargo.html#modules","title":"Modules","text":"<p>Modules allow to organize code within a crate into groups for readability and easy reuse. Modules also control the privacy of items, which is whether an item can be used by outside code (public) or is an internal implementation detail and not available for outside use (private).</p> <p>Define a module by starting with the <code>mod</code> keyword and then specify the name of the module and place curly brackets around the body of the module. Inside modules, it's possible to have other modules. Modules can also hold definitions for other items, such as structs, enums, constants, traits, or functions.</p>"},{"location":"languages/rust/cargo.html#paths","title":"Paths","text":"<p>A path can take two forms:</p> <ul> <li>An absolute path starts from a crate root by using a crate name or a literal crate.</li> <li>A relative path starts from the current module and uses self, super, or an identifier in the current module.</li> </ul> <p>Both absolute and relative paths are followed by one or more identifiers separated by double colons (<code>::</code>).</p> Rust<pre><code>module::function();  // rel path (same crate)\nsuper::function();;  // rel path starting in outer module (same crate)\n\ncrate::module::function();  // abs path (same crate)\n&lt;crate_name&gt;::module::function();  // abs path (other crate)\n</code></pre>"},{"location":"languages/rust/cargo.html#public-vs-private","title":"Public vs Private","text":"<p>Modules aren\u2019t useful only for organizing the code. They also define Rust\u2019s privacy boundary: the line that encapsulates the implementation details external code isn\u2019t allowed to know about, call, or rely on. So, to make an item like a function or struct private, put it in a module.</p> <p>The way privacy works in Rust is that all items (functions, methods, structs, enums, modules, and constants) are private by default. Items in a parent module can\u2019t use the private items inside child modules, but items in child modules can use the items in their ancestor modules. The reason is that child modules wrap and hide their implementation details, but the child modules can see the context in which they\u2019re defined.</p> Rust<pre><code>mod module {\n    fn func() {}\n}\n\n// for a function to be accessible both module and function must be public\npub mod public_module {\n    pub fn public_func() {}\n}\n\nmod file_level_module;  // define a module for the whole file (same name as file)\n</code></pre> <p>It's possible to use <code>pub</code> to designate structs and enums as public, but there are a few extra details. If <code>pub</code> is used before a struct definition, this makes the struct public, but the struct's fields will still be private. It's possible make each field public or not on a case-by-case basis.</p> <p>In contrast, if an enum is made public, all of its variants are then public.</p>"},{"location":"languages/rust/cargo.html#use","title":"<code>use</code>","text":"Rust<pre><code>use &lt;crate_name&gt;::module;  // import module (abs path, other crate)\nuse crate::module;  // import module (abs path, same crate)\nuse self::module;  // import module (rel path, same crate)\n\nuse &lt;crate_name&gt;::module as alias;  // import module w/ aliases\npub use &lt;crate_name&gt;::module;  // re-exporting (import and make available to others)\n\nuse &lt;crate_name&gt;::module::{self, Item}; // import multiple paths\npub use &lt;crate_name&gt;::module::*; // import all public items (Glob operator)\n\nmodule::function();  // use func w/ shorter path\n</code></pre>"},{"location":"languages/rust/cargo.html#separating-into-multiple-files","title":"Separating into multiple files","text":"Text Only<pre><code>src\n|_main.rs  --&gt; default executable file\n|_lib.rs  --&gt; default library file\n|__module\n|  |_mod.rs --&gt; export submodules\n|  |_submodule.rs --&gt; submodule\n</code></pre> Rust<pre><code>// main.rs\nmod module;  // declare module directory as a module\n\n// mod.rs\npub mod sub_module;  // declare sub_module file as a module\n</code></pre>"},{"location":"languages/rust/concurrency.html","title":"Concurrency","text":"<p>Rust Book - Concurrency Rust Atomics and Locks - Mara Bos</p> <p>Operating systems isolate processes from each other as much as possible, allowing a program to do its thing while completely unaware of what any other processes are doing. For example, a process cannot normally access the memory of another process, or communicate with it in any way, without asking the operating system\u2019s kernel first.</p> <p>However, a program can spawn extra threads of execution, as part of the same process. Threads within the same process are not isolated from each other. Threads share memory and can interact with each other through that memory.</p>"},{"location":"languages/rust/concurrency.html#threads","title":"Threads","text":"<p>Every program starts with exactly one thread: the main thread. This thread will execute the <code>main</code> function and can be used to spawn more threads if necessary.</p> <p>New threads are spawned using the <code>std::thread::spawn</code> function from the standard library. It takes a single argument: the function the new thread will execute. The thread stops once this function returns.</p> <p>Returning from <code>main</code> will exit the entire program, even if other threads are still running. To make sure the spawned threads have finished their work it's possible to wait by joining them.</p> Rust<pre><code>// spawn a new thread\nlet handle = std::thread::spawn(move || {\n\n    // read the current thread ID\n    let thread_id = std::thread::current().id();\n});\n\n// wait for the thread to finish by joining it\nhandle.join();\n</code></pre> <p>Since a thread might run until the very end of the program\u2019s execution, the spawn function has a <code>'static</code> lifetime bound on its argument type. In other words, it only accepts functions that may be kept around forever. A closure capturing a local variable by reference may not be kept around forever, since that reference would become invalid the moment the local variable ceases to exist.</p> <p>Getting a value back out of the thread is done by returning it from the closure. This return value can be obtained from the <code>Result</code> returned by the <code>join</code> method.</p> <p>Note: if a thread panics the handle will return the panic message so that it can be handled.</p> Rust<pre><code>let numbers = Vec::from_iter(0..=1000);\n\n// `move` ensures the tread takes ownership by move the data\nlet handle = thread::spawn(move || {\n    let len = numbers.len();\n    let sum = numbers.iter().sum::&lt;usize&gt;();\n    sum / len\n});\n\n\nlet average = handle.join().unwrap();\n</code></pre>"},{"location":"languages/rust/concurrency.html#scoped-threads","title":"Scoped Threads","text":"<p>Scoped threads ensure that all thread spawned within a scope do not outlive said scope. This makes possible to borrow data that outlives the scope. This is possible since the scope <code>spawn</code> function does not have a <code>'static</code> bound.</p> <p>Note: it's not possible to spawn multiple threads sharing the same data is one of the is mutating it.</p> Rust<pre><code>let numbers = Vec::from_iter(0..=10);\n\nstd::thread::scope(|scope| {\n    // data is borrowed since the `move` keyword is missing\n    scope.spawn(|| { \n        let len = numbers.len(); \n        // ...\n    });\n\n    scope.spawn(|| { /* ... */ });\n});\n</code></pre>"},{"location":"languages/rust/concurrency.html#shared-ownership","title":"Shared Ownership","text":"<p>When sharing data between two threads where neither thread is guaranteed to outlive the other, neither of them can be the owner of that data. Any data shared between them will need to live as long as the longest living thread.</p> <p>There are several ways to create data that is not owned by any single thread:</p> <ul> <li> <p>Statics: A <code>static</code> item has a constant initializer, is never dropped, and already exists before the main function of the program even starts. Every thread can borrow it, since it\u2019s guaranteed to always exist.</p> </li> <li> <p>Leaking: Using <code>Box::leak</code>, one can release ownership of a <code>Box</code>, promising to never drop it. From that point on, the <code>Box</code> will live forever, without an owner, allowing it to be borrowed by any thread for as long as the program runs.</p> </li> <li> <p>Reference Counting: To make sure that shared data gets dropped and deallocated data ownership it's never gave up completely, is instead shared. By keeping track of the number of owners, it's possible to make sure the value is dropped only when there are no owners left. The standard library offers such functionality with the <code>Rc&lt;T&gt;</code> &amp; <code>Arc&lt;T&gt;</code> types.</p> </li> </ul>"},{"location":"languages/rust/concurrency.html#thread-safety-send-and-sync","title":"Thread Safety: Send and Sync","text":"<p>The <code>Send</code> marker trait indicates that ownership of values of the type implementing <code>Send</code> can be transferred between threads. Any type composed entirely of <code>Send</code> types is automatically marked as <code>Send</code>.  Almost all primitive types are <code>Send</code>, aside from raw pointers.</p> <p>The <code>Sync</code> marker trait indicates that it is safe for the type implementing <code>Sync</code> to be referenced from multiple threads. In other words, any type <code>T</code> is <code>Sync</code> if <code>&amp;T</code> (an immutable reference to <code>T</code>) is <code>Send</code>, meaning the reference can be sent safely to another thread. Similar to <code>Send</code>, primitive types are <code>Sync</code>, and types composed entirely of types that are <code>Sync</code>are also <code>Sync</code>.</p> <p>Note: All primitive types such as <code>i32</code>, <code>bool</code>, and <code>str</code> are both <code>Send</code> and <code>Sync</code>.</p>"},{"location":"languages/rust/concurrency.html#locking-protecting-shared-data","title":"Locking: Protecting Shared Data","text":""},{"location":"languages/rust/concurrency.html#mutex","title":"Mutex","text":"<p>The most commonly used tool for sharing (mutable) data between threads is a mutex, which is short for \"mutual exclusion.\" The job of a mutex is to ensure threads have exclusive access to some data by temporarily blocking other threads that try to access it at the same time.</p> <p>A mutex has only two states: locked and unlocked.</p> <p>When a thread locks an unlocked mutex, the mutex is marked as locked and the thread can immediately continue. When a thread then attempts to lock an already locked mutex, that operation will block. The thread is put to sleep while it waits for the mutex to be unlocked. Unlocking is only possible on a locked mutex, and should be done by the same thread that locked it. If other threads are waiting to lock the mutex, unlocking will cause one of those threads to be woken up, so it can try to lock the mutex again and continue its course.</p> <p>Protecting data with a mutex is simply the agreement between all threads that they will only access the data when they have the mutex locked. That way, no two threads can ever access that data concurrently and cause a data race.</p> <p>The Rust standard library provides this functionality through <code>std::sync::Mutex&lt;T&gt;</code>. Since the mutex wraps and owns the <code>T</code> it protects, the data can only be accessed through the mutex, allowing for a safe interface that can guarantee only one thread at a time can access the wrapped <code>T</code>.</p> <p>To ensure a locked mutex can only be unlocked by the thread that locked it, it does not have an <code>unlock()</code> method. Instead, its <code>lock()</code> method returns a  a <code>MutexGuard</code> to represent the lock. The <code>MutexGuard</code> allows exclusive access to the data the mutex protects. Unlocking the mutex is done by dropping the guard.</p> Rust<pre><code>let mutex = std::sync::Mutex::new(0);\n\nstd::thread::scope(|scope| {\n    scope.spawn(|| {\n        let guard = mutex.lock().unwrap();  // obtain access\n        *guard += 1;  // mutate protected value\n    })\n});\n</code></pre>"},{"location":"languages/rust/concurrency.html#lock-poisoning","title":"Lock Poisoning","text":"<p>The <code>lock()</code> method returns a <code>Result</code> since the mutex can become poisoned. A mutex get marked as poisoned when a thread panics while holding the lock. Calling <code>lock()</code> on a poisoned mutex will return an <code>Err</code>. This poisoning mechanism protects against accessing data that may be in an inconsistent state.  </p> <p>Note: The lock is still acquired and the <code>Err</code> variant contains the guard, allowing to correct the data inconsistency.</p>"},{"location":"languages/rust/concurrency.html#reader-writer-lock","title":"Reader-Writer Lock","text":"<p>A reader-writer lock understands the difference between exclusive and shared access, and can provide either. It has three states: unlocked, locked by a single writer (for exclusive access), and locked by any number of readers (for shared access).</p> <p>The Rust standard library provides this lock through the <code>std::sync::RwLock&lt;T&gt;</code> type.  It has a <code>read()</code> and <code>write()</code> method for locking as either a reader or a writer and it has two guard types: <code>RwLockReadGuard</code> and <code>RwLockWriteGuard</code>.</p> <p>The first only implements <code>Deref</code> to behave like a shared reference to the protected data, while the second also implements <code>DerefMut</code> to behave like an exclusive reference.</p> <p>Most implementations will block new readers when there is a writer waiting, even when the lock is already read-locked. This is done to prevent writer starvation, a situation where many readers collectively keep the lock from ever unlocking, never allowing any writer to update the data.</p>"},{"location":"languages/rust/concurrency.html#waiting-putting-thread-to-sleep","title":"Waiting: Putting Thread to Sleep","text":""},{"location":"languages/rust/concurrency.html#thread-parking","title":"Thread Parking","text":"<p>One way to wait for a notification from another thread is called thread parking. A thread can park itself, which puts it to sleep, stopping it from consuming any CPU cycles. Another thread can then unpark the parked thread, waking it up from its sleep.</p> <p>Thread parking is available through the <code>std::thread::park()</code> function. For unparking, it's possible to call the <code>unpark()</code> method on a <code>Thread</code> handle.</p> <p>An important property of thread parking is that a call to <code>unpark()</code> before the thread parks itself does not get lost. The request to unpark is still recorded, and the next time the thread tries to park itself, it clears that request and directly continues without actually going to sleep.</p> <p>Note: calls to <code>unpark()</code> do not stack up.</p>"},{"location":"languages/rust/concurrency.html#condition-variables","title":"Condition Variables","text":"<p>Condition variables are a more commonly used option for waiting for something to happen to data protected by a mutex. They have two basic operations: wait and notify.</p> <p>Threads can wait on a condition variable, after which they can be woken up when another thread notifies that same condition variable. Multiple threads can wait on the same condition variable, and notifications can either be sent to one waiting thread, or to all of them.</p> <p>To avoid the issue of missing notifications in the brief moment between unlocking a mutex and waiting for a condition variable, condition variables provide a way to atomically unlock the mutex and start waiting. This means there is simply no possible moment for notifications to get lost.</p> <p>The Rust standard library provides a condition variable as <code>std::sync::Condvar</code>. Its <code>wait</code> method takes a <code>MutexGuard</code> that proves we\u2019ve locked the mutex. It first unlocks the mutex (allowing other threads to work on it) and goes to sleep. When woken up, it relocks the mutex and returns a new <code>MutexGuard</code> (which proves that the mutex is locked again).</p> <p>It has two notify functions: <code>notify_one</code> to wake up just one waiting thread (if any), and <code>notify_all</code> to wake them all up.</p>"},{"location":"languages/rust/concurrency.html#atomics","title":"Atomics","text":"<p>The word atomic comes from the Greek word \u1f04\u03c4\u03bf\u03bc\u03bf\u03c2, meaning indivisible, something that cannot be cut into smaller pieces. In computer science, it is used to describe an operation that is indivisible: it is either fully completed, or it didn\u2019t happen yet.</p> <p>Atomic operations are the main building block for anything involving multiple threads. All the other concurrency primitives, such as mutexes and condition variables, are implemented using atomic operations.</p> <p>Each of the available atomic types has the same interface with methods for storing and loading, methods for atomic \"fetch-and-modify\" operations, and some more advanced \"compare-and-exchange\" methods.</p> <p>Every atomic operation takes an argument of type <code>std::sync::atomic::Ordering</code>, which determines the guarantees about the relative ordering of operations. Based on the ordering the various threads can witness the same operations happening in different orders.</p>"},{"location":"languages/rust/concurrency.html#load-store","title":"Load &amp; Store","text":"<p>The first two atomic operations are the most basic ones: load and store. Their function signatures are as follows, using AtomicI32 as an example:</p> Rust<pre><code>impl AtomicI32 {\n    pub fn load(&amp;self, ordering: Ordering) -&gt; i32;\n    pub fn store(&amp;self, value: i32, ordering: Ordering);\n}\n</code></pre> <p>The <code>load</code> method atomically loads the value stored in the atomic variable, and the <code>store</code> method atomically stores a new value in it.</p> <p>Note: the store method takes a shared reference (<code>&amp;T</code>) even though it modifies itself.</p>"},{"location":"languages/rust/concurrency.html#fetch-and-modify-operations","title":"Fetch-and-Modify Operations","text":"<p>The fetch-and-modify operations modify the atomic variable, but also load (fetch) the original value, as a single atomic operation.</p> Rust<pre><code>impl AtomicI32 {\n    pub fn fetch_add(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_sub(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_or(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_and(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_nand(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_xor(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_max(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_min(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn swap(&amp;self, v: i32, ordering: Ordering) -&gt; i32;  // aka fetch_store\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#compare-and-exchange-operations","title":"Compare-and-Exchange Operations","text":"<p>The compare-and-exchange operation checks if the atomic value is equal to a given value, and only if that is the case does it replace it with a new value, all atomically as a single operation. It will return the previous value and tell whether it replaced it or not.</p> Rust<pre><code>impl AtomicI32 {\n    pub fn compare_exchange(\n        &amp;self,\n        expected: i32,\n        new: i32,\n        success_order: Ordering,\n        failure_order: Ordering\n    ) -&gt; Result&lt;i32, i32&gt;;\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#memory-ordering","title":"Memory Ordering","text":""},{"location":"languages/rust/concurrency.html#reordering-and-optimizations","title":"Reordering and Optimizations","text":"<p>Processors and compilers perform tricks to make programs run as fast as possible. A processor might determine that two particular consecutive instructions in the program will not affect each other, and execute them out of order, if that is faster. Similarly, a compiler might decide to reorder or rewrite parts of the program if it has reason to believe it might result in faster execution. But only if that wouldn\u2019t change the behavior of the program.</p> <p>The logic for verifying that a specific reordering or other optimization won\u2019t affect the behavior of the program does not take other threads into account. This is why explicitly telling the compiler and processor what they can and can\u2019t do with the atomic operations it's necessary, since their usual logic ignores interactions between threads and might allow for optimizations that do change the result of the program.</p> <p>The available orderings in Rust are:</p> <ul> <li>Relaxed ordering: <code>Ordering::Relaxed</code></li> <li>Release and acquire ordering: <code>Ordering::{Release, Acquire, AcqRel}</code></li> <li>Sequentially consistent ordering: <code>Ordering::SeqCst</code></li> </ul>"},{"location":"languages/rust/concurrency.html#the-memory-model","title":"The Memory Model","text":"<p>The different memory ordering options have a strict formal definition to make sure their assumption are known, and compiler writers know exactly what guarantees they need to provide. To decouple this from the details of specific processor architectures, memory ordering is defined in terms of an abstract memory model.</p> <p>Rust\u2019s memory model allows for concurrent atomic stores, but considers concurrent non-atomic stores to the same variable to be a data race, resulting in undefined behavior.</p>"},{"location":"languages/rust/concurrency.html#happens-before-relationship","title":"Happens-Before Relationship","text":"<p>The memory model defines the order in which operations happen in terms of happens-before relationships. This means that as an abstract model only defines situations where one thing is guaranteed to happen before another thing, and leaves the order of everything else undefined.</p> <p>Between threads, however, happens-before relationships only occur in a few specific cases, such as when spawning and joining a thread, unlocking and locking a mutex, and through atomic operations that use non-relaxed memory ordering. Relaxed memory ordering is the most basic (and most performant) memory ordering that, by itself, never results in any cross-thread happens-before relationships.</p> <p>Spawning a thread creates a happens-before relationship between what happened before the <code>spawn()</code> call, and the new thread. Similarly, joining a thread creates a happens-before relationship between the joined thread and what happens after the <code>join()</code> call.</p> Rust<pre><code>static X: AtomicI32 = AtomicI32::new(0);\n\nfn main() {\n    X.store(1, Relaxed);\n\n    let t = thread::spawn(f);  // happens after \"store 1\"\n    X.store(2, Relaxed);\n    t.join().unwrap();  // happens before \"store 3\"\n\n    X.store(3, Relaxed);\n}\n\nfn f() {\n    let x = X.load(Relaxed);  // could happen after either before or after \"store 2\"\n    assert!(x == 1 || x == 2);\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#relaxed-ordering","title":"Relaxed Ordering","text":"<p>While atomic operations using <code>Relaxed</code> memory ordering do not provide any happens-before relationship, they do guarantee a total modification order of each individual atomic variable. This means that all modifications of the same atomic variable happen in an order that is the same from the perspective of every single thread.</p>"},{"location":"languages/rust/concurrency.html#release-and-acquire-ordering","title":"Release and Acquire Ordering","text":"<p><code>Release</code> and <code>Acquire</code> memory ordering are used in a pair to form a happens-before relationship between threads. <code>Release</code> memory ordering applies to store operations, while <code>Acquire</code> memory ordering applies to load operations.</p> <p>A happens-before relationship is formed when an acquire-load operation observes the result of a release-store operation. In this case, the store and everything before it, happened before the load and everything after it.</p> <p>When using <code>Acquire</code> for a fetch-and-modify or compare-and-exchange operation, it applies only to the part of the operation that loads the value. Similarly, <code>Release</code> applies only to the store part of an operation. <code>AcqRel</code> is used to represent the combination of <code>Acquire</code> and <code>Release</code>, which causes both the load to use <code>Acquire</code> ordering, and the store to use <code>Release</code> ordering.</p> Rust<pre><code>use std::sync::atomic::Ordering::{Acquire, Release};\n\nstatic DATA: AtomicU64 = AtomicU64::new(0);\nstatic READY: AtomicBool = AtomicBool::new(false);\n\nfn main() {\n    thread::spawn(|| {\n        DATA.store(123, Relaxed);\n        READY.store(true, Release); // Everything from before this store ..\n    });\n\n    while !READY.load(Acquire) { // .. is visible after this loads `true`.\n        thread::sleep(Duration::from_millis(100));\n        println!(\"waiting...\");\n    }\n    println!(\"{}\", DATA.load(Relaxed));\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#consume-ordering","title":"Consume Ordering","text":"<p><code>Consume</code> ordering is a lightweight, more efficient, \u200bvariant of <code>Acquire</code> ordering, whose synchronizing effects are limited to things that depend on the loaded value.</p> <p>Now there\u2019s good news and bad news.</p> <p>In all modern processor architectures, <code>Consume</code> ordering is achieved with the exact same instructions as <code>Relaxed</code> ordering. In other words, <code>Consume</code> ordering can be \"free,\" which, at least on some platforms, is not the case for acquire ordering. Unfortunately no compiler actually implements <code>Consume</code> ordering.</p> <p>The concept of a \"dependent\" evaluation hard to define, it\u2019s even harder to keep such dependencies intact while transforming and optimizing a program.</p> <p>Because of this, compilers upgrade <code>Consume</code> ordering to <code>Acquire</code> ordering, just to be safe. The C++20 standard even explicitly discourages the use of <code>Consume</code> ordering, noting that an implementation other than just <code>Acquire</code> ordering turned out to be infeasible.</p>"},{"location":"languages/rust/concurrency.html#sequentially-consistent-ordering","title":"Sequentially Consistent Ordering","text":"<p>The strongest memory ordering is ssequentially consistent ordering (<code>SeqCst</code>). It includes all the guarantees of <code>Acquire</code> ordering (for loads) and <code>Release</code> ordering (for stores), and also guarantees a globally consistent order of operations.</p> <p>This means that every single operation using <code>SeqCst</code> ordering within a program is part of a single total order that all threads agree on. This total order is consistent with the total modification order of each individual variable.</p> <p>Since it is strictly stronger than <code>Acquire</code> and <code>Release</code> memory ordering, a sequentially consistent load or store can take the place of an acquire-load or release-store in a release-acquire pair to form a happens-before relationship. In other words, an acquire-load can not only form a happens-before relationship with a release-store, but also with a sequentially consistent store, and similarly the other way around.</p> <p>Virtually all real-world uses of <code>SeqCst</code> involve a pattern of a store that must be globally visible before a subsequent load on the same thread. For these situations, a potentially more efficient alternative is to instead use <code>Relaxed</code> operations in combination with a <code>SeqCst</code> fence.</p>"},{"location":"languages/rust/concurrency.html#fences","title":"Fences","text":"<p>The <code>std::sync::atomic::fence</code> function represents an atomic fence and is either a release fence (<code>Release</code>), an acquire fence (<code>Acquire</code>), or both (<code>AcqRel</code> or <code>SeqCst</code>). A <code>SeqCst</code> fence additionally also takes part in the sequentially consistent total order.</p> <p>An atomic fence allows to separate the memory ordering from the atomic operation. This can be useful to apply a memory ordering to multiple operations, or to apply it conditionally.</p> <p>In essence, a release-store can be split into a release fence followed by a (<code>Relaxed</code>) store, and an acquire-load can be split into a (<code>Relaxed</code>) load followed by an acquire fence.</p> Rust<pre><code>// The store of a release-acquire relationship\natom.store(1, Release);\n\n// can be substituted by a release fence followed by a relaxed store\nfence(Release);\natom.store(1, Relaxed);\n</code></pre> Rust<pre><code>// The load of a release-acquire relationship,\natom.load(Acquire);\n\n// can be substituted by a relaxed load followed by an acquire fence\natom.load(Relaxed);\nfence(Acquire);\n</code></pre> <p>Note: Using a separate fence can result in an extra processor instruction which can be slightly less efficient. Note: A fence is not tied to any single atomic variable. This means that a single fence can be used for multiple variables at once.</p> <p>A release fence can take the place of a release operation in a happens-before relationship if that release fence is followed (on the same thread) by any atomic operation that stores a value observed by the acquire operation it's synchronizing with. Similarly, an acquire fence can take the place of any acquire operation if that acquire fence is preceded (on the same thread) by any atomic operation that loads a value stored by the release operation.</p> <p>An happens-before relationship is created between a release fence and an acquire fence if any store after the release fence is observed by any load before the acquire fence.</p> <p>A <code>SeqCst</code> fence is both a <code>Release</code> fence and an <code>Acquire</code> fence (just like <code>AcqRel</code>), but also part of the single total order of sequentially consistent operations. However, only the fence is part of the total order, but not necessarily the atomic operations before or after it. This means that unlike a release or acquire operation, a sequentially consistent operation cannot be split into a relaxed operation and a memory fence.</p>"},{"location":"languages/rust/macros.html","title":"Macros","text":"<p>Fundamentally, macros are a way of writing code that writes other code, which is known as metaprogramming.</p> <p>Metaprogramming is useful for reducing the amount of code to be written and maintained, which is also one of the roles of functions.  However, macros have some additional powers that functions don\u2019t.</p> <p>A function signature must declare the number and type of parameters the function has. Macros, on the other hand, can take a variable number of parameters. Also, macros are expanded before the compiler interprets the meaning of the code, so a macro can, for example, implement a trait on a given type. A function can\u2019t, because it gets called at runtime and a trait needs to be implemented at compile time.</p> <p>The downside to implementing a macro instead of a function is that macro definitions are more complex than function definitions because it's Rust code that writes Rust code. Due to this indirection, macro definitions are generally more difficult to read, understand, and maintain than function definitions.</p> <p>Note: macros need to be defined and brought into scope before they are usable in a file, as opposed to functions that can be defined anywhere and be called anywhere.</p>"},{"location":"languages/rust/macros.html#declarative-macros-macro-by-example","title":"Declarative Macros (Macro-by-Example)","text":"<p>At their core, declarative macros allow to write something similar to a Rust match expression.</p> <p>Macros compare a value to patterns that are associated with particular code: in this situation, the value is the literal Rust source code passed to the macro; the patterns are compared with the structure of that source code; and the code associated with each pattern, when matched, replaces the code passed to the macro. This all happens during compilation.</p> <p>Declarative macros are defined using the <code>macro_rules!</code> construct.</p> <p>Each macro has a name, and one or more rules.</p> <p>Each rule has two parts: a matcher, describing the syntax that it matches, and a transcriber, describing the syntax that will replace a successfully matched invocation. Both the matcher and the transcriber must be surrounded by delimiters. Macros can expand to expressions, statements, items (including traits, impls, and foreign items), types, or patterns.</p> Rust<pre><code>#[macro_export]\nmacro_rules! &lt;name&gt; {\n    ( &lt;matcher&gt; ) =&gt; {\n        &lt;transcriber&gt;\n    };\n}\n</code></pre>"},{"location":"languages/rust/macros.html#transcribing","title":"Transcribing","text":"<p>When a macro is invoked, the macro expander looks up macro invocations by name, and tries each macro rule in turn. It transcribes the first successful match; if this results in an error, then future matches are not tried.</p> <p>When matching, no lookahead is performed; if the compiler cannot unambiguously determine how to parse the macro invocation one token at a time, then it is an error.</p> <p>In both the matcher and the transcriber, the <code>$</code> token is used to invoke special behaviours from the macro engine. Tokens that aren't part of such an invocation are matched and transcribed literally, with one exception.</p> <p>The exception is that the outer delimiters for the matcher will match any pair of delimiters. Thus, for instance, the matcher (()) will match <code>{()}</code> but not <code>{{}}</code>.</p> <p>Note: The character <code>$</code> cannot be matched or transcribed literally.</p> <p>When forwarding a matched fragment to another macro-by-example, matchers in the second macro will see an opaque AST of the fragment type. The second macro can't use literal tokens to match the fragments in the matcher, only a fragment specifier of the same type. The <code>ident</code>, <code>lifetime</code>, and <code>tt</code> fragment types are an exception, and can be matched by literal tokens.</p> Rust<pre><code>macro_rules! foo {\n    (3) =&gt; {}\n}\n\nmacro_rules! bar {\n    ($l:expr) =&gt; { foo!($l); }\n    // ERROR:           ^^ no rules expected this token in macro call\n}\n\nmacro_rules! baz {\n    ($l:tt) =&gt; { foo!($l); }\n}\n</code></pre>"},{"location":"languages/rust/macros.html#metavariables","title":"Metavariables","text":"<p>In the matcher, <code>$name:fragment</code> matches a Rust syntax fragment of the kind specified and binds it to the metavariable <code>$name</code>.</p> <p>Valid fragment specifiers are:</p> <ul> <li><code>item</code>: an Item</li> <li><code>block</code>: a BlockExpression</li> <li><code>stmt</code>: a Statement without the trailing semicolon (except for item statements that require semicolons)</li> <li><code>pat</code>: a Pattern</li> <li><code>expr</code>: an Expression</li> <li><code>ty</code>: a Type</li> <li><code>ident</code>: an IDENTIFIER_OR_KEYWORD or RAW_IDENTIFIER</li> <li><code>path</code>: a TypePath style path</li> <li><code>tt</code>: a TokenTree (a single token or tokens in matching delimiters <code>()</code>, <code>[]</code>, or <code>{}</code>)</li> <li><code>meta</code>: an Attr, the contents of an attribute</li> <li><code>lifetime</code>: a LIFETIME_TOKEN</li> <li><code>vis</code>: a possibly empty Visibility qualifier</li> <li><code>literal</code>: matches LiteralExpression</li> </ul> <p>In the transcriber, metavariables are referred to simply by <code>$name</code>, since the fragment kind is specified in the matcher. Metavariables are replaced with the syntax element that matched them.</p> <p>The keyword metavariable <code>$crate</code> can be used to refer to the current crate. Metavariables can be transcribed more than once or not at all.</p>"},{"location":"languages/rust/macros.html#repetitions","title":"Repetitions","text":"<p>In both the matcher and transcriber, repetitions are indicated by placing the tokens to be repeated inside <code>$(\u2026)</code>, followed by a repetition operator, optionally with a separator token between. The separator token can be any token other than a delimiter or one of the repetition operators, but <code>;</code> and <code>,</code> are the most common.</p> <p>The repetition operators are:</p> <ul> <li><code>*</code>: indicates any number of repetitions.</li> <li><code>+</code>: indicates any number but at least one.</li> <li><code>?</code>: indicates an optional fragment with zero or one occurrence.</li> </ul> <p>Note: Since <code>?</code> represents at most one occurrence, it cannot be used with a separator.</p> <p>The repeated fragment both matches and transcribes to the specified number of the fragment, separated by the separator token. Metavariables are matched to every repetition of their corresponding fragment.</p> <p>During transcription, additional restrictions apply to repetitions so that the compiler knows how to expand them properly:</p> <ol> <li>A metavariable must appear in exactly the same number, kind, and nesting order of repetitions in the transcriber as it did in the matcher.</li> <li>Each repetition in the transcriber must contain at least one metavariable to decide how many times to expand it. If multiple metavariables appear in the same repetition, they must be bound to the same number of fragments.</li> </ol>"},{"location":"languages/rust/macros.html#scoping-exporting-and-importing","title":"Scoping, Exporting, and Importing","text":"<p>Macros have two forms of scope: textual scope, and path-based scope. Textual scope is based on the order that things appear in source files, or even across multiple files, and is the default scoping. Path-based scope works exactly the same way that item scoping does. The scoping, exporting, and importing of macros is controlled largely by attributes.</p> <p>When a macro is invoked by an unqualified identifier (not part of a multi-part path), it is first looked up in textual scoping. If this does not yield any results, then it is looked up in path-based scoping. If the macro's name is qualified with a path, then it is only looked up in path-based scoping.</p> Rust<pre><code>use lazy_static::lazy_static; // path-based import.\n\n// local textual definition.\nmacro_rules! lazy_static {\n    (lazy) =&gt; {};\n}\n\nlazy_static!{lazy} // textual lookup finds local macro first.\nself::lazy_static!{} // path-based lookup ignores local macro, finds imported one.\n</code></pre> <p>Note: It is not an error to define a macro multiple times; the most recent declaration will shadow the previous one unless it has gone out of scope.</p>"},{"location":"languages/rust/macros.html#the-macro_use-attribute","title":"The <code>macro_use</code> attribute","text":"<p>The <code>macro_use</code> attribute has two purposes. First, it can be used to make a module's macro scope not end when the module is closed, by applying it to a module:</p> Rust<pre><code>#[macro_use]\nmod inner {\n    macro_rules! m {\n        () =&gt; {};\n    }\n}\n\nm!();\n</code></pre> <p>Second, it can be used to import macros from another crate, by attaching it to an extern crate declaration appearing in the crate's root module. Macros imported this way are imported into the <code>macro_use</code> prelude, not textually, which means that they can be shadowed by any other name.</p> <p>While macros imported by <code>#[macro_use]</code> can be used before the import statement, in case of a conflict, the last macro imported wins. Optionally, a list of macros to import can be specified using the <code>MetaListIdents</code> syntax; this is not supported when <code>#[macro_use]</code> is applied to a module.</p> Rust<pre><code># [macro_use(lazy_static)] // or #[macro_use] to import all macros.\nextern crate lazy_static;\n\nlazy_static!{}\nself::lazy_static!{} // Error: lazy_static is not defined in `self`\n</code></pre> <p>Note: Macros to be imported with <code>#[macro_use]</code> must be exported with <code>#[macro_export]</code>.</p>"},{"location":"languages/rust/macros.html#the-macro_export-attribute","title":"The <code>macro_export</code> attribute","text":"<p>By default, a macro has no path-based scope. However, if it has the <code>#[macro_export]</code> attribute, then it is declared in the crate root scope and can be referred to normally.</p> Rust<pre><code>self::m!();\nm!(); // OK: Path-based lookup finds m in the current module.\n\nmod inner {\n    super::m!();\n    crate::m!();\n}\n\nmod mac {\n    #[macro_export]\n    macro_rules! m {\n        () =&gt; {};\n    }\n}\n</code></pre> <p>Note: Macros labeled with <code>#[macro_export]</code> are always pub and can be referred to by other crates, either by path or by <code>#[macro_use]</code>.</p>"},{"location":"languages/rust/macros.html#follow-set-ambiguity-restrictions","title":"Follow-set Ambiguity Restrictions","text":"<p>The parser used by the macro system is reasonably powerful, but it is limited in order to prevent ambiguity in current or future versions of the language.</p> <p>In particular, in addition to the rule about ambiguous expansions, a nonterminal matched by a metavariable must be followed by a token which has been decided can be safely used after that kind of match.</p> <p>The specific rules are:</p> <ul> <li><code>expr</code> and <code>stmt</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, or <code>;</code>.</li> <li><code>pat</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, <code>=</code>, <code>if</code>, or <code>in</code>.</li> <li><code>path</code> and <code>ty</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, <code>=</code>, <code>|</code>, <code>;</code>, <code>:</code>, <code>&gt;</code>, <code>&gt;&gt;</code>, <code>[</code>, <code>{</code>, <code>as</code>, <code>where</code>, or a macro variable of block fragment specifier.</li> <li><code>vis</code> may only be followed by one of: <code>,</code>, an identifier other than a non-raw priv, any token that can begin a type, or a metavariable with a <code>ident</code>, <code>ty</code>, or <code>path</code> fragment specifier.</li> </ul> <p>All other fragment specifiers have no restrictions.</p> <p>When repetitions are involved, then the rules apply to every possible number of expansions, taking separators into account. This means:</p> <ul> <li>If the repetition includes a separator, that separator must be able to follow the contents of the repetition.</li> <li>If the repetition can repeat multiple times (<code>*</code> or <code>+</code>), then the contents must be able to follow themselves.</li> <li>The contents of the repetition must be able to follow whatever comes before, and whatever comes after must be able to follow the contents of the repetition.</li> <li>If the repetition can match zero times (<code>*</code> or <code>?</code>), then whatever comes after must be able to follow whatever comes before.</li> </ul>"},{"location":"languages/rust/rust.html","title":"Rust","text":""},{"location":"languages/rust/rust.html#basics","title":"Basics","text":"Rust<pre><code>use &lt;module&gt;;  // bring a type into scope\n\nfn main() {  //program entry point\n    // code here\n}\n</code></pre>"},{"location":"languages/rust/rust.html#standard-output","title":"Standard Output","text":"Rust<pre><code>// macro (func have no \"!\")\nprintln!(\"Value: {}\", value);  // {} is a placeholder for a value or variable\nprintln!(\"Values: {1}, {0}\", value1, value2);  // use index to print values\n\nprintln!(\"Value {a}, {b}\", a = value1, b = value2);  // named parameters\nprintln!(\"Value {scoped_variable}\");  // reference a variable in scope (must not have any parameters)\n\nprintln!(\"Num: {:&lt;total_digits&gt;.&lt;decimal_digits&gt;}\", number);\nprintln!(\"Num: {:0&lt;total&gt;.&lt;decimal&gt;}\", number);  // prefix number with zeroes\n\nprintln!(\"{:b}\", 0b11011);  // print as bits\n\nprint!();\n</code></pre>"},{"location":"languages/rust/rust.html#standard-input","title":"Standard Input","text":"Rust<pre><code>use io;\n\nlet mut buffer = String::new();\n\nio::stdin()  // read line from stdin\n    .read_line(&amp;mut buffer)  // put in into the string variable\n    .expect(\"Error Message\");  // in case of errors return an error message\n\nlet var: i32 = buffer.trim().parse()  // returns a Result enum\nlet var = buffer.trim().parse::&lt;i32&gt;()  // returns a Result enum\n</code></pre> <p>The <code>::</code> syntax in the <code>::new</code> line indicates that <code>new</code> is an associated function of the <code>String</code> type. An associated function is implemented on a type rather than on a particular instance of the type. Some languages call this a <code>static method</code>.</p>"},{"location":"languages/rust/rust.html#variables-mutability","title":"Variables &amp; Mutability","text":"<p>By default variables are immutable.</p> Rust<pre><code>let var1 = value;  // immutable var init\nlet var2: Type = value;  // explicit type annotation\n\nlet mut var3 = value;  // mutable var init\nlet mut var4: Type = value;  // explicit type annotation\n\nconst CONSTANT_NAME: type = value;  // constant must have the type annotation\n</code></pre>"},{"location":"languages/rust/rust.html#shadowing","title":"Shadowing","text":"<p>It's possible declare a new variable with the same name as a previous variable, and the new variable shadows the previous variable. By using let, it's possible to perform a few transformations on a value but have the variable be immutable after those transformations have been completed.</p> <p>The other difference between mut and shadowing is that because we're effectively creating a new variable when we use the let keyword again, we can change the type of the value but reuse the same name.</p> Rust<pre><code>let x: u32 = 10;\nlet x: i32 = 11;  // shadowing\n</code></pre>"},{"location":"languages/rust/rust.html#data-types","title":"Data Types","text":""},{"location":"languages/rust/rust.html#integer-types","title":"Integer Types","text":"Length Signed Unsigned 8-bit <code>i8</code> <code>u8</code> 16-bit <code>i16</code> <code>u16</code> 32-bit <code>i32</code> <code>u32</code> 64-bit <code>i64</code> <code>u64</code> 128-bit <code>i128</code> <code>u128</code> architecture <code>isize</code> <code>usize</code>"},{"location":"languages/rust/rust.html#explicit-mathematical-operations-integers","title":"Explicit Mathematical Operations (Integers)","text":"Rust<pre><code>i32::MAX.checked_add(value);  // Option&lt;i32&gt; =&gt; None if overflow\ni32::MAX.wrapping_add(value);  // i32 =&gt; Wrap around\ni32::MAX.saturating_add(value);  //  i32 =&gt; MIN &lt;= x &lt;= MAX (Clamp)\ni32::MAX.overflowing_add(value); // (i32, bool) =&gt; overflowed result and if overflowed\n</code></pre> <p>Note: analogous method exist for other mathematical operation</p>"},{"location":"languages/rust/rust.html#floating-point-types","title":"Floating-Point Types","text":"<p>Rust also has two primitive types for floating-point numbers, which are numbers with decimal points. Rust's floating-point types are <code>f32</code> and <code>f64</code>, which are 32 bits and 64 bits in size, respectively. The default type is <code>f64</code> because on modern CPUs it's roughly the same speed as <code>f32</code> but is capable of more precision.</p>"},{"location":"languages/rust/rust.html#numeric-byte-literals","title":"Numeric &amp; Byte Literals","text":"<p>Numeric Base Prefix:</p> <ul> <li><code>0x</code>: Hexadecimal Number</li> <li><code>0o</code>: Octal Number</li> <li><code>0b</code>: Binary Number</li> </ul> <p>Note: Number can have <code>_</code> interposed for legibility (E.g: <code>1_000_u64</code>)</p> <p>Binary Literals:</p> <ul> <li><code>b'\\''</code>, <code>b'\\1'</code>, <code>b'\\n'</code>, <code>b'\\r'</code>, <code>b'\\t'</code>: Escaped characters</li> <li><code>b'&lt;C&gt;'</code>: Byte whose value is the ASCII character <code>&lt;C&gt;</code></li> <li><code>b'\\x&lt;HH&gt;'</code>: Byte whose value is the hexadecimal <code>&lt;HH&gt;</code></li> </ul>"},{"location":"languages/rust/rust.html#numeric-operators","title":"Numeric Operators","text":"Operator Operation <code>&gt;</code> Greater than <code>&gt;=</code> Greater or Equal to <code>&lt;</code> Less than <code>&lt;=</code> Less or Equal to <code>==</code> Equals <code>!=</code> Not Equals"},{"location":"languages/rust/rust.html#comparison-operators","title":"Comparison Operators","text":"Operator Operation <code>+</code> Addition <code>-</code> Subtraction <code>*</code> Multiplication <code>/</code> Division <code>%</code> Modulo"},{"location":"languages/rust/rust.html#boolean-types","title":"Boolean Types","text":"<p>Boolean types in Rust have two possible values: <code>true</code> and <code>false</code>. Booleans are one byte in size. The Boolean type in Rust is specified using <code>bool</code>.</p>"},{"location":"languages/rust/rust.html#bitwise-operators","title":"Bitwise Operators","text":"Operator Operation <code>&amp;</code> AND <code>|</code> OR <code>&amp;&amp;</code> SHORT-CIRCUIT AND <code>||</code> SHORT-CIRCUIT OR <code>^</code> XOR <code>!</code> NOT <code>&lt;&lt;</code> LEFT SHIFT <code>&gt;&gt;</code> RIGHT SHIFT"},{"location":"languages/rust/rust.html#character-types","title":"Character Types","text":"<p>Rust's <code>char</code> type is the language's most primitive alphabetic type.</p> <p>Rust's <code>char</code> type is four bytes in size and represents a Unicode Scalar Value: range from <code>U+0000</code> to <code>U+D7FF</code> and <code>U+E000</code> to <code>U+10FFFF</code> inclusive.</p> Rust<pre><code>let c: char = 'C';  // SINGLE QUOTES\nlet c: char = '\\u{261D}';  // Unicode Code Point U+261D\nlet c: char = '\\x2A';  // ASCII for *\n\n\n'*'.is_alphabetic();  // false\n'\u03b2'.is_alphabetic(); // true\n'8'.to_digit(10);  // Some(8)\n'\\u{CA0}'.len_utf8();  // 3\nstd::char::from:digit(2, 10);  // Some(2)\n</code></pre>"},{"location":"languages/rust/rust.html#string-types","title":"String Types","text":"Rust<pre><code>let s = String::new();  // create empty string\nlet s = String::from(\"string literal\");  // construct string from literal\n\n// string literals\nlet s = \"a multiline\n    string literal\"; // includes whitespace and new lines\n\nlet s = \"single line \\\n    string literal\";  // the trailing \\ avoids the new line &amp; trailing/leading whitespace\n\n// raw strings\nlet raw = r\"\\d+(\\.\\d+)*\"  // backslash and whitespace included verbatim\nlet raw = r#\"raw literal with explicit delimiters, allows double quotes (\") inside\"#;\n\n// byte strings\nlet byte_string = b\"some bite string\"  // &amp;[u8] =&gt; slice og u8, equal to &amp;[b'E', b'q', ...]\n\ns.push_str(\"\"); // appending string literals\n</code></pre>"},{"location":"languages/rust/rust.html#tuple-types","title":"Tuple Types","text":"<p>A tuple is a general way of grouping together a number of values with a variety of types into one compound type. Tuples have a fixed length: once declared, they cannot grow or shrink in size.</p> Rust<pre><code>let tup: (i32, f64, u8) = (500, 6.4, 1);\nlet tup = (500, 6.4, 1);\n\nlet (x, y, z) = tup;  // tuple deconstruction (unpacking)\n\ntup.0 = value;  // member access &amp; update (mut be mutable)\n</code></pre>"},{"location":"languages/rust/rust.html#array-types","title":"Array Types","text":"<p>Every element of an array must have the same type. Arrays in Rust have a fixed length, like tuples. An array isn't as flexible as the <code>vector</code> type, though. A vector is a similar collection type provided by the standard library that is allowed to grow or shrink in size.</p> Rust<pre><code>let array = [0, 1, 2, 3, 4];\nlet array: [Type; length] = [...];\nlet array: [value; length];  // repeat expression (same as python's [value] * length)\n\nlet index: usize = &lt;index_value&gt;;  // indexes and ranges must be of type usize\narray[index] = value;  // member access and update (must be mutable)\n\nlet matrix = [\n    [0 ,1, 2],\n    [3, 4, 5]\n]\n\nlet matrix: [[Type, length]; length]; = [[...], [...], ...]\n\nmatrix[row][column];\n</code></pre>"},{"location":"languages/rust/rust.html#slice-types-t-mut-t","title":"Slice Types (<code>&amp;[T]</code>, <code>&amp;mut [T]</code>)","text":"<p>Slices allows to reference a contiguous sequence of elements in a collection rather than the whole collection. Slices don't take ownership.</p> <p>A mutable slice <code>&amp;mut [T]</code> allows to read and modify elements, but can\u2019t be shared; a shared slice <code>&amp;[T]</code> allows to share access among several readers, but doesn\u2019t allow to modify elements.</p> <p><code>&amp;String</code> can be used in place of a <code>&amp;str</code> (string slice)  trough String Coercion. The <code>&amp;String</code> gets converted to a <code>&amp;str</code> that borrows the entire string. The reverse is not possible since the slice lacks some information about the String.</p> <p>Note: When working with functions is easier to always expect a <code>&amp;str</code> instead of a <code>&amp;String</code>.</p> Rust<pre><code>let s = String::from(\"string literal\");\nlet slice: &amp;str = &amp;s[start..end];\n\nlet a = [0, 1, 2, 3, 4, 5];\nlet slice: &amp;[i32] =  &amp;a[start..end];\n\nsequence[start..]  // slice to end of sequence\nsequence[..end]  // slice from start to end (excluded)\n</code></pre>"},{"location":"languages/rust/rust.html#type-aliases","title":"Type Aliases","text":"Rust<pre><code>type Alias = T;\n</code></pre>"},{"location":"languages/rust/rust.html#functions","title":"Functions","text":"<p>Rust code uses snake_case as the conventional style for function and variable names.</p> <p>Function definitions in Rust start with <code>fn</code> and have a set of parentheses after the function name. The curly brackets tell the compiler where the function body begins and ends.</p> <p>Rust doesn't care where the functions are defined, only that they're defined somewhere.</p> Rust<pre><code>  // parameters MUST have the Type annotation\nfn func(param: Type) {}\n\n  // -&gt; specifies the return type\nfn func() -&gt; Type {}\n\nfn func() {\n    value  // returns value\n}\n// same as\nfn func() {\n    return value;\n}\n\nfn func() {\n    return (value1, value2, ...);  // return multiple values with tuples\n}\n</code></pre>"},{"location":"languages/rust/rust.html#control-flow","title":"Control Flow","text":""},{"location":"languages/rust/rust.html#if-else-if-else","title":"if, else-if, else","text":"Rust<pre><code>if condition {\n    // [...]\n} else if condition {\n    // [...]\n} else {\n    // [...]\n}\n</code></pre>"},{"location":"languages/rust/rust.html#let-if","title":"let if","text":"Rust<pre><code>let var = if condition { value } else { value };  // returned types must be the same\n</code></pre>"},{"location":"languages/rust/rust.html#if-let","title":"if-let","text":"Rust<pre><code>if let &lt;pattern&gt; = &lt;expr&gt; {\n    &lt;block1&gt;\n} else {\n    &lt;block2&gt;\n}\n\n// same as\nmatch &lt;expr&gt; {\n    &lt;pattern&gt; =&gt; { block1 }\n    _ =&gt; { block2 }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#loop","title":"loop","text":"Rust<pre><code>// loop's forever if not explicitly stopped (return or break)\nloop { }\n</code></pre>"},{"location":"languages/rust/rust.html#while-while-let","title":"while, while-let","text":"Rust<pre><code>while condition { }\n\nwhile let &lt;pattern&gt; {}\n</code></pre>"},{"location":"languages/rust/rust.html#for","title":"for","text":"Rust<pre><code>for item in sequence.iter() { }\nfor item in sequence.iter_mut() { }  // iterate over mutable items\n\nfor item in sequence { }  // consumes the values (moved into item)\nfor item in &amp;sequence { }  // doesn't consumes the values (item is a reference)\nfor item in &amp;mut sequence { }\n\n// for (i = start; i &lt; end; i += 1)\nfor i in (start..end) { }\n</code></pre>"},{"location":"languages/rust/rust.html#range","title":"Range","text":"Rust<pre><code>..  // RangeFull\na ..  // RangeFrom { start: a }\n.. b  // RangeTo { end: b }\na .. b  // Range { start: a, end: b }\n..= b  // RangeToInclusive { end: b }\na ..= b  // RangeInclusive::new(a, b)\n</code></pre>"},{"location":"languages/rust/rust.html#break-continue","title":"<code>break</code> &amp; <code>continue</code>","text":"Rust<pre><code>while &lt;condition&gt; {\n    // [...]\n\n    continue;  // jump to condition evaluation\n}\n\nlet loop_result = loop {\n    // [...]\n\n    break &lt;loop-value&gt;;\n}\n\n'outer: loop {\n    // [...]\n    loop {}\n\n    break 'outer;  // break labeled loop\n}\n\nlet loop_result = 'outer: loop {\n    // [...]\n    loop {}\n\n    break 'outer &lt;loop-value&gt;; // break labeled loop and return value\n}\n</code></pre>"},{"location":"languages/rust/rust.html#ownership","title":"Ownership","text":"<p>Ownership is Rust's most unique feature, and it enables Rust to make memory safety guarantees without needing a garbage collector.</p> <p>All programs have to manage the way they use a computer's memory while running. Some languages have garbage collection that constantly looks for no longer used memory as the program runs; in other languages, the programmer must explicitly allocate and free the memory. Rust uses a third approach: memory is managed through a system of ownership with a set of rules that the compiler checks at compile time. None of the ownership features slow down your program while it's running.</p>"},{"location":"languages/rust/rust.html#stack-heap","title":"Stack &amp; Heap","text":"<p>Both the stack and the heap are parts of memory that are available to your code to use at runtime, but they are structured in different ways.</p> <p>The stack stores values in the order it gets them and removes the values in the opposite order. This is referred to as last in, first out. Adding data is called pushing onto the stack, and removing data is called popping off the stack.</p> <p>All data stored on the stack must have a known, fixed size. Data with an unknown size at compile time or a size that might change must be stored on the heap instead.</p> <p>The heap is less organized: when you put data on the heap, you request a certain amount of space. The memory allocator finds an empty spot in the heap that is big enough, marks it as being in use, and returns a pointer, which is the address of that location. This process is called allocating on the heap and is sometimes abbreviated as just allocating.</p> <p>Pushing to the stack is faster than allocating on the heap because the allocator never has to search for a place to store new data; that location is always at the top of the stack. Comparatively, allocating space on the heap requires more work, because the allocator must first find a big enough space to hold the data and then perform bookkeeping to prepare for the next allocation.</p> <p>Accessing data in the heap is slower than accessing data on the stack because you have to follow a pointer to get there. Contemporary processors are faster if they jump around less in memory.</p> <p>Keeping track of what parts of code are using what data on the heap, minimizing the amount of duplicate data on the heap, and cleaning up unused data on the heap so you don't run out of space are all problems that ownership addresses.</p>"},{"location":"languages/rust/rust.html#ownership-rules","title":"Ownership Rules","text":"<ul> <li>Each value in Rust has a variable that's called its owner.</li> <li>There can only be one owner at a time.</li> <li>When the owner goes out of scope, the value will be dropped.</li> </ul>"},{"location":"languages/rust/rust.html#moving-cloning-copying-data","title":"Moving, Cloning &amp; Copying data","text":"<p>A \"shallow copy\" of a variable allocated on the heap causes the original variable goes out of scope and only the \"copy\" remains (MOVING). A \"deep copy\" (<code>var.clone()</code>) makes a copy of the data in the new variable without make the original fall out of scope (CLONING).</p> <p>When a variable goes out of scope, Rust calls the special function <code>drop</code>, where the code to return/free the memory is located.</p> <p>Rust has a special annotation called the <code>Copy</code> trait that it's placeable on types that are stored on the stack. If a type has the <code>Copy</code> trait, an older variable is still usable after assignment.</p> <p>Copies happen implicitly, for example as part of an assignment <code>y = x</code>. The behavior of <code>Copy</code> is not overloadable; it is always a simple bit-wise copy. Cloning is an explicit action, <code>x.clone()</code>. The implementation of Clone can provide any type-specific behavior necessary to duplicate values safely.</p> <p>Rust won't allow to annotate a type with the <code>Copy</code> trait if the type, or any of its parts, has implemented the <code>Drop</code> trait.  </p> Rust<pre><code>let s = String::new()\nlet t = s;  // MOVE, s is now uninitialized\nlet u = t.clone();  // deep copy, t is still valid\n\nlet n: i32 = 1;\nlet x = n;  // x holds a COPY of the VALUE of n\n</code></pre>"},{"location":"languages/rust/rust.html#ownership-functions","title":"Ownership &amp; Functions","text":"<p>The semantics for passing a value to a function are similar to those for assigning a value to a variable. Passing a variable to a function will move or copy, just as assignment does.</p> Rust<pre><code>fn main() {\n    let s = String::from(\"hello\");  // s comes into scope\n\n    takes_ownership(s);             // s's value moves into the function and so is no longer valid here\n\n    let x = 5;                      // x comes into scope\n\n    makes_copy(x);                  // x would move into the function, but i32 is Copy, so it's okay to still use x afterward\n\n} // Here, x goes out of scope, then s. But because s's value was moved, nothing special happens.\n\nfn takes_ownership(some_string: String) { // some_string comes into scope\n    println!(\"{}\", some_string);\n} // Here, some_string goes out of scope and `drop` is called. The backing memory is freed.\n\nfn makes_copy(some_integer: i32) { // some_integer comes into scope\n    println!(\"{}\", some_integer);\n} // Here, some_integer goes out of scope. Nothing special happens.\n</code></pre>"},{"location":"languages/rust/rust.html#return-values-scope","title":"Return Values &amp; Scope","text":"<p>Returning values can also transfer ownership.</p> Rust<pre><code>fn main() {\n    let s1 = gives_ownership();         // gives_ownership moves its return value into s1\n\n    let s2 = String::from(\"hello\");     // s2 comes into scope\n\n    let s3 = takes_and_gives_back(s2);  // s2 is moved into takes_and_gives_back, which also moves its return value into s3\n} // Here, s3 goes out of scope and is dropped. s2 goes out of scope but was moved, so nothing happens. s1 goes out of scope and is dropped.\n\nfn gives_ownership() -&gt; String {             // gives_ownership will move its return value into the function that calls it\n\n    let some_string = String::from(\"hello\"); // some_string comes into scope\n\n    some_string                              // some_string is returned and moves out to the calling function\n}\n\n// takes_and_gives_back will take a String and return one\nfn takes_and_gives_back(a_string: String) -&gt; String { // a_string comes into scope\n\n    a_string  // a_string is returned and moves out to the calling function\n}\n</code></pre>"},{"location":"languages/rust/rust.html#references-raw-pointers-borrowing","title":"References, Raw Pointers &amp; Borrowing","text":"<p>Reference types:</p> <ul> <li><code>&amp;T</code>: immutable (aka shared) reference, admits multiple references at the same time, (Read-Only, implements <code>Copy</code>)</li> <li><code>&amp;mut T</code>: mutable reference, there can be only one</li> </ul> <p>Raw Pointers types:</p> <ul> <li><code>*mut T</code></li> <li><code>* const T</code></li> </ul> <p>As long as there are shared references to a value, not even its owner can modify it, the value is locked down. Similarly, if there is a mutable reference to a value, it has exclusive access to the value; it's not possible to use the owner at all, until the mutable reference goes away.</p> <p>Note: raw pointers can be used only in <code>unsafe</code> block. Rust doesn't track the pointed value</p> <p>Mutable references have one big restriction: it's possible to have only one mutable reference to a particular piece of data in a particular scope.</p> <p>The benefit of having this restriction is that Rust can prevent data races at compile time. A data race is similar to a race condition and happens when these three behaviors occur:</p> <ul> <li>Two or more pointers access the same data at the same time.  </li> <li>At least one of the pointers is being used to write to the data.  </li> <li>There's no mechanism being used to synchronize access to the data.</li> </ul> Rust<pre><code>fn borrow(var: &amp;Type) {  // &amp;Type indicates that the var is a reference\n    // here var cannot be modified\n} // when var goes out of scope it doesn't get dropped because the scope didn't own it\n\nborrow(&amp;variable);  // &amp;variable creates a reference to variable but does not take ownership\n\nfn borrow2(var: &amp;mut Type) {\n    // here var can be modified\n}\n\n&amp;variable;  // borrow a value from a variable (returns reference)\n*variable;  // dereference value (access value pointed by the reference)\n</code></pre> <p>The <code>.</code> operator can implicitly borrow or dereference a reference</p> Rust<pre><code>let struct = Struct { field: /* [...] */ }\nlet ref = &amp;struct;\n\nref.field  // implicit deref\n(*ref).field  // explicit deref\n\nlet mut vec = vec![/* */];\n\nv.sort()  // implicit mutable borrow\n(&amp;mut vec).sort()  // explicit mutable borrow\n</code></pre> <p>Note: arithmetic expressions can \"see through\" one level of references. Note: comparison affect the final value of a reference chain. To compare references directly use <code>std::ptr::eq</code></p>"},{"location":"languages/rust/rust.html#structs","title":"Structs","text":"<p>A struct, or structure, is a custom data type that allows to name and package together multiple related values that make up a meaningful group.</p> <p>To define a struct enter the keyword struct and name the entire struct. A struct's name should describe the significance of the pieces of data being grouped together. Then, inside curly brackets, define the names and types of the pieces of data, which we call fields.</p> Rust<pre><code>struct Struct {\n    field: Type,\n    ...\n}\n\nstruct UnitStruct;  // no field, useful in generics\n\n{ x: Type, y: Type }  // anonymous struct\n</code></pre> <p>To use a struct after defining it, create an instance of that struct by specifying concrete values for each of the fields.</p> Rust<pre><code>let mut var = Struct {\n    field: value,\n    ...\n};\n</code></pre>"},{"location":"languages/rust/rust.html#field-init-shorthand","title":"Field Init Shorthand","text":"Rust<pre><code>let mut var = Struct {\n    field,  // shortened form since func param is named as the struct's field\n    ...\n};\n\nvar.field = value;  // member access\n</code></pre> <p>Note: the entire instance must be mutable; Rust doesn't allow to mark only certain fields as mutable.</p>"},{"location":"languages/rust/rust.html#struct-update-syntax","title":"Struct Update Syntax","text":"Rust<pre><code>let struct1 = Struct {\n    field1: value,\n    field2: value,\n    ...\n}\n// same as\nlet struct2 = Struct {\n    field1: other_value,\n    ..struct1  // all remaining fields have the same values of struct1\n}\n</code></pre>"},{"location":"languages/rust/rust.html#tuple-structs","title":"Tuple Structs","text":"<p>Use Tuple Structs to create different types easily. To define a tuple struct, start with the <code>struct</code> keyword and the struct name followed by the types in the tuple.</p> Rust<pre><code>struct Point(i32, i32, i32);\nstruct Color(i32, i32, i32);\n\nlet origin = Point(0, 0, 0);\n</code></pre>"},{"location":"languages/rust/rust.html#struct-printing","title":"Struct Printing","text":"Rust<pre><code>#[derive(Debug)]  // inherit the debug trait\nstruct Struct { }\n\nlet s: Struct = { /* valorization */};\nprintln!(\"{:?}\", s)  // debug output: { field: value, ... }\n</code></pre>"},{"location":"languages/rust/rust.html#associated-functions-type-associated-functions-aka-methods","title":"Associated Functions &amp; Type-Associated Functions (aka Methods)","text":"Rust<pre><code>struct Struct { };\nimpl Struct\n{\n    fn associated_function(&amp;self, arg: Type) -&gt; Type { }\n    fn associated_function(&amp;mut self, arg: Type) -&gt; Type { }  // able to modify instance\n    fn type_associated_function(arg: Type) -&gt; Type { }  // does not have self parameter\n}\n\nlet s: Struct = { /* valorization */};\ns.associated_function(arg);  // use struct method\n\nStruct::type_associated_function(arg);\n</code></pre>"},{"location":"languages/rust/rust.html#associated-consts","title":"Associated Consts","text":"Rust<pre><code>struct Struct {\n    const ASSOCIATED_CONST: Type = &lt;value&gt;;\n}\n\nStruct::ASSOCIATED_CONST;\n</code></pre>"},{"location":"languages/rust/rust.html#traits","title":"Traits","text":"<p>A Trait is a collection of methods representing a set of behaviours necessary to accomplish some task. Traits can be used as generic types constraints and can be implemented by data types.</p> Rust<pre><code>trait Trait {\n    fn method_signature(&amp;self, param: Type) -&gt; Type;\n    fn method_signature(&amp;self, param: Type) -&gt; Type {\n        // default implementation\n    }\n}\n\ntrait SubTrait: Trait { }  // must have impl blocks for all super traits\n//same as\ntrait SubTrait where Self: Trait\n\nimpl Trait for Struct {\n    fn method_signature(&amp;self, param: Type) -&gt; Type {\n        // specific implementation\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#fully-qualified-method-calls","title":"Fully Qualified Method Calls","text":"Rust<pre><code>value.method();\nType::method(value);\nTrait::method(value);\n&lt;Type as Trait&gt;::method(value);\n</code></pre> <p>Note: fully qualified method calls also works with associated functions</p>"},{"location":"languages/rust/rust.html#derive-traits","title":"Derive Traits","text":"<p>The Rust compiler is able to provide a basic implementation of a trait with the <code>derive</code> attribute.  </p> <p>Derivable Traits:</p> <ul> <li><code>Eq</code></li> <li><code>PartialEq</code></li> <li><code>Ord</code></li> <li><code>PartialOrd</code></li> <li><code>Clone</code></li> <li><code>Copy</code></li> <li><code>Hash</code></li> <li><code>Default</code></li> <li><code>Debug</code></li> </ul> Rust<pre><code>#[derive(Trait)]  // derive a trait for the struct\n#[derive(Trait, Trait, ...)]  // derive multiple traits\nstruct Struct {\n    // [...]\n}\n</code></pre>"},{"location":"languages/rust/rust.html#trait-bounds","title":"Trait Bounds","text":"<p>Trait Bound are used to require a generic to implement specific traits and guarantee that a type will have the necessary behaviours.</p> Rust<pre><code>fn generic_method&lt;T: RequiredTrait&gt;() {}\nfn generic_method&lt;T: RequiredTrait + RequiredTrait&gt;() {}  // multiple bounds\n// or\nfn generic_method&lt;T, U&gt;() \n    where T: RequiredTrait + RequiredTrait,\n          U: RequiredTrait + RequiredTrait\n{\n    // implementation\n}\n\n// returned must implement specified trait, retuned type can be only one\n// useful for closures or iterators\nfn generic_return() -&gt; impl RequiredTrait { }\n\n// trait as parameter or return (syntactic sugar for trait bounds)\nfn method_signature(param: &amp;impl Trait) -&gt; Type {}\nfn method_signature(param: &amp;(impl TraitOne + TraitTwo)) -&gt; Type {}\n</code></pre>"},{"location":"languages/rust/rust.html#trait-extensions","title":"Trait Extensions","text":"Rust<pre><code>extern crate foo;\nuse foo::Foo;\n\n// define the methods to be added to the existing type\ntrait FooExt {\n    fn bar(&amp;self);\n}\n\n// implement the extension methods\nimpl FooExt for Foo {\n    fn bar(&amp;self) { .. }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#generic-structs-methods","title":"Generic Structs &amp; Methods","text":"<p>Generic Data Types are abstract stand-ind for concrete data types or other properties. They can be used with structs, functions, methods, etc.</p> <p>Rust accomplishes this by performing monomorphization of the code that is using generics at compile time. Monomorphization is the process of turning generic code into specific code by filling in the concrete types that are used when compiled. For this reason if a function as a trait as return type (trait bound), only a single type that implements the trait can be returned.</p> Rust<pre><code>struct GenericStruct&lt;T, U&gt; {\n    T generic_field,\n    U generic_field,\n    ...\n}\n\nimpl&lt;T, U&gt; GenericStruct&lt;T, U&gt; {\n    fn generic_method&lt;T&gt;() -&gt; Type { }\n    fn generic_method&lt;U&gt;() -&gt; Type { }\n}\n\n// implementation for specific types\nimpl GenericStruct&lt;Type, Type&gt; {\n    fn method() -&gt; Type { }\n}\n\n// implementation for specific traits \nimpl&lt;T: Trait, U&gt; GenericStruct&lt;T, U&gt; {/* ...*/}\n\n// implement a trait for all types with a specific trait (AKA blanket implementation)\nimpl&lt;T: WantedTrait&gt; ImplementedTrait for T {/* ...*/}\n\nfn generic_func&lt;T&gt;() -&gt; Type { }\nfn generic_func&lt;T&gt;() -&gt; &amp;T { }  // T could be heap-based type, returning reference is always valid\n\nfn generic&lt;T: Trait&gt;() -&gt; Type { }  // use generic constraint\n</code></pre> <p>Note: the calling code needs to import your new trait in addition to the external type</p>"},{"location":"languages/rust/rust.html#associated-types","title":"Associated Types","text":"<p>Associated types connect a type placeholder with a trait such that the trait method definitions can use these placeholder types in their signatures. The implementor of a trait will specify the concrete type to be used instead of the placeholder type for the particular implementation.</p> Rust<pre><code>trait Iterator {\n    type Item;\n\n    fn next(&amp;mut self) -&gt; Option&lt;Self::Item&gt;;\n}\n</code></pre> <p>The type <code>Item</code> is a placeholder, and the next method\u2019s definition shows that it will return values of type <code>Option&lt;Self::Item&gt;</code>. Implementors of the <code>Iterator</code> trait will specify the concrete type for <code>Item</code>, and the next method will return an <code>Option</code> containing a value of that concrete type.</p> <p>Note: if the type is generic then then they are called generic associated types</p>"},{"location":"languages/rust/rust.html#generic-traits-vs-associated-types","title":"Generic Traits vs Associated Types","text":"<p>The difference is that when a trait has a generic parameter, it can be implemented for a type multiple times, changing the concrete types of the generic type parameters each time. With associated types, it's not possible to implement the trait multiple times so annotations are not needed.</p> <p>Associated types also become part of the trait\u2019s contract: implementors of the trait must provide a type to stand in for the associated type placeholder. Associated types often have a name that describes how the type will be used, and documenting the associated type in the API documentation is good practice.</p>"},{"location":"languages/rust/rust.html#trait-objects","title":"Trait Objects","text":"<p>A reference to a trait is called a Trait Object. Like any other reference, a trait object points to some value, it has a lifetime, and it can be either mut or shared. What makes a trait object different is that Rust usually doesn\u2019t know the type of the referent at compile time. So a trait object includes a little extra information about the referent\u2019s type.</p> <p>In memory, a trait object is a fat pointer consisting of a pointer to the value, plus a pointer to a table representing that value\u2019s type.  </p> <p>Note: Rust automatically converts ordinary references into trait objects when needed</p> Rust<pre><code>let trait_object = &amp;mut dyn Trait = &amp;mut source;\nlet trait_object: Box&lt;dyn Trait&gt; = Box::new(source);  // same for Rc&lt;T&gt;, Arc&lt;T&gt;, ...\n</code></pre> <p>This works differently from defining a struct or function that uses a generic type parameter with trait bounds. A generic type parameter can only be substituted with one concrete type at a time, whereas trait objects allow for multiple concrete types to fill in for the trait object at runtime.</p> Rust<pre><code>fn func() -&gt; Box&lt;dyn Trait&gt; { }  // return something that implements the specified trait\n</code></pre> <p>If homogeneous collections are needed, using generics and trait bounds is preferable because the definitions will be monomorphized at compile time to use the concrete types.</p> <p>The code that results from monomorphization uses static dispatch, which is when the compiler knows what method will be called at compile time.</p> <p>This is opposed to dynamic dispatch, which is when the compiler can't tell at compile time which method will be called.  At runtime Rust uses the pointers inside the trait object to know which method to call. There is a runtime cost when this lookup happens that doesn't occur with static dispatch.</p> <p>Dynamic dispatch also prevents the compiler from choosing to inline a method's code, which in turn prevents some optimizations.</p> <p>It's only possible to make object-safe traits into trait objects. A trait is object safe if all the methods defined in the trait have the following properties:</p> <ul> <li>The return type isn't <code>Self</code>.</li> <li>There are no generic type parameters.</li> </ul>"},{"location":"languages/rust/rust.html#lifetimes","title":"Lifetimes","text":"<p>Lifetime annotation indicates to the borrow checker that the lifetime of the returned value is as long as the lifetime of the referenced value. The annotation does not affect how long the references live.</p> <p>In case of different lifetimes the complier will use the most restrictive.</p> Rust<pre><code>// lifetime annotation syntax\nfn func&lt;'a&gt;(x: &amp;'a Type, y: &amp;'a Type) -&gt; &amp;'a Type { }\n\n// multiple lifetimes annotations\nfn func&lt;'a, 'b&gt;(x: &amp;'a Type, y: &amp;'b Type) -&gt; &amp;'a Type { }\n\n// struct lifetime annotation\nstruct Struct&lt;'a&gt; {\n    name: &amp;'a str  // is borrowed, needs lifetime\n}\n\nimpl&lt;'a&gt; Struct&lt;'a&gt; { }\nimpl&lt;'a, 'b&gt; Struct&lt;'a&gt; { \n    fn method(&amp;'a self, param: &amp;'b Type) -&gt; &amp;'b Type {}\n}\n\n// static lifetime, same duration as entire program\n// can be coerced to more restrictive lifetime\nlet string: &amp;'static str = \"...\";\n</code></pre>"},{"location":"languages/rust/rust.html#lifetime-elision-rules","title":"Lifetime Elision Rules","text":"<p>The Lifetime Elision Rules are a set of rules for the compiler to analyze references lifetimes. They describe situations that do not require explicit lifetime annotations.  </p> <ul> <li>Rule 1: Each input parameter that is a reference is assigned it's own lifetime</li> <li>Rule 2: If there is exactly one input lifetime, assign it to all output lifetimes</li> <li>Rule 3: If there is a <code>&amp;self</code> or <code>&amp;mut self</code> input parameter, it's lifetime will be assigned to all output lifetimes</li> </ul>"},{"location":"languages/rust/rust.html#enums","title":"Enums","text":"Rust<pre><code>// enum definition\nenum Enum\n{\n    Variant1,\n    Variant2(Type, ...),  // each variant can have different types (even structs and enums) and amounts of associated data\n    Variant3 { x: u8, y: u8 }  // c-like struct\n    ...\n}\n\n// value assignment\nlet e: Enum = Enum::Variant1;\nlet e: Enum = Enum::Variant2(arg, ...);  // variant w/ data\nlet e: Enum = Enum::Variant3 { x = 1, y = 0};\n\n// methods on enum\nimpl Enum\n{\n    fn method(&amp;self) -&gt; Type {\n        match self {\n            Enum::Variant1 =&gt; &lt;expr&gt;\n            Enum::Variant2(arg) =&gt; &lt;expr&gt;,\n            Enum::Variant3 { x = 1, y = 0} =&gt; &lt;expr&gt;;\n        }\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#match-expressions","title":"Match Expressions","text":"<p>A match expression is made up of arms. An arm consists of a pattern and the code that should be run if the value given to the beginning of the match expression fits that arm's pattern. Rust takes the value given to match and looks through each arm's pattern in turn.</p> <p>Note: <code>match</code> arms must be exhaustive for compilation.</p> Rust<pre><code>enum Enum {\n    Variant1,\n    Variant2,\n    Variant3(Type),\n    ...\n}\n\n// match expression on enum\nfn match_variant(e: Enum) {\n    match e {\n        Enum::Variant1 =&gt; &lt;expr&gt;,\n        Enum::Variant2 =&gt; { /* code block */ },\n        Enum::Variant3(parm_name) =&gt; &lt;expr&gt;,\n        _ =&gt; ()  // () is unit value\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#pattern-matching","title":"Pattern Matching","text":"Pattern Example Notes Literal <code>100</code> Match exact value or <code>const</code> name Range <code>x..=y</code> Match any value in range, including end Wildcard <code>_</code> Match any value and ignore it <code>ref</code> Variable <code>ref field</code> Borrow reference of matched variable Variable <code>count</code> Match any value and copy it to variable Bind with syb-pattern <code>variable @ &lt;pattern&gt;</code> Match pattern and copy to variable Enum <code>Some(value)</code> Tuple <code>(key, value)</code> Array <code>[first, second, third]</code> Slice <code>[first, .., last]</code> Struct <code>Point { x, y, .. }</code> Reference <code>&amp;value</code> Multiple Patterns <code>'a' \\| 'A'</code> <code>match, if let, while let</code> only Guard Expression <code>&lt;pattern&gt; if &lt;condition&gt;</code> <code>match</code> only <p>Note: <code>..</code> in slices matches any number of elements. <code>..</code> in structs ignores all remaining fields</p> Rust<pre><code>// unpack a struct into local variables\nlet Struct { local_1, local_2, local_3, .. } = source;\n\n// ...unpack a function argument that's a tuple\nfn distance_to((x, y): (f64, f64)) -&gt; f64 { }\n\n// iterate over keys and values of a HashMap\nfor (key, value) in &amp;hash_map { }\n\n// automatically dereference an argument to a closure\n// (handy because sometimes other code passes you a reference\n// when you'd rather have a copy)\nlet sum = numbers.fold(0, |a, &amp;num| a + num);\n</code></pre> <p>Patterns that always match are special in Rust. They\u2019re called irrefutable patterns, and they\u2019re the only patterns allowed in <code>let</code>, in function arguments, after <code>for</code>, and in closure arguments.</p> <p>A refutable pattern is one that might not match, like <code>Ok(x)</code>. Refutable patterns can be used in <code>match</code> arms, because match is designed for them: if one pattern fails to match, it\u2019s clear what happens next.</p> <p>Refutable patterns are also allowed in <code>if let</code> and <code>while let</code> expressions:</p> Rust<pre><code>// handle just one enum variant specially\nif let Enum::VariantX(_, _) = source { }\n\n// run some code only if a table lookup succeeds\nif let Some(value) = hash_map.get(&amp;key) { }\n\n// repeatedly try something until it succeeds\nwhile let Err(err) = fallible_func() { }\n\n// manually loop over an iterator\nwhile let Some(_) = lines.peek() { }\n</code></pre>"},{"location":"languages/rust/rust.html#error-handling","title":"Error Handling","text":""},{"location":"languages/rust/rust.html#option-result","title":"Option &amp; Result","text":"<p>The <code>Option</code> type is used in many places because it encodes the very common scenario in which a value could be something or it could be nothing. Expressing this concept in terms of the type system means the compiler can check whether you've handled all the cases you should be handling; this functionality can prevent bugs that are extremely common in other programming languages.</p> <p><code>Result&lt;T, E&gt;</code> is the type used for returning and propagating errors. It is an enum with the variants, <code>Ok(T)</code>, representing success and containing a value, and <code>Err(E)</code>, representing error and containing an error value.</p> Rust<pre><code>// std implementation\nenum Option&lt;T&gt; {\n    Some(T),\n    None\n}\n\nenum Result&lt;T, E&gt; {\n    Ok(T),\n    Err(E)\n}\n\nlet option: Option&lt;T&gt; = /* */;\n\noption.is_some();\noption.is_none();\n\noption.unwrap();  // get value of Some or panic\noption.unwrap_or(value);  // get value of Some or return a specified value\noption.unwrap_or_default(fallback);  // get value of Some or return the default value of T\n\nlet result: Result&lt;T, E&gt; = /* */;\n\nresult.is_ok();\nresult.is_err();\nresult.as_ref();  // returns Result&lt;&amp;T, &amp;E&gt;\nresult.as_mut();  // returns Result&lt;&amp;mut T, &amp;mut E&gt;\n\n// methods consuming the result\nresult.ok();  // returns Option&lt;T&gt;, discarding the error\nresult.err();  // returns Option&lt;T&gt;, discarding the error\nresult.unwrap();  // get value of Ok or panic if Err\nresult.unwrap_or(value);  // get value of OK or return a specified value\nresult.unwrap_or_default(fallback);  // get value of Ok or return the default value of T\nresult.unwrap_or_else(fallback_fn)\nresult.unwrap_err();  // get value of Err or panic if Ok\nresult.expect(message);  // write message to stderr if Err\n\nresult_or_option.expect(\"Error Message\");  // if Err or None panics with a custom error message\n\nfn returns_result() -&gt; Result&lt;T, E&gt; { \n    let result = match may_return_err() {\n        Ok(value) =&gt; value,\n        Err(error) =&gt; return Err(error)  // return Err early\n    };\n\n    Ok(result)\n}\n// same as\nfn returns_result() -&gt; Result&lt;T, E&gt; { \n    let result = may_return_err()?;  // error propagation\n    // result contains Err ot value of Ok\n\n    Ok(result)\n}\n</code></pre> <p>Ending an expression with <code>?</code> will result in the unwrapped success (<code>Ok</code>) value, unless the result is <code>Err</code>, in which case <code>Err</code> is returned early from the enclosing function. <code>?</code> can only be used in functions that return <code>Result</code> because of the early return of <code>Err</code> that it provides.</p> <p>Note: When <code>None</code> is used the type of <code>Option&lt;T&gt;</code> must be specified, because the compiler can't infer the type that the <code>Some</code> variant will hold by looking only at a <code>None</code> value. Note: error values that have the <code>?</code> operator called on them go through the <code>from</code> function, defined in the <code>From</code> trait in the standard library, which is used to convert errors from one type into another</p>"},{"location":"languages/rust/rust.html#multiple-error-types","title":"Multiple Error Types","text":"<p>When working with multiple error types is useful to return a \"generic error\" type. All the standard library error types can be represented by <code>Box&lt;dyn std::Error + Send + Sync + 'static&gt;</code>.</p> Rust<pre><code>// convenience type aliases for the generic error\ntype GenericError = Box&lt;dyn std::Error + Send + Sync + 'static&gt;;\ntype GenericResult&lt;T&gt; = Result&lt;T; GenericError&gt;;\n</code></pre> <p>Note: the <code>anyhow</code> crate provides error and result types like <code>GenericError</code> with additional features</p>"},{"location":"languages/rust/rust.html#custom-error-types","title":"Custom Error Types","text":"Rust<pre><code>use thiserror::Error;  // utility crate for custom errors\n\n#[derive(Error, Debug)]\n#[error(\"{message:} ({line:}, {column})\")]\npub struct JsonError {\n    message: String,\n    line: usize,\n    column: usize,\n}\n</code></pre> <p>Note: the <code>thiserror</code> crate provides utilities to create custom error types</p>"},{"location":"languages/rust/rust.html#collections","title":"Collections","text":""},{"location":"languages/rust/rust.html#vector","title":"Vector","text":"<p>Vectors allow to store more than one value in a single data structure that puts all the values next to each other in memory. Vectors can only store values of the same type. Like any other struct, a vector is freed when it goes out of scope. When the vector gets dropped, all of its contents are also dropped.</p> Rust<pre><code>let v: Vec&lt;Type&gt; = Vec&lt;Type&gt;::new();  // empty vec init\nlet mut v: vec![item1, item2, ...];  // vec init (type inferred)\n\nv.push(item);  // add elements to vector\nv.pop();  // last item as Option&lt;T&gt; (vector must be mutable)\n\n// element access\nlet value = v.get(index);  // get method (returns Option&lt;&amp;T&gt;)\nlet value = &amp;v[index];  // index syntax  (returns reference, panic on index out of bounds)\n\n// iterate over mutable references to each element in a mutable vector in order to make changes to all the elements\nfor i in mut &amp;v {\n    *i = value;  // dereference and modify value\n}\n</code></pre> <p>A vector can hold different types if those type are variants of the same enum. It's also possible to use trait objects.</p> Rust<pre><code>enum Enum {\n    Int(i32),\n    Float(f64),\n    Text(String)\n}\n\nlet v = vec![\n    Enum::Int(2),\n    Enum::Float(3.14),\n    Enum::Text(String::from(\"text\"))\n];\n</code></pre>"},{"location":"languages/rust/rust.html#hashmap","title":"HashMap","text":"<p>Stores data in key-value pairs.</p> Rust<pre><code>use std::collections::HashMap;\n\nlet map: HashMap&lt;K, V&gt; = HashMap::new();\n\nlet value = map.get(key); // returns Option&lt;&amp;V&gt;\nmap.inset(key, value);  // insert or override value\nmap.entry(key).or_insert(value); // insert if not existing\nmap.entry(key).and_modify(|value| { *value = &lt;expr&gt; });  // modify item based on current value\n</code></pre>"},{"location":"languages/rust/rust.html#closures","title":"Closures","text":"<p>Rust's closures are anonymous functions that can be saved in a variable or passed as arguments to other functions. Unlike functions, closures can capture values from the scope in which they're defined.</p> <p>Closures are usually short and relevant only within a narrow context rather than in any arbitrary scenario. Within these limited contexts, the compiler is reliably able to infer the types of the parameters and the return type, similar to how it's able to infer the types of most variables.</p> <p>The first time a closure is called with an argument, the compiler infers the type of the parameter and the return type of the closure. Those types are then locked into the closure and a type error is returned if a different type is used with the same closure.</p> Rust<pre><code>// closure definition\nlet closure = |param1, param2| &lt;expr&gt;;\nlet closure = |param1, param2| {/* multiple lines of code */};\nlet closure = |num: i32| = &lt;expr&gt;;\n\n// closure usage\nlet result = closure(arg1, arg2);\n</code></pre>"},{"location":"languages/rust/rust.html#storing-closures-using-generic-parameters-and-the-fn-traits","title":"Storing Closures Using Generic Parameters and the Fn Traits","text":"<p>To make a struct that holds a closure, the type of the closure must be specified, because a struct definition needs to know the types of each of its fields. Each closure instance has its own unique anonymous type: that is, even if two closures have the same signature, their types are still considered different. To define structs, enums, or function parameters that use closures generics and trait bounds are used.</p> <p>The <code>Fn</code> traits are provided by the standard library. All closures implement at least one of the traits: <code>Fn</code>, <code>FnMut</code>, or <code>FnOnce</code>.</p> Rust<pre><code>struct ClosureStruct&lt;T&gt; where T: Fn(u32) -&gt; u32 {\n    closure: T,\n}\n</code></pre>"},{"location":"languages/rust/rust.html#capturing-the-environment-with-closures","title":"Capturing the Environment with Closures","text":"<p>When a closure captures a value from its environment, it uses memory to store the values for use in the closure body. Because functions are never allowed to capture their environment, defining and using functions will never incur this overhead.</p> <p>Closures can capture values from their environment in three ways, which directly map to the three ways a function can take a parameter:</p> <ul> <li>taking ownership</li> <li>borrowing mutably</li> <li>and borrowing immutably.</li> </ul> <p>These are encoded in the three <code>Fn</code> traits as follows:</p> <ul> <li><code>FnOnce</code> consumes the variables it captures from its enclosing scope. The closure takes ownership of these variables and move them into the closure when it is defined.</li> <li><code>FnMut</code> can change the environment because it mutably borrows values.</li> <li><code>Fn</code> borrows values from the environment immutably.</li> </ul> <p>When a closure is created, Rust infers which trait to use based on how the closure uses the values from the environment. All closures implement <code>FnOnce</code> because they can all be called at least once. Closures that don't move the captured variables also implement <code>FnMut</code>, and closures that don't need mutable access to the captured variables also implement <code>Fn</code>.</p> <p>To force the closure to take ownership of the values it uses in the environment, use the <code>move</code> keyword before the parameter list. This technique is mostly useful when passing a closure to a new thread to move the data so it's owned by the new thread.</p> Rust<pre><code>let closure = move |param| &lt;expr&gt;;\n</code></pre>"},{"location":"languages/rust/rust.html#function-pointers","title":"Function Pointers","text":"<p>Function pointer types, written using the <code>fn</code> keyword, refer to a function whose identity is not necessarily known at compile-time. They can be created via a coercion from both function items and non-capturing closures.</p> Rust<pre><code>fn add_one(x: usize) -&gt; usize {\n    x + 1\n}\n\nlet ptr: fn(usize) -&gt; usize = add_one;\nassert_eq!(ptr(5), 6);\n\nlet clos: fn(usize) -&gt; usize = |x| x + 5;\nassert_eq!(clos(5), 10);\n</code></pre>"},{"location":"languages/rust/rust.html#iterators","title":"Iterators","text":"<p>The iterator pattern allows to perform some task on a sequence of items in turn. An iterator is responsible for the logic of iterating over each item and determining when the sequence has finished.</p> <p>In Rust, iterators are lazy, meaning they have no effect until a call to methods that consume the iterator to use it up.</p> Rust<pre><code>// iterator trait\npub trait Iterator {\n    type Item;\n\n    fn next(&amp;mut self) -&gt; Option&lt;Self::Item&gt;;\n\n    // methods with default implementations elided\n}\n</code></pre> <p>Calling the <code>next</code> method on an iterator changes internal state that the iterator uses to keep track of where it is in the sequence. In other words, this code consumes, or uses up, the iterator. Each call to next eats up an item from the iterator.</p> <p>Methods that call next are called <code>consuming adaptors</code>, because calling them uses up the iterator.</p> <p>Other methods defined on the <code>Iterator</code> trait, known as iterator adaptors, allow to change iterators into different kinds of iterators. It's possible to chain multiple calls to iterator adaptors to perform complex actions in a readable way. But because all iterators are lazy, a call one of the consuming adaptor methods is needed to get the results.</p> Rust<pre><code>let iterator: = vec![1, 2, 3];\niterator\n    .map(|x| x + 1)  // iterator adapter\n    .filter(|x| x % 2 == 0)  // iterator adapter\n    .collect();  // consuming adapter\n</code></pre>"},{"location":"languages/rust/rust.html#custom-iterators","title":"Custom Iterators","text":"Rust<pre><code>struct Counter {\n    count: u32,\n}\n\nimpl Counter {\n    fn new() -&gt; Counter {\n        Counter { count: 0 }\n    }\n}\n\nimpl Iterator for Counter {\n    type Item = u32;\n\n    fn next(&amp;mut self) -&gt; Option&lt;Self::Item&gt; {\n        if self.count &lt; 5 {\n            self.count += 1;\n            Some(self.count)\n        } else {\n            None\n        }\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#smart-pointers","title":"Smart Pointers","text":"<p>A pointer is a general concept for a variable that contains an address in memory. This address refers to, or \"points at\" some other data. The most common kind of pointer in Rust is a reference, which you learned about in Chapter 4. References are indicated by the <code>&amp;</code> symbol and borrow the value they point to. They don't have any special capabilities other than referring to data. Also, they don`t have any overhead and are the kind of pointer used most often.</p> <p>Smart pointers, on the other hand, are data structures that not only act like a pointer but also have additional metadata and capabilities. The different smart pointers defined in the standard library provide functionality beyond that provided by references.</p> <p>In Rust, which uses the concept of ownership and borrowing, an additional difference between references and smart pointers is that references are pointers that only borrow data; in contrast, in many cases, smart pointers own the data they point to.</p> <p>Smart pointers are usually implemented using structs. The characteristic distinguishing a smart pointer from a struct is that smart pointers implement the <code>Deref</code> and <code>Drop</code> traits. The <code>Deref</code> trait allows an instance of the smart pointer struct to behave like a reference so it's possible to write code that works with either references or smart pointers. The <code>Drop</code> trait allows to customize the code that is run when an instance of the smart pointer goes out of scope.</p> <p>The most common smart pointers in the standard library are:</p> <ul> <li><code>Box&lt;T&gt;</code>: for allocating values on the heap</li> <li><code>Rc&lt;T&gt;</code>: a reference counting type that enables multiple ownership</li> <li><code>Ref&lt;T&gt;</code> and <code>RefMut&lt;T&gt;</code>, accessed through <code>RefCell&lt;T&gt;</code>: a type that enforces the borrowing rules at runtime instead of compile time</li> </ul>"},{"location":"languages/rust/rust.html#using-boxt-to-point-to-data-on-the-heap","title":"Using <code>Box&lt;T&gt;</code> to Point to Data on the Heap","text":"<p>The most straightforward smart pointer is <code>Box&lt;T&gt;</code>. Boxes allow to store data on the heap rather than the stack. What remains on the stack is the pointer to the heap data. Boxes don't have performance overhead, other than storing their data on the heap instead of on the stack. But they don't have many extra capabilities either.</p> <p><code>Box&lt;T&gt;</code> use cases:</p> <ul> <li>Using a type whose size can't be known at compile time in a context that requires an exact size</li> <li>Transferring ownership of a large amount of data but ensuring the data won't be copied when you do so</li> <li>Owning a value and which implements a particular trait rather than being of a specific type</li> </ul> Rust<pre><code>let _box = Box::new(pointed_value);\n</code></pre>"},{"location":"languages/rust/rust.html#deref-trait-deref-coercion","title":"<code>Deref</code> Trait &amp; Deref Coercion","text":"<p>Implementing the <code>Deref</code> trait allows to customize the behavior of the dereference operator, <code>*</code>. By implementing <code>Deref</code> in such a way that a smart pointer can be treated like a regular reference.</p> Rust<pre><code>struct CustomSmartPointer&lt;T&gt;(T);\n\nimpl&lt;T&gt; CustomSmartPointer&lt;T&gt; {\n    fn new(x: T) {\n        CustomSmartPointer(x)\n    }\n}\n\nimpl&lt;T&gt; Deref for CustomSmartPointer&lt;T&gt; {\n    type Target = T;\n\n    fn deref(&amp;self) -&gt; &amp;Self::Target {\n        // return reference to value\n    }\n}\n\nlet s = CustomSmartPointer::new(value);\nlet v = *s;\n// same as\nlet v = *(s.deref());\n</code></pre> <p>Deref coercion is a convenience that Rust performs on arguments to functions and methods. It works only on types that implement the <code>Deref</code> trait and converts such a type into a reference to another type. Deref coercion was added to Rust so that programmers writing function and method calls don't need to add as many explicit references and dereferences with <code>&amp;</code> and <code>*</code>.</p> Rust<pre><code>fn hello(name: &amp;str) {\n    println!(\"Hello {}\", name);\n}\n\nfn main() {\n    let name = Box::new(String::from(\"Rust\"));\n    hello(&amp;name);  // Box&lt;string&gt; coerced to &amp;str (Box -&gt; String -&gt; &amp;str)\n}\n</code></pre> <p>When the <code>Deref</code> trait is defined for the types involved, Rust will analyze the types and use <code>Deref::deref</code> as many times as necessary to get a reference to match the parameter's type.</p> <p>Similar to the <code>Deref</code> trait to override the <code>*</code> operator on immutable references, it's possible to use the <code>DerefMut</code> trait to override the <code>*</code> operator on mutable references.</p> <p>Rust does deref coercion when it finds types and trait implementations in three cases:</p> <ul> <li>From <code>&amp;T</code> to <code>&amp;U</code> when <code>T: Deref&lt;Target=U&gt;</code></li> <li>From <code>&amp;mut T</code> to <code>&amp;mut U</code> when <code>T: DerefMut&lt;Target=U&gt;</code></li> <li>From <code>&amp;mut T</code> to <code>&amp;U</code> when <code>T: Deref&lt;Target=U&gt;</code></li> </ul>"},{"location":"languages/rust/rust.html#drop-trait","title":"<code>Drop</code> Trait","text":"<p><code>Drop</code> allows to customize what happens when a value is about to go out of scope. It-s possible to provide an implementation for the <code>Drop</code> trait on any type.</p> Rust<pre><code>struct CustomSmartPointer&lt;T&gt;(T);\n\nimpl&lt;T&gt; Drop for CustomSmartPointer&lt;T&gt; {\n    fn drop(&amp;mut self) {\n        // clean up memory\n    }\n}\n\nfn main() {\n    let var1 = CustomSmartPointer(value);  // dropped when var1 goes out of scope\n    let var2 = CustomSmartPointer(value);\n    drop(var2);  // dropped early by using std::mem::drop\n}\n</code></pre> <p>Rust automatically calls <code>drop</code> when the instances went go of scope. Variables are dropped in the reverse order of their creation.</p>"},{"location":"languages/rust/rust.html#rct-arct-multiple-ownership","title":"<code>Rc&lt;T&gt;</code>, <code>Arc&lt;T&gt;</code> &amp; Multiple Ownership","text":"<p>Rust provides the reference-counted pointer types <code>Rc&lt;T&gt;</code> and <code>Arc&lt;T&gt;</code>. The <code>Rc&lt;T&gt;</code> and <code>Arc&lt;T&gt;</code> types are very similar; the only difference between them is that an <code>Arc&lt;T&gt;</code> is safe to share between threads directly (the name Arc is short for atomic reference count) whereas a plain <code>Rc&lt;T&gt;</code> uses faster non-thread-safe code to update its reference count.</p> Rust<pre><code>use std::rc::Rc;\n\nlet s: Rc&lt;String&gt; = Rc::new(\"some string\".to_string());\nlet t: Rc&lt;String&gt; = s.clone();  // contains a new pointer to the value held by s\nlet u: Rc&lt;String&gt; = s.clone();  // contains a new pointer to the value held by s\n</code></pre> <p>Each of the <code>Rc&lt;T&gt;</code> pointers is referring to the same block of memory, which holds a reference count and space for the value. The usual ownership rules apply to the <code>Rc&lt;T&gt;</code> pointers themselves, and when the last extant <code>Rc&lt;T&gt;</code> is dropped, Rust drops the value as well.</p> <p>Note: A value owned by an <code>Rc&lt;T&gt;</code> pointer is immutable.</p>"},{"location":"languages/rust/rust.html#refcellt-interior-mutability-pattern","title":"<code>RefCell&lt;T&gt;</code> &amp; Interior Mutability Pattern","text":"<p>Interior mutability is a design pattern in Rust that allows to mutate data even when there are immutable references to that data; normally, this action is disallowed by the borrowing rules. To mutate data, the pattern uses unsafe code inside a data structure to bend Rust's usual rules that govern mutation and borrowing.</p> <p>With references and <code>Box&lt;T&gt;</code>, the borrowing rules' invariants are enforced at compile time. With <code>RefCell&lt;T&gt;</code>, these invariants are enforced at runtime. With references, if these rules are broken, a compiler error is thrown. With <code>RefCell&lt;T&gt;</code> the program will panic and exit.</p> <p>The advantages of checking the borrowing rules at compile time are that errors will be caught sooner in the development process, and there is no impact on runtime performance because all the analysis is completed beforehand. For those reasons, checking the borrowing rules at compile time is the best choice in the majority of cases, which is why this is Rust's default.</p> <p>The advantage of checking the borrowing rules at runtime instead is that certain memory-safe scenarios are then allowed, whereas they are disallowed by the compile-time checks. Static analysis, like the Rust compiler, is inherently conservative.</p> <p>Note: <code>RefCell&lt;T&gt;</code> is only for use in single-threaded scenarios and will cause a compile-time error if used it in a multithreaded context.</p> <p>When creating immutable and mutable references, the <code>&amp;</code> and <code>&amp;mut</code> syntax is used, respectively. With <code>RefCell&lt;T&gt;</code>, the <code>borrow</code> and <code>borrow_mut</code> methods are ued, which are part of the safe API that belongs to <code>RefCell&lt;T&gt;</code>. The <code>borrow</code> method returns the smart pointer type <code>Ref&lt;T&gt;</code>, and <code>borrow_mut</code> returns the smart pointer type <code>RefMut&lt;T&gt;</code>. Both types implement <code>Deref</code>, so can be treated like regular references.</p> <p>The <code>RefCell&lt;T&gt;</code> keeps track of how many <code>Ref&lt;T&gt;</code> and <code>RefMut&lt;T&gt;</code> smart pointers are currently active. Every time <code>borrow</code> is called, the <code>RefCell&lt;T&gt;</code> increases its count of how many immutable borrows are active. When a <code>Ref&lt;T&gt;</code> value goes out of scope, the count of immutable borrows goes down by one. Just like the compile-time borrowing rules, <code>RefCell&lt;T&gt;</code> allows to have many immutable borrows or one mutable borrow at any point in time.</p> <p>A common way to use <code>RefCell&lt;T&gt;</code> is in combination with <code>Rc&lt;T&gt;</code>. <code>Rc&lt;T&gt;</code> allows to have multiple owners of some data, but it only gives immutable access to that data. By having a <code>Rc&lt;T&gt;</code> that holds a <code>RefCell&lt;T&gt;</code>, its' possible to get a value that can have multiple owners and that can mutate.</p> <p>The standard library has other types that provide interior mutability:</p> <ul> <li><code>Cell&lt;T&gt;</code> which is similar except that instead of giving references to the inner value, the value is copied in and out of the <code>Cell&lt;T&gt;</code>.</li> <li><code>Mutex&lt;T&gt;</code> which offers interior mutability that's safe to use across threads;</li> </ul>"},{"location":"languages/rust/rust.html#reference-cycles-can-leak-memory","title":"Reference Cycles Can Leak Memory","text":"<p>Rust's memory safety guarantees make it difficult, but not impossible, to accidentally create memory that is never cleaned up (known as a memory leak). Rust allows memory leaks by using <code>Rc&lt;T&gt;</code> and <code>RefCell&lt;T&gt;</code>: it's possible to create references where items refer to each other in a cycle. This creates memory leaks because the reference count of each item in the cycle will never reach 0, and the values will never be dropped.</p>"},{"location":"languages/rust/rust.html#files","title":"Files","text":""},{"location":"languages/rust/rust.html#reading-files","title":"Reading Files","text":"Rust<pre><code>use std::fs;\n\nlet contents: Vec&lt;u8&gt; = fs::read(\"path/to/file\").unwrap_or_default();\nlet contents: String = fs::read_to_string(\"path/to/file\").unwrap_or_default();\n\ncontents.lines(); // iterator over text lines\n</code></pre>"},{"location":"languages/rust/rust.html#writing-files","title":"Writing Files","text":"Rust<pre><code>use std::fs;\nuse std::io::Write;  // write trait\n// or\nuse std::io::prelude::*;\n\nlet contents: [u8] = /* */;\nlet contents = String::from(/* */);\n\nfs::write(\"path/to/file\", contents);\n\nlet mut file = fs::OpenOptions::new().append(true).open(\"path/to/file\").unwrap();\nfile.write(b\"appended text\");  // write wants an [u8]\n</code></pre>"},{"location":"languages/rust/rust.html#external-code","title":"External Code","text":"<p>The extern keyword is used in two places in Rust:</p> <ul> <li>in conjunction with the crate keyword to make Rust code aware of other Rust crates in the project</li> <li>in foreign function interfaces (FFI).</li> </ul> <p><code>extern</code> is used in two different contexts within FFI. The first is in the form of external blocks, for declaring function interfaces that Rust code can call foreign code by.</p> Rust<pre><code>#[link(name = \"my_c_library\")]\nextern \"C\" {\n    fn my_c_function(x: i32) -&gt; bool;\n}\n</code></pre> <p>This code would attempt to link with <code>libmy_c_library.so</code> on unix-like systems and <code>my_c_library.dll</code> on Windows at runtime, and panic if it can't find something to link to. Rust code could then use my_c_function as if it were any other unsafe Rust function. Working with non-Rust languages and FFI is inherently unsafe, so wrappers are usually built around C APIs.</p> <p>The mirror use case of FFI is also done via the extern keyword:</p> Rust<pre><code>#[no_mangle]\npub extern \"C\" fn callable_from_c(x: i32) -&gt; bool {\n    x % 3 == 0\n}\n</code></pre> <p>If compiled as a dylib, the resulting <code>.so</code> could then be linked to from a C library, and the function could be used as if it was from any other library</p>"},{"location":"languages/rust/unit-tests.html","title":"Unit Tests","text":""},{"location":"languages/rust/unit-tests.html#test-functions","title":"Test Functions","text":"Rust<pre><code>// module code here\n\n#[cfg(test)]\nmod tests {\n    use super::*;\n\n    #[test]\n    fn test_func() {\n        //ARRANGE\n\n        // ACT\n\n        // ASSERT\n        assert!(bool, \"optional custom error message\");\n        assert_eq!(expected, actual, \"optional custom error message\");\n        assert_ne!(expected, actual, \"optional custom error message\");\n    }\n\n    #[test]\n    #[should_panic(\"optional custom error message\")]\n    fn test_func() {/* ... */}\n\n    #[test]\n    #[ignore]\n    fn test_func() {/* ... */}\n}\n</code></pre>"},{"location":"languages/rust/unit-tests.html#controlling-how-tests-are-run","title":"Controlling How Tests Are Run","text":"Bash<pre><code>cargo test -- --test-threads=&lt;number&gt;  # run tests in parallel (1 no parallelism)\ncargo test -- --show-output  # show content printed in stdout in each test\ncargo test &lt;test_name&gt;  # run only a specific test\ncargo test &lt;partial_test_name&gt;  # run only specific tests\ncargo test -- --ignored  # run tests annotated with #[ignore]\ncargo test --test  # run all integration tests\n</code></pre>"},{"location":"languages/rust/unit-tests.html#test-organization","title":"Test Organization","text":"<p>Unit Tests:</p> <ul> <li>Inside the same module as the tested code</li> <li>annotated with <code>#[cfg(test)]</code></li> <li>can test private code by default</li> <li>import tested code with <code>super::*</code></li> <li>compiled only with <code>cargo test</code></li> </ul> <p>Integration tests:</p> <ul> <li>inside top level <code>tests</code> folder</li> <li>need to import tested code by crate name</li> <li>place util functions in a <code>mod.rs</code> to avoid testing them, e.g: <code>tests/common/mod.rs</code></li> <li>compiled only with <code>cargo test</code></li> </ul>"},{"location":"languages/swift/swift.html","title":"Swift","text":""},{"location":"languages/swift/swift.html#basics","title":"Basics","text":""},{"location":"languages/swift/swift.html#macro","title":"Macro","text":"Swift<pre><code>#if DEBUG\n\n// contents compiled only if in DEBUG build\n\n#endif\n</code></pre>"},{"location":"languages/swift/swift.html#comments","title":"Comments","text":"Swift<pre><code>// single line comment\n\n/*  \nmulti line comment\n*/\n</code></pre>"},{"location":"languages/swift/swift.html#variables","title":"Variables","text":"Swift<pre><code>var variable = value  // implicit variable init (auto-determine type)\nvar variable: Type = value  // explicit variable init\nvar variable: Type? = value  // explicit nullable variable init\n</code></pre>"},{"location":"languages/swift/swift.html#constants","title":"Constants","text":"Swift<pre><code>let CONSTANT = value  // constant init (value can be assigned at runtime)\n</code></pre>"},{"location":"languages/swift/swift.html#console-output","title":"Console Output","text":"Swift<pre><code>print()  // empty line\nprint(variable)\nprint(\"string\")\n</code></pre>"},{"location":"languages/swift/swift.html#strings","title":"Strings","text":"Swift<pre><code>var string \"Text: \\(&lt;expr&gt;)\"  // string interpolation\nvar string = \"Hello\" + \"There\"  // string concatenation\n\nvar multilineString = \"\"\"Use double quotes trice\nto make a string span multiple lines\"\"\"\n</code></pre>"},{"location":"languages/swift/swift.html#array","title":"Array","text":"Swift<pre><code>var array = [\"firstItem\", \"secondItem\", ...]\nvar array = [Type()]  // init empty homogeneous array\n\narray[index]  // value access\narray[index] = value  // value update\n\narray.append(item)  // add item to the end\narray.contains(item)  // membership check\narray.sort()  // in place sort\n\n\n// Heterogeneous Array\nvar list: Any = [\"string\", 47, ...]  // cannot access with [index]\nvar list: Any = []  // init empty heterogeneous array\n</code></pre>"},{"location":"languages/swift/swift.html#tuple","title":"Tuple","text":"<p>A tuple type is a comma-separated list of types, enclosed in parentheses.</p> <p>It's possible to use a tuple type as the return type of a function to enable the function to return a single tuple containing multiple values. It's possible to name the elements of a tuple type and use those names to refer to the values of the individual elements. An element name consists of an identifier followed immediately by a colon (:).</p> Swift<pre><code>var tuple: (Type, Type) = (value, value)  // explicit type\nvar tuple = (value, value)  // implicit type\ntuple.0  // item access\n\n// named elements\nvar tuple = (name1: value1, name2: value2, ...)  // tuple init\ntuple = (value1, value2)  // names are inferred\ntuple.name1  // item access\n</code></pre>"},{"location":"languages/swift/swift.html#tuple-decomposition","title":"Tuple Decomposition","text":"Swift<pre><code>var tuple = (value1, value2)\nvar (var1, var2) = tuple  // var1 = value1, var2 = value2\n</code></pre>"},{"location":"languages/swift/swift.html#type-identifier","title":"Type Identifier","text":"Swift<pre><code>typealias Point = (Int, Int)\nvar origin: (0, 0)\n</code></pre>"},{"location":"languages/swift/swift.html#dictionary","title":"Dictionary","text":"Swift<pre><code>var dict = [\n    \"key\": \"value\",\n    ...\n]\n\nvar dict = [Type: Type]()  // init empty dict\n\ndict[key]  // value access\ndict[key] = value // value update\n</code></pre>"},{"location":"languages/swift/swift.html#expressions-operators","title":"Expressions &amp; Operators","text":""},{"location":"languages/swift/swift.html#primary-expressions","title":"Primary Expressions","text":"Syntax Operation x<code>.</code>m access to member <code>m</code> of object <code>x</code> (\".\" \u2192 member access operator) x<code>(...)</code> method invocation (\"()\" \u2192 method invocation operator) x<code>[...]</code> array access and indicization <code>new</code> T(...) object instantiation <code>x!</code> declare x as not nil"},{"location":"languages/swift/swift.html#unary-operators","title":"Unary Operators","text":"Operator Operation <code>+</code>x identity <code>-</code>x negation <code>!</code>x logic negation <code>~</code>x binary negation <code>++</code>x pre-increment <code>--</code>x pre-decrement x<code>++</code> post-increment x<code>--</code> post decrement <code>(type)</code>x explicit casting"},{"location":"languages/swift/swift.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation x <code>+</code> y addition, string concatenation x <code>-</code> y subtraction x <code>*</code> y multiplication x <code>/</code> y integer division, always returns an <code>int</code> x <code>%</code> y modulo, remainder x <code>&lt;&lt;</code> y left bit shift x <code>&gt;&gt;</code> y right bit shift"},{"location":"languages/swift/swift.html#relational-operators","title":"Relational Operators","text":"Operator Operation x <code>&lt;=</code> y less or equal to x <code>&gt;</code> y greater than x <code>&gt;=</code> y greater or equal to x <code>is</code> T <code>true</code> if <code>x</code> is an object of type <code>T</code> x <code>==</code> y equality <code>!</code>x inequality"},{"location":"languages/swift/swift.html#logical-operators","title":"Logical Operators","text":"Operator Operation Name <code>~</code>x bitwise NOT x <code>&amp;</code> y bitwise AND x <code>^</code> y bitwise XOR x <code>|</code> y bitwise OR x <code>&amp;&amp;</code> y evaluate <code>y</code> only if <code>x</code> is <code>true</code> x <code>||</code> y evaluate <code>y</code> only if <code>x</code> is <code>false</code> x <code>??</code> y evaluates to <code>y</code> only if <code>x</code> is <code>nil</code>, <code>x</code> otherwise nil coalescing x<code>?.</code>y stop if <code>x == nil</code>, evaluate <code>x.y</code> otherwise nil conditional"},{"location":"languages/swift/swift.html#assignment","title":"Assignment","text":"Operator Operation x <code>+=</code> y x = x + y x <code>-=</code> y x = x - y x <code>*=</code> y x = x * y x <code>/=</code> y x = x / y x <code>%=</code> y x = x % y x <code>&lt;&lt;=</code> y x = x &lt;&lt; y x <code>&gt;&gt;=</code> y x = x &gt;&gt; y x <code>&amp;=</code> y x = x &amp; y x <code>|=</code> y x = x x <code>^=</code> y x = x ^ y x <code>??=</code> y if (x == nil) {x = y}"},{"location":"languages/swift/swift.html#conditional-operator","title":"Conditional Operator","text":"<p><code>&lt;condition&gt; ? &lt;return_if_condition_true&gt; : &lt;return_if_condition_false&gt;;</code></p>"},{"location":"languages/swift/swift.html#nil-checks","title":"Nil Checks","text":"Swift<pre><code>variable ?? value\n// same as\nif(variable == nil) { variable = value }\n</code></pre>"},{"location":"languages/swift/swift.html#if-else","title":"If-Else","text":"Swift<pre><code>if condition {\n    // code here\n} else if condition {\n    //code here\n} else {\n    // code here\n}\n\nif let var0 = var1 { /* statements */ }\n// same as\nlet var0 = var1\nif var0 != nil { /* statements */ }\n</code></pre>"},{"location":"languages/swift/swift.html#switch","title":"Switch","text":"Swift<pre><code>switch &lt;value&gt; {\n    case &lt;pattern/key&gt;:\n        // code here\n        break  // can be implicit\n\n    case key where &lt;condition_on_key&gt;:\n        // code here\n        break\n\n    default:\n        // code here\n        break\n}\n</code></pre>"},{"location":"languages/swift/swift.html#loops","title":"Loops","text":""},{"location":"languages/swift/swift.html#for-loop","title":"For Loop","text":"Swift<pre><code>// range based for\nfor i in start...end { /* statements */ }  // end included\nfor i in start..&lt;end { /* statements */ }  // end excluded\nfor _ in start...end\n\nfor item in sequence {\n    // code here\n}\n\nfor (key, value) in dict {\n    // code here\n}\n</code></pre>"},{"location":"languages/swift/swift.html#while-loop","title":"While Loop","text":"Swift<pre><code>while condition {\n    // code here\n}\n\n// \"do\"..while\nrepeat {\n    // code here\n} while condition\n</code></pre>"},{"location":"languages/swift/swift.html#functions","title":"Functions","text":"Swift<pre><code>// \"void function\"\nfunc funcName(param: Type, ...) {\n    // code here\n}\n\nfunc funcName(param: Type = defaultValue, ...) -&gt; Type {\n    //code here\n    return &lt;expression&gt;\n}\n\nfunc funcName(param: Type) -&gt; Type {\n    &lt;expression&gt;  // implicit return\n}\n\n// func call MUST have parameter's names\nfuncName(param: value, ...)\n\n// multiple return values\nfunc funcMultipleParameters(param: Type) -&gt; (retVal1: Type, retVal2: Type) {\n    //code here\n\n    return (&lt;expression&gt;, &lt;expression&gt;)\n}\n\nvar result = funcMultipleReturns(param: value)\nresult.retVal1  // access to tuple components\n\n// argument labels (only first label can be omitted)\nfunc funcWithLabels(_ param: Type, label param: Type, ...) -&gt; Type { }\nfuncWithLabels(value, label: value, ...)\n</code></pre>"},{"location":"languages/swift/swift.html#passing-functions-as-parameters","title":"Passing Functions as Parameters","text":"Swift<pre><code>func f(param: Type) -&gt; Type {}\nfunc g(f: (Type) -&gt; Type) {}  // (Type) -&gt; Type are the passed func input and output types\n</code></pre>"},{"location":"languages/swift/swift.html#functions-returning-functions","title":"Functions Returning Functions","text":"Swift<pre><code>func f() -&gt; ((Type) -&gt; Type) {\n    func g(param: Type) -&gt; type {}\n\n    return g\n}\n</code></pre>"},{"location":"languages/swift/swift.html#closure","title":"Closure (<code>{ .. }</code>)","text":"<p>Closures are self-contained blocks of functionality that can be passed around and used in code. Closures in Swift are similar to blocks in C and Objective-C and to lambdas in other programming languages.</p> Swift<pre><code>{ (parameters: Type) -&gt; Type in\n    // statements\n}\n\n{ parameters in return &lt;expression&gt; }  // type inference from context\n{ $0 &gt; $1 }  // $&lt;n&gt; identifies the n-th argument, IN can be omitted if closure has only the body\n</code></pre>"},{"location":"languages/swift/swift.html#enums","title":"Enums","text":""},{"location":"languages/swift/swift.html#enum-definition","title":"Enum Definition","text":"Swift<pre><code>enum EnumName {\n    case key1\n    case key2\n    case ...\n}\n\nEnumName.key1 // key1\n</code></pre>"},{"location":"languages/swift/swift.html#enum-with-raw-values","title":"Enum with Raw Values","text":"Swift<pre><code>enum EnumName: Type {\n    case key1 = value\n    case key2 = value\n    case ...\n}\n\nEnumName.key1.rawValue  // value\n\nenum IntegerEnum: Int {\n    // the value of each case is one more then the previous case\n    case one = 1\n    case two, three, four\n    case ...\n}\n</code></pre>"},{"location":"languages/swift/swift.html#matching-enumeration-values-with-a-switch-statement","title":"Matching Enumeration Values with a Switch Statement","text":"Swift<pre><code>enum Rank: Int {\n    case ace = 1, two, three, four, five, six, seven, eight, nine, ten\n    case jack, queen, king\n\n    func getValue() -&gt; String {\n        switch self {\n\n        case .jack:\n            return \"jack\"\n\n        case .queen:\n            return \"queen\"\n\n        case .king:\n            return \"king\"\n\n        default:\n            return String(self.rawValue)\n        }\n    }\n}\n\nRank.jack.getValue() // \"jack\"\nRank.jack.rawValue // 11\n</code></pre>"},{"location":"languages/swift/swift.html#struct-value-type","title":"Struct (Value Type)","text":"Swift<pre><code>struct StructName {\n    var attribute = value  // instance variable\n    private var _attribute: Type  // backing field for property\n\n    var property: Type {\n        get { return _attribute }\n\n        set { _attribute = newValue }  // newValue contains the passed value\n        // OR\n        set(param) { _attribute = param }\n    }\n\n    // constructor\n    init(param: Type) {\n        self.attribute = param  // attribute valorization\n    }\n\n    // de-initializer (free memory containing obj?)\n    deinit {\n        // empty the attributes\n    }\n\n    // overloading\n    func method() -&gt; Type { }\n    func method(param: Type, ...) -&gt; Type { }\n}\n\nvar structure = StructName()  // struct instantiation\n</code></pre>"},{"location":"languages/swift/swift.html#classes-reference-type","title":"Classes (Reference Type)","text":""},{"location":"languages/swift/swift.html#class-definition-instantiation","title":"Class Definition &amp; Instantiation","text":"Swift<pre><code>class ClassName {\n    var attribute = value  // instance variable\n    private var _attribute: Type  // backing field for property\n\n    var property: Type {\n        get { return _attribute }\n\n        set { _attribute = newValue }  // newValue contains the passed value\n        // OR\n        set(param) { _attribute = param }\n    }\n\n    // constructor\n    init(param: Type) {\n        self.attribute = param  // attribute valorization\n    }\n\n    // de-initializer (free memory containing obj?)\n    deinit {\n        // empty the attributes\n    }\n\n    // overloading\n    func method() -&gt; Type { }\n    func method(param: Type, ...) -&gt; Type { }\n}\n\nvar obj = ClassName()  // obj instantiation\n</code></pre>"},{"location":"languages/swift/swift.html#property-observers-willset-didset","title":"Property Observers <code>willSet</code> &amp; <code>didSet</code>","text":"<p>Do actions before/after modifying a property value.</p> <p>Note: <code>willSet</code> and <code>didSet</code> do not set the value of the property.</p> Swift<pre><code>class ClassName {\n\n    var _attribute: Type\n\n    var property {\n        get { return _attribute }\n        set{ _attribute = newValue }\n\n        willSet {\n            // act before setting the property value\n        }\n\n        didSet {\n            // act after setting the property value\n        }\n    }\n}\n</code></pre>"},{"location":"languages/swift/swift.html#inheritance","title":"Inheritance","text":"Swift<pre><code>class Derived: SuperClass {\n\n    var attribute: Type\n\n    init(param1: Type, param2: Type) {\n        self.attribute = param1\n        super.init(param: param2 )  // superclass init (NEEDED)\n    }\n\n    // overriding\n    override func method() {}\n}\n</code></pre>"},{"location":"languages/swift/swift.html#exception-handling","title":"Exception Handling","text":"Swift<pre><code>guard let variable = &lt;expression&gt;\nelse {\n    /* statements */\n    // throw or return to exit code branch\n}\n\n\ndo {\n    try &lt;throwing expression&gt;\n} catch &lt;pattern&gt; {\n    // statements\n}\n</code></pre>"},{"location":"linux/filesystem/file-links.html","title":"Symlink, Hardlink, Reflink","text":"<p>Unix files consist of two parts: the data part and the filename part. The data part is associated with something called an inode. The inode carries the map of where the data is, the file permissions, etc. for the data.</p> Text Only<pre><code>                                           +------+ +------+\n                         .---------------&gt; | data | | data | etc\n                        /                  +------+ +------+\n+--------------------------------+\n| permbits, etc | data addresses |\n+--------------inode-------------+\n</code></pre> <p>The filename part carries a name and an associated inode number.</p> Text Only<pre><code>                                  +---------------------------+\n                 .--------------&gt; | permbits, etc | addresses |\n                /                 +-----------inode-----------+\n+--------------------+\n| filename | inode # |\n+--------------------+\n</code></pre>"},{"location":"linux/filesystem/file-links.html#hardlinks","title":"Hardlinks","text":"<p>More than one filename can reference the same inode number. These files are said to be hard linked together.</p> Text Only<pre><code>+--------------------+\n| filename | inode # |\n+--------------------+\n                \\                 +---------------------------+\n                 &gt;--------------&gt; | permbits, etc | addresses |\n                /                 +------------inode----------+\n+---------------------+\n| othername | inode # |\n+---------------------+\n</code></pre>"},{"location":"linux/filesystem/file-links.html#symlinks-aka-softlinks","title":"Symlinks (aka Softlinks)","text":"<p>Symlinks are a special file type whose data part carries a path to another file. Since it is a special file, the OS recognizes the data as a path, and redirects opens, reads, and writes so that, instead of accessing the data within the special file, they access the data in the file named by the data in the special file.</p> Text Only<pre><code>+--------------------+\n| filename | inode # |\n+--------------------+\n              \\\n               \\     +---------------------------+\n                '--&gt; | permbits, etc | addresses |\n                     +-----------inode-----------+\n                                     /\n                                    /\n                                   /\n .--------------------------------'\n(     +--------------------------+\n '--&gt; |\"/path/to/some/other/file\"| \n      +----------data------------+\n                  /                     |\n .~ ~ ~ ~ ~ ~ ~ ~'                      |-- (redirected at open() time)\n(     +--------------------+            |\n '~~&gt; | filename | inode # |\n      +--------------------+\n                   \\               +---------------------------+\n                    '------------&gt; | permbits, etc | addresses |\n                                   +-----------inode-----------+\n                                                /\n                                               /\n .--------------------------------------------'\n(     +------+  +------+ \n '--&gt; | data |  | data | etc.\n      +------+  +------+ \n</code></pre> <p>Now, the filename part of the file is stored in a special file of its own along with the filename parts of other files; this special file is called a directory.</p>"},{"location":"linux/filesystem/file-links.html#reflink","title":"Reflink","text":"<p>A Reflink is a type of shallow copy of file data that shares the blocks but otherwise the files are independent and any change to the file will not affect the other. This builds on the underlying copy-on-write mechanism. A reflink will effectively create only a separate metadata pointing to the shared blocks which is typically much faster than a deep copy of all blocks.</p> Text Only<pre><code>+--------------------+\n| filename | inode # |\n+--------------------+\n            \\        +---------------------------+\n             '-----&gt; | permbits, etc | addresses |\n                     +-----------inode-----------+\n                                   \\                +------+  +------+\n                                    &gt;-------------&gt; | data |  | data | etc.\n                                   /                +------+  +------+\n                     +---------------------------+\n             .-----&gt; | permbits, etc | addresses |\n            /        +-----------inode-----------+\n+---------------------+\n| othername | inode # |\n+---------------------+\n</code></pre> <p>There are some constraints:</p> <ul> <li>cross-filesystem reflink is not possible, there\u2019s nothing in common between so the block sharing can\u2019t work</li> <li>reflink crossing two mount points of the same filesystem support depends on kernel version</li> </ul>"},{"location":"linux/filesystem/file-links.html#directories","title":"Directories","text":"<p>The directory, as a file, is just an array of filename parts of other files.</p> <p>When a directory is built, it is initially populated with the filename parts of two special files: the <code>.</code> and <code>..</code> files.</p> <p>The filename part for the <code>.</code> file is populated with the <code>inode</code> of the directory file in which the entry has been made: <code>.</code> is a hardlink to the file that implements the current directory.</p> <p>The filename part for the <code>..</code> file is populated with the <code>inode</code> of the directory file that contains the filename part of the current directory file: <code>..</code> is a hardlink to the file that implements the immediate parent of the current directory.</p> <p>The <code>ln</code> command knows how to build hardlinks and softlinks; the <code>mkdir</code> command knows how to build directories (the OS takes care of the above hardlinks).</p> <p>There are restrictions on what can be hardlinked (both links must reside on the same filesystem, the source file must exist, etc.) that are not applicable to softlinks (source and target can be on separate file systems, source does not have to exist, etc.).</p>"},{"location":"linux/filesystem/procfs.html","title":"<code>/proc</code> Filesystem","text":"<p>The proc file system contains a hierarchy of special files that represent the current state of the kernel.</p> <p>Files in the <code>/proc</code> directory contain information about the hardware and current processes running on the system. Files that have write permission can be modified to change the configuration of the kernel.</p>"},{"location":"linux/filesystem/procfs.html#top-level-files-within-proc","title":"Top-Level Files Within <code>/proc</code>","text":"<ul> <li> <p><code>/proc/buddyinfo</code>: This file is used primarily for diagnosing memory fragmentation issues.</p> </li> <li> <p><code>/proc/cmdline</code>: This file shows the parameters passed to the kernel at the time it is started.</p> </li> <li> <p><code>/proc/cpuinfo</code>: This virtual file identifies the type of processor used by the system.</p> </li> <li> <p><code>/proc/crypto</code>: This file lists all installed cryptographic ciphers used by the Linux kernel, including additional details for each.</p> </li> <li> <p><code>/proc/devices</code>: This file displays the various character and block devices currently configured (not including devices whose modules are not loaded).</p> </li> <li> <p><code>/proc/dma</code>: This file contains a list of the registered ISA DMA channels in use.</p> </li> <li> <p><code>/proc/execdomains</code>: This file lists the execution domains currently supported by the Linux kernel, along with the   range of personalities they support.</p> </li> <li> <p><code>/proc/filesystems</code>: This file displays a list of the file system types currently supported by the kernel.   The first column signifies whether the file system is mounted on a block device. Those beginning with <code>nodev</code> are not mounted on a device.   The second column lists the names of the file systems supported.   The mount command cycles through the file systems listed here when one is not specified as an argument.</p> </li> <li> <p><code>/proc/interrupts</code>: This file records the number of interrupts per IRQ on the <code>x86</code> architecture.</p> </li> <li> <p><code>/proc/iomem</code>: This file shows the current map of the system\u2019s memory for each physical device.</p> </li> <li> <p><code>/proc/ioports</code>: This file provides a list of currently registered port regions used for input or output communication with a device.</p> </li> <li> <p><code>/proc/kcore</code>: This file represents the physical memory of the system and is stored in the core file format.   The contents of this file are designed to be examined by a debugger, such as gdb, and is not human readable.</p> </li> <li> <p><code>/proc/kmsg</code>: This file is used to hold messages generated by the kernel. These messages are then picked up by other   programs, such as <code>/bin/dmesg</code>.</p> </li> <li> <p><code>/proc/loadavg</code>: This file provides a look at the load average in regard to both the CPU and I/O over time, as well as   additional data used by uptime and other commands.</p> </li> <li> <p><code>/proc/locks</code>: This file displays the files currently locked by the kernel. The contents of this file contain internal   kernel debugging data and can vary tremendously, depending on the use of the system.</p> </li> <li> <p><code>/proc/mdstat</code>: This file contains the current information for multiple-disk, RAID configurations.</p> </li> <li> <p><code>/proc/meminfo</code>: This file reports a large amount of valuable information about the system\u2019s RAM usage.</p> </li> <li> <p><code>/proc/modules</code>: This file displays a list of all modules loaded into the kernel. Most of this information can also be   viewed by using the /sbin/lsmod command.</p> </li> </ul>"},{"location":"linux/filesystem/procfs.html#process-directories-in-proc","title":"Process Directories in <code>/proc</code>","text":"<p>The <code>/proc</code> directory contains directories with numerical names. These directories are named after a program\u2019s process ID and contain information about that process. The owner and group of each process directory are set to the user running the process.</p> <p>Each <code>/proc/&lt;pid&gt;</code> directory contains several files including:</p> <ul> <li><code>cmdline</code>: The command issued when starting the process</li> <li><code>cwd</code>: A symbolic link to the current working directory for the process</li> <li><code>environ</code>: A list of the environment variables for the process</li> <li><code>exe</code>: A symbolic link to the executable of this process</li> <li><code>fd</code>: The directory containing all of the file descriptors for a particular process</li> <li><code>maps</code>: A list of memory maps to executables and library files associated with process</li> <li><code>mem</code>: The memory held by the process (the file cannot be read by the user)</li> <li><code>root</code>: A link to the root directory of the process</li> <li><code>stat</code>: The status of the process including run state and memory usage</li> <li><code>statm</code>: The status of the memory in use by the process</li> <li><code>status</code>: The status of the process in a more readable form than stat or statm</li> </ul>"},{"location":"linux/filesystem/procfs.html#other-directories-in-proc","title":"Other Directories in <code>/proc</code>","text":"<p>Other directories within the <code>/proc</code> directory group similar information by topic. The following is a partial list of these directories:</p> <ul> <li> <p><code>/proc/bus</code>: This directory contains information about the various buses available on the system.   The subdirectories and files available within /proc/bus vary depending on the devices connected to the system.</p> </li> <li> <p><code>/proc/bus/pci</code>, <code>/proc/bus/usb</code>: It's possible to get a list of all PCI and USB devices present on the system by using   the cat command on the devices file within these directories, but the output is difficult to read and interpret.   For a human-readable list of devices, run the <code>lspci</code> and <code>lsusb</code> commands.</p> </li> <li> <p><code>/proc/driver</code>: This directory contains information for specific drivers in use by the kernel.</p> </li> <li> <p><code>/proc/fs</code>: This directory shows which file systems are exported.</p> </li> <li> <p><code>/proc/irq</code>: This directory is used to set IRQ to CPU affinity, which allows the system to connect a particular IRQ to only one CPU.   Alternatively, it can exclude a CPU from handling any IRQs.</p> </li> <li> <p><code>/proc/self/net</code>: This directory provides a comprehensive look at various networking parameters and statistics.   Each directory and virtual file within this directory describes aspects of the system\u2019s network configuration.   The <code>/proc/net</code> file is a symbolic link to this directory.</p> </li> <li> <p><code>/proc/scsi</code>: The primary file in this directory is <code>/proc/scsi/scsi</code>, which contains a list of every recognized SCSI device.   From this listing, the type of device, as well as the model name, vendor, SCSI channel, and ID data is available.</p> </li> <li> <p><code>/proc/sys</code>: This directory is different from others in <code>/proc</code>, because it not only provides information about the system   but also allows to immediately enable and disable kernel features.   Changes made by writing to the files are not persistent and disappear when the system is restarted.   To make changes persist after rebooting, add them to the <code>/etc/sysctl.conf</code> file.</p> </li> <li> <p><code>/proc/sys/dev</code>: This directory provides parameters for particular devices on the system.</p> </li> <li> <p><code>/proc/sys/fs</code>: This directory contains options and information concerning various aspects of the file system, including quota, file handle, and inode information.</p> </li> <li> <p><code>/proc/sys/kernel</code>: This directory contains a variety of different configuration files that directly affect the operation of the kernel.</p> </li> <li> <p><code>/proc/sys/net</code>: This directory contains subdirectories concerning various networking topics.   Ir's possible to alter the files within these directories to adjust the network configuration on a running system.</p> </li> <li> <p><code>/proc/sysvipc</code>: This directory contains information about System V Interprocess Communication (IPC) resources.   The files in this directory relate to System V IPC calls for messages (msg), semaphores (sem), and shared memory (shm).</p> </li> <li> <p><code>/proc/tty</code>: This directory contains information about the available and currently used tty devices on the system.   The drivers file is a list of the current tty devices in use.</p> </li> </ul>"},{"location":"linux/filesystem/sysfs.html","title":"<code>/sys</code> Filesystem (<code>sysfs</code>)","text":""},{"location":"linux/filesystem/sysfs.html#sysfs-directories","title":"<code>sysfs</code> Directories","text":"<p>In addition to <code>/proc</code>, the kernel also exports information to another virtual file system called <code>sysfs</code>. <code>sysfs</code> is used by programs such as <code>udev</code> to access device and device driver information.</p>"},{"location":"linux/filesystem/sysfs.html#sysblock","title":"<code>/sys/block</code>","text":"<p>This directory contains entries for each block device in the system. Symbolic links point to the physical device that the device maps to in the physical device tree.</p> <p>For example, attributes for the sda disks reside in the <code>/sys/block/sda</code> directory.</p>"},{"location":"linux/filesystem/sysfs.html#sysbus","title":"<code>/sys/bus</code>","text":"<p>This directory contains subdirectories for each physical bus type supported in the kernel. Each bus type has two subdirectories: devices and drivers.  </p> <p>The devices directory lists devices discovered on that type of bus. The drivers directory contains directories for each device driver registered with the bus type. Driver parameters can be viewed and manipulated.</p>"},{"location":"linux/filesystem/sysfs.html#sysclass","title":"<code>/sys/class</code>","text":"<p>This directory contains every device class registered with the kernel. Device classes describe a functional type of device. Examples include input devices, network devices, and block devices.</p>"},{"location":"linux/filesystem/sysfs.html#sysdevices","title":"<code>/sys/devices</code>","text":"<p>This directory contains the global device hierarchy of all devices on the system. This directory also contains a platform directory and a system directory. </p> <p>The platform directory contains peripheral devices specific to a particular platform such as device controllers. The system directory contains non-peripheral devices such as CPUs and APICs.</p>"},{"location":"linux/filesystem/sysfs.html#sysfirmware","title":"<code>/sys/firmware</code>","text":"<p>This directory contains subdirectories with firmware objects and attributes.</p>"},{"location":"linux/filesystem/sysfs.html#sysmodule","title":"<code>/sys/module</code>","text":"<p>This directory contains subdirectories for each module that is loaded into the kernel.</p>"},{"location":"linux/filesystem/sysfs.html#syspower","title":"<code>/sys/power</code>","text":"<p>The system power state can be controlled from this directory. The disk attribute controls the method by which the system suspends to disk. The state attribute allows a process to enter a low power state.</p>"},{"location":"linux/init/open-rc.html","title":"OpenRC","text":"<p>OpenRC is a dependency-based init system for Unix-like systems that maintains compatibility with the system-provided init system, normally located in /sbin/init. OpenRC is Gentoo's native init system, although other init systems are available.</p> <p>OpenRC will start necessary system services in the correct order at boot, manage them while the system is in use, and stop them at shutdown. It can manage daemons installed from the Gentoo repository, can optionally supervise the processes it launches, and has an the possibility to start processes in parallel - when possible - to shorten boot time.</p>"},{"location":"linux/init/open-rc.html#runlevels-services","title":"Runlevels &amp; Services","text":"<p>OpenRC has a concept of runlevels. A runlevel is a collection of services that needs to be started. Instead of random numbers they are named, and users can create their own if needed.</p> <p>The <code>rc-status</code> helper will print all currently active runlevels and the state of services in them:</p> Bash<pre><code>Runlevel: default\n  modules                     [  started  ]\n  lvm                         [  started  ]\n</code></pre> <p>All runlevels are represented as folders in <code>/etc/runlevels/</code> with symlinks to the actual service scripts.</p> <p>Calling <code>openrc</code> with an argument will switch to that runlevel; this will start and stop services as needed.</p>"},{"location":"linux/init/open-rc.html#managing-runlevels","title":"Managing Runlevels","text":"<p>Managing runlevels is usually done through the <code>rc-update</code> helper, but could of course be done by hand if desired.</p> Bash<pre><code>rc-update add &lt;service&gt; &lt;runlevel&gt;\nrc-update del &lt;service&gt; &lt;runlevel&gt;\nrc-update show &lt;runlevel&gt;\n</code></pre> <p>The default startup uses the runlevels <code>sysinit</code>, <code>boot</code>, and <code>default</code>, in that order. Shutdown uses the <code>shutdown</code> runlevel.</p>"},{"location":"linux/init/open-rc.html#managing-services","title":"Managing Services","text":"<p>Any service can, at any time, be started/stopped/restarted by executing with the <code>rc-service</code> helper  someservice start, rc-service someservice stop, etc.</p> Bash<pre><code>rc-service &lt;service&gt; start\nrc-service &lt;service&gt; stop\nrc-service &lt;service&gt; restart\nrc-service &lt;service&gt; status\nrc-service &lt;service&gt; zap\n</code></pre> <p>Another, less preferred method, is to run the service script directly, e.g. /etc/init.d/service start, /etc/init.d/service stop, etc.</p> Bash<pre><code>/etc/init.d/&lt;service&gt; start\n/etc/init.d/&lt;service&gt; stop\n/etc/init.d/&lt;service&gt; restart\n/etc/init.d/&lt;service&gt; status\n/etc/init.d/&lt;service&gt; zap\n</code></pre> <p>There is a special command <code>zap</code> that makes OpenRC 'forget' that a service is started. This is mostly useful to reset a crashed service to stopped state without invoking the (possibly broken) stop function of the service script.</p> <p>Calling <code>openrc</code> without any arguments will try to reset all services so that the current runlevel is satisfied.</p>"},{"location":"linux/init/systemd.html","title":"Systemd","text":"<p>systemd is a suite of basic building blocks for a Linux system. It provides a system and service manager that runs as PID 1 and starts the rest of the system.</p> <p><code>systemd</code> provides aggressive parallelization capabilities, uses socket and D-Bus activation for starting services, offers on-demand starting of daemons, keeps track of processes using Linux control groups, maintains mount and automount points, and implements an elaborate transactional dependency-based service control logic.</p>"},{"location":"misc/git.html","title":"Git","text":"<p>Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.</p>"},{"location":"misc/git.html#terminology","title":"Terminology","text":"<p>Repository: collection of files (blobs) and directories (trees) managed by git Commit: snapshot of the entire repository and its metadata Head: pointer to the current commit Branch: timeline or collection of consecutive commits Remote: remote shared repository in which changes as synced Working Tree: current version of the repository on disk Index (Staging Area): collection of changes not yet committed Stash: collection of pseudo-commits not belonging to a specific branch</p>"},{"location":"misc/git.html#commands","title":"Commands","text":""},{"location":"misc/git.html#managing-configs","title":"Managing Configs","text":"<p>There are three git config sources/scopes:</p> <ol> <li>system: defined in git's installation folder and managed with <code>--system</code></li> <li>global: defined in <code>$HOME/.gitconfig</code> or <code>$XDG_CONFIG_HOME/git/config</code> and managed with <code>--global</code></li> <li>local: defined in <code>.git/config</code> and managed with <code>--local</code></li> </ol> <p>The applied config in each repository is the combination of all three scopes in order.</p> <p><code>git config [--&lt;scope&gt;] &lt;key&gt; &lt;value&gt;</code>: set git config key-value pair <code>git config [--&lt;scope&gt;] --unset &lt;key&gt;</code>: unset git config key-value pair <code>git config [--&lt;scope&gt;] --list</code>: list git config key-value pairs  </p>"},{"location":"misc/git.html#tracking-files-making-changes","title":"Tracking Files &amp; Making Changes","text":"<p><code>git status</code>: shows the status of changes as untracked, modified, or staged  </p> <p><code>git add &lt;files&gt;</code>: add files contents to the staging area <code>git add -u|--update &lt;files&gt;</code>: stage changes but ignore untracked files <code>git add -p|--patch &lt;files&gt;</code>: interactively stage chunks of files  </p> <p><code>git restore .</code>: discard uncommitted changes <code>git restore &lt;file&gt;</code>: discard uncommitted changes to file <code>git restore --staged</code>: discard changes made to a file <code>git restore --staged --worktree</code>: unstage and discard changes made to a file <code>git restore -p|--patch</code>: interactively unstage chunks of files  </p> <p><code>git commit</code>: save the snapshot to the project history <code>git commit -m|--message \"message\"</code>: commit and provide a message <code>git commit -a|--all</code>: automatically notice any modified (but not new) files and commit <code>git commit -v|--verbose</code>: show unified diff between the HEAD commit and what would be committed <code>git commit --amend</code>: modify latest commit with the new changes <code>git commit --no-verify</code>: commit without executing hooks <code>git commit --fixup &lt;commit&gt;</code>: mark commit as correction to another <code>git commit -s|--signoff</code>: Add a <code>Signed-off-by</code> trailer by the committer at the end of the commit log message  </p>"},{"location":"misc/git.html#managing-stashes","title":"Managing Stashes","text":"<p><code>git stash [push] [-m|--message]</code>: add all changes to the stash (and provide message) <code>git stash [push] -k|--keep-index</code>: create a stash but leave files as they are <code>git stash list</code> list all stashes <code>git stash show [&lt;stash&gt;]</code>: show changes in the stash <code>git stash pop</code>: restore last stash <code>git stash drop [&lt;stash&gt;]</code>: remove a stash from the list <code>git stash clear</code>: remove all stashes  </p>"},{"location":"misc/git.html#managing-remotes","title":"Managing Remotes","text":"<p><code>git remote</code>: list remotes <code>git remote -v|--verbose</code>: list remotes names and URLs <code>git remote show &lt;remote&gt;</code>: inspect the remote  </p> <p><code>git remote add &lt;remote&gt; &lt;url | path&gt;</code>: add a remote <code>git remote remove &lt;remote&gt;</code>: remove the specified remote <code>git remote rename &lt;old_name&gt; &lt;new_name&gt;</code>: rename a remote <code>git remote set-url &lt;name&gt; &lt;url&gt;</code>: change the URL for the remote <code>git remote set-url --add &lt;name&gt; &lt;url&gt;</code>: add another URL for the remote <code>git remote set-url --add --push &lt;name&gt; &lt;url&gt;</code>: add another push URL for the remote <code>git remote set-url &lt;name&gt; &lt;url&gt;</code>: change the URL for rhe remote <code>git branch -u|--set-upstream-to=&lt;remote&gt;/&lt;remote branch&gt;</code>: set up correspondence between local and remote branch  </p> <p><code>git push</code>: send objects to default remote on current branch <code>git push &lt;remote&gt; &lt;branch&gt;</code>: send objects to remote <code>git push &lt;remote&gt; &lt;local branch&gt;:&lt;remote branch&gt;</code>: send objects to remote, and update remote reference  </p> <p><code>git push -f|--force</code>: overwrite remote with local version <code>git push --force-with-lease</code>: overwrite remote with local version if remote has not been modified <code>git push --force-with-lease --force-if--includes</code>: will verify if updates from the remote that may have been implicitly updated in the background are integrated locally before allowing a forced update  </p> <p><code>git fetch [&lt;remote&gt;]</code>: retrieve objects/references from a remote <code>git pull</code>: incorporate remote changes by merging, same as <code>git fetch; git merge</code> <code>git pull --rebase</code>: incorporate remote changes by rebasing <code>git pull --ff</code>: fast-forward (only update branch tip) remote changes, merge if not possible <code>git pull --ff-only</code>: fast-forward (only update branch tip) remote changes, error if not possible  </p> <p><code>git fetch|pull -p|--prune</code>: remove any remote-tracking references that no longer exist on the remote <code>git fetch|pull -t|--tags</code>: retrieve all tags from the remote</p> <p><code>git clone &lt;url&gt; [&lt;folder_name&gt;]</code>: download repository and repo history from remote <code>git clone --shallow</code>: clone only repo files, not history of commits <code>git clone --depth &lt;depth&gt;</code>: clone only last <code>&lt;depth&gt;</code> commits  </p> <p>Note: for a in depth explanation of <code>--force-if-includes</code> see this</p>"},{"location":"misc/git.html#viewing-project-history","title":"Viewing Project History","text":"<p><code>git log [&lt;rev&gt;]</code>: show history of changes <code>git log -p|--patch</code>: show history of changes and complete differences <code>git log --stat --summary</code>: show overview of the change <code>git log --follow &lt;file&gt;</code>: list version history fo file, including renames <code>git log --all --graph --decorate</code>: visualizes history as a DAG <code>git log --oneline</code>: compact log  </p> <p><code>git log -S&lt;string&gt;</code>: Look for diffs that change the number of occurrences of the specified <code>&lt;string&gt;</code> <code>git log -G&lt;regex&gt;</code>: Look for diffs whose patch text contains added/removed lines that match <code>&lt;regex&gt;</code> </p> <p><code>git log -L &lt;start&gt;,&lt;end&gt;:&lt;file&gt;</code>: Trace the evolution of the line range given by <code>&lt;start&gt;,&lt;end&gt;</code>, within the <code>&lt;file&gt;</code> <code>git log -L /&lt;regex&gt;/:&lt;file&gt;</code>: Trace the evolution of the line range given by the function name regex <code>&lt;regex&gt;</code>, within the <code>&lt;file&gt;</code> </p> <p><code>git shortlog</code>: list commits by author <code>git reflog [&lt;rev&gt;]</code>: show record of when the tips of branches and other references were updated in the local repository  </p> <p><code>git show &lt;commit&gt;</code>: show commit metadata and content <code>git show --stat &lt;commit&gt;</code>: show number of changes in commit  </p> <p><code>git blame &lt;file&gt;</code>: show who last edited which line <code>git blame -L &lt;start&gt;,&lt;end&gt; -- &lt;file&gt;</code>: Annotate only the line range given by <code>&lt;start&gt;,&lt;end&gt;</code>, within the <code>&lt;file&gt;</code> <code>git blame -L /&lt;regex&gt;/ -- &lt;file&gt;</code>: Annotate only the range given by the function name regex <code>&lt;regex&gt;</code>, within the <code>&lt;file&gt;</code> <code>git blame -w</code>: Ignore whitespace when comparing the parent\u2019s version and the child\u2019s to find where the lines came from <code>git blame -M</code>: Detect moved or copied lines within a file. <code>git blame -M -C [-C -C]</code>: Detect moved or copied lines within a file (<code>-M</code>), from all modified files in the same commit (<code>-C</code>), in the commit that created the file (<code>-C -C</code>), in all commits (<code>-C -C -C</code>)  </p> <p><code>git diff &lt;filename&gt;</code>: show difference since the last commit <code>git diff &lt;commit&gt; &lt;filename&gt;</code>: show differences in a file since a particular snapshot <code>git diff &lt;reference_1&gt; &lt;reference_2&gt; &lt;filename&gt;</code>: show differences in a file between two snapshots <code>git diff  --staged</code>: show what is about to be committed <code>git diff &lt;first-branch&gt;...&lt;second-branch&gt;</code>: show content diff between two branches <code>git diff -w|--ignore-all-space</code>: show diff ignoring whitespace differences <code>git diff --word-diff</code>: show diff word-by-word instead of line-wise  </p> <p><code>git bisect start</code>: start binary search through commit history, to find the first \"bad\" commit <code>git bisect good</code>: mark current commit as \"good\" <code>git bisect bad</code>: mark current commit as \"bad\" <code>git bisect reset</code>: conclude search and restore HEAD  </p>"},{"location":"misc/git.html#managing-tags","title":"Managing Tags","text":"<p>Git supports two types of tags: lightweight and annotated.  </p> <p>A lightweight tag is very much like a branch that doesn't change: it's just a pointer to a specific commit.  </p> <p>Annotated tags, however, are stored as full objects in the Git database. They're checksummed; contain the tagger name, email, and date; have a tagging message; and can be signed. It's generally recommended creating annotated tags so it's possible to have all this information.  </p> <p><code>git tag</code>: list existing tags <code>git tag -l|--list &lt;pattern&gt;</code>: list existing tags matching a wildcard or pattern  </p> <p><code>git tag &lt;tag&gt; [&lt;commit_hash&gt;]</code>: create a lightweight tag on the commit <code>git tag -a|--annotate &lt;tag&gt; [&lt;commit_hash&gt; -m &lt;message&gt;]</code>: create am annotated tag on the commit <code>git tag -f|--force &lt;tag&gt; [&lt;commit_hash&gt;]</code>: update a tag if it exists <code>git tag -s|--sign &lt;tag&gt; [&lt;commit_hash&gt;]</code>: sign a tag  </p> <p><code>git push &lt;remote&gt; &lt;tagname&gt;</code>: push a tag to the remote <code>git push &lt;remote&gt; --tags</code>: push commits and their tags (both types) to the remote  </p> <p><code>git tag -d|--delete &lt;tagname&gt;</code>: delete a tag <code>git push &lt;remote&gt; :refs/tags&lt;tagname&gt;:</code>: remove a tag from the remote <code>git push &lt;remote&gt; --delete &lt;tagname&gt;</code>: remove a tag from the remote  </p> <p><code>git switch &lt;tag&gt;</code>: checkout a tag - WARNING: will go into detached HEAD </p>"},{"location":"misc/git.html#branching-and-merging","title":"Branching And Merging","text":"<p><code>git branch</code>: shows branches <code>git branch -vv</code>: show branch + last commit + remote status <code>git branch --merged [--remote]</code>: show branches (remote) that have been merged into current one (needs same history, merge squash/rebase break history) <code>git branch</code>: show list of all existing branches  (* indicates current) <code>git branch &lt;branch-name&gt;</code>: create new branch <code>git branch -d|--delete &lt;branch-name&gt;</code>: delete specified branch <code>git branch -m|--move &lt;old_name&gt; &lt;new_name&gt;</code>: rename a branch without affecting the branch's history <code>git switch -c|--create &lt;branch-name&gt;</code>: create a new branch and switch to it <code>git switch --orphan &lt;branch-name&gt;</code>: create an new un-rooted branch from scratch <code>git switch &lt;branch-name&gt;</code>: change current branch (update HEAD) and update working directory  </p> <p><code>git merge &lt;branch-name&gt;</code>: merges into current branch <code>git merge --continue</code>: continue previous merge after solving a merge conflict <code>git rebase &lt;branch&gt;</code>: rebase current branch commits onto another branch <code>git rebase --onto &lt;new-base&gt; &lt;old-base&gt;</code>: rebase a slice of commits from <code>&lt;old-base&gt;</code> onto <code>&lt;new-base&gt;</code> <code>git rebase --onto &lt;new-base&gt; --root &lt;old-base&gt;</code>: rebase a slice of commits from <code>&lt;old-base&gt;</code> onto <code>&lt;new-base&gt;</code>, including the root commit  </p> <p><code>git cherry-pick &lt;commit&gt;</code>: bring in a commit from another branch <code>git cherry-pick &lt;commit&gt;..&lt;commit&gt;</code>: bring in a range of commits from another branch (first excluded) <code>git cherry-pick &lt;commit&gt;^..&lt;commit&gt;</code>: bring in a range of commits from another branch (first included)  </p>"},{"location":"misc/git.html#worktrees","title":"Worktrees","text":"<p>A git repository can support multiple working trees, allowing to check out more than one branch at a time.</p> <p>Additional worktrees are called \"linked worktrees\" as opposed to the \"main worktree\" prepared by <code>git init</code> or <code>git clone</code>. A repository has one main worktree (if it\u2019s not a bare repository) and zero or more linked worktrees.</p> <p><code>git worktree list</code>: show worktrees <code>git worktree add &lt;path&gt; &lt;commit&gt;</code>: create worktree at <code>&lt;path&gt;</code> and checkout <code>&lt;commit&gt;</code> <code>git worktree add -b &lt;branch&gt; &lt;path&gt; &lt;commit&gt;</code>: create worktree and branch at <code>&lt;path&gt;</code> <code>git worktree remove &lt;worktree&gt;</code>: remove a worktree  </p>"},{"location":"misc/git.html#rewriting-history","title":"Rewriting History","text":"<p><code>git commit --amend</code>: replace last commit by creating a new one (can add files or rewrite commit message) <code>git commit --amend -m \"amended message\"</code>: replace last commit by creating a new one (can add files or rewrite commit message) <code>git commit --amend  --no-edit</code>: replace last commit by creating a new one (can add files or rewrite commit message)  </p> <p><code>git reset &lt;commit&gt;</code>: revert to specific commit but keep changes <code>git reset --soft &lt;commit&gt;</code>: revert to specific commit but keep changes and staged files <code>git reset --hard &lt;commit&gt;</code>: revert to specific commit and discard changes <code>git reset &lt;commit&gt; &lt;file&gt;</code>: revert <code>&lt;file&gt;</code> to specific commit  </p> <p><code>git clean</code>: remove untracked files form the working tree <code>git clean -d</code>: remove untracked files recursively <code>git clean --interactive</code>: remove untracked files interactively  </p> <p><code>git restore --source &lt;commit&gt; &lt;file&gt;</code>: revert file to commit version <code>git restore &lt;deleted-file&gt;</code>: recover deleted file if previously committed  </p> <p><code>git rebase -i|--interactive</code>: modify (reword, edit, drop, squash, merge, ...) current branch commits <code>git rebase -i|--interactive HEAD~&lt;n&gt;</code>: modify (reword, edit, drop, squash, merge, ...) n commits <code>git rebase -i|--interactive &lt;commit&gt;</code>: modify (reword, edit, drop, squash, merge, ...) from commit to latest <code>git rebase --autostash</code>: automatically create a temporary stash entry before rebasing <code>git rebase --autosquash</code>: automatically apply \"squash!\" or \"fixup!\" or \"amend!\" commits  </p>"},{"location":"misc/git.html#git-revisions","title":"Git Revisions","text":""},{"location":"misc/git.html#specifying-revisions","title":"Specifying Revisions","text":"<p>A revision parameter <code>&lt;rev&gt;</code> can take one of these forms:</p> <ul> <li><code>&lt;sha&gt;</code>: full or short sha of the object.</li> <li><code>&lt;refname&gt;</code>: a named object reference. One of:<ul> <li><code>refs/&lt;refname&gt;</code></li> <li><code>refs/tags/&lt;refname&gt;</code></li> <li><code>refs/heads/&lt;refname&gt;</code></li> <li><code>refs/remotes/&lt;refname&gt;</code></li> <li><code>refs/remotes/&lt;refname&gt;</code></li> <li><code>HEAD</code> or <code>*_HEAD</code></li> </ul> </li> <li><code>[&lt;refname&gt;]@{&lt;date&gt;}</code>: a revision at a specific point in time.</li> <li><code>[&lt;refname&gt;]@{n}</code>: <code>n</code>th prior value of a <code>&lt;refname&gt;</code>.</li> <li><code>@{-n}</code>: <code>&lt;n&gt;</code>th branch/commit checked out before the current one.</li> <li><code>&lt;rev&gt;^</code>: first parent of <code>&lt;rev&gt;</code>.</li> <li><code>&lt;rev&gt;~[&lt;n&gt;]</code>: <code>n</code>th parent of <code>&lt;rev&gt;</code></li> </ul>"},{"location":"misc/git.html#specifying-ranges","title":"Specifying Ranges","text":"<p>A revision range can take one of these forms:</p> <ul> <li><code>&lt;rev&gt;</code>: Include commits that are reachable from <code>&lt;rev&gt;</code> (<code>&lt;rev&gt;</code> and its ancestors).</li> <li><code>^&lt;rev&gt;</code>: Exclude commits that are reachable from <code>&lt;rev&gt;</code> (<code>&lt;rev&gt;</code> and its ancestors).</li> <li><code>&lt;rev1&gt;..&lt;rev2&gt;</code>: Include commits that are reachable from <code>&lt;rev2&gt;</code> but exclude those that are reachable from <code>&lt;rev1&gt;</code>.</li> <li><code>&lt;rev1&gt;...&lt;rev2&gt;</code>: Include commits that are reachable from either  or  but exclude those that are reachable from both. <code>&lt;rev&gt;^@</code>: A suffix <code>^</code> followed by <code>@</code> is the same as listing all parents of <code>&lt;rev&gt;</code> (meaning, include anything reachable from its parents, but not the commit itself). <code>&lt;rev&gt;^!</code>: A suffix <code>^</code> followed by <code>!</code> is the same as giving commit <code>&lt;rev&gt;</code> and all its parents prefixed with <code>^</code> to exclude them (and their ancestors). <code>&lt;rev&gt;^-&lt;n&gt;</code>: Equivalent to <code>&lt;rev&gt;^&lt;n&gt;..&lt;rev&gt;</code>, with <code>&lt;n&gt; = 1</code> if not given."},{"location":"misc/graph-ql.html","title":"GraphQL","text":"<p>How to GraphQL - The Fullstack Tutorial for GraphQL</p> <p>GraphQL is a query language for APIa, and a server-side runtime for executing queries by using a type system for the data. GraphQL isn't tied to any specific database or storage engine and is instead backed by existing code and data.</p> <p>A GraphQL service is created by defining types and fields on those types, then providing functions for each field on each type.</p>"},{"location":"misc/graph-ql.html#schema-and-types","title":"Schema and Types","text":""},{"location":"misc/graph-ql.html#object-types-and-fields","title":"Object types and fields","text":"<p>The most basic components of a GraphQL schema are object types, which just represent a kind of object fetchable from the service, and what fields it has.</p> GraphQL<pre><code>type Type {\n  field: Type\n  field: Type!  # non-nullable type\n  field: [Type]  # array of objects\n  field: [Type!]!  # non-nullable array of non-nullable objects\n}\n</code></pre>"},{"location":"misc/graph-ql.html#field-arguments","title":"Field Arguments","text":"<p>Every field on a GraphQL object type can have zero or more arguments. All arguments are named.</p> <p>Arguments can be either required or optional. When an argument is optional, it's possible to define a default value.</p> GraphQL<pre><code>type Type {\n  field: Type,\n  field(namedArg: Type = defaultValue): Type\n}\n</code></pre>"},{"location":"misc/graph-ql.html#query-and-mutation-types","title":"Query and Mutation types","text":"<p>Every GraphQL service has a <code>query</code> type and may or may not have a <code>mutation</code> type. These types are the same as a regular object type, but they are special because they define the entry point of every GraphQL query.</p>"},{"location":"misc/graph-ql.html#scalar-types","title":"Scalar Types","text":"<p>A GraphQL object type has a name and fields, but at some point those fields have to resolve to some concrete data. That's where the scalar types come in: they represent the leaves of the query. Scalar types do not have sub-types and fields.</p> <p>GraphQL comes with a set of default scalar types out of the box:</p> <ul> <li><code>Int</code>: A signed 32\u2010bit integer.</li> <li><code>Float</code>: A signed double-precision floating-point value.</li> <li><code>String</code>: A UTF\u20108 character sequence.</li> <li><code>Boolean</code>: <code>true</code> or <code>false</code>.</li> <li><code>ID</code>: The ID scalar type represents a unique identifier, often used to refetch an object or as the key for a cache. The ID type is serialized in the same way as a <code>String</code>; however, defining it as an <code>ID</code> signifies that it is not intended to be human\u2010readable.</li> </ul> <p>In most GraphQL service implementations, there is also a way to specify custom scalar types.</p> GraphQL<pre><code>scalar ScalarType\n</code></pre> <p>Then it's up to the implementation to define how that type should be serialized, deserialized, and validated.</p>"},{"location":"misc/graph-ql.html#enumeration-types","title":"Enumeration Types","text":"<p>Also called Enums, enumeration types are a special kind of scalar that is restricted to a particular set of allowed values.</p> <p>This allows to:</p> <ol> <li>Validate that any arguments of this type are one of the allowed values</li> <li>Communicate through the type system that a field will always be one of a finite set of values</li> </ol> GraphQL<pre><code>enum Type{\n  VALUE,\n  VALUE,\n    ...\n}\n</code></pre> <p>Note: GraphQL service implementations in various languages will have their own language-specific way to deal with enums. In languages that support enums as a first-class citizen, the implementation might take advantage of that; in a language like JavaScript with no enum support, these values might be internally mapped to a set of integers. However, these details don't leak out to the client, which can operate entirely in terms of the string names of the enum values.</p>"},{"location":"misc/graph-ql.html#lists-and-non-null","title":"Lists and Non-Null","text":"<p>Object types, scalars, and enums are the only kinds of types that can be defined in GraphQL. But when used in other parts of the schema, or in the query variable declarations, it's possible apply additional type modifiers that affect validation of those values.</p> <p>It's possible to mark a field as Non-Null by adding an exclamation mark, <code>!</code> after the type name. This means that the server always expects to return a non-null value for this field, and if it ends up getting a null value that will actually trigger a GraphQL execution error, letting the client know that something has gone wrong.</p> <p>The Non-Null type modifier can also be used when defining arguments for a field, which will cause the GraphQL server to return a validation error if a null value is passed as that argument, whether in the GraphQL string or in the variables.</p> <p>It's possible to use a type modifier to mark a type as a <code>List</code>, which indicates that this field will return an array of that type. In the schema language, this is denoted by wrapping the type in square brackets, <code>[</code> and <code>]</code>. It works the same for arguments, where the validation step will expect an array for that value.</p>"},{"location":"misc/graph-ql.html#interfaces","title":"Interfaces","text":"<p>Like many type systems, GraphQL supports interfaces. An Interface is an abstract type that includes a certain set of fields that a type must include to implement the interface.</p> <p>Interfaces are useful when returning an object or set of objects, but those might be of several different types.</p> GraphQL<pre><code>interface Interface {\n  fieldA: TypeA\n  fieldB: TypeB\n}\n\ntype Type implements Interface {\n  fieldA: TypeA,\n  fieldB: TypeB\n  field: Type,\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#union-type","title":"Union Type","text":"<p>Interfaces are useful when returning an object or set of objects, but those might be of several different types.</p> GraphQL<pre><code>union Union = TypeA | TypeB | TypeC\n</code></pre> <p>Note: members of a union type need to be concrete object types; it's not possible to create a union type out of interfaces or other unions.</p>"},{"location":"misc/graph-ql.html#input-type","title":"Input Type","text":"<p>In the GraphQL schema language, input types look exactly the same as regular object types, but with the keyword input instead of type:</p> GraphQL<pre><code>input Input {\n  field: Type,\n  ...\n}\n</code></pre> <p>The fields on an input object type can themselves refer to input object types, but it's not possible to mix input and output types in the schema. Input object types also can't have arguments on their fields.</p>"},{"location":"misc/graph-ql.html#queries-mutations-and-subscriptions","title":"Queries, Mutations and Subscriptions","text":""},{"location":"misc/graph-ql.html#simple-query","title":"Simple Query","text":"GraphQL<pre><code>{\n  field {  # root field\n    ...  # payload\n  }\n}\n</code></pre> JSON<pre><code>{\n  \"data\" : {\n    \"field\": {\n  ...\n    }\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#query-arguments","title":"Query Arguments","text":"<p>In a system like REST, it's possible to only pass a single set of arguments - the query parameters and URL segments in your request.</p> <p>But in GraphQL, every field and nested object can get its own set of arguments, making GraphQL a complete replacement for making multiple API fetches.</p> <p>It's aldo possible to pass arguments into scalar fields, to implement data transformations once on the server, instead of on every client separately.</p> GraphQL<pre><code>{\n  fieldA(arg: value)  # filter results\n  fieldB(arg: value)\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#aliases","title":"Aliases","text":"GraphQL<pre><code>{\n  aliasA: field(arg: valueA) {\n    field\n  }\n  aliasB: field(arg: valueB) {\n    field\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#fragments","title":"Fragments","text":"<p>Fragments allow to construct sets of fields, and then include them in queries where that are needed. The concept of fragments is frequently used to split complicated application data requirements into smaller chunks.</p> GraphQL<pre><code>{\n  aliasA: field(arg: valueA) {\n    ...fragment\n  },\n  aliasB: field(arg: valueB) {\n    ...fragment\n  }\n}\n\n# define a set of fields to be retrieved \nfragment fragment on Type {\n  field\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#using-variables-inside-fragments","title":"Using variables inside fragments","text":"<p>It is possible for fragments to access variables declared in the query or mutation.</p> GraphQL<pre><code>query Query($var: Type = value) {\n    aliasA: field(arg: valueA) {\n  ...fragment\n    }\n    aliasB: field(arg: valueB) {\n  ...fragment\n    }\n}\n\nfragment fragment on Type{\n    field\n    field(arg: $var) {\n  field\n    ...\n  }\n    }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#operation-name","title":"Operation Name","text":"<p>The operation type is either <code>query</code>, <code>mutation</code>, or <code>subscription</code> and describes what type of operation it's intended to be done. The operation type is required unless when using the query shorthand syntax, in which case it's not possible to supply a name or variable definitions for the operation.</p> <p>The operation name is a meaningful and explicit name for the operation. It is only required in multi-operation documents, but its use is encouraged because it is very helpful for debugging and server-side logging. When something goes wrong it is easier to identify a query in the codebase by name instead of trying to decipher the contents.</p> GraphQL<pre><code>query Operation {\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#variables","title":"Variables","text":"<p>When  working with variables, three things need to be done:</p> <ol> <li>Replace the static value in the query with <code>$variableName</code></li> <li>Declare <code>$variableName</code> as one of the variables accepted by the query</li> <li>Pass <code>variableName: value</code> in the separate, transport-specific (usually JSON) variables dictionary</li> </ol> GraphQL<pre><code>query Operation($var: Type = defaultValue) {\n  field(arg: $var) {\n    field\n    ...\n  }\n}\n</code></pre> <p>All declared variables must be either scalars, enums, or input object types. So to pass a complex object into a field, the input type that matches on the server must be known.</p> <p>Variable definitions can be optional or required.  If the field requires a non-null argument, then the variable has to be required as well.</p> <p>Default values can also be assigned to the variables in the query by adding the default value after the type declaration. When default values are provided for all variables, it's possible to call the query without passing any variables. If any variables are passed as part of the variables dictionary, they will override the defaults.</p>"},{"location":"misc/graph-ql.html#directives","title":"Directives","text":"<p>A directive can be attached to a field or fragment inclusion, and can affect execution of the query in any way the server desires.</p> <p>The core GraphQL specification includes exactly two directives, which must be supported by any spec-compliant GraphQL server implementation:</p> <ul> <li><code>@include(if: Boolean)</code> Only include this field in the result if the argument is <code>true</code>.</li> <li><code>@skip(if: Boolean)</code> Skip this field if the argument is <code>true</code>.</li> </ul> <p>Server implementations may also add experimental features by defining completely new directives.</p>"},{"location":"misc/graph-ql.html#mutations","title":"Mutations","text":"<p>Operations of mutations:</p> <ul> <li>Creating new data</li> <li>Updating existing data</li> <li>Deleting existing data</li> </ul> GraphQL<pre><code>mutation Operation {\n  createObject(arg: value, ...) {\n    field\n    ..\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#subscriptions","title":"Subscriptions","text":"<p>Open a stable connection with the server to receive real-time updates on the operations happening.</p> GraphQL<pre><code>subscription Operation {\n  event {  # get notified when event happens\n    field  # data received on notification\n    ...\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#inline-fragments","title":"Inline Fragments","text":"<p>If you are querying a field that returns an interface or a union type, you will need to use inline fragments to access data on the underlying concrete type. Named fragments can also be used in the same way, since a named fragment always has a type attached.</p> GraphQL<pre><code>query Operation($var: Type) {\n    field(arg: $var) {  # interface of union\n  field\n  ... on ConcreteTypeA {\n    fieldA\n  }\n  ... on ConcreteTypeB{\n    fieldB\n  }\n    }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#meta-fields","title":"Meta Fields","text":"<p>GraphQL allows to request <code>__typename</code>, a meta field, at any point in a query to get the name of the object type at that point.</p> GraphQL<pre><code>{\n    field(arg: value) {\n  __typename\n  ... on Type {\n    field\n  }\n    }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#execution","title":"Execution","text":"<p>After being validated, a GraphQL query is executed by a GraphQL server which returns a result that mirrors the shape of the requested query, typically as JSON.</p> <p>Each field on each type is backed by a function called the resolver which is provided by the GraphQL server developer. When a field is executed, the corresponding resolver is called to produce the next value.</p> <p>If a field produces a scalar value like a string or number, then the execution completes. However if a field produces an object value then the query will contain another selection of fields which apply to that object. This continues until scalar values are reached. GraphQL queries always end at scalar values.</p>"},{"location":"misc/graph-ql.html#root-fields-and-resolvers","title":"Root fields and Resolvers","text":"<p>At the top level of every GraphQL server is a type that represents all of the possible entry points into the GraphQL API, it's often called the Root type or the Query type.</p> GraphQL<pre><code># root types for entry-points\n\ntype Query {\n  rootField(arg: Type = defValue, ...): Type\n  ...  # other query entry points\n}\n\ntype Mutation {\n  rootField(arg: Type = defValue, ...): Type\n  ...  # other mutation entry points\n}\n\ntype Subscription {\n  rootField(arg: Type = defValue, ...): Type\n  ...  # other subscription entry points\n}\n</code></pre> <p>A resolver function receives four arguments:</p> <ul> <li><code>obj</code> The previous object, which for a field on the root Query type is often not used.</li> <li><code>args</code> The arguments provided to the field in the GraphQL query.</li> <li><code>context</code> A value which is provided to every resolver and holds important contextual information like the currently logged in user, or access to a database.</li> <li><code>info</code> A value which holds field-specific information relevant to the current query as well as the schema details</li> </ul>"},{"location":"misc/regular-expressions.html","title":"Common Regex Syntax","text":"<p>A regular expression is a pattern that the regular expression engine attempts to match in input text. A pattern consists of one or more character literals, operators, or constructs.</p>"},{"location":"misc/regular-expressions.html#character-classes","title":"Character Classes","text":"<p>A character class matches any one of a set of characters.</p> <ul> <li><code>[character_group]</code>:: matches any single character in character_group.</li> <li><code>[^character_group]</code>: matches any single character not in character_group.</li> <li><code>[first-last]</code>: matches any single character in range from first to last.</li> <li><code>.</code>: matches any single character except <code>\\n</code>.</li> <li><code>\\p{name}</code>: matches any single character in the Unicode general category or named block specified by name.</li> <li><code>\\P{name}</code>: matches any single character not in the Unicode general category or named block specified by name.</li> <li><code>\\w</code>: matches any word character.</li> <li><code>\\W</code>: matches any non word character.</li> <li><code>\\s</code>: matches any whitespace character.</li> <li><code>\\S</code>: matches any non whitespace character.</li> <li><code>\\d</code>: matches any decimal digit.</li> <li><code>\\D</code>: matches any character other than a decimal digit.</li> </ul> <p>Note: <code>^</code>, <code>\\</code>, <code>-</code> and <code>]</code> must be escaped to be used in ranges. (<code>[ \\] \\[ \\^ \\- ]</code>)</p>"},{"location":"misc/regular-expressions.html#anchors","title":"Anchors","text":"<p>Anchors, or atomic zero-width assertions, cause a match to succeed or fail depending on the current position in the string, but they do not cause the engine to advance through the string or consume characters.</p> <ul> <li><code>^</code>: The match must be at the start of a string/line.</li> <li><code>$</code>: The match must be at the end of a string/line.</li> <li><code>\\A</code>: The match must occur at the start of the string.</li> <li><code>\\Z</code>: The match must occur at the end of the string or before <code>\\n</code> at the end of the string.</li> <li><code>\\z</code>: The match must occur at the end of the string.</li> <li><code>\\G</code>: The match must occur at the point where the previous match ended, or if there was no previous match, at the position in the string where matching started.</li> <li><code>\\b</code>: The match must occur on a boundary between a <code>\\w</code> (alphanumeric) and a <code>\\W</code> (non-alphanumeric) character.</li> <li><code>\\B</code>: The match must not occur on a <code>\\b</code> boundary.</li> </ul>"},{"location":"misc/regular-expressions.html#grouping-constructs","title":"Grouping Constructs","text":"<p>Grouping constructs delineate subexpressions of a regular expression and typically capture substrings of an input string.</p>"},{"location":"misc/regular-expressions.html#subexpressions","title":"Subexpressions","text":"Regex Syntax<pre><code>(subexpression)\n</code></pre> <p>The subexpression is any valid regular expression pattern.</p> <p>Captures that use parentheses are numbered automatically from left to right based on the order of the opening parentheses in the regular expression, starting from <code>1</code>. The capture that's numbered <code>0</code> is the text matched by the entire regular expression pattern.</p> <p>Note: named capture groups are always ordered last, after non-named capture groups.</p> <p>It's possible to access the captured group in the following ways:</p> <ul> <li> <p>By using the backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\number</code>, where number is the ordinal number of the captured subexpression.</p> </li> <li> <p>By using the named backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\k&lt;name&gt;</code>, where name is the name of a capturing group, or <code>\\k&lt;number&gt;</code>, where number is the ordinal number of a capturing group.</p> <p>A capturing group has a default name that is identical to its ordinal number. For more information, see Named matched subexpressions later in this topic.</p> </li> <li> <p>By using the <code>$number</code> replacement sequence where number is the ordinal number of the captured subexpression.</p> </li> </ul>"},{"location":"misc/regular-expressions.html#named-subexpressions","title":"Named Subexpressions","text":"Regex Syntax<pre><code>(?&lt;name&gt; subexpression)\n(?'name' subexpression)\n</code></pre> <p>THe name is a valid group name, and subexpression is any valid regular expression pattern. name must not contain any punctuation characters and cannot begin with a number.</p> <p>It's possible to access the named captured group in the following ways:</p> <ul> <li> <p>By using the named backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\k&lt;name&gt;</code>, where name is the name of the captured subexpression.</p> </li> <li> <p>By using the backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\number</code>, where number is the ordinal number of the captured subexpression.</p> <p>Named matched subexpressions are numbered consecutively from left to right after matched subexpressions.</p> </li> <li> <p>By using the <code>${name}</code> replacement sequence where name is the name of the captured subexpression.</p> </li> <li>By using the <code>$number</code> replacement sequence where number is the ordinal number of the captured subexpression.</li> </ul>"},{"location":"misc/regular-expressions.html#noncapturing-groups","title":"Noncapturing groups","text":"Regex Syntax<pre><code>(?:subexpression)\n</code></pre> <p>The subexpression is any valid regular expression pattern. The noncapturing group construct is typically used when a quantifier is applied to a group, but the substrings captured by the group are of no interest.</p>"},{"location":"misc/regular-expressions.html#zero-width-positive-lookahead-assertions","title":"Zero-width positive lookahead assertions","text":"Regex Syntax<pre><code>(?= subexpression)\n</code></pre> <p>The subexpression is any regular expression pattern. For a match to be successful, the input string must match the regular expression pattern in subexpression, although the matched substring is not included in the match result. A zero-width positive lookahead assertion does not backtrack.</p> <p>Typically, a zero-width positive lookahead assertion is found at the end of a regular expression pattern. It defines a substring that must be found at the end of a string for a match to occur but that should not be included in the match. It is also useful for preventing excessive backtracking.</p> <p>It's possible to use a zero-width positive lookahead assertion to ensure that a particular captured group begins with text that matches a subset of the pattern defined for that captured group.</p>"},{"location":"misc/regular-expressions.html#zero-width-negative-lookahead-assertions","title":"Zero-width negative lookahead assertions","text":"Regex Syntax<pre><code>(?! subexpression)\n</code></pre> <p>The subexpression is any regular expression pattern. For the match to be successful, the input string must not match the regular expression pattern in subexpression, although the matched string is not included in the match result.</p> <p>A zero-width negative lookahead assertion is typically used either at the beginning or at the end of a regular expression. At the beginning of a regular expression, it can define a specific pattern that should not be matched when the beginning of the regular expression defines a similar but more general pattern to be matched. In this case, it is often used to limit backtracking. At the end of a regular expression, it can define a subexpression that cannot occur at the end of a match.</p>"},{"location":"misc/regular-expressions.html#zero-width-positive-lookbehind-assertions","title":"Zero-width positive lookbehind assertions","text":"Regex Syntax<pre><code>(?&lt;= subexpression)\n</code></pre> <p>The subexpression is any regular expression pattern. For a match to be successful, subexpression must occur at the input string to the left of the current position, although subexpression is not included in the match result. A zero-width positive lookbehind assertion does not backtrack.</p> <p>Zero-width positive lookbehind assertions are typically used at the beginning of regular expressions. The pattern that they define is a precondition for a match, although it is not a part of the match result.</p>"},{"location":"misc/regular-expressions.html#zero-width-negative-lookbehind-assertions","title":"Zero-width negative lookbehind assertions","text":"Regex Syntax<pre><code>(?&lt;! subexpression)\n(?&gt; subexpression)\n</code></pre> <p>Hte subexpression is any regular expression pattern. For a match to be successful, subexpression must not occur at the input string to the left of the current position. However, any substring that does not match subexpression is not included in the match result.</p> <p>Zero-width negative lookbehind assertions are typically used at the beginning of regular expressions. The pattern that they define precludes a match in the string that follows. They are also used to limit backtracking when the last character or characters in a captured group must not be one or more of the characters that match that group's regular expression pattern.</p>"},{"location":"misc/regular-expressions.html#atomic-groups","title":"Atomic groups","text":"Regex Syntax<pre><code>(?&gt; subexpression )\n</code></pre> <p>The subexpression is any regular expression pattern.</p> <p>Ordinarily, if a regular expression includes an optional or alternative matching pattern and a match does not succeed, the regular expression engine can branch in multiple directions to match an input string with a pattern. If a match is not found when it takes the first branch, the regular expression engine can back up or backtrack to the point where it took the first match and attempt the match using the second branch. This process can continue until all branches have been tried.</p> <p>The <code>(?&gt;subexpression)</code> language construct disables backtracking. The regular expression engine will match as many characters in the input string as it can. When no further match is possible, it will not backtrack to attempt alternate pattern matches. (That is, the subexpression matches only strings that would be matched by the subexpression alone; it does not attempt to match a string based on the subexpression and any subexpressions that follow it.)</p>"},{"location":"misc/regular-expressions.html#quantifiers","title":"Quantifiers","text":"<p>A quantifier specifies how many instances of the previous element (which can be a character, a group, or a character class) must be present in the input string for a match to occur.</p> <ul> <li><code>*</code>: Matches the previous element zero or more times.</li> <li><code>+</code>: Matches the previous element one or more times.</li> <li><code>?</code>: Matches the previous element zero or one time.</li> <li><code>{n}</code>: Matches the previous element exactly n times.</li> <li><code>{n,}</code>: Matches the previous element at least n times.</li> <li><code>{n,m}</code>: Matches the previous element at least n times, but no more than m times.</li> <li><code>*?</code>: Matches the previous element zero or more times, but as few times as possible.</li> <li><code>+?</code>: Matches the previous element one or more times, but as few times as possible.</li> <li><code>??</code>: Matches the previous element zero or one time, but as few times as possible.</li> <li><code>{n}?</code>: Matches the previous element at least n times, but as few times as possible.</li> <li><code>{n,m}?</code>: Matches the previous element between n and m times, but as few times as possible.</li> </ul>"},{"location":"misc/regular-expressions.html#alternation-constructs","title":"Alternation Constructs","text":"<p>Alternation constructs modify a regular expression to enable either/or matching.</p> <ul> <li><code>|</code>: Matches any one element separated by the vertical bar (<code>|</code>) character.</li> </ul>"},{"location":"misc/regular-expressions.html#backreference-constructs","title":"Backreference Constructs","text":"<p>A backreference allows a previously matched subexpression to be identified subsequently in the same regular expression.</p> <p><code>\\number</code>: Backreference. Matches the value of a numbered subexpression. <code>\\k&lt;name&gt;</code>: Named backreference. Matches the value of a named expression.</p>"},{"location":"misc/regular-expressions.html#substitutions","title":"Substitutions","text":"<p>Substitutions are regular expression language elements that are supported in replacement patterns.</p> <ul> <li><code>$ number</code>: Substitutes the substring matched by group number.</li> <li><code>${ name }</code>: Substitutes the substring matched by the named group name.</li> <li><code>$$</code>: Substitutes a literal \"$\".</li> <li><code>$&amp;</code>: Substitutes a copy of the whole match.</li> <li>$`: Substitutes all the text of the input string before the match.</li> <li><code>$'</code>: Substitutes all the text of the input string after the match.</li> <li><code>$+</code>: Substitutes the last group that was captured.</li> <li><code>$_</code>: Substitutes the entire input string.</li> </ul>"},{"location":"misc/regular-expressions.html#special-constructs","title":"Special Constructs","text":"<ul> <li><code>(.*)</code>: Matches anything</li> <li><code>(.*?)</code>: Matches anything, but as few times as possible</li> <li><code>(?# comment )</code>: code comment, can be in the middle of the pattern</li> </ul> <p>Brackets escapes:</p> <ul> <li><code>\\(</code></li> <li><code>\\)</code></li> <li><code>\\[</code></li> <li><code>\\]</code></li> </ul> <p>Special characters escapes:</p> <ul> <li><code>\\a</code></li> <li><code>\\b</code></li> <li><code>\\f</code></li> <li><code>\\n</code></li> <li><code>\\r</code></li> <li><code>\\t</code></li> <li><code>\\u</code></li> <li><code>\\U</code></li> <li><code>\\v</code></li> <li><code>\\x</code></li> <li><code>\\\\</code></li> <li><code>\\?</code></li> <li><code>\\*</code></li> <li><code>\\+</code></li> <li><code>\\.</code></li> <li><code>\\^</code></li> <li><code>\\$</code></li> </ul>"},{"location":"misc/ssh.html","title":"SSH","text":"<p><code>ssh</code> is a program for logging into a remote machine and for executing commands on a remote machine. It is intended to provide secure encrypted communications between two untrusted hosts over an insecure network.</p>"},{"location":"misc/ssh.html#basics","title":"Basics","text":"Bash<pre><code>ssh user@destination &lt;command&gt; # exec &lt;command&gt; in remote machine ($SHELL if omitted)\nssh user@destination -i &lt;path/to/private-key&gt;  # use key for auth\nssh user@destination -f  # exec ssh in the background\nssh user@destination -N  # do not send commands to the server (do not start $SHELL)\nssh user@destination -g  # allow remote hosts to connect to local forwarded ports\nssh user@destination -t  # force pseudo-tty emulation\n</code></pre> <p>Note: use <code>~</code> while connected to use the \"ssh console\".</p>"},{"location":"misc/ssh.html#jump-hosts","title":"Jump-Hosts","text":"<p>Connect to the final destination jumping through the specifies other destinations.</p> Bash<pre><code>ssh -J user_1@destination_1,user_2@destination_2 user@final_destination\n</code></pre>"},{"location":"misc/ssh.html#port-forwarding","title":"Port Forwarding","text":""},{"location":"misc/ssh.html#local-port-forwarding","title":"Local Port Forwarding","text":"<p>Start listening on <code>local_address:local_port</code> and forward any traffic to <code>remote_address:remote_port</code>.</p> Bash<pre><code>ssh -N -f -L local_address:local_port:remote_address:remote_port user@destination\nssh -N -f -L local_port:remote_address:remote_port user@destination  # local_address defaults to localhost\n</code></pre>"},{"location":"misc/ssh.html#remote-port-forwarding","title":"Remote Port Forwarding","text":"<p>Start listening on <code>remote_address:remote_port</code> and forward any traffic to <code>local_address:local_port</code>.</p> Bash<pre><code>ssh -N -f -R remote_address:remote_port:local_address:local_port user@destination\n</code></pre>"},{"location":"misc/web-components.html","title":"Web Components","text":""},{"location":"misc/web-components.html#custom-elements","title":"Custom Elements","text":"<p>A set of JavaScript APIs that allow you to define custom elements and their behavior, which can then be used as desired in your user interface.</p>"},{"location":"misc/web-components.html#types-of-custom-elements","title":"Types of Custom Elements","text":"<p>There are two types of custom element:</p> <ul> <li>Customized built-in elements inherit from standard HTML elements such as <code>HTMLImageElement</code> or <code>HTMLParagraphElement</code>. Their implementation customizes the behavior of the standard element.</li> <li>Autonomous custom elements inherit from the HTML element base class <code>HTMLElement</code>. Need to implement their behavior from scratch.</li> </ul> <p>A custom element is implemented as a class which extends <code>HTMLElement</code> (in the case of autonomous elements) or the interface to be customized customized (in the case of customized built-in elements).</p> JavaScript<pre><code>class CustomParagraph extends HTMLParagraphElement {\n  constructor() {\n// self is reference to this element\n    self = super();\n  }\n}\n\nclass CustomElement extends HTMLElement {\n  constructor() {\n    super();\n  }\n}\n</code></pre>"},{"location":"misc/web-components.html#registering-using-custom-elements","title":"Registering &amp; Using Custom Elements","text":"<p>To make a custom element available in a page, call the <code>define()</code> method of <code>Window.customElements</code>.</p> <p>The <code>define()</code> method takes the following arguments:</p> <ul> <li><code>name</code>: The name of the element. This must start with a lowercase letter, contain a hyphen, and satisfy certain other rules listed in the specification's definition of a valid name.</li> <li><code>constructor</code>: The custom element's constructor function.</li> <li><code>options</code>: Only included for customized built-in elements, this is an object containing a single property extends, which is a string naming the built-in element to extend.</li> </ul> JavaScript<pre><code>// register a customized element\nwindow.customElements.define(\"custom-paragraph\", CustomParagraph, { extends: \"p\" });\n\n// register a fully custom element\nwindow.customElements.define(\"custom-element\", CustomElement);\n</code></pre> HTML<pre><code>&lt;!-- need to specify customized name --&gt;\n&lt;p is=\"custom-paragraph\"&gt;&lt;/p&gt;\n\n&lt;!-- cannot be used as self-closing tag --&gt;\n&lt;custom-element&gt;\n    &lt;!-- content of the element --&gt;\n&lt;/custom-element&gt;\n</code></pre>"},{"location":"misc/web-components.html#custom-elements-lifecycle-callbacks","title":"Custom Elements Lifecycle Callbacks","text":"<p>Once the custom element is registered, the browser will call certain methods of the class when code in the page interacts with the custom element. By providing an implementation of these methods, which the specification calls lifecycle callbacks, it's possible to run code in response to these events.</p> <p>Custom element lifecycle callbacks include:</p> <ul> <li><code>connectedCallback()</code>: called each time the element is added to the document. The specification recommends that, as far as possible, developers should implement custom element setup in this callback rather than the constructor.</li> <li><code>disconnectedCallback()</code>: called each time the element is removed from the document.</li> <li><code>adoptedCallback()</code>: called each time the element is moved to a new document.</li> <li><code>attributeChangedCallback(name, oldValue, newValue)</code>: called when attributes are changed, added, removed, or replaced.</li> </ul> JavaScript<pre><code>class CustomElement extends HTMLElement {\n\n  // array containing the names of all attributes for which the element needs change notifications\n  static observedAttributes = [\"size\"];\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    console.log(\"Custom element added to page.\");\n  }\n\n  disconnectedCallback() {\n    console.log(\"Custom element removed from page.\");\n  }\n\n  adoptedCallback() {\n    console.log(\"Custom element moved to new page.\");\n  }\n\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    // name is one of observedAttributes\n    console.log(`Attribute ${name} has changed.`);\n  }\n}\n</code></pre>"},{"location":"misc/web-components.html#shadow-dom","title":"Shadow DOM","text":"<p>THe Shadow DOM allows to attach a DOM tree to an element, and have the internals of this tree hidden from JavaScript and CSS running in the page.</p> <p>The shadow DOM tree starts with a shadow root, underneath which it's possible to attach any element, in the same way as the normal DOM.</p> <p>Terminology:</p> <ul> <li>Shadow host: The regular DOM node that the shadow DOM is attached to.</li> <li>Shadow tree: The DOM tree inside the shadow DOM.</li> <li>Shadow boundary: the place where the shadow DOM ends, and the regular DOM begins.</li> <li>Shadow root: The root node of the shadow tree.</li> </ul> <p></p>"},{"location":"misc/web-components.html#creating-a-shadow-dom","title":"Creating a Shadow DOM","text":"HTML<pre><code>&lt;div id=\"host\"&gt;&lt;/div&gt;\n&lt;span&gt;I'm not in the shadow DOM&lt;/span&gt;\n</code></pre> JavaScript<pre><code>const host = document.querySelector(\"#host\");\nconst shadow = host.attachShadow({ mode: \"open\" });\nconst span = document.createElement(\"span\");\nspan.textContent = \"I'm in the shadow DOM\";\nshadow.appendChild(span);\n</code></pre> <p>Note: <code>{mode: \"open\"}</code> allows accessing the shadow DOM from the root node <code>shadowDom</code> property. The \"close\" mode does not expose this property.</p>"},{"location":"misc/web-components.html#javascript-css-encapsulation","title":"JavaScript &amp; CSS Encapsulation","text":"<p>The JavaScript and CSS defined outside the shadow DOM do not have effect inside. To style a shadow dom there are two possibilities:</p> <ul> <li>defining a <code>CSSStylesheet</code> and assigning it to the <code>ShadowRoot: adoptedStyleSheets</code></li> <li>adding a <code>&lt;style&gt;</code> element in a <code>&lt;template&gt;</code> element's declaration.</li> </ul> JavaScript<pre><code>const sheet = new CSSStyleSheet();\nsheet.replaceSync(\"span { color: red; border: 2px dotted black; }\");\n\nconst host = document.querySelector(\"#host\");\n\nconst shadow = host.attachShadow({ mode: \"open\" });\nshadow.adoptedStyleSheets = [sheet];\n\nconst span = document.createElement(\"span\");\nspan.textContent = \"I'm in the shadow DOM\";\nshadow.appendChild(span);\n</code></pre> HTML<pre><code>&lt;template id=\"custom-element\"&gt;\n  &lt;style&gt;\n    span {\n      color: red;\n      border: 2px dotted black;\n    }\n  &lt;/style&gt;\n  &lt;span&gt;I'm in the shadow DOM&lt;/span&gt;\n&lt;/template&gt;\n\n&lt;div id=\"host\"&gt;&lt;/div&gt;\n&lt;span&gt;I'm not in the shadow DOM&lt;/span&gt;\n</code></pre>"},{"location":"misc/web-components.html#template-and-slot","title":"<code>&lt;template&gt;</code> and <code>&lt;slot&gt;</code>","text":""},{"location":"misc/web-components.html#the-template-element","title":"The <code>&lt;template&gt;</code> element","text":"<p>To reuse the same markup structures repeatedly on a web page, it makes sense to use some kind of a template rather than repeating the same structure over and over again. The HTML <code>&lt;template&gt;</code> and its contents are not rendered in the DOM, but it can still be referenced using JavaScript.</p> HTML<pre><code>&lt;template id=\"template-id\"&gt;\n  &lt;p&gt;template fallback content&lt;/p&gt;\n&lt;/template&gt;\n</code></pre> JavaScript<pre><code>let template = document.getElementById(\"template-id\").content;\ndocument.body.appendChild(template);\n</code></pre>"},{"location":"misc/web-components.html#templates-custom-elements","title":"Templates &amp; Custom Elements","text":"<p>Templates are useful on their own, but they work even better with web components.</p> <p>Since the template is added to a shadow DOM, it's possible to include styling information inside the template in a <code>&lt;style&gt;</code> element, which is then encapsulated inside the custom element.</p> HTML<pre><code>&lt;template id=\"template-id\"&gt;\n  &lt;style&gt;\n    p {\n      color: white;\n      background-color: #666;\n      padding: 5px;\n    }\n  &lt;/style&gt;\n\n  &lt;p&gt;My paragraph&lt;/p&gt;\n&lt;/template&gt;\n</code></pre> JavaScript<pre><code>class CustomElement extends HTMLElement {\n    constructor() {\n        super();\n        let template = document.getElementById(\"template-id\").content;;\n\n        const shadowRoot = this.attachShadow({ mode: \"open\" });\n        shadowRoot.appendChild(template.cloneNode(true));\n    }\n}\n\ncustomElements.define(\"custom-element\", CustomElement);\n</code></pre>"},{"location":"misc/web-components.html#the-slot-element","title":"The <code>&lt;slot&gt;</code> element","text":"<p>It possible to display different content in each element instance in a nice declarative way using the <code>&lt;slot&gt;</code> element.</p> <p>Slots are identified by their name attribute, and allow to define placeholders in the template that can be filled with any markup fragment when the element is used in the markup.</p> HTML<pre><code>&lt;template id=\"template-id\"&gt;\n  &lt;p&gt;\n    &lt;slot name=\"slot-name\"&gt;Default slot content&lt;/slot&gt;\n  &lt;/p&gt;\n&lt;/template&gt;\n\n&lt;custom-element&gt;\n  &lt;span slot=\"slot-name\"&gt;Substituted slot content&lt;/span&gt;\n&lt;/custom-element&gt;\n</code></pre>"}]}
\ No newline at end of file
diff --git a/search/search_index.json b/search/search_index.json
new file mode 100644
index 0000000..ab6d0b6
--- /dev/null
+++ b/search/search_index.json
@@ -0,0 +1 @@
+{"config":{"lang":["en"],"separator":"[\\s\\-]+","pipeline":["stopWordFilter"]},"docs":[{"location":"index.html","title":"Dev Notes","text":"<p>Personal notes on various programming languages, technologies, tools, etc. to be used as quick reference.</p> <p>Note: These notes are not meant to be comprehensive but to contain frequently used information. For complete and up to date documentation always go to the primary source.</p>"},{"location":"containers/docker.html","title":"Docker","text":""},{"location":"containers/docker.html#images-containers","title":"Images &amp; Containers","text":"<p>Containerization is an approach to software development in which an application or service, its dependencies, and its configuration (abstracted as deployment manifest files) are packaged together as a container image.</p> <p>Just as shipping containers allow goods to be transported by ship, train, or truck regardless of the cargo inside, software containers act as a standard unit of software deployment that can contain different code and dependencies. Containerizing software this way enables developers and IT professionals to deploy them across environments with little or no modification.</p> <p>Containers also isolate applications from each other on a shared OS. Containerized applications run on top of a container host that in turn runs on the OS. Containers therefore have a much smaller footprint than virtual machine (VM) images.</p> <p>In short, containers offer the benefits of isolation, portability, agility, scalability, and control across the entire application lifecycle workflow.</p>"},{"location":"containers/docker.html#containers-vs-virtual-machines","title":"Containers vs Virtual Machines","text":"<p>A container runs natively on Linux and shares the kernel of the host machine with other containers. It runs a discrete process, taking no more memory than any other executable, making it lightweight.</p> <p>By contrast, a virtual machine (VM) runs a full-blown \"guest\" operating system with virtual access to host resources through a hypervisor. In general, VMs incur a lot of overhead beyond what is being consumed by your application logic.</p> <p> </p>"},{"location":"containers/docker.html#docker-terminology","title":"Docker Terminology","text":"<p>Container image: A package with all the dependencies and information needed to create a container. An image includes all the dependencies (such as frameworks) plus deployment and execution configuration to be used by a container runtime. Usually, an image derives from multiple base images that are layers stacked on top of each other to form the container\u2019s filesystem. An image is immutable once it has been created.</p> <p>Dockerfile: A text file that contains instructions for building a Docker image. It\u2019s like a batch script, the first line states the base image to begin with and then follow the instructions to install required programs, copy files, and so on, until you get the working environment you need.</p> <p>Build: The action of building a container image based on the information and context provided by its Dockerfile, plus additional files in the folder where the image is built. You can build images with the following Docker command: <code>docker build</code></p> <p>Container: An instance of a Docker image. A container represents the execution of a single application, process, or service. It consists of the contents of a Docker image, an execution environment, and a standard set of instructions. When scaling a service, you create multiple instances of a container from the same image. Or a batch job can create multiple containers from the same image, passing different parameters to each instance.</p> <p>Volumes: Offer a writable filesystem that the container can use. Since images are read-only but most programs need to write to the filesystem, volumes add a writable layer, on top of the container image, so the programs have access to a writable filesystem. The program doesn\u2019t know it\u2019s accessing a layered filesystem, it\u2019s just the filesystem as usual. Volumes live in the host system and are managed by Docker.</p> <p>Tag: A mark or label you can apply to images so that different images or versions of the same image (depending on the version number or the target environment) can be identified.</p> <p>Multi-stage Build: Is a feature, since Docker 17.05 or higher, that helps to reduce the size of the final images. For example, a large base image, containing the SDK can be used for compiling and publishing and then a small runtime-only base image can be used to host the application.</p> <p>Repository (repo): A collection of related Docker images, labeled with a tag that indicates the image version. Some repos contain multiple variants of a specific image, such as an image containing SDKs (heavier), an image containing only runtimes (lighter), etc. Those variants can be marked with tags. A single repo can contain platform variants, such as a Linux image and a Windows image.</p> <p>Registry: A service that provides access to repositories. The default registry for most public images is Docker Hub (owned by Docker as an organization). A registry usually contains repositories from multiple teams. Companies often have private registries to store and manage images they\u2019ve created.</p> <p>Multi-arch image: For multi-architecture, it\u2019s a feature that simplifies the selection of the appropriate image, according to the platform where Docker is running.</p> <p>Docker Hub: A public registry to upload images and work with them. Docker Hub provides Docker image hosting, public or private registries, build triggers and web hooks, and integration with GitHub and Bitbucket.</p> <p>Azure Container Registry: A public resource for working with Docker images and its components in Azure. This provides a registry that\u2019s close to your deployments in Azure and that gives you control over access, making it possible to use your Azure Active Directory groups and permissions.</p> <p>Docker Trusted Registry (DTR): A Docker registry service (from Docker) that can be installed on-premises so it lives within the organization\u2019s datacenter and network. It\u2019s convenient for private images that should be managed within the enterprise. Docker Trusted Registry is included as part of the Docker Datacenter product. For more information, see Docker Trusted Registry (DTR).</p> <p>Docker Compose: A command-line tool and YAML file format with metadata for defining and running multi-container applications. You define a single application based on multiple images with one or more <code>.yml</code> files that can override values depending on the environment. After you\u2019ve created the definitions, you can deploy the whole multi-container application with a single command (docker-compose up) that creates a container per image on the Docker host.</p> <p>Cluster: A collection of Docker hosts exposed as if it were a single virtual Docker host, so that the application can scale to multiple instances of the services spread across multiple hosts within the cluster. Docker clusters can be created with Kubernetes, Azure Service Fabric, Docker Swarm and Mesosphere DC/OS.</p> <p>Orchestrator: A tool that simplifies the management of clusters and Docker hosts. Orchestrators enable you to manage their images, containers, and hosts through a command-line interface (CLI) or a graphical UI. You can manage container networking, configurations, load balancing, service discovery, high availability, Docker host configuration, and more. An orchestrator is responsible for running, distributing, scaling, and healing workloads across a collection of nodes. Typically, orchestrator products are the same products that provide cluster infrastructure, like Kubernetes and Azure Service Fabric, among other offerings in the market.</p>"},{"location":"containers/docker.html#docker-cli","title":"Docker CLI","text":""},{"location":"containers/docker.html#docker-run","title":"<code>docker run</code>","text":"Bash<pre><code>docker run &lt;image&gt;  # run selected app inside a container (downloaded from Docker Hub if missing from image)\ndocker run -d|--detach &lt;image&gt;  # run docker container in the background (does not occupy stdout &amp; stderr)\ndocker run -i|--interactive &lt;image&gt;  # run docker container in interactive mode (read stdin)\ndocker run -t|--tty &lt;image&gt;  # run docker container allocating a pseudo-TTY (show prompts)\ndocker run -p|--publish &lt;host_port&gt;:&lt;container_port&gt; &lt;image&gt;  # map container ports\ndocker run -v|--volume &lt;existing_host_dir&gt;:&lt;container_dir&gt; &lt;image&gt;  # map container directory to a host directory (external volumes)\ndocker run -v|--volume &lt;volume_name&gt;:&lt;container_dir&gt; &lt;image&gt;  # map container directory to a host directory under the docker main folder (external volumes)\ndocker run -e|--env NAME=value &lt;image&gt;  # set container env vars\ndocker run --entrypoint &lt;executable&gt; &lt;args&gt; &lt;image&gt;  # run with a non-default entrypoint\ndocker run --name=&lt;container_name&gt; &lt;image&gt;  # set container name\n</code></pre> <p>Warn: <code>&lt;image&gt;</code> must be last argument</p>"},{"location":"containers/docker.html#docker-container","title":"<code>docker container</code>","text":"Bash<pre><code>docker container ls  # list of currently running containers\ndocker container ls -a|--all  # list of all containers, running and exited\ndocker container rm &lt;container&gt;  # remove one or more containers\ndocker container prune  # remove stopped containers\n\ndocker container inspect &lt;container&gt;  # full details about a container\ndocker container logs &lt;container&gt;  # see container logs\n\ndocker container stop &lt;container&gt;  # stop a running container\ndocker container start &lt;container&gt;  # start a stopped container\n\ndocker container exec &lt;container&gt; &lt;command&gt;  # exec a command inside a container\n</code></pre>"},{"location":"containers/docker.html#docker-image","title":"<code>docker image</code>","text":"Bash<pre><code>docker image ls  # list of existing images\ndocker image rm &lt;image&gt;  # remove one or more images\ndocker image prune &lt;image&gt;  # remove unused images\ndocker image pull &lt;image&gt;  # download an image w/o starting the container\n</code></pre>"},{"location":"containers/docker.html#docker-build","title":"<code>docker build</code>","text":"Bash<pre><code>docker build -t &lt;tag&gt; -f &lt;dockerfile&gt; &lt;context&gt;  # build image with specific tag (usually user/app:version)\ndocker build -t &lt;tag&gt; -f &lt;dockerfile&gt; --build-arg ARG=value &lt;context&gt;  # pass args to ARG steps\n</code></pre>"},{"location":"containers/docker.html#docker-push","title":"<code>docker push</code>","text":"Bash<pre><code>docker push &lt;image&gt;  # publish image to registry (defaults to Docker Hub)\n</code></pre>"},{"location":"containers/docker.html#dockerfile","title":"Dockerfile","text":"Docker<pre><code># starting image or scratch\nFROM &lt;base_image&gt;:&lt;tag&gt;\n\n# run commands (e.g: install dependencies)\nRUN &lt;command&gt;\n\n# define working directory (usually /app)\nWORKDIR &lt;path&gt;\n\n# copy source code into the image in a specified location\nCOPY &lt;src&gt; &lt;dir_in_container&gt;\n\n# accept args from docker run (--build-arg arg_name=value)\nARG &lt;arg_name&gt;\n\n# set env values inside the container\nENV &lt;ENV_VAR&gt; &lt;value&gt;\n\n# Exec form (Preferred form)\nCMD [\"&lt;executable&gt;\", \"&lt;arg1&gt;\", \"&lt;arg2&gt;\"]\nENTRYPOINT [\"&lt;executable&gt;\", \"&lt;arg1&gt;\", \"&lt;arg2&gt;\"]\n\n# Shell form\nCMD &lt;executable&gt; &lt;arg1&gt; &lt;arg2&gt;\nENTRYPOINT &lt;executable&gt; &lt;arg1&gt; &lt;arg2&gt;\n</code></pre>"},{"location":"containers/docker.html#cmd-vs-entrypoint","title":"<code>CMD</code> vs <code>ENTRYPOINT</code>","text":"<p><code>CMD</code> is used to provide all the default scenarios which can be overridden. Anything defined in CMD can be overridden by passing arguments in <code>docker run</code> command.</p> <p><code>ENTRYPOINT</code> is used to define a specific executable (and it's arguments) to be executed during container invocation which cannot be overridden. The user can however define arguments to be passed in the executable by adding them in the <code>docker run</code> command.</p>"},{"location":"containers/docker.html#docker-multi-stage-build","title":"Docker Multi-Stage Build","text":"<p>With multi-stage builds, it's possible to use multiple <code>FROM</code> statements in the Dockerfile. Each <code>FROM</code> instruction can use a different base, and each of them begins a new stage of the build.</p> <p>It's possible to selectively copy artifacts from one stage to another, leaving behind everything not wanted in the final image.</p> Docker<pre><code>FROM &lt;base_image&gt;:&lt;tag&gt; AS &lt;runtime_alias&gt;\nRUN &lt;command&gt;  # install external dependencies (apt get ...)\n\n# --- START of BUILD LAYERS --- #\nFROM &lt;base_image&gt;:&lt;tag&gt; AS &lt;build_alias&gt;\nWORKDIR &lt;app_path&gt;\n\n# install project dependencies\nCOPY &lt;src&gt; &lt;dir_in_container&gt;  # add lockfiles\nRUN &lt;command&gt;  # install project dependencies from lockfiles\n\nCOPY &lt;src&gt; .&lt;dir_in_container&gt;  # bring in all source code\nWORKDIR &lt;build_location&gt;\nARG version\nRUN &lt;command&gt;  # build project\n# --- END of BUILD LAYERS --- #\n\nFROM &lt;runtime_alias&gt; AS &lt;deploy_alias&gt;\nWORKDIR &lt;app_path&gt;\n\n# bring in release build files\nCOPY --from=&lt;build_alias|stage_number&gt; &lt;src&gt; &lt;dir_in_container&gt;\nCMD [\"executable\"]  # run app\n</code></pre> Docker<pre><code>FROM mcr.microsoft.com/dotnet/&lt;runtime|aspnet&gt;:&lt;alpine_tag&gt; AS runtime\nRUN &lt;command&gt;  # install external dependencies (apt get ...)\n\n# --- START of BUILD LAYERS --- #\nFROM mcr.microsoft.com/dotnet/sdk:&lt;tag&gt; as build\nWORKDIR /app\n\n# install project dependencies\nCOPY *.sln ./src\nCOPY src/*.csproj ./src\nRUN dotnet restore\n\n# publish app\nCOPY /src ./src  # bring in all source code\nWORKDIR /app/src  # reposition to build location\nARG version\nRUN dotnet publish &lt;project&gt;|&lt;solution&gt; -c Release -o out /p:Version=$version\n# --- END of BUILD LAYERS --- #\n\nFROM runtime AS final-runtime\nWORKDIR /app\nCOPY --from=build /app/out .\n\nENTRYPOINT [\"dotnet\", \"&lt;project&gt;.dll\"]\n</code></pre>"},{"location":"containers/docker.html#networking","title":"Networking","text":"<p>Starting container networks: <code>bridge</code> (default), <code>none</code>, <code>host</code>.</p> Bash<pre><code>docker run &lt;image&gt; --network=none/host  # specify a non-default network to be used\ndocker run &lt;image&gt; --add-host=&lt;hostname&gt;:&lt;ip&gt;  # add hostname mapping\ndocker network ls  # list all available networks\n</code></pre> <ul> <li>Bridge: Private internal network created by Docker.   All containers ara attached to this network by default and get an IP in the <code>172.17.xxx.xxx-172.12.xxx.xxx</code> series.   Containers can access each other by using the IP <code>172.17.0.1</code>.   It is possible to create multiple sub-networks in the bridge network to isolate groups of containers from each other.</li> <li>Host: Removes any network isolation between the host and the containers. Cannot run multiple containers on the same port.</li> <li>None: Containers are not attached to a network and cannot access other containers or the external network.</li> </ul> <p>Note: Mapping <code>host-gateway</code> to an hostname allows the container to reach the host network even with networks types different from <code>host</code></p>"},{"location":"containers/docker.html#user-defined-networks","title":"User-defined Networks","text":"Bash<pre><code>docker network create --driver NETWORK_TYPE --subnet GATEWAY_TP/SUBNET_MASK_SIZE NETWORK_NAME\n</code></pre>"},{"location":"containers/docker.html#embedded-dns","title":"Embedded DNS","text":"<p>Docker has an internal DNS that allows finding other container by their name instead of their IP. The DNS always runs at the address <code>127.0.0.11</code>.</p>"},{"location":"containers/docker.html#exposing-ports","title":"Exposing Ports","text":"<p>By default, containers on bridge networks don't expose any ports to the outside world. Using the <code>--publish</code> or <code>-p</code> flag makes a port available to services outside the bridge network. This creates a firewall rule in the host, mapping a container port to a port on the Docker host to the outside world.</p> <p>Here are some examples:</p> Flag value Description <code>-p 8080:80</code> Map port <code>8080</code> on the host to TCP port <code>80</code> in the container. <code>-p 192.168.1.100:8080:80</code> Map port <code>8080</code> on the host IP <code>192.168.1.100</code> to TCP port <code>80</code> in the container. <code>-p 8080:80/udp</code> Map port <code>8080</code> on the host to UDP port <code>80</code> in the container. <code>-p 8080:80/tcp -p 8080:80/udp</code> Map TCP and UDP port <code>8080</code> on the host to TCP and UDP port <code>80</code> in the container. <p>Warn: Publishing container ports is insecure by default. A published port it becomes available not only to the host, but to the outside world as well. If the localhost IP address (<code>127.0.0.1</code>, or <code>::1</code>) is included with the publish flag, only the host and its containers can access the published container port.</p> Bash<pre><code>docker run --publish 127.0.0.1:8080:80 --publish '[::1]:8080:80' nginx\n</code></pre>"},{"location":"containers/docker.html#docker-storage","title":"Docker Storage","text":""},{"location":"containers/docker.html#file-system","title":"File System","text":"Bash<pre><code>/var/lib/docker\n|_&lt;storage_driver&gt;\n|_containers\n|_image\n|_network\n|_volumes\n| |_specific_volume\n|_...\n</code></pre>"},{"location":"containers/docker.html#copy-on-write","title":"Copy-On-Write","text":"<p>To modify a file during while the container runs docker creates a local copy in the specific container and the local copy will be modified.</p>"},{"location":"containers/docker.html#volumes","title":"Volumes","text":"<p>volume mounting: create a volume under the docker installation folder (<code>/var/lib/docker/volumes/</code>). bind mounting: link docker to an exiting folder to be used as a volume.</p> Bash<pre><code>docker run -v &lt;existing_dir&gt;:&lt;container_dir&gt; &lt;image&gt;:&lt;tag&gt;  # older command for bind mounting\ndocker run --mount type=bind, source=:&lt;existing_dir&gt;, target=&lt;container_dir&gt; &lt;image&gt;:&lt;tag&gt;  # modern command for bind mounting\n</code></pre>"},{"location":"containers/docker.html#docker-compose","title":"Docker Compose","text":"<p>Compose is a tool for defining and running multi-container Docker applications. With Compose, you use a YAML file to configure your application\u2019s services. Then, with a single command, you create and start all the services from your configuration.</p> <p>Using Compose is basically a three-step process:</p> <ol> <li>Define the app\u2019s environment with a\u00a0<code>Dockerfile</code>\u00a0so it can be reproduced anywhere.</li> <li>Define the services that make up your app in\u00a0<code>docker-compose.yml</code>\u00a0so they can be run together in an isolated environment.</li> <li>Run\u00a0<code>docker-compose up</code>\u00a0and Compose starts and runs the entire app.</li> </ol> YAML<pre><code>version: 3.x\nservices:\n  &lt;service_name&gt;:\n    image: &lt;image_name&gt;\n    image: &lt;image_url&gt;\n    build: &lt;path&gt;  # path to folder containing a Dockerfile to build the image\n    build:\n      context: &lt;path&gt;\n      dockerfile: &lt;*.Dockerfile&gt;\n      args:  # pass args to dockerfile\n        ARG: &lt;value&gt;\n        - ARG=&lt;value&gt;\n    ports: \n      - &lt;host_port&gt;:&lt;container_port&gt;\n    extra_hosts:  # add hostname mappings to container network interface config\n      - &lt;hostname&gt;:&lt;ip&gt;\n      - &lt;hostname&gt;:host-gateway  # map host machine network\n    profiles:  # partition services into sets\n      - &lt;profile_name&gt;\n    networks:  # attach container to one or more networks\n      - &lt;network_name&gt;\n    depends_on:  # make sure dependencies are running before this container\n      - &lt;container_name&gt;\n    environment:  # declare a env vars for this service\n      ENV_VAR: &lt;value&gt;\n      - ENV_VAR=&lt;value&gt;\n    env_file:\n      - &lt;path/to/env/file&gt;  # reusable env file\n    volumes:\n      - \"./&lt;rel/path/to/volume&gt;:&lt;in/container/path/to/data&gt;\"  # service-dedicated volume\n      - \"&lt;volume_name&gt;:&lt;in/container/path/to/data&gt;\"  # reuseable volume\n    healthcheck:\n      disable: &lt;bool&gt;  # set to true to disable\n      test: curl -f http://localhost  # set to [\"NONE\"] to disable\n      interval:  # interval between checks (default 30s)\n      timeout:  # check fail timeout (default 30s)\n      retries:  # num of retries before unhealty (default 3)\n      start_period:  # container init grace pediod (default 5s)\n      start_interval:  # check interval in start period\n\n# reusable volume definitions\nvolumes:\n  - &lt;volume_name&gt;:\n\n# create networks\nnetworks:\n  &lt;network_name&gt;:\n</code></pre>"},{"location":"containers/kubernetes.html","title":"Kubernetes (<code>k8s</code>)","text":""},{"location":"containers/kubernetes.html#cluster-architecture","title":"Cluster Architecture","text":"<p>A Kubernetes cluster consists of a set of worker machines, called nodes, that run containerized applications. Every cluster has at least one worker node.</p> <p>The worker node(s) host the pods that are the components of the application workload. The control plane manages the worker nodes and the pods in the cluster. In production environments, the control plane usually runs across multiple computers and a cluster usually runs multiple nodes, providing fault-tolerance and high availability.</p> <p></p>"},{"location":"containers/kubernetes.html#control-plane","title":"Control Plane","text":"<p>The control plane is the container orchestration layer that exposes the API and interfaces to define, deploy, and manage the lifecycle of containers. It's components are:</p> <ul> <li>kube-apiserver: entrypoint of the cluster that exposes the kubernetes API</li> <li>kube-controller-manager: keeps track of what is happening in the cluster</li> <li>kube-scheduler: ensures pod placement on the nodes based on node resource availability</li> <li>etcd: key-value store used as Kubernetes backing store for all cluster data</li> </ul> <p>Note: in production environment there are at least two control planes to ensure constant availability of their functionalities</p>"},{"location":"containers/kubernetes.html#node","title":"Node","text":"<p>Nodes are the worker machines in kubernetes. The node components are:</p> <ul> <li>kubelet: the agent that runs on each node in the cluster. It makes sure that containers are running in a pod</li> <li>kube-proxy: the network proxy part of the cluster virtual network that allows communication to pods from inside or outside of the cluster</li> <li>container runtime: the software that is responsible for running containers</li> </ul>"},{"location":"containers/kubernetes.html#kubernetes-components","title":"Kubernetes Components","text":""},{"location":"containers/kubernetes.html#pod","title":"Pod","text":"<p>Pods are the smallest unit in kubernetes. They are an abstraction over a set of running containers. The pod abstraction is used to make kubernetes independent from the container technology.</p> <p>Each pod has it's own IP address inside the virtual network of the cluster; this makes pod communication possible. Since pods are ephemeral resources when a pod dies another one will replace it. The new pod will get a new IP address.</p>"},{"location":"containers/kubernetes.html#service","title":"Service","text":"<p>Services are permanent IP addresses and ar used to resolve the issue of changing pod IPs. Each pod can be attached to a service. The lifecycle of a service is detached from a pod. External services are used to make the contents of a pod accessible from the outside of the cluster while internal services are not exposed.</p>"},{"location":"containers/kubernetes.html#ingress","title":"Ingress","text":"<p>Ingresses are the components hat forwards external requests to specific services. Ingresses are used to expose services through secure protocols and friendly URLs instead of service IPs.</p>"},{"location":"containers/kubernetes.html#configmap","title":"ConfigMap","text":"<p>ConfigMaps are external configurations used to store non-confidential data in key-value pairs. Pods can consume ConfigMaps as environment variables, command-line arguments, or as configuration files in a volume.</p> <p>ConfigMaps allow to decouple environment-specific configuration from container images, so that applications are easily portable.</p>"},{"location":"containers/kubernetes.html#secret","title":"Secret","text":"<p>Secrets contains a small amount of sensitive data such as a password, a token, or a key. Such information might otherwise be put in a Pod specification or in a container image.</p> <p>Secrets are similar to ConfigMaps but are specifically intended to hold confidential data.</p> <p>Because Secrets can be created independently of the Pods that use them, there is less risk of the Secret (and its data) being exposed during the workflow of creating, viewing, and editing Pods.  </p> <p>Warn: secrets, by default, are not encrypted: they are stored in base64. Consider using third-party encryption tools.</p>"},{"location":"containers/kubernetes.html#volumes","title":"Volumes","text":"<p>Volumes are physical storage attached to a pod in order to persist data when a pod is shut down.</p> <p>Warn: kubernetes does not manage data persistance. Backups must be managed externally.</p>"},{"location":"containers/kubernetes.html#deployment","title":"Deployment","text":"<p>Deployments are a description of the desired state of the cluster. The deployment controller changes the actual state to match the desired one.</p> <p>Deployments can be used to manage the scaling of the replicas of a pod.</p>"},{"location":"containers/kubernetes.html#replicaset","title":"ReplicaSet","text":"<p>ReplicaSets are groups of identical pods and are used to guarantee the availability of the replicated application. ReplicaSets are used to manage stateless applications.</p>"},{"location":"containers/kubernetes.html#statefulset","title":"StatefulSet","text":"<p>StatefulSets are group of pods with guarantees about the ordering and uniqueness of the pods. StatefulSets are used to manage pods that need consistent state like databases.</p>"},{"location":"containers/kubernetes.html#daemonset","title":"DaemonSet","text":"<p>DaemonSets ensure the all or some nodes in a cluster run a copy of a specific pod.</p>"},{"location":"containers/kubernetes.html#jobs","title":"Jobs","text":"<p>Jobs create one or more Pods and will continue to retry execution of the Pods until a specified number of them successfully terminate.</p> <p>As pods successfully complete, the Job tracks the successful completions. When a specified number of successful completions is reached, the task is complete.</p>"},{"location":"containers/kubernetes.html#kubernetes-configuration","title":"Kubernetes Configuration","text":"<p>Each kubernetes configuration file is composed by 3 parts:</p> <ul> <li>metadata</li> <li>specification</li> <li>status (generated by k8s)</li> </ul> <p>Note: kubernetes config files are written in YAML</p>"},{"location":"containers/kubernetes.html#kubectl","title":"<code>kubectl</code>","text":""},{"location":"containers/kubernetes.html#kubectl-get","title":"<code>kubectl get</code>","text":"Bash<pre><code>kubectl config get-contexts  # list available contexts\n\nkubectl get namespaces  # list namespaces inside current context\n\nkubectl get pod -n|--namespace &lt;namespace&gt;  # list pods inside namespace\nkubectl get pod [-n|--namespace &lt;namespace&gt;] &lt;pod&gt; -o|--output jsonpath='{.spec.containers[*].name}'  # list containers inside pod\n</code></pre>"},{"location":"containers/kubernetes.html#kubectl-exec","title":"<code>kubectl exec</code>","text":"Bash<pre><code>kubectl exec [-i|--stdin] [-t|--tty] [-n|--namespace &lt;namespace&gt;] &lt;pod&gt; [-c|--container &lt;container&gt;] -- &lt;command&gt;  # execute a command inside a container\n</code></pre>"},{"location":"containers/kubernetes.html#kubectl-logs","title":"<code>kubectl logs</code>","text":"Bash<pre><code>kubectl logs [-f|--follow] [-n|--namespace &lt;namespace&gt;] &lt;pod&gt; [-c|--container]  # get pod/container logs\n</code></pre>"},{"location":"databases/mongo-db.html","title":"MongoDB","text":"<p>The database is a container of collections. The collections are containers of documents.</p> <p>The documents are schema-less that is they have a dynamic structure that can change between documents in the same collection.</p>"},{"location":"databases/mongo-db.html#data-types","title":"Data Types","text":"Type Example Value Function Text <code>\"Text\"</code> Boolean <code>true</code> Number <code>42</code> Objectid <code>\"_id\": {\"$oid\": \"&lt;id&gt;\"}</code> <code>ObjectId(\"&lt;id&gt;\")</code> ISODate <code>\"&lt;key&gt;\": {\"$date\": \"YYYY-MM-DDThh:mm:ss.sssZ\"}</code> <code>ISODate(\"YYYY-MM-DD\")</code> Timestamp <code>Timestamp(11421532)</code> Embedded Document <code>{\"a\": {...}}</code> Embedded Array <code>{\"b\": [...]}</code> <p>It's mandatory for each document ot have an unique field <code>_id</code>. MongoDB automatically creates an <code>ObjectId()</code> if it's not provided.</p>"},{"location":"databases/mongo-db.html#databases-collections-usage","title":"Databases &amp; Collections Usage","text":"<p>To create a database is sufficient to switch towards a non existing one with <code>use &lt;database&gt;</code> (implicit creation). The database is not actually created until a document is inserted.</p> Bash<pre><code>show dbs  # list all databases\nuse &lt;database&gt;  # use a particular database\nshow collections  # list all collection for the current database\n\ndbs.dropDatabase()  # delete current database\n\ndb.createCollection(name, {options})  # explicit collection creation\ndb.&lt;collection&gt;.insertOne({document})  # implicit collection creation\n</code></pre>"},{"location":"databases/mongo-db.html#operators-mql-syntax","title":"Operators (MQL Syntax)","text":"JSON<pre><code>/* --- Update operators --- */\n{ \"$inc\":  { \"&lt;key&gt;\": \"&lt;increment&gt;\", ... } }  // increment value\n{ \"$set\":  { \"&lt;key&gt;\": \"&lt;value&gt;\", ... } }  // set value\n{ \"$unsetset\":  { \"&lt;key&gt;\": \"true\", ... } }  // unset value\n{ \"$push\": { \"&lt;key&gt;\": \"&lt;value&gt;\", ... } }  // add a value to an array field or turn field into array\n{ \"$pop\": { \"&lt;key&gt;\": &lt;-1 | 1&gt;, ... } }  // remove first or last array element\n{ \"$pull\": { \"&lt;key&gt;\": \"&lt;value | condition&gt;\", ... } }  // remove a specific item in the array\n{ \"$pullAll\": { \"&lt;key&gt;\": [ \"&lt;value1&gt;\", \"&lt;value2&gt;\" ... ], ... } }  // remove all specified values from array\n\n/* --- Query Operators --- */\n{ \"&lt;key&gt;\": { \"$in\": [ \"&lt;value_1&gt;\", \"&lt;value_2&gt;\", ...] } } // Membership\n{ \"&lt;key&gt;\": { \"$nin\": [ \"&lt;value_1&gt;\", \"&lt;value_2&gt;\", ...] } }  // Membership\n{ \"&lt;key&gt;\": { \"$exists\": true } }  // Field Exists\n\n/* --- Comparison Operators (DEFAULT: $eq) --- */\n{ \"&lt;key&gt;\": { \"$gt\":  \"&lt;value&gt;\" }}  // &gt;\n{ \"&lt;key&gt;\": { \"$gte\": \"&lt;value&gt;\" }}  // &gt;=\n{ \"&lt;key&gt;\": { \"$lt\":  \"&lt;value&gt;\" }}  // &lt;\n{ \"&lt;key&gt;\": { \"$lte\": \"&lt;value&gt;\" }}  // &lt;=\n{ \"&lt;key&gt;\": { \"$eq\":  \"&lt;value&gt;\" }}  // ==\n{ \"&lt;key&gt;\": { \"$ne\":  \"&lt;value&gt;\" }}  // !=\n\n/* --- Logic Operators (DEFAULT $and) --- */\n{ \"$and\": [ { \"&lt;expression&gt;\" }, ...] }\n{ \"$or\":  [ { \"&lt;expression&gt;\" }, ...] }\n{ \"$nor\": [ { \"&lt;expression&gt;\" }, ...] }\n{ \"$not\": { \"&lt;expression&gt;\" } }\n\n/* --- Array Operators --- */\n{ \"&lt;key&gt;\": { \"$all\": [\"value&gt;\", \"&lt;value&gt;\", ...] } } // field contains all values\n{ \"&lt;key&gt;\": { \"$size\": \"&lt;value&gt;\" } }\n{ \"&lt;array-key&gt;\": { \"$elemMatch\": { \"&lt;item-key&gt;\": \"&lt;expression&gt;\" } } }  // elements in array must match an expression\n\n/* --- REGEX Operator --- */\n{ \"&lt;key&gt;\": { \"$regex\": \"/pattern/\", \"$options\": \"&lt;options&gt;\" } }\n{ \"&lt;key&gt;\": { \"$regex\": \"pattern\", \"$options\": \"&lt;options&gt;\" } }\n{ \"&lt;key&gt;\": { \"$regex\": \"/pattern/&lt;options&gt;\" } }\n{ \"&lt;key&gt;\": \"/pattern/&lt;options&gt;\" }\n</code></pre>"},{"location":"databases/mongo-db.html#expressive-query-operator","title":"Expressive Query Operator","text":"<p>Note:  <code>$&lt;key&gt;</code> is used to access the value of the field dynamically</p> JSON<pre><code>{ \"$expr\": { \"&lt;expression&gt;\" } }  // aggregation expression, variables, conditional expressions\n{ \"$expr\":  { \"$&lt;comparison_operator&gt;\": [ \"$&lt;key&gt;\", \"$&lt;key&gt;\" ] } }  // compare field values (operators use aggregation syntax)\n</code></pre>"},{"location":"databases/mongo-db.html#mongo-query-language-mql","title":"Mongo Query Language (MQL)","text":""},{"location":"databases/mongo-db.html#insertion","title":"Insertion","text":"<p>It's possible to insert a single document with the command <code>insertOne()</code> or multiple documents with <code>insertMany()</code>.</p> <p>Insertion results:</p> <ul> <li>error -&gt; rollback</li> <li>success -&gt; entire documents gets saved</li> </ul> Bash<pre><code># explicit collection creation, all options are optional\ndb.createCollection( &lt;name&gt;,\n   {\n        capped: &lt;boolean&gt;,\n        autoIndexId: &lt;boolean&gt;,\n        size: &lt;number&gt;,\n        max: &lt;number&gt;,\n        storageEngine: &lt;document&gt;,\n        validator: &lt;document&gt;,\n        validationLevel: &lt;string&gt;,\n        validationAction: &lt;string&gt;,\n        indexOptionDefaults: &lt;document&gt;,\n        viewOn: &lt;string&gt;,\n        pipeline: &lt;pipeline&gt;,\n        collation: &lt;document&gt;,\n        writeConcern: &lt;document&gt;\n   }\n)\n\ndb.createCollection(\"name\", { capped: true, size: max_bytes, max: max_docs_num } )  # creation of a capped collection\n# SIZE: int - will be rounded to a multiple of 256\n\n# implicit creation at doc insertion\ndb.&lt;collection&gt;.insertOne({ document }, options)  # insert a document in a collection\ndb.&lt;collection&gt;.insertMany([ { document }, { document }, ... ], options)  # insert multiple docs\ndb.&lt;collection&gt;.insertMany([ { document }, { document } ] , { \"ordered\": false })  # allow the unordered insertion, only documents that cause errors wont be inserted\n</code></pre> <p>Note: If <code>insertMany()</code> fails the already inserted documents are not rolled back but all the successive ones (even the correct ones) will not be inserted.</p>"},{"location":"databases/mongo-db.html#querying","title":"Querying","text":"Bash<pre><code>db.&lt;collection&gt;.findOne()  # find only one document\ndb.&lt;collection&gt;.find(filter)  # show selected documents\ndb.&lt;collection&gt;.find().pretty()  # show documents formatted\ndb.&lt;collection&gt;.find().limit(n)  # show n documents\ndb.&lt;collection&gt;.find().limit(n).skip(k)  # show n documents skipping k docs\ndb.&lt;collection&gt;.find().count()  # number of found docs\ndb.&lt;collection&gt;.find().sort({ \"&lt;key-1&gt;\": 1, ... , \"&lt;key-n&gt;\": -1 })  # show documents sorted by specified keys in ascending (1) or descending (-1) order\n\n# projection\ndb.&lt;collection&gt;.find(filter, { \"&lt;key&gt;\": 1 })  # show selected values form documents (1 or true =&gt; show, 0 or false =&gt; don't show, cant mix 0 and 1)\ndb.&lt;collection&gt;.find(filter, { _id: 0, \"&lt;key&gt;\": 1 })  # only _id can be set to 0 with other keys at 1\ndb.&lt;collection&gt;.find(filter, { \"&lt;array-key&gt;\": { \"$elemMatch\": { \"&lt;item-key&gt;\": \"&lt;expression&gt;\" } } })  # project only elements matching the expression\n\n# sub documents &amp; arrays\ndb.&lt;collection&gt;.find({ \"&lt;key&gt;.&lt;sub-key&gt;.&lt;sub-key&gt;\": \"&lt;expression&gt;\" })\ndb.&lt;collection&gt;.find({ \"&lt;array-key&gt;.&lt;index&gt;.&lt;sub-key&gt;\": \"&lt;expression&gt;\" })\n\n# GeoJSON - https://docs.mongodb.com/manual/reference/operator/query/near/index.html\ndb.&lt;collection&gt;.find(\n    {\n        &lt;location field&gt;: {\n            $near: {\n                $geometry: { type: \"Point\", coordinates: [ &lt;longitude&gt; , &lt;latitude&gt; ] },\n                $maxDistance: &lt;distance in meters&gt;,\n                $minDistance: &lt;distance in meters&gt;\n            }\n        }\n    }\n)\n\ndb.&lt;collection&gt;.find().hint( { \"&lt;key&gt;\": 1 } )  # specify the index\ndb.&lt;collection&gt;.find().hint( \"index-name\" )  # specify the index using the index name\n\ndb.&lt;collection&gt;.find().hint( { $natural : 1 } )  # force the query to perform a forwards collection scan\ndb.&lt;collection&gt;.find().hint( { $natural : -1 } )  # force the query to perform a reverse collection scan\n</code></pre> <p>Note: <code>{ &lt;key&gt;: &lt;value&gt; }</code> in case of a field array will match if the array contains the value</p>"},{"location":"databases/mongo-db.html#updating","title":"Updating","text":"<p>Update Operators</p> Bash<pre><code>db.&lt;collection&gt;.replaceOne(filter, update, options)\ndb.&lt;collection&gt;.updateOne(filter, update, {upsert: true})  # modify document if existing, insert otherwise\n\ndb.&lt;collection&gt;.updateOne(filter, { \"$push\": { ... }, \"$set\": { ... }, { \"$inc\": { ... }, ... } })\n</code></pre>"},{"location":"databases/mongo-db.html#deletion","title":"Deletion","text":"Bash<pre><code>db.&lt;collection&gt;.deleteOne(filter, options)\ndb.&lt;collection&gt;.deleteMany(filter, options)\n\ndb.&lt;collection&gt;.drop()  # delete whole collection\ndb.dropDatabase()  # delete entire database\n</code></pre>"},{"location":"databases/mongo-db.html#mongodb-database-tools","title":"MongoDB Database Tools","text":""},{"location":"databases/mongo-db.html#mongoimport","title":"Mongoimport","text":"<p>Utility to import all docs into a specified collection. If the collection already exists <code>--drop</code> deletes it before reuploading it. WARNING: CSV separators must be commas (<code>,</code>)</p> Bash<pre><code>mongoimport &lt;options&gt; &lt;connection-string&gt; &lt;file&gt;\n\n--uri=&lt;connectionString&gt;\n--host=&lt;hostname&gt;&lt;:port&gt;, -h=&lt;hostname&gt;&lt;:port&gt;\n--username=&lt;username&gt;, -u=&lt;username&gt;\n--password=&lt;password&gt;, -p=&lt;password&gt;\n--collection=&lt;collection&gt;, -c=&lt;collection&gt;  # Specifies the collection to import.\n--ssl  # Enables connection to a mongod or mongos that has TLS/SSL support enabled.\n--type &lt;json|csv|tsv&gt;  # Specifies the file type to import. DEFAULT: json\n--drop  # drops the collection before importing the data from the input.\n--headerline  # if file is CSV and first line is header\n--jsonarray  # Accepts the import of data expressed with multiple MongoDB documents within a single json array. MAX 16 MB\n</code></pre>"},{"location":"databases/mongo-db.html#mongoexport","title":"Mongoexport","text":"<p>Utility to export documents into a specified file.</p> Bash<pre><code>mongoexport --collection=&lt;collection&gt; &lt;options&gt; &lt;connection-string&gt;\n\n--uri=&lt;connectionString&gt;\n--host=&lt;hostname&gt;&lt;:port&gt;, -h=&lt;hostname&gt;&lt;:port&gt;\n--username=&lt;username&gt;, -u=&lt;username&gt;\n--password=&lt;password&gt;, -p=&lt;password&gt;\n--db=&lt;database&gt;, -d=&lt;database&gt;\n--collection=&lt;collection&gt;, -c=&lt;collection&gt;\n--type=&lt;json|csv&gt;\n--out=&lt;file&gt;, -o=&lt;file&gt;  #Specifies a file to write the export to. DEFAULT: stdout\n--jsonArray  # Write the entire contents of the export as a single json array.\n--pretty  # Outputs documents in a pretty-printed format JSON.\n--skip=&lt;number&gt;\n--limit=&lt;number&gt;  # Specifies a maximum number of documents to include in the export\n--sort=&lt;JSON&gt;  # Specifies an ordering for exported results\n</code></pre>"},{"location":"databases/mongo-db.html#mongodump-mongorestore","title":"Mongodump &amp; Mongorestore","text":"<p><code>mongodump</code> exports the content of a running server into <code>.bson</code> files.</p> <p><code>mongorestore</code> Restore backups generated with <code>mongodump</code> to a running server.</p>"},{"location":"databases/mongo-db.html#indexes","title":"Indexes","text":"<p>Indexes support the efficient execution of queries in MongoDB.</p> <p>Without indexes, MongoDB must perform a collection scan (COLLSCAN): scan every document in a collection, to select those documents that match the query statement. If an appropriate index exists for a query, MongoDB can use the index to limit the number of documents it must inspect (IXSCAN).</p> <p>Indexes are special data structures that store a small portion of the collection's data set in an easy to traverse form. The index stores the value of a specific field or set of fields, ordered by the value of the field. The ordering of the index entries supports efficient equality matches and range-based query operations. In addition, MongoDB can return sorted results by using the ordering in the index.</p> <p>Indexes slow down writing operations since the index must be updated at every writing.</p> <p></p>"},{"location":"databases/mongo-db.html#index-types","title":"Index Types","text":"<ul> <li>Normal: Fields sorted by name</li> <li>Compound: Multiple Fields sorted by name</li> <li>Multikey: values of sorted arrays</li> <li>Text: Ordered text fragments</li> <li>Geospatial: ordered geodata</li> </ul> <p>Sparse indexes only contain entries for documents that have the indexed field, even if the index field contains a null value. The index skips over any document that is missing the indexed field.</p>"},{"location":"databases/mongo-db.html#diagnosis-and-query-planning","title":"Diagnosis and query planning","text":"Bash<pre><code>db.&lt;collection&gt;.find({...}).explain()  # explain won't accept other functions\ndb.explain().&lt;collection&gt;.find({...})  # can accept other functions\ndb.explain(\"executionStats\").&lt;collection&gt;.find({...})  # more info\n</code></pre>"},{"location":"databases/mongo-db.html#index-creation","title":"Index Creation","text":"Bash<pre><code>db.&lt;collection&gt;.createIndex( &lt;key and index type specification&gt;, &lt;options&gt; )\n\ndb.&lt;collection&gt;.createIndex( { \"&lt;key&gt;\": &lt;type&gt;, \"&lt;key&gt;\": &lt;type&gt;, ... } )  # normal, compound or multikey (field is array) index\ndb.&lt;collection&gt;.createIndex( { \"&lt;key&gt;\": \"text\" } )  # text index\ndb.&lt;collection&gt;.createIndex( { \"&lt;key&gt;\": 2dsphere } )  # geospatial 2dsphere index\n\n# sparse index\ndb.&lt;collection&gt;.createIndex(\n    { \"&lt;key&gt;\": &lt;type&gt;, \"&lt;key&gt;\": &lt;type&gt;, ... },\n    { sparse: true }  # sparse option\n)\n\n# custom name\ndb.&lt;collection&gt;.createIndex(\n  { &lt;key and index type specification&gt;, },\n  { name: \"index-name\" }  # name option\n)\n</code></pre>"},{"location":"databases/mongo-db.html#index-management","title":"Index Management","text":"Bash<pre><code># view all db indexes\ndb.getCollectionNames().forEach(function(collection) {\n   indexes = db[collection].getIndexes();\n   print(\"Indexes for \" + collection + \":\");\n   printjson(indexes);\n});\ndb.&lt;collection&gt;.getIndexes()  # view collection's index\n\ndb.&lt;collection&gt;.dropIndexes()  # drop all indexes\ndb.&lt;collection&gt;.dropIndex( { \"index-name\": 1 } )  # drop a specific index\n</code></pre>"},{"location":"databases/mongo-db.html#cluster-administration","title":"Cluster Administration","text":""},{"location":"databases/mongo-db.html#mongod","title":"<code>mongod</code>","text":"<p><code>mongod</code> is the main deamon process for MongoDB. It's the core process of the database, handling connections, requests and persisting the data.</p> <p><code>mongod</code> default configuration:</p> <ul> <li>port: <code>27017</code></li> <li>dbpath: <code>/data/db</code></li> <li>bind_ip: <code>localhost</code></li> <li>auth: disabled</li> </ul> <p><code>mongod</code> config file <code>mongod</code> command line options</p>"},{"location":"databases/mongo-db.html#basic-shell-helpers","title":"Basic Shell Helpers","text":"Bash<pre><code>db.&lt;method&gt;()  # database interaction\ndb.&lt;collection&gt;.&lt;method&gt;()  # collection interaction\nrs.&lt;method&gt;();  # replica set deployment and management\nsh.&lt;method&gt;();  # sharded cluster deployment and management\n\n# user management\ndb.createUser()\ndb.dropUser()\n\n# collection management\ndb.renameCollection()\ndb.&lt;collection&gt;.createIndex()\ndb.&lt;collection&gt;.drop()\n\n# database management\ndb.dropDatabase()\ndb.createCollection()\n\n# database status\ndb.serverStatus()\n\n# database command (underlying to shell helpers and drivers)\ndb.runCommand({ \"&lt;COMMAND&gt;\" })\n\n# help\ndb.commandHelp(\"&lt;command&gt;)\n</code></pre>"},{"location":"databases/mongo-db.html#logging","title":"Logging","text":"<p>The process log displays activity on the MongoDB instance and collects activities of various components:</p> <p>Log Verbosity Level:</p> <ul> <li><code>-1</code>: Inherit from parent</li> <li><code>0</code>: Default Verbosity (Information)</li> <li><code>1 - 5</code>: Increases the verbosity up to Debug messages</li> </ul> Bash<pre><code>db.getLogComponents()  # get components and their verbosity\ndb.adminCommand({\"getLog\": \"&lt;scope&gt;\"})  # retrieve logs (getLog must be run on admin db -&gt; adminCommand)\ndb.setLogLevel(&lt;level&gt;, \"&lt;component&gt;\");  # set log level (output is OLD verbosity levels)\n\ntail -f /path/to/mongod.log  # read end og log file\n</code></pre> <p>Note: Log Message Structure: <code>&lt;timestamp&gt; &lt;severity-level&gt; &lt;component&gt; &lt;connection&gt; &lt;event&gt; ...</code></p>"},{"location":"databases/mongo-db.html#database-profiling","title":"Database Profiling","text":"<p>Profiling Levels:</p> <ul> <li><code>0</code>: no profiling</li> <li><code>1</code>: data on operations slower than <code>slowms</code> (default 100ms)</li> <li><code>2</code>: data on all operations</li> </ul> <p>Events captured by the profiler:</p> <ul> <li>CRUD operations</li> <li>Administrative operations</li> <li>Configuration operations</li> </ul> <p>Note: Logs are saved in the <code>system.profile</code> capped collection.</p> Bash<pre><code>db.setProfilingLevel(n)  # set profiler level\ndb.setProfilingLevel(1, { slowms: &lt;ms&gt; })\ndb.getProfilingStatus()  # check profiler status\n\ndb.system.profile.find().limit(n).sort( {} ).pretty()  # see logs\ndb.system.profile.find().limit(n).sort( { ts : -1 } ).pretty()  # sort by decreasing timestamp\n</code></pre>"},{"location":"databases/mongo-db.html#authentication","title":"Authentication","text":"<p>Client Authentication Mechanisms:</p> <ul> <li>SCRAM (Default): Salted Challenge Response Authentication Mechanism</li> <li>X.509: <code>X.509</code> Certificate</li> <li>LADP: Lightweight Directory Access Protocol (Enterprise Only)</li> <li>KERBEROS (Enterprise Only)</li> </ul>"},{"location":"databases/mongo-db.html#authorization-role-based-access-control-rbac","title":"Authorization: Role Based Access Control (RBAC)","text":"<p>Each user has one or more Roles. Each role has one or more Privileges. A privilege represents a group of actions and the resources those actions apply to.</p> <p>By default no user exists so the ONLY way to act is to connect locally to the server. This is the \"localhost exception\" and it closes after the first user is created.</p> <p>Warn: Always create an admin user first (ideally with the <code>userAdmin</code> role)</p> <p>Role's Resources:</p> <ul> <li>specific database and collection: <code>{ \"db\": \"&lt;database&gt;\", \"collection\": \"&lt;collection&gt;\" }</code></li> <li>all databases and collections: <code>{ \"db\": \"\", \"collection\": \"\" }</code></li> <li>any databases and specific collection: <code>{ \"db\": \"\", \"collection\": \"&lt;collections&gt;\" }</code></li> <li>specific database and any collection: <code>{ \"db\": \"&lt;database&gt;\", \"collection\": \"\" }</code></li> <li>cluster resource: <code>{ \"cluster\": true }</code></li> </ul> <p>Role's Privileges: <code>{ resource: { &lt;resource&gt; }, actions: [ \"&lt;action&gt;\" ] }</code></p> <p>A role can inherit from multiple others and can define network restrictions such as Server Address and Client Source.</p> <p>Built-in Roles Groups and Names:</p> <ul> <li>Database User: <code>read</code>, <code>readWrite</code>, <code>readAnyDatabase</code>, <code>readWriteAnyDatabase</code></li> <li>Database Administration: <code>dbAdmin</code>, <code>userAdmin</code>, <code>dbOwner</code>, <code>dbAdminAnyDatabase</code>, <code>userAdminAnyDatabase</code></li> <li>Cluster Administration: <code>clusterAdmin</code>, <code>clusterManager</code>, <code>clusterMonitor</code>, <code>hostManager</code></li> <li>Backup/Restore: <code>backup</code>, <code>restore</code></li> <li>Super User: <code>root</code></li> </ul> Bash<pre><code>db.createUser({\n    user: \"&lt;username&gt;\",\n    pwd: \"&lt;password&gt;\",\n    roles: [ { role: \"&lt;role&gt;\", db: \"&lt;database&gt;\" } ]\n})\n\ndb.createRole({\n    role: \"&lt;role&gt;\",\n    privileges: [\n        { resource: { cluster: true }, actions: [ \"&lt;action&gt;\", ... ] },\n        {\n            resource: { \n                db: \"&lt;database&gt;\",\n                collection: \"&lt;collection&gt;\"\n            },\n            actions: [ \"&lt;action&gt;\", ... ]\n        },\n    ],\n    roles: [\n        { role: \"&lt;role&gt;\", db: \"&lt;database&gt;\" }  # inherited permissions\n    ]\n})\n\n# add role to existing user\ndb.grantRolesToUser(\n    \"&lt;user&gt;\",\n    [\n        { \n            role: \"&lt;role&gt;\"\n            db: \"&lt;database&gt;\",\n            collection: \"&lt;collection&gt;\",\n        }\n    ]\n)\n\n# show role privileges\ndb.runCommand({\n    rolesInfo: { db: \"&lt;database&gt;\", role: \"&lt;role&gt;\" },\n    showPrivileges: true \n})\n</code></pre>"},{"location":"databases/mongo-db.html#replica-set","title":"Replica set","text":"<p>A replica set in MongoDB is a group of <code>mongod</code> processes that maintain the <code>same dataset</code>. Replica sets provide redundancy and high availability, and are the basis for all production deployments.</p>"},{"location":"databases/mongo-db.html#sharding","title":"Sharding","text":"<p>Sharding is a MongoDB concept through which big datasets are subdivided in smaller sets and distributed towards multiple instances of MongoDB. It's a technique used to improve the performances of large queries towards large quantities of data that require al lot of resources from the server.</p> <p>A collection containing several documents is splitted in more smaller collections (shards) Shards are implemented via cluster that are none other a group of MongoDB instances.</p> <p>Shard components are:</p> <ul> <li>Shards (min 2), instances of MongoDB that contain a subset of the data</li> <li>A config server, instance of MongoDB which contains metadata on the cluster, that is the set of instances that have the shard data.</li> <li>A router (or <code>mongos</code>), instance of MongoDB used to redirect the user instructions from the client to the correct server.</li> </ul> <p></p>"},{"location":"databases/mongo-db.html#aggregation-framework","title":"Aggregation Framework","text":"<p>Sequence of operations applied to a collection as a pipeline to get a result: <code>db.collection.aggregate(pipeline, options)</code>. Each step of the pipeline acts on its inputs and not on the original data in the collection.</p>"},{"location":"databases/mongo-db.html#variables","title":"Variables","text":"<p>Variable syntax in aggregations:</p> <ul> <li><code>$key</code>: field path</li> <li><code>$$UPPERCASE</code>: system variable (e.g.: <code>$$CURRENT</code>)</li> <li><code>$$foo</code>: user defined variable</li> </ul>"},{"location":"databases/mongo-db.html#match-aggregation-stage","title":"<code>$match</code> Aggregation Stage","text":"<p>Filters the documents to pass only the documents that match the specified condition(s) to the next pipeline stage.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n    { \"$match\": { \"&lt;query&gt;\" } },\n\n    # key exists and is an array\n    { $match: { \"&lt;array-key&gt;\": { $elemMatch: { $exists: true } } } }\n})\n</code></pre> <p>Note: <code>$match</code> can contain the <code>$text</code> query operation but it must ber the first in a pipeline Note: <code>$match</code> cannot contain use <code>$where</code> Note: <code>$match</code> uses the same syntax as <code>find()</code></p>"},{"location":"databases/mongo-db.html#project-aggregation-stage","title":"<code>$project</code> Aggregation Stage","text":"<p>Passes along the documents with the requested fields to the next stage in the pipeline. The specified fields can be existing fields from the input documents or newly computed fields.</p> <p><code>$project</code> Array Expression Operators:</p> <ul> <li><code>$filter</code></li> <li><code>$map</code></li> <li><code>$reduce</code></li> </ul> <p><code>$project</code> Arithmetic Expression Operators:</p> <ul> <li><code>$max</code></li> <li><code>$min</code></li> <li><code>$sum</code></li> <li><code>$avg</code></li> </ul> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \n        \"$project\": { \n            \"_id\": 0,  # discard value\n            \"&lt;key&gt;\": 1,  # keep value\n            \"&lt;key&gt;\": \"$&lt;other-key&gt;\"  # reassign or create field,\n            \"&lt;key&gt;\": { \"&lt;expression&gt;\" } # calculate field value.\n\n            # filter elements in an array\n            \"&lt;key&gt;\": {\n                \"$filter\": {\n                    \"input\": \"$&lt;array-key&gt;\",\n                    \"as\": \"&lt;name-of-item&gt;\",\n                    \"cond\": { \"&lt;bool-expression&gt;\" }\n                }\n            },\n\n            # transform array items\n            \"&lt;key&gt;\": {\n                \"$map\": {\n                    \"input\": \"$&lt;array-key&gt;\",\n                    \"as\": \"&lt;item&gt;\",\n                    \"in\": { \"&lt;expression&gt;\" }\n                    # $$&lt;item&gt; is the current item's value\n                }\n            }\n\n            # apply expression to each element in an array and combine them\n            \"&lt;key&gt;\": {\n                \"$reduce\": {\n                    \"input\": \"&lt;array-key&gt;\",\n                    \"initialValue\": \"&lt;value&gt;\",\n                    \"in\": { \"&lt;expression&gt;\" }\n                    # $$this is current document, $$value is current accumulated value\n                }\n            }\n        }\n    } \n])\n</code></pre>"},{"location":"databases/mongo-db.html#addfields-aggregation-stage","title":"<code>$addFields</code> Aggregation Stage","text":"<p>Adds new fields to documents (can be result of computation). <code>$addFields</code> outputs documents that contain all existing fields from the input documents and newly added fields.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate({\n    { $addFields: { &lt;newField&gt;: &lt;expression&gt;, ... } }\n})\n</code></pre>"},{"location":"databases/mongo-db.html#group-aggregation-stage","title":"<code>$group</code> Aggregation Stage","text":"<p>The $<code>group</code> stage separates documents into groups according to a \"group key\". The output is one document for each unique group key.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \n        \"$group\": {\n            \"_id\": \"&lt;expression&gt;\",  # Group By Expression (Required)\n            \"&lt;key-1&gt;\": { \"&lt;accumulator-1&gt;\": \"&lt;expression-1&gt;\" },\n            ...\n        } \n    }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#unwind-aggregation-stage","title":"<code>$unwind</code> Aggregation Stage","text":"<p>Deconstructs an array field from the input documents to output a document for each element. Each output document is the input document with the value of the array field replaced by the element</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$unwind\": \"&lt;array-key&gt;\" }\n\n     { \n        \"$unwind\": {\n            \"path\": \"&lt;array-key&gt;\",  # array to unwind\n            \"includeArrayIndex\": \"&lt;string&gt;\",  # name of index field\n            \"preserveNullAndEmptyArrays\": &lt;bool&gt;\n        } \n     }\n], { \"allowDiskUse\": &lt;bool&gt; })\n</code></pre>"},{"location":"databases/mongo-db.html#count-aggregation-stage","title":"<code>$count</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$count\": \"&lt;count-key&gt;\" }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#sort-aggregation-stage","title":"<code>$sort</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \n        \"$sort\": { \n            \"&lt;key-1&gt;\": \"&lt;sort order&gt;\", \n            \"&lt;key-2&gt;\": \"&lt;sort order&gt;\", \n            ... \n        } \n    }\n], { \"allowDiskUse\": &lt;bool&gt; })\n</code></pre> <p>Note: can take advantage of indexes if early int the pipeline and before any <code>%project</code>, <code>$group</code> and <code>$unwind</code> Note: By default <code>$sort</code> will use up to 10 MB of RAM. Setting <code>allowDiskUse: true</code> will allow for larger sorts</p>"},{"location":"databases/mongo-db.html#skip-aggregation-stage","title":"<code>$skip</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$skip\": \"&lt;positive 64-bit integer&gt;\" }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#limit-aggregation-stage","title":"<code>$limit</code> Aggregation Stage","text":"Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n     { \"$limit\": \"&lt;positive 64-bit integer&gt;\" }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#lookup-aggregation-stage","title":"<code>$lookup</code> Aggregation Stage","text":"<p>Performs a left outer join to a collection in the same database to filter in documents from the \"joined\" collection for processing. The <code>$lookup</code> stage adds a new array field to each input document. The new array field contains the matching documents from the \"joined\" collection.</p> <p>Note: To combine elements from two different collections, use the <code>$unionWith</code> pipeline stage.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([ \n    {\n        \"$lookup\": {\n            \"from\": \"&lt;foreign-collection&gt;\",\n            \"localField\": \"&lt;key&gt;\",\n            \"foreignField\": \"&lt;foreign-collection&gt;.&lt;key&gt;\",\n            \"as\": \"&lt;output array field&gt;\"\n        }\n    }\n])\n</code></pre>"},{"location":"databases/mongo-db.html#graphlookup-aggregation-stage","title":"<code>$graphLookup</code> Aggregation Stage","text":"<p>Performs a recursive search on a collection, with options for restricting the search by recursion depth and query filter.</p> <p>The collection on which the aggregation is performed and the <code>from</code> collection can be the same (in-collection search) or different (cross-collection search)</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([\n    {\n        $graphLookup: {\n            from: &lt;collection&gt;,  # starting collection of the search\n            startWith: &lt;expression&gt;,  # initial value(s) of search\n            connectFromField: &lt;string&gt;,  # source of the connection\n            connectToField: &lt;string&gt;,  # destination of the connection\n            as: &lt;string&gt;,  # array of found documents\n            maxDepth: &lt;number&gt;,  # recursive search depth limit (steps inside from collection)\n            depthField: &lt;string&gt;,  # field containing distance from start\n            restrictSearchWithMatch: &lt;document&gt;  # filter on found documents\n        }\n    }\n], { allowDiskUse: true })\n</code></pre> <p>Note: Having the <code>connectToField</code> indexed will improve search performance Warn: Can exceed the <code>100 Mb</code> memory limit even with <code>{ allowDiskUse: true }</code></p>"},{"location":"databases/mongo-db.html#sortbycount-aggregation-stage","title":"<code>$sortByCount</code> Aggregation Stage","text":"<p>Groups incoming documents based on the value of a specified expression, then computes the count of documents in each distinct group.</p> <p>Each output document contains two fields: an <code>_id</code> field containing the distinct grouping value, and a <code>count</code> field containing the number of documents belonging to that grouping or category.</p> <p>The documents are sorted by count in descending order.</p> Bash<pre><code>db.&lt;collection&gt;.aggregate([\n    { $sortByCount:  &lt;expression&gt; }\n])\n</code></pre>"},{"location":"databases/redis.html","title":"Redis","text":"<p>Redis is in the family of databases called key-value stores.</p> <p>The essence of a key-value store is the ability to store some data, called a value, inside a key. This data can later be retrieved only if we know the exact key used to store it.</p> <p>Often Redis it is called a data structure server because it has outer key-value shell, but each value can contain a complex data structure, such as a string, a list, a hashes, or ordered data structures called sorted sets as well as probabilistic data structures like hyperloglog.</p>"},{"location":"databases/redis.html#redis-commands","title":"Redis Commands","text":""},{"location":"databases/redis.html#server-startup","title":"Server Startup","text":"Bash<pre><code>redis-server  # start the server\nredis-cli\n</code></pre>"},{"location":"databases/redis.html#key-value-pairs","title":"Key-Value Pairs","text":"Bash<pre><code>SET &lt;key&gt; &lt;value&gt; [ EX &lt;seconds&gt; ] # store a key-value pair, TTL optional\nGET &lt;key&gt;  # read a key content\nEXISTS &lt;key&gt;  # check if a key exists\nDEL &lt;key&gt;  # delete a key-value pair\n\nINCR &lt;key&gt;  # atomically increment a number stored at a given key\nINCRBY &lt;key&gt; &lt;amount&gt;  # increment the number contained inside a key by a specific amount\nDECR &lt;key&gt;\nDECRBY &lt;key&gt; &lt;amount&gt;\n\n# re-setting the key will make it permanent (TTL -1)\nEXPIRE &lt;key&gt; &lt;seconds&gt;  # make the key expire after &lt;second&gt; seconds\nTTL &lt;key&gt;  # see remaining seconds before expiry\nPEXPIRE &lt;key&gt; &lt;seconds&gt;  # make the key expire after &lt;second&gt; milli-seconds\nPTTL &lt;key&gt;  # see remaining milli-seconds before expiry\nPERSIST &lt;key&gt;  # make the key permanent\n</code></pre>"},{"location":"databases/redis.html#lists","title":"Lists","text":"<p>A list is a series of ordered values.</p> Bash<pre><code>RPUSH &lt;key&gt; &lt;value1&gt; &lt;value2&gt; ... # add one or more values to the end of the list\nLPUSH &lt;key&gt; &lt;value1&gt; &lt;value2&gt; ...  # add one or more values to the start of a list\n\nLLEN  # number of items in the list\nLRANGE &lt;key&gt; &lt;start_index&gt; &lt;end_index&gt;  # return a subset of the list, end index included. Negative indexes count backwards from the end\n\nLPOP  # remove and return the first item fro the list\nRPOP  # remove and return the last item fro the list\n</code></pre>"},{"location":"databases/redis.html#sets","title":"Sets","text":"<p>A set is similar to a list, except it does not have a specific order and each element may only appear once.</p> Bash<pre><code>SADD &lt;key&gt; &lt;value1&gt; &lt;value2&gt; ... # add one or more values to the set (return 0 if values are already inside)\nSREM &lt;key&gt; &lt;value&gt;  # remove the given member from the set, return 1 or 0 to signal if the member was actually there or not.\nSPOP &lt;key&gt; &lt;value&gt;  # remove and return value from the set\n\nSISMEMBER &lt;key&gt; &lt;value&gt;  # test if value is in the set\nSMEMBERS &lt;key&gt;  # lis of all set items\n\nSUINION &lt;key1&gt; &lt;key2&gt; ...  # combine two or more sets and return the list of all elements.\n</code></pre>"},{"location":"databases/redis.html#sorted-sets","title":"Sorted Sets","text":"<p>Sets are a very handy data type, but as they are unsorted they don't work well for a number of problems. This is why Redis 1.2 introduced Sorted Sets.</p> <p>A sorted set is similar to a regular set, but now each value has an associated score. This score is used to sort the elements in the set.</p> Bash<pre><code>ZADD &lt;key&gt; &lt;score&gt; &lt;value&gt;  # add a value with it's score\n\nZRANGE &lt;key&gt; &lt;start_index&gt; &lt;end_index&gt;  # return a subset of the sortedSet\n\n...\n</code></pre>"},{"location":"databases/redis.html#hashes","title":"Hashes","text":"<p>Hashes are maps between string fields and string values, so they are the perfect data type to represent objects.</p> Bash<pre><code>HSET &lt;key&gt; &lt;field&gt; &lt;value&gt; [ &lt;field&gt; &lt;value&gt; ... ] # set the string of a hash field\nHSETNX &lt;key&gt; &lt;field&gt; &lt;value&gt;  # set the value of a hash field, only if the field does not exist\n\nHEXISTS &lt;key&gt; &lt;field&gt;  # determine if a hash field exists\n\nHLEN &lt;key&gt;  # get the number of fields in a hash\nHSTRLEN &lt;key&gt; &lt;field&gt;  # get the length of the value of a hash field\nHGETALL &lt;key&gt;  # get all fields and values in a hash\nHGET &lt;key&gt; &lt;field&gt;  # get data on a single field\nHKEYS &lt;key&gt;  # get all the fields in a hash\nHVALS &lt;key&gt;  # get all the values in a hash\n\nHDEL &lt;key&gt; &lt;field_1&gt; &lt;field_2&gt; ...  # delete one or more field hashes\n\nHMGET &lt;key&gt; &lt;field&gt; [&lt;field&gt; ...]  # get the values of all the given hash fields\nHMSET &lt;key&gt; &lt;field&gt; &lt;value&gt; [&lt;field&gt; &lt;value&gt; ...]  # set multiple hash fields to multiple values\n\nHINCRBY &lt;key&gt; &lt;field&gt; &lt;amount&gt;  # increment the integer value of a hash field by the given number\nHINCRBYFLOAT &lt;key&gt; &lt;field&gt; &lt;amount&gt; # increment the float value of a hash field by the given amount\n\nHSCAN &lt;key&gt; &lt;cursor&gt; [MATCH &lt;pattern&gt;] [COUNT &lt;count&gt;]  # incrementally iterate hash fields and associated values\n</code></pre>"},{"location":"databases/sql.html","title":"SQL","text":""},{"location":"databases/sql.html#ddl","title":"DDL","text":"SQL<pre><code>show databases;    -- mostra database\nCREATE DATABASE &lt;database&gt;;    -- database creation\nuse &lt;database_name&gt;;    -- usa un database particolare\nexit;    -- exit mysql\n\nshow tables;    -- mostra tabelle del database\n\n-- INLINE COMMENT\n/* MULTI-LINE COMMENT */\n</code></pre>"},{"location":"databases/sql.html#table-creation","title":"Table Creation","text":"SQL<pre><code>CREATE TABLE &lt;table_name&gt;\n    (&lt;field_name&gt; &lt;field_type&gt; &lt;option&gt;,\n    ...);\n</code></pre>"},{"location":"databases/sql.html#primary-key-from-multiple-fields","title":"PRIMARY KEY from multiple fields","text":"SQL<pre><code>CREATE TABLE &lt;table_name&gt;(\n    ...,\n    PRIMARY KEY (&lt;field1&gt;, ...),\n);\n</code></pre>"},{"location":"databases/sql.html#table-field-options","title":"Table Field Options","text":"SQL<pre><code>PRIMARY KEY -- marks primary key as field option\nNOT NULL -- marks a necessary field\nREFERENCES &lt;table&gt; (&lt;field&gt;) -- adds foreign key reference\nUNIQUE (&lt;field&gt;) -- set field as unique (MySQL)\n&lt;field&gt; UNIQUE -- T-SQL\n</code></pre>"},{"location":"databases/sql.html#table-modification","title":"Table Modification","text":"SQL<pre><code>ALTER TABLE &lt;table&gt;\n    ADD PRIMARY KEY (&lt;field&gt;, ...),    -- definition of PK after table creation\n    ADD &lt;field_name&gt; &lt;field_type&gt; &lt;option&gt;;    -- addition of a new field, field will have no value in the table\n\nALTER TABLE &lt;table&gt;\n    CHANGE &lt;field_name&gt; &lt;new_name&gt; &lt;new_type&gt;;\n    ALTER COLUMN &lt;field_name&gt; &lt;new_name&gt; &lt;new_type&gt;;    -- T-SQL\n\nALTER TABLE &lt;table&gt;\n    DROP &lt;field&gt;;\n\nALTER TABLE &lt;table&gt;\n    ADD FOREIGN KEY (&lt;field&gt;) REFERENCES &lt;TABLE&gt; (&lt;FIELD&gt;);\n</code></pre>"},{"location":"databases/sql.html#dml","title":"DML","text":""},{"location":"databases/sql.html#data-insertion","title":"Data Insertion","text":"SQL<pre><code>INSERT INTO &lt;table&gt; (field_1, ...) VALUES (value_1, ...), (value_1, ...);\nINSERT INTO &lt;table&gt; VALUES (value_1, ...), (value_1, ...);    -- field order MUST respect tables's columns order\n</code></pre>"},{"location":"databases/sql.html#data-update","title":"Data Update","text":"SQL<pre><code>UPDATE &lt;table&gt; SET &lt;field&gt; = &lt;value&gt;, &lt;field&gt; = &lt;value&gt;, ... WHERE &lt;condition&gt;;\n</code></pre>"},{"location":"databases/sql.html#data-elimination","title":"Data Elimination","text":"SQL<pre><code>DELETE FROM &lt;table&gt; WHERE &lt;condition&gt;\nDELETE FROM &lt;table&gt; -- empty the table\n</code></pre>"},{"location":"databases/sql.html#data-selection","title":"Data Selection","text":"<p><code>*</code>: denotes all table fields</p> SQL<pre><code>SELECT * FROM &lt;table&gt;;    -- show table contents\nSHOW columns FROM &lt;table&gt;;    -- show table columns\nDESCRIBE &lt;table&gt;;    -- shows table\n</code></pre>"},{"location":"databases/sql.html#alias","title":"Alias","text":"SQL<pre><code>SELECT &lt;field&gt; as &lt;alias&gt;; -- shows &lt;field/funzione&gt; with name &lt;alias&gt;\n</code></pre>"},{"location":"databases/sql.html#conditional-selection","title":"Conditional Selection","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; WHERE &lt;condition&gt;;    -- shows elements that satisfy the condition\nAND, OR, NOT    -- logic connectors\n\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; Between &lt;value_1&gt; AND &lt;value_2&gt;;\n</code></pre>"},{"location":"databases/sql.html#ordering","title":"Ordering","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ...;    -- shows the table ordered by &lt;field&gt;\nSELECT * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ... DESC;    -- shows the table ordered by &lt;field&gt;, decreasing order\nSELECT * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ... LIMIT n;    -- shows the table ordered by &lt;field&gt;, shows n items\nSELECT TOP(n) * FROM &lt;table&gt; ORDER BY &lt;field&gt;, ...;    -- T-SQL\n</code></pre>"},{"location":"databases/sql.html#grouping","title":"Grouping","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; GROUP BY &lt;field&gt;;\nSELECT * FROM &lt;table&gt; GROUP BY &lt;field&gt; HAVING &lt;condition&gt;;\nSELECT DISTINCT &lt;field&gt; FROM &lt;table&gt;;    -- shows elements without repetitions\n</code></pre>"},{"location":"databases/sql.html#ricerca-caratteri-in-valori","title":"Ricerca caratteri in valori","text":"<p><code>%</code>: any number of characters</p> SQL<pre><code>SELECT * FROM &lt;table&gt; WHERE &lt;field&gt; LIKE '&lt;char&gt;%';    -- selects items in &lt;field&gt; that start with &lt;char&gt;\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; LIKE '%&lt;char&gt;';    -- selects items in &lt;field&gt; that end with &lt;char&gt;\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; LIKE '%&lt;char&gt;%';    -- selects items in &lt;field&gt; that contain &lt;char&gt;\nSELECT * FROM &lt;table&gt; WHERE &lt;field&gt; NOT LIKE '%&lt;char&gt;%';    -- selects items in &lt;field&gt; that do not contain &lt;char&gt;\n</code></pre>"},{"location":"databases/sql.html#selection-from-multiple-tables","title":"Selection from multiple tables","text":"SQL<pre><code>SELECT a.&lt;field&gt;, b.&lt;field&gt; FROM &lt;table&gt; AS a, &lt;table&gt; AS b\n    WHERE a.&lt;field&gt; ...;\n</code></pre>"},{"location":"databases/sql.html#functions","title":"Functions","text":"SQL<pre><code>SELECT COUNT(*) FROM &lt;field&gt;;    -- count of items in &lt;field&gt;\nSELECT MIN(*) FROM &lt;table&gt;;    -- min value\nSELECT MAX(*) FROM &lt;table&gt;;    -- max value\nSELECT AVG(*) FROM &lt;table&gt;;    -- mean of values\nALL (SELECT ...)\nANY (SELECT ...)\n</code></pre>"},{"location":"databases/sql.html#nested-queries","title":"Nested Queries","text":"SQL<pre><code>SELECT * FROM &lt;table&gt; WHERE EXISTS (SELECT * FROM &lt;table&gt;)  -- selected field existing in subquery\nSELECT * FROM &lt;table&gt; WHERE NOT EXISTS (SELECT * FROM &lt;table&gt;)  -- selected field not existing in subquery\n</code></pre>"},{"location":"databases/sql.html#new-table-from-data","title":"New table from data","text":"<p>Create new table with necessary fields:</p> SQL<pre><code>CREATE TABLE &lt;table&gt; (\n    (&lt;field_name&gt; &lt;field_type&gt; &lt;option&gt;,\n    ...);\n)\n</code></pre> <p>Fill fields with data from table:</p> SQL<pre><code>INSERT INTO &lt;table&gt;\n    SELECT &lt;fields&gt; FROM &lt;TABLE&gt; WHERE &lt;condition&gt;;\n</code></pre>"},{"location":"databases/sql.html#join","title":"Join","text":"SQL<pre><code>SELECT * FROM &lt;table1&gt; JOIN &lt;table2&gt; ON &lt;table1&gt;.&lt;field&gt; = &lt;table2&gt;.&lt;field&gt;;\nSELECT * FROM &lt;table1&gt; LEFT JOIN &lt;table2&gt; ON &lt;condition&gt;;\nSELECT * FROM &lt;table1&gt; RIGHT JOIN &lt;table2&gt; ON &lt;condition&gt;\n</code></pre> <p>Inner Join, Left Join, Right Join, Full Outer Join</p>"},{"location":"databases/sql.html#multiple-join","title":"Multiple Join","text":"SQL<pre><code>SELECT * FROM &lt;table1&gt;\nJOIN &lt;table2&gt; ON &lt;table1&gt;.&lt;field&gt; = &lt;table2&gt;.&lt;field&gt;\nJOIN &lt;table3&gt; ON &lt;table2&gt;.&lt;field&gt; = &lt;table3&gt;.&lt;field&gt;;\n</code></pre> <p>char, nchar, varchar, nvarchar</p>"},{"location":"databases/sql.html#t-sql-mssql-server","title":"T-SQL (MSSQL Server)","text":""},{"location":"databases/sql.html#t-sql-insert-from-table","title":"T-SQL Insert From table","text":"SQL<pre><code>USE [&lt;db_name&gt;]\n\nSET IDENTITY_INSERT [&lt;destination_table&gt;] ON\n\nINSERT INTO &lt;table&gt; (field_1, ...)\n\nSELECT (field_1, ...) FROM &lt;source_table&gt;\n\nSET IDENTITY_INSERT [&lt;destination_table&gt;] OFF\n</code></pre>"},{"location":"databases/sql.html#t-sql-parametric-query","title":"T-SQL Parametric Query","text":"SQL<pre><code>-- variable declaration\nDECLARE @var_name &lt;type&gt;\n\n-- init variable (input parameter)\nSET @var_name = &lt;value&gt;\n\n-- use in query (memorize data)\nSELECT @var_name = COUNT(*)  -- query won't show results in the \"table view\" since param is used in SELECT\nFROM &lt;table&gt; ...\n\n-- display message (query won't show results in the \"table view\")\nPRINT 'Text: ' + @var_name\nPRINT 'Text: ' + CONVERT(type, @var_name)  -- convert data before printing\nGO\n</code></pre>"},{"location":"databases/sql.html#t-sql-view","title":"T-SQL View","text":"<p>A view represents a virtual table. Join multiple tables in a view and use the view to present the data as if the data were coming from a single table.</p> SQL<pre><code>CREATE VIEW &lt;name&gt; AS\nSELECT * FROM &lt;table&gt; ...\n</code></pre>"},{"location":"databases/sql.html#t-sql-stored-procedure","title":"T-SQL Stored Procedure","text":"<p>Stored Procedure How-To T-SQL Stored Procedure</p> <p>Stored Procedure Definition:</p> SQL<pre><code>CREATE PROCEDURE &lt;Procedure_Name&gt;\n    -- Add the parameters for the stored procedure here\n    &lt;@Param1&gt; &lt;Datatype_For_Param1&gt; = &lt;Default_Value_For_Param1&gt;,\n    &lt;@Param2&gt; &lt;Datatype_For_Param2&gt;\nAS\nBEGIN\n    -- SET NOCOUNT ON added to prevent extra result sets from interfering with SELECT statements.\n    SET NOCOUNT ON;  -- don't return number of selected rows\n\n    -- Insert statements for procedure here\n    SELECT ...\nEND\nGO\n</code></pre> <p>Stored Procedure call in query:</p> SQL<pre><code>USE &lt;database&gt;\nGO\n\n-- Stored Procedure call\nEXECUTE &lt;Procedure_Name&gt;\n-- or\nEXEC &lt;Procedure_Name&gt;\n</code></pre>"},{"location":"languages/markdown.html","title":"Markdown Notes","text":""},{"location":"languages/markdown.html#headings","title":"Headings","text":"Markdown<pre><code>Heading 1\n=========\n\nHeading 2\n---------\n\n# Heading 1\n## Heading 2\n### Heading 3\n</code></pre>"},{"location":"languages/markdown.html#text-formatting","title":"Text Formatting","text":"Markdown<pre><code>*Italic*    _Italic_\n**Bold**    __Bold__\n\n~GitHub's strike-trough~\n</code></pre>"},{"location":"languages/markdown.html#links-images","title":"Links &amp; Images","text":"Markdown<pre><code>[link text](http://b.org \"title\")\n\n[link text][anchor]\n[anchor]: http://b.org \"title\"\n\n![alt attribute](http://url/b.jpg \"title\")\n\n![alt attribute][anchor]\n[anchor]: http://url/b.jpg \"title\"\n</code></pre> Markdown<pre><code>&gt; Blockquote\n\n* unordered list        - unordered list\n* unordered list        - unordered list\n* unordered list        - unordered list\n\n1) ordered list         1. ordered list\n2) ordered list         2. ordered list\n3) ordered list         3. ordered list\n\n- [ ] empty checkbox\n- [x] checked checkbox\n</code></pre>"},{"location":"languages/markdown.html#horizontal-rule","title":"Horizontal rule","text":"Markdown<pre><code>---                     ***\n</code></pre>"},{"location":"languages/markdown.html#code","title":"Code","text":"Markdown<pre><code>`inline code`\n\n    ```lang\n    multi-line\n    code block\n    ```\n</code></pre>"},{"location":"languages/markdown.html#table","title":"Table","text":"Markdown<pre><code>| column label | column label | column label  |\n|:-------------|:------------:|--------------:|\n| left-aligned | centered     | right-aligned |\n| row contents | row contents | row contents  |\n</code></pre>"},{"location":"languages/assembly/intel.html","title":"Assembly (Intel)","text":""},{"location":"languages/assembly/intel.html#compiling-linking","title":"Compiling &amp; Linking","text":"Bash<pre><code># compiling\nnasm -g -f elf64 src.asm  # -g adds debug info, -f specifies the 64bit ELF format\n\n# linking\nld -o src src.o  # -o specifies the output name\n</code></pre>"},{"location":"languages/assembly/intel.html#basics","title":"Basics","text":""},{"location":"languages/assembly/intel.html#exports-sections","title":"Exports &amp; Sections","text":"<p>Symbols can be exported to be linked against with the linker</p> <p>Every program in ELF has several sections:</p> <ul> <li><code>data</code>: global variables</li> <li><code>rodata</code>: global constants (read-only data)</li> <li><code>bss</code>: space reserved at program startup</li> <li><code>text</code>: CPU instructions</li> </ul> GAS<pre><code>; export the '_start' symbol for linking\nglobal _start\n\n; specify a section\nsection .data\nsection .text\n</code></pre>"},{"location":"languages/assembly/intel.html#labels-declarations","title":"Labels &amp; Declarations","text":"<p>Anything that's on the beginning of a line and is followed by a colon (<code>:</code>) is a label. Labels generally store addresses.</p> <p>Declaration instructions:</p> <ul> <li><code>db</code>: declare bytes</li> <li><code>dw</code>: declare word (2 bytes)</li> <li><code>dd</code>: declare double word (4 bytes)</li> <li><code>dq</code>: declare quad word (8 bytes)</li> <li><code>equ</code>: set a name to the value of an expression</li> </ul> <p>Note: See the NASM manual, section 3.2.1 for the full list. Note: all byte declarations are Little Endian</p> GAS<pre><code>arr: db 0x12,0x34,0x56,0x78,0x90\n</code></pre>"},{"location":"languages/assembly/intel.html#registers","title":"Registers","text":"<p>There are several registers available on x86_64. Some serve a specific purposes (e.g. registers for storing floating point ; numbers), while others are called \"general purpose\" registers.</p> <p>There are 16 of them:</p> <ul> <li><code>rax</code>: accumulator</li> <li><code>rbx</code>: base</li> <li><code>rcx</code>: counter</li> <li><code>rdx</code>: destination</li> <li><code>rsp</code> and <code>rbp</code>: stack pointer and base pointer</li> <li><code>rsi</code> and <code>rdi</code>: source and destination index</li> <li><code>r8</code> through <code>r15</code>: lack of creativity</li> </ul> <p>The prefix <code>r</code> means that instructions will use all 64 bits in the registers.  </p> <p>For all those registers, except <code>r8</code> through <code>r15</code>, it's possible to access:</p> <ul> <li>the lowest 32 bits with <code>e</code> prefix (e.g. <code>eax</code>, <code>ebp</code>)</li> <li>the lowest 16 bits without any prefix (e.g. <code>ax</code>, <code>si</code>)</li> </ul> <p>For registers <code>rax</code> through <code>rdx</code>, it's possible to access:</p> <ul> <li>the lowest byte with the <code>l</code> suffix, replacing the trailing <code>x</code> (e.g. <code>al</code>)</li> <li>the highest byt in the 16 bits with the <code>h</code> suffix, in the same way (e.g. <code>ah</code>)</li> </ul>"},{"location":"languages/assembly/intel.html#instructions","title":"Instructions","text":"<p>Instructions are operations that the CPU knowns how to execute directly. They are separated from their operands by whitespace, and the operands are separated from other with commas.</p> GAS<pre><code>&lt;instr&gt; &lt;operand1&gt;, &lt;operand2&gt;, ..., &lt;operand_n&gt;\n\n; Intel syntax dictates the first operand is the destination, and the second is the source\n&lt;instr&gt; DEST, SOURCE\n</code></pre> GAS<pre><code>mov eax, 0x12345678  ; copies 4 bytes to eax\ninc rdi  ; INC: increment\ndec rsi  ; DEC: decrement\n</code></pre>"},{"location":"languages/assembly/intel.html#add","title":"<code>add</code>","text":"<p>Adds the two operands and stores the result in the destination.</p> GAS<pre><code>add rdi, rbx  ; Equivalent to rdi += rbx\n</code></pre>"},{"location":"languages/assembly/intel.html#sub","title":"<code>sub</code>","text":"<p>Subtract the two operands and stores the result in the destination.</p> GAS<pre><code>sub rsi, rbx  ; Equivalent to rsi -= rbx\n</code></pre>"},{"location":"languages/assembly/intel.html#mul-div-imul-idiv","title":"<code>mul</code>, <code>div</code>, <code>imul</code>, <code>idiv</code>","text":"<p><code>mul</code> and <code>div</code> interpret their  operands as unsigned integers. <code>imul</code> and <code>idiv</code> interpret their operands as signed integers in two's complement.</p> <p><code>mul</code> and <code>div</code> instructions take a single operand because they use fixed registers for the other number.</p> <p>For <code>mul</code>, the result is <code>rax</code> * <code>&lt;operand&gt;</code>, and it's a 128-bit value stored in <code>rdx:rax</code>, meaning the 64 lower bits are stored in <code>rdx</code>, while the 64 upper bits are stored in <code>rax</code>.</p> <p>For <code>div</code>, the operand is the divisor and the dividend is <code>rdx:rax</code>, meaning it's a 128-bit value whose 64 upper bits are in <code>rdx</code> and whose 64 lower bits are in <code>rax</code>. The quotient is a 64-bit value stored in <code>rax</code>, and the remainder is also a 64-bit value, stored in <code>rdx</code>.</p>"},{"location":"languages/assembly/intel.html#and-or-xor","title":"<code>and</code>, <code>or</code>, <code>xor</code>","text":"GAS<pre><code>and rdi, rsi  ; bitwise AND\nor rdi, rsi  ; bitwise OR\nxor rdi, rsi  ; bitwise XOR\n</code></pre>"},{"location":"languages/assembly/intel.html#shr-shl","title":"<code>shr</code>, <code>shl</code>","text":"GAS<pre><code>shr rsi, 2  ; right (logical) bitshift: equivalent to rsi &gt;&gt; 2\nshl rsi, 3  ; left (logical) bitshift: equivalent to rsi &lt;&lt; 3\n</code></pre> <p>Note: there's <code>sar</code> for arithmetic right shift and <code>sal</code> for arithmetic shift left.</p>"},{"location":"languages/assembly/riscv.html","title":"Assembly (RISC-V)","text":"<p>Assembly programs are encoded as plain text files and contain four main elements:</p> <ul> <li>Comments: comments are textual notes that are often used to document information on the code.</li> <li>Labels: labels are \"markers\" that represent program locations.</li> <li>Instructions: Assembly instructions are instructions that are converted by the assembler into machine instructions.</li> <li>Directives: Assembly directives are commands used to coordinate the assembling process.</li> </ul>"},{"location":"languages/assembly/riscv.html#assembly-language","title":"Assembly Language","text":""},{"location":"languages/assembly/riscv.html#labels","title":"Labels","text":"<p>Labels are \"markers\" that represent program locations. They can be inserted into an assembly program to \"mark\" a program position so that it can be referred to by assembly instructions.</p> GAS<pre><code>x:  # &lt;-- label definition\n  .word 10\n\nsum:\n  lw a0, x\n  addi a0, a0, 10\n  ret\n</code></pre> <p>Assemblers usually accept two kinds of labels: symbolic and numeric labels.</p> <p>Symbolic labels are de\ufb01ned by an identifier followed by <code>:</code>. They are stored as symbols in the symbol table and are often used to identify global variables and routines.</p> <p>Numeric labels are de\ufb01ned by a single decimal digit followed by <code>:</code>. They are used for local reference and are not included in the symbol table of executable files. They can be redefined repeatedly in the same assembly program.  </p> <p>References to numeric labels contain a suffix that indicates whether the reference is to a numeric label positioned before (<code>b</code> suffix) or after (<code>f</code> suffix) the reference.</p>"},{"location":"languages/assembly/riscv.html#symbols","title":"Symbols","text":"<p>Program symbols are \"names\" that are associated with numerical values and the symbol table is a data structure that maps each program symbol to its value. Labels are automatically converted into program symbols by the assembler and associated with a numerical value that represents its position in the program, which is a memory address.</p> <p>It's possible to explicitly define symbols with the <code>.set</code> (or <code>.equ</code>) directive.</p> GAS<pre><code>.set answer, 42\n\nget_answer:\n  li a0, answer\n  ret\n</code></pre>"},{"location":"languages/assembly/riscv.html#references-relocations","title":"References &amp; Relocations","text":"<p>Each reference to a label must be replaced by an address during the assembling and linking processes. Relocation is the process in which the code and data are assigned new memory addresses so that they do not conflict with addresses of coming from the other linked sources.</p> <p>The relocation table is a data structure that contains information that describes how the program instructions and data need to be modi\ufb01ed to re\ufb02ect the addresses reassignment. Each object \ufb01le contains a relocation table and the linker uses their information to adjust the code when performing the relocation process.</p>"},{"location":"languages/assembly/riscv.html#global-vs-local-symbols","title":"Global vs Local Symbols","text":"<p>Symbols are classified as local or global symbols.</p> <p>Local symbols are only visible on the same \ufb01le, i.e., the linker does not use them to resolve undefined references on other files. Global symbols, on the other hand, are used by the linker to resolve undefined reference on other files.</p> <p>By default, the assembler registers labels as local symbols. The <code>.globl</code> directive instructs the assembler to register a label as a global symbol.</p> GAS<pre><code>.globl exit\n\nexit:\n  li a0, 0\n  li a7, 93\n  ecall\n</code></pre>"},{"location":"languages/assembly/riscv.html#program-entry-point","title":"Program Entry Point","text":"<p>Every program has an entry point: the point from which the CPU must start executing the program. The entry point is de\ufb01ned by an address, which is the address of the first instruction that must be executed.</p> GAS<pre><code>.globl start # &lt;-- program entry point \n</code></pre> <p>Note: the <code>start</code> label must be registered as a global symbol for the linker to recognize it as the entry point.</p>"},{"location":"languages/assembly/riscv.html#program-sections","title":"Program Sections","text":"<p>Executable and object files, and assembly programs are usually organized in sections. A section may contain data or instructions, and the contents of each section are mapped to a set of consecutive main memory addresses.</p> <p>The following sections are often present on executable files generated for Linux-based systems:</p> <ul> <li><code>.text</code>: a section dedicated to store the program instructions.</li> <li><code>.data</code>: a section dedicated to store initialized global variables.</li> <li><code>.bss</code>: a section dedicated to store uninitialized global variables.</li> <li><code>.rodata</code>: a section dedicated to store constants.</li> </ul> <p>When linking multiple object files, the linker groups information from sections with the same name and places them together into a single section on the executable \ufb01le.</p> <p>To instruct the assembler to add the assembled information into other sections, the programmer (or the compiler) may use the <code>.section &lt;name&gt;</code> directive.</p> GAS<pre><code>.section .text\n\nupdate_y:\n  la t1, y\n  sw a0, (t1)\n  ret\n\nupdate_x:\n  la t1, x\n  sw a0, (t1)\n  ret\n\n.section .data\n\nx: .word 10\ny: .word 12\n</code></pre>"},{"location":"languages/assembly/riscv.html#assembly-instructions","title":"Assembly Instructions","text":"<p>Assembly instructions are instructions that are converted by the assembler into machine instructions. They are usually encoded as a string that contains a mnemonic and a sequence of parameters, known as operands.</p> <p>A pseudo-instruction is an assembly instruction that does not have a corresponding machine instruction on the ISA, but can be translated automatically by the assembler into one or more alternative machine instructions to achieve the same effect.</p> <p>The operands of assembly instructions may contain:</p> <ul> <li>A register name: a register name identifies one of the ISA registers.</li> </ul> <ul> <li>An immediate value: an immediate value is a numerical constant that is directly encoded into the machine instruction as a sequence of bits.</li> <li>A symbol name: symbol names identify symbols on the symbol table and are replaced by their respective values during the assembling and linking processes.   Their value are encoded into the machine instruction as a sequence of bits.</li> </ul>"},{"location":"languages/assembly/riscv.html#immediate-values","title":"Immediate Values","text":"<p>Immediate values are represented on assembly language by a sequence of alphanumeric characters.</p> <ul> <li>Sequences started with the <code>0x</code> and the <code>0b</code> prefixes are interpreted as hexadecimal and binary numbers, respectively.  </li> <li>Octal numbers are represented by a sequence of numeric digits starting with digit <code>0</code>.  </li> <li>Sequences of numeric digits starting with digits <code>1</code> to <code>9</code> are interpreted as decimal numbers.</li> <li>Alphanumeric characters represented between single quotation marks are converted to numeric values using the ASCII table</li> <li>To denote a negative integer, it suffices to add the <code>-</code> prefix.</li> </ul> GAS<pre><code>li a0, 10        # load value ten into register a0\n2 li a1, 0xa     # load value ten into register a1\n3 li a2, 0b1010  # load value ten into register a2\n4 li a3, 012     # load value ten into register a3\n5 li a4, \u20190\u2019     # load value forty eight into register a4\n6 li a5, \u2019a\u2019     # load value ninety seven into register a5\n</code></pre>"},{"location":"languages/assembly/riscv.html#the-value-directives","title":"The <code>.&lt;value&gt;</code> Directives","text":"<p>The <code>.byte</code>, <code>.half</code>, <code>.word</code>, and <code>.dword</code> directives add one or more values to the active section. Their arguments may be expressed as immediate values, symbols (which are replaced by their value during the assembling and linking processes) or by arithmetic expressions that combine both.</p> <p>The <code>.string</code>, <code>.asciz</code>, and <code>.ascii</code> directives add strings to the active section. The string is encoded as a sequence of bytes.</p> Directive Arguments Description <code>.byte</code> <code>expr [, expr]*</code> Emit one or more 8bit comma separated words <code>.half</code> <code>expr [, expr]*</code> Emit one or more 16bit comma separated words <code>.word</code> <code>expr [, expr]*</code> Emit one or more 32bit comma separated words <code>.dword</code> <code>expr [, expr]*</code> Emit one or more 64bit comma separated words <code>.string</code> <code>string</code> Emit <code>NULL</code> terminated string <code>.asciz</code> <code>string</code> Alias for <code>.string</code> <code>.ascii</code> <code>string</code> Emit string without <code>NULL</code> character"},{"location":"languages/assembly/riscv.html#the-set-and-equ-directives","title":"The <code>.set</code> and <code>.equ</code> directives","text":"<p>The <code>.set name, expression</code> directive adds a symbol to the symbol table. It takes a name and an expression as arguments, evaluates an expression to a value and store the name and the resulting value into the symbol table.</p> <p>The <code>.equ</code> directive performs the same task as the .set directive.</p>"},{"location":"languages/assembly/riscv.html#the-globl-directive","title":"The <code>.globl</code> directive","text":"<p>The <code>.globl</code> directive can be used to turn local symbols into global ones.</p> GAS<pre><code>.global start\n.global max_value\n\n.set max_value, 42\n\nstart:\n  li a0, max_value\n  jal process_temp\n  ret\n</code></pre>"},{"location":"languages/assembly/riscv.html#the-skip-directive","title":"The <code>.skip</code> directive","text":"<p>The <code>.bss</code> section is dedicated for storing uninitialized global variables. These variables need to be allocated on memory, but they do not need to be initialized by the loader when a program is executed. As a consequence, their initial value do not need to be stored on executable nor object files.</p> <p>To allocate variables on the <code>.bss</code> section it suffices to declare a label to identify the variable and advance the <code>.bss</code> location counter by the amount of bytes the variable require, so further variables are allocated on other address. The <code>.skip N</code> directive is a directive that advances the location counter by <code>N</code> units and can be used to allocate space for variables on the <code>.bss</code> section.</p> GAS<pre><code>.section .bss\nx: .skip 4\ny: .skip 80\nz: .skip 4\n</code></pre>"},{"location":"languages/assembly/riscv.html#the-align-directive","title":"The <code>.align</code> directive","text":"<p>Some ISA's require instructions or multi-byte data to be stored on addresses that are multiple of a given number.</p> <p>The proper way of ensuring the location counter is aligned is by using the <code>.align N</code> directive. The <code>.align N</code> directive checks if the location counter is a multiple of <code>2^N</code>, if it is, it has no effect on the program, otherwise, it advances the location counter to the next value that is a multiple of <code>2^N</code>.</p>"},{"location":"languages/bash/commands.html","title":"Bash Commands","text":"<p>Note: Square brackets (<code>[]</code>) denotes optional commands/flags/arguments. Uppercase denotes placeholders for arguments.</p>"},{"location":"languages/bash/commands.html#basic-commands","title":"Basic Commands","text":""},{"location":"languages/bash/commands.html#elevated-privileges-and-users","title":"Elevated Privileges and Users","text":"<p>sudo vs su</p> Bash<pre><code>sudo su  # login as root (user must be sudoers, root password not required) DANGEROUS\nsudo -s  # act as root and inherit current user environment (env as is now, along current dir and env vars) SAFE (can modify user environment)\nsudo -i  # act as root and and use a clean environment (goes to user's home, runs .bashrc) SAFEST\nsudo COMMAND  # run a command w\\ root permissions\nsudo -u USER COMMAND # run command as user\n\nsu  # become root (must know root password) DANGEROUS\nsu - USER  # change user and load it's home folder\nsu USER  # change user but don't load it's home folder\n</code></pre>"},{"location":"languages/bash/commands.html#getting-info","title":"Getting Info","text":"Bash<pre><code>man COMMAND  # show command manual\nhelp COMMAND  # show command info\nwhatis COMMAND  # one-line command explanation\napropos COMMAND  # search related commands\nwhich COMMAND  # locate a command\nhistory  # list of used commands\n\nid  # Print user and group information for the specified USER, or (when USER omitted) for the current user\n</code></pre>"},{"location":"languages/bash/commands.html#moving-showing-directory-contents","title":"Moving &amp; Showing Directory Contents","text":"Bash<pre><code>pwd  # print working (current) directory\nls [option]... [FILE]...   # list directory contents (\"list storage\")\ncd rel_path  # change directory to path (rel_path must be inside current directory)\ncd abs_path  # change directory to path\ncd ..  # change directory to parent directory\ncd ~  # go to /home\ncd -  # go to previous directory\npushd PATH  # go from current directory to path\npopd  # return to previous directory (before pushd)\n</code></pre>"},{"location":"languages/bash/commands.html#creating-reading-copying-moving-modifying-files-and-directories","title":"Creating, Reading, Copying, Moving, Modifying Files And Directories","text":"Bash<pre><code>touch FILE  # change FILE timestamp fi exists, create file otherwise\ncat [FILE]  # concatenate files and print on standard output (FD 1)\ncat &gt;&gt; FILE  # append following content ot file (Ctrl+D to stop)\nfile FILE  # discover file extension and format\nstat FILE  # display file or file system status\n\ntail  # output the last part of a file\ntail [-nNUM]  # output the last NUM lines\n\nmore  # filter for paging through text one screenful at a time\nless  # opposite of more (display big file in pages), navigate with arrow keys or space bar\n\ncut  # remove sections from each line of files\ncut -[d --delimiter=DELIM]  # use DELIM instead of TAB for field delimiter\ncut [-f --fields=LIST]  # select only these fields\n\ndf  # report file system disk space usage\n\nrm FILE  # remove file or directories\nrm DIRECTORY -r  # remove directory an all its contents (recursive)\nrmdir DIRECTORY  # remove directory only if is empty\n\nmkdir DIRECTORY  # make directories\n\nmv SOURCE DESTINATION  # move or rename files\nmv SOURCE DIRECTORY  # move FILE to DIRECTORY\n\ncp SOURCE DESTINATION  # copy SOURCE to DESTINATION\n</code></pre>"},{"location":"languages/bash/commands.html#files-permissions-ownership","title":"Files Permissions &amp; Ownership","text":"Bash<pre><code>chmod MODE FILE  # change file (or directory) permissions\nchmod OCTAL-MODE FILE  # change file (or directory) permissions\n\nchown [OPTION]... [OWNER][:[GROUP]] FILE...  # change file owner and group\nchgrp [OPTION]... GROUP FILE...  # change group ownership\n</code></pre> <p>File Permissions:</p> <ul> <li><code>r</code>: Read. Can see file content</li> <li><code>w</code>: Write. Can modify file content</li> <li><code>x</code>: Execute. Can execute file</li> </ul> <p>Directory Permissions:</p> <ul> <li><code>r</code>: Read. Can see dir contents</li> <li><code>w</code>: CRUD. Can create, rename and delete files</li> <li><code>x</code>: Search. Can access and navigate inside the dir. Necessary to operate on files</li> </ul> <p>Common Octal Files Permissions:</p> <ul> <li><code>777</code>: (<code>rwxrwxrwx</code>) No restrictions on permissions. Anybody may do anything. Generally not a desirable setting.</li> <li><code>755</code>: (<code>rwxr-xr-x</code>) The file's owner may read, write, and execute the file. All others may read and execute the file. This setting is common for programs that are used by all users.</li> <li><code>700</code>: (<code>rwx------</code>) The file's owner may read, write, and execute the file. Nobody else has any rights. This setting is useful for programs that only the owner may use and must be kept private from others.</li> <li><code>666</code>: (<code>rw-rw-rw-</code>) All users may read and write the file.</li> <li><code>644</code>: (<code>rw-r--r--</code>) The owner may read and write a file, while all others may only read the file. A common setting for data files that everybody may read, but only the owner may change.</li> <li><code>600</code>: (<code>rw-------</code>) The owner may read and write a file. All others have no rights. A common setting for data files that the owner wants to keep private.</li> </ul> <p>Common Octal Directory Permissions:</p> <ul> <li><code>777</code>: (<code>rwxrwxrwx</code>) No restrictions on permissions. Anybody may list files, create new files in the directory and delete files in the directory. Generally not a good setting.</li> <li><code>755</code>: (<code>rwxr-xr-x</code>) The directory owner has full access. All others may list the directory, but cannot create files nor delete them. This setting is common for directories that you wish to share with other users.</li> <li><code>700</code>: (<code>rwx------</code>) The directory owner has full access. Nobody else has any rights. This setting is useful for directories that only the owner may use and must be kept private from others.</li> </ul>"},{"location":"languages/bash/commands.html#finding-files-and-directories","title":"Finding Files And Directories","text":"Bash<pre><code>find [path] [expression]   # search file in directory hierarchy\nfind [start-position] -type f -name FILENAME  # search for a file named \"filename\"\nfind [start-position] -type d -name DIRNAME  # search for a directory named \"dirname\"\nfind [path] -exec &lt;command&gt; {} \\;  # execute command on found items (identified by {})\n\n[[ -f \"path\" ]]  # test if a file exists\n[[ -d \"path\" ]]  # test if a folder exists\n[[ -L \"path\" ]]  # test if is symlink\n</code></pre>"},{"location":"languages/bash/commands.html#other","title":"Other","text":"Bash<pre><code>tee  # copy standard input and write to standard output AND files simultaneously\ntee [FILE]\ncommand | sudo tee FILE  # operate on file w/o using shell as su\n\necho  # display a line of text\necho \"string\" &gt; FILE  # write lin of text to file\necho \"string\" &gt;&gt; FILE  # append line of text to end of file (EOF)\n\nwget URL  # download repositories to linux machine\n\ncurl  # download the contents of a URL\ncurl [-I --head]  # Fetch the headers only\n\nps [-ax]  # display processes\nkill &lt;PID&gt;   # kill process w/ Process ID &lt;PID&gt;\nkillall PROCESS  # kill process by nane\n\ngrep  # search through a string using a REGEX\ngrep [-i]  # grep ignore case\n\nsource script.sh  # load script as a command\ndiff FILES  # compare files line by line\n\n# sudo apt install shellcheck\nshellcheck FILE  # shell linter\n\nxargs [COMMAND]  # build and execute command lines from standard input\n# xargs reads items form the standard input, delimited by blanks or newlines, and executes the COMMAND one or more times with the items as arguments\nwatch [OPTIONS] COMMAND  # execute a program periodically, showing output full-screen\nwatch -n SECONDS COMMAND  # execute command every SECONDS seconds (no less than 0.1 seconds)\n</code></pre>"},{"location":"languages/bash/commands.html#data-wrangling","title":"Data Wrangling","text":"<p>Data wrangling is the process of transforming and mapping data from one \"raw\" data form into another format with the intent of making it more appropriate and valuable for a variety of downstream purposes such as analytics.</p> Bash<pre><code>sed  # stream editor for filtering and transforming text\nsed -E \"s/REGEX/replacement/\"  # substitute text ONCE (-E uses modern REGEX)\nsed -E \"s/REGEX/replacement/g\"  # substitute text multiple times (every match)\n\nwc [FILE] # print newline, word and byte count for each file\nwc [-m --chars] FILE  # print character count\nwc [-c --bytes] FILE  # print bytes count\nwc [-l --lines] FILE  # print lines count\nwc [-w --words] FILE  # print word count\n\nsort [FILE]  # sort lines of a text file\n\nuniq [INPUT [OUTPUT]]  # report or omit repeated lines (from INPUT to OUTPUT)\nuniq [-c --count]  # prefix lines w/ number of occurrences\nuniq [-d --repeated]  # print only duplicare lines, one for each group\nuniq [-D]  # print only duplicare lines\n\npaste [FILE]  # merge lines of files\npaste [-d --delimiters=LIST]  # use delimiters from LIST\npaste [- --serial]  # paste one file at a time instead of in parallel\n\nawk '{program}'  # pattern scanning and processing language\nawk [-f --file PROGRAM_FILE]  # read program source from PROGRAM_FILE instead of from first argument\n\nbc [-hlwsqv long-options] [FILE]  # arbitrary precision calculator language\nbc [-l --mathlib] [FILE]  # use standard math library\n</code></pre>"},{"location":"languages/bash/scripting.html","title":"Bash Scripting","text":"<p>Bash Manual</p> <p><code>Ctrl+Shift+C</code>: copy <code>Ctrl+Shift+C</code>: paste</p>"},{"location":"languages/bash/scripting.html#bash-use-modes","title":"Bash Use Modes","text":"<p>Interactive mode \u2192 shell waits for user's commands Non-interactive mode \u2192 shell runs scripts</p>"},{"location":"languages/bash/scripting.html#file-directories-permissions","title":"File &amp; Directories Permissions","text":"<p>File:</p> <ul> <li><code>r</code>: Read. Can see file content</li> <li><code>w</code>: Write. Can modify file content</li> <li><code>x</code>: Execute. Can execute file</li> </ul> <p>Directory:</p> <ul> <li><code>r</code>: Read. Can see dir contents</li> <li><code>w</code>: CRD. Can create, rename and delete files</li> <li><code>x</code>: Search. Can access and navigate inside the dir. Necessary to operate on files</li> </ul>"},{"location":"languages/bash/scripting.html#file-descriptors","title":"File Descriptors","text":"<p><code>FD 0</code> \"standard input\"    \u2192 Channel for standard input (default keyboard) <code>FD 1</code> \"standard output\"   \u2192 Channel for the default output (default screen) <code>FD 2</code> \"standard error\"    \u2192 Channel for error messages, info messages, prompts (default keyboard) File descriptors chan be joined to create streams that lead to files, devices or other processes.</p> <p>Bash gets commands by reading lines. As soon as it's read enough lines to compose a complete command, bash begins running that command. Usually, commands are just a single line long. An interactive bash session reads lines from you at the prompt. Non-interactive bash processes read their commands from a file or stream. Files with a shebang as their first line (and the executable permission) can be started by your system's kernel like any other program.</p>"},{"location":"languages/bash/scripting.html#first-line-of-bash","title":"First Line Of Bash","text":"<p><code>#!/bin/env bash</code> shebang indicating which interpreter to use</p>"},{"location":"languages/bash/scripting.html#simple-command","title":"Simple Command","text":"Bash<pre><code>[ var=value ... ] command [ arg ... ] [ redirection ... ]  # [.] is optional component\n</code></pre>"},{"location":"languages/bash/scripting.html#pipelines-commands-concatenation","title":"Pipelines (commands concatenation)","text":"Bash<pre><code>command | file.ext  # link the first process' standard output to the second process' standard input\ncommand |&amp; file.ext  # link the first process' standard output &amp; standard error to the second process' standard input\n</code></pre>"},{"location":"languages/bash/scripting.html#lists-sequence-of-commands","title":"Lists (sequence of commands)","text":"Bash<pre><code>command_1; command_2; ...  # execute command in sequence, one after the other\ncommand_1 || command_2 || ...  # execute successive commands only if preceding ones fail\ncommand_1 &amp;&amp; command_2 &amp;&amp; ..  # execute successive commands only if preceding ones succeeds\n</code></pre>"},{"location":"languages/bash/scripting.html#compound-commands-multiple-commands-as-one","title":"COMPOUND COMMANDs (multiple commands as one)","text":"Bash<pre><code># block of commands executed as one\n&lt;keyword&gt;\n    command_1; command_2; ...\n&lt;end_keyword&gt;\n\n{command_1; command_2; ...}  # sequence of commands executed as one\n</code></pre>"},{"location":"languages/bash/scripting.html#functions-blocks-of-easily-reusable-code","title":"Functions (blocks of easily reusable code)","text":"<p><code>function_name () {compound_command}</code> Bash does not accept func arguments, parentheses must be empty</p>"},{"location":"languages/bash/scripting.html#command-names-running-programs","title":"Command names &amp; Running programs","text":"<p>To run a command, bash uses the name of your command and performs a search for how to execute that command. In order, bash will check whether it has a function or builtin by that name. Failing that, it will try to run the name as a program. If bash finds no way to run your command, it will output an error message.  </p>"},{"location":"languages/bash/scripting.html#the-path-to-a-program","title":"The path to a program","text":"<p>When bash needs to run a program, it uses the command name to perform a search. Bash searches the directories in your PATH environment variable, one by one, until it finds a directory that contains a program with the name of your command. To run a program that is not installed in a PATH directory, use the path to that program as your command's name.</p>"},{"location":"languages/bash/scripting.html#command-arguments-quoting-literals","title":"Command arguments &amp; Quoting literals","text":"<p>To tell a command what to do, we pass it arguments. In bash, arguments are tokens, that are separated from each other by blank space. To include blank space in an argument's value, you need to either quote the argument or escape the blank space within. Failing that, bash will break your argument apart into multiple arguments at its blank space. Quoting arguments also prevents other symbols in it from being accidentally interpreted as bash code.  </p>"},{"location":"languages/bash/scripting.html#managing-a-commands-input-and-output-using-redirection","title":"Managing a command's input and output using redirection","text":"<p>By default, new commands inherit the shell's current file descriptors. We can use redirections to change where a command's input comes from and where its output should go to. File redirection allows us to stream file descriptors to files. We can copy file descriptors to make them share a stream. There are also many other more advanced redirection operators.  </p>"},{"location":"languages/bash/scripting.html#redirections","title":"Redirections","text":"Bash<pre><code>[x]&gt;file  # make FD x write to file\n[x]&lt;file  # make FD x read from file\n\n[x]&gt;&amp;y  # make FD x write to FD y's stream\n[x]&lt;&amp;y  # make FD x read from FD y's stream\n&amp;&gt;file  # make both FD 1 (standard output) &amp; FD 2 (standard error) write to file\n\n[x]&gt;&gt;file  # make FD x append to end of file\nx&gt;&amp;-, x&lt;&amp;-  # close FD x (stream disconnected from FD x)\n[x]&gt;&amp;y-, [x]&lt;&amp;y-  # replace FD x with FD y\n[x]&lt;&gt;file  # open FD x for both reading and writing to file\n</code></pre>"},{"location":"languages/bash/scripting.html#pathname-expansion-filname-pattern-glob-matching","title":"Pathname Expansion (filname pattern [glob] matching)","text":"<p><code>*</code> matches any kind of text (even no text). <code>?</code> matches any single character. <code>[characters]</code> matches any single character in the given set. <code>[[:classname:]]</code> specify class of characters to match. <code>{}</code> expand list of arguments (applies command to each one)</p> <p><code>shopt -s extglob</code> enables extended globs (patterns)</p> <p><code>+(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once or many times over. (\"at least one of ...\"). <code>*(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once, not at all, or many times over. (\"however many of ...\"). <code>?(pattern [| pattern ...])</code> matches when any of the patterns in the list appears, once, not at all, or many times over. (\"however many of ...\"). <code>@(pattern [| pattern ...])</code> matches when any of the patterns in the list appears just once. (\"one of ...\"). <code>!(pattern [| pattern ...])</code> matches only when none of the patterns in the list appear. (\"none of ...\").</p>"},{"location":"languages/bash/scripting.html#command-substitution","title":"Command Substitution","text":"<p>With Command Substitution, we effectively write a command within a command, and we ask bash to expand the inner command into its output and use that output as argument data for the main command.  </p> Bash<pre><code>$(inner_command)  # $ --&gt; value-expansion prefix\ncommand !*  # !* expands to everything except the first argument in the previous line\ncommand !$  # refers to the last argument of the previous command\nsudo !! # !! expands to the entire previous command\n</code></pre>"},{"location":"languages/bash/scripting.html#shell-variables","title":"Shell Variables","text":"Bash<pre><code>varname=value  # variable assignment\nvarname=\"$(command)\"  # command substitution, MUST be double-quoted\n\"$varname\", \"${varname}\"  # variable expansion, MUST be double-quoted (name substituted w/ variable content)\n\n$$  # pid\n$#  # number of arguments passed\n$@  # all arguments passed\n${n}  # n-th argument passed to the command\n$0  # name of the script\n$_  # last argument passed to the command\n$?  # error message of the last (previous) command\n!!  # executes last command used (echo !! prints the last command)\n</code></pre>"},{"location":"languages/bash/scripting.html#parameter-expansion-modifiers-in-double-quotes","title":"Parameter Expansion Modifiers (in double-quotes)","text":"<p><code>${parameter#pattern}</code> removes the shortest string that matches the pattern if it's at the start of the value. <code>${parameter##pattern}</code> removes the longest string that matches the pattern if it's at the start of the value. <code>${parameter%pattern}</code> removes the shortest string that matches the pattern if it's at the end of the value. <code>${parameter%%pattern}</code> removes the longest string that matches the pattern if it's at the end of the value. <code>${parameter/pattern/replacement}</code> replaces the first string that matches the pattern with the replacement. <code>${parameter//pattern/replacement}</code> replaces each string that matches the pattern with the replacement. <code>${parameter/#pattern/replacement}</code> replaces the string that matches the pattern at the beginning of the value with the replacement. <code>${parameter/%pattern/replacement}</code> replaces the string that matches the pattern at the end of the value with the replacement. <code>${#parameter}</code> expands the length of the value (in bytes). <code>${parameter:start[:length]}</code> expands a part of the value, starting at start, length bytes long. Counts from the end rather than the beginning by using a (space followed by a) negative value. <code>${parameter[^|^^|,|,,][pattern]}</code> expands the transformed value, either upper-casing or lower-casing the first or all characters that match the pattern. Omit the pattern to match any character.</p>"},{"location":"languages/bash/scripting.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/bash/scripting.html#if-statement","title":"If Statement","text":"<p>Only the final exit code after executing the entire list is relevant for the branch's evaluation.</p> Bash<pre><code>if command_list; then\n    command_list;\nelif command_list; then\n    command_list;\nelse command_list;\nfi\n</code></pre>"},{"location":"languages/bash/scripting.html#test-command","title":"Test Command","text":"<p><code>[[ argument_1 &lt;operator&gt; argument_2 ]]</code></p>"},{"location":"languages/bash/scripting.html#arithmetic-expansion-and-evaluation","title":"Arithmetic expansion and evaluation","text":"<p><code>(( expression ))</code></p>"},{"location":"languages/bash/scripting.html#comparison-operators","title":"Comparison Operators","text":"Bash<pre><code>[[ \"$a\" -eq \"$b\" ]]  # is equal to\n[[ \"$a\" -ne \"$b\" ]]  # in not equal to\n[[ \"$a\" -gt \"$b\" ]]  # greater than\n[[ \"$a\" -ge \"$b\" ]]  # greater than or equal to\n[[ \"$a\" -lt \"$b\" ]]  # less than\n[[ \"$a\" -le \"$b\" ]]  # less than or equal to\n</code></pre>"},{"location":"languages/bash/scripting.html#arithmetic-comparison-operators","title":"Arithmetic Comparison Operators","text":"Bash<pre><code>((\"$a\" &gt; \"$b\"))  # greater than\n((\"$a\" &gt;= \"$b\"))   # greater than or equal to\n((\"$a\" &lt; \"$b\"))  # less than\n((\"$a\" &lt;= \"$b\"))   # less than or equal to\n</code></pre>"},{"location":"languages/bash/scripting.html#string-comparison-operators","title":"String Comparison Operators","text":"Bash<pre><code>[ \"$a\" = \"$b\" ]    # is equal to (whitespace around operator)\n\n[[ $a == z* ]]     # True if $a starts with an \"z\" (pattern matching)\n[[ $a == \"z*\" ]]   # True if $a is equal to z* (literal matching)\n[ $a == z* ]       # File globbing and word splitting take place\n[ \"$a\" == \"z*\" ]   # True if $a is equal to z* (literal matching)\n\n[ \"$a\" != \"$b\" ]   # is not equal to, pattern matching within a [[ ... ]] construct\n\n[[ \"$a\" &lt; \"$b\" ]]  # is less than, in ASCII alphabetical order\n[ \"$a\" \\&lt; \"$b\" ]   # \"&lt;\" needs to be escaped within a [ ] construct.\n\n[[ \"$a\" &gt; \"$b\" ]]  # is greater than, in ASCII alphabetical order\n[ \"$a\" \\&gt; \"$b\" ]   # \"&gt;\" needs to be escaped within a [ ] construct.\n</code></pre>"},{"location":"languages/bash/scripting.html#commands-short-circuit-evaluation","title":"Commands short circuit evaluation","text":"Bash<pre><code>command_1 || command_2  # if command_1 fails executes command_2\ncommand_1 &amp;&amp; command_2  # executes command_2 only if command_1 succeeds\n</code></pre>"},{"location":"languages/bash/scripting.html#loops","title":"Loops","text":"Bash<pre><code>for var in iterable ; do\n    # command here\ndone\n</code></pre>"},{"location":"languages/bash/scripting.html#script-hardening","title":"Script Hardening","text":"Bash<pre><code>set -o errexit  # exit on error\nset -o nounset  # fail on unset variable (bypass with ${VAR:-})\nset -o pipefail  # file entire pipeline if one step fails\n\n# hook to enable tracing\nif [[ \"${TRACE-0}\" == \"1\" ]]; then\n    set -o xtrace\nfi\n</code></pre>"},{"location":"languages/c/c.html","title":"C/C++","text":""},{"location":"languages/c/c.html#library-import","title":"Library Import","text":"C<pre><code>#include &lt;stdio.h&gt;  // search in current + system directories\n#include \"lib.h\" // search in current directory\n</code></pre>"},{"location":"languages/c/c.html#special-operators","title":"Special Operators","text":"Operator Operator Name <code>::</code> global reference operator <code>&amp;</code> address operator (returns a memory address) <code>*</code> deferentiation operator (returns the pointed value)"},{"location":"languages/c/c.html#namespace-definition","title":"Namespace definition","text":"<p>Can be omitted and replaced by namespace<code>::</code> <code>using namespace &lt;namespace&gt;;</code></p>"},{"location":"languages/c/c.html#main-function","title":"Main Function","text":"C<pre><code>int main(int argc, char *argv[]) { }\n</code></pre>"},{"location":"languages/c/c.html#variables-types","title":"Variables &amp; Types","text":""},{"location":"languages/c/c.html#constant-declaration","title":"Constant Declaration","text":"C<pre><code>#define constant_name value\nconst type constant_name = value;\n</code></pre>"},{"location":"languages/c/c.html#variable-declaration","title":"Variable Declaration","text":"C<pre><code>type var_name = value;    //c-like initialization\ntype var_name (value);    //constructor initialization\ntype var_name {value};    //uniform initialization\ntype var_1, var_2, ..., var_n;\n</code></pre>"},{"location":"languages/c/c.html#type-casting","title":"Type Casting","text":"<p><code>(type) var;</code> <code>type(var);</code></p>"},{"location":"languages/c/c.html#variable-types","title":"Variable Types","text":"Type Value Range Byte <code>short</code> -32768 to 32765 1 <code>unsigned short</code> 0 to 65535 1 <code>int</code> -2147483648 to 2147483647 4 <code>unsigned int</code> 0 to 4294967295 4 <code>long</code> -2147483648 to 2147483647 4 <code>unsigned long</code> 0 to 4294967295 4 <code>long long</code> 8 <code>float</code> \u00b1 3.4e \u00b1 38 (~7 digits) 4 <code>double</code> \u00b1 1.7e \u00b1 308 (~15 digits) 8 <code>long double</code> 16 (?) Type Value <code>bool</code> true or false <code>char</code> ascii characters <code>string</code> sequence of ascii characters <code>NULL</code> empty value"},{"location":"languages/c/c.html#integer-numerals","title":"Integer Numerals","text":"Example Type <code>75</code> decimal <code>0113</code> octal (zero prefix) <code>0x4</code> hexadecimal (0x prefix) <code>75</code> int <code>75u</code> unsigned int <code>75l</code> long <code>75ul</code> unsigned long <code>75lu</code> unsigned long"},{"location":"languages/c/c.html#floating-point-numerals","title":"Floating Point Numerals","text":"Example Type <code>3.14159L</code> long double <code>60.22e23f</code> float Code Value <code>3.14159</code> 3.14159 <code>6.02e23</code> 6.022 * 10^23 <code>1.6e-19</code> 1.6 * 10^-19 <code>3.0</code> 3.0"},{"location":"languages/c/c.html#characterstring-literals","title":"Character/String Literals","text":"<p><code>'z'</code> single character literal <code>\"text here\"</code> string literal</p>"},{"location":"languages/c/c.html#special-characters","title":"Special Characters","text":"Escape Character Character <code>\\n</code> newline <code>\\r</code> carriage return <code>\\t</code> tab <code>\\v</code> vertical tab <code>\\b</code> backspace <code>\\f</code> form feed <code>\\a</code> alert (beep) <code>\\'</code> single quote (') <code>\\\"</code> double quote (\") <code>\\?</code> question mark (?) <code>\\\\</code> backslash  () <code>\\0</code> string termination character"},{"location":"languages/c/c.html#standard-inputoutput","title":"Standard Input/Output","text":""},{"location":"languages/c/c.html#standard-output","title":"Standard Output","text":"C<pre><code>#include &lt;stdio.h&gt;\n\nprintf_s(\"text %&lt;fmt_spec&gt;\", variable);\n</code></pre>"},{"location":"languages/c/c.html#standard-input","title":"Standard Input","text":"C<pre><code>#include &lt;stdio.h&gt;\n\nscanf_s(\"%&lt;fmt_spec&gt;\", &amp;variable);    //return number of successfully accepted inputs\n</code></pre>"},{"location":"languages/c/c.html#format-specifiers-widthlengthspecifier","title":"Format Specifiers <code>%[width].[length][specifier]</code>","text":"Specifier Specified Format <code>%d</code>, <code>%i</code> singed decimal integer <code>%u</code> unsigned decimal integer <code>%o</code> unsigned octal <code>%x</code> unsigned hexadecimal integer <code>%X</code> unsigned hexadecimal integer (UPPERCASE) <code>%f</code> decimal floating point (lowercase) <code>%F</code> decimal floating point (UPPERCASE) <code>%e</code> scientific notation (lowercase) <code>%E</code> scientific notation (UPPERCASE) <code>%a</code> hexadecimal floating point (lowercase) <code>%A</code> hexadecimal floating point (UPPERCASE) <code>%c</code> character <code>%s</code> string <code>%p</code> pointer address"},{"location":"languages/c/c.html#operators","title":"Operators","text":""},{"location":"languages/c/c.html#arithmetic-operators","title":"Arithmetic Operators","text":"Operator Operation a <code>+</code> b sum a <code>-</code> b subtraction a <code>*</code> b multiplication a <code>/</code> b division a <code>%</code> b modulo a<code>++</code> increment a<code>--</code> decrement"},{"location":"languages/c/c.html#comparison-operators","title":"Comparison Operators","text":"Operator Operation a <code>==</code> b equal to a <code>!=</code> b not equal to a <code>&gt;</code> b greater than a <code>&lt;</code> b lesser than a <code>&gt;=</code> b greater than or equal to a <code>&lt;=</code> b lesser than or equal to"},{"location":"languages/c/c.html#logical-operator","title":"Logical Operator","text":"Operator Operation <code>!</code>a, <code>not</code> a logical negation (NOT) a <code>&amp;&amp;</code> b, a <code>and</code> b logical AND a <code>||</code> b, a <code>or</code> b logical OR"},{"location":"languages/c/c.html#conditional-ternary-operator","title":"Conditional Ternary Operator","text":"<p><code>condition ? result_1 : result_2</code> If condition is true evaluates to result_1, and otherwise to result_2</p>"},{"location":"languages/c/c.html#bitwise-operators","title":"Bitwise Operators","text":"Operator Operation <code>~</code>a, <code>compl</code> a bitwise NOT a <code>&amp;</code> b, a <code>bitand</code> b bitwise AND a <code>|</code> b, a <code>bitor</code> b bitwise OR a <code>^</code> b, a <code>xor</code> b, bitwise XOR a <code>&lt;&lt;</code> b bitwise left shift a <code>&gt;&gt;</code> b bitwise right shift"},{"location":"languages/c/c.html#compound-assignment-operators","title":"Compound Assignment Operators","text":"Operator Operation a <code>+=</code> b a = a + b a <code>-=</code> b a = a - b a <code>*=</code> b a = a * b a <code>/=</code> b a = a / b a <code>%=</code> b a = a % b a <code>&amp;=</code> b a = a &amp; b a <code>|=</code> b a = a a <code>^=</code> b a = a ^ b a <code>&lt;&lt;=</code> b a = a &lt;&lt; b a <code>&gt;&gt;=</code> b a = a &gt;&gt; b"},{"location":"languages/c/c.html#operator-precedence","title":"Operator Precedence","text":"<ol> <li><code>!</code></li> <li><code>*</code>, <code>/</code>, <code>%</code></li> <li><code>+</code>, <code>-</code></li> <li><code>&lt;</code>, <code>&lt;=</code>, <code>&lt;</code>, <code>&gt;=</code></li> <li><code>==</code>, <code>!=</code></li> <li><code>&amp;&amp;</code></li> <li><code>||</code></li> <li><code>=</code></li> </ol>"},{"location":"languages/c/c.html#common-functions","title":"Common Functions","text":""},{"location":"languages/c/c.html#mathematical-functions","title":"Mathematical Functions","text":"C<pre><code>#include &lt;cmath&gt;\n\nabs(x);    // absolute value\nlabs(x);    //absolute value if x is long, result is long\nfabs(x);    //absolute value if x i float, result is float\nsqrt(x);    // square root\nceil(x);    // ceil function (next integer)\nfloor(x);    // floor function (integer part of x)\nlog(x);    // natural log of x\nlog10(x);    // log base 10 of x\nexp(x);    // e^x\npow(x, y);    // x^y\nsin(x);\ncos(x);\ntan(x);\nasin(x);    //arcsin(x)\nacos(x);    //arccos(x)\natan(x);    //arctan(x)\natan2(x, y);    //arctan(x / y)\nsinh(x);    //hyperbolic sin(x)\ncosh(x);    //hyperbolic cos(x)\ntanh(x);    //hyperbolic tan(X)\n</code></pre>"},{"location":"languages/c/c.html#character-functions","title":"Character Functions","text":"C<pre><code>isalnum(c);    //true if c is alphanumeric\nisalpha(c);    //true if c is a letter\nisdigit(c);    //true if char is 0 1 2 3 4 5 6 7 8 9\niscntrl(c);    //true id c is DELETE or CONTROL CHARACTER\nisascii(c);    //true if c is a valid ASCII character\nisprint(c);    //true if c is printable\nisgraph(c);    //true id c is printable, SPACE excluded\nislower(c);    //true if c is lowercase\nisupper(c);    //true if c is uppercase\nispunct(c);    //true if c is punctuation\nisspace(c);    //true if c is SPACE\nisxdigit(c);    //true if c is HEX DIGIT\n\ntolower(c);    //transforms character in lowercase\ntoupper(c);    //transform character in uppercase\n</code></pre>"},{"location":"languages/c/c.html#string-functions","title":"String Functions","text":"C<pre><code>strlen(string);    //return length (num of chars) of the string\nstrcat(destination, source);    //appends chars of string2 to string1\nstrncat(string1, string2, nchar);    //appends the first n chars of string 2 to string1\nstrcpy(string1, string2.c_str());    //copies string2 into string1 char by char\nstrncpy(string1, string2, n);    //copy first n chars from string2 to string1\nstrcmp(string1, string2);    //compares string1 w/ string2\nstrncmp(string1, string2, n);    //compares first n chars\n//returns &lt; 0 if string1 precedes string2\n//returns 0 if string1 == string2\n// returns &gt; 0 if string1 succeeds string2\nstrchr(string, c);    //returns index of c in string if it exists, NULL otherwise\nstrstr(string1, string2);    //returns pointer to starting index of string1 in string2\nstrpbrk(string, charSet);    //Returns a pointer to the first occurrence of any character from strCharSet in str, or a NULL pointer if the two string arguments have no characters in common.\n</code></pre>"},{"location":"languages/c/c.html#string-conversion","title":"String Conversion","text":"C<pre><code>atof(string);    //converts string in double if possible\natoi(string);    //converts string in integer if possible\natol(string);    //converts string in long if possible\n</code></pre>"},{"location":"languages/c/c.html#string-methods","title":"String Methods","text":"C++<pre><code>string.at(pos);    // returns char at index pos\nstring.substr(start, end);    // returns substring between indexes START and END\nstring.c_str();    //reads string char by char\nstring.find(substring);    // The zero-based index of the first character in string object that matches the requested substring or characters\n</code></pre>"},{"location":"languages/c/c.html#vectors","title":"Vectors","text":"C<pre><code>#include &lt;vector&gt;\nvector&lt;type&gt; vector_name = {values};    //variable length array\n</code></pre>"},{"location":"languages/c/c.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/c/c.html#if-statements","title":"If Statements","text":"C<pre><code>if (condition) { }\n\nif (condition) \n{\n\n}\nelse if (condition) \n{\n\n}\nelse\n{\n\n}\n</code></pre>"},{"location":"languages/c/c.html#switch","title":"Switch","text":"C<pre><code>switch (expression) {\n    case constant_1:\n        //code here\n        break;\n\n    case constant_2:\n        //code here\n        break;\n\n    default:\n        //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#loop-statements","title":"Loop Statements","text":""},{"location":"languages/c/c.html#while-loop","title":"While Loop","text":"C<pre><code>while (condition) {\n    //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#do-while","title":"Do While","text":"C<pre><code>do {\n    //code here\n} while (condition);\n</code></pre>"},{"location":"languages/c/c.html#for-loop","title":"For Loop","text":"C<pre><code>for (initialization; condition; increase) {\n    //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#break-statement","title":"Break Statement","text":"<p><code>break;</code> leaves a loop, even if the condition for its end is not fulfilled.</p>"},{"location":"languages/c/c.html#continue-statement","title":"Continue Statement","text":"<p><code>continue;</code> causes the program to skip the rest of the loop in the current iteration.</p>"},{"location":"languages/c/c.html#functions","title":"Functions","text":"<p>Functions must be declared before the main function. It is possible to declare functions after the main only if the prototype is declared before the main. To return multiple variables those variables can be passed by reference so that their values is adjourned in the main.</p> C<pre><code>type function_name(type argument1, ...); // function prototype\n\ntype functionName (parameters) {\n    return &lt;expression&gt;;\n}\n\nvoid functionName (parameters) { }\n</code></pre>"},{"location":"languages/c/c.html#arguments-passed-by-reference-without-pointers","title":"Arguments passed by reference without pointers","text":"<p>Passing arguments by reference causes modifications made inside the function to be propagated to the values outside. Passing arguments by values copies the values to the arguments: changes remain inside the function.  </p> C<pre><code>type functionName (type &amp;argument1, ...) {\n    //code here\n    return &lt;expression&gt;;\n}\n</code></pre> <p><code>functionName (arguments);</code></p>"},{"location":"languages/c/c.html#arguments-passed-by-reference-with-pointers","title":"Arguments passed by reference with pointers","text":"<p>Passing arguments by reference causes modifications made inside the function to be propagated to the values outside. Passing arguments by values copies the values to the arguments: changes remain inside the function.</p> C<pre><code>type function_name (type *argument_1, ...) {\n    instructions;\n    return &lt;expression&gt;;\n}\n</code></pre> <p><code>function_name (&amp;argument_1, ...);</code></p>"},{"location":"languages/c/c.html#arrays","title":"Arrays","text":"C<pre><code>type arrayName[dimension];    //array declaration\ntype arrayName[dimension] = {value1, value2, ...};    //array declaration &amp; initialization, values number must match dimension\n\narray[index]    //item access, index starts at 0 (zero)\narray[index] = value;    //value assignment at position index\n</code></pre>"},{"location":"languages/c/c.html#array-as-function-parameter","title":"Array as function parameter","text":"<p>The dimension is not specified because it is determined by the passed array. The array is passed by reference.</p> C<pre><code>type function(type array[]){\n    //code here\n}\n\n//array is not modifiable inside the function (READ ONLY)\ntype function(const type array[]){\n    //code here\n}\n\nfunction(array);    //array passed w/out square brackets []\n</code></pre>"},{"location":"languages/c/c.html#multi-dimensional-array-matrix","title":"Multi-Dimensional Array (Matrix)","text":"C<pre><code>type matrix[rows][columns];\nmatrix[i][j]    //element A_ij of the matrix\n</code></pre>"},{"location":"languages/c/c.html#matrix-as-function-parameter","title":"Matrix as function parameter","text":"C<pre><code>//matrix passed by reference, second dimension is mandatory\ntype function(type matrix[][columns]){\n    //code here\n};\n\n//matrix values READ ONLY\ntype function(const type matrix[][columns]){\n    //code here\n}\n\ntype function(type matrix[][dim2]...[dimN]){\n    //code here\n}\n</code></pre>"},{"location":"languages/c/c.html#structs","title":"Structs","text":""},{"location":"languages/c/c.html#struct-definition","title":"Struct Definition","text":"C<pre><code>struct Struct {\n    type field1;\n    type field2;\n    type field3;\n    type field4;\n};\n\nStruct variable;    // struct-type variable\nvariable.field    // field access\n</code></pre>"},{"location":"languages/c/c.html#pointers","title":"Pointers","text":"<p>Pointers hold memory addresses of declared variables, they should be initialized to NULL.</p> C<pre><code>type *pointer = &amp;variable;     //pointer init and assignment\ntype *pointer = NULL;\ntype *pointer = otherPointer;\ntype **pointerToPointer = &amp;pointer;    // pointerToPointer -&gt; pointer -&gt; variable\n</code></pre> <p><code>&amp;variable</code> extracts the address, the pointer holds the address of the variable. pointer type and variable type must match. (*) \u2192 \"value pointed to by\"</p> C<pre><code>pointer    //address of pointed value (value of variable)\n*pointer    //value of pointed variable\n**pointer //value pointed by *pointer (pointer to pointer)\n</code></pre>"},{"location":"languages/c/c.html#pointer-to-array","title":"Pointer to array","text":"C<pre><code>type *pointer;\ntype array[dim] = {};\n\n\npointer = array;    //point to array (pointer points to first \"cell\" of array)\npointer++;    //change pointed value to successive \"cell\" of array\n</code></pre>"},{"location":"languages/c/c.html#pointers-arrays-functions","title":"Pointers, Arrays &amp; Functions","text":"C<pre><code>func(array)    //pass entire array to function (no need to use (&amp;) to extract address)\n\ntype func(type* array){\n    array[index]    //access to item of array at index\n}\n</code></pre>"},{"location":"languages/c/c.html#pointer-to-struct","title":"Pointer to Struct","text":"C<pre><code>(*structPointer).field    //access to field value\nstructPointer-&gt;structField    //access to field value\n</code></pre>"},{"location":"languages/c/c.html#dynamic-structures","title":"Dynamic Structures","text":"<p>Dynamic structures are structures without a fixed number of items.  </p> <p>Every item in a dynamic structure is called node. Every node is composed by two parts:</p> <ul> <li>the value (item)</li> <li>pointer to successive node</li> </ul> <p>Lists are linear dynamic structures in which is only defined the preceding and succeeding item. A List is a group of homogeneous items (all of the same type).  </p> <p>Trees, Graphs are non linear dynamic structures in which an item cha have multiple successors.  </p>"},{"location":"languages/c/c.html#stack","title":"Stack","text":"<p>A Stack is a list in with nodes can be extracted from one side only (LIFO). The extraction of an item from the top is called pop</p> C<pre><code>// node structure\nstruct Node {\n    type value;\n    stack *next;\n}\n</code></pre>"},{"location":"languages/c/c.html#node-insertion","title":"Node Insertion","text":"C<pre><code>Node *stackNode;    //current node\nNode* head = NULL;    //pointer to head of stack\n\nint nodeValue;\n//assign value to nodeValue\n\nstackNode = (*Node)malloc(sizeof(Node));    //create new node\n\nstackNode-&gt;value = nodevalue;    //valorize node\nstackNode-&gt;next = head;    //update node pointer to old head adding it to the stack\n\nhead = stackNode;    //update head to point to new first node\n</code></pre>"},{"location":"languages/c/c.html#node-deletion","title":"Node Deletion","text":"C<pre><code>stackNode = head-&gt;next;    //memorize location of second node\nfree(head);    //delete first node\nhead = stackNode;    //update head to point to new first node\n</code></pre>"},{"location":"languages/c/c.html#passing-head-to-functions","title":"Passing Head To Functions","text":"C<pre><code>type function(Node** head)    //value of head passed by address (head is Node*)\n{\n    *head = ...    //update value of head (pointed variable/object/Node)\n}\n</code></pre>"},{"location":"languages/c/c.html#queue","title":"Queue","text":"<p>A Queue is a list in which nodes enter from one side and can be extracted only from the other side (FIFO).</p>"},{"location":"languages/c/c.html#linked-list","title":"Linked List","text":"<p>A Linked List is list in which nodes can be extracted from each side and from inside the linked list.</p> <p>Linked lists can be linear, circular or bidirectional. In circular linked lists the last node points to the first.</p> <p>Nodes of bidirectional linked lists are composed by three parts:</p> <ul> <li>the value (item)</li> <li>pointer to successive node</li> <li>pointer to previous item</li> </ul> <p>Thus the first and last node will have a component empty since they only point to a single node.</p>"},{"location":"languages/c/c.html#dynamic-memory-allocation","title":"Dynamic Memory Allocation","text":"<p>C does not automatically free allocated memory when nodes are deleted. It must be done manually.  </p> <ul> <li><code>malloc()</code> returns a void pointer if the allocation is successful.</li> <li><code>free()</code> frees the memory</li> </ul> C<pre><code>list *pointer = (list*)malloc(sizeof(list));    //memory allocation\nfree(pointer)    //freeing of memory\n</code></pre> <p><code>malloc()</code> returns a void pointer thus the list must be casted to a void type with <code>(list*)</code></p>"},{"location":"languages/c/c.html#files","title":"Files","text":"<p>The object oriented approach is based on the use of streams. A Stream can be considered a stream of data that passes sequentially from a source to a destination.</p> <p>The available classes in C++ to operate on files are:</p> <ul> <li><code>ifstream</code> for the input (reading)</li> <li><code>ofstream</code> for the output (writing)</li> <li><code>fstream</code> for input or output</li> </ul>"},{"location":"languages/c/c.html#file-opening","title":"File Opening","text":"<p>Filename can be string literal or CharArray (use <code>c_str()</code>).</p> C<pre><code>ifstream file;\nfile.open(\"filename\");    //read from file\n\nofstream file;\nfile.open(\"filename\");    //write to file\n\n\nfstream file;\nfile.open(\"filename\", ios::in);    //read form file\nfile.open(\"filename\", ios::out);    //write to file\nfile.open(\"filename\", ios::app);    //append to file\nfile.open(\"filename\", ios::trunc);    //overwrite file\nfile.open(\"filename\", ios::nocreate);    //opens file only if it exists, error otherwise. Does not create new file\nfile.open(\"filename\", ios::noreplace);    //opens file only if it not exists, error otherwise. If it not exists the file is created.\nfile.open(\"filename\", ios::binary);    //opens file in binary format\n</code></pre> <p>If file opening fails the stream has value 0, otherwise the value is the assigned memory address. Opening modes can be combined with the OR operator: <code>ios::mode | ios::mode</code>.</p>"},{"location":"languages/c/c.html#stream-state-input-errors","title":"Stream state &amp; Input errors","text":"<p>Once a stream is in a state of error it will remain so until the status flags are explicitly resetted. The input operations on such a stream are void until the reset happens. To clear the status of a stream the <code>clear()</code> method is used. Furthermore, when an error on the stream happens the stream is not cleared of it's characters contents. To clear the stream contents the <code>ignore()</code> method is used.</p>"},{"location":"languages/css/css.html","title":"CSS","text":""},{"location":"languages/css/css.html#applying-css-to-html","title":"Applying CSS to HTML","text":""},{"location":"languages/css/css.html#inline-css","title":"Inline CSS","text":"<p>The style only applies to one element at a time.</p> HTML<pre><code>&lt;tag style=\"property:value\"&gt;&lt;/tag&gt;\n</code></pre>"},{"location":"languages/css/css.html#embedded-css","title":"Embedded CSS","text":"<p>The style is not shared but only applies to one HTML file.</p> HTML<pre><code>&lt;style&gt;\n    selector {\n        property: value;\n    }\n&lt;/style&gt;\n</code></pre>"},{"location":"languages/css/css.html#external-css","title":"External CSS","text":"<ul> <li>Shared resource, can be referenced from multiple pages.  </li> <li>Can be cached, reduced HTML file size &amp; bandwidth.  </li> </ul> HTML<pre><code>&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n</code></pre>"},{"location":"languages/css/css.html#css-selectors","title":"CSS Selectors","text":"<p>A CSS selector points to an html element to style.</p> CSS<pre><code>selector {\n    property: value;\n    property: value;\n}\n</code></pre>"},{"location":"languages/css/css.html#multiple-selectors","title":"Multiple Selectors","text":"CSS<pre><code>selector1, selector2 { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#nested-selectors","title":"Nested Selectors","text":"<p>Used to select tags nested in other tags.</p> CSS<pre><code>outerSelector innerSelector { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#id-selector","title":"ID Selector","text":"<p>Can only apply to one element in a page.</p> CSS<pre><code>#selector { property: value; }    /* selects &lt;tag id=\"selector\"&gt; */\n</code></pre>"},{"location":"languages/css/css.html#class-selector","title":"Class Selector","text":"<p>Many elements can have the same class, classes are used to group HTML elements together.</p> CSS<pre><code>.selector { property: value; }    /* selects &lt;tag class=\"selector\"&gt; */\n</code></pre>"},{"location":"languages/css/css.html#universal-selector","title":"Universal Selector","text":"CSS<pre><code>* { property: value; }    /* selects every HTML element */\n</code></pre>"},{"location":"languages/css/css.html#descendant-selector-space","title":"Descendant selector (space)","text":"<p>Selects an element that resides anywhere within an identified ancestor element.</p> CSS<pre><code>article h2 { property: value; }\n</code></pre> HTML<pre><code>&lt;!-- Will NOT match --&gt;\n&lt;h2&gt;title&lt;/h2&gt;\n&lt;article&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;h2&gt;subtitle&lt;/h2&gt;\n    &lt;div&gt;\n        &lt;!-- WILL match --&gt;\n        &lt;h2&gt;subtitle&lt;/h2&gt;\n    &lt;/div&gt;\n&lt;/article&gt;\n</code></pre>"},{"location":"languages/css/css.html#direct-child-selector","title":"Direct child selector (<code>&gt;</code>)","text":"<p>Selects an elements that resides immediately inside an identified parent element.</p> CSS<pre><code>article &gt; p { property: value; }\n</code></pre> HTML<pre><code>&lt;!-- Will NOT match --&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n&lt;article&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n    &lt;div&gt;\n        &lt;!-- Will NOT match --&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;/div&gt;\n&lt;/article&gt;\n</code></pre>"},{"location":"languages/css/css.html#general-sibling-selector","title":"General sibling selector (<code>~</code>)","text":"<p>Selects an element that follows anywhere after the prior element. Both elements share the same parent.</p> CSS<pre><code>h2 ~ p { property: value; }\n</code></pre> HTML<pre><code>&lt;section&gt;\n    &lt;!-- Will NOT match --&gt;\n    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;h2&gt;title&lt;/h2&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n    &lt;div&gt;\n        &lt;!-- Will NOT match --&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;/div&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n&lt;/section&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n</code></pre>"},{"location":"languages/css/css.html#adjacent-sibling-selector","title":"Adjacent sibling selector (<code>+</code>)","text":"<p>Selects an element that follows directly after the prior element. Both elements share the same parent.</p> CSS<pre><code>h2 + p { property: value; }\n</code></pre> HTML<pre><code>&lt;section&gt;\n    &lt;!-- Will NOT match --&gt;\n    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;h2&gt;title&lt;/h2&gt;\n    &lt;!-- WILL match --&gt;\n    &lt;p&gt;This paragraph will be selected&lt;/p&gt;\n    &lt;div&gt;\n        &lt;!-- Will NOT match --&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n    &lt;/div&gt;\n    &lt;!-- Will NOT match --&gt;\n    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n&lt;/section&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;\n</code></pre>"},{"location":"languages/css/css.html#namespace-separator","title":"Namespace Separator (<code>|</code>)","text":"<p>The namespace separator separates the selector from the namespace, identifying the namespace, or lack thereof, for a type selector.</p> CSS<pre><code>@namespace &lt;namespace&gt; url(\"&lt;XML-namespace-URL&gt;\");\n\n/* specific namespace */\nnamespace|selector { property: value; }\n\n/* any namespace */\n*|selector { property: value; }\n\n/* no namespace */\n|selector { property: value; }\n</code></pre> CSS<pre><code>@namespace svg url('http://www.w3.org/2000/svg');\n\na {\n  color: orangered;\n  text-decoration: underline dashed;\n  font-weight: bold;\n}\n\nsvg|a {\n  fill: blueviolet;\n  text-decoration: underline solid;\n  text-transform: uppercase;\n}\n</code></pre> HTML<pre><code>&lt;p&gt;This paragraph \n    &lt;!-- will be colored orangered --&gt;\n    &lt;a href=\"#\"&gt;has a link&lt;/a&gt;.\n&lt;/p&gt;\n\n&lt;svg width=\"400\" viewBox=\"0 0 400 20\"&gt;\n  &lt;!-- will be colored blueviolet --&gt;\n  &lt;a href=\"#\"&gt;\n    &lt;text x=\"0\" y=\"15\"&gt;Link created in SVG&lt;/text&gt;\n  &lt;/a&gt;\n&lt;/svg&gt;\n</code></pre>"},{"location":"languages/css/css.html#column-selector","title":"Column Selector (<code>||</code>)","text":"<p>The column combinator (||) is placed between two CSS selectors. It matches only those elements matched by the second selector that belong to the column elements matched by the first.</p> CSS<pre><code>column-selector || cell-selector { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#attribute-present-selector-tagattr","title":"Attribute Present Selector (<code>tag[attr]</code>)","text":"<p><code>a[target]{ property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"#\" target=\"_blank\"&gt;click here&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-equals-selector","title":"Attribute Equals Selector (<code>=</code>)","text":"<p><code>a[href=\"https://google.com\"] { property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"http://google.com/\"&gt;search on google&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-contains-selector","title":"Attribute Contains Selector (<code>*=</code>)","text":"<p><code>a[href*=\"login\"] { property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"/login.php\"&gt;login page&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-begins-with-selector","title":"Attribute Begins With Selector (<code>^=</code>)","text":"<p><code>a[href^=\"Https://\"] { property: value; }</code> will match</p> HTML<pre><code>&lt;a href=\"https://www.bbc.com/\"&gt;The BBC&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-ends-with-selector","title":"Attribute Ends With Selector (<code>$=</code>)","text":"<p><code>a[href$=\".pdf\"] { property: value; }</code></p> HTML<pre><code>&lt;!-- WILL match --&gt;\n&lt;a href=\"/docs/menu.pdf\"&gt;download menu&lt;/a&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;a href=\"/audio/song.mp3\"&gt;download song&lt;/a&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-spaced-selector","title":"Attribute Spaced Selector (<code>~=</code>)","text":"<p><code>img[alt~=\"child\"] { property: value; }</code></p> HTML<pre><code>&lt;!-- WILL match --&gt;\n&lt;img src=\"child.jpg\" alt='a small child'&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;img src=\"child.jpg\" alt='a-small-child'&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;img src=\"child.jpg\" alt='asmallchild'&gt;\n</code></pre>"},{"location":"languages/css/css.html#attribute-hyphenated-selector","title":"Attribute Hyphenated Selector (<code>|=</code>)","text":"<p><code>p[lang|=\"en\"] { property: value; }</code></p> HTML<pre><code>&lt;!-- WILL match --&gt;\n&lt;p lang=\"en\"&gt;English&lt;/p&gt;\n&lt;!-- WILL match --&gt;\n&lt;p lang=\"en-US\"&gt;American english&lt;/p&gt;\n&lt;!-- Will NOT match --&gt;\n&lt;p lang=\"fr\"&gt;Fran\u00e7ais&lt;/p&gt;\n</code></pre>"},{"location":"languages/css/css.html#pseudo-classes","title":"Pseudo-Classes","text":"<p>Pseudo-classes can style elements based on their current state. They must be specified after the base case.</p> CSS<pre><code>selector:pseudo-class { property: value; }\n</code></pre>"},{"location":"languages/css/css.html#link-pseudo-classes","title":"Link Pseudo-Classes","text":"<p><code>a:link {...}</code> selects only <code>&lt;a&gt;</code> tags that have <code>href</code> attribute, same as <code>a[href]</code>. <code>a:visited {...}</code> selects links that have already been visited by the current browser.</p>"},{"location":"languages/css/css.html#user-action-pseudo-classes","title":"User Action Pseudo-Classes","text":"<p><code>a:hover {...}</code> selects a link when the mouse rolls over it (hover state). <code>a:active {...}</code> selects the link while it's being activated (clicked or otherwise). <code>selector:focus {...}</code> selects an element when the user focuses on it (e.g. tab w/ keyboard). Often used on links, inputs, text-areas.</p>"},{"location":"languages/css/css.html#user-interface-state-pseudo-classes","title":"User Interface State Pseudo-Classes","text":"<p><code>input:enabled {...}</code> selects an input that is in the default state of enabled and available for use. <code>input:disabled {...}</code> selects an input that has the attribute. <code>input:checked {...}</code> selects checkboxes or radio buttons that are checked. <code>input:indeterminate {...}</code> selects checkboxes or radio button that has neither selected nor unselected.</p>"},{"location":"languages/css/css.html#structural-position-pseudo-classes","title":"Structural &amp; Position Pseudo-Classes","text":"<p><code>selector:first-child {...}</code> selects an element if it's the first child within its parent. <code>selector:last-child {...}</code> selects an element if it's the last element within its parent. <code>selector:only-child {...}</code> will select an element if it is the only element within a parent.  </p> <p><code>selector:first-of-type {...}</code> selects the first element of its type within a parent. <code>selector:last-of-type {...}</code> selects the last element of its type within a parent. <code>selector:only-of-type {...}</code> selects an element if it is the only of its type within a parent.</p> <p><code>selector:nth-child() {...}</code> selects elements based on a simple provided algebraic expression (e.g. \"2n\" or \"4n-1\"). Can select even/odd elements, \"every third\", \"the first five\", etc. <code>selector:nth-of-type() {...}</code> works like <code>:nth-child</code> in places where the elements at the same level are of different types. <code>selector:nth-last-of-type() {...}</code> like <code>:nth-of-type</code> but counts up from the bottom instead of the top. <code>selector:nth-last-child() {...}</code> like <code>:nth-child</code> but counts up from the bottom instead of the top.</p>"},{"location":"languages/css/css.html#empty-negation-pseudo-classes","title":"Empty &amp; Negation Pseudo-Classes","text":"<p><code>selector:empty {...}</code> selects elements with no content (empty tags). <code>selector:not() {...}</code> selects elements that do not have a certain tag, attribute, class, ID, etc.</p>"},{"location":"languages/css/css.html#pseudo-elements","title":"Pseudo-Elements","text":"<p>Dynamic elements that don't exist in the document tree. When used within selectors allow unique parts of the page to be stylized. Only one pseudo-element may be used within a selector at a given time.</p>"},{"location":"languages/css/css.html#textual-pseudo-elements","title":"Textual Pseudo-Elements","text":"<p><code>selector::first-letter {...}</code> selects the first letter of the text within an element. <code>selector::first-line {...}</code> selects the first line of text within an element.</p>"},{"location":"languages/css/css.html#content-pseudo-elements","title":"Content Pseudo-Elements","text":"<p><code>selector::before {...}</code> creates a pseudo-element before, or in front of, the selected element. <code>selector::after {...}</code> creates a pseudo-element after, or behind, the selected element. These pseudo-elements appear nested within the selected element, not outside of it.</p> CSS<pre><code>selector::&lt;after|before&gt; {\n    property: value;\n    content: \" (\" attr(attribute_name) \")\";\n    property: value;\n}\n</code></pre>"},{"location":"languages/css/css.html#fragment-pseudo-elements","title":"Fragment Pseudo-Elements","text":"<p><code>selector::selection {...}</code> identifies part of the document that has been selected, or highlighted, by a user's actions.  </p>"},{"location":"languages/css/css.html#css-cascading","title":"CSS Cascading","text":"<p>The browser assigns different priorities to CSS depending on the type of selector.</p> <ol> <li>Inline CSS (Most Important)</li> <li>ID selector</li> <li>Class selector</li> <li>Element selector (Least Important)</li> </ol> <p>The browser also assigns priority based on the specificity of the selection. More specific selectors have higher priority. Rules lower in the file overwrite higher rules in the file.</p>"},{"location":"languages/css/css.html#cascading-override-with-important","title":"Cascading Override With <code>!important</code>","text":"<p>The <code>!important</code> declaration overrides any other declaration. Using it is very bad practice because it makes debugging more difficult by breaking the natural cascading in stylesheets.</p> <p>Only use <code>!important</code> when:</p> <ul> <li>overriding foreign CSS (e.g. from a library)</li> <li>overriding inline CSS</li> </ul> CSS<pre><code>selector[style*=\"property:value\"] {\n    property: value !important;\n}\n</code></pre>"},{"location":"languages/css/css.html#specificity","title":"Specificity","text":"<p>A weight is applied to a CSS declaration, determined by the number of each selector type:</p> <ul> <li><code>1-0-0</code>: ID selector  </li> <li><code>0-1-0</code>: Class selector, Attribute selector, Pseudo-class  </li> <li><code>0-0-1</code>: Element Selector, Pseudo-element  </li> <li><code>0-0-0</code>: Universal selector (<code>*</code>), combinators (<code>+</code>, <code>&gt;</code>, <code>~</code>, <code>||</code>) and negation pseudo-class <code>:not()</code> </li> </ul> <p>Note: The selectors declared inside <code>:not()</code> contribute to the weight.</p>"},{"location":"languages/css/css.html#units","title":"Units","text":""},{"location":"languages/css/css.html#absolute-length-units","title":"Absolute Length units","text":"Unit Name Equivalent to <code>cm</code> centimeters 1cm = 38px = 25/64in <code>mm</code> Millimeters 1mm = 1/10<sup>th</sup> of 1cm <code>Q</code> Quarter-millimeters 1Q = 1/40<sup>th</sup> of 1cm <code>in</code> Inches 1in = 2.54cm = 96px <code>pc</code> Picas 1pc = \u2159th of 1in <code>pt</code> Points 1pt = 1/72th of 1in <code>px</code> Pixels 1px = 1/96<sup>th</sup> of 1in"},{"location":"languages/css/css.html#relative-length-units","title":"Relative Length Units","text":"Unit Relative to <code>rem</code> Font size of the root element. <code>em</code> Font size of the parent or the element itself <code>ex</code> x-height of the element's font. <code>ch</code> The advance measure (width) of the glyph \"0\" of the element's font. <code>lh</code> Line height of the element. <code>vw</code> 1% of the viewport's width. <code>vh</code> 1% of the viewport's height. <code>vmin</code> 1% of the viewport's smaller dimension. <code>vmax</code> 1% of the viewport's larger dimension. <code>%</code> Relative to the parent element"},{"location":"languages/css/css.html#common-element-properties","title":"Common Element Properties","text":""},{"location":"languages/css/css.html#color","title":"Color","text":"CSS<pre><code>selector {\n    color: color-name;\n    color: #&lt;hex-digits&gt;;\n    color: rgb();\n    color: hsl();\n}\n</code></pre>"},{"location":"languages/css/css.html#background","title":"Background","text":"CSS<pre><code>selector {\n    background: &lt;image&gt; &lt;position&gt; / &lt;size&gt; &lt;repeat&gt; &lt;attachment&gt; &lt;origin&gt; &lt;clip&gt; &lt;color&gt;;\n\n    background-image: &lt;image-path&gt;;\n\n    background-position: &lt;top|bottom|left|right|center&gt;;\n    background-position: &lt;inherit|initial|revert|revert-layer|unset&gt;;\n    background-position: &lt;x&gt; &lt;y&gt;\n\n    background-size: &lt;size&gt;;\n    background-size: &lt;width&gt; &lt;height&gt;;\n    background-size: &lt;size&gt;, &lt;size&gt;;  /* multiple background */\n\n\n    background-repeat: &lt;horizontal&gt; &lt;vertical&gt;;\n    background-repeat: &lt;repeat|no-repeat|repeat-x|repeat-y|space|round&gt;;\n\n    background-attachment: &lt;scroll|fixed|local&gt;;\n\n    background-origin: &lt;border-box|padding-box|content-box&gt;;\n    background-clip: &lt;border-box|padding-box|content-box|text&gt;\n\n    background-color: &lt;color&gt;;\n    background-color: color-name;\n    background-color: #&lt;hex-digits&gt;;\n    background-color: rgb();\n    background-color: hsl();\n}\n</code></pre>"},{"location":"languages/css/css.html#font","title":"Font","text":"CSS<pre><code>selector {\n    font: &lt;style&gt; &lt;weight&gt; &lt;size&gt; &lt;family&gt;;\n    font-style: &lt;style&gt;;\n    font-weight: &lt;weight&gt;;\n    font-size: &lt;size&gt;;\n    font-family: &lt;family&gt;;\n\n    /* specific font name */\n    font-family: \"Font Name\";\n\n    /* generic name */\n    font-family: generic-name;\n\n    /* comma separated list */\n    font-family: \"Font Name\", generic-name;\n}\n</code></pre>"},{"location":"languages/css/css.html#text-decoration-aliment","title":"Text Decoration &amp; Aliment","text":"CSS<pre><code>selector {\n    text-decoration: &lt;line&gt; &lt;color&gt; &lt;style&gt; &lt;thickness&gt;;\n    text-align: alignment;\n}\n</code></pre> <p><code>text-decoration</code> values:</p> <ul> <li><code>text-decoration-line</code>: Sets the kind of decoration used, such as underline or line-through.</li> <li><code>text-decoration-color</code>: Sets the color of the decoration.</li> <li><code>text-decoration-style</code>: Sets the style of the line used for the decoration, such as solid, wavy, or dashed.</li> <li><code>text-decoration-thickness</code>: Sets the thickness of the line used for the decoration.</li> </ul> <p><code>text-align</code> values:</p> <ul> <li><code>start</code>: The same as left if direction is left-to-right and right if direction is right-to-left.</li> <li><code>end</code>: The same as right if direction is left-to-right and left if direction is right-to-left.</li> <li><code>left</code>: The inline contents are aligned to the left edge of the line box.</li> <li><code>right</code>: The inline contents are aligned to the right edge of the line box.</li> <li><code>center</code>: The inline contents are centered within the line box.</li> <li><code>justify</code>: The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.</li> <li><code>justify-all</code>: Same as justify, but also forces the last line to be justified.</li> <li><code>match-parent</code>: Similar to inherit, but the values start and end are calculated according to the parent's direction and are replaced by the appropriate left or right value.</li> </ul>"},{"location":"languages/css/css.html#size","title":"Size","text":"CSS<pre><code>selector {\n    width: &lt;size&gt;;\n    max-width: &lt;size&gt;;\n    min-width: &lt;size&gt;;\n\n    height: &lt;size&gt;;\n    max-height: &lt;size&gt;;\n    min-height: &lt;size&gt;;\n\n    aspect-ratio: &lt;width&gt; / &lt;height&gt;;\n}\n</code></pre> <p>Note: <code>width</code> and <code>height</code> properties do not have effect on inline elements.</p>"},{"location":"languages/css/css.html#hiding-elements","title":"Hiding Elements","text":"<p>There are several methods to 'hide' elements:</p> <ul> <li><code>display: none</code> removes the element from the document flow</li> <li><code>visibility: hidden</code> hides the element, but it still takes up space in the layout</li> <li><code>opacity: 0</code> hides the element, still takes up space in the layout, events work</li> </ul> Rule Collapse Events Tab Order <code>display: none</code> Yes No No <code>visibility: hidden</code> No No No <code>opacity: 0</code> No Yes Yes"},{"location":"languages/css/css.html#box-model","title":"Box Model","text":""},{"location":"languages/css/css.html#padding","title":"Padding","text":"<p>Space between the border and the content.</p> <p>It's possible to specify the padding for each side of the element:</p> CSS<pre><code>selector {\n    padding-top: &lt;size&gt;;\n    padding-right: &lt;size&gt;;\n    padding-bottom: &lt;size&gt;;\n    padding-left: &lt;size&gt;;\n\n    padding: &lt;top&gt; &lt;right&gt; &lt;bottom&gt; &lt;left&gt;;  /* Four values (TRBL) */\n    padding: &lt;top&gt; &lt;right/left&gt; &lt;bottom&gt;;  /* Three values (T/TL/B) */\n    padding: &lt;top/bottom&gt; &lt;right/left&gt;;    /* Two values (TB/RL) */\n    padding: &lt;all&gt;;    /* One value */\n}\n</code></pre> <p>Note: Padding adds to the total size of the box, unless <code>box-sizing: border-box;</code> is used.</p>"},{"location":"languages/css/css.html#border","title":"Border","text":"<p>Borders are specified as \"size, style, color\".</p> CSS<pre><code>selector {\n    border: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-width: &lt;size&gt;;\n    border-style: &lt;style&gt;;\n    border-color: &lt;color&gt;;\n\n    border-top: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-right: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-bottom: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n    border-left: &lt;size&gt; &lt;style&gt; &lt;color&gt;;\n\n    border-top-width: &lt;size&gt;;\n    border-right-width: &lt;size&gt;;\n    border-bottom-width: &lt;size&gt;;\n    border-left-width: &lt;size&gt;;\n\n    border-top-style: &lt;size&gt;;\n    border-right-style: &lt;size&gt;;\n    border-bottom-style: &lt;size&gt;;\n    border-left-style: &lt;size&gt;;\n\n    border-top-color: &lt;size&gt;;\n    border-right-color: &lt;size&gt;;\n    border-bottom-color: &lt;size&gt;;\n    border-left-color: &lt;size&gt;;\n\n    border-radius: &lt;top-left&gt; &lt;top-right&gt; &lt;bottom-tight&gt; &lt;bottom-left&gt;;\n    border-radius: &lt;top-left&gt; &lt;top-right/bottom-left&gt; &lt;bottom-right&gt;;\n    border-radius: &lt;top-left/bottom-right&gt; &lt;top-right/bottom-left&gt;;\n    border-radius: &lt;all&gt;;\n\n    border-top-left-radius: &lt;size&gt;;\n    border-top-right-radius: &lt;size&gt;;\n    border-bottom-right-radius: &lt;size&gt;;\n    border-bottom-left-radius: &lt;size&gt;;\n}\n</code></pre> <p>Note: Border adds to the total size of the box, <code>unless box-sizing: border-box;</code> is used</p>"},{"location":"languages/css/css.html#box-sizing","title":"Box Sizing","text":"<p>Defines whether the width and height (and min/max) of an element should include padding and borders or not.</p> CSS<pre><code>selector {\n    box-sizing: content-box;    /* Border and padding are not included */\n    box-sizing: border-box;    /* Include the content, padding and border */\n}\n</code></pre>"},{"location":"languages/css/css.html#margin","title":"Margin","text":"<p>Transparent area around the box that separates it from other elements.</p> <p>It's possible to specify the margin for each side of the element.</p> CSS<pre><code>selector {\n    margin-top: &lt;size&gt;;\n    margin-right: &lt;size&gt;;\n    margin-bottom: &lt;size&gt;;\n    margin-left: &lt;size&gt;;\n\n    margin: &lt;top&gt; &lt;right&gt; &lt;bottom&gt; &lt;left&gt;;  /* Four values (TRBL) */\n    margin: &lt;top&gt; &lt;right/left&gt; &lt;bottom&gt;;  /* Three values (T/TL/B) */\n    margin: &lt;top/bottom&gt; &lt;right/left&gt;;    /* Two values (TB/RL) */\n    margin: &lt;all&gt;;    /* One value */\n}\n</code></pre> <p>Note: Top and bottom margins of near elements are collapsed into a single margin that is equal to the largest of the two margins.</p>"},{"location":"languages/css/css.html#element-positioning","title":"Element Positioning","text":""},{"location":"languages/css/css.html#static-positioning","title":"Static Positioning","text":"<p>All HTML elements are positioned static by default. Static elements are positioned in the normal flow of the page. Static elements ignore top, bottom, right, or left property specifications.</p> <p>In normal flow block elements flow from top to bottom making a new line after every element. In normal flow inline elements flow from left to right wrapping to next line when needed.</p> CSS<pre><code>selector {\n    position: static;\n}\n</code></pre>"},{"location":"languages/css/css.html#relative-positioning","title":"Relative positioning","text":"<p>Takes the element out of the normal flow, allowing it to be moved in relation to the top, bottom, right, or left but does not affect the elements surrounding it. Makes an element a \"positioning context\" in which to position other elements relative to it. The relative value will still put the element in the normal flow, but then offset it according to top, bottom, right and left properties.</p> CSS<pre><code>selector {\n    position: relative;\n}\n</code></pre>"},{"location":"languages/css/css.html#absolute-positioning","title":"Absolute Positioning","text":"<p>Positions element outside of the normal flow and other elements act as if it's not there. An absolutely positioned element is offset from its container block, set with the properties top, bottom, right and left. Its container block is the first surrounding element that has any position other than static. If no such element is found, the container block is <code>&lt;html&gt;</code>.</p> CSS<pre><code>selector {\n    position: absolute;\n}\n</code></pre>"},{"location":"languages/css/css.html#fixed-positioning","title":"Fixed Positioning","text":"<p>The fixed value takes an element out of the normal flow, it positions it relative to the viewport. Parent positioning will no longer affect fixed elements.</p> CSS<pre><code>selector {\n    position: fixed;\n}\n</code></pre>"},{"location":"languages/css/css.html#sticky-positioning","title":"Sticky Positioning","text":"<p>Sticky positioning is a hybrid of relative and fixed positioning. The element is treated as relative positioned until it crosses a specified threshold, at which point it is treated as fixed positioned.</p> CSS<pre><code>selector {\n    position: sticky;\n}\n</code></pre> <p><code>Note</code>: sticky is not supported by IE and still needs to be prefixed for webkit based browsers</p>"},{"location":"languages/css/css.html#z-index","title":"Z-Index","text":"<p>When elements overlap, the order of overlapping can be changed with z-index:</p> <ul> <li>The element with highest z-index goes on top</li> <li>Without z-index, elements stack in the order that they appear in the DOM</li> <li>Elements with non-static positioning will always appear on top of elements with default static positioning</li> </ul> <p>Nesting is important: if element B is on top of element A, a child of element A can never be higher than element B.</p> CSS<pre><code>selector {\n    z-index: &lt;int&gt;;\n}\n</code></pre>"},{"location":"languages/css/css.html#layouts","title":"Layouts","text":"CSS<pre><code>div {\n    display: inline; /* Default of all elements, unless UA (user agent) stylesheet overrides */\n    display: block; /* block is default for elements like &lt;div&gt; and &lt;section&gt;*/\n    display: inline-block; /* Characteristics of block, but sits on a line */\n    display: flex;\n    display: grid; /* divide page into major regions or define the relationship in terms of size */\n    display: none; /* Hide */\n}\n</code></pre>"},{"location":"languages/css/css.html#inline","title":"Inline","text":"<ul> <li>The default value for elements (e.g. <code>&lt;span&gt;</code>, <code>&lt;em&gt;</code>, <code>&lt;b&gt;</code>, etc.)</li> <li>Doesn't break the flow of the text</li> <li>The element will accept margin and padding, but the element still sits inline</li> <li>Margin and padding will only push other elements horizontally, not vertically</li> <li>An inline element will not accept height and width.</li> </ul>"},{"location":"languages/css/css.html#block","title":"Block","text":"<ul> <li>Some elements are set to block by the browser UA (user agent) stylesheet</li> <li>Container elements, like <code>&lt;div&gt;</code>, <code>&lt;section&gt;</code>, <code>&lt;ul&gt;</code>, etc.</li> <li>Text block elements like <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code>, <code>&lt;h2&gt;</code>, etc.</li> <li>Do not sit inline</li> <li>By default take up as much horizontal space as they can</li> </ul>"},{"location":"languages/css/css.html#inline-block","title":"Inline Block","text":"<ul> <li>Combines aspects of inline and block</li> <li>Very similar to inline in that it will sit inline with the natural flow of text</li> <li>Able to set a width and height</li> </ul>"},{"location":"languages/css/css.html#none","title":"None","text":"<ul> <li><code>display: none</code> removes the element from the document flow</li> <li>The element does not take up any space</li> </ul>"},{"location":"languages/css/css.html#flex","title":"Flex","text":"CSS<pre><code>selector {\n    display: \"flex\";\n    flex-direction: &lt;row|column&gt;;\n}\n</code></pre>"},{"location":"languages/css/css.html#grid","title":"Grid","text":"CSS<pre><code>selector {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;  /* 3 equal columns */\n    grid-template-rows: 1fr 1fr 1fr;  /* 3 equal rows */\n}\n</code></pre>"},{"location":"languages/css/css.html#variables","title":"Variables","text":"CSS<pre><code>:root {\n    /* define variables on :root element */\n    --variable: value;\n}\n\nselector {\n    --variable: value;  /* overwrite value */\n    prop: var(--variable);  /* use value of variable */\n}\n</code></pre>"},{"location":"languages/css/css.html#responsive-design","title":"Responsive Design","text":"<p>A responsive website or application automatically adjusts to the screen and adapts to any device.</p>"},{"location":"languages/css/css.html#viewport-meta-tag","title":"Viewport Meta-Tag","text":"<p>Is located in the <code>&lt;head&gt;</code> of the HTML document. It defines how a site should render in a web browser for mobile devices and makes media queries will work as intended.</p> HTML<pre><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n</code></pre> <ul> <li><code>device-width</code>: indicates the width should match with the viewport of the device</li> <li><code>initial-scale</code>: ensure the zoom will not be applied and the layout will always show on a <code>1:1</code> scale</li> </ul>"},{"location":"languages/css/css.html#media-queries","title":"Media Queries","text":"<p>Media queries allow the customization of web pages for specific devices screen sizes. A media query is a logical expression: true or false; if a media query is true, the related rules are applied to the target device.</p> CSS<pre><code>@media type operator (feature) {\n    selector { property: value; }\n}\n\n/* AND logic: Both conditions must be true */\n@media screen and (min-width: 400px) and (orientation: landscape) {\n    selector { property: value; }\n}\n/* OR logic: At least one conditions should be true */\n@media screen and (min-width: 400px), screen and (orientation: landscape) {\n    selector { property: value; }\n}\n\n/* NOT logic: Negates the entire condition */\n@media not all and (orientation: landscape) {\n    selector { property: value; }\n}\n</code></pre> <p>Types:</p> <ul> <li><code>all</code>: all media type devices.</li> <li><code>print</code>: printers.</li> <li><code>screen</code>: computer screens, tablets, smart-phones, etc.</li> <li><code>speech</code>: screen readers that \"reads\" the page out loud.</li> </ul> <p>Features:</p> <ul> <li><code>width</code></li> <li><code>min-width</code></li> <li><code>max-width</code></li> <li><code>height</code></li> <li><code>min-height</code></li> <li><code>max-height</code></li> <li><code>orientation</code></li> </ul> <p>It's possible to specify a media attribute in the link element. This applies a whole stylesheet when the condition is true:</p> HTML<pre><code>&lt;link rel=\"stylesheet\" media=\"screen and (min-width: 900px)\" href=\"widescreen.css\"&gt;\n&lt;link rel=\"stylesheet\" media=\"screen and (max-width: 600px)\" href=\"smallscreen.css\"&gt;\n</code></pre> <p>It's also possible to have different stylesheets based on media type:</p> HTML<pre><code>&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"screen.css\" media=\"screen\"&gt;\n&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"print.css\" media=\"print\"&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html","title":"Blazor","text":"<p>Blazor apps are based on components. A component in Blazor is an element of UI, such as a page, dialog, or data entry form.</p> <p>Components are .NET C# classes built into .NET assemblies that:</p> <ul> <li>Define flexible UI rendering logic.</li> <li>Handle user events.</li> <li>Can be nested and reused.</li> <li>Can be shared and distributed as Razor class libraries or NuGet packages.</li> </ul> <p> </p> <p>The component class is usually written in the form of a Razor markup page with a <code>.razor</code> file extension. Components in Blazor are formally referred to as Razor components.</p>"},{"location":"languages/dotnet/asp.net/blazor.html#components-razor","title":"Components (<code>.razor</code>)","text":"<p>Blazor Components</p> C#<pre><code>@page \"/route/{RouteParameter}\"  // make component accessible from a URL\n@page \"/route/{RouteParameter?}\"  // specify route parameter as optional\n@page \"/route/{RouteParameter:&lt;type&gt;}\"  // specify route parameter type\n\n@namespace &lt;Namespace&gt;  // set the component namespace\n@using &lt;Namespace&gt;  // using statement\n@inherits BaseType  // inheritance\n@attribute [Attribute]  // apply an attribute\n@inject Type objectName  // dependency injection\n\n// html of the page here\n\n&lt;Namespace.ComponentFolder.Component /&gt;  // access component w/o @using\n&lt;Component Property=\"value\"/&gt;  // insert component into page, passing attributes\n&lt;Component @onclick=\"@CallbackMethod\"&gt;\n    @ChildContent  // segment of UI content\n&lt;/Component&gt;\n\n@code {\n    // component model (Properties, Methods, ...)\n\n    [Parameter]  // capture attribute \n    public Type Property { get; set; } = defaultValue;\n\n    [Parameter]  // capture route parameters\n    public type RouteParameter { get; set;}\n\n    [Parameter] // segment of UI content\n    public RenderFragment ChildContent { get; set;}\n\n    private void CallbackMethod() { }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html#state-management","title":"State Management","text":""},{"location":"languages/dotnet/asp.net/blazor.html#passing-state-with-navigationmanager","title":"Passing state with <code>NavigationManager</code>","text":"<p>It's now possible to pass state when navigating in Blazor apps using the <code>NavigationManager</code>.</p> C#<pre><code>navigationManager.NavigateTo(\"/&lt;route&gt;\", new NavigationOptions { HistoryEntryState = value });\n</code></pre> <p>This mechanism allows for simple communication between different pages. The specified state is pushed onto the browser\u2019s history stack so that it can be accessed later using either the <code>NavigationManager.HistoryEntryState</code> property or the <code>LocationChangedEventArgs.HistoryEntryState</code> property when listening for location changed events.</p>"},{"location":"languages/dotnet/asp.net/blazor.html#blazor-wasm","title":"Blazor WASM","text":"C#<pre><code>// setup state singleton\nbuilder.Services.AddSingleton&lt;StateContainer&gt;();\n</code></pre> C#<pre><code>// StateContainer singleton\nusing System;\n\npublic class StateContainer\n{\n    private int _counter;\n\n    public string Property\n    {\n        get =&gt; _counter;\n        set\n        {\n            _counter = value;\n            NotifyStateChanged();  // will trigger StateHasChanged(), causing a render \n        }\n    }\n\n    public event Action OnChange;\n\n    private void NotifyStateChanged() =&gt; OnChange?.Invoke();\n}\n</code></pre> C#<pre><code>// component that changes the state\n@inject StateContainer State\n\n// Delegate event handlers automatically trigger a UI render\n&lt;button @onClick=\"@HandleClick\"&gt;\n    Change State\n&lt;/button&gt;\n\n@code {\n    private void HandleClick()\n    {\n        State.Property += 1;  // update state\n    }\n}\n</code></pre> C#<pre><code>// component that should be update on state change\n@implements IDisposable\n@inject StateContainer State\n\n&lt;p&gt;Property: &lt;b&gt;@State.Property&lt;/b&gt;&lt;/p&gt;\n\n@code {\n\n    // StateHasChanged notifies the component that its state has changed. \n    // When applicable, calling StateHasChanged causes the component to be rerendered.\n\n    protected override void OnInitialized()\n    {\n        State.OnChange += StateHasChanged;\n    }\n\n    public void Dispose()\n    {\n        State.OnChange -= StateHasChanged;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html#data-binding-events","title":"Data Binding &amp; Events","text":"C#<pre><code>&lt;p&gt;\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" /&gt;\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:preventDefault /&gt;  // prevent default action\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:preventDefault=\"{CONDITION}\" /&gt;  // prevent default action if CONDITION is true\n\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:stopPropagation /&gt;\n    &lt;button @on{DOM EVENT}=\"{DELEGATE}\" @on{DOM EVENT}:stopPropagation=\"{CONDITION}\" /&gt;  // stop event propagation if CONDITION is true\n\n    &lt;button @on{DOM EVENT}=\"@(e =&gt; Property = value)\" /&gt;  // change internal state w/ lambda\n    &lt;button @on{DOM EVENT}=\"@(e =&gt; DelegateAsync(e, value))\" /&gt;  // invoke delegate w/ lambda\n\n    &lt;input @ref=\"elementReference\" /&gt;\n\n    &lt;input @bind=\"{PROPERTY}\" /&gt; // updates variable on ONCHANGE event (focus loss)\n    &lt;input @bind=\"{PROPERTY}\" @bind:event=\"{DOM EVENT}\" /&gt;  // updates value on DOM EVENT\n    &lt;input @bind=\"{PROPERTY}\" @bind:format=\"{FORMAT STRING}\" /&gt;  // use FORMAT STRING to display value\n\n    &lt;ChildComponent @bind-{PROPERTY}=\"{PROPERTY}\" @bind-{PROPERTY}:event=\"{EVENT}\" /&gt;  // bind to child component {PROPERTY}\n    &lt;ChildComponent @bind-{PROPERTY}=\"{PROPERTY}\" @bind-{PROPERTY}:event=\"{PROPERTY}Changed\" /&gt;  // bind to child component {PROPERTY}, listen for custom event\n\n    &lt;input @bind=\"{PROPERTY}\" @bind:after=\"{DELEGATE}\" /&gt;  // run async logic after bind event completion\n    &lt;input @bind:get=\"{PROPERTY}\" @bind:set=\"PropertyChanged\" /&gt;  // two-way data binding\n&lt;/p&gt;\n\n@code {\n    private ElementReference elementReference;\n\n    public string Property { get; set; }\n\n    public EventCallback&lt;Type&gt; PropertyChanged { get; set; }  // custom event {PROPERTY}Changed\n\n    // invoke custom event\n    public async Task DelegateAsync(EventArgs e, Type argument)\n    {   \n        /* ... */\n\n        await PropertyChanged.InvokeAsync(e, argument);  // notify parent bound prop has changed\n        await elementReference.FocusAsync();  // focus an element in code\n    }\n\n    [Parameter] public TValue Value { get; set; }\n    [Parameter] public EventCallback&lt;TValue&gt; ValueChanged { get; set; }\n}\n</code></pre> <p>Note: When a user provides an unparsable value to a data-bound element, the unparsable value is automatically reverted to its previous value when the bind event is triggered. Note: The <code>@bind:get</code> and <code>@bind:set</code> modifiers are always used together. <code>The @bind:get</code> modifier specifies the value to bind to and the <code>@bind:set</code> modifier specifies a callback that is called when the value changes</p>"},{"location":"languages/dotnet/asp.net/blazor.html#javascriptnet-interop","title":"Javascript/.NET Interop","text":"<p>Call Javascript from .NET Call .NET from Javascript</p>"},{"location":"languages/dotnet/asp.net/blazor.html#render-blazor-components-from-javascript","title":"Render Blazor components from JavaScript","text":"<p>To render a Blazor component from JavaScript, first register it as a root component for JavaScript rendering and assign it an identifier:</p> C#<pre><code>// Blazor Server\nbuilder.Services.AddServerSideBlazor(options =&gt;\n{\n    options.RootComponents.RegisterForJavaScript&lt;Counter&gt;(identifier: \"counter\");\n});\n\n// Blazor WebAssembly\nbuilder.RootComponents.RegisterForJavaScript&lt;Counter&gt;(identifier: \"counter\");\n</code></pre> <p>Load Blazor into the JavaScript app (<code>blazor.server.js</code> or <code>blazor.webassembly.js</code>) and then render the component from JavaScript into a container element using the registered identifier, passing component parameters as needed:</p> JavaScript<pre><code>let containerElement = document.getElementById('my-counter');\nawait Blazor.rootComponents.add(containerElement, 'counter', { incrementAmount: 10 });\n</code></pre>"},{"location":"languages/dotnet/asp.net/blazor.html#blazor-custom-elements","title":"Blazor custom elements","text":"<p>Experimental support is also now available for building custom elements with Blazor using the Microsoft.AspNetCore.Components.CustomElements NuGet package. Custom elements use standard HTML interfaces to implement custom HTML elements.</p> <p>To create a custom element using Blazor, register a Blazor root component as custom elements like this:</p> C#<pre><code>options.RootComponents.RegisterAsCustomElement&lt;Counter&gt;(\"my-counter\");\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html","title":"Filters","text":"<p>Filters in ASP.NET Core allow code to be run before or after specific stages in the request processing pipeline.</p> <p>Built-in filters handle tasks such as:</p> <ul> <li>Authorization (preventing access to resources a user isn't authorized for).</li> <li>Response caching (short-circuiting the request pipeline to return a cached response).</li> </ul> <p>Custom filters can be created to handle cross-cutting concerns. Examples of cross-cutting concerns include error handling, caching, configuration, authorization, and logging. Filters avoid duplicating code.</p>"},{"location":"languages/dotnet/asp.net/filters.html#how-filters-work","title":"How filters work","text":"<p>Filters run within the ASP.NET Core action invocation pipeline, sometimes referred to as the filter pipeline. The filter pipeline runs after ASP.NET Core selects the action to execute.</p> <p> </p>"},{"location":"languages/dotnet/asp.net/filters.html#filter-types","title":"Filter types","text":"<p>Each filter type is executed at a different stage in the filter pipeline:</p> <ul> <li>Authorization filters run first and are used to determine whether the user is authorized for the request. Authorization filters short-circuit the pipeline if the request is not authorized.</li> <li>Resource filters:</li> <li>Run after authorization.</li> <li><code>OnResourceExecuting</code> runs code before the rest of the filter pipeline. For example, <code>OnResourceExecuting</code> runs code before model binding.</li> <li><code>OnResourceExecuted</code> runs code after the rest of the pipeline has completed.</li> <li>Action filters:</li> <li>Run code immediately before and after an action method is called.</li> <li>Can change the arguments passed into an action.</li> <li>Can change the result returned from the action.</li> <li>Are not supported in Razor Pages.</li> <li>Exception filters apply global policies to unhandled exceptions that occur before the response body has been written to.</li> <li>Result filters run code immediately before and after the execution of action results. They run only when the action method has executed successfully. They are useful for logic that must surround view or formatter execution.</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#implementation","title":"Implementation","text":"<p>Filters support both synchronous and asynchronous implementations through different interface definitions.</p> <p>For example, <code>OnActionExecuting</code> is called before the action method is called. <code>OnActionExecuted</code> is called after the action method returns. Asynchronous filters define an <code>On-Stage-ExecutionAsync</code> method, for example <code>OnActionExecutionAsync</code>.</p> <p>Interfaces for multiple filter stages can be implemented in a single class.</p> C#<pre><code>public class SampleActionFilter : IActionFilter\n{\n    public void OnActionExecuting(ActionExecutingContext context)\n    {\n        // Do something before the action executes.\n    }\n\n    public void OnActionExecuted(ActionExecutedContext context)\n    {\n        // Do something after the action executes.\n    }\n}\n\n\npublic class SampleAsyncActionFilter : IAsyncActionFilter\n{\n    public async Task OnActionExecutionAsync(\n        ActionExecutingContext context, ActionExecutionDelegate next)\n    {\n        // Do something before the action executes.\n        await next();\n        // Do something after the action executes.\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html#built-in-filter-attributes","title":"Built-in filter attributes","text":"<p>ASP.NET Core includes built-in attribute-based filters that can be subclassed and customized. Several of the filter interfaces have corresponding attributes that can be used as base classes for custom implementations.</p> <p>Filter attributes:</p> <ul> <li>ActionFilterAttribute</li> <li>ExceptionFilterAttribute</li> <li>ResultFilterAttribute</li> <li>FormatFilterAttribute</li> <li>ServiceFilterAttribute</li> <li>TypeFilterAttribute</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#filter-scopes","title":"Filter scopes","text":"<p>A filter can be added to the pipeline at one of three scopes:</p> <ul> <li>Using an attribute on a controller action. Filter attributes cannot be applied to Razor Pages handler methods.</li> </ul> C#<pre><code>services.AddScoped&lt;CustomActionFilterAttribute&gt;();\n\n[ServiceFilter(typeof(CustomActionFilterAttribute))]\npublic IActionResult Action()\n{\n    return Ok();\n}\n</code></pre> <ul> <li>Using an attribute on a controller or Razor Page.</li> </ul> C#<pre><code>services.AddControllersWithViews(options =&gt; { \n    options.Filters.Add(new CustomResponseFilterAttribute(args)); \n});\n\n\n[CustomResponseFilterAttribute(args)]\npublic class SampleController : Controller\n</code></pre> <ul> <li>Globally for all controllers, actions, and Razor Pages.</li> </ul> C#<pre><code>builder.Services.AddControllersWithViews(options =&gt;\n{\n    options.Filters.Add(typeof(CustomActionFilter));\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html#filter-order-of-execution","title":"Filter Order of Execution","text":"<p>When there are multiple filters for a particular stage of the pipeline, scope determines the default order of filter execution. Global filters surround class filters, which in turn surround method filters.</p> <p>As a result of filter nesting, the after code of filters runs in the reverse order of the before code. The filter sequence:</p> <ul> <li>The before code of global filters.</li> <li>The before code of controller and Razor Page filters.<ul> <li>The before code of action method filters.</li> <li>The after code of action method filters.</li> </ul> </li> <li>The after code of controller and Razor Page filters.</li> <li>The after code of global filters.</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#cancellation-and-short-circuiting","title":"Cancellation and Short-Circuiting","text":"<p>The filter pipeline can be short-circuited by setting the <code>Result</code> property on the <code>ResourceExecutingContext</code> parameter provided to the filter method.</p> C#<pre><code>public class ShortCircuitingResourceFilterAttribute : Attribute, IResourceFilter\n{\n    public void OnResourceExecuting(ResourceExecutingContext context)\n    {\n        context.Result = new ContentResult()\n        {\n            Content = \"Resource unavailable - header not set.\"\n        };\n    }\n\n    public void OnResourceExecuted(ResourceExecutedContext context)\n    {\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/filters.html#dependency-injection","title":"Dependency Injection","text":"<p>Filters can be added by type or by instance. If an instance is added, that instance is used for every request. If a type is added, it's type-activated.</p> <p>A type-activated filter means:</p> <ul> <li>An instance is created for each request.</li> <li>Any constructor dependencies are populated by dependency injection (DI).</li> </ul> <p>Filters that are implemented as attributes and added directly to controller classes or action methods cannot have constructor dependencies provided by dependency injection (DI). Constructor dependencies cannot be provided by DI because attributes must have their constructor parameters supplied where they're applied.</p> <p>The following filters support constructor dependencies provided from DI:</p> <ul> <li>ServiceFilterAttribute</li> <li>TypeFilterAttribute</li> <li>IFilterFactory implemented on the attribute.</li> </ul>"},{"location":"languages/dotnet/asp.net/filters.html#servicefilterattribute","title":"<code>ServiceFilterAttribute</code>","text":"C#<pre><code>builder.Services.AddScoped&lt;CustomFilterFromDI&gt;();\n\npublic class CustomFilterFromDI : IResultFilter\n{\n    private readonly ILogger _logger;\n\n    public CustomFilterFromDI(ILogger logger) =&gt;  _logger = logger;\n\n    public void OnResultExecuting(ResultExecutingContext context)\n    {\n    }\n\n    public void OnResultExecuted(ResultExecutedContext context)\n    {\n    }\n}\n\n[ServiceFilter(typeof(CustomFilterFromDI))]\npublic IActionResult Action() =&gt; OK();\n</code></pre>"},{"location":"languages/dotnet/asp.net/middleware.html","title":"Middleware","text":"<p>Middleware is software that's assembled into an app pipeline to handle requests and responses. Each component:</p> <ul> <li>Chooses whether to pass the request to the next component in the pipeline.</li> <li>Can perform work before and after the next component in the pipeline.</li> </ul> <p>Request delegates are used to build the request pipeline. The request delegates handle each HTTP request.</p> <p>Request delegates are configured using Run, Map, and Use extension methods.</p> <p>An individual request delegate can be specified in-line as an anonymous method (called in-line middleware), or it can be defined in a reusable class. These reusable classes and in-line anonymous methods are middleware, also called middleware components.</p> <p>Each middleware component in the request pipeline is responsible for invoking the next component in the pipeline or short-circuiting the pipeline. When a middleware short-circuits, it's called a terminal middleware because it prevents further middleware from processing the request.</p>"},{"location":"languages/dotnet/asp.net/middleware.html#middleware-pipeline","title":"Middleware Pipeline","text":"<p>The ASP.NET Core request pipeline consists of a sequence of request delegates, called one after the other.</p> <p></p> <p>Each delegate can perform operations before and after the next delegate. Exception-handling delegates should be called early in the pipeline, so they can catch exceptions that occur in later stages of the pipeline. It's possible to chain multiple request delegates together with <code>Use</code>.</p> <p>The next parameter represents the next delegate in the pipeline. It's possible to short-circuit the pipeline by not calling the next parameter. When a delegate doesn't pass a request to the next delegate, it's called short-circuiting the request pipeline. Short-circuiting is often desirable because it avoids unnecessary work.</p> <p>It's possible to perform actions both before and after the next delegate:</p> C#<pre><code>// \"inline\" middleware, best if in own class\napp.Use(async (context, next) =&gt;\n{\n    // Do work that doesn't write to the Response.\n    await next.Invoke();\n    // Do logging or other work that doesn't write to the Response.\n});\n</code></pre> <p><code>Run</code> delegates don't receive a next parameter. The first <code>Run</code> delegate is always terminal and terminates the pipeline.</p> C#<pre><code>// \"inline\" middleware, best if in own class\napp.Use(async (context, next) =&gt;\n{\n    // Do work that doesn't write to the Response.\n    await next.Invoke();\n    // Do logging or other work that doesn't write to the Response.\n});\n\napp.Run(async context =&gt;\n{\n    // no invocation of next\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/middleware.html#middleware-order","title":"Middleware Order","text":"<p>The Endpoint middleware executes the filter pipeline for the corresponding app type.</p> <p>The order that middleware components are added in the <code>Startup.Configure</code> method defines the order in which the middleware components are invoked on requests and the reverse order for the response. The order is critical for security, performance, and functionality.</p> C#<pre><code>if (env.IsDevelopment())\n{\n    app.UseDeveloperExceptionPage();\n    app.UseDatabaseErrorPage();\n}\nelse\n{\n    app.UseExceptionHandler(\"/Error\");\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\napp.UseStaticFiles();\napp.UseCookiePolicy();\n\napp.UseRouting();\napp.UseRequestLocalization();\napp.UseCors();\n\napp.UseAuthentication();\napp.UseAuthorization();\napp.UseSession();\napp.UseResponseCompression();\napp.UseResponseCaching();\n\napp.UseEndpoints(endpoints =&gt;\n{\n    endpoints.MapRazorPages();\n    endpoints.MapControllers();\n});\n</code></pre> <p>Built-in Middleware</p>"},{"location":"languages/dotnet/asp.net/middleware.html#branching-the-middleware-pipeline","title":"Branching the Middleware Pipeline","text":"<p><code>Map</code> extensions are used as a convention for branching the pipeline. <code>Map</code> branches the request pipeline based on matches of the given request path. If the request path starts with the given path, the branch is executed.</p> <p>When <code>Map</code> is used, the matched path segments are removed from <code>HttpRequest.Path</code> and appended to <code>HttpRequest.PathBase</code> for each request.</p> <p><code>MapWhen</code> branches the request pipeline based on the result of the given predicate. Any predicate of type <code>Func&lt;HttpContext, bool&gt;</code> can be used to map requests to a new branch of the pipeline.</p> <p><code>UseWhen</code> also branches the request pipeline based on the result of the given predicate. Unlike with <code>MapWhen</code>, this branch is rejoined to the main pipeline if it doesn't short-circuit or contain a terminal middleware.</p>"},{"location":"languages/dotnet/asp.net/middleware.html#custom-middleware-classes","title":"Custom Middleware Classes","text":"<p>Middleware is generally encapsulated in a class and exposed with an extension method.</p> C#<pre><code>public class CustomMiddleware\n{\n    private readonly RequestDelegate _next;\n\n    public CustomMiddleware(RequestDelegate next)\n    {\n        _next = next;\n    }\n\n    public async Task InvokeAsync(HttpContext context)\n    {\n        // Do work that doesn't write to the Response.\n        await _next(context);  // Call the next delegate/middleware in the pipeline\n        // Do logging or other work that doesn't write to the Response.\n    }\n}\n</code></pre> <p>The middleware class must include:</p> <ul> <li>A public constructor with a parameter of type RequestDelegate.</li> <li>A public method named <code>Invoke</code> or <code>InvokeAsync</code>. This method must:</li> <li>Return a <code>Task</code>.</li> <li>Accept a first parameter of type HttpContext.</li> </ul>"},{"location":"languages/dotnet/asp.net/middleware.html#middleware-extension-methods","title":"Middleware Extension Methods","text":"C#<pre><code>using Microsoft.AspNetCore.Builder;\n\npublic static class MiddlewareExtensions\n{\n    public static IApplicationBuilder UseCustom(this IApplicationBuilder builder)\n    {\n        return builder.UseMiddleware&lt;CustomMiddleware&gt;();\n    }\n}\n</code></pre> C#<pre><code>// other middlewares\n\napp.UseCustom();  // add custom middleware in the pipeline\n\napp.UseEndpoints(endpoints =&gt; endpoints.MapControllers());\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html","title":"Minimal API","text":"<p>Note: Requires .NET 6+</p> C#<pre><code>var builder = WebApplication.CreateBuilder(args);\n\nbuilder.Services.AddSingleton&lt;IService, Service&gt;();\nbuilder.Services.AddScoped&lt;IService, Service&gt;();\nbuilder.Services.AddTransient&lt;IService, Service&gt;();\n\nvar app = builder.Build();\n\n// [...]\n\napp.Run();\n//or\napp.RunAsync();\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#application-settings","title":"Application Settings","text":"<p>App settings are loaded (in order) from:</p> <ol> <li><code>appsettings.json</code></li> <li><code>appsettings.&lt;Environment&gt;.json</code></li> <li>User Secrets</li> </ol> <p>The environment is controlled by the env var <code>ASPNETCORE_ENVIRONMENT</code>. If a setting is present in multiple locations, the last one is used and overrides the previous ones.</p>"},{"location":"languages/dotnet/asp.net/minimal-api.html#user-secrets","title":"User Secrets","text":"<p>User secrets are specific to each machine and can be initialized with <code>dotnet user-secrets init</code>. Each application is linked with it's settings by a guid.</p> <p>The settings are stored in:</p> <ul> <li><code>%APPDATA%\\Microsoft\\UserSecrets\\&lt;user_secrets_id&gt;\\secrets.json</code> (Windows)</li> <li><code>~/.microsoft/usersecrets/&lt;user_secrets_id&gt;/secrets.json</code> (Linux/macOS)</li> </ul> <p>Setting a value is done with <code>dotnet user-secrets set &lt;key&gt; &lt;value&gt;</code>, keys can be nested by separating each level with <code>:</code> or <code>__</code>.</p>"},{"location":"languages/dotnet/asp.net/minimal-api.html#swagger","title":"Swagger","text":"C#<pre><code>builder.Services.AddEndpointsApiExplorer();\nbuilder.Services.AddSwaggerGen();\n\n// [...]\n\napp.UseSwagger();\napp.UseSwaggerUI();\n\n// add returned content metadata to Swagger\napp.MapGet(\"/route\", Handler).Produces&lt;Type&gt;(statusCode);\n\n// add request body contents metadata to Swagger\napp.MapPost(\"/route\", Handler).Accepts&lt;Type&gt;(contentType);\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#mvc","title":"MVC","text":"C#<pre><code>builder.Services.AddControllersWithViews();\n//or\nbuilder.Services.AddControllers();\n\n// Configure the HTTP request pipeline.\nif (app.Environment.IsDevelopment())\n{\n    app.UseDeveloperExceptionPage();\n}\nelse\n{\n    app.UseExceptionHandler(\"/Home/Error\");\n\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\napp.UseStaticFiles();\n\napp.UseRouting();\n\napp.UseAuthorization();\n\napp.MapControllers();\n// or\napp.MapControllerRoute(\n    name: \"default\",\n    pattern: \"{controller=Home}/{action=Index}/{id?}\");\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#routing-handlers-results","title":"Routing, Handlers &amp; Results","text":"<p>To define routes and handlers using Minimal APIs, use the <code>Map(Get|Post|Put|Delete)</code> methods.</p> C#<pre><code>// the dependencies are passed as parameters in the handler delegate\napp.MapGet(\"/route/{id}\", (IService service, int id) =&gt; {\n\n    return entity is not null ? Results.Ok(entity) : Results.NotFound();\n});\n\n// pass delegate to use default values\napp.MapGet(\"/search/{id}\", Search);\nIResult Search(int id, int? page = 1, int? pageSize = 10) { /* ... */ }\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#route-groups","title":"Route Groups","text":"<p>The <code>MapGroup()</code> extension method, which helps organize groups of endpoints with a common prefix. It allows for customizing entire groups of endpoints with a singe call to methods like <code>RequireAuthorization()</code> and <code>WithMetadata()</code>.</p> C#<pre><code>var group = app.MapGroup(\"&lt;route-prefix&gt;\");\n\ngroup.MapGet(\"/\", GetAllTodos);  // route: /&lt;route-prefix&gt;\ngroup.MapGet(\"/{id}\", GetTodo);  // route: /&lt;route-prefix&gt;/{id}\n\n// [...]\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#typedresults","title":"<code>TypedResults</code>","text":"<p>The <code>Microsoft.AspNetCore.Http.TypedResults</code> static class is the \u201ctyped\u201d equivalent of the existing <code>Microsoft.AspNetCore.Http.Results</code> class. It's possible to use <code>TypedResults</code> in minimal APIs to create instances of the in-framework <code>IResult</code>-implementing types and preserve the concrete type information.</p> C#<pre><code>public static async Task&lt;IResult&gt; GetAllTodos(TodoDb db)\n{\n    return TypedResults.Ok(await db.Todos.ToArrayAsync());\n}\n</code></pre> C#<pre><code>[Fact]\npublic async Task GetAllTodos_ReturnsOkOfObjectResult()\n{\n    // Arrange\n    var db = CreateDbContext();\n\n    // Act\n    var result = await TodosApi.GetAllTodos(db);\n\n    // Assert: Check the returned result type is correct\n    Assert.IsType&lt;Ok&lt;Todo[]&gt;&gt;(result);\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#multiple-result-types","title":"Multiple Result Types","text":"<p>The <code>Results&lt;TResult1, TResult2, TResultN&gt;</code> generic union types, along with the <code>TypesResults</code> class, can be used to declare that a route handler returns multiple <code>IResult</code>-implementing concrete types.</p> C#<pre><code>// Declare that the lambda returns multiple IResult types\napp.MapGet(\"/todos/{id}\", async Results&lt;Ok&lt;Todo&gt;, NotFound&gt; (int id, TodoDb db)\n{\n    return await db.Todos.FindAsync(id) is Todo todo\n        ? TypedResults.Ok(todo)\n        : TypedResults.NotFound();\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#filters","title":"Filters","text":"C#<pre><code>public class ExampleFilter : IRouteHandlerFilter\n{\n    public async ValueTask&lt;object?&gt; InvokeAsync(RouteHandlerInvocationContext context, RouteHandlerFilterDelegate next)\n    {\n        // before endpoint call\n        var result = next(context);\n        /// after endpoint call\n        return result;\n    }\n}\n</code></pre> C#<pre><code>app.MapPost(\"/route\", Handler).AddFilter&lt;ExampleFilter&gt;();\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#context","title":"Context","text":"<p>With Minimal APIs it's possible to access the contextual information by passing one of the following types as a parameter to your handler delegate:</p> <ul> <li><code>HttpContext</code></li> <li><code>HttpRequest</code></li> <li><code>HttpResponse</code></li> <li><code>ClaimsPrincipal</code></li> <li><code>CancellationToken</code> (RequestAborted)</li> </ul> C#<pre><code>app.MapGet(\"/hello\", (ClaimsPrincipal user) =&gt; {\n    return \"Hello \" + user.FindFirstValue(\"sub\");\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#openapi","title":"OpenAPI","text":"<p>The <code>Microsoft.AspNetCore.OpenApi</code> package exposes a <code>WithOpenApi</code> extension method that generates an <code>OpenApiOperation</code> derived from a given endpoint\u2019s route handler and metadata.</p> C#<pre><code>app.MapGet(\"/todos/{id}\", (int id) =&gt; ...)\n    .WithOpenApi();\n\napp.MapGet(\"/todos/{id}\", (int id) =&gt; ...)\n    .WithOpenApi(operation =&gt; {\n        operation.Summary = \"Retrieve a Todo given its ID\";\n        operation.Parameters[0].AllowEmptyValue = false;\n    });\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#validation","title":"Validation","text":"<p>Using Minimal Validation by Damian Edwards. Alternatively it's possible to use Fluent Validation.</p> C#<pre><code>app.MapPost(\"/widgets\", (Widget widget) =&gt; {\n    var isValid = MinimalValidation.TryValidate(widget, out var errors);\n\n    if(isValid)\n    {\n        return Results.Created($\"/widgets/{widget.Name}\", widget);\n    }\n\n    return Results.BadRequest(errors);\n});\n\nclass Widget\n{\n    [Required, MinLength(3)]\n    public string? Name { get; set; }\n\n    public override string? ToString() =&gt; Name;\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#json-serialization","title":"JSON Serialization","text":"C#<pre><code>// Microsoft.AspNetCore.Http.Json.JsonOptions\nbuilder.Services.Configure&lt;JsonOptions&gt;(opt =&gt;\n{\n    opt.SerializerOptions.PropertyNamingPolicy = new SnakeCaseNamingPolicy();\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#authorization","title":"Authorization","text":"C#<pre><code>builder.Services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme).AddJwtBearer();\n\nbuilder.Services.AddAuthorization();\n// or\nbuilder.Services.AddAuthorization(options =&gt;\n{\n    // for all endpoints\n    options.FallbackPolicy = new AuthorizationPolicyBuilder()\n      .AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)\n      .RequireAuthenticatedUser();\n})\n// or\nbuilder.Authentication.AddJwtBearer();  // will automatically add required middlewares\n\n// [...]\n\napp.UseAuthentication();\napp.UseAuthorization(); // must come before routes\n\n// [...]\n\napp.MapGet(\"/alcohol\", () =&gt; Results.Ok()).RequireAuthorization(\"&lt;policy&gt;\");  // on specific endpoints\napp.MapGet(\"/free-for-all\", () =&gt; Results.Ok()).AllowAnonymous();\napp.MapGet(\"/special-secret\", () =&gt; \"This is a special secret!\")\n    .RequireAuthorization(p =&gt; p.RequireClaim(\"scope\", \"myapi:secrets\"));\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#local-jwt-tokens","title":"Local JWT Tokens","text":"<p>The <code>user-jwts</code> tool is similar in concept to the existing <code>user-secrets</code> tools, in that it can be used to manage values for the app that are only valid for the current user (the developer) on the current machine. In fact, the <code>user-jwts</code> tool utilizes the <code>user-secrets</code> infrastructure to manage the key that the JWTs will be signed with, ensuring it\u2019s stored safely in the user profile.</p> Bash<pre><code>dotnet user-jwts create  # configure a dev JWT fot the current user\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#output-caching","title":"Output Caching","text":"C#<pre><code>builder.Services.AddOutputCaching();  // no special options\nbuilder.Services.AddOutputCaching(options =&gt; \n{\n    options =&gt; options.AddBasePolicy(x =&gt; x.NoCache())  // no cache policy\n\n    Func&lt;OutputCacheContext, bool&gt; predicate = /* discriminate requests */\n    options.AddBasePolicy(x =&gt; x.With(predicate).CachePolicy());\n    options.AddBasePolicy(\"&lt;policy-name&gt;\", x =&gt; x.CachePolicy());  // named policy\n});\n\n// [...]\n\napp.UseOutputCaching();  // following middlewares can use output cache\n\n// [...]\n\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput();  // cache forever\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput().Expire(timespan);\n\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.CachePolicy());\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(\"&lt;policy-name&gt;\");\n\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.VaryByHeader(/* headers list */));\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.VaryByQuery(/* query key */));\napp.MapGet(\"/&lt;route&gt;\", RouteHandler).CacheOutput(x =&gt; x.VaryByValue());\n\napp.MapGet(\"/&lt;route&gt;\", [OutputCache(/* options */)]RouteHandler);\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#cache-eviction","title":"Cache Eviction","text":"C#<pre><code>app.MapGet(\"/&lt;route-one&gt;\", RouteHandler).CacheOutput(x =&gt; x.Tag(\"&lt;tag&gt;\"));  // tag cache portion\n\napp.MapGet(\"/&lt;route-two&gt;\", (IOutputCacheStore cache, CancellationToken token) =&gt; \n{\n    await cache.EvictByTag(\"&lt;tag&gt;\", token);  // invalidate a portion of the cache\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#custom-cache-policy","title":"Custom Cache Policy","text":"C#<pre><code>app.MapGet(\"/&lt;route-one&gt;\", RouteHandler).CacheOutput(x =&gt; x.AddCachePolicy&lt;CustomCachePolicy&gt;());\n</code></pre> C#<pre><code>class CustomCachePolicy : IOutputCachePolicy\n{\n    public ValueTask CacheRequestAsync(OutputCacheContext context, CancellationToken cancellationToken) { }\n\n    public ValueTask ServeFromCacheAsync(OutputCacheContext context, CancellationToken cancellationToken) { }\n\n    public ValueTask ServeResponseAsync(OutputCacheContext context, CancellationToken cancellationToken) { }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#options-pattern","title":"Options Pattern","text":"<p>The options pattern uses classes to provide strongly-typed access to groups of related settings.</p> JSON<pre><code>{\n    \"SecretKey\": \"Secret key value\",\n    \"TransientFaultHandlingOptions\": {\n        \"Enabled\": true,\n        \"AutoRetryDelay\": \"00:00:07\"\n    },\n    \"Logging\": {\n        \"LogLevel\": {\n            \"Default\": \"Information\",\n            \"Microsoft\": \"Warning\",\n            \"Microsoft.Hosting.Lifetime\": \"Information\"\n        }\n    }\n}\n</code></pre> C#<pre><code>// options model for binding\npublic class TransientFaultHandlingOptions\n{\n    public bool Enabled { get; set; }\n    public TimeSpan AutoRetryDelay { get; set; }\n}\n</code></pre> C#<pre><code>// setup the options\nbuilder.Services.Configure&lt;TransientFaultHandlingOptions&gt;(builder.Configuration.GetSection&lt;TransientFaultHandlingOptions&gt;(nameof(Options)));\nbuilder.Services.Configure&lt;TransientFaultHandlingOptions&gt;(builder.Configuration.GetSection&lt;TransientFaultHandlingOptions&gt;(key));\n</code></pre> C#<pre><code>class DependsOnOptions\n{\n  private readonly IOptions&lt;TransientFaultHandlingOptions&gt; _options;\n\n  public DependsOnOptions(IOptions&lt;TransientFaultHandlingOptions&gt; options) =&gt; _options = options;\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/minimal-api.html#options-interfaces","title":"Options interfaces","text":"<p><code>IOptions&lt;TOptions&gt;</code>:</p> <ul> <li>Does not support:</li> <li>Reading of configuration data after the app has started.</li> <li>Named options</li> <li>Is registered as a Singleton and can be injected into any service lifetime.</li> </ul> <p><code>IOptionsSnapshot&lt;TOptions&gt;</code>:</p> <ul> <li>Is useful in scenarios where options should be recomputed on every injection resolution, in scoped or transient lifetimes.</li> <li>Is registered as Scoped and therefore cannot be injected into a Singleton service.</li> <li>Supports named options</li> </ul> <p><code>IOptionsMonitor&lt;TOptions&gt;</code>:</p> <ul> <li>Is used to retrieve options and manage options notifications for <code>TOptions</code> instances.</li> <li>Is registered as a Singleton and can be injected into any service lifetime.</li> <li>Supports:</li> <li>Change notifications</li> <li>Named options</li> <li>Reloadable configuration</li> <li>Selective options invalidation (<code>IOptionsMonitorCache&lt;TOptions&gt;</code>)</li> </ul>"},{"location":"languages/dotnet/asp.net/razor-syntax.html","title":"Razor Syntax","text":""},{"location":"languages/dotnet/asp.net/razor-syntax.html#markup","title":"Markup","text":"C#<pre><code>@page  // set this as razor page\n\n@model &lt;App&gt;.Models.Entity  // if MVC set type of elements passed to the view \n@model &lt;Page&gt;Model  // if Razor page set underlying class\n\n@* razor comment *@\n\n// substitute @variable with it's value\n&lt;tag&gt;@variable&lt;/tag&gt;\n\n@{\n    // razor code block\n    // can contain C# or HTML\n\n    Model  // access to passed @model (MVC)\n}\n\n@if (condition) { }\n\n@for (init, condition, iteration) { }\n\n@Model.Property  // display Property value (MVC)\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#tag-helpers-aspnet-core","title":"Tag Helpers (ASP.NET Core)","text":"<p>Tag helpers are reusable components for automating the generation of HTML in Razor Pages. Tag helpers target specific HTML tags.</p> <p>Example:</p> HTML<pre><code>&lt;!-- tag helpers for a lin in ASP.NET MVC --&gt;\n&lt;a class=\"nav-link text-dark\" asp-area=\"\" asp-controller=\"Home\" asp-action=\"Index\"&gt;Home&lt;/a&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#managing-tag-helpers","title":"Managing Tag Helpers","text":"<p>The <code>@addTagHelper</code> directive makes Tag Helpers available to the view. Generally, the view file is <code>Pages/_ViewImports.cshtml</code>, which by default is inherited by all files in the <code>Pages</code> folder and subfolders, making Tag Helpers available.</p> C#<pre><code>@using &lt;App&gt;\n@namespace &lt;App&gt;.Pages  // or &lt;Project&gt;.Models\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n</code></pre> <p>The first parameter after <code>@addTagHelper</code> specifies the Tag Helpers to load (<code>*</code> for all Tag Helpers), and the second parameter (e.g. <code>Microsoft.AspNetCore.Mvc.TagHelpers</code>) specifies the assembly containing the Tag Helpers. <code>Microsoft.AspNetCore.Mvc.TagHelpers</code> is the assembly for the built-in ASP.NET Core Tag Helpers.</p>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#opting-out-of-individual-elements","title":"Opting out of individual elements","text":"<p>It's possible to disable a Tag Helper at the element level with the Tag Helper opt-out character (<code>!</code>)</p> Text Only<pre><code>&lt;!-- disable email validation --&gt;\n&lt;!span asp-validation-for=\"Email\" &gt;&lt;/!span&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#explicit-tag-helpers","title":"Explicit Tag Helpers","text":"<p>The <code>@tagHelperPrefix</code> directive allows to specify a tag prefix string to enable Tag Helper support and to make Tag Helper usage explicit.</p> Text Only<pre><code>@tagHelpersPrefix th:\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#important-tag-helpers-asp-html-helpers-html","title":"Important Tag Helpers (<code>asp-</code>) &amp; HTML Helpers (<code>@Html</code>)","text":"<p>Understanding Html Helpers</p> C#<pre><code>@model &lt;App&gt;.Models.Entity\n\n// Display the name of the property\n@Html.DisplayNameFor(model =&gt; model.EntityProp)\n@nameof(Model.EntityProp)\n\n// Display the value of the property\n@Html.DisplayFor(model =&gt; model.EntityProp)\n@Model.EntityProp\n\n&lt;from&gt;\n    // use the property as the label, eventually w/ [DisplayName(\"...\")]\n    &lt;label asp-for=\"EntityProp\"&gt;&lt;/label&gt;\n    @Html.LabelFor()\n\n    // automatically set the value at form compilation and submission\n    &lt;input asp-for=\"EntityProp\"/&gt;\n    @Html.EditorFor()\n&lt;/from&gt;\n\n// route config is {Controller}/{Action}/{Id?}\n&lt;a asp-controller=\"&lt;Controller&gt;\" asp-action=\"&lt;Action&gt;\"&gt;Link&lt;/a&gt;  // link to /Controller/Action\n&lt;a asp-controller=\"&lt;Controller&gt;\" asp-action=\"&lt;Action&gt;\" asp-route-Id=\"@model.Id\"&gt;Link&lt;/a&gt;  // link to /Controller/Action/Id\n@Html.ActionLink(\"&lt;Link Text&gt;\", \"&lt;Action&gt;\", \"&lt;Controller&gt;\", new { @HTmlAttribute = value, Id = value }) // link to /Controller/Action/Id\n\n// link to /Controller/Action?queryParameter=value\n@Html.ActionLink(\"&lt;Link Text&gt;\", \"&lt;Action&gt;\", \"&lt;Controller&gt;\", new { @HTmlAttribute = value, queryParameter = value })\n&lt;a asp-controller=\"&lt;Controller&gt;\" asp-action=\"&lt;Action&gt;\" asp-route-queryParameter=\"value\"&gt;Link&lt;/a&gt;  // asp-route-* for query strings\n</code></pre>"},{"location":"languages/dotnet/asp.net/razor-syntax.html#select-tag-helper","title":"Select Tag Helper","text":"<p>StackOverflow SelectList Docs</p> <p>In <code>ViewModel.cs</code>:</p> C#<pre><code>class ViewModel \n{\n    public int EntityId { get; set; }  // value selected in form ends up here\n\n    // object has numeric id and other props\n    public SelectList Entities = new()\n\n    public ViewModel(){ }  // parameterless constructor (NEEDED)\n}\n</code></pre> <p>In <code>View.cs</code></p> C#<pre><code>@model ViewModel\n\n&lt;form asp-controller=\"Controller\" asp-action=\"PostAction\"&gt;\n\n    &lt;select asp-for\"EntityId\" asp-items=\"Model.Entities\"&gt;\n    &lt;/select&gt;\n\n    &lt;button type=\"submit\"&gt;Send&lt;button&gt;\n&lt;/form&gt;\n</code></pre> <p>In <code>Controller.cs</code>:</p> C#<pre><code>public IActionResult GetAction()\n{\n    var vm = new ViewModel();\n\n    vm.Entities = new SelectList(_context.Entities, \"Id\", \"Text\");  // fill SelectList\n    vm.EntityId = value;  // set selected option (OPTIONAL)\n\n    return View(vm);\n}\n\n\n[HttpPost]\npublic IActionResult PostAction(ViewModel)\n{\n    if(ModelState.IsValid)\n    {\n        // extract info from view model\n        // save to db\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html","title":"SignalR","text":"<p>The SignalR Hubs API enables to call methods on connected clients from the server. In the server code, define methods that are called by client. In the client code, define methods that are called from the server. SignalR takes care of everything behind the scenes that makes real-time client-to-server and server-to-client communications possible.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#server-side","title":"Server-Side","text":""},{"location":"languages/dotnet/asp.net/signalr.html#configuration","title":"Configuration","text":"<p>In <code>Startup.cs</code>:</p> C#<pre><code>builder.Services.AddSignalR();\n\nvar app = builder.Build();\n\napp.UseEndpoints(endpoints =&gt;\n{\n    endpoints.MapHub(\"/hub/endpoint\");\n});\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#creating-hubs","title":"Creating Hubs","text":"C#<pre><code>public class CustomHub : Hub\n{\n    public task HubMethod(Type args)\n    {\n        // trigger function on all clients and pass args to it\n        return Clients.All.SendAsync(\"CLientMethod\", args);\n\n        // trigger function on caller client and pass args to it\n        return Clients.Caller.SendAsync(\"CLientMethod\", args);\n\n        // trigger function on clients of a group and pass args to it\n        return Clients.Group(\"GroupName\").SendAsync(\"CLientMethod\", args);\n\n        // other operations\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#strongly-typed-hubs","title":"Strongly Typed Hubs","text":"<p>A drawback of using <code>SendAsync</code> is that it relies on a magic string to specify the client method to be called. This leaves code open to runtime errors if the method name is misspelled or missing from the client.</p> <p>An alternative to using SendAsync is to strongly type the Hub with <code>Hub&lt;T&gt;</code>.</p> C#<pre><code>public interface IHubClient\n{\n    // matches method to be called on the client\n    Task ClientMethod(Type args);\n}\n</code></pre> C#<pre><code>public class CustomHub : Hub&lt;IHubClient&gt;\n{\n    public Task HubMethod(Type args)\n    {\n        return Clients.All.ClientMethod(args);\n    }\n}\n</code></pre> <p>Using <code>Hub&lt;T&gt;</code> enables compile-time checking of the client methods. This prevents issues caused by using magic strings, since <code>Hub&lt;T&gt;</code> can only provide access to the methods defined in the interface.</p> <p>Using a strongly typed <code>Hub&lt;T&gt;</code> disables the ability to use <code>SendAsync</code>. Any methods defined on the interface can still be defined as asynchronous. In fact, each of these methods should return a <code>Task</code>. Since it's an interface, don't use the <code>async</code> keyword.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#handling-connection-events","title":"Handling Connection Events","text":"<p>The SignalR Hubs API provides the OnConnectedAsync and OnDisconnectedAsync virtual methods to manage and track connections. Override the OnConnectedAsync virtual method to perform actions when a client connects to the Hub, such as adding it to a group.</p> C#<pre><code>public override async Task OnConnectedAsync()\n{\n    await Groups.AddToGroupAsync(Context.ConnectionId, \"GroupName\");\n    await base.OnConnectedAsync();\n}\n\npublic override async Task OnDisconnectedAsync(Exception exception)\n{\n    await Groups.RemoveFromGroupAsync(Context.ConnectionId, \"GroupName\");\n    await base.OnDisconnectedAsync(exception);\n}\n</code></pre> <p>Override the <code>OnDisconnectedAsync</code> virtual method to perform actions when a client disconnects. If the client disconnects intentionally (by calling <code>connection.stop()</code>, for example), the exception parameter will be null. However, if the client is disconnected due to an error (such as a network failure), the exception parameter will contain an exception describing the failure.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#sending-errors-to-the-client","title":"Sending Errors to the client","text":"<p>Exceptions thrown in the hub methods are sent to the client that invoked the method. On the JavaScript client, the <code>invoke</code> method returns a JavaScript Promise. When the client receives an error with a handler attached to the promise using catch, it's invoked and passed as a JavaScript <code>Error</code> object.</p> <p>If the Hub throws an exception, connections aren't closed. By default, SignalR returns a generic error message to the client.</p> <p>If you have an exceptional condition you do want to propagate to the client, use the <code>HubException</code> class. If you throw a <code>HubException</code> from your hub method, SignalR will send the entire message to the client, unmodified.</p> C#<pre><code>public Task ThrowException()\n{\n    throw new HubException(\"This error will be sent to the client!\");\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#client-side-javascript","title":"Client-Side (JavaScript)","text":""},{"location":"languages/dotnet/asp.net/signalr.html#installing-the-client-package","title":"Installing the client package","text":"Bash<pre><code>npm init -y\nnpm install @microsoft/signalr\n</code></pre> <p>npm installs the package contents in the <code>node_modules\\@microsoft\\signalr\\dist\\browser</code> folder. Create a new folder named signalr under the <code>wwwroot\\lib</code> folder. Copy the signalr.js file to the <code>wwwroot\\lib\\signalr</code> folder.</p> <p>Reference the SignalR JavaScript client in the <code>&lt;script&gt;</code> element. For example:</p> HTML<pre><code>&lt;script src=\"~/lib/signalr/signalr.js\"&gt;&lt;/script&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#connecting-to-a-hub","title":"Connecting to a Hub","text":"<p>Reconnect Clients Docs</p> JavaScript<pre><code>const connection = new signalR.HubConnectionBuilder()\n    .withUrl(\"/hub/endpoint\")\n    .configureLogging(signalR.LogLevel.Information)\n    .withAutomaticReconnect()  // optional\n    .build();\n\n// async/await connection start\nasync function connect() {\n    try {\n        await connection.start();\n        console.log(\"SignalR Connected.\");\n    } catch (err) {\n        console.error(err);\n    }\n};\n\n// promise connection start\nfunction connect() {\n    connection.start()\n    .then(() =&gt; {})\n    .catch((err) =&gt; {console.error(err)});\n}\n</code></pre>"},{"location":"languages/dotnet/asp.net/signalr.html#call-hub-methods-fom-the-client","title":"Call hub methods fom the client","text":"<p>JavaScript clients call public methods on hubs via the <code>invoke</code> method of the <code>HubConnection</code>. The <code>invoke</code> method accepts:</p> <ul> <li>The name of the hub method.</li> <li>Any arguments defined in the hub method.</li> </ul> JavaScript<pre><code>try {\n    await connection.invoke(\"HubMethod\", args);\n} catch (err) {\n    console.error(err);\n}\n</code></pre> <p>The <code>invoke</code> method returns a JavaScript <code>Promise</code>. The <code>Promise</code> is resolved with the return value (if any) when the method on the server returns. If the method on the server throws an error, the <code>Promise</code> is rejected with the error message. Use <code>async</code> and <code>await</code> or the <code>Promise</code>'s then and catch methods to handle these cases.</p> <p>JavaScript clients can also call public methods on hubs via the the <code>send</code> method of the <code>HubConnection</code>. Unlike the <code>invoke</code> method, the send method doesn't wait for a response from the server. The send method returns a JavaScript <code>Promise</code>. The <code>Promise</code> is resolved when the message has been sent to the server. If there is an error sending the message, the <code>Promise</code> is rejected with the error message. Use <code>async</code> and <code>await</code> or the <code>Promise</code>'s then and catch methods to handle these cases.</p>"},{"location":"languages/dotnet/asp.net/signalr.html#call-client-methods-from-the-hub","title":"Call client methods from the hub","text":"<p>To receive messages from the hub, define a method using the <code>on</code> method of the <code>HubConnection</code>. The <code>on</code> method accepts:</p> <ul> <li>The name of the JavaScript client method.</li> <li>Arguments the hub passes to the method.</li> </ul> C#<pre><code>connection.on(\"ClientMethod\", (args) =&gt; { /* ... */});\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html","title":"WebForms","text":""},{"location":"languages/dotnet/asp.net/web-forms.html#pageaspx","title":"<code>Page.aspx</code>","text":"<p>The fist loaded page is <code>Default.aspx</code> and its underlying code.</p> HTML<pre><code>&lt;!-- directive --&gt;\n&lt;%@ Page Language=\"C#\" AutoEventWireup=\"true\" CodeBehind=\"Default.aspx.cs\" Inherits=\"Project.Default\" %&gt;\n\n&lt;!DOCTYPE html&gt;\n\n&lt;html xmlns=\"http://www.w3.org/1999/xhtml\"&gt;  &lt;!-- XML Namespace --&gt;\n&lt;head runat=\"server\"&gt;  &lt;!-- runat: handle as ASP code --&gt;\n    &lt;title&gt;&lt;/title&gt;\n&lt;/head&gt;\n&lt;body&gt;\n    &lt;!-- web forms require a form tag to be the whole body --&gt;\n    &lt;form id=\"form1\" runat=\"server\"&gt;  &lt;!-- runat: handle as ASP code --&gt;\n        &lt;div&gt;\n        &lt;/div&gt;\n    &lt;/form&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html#page-directive","title":"Page Directive","text":"C#<pre><code>&lt;%@ Page Language=\"C#\"  // define language used (can be C# or VB)\n    AutoEventWireup=\"true\"  // automatically create and setup event handlers\n    CodeBehind=\"Default.aspx.cs\"  // define the underlying code file\n    Inherits=\"EmptyWebForm.Default\" %&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html#web-controls","title":"Web Controls","text":"XML<pre><code>&lt;asp:Control ID=\"\" runat=\"server\" ...&gt;&lt;/asp:Control&gt;\n\n&lt;!-- Label: empty text will diplay ID, use empty space as text for empty label --&gt;\n&lt;asp:Label ID=\"lbl_\" runat=\"server\" Text=\" \"&gt;&lt;/asp:Label&gt;\n&lt;!-- TextBox --&gt;\n&lt;asp:TextBox ID=\"txt_\" runat=\"server\"&gt;&lt;/asp:TextBox&gt;\n&lt;!-- Button --&gt;\n&lt;asp:Button ID=\"btn_\" runat=\"server\" Text=\"ButtonText\" OnClick=\"btn_Click\" /&gt;\n&lt;!-- HyperLink --&gt;\n&lt;asp:HyperLink ID=\"lnk_\" runat=\"server\" NavigateUrl=\"~/Page.aspx\"&gt;LINK TEXT&lt;/asp:HyperLink&gt;\n&lt;!-- LinkButton: POstBackEvent reloads the page --&gt;\n&lt;asp:LinkButton ID=\"lbtHome\" runat=\"server\" PostBackUrl=\"~/Page.aspx\" OnClick=\"lbt_Click\"&gt;BUTTON TEXT&lt;/asp:LinkButton&gt;\n&lt;!-- Image --&gt;\n&lt;asp:Image ID=\"img_\" runat=\"server\" ImageUrl=\"~/Images/image.avif\"/&gt;\n&lt;!-- ImageButton --&gt;\n&lt;asp:ImageButton ID=\"imb_\" runat=\"server\" ImageUrl=\"~/Images/image.avif\" PostBackUrl=\"~/Page.aspx\"/&gt;\n\n&lt;!-- SqlSataSource; connection string specified in Web.config --&gt;\n&lt;asp:SqlDataSource ID=\"sds_\" runat=\"server\" ConnectionString=\"&lt;%$ ConnectionStrings:ConnectionString %&gt;\" SelectCommand=\"SQL Query\"&gt;&lt;/asp:SqlDataSource&gt;\n</code></pre>"},{"location":"languages/dotnet/asp.net/web-forms.html#pageaspxcs","title":"<code>Page.aspx.cs</code>","text":"C#<pre><code>public partial class Default : System.Web.UI.Page\n{\n    protected void Page_Load(object sender, EventArgs e)\n    {\n\n    }\n\n    protected void Control_Event(object sender, EventArgs e)\n    {\n        // actions on event trigger\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/async-programming.html","title":"Async Programming","text":""},{"location":"languages/dotnet/csharp/async-programming.html#task-asynchronous-programming-model-tap","title":"Task Asynchronous Programming Model (TAP)","text":"<p>It's possible to avoid performance bottlenecks and enhance the overall responsiveness of an application by using asynchronous programming. However, traditional techniques for writing asynchronous applications can be complicated, making them difficult to write, debug, and maintain.</p> <p>C# 5 introduced a simplified approach, async programming, that leverages asynchronous support in the .NET Runtime. The compiler does the difficult work that the developer used to do, and the application retains a logical structure that resembles synchronous code.</p> <p>In performance-sensitive code, asynchronous APIs are useful, because instead of wasting resources by forcing a thread to sit and wait for I/O to complete, a thread can kick off the work and then do something else productive in the meantime.</p> <p>The <code>async</code> and <code>await</code> keywords in C# are the heart of async programming.</p> C#<pre><code>public async Task&lt;TResult&gt; MethodAsync\n{\n    Task&lt;TResult&gt; resultTask = obj.OtherMethodAsync();\n\n    DoIndependentWork();\n\n    TResult result = await resultTask;\n\n    // if the is no work to be done before awaiting\n    TResult result = await obj.OtherMethodAsync();\n\n    return result;\n}\n</code></pre> <p>Characteristics of Async Methods:</p> <ul> <li>The method signature includes an <code>async</code> modifier.</li> <li>The name of an async method, by convention, ends with an \"Async\" suffix.</li> <li>The return type is one of the following types:</li> <li><code>Task&lt;TResult&gt;</code> if the method has a return statement in which the operand has type <code>TResult</code>.</li> <li><code>Task</code> if the method has no return statement or has a return statement with no operand.</li> <li><code>void</code> if it's an async event handler.</li> <li>Any other type that has a <code>GetAwaiter</code> method (starting with C# 7.0).</li> <li>Starting with C# 8.0, <code>IAsyncEnumerable&lt;T&gt;</code>, for an async method that returns an async stream.</li> </ul> <p>The method usually includes at least one <code>await</code> expression, which marks a point where the method can't continue until the awaited asynchronous operation is complete. In the meantime, the method is suspended, and control returns to the method's caller.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#threads","title":"Threads","text":"<p>Async methods are intended to be non-blocking operations. An <code>await</code> expression in an async method doesn't block the current thread while the awaited task is running. Instead, the expression signs up the rest of the method as a continuation and returns control to the caller of the async method.</p> <p>The <code>async</code> and <code>await</code> keywords don't cause additional threads to be created. Async methods don't require multithreading because an async method doesn't run on its own thread. The method runs on the current synchronization context and uses time on the thread only when the method is active. It's possible to use <code>Task.Run</code> to move CPU-bound work to a background thread, but a background thread doesn't help with a process that's just waiting for results to become available.</p> <p>The async-based approach to asynchronous programming is preferable to existing approaches in almost every case. In particular, this approach is better than the <code>BackgroundWorker</code> class for I/O-bound operations because the code is simpler and there is no need to guard against race conditions. In combination with the <code>Task.Run</code> method, async programming is better than <code>BackgroundWorker</code> for CPU-bound operations because async programming separates the coordination details of running the code from the work that <code>Task.Run</code> transfers to the thread pool.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#naming-convention","title":"Naming Convention","text":"<p>By convention, methods that return commonly awaitable types (for example, <code>Task</code>, <code>Task&lt;T&gt;</code>, <code>ValueTask</code>, <code>ValueTask&lt;T&gt;</code>) should have names that end with Async. Methods that start an asynchronous operation but do not return an awaitable type should not have names that end with Async, but may start with \"Begin\", \"Start\", or some other verb to suggest this method does not return or throw the result of the operation.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#async-return-types","title":"Async Return Types","text":""},{"location":"languages/dotnet/csharp/async-programming.html#task-return-type","title":"<code>Task</code> return type","text":"<p>Async methods that don't contain a return statement or that contain a return statement that doesn't return an operand usually have a return type of <code>Task</code>. Such methods return <code>void</code> if they run synchronously. If a <code>Task</code> return type is used for an async method, a calling method can use an <code>await</code> operator to suspend the caller's completion until the called async method has finished.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#tasktresult-return-type","title":"<code>Task&lt;TResult&gt;</code> return type","text":"<p>The <code>Task&lt;TResult&gt;</code> return type is used for an async method that contains a return statement in which the operand is <code>TResult</code>.</p> <p>The <code>Task&lt;TResult&gt;.Result</code> property is a blocking property. If it's accessed it before its task is finished, the thread that's currently active is blocked until the task completes and the value is available. In most cases, access the value by using <code>await</code> instead of accessing the property directly.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#void-return-type","title":"<code>void</code> return type","text":"<p>The <code>void</code> return type is used in asynchronous event handlers, which require a <code>void</code> return type. For methods other than event handlers that don't return a value, it's best to return a <code>Task</code> instead, because an async method that returns <code>void</code> can't be awaited. Any caller of such a method must continue to completion without waiting for the called async method to finish. The caller must be independent of any values or exceptions that the async method generates.</p> <p>The caller of a void-returning async method can't catch exceptions thrown from the method, and such unhandled exceptions are likely to cause the application to fail. If a method that returns a <code>Task</code> or <code>Task&lt;TResult&gt;</code> throws an exception, the exception is stored in the returned task. The exception is re-thrown when the task is awaited. Therefore, make sure that any async method that can produce an exception has a return type of <code>Task</code> or <code>Task&lt;TResult&gt;</code> and that calls to the method are awaited.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#generalized-async-return-types-and-valuetasktresult","title":"Generalized async return types and <code>ValueTask&lt;TResult&gt;</code>","text":"<p>Starting with C# 7.0, an async method can return any type that has an accessible <code>GetAwaiter</code> method.</p> <p>Because <code>Task</code> and <code>Task&lt;TResult&gt;</code> are reference types, memory allocation in performance-critical paths, particularly when allocations occur in tight loops, can adversely affect performance. Support for generalized return types means that it's possible to return a lightweight value type instead of a reference type to avoid additional memory allocations.</p> <p>.NET provides the <code>System.Threading.Tasks.ValueTask&lt;TResult&gt;</code> structure as a lightweight implementation of a generalized task-returning value. To use the <code>System.Threading.Tasks.ValueTask&lt;TResult&gt;</code> type, add the System.Threading.Tasks.Extensions NuGet package to the project.</p>"},{"location":"languages/dotnet/csharp/async-programming.html#async-composition","title":"Async Composition","text":"C#<pre><code>public async Task DoOperationsConcurrentlyAsync()\n{\n  Task[] tasks = new Task[3];\n  tasks[0] = DoOperation0Async();\n  tasks[1] = DoOperation1Async();\n  tasks[2] = DoOperation2Async();\n\n  // At this point, all three tasks are running at the same time.\n\n  // Now, we await them all.\n  await Task.WhenAll(tasks);\n}\n\npublic async Task&lt;int&gt; GetFirstToRespondAsync()\n{\n  // Call two web services; take the first response.\n  Task&lt;int&gt;[] tasks = new[] { WebService1Async(), WebService2Async() };\n\n  // Await for the first one to respond.\n  Task&lt;int&gt; firstTask = await Task.WhenAny(tasks);\n\n  // Return the result.\n  return await firstTask;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/async-programming.html#execution-synchronization-context","title":"Execution &amp; Synchronization Context","text":"<p>When the program\u2019s execution reaches an <code>await</code> expression for an operation that doesn\u2019t complete immediately, the code generated for that <code>await</code> will ensure that the current execution context has been captured. When the asynchronous operation completes, the remainder of the method will be executed through the execution context. The execution context handles certain contextual information that needs to flow when one method invokes another (even when it does so indirectly)</p> <p>While all <code>await</code> expressions capture the execution context, the decision of whether to flow synchronization context as well is controlled by the type being awaited.</p> <p>Sometimes, it's better to avoid getting the synchronization context involved. If work starting from a UI thread is performed, but there is no particular need to remain on that thread, scheduling every continuation through the synchronization context is unnecessary overhead.</p> <p>If the asynchronous operation is a <code>Task</code>, <code>Task&lt;T&gt;</code>, <code>ValueTask</code> or <code>ValueTask&lt;T&gt;</code>, it's possible to discard the synchronization context by calling the <code>ConfigureAwait(false)</code>. This returns a different representation of the asynchronous operation, and if this iss awaited that instead of the original task, it will ignore the current <code>SynchronizationContext</code> if there is one.</p> C#<pre><code>private async Task DownloadFileAsync(string fileName)\n{\n  await OperationAsync(fileName).ConfigureAwait(false);  // discarding original context\n}\n</code></pre> <p>When writing libraries in most cases you it'ss best to call <code>ConfigureAwait(false)</code> anywhere <code>await</code> is used. This is because continuing via the synchronization context can be expensive, and in some cases it can introduce the possibility of deadlock occurring.</p> <p>The only exceptions are when are doing something that positively requires the synchronization context to be preserved, or it's know for certain that the library will only ever be used in application frameworks that do not set up a synchronization context. (ASP.NET Core applications do not use synchronization contexts, so it generally doesn\u2019t matter whether or not <code>ConfigureAwait(false)</code> is called in those)</p>"},{"location":"languages/dotnet/csharp/async-programming.html#error-handling","title":"Error Handling","text":""},{"location":"languages/dotnet/csharp/async-programming.html#argument-validation","title":"Argument Validation","text":"<p>Inside an <code>async</code> method, the compiler treats all exceptions in the same way: none are allowed to pass up the stack as in a normal method, and they will always be reported by faulting the returned task. This is true even of exceptions thrown before the first <code>await</code>.</p> <p>If the calling method immediately calls <code>await</code> on the return task, this won\u2019t matter much\u2014it will see the exception in any case. But some code may choose not to wait immediately, in which case it won\u2019t see the argument exception until later.</p> C#<pre><code>async Task&lt;string&gt; MethodWithValidationAsync(string argument)\n{\n  if(sting.IsNullOrEmpty(argument))\n  {\n     throw new ArgumentNullException(nameof(argument));  // will be thrown on await of MethodWithValidationAsync\n  }\n\n  // [...]\n\n  return await LongOperationAsync();\n}\n</code></pre> <p>In cases where you want to throw this kind of exception straightaway, the usual technique is to write a normal method that validates the arguments before calling an async method that does the work, and to make that second method either private or local.</p> C#<pre><code>// not marked with async, exception propagate directly to caller\npublic static Task&lt;string&gt; MethodWithValidationAsync(string argument)\n{\n  if(sting.IsNullOrEmpty(argument))\n  {\n     throw new ArgumentNullException(nameof(argument));  // thrown immediately\n  }\n\n  return ActualMethodAsync(argument);  // pass up task of inner method\n}\n\nprivate static async Task&lt;string&gt; ActualMethodAsync(string argument)\n{\n  // [...]\n  return await LongOperationAsync();\n}\n</code></pre> <p>Note: <code>await</code> extracts only the first exception of an <code>AggregateException</code>, this can cause the loss of information if a task (or group of tasks) has more than one error.</p>"},{"location":"languages/dotnet/csharp/collections.html","title":"C# Collections","text":""},{"location":"languages/dotnet/csharp/collections.html#arrays","title":"Arrays","text":"<p>An array is an object that contains multiple elements of a particular type. The number of elements is fixed for the lifetime of the array, so it must be specified when the array is created.</p> <p>An array type is always a reference type, regardless of the element type. Nonetheless, the choice between reference type and value type elements makes a significant difference in an array's behavior.</p> C#<pre><code>type[] array = new type[dimension];\ntype array[] = new type[dimension];  //invalid\n\ntype[] array = {value1, value2, ..., valueN};  // initializer\nvar array = new type[] {value1, value2, ..., valueN};  // initializer (var type needs new operator)\nvar array = new[] {value1, value2, ..., valueN};  // initializer w/ element type inference (var type needs new operator), can be used as method arg\n\narray[index];    // value access\narray[index] = value;    // value assignment\narray.Length;  // dimension of the array\n\n// from IEnumerable&lt;T&gt;\narray.OfType&lt;Type&gt;();  // filter array based on type, returns IEnumerable&lt;Type&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#array-methods","title":"Array Methods","text":"C#<pre><code>// overloaded search methods\nArray.IndexOf(array, item);  // return index of searched item in passed array\nArray.LastIndexOf(array, item); // return index of searched item staring from the end of the array\nArray.FindIndex(array, Predicate&lt;T&gt;)  // returns the index of the first item matching the predicate (can be lambda function)\nArray.FindLastIndex(array, Predicate&lt;T&gt;)  // returns the index of the last item matching the predicate (can be lambda function)\nArray.Find(array, Predicate&lt;T&gt;)  // returns the value of the first item matching the predicate (can be lambda function)\nArray.FindLast(array, Predicate&lt;T&gt;)  // returns the value of the last item matching the predicate (can be lambda function)\nArray.FindAll(array, Predicate&lt;T&gt;)  // returns array of all items matching the predicate (can be lambda function)\nArray.BinarySearch(array, value)  // Searches a  SORTED array for a value, using a binary search algorithm; returns the index of the found item\n\nArray.Sort(array);\nArray.Reverse(array);  // reverses the  order of array elements\nArray.Clear(start_index, x);  //removes reference to x elements starting at start index. Dimension of array unchanged (cleared elements value is set tu null)\nArray.Resize(ref array, target_dimension);  //expands or shrinks the array dimension. Shrinking drops trailing values. Array passed by reference.\n\n// Copies elements from an Array starting at the specified index and pastes them to another Array starting at the specified destination index.\nArray.Copy(sourceArray, sourceStartIndex, destinationArray, destinationStartIndex, numItemsToCopy);\n// Copies elements from an Array starting at the first element and pastes them into another Array starting at the first element.\nArray.Copy(sourceArray, destinationArray, numItemsToCopy);\nArray.Clone();  // returns a shallow copy of the array\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#multidimensional-arrays","title":"Multidimensional Arrays","text":"<p>C# supports two multidimensional array forms: jagged arrays and rectangular arrays (matrices).</p> C#<pre><code>//specify first dimension\ntype[][] jagged = new type[][]\n{\n    new[] {item1, item2, item3},\n    new[] {item1},\n    new[] {item1, item2},\n    ...\n}\n\n// shorthand\ntype[][] jagged =\n{\n    new[] {item1, item2, item3},\n    new[] {item1},\n    new[] {item1, item2},\n    ...\n}\n\n// matrices\ntype[,] matrix = new type[n, m];  // n * m matrix\ntype[,] matrix = {{}, {}, {}, ...};  // {} for each row to initialize\ntype[, ,] tensor = new type[n, m, o] // n * m * o tensor\n\nmatrix.Length;  // total number of elements (n * m)\nmatrix.GetLength(int dimension); // get the size of a particular direction\n// row = 0, column = 1, ...\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#lists","title":"Lists","text":"<p><code>List&lt;T&gt;</code> stores sequences of elements. It can grow or shrink, allowing to add or remove elements.</p> C#<pre><code>using System.Collections.Generics;\n\nList&lt;T&gt; list = new List&lt;T&gt;();\nList&lt;T&gt; list = new List&lt;T&gt; {item_1, ...};  // initialized usable since list implements IEnumerable&lt;T&gt; and has Add() method (even extension method)\nList&lt;T&gt; list = new List&lt;T&gt;(dimension);  // set list starting dimension\nList&lt;T&gt; list = new List&lt;T&gt;(IEnumerable&lt;T&gt;);  // create a list from an enumerable collection\n\n\nlist.Add(item);    //item insertion into the list\nlist.AddRange(IEnumerable&lt;T&gt; collection);  // insert multiple items\nlist.Insert(index, item);  // insert an item at the specified index\nlist.InsertRange(index, item);  // insert items at the specified index\n\nlist.IndexOf(item);  // return index of searched item in passed list\nlist.LastIndexOf(item); // return index of searched item staring from the end of the array\nlist.FindIndex(Predicate&lt;T&gt;)  // returns the index of the first item matching the predicate (can be lambda function)\nlist.FindLastIndex(Predicate&lt;T&gt;)  // returns the index of the last item matching the predicate (can be lambda function)\nlist.Find(Predicate&lt;T&gt;)  // returns the value of the first item matching the predicate (can be lambda function)\nlist.FindLast(Predicate&lt;T&gt;)  // returns the value of the last item matching the predicate (can be lambda function)\nlist.FindAll(Predicate&lt;T&gt;)  // returns list of all items matching the predicate (can be lambda function)\nlist.BinarySearch(value)  // Searches a  SORTED list for a value, using a binary search algorithm; returns the index of the found item\n\nlist.Remove(item);  // remove item from list\nlist.RemoveAt(index);  // remove item at specified position\nlist.RemoveRange(index, quantity);  // remove quantity items at specified position\n\nlist.Contains(item);  // check if item is in the list\nlist.TrueForAll(Predicate&lt;T&gt;);  // Determines whether every element matches the conditions defined by the specified predicate\n\nlist[index];  // access to items by index\nlist[index] = value;  // modify to items by index\nlist.Count;  // number of items in the list\n\nlist.Sort(); // sorts item in crescent order\nlist.Reverse(); // Reverses the order of the elements in the list\n\n// from IEnumerable&lt;T&gt;\nlist.OfType&lt;Type&gt;();  // filter list based on type, returns IEnumerable&lt;Type&gt;\nlist.OfType&lt;Type&gt;().ToList();  // filter list based on type, returns List&lt;Type&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#iterators","title":"Iterators","text":"<p>An iterator can be used to step through collections such as lists and arrays.</p> <p>An iterator method or <code>get</code> accessor performs a custom iteration over a collection. An iterator method uses the <code>yield return</code> statement to return each element one at a time. When a <code>yield return</code> statement is reached, the current location in code is remembered. Execution is restarted from that location the next time the iterator function is called.</p> <p>It's possible to use a <code>yield break</code> statement or exception to end the iteration.</p> <p>Note: Since an iterator returns an <code>IEnumerable&lt;T&gt;</code> is can be used to implement a <code>GetEnumerator()</code>.</p> C#<pre><code>// simple iterator\npublic static System.Collections.IEnumerable&lt;int&gt; IterateRange(int start = 0, int end)\n{\n    for(int i = start; i &lt; end; i++){\n        yield return i;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#list-sequence-interfaces","title":"List &amp; Sequence Interfaces","text":""},{"location":"languages/dotnet/csharp/collections.html#ienumerablet","title":"<code>IEnumerable&lt;T&gt;</code>","text":"<p>Exposes the enumerator, which supports a simple iteration over a collection of a specified type.</p> C#<pre><code>public interface IEnumerable&lt;out T&gt; : IEnumerable\n{\n    IEnumerator&lt;T&gt; GetEnumerator();  // return an enumerator\n}\n\n// iterate through a collection\npublic interface IEnumerator&lt;T&gt;\n{\n    // properties\n    object Current { get; }  // Get the element in the collection at the current position of the enumerator.\n\n    // methods\n    void IDisposable.Dispose();  // Perform application-defined tasks associated with freeing, releasing, or resetting unmanaged resources\n    bool MoveNext();  // Advance the enumerator to the next element of the collection.\n    void Reset();  // Set the enumerator to its initial position, which is before the first element in the collection.\n}\n</code></pre> <p>Note: must call <code>Dispose()</code> on enumerators once finished with them, because many of them rely on this. <code>Reset()</code> is legacy and can, in some situations, throw <code>NotSupportedException()</code>.</p>"},{"location":"languages/dotnet/csharp/collections.html#icollectiont","title":"<code>ICollection&lt;T&gt;</code>","text":"C#<pre><code>public interface ICollection&lt;T&gt; : IEnumerable&lt;T&gt;\n{\n    // properties\n    int Count { get; }  // Get the number of elements contained in the ICollection&lt;T&gt;\n    bool IsReadOnly { get; }  // Get a value indicating whether the ICollection&lt;T&gt; is read-only\n\n    // methods\n    void Add (T item);  // Add an item to the ICollection&lt;T&gt;\n    void Clear ();  // Removes all items from the ICollection&lt;T&gt;\n    bool Contains (T item);  // Determines whether the ICollection&lt;T&gt; contains a specific value\n    IEnumerator GetEnumerator ();  // Returns an enumerator that iterates through a collection\n    bool Remove (T item);  // Removes the first occurrence of a specific object from the ICollection&lt;T&gt;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#ilistt","title":"<code>IList&lt;T&gt;</code>","text":"C#<pre><code>public interface IList&lt;T&gt; : ICollection&lt;T&gt;, IEnumerable&lt;T&gt;\n{\n    // properties\n    int Count { get; }  // Get the number of elements contained in the ICollection&lt;T&gt;\n    bool IsReadOnly { get; }  // Get a value indicating whether the ICollection&lt;T&gt; is read-only\n    T this[int index] { get; set; }  // Get or set the element at the specified index\n\n    // methods\n    void Add (T item);  // Add an item to the ICollection&lt;T&gt;\n    void Clear ();  // Remove all items from the ICollection&lt;T&gt;\n    bool Contains (T item);  // Determine whether the ICollection&lt;T&gt; contains a specific value\n    void CopyTo (T[] array, int arrayIndex);  // Copy the elements of the ICollection&lt;T&gt; to an Array, starting at a particular Array index\n    IEnumerator GetEnumerator ();  // Return an enumerator that iterates through a collection\n    int IndexOf (T item);  // Determine the index of a specific item in the IList&lt;T&gt;\n    void Insert (int index, T item);  // Insert an item to the IList&lt;T&gt; at the specified index\n    bool Remove (T item);  // Remove the first occurrence of a specific object from the ICollection&lt;T&gt;\n    oid RemoveAt (int index);  // Remove the IList&lt;T&gt; item at the specified index\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#dictionaries","title":"Dictionaries","text":"<p>ValueCollection KeyCollection</p> <p>Notes:</p> <ul> <li>Enumerating a dictionary will return <code>KeyValuePair&lt;TKey, TValue&gt;</code>.</li> <li>The <code>Dictionary&lt;TKey, TValue&gt;</code> collection class relies on hashes to offer fast lookup (<code>TKey</code> should have a good <code>GetHashCode()</code>).</li> </ul> C#<pre><code>Dictionary&lt;TKey, TValue&gt; dict = new Dictionary&lt;TKey, TValue&gt;();  // init empty dict\nDictionary&lt;TKey, TValue&gt; dict = new Dictionary&lt;TKey, TValue&gt;(IEqualityComparer&lt;TKey&gt;);  // specify key comparer (TKey must implement Equals() and GetHashCode())\n\n// initializer (implicitly uses Add method)\nDictionary&lt;TKey, TValue&gt; dict =\n{\n    { key, value }\n    { key, value },\n    ...\n}\n\n// object initializer\nDictionary&lt;TKey, TValue&gt; dict =\n{\n    [key] = value,\n    [key] = value,\n    ...\n}\n\n// indexer access\ndict[key];  // read value associated with key (throws KeyNotFoundException if key does not exist)\ndict[key] = value;  // modify value associated with key (throws KeyNotFoundException if key does not exist)\n\ndict.Count;  // number of key-value pair stored in the dict\ndict.Keys;  // Dictionary&lt;TKey,TValue&gt;.KeyCollection containing the keys of the dict\ndict.Values;  // Dictionary&lt;TKey,TValue&gt;.ValueCollection containing the values of the dict\n\ndict.Add(key, value);  // ArgumentException if the key already exists\ndict.Clear();  // empty the dictionary\ndict.ContainsKey(key);  // check if a key is in the dictionary\ndict.ContainsValue(value);  // check if a value is in the dictionary\ndict.Remove(key);  // remove a key-value pair\ndict.Remove(key, out var);  // remove key-value pair and copy TValue to var parameter\ndict.TryAdd(key, value);  // adds a key-value pair; returns true if pair is added, false otherwise\ndict.TryGetValue(key, out var);  // put the value associated with kay in the var parameter; true if the dict contains an element with the specified key, false otherwise.\n</code></pre>"},{"location":"languages/dotnet/csharp/collections.html#sets","title":"Sets","text":"<p>Collection of non duplicate items.</p> C#<pre><code>HashSet&lt;T&gt; set = new HashSet&lt;T&gt;();\n\nset.Add(T); // adds an item to the set; true if the element is added, false if the element is already present.\nset.Clear();  //Remove all elements from a HashSet&lt;T&gt; object.\nset.Contains(T); // Determine whether a HashSet&lt;T&gt; object contains the specified element.\nset.CopyTo(T[]);  // Coy the elements of a HashSet&lt;T&gt; object to an array.\nset.CopyTo(T[], arrayIndex);  // Copy the elements of a HashSet&lt;T&gt; object to an array, starting at the specified array index.\nset.CopyTo(T[], arrayIndex, count);  // Copies the specified number of elements of a HashSet&lt;T&gt; object to an array, starting at the specified array index.\nset.CreateSetComparer();  // Return an IEqualityComparer object that can be used for equality testing of a HashSet&lt;T&gt; object.\nset.ExceptWith(IEnumerable&lt;T&gt;);  // Remove all elements in the specified collection from the current HashSet&lt;T&gt; object.\nset.IntersectWith(IEnumerable&lt;T&gt;); // Modify the current HashSet&lt;T&gt; object to contain only elements that are present in that object and in the specified collection.\nset.IsProperSubsetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a proper subset of the specified collection.\nset.IsProperSupersetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a proper superset of the specified collection.\nset.IsSubsetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a subset of the specified collection.\nset.IsSupersetOf(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object is a superset of the specified collection.\nset.Overlaps(IEnumerable&lt;T&gt;);  // Determine whether the current HashSet&lt;T&gt; object and a specified collection share common elements.\nset.Remove(T);  // Remove the specified element from a HashSet&lt;T&gt; object.\nset.RemoveWhere(Predicate&lt;T&gt;);  // Remove all elements that match the conditions defined by the specified predicate from a HashSet&lt;T&gt; collection.\nset.SetEquals(IEnumerable&lt;T&gt;);  // Determine whether a HashSet&lt;T&gt; object and the specified collection contain the same elements.\nset.SymmetricExceptWith(IEnumerable&lt;T&gt;); // Modify the current HashSet&lt;T&gt; object to contain only elements that are present either in that object or in the specified collection, but not both.\nset.UnionWith(IEnumerable&lt;T&gt;);  // Modify the current HashSet&lt;T&gt; object to contain all elements that are present in itself, the specified collection, or both.\nset.TryGetValue(T, out T);  // Search the set for a given value and returns the equal value it finds, if any.\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html","title":"<code>C#</code>","text":"<p>.NET Core is a development platform that includes a Common Language Runtime (CoreCLR), which manages the execution of code, and a Base Class Library (BCL), which provides a rich library of classes to build applications from.</p> <p>The C# compiler (named Roslyn) used by the dotnet CLI tool converts C# source code into intermediate language (IL) code and stores the IL in an assembly (a DLL or EXE file). IL code statements are like assembly language instructions, which are executed by .NET Core's virtual machine, known as CoreCLR.</p> <p>At runtime, CoreCLR loads the IL code from the assembly, the just-in-time (JIT) compiler compiles it into native CPU instructions, and then it is executed by the CPU on your machine. The benefit of this three-step compilation process is that Microsoft's able to create CLRs for Linux and macOS, as well as for Windows. The same IL code runs everywhere because of the second compilation process, which generates code for the native operating system and CPU instruction set. Regardless of which language the source code is written in, for example, C#, Visual Basic or F#, all .NET applications use IL code for their instructions stored in an assembly.</p> <p>Another .NET initiative is called .NET Native. This compiles C# code to native CPU instructions ahead of time (AoT), rather than using the CLR to compile IL code JIT to native code later. .NET Native improves execution speed and reduces the memory footprint for applications because the native code is generated at build time and then deployed instead of the IL code.</p>"},{"location":"languages/dotnet/csharp/csharp.html#basics","title":"Basics","text":""},{"location":"languages/dotnet/csharp/csharp.html#comments","title":"Comments","text":"C#<pre><code>// comment\n/* multi line comment */\n/// single line xml comment (docstring)\n/** multi line xml string (docstring) */\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#docstring-structure","title":"Docstring Structure","text":"<p><code>/** &lt;tag&gt; content &lt;/tag&gt; **/</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#naming-convention","title":"Naming Convention","text":"Element Case Namespace PascalCase Class, Interface PascalCase Method PascalCase Field, Property PascalCase Event, Enum, Enum Value, PascalCase Variables, Parameters camelCase"},{"location":"languages/dotnet/csharp/csharp.html#namespaces-imports-aliases","title":"Namespaces, Imports &amp; Aliases","text":"<p>Hierarchic organization of programs an libraries.</p> C#<pre><code>using System;  // import the System Namespace\nusing static System.Console;  // statically import a class to use its static methods w/o qualification\n\n// type aliases\nusing Alias = Namespace.SubNamespace.Type;\nusing LookupTable = Dictionary&lt;string, string&gt;;\nusing Points = (int, int, int)[];\n\n// global using [C# 10], should be in dedicated file\nglobal using &lt;namespace&gt;;\n\nnamespace Namespace;  // [C# 10]\n//or\nnamespace Namespace \n{\n}\n</code></pre> <p>To enable .NET 6/C# 10 implicit namespace imports:</p> XML<pre><code>&lt;ImplicitUsings&gt;enable&lt;/ImplicitUsings&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#top-level-statementsprograms-c-9","title":"Top Level Statements/Programs (C# 9)","text":"C#<pre><code>// imports\n\n// code here, no main, no namespace\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#main-method","title":"Main Method","text":"C#<pre><code>public static void Main(string[] args)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#constant-declaration","title":"Constant Declaration","text":"C#<pre><code>const type CONSTANT_NAME = value;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#assignment-operation","title":"Assignment Operation","text":"<p><code>type variable1 = value1, variable2 = value2, ...;</code></p> <p>If a variable has not been assigned it assumes the <code>default</code> value.</p>"},{"location":"languages/dotnet/csharp/csharp.html#input","title":"Input","text":"C#<pre><code>// input is a string, convert before saving in a non String variable\nConsole.ReadLines();    // read util &lt;Return&gt;  is pressed\nConsole.Read();    // read until space\n\n// reading non string input\n&lt;SystemType/Type&gt;.Parse(Console.ReadLines());    // convert string to numerical data type (can cause exception at runtime)\nConvert.To&lt;SystemType&gt;(Console.ReadLines());    // proper conversion and round-up of values (no truncation of values), NULL returns 0 (zero)\n\n// integers numeric base conversion\nConvert.ToString(num, &lt;base&gt;);  //  to specified numeric base\nConvert.ToInt32(string, &lt;base&gt;);  // parse from numeric base\n\nConsole.ReadKey();    // read a key from keyboard and display pressed kay immediately\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#screen-output","title":"Screen Output","text":"C#<pre><code>Console.WriteLine();    // single line output\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#string-formatting","title":"String Formatting","text":"<p><code>{index[,alignment][:&lt;formatString&gt;&lt;num_decimal_digits&gt;]}</code></p> C#<pre><code>Console.WriteLine(\"Name is {0}, Marks are {1}\", name, marks);    // string composite formatting\nConsole.WriteLine($\"Name is {name}, Marks are {marks}\");    // string interpolation\n\nConsole.WriteLine(\n    format: \"{0} {1}\"  // format can be omitted and passed as first argument of WriteLine/Write\n    arg0: \"String Literal\",\n    arg1: string_variable,\n    ...\n);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#number-format-string","title":"Number Format String","text":"<p>Numeric Format Strings Docs CultureInfo Docs</p> <p><code>{index[,alignment][:&lt;formatString&gt;&lt;num_decimal_digits&gt;]}</code></p> <p><code>$\"{number:C}\"</code> formats the number as a currency. Currency symbol &amp; symbol position are determined by <code>CultureInfo</code>. <code>$\"{number:D}\"</code> formats the number with decimal digits. <code>$\"{number:F}\"</code> formats the number with a fixed number of decimal digits. <code>$\"{number:E}\"</code> formats the number in scientific notation. <code>$\"{number:E}\"</code> formats the number in the more compact of either fixed-point or scientific notation. <code>$\"{number:N}\"</code> formats the number as a measure. Digits separators are determined by <code>CultureInfo</code>. <code>$\"{number:P}\"</code> formats the number as a percentage. <code>$\"{number:X}\"</code> formats the number as a hexadecimal.</p>"},{"location":"languages/dotnet/csharp/csharp.html#variable-types","title":"Variable Types","text":""},{"location":"languages/dotnet/csharp/csharp.html#value-type","title":"Value Type","text":"<p>A value type variable will store its values directly in an area of storage called the STACK. The stack is memory allocated to the code that is currently running on the CPU. When the stack frame has finished executing, the values in the stack are removed.</p>"},{"location":"languages/dotnet/csharp/csharp.html#reference-type","title":"Reference Type","text":"<p>A reference type variable will store its values in a separate memory region called the HEAP. The heap is a memory area that is shared across many applications running on the operating system at the same time. The .NET Runtime communicates with the operating system to determine what memory addresses are available, and requests an address where it can store the value. The .NET Runtime stores the value, then returns the memory address to the variable. When your code uses the variable, the .NET Runtime seamlessly looks up the address stored in the variable and retrieves the value that's stored there.</p>"},{"location":"languages/dotnet/csharp/csharp.html#integer-numeric-types","title":"Integer Numeric Types","text":"Keyword System Type Example Bit/Byte Min Value Max Value <code>sbyte</code> <code>System.SByte</code> 8 bit -128 127 <code>byte</code> <code>System.Byte</code> 8 bit 0 255 <code>short</code> <code>System.Int16</code> 16 bit -32'786 32'767 <code>ushort</code> <code>System.UInt16</code> 16 bit 0 65'535 <code>int</code> <code>System.Int32</code> 123 32 bit -2'47'483'648 2'147'483'647 <code>uint</code> <code>System.UInt32</code> 123u 32 bit 0 4'294'967'296 <code>nint</code> <code>System.IntPtr</code> Arch 0 18'446'744'073'709'551'615 <code>nuint</code> <code>System.UIntPtr</code> Arch -9'223'372'036'854'775'808 9'223'372'036'854'775'807 <code>long</code> <code>System.Int64</code> 123l 64 bit -9'223'372'036'854'775'808 9'223'372'036'854'775'807 <code>ulong</code> <code>System.UInt64</code> 123ul 64 bit 0 18'446'744'073'709'551'615"},{"location":"languages/dotnet/csharp/csharp.html#floating-point-numeric-types","title":"Floating-Point Numeric Types","text":"Keyword System Types Example Bit/Byte Digits Min Value Max Value <code>float</code> <code>System.Single</code> 3.14f 4 byte 6-9 -3.402823 E+38 3.402823 E+38 <code>double</code> <code>System.Double</code> 3.14 8 byte 15-17 -1.79769313486232 E+308 1.79769313486232 E+308 <code>decimal</code> <code>System.Decimal</code> 3.14m 16 byte 28-29 -79'228'162'514'264'337'593'543'950'335 79'228'162'514'264'337'593'543'950'335 <p>The static fields and methods of the <code>MathF</code> class correspond to those of the <code>Math</code> class, except that their parameters are of type <code>Single</code> rather than <code>Double</code>, and they return <code>Single</code> rather than <code>Double</code> values.</p>"},{"location":"languages/dotnet/csharp/csharp.html#biginteger","title":"BigInteger","text":"<p><code>BigInteger</code> represents an integer that will grow as large as is necessary to accommodate values. Unlike the builtin numeric types, it has no theoretical limit on its range.</p> C#<pre><code>using System;\nusing System.Numerics;\n\nBigInteger bi;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#binary-hexadecimal-numbers","title":"Binary &amp; Hexadecimal Numbers","text":"<p>Binary literal: <code>0b&lt;digits&gt;</code> Hexadecimal literal: <code>0x&lt;digits&gt;</code></p> C#<pre><code>// three variables that store the number 2 million\nint decimalNotation = 2_000_000;\nint binaryNotation = 0b_0001_1110_1000_0100_1000_0000;\nint hexadecimalNotation = 0x_001E_8480;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#boolean-type-systemboolean","title":"Boolean Type (<code>System.Boolean</code>)","text":"<p><code>bool</code>: <code>true</code> or <code>false</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#text-type-systemchar-systemstring","title":"Text Type (<code>System.Char</code> &amp; <code>System.String</code>)","text":"<p><code>char</code>: single unicode character <code>string</code>: multiple Unicode characters</p>"},{"location":"languages/dotnet/csharp/csharp.html#implicit-type","title":"Implicit Type","text":"<p>The compiler determines the required type based on the assigned value.</p> C#<pre><code>var variable = value;  // Inferred tipe cant change after first assignment\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#dynamic-type","title":"Dynamic Type","text":"C#<pre><code>dynamic variable = value;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#anonymous-types-reference-type","title":"Anonymous types (Reference Type)","text":"C#<pre><code>// cannot be used as return types\nvar x = new { Key = value, ...};  // read only properties\nx.Key;  // member access\n\nvar y = x with { Key = value };  // with expression [C# 10]\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#index-range-types-structs","title":"Index &amp; Range Types (Structs)","text":"<p>A System.Index represents a type that can be used to index a collection either from the start or the end. A System.Range represents a range that has start and end indexes.</p> C#<pre><code>Index i = position;\nIndex i = new Index(position, IsFromEnd: false);  // start-relative index\n\nIndex e = ^position;  // end-elative index\nIndex e = new Index(position, IsFromEnd: true);  // end-elative index\narray[^n];  // n-th last item\narray[array.Length - n];  // n-th last item\n\n// range syntax (supported by System.Range struct)\nRange all = 0..^0;\nRange all = 0..;\nRange all = ..^0;\nRange all = ..;\nvar all = Range.All;\n\n// slicing\narray[start..end];  // select elements between start index and end index (non inclusive)\narray[start..^n];  // select elements between start index and n-th last item (non inclusive)\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#tuples-value-type","title":"Tuples (Value Type)","text":"<p>Tuples are designed as a convenient way to package together a few values in cases where defining a whole new type wouldn't really be justified.</p> <p>Tuples support comparison, so it's possible to use the <code>==</code> and <code>!=</code> relational operators. To be considered equal, two tuples must have the same shape and each value in the first tuple must be equal to its counterpart in the second tuple.</p> C#<pre><code>(Type Var1, Type Var2, ...) variable = (value1, value2, ...);\nvar variable = (Var1: value1, Var2: value2, ...);  // if name are not supplied they default to Item1, Item2, ...\nvar variable = (var1, var2);  // constructed w/ pre-existing values, tuple attributes named after the variables\n</code></pre> <p>Since the names of the attributes of a tuple do not matter (a tuple is an instance of <code>ValueTuple&lt;Type, Type, ...&gt;</code>) it's possible to assign any tuple to another tuple with the same structure.</p> C#<pre><code>(int X, Int Y) a = (1 , 0);\n(int Width, int Height) b = a;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#tuple-deconstruction","title":"Tuple Deconstruction","text":"C#<pre><code>(int X, int Y) point = (10, 35);\n(int a, int b) = point;  // extract data based on position into two variables\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#records","title":"Records","text":"<p>I'ts possible to create record types with immutable properties by using standard property syntax or positional parameters:</p> C#<pre><code>public record Person\n{\n    public string FirstName { get; init; } = default!;\n    public string LastName { get; init; } = default!;\n};\n// same as\npublic record Person(string FirstName, string LastName);\n\npublic record struct Point\n{\n    public double X {  get; init; }\n    public double Y {  get; init; }\n    public double Z {  get; init; }\n}\n// same as\npublic readonly record struct Point(double X, double Y, double Z);\n</code></pre> <p>it's also possible to create record types with mutable properties and fields:</p> C#<pre><code>// mutable record\npublic record Person\n{\n    public string FirstName { get; set; } = default!;\n    public string LastName { get; set; } = default!;\n};\n\n// mutable record struct\npublic readonly record struct Point(double X, double Y, double Z);\n</code></pre> <p>While records can be mutable, they're primarily intended for supporting immutable data models. The record type offers the following features:</p> <ul> <li>Concise syntax for creating a reference type with immutable properties</li> <li>Built-in behavior useful for a data-centric reference type:</li> <li>Value equality</li> <li>Concise syntax for nondestructive mutation</li> <li>Built-in formatting for display</li> <li>Support for inheritance hierarchies</li> </ul> <p>Note: A positional record and a positional readonly record struct declare init-only properties. A positional record struct declares read-write properties.</p>"},{"location":"languages/dotnet/csharp/csharp.html#with-expressions","title":"<code>with</code>-expressions","text":"<p>When working with immutable data, a common pattern is to create new values from existing ones to represent a new state. To help with this style of programming, records allow for a new kind of expression; the with-expression.</p> C#<pre><code>var newRecord = oldRecord with { Property = value };\n</code></pre> <p>With-expressions use object initializer syntax to state what's different in the new object from the old object. it's possible to specify multiple properties. A record implicitly defines a protected \"copy constructor\", a constructor that takes an existing record object and copies it field by field to the new one. The <code>with</code> expression causes the copy constructor to get called, and then applies the object initializer on top to change the properties accordingly.</p> C#<pre><code>protected Record(Record original) { /* copy all the fields */ } // generated\n</code></pre> <p>Note: it's possible to define a custom copy constructor tha will be picked up by the <code>with</code> expression.</p>"},{"location":"languages/dotnet/csharp/csharp.html#with-expressions-inheritance","title":"<code>with</code>-expressions &amp; Inheritance","text":"<p>Records have a hidden virtual method that is entrusted with \"cloning\" the whole object. Every derived record type overrides this method to call the copy constructor of that type, and the copy constructor of a derived record chains to the copy constructor of the base record. A with-expression simply calls the hidden \"clone\" method and applies the object initializer to the result.</p> C#<pre><code>public record Base{ Type Prop1, Type Prop2 };\npublic record Derived : Base { Type Prop3 };\n\nBase @base  = new Derived { Prop1 = value1, Prop2 =  value2, Prop3 = value3 };\nvar newBase = @base with { Prop2 = value };  // new Derived record even if type of _base is Base since _base contains a Derived record\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#value-based-equality-inheritance","title":"Value-based Equality &amp; Inheritance","text":"<p>Records have a virtual protected property called <code>EqualityContract</code>. Every derived record overrides it, and in order to compare equal, the two objects musts have the same <code>EqualityContract</code>.</p> C#<pre><code>public record Base{ Type Prop1, Type Prop2 };\npublic record Derived : Base { Type Prop3 };\n\nBase rec1 = new Base { Prop1 = value1, Prop2 = value2 };\nBase rec2 = new Derived { Prop1 = value1, Prop2 =  value2, Prop3 = value3 };\n// will result not equal even if container is of same type\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#strings","title":"Strings","text":"<p>.NET strings are immutable. The downside of immutability is that string processing can be inefficient. If a work performs a series of modifications to a string it will end up allocating a lot of memory, because it will return a separate string for each modification. This creates a lot of extra work for .NET's garbage collector, causing the program to use more CPU time than necessary.</p> <p>In these situations, it's possible to can use a type called <code>StringBuilder</code>. This is conceptually similar to a string but it is modifiable.</p> C#<pre><code>\"string contents here\"    // string literal\n@\"string contents here\"    // verbatim string, escape characters printed as-is (raw string literal)\n$\"{variable} contents here\"    // string interpolation\n$@\"{variable} \\n contents here\"    // verbatim string interpolation\nstring stringa_1 = stringa_2 + \"string contents here\";    // string concatenation\nString.Length    // returns the length of the string\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#string-methods-not-in-place","title":"String Methods (Not In-Place)","text":"C#<pre><code>string_.IndexOf(&lt;character/string&gt;, startIndex, endIndex);    // index of first occurrence of character/string, -1 otherwise\nstring_.LastIndexOf(&lt;character/string&gt;, startIndex, endIndex);    // index last occurrence of character/string, -1 otherwise\nstring_.IndexOfAny(char_array, startIndex, endIndex);    // index of any of the characters in the supplied array\nstring_.Substring(startIndex, length);    // extract substring\nstring_.Substring(startIndex);    // return every character after startIndex\nstring_.Replace(oldString, newString);    // returns string_ with oldString replaced with newString\nstring_.Insert(startIndex, substring);    // return string_ inserting substring at position startIndex\nstring_.Remove(startIndex, length);    // return string_ removing a substring of length length at position startIndex\nstring_.ToUpper();    // transforms all string in uppercase characters\nstring_.ToLower();    // transforms all string to lowercase characters\nstring_.Contains(target);    // returns True if string contains the target, False otherwise\nstring_.StartsWith(substring);    // Determines whether the start of the string matches the substring.\nstring_.EndsWith(substring);    // Determines whether the end of the string matches the substring.\nstring_.PadLeft(n, 'character');    // insert character n times as left padding. In-place operation\nstring_.PadRight(n, 'character');    // insert character n times as right padding. In-place operation\nstring_.TrimStart();    // trim leading spaces before text\nstring_.TrimEnd();    // trim following spaces after text\nstring_.Trim();    // trim spaces around text\nstring_.GetHashCode()\nstring_.Spit('&lt;separator&gt;');    // returns an array separating the string at the occurrences of &lt;separator&gt; (&lt;separator&gt; MUST BE char)\n\nString.Join('&lt;separator&gt;', (object) iterable);    // returns a string from iterable. values separated by &lt;separator&gt; (&lt;separator&gt; MUST BE char)\nString.Format($\"{variable}\"); // string interpolation outside of a Write/WriteLine\n\nString.Empty;  // value of an empty string, used for string init\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#raw-string-literals","title":"Raw string literals","text":"<p>Raw string literals can contain arbitrary text, including whitespace, new lines, embedded quotes, and other special characters without requiring escape sequences. A raw string literal starts with at least three double-quote (<code>\"\"\"</code>) characters. It ends with the same number of double-quote characters. Typically, a raw string literal uses three double quotes on a single line to start the string, and three double quotes on a separate line to end the string. The newlines following the opening quote and preceding the closing quote aren't included in the final content:</p> C#<pre><code>string longMessage = \"\"\"\n    This is a long message.\n    It has several lines.\n        Some are indented\n                more than others.\n    Some should start at the first column.\n    Some have \"quoted text\" in them.\n    \"\"\";\n</code></pre> <p>Note: Any whitespace to the left of the closing double quotes will be removed from the string literal.</p> <p>Raw string literals can be combined with string interpolation to include braces in the output text. Multiple <code>$</code> characters denote how many consecutive braces start and end the interpolation</p> C#<pre><code>var location = $$\"\"\"\n    You are at {{{Longitude}}, {{Latitude}}}\n    \"\"\";\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-types","title":"Nullable Types","text":""},{"location":"languages/dotnet/csharp/csharp.html#nullable-value-types","title":"Nullable value types","text":"<p>A nullable value type <code>T?</code> represents all values of its underlying value type <code>T</code> and an additional <code>null</code> value.</p> <p>Any nullable value type is an instance of the generic <code>System.Nullable&lt;T&gt;</code> structure. Refer to a nullable value type with an underlying type <code>T</code> in any of the following interchangeable forms: <code>Nullable&lt;T&gt;</code> or <code>T?</code>.</p> <p>Note: Nullable Value Types default to <code>null</code>.</p> <p>When a nullable type is boxed, the common language runtime automatically boxes the underlying value of the <code>Nullable&lt;T&gt;</code> object, not the <code>Nullable&lt;T&gt;</code> object itself. That is, if the HasValue property is true, the contents of the <code>Value</code> property is boxed. When the underlying value of a nullable type is unboxed, the common language runtime creates a new <code>Nullable&lt;T&gt;</code> structure initialized to the underlying value.</p> <p>If the <code>HasValue</code> property of a nullable type is <code>false</code>, the result of a boxing operation is <code>null</code>. Consequently, if a boxed nullable type is passed to a method that expects an object argument, that method must be prepared to handle the case where the argument is <code>null</code>. When <code>null</code> is unboxed into a nullable type, the common language runtime creates a new <code>Nullable&lt;T&gt;</code> structure and initializes its <code>HasValue</code> property to <code>false</code>.</p> C#<pre><code>Type? nullableValueType = default;  // assigns null\n\nnullableValueType.HasValue  // boolean, use for null check\nnullableValueType.Value  // underlying value type contents\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-reference-types","title":"Nullable reference types","text":"<p>C# 8.0 introduces nullable reference types and non-nullable reference types that enable to make important statements about the properties for reference type variables:</p> <ul> <li> <p>A reference isn't supposed to be null. When variables aren't supposed to be null, the compiler enforces rules that ensure it's safe to dereference these variables without first checking that it isn't null:</p> </li> <li> <p>The variable must be initialized to a non-null value.</p> </li> <li> <p>The variable can never be assigned the value null.</p> </li> <li> <p>A reference may be null. When variables may be null, the compiler enforces different rules to ensure that you've correctly checked for a null reference:</p> </li> <li>The variable may only be dereferenced when the compiler can guarantee that the value isn't null.</li> <li>These variables may be initialized with the default null value and may be assigned the value null in other code.</li> </ul> <p>The <code>?</code> character appended to a reference type declares a nullable reference type. The null-forgiving operator <code>!</code> may be appended to an expression to declare that the expression isn't null. Any variable where the <code>?</code> isn't appended to the type name is a non-nullable reference type.</p>"},{"location":"languages/dotnet/csharp/csharp.html#nullability-of-types","title":"Nullability of types","text":"<p>Any reference type can have one of four nullabilities, which describes when warnings are generated:</p> <ul> <li>Nonnullable: Null can't be assigned to variables of this type. Variables of this type don't need to be null-checked before dereferencing.</li> <li>Nullable: Null can be assigned to variables of this type. Dereferencing variables of this type without first checking for null causes a warning.</li> <li>Oblivious: Oblivious is the pre-C# 8.0 state. Variables of this type can be dereferenced or assigned without warnings.</li> <li>Unknown: Unknown is generally for type parameters where constraints don't tell the compiler that the type must be nullable or nonnullable.</li> </ul> <p>The nullability of a type in a variable declaration is controlled by the nullable context in which the variable is declared.</p>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-context","title":"Nullable Context","text":"<p>Nullable contexts enable fine-grained control for how the compiler interprets reference type variables.</p> <p>Valid settings are:</p> <ul> <li>enable: The nullable annotation context is enabled. The nullable warning context is enabled.   Variables of a reference type are non-nullable, all nullability warnings are enabled.</li> <li>warnings: The nullable annotation context is disabled. The nullable warning context is enabled.   Variables of a reference type are oblivious; all nullability warnings are enabled.</li> <li>annotations: The nullable annotation context is enabled. The nullable warning context is disabled.   Variables of a reference type are non-nullable; all nullability warnings are disabled.</li> <li>disable: The nullable annotation context is disabled. The nullable warning context is disabled.   Variables of a reference type are oblivious, just like earlier versions of C#; all nullability warnings are disabled.</li> </ul> <p>In <code>Project.csproj</code>:</p> XML<pre><code>&lt;Project Sdk=\"Microsoft.NET.Sdk\"&gt;\n    &lt;PropertyGroup&gt;\n        &lt;OutputType&gt;Exe&lt;/OutputType&gt;\n        &lt;TargetFramework&gt;...&lt;/TargetFramework&gt;\n\n        &lt;!-- set nullabilty context at project level --&gt;\n        &lt;Nullable&gt;enable | warning | annotations | disable&lt;/Nullable&gt;\n    &lt;/PropertyGroup&gt;\n&lt;/Project&gt;\n</code></pre> <p>In <code>Program.cs</code>:</p> C#<pre><code>#nullable enable  // Sets the nullable annotation context and nullable warning context to enabled.\n#nullable disable  // Sets the nullable annotation context and nullable warning context to disabled.\n#nullable restore  // Restores the nullable annotation context and nullable warning context to the project settings.\n#nullable disable warnings  // Set the nullable warning context to disabled.\n#nullable enable warnings  // Set the nullable warning context to enabled.\n#nullable restore warnings  // Restores the nullable warning context to the project settings.\n#nullable disable annotations  // Set the nullable annotation context to disabled.\n#nullable enable annotations  // Set the nullable annotation context to enabled.\n#nullable restore annotations  // Restores the annotation warning context to the project settings.\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#null-conditional-null-coalescing-null-forgiving-operator-null-checks","title":"Null Conditional, Null Coalescing, Null Forgiving Operator, Null Checks","text":"C#<pre><code>Type? variable = null;  // the variable can also contain the NULL value (nullable type)\n\n&lt;expr&gt;!  // declare explicitly that the expression is not null (null forgiving operator)\n\n(variable == null ? null : variable.property)\n// same as\nvariable?.property  // if variable != null access it's property (null conditional), return null otherwise\n\nif (variable != null)\n{\n    return variable;\n}\nelse\n{\n    return value;\n}\n// same as\nvar variable = var ?? value  // return var if var != null, return value otherwise\n\nvariable = variable?.property ?? value  // if (variable == null) -&gt; variable = value -- null coalescing\n// same as\nvariable ??= value;  // if (variable == null) -&gt; variable = value -- null coalescing\n\n// null checks through patter matching\nvariable is null\nvariable is not null\n\n// null parameter checking [C# 10]\nArgumentNullException.ThrowIfNull(obj);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nullable-attributes","title":"Nullable Attributes","text":"<p>It's possible to apply a number of attributes that provide information to the compiler about the semantics of APIs. That information helps the compiler perform static analysis and determine when a variable is not null.</p> <ul> <li><code>AllowNull</code>: A non-nullable input argument may be null.</li> <li><code>DisallowNull</code>: A nullable input argument should never be null.</li> <li><code>MaybeNull</code>: A non-nullable return value may be null.</li> <li><code>NotNull</code>: A nullable return value will never be null.</li> <li><code>MaybeNullWhen</code>: A non-nullable input argument may be null when the method returns the specified bool value.</li> <li><code>NotNullWhen</code>: A nullable input argument will not be null when the method returns the specified bool value.</li> <li><code>NotNullIfNotNull</code>: A return value isn't null if the argument for the specified parameter isn't null.</li> <li><code>DoesNotReturn</code>: A method never returns. In other words, it always throws an exception.</li> <li><code>DoesNotReturnIf</code>: This method never returns if the associated bool parameter has the specified value.</li> </ul>"},{"location":"languages/dotnet/csharp/csharp.html#type-conversion","title":"Type Conversion","text":"C#<pre><code>variable.GetType();  // System type of variable\n\n(type) variable  // explicit conversion\nnumericalType.ToSting();     // convert numerical value to a string\nnumericalType variable = &lt;SystemType/Type&gt;.Parse();    // convert string to numerical data type (can cause exception at runtime)\n\n&lt;SystemType/Type&gt;.TryParse(value, out variable);    // improved version of Parse()\n/* attempts to parse a string into the given numeric data type.\nIf successful, it will store the converted value in an OUT PARAMETER.\nIt returns a bool to indicate if it was successful or not */\n\nConvert.To&lt;SystemType&gt;(variable);    // proper conversion and round-up of values (no truncation of values)\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#converting-from-any-type-to-a-string","title":"Converting from any type to a string","text":"<p>The <code>ToString</code> method converts the current value of any variable into a textual representation. Some types can't be sensibly represented as text, so they return their namespace and type name.</p>"},{"location":"languages/dotnet/csharp/csharp.html#number-downcasting","title":"Number Downcasting","text":"<p>The rule for rounding (in explicit casting) in C# is subtly different from the primary school rule:</p> <ul> <li>It always rounds down if the decimal part is less than the midpoint <code>.5</code>.</li> <li>It always rounds up if the decimal part is more than the midpoint <code>.5</code>.</li> <li>It will round up if the decimal part is the midpoint <code>.5</code> and the non-decimal part is odd, but it will round down if the non-decimal part is even.</li> </ul> <p>This rule is known as Banker's Rounding, and it is preferred because it reduces bias by alternating when it rounds up or down.</p>"},{"location":"languages/dotnet/csharp/csharp.html#converting-from-a-binary-object-to-a-string","title":"Converting from a binary object to a string","text":"<p>The safest thing to do is to convert the binary object into a string of safe characters. Programmers call this Base64 encoding. The <code>Convert</code> type has a pair of methods, <code>ToBase64String</code> and <code>FromBase64String</code>, that perform this conversion.</p>"},{"location":"languages/dotnet/csharp/csharp.html#parsing-from-strings-to-numbers-or-dates-and-times","title":"Parsing from strings to numbers or dates and times","text":"<p>The second most common conversion is from strings to numbers or date and time values. The opposite of <code>ToString</code> is <code>Parse</code>. Only a few types have a <code>Parse</code> method, including all the number types and <code>DateTime</code>.</p>"},{"location":"languages/dotnet/csharp/csharp.html#preprocessor-directives","title":"Preprocessor Directives","text":"<p>C# offers a <code>#define</code> directive that lets you define a compilation symbol. These symbols are commonly used in conjunction with the <code>#if</code> directive to compile code in different ways for different situations. It's common to define compilation symbols through the compiler build settings: open up the <code>.csproj</code> file and define the values you want in a <code>&lt;DefineConstants&gt;</code> element of any <code>&lt;PropertyGroup&gt;</code>.</p> <p>Compilation symbols are typically used in conjunction with the <code>#if</code>, <code>#else</code>, <code>#elif</code>, and <code>#endif</code> directives (<code>#if false</code> also exists).</p> <p>The .NET SDK defines certain symbols by default. It supports two configurations: Debug and Release. It defines a <code>DEBUG</code> compilation symbol in the Debug configuration, whereas Release will define <code>RELEASE</code> instead. It defines a symbol called <code>TRACE</code> in both configurations.</p> C#<pre><code>#if DEBUG\n    // instructions\n#endif\n</code></pre> <p>C# provides a more subtle mechanism to support this sort of thing, called a conditional method. The compiler recognizes an attribute defined by the .NET class libraries, called <code>ConditionalAttribute</code>, for which it provides special compile time behavior. Method annotated with this attribute will not be present in a non-Debug release.</p> C#<pre><code>[System.Diagnostics.Conditional(\"DEBUG\")]\nType Method() { ... }\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#error-and-warning","title":"<code>#error</code> and <code>#warning</code>","text":"<p>C# allows choose to generate compiler errors or warnings with the <code>#error</code> and <code>#warning</code> directives. These are typically used inside conditional regions.</p> C#<pre><code>#if NETSTANDARD\n    #error .NET Standard is not a supported target for this source file\n#endif\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#pragma","title":"<code>#pragma</code>","text":"<p>The <code>#pragma</code> directive provides two features: it can be used to disable selected compiler warnings, and it can also be used to override the checksum values the compiler puts into the <code>.pdb</code> file it generates containing debug information. Both of these are designed primarily for code generation scenarios, although they can occasionally be useful to disable warnings in ordinary code.</p> C#<pre><code>#pragma warning disable CS&lt;number&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#expressions-operators","title":"Expressions &amp; Operators","text":""},{"location":"languages/dotnet/csharp/csharp.html#primary-expressions","title":"Primary Expressions","text":"Syntax Operation x<code>.</code>m access to member <code>m</code> of object <code>x</code> (\".\" \u2192 member access operator) x<code>(...)</code> method invocation (\"()\" \u2192 method invocation operator) x<code>[...]</code> array access <code>new</code> T(...) object instantiation <code>new</code> T(...)<code>{...}</code> object instantiation with initial values <code>new</code> T[...] array creation <code>typeof(T)</code> System.Type of object x <code>nameof(x)</code> name of variable x <code>sizeof(x)</code> size of variable x <code>default(T)</code> default value of <code>T</code> <code>x!</code> declare x as not null"},{"location":"languages/dotnet/csharp/csharp.html#unary-operators","title":"Unary Operators","text":"Operator Operation <code>+</code>x identity <code>-</code>x negation <code>!</code>x logic negation <code>~</code>x binary negation <code>++</code>x pre-increment <code>--</code>x pre-decrement x<code>++</code> post-increment x<code>--</code> post decrement <code>(type)</code>x explicit casting"},{"location":"languages/dotnet/csharp/csharp.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation x <code>+</code> y addition, string concatenation x <code>-</code> y subtraction x <code>*</code> y multiplication x <code>/</code> y integer division, x <code>%</code> y modulo, remainder x <code>&lt;&lt;</code> y left bit shift x <code>&gt;&gt;</code> y right bit shift"},{"location":"languages/dotnet/csharp/csharp.html#relational-operators","title":"Relational Operators","text":"Operator Operation x <code>&lt;</code> y less than x <code>&lt;=</code> y less or equal to x <code>&gt;</code> y greater than x <code>&gt;=</code> y greater or equal to x <code>is</code> T <code>true</code> if <code>x</code> is an object of type <code>T</code> x <code>==</code> y equality x <code>!=</code> y inequality"},{"location":"languages/dotnet/csharp/csharp.html#logical-operators","title":"Logical Operators","text":"Operator Operation Name <code>~</code>x bitwise NOT x <code>&amp;</code> y bitwise AND x <code>^</code> y bitwise XOR x <code>|</code> y bitwise OR x <code>&amp;&amp;</code> y evaluate <code>y</code> only if <code>x</code> is <code>true</code> x <code>||</code> y evaluate <code>y</code> only if <code>x</code> is <code>false</code> x <code>??</code> y evaluates to <code>y</code> only if <code>x</code> is <code>null</code>, <code>x</code> otherwise Null coalescing x<code>?.</code>y stop if <code>x == null</code>, evaluate <code>x.y</code> otherwise Null conditional"},{"location":"languages/dotnet/csharp/csharp.html#assignment","title":"Assignment","text":"Operator Operation x <code>+=</code> y x = x + y x <code>-=</code> y x = x - y x <code>*=</code> y x = x * y x <code>/=</code> y x = x / y x <code>%=</code> y x = x % y x <code>&lt;&lt;=</code> y x = x &lt;&lt; y x <code>&gt;&gt;=</code> y x = x &gt;&gt; y x <code>&amp;=</code> y x = x &amp; y x <code>|=</code> y x = x x <code>^=</code> y x = x ^ y x <code>??=</code> y if (x == null) {x = y}"},{"location":"languages/dotnet/csharp/csharp.html#conditional-operator","title":"Conditional Operator","text":"<p><code>&lt;condition&gt; ? &lt;return_if_condition_true&gt; : &lt;return_if_condition_false&gt;;</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/dotnet/csharp/csharp.html#if-else-if-else","title":"<code>If</code>-<code>Else If</code>-<code>Else</code>","text":"C#<pre><code>Object o;\n\nif (condition)\n{\n    // code here\n}\nelse if (o is Type t)  // test variable to determine if matches a type\n{\n    // t gets the value of o if the test succeeds\n}\nelse\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#pattern-matching","title":"Pattern Matching","text":"<p>Pattern Matching</p> <p>A pattern describes one or more criteria that a value can be tested against. It's usable in switch statements, switch expressions and if statements.</p> C#<pre><code>// type pattern\n&lt;expr&gt; is Type t  // type pattern\n\n// positional pattern\n&lt;expr&gt; is (Type X, Type Y):  // positional pattern\n&lt;expr&gt; is (Type X, _):  // discard pattern\n\n// property pattern\n&lt;expr&gt; is Type { Property: value }:  // is type and property has a certain value\n&lt;expr&gt; is Type { Property: value } out:  // output variable is usable in the block\n&lt;expr&gt; is { Property.InnerProperty: value }  // match nested properties\n\n// constant pattern\n&lt;expr&gt; is literalValue  // e.g. 1, 'c', \"literal\"\n&lt;expr&gt; is CONSTANT\n&lt;expr&gt; is Enum.Value\n\n// logical patterns\n&lt;expr&gt; is not pattern\n&lt;expr&gt; is pattern and pattern\n&lt;expr&gt; is pattern or pattern\n\n// relational pattern\n&lt;expr&gt; is &gt; value\n&lt;expr&gt; is &lt; value\n&lt;expr&gt; is &lt;= value\n&lt;expr&gt; is &gt;= value\n\n// multiple value &amp; nested value patterns\n&lt;expr&gt; is { Property.InnerProperty: value }  // match in nested properties\n&lt;expr&gt; is { Property1 : value1, Property2: value2 }  // multiple inputs\n&lt;expr&gt; is (value1, value2)  // multiple inputs (with deconstruction)\n\n// multiple values and relations\n&lt;expr&gt; is ( &gt; value1, &gt; value2),\n&lt;expr&gt; is { Property1: &gt; value1, Property2: &gt; value2 }\n\n// list patterns\n&lt;expr&gt; is [value1, value2, value1]  // positional match\n&lt;expr&gt; is [value1 or value2, &lt;= value3, &gt;= value4]  // relational comparison\n&lt;expr&gt; is [&lt; 0, .. { Length: 2 or 4 }, &gt; 0]  // item property match\n&lt;expr&gt; is [_, var middle, _] // discarding &amp; capturing\n&lt;expr&gt; is [value1, .., valueN]  // match any number of items\n&lt;expr&gt; is [value1, .. var rest]  // capture any number of items\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#switch","title":"Switch","text":"<p>The <code>when</code> keyword can be used to specify a filter condition that causes its associated case label to be true only if the filter condition is also true.</p> <p>Switch Expressions</p> C#<pre><code>switch (expr)\n{\n    // multiple labels for same block\n    case key_0:\n    case key_1:\n        // code here\n        break;  // or return or goto\n\n    case key_2:\n        // code here\n        goto case key_2;  // explicit fall-through (omitting break is not possible in c#)\n\n    case key_3 when (when-condition):\n        // code here\n        break;\n\n    // cases using pattern matching\n\n    default:\n        // code here\n        break;\n}\n\n// return a value based on the value of an input variable or tuple\nvariable switch\n{\n    key_1 =&gt; value,\n    key_2 =&gt; value,\n    // cases using pattern matching\n    ...\n    _ =&gt; default_value  // underscore (_) discard pattern as default case\n};\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#loop-statements","title":"Loop Statements","text":""},{"location":"languages/dotnet/csharp/csharp.html#while-loop","title":"<code>While</code> Loop","text":"C#<pre><code>while (condition)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#do-while-loop","title":"<code>Do</code>-<code>While</code> Loop","text":"<p>Executes at least one time.</p> C#<pre><code>do\n{\n    // code here\n}\nwhile (condition);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#for-loop","title":"<code>For</code> Loop","text":"C#<pre><code>for (initializer; condition; iterator)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#foreach-loop","title":"<code>Foreach</code> Loop","text":"<p>Technically, the <code>foreach</code> statement will work on any type that follows these rules:</p> <ol> <li>The type must have a method named <code>GetEnumerator</code> that returns an object.</li> <li>The returned object must have a property named <code>Current</code> and a method named <code>MoveNext</code>.</li> <li>The <code>MoveNext</code> method must return true if there are more items to enumerate through or false if there are no more items.</li> </ol> <p>There are interfaces named <code>IEnumerable</code> and <code>IEnumerable&lt;T&gt;</code> that formally define these rules but technically the compiler does not require the type to implement these interfaces.</p> C#<pre><code>foreach (type item in iterabile)\n{\n    // code here\n}\n</code></pre> <p>Note: Due to the use of an iterator, the variable declared in a foreach statement cannot be used to modify the value of the current item. Note: From C# 9 it's possible to implement <code>GetEnumerator()</code> as an extension method making enumerable an class that normally isn't.</p> <p>Example:</p> C#<pre><code>// make integers enumerable\npublic static IEnumerator&lt;int&gt; GetEnumerator(this int source)\n{\n    for(int i = 0; i &lt; number; i++)\n    {\n        yield return i;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#break-continue","title":"<code>Break</code>, <code>Continue</code>","text":"<p><code>break;</code> interrupts and exits the loop. <code>continue;</code> restarts the loop cycle without evaluating the instructions.</p>"},{"location":"languages/dotnet/csharp/csharp.html#yield-statement","title":"Yield Statement","text":"C#<pre><code>yield return &lt;expression&gt;;    // returns the results one at a time.\nyield break;    // concludes the iteration\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#context-statement-using-declarations","title":"Context Statement &amp; Using Declarations","text":"C#<pre><code>using (Type obj = new Type())  // obj disposed at the end of the using block\n{\n    // code here\n}\n\n// or (C# 8+)\n{\n    // inside a code block (if, loop, function)\n    using Type obj = new Type();  // disposed at the end of the block\n\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#checkedunchecked-statements","title":"<code>Checked</code>/<code>Unchecked</code> Statements","text":"<p>In checked code block ore expression the mathematic overflow causes an <code>OverflowException</code>. In unchecked code block the mathematic overflow is ignored end the result is truncated.</p> <p>It's possible configure the C# compiler to put everything into a checked context by default, so that only explicitly unchecked expressions and statements will be able to overflow silently. It is done by editing the <code>.csproj</code> file, adding <code>&lt;CheckForOverflowUnderflow&gt;true&lt;/CheckForOverflowUnderflow&gt;</code> inside a <code>&lt;PropertyGroup&gt;</code>.</p> <p>Note: checking can make individual integer operations several times slower.</p> C#<pre><code>checked\n{\n    // code here\n}\n\nchecked(&lt;expr&gt;);\n\nunchecked\n{\n    // code here\n}\n\nunchecked(&lt;expr&gt;);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#exception-handling","title":"Exception Handling","text":"<p>Exception Object</p> C#<pre><code>try\n{\n    // \"dangerous\" code\n}\ncatch (SpecificException e)\n{\n}\ncatch (SpecificException e) when (condition)  // exception filter\n{\n}\ncatch (Exception e)\n{\n    // code executed if Exception happens\n    e.Message  // exception message\n    e.InnerException  // Exception instance that caused the current exception\n    e.Source  // Get or set the name of the application or the object that causes the error\n}\nfinally\n{\n    // code executed anyway\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#throwing-exceptions","title":"Throwing Exceptions","text":"C#<pre><code>throw new ExceptionClass();\nthrow new ExceptionClass(\"message\");\n\n// RE-THROWING EXCEPTIONS\ntry\n{\n    // dangerous code\n}\ncatch (SpecificException e)\n{\n    // log error\n    throw;  // rethrow exception w/o loosing StackTrace &amp; TargetSite information (usable only inside catch)\n}\n\n// Immediately terminate a process after writing a message to the Windows Application event log, and then include the message and optional exception information in error reporting to Microsoft.\nEnvironment.FailFast(causeOfFailure);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#custom-exceptions","title":"Custom Exceptions","text":"C#<pre><code>public class CustomException : Exception  // must derive from Exception (either directly or indirectly)\n{\n    public CustomException()\n    {\n    }\n\n    public CustomException(string message)\n        : base(message)\n    {\n    }\n\n    public CustomException(string message, Exception inner)\n        : base(message, inner)\n    {\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#enums","title":"Enums","text":"<p>An enumeration type (or enum type) is a value type defined by a set of named constants of the underlying integral numeric type (<code>int</code>, <code>long</code>, <code>byte</code>, ...). Consecutive names increase the value by one.</p> C#<pre><code>[Flags]  // indicate that the flag can be combined (best if values are binary) as a bit mask\nenum EnumType : IntegralNumericType // named values MUST match IntegerNumericType allowed values\n{\n    None = 0,            // if uninitiated value is zero\n    Const = 2,     // value is 2\n    Const2,          // value is Const + 1\n    ...\n}\n\n(Type) EnumType.Const;  // extract the value, will return the name otherwise\n(EnumType) value;  // convert from associated value to enum\n\nEnum.IsDefined(typeof(EnumType), value);  // whether a given integral value, or its name as a string, exists in a specified enumeration.\nenumObj.HasValue(enumType.Const)  // test whether a flag is set in a numeric value\n\nEnumType instance = (EnumType) EnumType.ToObject(typeof(EnumType), value);  // convert a value of any integral type to an enumeration value\n\n// Converts the string representation of the name or numeric value of one or more enumerated constants to an equivalent enumerated object\nEnum.Parse(typeof(EnumType), value);\nEnum.TryParse&lt;EnumType&gt;(string, out EnumType enumObj);\n\n// retrieve a string array containing the names of the enumeration members\nstring[] enumNames = Enum.GetNames(typeof(EnumType));\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#methods","title":"Methods","text":"<p>The method signature is the number &amp; type of the input parameters defined for the method.</p> <p>C# makes the fairly common distinction between parameters and arguments: a method defines a list of the inputs it expects (the parameters) and the code inside the method refers to these parameters by name. The values seen by the code could be different each time the method is invoked, and the term argument refers to the specific value supplied for a parameter in a particular invocation.</p> C#<pre><code>type MethodName (type parameter, ...)\n{\n    // code here\n    return &lt;expression&gt;;\n}\n\nvoid MethodName (type parameter, ...) {\n    // code here\n    return;  // if type is void return can be used to force early termination or can be omitted\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#expression-body-definition","title":"Expression Body Definition","text":"C#<pre><code>type MethodName() =&gt; &lt;expression&gt;;    // expression result type MUST match method type\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#arbitrary-number-of-parameter-in-methods","title":"Arbitrary Number Of Parameter In Methods","text":"C#<pre><code>// params keyword must be last parameter and must be an array\ntype MethodName (type parameter, params type[] args)\n{\n    // code here\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#named-arguments","title":"Named Arguments","text":"C#<pre><code>type MethodName (type param1, type param2, ...) { }\n\nMethodName(param1: value, param2: value);\nMethodName(param2: value, param1: value);  // order can be any\n\n// Named arguments, when used with positional arguments, are valid as long as they're not followed by any positional arguments, or they're used in the correct position.\nMethodName(value, param2: value);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#optional-arguments","title":"Optional Arguments","text":"<p>The definition of a method, constructor, indexer, or delegate can specify that its parameters are required or that they are optional. Any call must provide arguments for all required parameters, but can omit arguments for optional parameters.</p> <p>Each optional parameter has a default value as part of its definition. If no argument is sent for that parameter, the default value is used. Optional parameters are defined at the end of the parameter list, after any required parameters.</p> <p>A default value must be one of the following types of expressions:</p> <ul> <li>a constant expression;</li> <li>an expression of the form new ValType(), where ValType is a value type, such as an enum or a struct;</li> <li>an expression of the form default(ValType), where ValType is a value type.</li> </ul> C#<pre><code>type MethodName (type required, type firstOptional = default_value, type secondOptional = default_value, ...) { }\nMethodName(value1);  // use defaults for optional arguments\nMethodName(required: value, secondOptional: value);  // use default for first optional but pass second optional\n</code></pre> <p>Note: If the caller provides an argument for any one of a succession of optional parameters, it must provide arguments for all preceding optional parameters. Comma-separated gaps in the argument list are not supported.</p>"},{"location":"languages/dotnet/csharp/csharp.html#passing-values-by-reference-ref-out-in","title":"Passing Values By Reference (<code>ref</code>, <code>out</code>, <code>in</code>)","text":"<p>Ref Docs, Out Docs, In Docs</p> <p>The <code>out</code>, <code>in</code>, <code>ref</code> keywords cause arguments to be passed by reference. It makes the formal parameter an alias for the argument, which must be a variable. In other words, any operation on the parameter is made on the argument. This behaviour is the same for classes and structs.</p> <p>An argument that is passed to a <code>ref</code> or <code>in</code> parameter must be initialized before it is passed. However <code>in</code> arguments cannot be modified by the called method. Variables passed as <code>out</code> arguments do not have to be initialized before being passed in a method call. However, the called method is required to assign a value before the method returns.</p> <p>Use cases:</p> <ul> <li><code>out</code>: return multiple values from a method (move data into method)</li> <li><code>ref</code>: move data bidirectionally between method and call scope</li> <li><code>in</code>: pass large value type (e,g, struct) as a reference avoiding copying large amounts of data (must be readonly, copied regardless otherwise)</li> </ul> <p>Note: use <code>in</code> only with readonly value types, because mutable value types can undo the performance benefits. (Mutable value types are typically a bad idea in any case.)</p> <p>While the method can use members of the passed reference type, it can't normally replace it with a different object. But if a reference type argument is marked with ref, the method has access to the variable, so it could replace it with a reference to a completely different object.</p> C#<pre><code>// method declaration\ntype MethodName (type param1,  ref type param2, out type param3, in type param4, ...)\n{\n    // code here\n}\n\n// method call needs REF &amp; OUT keywords, IN keyword is optional (pass by reference regardless)\nMethodName(arg1, ref arg2, out arg3, in arg4);\nMethodName(arg1, ref arg2, out arg3, arg4);\n\ntype OutMethod(type param1, out type param2){}\nOutMethod(arg1, out var arg2);  // create out variable on the fly\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#returning-multiple-values-with-tuples","title":"Returning Multiple Values with Tuples","text":"<p>Must be C# 7+. The retuned tuple MUST match the tuple-type in the instantiation</p> C#<pre><code>(type returnedVar1, type returnedVar2, ...) MethodName (type parameter, ...)\n{\n   // code here\n   return (expression, expression, ...)\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#returning-multiple-values-w-structs-return-struct-variable","title":"Returning Multiple Values W/ Structs (Return Struct Variable)","text":"C#<pre><code>StructName MethodName (args)\n{\n   // code here\n   var variable = new StructName     {\n       // code here\n   }\n\n   return variable;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#local-functions","title":"Local Functions","text":"C#<pre><code>type OuterMethod(...)\n{\n    var foo = InnerMethod();\n\n    type InnerMethod(...) { }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#extension-methods","title":"Extension Methods","text":"<p>Extension methods allow their usage applied to the extended type as if their declaration was inside the object's class. Extension methods are not really members of the class for which they are defined. It's just an illusion maintained by the C# compiler, one that it keeps up even in situations where method invocation happens implicitly.</p> <p>Note: Extension Method can be declared only inside static classes. Extension methods are available only if their namespace is imported with the <code>using</code> keyword.</p> C#<pre><code>public static class ExtensionMethods\n{\n    type ExtensionMethod(this type param)\n    {\n        // code here\n    }\n}\n\ntype var = value;\nvar.ExtensionMethod();  // use the method on a object as if the method belongs to the object\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#iterators","title":"Iterators","text":"<p>An iterator can be used to step through collections such as lists and arrays.</p> <p>An iterator method or <code>get</code> accessor performs a custom iteration over a collection. An iterator method uses the <code>yield return</code> statement to return each element one at a time. When a <code>yield return</code> statement is reached, the current location in code is remembered. Execution is restarted from that location the next time the iterator function is called.</p> <p>It's possible to use a <code>yield break</code> statement or exception to end the iteration.</p> <p>Note: Since an iterator returns an <code>IEnumerable&lt;T&gt;</code> is can be used to implement a <code>GetEnumerator()</code>.</p> C#<pre><code>// simple iterator\npublic static System.Collections.IEnumerable&lt;int&gt; IterateRange(int start = 0, int end)\n{\n    for(int i = start; i &lt; end; i++){\n        yield return i;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#structs-custom-value-types-classes-custom-reference-types","title":"Structs (Custom Value Types) &amp; Classes (Custom Reference Types)","text":"<p>Structure types have value semantics. That is, a variable of a structure type contains an instance of the type.</p> <p>Class types have reference semantics. That is, a variable of a class type contains a reference to an instance of the type, not the instance itself.</p> <p>Typically, you use structure types to design small data-centric types that provide little or no behavior. If you're focused on the behavior of a type, consider defining a class. Because structure types have value semantics, we recommend you to define immutable structure types.</p> <p>Creating a new instance of a value type doesn't necessarily mean allocating more memory, whereas with reference types, a new instance means anew heap block. This is why it's OK for each operation performed with a value type to produce a new instance.</p> <p>The most important question is : does the identity of an instance matter? In other words, is the distinction between one object and another object important?</p> <p>An important and related question is: does an instance of the type contain state that changes over time? Modifiable value types tend to be problematic, because it's all too easy to end up working with some copy of a value, and not the correct instance. So it's usually a good idea for value types to be immutable. This doesn't mean that variables of these types cannot be modified; it just means that to modify the variable, its contents must be replaced entirely with a different value.</p> C#<pre><code>public struct Point\n{\n    public Point(double x, double y)\n    {\n        X = x;\n        Y = y;\n    }\n\n    public double X { get; set; }\n    public double Y { get; set; }\n\n    public override string ToString() =&gt; $\"({X}, {Y})\";\n\n}\n</code></pre> <p>Note: From C# 10 is possible to have a parameterless constructor and make a new struct using a <code>with</code> statement. Note: From C# 11 uninitialized values will be filed with their defaults</p> <p>The only way to affect a struct variable both inside a method and outside is to use the <code>ref</code> keyword;</p>"},{"location":"languages/dotnet/csharp/csharp.html#modifiers-methods-variables","title":"Modifiers (Methods &amp; Variables)","text":"<p>A locally scoped variable is only accessible inside of the code block in which it's defined. If you attempt to access the variable outside of the code block, you'll get a compiler error.</p> <p>Access Modifiers</p> C#<pre><code>// ACCESS MODIFIERS\npublic    // visible from everywhere\nprivate    // not visible outside of the class (default for members)\nprotected    // visible only to the same class and extending classes\ninternal  // available for use only within the assembly (default for classes)\nprotected internal  // can be accessed by any code in the assembly in which it's declared, or from within a derived class in another assembly\nprivate protected  // can be accessed only within its declaring assembly, by code in the same class or in a type that is derived from that class\nfile  // can be accessed only in the same file in which is declared. Will not clash with other classes/method/interface with the same name\n\nreadonly  // value can be read but not modified\nstatic  // not of the instance of a class\nsealed  // cannot be inherited or overridden (default case), sealing a virtual class/method prevents further modifications (on methods sealed must always be used with override)\nabstract  // derived classes MUST implement this\nvirtual  // can be overridden by derived classes (applicable to Properties)\nnew  // hide base's (parent's) method\n\nasync  // method, lambda expression, or anonymous method is asynchronous\nvolatile // field might be modified by multiple threads that are executing at the same time\nunsafe // unsafe context, required for any operation involving pointers\nextern // method is implemented externally\n</code></pre> <p><code>partial</code> indicates that other parts of the class, struct, or interface can be defined in the namespace. All the parts must use the partial keyword. All the parts must be available at compile time to form the final type. All the parts must have the same accessibility.</p> <p>If any part is declared abstract, then the whole type is considered abstract. If any part is declared sealed, then the whole type is considered sealed. If any part declares a base type, then the whole type inherits that class.</p>"},{"location":"languages/dotnet/csharp/csharp.html#methods_1","title":"Methods","text":"C#<pre><code>class Class\n{\n    static Type Method(Type Argument, ...) {}  // static method, can operate ONLY on STATIC VARIABLES\n\n    Type Method(Type Argument, ...) {}  // instance method, can operate on INSTANCE VARIABLES\n\n    // override inherited method\n    public override Type Method()\n    {\n    }\n\n    // visrual methods CAN be overridden\n    public virtual Type Method()\n    {\n    }\n}```\n\n### Constructors\n\n```cs\nclass Class(Type Parameter, ...)  // primary constructor (like records)\n{\n\n    public Class() { }  // parameterless constructor\n\n    // standard constructor\n    public Class(type parameter)\n    {\n        _field = field;\n    }\n\n    // extends an existing constructor adding parameters to the existing ones\n    public Class(type parameter, type other) : this(parameter)\n    {\n        _other = other;\n    }\n}\n</code></pre> <p>Note: if a primary constructor is used all other constructors must use <code>this(...)</code> to invoke it</p>"},{"location":"languages/dotnet/csharp/csharp.html#properties-fields","title":"Properties &amp; Fields","text":"<p>Properties Docs</p> <p>A field is a variable of any type that is declared directly in a class or struct. Fields are members of their containing type. A property is a member that provides a flexible mechanism to read, write, or compute the value of a private field.</p> C#<pre><code>class Class\n{\n\n    public static Type Field = value;    // static (non-instance) public field  w/ initializer\n\n    private Type _field = value;    // private instance field w/ initializer\n    private Type _field;  // private instance field, initialized by constructor\n\n    private type _backingField;\n\n    // PROPERTY\n    public type Property\n    {\n        get { return _backingField }\n        set { _backingField = value; }\n    }\n\n    // PROPERTY WITH EXPRESSION BODY DEFINITIONS\n    public type Property\n    {\n        get =&gt; _backingField;\n        set =&gt; _backingField = value;\n    }\n\n    // REQUIRED PROPERTY prop must be set at obj init (in constructor or initializer)\n    public required Type Property { get; set; }\n\n    // EXPRESSION-BODIED READ-ONLY PROPERTY\n    public type Property =&gt; &lt;expr&gt;;\n\n    // AUTO-PROPERTIES\n    public Property { get; set; }\n    public Property { get; private set; }  // settable only inside class\n    public Property { get; init; } // settable only in constructor, initializer, keyword with\n    public Property { get; }  // can only be setted by constructor\n\n    // MIXED\n    public type Property\n    {\n        get =&gt; _backingField;\n        set =&gt; { ... }\n    }\n\n    Property = value;  // set\n    Property;  // get\n}\n</code></pre> <p>Note: The <code>init</code> accessor is a variant of the <code>set</code> accessor which can only be called during object initialization. Because <code>init</code> accessors can only be called during initialization, they are allowed to mutate <code>readonly</code> fields of the enclosing class, just like in a constructor. Note: creating at least one constructor hides the one provided by default (w/ zero parameters).</p>"},{"location":"languages/dotnet/csharp/csharp.html#object-and-collection-initializers","title":"Object and Collection Initializers","text":"<p>Object initializers allow to assign values to any accessible fields or properties of an object at creation time without having to invoke a constructor followed by lines of assignment statements. The object initializer syntax enables to specify arguments for a constructor or omit the arguments (and parentheses syntax).</p> C#<pre><code>public class Class\n{\n    // Auto-implemented properties.\n    public Type Prop1 { get; set; }\n    public Type Prop2 { get; set; }\n\n    public Class()\n    {\n    }\n\n    public Class(Type arg)\n    {\n        Prop1 = arg;\n    }\n}\n\n// standard way\nClass obj = new Class(arg1)\nobj.Prop2 = arg2;\n\n// known target type\nClass obj = new(arg1, ...)\n\n// object initializers\nClass obj = new Class { Prop2 = arg2, Prop1 = arg1 };  // w/o constructor\nClass obj = new Class(arg1) { Prop2 = arg2 };  // w/ constructor\n\n// with keyword\nvar copy = original with { Prop = newValue };  // other props are copies of the original\n</code></pre> C#<pre><code>public class Matrix\n{\n    private double[,] matrix = new double[3, 3];\n\n    public double this[int row, int column]\n    {\n        // The embedded array will throw out of range exceptions as appropriate.\n        get { return matrix[row, column]; }\n        set { matrix[row, column] = value; }\n    }\n}\n\n// collection initializer\nvar identity = new Matrix\n{\n    [0, 0] = 1.0,\n    [0, 1] = 0.0,\n    [0, 2] = 0.0,\n\n    [1, 0] = 0.0,\n    [1, 1] = 1.0,\n    [1, 2] = 0.0,\n\n    [2, 0] = 0.0,\n    [2, 1] = 0.0,\n    [2, 2] = 1.0,\n};\n\nList&lt;int&gt; digits = new List&lt;int&gt; { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };\nList&lt;int&gt; digits = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];\n\nint[] digits = new int[] { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };\nint[] digits = { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };\nint[] digits = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];\n\nDictionary&lt;int, string&gt; digits = new Dictionary&lt;int, string&gt; {\n    { 0, \"zero\" },\n    { 1, \"one\" },\n    { 2, \"two\" },\n    { 3, \"three\" },\n    { 4, \"four\" },\n    { 5, \"five\" },\n    { 6, \"six\" },\n    { 7, \"seven\" },\n    { 8, \"eight\" },\n    { 9, \"nine\" }\n};\n\nDictionary&lt;int, string&gt; digits = [\n    0: \"zero\",\n    1: \"one\",\n    2: \"two\",\n    3: \"three\",\n    4: \"four\",\n    5: \"five\",\n    6: \"six\",\n    7: \"seven\",\n    8: \"eight\",\n    9: \"nine\"\n];\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#static-class","title":"<code>Static</code> Class","text":"<p>The <code>static</code> keyword declares that a member is not associated with any particular instance of the class. Static classes can't instantiate objects and all their methods must be static.</p> C#<pre><code>static class Class\n{\n    // static constructor, not called explicitly, has no arguments\n    // triggered by one of two events, whichever occurs first: creating an instance, or accessing any static member of the class.\n    // since it's static and takes no arguments there can be at most one for each class\n    static Class()\n    {\n    }\n\n    static Type _field = value;\n\n    static Type Property { get; set; } = value;\n\n    static Type Method (Type parameter, ...)\n    {\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#class-members-init-order","title":"Class Members Init Order","text":"<p>Static Field or Method Usage:</p> <ol> <li>Static field initializers in order of apparition</li> <li>Static Constructor</li> </ol> <p>Class Instantiation (<code>new</code> operator):</p> <ol> <li>Instance field initializers in order of apparition</li> <li>Instance Constructor</li> </ol> <p>Object Creation: <code>Class object = new Class(arguments);</code> Instance Method Usage: <code>object.method(arguments);</code> Static Method Usage: <code>Class.method(arguments);</code></p>"},{"location":"languages/dotnet/csharp/csharp.html#indexers","title":"Indexers","text":"<p>An indexer is a property that takes one or more arguments, and is accessed with the same syntax as is used for arrays. This is useful when writing a class that contains a collection of objects.</p> C#<pre><code>public class Class&lt;T&gt;\n{\n    public T this[int i]\n    {\n        get =&gt; ...;  // return the i-th element in the collection\n    }\n}\n\n// null conditional index access\nClass? c = objWithIndexer?[index];\n// same as\nClass? c = objWithIndexer == null ? null : objWithIndexer[index];\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#abstract-classes","title":"Abstract Classes","text":"<p>The <code>abstract</code> modifier indicates that the thing being modified has a missing or incomplete implementation. The <code>abstract</code> modifier can be used with classes, methods, properties, indexers, and events. Use the <code>abstract</code> modifier in a class declaration to indicate that a class is intended only to be a base class of other classes, not instantiated on its own. Members marked as <code>abstract</code> must be implemented by non-abstract classes that derive from the abstract class.</p> <p><code>abstract</code> classes have the following features:</p> <ul> <li>An <code>abstract</code> class cannot be instantiated.</li> <li>An <code>abstract</code> class may contain <code>abstract</code> methods and accessors.</li> <li>It is not possible to modify an <code>abstract</code> class with the <code>sealed</code> modifier because the two modifiers have opposite meanings.   The <code>sealed</code> modifier prevents a class from being inherited and the <code>abstract</code> modifier requires a class to be inherited.</li> <li>A non-abstract class derived from an <code>abstract</code> class must include actual implementations of all inherited <code>abstract</code> methods and accessors.</li> </ul> <p>Note: Use the <code>abstract</code> modifier in a method or property declaration to indicate that the method or property does not contain implementation.</p> <p><code>abstract</code> methods have the following features:</p> <ul> <li>An <code>abstract</code> method is implicitly a <code>virtual</code> method.</li> <li> <p><code>abstract</code> method declarations are only permitted in <code>abstract</code> classes.</p> </li> <li> <p>Because an <code>abstract</code> method declaration provides no actual implementation, there is no method body; the method declaration simply ends with a semicolon and there are no curly braces following the signature.</p> </li> <li>The implementation is provided by a method override, which is a member of a non-abstract class.</li> <li>It is an error to use the <code>static</code> or <code>virtual</code> modifiers in an <code>abstract</code> method declaration.</li> </ul> <p><code>abstract</code> properties behave like <code>abstract</code> methods, except for the differences in declaration and invocation syntax.</p> <ul> <li>It is an error to use the <code>abstract</code> modifier on a <code>static</code> property.</li> <li>An <code>abstract</code> inherited property can be overridden in a derived class by including a property declaration that uses the <code>override</code> modifier.</li> </ul> C#<pre><code>public abstract class Abstract : Interface\n{\n    public abstract Type Property { get; set; }\n\n    // interface methods can be mapped to abstract methods\n    public abstract Type Method();\n    public abstract override Type Method();  // force overriding (derived classes must provide new implementation)\n}\n\npublic class Derived : Abstract\n{\n    public override Type Property\n    {\n        // new behaviour\n        get =&gt; &lt;expr&gt;;\n        set =&gt; &lt;expr&gt;;\n    }\n\n    public override Type Method() { /* statements */ }  // implementation of abstract method\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#cloning","title":"Cloning","text":"C#<pre><code>Class obj = new Class()\n\nObject.MemberwiseClone();  // Returns shallow copy of the object\nIClonable.Clone();  //  Creates a new object that is a copy of the current instance.\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#deconstruction","title":"Deconstruction","text":"<p>Deconstruction is not limited to tuples. By providing a <code>Deconstruct(...)</code> method(s) C# allows to use the same syntax with the users types.</p> <p>Note: Types with a deconstructor can also use positional pattern matching.</p> C#<pre><code>public readonly struct Size\n{\n    public Size(double w, double h)\n    {\n        W = w;\n        H = h;\n    }\n\n    public void Deconstruct(out double w, out double h)\n    {\n        w = W;\n        h = H;\n    }\n\n    public double W { get; }\n    public double H { get; }\n}\n\n// deconstruction\nvar s = new Size(1 , 2);\n(double w, double h) = s;  // w = 1, h = 2\n\n\n// positional patter matching\ns switch\n{\n    (0, 0) =&gt; \"Empty\",\n    (0, _) =&gt; \"Extremely narrow\",\n    (double w, 0) =&gt; $\"Extremely short, and this wide: {w}\",\n    Size _ =&gt; \"Normal\",\n    _ =&gt; \"Not a shape\"\n};\n\n// Assignment &amp; Declaration\nint height = 0;\n(int width, height) = size;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#operator-overloading","title":"Operator Overloading","text":"<p>A user-defined type can overload a predefined C# operator. That is, a type can provide the custom implementation of an operation in case one or both of the operands are of that type.</p> <p>Use the operator keyword to declare an operator. An operator declaration must satisfy the following rules:</p> <ul> <li>It includes both a public and a static modifier.</li> <li>A unary operator has one input parameter. A binary operator has two input parameters.   In each case, at least one parameter must have type <code>T</code> or <code>T?</code> where <code>T</code> is the type that contains the operator declaration.</li> </ul> <p>Overloadable operators</p> C#<pre><code>using System;\n\npublic readonly struct Fraction\n{\n    private readonly int num;\n    private readonly int den;\n\n    public Fraction(int numerator, int denominator)\n    {\n        if (denominator == 0)\n        {\n            throw new ArgumentException(\"Denominator cannot be zero.\", nameof(denominator));\n        }\n        num = numerator;\n        den = denominator;\n    }\n\n    // unary arithmetic operators overloading\n    public static Fraction operator +(Fraction a) =&gt; a;\n    public static Fraction operator -(Fraction a) =&gt; new Fraction(-a.num, a.den);\n\n    // binary arithmetic operators overloading\n    public static Fraction operator +(Fraction a, Fraction b)\n        =&gt; new Fraction(a.num * b.den + b.num * a.den, a.den * b.den);\n\n    public static Fraction operator -(Fraction a, Fraction b)\n        =&gt; a + (-b);\n\n    public static Fraction operator *(Fraction a, Fraction b)\n        =&gt; new Fraction(a.num * b.num, a.den * b.den);\n\n    public static Fraction operator /(Fraction a, Fraction b)\n    {\n        if (b.num == 0)\n        {\n            throw new DivideByZeroException();\n        }\n        return new Fraction(a.num * b.den, a.den * b.num);\n    }\n\n    // conversion operator overloading\n    public static implicit operator float(Fraction f) =&gt; f.num / f.den;\n    public static explicit operator Fraction(int i) =&gt; new Fraction(i, 1);\n\n    // true &amp; false operator overloading (truthiness and falseness more than exact boolean value)\n    public static bool operator true(Fraction f) =&gt; f != 0;\n    public static bool operator false(Fraction f) =&gt; f == 0;\n    // if &amp;, |, true, false are overloaded than &amp;&amp; and || will work\n\n    // comparison operators overloading\n    public static bool operator ==(Fraction f1, Fraction f2) =&gt; f1.num == f2.num &amp;&amp; f1.den == f2.den;\n    public static bool operator !=(Fraction f1, Fraction f2) =&gt; f1.num != f2.num || f1.den != f2.den;\n    public static bool operator &gt;(Fraction f1, Fraction f2) =&gt; ...;\n    public static bool operator &gt;=(Fraction f1, Fraction f2) =&gt; ...;\n    public static bool operator &lt;(Fraction f1, Fraction f2) =&gt; ...;\n    public static bool operator &lt;=(Fraction f1, Fraction f2) =&gt; ...;\n\n    public override bool Equals(object obj)\n    {\n        return obj is Fraction f &amp;&amp; this.num == f.num &amp;&amp; this.den == f.den;  // same type + same values\n    }\n\n    // required if Equals has been implemented\n    public override int GetHashCode()\n    {\n        return (num, den).GetHashCode();\n    }\n\n    public override string ToString() =&gt; $\"{num} / {den}\";\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#nested-types","title":"Nested Types","text":"<p>A type defined at global scope can be only <code>public</code>or <code>internal</code>. private wouldn't make sense since that makes something accessible only from within its containing type, and there is no containing type at global scope. But a nested type does have a containing type, so if a nested type is <code>private</code>, that type can be used only from inside the type within which it is nested.</p> <p>Note: Code in a nested type is allowed to use nonpublic members of its containing type. However, an instance of a nested type does not automatically get a reference to an instance of its containing type.</p>"},{"location":"languages/dotnet/csharp/csharp.html#interfaces","title":"Interfaces","text":"<p>An interface declares methods, properties, and events, but it doesn't have to define their bodies. An interface is effectively a list of the members that a type will need to provide if it wants to implement the interface.</p> <p>C# 8.0 adds the ability to define default implementations for some or all methods, and also to define nested types and static fields.</p> C#<pre><code>// can only be public or internal if not nested, any accessibility otherwise\npublic interface IContract\n{\n    // properties\n    Type Property { get; set; }\n\n    // methods (only signature)\n    Type Method(Type param, ...);\n\n    // default interface implementations\n    // (method has body), if not implemented in inheriting class the implementation will be this\n    Type Method(Type param, ...) =&gt; &lt;expr&gt;;\n\n    // constants\n    const Type CONSTANT = value;\n\n    // static properties\n    static Type StaticProperty { get; set; }\n    static Type StaticMethod();\n\n    // static abstract members\n    static abstract Type AbstractProperty { get; set; }\n    static abstract Type AbstractMethod();\n\n    static abstract IContract operator +(IContract source);\n\n    // nested types are valid, accessibility is needed\n}\n\npublic interface IContract&lt;T&gt; {}  // interfaces can be generic\n\npublic class Contract : IContract { /* ... */ }\n\nvar contract = new Contract();\ncontract.Property;\ncontract.Method();\n\ncontract.AbstractProperty;\ncontract.AbstractMethod();\n\nIContract.CONSTANT;\nIContract.StaticProperty;\nIContract.StaticMethod();\n</code></pre> <p>Note: Interfaces are reference types. Despite this, it's possible tp implement interfaces on both classes and structs. However, be careful when doing so with a struct, because when getting hold of an interface-typed reference to a struct, it will be a reference to a box, which is effectively an object that holds a copy of a struct in a way that can be referred to via a reference.</p>"},{"location":"languages/dotnet/csharp/csharp.html#generics","title":"Generics","text":"<p>Generics Docs Generic Methods Docs</p> C#<pre><code>// type parameter T in angle brackets\n// WARNING: T is not instantiable, new t(), new t[] are INVALID\npublic class GenericClass&lt;T&gt; {\n\n    // constructors\n    public GenericClass() { }\n\n    public GenericClass(T data){\n        Generic = data;\n    }\n\n    public T Generic { get; set; }  // generic type auto-property\n\n    void GenericMethodName(T t) { }  // same generic as class\n    void GenericMethodName&lt;S&gt;(S s) { }  // new generic type\n}\n\nGenericClass&lt;Type&gt; obj = new GenericClass&lt;&gt;();\nGenericClass&lt;Type&gt;[] obj = new GenericClass&lt;&gt;[];  // invalid\n\nobj.GenericMethodName&lt;Type&gt;();  // generic method call\nobj.GenericMethodName(Type param);  // type deduced by input, input type and generic method type must match\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#multiple-generics","title":"Multiple Generics","text":"C#<pre><code>public class GenericClass&lt;T1, T2, ...&gt; { }  // number of generic types is not limited\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#parameters-constraints","title":"Parameters Constraints","text":"<p>Specify an interface or class that the generic type must implement/inherit.</p> <p>C# supports only six kinds of constraints on a type argument:</p> <ul> <li>type constraint</li> <li>reference type constraint</li> <li>value type constraint</li> <li><code>notnull</code></li> <li><code>unmanaged</code></li> <li><code>new()</code></li> </ul> C#<pre><code>// type constraints\npublic class GenericClass&lt;T&gt; where T : Interface { }\npublic class GenericClass&lt;T&gt; where T: GenericClass { }\n\n// Enums and Delegates (type constraints)\npublic class GenericClass&lt;T&gt; where T : Enum { }\npublic class GenericClass&lt;T&gt; where T : Delegate { }\n\n// reference type constraints (cannot be primitives or structs) --&gt; can test nullability, can use AS operator\npublic class GenericClass&lt;T&gt; where T : class { }  // T must be not nullable reference type\npublic class GenericClass&lt;T&gt; where T : class? { }  // T can be (not)nullable reference type\n\n// value type constraint\npublic class GenericClass&lt;T&gt; where T : struct { }  // T must be a struct or a primitive type\npublic class GenericClass&lt;T&gt; where T : unmanaged { }  // T must be a value type and its contents can only be value types, recursively\n\n// no nulls\npublic class GenericClass&lt;T&gt; where T : notnull { }  // T must be a value type or a not nullable reference type\n\npublic class GenericClass&lt;T&gt; where T : new() { }  // T must provide a parameterless constructor, cannot be abstract\n\n// multiple constraints\npublic class GenericClass&lt;T1, T2&gt;\n    where T1: Interface\n    where T2: Interface1, Interface2\n{ }\n\n// generic methods constraints\npublic T GenericMethod&lt;T&gt;() where T : class?\n{\n    // code here\n    return &lt;expr&gt;;\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#inheritance","title":"Inheritance","text":"<p>Classes support only single inheritance. Interfaces offer a form of multiple inheritance. Value types do not support inheritance at all. One reason for this is that value types are not normally used by reference, which removes one of the main benefits of inheritance: runtime polymorphism.</p> <p>Since a derived class inherits everything the base class has\u2014all its fields, methods, and other members, both public and private\u2014an instance of the derived class can do anything an instance of the base could do.</p> <p>Note: When deriving from a class, it's not possible to make the derived class more visible than its base. This restriction does not apply to interfaces. A <code>public</code> class is free to implement <code>internal</code> or <code>private</code> interfaces. However, it does apply to an interface's bases: a <code>public</code> interface cannot derive from an <code>internal</code> interface.</p> C#<pre><code>class BaseClass\n{\n    public virtual Property { get; set; }\n\n    // to be overridden method must be ABSTRACT or VIRTUAL\n    public virtual Type Method() { }\n}\n\n// the base class is ALWAYS the first after the colons\nclass ChildClass : BaseClass, Interface, Interface&lt;Type&gt;\n{\n    public override Type Method() { }  // override base's method (same signature)\n    public override DerivedType Method() { }  // override base's method, can return more specific type (covariant return type, C# 9)\n    public new Type Method() {}  // hide base's method and prevent name conflict warning (hiding method can change signature)\n\n    base.Method();  // call base method\n    type Interface.Method() { }  // explicit implementation of an interface member (resolve name conflict between interfaces)\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#downcasting","title":"Downcasting","text":"<p>Downcasting is the conversion from a base class type to one of it's derived types.</p> C#<pre><code>Base b;\nvar d = (Derived) b;  // explicit casting (if conversion fails throws InvalidCastException)\nvar d = b as Derived;  // as operator (if conversion fails AS will return NULL)\nif(b is Derived d) {}  // type pattern, d contains converted obj (if conversion fails IS returns FALSE)\nif(b is Derived) {}  // simple type pattern (if conversion fails IS returns FALSE)\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#inheritance-constructors","title":"Inheritance &amp; Constructors","text":"<p>All of a base class's constructors are available to a derived type, but they can be invoked only by constructors in the derived class. All constructors are required to invoke a constructor on their base class, and if it's not specified which to invoke, the compiler invokes the base's zero-argument constructor. If the base has not a zero-argument constructor the compilation will cause an error. It's possible to invoke a base constructor explicitly to avoid this error.</p> <p>Initialization order:</p> <ol> <li>Derived class field initializers</li> <li>Base class field initializers</li> <li>Base class constructor</li> <li>Derived class constructor</li> </ol> C#<pre><code>public class Base\n{\n    public Base(Type param) {}\n}\n\npublic class Derived\n{\n    public Derived() : base(value) {}  // invoke base constructor explicitly passing a fixed value (base has no zero-arg constructor)\n    public Derived(Type param) : base(param) {}  // invoke base constructor explicitly\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#generics-inheritance","title":"Generics Inheritance","text":"<p>If you derive from a generic class, you must supply the type arguments it requires. You must provide concrete types unless your derived type is generic, in which case it can use its own type parameters as arguments.</p> C#<pre><code>public class GenericBase1&lt;T&gt;\n{\n    public T Item { get; set; }\n}\n\npublic class GenericBase2&lt;TKey, TValue&gt;\n{\n    public TKey Key { get; set; }\n    public TValue Value { get; set; }\n}\n\npublic class NonGenericDerived : GenericBase1&lt;Type&gt; {}  // derived is not generic, must use concrete type for base class\npublic class GenericDerived&lt;T&gt; : GenericBase1&lt;T&gt; {}  // derived is generic, can use it's generic type\npublic class MixedDerived&lt;T&gt; : GenericBase2&lt;T, Type&gt;  // derived is generic but base has two types, can use it's generic type but\n</code></pre> <p>It's allowed to use derived type as a type argument to the base class. And it's also possible to specify a constraint on a type argument requiring it to derive from the derived type.</p> C#<pre><code>public class Derived : base&lt;Derived&gt; {}\npublic class Derived&lt;T&gt; where T : Derived&lt;T&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#covariance-contravariance-only-for-interfaces","title":"Covariance &amp; Contravariance (only for interfaces)","text":"<p>The theory behind covariance and contravariance in C#</p> <p>Covariance and Contravariance are terms that refer to the ability to use a more derived type (more specific) or a less derived type (less specific) than originally specified. Generic type parameters support covariance and contravariance to provide greater flexibility in assigning and using generic types.</p> <ul> <li>Covariance: Enables to use a more derived type than originally specified.</li> <li>Contravariance: Enables to use a more generic (less derived) type than originally specified.</li> <li>Invariance: it's possible to use only the type originally specified; so an invariant generic type parameter is neither covariant nor contravariant.</li> </ul> <p></p> <p>Note: annotate generic type parameters with <code>out</code> and <code>in</code> annotations to specify whether they should behave covariantly or contravariantly.</p> C#<pre><code>public class Base {};\npublic class Derived : Base {}\n\n// COVARIANCE (supply more specific type)\n// method is \"read only\" since it does not modify its argument\n// IEnumerable is covariant (has out parameter) since only \"provides\" objects\nvoid PrintBase(IEnumerable&lt;Base&gt; bases)\n{\n    foreach(Base base in bases)\n    {\n        Console.WritLine(base);\n    }\n}\n\nIEnumerable&lt;Derived&gt; derivedItems = new Derived[] {...};  // array is enumerable of Derived objects\nMethod(derivedItems);  // valid since Derived objects are also Base objects and operation is read only\n\n\n// CONTRAVARIANCE (supply less specific type)\n// IComparer is contravariant (has in parameter) since \"takes in\" objects\nvoid CompareDerived(IComparer&lt;Derived&gt; comparer)\n{\n    var d1 = new Derived();\n    var d2 = new Derived();\n    if(comparer.Compare(d1, d2)) { /* some action */ }\n}\n\nIComparator&lt;Base&gt; baseComparator = new BaseComparator();\nCompareDerived(baseComparator);  // valid since baseComparator can compare Base objects and thus can compare Derived objects\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#delegates","title":"Delegates","text":"<p>A delegate is a type that represents a reference to a method with a particular parameter list and return type. Delegates are used to pass methods as arguments to other methods. This ability to refer to a method as a parameter makes delegates ideal for defining callback methods.</p> <p>Any method from any accessible class or struct that matches the delegate type can be assigned to the delegate. The method can be either static or an instance method. This makes it possible to programmatically change method calls, and also plug new code into existing classes.</p> C#<pre><code>// delegate definition\npublic delegate Type Delegate(Type param, ...);  // can take any method with specified type params and return type\npublic delegate Type Delegate&lt;T&gt;(T param);  // generic delegate\n\n// delegate creation\nvar delegate = new Delegate&lt;Type&gt;(Method);  // explicit creation, useful when compiler cannot infer delegate type\nDelegate&lt;Type&gt; delegate = Method;  // implicit creation\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#multicast-delegates","title":"Multicast Delegates","text":"<p>Multicast Delegates are delegates that can have more than one element in their invocation list.</p> C#<pre><code>Delegate&lt;Type&gt; multicastDelegate = Method1 + Method2 + ...;  // multicast delegate creation\nmulticastDelegate += Method;  // add method to delegate\nmulticastDelegate -= Method;  // remove method from delegate\n</code></pre> <p>Note: Delegate removal behaves in a potentially surprising way if the delegate removed refers to multiple methods. Subtraction of a multicast delegate succeeds only if the delegate from which subtract contains all of the methods in the delegate being subtracted sequentially and in the same order.</p>"},{"location":"languages/dotnet/csharp/csharp.html#delegate-invocation","title":"Delegate Invocation","text":"<p>Invoking a delegate with a single target method works as though the code had called the target method in the conventional way. Invoking a multicast delegate is just like calling each of its target methods in turn.</p> C#<pre><code>Delegate&lt;Type&gt; delegate = Method;\n\ndelegate(args);  // use delegate as standard method\ndelegate.DynamicInvoke(argsArray); // Dynamically invokes the method represented by the current delegate.\n\nmulticastDelegate.GetInvocationList();  // list of methods called by the delegate\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#common-delegate-types","title":"Common Delegate Types","text":"<p>Note: Each delegate has an overload taking from zero to 16 arguments;</p> C#<pre><code>public delegate void Action&lt;in T1, ...&gt;(T1 arg1, ...);\npublic delegate TResult Func&lt;in T1, ..., out TResult&gt;(T1 arg1, ...);\npublic delegate bool Predicate&lt;in T1, ...&gt;(T1 arg1, ...);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#type-compatibility","title":"Type Compatibility","text":"<p>Delegate types do not derive from one another. Any delegate type defined in C# will derive directly from <code>MulticastDelegate</code>. However, the type system supports certain implicit reference conversions for generic delegate types through covariance and contravariance. The rules are very similar to those for interfaces.</p>"},{"location":"languages/dotnet/csharp/csharp.html#anonymous-functions-lambda-expressions","title":"Anonymous Functions (Lambda Expressions)","text":"<p>Delegates without explicit separated method.</p> C#<pre><code>// lambda variations\nDelegate&lt;Type&gt; lambda = () =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = input =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = (input) =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = (Type input) =&gt; &lt;expr&gt;;\nDelegate&lt;Type&gt; lambda = input =&gt; { return &lt;expr&gt;; };\nDelegate&lt;Type&gt; lambda = (input) =&gt; { return &lt;expr&gt;; };\nDelegate&lt;Type&gt; lambda = (Type input) =&gt; { return &lt;expr&gt;; };\nDelegate&lt;Type&gt; lambda = (Type input = default) =&gt; { return &lt;expr&gt;; };  // lambda default parameter\n\n// static modifier prevents unintentional capture of local variables or instance state by the lambda\nDelegate&lt;Type&gt; lambda = (static Type input) =&gt; &lt;expr&gt;;\n\nType variable = delegate { &lt;expression&gt;; };  // ignore arguments of the method passed to the delegate\n\n// lambda type inference\nvar f = Console.WriteLine;\nvar f = x =&gt; x;  // inferring the return type\nvar f = (string x) =&gt; x;  // inferring the signature\nvar f = [Required] x =&gt; x;  // adding attributes on parameters\nvar f = [Required] (int x) =&gt; x;\nvar f = [return: Required] static x =&gt; x;  // adding attribute for a return type\nvar f = Type () =&gt; default;  // explicit return type\nvar f = ref int (ref int x) =&gt; ref x;  // using ref on structs\nvar f = int (x) =&gt; x;  // explicitly specifying the return type of an implicit input\nvar f = static void (_) =&gt; Console.Write(\"Help\");\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#events","title":"Events","text":"<p>Structs and classes can declare events. This kind of member enables a type to provide notifications when interesting things happen, using a subscription-based model.</p> <p>The class who raises events is called Publisher, and the class who receives the notification is called Subscriber. There can be multiple subscribers of a single event. Typically, a publisher raises an event when some action occurred. The subscribers, who are interested in getting a notification when an action occurred, should register with an event and handle it.</p> C#<pre><code>public delegate void EventDelegate(object sender, CustomEventArgs args);  // called on event trigger\n\npublic class Publisher\n{\n    public event EventDelegate Event;\n\n    // A derived class should always call the On&lt;EventName&gt; method of the base class to ensure that registered delegates receive the event.\n    public virtual void OnEvent(Type param)\n    {\n        Event?.Invoke(param);\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#registering-event-handlers","title":"Registering Event Handlers","text":"C#<pre><code>public class Subscriber\n{\n    Publisher publisher = new Publisher();\n\n    public Subscriber()\n    {\n        publisher.OnEvent += Handler;  // register handler (+= syntax)\n    }\n\n    // event handler, matches the signature of the Event delegate.\n    public Type Handler() { /* act */ }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#built-in-eventhandler-delegate","title":"Built-In EventHandler Delegate","text":"<p>.NET includes built-in delegate types <code>EventHandler</code> and <code>EventHandler&lt;TEventArgs&gt;</code> for the most common events. Typically, any event should include two parameters: the source of the event and event data. The <code>EventHandler</code> delegate is used for all events that do not include event data, the <code>EventHandler&lt;TEventArgs&gt;</code> delegate is used for events that include data to be sent to handlers.</p> C#<pre><code>public class Publisher\n{\n    public event EventHandler Event;\n\n    public virtual void OnEvent(EventArgs e)\n    {\n        Event?.Invoke(this, e);\n    }\n}\n\npublic class Subscriber\n{\n    Publisher publisher = new Publisher();\n\n    public Subscriber()\n    {\n        publisher.OnEvent += Handler;  // register handler (+= syntax)\n    }\n\n    public Type Handler(object sender, EventArgs e) { /* act */ }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#custom-event-args","title":"Custom Event Args","text":"C#<pre><code>public class CustomEventArgs : EventArgs { }\n\npublic class Publisher\n{\n    public event EventHandler&lt;CustomEventArgs&gt; Event;\n\n    public virtual void OnEvent(CustomEventArgs e)\n    {\n        Event?.Invoke(this, e);\n    }\n}\n\npublic class Subscriber\n{\n    Publisher publisher = new Publisher();\n\n    public Subscriber()\n    {\n        publisher.OnEvent += Handler;  // register handler (+= syntax)\n    }\n\n    public Type Handler(object sender, CustomEventArgs e) { /* act */ }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#assemblies","title":"Assemblies","text":"<p>In .NET the proper term for a software component is an assembly, and it is typically a <code>.dll</code> or <code>.exe</code> file. Occasionally, an assembly will be split into multiple files, but even then it is an indivisible unit of deployment: it has to be wholly available to the runtime, or not at all.</p> <p>Assemblies are an important aspect of the type system, because each type is identified not just by its name and namespace, but also by its containing assembly. Assemblies provide a kind of encapsulation that operates at a larger scale than individual types, thanks to the <code>internal</code> accessibility specifier, which works at the assembly level.</p> <p>The runtime provides an assembly loader, which automatically finds and loads the assemblies a program needs. To ensure that the loader can find the right components, assemblies have structured names that include version information, and they can optionally contain a globally unique element to prevent ambiguity.</p>"},{"location":"languages/dotnet/csharp/csharp.html#anatomy-of-an-assembly","title":"Anatomy of an Assembly","text":"<p>Assemblies use the Win32 Portable Executable (PE) file format, the same format that executables (EXEs) and dynamic link libraries (DLLs) have always used in \"modern\" (since NT) versions of Windows.</p> <p>The C# compiler produces an assembly as its output, with an extension of either <code>.dll</code> or <code>.exe</code>. Tools that understand the PE file format will recognize a .NET assembly as a valid, but rather dull, PE file. The CLR essentially uses PE files as containers for a .NET-specific data format, so to classic Win32 tools, a C# DLL will not appear to export any APIs.</p> <p>With .NET Core 3.0 or later, .NET assemblies won't be built with an extension of <code>.exe</code>. Even project types that produce directly runnable outputs (such as console or WPF applications) produce a <code>.dll</code> as their primary output. They also generate an executable file too, but it's not a .NET assembly. It's just a bootstrapper that starts the runtime and then loads and executes your application's main assembly.</p> <p>Note: C# compiles to a binary intermediate language (IL), which is not directly executable. The normal Windows mechanisms for loading and running the code in an executable or DLL won't work with IL, because that can run only with the help of the CLR.</p>"},{"location":"languages/dotnet/csharp/csharp.html#net-metadata","title":".NET MEtadata","text":"<p>As well as containing the compiled IL, an assembly contains metadata, which provides a full description of all of the types it defines, whether <code>public</code> or <code>private</code>. The CLR needs to have complete knowledge of all the types that the code uses to be able to make sense of the IL and turn it into running code, the binary format for IL frequently refers to the containing assembly's metadata and is meaningless without it.</p>"},{"location":"languages/dotnet/csharp/csharp.html#resources","title":"Resources","text":"<p>It's possible to embed binary resources in a DLL alongside the code and metadata. To embed a file select \"Embedded Resource\" as it's Build Action in the file properties. This compiles a copy of the file into the assembly.</p> <p>To extract the resource at runtime use the <code>Assembly</code> class's <code>GetManifestResourceStream</code> method which is par of the Reflection API.</p>"},{"location":"languages/dotnet/csharp/csharp.html#multifile-assembly","title":"Multifile Assembly","text":"<p>.NET Framework allowed an assembly to span multiple files. It was possible to split the code and metadata across multiple modules, and it was also possible for some binary streams that are logically embedded in an assembly to be put in separate files. This feature was rarely used, and .NET Core does not support it. However, it's necessary to know about it because some of its consequences persist. In particular, parts of the design of the Reflection API make no sense unless this feature is known.</p> <p>With a multifile assembly, there's always one master file that represents the assembly. This will be a PE file, and it contains a particular element of the metadata called the assembly manifest. This is not to be confused with the Win32-style manifest that most executables contain. The assembly manifest is just a description of what's in the assembly, including a list of any external modules or other external files; in a multimodule assembly, the manifest describes which types are defined in which files.</p>"},{"location":"languages/dotnet/csharp/csharp.html#assembly-resolution","title":"Assembly Resolution","text":"<p>When the runtime needs to load an assembly, it goes through a process called assembly resolution.</p> <p>.NET Core supports two deployment options for applications:</p> <ul> <li>self-contained</li> <li>framework-dependent</li> </ul>"},{"location":"languages/dotnet/csharp/csharp.html#self-contained-deployment","title":"Self-Contained Deployment","text":"<p>When publishing a self-contained application, it includes a complete copy of .NET Core, the whole of the CLR and all the built-in assemblies. When building this way, assembly resolution is pretty straightforward because everything ends up in one folder.</p> <p>There are two main advantages to self-contained deployment:</p> <ul> <li>there is no need to install .NET on target machines</li> <li>it's known exactly what version of .NET and which versions of all DLLs are running</li> </ul> <p>With self-contained deployment, unless the application directs the CLR to look elsewhere everything will load from the application folder, including all assemblies built into .NET.</p>"},{"location":"languages/dotnet/csharp/csharp.html#framework-dependent-deployment","title":"Framework-Dependent Deployment","text":"<p>The default build behavior for applications is to create a framework-dependent executable. In this case, the code relies on a suitable version of .NET Core already being installed on the machine. Framework-dependent applications necessarily use a more complex resolution mechanism than self-contained ones.</p> <p>When such an application starts up it will first determine exactly which version of .NET Core to run. The chosen runtime version selects not just the CLR, but also the assemblies making up the parts of the class library built into .NET.</p>"},{"location":"languages/dotnet/csharp/csharp.html#assembly-names","title":"Assembly Names","text":"<p>Assembly names are structured. They always include a simple name, which is the name by which normally refer to the DLL. This is usually the same as the filename but without the extension. It doesn't technically have to be but the assembly resolution mechanism assumes that it is.</p> <p>Assembly names always include a version number. There are also some optional components, including the public key token, a string of hexadecimal digits, which is required to have a unique name.</p>"},{"location":"languages/dotnet/csharp/csharp.html#strong-names","title":"Strong Names","text":"<p>If an assembly's name includes a public key token, it is said to be a strong name. Microsoft advises that any .NET component that is published for shared use (e.g: made available via NuGet) should have a strong name.</p> <p>As the terminology suggests, an assembly name's public key token has a connection with cryptography. It is the hexadecimal representation of a 64-bit hash of a public key. Strongly named assemblies are required to contain a copy of the full public key from which the hash was generated. The assembly file format also provides space fora digital signature, generated with the corresponding private key.</p> <p>The uniqueness of a strong name relies on the fact that key generation systems use cryptographically secure random-number generators, and the chances of two people generating two key pairs with the same public key token are vanishingly small. The assurance that the assembly has ot been tampered with comes from the fact that a strongly named assembly must be signed, and only someone in possession of the private key can generate a valid signature. Any attempt to modify the assembly after signing it will invalidate the signature.</p>"},{"location":"languages/dotnet/csharp/csharp.html#version","title":"Version","text":"<p>All assembly names include a four-part version number: <code>major.minor.build.revision</code>. However, there's no particular significance to any of these. The binary format that IL uses for assembly names and references limits the range of these numbers, each part must fit in a 16-bit unsigned integer (a <code>ushort</code>), and the highest allowable value in a version part is actually one less than the maximum value that would fit, making the highest legal version number <code>65534.65534.65534.65534</code>.</p> <p>As far as the CLR is concerned, there's really only one interesting thing you can do with a version number, which is to compare it with some other version number, either they match or one is higher than the other.</p> <p>The build system tells the compiler which version number to use for the assembly name via an assembly-level attribute.</p> <p>Note: NuGet packages also have version numbers, and these do not need to be connected in any way to assembly versions. NuGet does treat the components of a package version number as having particular significance: it has adopted the widely used semantic versioning rules.</p>"},{"location":"languages/dotnet/csharp/csharp.html#culture","title":"Culture","text":"<p>All assembly names include a culture component. This is not optional, although the most common value for this is the default <code>neutral</code>, indicating that the assembly contains no culture-specific code or data.</p> <p>The culture is usually set to something else only on assemblies that contain culture-specific resources. The culture of an assembly's name is designed to support localization of resources such as images and strings.</p>"},{"location":"languages/dotnet/csharp/csharp.html#reflection","title":"Reflection","text":"<p>The CLR knows a great deal about the types the programs define and use. It requires all assemblies to provide detailed metadata, describing each member of every type, including private implementation details. It relies on this information to perform critical functions, such as JIT compilation and garbage collection. However, it does not keep this knowledge to itself.</p> <p>The reflection API grants access to this detailed type information, so the code can discover everything that the runtime can see.</p> <p>Reflection is particularly useful in extensible frameworks, because they can use it to adapt their behavior at runtime based on the structure of the code.</p> <p>The reflection API defines various classes in the <code>System.Reflection</code> namespace. These classes have a structural relationship that mirrors the way that assemblies and the type system work.</p>"},{"location":"languages/dotnet/csharp/csharp.html#assembly","title":"Assembly","text":"<p>The <code>Assembly</code> class defines three context-sensitive static methods that each return an <code>Assembly</code>. The <code>GetEntryAssembly</code> method returns the object representing the EXE file containing the program's <code>Main</code> method. The <code>GetExecutingAssembly</code> method returns the assembly that contains the method from which it has been called it. <code>GetCallingAssembly</code> walks up the stack by one level, and returns the assembly containing the code that called the method that called <code>GetCallingAssembly</code>.</p> <p>To inspect an assembly info use the <code>ReflectionOnlyLoadFrom</code> (or <code>ReflectionOnlyLoad</code>) method of the <code>Assembly</code> class. This loads the assembly in such a way that it's possible to inspect its type information, but no code in the assembly will execute, nor will any assemblies it depends on be loaded automatically.</p>"},{"location":"languages/dotnet/csharp/csharp.html#attributes","title":"Attributes","text":"<p>In .NET, it's possible to annotate components, types, and their members with attributes. An attribute's purpose is to control or modify the behavior of a framework, a tool, the compiler, or the CLR.</p> <p>Attributes are passive containers of information that do nothing on their own.</p>"},{"location":"languages/dotnet/csharp/csharp.html#applying-attributes","title":"Applying Attributes","text":"<p>To avoid having to introduce an extra set of concepts into the type system, .NET models attributes as instances of .NET types. To be used as an attribute, a type must derive from the <code>System.Attribute</code> class, but it can otherwise be entirely ordinary.</p> <p>It's possible to pass arguments to the attribute constructor in the annotation.</p> C#<pre><code>[AttName]  // simple attribute\n\n[AttName(value)]  // valorize private fields (through the constructor)\n[AttrName(Name = value)]  // valorize public properties or fields (no constructor needed)\n</code></pre> <p>Note: The real name of an attribute ends with \"Attribute\" (<code>[AttrName]</code> refers to the <code>AttrNameAttribute</code> class)</p>"},{"location":"languages/dotnet/csharp/csharp.html#multiple-attributes","title":"Multiple Attributes","text":"C#<pre><code>[Attribute1]\n[Attribute2]\n\n[Attribute1, Attribute2]\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#defining-custom-attribute-types","title":"Defining Custom Attribute Types","text":"C#<pre><code>// specify what the attribute can be applied to (enforced by c# compiler)\n[AttributeUsage(AttributeTargets.&lt;TargetType&gt;)]\npublic class CustomAttribute : Attribute\n{\n    // properties to hold information\n\n    // constructor (used to valorize private fields)\n}\n</code></pre> <p>NOTE: From C# 11 attributes can be generic and have type constraints</p>"},{"location":"languages/dotnet/csharp/csharp.html#retrieving-attributes","title":"Retrieving Attributes","text":"<p>It's possible to discover which attributes have been applied through the reflection API. The various targets of attribute have a reflection type representing them (<code>MethodInfo</code>, <code>PropertyInfo</code>, ...) which all implement the interface <code>ICustomAttributeProvider</code>.</p> C#<pre><code>public interface ICustomAttributeProvider\n{\n    object[] GetCustomAttributes(bool inherit);\n    object[] GetCustomAttributes(Type attributeType, bool inherit);\n    bool IsDefined(Type attribueType, bool inherit);\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#files-streams","title":"Files &amp; Streams","text":"<p>A .NET stream is simply a sequence of bytes. That makes a stream a useful abstraction for many commonly encountered features such as a file on disk, or the body of an HTTP response. A console application uses streams to represent its input and output.</p> <p>The <code>Stream</code> class is defined in the <code>System.IO</code> namespace. It is an abstract base class, with concrete derived types such as <code>FileStream</code> or <code>GZipStream</code> representing particular kinds of streams.</p> C#<pre><code>// The most important members of Stream\npublic abstract int Read(byte[] buffer, int offset, int count);\npublic abstract void Write(byte[] buffer, int offset, int count);\npublic abstract long Position { get; set; }\n</code></pre> <p>Some streams are read-only. For example, if input stream for a console app represents the keyboard or the output of some other program, there's no meaningful way for the program to write to that stream. Some streams are write-only, such as the output stream of a console application. If <code>Read</code> is called on a write-only stream or <code>Write</code> on a read-only one, these methods throw a <code>NotSupportedException</code>.</p> <p>Both <code>Read</code> and <code>Write</code> take a <code>byte[]</code> array as their first argument, and these methods copy data into or out of that array, respectively. The <code>offset</code> and <code>count</code> arguments that follow indicate the array element at which to start, and the number of bytes to read or write. There are no arguments to specify the offset within the stream at which to read or write. This is managed by the <code>Position</code> property. This starts at zero, but at each read or write, the position advances by the number of bytes processed.</p> <p>The <code>Read</code> method returns an <code>int</code>. This tells how many bytes were read from the stream, the method does not guarantee to provide the amount of data requested. The reason <code>Read</code> is slightly tricky is that some streams are live, representing a source of information that produces data gradually as the program runs.</p> <p>Note: If asked for more than one byte at a time, a <code>Stream</code> is always free to return less data than requested from Read for any reason. Never presume that a call to <code>Read</code> returned as much data as it could.</p>"},{"location":"languages/dotnet/csharp/csharp.html#position-seeking","title":"Position &amp; Seeking","text":"<p>Streams automatically update their current position each time a read or write operation is completed. The <code>Position</code> property can be set to move to the desired location. This is not guaranteed to work because it's not always possible to support it. Some streams will throw <code>NotSupportedException</code> when trying to set the <code>Position</code> property.</p> <p>Stream also defines a Seek method, this allows to specify the position required relative to the stream's current position. Passing <code>SeekOrigin.Current</code> as second argument will set the position by adding the first argument to the current position.</p> C#<pre><code>public abstract long Seek(long offset, SeekOrigin origin);  // offset can be negative\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#flushing","title":"Flushing","text":"<p>Writing data to a Stream does not necessarily cause the data to reach its destination immediately. When a call to <code>Write</code> returns, all that is known is that it has copied the data somewhere; but that might be a buffer in memory, not the final target.</p> <p>The Stream class therefore offers a <code>Flush</code> method. This tells the stream that it has to do whatever work is required to ensure that any buffered data is written to its target, even if that means making suboptimal use of the buffer.</p> <p>A stream automatically flushes its contents when calling <code>Dispose</code>. Flush only when it's needed to keep a stream open after writing out buffered data. It is particularly important if there will be extended periods during which the stream is open but inactive.</p> <p>Note: When using a <code>FileStream</code>, the <code>Flush</code> method does not necessarily guarantee that the data being flushed has made it to disk yet. It merely makes the stream pass the data to the OS. Before calling <code>Flush</code>, the OS hasn't even seen the data, so if the process terminates suddenly, the data would be lost. After <code>Flush</code> has returned, the OS has everything the code has written, so the process could be terminated without loss of data. However, the OS may perform additional buffering of its own, so if the power fails before the OS gets around to writing everything to disk, the data will still be lost.</p> <p>To guarantee that data has been written persistently (rather than merely ensuring that it has been handed it to the OS), use either the <code>WriteThrough</code> flag, or call the <code>Flush</code> overload that takes a bool, passing <code>true</code> to force flushing to disk.</p>"},{"location":"languages/dotnet/csharp/csharp.html#streamreader-streamwriter-text-files","title":"StreamReader &amp; StreamWriter (Text Files)","text":"<p>The most useful concrete text-oriented streams types are <code>StreamReader</code> and <code>StreamWriter</code>, which wrap a <code>Stream</code> object. It's possible to constructing them by passing a <code>Stream</code> as a constructor argument, or a string containing the path of a file, in which case they will automatically construct a <code>FileStream</code> and then wrap that.</p> <p>Encoding</p> C#<pre><code>// Will detect encoding from stream contents\nStreamReader file = new StreamReader(string path);\nStreamReader file = new StreamReader(string path, System.Text.Encoding encoding);  // encoding is System.Text.Encoding\n\n// Default Encoding: UTF-8 w/o BOM (Byte Order Mark)\nStreamWriter file = new StreamWriter(string path);\nStreamWriter file = new StreamWriter(string path, bool boolean);  // true to append data to the file; false to overwrite the file.\nStreamReader file = new StreamReader(string path, System.Text.Encoding encoding);  // encoding is System.Text.Encoding\nStreamReader file = new StreamReader(string path, bool append, System.Text.Encoding encoding);  // encoding is System.Text.Encoding\n\n// USAGE\ntry\n{\n    using (StreamReader file = new StreamReader(path))  // stream to read\n    {\n        while(!file.EndOfStream)  // keep reading until the end op file\n        {\n            file.ReadLine();  // read a whole line from the file\n        }\n    }\n\n    using (StreamWriter file = new StreamWriter(path))  // stream to write\n    {\n        file.write();  // write to file\n    }\n}\ncatch (Exception e)\n{\n    // handle exception\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#stringreader-stringwriter","title":"StringReader &amp; StringWriter","text":"<p>The <code>StringReader</code> and <code>StringWriter</code> classes serve a similar purpose to <code>MemoryStream</code>: they are useful when working with an API that requires either a <code>TextReader</code> or <code>TextWriter</code> (abstract text streams), but you want to work entirely in memory. Whereas <code>MemoryStream</code> presents a Stream API on top of a <code>byte[]</code> array, <code>StringReader</code> wraps a string as a <code>TextReader</code>, while <code>StringWriter</code> presents a <code>TextWriter</code> API on top of a <code>StringBuilder</code>.</p>"},{"location":"languages/dotnet/csharp/csharp.html#files-directories","title":"Files &amp; Directories","text":""},{"location":"languages/dotnet/csharp/csharp.html#filestream-class-binary-files","title":"FileStream Class (Binary Files)","text":"<p>The <code>FileStream</code> class derives from <code>Stream</code> and represents a file from the filesystem.</p> <p>It' common to use the constructors in which the <code>FileStream</code> uses OS APIs to create the file handle. It's possible to provide varying levels of detail on how this si to be done. At a minimum the file's path and a value from the <code>FileMode</code> enumeration must be provided.</p> C#<pre><code>// overloaded FileStream Constructors\npublic FileStream(string path, FileMode mode);\npublic FileStream(string path, FileMode mode, FileAccess access);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share, int bufferSize);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share, int bufferSize, bool useAsync);\npublic FileStream(string path, FileMode mode, FileAccess access, FileShare share, int bufferSize, FileOptions options);\n</code></pre> <code>FileMode</code> Behavior if file exists Behavior if file does not exist <code>CreateNew</code> Throws <code>IOException</code> Creates new file <code>Create</code> Replaces existing file Creates new file <code>Open</code> Opens existing file Throws <code>FileNotFoundException</code> <code>OpenOrCreate</code> Opens existing file Creates new file <code>Truncate</code> Replaces existing file Throws <code>FileNotFoundException</code> <code>Append</code> Opens existing file, setting Position to end of file Creates new file <p><code>FileAccess</code> Enumeration:</p> <ul> <li><code>Read</code>: Read access to the file. Data can be read from the file. Combine with Write for read/write access.</li> <li><code>Write</code>: Write access to the file. Data can be written to the file. Combine with Read for read/write access.</li> <li><code>ReadWrite</code>: Read and write access to the file. Data can be written to and read from the file.</li> </ul> <p><code>FileShare</code> Enumeration:</p> <ul> <li><code>Delete</code>: Allows subsequent deleting of a file.</li> <li><code>None</code>: Declines sharing of the current file. Any request to open the file (by this process or another process) will fail until the file is closed.</li> <li><code>Read</code>: Allows subsequent opening of the file for reading. If this flag is not specified, any request to open the file for reading (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li> <li><code>ReadWrite</code>: Allows subsequent opening of the file for reading or writing. If this flag is not specified, any request to open the file for reading or writing (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li> <li><code>Write</code>: Allows subsequent opening of the file for writing. If this flag is not specified, any request to open the file for writing (by this process or another process) will fail until the file is closed. However, even if this flag is specified, additional permissions might still be needed to access the file.</li> </ul> <p><code>FileOptions</code> Enumeration:</p> <ul> <li><code>WriteThrough</code>: Disables OS write buffering so data goes straight to disk when you flush the stream.</li> <li><code>AsynchronousSpecifies</code>: the use of asynchronous I/O.</li> <li><code>RandomAccessHints</code>: to filesystem cache that you will be seeking, not reading or writing data in order.</li> <li><code>SequentialScanHints</code>: to filesystem cache that you will be reading or writing data in order.</li> <li><code>DeleteOnCloseTells</code>: <code>FileStream</code> to delete the file when you call <code>Dispose</code>.</li> <li><code>EncryptedEncrypts</code>: the file so that its contents cannot be read by other users.</li> </ul> <p>Note: The <code>WriteThrough</code> flag will ensure that when the stream is disposed or flushed, all the data written will have been delivered to the drive, but the drive will not necessarily have written that data persistently (drives can defer writing for performance), so data loss id still possible if the power fails.</p> C#<pre><code>// object to read or write to a file (file can be binary)\n{\n    using(FileStream fstream = new FileStream(path, FileMode.OpenOrCreate, FileAccess.ReadWrite))\n    {\n        // operations on file stream\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#file-class","title":"File Class","text":"<p>The static <code>File</code> class provides methods for performing various operations on files.</p> C#<pre><code>File.Create(string path);  // Return Read/Write FileStream to file\nFile.Open(string path, System.IO.FileMode mode);  // Open a FileStream on the specified path with read/write access with no sharing.\nFile.Open(string path, System.IO.FileMode mode, System.IO.FileAccess access);  // Opens a FileStream on the specified path, with the specified mode and access with no sharing.\nFile.Open(string path, System.IO.FileMode mode, System.IO.FileAccess access, System.IO.FileShare share);\nFile.OpenRead(string path);  // Open an existing file for reading, returns a FileStream\nFile.OpenText(string path);  // Open an existing UTF-8 encoded text file for reading, returns a StreamReader\nFile.OpenWrite(string path);  // Open an existing file for writing, returns a FileStream\n\nFile.Delete(string path);  // Delete the specified file\nFile.Move(string sourceFileName, string destFileName, bool overwrite);  // Move specified file to a new location (can specify a new filename and to overwrite the destination file if it already exists)\nFile.Exists(string path);  // Whether the specified file exists.\n\nFile.GetCreationTime(string path);  // Return DateTime set to the creation date and time for the specified file\nFile.GetLastAccessTime(string path);  // Return DateTime set to the date and time that the specified file was last accessed\nFile.GetLastWriteTime(string path);  // Return DateTime set to the date and time that the specified file was last written to\nFile.GetAttributes(string path);  // Return FileAttributes of the file\n\nFile.Encrypt(string path);  // Encrypt a file so that only the account used to encrypt the file can decrypt it.\nFile.Decrypt(string path);  // Decrypt a file that was encrypted by the current account using the Encrypt() method.\n\nFile.ReadAllText(string path);  // Return a string containing all the text in the file\nFile.ReadAllLines(string path);  // Returns a string[] containing all lines of the file\nFile.ReadLines(string path); // Returns IEnumerable&lt;string&gt; containing all the text in the file\nFile.ReadAllBytes(string path);  // Returns a byte[] containing the contents of the file.\n\nFile.WriteAllLines(string path, IEnumerable&lt;string&gt; contents);  // writes a collection of strings to the file\nFile.WriteAllLines(string path, string[] contents);  // writes a collection of strings to the file\n\nFile.AppendAllText(string path, string contents);  // appends the specified string to the file\nFile.AppendAllLines(string path, IEnumerable&lt;string&gt; contents);  // appends a collection of strings to the file\n\n// Replace the contents of a specified file with the contents of another file, deleting the original file, and creating a backup of the replaced file.\nFile.Replace(string sourceFileName, string destinationFileName, string destinationBackupFileName);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#directory-class","title":"Directory Class","text":"<p>Exposes static methods for creating, moving, and enumerating through directories and subdirectories.</p> C#<pre><code>Directory.CreateDirectory(string path);  // Create directory as specified\nDirectory.Delete(string path);  // Delete an empty directory from a specified path (dir must be writable)\nDirectory.Delete(string path, bool recursive);  // Delete the specified directory and, if indicated, any subdirectories and files in the directory\nDirectory.Move(string sourceDirName, string destDirName);  // Move a file or a directory and its contents to a new location\nDirectory.Exists (string path);  // Whether the given path refers to an existing directory on disk\n\nDirectory.GetLogicalDrives();  // string[] of names of the logical drives on the computer in the form \"&lt;drive letter&gt;:\\\"\nDirectory.GetParent(string path);  // DirectoryInfo of parent directory of the specified path, including both absolute and relative paths\nDirectory.GetCurrentDirectory();  // string of current working directory of the application\nDirectory.SetCurrentDirectory(string path);  // Set the application's current working directory to the specified directory\n\nDirectory.GetCreationTime(string path);  // DateTime set to the creation date and time for the specified directory\nDirectory.GetLastAccessTime(string path);  // DateTime set to the date and time the specified file or directory was last accessed\nDirectory.GetLastWriteTime(string path);  // DateTime set to the date and time the specified file or directory was last written to\n\nDirectory.EnumerateDirectories (string path, string searchPattern, SearchOption searchOption);  // IEnumerable&lt;string&gt; of directory full names that match a search pattern in a specified path\nDirectory.GetDirectories (string path, string searchPattern, System.IO.SearchOption searchOption);  // string[] of directory full names that match a search pattern in a specified path\n\nDirectory.EnumerateFiles(string path, string searchPattern, SearchOption searchOption);  // IEnumerable&lt;string&gt; of full file names that match a search pattern in a specified path\nDirectory.GetFiles(string path, string searchPattern, SearchOption searchOption);  // string[] of full file names that match a search pattern in a specified path\n\nDirectory.EnumerateFileSystemEntries(string path, string searchPattern, SearchOption searchOption);  // IEnumerable&lt;string&gt; array of file names and directory names that match a search pattern in a specified path\nDirectory.GetFileSystemEntries (string path, string searchPattern, SearchOption searchOption);  // string[] array of file names and directory names that match a search pattern in a specified path\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#path-class","title":"Path Class","text":"C#<pre><code>Combine(string path1, string path2);  // Combine two strings into a path\nCombine(string[] paths);  // Combine strings into a path\n\nGetFullPath(string path);  // absolute path for the specified path string\nGetFullPath(string path, string basePath);  // absolute path from a relative path and a fully qualified base path\nGetRelativePath (string relativeTo, string path);  // relative path from one path to another\nGetPathRoot (string path);  // Get the root directory information from the path contained in the specified string\nGetDirectoryName (string path);  // directory information for the specified path string\n\nGetExtension (string path);  // extension (including the period \".\") of the specified path string\nGetFileName (string path);  // file name and extension of the specified path string\nGetFileNameWithoutExtension (string path);  // file name of the specified path string without the extension\n\nHasExtension (string path);  // whether a path includes a file name extension\nIsPathFullyQualified (string path);  // whether the specified file path is fixed to a specific drive or UNC path\nIsPathRooted (string path);  // whether the specified path string contains a root\n\nEndsInDirectorySeparator (string path);  // true if the path ends in a directory separator; otherwise, false\nTrimEndingDirectorySeparator (string path);  // Trim one trailing directory separator beyond the root of the specified path\n\nGetInvalidFileNameChar();  // char[] containing the characters that are not allowed in file names\nGetInvalidPathChars();  // char[] containing the characters that are not allowed in path names\n\nGetTempPath();  // path of the current user's temporary folder\nGetTempFileName();  // Create a uniquely named, zero-byte temporary file on disk and returns the full path of that file\nGetRandomFileName();  // random folder name or file name\n\n// get full path from relative\nstring path = Path.Combine(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location), @\"relative_path.ext\");  // path to a file in the project directory\n\n// get special folder location\nstring appDataPath = Environment.GetFolderPath(Environment.SpecialFolder.ApplicationData);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#fileinfo-directoryinfo-filesysteminfo","title":"FileInfo, DirectoryInfo &amp; FileSystemInfo","text":"<p>Classes to hold multiple info about a file or directory. If some property changes using the method <code>Refresh()</code> will update the data.</p>"},{"location":"languages/dotnet/csharp/csharp.html#clr-serialization","title":"CLR Serialization","text":"<p>Types are required to opt into CLR serialization. .NET defines a <code>[Serializable]</code> attribute that must be present before the CLR will serialize the type (class).</p> C#<pre><code>[Serializable]\nclass Class { }\n</code></pre> <p>Serialization works directly with an object's fields. It uses reflection, which enables it to access all members, whether public or private.</p> <p>Note: CLR Serialization produces binary streams in a .NET specific format</p>"},{"location":"languages/dotnet/csharp/csharp.html#datetime-timespan","title":"DateTime &amp; TimeSpan","text":""},{"location":"languages/dotnet/csharp/csharp.html#timespan-struct","title":"TimeSpan Struct","text":"<p>Object that represents the difference between two dates</p> C#<pre><code>TimeSpan Interval = new DateTime() - new DateTime()  // difference between dates\n\n// constructors\nTimeSpan(hours, minutes, seconds);  // all parameters are integers\nTimeSpan(days, hours, minutes, seconds);  // all parameters are integers\nTimeSpan(days, hours, minutes, seconds, milliseconds);  // all parameters are integers\n\n// from primitive types\nTimeSpan interval = TimeSpan.FromSeconds(seconds);\nTimeSpan interval = TimeSpan.FromMinutes(minutes);\nTimeSpan interval = TimeSpan.FromHours(hours);\nTimeSpan interval = TimeSpan.FromDays(days);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#memory-efficiency","title":"Memory Efficiency","text":"<p>The CLR is able to perform automatic memory management thanks to its garbage collector (GC). This comes at a price: when a CPU spends time on garbage collection, that stops it from getting on with more productive work. In many cases, this time will be small enough not to cause visible problems. However, when certain kinds of programs experience heavy load, GC costs can come to dominate the overall execution time.</p> <p>C# 7.2 introduced various features that can enable dramatic reductions in the number of allocations. Fewer allocations means fewer blocks of memory for the GC to recover, so this translates directly to lower GC overhead. There is a price to pay, of course: these GC-efficient techniques add significant complication to the code.</p>"},{"location":"languages/dotnet/csharp/csharp.html#spant","title":"<code>Span&lt;T&gt;</code>","text":"<p>The <code>System.Span&lt;T&gt;</code> (a <code>ref struct</code>) value type represents a sequence of elements of type <code>T</code> stored contiguously in memory. Those elements can live inside an array, a string, a managed block of memory allocated in a stack frame, or unmanaged memory.</p> <p>A <code>Span&lt;T&gt;</code> encapsulates three things: a pointer or reference to the containing memory (e.g., the string or array), the position of the data within that memory, and its length.  </p> <p>Access to a span contents is done like an and since a <code>Span&lt;T&gt;</code> knows its own length, its indexer checks that the index is in range, just as the built-in array type does.</p> C#<pre><code>Span&lt;int&gt; numbers = stackalloc int[] { 1, 2, 3 };\nvar first = numbers[0];\n</code></pre> <p>Note: Normally, C# won\u2019t allow to use <code>stackalloc</code> outside of code marked as unsafe, since it allocates memory on the stack producing a pointer. However, the compiler makes an exception to this rule when assigning the pointer produced by a <code>stackalloc</code> expression directly into a span.</p> <p>The fact that <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code> are both <code>ref struct</code> types ensures that a span cannot outlive its containing stack frame, guaranteeing that the stack frame on which the stack-allocated memory lives will not vanish while there are still outstanding references to it.</p> <p>In addition to the array-like indexer and <code>Length</code> properties, <code>Span&lt;T&gt;</code> offers a few useful methods. The <code>Clear</code> and <code>Fill</code> methods provide convenient ways to initialize all the elements in a span either to the default value or a specific value. Obviously, these are not available on <code>ReadOnlySpan&lt;T&gt;</code>.</p> <p>The <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code> types are both declared as <code>ref struct</code>. This means that not only are they value types, they are value types that can live only on the stack. So it's not possible to have fields with span types in a class, or any struct that is not also a <code>ref struct</code>.</p> <p>This also imposes some potentially more surprising restrictions:</p> <ul> <li>it's  not possible to use a span in a variable in an async method.</li> <li>there are restrictions on using spans in anonymous functions and in iterator methods</li> </ul> <p>This restriction is necessary for .NET to be able to offer the combination of array-like performance, type safety, and the flexibility to work with multiple different containers.</p> <p>Note: it's possible to use spans in local methods, and even declare a ref struct variable in the outer method and use it from the nested one, but with one restriction: it's not possible a delegate that refers to that local method, because this would cause the compiler to move shared variables into an object that lives on the heap.</p>"},{"location":"languages/dotnet/csharp/csharp.html#memoryt","title":"<code>Memory&lt;T&gt;</code>","text":"<p>The <code>Memory&lt;T&gt;</code> type and its counterpart, <code>ReadOnlyMemory&lt;T&gt;</code>, represent the same basic concept as <code>Span&lt;T&gt;</code> and <code>ReadOnlySpan&lt;T&gt;</code>: these types provide a uniform view over a contiguous sequence of elements of type <code>T</code> that could reside in an array, unmanaged memory, or, if the element type is char, a string. But unlike spans, these are not <code>ref struct</code> types, so they can be used anywhere. The downside is that this means they cannot offer the same high performance as spans.</p> <p>It's possible to convert a <code>Memory&lt;T&gt;</code> to a <code>Span&lt;T&gt;</code>, and likewise a <code>ReadOnlyMemory&lt;T&gt;</code> to a <code>ReadOnlySpan&lt;T&gt;</code>. This makes these memory types useful when you want something span-like, but in a context where spans are not allowed.</p>"},{"location":"languages/dotnet/csharp/csharp.html#regular-expressions","title":"Regular Expressions","text":"<p>regex reference</p> C#<pre><code>Match match = Regex.Match(string, pattern, regexOptions);\n\nmatch.Success;  // whether there was a match or not\n\nmatch.Groups[index];  // numbered capture group (first group is always whole match)\nmatch.Groups[name];  // named capture group\n\nmatch.Groups[index].Value;  // whole captured string\nmatch.Groups[index].Captures;  // list of strings in the matched group\nmatch.Groups[index].Index;  // position in the input string of the matched group\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#unsafe-code-pointers","title":"Unsafe Code &amp; Pointers","text":"<p>The <code>unsafe</code> keyword denotes an unsafe context, which is required for any operation involving pointers.</p> <p>In an unsafe context, several constructs are available for operating on pointers:</p> <ul> <li>The <code>*</code> operator may be used to perform pointer indirection (Pointer indirection).</li> <li>The <code>-&gt;</code> operator may be used to access a member of a struct through a pointer (Pointer member access).</li> <li>The <code>[]</code> operator may be used to index a pointer (Pointer element access).</li> <li>The <code>&amp;</code> operator may be used to obtain the address of a variable (The address-of operator).</li> <li>The <code>++</code> and <code>--</code> operators may be used to increment and decrement pointers (Pointer increment and decrement).</li> <li>The <code>+</code> and <code>-</code> operators may be used to perform pointer arithmetic (Pointer arithmetic).</li> <li>The <code>==</code>, <code>!=</code>, <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code>, and <code>&gt;=</code> operators may be used to compare pointers (Pointer comparison).</li> <li>The <code>stackalloc</code> operator may be used to allocate memory from the call stack (Stack allocation).</li> </ul> <p>The <code>fixed</code> statement prevents the garbage collector from relocating a movable variable. It's only permitted in an unsafe context. It's also possible to use the fixed keyword to create fixed size buffers.</p> <p>The <code>fixed</code> statement sets a pointer to a managed variable and \"pins\" that variable during the execution of the statement. Pointers to movable managed variables are useful only in a fixed context. Without a fixed context, garbage collection could relocate the variables unpredictably. The C# compiler only allows to assign a pointer to a managed variable in a fixed statement.</p> C#<pre><code>unsafe Type UnsafeMethod() { /* unsafe context */ }\n// or\nunsafe\n{\n    // Using fixed allows the address of pt members to be taken,\n    // and \"pins\" pt so that it is not relocated.\n    Point pt = new Point();\n    fixed (int* p = &amp;pt.x)\n    {\n        *p = 1;\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#native-memory","title":"Native Memory","text":"C#<pre><code>using System.Runtime.InteropServices;\n\nunsafe\n{\n    byte* buffer = (byte*)NativeMemory.Alloc(100);\n\n    NativeMemory.Free(buffer);\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#external-code","title":"External Code","text":"<p>The <code>extern</code> modifier is used to declare a method that is implemented externally. A common use of the extern modifier is with the <code>DllImport</code> attribute when using Interop services to call into unmanaged code. In this case, the method must also be declared as <code>static</code>.</p> C#<pre><code>[DllImport(\"avifil32.dll\")]\nprivate static extern void AVIFileInit();\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#magic-methods","title":"Magic Methods","text":"<p>Methods needed to implement a behaviour which do not need an interface to work. The methods must be named appropriately and have the  correct return type.</p>"},{"location":"languages/dotnet/csharp/csharp.html#enumerable","title":"Enumerable","text":"C#<pre><code>public bool MoveNext(/* ... */);\npublic T Current { get; }\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#awaitable","title":"Awaitable","text":"C#<pre><code>public TaskAwaiter GetAwaiter(/* ... */);\n</code></pre>"},{"location":"languages/dotnet/csharp/csharp.html#code-quality","title":"Code Quality","text":""},{"location":"languages/dotnet/csharp/csharp.html#code-analysis","title":"Code Analysis","text":"XML<pre><code>&lt;PropertyGroup&gt;\n  &lt;AnalisysMode&gt;All&lt;/NugetAuditMode&gt;\n&lt;/PropertyGroup&gt;\n</code></pre> Level Description <code>None</code> All rules are disabled. Can selectively opt in to individual rules to enable them. <code>Default</code> Default mode, where certain rules are enabled as build warnings, certain rules are enabled as options IDE suggestions, and the remainder are disabled. <code>Minimum</code> More aggressive mode than <code>Default</code> mode. Certain suggestions that are highly recommended for build enforcement are enabled as build warnings. <code>Recommended</code> More aggressive mode than <code>Minimum</code> mode, where more rules are enabled as build warnings. <code>All</code> All rules are enabled as build warnings. Can selectively opt out of individual rules to disable them."},{"location":"languages/dotnet/csharp/csharp.html#dependency-auditing","title":"Dependency Auditing","text":"XML<pre><code>&lt;PropertyGroup&gt;\n  &lt;!-- required --&gt;\n  &lt;NugetAuditMode&gt;all|direct&lt;/NugetAuditMode&gt;\n\n  &lt;!-- suggested --&gt;\n  &lt;NugetAuditLevel&gt;low|moderate|high|critical&lt;/NugetAuditLevel&gt;\n\n  &lt;!-- optional --&gt;\n  &lt;WarningsAsErrors&gt;NU1901;NU1902;NU1903;NU1904&lt;/WarningAsErrors&gt;\n&lt;/PropertyGroup&gt;\n</code></pre> <p>The auditing of dependencies is done during the <code>dotnet restore</code> step. A description of the dependencies is checked against a report of known vulnerabilities on the GitHub Advisory Database.</p> <p>Audit Mode:</p> <ul> <li>all: audit direct and transitive dependencies for vulnerabilities.</li> <li>direct: audit only direct dependencies for vulnerabilities.</li> </ul>"},{"location":"languages/dotnet/csharp/linq.html","title":"LINQ","text":""},{"location":"languages/dotnet/csharp/linq.html#linq-to-objects","title":"LINQ to Objects","text":"<p>The term LINQ to Objects refers to the use of LINQ queries with any <code>IEnumerable</code> or <code>IEnumerable&lt;T&gt;</code> collection directly, without the use of an intermediate LINQ provider or API such as LINQ to SQL or LINQ to XML.</p> <p>LINQ to Objects will be used when any <code>IEnumerable&lt;T&gt;</code> is specified as the source, unless a more specialized provider is available.</p>"},{"location":"languages/dotnet/csharp/linq.html#query-expressions","title":"Query Expressions","text":"<p>All query expressions are required to begin with a <code>from</code> clause, which specifies the source of the query. The final part of the query is a <code>select</code> (or <code>group</code>) clause. This determines the final output of the query and its system type.</p> C#<pre><code>// query expression\nvar result = from item in enumerable select item;\n\n// where clause\nvar result = from item in enumerable where condition select item;\n\n// ordering\nvar result = from item in enumerable orderby item.property select item;  // ordered IEnumerable\n\n// let clause, assign expression to variable to avoid re-evaluation on each cycle\nvar result = from item in enumerable let tmp = &lt;sub-expr&gt; ...  // BEWARE: compiled code has a lot of overhead to satisfy let clause\n\n// grouping (difficult to re-implement to obtain better performance)\nvar result = from item in enumerable group item by item.property;  // returns IEnumerable&lt;IGrouping&lt;TKey,TElement&gt;&gt;\n</code></pre>"},{"location":"languages/dotnet/csharp/linq.html#how-query-expressions-expand","title":"How Query Expressions Expand","text":"<p>The compiler converts all query expressions into one or more method calls. Once it has done that, the LINQ provider is selected through exactly the same mechanisms that C# uses for any other method call. The compiler does not have any built-in concept of what constitutes a LINQ provider.</p> C#<pre><code>// expanded query expression\nvar result = Enumerable.Where(item =&gt; condition).Select(item =&gt; item);\n</code></pre> <p>The <code>Where</code> and <code>Select</code> methods are examples of LINQ operators. A LINQ operator is nothing more than a method that conforms to one of the standard patterns.</p>"},{"location":"languages/dotnet/csharp/linq.html#methods-on-enumerable-or-ienumerablet","title":"Methods on <code>Enumerable</code> or <code>IEnumerable&lt;T&gt;</code>","text":"C#<pre><code>Enumerable.Range(int start, int end);  // IEnumerable&lt;int&gt; of values between start &amp; end\n\nIEnumerable&lt;TSource&gt;.Select(Func&lt;TSource, TResult&gt; selector);  // map\nIEnumerable&lt;TSource&gt;.Where(Func&lt;T, bool&gt; predicate);  // filter\n\nIEnumerable&lt;T&gt;.FirstOrDefault();  // first element of IEnumerable or default(T) if empty\nIEnumerable&lt;T&gt;.FirstOrDefault(T default);  // specify returned default\nIEnumerable&lt;T&gt;.FirstOrDefault(Func&lt;T, bool&gt; predicate);  // first element to match predicate or default(T)\n// same for LastOrDefault &amp; SingleOrDefault\n\nIEnumerable&lt;T&gt;.Chunk(size);  // chunk an enumerable into slices of a fixed size\n\n// T must implement IComparable&lt;T&gt;\nIEnumerable&lt;T&gt;.Max();\nIEnumerable&lt;T&gt;.Min();\n\n// allow finding maximal or minimal elements using a key selector\nIEnumerable&lt;TSource&gt;.MaxBy(Func&lt;TSource, TResult&gt; selector);\nIEnumerable&lt;TSource&gt;.MinBy(Func&lt;TSource, TResult&gt; selector);\n\nIEnumerable&lt;T&gt;.All(Func&lt;T, bool&gt; predicate);  // check if condition is true for all elements\nIEnumerable&lt;T&gt;.Any(Func&lt;T, bool&gt; predicate);  // check if condition is true for at least one element\n\nIEnumerable&lt;T&gt;.Concat(IEnumerable&lt;T&gt; enumerable);\n\n// Applies a specified function to the corresponding elements of two sequences, producing a sequence of the results.\nIEnumerable&lt;TFirst&gt;.Zip(IEnumerable&lt;TSecond&gt; enumerable, Func&lt;TFirst, TSecond, TResult&gt; func);\nIEnumerable&lt;TFirst&gt;.Zip(IEnumerable&lt;TSecond&gt; enumerable); // Produces a sequence of tuples with elements from the two specified sequences.\n</code></pre> <p>Note: <code>Enumerable</code> provides a set of <code>static</code> methods for querying objects that implement <code>IEnumerable&lt;T&gt;</code>. Most methods are extensions of <code>IEnumerable&lt;T&gt;</code></p> C#<pre><code>Enumerable.Method(IEnumerable&lt;T&gt; source, args);\n// if extension method same as\nIEnumerable&lt;T&gt;.Method(args);\n</code></pre>"},{"location":"languages/dotnet/csharp/reactive-extensions.html","title":"Reactive Extensions (Rx)","text":"<p>ReactiveX</p> <p>The Reactive Extensions for .NET, or Rx, are designed for working with asynchronous and event-based sources of information. Rx provides services that help orchestrate and synchronize the way code reacts to data from these kinds of sources.</p> <p>Rx's fundamental abstraction, <code>IObservable&lt;T&gt;</code>, represents a sequence of items, and its operators are defined as extension methods for this interface.</p> <p>This might sound a lot like LINQ to Objects, and there are similarities, not only does <code>IObservable&lt;T&gt;</code> have a lot in common with <code>IEnumerable&lt;T&gt;</code>, but Rx also supports almost all of the standard LINQ operators.</p> <p>The difference is that in Rx, sequences are less passive. Unlike <code>IEnumerable&lt;T&gt;</code>, Rx sources do not wait to be asked for their items, nor can the consumer of an Rx source demand to be given the next item. Instead, Rx uses a push model in which the source notifies its recipients when items are available.</p> <p>Because Rx implements standard LINQ operators, it's possible to write queries against a live source. Rx goes beyond standard LINQ, adding its own operators that take into account the temporal nature of a live event source.</p>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#fundamental-interfaces","title":"Fundamental Interfaces","text":"<p>The two most important types in Rx are the <code>IObservable&lt;T&gt;</code> and <code>IObserver&lt;T&gt;</code> interfaces. They are important enough to be in the System namespace. The other parts of Rx are in the <code>System.Reactive</code> NuGet package.</p> C#<pre><code>public interface IObservable&lt;out T&gt;\n{\n    IDisposable Subscribe(IObserver&lt;T&gt; observer);\n}\n\npublic interface IObserver&lt;in T&gt;\n{\n    void OnCompleted();\n    void OnError(Exception error);\n    void OnNext(T value);\n}\n</code></pre> <p>The fundamental abstraction in Rx, <code>IObservable&lt;T&gt;</code>, is implemented by event sources. Instead of using the <code>event</code> keyword, it models events as a sequence of items. An <code>IObservable&lt;T&gt;</code> provides items to subscribers as and when it\u2019s ready to do so.</p> <p>It's possible to subscribe to a source by passing an implementation of <code>IObserver&lt;T&gt;</code> to the <code>Subscribe</code> method. The source will invoke <code>OnNext</code> when it wants to report events, and it can call <code>OnCompleted</code> to indicate that there will be no further activity. If the source wants to report an error, it can call <code>OnError</code>. Both <code>OnCompleted</code> and <code>OnError</code> indicate the end of the stream, an observable should not call any further methods on the observer after that.</p>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#operators","title":"Operators","text":""},{"location":"languages/dotnet/csharp/reactive-extensions.html#chaining-operators","title":"Chaining Operators","text":"<p>Most operators operate on an Observable and return an Observable. This allows to apply these operators one after the other, in a chain. Each operator in the chain modifies the Observable that results from the operation of the previous operator. A chain of Observable operators do not operate independently on the original Observable that originates the chain, but they operate in turn, each one operating on the Observable generated by the operator immediately previous in the chain.</p>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#creating-observables","title":"Creating Observables","text":"<p>Operators that originate new Observables.</p> <ul> <li><code>Create</code>: create an Observable from scratch by calling observer methods programmatically</li> <li><code>Defer</code>: do not create the Observable until the observer subscribes, and create a fresh Observable for each observer</li> <li><code>Empty/Never/Throw</code>: create Observables that have very precise and limited behavior</li> <li><code>From*</code>: convert some other object or data structure into an Observable</li> <li><code>Interval</code>: create an Observable that emits a sequence of integers spaced by a particular time interval</li> <li><code>Return (aka Just)</code>: convert an object or a set of objects into an Observable that emits that or those objects</li> <li><code>Range</code>: create an Observable that emits a range of sequential integers</li> <li><code>Repeat</code>: create an Observable that emits a particular item or sequence of items repeatedly</li> <li><code>Start</code>: create an Observable that emits the return value of a function</li> <li><code>Timer</code>: create an Observable that emits a single item after a given delay</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#transforming-observables","title":"Transforming Observables","text":"<p>Operators that transform items that are emitted by an Observable.</p> <ul> <li><code>Buffer</code>: periodically gather items from an Observable into bundles and emit these bundles rather than emitting the items one at a time</li> <li><code>SelectMany (aka FlatMap)</code>: transform the items emitted by an Observable into Observables, then flatten the emissions from those into a single Observable</li> <li><code>GroupBy</code>: divide an Observable into a set of Observables that each emit a different group of items from the original Observable, organized by key</li> <li><code>Select (aka Map)</code>: transform the items emitted by an Observable by applying a function to each item</li> <li><code>Scan</code>: apply a function to each item emitted by an Observable, sequentially, and emit each successive value</li> <li><code>Window</code>: periodically subdivide items from an Observable into Observable windows and emit these windows rather than emitting the items one at a time</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#filtering-observables","title":"Filtering Observables","text":"<p>Operators that selectively emit items from a source Observable.</p> <ul> <li><code>Throttle (aka Debounce)</code>: only emit an item from an Observable if a particular timespan has passed without it emitting another item</li> <li><code>Distinct</code>: suppress duplicate items emitted by an Observable</li> <li><code>ElementAt</code>: emit only item n emitted by an Observable</li> <li><code>Where (aka Filter)</code>: emit only those items from an Observable that pass a predicate test</li> <li><code>First</code>: emit only the first item, or the first item that meets a condition, from an Observable</li> <li><code>IgnoreElements</code>: do not emit any items from an Observable but mirror its termination notification</li> <li><code>Last</code>: emit only the last item emitted by an Observable</li> <li><code>Sample</code>: emit the most recent item emitted by an Observable within periodic time intervals</li> <li><code>Skip</code>: suppress the first n items emitted by an Observable</li> <li><code>SkipLast</code>: suppress the last n items emitted by an Observable</li> <li><code>Take</code>: emit only the first n items emitted by an Observable</li> <li><code>TakeLast</code>: emit only the last n items emitted by an Observable</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#combining-observables","title":"Combining Observables","text":"<p>Operators that work with multiple source Observables to create a single Observable</p> <ul> <li><code>And/Then/When</code>: combine sets of items emitted by two or more Observables by means of Pattern and Plan intermediaries</li> <li><code>CombineLatest</code>: when an item is emitted by either of two Observables, combine the latest item emitted by each Observable via a specified function and emit items based on the results of this function</li> <li><code>Join</code>: combine items emitted by two Observables whenever an item from one Observable is emitted during a time window defined according to an item emitted by the other Observable</li> <li><code>Merge</code>: combine multiple Observables into one by merging their emissions</li> <li><code>StartWith</code>: emit a specified sequence of items before beginning to emit the items from the source Observable</li> <li><code>Switch</code>: convert an Observable that emits Observables into a single Observable that emits the items emitted by the most-recently-emitted of those Observables</li> <li><code>Zip</code>: combine the emissions of multiple Observables together via a specified function and emit single items for each combination based on the results of this function</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#error-handling-operators","title":"Error Handling Operators","text":"<p>Operators that help to recover from error notifications from an Observable</p> <ul> <li><code>Catch</code>: recover from an onError notification by continuing the sequence without error</li> <li><code>Retry</code>: if a source Observable sends an onError notification, resubscribe to it in the hopes that it will complete without error</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#observable-utility-operators","title":"Observable Utility Operators","text":"<p>A toolbox of useful Operators for working with Observables</p> <ul> <li><code>Delay</code>: shift the emissions from an Observable forward in time by a particular amount</li> <li><code>Do</code>: register an action to take upon a variety of Observable lifecycle events</li> <li><code>Materialize/Dematerialize</code>: represent both the items emitted and the notifications sent as emitted items, or reverse this process</li> <li><code>ObserveOn</code>: specify the scheduler on which an observer will observe this Observable</li> <li><code>Synchronize (aka Serialize)</code>: force an Observable to make serialized calls and to be well-behaved</li> <li><code>Subscribe</code>: operate upon the emissions and notifications from an Observable</li> <li><code>SubscribeOn</code>: specify the scheduler an Observable should use when it is subscribed to</li> <li><code>TimeInterval</code>: convert an Observable that emits items into one that emits indications of the amount of time elapsed between those emissions</li> <li><code>Timeout</code>: mirror the source Observable, but issue an error notification if a particular period of time elapses without any emitted items</li> <li><code>Timestamp</code>: attach a timestamp to each item emitted by an Observable</li> <li><code>Using</code>: create a disposable resource that has the same lifespan as the Observable</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#conditional-and-boolean-operators","title":"Conditional and Boolean Operators","text":"<p>Operators that evaluate one or more Observables or items emitted by Observables</p> <ul> <li><code>All</code>: determine whether all items emitted by an Observable meet some criteria</li> <li><code>Amb</code>: given two or more source Observables, emit all of the items from only the first of these Observables to emit an item</li> <li><code>Contains</code>: determine whether an Observable emits a particular item or not</li> <li><code>DefaultIfEmpty</code>: emit items from the source Observable, or a default item if the source Observable emits nothing</li> <li><code>SequenceEqual</code>: determine whether two Observables emit the same sequence of items</li> <li><code>SkipUntil</code>: discard items emitted by an Observable until a second Observable emits an item</li> <li><code>SkipWhile</code>: discard items emitted by an Observable until a specified condition becomes false</li> <li><code>TakeUntil</code>: discard items emitted by an Observable after a second Observable emits an item or terminates</li> <li><code>TakeWhile</code>: discard items emitted by an Observable after a specified condition becomes false</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#mathematical-and-aggregate-operators","title":"Mathematical and Aggregate Operators","text":"<p>Operators that operate on the entire sequence of items emitted by an Observable</p> <ul> <li><code>Average</code>: calculates the average of numbers emitted by an Observable and emits this average</li> <li><code>Concat</code>: emit the emissions from two or more Observables without interleaving them</li> <li><code>Count</code>: count the number of items emitted by the source Observable and emit only this value</li> <li><code>Max</code>: determine, and emit, the maximum-valued item emitted by an Observable</li> <li><code>Min</code>: determine, and emit, the minimum-valued item emitted by an Observable</li> <li><code>Aggregate (aka Reduce)</code>: apply a function to each item emitted by an Observable, sequentially, and emit the final value</li> <li><code>Sum</code>: calculate the sum of numbers emitted by an Observable and emit this sum</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#connectable-observable-operators","title":"Connectable Observable Operators","text":"<p>Specialty Observables that have more precisely-controlled subscription dynamics</p> <ul> <li><code>Connect</code>: instruct a connectable Observable to begin emitting items to its subscribers</li> <li><code>Publish</code>: convert an ordinary Observable into a connectable Observable</li> <li><code>RefCount</code>: make a Connectable Observable behave like an ordinary Observable</li> <li><code>Replay</code>: ensure that all observers see the same sequence of emitted items, even if they subscribe after the Observable has begun emitting items</li> </ul>"},{"location":"languages/dotnet/csharp/reactive-extensions.html#operators-to-convert-observables","title":"Operators to Convert Observables","text":"<ul> <li><code>To*</code>: convert an Observable into another object or data structure</li> </ul>"},{"location":"languages/dotnet/csharp/unit-tests.html","title":"Unit Testing","text":"<p>UnitTest Overloaded Methods Naming standards for unit tests</p>"},{"location":"languages/dotnet/csharp/unit-tests.html#xunit","title":"xUnit","text":"C#<pre><code>using System;\nusing Xunit;\n\nnamespace Project.Tests\n{\n    public class ClassTest\n    {\n        [Fact]\n        public void TestMethod()\n        {\n            Assert.Equal(expected, actual);  // works on collections\n            Assert.True(bool);\n            Assert.False(bool);\n            Assert.NotNull(nullable);\n\n            // Verifies that all items in the collection pass when executed against action\n            Assert.All&lt;T&gt;(IEnumerable&lt;T&gt; collection, Action&lt;T&gt; action);\n        }\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/csharp/unit-tests.html#test-setup-teardown","title":"Test Setup &amp; Teardown","text":"<p>xUnit.net creates a new instance of the test class for every test that is run, so any code which is placed into the constructor of the test class will be run for every single test. This makes the constructor a convenient place to put reusable context setup code.</p> <p>For context cleanup, add the <code>IDisposable</code> interface to the test class, and put the cleanup code in the <code>Dispose()</code> method.</p>"},{"location":"languages/dotnet/csharp/unit-tests.html#mocking-with-moq","title":"Mocking with Moq","text":"C#<pre><code>var mockObj = new Mock&lt;MockedType&gt;();\n\nmockObj.Setup(m =&gt; m.Method(It.IsAny&lt;InputType&gt;())).Returns(value);\nmockObj.Object;  // get mock\n\n// check that the invocation is forwarded to the mock, n times\nmockObj.Verify(m =&gt; m.Method(It.IsAny&lt;InputType&gt;()), Times.Once());\n\n// check that the invocation is forwarded to the mock with a specific input\nmockObj.Verify(m =&gt; m.Method(input), Times.Once());\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html","title":"ADO.NET","text":"<p><code>ADO.NET</code> is a set of classes that expose data access services for .NET. The <code>ADO.NET</code> classes are found in <code>System.Data.dll</code>, and are integrated with the XML classes found in <code>System.Xml.dll</code>.</p> <p>ADO.NET provider for SQLite</p>"},{"location":"languages/dotnet/database/ado.net.html#connection-strings","title":"Connection Strings","text":""},{"location":"languages/dotnet/database/ado.net.html#sql-server-2019","title":"SQL Server 2019","text":"<ul> <li>Standard Security:</li> <li><code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; UID=&lt;user&gt;; Pwd=&lt;password&gt;;</code></li> <li><code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; User ID=&lt;user&gt;; Password=&lt;password&gt;;</code></li> <li><code>Data Source=&lt;server_name&gt;; Initial Catalog=&lt;database&gt;; UID=&lt;user&gt;; Pwd=&lt;password&gt;;</code></li> <li>Specific Instance: <code>Server=&lt;server_name&gt;\\&lt;instance_name&gt;; Database=&lt;database&gt;; User ID=&lt;user&gt;; Password=&lt;password&gt;;</code></li> <li>Trusted Connection (WinAuth): <code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; Trusted_Connection=True;</code></li> <li>MARS: <code>Server=&lt;server_name&gt;; Database=&lt;database&gt;; Trusted_Connection=True; MultipleActiveResultSets=True;</code></li> </ul> <p>Note: Multiple Active Result Sets (MARS) is a feature that works with SQL Server to allow the execution of multiple batches on a single connection.</p>"},{"location":"languages/dotnet/database/ado.net.html#sqlite","title":"SQLite","text":"<ul> <li>Basic: <code>Data Source: path\\to\\db.sqlite3; Version=3;</code></li> <li>In-Memory Database: <code>Data Source=:memory:; Version=3; New=True</code></li> <li>With Password: <code>Data Source: path\\to\\db.sqlite3; Version=3; Password=&lt;password&gt;</code></li> </ul>"},{"location":"languages/dotnet/database/ado.net.html#connection-to-db","title":"Connection to DB","text":"C#<pre><code>using System;\nusing System.Data.SqlClient;  // ADO.NET Provider, installed through NuGet\n\nnamespace &lt;namespace&gt;\n{\n    class Program\n    {\n        static void Main(string[] args)\n        {\n            // Connection to SQL Server DBMS\n            SqlConnectionStringBuilder connectionString = new SqlConnectionStringBuilder();\n            connectionString.DataSource = \"&lt;server_name&gt;\";\n            connectionString.UserID = \"&lt;user&gt;\";\n            connectionString.Password = \"&lt;password&gt;\";\n            connectionString.InitialCatalog = \"&lt;database&gt;\";\n\n            // more compact\n            SqlConnectionStringBuilder connectionString = new SqlConnectionStringBuilder(\"Server=&lt;server_name&gt;;Database=&lt;database&gt;;UID=&lt;user&gt;;Pwd=&lt;password&gt;\")\n        }\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html#db-interrogation","title":"DB Interrogation","text":""},{"location":"languages/dotnet/database/ado.net.html#sqlconnection","title":"<code>SqlConnection</code>","text":"C#<pre><code>using (SqlConnection connection = new SqlConnection())\n{\n    connection.ConnectionString = connectionString.ConnectionString;\n    connection.Open();  // start communication w/ sql server\n}\n\n// more compact\nusing (SqlConnection connection = new SqlConnection(connectionString)) {\n    connection.Open()\n}\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html#sqlcommand","title":"SqlCommand","text":"C#<pre><code>string sql = \"&lt;sql_instruction&gt;\";\n\nusing (SqlCommand command = new SqlCommand())\n{\n    command.Connection = connection;  // SqlConnection\n    command.CommandText = \"... @Parameter\";  // or name of StoredProcedure\n\n    // add parameters to the SqlParameterCollection, WARNING: table names or columns cannot be parameters\n    command.Parameters.Add(\"@Parameter\", SqlDbType.&lt;DBType&gt;, columnLength).Value = value;\n    command.Parameters.AddWithValue(\"@Parameter\", value);\n    command.Parameters.AddWithValue(\"@Parameter\", (object) value ?? DBNull.Value);  // if Parameter is nullable\n\n    // Create an instance of a SqlParameter object.\n    command.CreateParameter();\n\n    command.CommandType = CommandType.Text;  // or StoredProcedure\n\n    int affectedRows = command.ExecuteNonQuery();  // execute the query and return the number of affected rows\n}\n</code></pre>"},{"location":"languages/dotnet/database/ado.net.html#sqldatareader","title":"<code>SqlDataReader</code>","text":"C#<pre><code>using (SqlDataReader cursor = command.ExecuteReader())  // object to get data from db\n{\n    while (cursor.Read())  // get data till possible\n    {\n        // preferred methodology\n        cursor[\"&lt;column_name&gt;\"].ToString();  // retrieve data form the column\n        cursor[&lt;column_index&gt;].ToString();  // retrieve data form the column\n\n        // check for null before retrieving the value\n        if(!cursor.IsDBNull(n))\n        {\n            cursor.Get&lt;SystemType&gt;(index);  // retrieve data form the n-th column\n        }\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html","title":"Entity Framework","text":""},{"location":"languages/dotnet/database/entity-framework.html#model-data-annotations","title":"Model &amp; Data Annotations","text":"C#<pre><code>using System;\nusing System.Collections.Generic;\nusing System.ComponentModel.DataAnnotations;\nusing System.Linq;\n\nnamespace &lt;Project&gt;.Model\n{\n    public class Entity\n    {\n        [Key]  // set as PK (Id &amp; EntityId are automatically detected to be PKs)\n        public int Id { get; set; }\n\n        [Required]\n        public Type ForeignObject { get; set; }  // Not Null in DB\n        public Type ForeignObject { get; set; }  // Allow Null in DB\n\n        public int Prop { get; set; }  // Not Null in DB (primitive are not nullable)\n        public int? Prop { get; set; }  // Allow Null in DB\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#context","title":"Context","text":"<p>NuGet Packages to install:</p> <ul> <li><code>Microsoft.EntityFrameworkCore</code></li> <li><code>Microsoft.EntityFrameworkCore.Tools</code> to use migrations in Visual Studio</li> <li><code>Microsoft.EntityFrameworkCore.Tools.DotNet</code> to use migrations in <code>dotnet</code> cli (<code>dotnet-ef</code>)</li> <li><code>Microsoft.EntityFrameworkCore.Design</code> or <code>Microsoft.EntityFrameworkCore.&lt;db_provider&gt;.Design</code> needed for tools to work (bundled w\\ tools)</li> <li><code>Microsoft.EntityFrameworkCore.&lt;db_provider&gt;</code></li> </ul> C#<pre><code>using Microsoft.EntityFrameworkCore;\n\nnamespace &lt;Project&gt;.Model\n{\n    class Context : DbContext\n    {\n        private const string _connectionString = \"Server=&lt;server_name&gt;;Database=&lt;database&gt;;UID=&lt;user&gt;;Pwd=&lt;password&gt;\";\n\n        // connect to db\n        protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)\n        {\n            optionsBuilder.UseSqlServer(_connectionString);  // specify connection\n        }\n\n        // or\n\n        public Context(DbContextOptions options) : base(options)\n        {\n        }\n\n        //DBSet&lt;TEntity&gt; represents the collection of all entities in the context (or that can be queried from the database) of a given type\n        public DbSet&lt;Entity&gt; Entities { get; set; }\n        public DbSet&lt;Entity&gt; Entities =&gt; Set&lt;Entity&gt;();  // with nullable reference types\n    }\n}\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#migrations","title":"Migrations","text":"<p>Create &amp; Update DB Schema if necessary.</p> <p>In Package Manager Shell:</p> PowerShell<pre><code>PM&gt; Add-Migration &lt;migration_name&gt;\nPM&gt; update-database [-Verbose] # use the migrations to modify the db, -Verbose to show SQL queries\n</code></pre> <p>In dotnet cli:</p> PowerShell<pre><code>dotnet tool install --global dotnet-ef  # if not already installed\n\ndotnet ef migrations add &lt;migration_name&gt;\ndotnet ef database update\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#crud","title":"CRUD","text":""},{"location":"languages/dotnet/database/entity-framework.html#create","title":"Create","text":"C#<pre><code>context.Add(entity);\ncontext.AddRange(entities);\n\ncontext.SaveChanges();\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#read","title":"Read","text":"<p>Referenced Object Not Loading Fix</p> C#<pre><code>context.Entities.ToList();\ncontext.Entities.Find(id);\n\n// force read of foreign key identifying referenced obj\ncontext.Entities.Include(c =&gt; c.ForeignObject).Find(id);\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#update","title":"Update","text":"C#<pre><code>context.Entities.Update(entity);\ncontext.UpdateRange(entities);\n\ncontext.SaveChanges();\n</code></pre>"},{"location":"languages/dotnet/database/entity-framework.html#delete","title":"Delete","text":"C#<pre><code>context.Entities.Remove(entity);\ncontext.RemoveRange(entities);\n\ncontext.SaveChanges();\n</code></pre>"},{"location":"languages/html/html.html","title":"HTML","text":""},{"location":"languages/html/html.html#terminology","title":"Terminology","text":"<p>Web design: The process of planning, structuring and creating a website. Web development: The process of programming dynamic web applications. Front end: The outwardly visible elements of a website or application. Back end: The inner workings and functionality of a website or application.</p>"},{"location":"languages/html/html.html#anatomy-of-an-html-element","title":"Anatomy of an HTML Element","text":"<p>Element: Building blocks of web pages, an individual component of HTML. Tag: Opening tag marks the beginning of an element &amp; closing tag marks the end. Tags contain characters that indicate the tag's purpose content.</p> <p><code>&lt;tagname&gt; content &lt;/tagname&gt;</code> </p> <p>Container Element: An element that can contain other elements or content. Stand Alone Element: An element that cannot contain anything else. Attribute: Provides additional information about the HTML element. Placed inside an opening tag, before the right angle bracket. Value: Value is the value assigned to a given attribute. Values must be contained inside quotation marks (\u201c\u201d).</p>"},{"location":"languages/html/html.html#the-doctype","title":"The Doctype","text":"<p>The first thing on an HTML page is the doctype, which tells the browser which version of the markup language the page is using.</p>"},{"location":"languages/html/html.html#xhtml-10-strict","title":"XHTML 1.0 Strict","text":"HTML<pre><code>&lt;!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#html4-transitional","title":"HTML4 Transitional","text":"HTML<pre><code>&lt;!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"\n \"http://www.w3.org/TR/html4/loose.dtd\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#html5","title":"HTML5","text":"<p><code>&lt;!doctype html&gt;</code></p>"},{"location":"languages/html/html.html#the-html-element","title":"The HTML Element","text":"<p>After <code>&lt;doctype&gt;</code>, the page content must be contained between tags.</p> HTML<pre><code>&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n    &lt;!-- page contents --&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/html/html.html#the-head-element","title":"The HEAD Element","text":"<p>The head contains the title of the page &amp; meta information about the page. Meta information is not visible to the user, but has many purposes, like providing information to search engines. UTF-8 is a character encoding capable of encoding all possible characters, or code points, defined by Unicode. The encoding is variable-length and uses 8-bit code units.</p> <p>XHTML and HTML4: <code>&lt;meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"&gt;&lt;/meta&gt;</code></p> <p>HTML5: <code>&lt;meta charset=\"utf-8\"&gt;</code></p>"},{"location":"languages/html/html.html#html-shiv-polyfill","title":"HTML Shiv (Polyfill)","text":"<p>Used to make old browsers understand newer HTML5 and newer components.</p> HTML<pre><code>&lt;!--[if lt IE 9]&gt;\n    &lt;script src=\"https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js\"&gt;&lt;/script&gt;\n&lt;![endif]--&gt;\n</code></pre>"},{"location":"languages/html/html.html#the-body-element","title":"The BODY Element","text":"<p>The body contains the actual content of the page. Everything that is contained in the body is visible to the user.</p> HTML<pre><code>&lt;body&gt;\n    &lt;!-- page contents --&gt;\n&lt;/body&gt;\n</code></pre>"},{"location":"languages/html/html.html#javascript","title":"JavaScript","text":"<p>XHTML and older: <code>&lt;script src=\"js/scripts.js\" type=\"text/javascript\"&gt;&lt;/script&gt;</code> HTML5: <code>&lt;script src=\"js/scripts.js\"&gt;&lt;/script&gt;</code>  (HTML5 spec states that <code>type</code> attribute is redundant and should be omitted) The <code>&lt;script&gt;</code> tag is used to define a client-side script (JavaScript). The <code>&lt;script&gt;</code> element either contains scripting statements, or it points to an external script file through the src attribute.</p>"},{"location":"languages/html/html.html#local-remote-or-inline-javascript","title":"Local, Remote or Inline JavaScript","text":"<p>Remote: <code>&lt;script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\"&gt;&lt;/script&gt;</code> Local: <code>&lt;script src=\"js/main.js\"&gt;&lt;/script&gt;</code> Inline: <code>&lt;script&gt; javascript-code-here &lt;/script&gt;</code></p>"},{"location":"languages/html/html.html#forms","title":"Forms","text":"<p>Forms allow to collect data from the user:</p> <ul> <li>signing up and logging in to websites</li> <li>entering personal information</li> <li>filtering content (using dropdowns, checkboxes)</li> <li>performing a search</li> <li>uploading files</li> </ul> <p>Forms contain elements called controls (text inputs, checkboxes, radio buttons, submit buttons). When users complete a form the data is usually submitted to a web server for processing.  </p>"},{"location":"languages/html/html.html#form-validation","title":"Form Validation","text":"<p>Validation is a mechanism to ensure the correctness of user input.</p> <p>Uses of Validation:</p> <ul> <li>Make sure that all required information has been entered</li> <li>Limit the information to certain types (e.g. only numbers)</li> <li>Make sure that the information follows a standard (e.g. email, credit card number)</li> <li>Limit the information to a certain length</li> <li>Other validation required by the application or the back-end services</li> </ul>"},{"location":"languages/html/html.html#front-end-validation","title":"Front-End Validation","text":"<p>The application should validate all information to make sure that it is complete, free of errors and conforms to the specifications required by the back-end. It should contain mechanisms to warn users if input is not complete or correct. It should avoid to send \"bad\" data to the back-end.  </p>"},{"location":"languages/html/html.html#back-end-validation","title":"Back-End Validation","text":"<p>It should never trust that the front-end has done validation since some clever users can bypass the front-end mechanisms easily. Back-end services can receive data from other services, not necessarily front-end, that don't perform validation.  </p>"},{"location":"languages/html/html.html#built-in-validation","title":"Built-In Validation","text":"<p>Not all browsers validate in the same way and some follow the specs partially. Some browsers don't have validation at all (older desktop browsers, some mobile browsers). Apart from declaring validation intention with HTML5 developers don't have much control over what the browser actually does. Before using build-in validation make sure that it's supported by the target browsers.</p>"},{"location":"languages/html/html.html#validation-with-javascript","title":"Validation with JavaScript","text":"<ul> <li>Gives the developer more control.</li> <li>The developer can make sure it works on all target browsers.</li> <li>Requires a lot of custom coding, or using a library (common practice).</li> </ul>"},{"location":"languages/html/html.html#general-structure-of-html-page","title":"General structure of HTML page","text":"HTML<pre><code>&lt;!-- HTML Boilerplate --&gt;\n&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n    &lt;head&gt;\n        &lt;!-- meta tag --&gt;\n        &lt;meta charset=\"utf-8\"&gt;\n        &lt;title&gt;&lt;/title&gt;\n        &lt;meta name=\"description\" content=\"\"&gt;\n        &lt;meta name=\"author\" content=\"\"&gt;\n\n        &lt;!-- adapt page dimensions to device --&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n\n        &lt;!-- external style sheet here --&gt;\n        &lt;link rel=\"stylesheet\" href=\"path/style-sheet.css\"&gt;\n\n        &lt;!-- script if necessary --&gt;\n        &lt;script src=\"_.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\n\n        &lt;!-- script is executed only after the page finishes loading--&gt;\n        &lt;script src=\"_.js\" defer type=\"text/javascript\"&gt;&lt;/script&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n\n        &lt;!-- end of body --&gt;\n        &lt;script src=\"_.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre> <p>Attributes describe additional characteristics of an HTML element. <code>&lt;tagname attribute=\"value\"&gt; content &lt;/tagname&gt;</code></p>"},{"location":"languages/html/html.html#meta-tag-structure","title":"Meta Tag Structure","text":"<p><code>&lt;meta name=\"info-name\" content=\"info-content\"&gt;</code></p>"},{"location":"languages/html/html.html#paragraph","title":"Paragraph","text":"<p>Paragraphs allow to format the content in a readable fashion.</p> HTML<pre><code>&lt;p&gt; paragraph-content &lt;/p&gt;\n&lt;p&gt; paragraph-content &lt;/p&gt;\n</code></pre>"},{"location":"languages/html/html.html#headings","title":"Headings","text":"<p>Heading numbers indicates hierarchy, not size.</p> HTML<pre><code>&lt;h1&gt; Heading 1 &lt;/h1&gt;\n&lt;h2&gt; Heading 2 &lt;/h2&gt;\n</code></pre>"},{"location":"languages/html/html.html#formatted-text","title":"Formatted Text","text":"<p>With semantic value:</p> <ul> <li>Emphasized text (default cursive): <code>&lt;em&gt;&lt;/em&gt;</code> </li> <li>Important text (default bold): <code>&lt;strong&gt;&lt;/strong&gt;</code> </li> </ul> <p>Without semantic value, used as last resort:</p> <ul> <li>Italic text: <code>&lt;i&gt;&lt;/i&gt;</code> </li> <li>Bold text: <code>&lt;b&gt;&lt;/b&gt;</code></li> </ul>"},{"location":"languages/html/html.html#elements","title":"Elements","text":"<p><code>&lt;br/&gt;</code>: Line break (carriage return). It's not good practice to put line breaks inside paragraphs.  </p> <p><code>&lt;hr&gt;</code>: horizontal rule (line). Used to define a thematic change in the content.</p>"},{"location":"languages/html/html.html#linksanchor","title":"Links/Anchor","text":"<p>Surround content to turn into links.</p> HTML<pre><code>&lt;!-- Link to absolute URL --&gt;\n&lt;a href=\"uri/url\" title=\"content-title\" target=\"_self\"&gt; text/image &lt;/a&gt;\n\n&lt;!-- links to relative URL --&gt;\n&lt;a href=\"//example.com\"&gt;Scheme-relative URL&lt;/a&gt;\n&lt;a href=\"/en-US/docs/Web/HTML\"&gt;Origin-relative URL&lt;/a&gt;\n&lt;a href=\"./file\"&gt;Directory-relative URL&lt;/a&gt;\n\n&lt;!-- Link to element on the same page --&gt;\n&lt;a href=\"#element-id\"&gt;&lt;/a&gt;\n\n&lt;!-- Link to top of page --&gt;\n&lt;a href=\"#top\"&gt; Back to Top &lt;/a&gt;\n\n&lt;!-- link to email --&gt;\n&lt;a href=\"mailto:address@domain\"&gt;address@domain&lt;/a&gt;\n\n&lt;!-- link to telephone number --&gt;\n&lt;a href=\"tel:+39(111)2223334\"&gt;+39 111 2223334&lt;/a&gt;\n\n&lt;!-- download link --&gt;\n&lt;a href=\"./folder/filename\" download&gt;Download&lt;/a&gt;\n</code></pre> <p><code>target</code>:</p> <ul> <li><code>_blank</code>: opens linked document in a new window or tab</li> <li><code>_self</code>: opens linked document in the same frame as it was clicked (DEFAULT)</li> <li><code>_parent</code>: opens the linked document in the parent frame</li> <li><code>_top</code>: opens linked document in the full body of the window</li> <li><code>frame-name</code>: opens the linked document in the specified frame</li> </ul>"},{"location":"languages/html/html.html#images","title":"Images","text":"HTML<pre><code>&lt;img src=\"image-location\" alt=\"brief-description\"/&gt;    &lt;!-- image element --&gt;\n&lt;!-- alt should be always be populated for accessibility and SEO purposes --&gt;\n</code></pre> HTML<pre><code>&lt;!-- supported by modern browsers --&gt;\n&lt;figure&gt;\n    &lt;img src=\"img-location\" alt=\"description\"&gt;\n    &lt;figcaption&gt; caption of the figure &lt;/figcaption&gt;\n&lt;/figure&gt;\n</code></pre>"},{"location":"languages/html/html.html#unordered-list-bullet-list","title":"Unordered list (bullet list)","text":"HTML<pre><code>&lt;ul&gt;\n    &lt;li&gt;&lt;/li&gt;    &lt;!-- list element --&gt;\n    &lt;li&gt;&lt;/li&gt;\n&lt;/ul&gt;\n</code></pre>"},{"location":"languages/html/html.html#ordered-list-numbered-list","title":"Ordered list (numbered list)","text":"HTML<pre><code>&lt;ol&gt;\n    &lt;li&gt;&lt;/li&gt;\n    &lt;li&gt;&lt;/li&gt;\n&lt;/ol&gt;\n</code></pre>"},{"location":"languages/html/html.html#description-list-list-of-terms-and-descriptions","title":"Description list (list of terms and descriptions)","text":"HTML<pre><code>&lt;dl&gt;\n    &lt;dt&gt;term&lt;/dt&gt;    &lt;!-- define term/name --&gt;\n    &lt;dd&gt;definition&lt;/dd&gt; &lt;!-- describe term/name --&gt;\n    &lt;dt&gt;term&lt;/dt&gt;\n    &lt;dd&gt;definition&lt;/dd&gt;\n&lt;/dl&gt;\n</code></pre>"},{"location":"languages/html/html.html#tables","title":"Tables","text":"HTML<pre><code>&lt;table&gt;\n    &lt;thead&gt;    &lt;!-- table head row --&gt;\n        &lt;th&gt;&lt;/th&gt; &lt;!-- table head, one for each column--&gt;\n        &lt;th&gt;&lt;/th&gt;\n    &lt;/thead&gt;\n    &lt;tbody&gt;    &lt;!-- table content (body) --&gt;\n        &lt;tr&gt; &lt;!-- table row --&gt;\n            &lt;td&gt;&lt;/td&gt; &lt;!-- table cell --&gt;\n            &lt;td&gt;&lt;/td&gt;\n        &lt;/tr&gt;\n    &lt;/tbody&gt;\n&lt;/table&gt;\n</code></pre>"},{"location":"languages/html/html.html#character-codes","title":"Character Codes","text":"Code Character <code>&amp;copy;</code> Copyright <code>&amp;lt;</code> less than (<code>&lt;</code>) <code>&amp;gt;</code> greater than (<code>&gt;</code>) <code>&amp;amp;</code> ampersand (<code>&amp;</code>)"},{"location":"languages/html/html.html#block-element","title":"Block Element","text":"<p>Used to group elements together into sections, eventually to style them differently.</p> HTML<pre><code>&lt;div&gt;\n    &lt;!-- content here --&gt;\n&lt;/div&gt;\n</code></pre>"},{"location":"languages/html/html.html#inline-element","title":"Inline Element","text":"<p>Used to apply a specific style inline.</p> HTML<pre><code>&lt;p&gt; non-styled content &lt;span class=\"...\"&gt; styled content &lt;/span&gt; non-styled content &lt;/p&gt;\n</code></pre>"},{"location":"languages/html/html.html#html5-new-tags","title":"HTML5 new tags","text":"HTML<pre><code>&lt;header&gt;&lt;/header&gt;\n&lt;nav&gt;&lt;/nav&gt;\n&lt;main&gt;&lt;/main&gt;\n&lt;section&gt;&lt;/section&gt;\n&lt;article&gt;&lt;/article&gt;\n&lt;aside&gt;&lt;/aside&gt;\n&lt;footer&gt;&lt;/footer&gt;\n</code></pre>"},{"location":"languages/html/html.html#html-forms-inputs","title":"HTML Forms &amp; Inputs","text":"HTML<pre><code>&lt;form action=\"data-receiver\" target=\"\" method=\"http-method\"&gt;\n    &lt;!-- ALL form elements go here --&gt;\n&lt;/form&gt;\n</code></pre> <p>Target:</p> <ul> <li><code>_blank</code>: submitted result will open in a new browser tab</li> <li><code>_self</code>: submitted result will open in the same page (default)</li> </ul> <p>Method:</p> <ul> <li><code>get</code>: data sent via get method is visible in the browser's address bar</li> <li><code>post</code>: data sent via post in not visible to the user</li> </ul> <p>PROs &amp; CONs of <code>GET</code> method:</p> <ul> <li>Data sent by the GET method is displayed in the URL</li> <li>It is possible to bookmark the page with specific query string values</li> <li>Not suitable for passing sensitive information such as the username and password</li> <li>The length of the URL is limited</li> </ul> <p>PROs &amp; CONs of <code>POST</code> method:</p> <ul> <li>More secure than GET; information is never visible in the URL query string or in the server logs</li> <li>Has a much larger limit on the amount of data that can be sent</li> <li>Can send text data as well as binary data (uploading a file)</li> <li>Not possible to bookmark the page with the query</li> </ul>"},{"location":"languages/html/html.html#basic-form-elements","title":"Basic Form Elements","text":"HTML<pre><code>&lt;form action=\"\" method=\"\"&gt;\n    &lt;label for=\"target-identifier\"&gt;label-here&lt;/label&gt;\n    &lt;input type=\"input-type\" name=\"input-name\" value=\"value-sent\" id=\"target-identifier\"&gt;\n&lt;/form&gt;\n\n&lt;!-- SAME AS --&gt;\n\n&lt;form&gt;\n    &lt;label&gt;Label:\n        &lt;input type=\"input-type\" name=\"input-name\" value=\"value-sent\" id=\"target-identifier\"&gt;\n    &lt;/label&gt;\n&lt;/form&gt;\n</code></pre> <p>Note: The <code>&lt;label&gt;</code> tag is used to define the labels for <code>&lt;input&gt;</code> elements.</p> <p>Input Attributes:</p> <ul> <li><code>name</code>: assigns a name to the form control (used by JavaScript and queries)</li> <li><code>value</code>: value to be sent to the server when the option is selected</li> <li><code>id</code>: identifier for CSS and linking tags</li> <li><code>checked</code>: initially selected or not (radiobutton, checkboxes, ...)</li> <li><code>selected</code>: default selection of a dropdown</li> </ul>"},{"location":"languages/html/html.html#text-field","title":"Text Field","text":"<p>One line areas that allow the user to input text.  </p> HTML<pre><code>&lt;input type=\"text\" placeholder=\"placeholder-text\" spellcheck=\"true\" pattern=\"\\regex\\\"&gt;\n</code></pre> <p>Note: Text inputs can display a placeholder text that will disappear as soon as some text is entered</p>"},{"location":"languages/html/html.html#password-field","title":"Password Field","text":"HTML<pre><code>&lt;input type=\"password\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#radio-buttons","title":"Radio Buttons","text":"HTML<pre><code>&lt;input type=\"radio\" value=\"value\"&gt;\n&lt;input type=\"radio\" value=\"value\" checked&gt;\n</code></pre>"},{"location":"languages/html/html.html#checkboxes","title":"Checkboxes","text":"HTML<pre><code>&lt;input type=\"checkbox\"&gt;\n&lt;input type=\"checkbox\" checked&gt;\n</code></pre>"},{"location":"languages/html/html.html#dropdown-menus","title":"Dropdown Menus","text":"HTML<pre><code>&lt;select multiple&gt;\n    &lt;option value=\"value\"&gt;Value&lt;/option&gt;\n    &lt;option value=\"value\"&gt;Value&lt;/option&gt;\n    &lt;option value=\"value\" selected&gt;Value&lt;/option&gt;\n&lt;/select&gt;\n</code></pre> <p>Use <code>&lt;select&gt;</code> rather than radio buttons when the number of options to choose from is large <code>selected</code> is used rather than checked. Provides the ability to select multiple options. Conceptually, <code>&lt;select&gt;</code> becomes more similar to checkboxes.</p>"},{"location":"languages/html/html.html#file-select","title":"File Select","text":"<p>Upload a local file as an attachment. The <code>accept</code> attribute value is a string that defines the file types the file input should accept. This string is a comma-separated list of unique file type specifiers.</p> HTML<pre><code>&lt;input type=\"file\" value=\"filename\" accept=\".txt,application/json,audio/*\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#text-area","title":"Text Area","text":"<p>Multi line text input.</p> HTML<pre><code>&lt;textarea rows=\"row-number\" cols=\"column-number\" &gt;pre-existing editable test&lt;/textarea&gt;\n</code></pre>"},{"location":"languages/html/html.html#submit-reset","title":"Submit &amp; Reset","text":"HTML<pre><code>&lt;input type=\"submit\" value=\"label\"&gt;\n&lt;input type=\"reset\" value=\"label\"&gt;\n&lt;!-- OR --&gt;\n&lt;button type=\"submit\" value=\"label\"&gt;\n&lt;button type=\"reset\" value=\"label\"&gt;\n</code></pre> <p><code>submit</code>: sends the form data to the location specified in the action attribute. <code>reset</code>: resets all forms controls to the default values.</p>"},{"location":"languages/html/html.html#button","title":"Button","text":"HTML<pre><code>&lt;button type=\"button/reset/submit\" value=\"label\"/&gt;\n\n&lt;!-- can contain HTML --&gt;\n&lt;button type=\"button/reset/submit\" value=\"lebel\"&gt;&lt;/button&gt;\n</code></pre>"},{"location":"languages/html/html.html#fieldset","title":"Fieldset","text":"<p>Group controls into categories. Particularly important for screen readers.</p> HTML<pre><code>&lt;fieldset&gt;\n    &lt;legend&gt;Color&lt;/legend&gt;\n    &lt;input type=\"radio\" name=\"colour\" value=\"red\" id=\"colour_red\"&gt;\n    &lt;label for=\"colour_red\"&gt;Red&lt;/label&gt;\n    &lt;input type=\"radio\" name=\"colour\" value=\"green\" id=\"colour_green\"&gt;\n    &lt;label for=\"colour_green\"&gt;Green&lt;/label&gt;\n    &lt;input type=\"radio\" name=\"colour\" value=\"blue\" id=\"colour_blue\"&gt;\n    &lt;label for=\"colour_blue\"&gt;Red&lt;/label&gt;\n&lt;/fieldset&gt;\n</code></pre>"},{"location":"languages/html/html.html#email-field","title":"Email Field","text":"<p>Used to receive a valid e-mail address from the user. Most browsers can validate this without needing javascript. Older browsers don't support this input type.</p> HTML<pre><code>&lt;form&gt;\n    &lt;label for=\"user-email\"&gt;Email:&lt;/label&gt;\n    &lt;input type=\"email\" name=\"user-email\" id=\"form-email\"&gt;\n    &lt;button type=\"submit\"&gt;Send&lt;/button&gt;\n&lt;/form&gt;\n</code></pre>"},{"location":"languages/html/html.html#progress-bar","title":"Progress Bar","text":"HTML<pre><code>&lt;progress max=\"100\" value=\"70\"&gt; 70% &lt;/progress&gt;\n</code></pre>"},{"location":"languages/html/html.html#slider","title":"Slider","text":"HTML<pre><code>&lt;input type=\"range\" min=\"0\" max=\"20\"&gt;\n</code></pre>"},{"location":"languages/html/html.html#meter","title":"Meter","text":"<p>The <code>&lt;meter&gt;</code> HTML element represents either a scalar value within a known range or a fractional value.</p> HTML<pre><code>&lt;meter min=\"0\" max=\"100\" low=\"33\" high=\"66\" optimum=\"80\" value=\"50\"&gt;current value&lt;/meter&gt;\n</code></pre>"},{"location":"languages/html/html.html#datalist-autocomplete","title":"Datalist (Autocomplete)","text":"<p>The <code>datalist</code> HTML element can provide suggestions to an input that targets it's <code>id</code> with the <code>list</code> attribute.</p> HTML<pre><code>&lt;input list=\"items\"&gt;\n\n&lt;datalist id=\"items\"&gt;\n    &lt;option value=\"value-1\"&gt;\n    &lt;option value=\"value-2\"&gt;\n    &lt;option value=\"value-3\"&gt;\n&lt;/datalist&gt;\n</code></pre>"},{"location":"languages/html/html.html#more-input-types","title":"More Input Types","text":"HTML<pre><code>&lt;input type=\"email\" id=\"email\" name=\"email\" /&gt;\n&lt;input type=\"url\" id=\"url\" name=\"url\" /&gt;\n&lt;input type=\"number\" name=\"\" id=\"identifier\" min=\"min-value\" max=\"max-value\" step=\"\" /&gt;\n&lt;input type=\"search\" id=\"identifier\" name=\"\"&gt;\n&lt;input type=\"color\" /&gt;\n</code></pre>"},{"location":"languages/html/html.html#using-built-in-form-validation","title":"Using Built-In Form Validation","text":"<p>One of the most significant features of HTML5 form controls is the ability to validate most user data without relying on JavaScript. This is done by using validation attributes on form elements.</p> <ul> <li><code>required</code>: Specifies whether a form field needs to be filled in before the form can be submitted.</li> <li><code>minlength</code>, <code>maxlength</code>: Specifies the minimum and maximum length of textual data (strings)</li> <li><code>min</code>, <code>max</code>: Specifies the minimum and maximum values of numerical input types</li> <li><code>type</code>: Specifies whether the data needs to be a number, an email address, or some other specific preset type.</li> <li><code>pattern</code>: Specifies a regular expression that defines a pattern the entered data needs to follow.</li> </ul> <p>If the data entered in an form field follows all of the rules specified by the above attributes, it is considered valid. If not, it is considered invalid.</p> <p>When an element is valid, the following things are true:</p> <ul> <li>The element matches the <code>:valid</code> CSS pseudo-class, which lets you apply a specific style to valid elements.</li> <li>If the user tries to send the data, the browser will submit the form, provided there is nothing else stopping it from doing so (e.g. JavaScript).</li> </ul> <p>When an element is invalid, the following things are true:</p> <ul> <li>The element matches the <code>:invalid</code> CSS pseudo-class, and sometimes other UI pseudo-classes (e.g. <code>:out-of-range</code>) depending on the error, which lets you apply a specific style to invalid elements.</li> <li>If the user tries to send the data, the browser will block the form and display an error message.</li> </ul>"},{"location":"languages/java/dao.html","title":"Database Access Object","text":""},{"location":"languages/java/dao.html#db","title":"DB","text":"<p>Connection to the DB.</p> Java<pre><code>package dao;\n\nimport java.sql.Connection;\nimport java.sql.DriverManager;\nimport java.sql.SQLException;\n\npublic class DB {\n\n    private Connection conn;  // db connection obj\n\n    private final String URL = \"jdbc:&lt;dbms&gt;:&lt;db_url&gt;/&lt;database&gt;\";\n    private final String USER = \"\";\n    private final String PWD = \"\";\n\n    public DB() {\n        this.conn = null;\n    }\n\n    public void connect() {\n        try {\n            this.conn = DriverManager.getConnection(URL, USER, PWD);\n        } catch (SQLException e) {\n            e.printStackTrace();\n        }\n    }\n\n    public void disconnect() {\n        if(conn != null) {\n            try {\n                this.conn.close();\n            } catch (SQLException e) {\n                e.printStackTrace();\n            }\n        }\n    }\n\n    public Connection getConn() {\n        return conn;\n    }\n}\n</code></pre>"},{"location":"languages/java/dao.html#itypedao","title":"<code>I&lt;Type&gt;DAO</code>","text":"<p>Interface for CRUD methods on a database.</p> Java<pre><code>package dao;\n\nimport java.sql.SQLException;\nimport java.util.List;\n\npublic interface I&lt;Type&gt;DAO {\n\n    String RAW_QUERY = \"SELECT * ...\"\n    public Type Query() throws SQLException;\n}\n</code></pre>"},{"location":"languages/java/dao.html#typedao","title":"<code>&lt;Type&gt;DAO</code>","text":"<p>Class implementing <code>I&lt;Type&gt;DAO</code> and handling the communication with the db.</p> Java<pre><code>package dao;\n\nimport java.sql.ResultSet;\nimport java.sql.SQLException;\nimport java.sql.Statement;\n\npublic class &lt;Type&gt;DAO implements I&lt;Type&gt;DAO {\n\n    private &lt;Type&gt; results;\n\n    private Statement statement;  // SQL instruction container\n    private ResultSet rs;  // Query results container\n    private DB db;\n\n    public &lt;Type&gt;DAO() {\n        db = new DB();\n    }\n\n    @Override\n    public Type Query() throws SQLException {\n        // 1. connection\n        db.connect();\n\n        // 2. instruction\n        statement = db.getConn().createStatement();  // statement creation\n\n        // 3. query\n        rs = statement.executeQuery(RAW_QUERY);  // set the query\n\n        // 4. results\n        while(rs.next()) {\n            // create and valorize Obj\n            // add to results\n        }\n\n        // 5. disconnection\n        db.disconnect()\n\n        // 6. return results\n        return results;\n    }\n}\n</code></pre>"},{"location":"languages/java/java-collection-framework.html","title":"Java Collection Framework - JCF","text":"<p>All classes that permit the handling of groups of objects constitute the Java Collection Framework.</p> <p>A Collection is a container in which several objects are grouped in a single entity.</p> <p>The Java Collection Framework is constituted by:</p> <ul> <li>Interfaces the define the operations of a generic collection. They can be split into two categories:</li> <li>Collection: used to optimize operations of insertion, modification and deletion of elements in a group of objects.</li> <li>Map: optimized for look-up operations.</li> <li>Classes that implement the interfaces using different data structures.</li> <li>Algorithms consisting in methods to operate over a collection.</li> </ul> <p></p>"},{"location":"languages/java/java-collection-framework.html#javautilcollections","title":"java.util.Collections","text":""},{"location":"languages/java/java-collection-framework.html#collection-functions","title":"Collection Functions","text":"Java<pre><code>boolean add (Object o) e.g., &lt;x&gt;.add (&lt;y&gt;)    //append to collection, false if fails\nboolean add (int index, Object o)    //insertion at given index\nboolean addAll (Collection c)    //appends a collection to another\nvoid clear()     //remove items from container\nboolean contains (Object o)    //true if object is in collection\nboolean containsAll (Collection c)    //true if all items of collection are in another\nboolean isEmpty (Object o) e.g., if (&lt;x&gt;.isEmpty()) ...    //true if collection is empty\nboolean remove (Object o)    //remove object from collection\nObject remove (int index)    //remove object at given index\nvoid removeAll (Collection c)    //remove all items form collection\nint size ()    //number og items in collection\nObject [] toArray()    //transform collection in array\nIterator iterator()    //returns iterator to iterate over the collection\n</code></pre>"},{"location":"languages/java/java-collection-framework.html#collections-methods","title":"Collections Methods","text":"Java<pre><code>Collection&lt;E&gt;.forEach(Consumer&lt;? super T&gt; action);\n</code></pre>"},{"location":"languages/java/java-collection-framework.html#iterator","title":"Iterator","text":"<p>Abstracts the problem of iterating over all the elements of a collection;</p> <ul> <li><code>public Iterator (Collection c)</code> creates the Iterator</li> <li><code>public boolean hasNext()</code> checks if there is a successive element</li> <li><code>public Object next()</code> extracts the successive element</li> </ul>"},{"location":"languages/java/java-collection-framework.html#arraylist","title":"ArrayList","text":"<p>Note: ArrayLists can't contain primitive values. Use wrapper classes instead.</p> Java<pre><code>import java.util.ArrayList;\nArrayList&lt;Type&gt; ArrayListName = new ArrayList&lt;Type&gt;(starting_dim);    //resizable array\nArrayList&lt;Type&gt; ArrayListName = new ArrayList&lt;Type&gt;();    //resizable array\nArrayList&lt;Type&gt; ArrayListName = new ArrayList&lt;&gt;();    //resizable array (JAVA 1.8+)\n\n\nArrayListName.add(item);    //append item to collection\nArrayListName.add(index, item);  // add item at position index, shift all item from index and successive towards the end af the ArrayList\nArrayListName.set(index, item);  // substitute EXISTING item\nArrayListName.get(index);    //access to collection item\nArrayListName.remove(item)    //remove first occurrence of item from collection\nArrayListName.remove(index)    //remove item at position index\nArrayListName.clear()    //empties the ArrayList\nArrayListName.contains(object);  // check if object is in the ArrayList\nArrayListName.IndexOf(object);  // returns the index of the object\nArrayListName.isEmpty();  // check wether the list is empty\n\nArrayListName.size();    //dimension of the ArrayList\nArrayListName.tirmToSize();  // reduce ArrayList size to minimum needed\n// ArrayList size doubles when a resize is needed.\n\n//run through to the collection with functional programming (JAVA 1.8+)\nArrayListName.forEach(item -&gt; function(v));\n</code></pre>"},{"location":"languages/java/java-collection-framework.html#collection-sorting","title":"Collection Sorting","text":"<p>To sort a collection it's items must implement <code>Comparable&lt;T&gt;</code>:</p> Java<pre><code>class ClassName implements Comparable&lt;ClassName&gt; {\n\n    @override\n    public int compareTo(Classname other){\n        //compare logic\n        return &lt;int&gt;;\n    }\n}\n\nList&lt;ClassName&gt; list;\n//valorize List\nCollections.sort(list);    //\"natural\" sorting uses compareTo()\n</code></pre> <p>Otherwise a <code>Comparator()</code> must be implemented:</p> Java<pre><code>class Classname {\n    //code here\n}\n\n// Interface object (!) implements directly a method\nComparator&lt;ClassName&gt; comparator = new Comparator&lt;ClassName&gt;() {\n\n    @Override\n    public int compare(ClassName o1, Classname o2) {\n        //compare logic\n        return &lt;int&gt;;\n    }\n};\n\nList&lt;ClassName&gt; list;\n//valorize List\nCollections.sort(list, comparator);    //\"natural\" sorting uses compareTo()\n</code></pre> <p><code>Comparator&lt;T&gt;</code> and <code>Comparable&lt;T&gt;</code> are functional interfaces</p>"},{"location":"languages/java/java.html","title":"Java","text":"Java<pre><code>//single line comment\n/* multi line comment */\n/** javaDoc docstring */\n</code></pre> Java element Case package lowercase class PascalCase variable camelCase method camelCase"},{"location":"languages/java/java.html#basics","title":"Basics","text":"<p>Package definition: <code>package &lt;package_location&gt;;</code></p>"},{"location":"languages/java/java.html#main-method-entry-point-of-algorithm","title":"Main Method (entry point of algorithm)","text":"Java<pre><code>public static void main (String[] args) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#variable-assignment","title":"Variable Assignment","text":"<p><code>Type variable_1 = &lt;expr&gt;, ..., variable_n = &lt;expr&gt;;</code></p>"},{"location":"languages/java/java.html#constant-definition-outside-of-main-methodfunction","title":"Constant Definition (outside of main method/function)","text":"Java<pre><code>public static final Type CONSTANT_NAME = value;\npublic static final double PI = 3.14159;   //example\n</code></pre>"},{"location":"languages/java/java.html#constant-definition-inside-main-methodfunction","title":"Constant Definition (inside main method/function)","text":"Java<pre><code>final Type CONSTANT_NAME = value;\nfinal double PI = 3.14159;   //example\n</code></pre>"},{"location":"languages/java/java.html#screen-output","title":"Screen Output","text":"Java<pre><code>System.out.println(output_1 + _ + output_n);   //newline at every invocation\nSystem.out.print(output_1 + _ + output_n);\n</code></pre>"},{"location":"languages/java/java.html#output-formatting","title":"Output Formatting","text":"<p>String.format() Examples</p> Java<pre><code>System.out.printf(\"string %..\", variable);\nSystem.out.println(String.format(format, args));\n</code></pre> <p>Methods inherited from C. The value pf the variable substitutes %. <code>%d</code> int, <code>%f</code> float, <code>%c</code> char, <code>%s</code> string, <code>%e</code> scientific notation. <code>%digitNumber.decimalDigitNumber</code> specifies the space occupied by the output.</p> <p><code>NumberFormat</code> class is used to format a number output.</p> Java<pre><code>Locale locale = new Locale(\"language\", \"country\");  // as defined by IETF lang tag, RCF 5646, RCF 4647\nNumberFormat fmt = NumberFormat.getCurrencyInstance(locale);  // format a number as a currency based on a Locale\nfmt.format(number);  // apply format to a number, returns a String\n</code></pre>"},{"location":"languages/java/java.html#keyboard-input","title":"Keyboard Input","text":"Java<pre><code>import java.util.Scanner;   //package import\nScanner scanner = new Scanner(System.in);  //Scanner obj init\nscanner.useDelimiter(\"delimitatore\");   //delimiter setting\nscanner.close()  //closing of Scanner, releases memory\n\nint variable_int_1 = scanner.nextInt();   //takes integer number\nString string_1 = scanner.nextLine();   //takes line of text (\\n ends line)\nString string_1 = scanner.next();   //takes text (space ends word)\ndouble variable_double_1 = scanner.nextDouble();  //takes double decimal number\nboolean variable_bool = scanner.nextBoolean();  //takes boolean value\n//(TRUE, FALSE, true, false, True, False)\n</code></pre> <p>The <code>nextLine()</code> method imports from the last <code>\\n</code>. Thus when switching to a different input method is necessary to call <code>nextLine()</code> one more time to avoid errors.</p>"},{"location":"languages/java/java.html#primitive-types","title":"Primitive Types","text":"Java<pre><code>TYPE        WRAPPER     SIZE        MIN_VALUE               MAX_VALUE\nint         Integer                 -2147483648             2147483647\nbyte        Byte        8 bit       -128                    127\nshort       Short       16 bit      -32768                  32767\nlong - L    Long        32 bit      -9223372036854775808    9223372036854775807\nfloat - f   Float       32 bit      1.4 * 10^-45            3.4028235 * 10^38\ndouble - d  Double      64 bit      4.9 * 10^-324           1.7976931348623157 * 10^308\nchar        Character   16 bit      U+0000 (0)              U+FFFF (65535)\nboolean     Boolean                 false                   true\n</code></pre> <p>Digits can be separated by _ (underscore). If not specified int &amp; double are the default types.</p>"},{"location":"languages/java/java.html#floating-point-numbers-precision-calcs","title":"Floating-Point numbers &amp; Precision Calcs","text":"<p>Don't use <code>==</code> or <code>!=</code> to confront floating value numbers since they use approximation or have a lot of digits. It's best to check if the difference between two numbers is small enough. For high precision calcs is best to use <code>BigDecimal</code>.</p>"},{"location":"languages/java/java.html#type-conversion-casting-type-checking","title":"Type Conversion (casting) &amp; Type checking","text":"Java<pre><code>Type variable = (Type) &lt;expression&gt;;  // convert to other Type\nvar instanceof Type;  // true if var is an instance of Type\n</code></pre>"},{"location":"languages/java/java.html#wrapper-classes","title":"Wrapper Classes","text":"<p>Every primitive type has a corresponding wrapper class. Wrapper classes permits the creation of an object with the same type of a primitive type but with added methods and constants.</p> Java<pre><code>WrapperClass objectName = new WrapperClass(primitiveValue);  //declaration\nWrapperClass objectName = primitiveValue;  //shortened declaration\n\n\nType variable = object.&lt;Type&gt;Value();  //unboxing\nType variable = object;  //autoboxing\nType variable = new WrapperClass(primitiveValue);  //automatic unboxing\n\nWrapperClass.MIN_VALUE  //constant holding min possible value of wrapper class\nWrapperClass.MAX_VALUE  //constant holding man possible value of wrapper class\n\nWrapperClass.parseClasseWrapper(string);  // converts the tring to the wrapper class, NumberFOrmatException on error\nWrapperClass.toString(primitive);  // converts the wrapper class value to a string\n</code></pre>"},{"location":"languages/java/java.html#string-char","title":"String &amp; Char","text":"Java<pre><code>String string = \"text\";  //strings always in double quotes\nchar character = 'C';  //chars always in single quotes\n</code></pre>"},{"location":"languages/java/java.html#special-characters","title":"Special Characters","text":"Escape Character Character <code>\\n</code> new line <code>\\t</code> tab <code>\\b</code> backspace <code>\\r</code> carriage return <code>\\f</code> form feed <code>\\\\</code> backslash <code>\\\"</code> double quote <code>\\u&lt;4_hex_digits&gt;</code> unicode characters <code>\\x&lt;digits&gt;</code> hexadecimal characters <code>\\o&lt;digits&gt;</code> octal characters <code>\\&lt;digits&gt;</code> ASCII character"},{"location":"languages/java/java.html#string-concatenation","title":"String Concatenation","text":"<p>The value of the variable is appende to the string literal. <code>\"text\" + variable</code> String are immutable. Concatenation creates a new string.</p>"},{"location":"languages/java/java.html#string-conversion-to-number","title":"String Conversion to Number","text":"Java<pre><code>double d  = Double.parseDouble(string);\nfloat f = Float.parseFloat(string);\nint i = integer.parseInt(string);\n</code></pre>"},{"location":"languages/java/java.html#string-class-methods","title":"String Class Methods","text":"Java<pre><code>string.equals(otherString);   // returns TRUE if the strings are equal\nstring.equalsIgnoreCase(otherString);   // returns TRUE if the strings are equals ignoring the case\nstring.charAt(index);  // returns the character at position INDEX\nstring.startsWith(otherString);  // returns TRUE if string starts with otherString\nstring.endsWith(otherString)  // returns TRUE if string ends with otherString\nstring.concat(otherString);   // concatenation of two strings\nstring.indexOf(otherString);  // returns index of the first occurrence of other string\nstring.lastIndexOf(otherString);  // returns index of the last occurrence of other string\nstring.length();    // returns the length of the string\nstring.toLowerCase();   // transform the string in uppercase characters\nstring.toUpperCase();   // transform the string in lowercase characters\nstring.replace(character, newCharacter);   // substitutes character with newCharacter\nstring.replaceAll(regex, replacement);\nstring.substring(start, end);   // returns a substring starting as START and ending at END (included)\nstring.trim();   // removes spaces before and after the string\nstring.Split(delimiter);  // return a String[] generated by splitting string at the occurrence of delimiter\nstring.compareTo(otherString);\n</code></pre> <p><code>compareTo()</code> returns a number:  </p> <ul> <li><code>-1</code> if <code>string</code> precedes <code>otherString</code></li> <li><code>0</code> if the strings are equal  </li> <li><code>1</code> if <code>otherString</code> precedes <code>string</code></li> </ul> <p><code>compareTo()</code> compares the lexicographic order (based on UNICODE). To compare in alphabetical order both strings must have the same case.</p>"},{"location":"languages/java/java.html#mathematical-operations","title":"Mathematical Operations","text":"Java<pre><code>Math.PI  // value of pi\nMath.E  // value of e\n\nMath.abs(x);  //absolute value of x\nMath.acos(x);\nMath.asin(x)\nMath.atan(x)\nMath.atan2(y, x)\nMath.ceil(x)\nMath.cos(x)\nMath.exp(x);  //e^x\nMath.floor(x)\nMath.log(x)\nMath.max(x, y)\nMath.min(x, y)\nMath.pow(x, y);  //x^y\nMath.random()\nMath.rint(x)\nMath.round(x)\nMath.sin(x)\nMath.sqrt(x);  //square root, x^(1/2)\nMath.tan(x)\nMath.toDegrees(rad)\nMath.toRadians(deg)\n</code></pre>"},{"location":"languages/java/java.html#arithmetic-operators","title":"Arithmetic Operators","text":"operator operation a <code>+</code> b sum a <code>-</code> b subtraction a <code>*</code> b multiplication a <code>/</code> b division a <code>%</code> b modulo a<code>++</code> increment a<code>--</code> decrement"},{"location":"languages/java/java.html#comparison-operators","title":"Comparison Operators","text":"operator operation a <code>==</code> b equal to a <code>!=</code> b not equal to a <code>&gt;</code> b greater than a <code>&lt;</code> b lesser than a <code>&gt;=</code> b greater than or equal to a <code>&lt;=</code> b lesser than or equal to"},{"location":"languages/java/java.html#logical-operators","title":"Logical Operators","text":"operator operation <code>!</code>a logical negation (NOT) a <code>&amp;&amp;</code> b, logical AND a <code>||</code> b, logical OR"},{"location":"languages/java/java.html#bitwise-operators","title":"Bitwise Operators","text":"operator operation <code>~</code>a bitwise NOT a <code>&amp;</code> b bitwise AND a <code>|</code> b bitwise OR a <code>^</code> b bitwise XOR a <code>&lt;&lt;</code> b bitwise left shift a <code>&gt;&gt;</code> b bitwise right shift"},{"location":"languages/java/java.html#compound-assignment-operators","title":"Compound Assignment Operators","text":"operator operation a <code>+=</code> b a = a + b a <code>-=</code> b a = a - b a <code>*=</code> b a = a * b a <code>/=</code> b a = a / b a <code>%=</code> b a = a % b a <code>&amp;=</code> b a = a &amp; b a <code>|=</code> b a = a a <code>^=</code> b a = a ^ b a <code>&lt;&lt;=</code> b a = a &lt;&lt; b a <code>&gt;&gt;=</code> b a = a &gt;&gt; b"},{"location":"languages/java/java.html#operator-precedence","title":"Operator Precedence","text":"<ol> <li>unary operators <code>++</code> , <code>--</code>, <code>!</code></li> <li>binary arithmetic operators <code>*</code>, <code>/</code>, <code>%</code></li> <li>binary arithmetic operators <code>+</code>, <code>-</code></li> <li>boolean operators <code>&lt;</code>, <code>&gt;</code> , <code>&lt;=</code>, <code>&gt;=</code></li> <li>boolean operators <code>==</code>, <code>!=</code></li> <li>bitwise operator <code>&amp;</code></li> <li>bitwise operator <code>|</code></li> <li>logical operator <code>&amp;&amp;</code></li> <li>logical operator <code>||</code></li> </ol>"},{"location":"languages/java/java.html#short-circuit-evaluation","title":"Short Circuit Evaluation","text":"<p>If in <code>(expressionA || expressionB)</code> expressionA results <code>true</code>, Java returns <code>true</code> without evaluating expressionB. If in <code>(expressionA &amp;&amp; expressionB)</code> expressionA results <code>false</code>, Java returns <code>false</code> without evaluating expressionB. Full evaluation can be forced using <code>&amp;</code> and <code>|</code>.</p>"},{"location":"languages/java/java.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/java/java.html#if-else","title":"<code>If Else</code>","text":"Java<pre><code>if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#if-else-if-else","title":"<code>If, Else If, Else</code>","text":"Java<pre><code>if (condition) {\n    //code here\n} else if (condition) {\n    //code here\n} else if (condition){\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#ternary-operator","title":"Ternary Operator","text":"<p><code>(condition) ? istruzione_1 : istruzione_2;</code> if condition is <code>true</code> executes instruction1 otherwise executes instruction2.</p>"},{"location":"languages/java/java.html#switch","title":"<code>Switch</code>","text":"Java<pre><code>switch (matchExpression) {\n    case matchingPattern:\n        //code here\n        break;\n    case matchingPattern:\n        //code here\n        break;\n    default:\n        //code here\n        break;\n}\n</code></pre> <p>Omitting the <code>break</code> keyword causes multiple branches to execute the same code.</p>"},{"location":"languages/java/java.html#loop-statements","title":"Loop Statements","text":""},{"location":"languages/java/java.html#while-loop","title":"<code>While</code> Loop","text":"Java<pre><code>while (condition) {\n   //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#do-while-loop","title":"<code>Do While</code> Loop","text":"Java<pre><code>do {\n    //code here\n} while (espressione_booleana);\n</code></pre> <p>Loop body executed at least one time</p>"},{"location":"languages/java/java.html#for-loop","title":"<code>For</code> Loop","text":"Java<pre><code>for (initializer; condition; iterator) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#foreach-loop","title":"<code>Foreach</code> Loop","text":"Java<pre><code>for (Type variable : iterable){\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#multiple-iterators-in-for-loop","title":"Multiple iterators in <code>For</code> Loop","text":"Java<pre><code>for (initializer1, initializer2; condition; iterator1, iterator2) {\n    //code here\n}\n</code></pre> <p>The iterator declared in the for is a local variable and can be used only in the for loop block.</p>"},{"location":"languages/java/java.html#forced-program-termination","title":"Forced Program Termination","text":"<p><code>System.exit(returnedValue);</code> forces the termination of the program execution returning a specified value.</p>"},{"location":"languages/java/java.html#assertion-checks","title":"Assertion Checks","text":"<p>If the assertion check is enabled (<code>java -ebableassetrions programName</code>) the execution of the algorithm is terminated if an assertion fails. Assertions can be used to check if a variable has a wanted value in a precise point in the code (Sanity Check).</p> Java<pre><code>assert &lt;booleanExpression&gt;;\n</code></pre>"},{"location":"languages/java/java.html#static-methods","title":"Static Methods","text":"<p>Static methods are not bound to an instance of a class but they act on the class itself.  </p>"},{"location":"languages/java/java.html#static-void-method-definition","title":"Static Void Method Definition","text":"Java<pre><code>static void methodName (parameters) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#static-method-definition","title":"Static Method Definition","text":"Java<pre><code>static tipo_metodo methodName (parameters) {\n    //code here\n    return &lt;espressione&gt;;   //returned type MUST match method type\n}\n</code></pre>"},{"location":"languages/java/java.html#static-method-invocation","title":"Static Method Invocation","text":"Java<pre><code>methodName(arguments);\nClassName.methodName(arguments);    //if method is used outside its class\n</code></pre>"},{"location":"languages/java/java.html#array","title":"Array","text":""},{"location":"languages/java/java.html#array-declaration","title":"Array Declaration","text":"Java<pre><code>Type[] arrayName = new Type[dimension];\n\nType arrayName[] = new Type[dimension];\n\narrayName.length  //length of the array\n</code></pre> <p>Its possible to break the declaration in two lines  </p> Java<pre><code>Type[] arrayName;\narrayType = new Type[dimension];\n</code></pre>"},{"location":"languages/java/java.html#array-creation-by-initialization","title":"Array Creation by Initialization","text":"<p><code>Type[] arrayName = {value1, value2, ...}</code> Array dimension is determined by the number of values.</p>"},{"location":"languages/java/java.html#arrays-as-method-parameters","title":"Arrays as method parameters","text":"Java<pre><code>static Type methodName (Type[] arrayName) {\n    //code here\n}\n\nmethodName(arrayName);  //[] omitted when passing array as argument\n</code></pre> <p>Single elements of an array can be passed to a method. Array dimension can be omitted.  </p>"},{"location":"languages/java/java.html#equality-of-arrays","title":"Equality of Arrays","text":"<p>As arrays ar object in Java, the operators <code>==</code> and <code>!=</code> confront the memory address of the arrays. Array contents must be confronted by looping through the array.</p>"},{"location":"languages/java/java.html#methods-returning-arrays","title":"Methods returning Arrays","text":"Java<pre><code>static Type[] methodName (parameters) {\n    Type[] arrayName = new Type[dimension];  //array declaration\n    //array valorization\n    return arrayName;\n}\n</code></pre>"},{"location":"languages/java/java.html#variable-numbers-of-parameters-in-a-method","title":"Variable numbers of parameters in a method","text":"Java<pre><code>static Type methodName (parameters, tipo[] ArrayName) {\n    //code here\n}\n</code></pre> <p>It's not necessary to specify a dimension of the array, it's determined by Java</p>"},{"location":"languages/java/java.html#multi-dimensional-arrays","title":"Multi-Dimensional Arrays","text":"Java<pre><code>Type[]...[] arrayName = new Type[dimension1]...[dimensionN];\nType arrayName[]...[] = new Type[dimension1]...[dimensionN];\n</code></pre>"},{"location":"languages/java/java.html#multi-dimensional-arrays-as-parameters","title":"Multi-Dimensional Arrays as parameters","text":"Java<pre><code>static Type methodName (Type[]...[] ArrayName) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#methods-returning-multi-dimensional-arrays","title":"Methods returning multi-dimensional arrays","text":"Java<pre><code>static Type[]...[] methodName (parameters) {\n    Type[]...[] array = new Type[dimension1]...[dimensionN];\n    //array valorization\n    return array;\n}\n</code></pre>"},{"location":"languages/java/java.html#array-length-of-multi-dimensional-arrays","title":"Array Length of multi-dimensional arrays","text":"Java<pre><code>array.length  //row length\narray[rowIndex].length  //column length\n</code></pre>"},{"location":"languages/java/java.html#irregular-table-visualization","title":"Irregular Table Visualization","text":"Java<pre><code>static void viewTable (Type[][] matrix){\n    for (int row = 0; row &lt; matrix.length; row++){   //run through the rows\n        for (int column = 0; column &lt; arrayName[row].length; column++){   //run through the columns\n            System.put.print(arrayName[row][column] + \"\\t\");   //print item followed by a tab\n        }\n        System.out.println();   //newline after each matrix row\n    }\n}\n</code></pre>"},{"location":"languages/java/java.html#recursion-guidelines","title":"Recursion Guidelines","text":"<p>The core of the recursion must be constituted by a conditional instruction that permits to handle the cases based on the method argument. At least one of the alternatives must contain a recursive call to che method. The call must resolve reduced version of the task handled by the method. At leats one of the alternatives must not contain a recursive call or it must produce a value that constitutes a base case or an arrest value.</p>"},{"location":"languages/java/java.html#exception-handling","title":"Exception Handling","text":"<p>An Exception is an object used to signal an anomalous event. Checked Exceptions must be handled in a catch meanwhile Unchecked Exceptions do not need to be cached like <code>RuntimeException</code>. Unchecked exceptions usually mean that there is an error in the logic of the program that must be fixed.</p>"},{"location":"languages/java/java.html#try-catch-finally","title":"<code>Try-Catch-Finally</code>","text":"<p>This construct permits to monitor what happens in a block of code and to specify what to do in case of errors (exceptions).</p> Java<pre><code>try {\n    //monitored code\n} catch (SpecificException e) {\n    //in case of errors use this\n} catch (SpecificException1 | SpecificException2 | ... | SpecificExceptionN e) {\n    //in case of errors use this\n} catch (Exception e) {\n    //in case of error use this\n    e.getMessage();  // access to Exception error message\n} finally {\n    //code executed anyways\n}\n</code></pre> <p>A <code>try-catch</code> construct can handle multiple exceptions at once.  Every <code>catch</code> is analyzed in sequence and is executed the first to happen thus is best to leave a generic exception last.</p>"},{"location":"languages/java/java.html#try-with-resources","title":"Try with Resources","text":"Java<pre><code>try (\n    //resource definition\n){\n    //dangerous code\n} catch (Exception e) {\n    //in case of error use this\n} finally {\n    //code executed anyway\n}\n</code></pre>"},{"location":"languages/java/java.html#throw-throws","title":"<code>Throw</code> &amp; <code>Throws</code>","text":"<p>The <code>throw</code> keyword is used to generate a custom exception in a point of the code. <code>throw</code> is used together with an exception type.</p> Java<pre><code>Type methodName(parameters) {\n    if (condition) {\n      throw new Exception(\"error message\");\n    }\n}\n</code></pre> <p>The <code>throws</code> keyword is used to indicate what exception Type may be thrown by a method. <code>throws</code> is used together with a exception class. It's used to send the exception to the method caller.</p> Java<pre><code>Type methodName(parameters) throws ExceptionClass {\n    if (condition) {\n      throw new SpecificException(\"error message\");\n    }\n}\n</code></pre>"},{"location":"languages/java/java.html#defining-personalized-exceptions","title":"Defining Personalized Exceptions","text":"<p>A user-defined exception has to inherit from <code>Exception</code> or one of it's descendants.</p> Java<pre><code>public class CustomException extends Exception {\n\n    public CustomException(){\n        super(\"Base Message\");  // ese Exception constructor\n    }\n\n    public CustomException(string message){\n        super(message);\n    }\n\n    // CustomException inherits getMessage() from Exception\n\n}\n</code></pre>"},{"location":"languages/java/java.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/java/java.html#access-modifiers","title":"Access Modifiers","text":"<p><code>public</code> variables, methods, classes are usable outside of class of definition. <code>private</code>    variables, methods, classes are  only usable inside class of definition. <code>protected</code> variables, methods, classes can be accessed only by defining class, it's descendants and the package. <code>final</code> classes and methods cannot be extended or overridden. If not specified variables, methods and classes are only accessible from the same package.</p>"},{"location":"languages/java/java.html#instance-method-definition","title":"Instance Method Definition","text":"Java<pre><code>Type methodName (parameters) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#void-instance-method","title":"<code>Void</code> Instance Method","text":"Java<pre><code>void methodName (parameters) {\n    //code here\n}\n</code></pre>"},{"location":"languages/java/java.html#class-definition","title":"Class Definition","text":"Java<pre><code>public class ClassName {\n    //instance variables declaration\n\n    //instantiation block\n    {\n        // this code is called before the constructor when an object is instantiated\n    }\n\n    //constructors definition\n\n    // getters &amp; setters\n\n    // override of superclass' methods\n\n    //instance methods definition\n}\n</code></pre>"},{"location":"languages/java/java.html#this-identifier","title":"<code>This</code> identifier","text":"<p><code>this.instanceVariable</code> identifies the instance variable It's possible to use <code>this</code> to distinguish between instance and static variables with the same name.</p>"},{"location":"languages/java/java.html#classes-and-reference-addresses","title":"Classes and Reference Addresses","text":"<p>A an instance of a class doesn't contain an object of that class but a memory address in which the object is memorized. operations of assignment (<code>=</code>) and confront (<code>==</code>) act on the memory address  and not on the values of the objects. To confront object is necessary to define a <code>equals()</code> method that checks if the values of the object attributes are equal.  </p>"},{"location":"languages/java/java.html#constructors","title":"Constructors","text":"<p>Constructors are special methods that are invoked with the <code>new</code> operator when an object is instantiated. Constructors assign the starting values of the object attributes. If a constructor id defined Java doesn't create the default constructor.</p> Java<pre><code>class ClassName (){\n\n    //attributes declaration (aka instance variables)\n\n    //constructor\n    public ClassName(parameters){\n        this.attribute = value;  //value is passed to the constructor at obj instantiation\n    }\n\n    public ClassName(parameters, otherParameters){\n        this(parameters);  // invoke other constructor for subset of parameters, must be FIRST INSTRUCTION\n        this.attribute = value;  // deal with the remaining parameters\n    }\n}\n</code></pre>"},{"location":"languages/java/java.html#static-variables","title":"Static Variables","text":"<p><code>Type staticVariable = value;</code> Static variables are shared by all objects of a class and all static method can act upon them. Static variable do not belong to the class objects.</p>"},{"location":"languages/java/java.html#getters-setter-methods","title":"Getters &amp; Setter Methods","text":"Java<pre><code>public void setAttribute(Type attribute){\n    this.attribute = attribute;\n}\n\npublic Type getAttribute(){\n    return this.attribute;\n}\n</code></pre>"},{"location":"languages/java/java.html#tostring-method","title":"<code>ToString()</code> Method","text":"<p>Automatically returns a string if the object is directly called in a print method.</p> Java<pre><code>@Override\nPublic String toString(){\n    return \"string-representation-of-object\"\n}\n</code></pre>"},{"location":"languages/java/java.html#static-methods-in-classes","title":"Static Methods in Classes","text":"<p>Static methods are used to effectuate operations not applied to objects. Outside of the class of definition that are invoked with ClassName.methodName() Static method cannot act on instance variables.  </p>"},{"location":"languages/java/java.html#method-overloading","title":"Method Overloading","text":"<p>A class can have multiple methods with the same name given that each method has a different number or type of parameters (different method signature).  </p>"},{"location":"languages/java/java.html#inheritance-method-overriding","title":"Inheritance &amp; Method Overriding","text":"<p>Child classes inherit all methods and attributes from parent class. Child methods can override parent methods to adapt their functionality. Overriding and overridden classes must have the same name. A child class can inherit from only one parent class.</p> <p>Child class must implement a constructor that instantiates the parent (super) class. <code>super()</code> instantiates the superclass of the child class.</p> Java<pre><code>class ChildClass extends ParentClass{\n\n    public ChildClass(parentParameters, childParameters){\n        super(parentParameters);  // if omitted super() is calls (parent's default constructor)\n        // assignments of child attributes\n    }\n\n    //calls overrides parent class (must have same name)\n    @Override\n    Type methodName(parameters){\n        //code here\n    }\n\n    super().methodName(parameters);  // calls the parent's method\n}\n</code></pre> <p>An overridden method that returns a <code>ParentClass</code> can be overridden to return a <code>ChildClass</code>. This is the only case in which an overridden method can change the returned type. An overridden method can change the access modifier as long as the new modifier is more \"permissive\".</p> <p>A <code>ParentClass</code> type can contain a <code>ChildClass</code> object. This is useful for using collections and arrays of objects.</p> Java<pre><code>ParentClass objectName = ChildClass();  // upcast\n(ChildClass)ParentClassObject;  // downcast\n</code></pre>"},{"location":"languages/java/java.html#abstract-classes-abstract-methods","title":"Abstract Classes &amp; Abstract Methods","text":"<p>An Abstract Class is a particular class that contains an Abstract Method. This type of class cannot be instantiated but is used leave the specific implementation of some of it's methods to extending classes. Abstract classes are marked by the <code>abstract</code> keyword.</p> <p>An abstract method is a method without implementation. The methods must be <code>public</code> and marked with the <code>abstract</code> keyword.</p> Java<pre><code>//abstract class\nabstract class className{\n    //attributes here\n    //constructor here\n    //getters &amp; setters here\n\n    public abstract Type methodName();  //no method code\n\n}\n</code></pre>"},{"location":"languages/java/java.html#interfaces","title":"Interfaces","text":"<p>An Interface is a class with only abstract methods. An interface has more flexibility than an abstract class. Interfaces are used to set requirements for child classes without specifying how to satisfy those requirements since it's methods will be implemented in child classes. An Interface is marked by the <code>interface</code> keyword. If an implementing class implements only <code>some</code> of the interface's method than the class must be abstract.</p> <p>Interfaces' methods are always <code>abstract</code> and <code>public</code>, no need for the keyword. Interfaces' attributes are always <code>public static final</code>, no need for the keyword.</p> <p>A class can implement more than one Interface.</p> Java<pre><code>public interface InterfaceName{\n    //attributes here\n\n    Type methodName();  //no method code\n}\n\n// interfaces can extend interfaces\npublic interface OtherInterface extends InterfaceName {\n    //attributes here\n    Type methodName();  // inherited from extended interface\n    Type otherMethod();  // defined in the interface\n}\n\nclass ClassName implements Interface1, Interface2 {...}\n</code></pre> <p>Types of Interfaces:</p> <ul> <li>Normal (multiple methods)</li> <li>Single Abstract Method (<code>@FunctionalInterface</code>, used with Lambda Expressions)</li> <li>Marker (Empty, no methods)</li> </ul> <p>Since Java 1.8 interfaces can implements also <code>static</code> methods.</p>"},{"location":"languages/java/java.html#enumerations","title":"Enumerations","text":"<p>Enums are used to restrict the type of data to a set of the possible constant values. Enums are classes which constructor is private by default. It's still possible to create a custom constructor to add values.</p> Java<pre><code>enum enumName {\n    value1,\n    value2,\n    ... ,\n    valueN;\n}\n\n//definition of an enumeration w/ custom constructor for valorization\n//constructor is not usable outside enum definition\nenum enumName {\n    value1(value),  //call constructor to valorize\n    value2(value),\n    ... ,\n    valueN(value);\n\n    private Type value;\n\n    Type enumName(Type parameter) {\n        this.value = parameter;\n    }\n\n    //getters are allowed, the values is a constant --&gt; no setters\n    public Type getValue(){\n        return this.value;\n    }\n}\n\nenumName variable;  //creation of a variable of type enumName\n</code></pre>"},{"location":"languages/java/java.html#anonymous-classes","title":"Anonymous Classes","text":"<p>Anonymous classes make the code more concise. They enable to declare and instantiate a class at the same time. They are like local classes except that they do not have a name. Useful if is needed a local class that is used once.</p> Java<pre><code>AnonymousClass objectName = new AnonymousClass(Type parameter, ...) {\n\n    // attributes\n\n    // methods\n};\n</code></pre>"},{"location":"languages/java/java.html#cloning","title":"Cloning","text":"Java<pre><code>class ClassName implements Clonable {\n\n}\n</code></pre>"},{"location":"languages/java/java.html#generics","title":"Generics","text":"Java<pre><code>// WARNING: T is not instantiable, new t(), new t[] are INVALID\npublic class GenericClass&lt;T&gt; {\n    private T generic;\n\n    public GenericClass() { }\n    public GenericClass(T data){\n        this.generic = data;\n    }\n\n    public T getGeneric() {\n        return generic;\n    }\n\n    public void setGeneric(T data) {\n        this. generic = data;\n    }\n\n}\n\nGenericClass&lt;Type&gt; obj = new GenericClass&lt;&gt;();\nGenericClass&lt;Type&gt;[] obj = new GenericClass&lt;&gt;[];  // invalid\n</code></pre>"},{"location":"languages/java/java.html#multiple-generics","title":"Multiple Generics","text":"Java<pre><code>public class GenericClass&lt;T1, T2, ...&gt; { }  // number of generic types is not limited\n</code></pre>"},{"location":"languages/java/java.html#parameters-constraints","title":"Parameters Constraints","text":"<p>Specify an interface or class that the generic type must implement/inherit.</p> Java<pre><code>public class GenericClass&lt;T extends Interface1 &amp; Interface2&gt; { }\npublic class GenericClass&lt;T1 extends Interface1 &amp; Interface2, T2 extends Class1&gt; { }\npublic class GenericClass&lt;T extends Class1&gt; { }\n</code></pre>"},{"location":"languages/java/java.html#generic-methods","title":"Generic Methods","text":"Java<pre><code>public class ClassName{\n\n    public &lt;T&gt; methodName() {\n        // code here\n        return &lt;T&gt;_obj\n    }\n\n    public &lt;T&gt; methodName(T obj) {\n        // code here\n        return return &lt;T&gt;_obj\n    }\n}\n\npublic class GenericClass&lt;S&gt; {\n\n    public &lt;T&gt; methodName() {\n        // code here\n        return &lt;T&gt;_obj\n    }\n\n    public &lt;T&gt; methodName(T obj) {\n        // code here\n        return return &lt;T&gt;_obj\n    }\n}\n\nobj.&lt;Type&gt;methodName();  // generic method call\n</code></pre>"},{"location":"languages/java/java.html#file-io","title":"File I/O","text":""},{"location":"languages/java/java.html#text-files","title":"Text Files","text":""},{"location":"languages/java/java.html#writing-on-a-file","title":"Writing on a file","text":"Java<pre><code>// opening/creating the file for writing\nPrintWriter outStream = null;  // output stream creation\ntry{\n    outStream = new PrintWriter(filename);  // file-stream binding, file will be empty (creates or overwrites file)\n    outStream = new PrintWriter(new FileOutputStream(filename, true));  // stream for appending text\n} catch (FileNotFoundException e) {\n    // code here\n}\n\n// write on the file\noutStream.print(\"\");\noutStream.println(\"\");\n\noutStream.close()  // close stream and write buffer contents.\n</code></pre> <p>Note: writing operations do not write directly on the file. The sent data is collected in a buffer. When the buffer is full the data is written in the file. This is called buffering and is used to append up operations.</p>"},{"location":"languages/java/java.html#reading-from-a-file","title":"Reading from a file","text":"Java<pre><code>Filereader filereader = new Filereader(\"filename\");  //open the file\nScanner scanner = new Scanner(filereader);  //scanner for the file\n\n\nScanner inStream = null;\ntry{\n    inStream = new Scanner(File(filename));\n} catch (FileNotFoundException e) {\n    // code here\n}\n\ninStream.hasNext();  // true if there is data to be read with next()\ninStream.hasNextDouble();  // true if there is data to be read with nextDouble()\ninStream.hasNextInt();  // true if there is data to be read with nextInt()\ninStream.hasNextLine();  // true if there is data to be read with nextLine()\n\n\nBufferedReader inStream = null;\ntry {\n    inStream = new BufferReader(new Filereader(filename));  //buffed reader for file\n} catch (FileNotFoundException e) {\n    // code here\n}\n\n// BufferedReader Methods\npublic String readLine() throws IOException  // return file line or null (file has ended)\npublic int read() throws IOException  // return an integer representing a char or -1 (file has ended)\npublic long skip(n) throws IOException  // skip n characters\npublic void close() throws IOException  // closes the stream\n</code></pre>"},{"location":"languages/java/java.html#file-class","title":"<code>File()</code> class","text":"<p>The File class is an abstraction of the file and it's path. The abstraction is independent from the OS.</p> Java<pre><code>File(\"path/to/file\")  // UNIX like path\nFile(\"path\\\\to\\\\file\")  // Windows path\n\nfile.canRead()  // true if file is readable\nfile.canWrite()  // true if file is writable\nfile.delete()  // true if file has been deleted\nfile.exists()  // check if exist a file with the filename used in the constructor\nfile.getName()  // returns the filename\nfile.getPath()  // returns the file's path\nfile.length()  // file length in bytes\n</code></pre>"},{"location":"languages/java/java.html#binary-files","title":"Binary Files","text":""},{"location":"languages/java/java.html#writing-to-a-binary-file","title":"Writing to a binary file","text":"Java<pre><code>ObjectOutputStream outStream;\ntry {\n    outStream = new ObjectOutputStream(new FileOutputSteam(filename));\n    // write operations here since they can cause IOException\n} catch (FileNotFoundException e) {\n\n} catch (IOException e){\n\n}\n\n// ObjectOutputStream Methods\npublic ObjectOutputStream(OutputStream streamObj) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileOutputStream(filename)) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileOutputStream(new File(filename))) throws IOException, FileNotFoundException\npublic void writeInt(int n) throws IOException\npublic void writeLong(long n) throws IOException\npublic void writeDouble(double x) throws IOException\npublic void writeFloat(float x) throws IOException\npublic void writeChar(int c) throws IOException\npublic void writeChar(char c) throws IOException\npublic void writeBoolean(boolean b) throws IOException\npublic void writeUTF(String s) throws IOException\npublic void writeObject(Object obj) throws IOException, NotSerializableException, InvalidClassException  // Object must be serializable\npublic void close()\n</code></pre>"},{"location":"languages/java/java.html#reading-from-a-binary-file","title":"Reading from a binary file","text":"Java<pre><code>ObjectInputStream inStream;\ntry {\n    inStream = new ObjectInputStream(new FileinputSteam(filename));\n} catch (FileNotFoundException e) {\n\n} catch (IOException e){\n\n}\n\ntry {\n    while(true){\n        // read fom file\n    }\n} catch (EOFException e) {  // thrown when and of file has been reached\n    // do nothing, only used to stop the cycle\n}\n\n// ObjectOutputStream Methods\npublic ObjectOutputStream(InputStream streamObj) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileInputStream(filename)) throws IOException, FileNotFoundException\npublic ObjectOutputStream(new FileInputStream(new File(filename))) throws IOException, FileNotFoundException\npublic void readInt(int n) throws IOException\npublic void readLong(long n) throws IOException\npublic void readDouble(double x) throws IOException\npublic void readFloat(float x) throws IOException\npublic void readChar(int c) throws IOException\npublic void readChar(char c) throws IOException\npublic void readBoolean(boolean b) throws IOException\npublic void readUTF(String s) throws IOException\npublic void readObject(Object obj) throws IOException, NotSerializableException, InvalidClassException  // Object must be serializable\npublic void close()\n</code></pre>"},{"location":"languages/java/java.html#object-array-io-with-binary-files-serialization","title":"Object &amp; Array I/O with Binary Files (Serialization)","text":"<p>Needed for a class to be serializable:</p> <ul> <li>implements the <code>Serializable</code> interface</li> <li>all instance variables are serializable</li> <li>superclass, if exists, is serializable or has default constructor</li> </ul> <p>An array is serializable if it's base type is a serializable object.</p> Java<pre><code>SerializableObject[] array = (SerializableObject[])inStream.readObject();  // read returns Object, cast needed\n</code></pre>"},{"location":"languages/java/java.html#functional-programming-in-java","title":"Functional Programming in Java","text":""},{"location":"languages/java/java.html#functional-interfaces","title":"Functional Interfaces","text":"<p>Functional interfaces provide target types for lambda expressions.</p> <p>General purpose <code>@functionalInterfaces</code>:</p> Java<pre><code>// takes input, performs actions, return boolean\npublic interface Predicate&lt;T&gt; {\n    boolean test(T t);\n}\n\n// takes input, performs action, no output returned\npublic interface Consumer&lt;T&gt; {\n    void accept(T t);\n}\n\n// takes no input, performs action, returns an output\npublic interface Supplier&lt;T&gt; {\n    T get();\n}\n\n// takes T as input, performs action, returns R as output\npublic interface Function&lt;T, R&gt; {\n    R apply(T t);\n}\n</code></pre>"},{"location":"languages/java/java.html#streams","title":"Streams","text":"<p>In java a stream is a Monad. Monads allow the programmer to compose a sequence of operations, similar to a pipeline chaining expressions together.</p> <p>The features of Java stream are:</p> <ul> <li>A stream is not a data structure instead it takes input from the Collections, Arrays or I/O channels.</li> <li>Streams don't change the original data structure, they only provide the result as per the pipelined methods.</li> <li>Each intermediate operation is lazily executed and returns a stream as a result, hence various intermediate operations can be pipelined. Terminal operations mark the end of the stream and return the result.</li> </ul> <p>Intermediate Operations:</p> <ul> <li><code>anyMatch()</code></li> <li><code>distinct()</code></li> <li><code>filter()</code></li> <li><code>findFirst()</code></li> <li><code>flatmap()</code></li> <li><code>map()</code></li> <li><code>skip()</code></li> <li><code>sorted()</code></li> </ul> <p>Terminal Operations:</p> <ul> <li><code>forEach()</code> applies the same operation on each element</li> <li><code>collect()</code> saves the elements in a new collection</li> <li>reduce to a single summary element: <code>count()</code>, <code>max()</code>, <code>min()</code>, <code>reduce()</code>, <code>summaryStatistics()</code></li> </ul>"},{"location":"languages/java/java.html#lambda-expressions","title":"Lambda Expressions","text":"<p>Usable only by a <code>@FunctionalInterface</code>'s method or a method of a stream.</p> Java<pre><code>lambda operator -&gt; body;\n\n//zero parameter\n() -&gt; body;\n\n//one parameter\n(p) -&gt; body\n\n// multiple parameter\n(p1, p2, ...) -&gt; body\n</code></pre>"},{"location":"languages/java/spring/pom.xml.html","title":"pom.xml","text":"<p>File specifing project dependencies.</p> XML<pre><code>&lt;?xml version=\"1.0\" encoding=\"UTF-8\"?&gt;\n&lt;project xmlns=\"http://maven.apache.org/POM/4.0.0\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n    xsi:schemaLocation=\"http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd\"&gt;\n    &lt;modelVersion&gt;major.minor.patch&lt;/modelVersion&gt;\n\n    &lt;parent&gt;\n        &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;\n        &lt;artifactId&gt;spring-boot-starter-parent&lt;/artifactId&gt;\n        &lt;version&gt;major.minor.patch.RELEASE&lt;/version&gt;\n        &lt;relativePath/&gt; &lt;!-- lookup parent from repository --&gt;\n    &lt;/parent&gt;\n\n    &lt;groupId&gt;base_package&lt;/groupId&gt;\n    &lt;artifactId&gt;Project_Name&lt;/artifactId&gt;\n    &lt;version&gt;major.minor.patch&lt;/version&gt;\n    &lt;name&gt;Project_Name&lt;/name&gt;\n    &lt;description&gt;...&lt;/description&gt;\n\n    &lt;properties&gt;\n        &lt;java.version&gt;11&lt;/java.version&gt;\n    &lt;/properties&gt;\n\n    &lt;dependencies&gt;\n        &lt;dependency&gt;\n            &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;\n            &lt;artifactId&gt;spring-boot-starter-data-jpa&lt;/artifactId&gt;\n        &lt;/dependency&gt;\n    &lt;/dependencies&gt;\n\n    &lt;build&gt;\n        &lt;plugins&gt;\n            &lt;plugin&gt;\n                &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;\n                &lt;artifactId&gt;spring-boot-maven-plugin&lt;/artifactId&gt;\n            &lt;/plugin&gt;\n        &lt;/plugins&gt;\n    &lt;/build&gt;\n\n&lt;/project&gt;\n</code></pre>"},{"location":"languages/java/spring/spring-project.html","title":"Spring Project","text":""},{"location":"languages/java/spring/spring-project.html#libs","title":"Libs","text":"<ul> <li>MySql Driver</li> <li>Spring Data JPA (data persistance)</li> <li>Spring Boot Dev Tools</li> <li>Jersey (Serializzazione)</li> <li>Spring Web</li> </ul>"},{"location":"languages/java/spring/spring-project.html#applicationproperties","title":"application.properties","text":"INI<pre><code>spring.datasource.url=DB_url\nspring.datasource.username=user\nspring.datasource.password=password\n\nspring.jpa.show-sql=true\n\nserver.port=server_port\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-entities","title":"Package <code>entities</code>","text":"<p>Model of a table of the DB</p> Java<pre><code>package &lt;base_package&gt;.entities;\n\nimport javax.persistence.Entity;\nimport javax.persistence.GeneratedValue;\nimport javax.persistence.GenerationType;\nimport javax.persistence.Id;\nimport javax.persistence.Table;\n\n@Entity  // set as DB Entity (DB record Java implementation)\npublic class Entity {\n\n    @Id  // set as Primary Key\n    @GeneratedValue(strategy = GenerationType.IDENTITY)  // id is autoincremented by the DB\n    private int id;\n\n    // no constructor (Spring requirement)\n\n    // table columns attributes\n\n    // getters &amp; setters\n\n   // toString()\n}\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-dal","title":"Package <code>dal</code>","text":"<p>Spring Interface for DB connection and CRUD operations.</p> Java<pre><code>package &lt;base_package&gt;.dal  // or .repository\n\nimport org.springframework.data.repository.JpaRepository;\nimport org.springframework.data.repository.Query;\nimport org.springframework.data.repository.query.Param;\n\n// interface for spring Hibernate JPA\n// CrudRepository&lt;Entity, PK_Type&gt;\npublic interface IEntityDAO extends JpaRepository&lt;Entity, Integer&gt; {\n\n    // custom query\n    @Query(\"FROM &lt;Entity&gt; WHERE param = :param\")\n    Type query(@Param(\"param\") Type param);\n}\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-services","title":"Package <code>services</code>","text":"<p>Interfaces and method to access the Data Access Layer (DAL).</p> <p>In <code>IEntityService.java</code>:</p> Java<pre><code>package &lt;base_package&gt;.services;\n\nimport java.util.List;\n\nimport org.springframework.beans.factory.annotation.Autowired;\n\nimport &lt;base_package&gt;.Entity;\nimport &lt;base_package&gt;.IEntityRepository;\n\n// CRUD method implemented on Entity\npublic interface IEntityService {\n\n    String FIND_ALL = \"SELECT * FROM &lt;table&gt;\"\n    String FIND_ONE = \"SELECT * FROM &lt;table&gt; WHERE id = ?\"\n\n    List&lt;Entity&gt; findAll();\n    Entity findOne(int id);\n    void addEntity(Entity e);\n    void updateEntity(int id, Entity e);\n    void deleteEntity(Entity e);\n    void deleteEntity(int id);\n\n}\n</code></pre> <p>In <code>EntityService.java</code>:</p> Java<pre><code>package &lt;base_package&gt;.services;\n\nimport java.util.List;\n\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.stereotype.Service;\n\nimport &lt;base_package&gt;.entities.Entity;\nimport &lt;base_package&gt;.repos.ILibriRepository;\n\n// implementation of IEntityService\n@Service\npublic class EntityService implements IEntityService {\n\n    @Autowired  // connection to db (obj created by spring as needed: Inversion Of Control)\n    private IEntityDAO repo;\n\n    @Override\n    public List&lt;Entity&gt; findAll() {\n        return repo.findAll();\n    }\n\n    @Override\n    public Entity findOne(int id) {\n        return repo.findById(id).get();\n    }\n\n    @Override\n    public void addEntity(Entity e) {\n        repo.save(e);\n    }\n\n    @Override\n    public void updateEntity(int id, Entity e) {\n    }\n\n    @Override\n    public void deleteEntity(Entity e) {\n    }\n\n    @Override\n    public void deleteEntity(int id) {\n    }\n\n    // custom query\n    Type query(Type param) {\n        return repo.query(param);\n    }\n}\n</code></pre>"},{"location":"languages/java/spring/spring-project.html#package-integration","title":"Package <code>integration</code>","text":"<p>REST API routes &amp; endpoints to supply data as JSON.</p> Java<pre><code>package &lt;base_package&gt;.integration;\n\nimport java.util.List;\n\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.web.bind.annotation.GetMapping;\nimport org.springframework.web.bind.annotation.PathVariable;\nimport org.springframework.web.bind.annotation.RestController;\n\nimport &lt;base_package&gt;.entities.Entity;\nimport &lt;base_package&gt;.services.IEntityService;\n\n@RestController  // returns data as JSON\n@RequestMapping(\"/api\")  // controller route\npublic class EntityRestCtrl {\n\n    @Autowired  // connection to service (obj created by spring as needed: Inversion Of Control)\n    private IEntityService service;\n\n    @GetMapping(\"entities\")  // site route\n    public List&lt;Entity&gt; findAll(){\n        return service.findAll();\n    }\n\n    @GetMapping(\"/entities/{id}\")\n    public Entity findOne(@PathVariable(\"id\") int id) {  // use route variable\n        return service.findOne(id);\n    }\n\n    @PostMapping(\"/entities\")\n    public void addEntity(@RequestBody Entity e) {  // added entity is in the request body\n        return service.addEntity(e)\n    }\n\n    // PUT / PATCH -&gt; updateEntity(id, e)\n\n    // DELETE -&gt; deleteEntity(id)\n}\n</code></pre>"},{"location":"languages/java/web/servlet.html","title":"Servlet","text":"<p>A Java servlet is a Java software component that extends the capabilities of a server. Although servlets can respond to many types of requests, they most commonly implement web containers for hosting web applications on web servers and thus qualify as a server-side servlet web API.</p>"},{"location":"languages/java/web/servlet.html#basic-structure","title":"Basic Structure","text":"Java<pre><code>package &lt;package&gt;;\n\nimport java.io.IOException;\nimport javax.servlet.ServletException;\nimport javax.servlet.annotation.WebServlet;\nimport javax.servlet.http.HttpServlet;\nimport javax.servlet.http.HttpServletRequest;\nimport javax.servlet.http.HttpServletResponse;\n\n@WebServlet(\"/route\")\npublic class &lt;className&gt; extends HttpServlet {\n    private static final long serialVersionUID = 1L;\n\n    /** handle get request */\n    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\n\n        // GET REQUEST: load and display page (forward to JSP)\n        // OPTIONAL: add data to request (setAttribute())\n\n    }\n\n    /** handle post request */\n    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\n\n        // POST REQUEST: add stuff to DB, page, ...\n\n        doGet(request, response);  // return same page with new  content added (default case)\n    }\n}\n</code></pre>"},{"location":"languages/java/web/servlet.html#servlet-instructions","title":"Servlet Instructions","text":"Java<pre><code>request.getParameter()  // read request parameter\n\nresponse.setContentType(\"text/html\");  // to return HTML in the response\n\nresponse.getWriter().append(\"\");  //append content to the http response\n\nrequest.setAttribute(attributeName, value);  // set http attribute of the request\nrequest.getRequestDispatcher(\"page.jsp\").forward(request, response);  // redirect the request to another page\n</code></pre>"},{"location":"languages/javascript/ajax.html","title":"AJAX","text":"<p>AJAX: Asynchronous JavaScript and XML</p> <p>AJAX Interaction:</p> <ol> <li>An event occurs in a web page (the page is loaded, a button is clicked)</li> <li>2.An <code>XMLHttpRequest</code> object is created by JavaScript</li> <li>3.The <code>XMLHttpRequest</code> object sends a request to a web server</li> <li>4.The server processes the request</li> <li>5.The server sends a response back to the web page</li> <li>6.The response is read by JavaScript</li> <li>7.Proper action (like page update) is performed by JavaScript</li> </ol>"},{"location":"languages/javascript/ajax.html#xmlhttprequest","title":"XMLHttpRequest","text":"JavaScript<pre><code>var request = new XMLHttpRequest();\n\nrequest.addEventListener(event, function() {...});\n\nrequest.open(\"HttpMethod\", \"path/to/api\", true);  // third parameter is asynchronicity (true = asynchronous)\nrequest.setRequestHeader(key, value)  // HTTP Request Headers\nrequest.send()\n</code></pre> <p>To check the status use <code>XMLHttpRequest.status</code> and <code>XMLHttpRequest.statusText</code>.</p>"},{"location":"languages/javascript/ajax.html#xmlhttprequest-events","title":"XMLHttpRequest Events","text":"<p>loadstart: fires when the process of loading data has begun. This event always fires first progress: fires multiple times as data is being loaded, giving access to intermediate data error: fires when loading has failed abort: fires when data loading has been canceled by calling abort() load: fires only when all data has been successfully read loadend: fires when the object has finished transferring data always fires and will always fire after error, abort, or load timeout: fires when progression is terminated due to preset time expiring readystatechange: fires when the readyState attribute of a document has changed</p> <p>Alternative <code>XMLHttpRequest</code> using <code>onLoad</code>:</p> JavaScript<pre><code>var request = new XMLHttpRequest();\nrequest.open('GET', 'myservice/username?id=some-unique-id');\nrequest.onload = function(){\n    if(request.status ===200){\n        console.log(\"User's name is \"+ request.responseText);\n    } else {\n        console.log('Request failed.  Returned status of '+ request.status);\n    }\n};\nrequest.send();\n</code></pre> <p>Alternative <code>XMLHttpRequest</code> using <code>readyState</code>:</p> JavaScript<pre><code>var request = new XMLHttpRequest(),  method ='GET',  url ='https://developer.mozilla.org/';\n\nrequest.open(method, url, true);\nrequest.onreadystatechange = function(){\n    if(request.readyState === XMLHttpRequest.DONE &amp;&amp; request.status === 200){\n        console.log(request.responseText);\n    }\n};\nrequest.send();\n</code></pre> <p><code>XMLHttpRequest.readyState</code> values: <code>0</code> <code>UNSENT</code>: Client has been created. <code>open()</code> not called yet. <code>1</code> <code>OPENED</code>: <code>open()</code> has been called. <code>2</code> <code>HEADERS_RECEIVED</code>: <code>send()</code> has been called, and headers and status are available. <code>3</code> <code>LOADING</code>: Downloading; <code>responseText</code> holds partial data. <code>4</code> <code>DONE</code>: The operation is complete.</p>"},{"location":"languages/javascript/ajax.html#xmlhttprequest-browser-compatibility","title":"<code>XMLHttpRequest</code> Browser compatibility","text":"<p>Old versions of IE don't implement XMLHttpRequest. You must use the ActiveXObject if XMLHttpRequest is not available</p> JavaScript<pre><code>var request =window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');\n\n// OR\n\nvar request;\nif(window.XMLHttpRequest){\n    // code for modern browsers  \n    request = new XMLHttpRequest();\n} else {\n    // code for old IE browsers\n    request = new ActiveXObject('Microsoft.XMLHTTP');\n}\n</code></pre>"},{"location":"languages/javascript/ajax.html#status-error-handling","title":"Status &amp; Error Handling","text":"<p>Always inform the user when something is loading. Check the status and give feedback (a loader or message) Errors and responses need to be handled. There is no guarantee that HTTP requests will always succeed.</p>"},{"location":"languages/javascript/ajax.html#cross-domain-policy","title":"Cross Domain Policy","text":"<p>Cross domain requests have restrictions.</p> <p>Examples of outcome for requests originating from: <code>http://store.company.com/dir/page.htmlCross-origin</code></p> URL Outcome Reason <code>http://store.company.com/dir2/other.html</code> success <code>http://store.company.com/dir/inner/other.html</code> success <code>https://store.company.com/secure.html</code> failure Different protocol <code>http://store.company.com:81/dir/other.html</code> failure Different port <code>http://news.company.com/dir/other.html</code> failure Different host"},{"location":"languages/javascript/dom.html","title":"Document Object Model (DOM)","text":"<p>The Document Object Model is a map of the HTML document. Elements in an HTML document can be accessed, changed, deleted, or added using the DOM. The document object is globally available in the browser. It allows to access and manipulate the DOM of the current web page.</p>"},{"location":"languages/javascript/dom.html#dom-access","title":"DOM Access","text":""},{"location":"languages/javascript/dom.html#selecting-nodes-from-the-dom","title":"Selecting Nodes from the DOM","text":"<p><code>getElementById()</code> and <code>querySelector()</code> return a single element. <code>getElementsByClassName()</code>, <code>getElementsByTagName()</code>, and <code>querySelectorAll()</code> return a collection of elements.</p> JavaScript<pre><code>Javascript\n// By Id\nvar node = document.getElementById('id');\n\n// By Tag Name\nvar nodes = document.getElementsByTagName('tag');\n\n// By Class Name\nvar nodes = document.getElementsByClassName('class');\n\n// By CSS Query\nvar node = document.querySelector('css-selector');\nvar nodes = document.querySelectorAll('css-selector');\n</code></pre>"},{"location":"languages/javascript/dom.html#manipulating-the-dom","title":"Manipulating the DOM","text":""},{"location":"languages/javascript/dom.html#manipulating-a-nodes-attributes","title":"Manipulating a node's attributes","text":"<p>It's possible access and change the attributes of a DOM node using the dot notation.</p> JavaScript<pre><code>// Changing the src of an image:\nvar image = document.getElementById('id');\nvar oldImageSource = image.src;\nimage.src = 'image-url';\n\n//Changing the className of a DOM node:\nvar node = document.getElementById('id');\nnode.className = 'new-class';\n</code></pre>"},{"location":"languages/javascript/dom.html#manipulating-a-nodes-style","title":"Manipulating a node's style","text":"<p>It's possible to access and change the styles of a DOM nodes via the style property. CSS property names with a <code>-</code> must be camelCased and number properties must have a unit.</p> CSS<pre><code>body {\n    color: red;\n    background-color: pink;\n    padding-top: 10px;\n}\n</code></pre> JavaScript<pre><code>var pageNode = document.body;\npageNode.style.color = 'red';\npageNode.style.backgroundColor = 'pink';\npageNode.style.paddingTop = '10px';\n</code></pre>"},{"location":"languages/javascript/dom.html#manipulating-a-nodes-contents","title":"Manipulating a node's contents","text":"<p>Each DOM node has an <code>innerHTML</code> attribute. It contains the HTML of all its children.</p> JavaScript<pre><code>var pageNode = document.body;\nconsole.log(pageNode.innerHTML);\n\n// Set innerHTML to replace the contents of the node:\npageNode.innerHTML = \"&lt;h1&gt;Oh, no! Everything is gone!&lt;/h1&gt;\";\n\n// Or add to innerHTML instead:\npageNode.innerHTML += \"P.S. Please do write back.\";\n</code></pre> <p>To change the actual text of a node, <code>textContent</code> may be a better choice:</p> <p><code>innerHTML</code>:</p> <ul> <li>Works in older browsers</li> <li>More powerful: can change code</li> <li>Less secure: allows cross-site scripting (XSS)</li> </ul> <p><code>textContent</code>:</p> <ul> <li>Doesn't work in IE8 and below</li> <li>Faster: the browser doesn't have to parse HTML</li> <li>More secure: won't execute code</li> </ul>"},{"location":"languages/javascript/dom.html#reading-inputs-from-a-form","title":"Reading Inputs From A Form","text":"<p>In <code>page.html</code>:</p> HTML<pre><code>&lt;input type=\"\" id=\"identifier\" value=\"\"&gt;\n</code></pre> <p>In <code>script.js</code>:</p> JavaScript<pre><code>var formNode = document.getElementById(\"Identifier\");\nvar value = formNode.value;\n</code></pre>"},{"location":"languages/javascript/dom.html#creating-removing-dom-nodes","title":"Creating &amp; Removing DOM Nodes","text":"<p>The document object also allows to create new nodes from scratch.</p> JavaScript<pre><code>// create node\ndocument.createElement('tagName');\ndocument.createTextNode('text');\n\ndomNode.appendChild(childToAppend);  // insert childTaAppend after domNode\n\n// insert node before domNode\ndomNode.insertBefore(childToInsert, domnode);\ndomNode.parentNode.insertBefore(childToInsert, nodeAfterChild);\n\n// remove a node\ndomNode.removeChild(childToRemove);\nnode.parentNode.removeChild(node);\n</code></pre> <p>Example:</p> JavaScript<pre><code>var body = document.body;\n\nvar newImg = document.createElement('img');\nnewImg.src = 'http://placekitten.com/400/300';\nnewImg.style.border = '1px solid black';\n\nbody.appendChild(newImg);\n\nvar newParagraph = document.createElement('p');\nvar newText = document.createTextNode('Squee!');\n\nnewParagraph.appendChild(newText);\n\nbody.appendChild(newParagraph);\n</code></pre>"},{"location":"languages/javascript/dom.html#creating-dom-nodes-with-constructor-functions","title":"Creating DOM Nodes with Constructor Functions","text":"JavaScript<pre><code>function Node(params) {\n    this.node = document.createElement(\"tag\");\n\n    this.node.attribute = value;\n\n    // operations on the node\n\n    return this.node;\n}\n\nvar node = Node(params);\ndomElement.appendChild(node);\n</code></pre>"},{"location":"languages/javascript/events-animation.html","title":"Events &amp; Animation","text":""},{"location":"languages/javascript/events-animation.html#events","title":"Events","text":"<p>Event Types:</p> <ul> <li>Mouse Events: <code>mousedown</code>, <code>mouseup</code>, <code>click</code>, <code>dbclick</code>, <code>mousemove</code>, <code>mouseover</code>, <code>mousewheel</code>, <code>mouseout</code>, <code>contextmenu</code>, ...</li> <li>Touch Events: <code>touchstart</code>, <code>touchmove</code>, <code>touchend</code>, <code>touchcancel</code>, ...</li> <li>Keyboard Events: <code>keydown</code>, <code>keypress</code>, <code>keyup</code>, ...</li> <li>Form Events: <code>focus</code>, <code>blur</code>, <code>change</code>, <code>submit</code>, ...</li> <li>Window Events: <code>scroll</code>, <code>resize</code>, <code>hashchange</code>, <code>load</code>, <code>unload</code>, ...</li> </ul>"},{"location":"languages/javascript/events-animation.html#managing-event-listeners","title":"Managing Event Listeners","text":"JavaScript<pre><code>var domNode = document.getElementById(\"id\");\n\nvar onEvent = function(event) {  // parameter contains info on the triggered event\n    event.preventDefault();  // block execution of default action\n    // logic here\n}\n\ndomNode.addEventListener(eventType, callback);\ndomNode.removeEventListener(eventType, callback);\n</code></pre>"},{"location":"languages/javascript/events-animation.html#bubbling-capturing","title":"Bubbling &amp; Capturing","text":"<p>Events in Javascript propagate through the DOM tree.</p> <p>Bubbling and Capturing What Is Event Bubbling in JavaScript? Event Propagation Explained</p>"},{"location":"languages/javascript/events-animation.html#dispatching-custom-events","title":"Dispatching Custom Events","text":"<p>Event Options:</p> <ul> <li><code>bubbles</code> (bool): whether the event propagates through bubbling</li> <li><code>cancellable</code> (bool): if <code>true</code> the \"default action\" may be prevented</li> </ul> JavaScript<pre><code>let event = new Event(type [,options]);  // create the event, type can be custom\nlet event = new CustomEvent(type, { detail: /* custom data */ });  // create event w/ custom data\ndomNode.dispatchEvent(event);  // launch the event\n</code></pre> <p></p>"},{"location":"languages/javascript/events-animation.html#animation","title":"Animation","text":"<p>The window object is the assumed global object on a page.</p> <p>Animation in JavascriptThe standard way to animate in JS is to use window methods. It's possible to animate CSS styles to change size, transparency, position, color, etc.</p> JavaScript<pre><code>//Calls a function once after a delay\nwindow.setTimeout(callbackFunction, delayMilliseconds);\n\n//Calls a function repeatedly, with specified interval between each call\nwindow.setInterval(callbackFunction, delayMilliseconds);\n\n//To stop an animation store the timer into a variable and clear it\nwindow.clearTimeout(timer);\nwindow.clearInterval(timer);\n\n// execute a callback at each frame\nwindow.requestAnimationFrame(callbackFunction);\n</code></pre>"},{"location":"languages/javascript/events-animation.html#element-position-dimensions","title":"Element Position &amp; dimensions","text":"<p>StackOverflow Wrong dimensions at runtime</p> JavaScript<pre><code>&gt; console.log(document.getElementById('id').getBoundingClientRect());\nDOMRect {\n    bottom: 177,\n    height: 54.7,\n    left: 278.5,\u200b\n    right: 909.5,\n    top: 122.3,\n    width: 631,\n    x: 278.5,\n    y: 122.3,\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html","title":"JavaScript","text":""},{"location":"languages/javascript/javascript.html#basics","title":"Basics","text":""},{"location":"languages/javascript/javascript.html#notable-javascript-engines","title":"Notable javascript engines","text":"<ul> <li>Chromium: <code>V8</code> from Google  </li> <li>Firefox: <code>SpiderMonkey</code> from Mozilla  </li> <li>Safari: <code>JavaScriptCore</code> from Apple  </li> <li>Internet Explorer: <code>Chakra</code> from Microsoft  </li> </ul>"},{"location":"languages/javascript/javascript.html#comments","title":"Comments","text":"JavaScript<pre><code>//single line comment\n/*multiline comment*/\n</code></pre>"},{"location":"languages/javascript/javascript.html#file-header","title":"File Header","text":"JavaScript<pre><code>/**\n * @file filename.js\n * @author author's name\n * purpose of file\n *\n * detailed explanation of what the file does on multiple lines\n */\n</code></pre>"},{"location":"languages/javascript/javascript.html#modern-mode","title":"Modern Mode","text":"<p>If located at the top of the script the whole script works the \u201cmodern\u201d way (enables post-ES5 functionalities).  </p> JavaScript<pre><code>\"use strict\"\n\n// script contents\n</code></pre>"},{"location":"languages/javascript/javascript.html#pop-up-message","title":"Pop-Up message","text":"<p>Interrupts script execution until closure, to be avoided</p> JavaScript<pre><code>alert(\"message\");\n</code></pre>"},{"location":"languages/javascript/javascript.html#print-message-to-console","title":"Print message to console","text":"<p><code>console.log(value);</code></p>"},{"location":"languages/javascript/javascript.html#variables","title":"Variables","text":""},{"location":"languages/javascript/javascript.html#declaration-initialization","title":"Declaration &amp; Initialization","text":"<p>var vs let vs const</p> <p>Variable names can only contain numbers, digits, underscores and $. Variable names are camelCase.</p> <p><code>let</code>: Block-scoped; access to variable restricted to the nearest enclosing block. <code>var</code>: Function-scoped</p> <p><code>let variable1 = value1, variable2 = value2;</code> <code>var variable1 = value1, variable2 = value2;</code></p>"},{"location":"languages/javascript/javascript.html#scope","title":"Scope","text":"<p>Variable declared with <code>let</code> are in local to the code block in which are declared. Variable declared with <code>var</code> are local only if declared in a function.</p> JavaScript<pre><code>function func(){\n    variable = value;  // implicitly declared as a global variable\n    var variable = value;  // local variable\n}\n\nvar a = 10;  // a is 10\nlet b = 10;  // b is 10\n{\n    var x = 2, a = 2;  // a is 2\n    let y = 2, b = 2;  // b is 2\n}\n// a is 2, b is 10\n// x can NOT be used here\n// y CAN be used here\n</code></pre>"},{"location":"languages/javascript/javascript.html#constants","title":"Constants","text":"<p>Hard-coded values are UPPERCASE and snake_case, camelCase otherwise. <code>const CONSTANT = value;</code></p>"},{"location":"languages/javascript/javascript.html#data-types","title":"Data Types","text":"<p><code>Number</code>, <code>String</code>, <code>Boolean</code>, etc are built-in global objects. They are not types. Do not use them for type checking.</p>"},{"location":"languages/javascript/javascript.html#numeric-data-types","title":"Numeric data types","text":"<p>Only numeric type is <code>number</code>.</p> JavaScript<pre><code>let number = 10;  //integer numbers\nnumber = 15.7;  //floating point numbers\nnumber = Infinity;  //mathematical infinity\nnumber = - Infinity;\nnumber = 1234567890123456789012345678901234567890n;  //BigInt, value &gt; 2^53, \"n\" at the end\nnumber = \"text\" / 2;  //NaN --&gt; not a number.\n</code></pre> <p>Rounding Decimals in JavaScript Decimal.js</p> <p>Mathematical expression will never cause an error. At worst the result will be NaN.</p>"},{"location":"languages/javascript/javascript.html#string-data-type","title":"String data type","text":"JavaScript<pre><code>let string = \"text\";\nlet string$ = 'text';\nlet string_ = `text ${expression}`;  //string interpolation (needs backticks)\n\nstring.length;  // length of the string\nlet char = string.charAt(index);  // extraction of a single character by position\nstring[index]; // char extraction by property access\nlet index = string.indexOf(substring);  // start index of substring in string\n</code></pre> <p>Property access is unpredictable:</p> <ul> <li>does not work in IE7 or earlier</li> <li>makes strings look like arrays (confusing)</li> <li>if no character is found, <code>[ ]</code> returns undefined, <code>charAt()</code> returns an empty string</li> <li>Is read only: <code>string[index] = \"value\"</code> does not work and gives no errors</li> </ul>"},{"location":"languages/javascript/javascript.html#slice-vs-substring-vs-substr","title":"Slice vs Substring vs Substr","text":"<p>If the parameters to slice are negative, they reference the string from the end. Substring and substr doesn\u00b4t.</p> JavaScript<pre><code>string.slice(begin [, end]);\nstring.substring(from [, to]);\nstring.substr(start [, length]);\n</code></pre>"},{"location":"languages/javascript/javascript.html#boolean-data-type","title":"Boolean data type","text":"JavaScript<pre><code>let boolean = true;\nlet boolean_ = false;\n</code></pre>"},{"location":"languages/javascript/javascript.html#null-data-type","title":"Null data type","text":"JavaScript<pre><code>let _ = null;\n</code></pre>"},{"location":"languages/javascript/javascript.html#undefined","title":"Undefined","text":"JavaScript<pre><code>let $;  //value is \"undefined\"\n$ = undefined;\n</code></pre>"},{"location":"languages/javascript/javascript.html#typeof","title":"Typeof()","text":"JavaScript<pre><code>typeof x;  //returns the type of the variable x as a string\ntypeof(x);  //returns the type of the variable x as a string\n</code></pre> <p>The result of typeof null is \"object\". That's wrong. It is an officially recognized error in typeof, kept for compatibility. Of course, null is not an object. It is a special value with a separate type of its own. So, again, this is an error in the language.  </p>"},{"location":"languages/javascript/javascript.html#type-casting","title":"Type Casting","text":"JavaScript<pre><code>String(value);  //converts value to string\n\nNumber(value);  //converts value to a number\nNumber(undefined);  //--&gt; NaN\nNumber(null);  //--&gt; 0\nNumber(true);  //--&gt; 1\nNumber(false);  //--&gt; 0\nNumber(String);  //Whitespace from the start and end is removed. If the remaining string is empty, the result is 0. Otherwise, the number is \"read\" from the string. An error gives NaN.\n\nBoolean(value);  //--&gt; true\nBoolean(0); //--&gt; false\nBoolean(\"\");  //--&gt; false\nBoolean(null);  //--&gt; false\nBoolean(undefined);  //--&gt; false\nBoolean(NaN);  //--&gt; false\n\n\n//numeric type checking the moronic way\ntypeof var_ == \"number\";  // typeof returns a string with the name of the type\n</code></pre>"},{"location":"languages/javascript/javascript.html#type-checking","title":"Type Checking","text":"JavaScript<pre><code>isNaN(var);  // converts var in number and then check if is NaN\n\nNumber(\"A\") == NaN;  //false ?!?\n</code></pre>"},{"location":"languages/javascript/javascript.html#dangerous-stupid-implicit-type-casting","title":"Dangerous &amp; Stupid Implicit Type Casting","text":"JavaScript<pre><code>2 + 'text';  //\"2text\", implicit conversion and concatenation\n1 + \"1\";  //\"11\", implicit conversion and concatenation\n\"1\" + 1;  //\"11\", implicit conversion and concatenation\n+\"1\";  //1, implicit conversion\n+\"text\";  // NaN\n1 == \"1\";  //true\n1 === \"1\";  //false\n1 == true;  //true\n0 == false;  //true\n\"\" == false;  //true\n</code></pre>"},{"location":"languages/javascript/javascript.html#operators","title":"Operators","text":"Operator Operation <code>(...)</code> grouping a<code>.</code>b member access <code>new</code> a(...) object creation a <code>in</code> b membership"},{"location":"languages/javascript/javascript.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation a <code>+</code> b addition a <code>-</code> b subtraction a <code>*</code> b multiplication a <code>**</code> b a^b a <code>/</code> b division a <code>%</code> b modulus"},{"location":"languages/javascript/javascript.html#unary-increment-operators","title":"Unary Increment Operators","text":"Operator Operation <code>--</code>variable prefix decrement <code>++</code>variable prefix increment variable<code>--</code> postfix decrement variable<code>++</code> postfix increment"},{"location":"languages/javascript/javascript.html#logical-operators","title":"Logical Operators","text":"Operator Operation a <code>&amp;&amp;</code> b logical AND a <code>||</code> b logical OR <code>!</code>a logical NOT"},{"location":"languages/javascript/javascript.html#comparison-operators","title":"Comparison Operators","text":"Operator Operation a <code>&lt;</code> b less than a <code>&lt;=</code> b less or equal to a <code>&gt;</code> b greater than a <code>&gt;=</code> b greater or equal to a <code>==</code> b equality a <code>!=</code> b inequality a <code>===</code> b strict equality a <code>!==</code> b strict inequality"},{"location":"languages/javascript/javascript.html#bitwise-logical-operators","title":"Bitwise Logical Operators","text":"Operator Operation a <code>&amp;</code> b bitwise AND a <code>|</code> b bitwise OR a <code>^</code> b bitwise XOR <code>~</code>a bitwise NOT a <code>&lt;&lt;</code> b bitwise left shift a <code>&gt;&gt;</code> b bitwise right shift a <code>&gt;&gt;&gt;</code> b bitwise unsigned right shift"},{"location":"languages/javascript/javascript.html#compound-operators","title":"Compound Operators","text":"Operator Operation a <code>+=</code> b a = a + b a <code>-=</code> b a = a - b a <code>*=</code> b a = a * b a <code>**=</code> b a = a ** b a <code>/=</code> b a = a / b a <code>%=</code> b a = a % b a <code>&lt;&lt;=</code> b a = a &lt;&lt; b a <code>&gt;&gt;=</code> b a = a &gt;&gt; b a <code>&gt;&gt;&gt;=</code> b a = a &gt;&gt;&gt; b a <code>&amp;=</code> b a = a &amp; b a <code>^=</code> b a = a ^ b a <code>|=</code> b a = a ! b"},{"location":"languages/javascript/javascript.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/javascript/javascript.html#if-else","title":"IF-ELSE","text":"JavaScript<pre><code>if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#if-else-multi-branch","title":"IF-ELSE Multi-Branch","text":"JavaScript<pre><code>if (condition) {\n    //code here\n} else if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#ternary-operator","title":"Ternary Operator","text":"<p><code>condition ? &lt;expr1&gt; : &lt;expr2&gt;;</code> </p>"},{"location":"languages/javascript/javascript.html#switch-statement","title":"Switch Statement","text":"JavaScript<pre><code>switch (expression) {\n    case expression:\n        //code here\n        break;\n\n    default:\n        //code here\n        break;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#loops","title":"Loops","text":""},{"location":"languages/javascript/javascript.html#while-loop","title":"While Loop","text":"JavaScript<pre><code>while (condition) {\n    //code here\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#do-while-loop","title":"Do-While Loop","text":"JavaScript<pre><code>do {\n    //code here\n} while (condition);\n</code></pre>"},{"location":"languages/javascript/javascript.html#for-loop","title":"For Loop","text":"JavaScript<pre><code>// basic for\nfor (begin; condition; step) { }\n\nfor (var variable in iterable) { }  // for/in statement loops through the properties of an object\nfor (let variable in iterable) { }  // instantiate a new variable at each iteration\n\n// for/of statement loops through the values of an iterable objects\n// for/of lets you loop over data structures that are iterable such as Arrays, Strings, Maps, NodeLists, and more.\nfor (var variable of iterable) { }\nfor (let variable of iterable) { }  // instantiate a new variable at each iteration\n\n// foreach (similar to for..of)\niterable.forEach(() =&gt; { /* statements */ });\n</code></pre>"},{"location":"languages/javascript/javascript.html#break-continue-statements","title":"Break &amp; Continue statements","text":"<p><code>break;</code>  exits the loop. <code>continue;</code> skip to next loop cycle.</p> JavaScript<pre><code>label: for(begin; condition; step) {\n    //code here\n}\n\nbreak label;  //breaks labelled loop and nested loops inside it\n</code></pre>"},{"location":"languages/javascript/javascript.html#arrays","title":"Arrays","text":"JavaScript<pre><code>let array = [];  // empty array\nlet array = [\"text\", 3.14, [1.41]];  // array declaration and initialization\n\narray.length;  // number of items in the array\narray[index];  // access to item by index\narray[index] = item; // change or add item by index\n\narray.push(item);  //add item to array\narray.pop();  // remove and return last item\n\narray.join(\"separator\");  // construct a string from the items of the array, separated by SEPARATOR\narray.find(item =&gt; condition); // returns the value of the first element in the provided array that satisfies the provided testing function\narray.fill(value, start, end);  // fills an array with the passed value\n\n\n// https://stackoverflow.com/a/37601776\narray.slice(start, end);  // RETURN list of items between indexes start and end-1\narray.splice(start, deleteCount, [items_to_add]);  // remove and RETURN items from array, can append a list of items. IN PLACE operation\n</code></pre>"},{"location":"languages/javascript/javascript.html#filter-map-reduce","title":"<code>filter()</code> &amp; <code>map()</code>, <code>reduce()</code>","text":"JavaScript<pre><code>let array = [ items ];\n\n// execute an operation on each item, producing a new array\narray.map(function);\narray.map(() =&gt; operation); \n\narray.filter(() =&gt; condition);  // return an items only if the condition is true\n\n// execute a reducer function on each element of the array, resulting in single output value\narray.reduce((x, y) =&gt; ...);\n</code></pre>"},{"location":"languages/javascript/javascript.html#spread-operator","title":"Spread Operator (...)","text":"JavaScript<pre><code>// arrays\nlet array1 = [ 1, 2, 3, 4, 5, 6 ];\nlet array2 = [ 7, 8, 9, 10 ];\nlet copy = [ ...array1 ];  // shallow copy\nlet copyAndAdd = [ 0, ...array1, 7 ];  // insert all values in new array\nlet merge = [ ...array1, ...array2 ];  // merge the arrays contents in new array\n\n// objects\nlet obj = { prop1: value1, prop2: value2 };\nlet clone = { ...obj, prop: value };  // shallow copy, and update copy prop\nlet cloneAndAdd = { prop0: value0, ...obj, prop3: value3 };\n\n// strings\nlet alphabet = \"abcdefghijklmnopqrstxyz\"\nlet letters = [ ...alphabet ];  // alphabet.split(\"\")\n\n//function arguments\nlet func = (arg1 = val1, arg2 = val2) =&gt; expression;\nlet args = [ value1, value2 ];\nfunc(arg0, ...args);\n</code></pre>"},{"location":"languages/javascript/javascript.html#dictionaries","title":"Dictionaries","text":"JavaScript<pre><code>let dict = { FirstName: \"Chris\", \"one\": 1, 1: \"some value\" };\n\n\n// add new or update property\ndict[\"Age\"] = 42;\n\n// direct property by name\n// because it's a dynamic language\ndict.FirstName = \"Chris\";\n</code></pre>"},{"location":"languages/javascript/javascript.html#iterating-key-value-pairs","title":"Iterating Key-Value pairs","text":"JavaScript<pre><code>for(let key in dict) {\n  let value = dict[key];\n\n  // do something with \"key\" and \"value\" variables\n}\n\nObject.keys(dict).forEach(key =&gt; { });\n</code></pre>"},{"location":"languages/javascript/javascript.html#functions","title":"Functions","text":""},{"location":"languages/javascript/javascript.html#jsdoc-documentation-standard","title":"JSDOC documentation standard","text":"JavaScript<pre><code>/**\n * @param {type} parameter - description\n * @returns {type} parameter - description\n * */\n</code></pre>"},{"location":"languages/javascript/javascript.html#function-declaration","title":"Function Declaration","text":"JavaScript<pre><code>// ...args will contain extra parameters (rest argument)\nfunction functionName(parameter=default-value, ...args) {\n    //code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#default-parameters-old-versions","title":"Default Parameters (old versions)","text":"JavaScript<pre><code>function functionName(parameters) {\n    if (parameter == undefined) {\n        parameter = value;\n    }\n\n    //code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#function-expressions","title":"Function Expressions","text":"JavaScript<pre><code>let functionName = function(parameters) {\n    //code here\n    return expression;\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#arrow-functions","title":"Arrow Functions","text":"JavaScript<pre><code>(input) =&gt; { /* statements */ }\n(input) =&gt; expression;\ninput =&gt; expression;  // parenthesis are optional\n() =&gt; expression;  // no parameters syntax\n\n// variants\nlet func = (input) =&gt; {\n    // code here\n};\n\nlet func = (input) =&gt; expression;\nlet func = input =&gt; expression;\n\nfunc();  // function call\n\n// return object literal\nlet func = (value) =&gt; ({property: value});\n</code></pre>"},{"location":"languages/javascript/javascript.html#object-oriented-programming","title":"Object Oriented Programming","text":"<p>An object is a collection of related data and/or functionality.</p> <p>Note: It's not possible to transform a variable in an object simply by using the object assignment.</p> JavaScript<pre><code>let variable = value;\n\n// object literal\nlet obj = {\n    property: value,\n    variable,  // same as variable: variable\n    [property]: value  // dynamic prop name\n\n    object: {\n        ...\n    },\n\n    method: function() {\n        // code here\n        this.propertyName;  // reference to object property inside the object\n    }\n\n    method; () =&gt; {\n        obj.propertyName;  // this is undefined here, use full object name\n    }\n};\n\n// access to property (non existant properties will return Undefined)\nobj.property;  // dot notation\nobj[\"property\"];  // array notation\n\n// property modification (will add property if missing)\nobj.property = value;  // dot notation\nobj[\"property\"] = value;  // array notation\n\nobj.func(); //method access\n\ndelete obj.propertyName;  // delete property\n\nObject.keys(obj);  // list of all property names\nObject.entries(obj);  // list contents as key-value pairs\n</code></pre>"},{"location":"languages/javascript/javascript.html#constructors-and-object-instances","title":"Constructors and object instances","text":"<p>JavaScript uses special functions called constructor functions to define and initialize objects and their features. Notice that it has all the features you'd expect in a function, although it doesn't return anything or explicitly create an object \u2014 it basically just defines properties and methods.</p> JavaScript<pre><code>// constructor function definition\nfunction Class(params) {\n    this.property = param;\n\n    this.method = function(params) { /* code here */ }\n}\n\nlet obj = new Class(params);  // object instantiation\n\nlet obj = new Object();  // creates empty object\nlet obj = new Object({\n    // JSON\n});\n</code></pre>"},{"location":"languages/javascript/javascript.html#prototypes","title":"Prototypes","text":"<p>Prototypes are the mechanism by which JavaScript objects inherit features from one another.</p> <p>JavaScript is often described as a prototype-based language; to provide inheritance, objects can have a prototype object, which acts as a template object that it inherits methods and properties from.</p> <p>An object's prototype object may also have a prototype object, which it inherits methods and properties from, and so on. This is often referred to as a prototype chain, and explains why different objects have properties and methods defined on other objects available to them. If a method is implemented on an object (and not it's prototype) then only that object will heve that method and not all the ones that come from the same prototype.</p> JavaScript<pre><code>// constructor function\nfunction Obj(param1, ...) {\n    this.param1 = param1,\n    ...\n}\n\n// method on the object\nObj.prototype.method = function(params) {\n    // code here (operate w/ this)\n}\n\nlet obj = new Obj(args);  // object instantiation\nobj.method();  // call method from prototype\n</code></pre>"},{"location":"languages/javascript/javascript.html#extending-with-prototypes","title":"Extending with prototypes","text":"JavaScript<pre><code>// constructor function\nfunction DerivedObj(param1, param2, ...) {\n    Obj.call(this, param1);  // use prototype constructor\n    this.param2 = param2;\n}\n\n// extend Obj\nDerivedObj.prototype = Object.create(Obj.prototype);\n\n// method on object\nDerivedObj.prototype.method = function() {\n    // code here (operate w/ this)\n}\n\nlet dobj = new DerivedObj(args);  // object instantiation\ndobj.method();  // call method from prototype\n</code></pre>"},{"location":"languages/javascript/javascript.html#classes-es6","title":"Classes (ES6+)","text":"JavaScript<pre><code>class Obj {\n    constructor(param1, ...) {\n        this.param1 = param1,\n        ...\n    }\n\n    get param1()  // getter\n    {\n        return this.param1;\n    }\n\n    func() {\n        // code here (operate w/ this)\n    }\n\n    static func() { }  // static method\n\n// object instantiation\nlet obj = new Obj(param1, ...);\nobj.func();  // call method\n</code></pre>"},{"location":"languages/javascript/javascript.html#extending-with-classes","title":"Extending with Classes","text":"JavaScript<pre><code>class DerivedObj extends Obj {\n    constructor(param1, param2, ...){\n        super(param1);  // use superclass constructor\n        this.param2 = param2;\n    }\n\n    newFunc() { }\n}\n\nlet dobj = DerivedObj();\ndobj.newFunc();\n</code></pre>"},{"location":"languages/javascript/javascript.html#deconstruction","title":"Deconstruction","text":""},{"location":"languages/javascript/javascript.html#object-deconstruction","title":"Object deconstruction","text":"JavaScript<pre><code>let obj = {\n    property: value,\n    ...\n}\n\nlet { var1, var2 } = obj;  // extract values from object into variables\nlet { property: var1, property2 : var2 } = obj;  // extract props in variables w/ specified names\nlet { property: var1, var2 = default_value } = obj;  // use default values if object has less then expected props\n</code></pre>"},{"location":"languages/javascript/javascript.html#array-deconstruction","title":"Array Deconstruction","text":"JavaScript<pre><code>let array = [ 1, 2, 3, 4, 5, 6 ];\nlet [first, , third, , seventh = \"missing\" ] = array;  // extract specific values from array\n</code></pre>"},{"location":"languages/javascript/javascript.html#serialization","title":"Serialization","text":"JavaScript<pre><code>let object = {\n    // object attributes\n}\n\nlet json = JSON.stringify(object);  // serialize object in JSON\n\nlet json = {  /* JSON */ };\nlet object = JSON.parse(json);  // deserialize to Object\n</code></pre>"},{"location":"languages/javascript/javascript.html#timing","title":"Timing","text":""},{"location":"languages/javascript/javascript.html#timers","title":"Timers","text":"<p>Function runs once after an interval of time.</p> JavaScript<pre><code>// param1, param2, ... are the arguments passed to the function (IE9+)\nlet timerId = setTimeout(func [, milliseconds, param1, param2, ... ]);  // wait milliseconds before executing the code (params are read at execution time)\n\n// works in IE9\nlet timerId =  setTimeout(function(){\n    func(param1, param2);\n}, milliseconds);\n\n// Anonymous functions with arguments\nlet timerId = setTimeout(function(arg1, ...){\n    // code here\n}, milliseconds, param1, ...);\n\nclearTimeout(timerId)  // cancel execution\n\n// example of multiple consecutive schedules\nlet list = [1 , 2, 3, 4, 5, 6, 7, 8, 9, 10, \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\", -1, -2, -3, -4, -5, -6, -7, -8, -9, -10]\nfunction useTimeout(pos=0) {\n\n    setTimeout(function(){\n        console.log(list[pos]);\n        pos += 1;  // update value for next call\n\n        if (pos &lt; list.length) {  // recursion exit condition\n            useTimeout(pos);  // schedule next call with new value\n        }\n    }, 1_000, pos);\n}\n\nuseTimeout();\n</code></pre>"},{"location":"languages/javascript/javascript.html#let-vs-var-with-settimeout","title":"<code>let</code> vs <code>var</code> with <code>setTimeout</code>","text":"JavaScript<pre><code>// let instantiates a new variable for each iteration\nfor (let i = 0; i &lt; 3; ++i) {\n    setTimeout(function() {\n        console.log(i);\n    }, i * 100);\n}\n// output: 0, 1, 2\n\nfor (var i = 0; i &lt; 3; ++i) {\n    setTimeout(function() {\n        console.log(i);\n    }, i * 100);\n}\n// output: 3, 3, 3\n</code></pre>"},{"location":"languages/javascript/javascript.html#preserving-the-context","title":"Preserving the context","text":"JavaScript<pre><code>let obj = {\n    prop: value,\n\n    method1 : function() { /* statement */ }\n\n    method2 : function() {\n        let self = this  // memorize context inside method (otherwise callback will not know it)\n        setTimeout(function() { /* code here (uses self) */ })\n    }\n}\n\n\n// better\nlet obj = {\n    prop: value,\n\n    method1 : function() { /* statement */ }\n\n    method2 : function() {\n        setTimeout(() =&gt; { /* code here (uses this) */ })  // arrow func does not create new scope, this context preserved\n    }\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#intervals","title":"Intervals","text":"<p>Function runs regularly with a specified interval. JavaScript is Single Threaded.</p> JavaScript<pre><code>// param1, param2, ... are the arguments passed to the function (IE9+)\nlet timerId = setInterval(func, milliseconds [, param1, param2, ... ]); // (params are read at execution time)\n\n// works in IE9\nlet timerId =  setInterval(function(){\n    func(param1, param2);\n}, milliseconds);\n\n// Anonymous functions with arguments\nlet timerId = setInterval(function(arg1, ...){\n    // code here\n}, milliseconds, param1, ...);\n\nclearTimeout(timerId);  // cancel execution\n</code></pre>"},{"location":"languages/javascript/javascript.html#datetime","title":"DateTime","text":"<p>A date consists of a year, a month, a day, an hour, a minute, a second, and milliseconds.</p> <p>There are generally 4 types of JavaScript date input formats:</p> <ul> <li>ISO Date: <code>\"2015-03-25\"</code></li> <li>Short Date: <code>\"03/25/2015\"</code></li> <li>Long Date: <code>\"Mar 25 2015\"</code> or <code>\"25 Mar 2015\"</code></li> <li>Full Date: <code>\"Wednesday March 25 2015\"</code></li> </ul> JavaScript<pre><code>// constructors\nnew Date();\nnew Date(milliseconds);\nnew Date(dateString);\nnew Date(year, month, day, hours, minutes, seconds, milliseconds);\n\n// accepts parameters similar to the Date constructor, but treats them as UTC. It returns the number of milliseconds since January 1, 1970, 00:00:00 UTC.\nDate.UTC(year, month, day, hours, minutes, seconds, milliseconds);\n\n//static methods\nDate.now();  // returns the number of milliseconds elapsed since January 1, 1970 00:00:00 UTC.\n\n// methods\nlet date = new Date();\ndate.toSting(); // returns a string representing the specified Date object\ndate.toUTCString();\ndate.toDateString();\ndate.toTimeString();  // method returns the time portion of a Date object in human readable form in American English.\n\n\n// get date\n\ndare.getMonth();\ndate.getMinutes();\ndate.getFullYear();\n\n// set date\ndate.setFullYear(2020, 0, 14);\ndate.setDate(date.getDate() + 50);\n\n// parse valid dates\nlet msec = Date.parse(\"March 21, 2012\");\nlet date = new Date(msec);\n</code></pre>"},{"location":"languages/javascript/javascript.html#comparing-dates","title":"Comparing Dates","text":"<p>Comparison operators work also on dates</p> JavaScript<pre><code>let date1 = new Date();\nlet date2 = new Date(\"May 24, 2017 10:50:00\");\n\nif(date1 &gt; date2){\n        console.log('break time');\n} else {\n        console.log('stay in class');\n}\n</code></pre>"},{"location":"languages/javascript/javascript.html#exports","title":"Exports","text":"<p>Firefox CORS not HTTP</p> <p>Note: Firefox 68 and later define the origin of a page opened using a <code>file:///</code> URI as unique. Therefore, other resources in the same directory or its subdirectories no longer satisfy the CORS same-origin rule. This new behavior is enabled by default using the <code>privacy.file_unique_origin</code> preference.</p> JSON<pre><code>\"privacy.file_unique_origin\": \"false\"\n</code></pre> <p>In <code>page.html</code></p> HTML<pre><code>&lt;script src=\"scripts/module.js\"&gt;&lt;/script&gt;\n&lt;script src=\"scripts/script.js\"&gt;&lt;/script&gt;\n</code></pre> <p>In <code>module.js</code>:</p> JavaScript<pre><code>// exporting individual fractures\nexport default function() {}  // one per module\nexport func = () =&gt; expression;  // zero or more per module\n\n// Export list\nexport { name1, name2, \u2026, nameN };\n\n// Renaming exports\nexport { variable1 as name1, variable2 as name2, \u2026, nameN };\n\n// Exporting destructured assignments with renaming\nexport const { name1, name2: bar } = o;\n\n // re-export\nexport { func } from \"other_script.js\" \n</code></pre> <p>In <code>script.js</code>:</p> JavaScript<pre><code>import default_func_alias, { func as alias } from \"./module.js\";  // import default and set alias\nimport { default as default_func_alias, func as alias } from \"./module.js\";  // import default and set alias\n\n// use imported functions\ndefault_func_alias();\nalias();\n</code></pre> JavaScript<pre><code>import * from \"./module.js\";  // import all\n\nmodule.function();  // use imported content with fully qualified name\n</code></pre>"},{"location":"languages/javascript/jquery.html","title":"jQuery Library","text":""},{"location":"languages/javascript/jquery.html#including-jquery","title":"Including jQuery","text":""},{"location":"languages/javascript/jquery.html#download-and-link-the-file","title":"Download and link the file","text":"HTML<pre><code>&lt;head&gt;\n    &lt;script src=\"jquery-x.x.x.min.js\"&gt;&lt;/script&gt;\n&lt;/head&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#use-a-cdn","title":"Use a CDN","text":"HTML<pre><code>&lt;head&gt;\n    &lt;script src=\"https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js\"&gt;&lt;/script&gt;\n&lt;/head&gt;\n\n&lt;!-- OR --&gt;\n\n&lt;head&gt;\n    &lt;script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-x.x.x.min.js\"&gt;&lt;/script&gt;\n&lt;/head&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#what-is-a-cdn","title":"What is a CDN","text":"<p>A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance. CDNs serve a large fraction of the Internet content today, including web objects (text, graphics and scripts), downloadable objects (media files, software, documents), applications (e-commerce, portals), live streaming media, on-demand streaming media, and social networks.</p>"},{"location":"languages/javascript/jquery.html#html-manipulation","title":"HTML Manipulation","text":""},{"location":"languages/javascript/jquery.html#finding-dom-elements","title":"Finding DOM elements","text":"JavaScript<pre><code>$('tag');\n$(\"#id\");\n$(\".class\");\n</code></pre>"},{"location":"languages/javascript/jquery.html#manipulating-dom-elements","title":"Manipulating DOM elements","text":"JavaScript<pre><code>$(\"p\").addClass(\"special\");\n</code></pre> HTML<pre><code>&lt;!-- before --&gt;\n&lt;p&gt;Welcome to jQuery&lt;p&gt;\n\n&lt;!-- after --&gt;\n&lt;p class=\"special\"&gt;Welcome to jQuery&lt;p&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#reading-elements","title":"Reading Elements","text":"HTML<pre><code>&lt;a id=\"yahoo\" href=\"http://www.yahoo.com\" style=\"font-size:20px;\"&gt;Yahoo!&lt;/a&gt;\n</code></pre> JavaScript<pre><code>// find it &amp; store it\nvar link = $('a#yahoo');\n\n// get info about it\nlink.html(); // 'Yahoo!'\nlink.attr('href'); // 'http://www.yahoo.com'\nlink.css('font-size'); // '20px\n</code></pre>"},{"location":"languages/javascript/jquery.html#modifying-elements","title":"Modifying Elements","text":"JavaScript<pre><code>// jQuery\n$('a').html('Yahoo!');\n$('a').attr('href', 'http://www.yahoo.com');\n$('a').css({'color': 'purple'});\n</code></pre> HTML<pre><code>&lt;!-- before --&gt;\n&lt;a href=\"http://www.google.com\"&gt;Google&lt;/a&gt;\n\n&lt;!-- after --&gt;\n&lt;a href=\"http://www.yahoo.com\" style=\"color:purple\"&gt;Yahoo&lt;/a&gt;\n</code></pre>"},{"location":"languages/javascript/jquery.html#create-store-manipulate-and-inject","title":"Create, Store, Manipulate and inject","text":"JavaScript<pre><code>let paragraph = $('&lt;p class=\"intro\"&gt;Welcome&lt;p&gt;');  // create and store element\n\nparagraph.css('property', 'value');  // manipulate element\n\n$(\"body\").append(paragraph);  // inject in DOM\n</code></pre>"},{"location":"languages/javascript/jquery.html#regular-dom-nodes-to-jquery-objects","title":"Regular DOM Nodes to jQuery Objects","text":"JavaScript<pre><code>var paragraphs = $('p'); // an array\nvar aParagraph = paragraphs[0]; // a regular DOM node\nvar $aParagraph = $(paragraphs[0]); // a jQuery Object\n\n// can also use loops\nfor(var i = 0; i &lt; paragraphs.length; i++) {\n    var element = paragraphs[i];\n    var paragraph = $(element);\n    paragraph.html(paragraph.html() + ' WOW!');\n}\n</code></pre>"},{"location":"languages/javascript/jquery.html#events","title":"Events","text":"JavaScript<pre><code>var onButtonClick = function() {  \n    console.log('clicked!');\n}\n\n// with named callback &amp; .on\n$('button').on('click', onButtonClick);\n\n// with anonymous callback &amp; .on\n$('button').on('click', function(){\n    console.log('clicked!');\n});\n\n// with .click &amp; named callback\n$('button').click(onButtonClick);\n</code></pre>"},{"location":"languages/javascript/jquery.html#preventing-default-event","title":"Preventing Default Event","text":"JavaScript<pre><code>$('selector').on('event', function(event) {\n    event.preventDefault();\n    // custom logic\n});\n</code></pre>"},{"location":"languages/javascript/jquery.html#plugins","title":"Plugins","text":"<p>In the HTML, add a <code>&lt;script&gt;</code> ag that hotlinks to the CDN or source file:</p> HTML<pre><code>&lt;script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js\"&gt;&lt;script&gt;\n</code></pre> <p>In the JavaScript call the jQuery plugin on the DOM:</p> JavaScript<pre><code>$(\"form\").validate();\n</code></pre> <p>Note: always link to the minified js files.</p>"},{"location":"languages/javascript/jquery.html#more-jquery","title":"More jQuery","text":""},{"location":"languages/javascript/jquery.html#patters-anti-patterns","title":"Patters &amp; Anti-Patterns","text":"JavaScript<pre><code>// Pattern: name variables with $var\n$myVar =$('#myNode');\n\n// Pattern: store references to callback functions\nvar callback = function(argument){\n    // do something cool\n};\n\n$(document).on('click', 'p', myCallback);\n\n// Anti-pattern: anonymous functions\n$(document).on('click', 'p', function(argument){\n    // do something anonymous\n});\n</code></pre>"},{"location":"languages/javascript/jquery.html#chaining","title":"Chaining","text":"JavaScript<pre><code>banner.css('color', 'red');\nbanner.html('Welcome!');\nbanner.show();\n\n// same as:\nbanner.css('color', 'red').html('Welcome!').show();\n\n// same as:\nbanner.css('color', 'red')\n    .html('Welcome!')\n    .show();\n</code></pre>"},{"location":"languages/javascript/jquery.html#dom-readiness","title":"DOM Readiness","text":"<p>DOM manipulation and event binding doesn't work if the <code>&lt;script&gt;</code> is in the <code>&lt;head&gt;</code></p> JavaScript<pre><code>$(document).ready(function() {\n    // the DOM is fully loaded\n});\n\n$(window).on('load', function(){\n    // the DOM and all assets (including images) are loaded\n});\n</code></pre>"},{"location":"languages/javascript/jquery.html#ajax-jquery-15","title":"AJAX (jQuery <code>1.5</code>+)","text":"JavaScript<pre><code>$.ajax({\n    method: 'POST',\n    url: 'some.php',\n    data: { name: 'John', location: 'Boston'}\n})\n.done(function(msg){alert('Data Saved: '+ msg);})\n.fail(function(jqXHR, textStatus){alert('Request failed: '+ textStatus);});\n</code></pre>"},{"location":"languages/javascript/react/react-router.html","title":"React Router","text":"<p>Popular routing library. Allows to specify a route through React components, declaring which component is to be loaded for a given URL.</p> <p>Key Components:</p> <ul> <li>Router: wrap the app entry-point, usually <code>BrowserRouter</code></li> <li>Route: \"Load this component for this URL\"</li> <li>Link: react-managed anchors that won't post back to the browser</li> </ul>"},{"location":"languages/javascript/react/react-router.html#routers","title":"Routers","text":"<p>Router Types:</p> <ul> <li>HashRouter: <code>#route</code>, adds hashes to the URLs</li> <li>BrowserRouter: <code>/route</code>, uses HTML5 history API to provide clean URLs</li> <li>MemoryRouter: no URL</li> </ul> JavaScript<pre><code>// index.js\n\n//other imports ...\n\nimport { BrowserRouter as Router } from \"react-router-dom\";\n\nReact.render(\n    &lt;Router&gt;\n        &lt;App /&gt;\n    &lt;/Router&gt;,\n    document.getElementById(\"DomID\");\n)\n</code></pre> JavaScript<pre><code>// Component.js\nimport { Route, Route } from \"react-router-dom\";\n\n&lt;div&gt;\n    {/* match route pattern exactly, all sub-routes will be matched otherwise */}\n    &lt;Route path=\"/\" exact element={&lt;Component props={props} /&gt;} /&gt; \n    &lt;Route path=\"/route\" element={&lt;Component props={props} /&gt;} /&gt;\n    ...\n&lt;/div&gt;\n\n// only one child can match, similar to Route-case\n&lt;Routes&gt;\n    &lt;Route path=\"/\" exact element={&lt;Component props={props} /&gt;} /&gt;\n    &lt;Route path=\"/route\" element={&lt;Component props={props} /&gt;} /&gt;\n    &lt;Route component={PageNotFound} /&gt; {/* matches all non-existent URLs */}\n&lt;/Route&gt;\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#url-parameters-query-string","title":"URL Parameters &amp; Query String","text":"JavaScript<pre><code>// Given\n&lt;Route path=\"/route/:placeholder\" element={&lt;Component props={props} /&gt;} /&gt;\n// URL: app.com/route/sub-route?param=value\n\nfunction Component(props) {\n    props.match.params.placeholder;  // sub-route\n    props.location.query;  // { param: value }\n    props.location.pathname; // /route/sub-route?param=value\n}\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#redirecting","title":"Redirecting","text":"JavaScript<pre><code>import { Navigate } from \"react-router-dom\";\n\n// redirects to another URL on render, shouldn't be rendered on component mount but after an action\n&lt;Navigate to=\"/route\" /&gt;\n&lt;Navigate from=\"/old-route\" to=\"/new-route\" /&gt;\n{ condition &amp;&amp;  &lt;Navigate to=\"/route\" /&gt; }  // redirect if condition is true\n\n// or redirect manipulating the history (always in props)\nprops.history.push(\"/new-route\");\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#prompts","title":"Prompts","text":"JavaScript<pre><code>import { Prompt } from \"react-router-dom\";\n\n// displays a prompt when the condition is true\n&lt;Prompt when={condition} message=\"prompt message\" /&gt;\n</code></pre>"},{"location":"languages/javascript/react/react-router.html#link","title":"Link","text":"<p>Clicks on a link created with React-Router will be captured by react an all the routing will happen client side.</p> JavaScript<pre><code>import { Link } from \"react-router-dom\";\n\n// TARGET: &lt;Route path=\"/route/:itemId\" /&gt;\n&lt;Link to=\"/route/1\"&gt;Text&lt;/Link&gt;\n\n// add styling attributes to the rendered element when it matches the current URL.\n&lt;NavLink to=\"/route\" exact activeClassName=\"class\"&gt;Text&lt;/NavLink&gt;\n&lt;NavLink to=\"/route\" activeStyle={ { cssProp: value } }&gt;Text&lt;/NavLink&gt;\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html","title":"Testing React","text":""},{"location":"languages/javascript/react/react-tests.html#jest","title":"Jest","text":""},{"location":"languages/javascript/react/react-tests.html#jest-configuration","title":"Jest Configuration","text":"JavaScript<pre><code>// jest.config.js\nmodule.exports = {\n  testEnvironment: 'jsdom',\n  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],\n  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],  // add testing-library methods to expect()\n  transform: { '^.+\\\\.tsx?$': 'ts-jest'}  // use ts-jest fo ts files\n}\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#jest-tests","title":"Jest Tests","text":"<p>Expect docs</p> JavaScript<pre><code>// .spec.js or .test.js\nit(\"test description\", () =&gt; {\n    // test body\n    expect(expected).toEqual(actual);\n});\n\n// group related tests\ndescribe(\"test group name\", () =&gt; {\n    it(/* ... */);\n    it(/* ... */);\n});\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#snapshots","title":"Snapshots","text":"<p>In <code>Component.Snapshots.js</code>:</p> JavaScript<pre><code>import React from \"react\";\nimport renderer from \"react-test-renderer\";\n\nimport Component from \"./path/to/Component\";\n// import mock data if necessary\n\nit(\"test description\", () =&gt; {\n    // renders the DOM tree of the component\n    const tree = renderer.create(&lt;Component funcProp={jest.fn() /* mock function */} /* component props */ /&gt;);\n\n    // save a snapshot of the component at this point in time ( in  __snapshots__ folder)\n    // in future test it will be checked to avoid regressions\n    // can be updated during jest --watch pressing \"u\"\n    expect(tree).matchSnapshot();\n});\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#enzyme","title":"Enzyme","text":""},{"location":"languages/javascript/react/react-tests.html#enzyme-configuration","title":"Enzyme Configuration","text":"JavaScript<pre><code>// testSetup.js\nimport { configure } from \"enzyme\";\nimport Adapter from \"enzyme-adapter-react-&lt;version&gt;\";\n\nconfigure({ adapter: new Adapter() });\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#enzyme-tests","title":"Enzyme Tests","text":"<p>In <code>Component.test.js</code>:</p> JavaScript<pre><code>import React from \"react\";\nimport { shallow, mount } from \"enzyme\";\n// eventual wrapper components (react-router, react-redux's provider, ...) for mount render\n\n// shallow renders single component w/o children, no DOM generated\n// mount renders component w/ it's children\n\nimport Component from \"./path/to/Component\";\n\n// factory to setup shallow test easily\nfunction testHelper(args) {\n    const defaultProps = { /* default value for props in each test */ };\n\n    const props = { ...defaultProps, ...args };\n    return shallow(&lt;Component {...props} /&gt;);\n}\n\n// shallow rendering test\nit(\"test description\", () =&gt; {\n    const dom = testHelper(/* optional args */);\n    // or\n    const dom = shallow(&lt;Component /* props */ /&gt;);\n\n    // check a property of expected component\n    // selector can be from raw JSX (name of a component)\n    expect(dom.find(\"selector\").property).toBe(expected);\n});\n\n// mount rendering test\nif(\"test description\" () =&gt; {\n    const dom = mount(\n        &lt;WrapperComponent&gt;\n            &lt;Component /* props *//&gt;\n        &lt;/WrapperComponent&gt;\n    );\n\n    // selector has to be HTML selector since the component is rendered completely\n    // possible to test child components\n    expect(dom.find(\"selector\").property).toBe(expected);\n});\n</code></pre>"},{"location":"languages/javascript/react/react-tests.html#react-testing-library","title":"React Testing Library","text":"<p>Encourages to write test based on what the user sees. So components are always mounted and fully rendered.</p>"},{"location":"languages/javascript/react/react-tests.html#react-testing-library-tests","title":"React Testing Library Tests","text":"<p>In <code>Components.test.js</code>:</p> JavaScript<pre><code>import React from \"react\";\nimport { cleanup, render } from \"@testing-library/react\";\n\nimport Component from \"./path/to/Component\";\n\nafterEach(cleanup);\n\n// factory to setup test easily\nfunction testHelper(args) {\n    const defaultProps = { /* default value for props in each test */ };\n\n    const props = { ...defaultProps, ...args };\n    return render(&lt;Component {...props} /&gt;);\n}\n\nit(\"test description\", () =&gt; {\n    const { getByText } = testHelper();\n\n    // react testing library func\n    getByText(\"text\");  // check if test is present in the rendered component\n});\n</code></pre>"},{"location":"languages/javascript/react/react.html","title":"React","text":""},{"location":"languages/javascript/react/react.html#components","title":"Components","text":"<p>There are two types of react components:</p> <ul> <li>Function Components</li> <li>Class Components</li> </ul> <p>Both types can be stateful and have side effects or be purely presentational.</p> JSX<pre><code>// functional component\nconst Component = (props) =&gt; {\n    return (\n        &lt;domElementOrComponent... /&gt;\n    );\n}\n\n// class component\nclass Component extends React.Component {\n    return (\n        &lt;domElementOrComponent... /&gt;\n    );\n}\n</code></pre> <p>NOTE: a component name must start with an uppercase letter.</p> <p>Every components has two inputs: props and state. The props input is explicit while the state is implicit. State is used to determine the changes and when to re-render. Within the component state can be changed while the props object represent fixed input values.</p> <p>JSX syntax can represent HTML but gets converted to pure JavaScript before being sent to the browser:</p> JavaScript<pre><code>// JSX\nconst element = (\n  &lt;h1 className=\"greeting\"&gt;Hello, world!&lt;/h1&gt;\n);\n\n// compiled JS shipped to browser\nconst element = React.createElement(\n  'h1',  // HTML tag name\n  {className: 'greeting'},  // attrs as JSON\n  'Hello, world!'  // tag content (can be nested component)\n);\n</code></pre>"},{"location":"languages/javascript/react/react.html#app-entry-point","title":"App Entry-point","text":"JavaScript<pre><code>const container = document.getElementById('root')!;\nconst root = createRoot(container);\n\nconst element = &lt;h1s&gt;Hello World&lt;/h1&gt;\nroot.render(element)\n</code></pre>"},{"location":"languages/javascript/react/react.html#dynamic-expressions","title":"Dynamic Expressions","text":"JavaScript<pre><code>&lt;tag&gt;{expression}&lt;/tag&gt;  // expression is evaluated an it's result is displayed\n&lt;tag onEvent={funcReference}&gt;{expression}&lt;/tag&gt;\n&lt;tag onEvent={() =&gt; func(args)}&gt;{expression}&lt;/tag&gt;\n</code></pre>"},{"location":"languages/javascript/react/react.html#props","title":"Props","text":"JavaScript<pre><code>&lt;Component propName={value} /&gt;  // pass a value the component\n&lt;Component propName={funcReference} /&gt;  // pass a function to the component\n\nfunction Component(props) {\n    // use props with {props.propName}\n}\n\nclass Component extends React.Component{\n    // use props with {this.props.propName}\n    render()\n}\n</code></pre>"},{"location":"languages/javascript/react/react.html#simple-function-component","title":"Simple Function Component","text":"JavaScript<pre><code>// Button.js\nimport { useState } from \"react\";\n\nfunction Button() {\n    const [count, setCount] = useState(0);  // hook\n\n    const handleCLick = () =&gt; setCount(count + 1);  // logic\n\n    // JSX\n    return (\n        &lt;button onClick={handleCLick}&gt;\n            {count}\n        &lt;/button&gt;\n    );\n}\n\nexport default Button;\n</code></pre>"},{"location":"languages/javascript/react/react.html#simple-class-component","title":"Simple Class Component","text":"JavaScript<pre><code>class Button extends React.Component {\n\n    state = {count: 0};\n    //or\n    constructor(props) {\n        super(props);\n        this.state = {count: 0};\n    }\n\n    componentDidMount() {}  // called on successful component mount\n\n    handleClick = () =&gt; {\n        this.setState({ count: this.state.count + 1 });\n    }\n    // or\n    handleClick = () =&gt; {\n        this.setState((state, props) =&gt; ({ count: state.count + props.increment }) );\n    }\n\n    render(){\n        return (\n        &lt;button onClick={this.handleClick}&gt;\n            {this.state.count}\n        &lt;/button&gt;\n        );\n    }\n}\n</code></pre>"},{"location":"languages/javascript/react/react.html#nesting-components","title":"Nesting Components","text":"JavaScript<pre><code>import { useState } from \"react\";\n\nfunction Button(props) {\n  return (\n      &lt;button onClick={props.onClickFunc}&gt;\n          +1\n      &lt;/button&gt;\n  );\n}\n\nfunction Display (props) {\n  return (\n      &lt;div&gt;{props.message}&lt;/div&gt;\n  );\n}\n\nfunction App() {\n\n    // state must be declare in the outer component it can be passed to each children\n    const [count, setCount] = useState(0);\n    const incrementCounter = () =&gt; setCount(count + 1);\n\n    return (\n        &lt;div className=\"App\"&gt;\n            &lt;Button onClickFunc={incrementCounter}/&gt;\n            &lt;Display message={count}/&gt;\n        &lt;/div&gt;\n    );\n}\n\nexport default App;\n</code></pre>"},{"location":"languages/javascript/react/react.html#user-input-forms","title":"User Input (Forms)","text":"JavaScript<pre><code>function Form() {\n    const [userName, setUserName] = useState(\"\");\n\n    handleSubmit = (event) =&gt; {\n        event.preventDefault();\n        // ...\n    }\n\n    return(\n        &lt;form onSubmit={handleSubmit}&gt;\n            &lt;input\n                type=\"text\"\n                value={userName}  // controlled component\n                onChange={(event) =&gt; setUserName(event.target.value)}  // needed to update UI on dom change\n                required\n            /&gt;\n            &lt;button&gt;&lt;/button&gt;\n        &lt;/form&gt;\n    );\n}\n</code></pre>"},{"location":"languages/javascript/react/react.html#lists-of-components","title":"Lists of Components","text":"JavaScript<pre><code>// ...\n    &lt;div&gt;\n        {array.map(item =&gt; &lt;Component key={uniqueID}&gt;)}\n    &lt;/div&gt;\n// ...\n</code></pre> <p>Note: The <code>key</code> attribute of the component is needed to identify a particular item. It's most useful if the list has to be sorted.</p>"},{"location":"languages/javascript/react/react.html#hooks","title":"Hooks","text":""},{"location":"languages/javascript/react/react.html#usestate","title":"<code>useState</code>","text":"<p>Hook used to create a state object.</p> <p><code>useState()</code> results:</p> <ul> <li>state object (getter)</li> <li>updater function (setter)</li> </ul> JavaScript<pre><code>const [state, setState] = useState(default);\n</code></pre>"},{"location":"languages/javascript/react/react.html#useeffect","title":"<code>useEffect</code>","text":"<p>Hook used to trigger an action on each render of the component or when one of the watched items changes.</p> JavaScript<pre><code>useEffect(() =&gt; {\n    // \"side effects\" operations\n\n    return () =&gt; {/* clean up side effect */}  // optional\n}, [/* list of watched items, empty triggers once */]);\n</code></pre>"},{"location":"languages/javascript/react/react.html#custom-hooks","title":"Custom Hooks","text":"JavaScript<pre><code>// hook definitions\nconst useCustomHook = () =&gt; {\n    // eventual state definitions\n\n    // eventual function definitions\n\n    // ...\n\n    return { obj1, obj2, ... };\n}\n\nconst Component(){\n    // retrieve elements from the hook\n    const {\n        obj1,\n        obj2,\n        ...\n    } = useCustomHook();\n}\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html","title":"Redux Testing","text":""},{"location":"languages/javascript/react/redux-tests.html#tests-for-connected-components","title":"Tests for Connected Components","text":"<p>Connected components are wrapped in a call to <code>connect</code>. Way of solving the problem:</p> <ul> <li>Wrap component with <code>&lt;Provider&gt;</code>. Added benefit: new store dedicated to tests.</li> <li>Add named export for unconnected component.</li> </ul> <p>In <code>Component.js</code>:</p> JavaScript<pre><code>export function Component(props) { /* ... */ }  // export unconnected component\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Component)  // default export of connected component\n</code></pre> <p>In <code>Component.test.js</code>:</p> JavaScript<pre><code>import React from \"react\";\n// import enzyme or react testing library\n\n// import mock data\nimport { Component } from \"path/to/Component\";  // import unconnected component\n\n// factory to setup test easily\nfunction testHelper(args) {\n    const defaultProps = { \n        /* default value for props in each test and required props */,\n        history = {}  // normally injected by react-router, could also import the router\n    };\n\n    const props = { ...defaultProps, ...args };\n    return mount(&lt;Component {...props} /&gt;);  // or render if using react testing library\n}\n\nit(\"test description\", () =&gt; {\n    const dom = testHelper();\n\n    // simulate page iteration\n    dom.find(\"selector\").simulate(\"&lt;event&gt;\");\n\n    // find changed component\n    // test expected behaviour of component\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-action-creators","title":"Tests for Action Creators","text":"JavaScript<pre><code>import * as actions from \"path/to/actionCreators\";\n// import eventual action types constants\n// import mock data\n\nit(\"test description\", () =&gt; {\n    const data = /* mock data */\n    const expectedAction = { type: TYPE, /* ... */ };\n\n    const actualAction = actions.actionCreator(data);\n\n    expect(actualAction).toEqual(expectedAction);\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-reducers","title":"Tests for Reducers","text":"JavaScript<pre><code>import reducer from \"path/to/reducer\";\nimport * as actions from \"path/to/actionCreators\";\n\nit(\"test description\", () =&gt; {\n    const initialState = /* state before the action */;\n    const finalState = /* expected state after the action */\n    const data = /* data passed to the action creator */;\n\n    const action = actions.actionCreator(data);\n    const newState = reducer(initialState, action);\n\n    expect(newState).toEqual(finalState);\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-the-store","title":"Tests for the Store","text":"JavaScript<pre><code>import { createStore } from \"redux\";\n\nimport rootReducer from \"path/to/rootReducer\";\nimport initialState from \"path/to/initialState\";\nimport * as actions from \"path/to/actionCreators\";\n\nit(\"test description\", () =&gt; {\n    const store = createStore(storeReducer, initialState);\n\n    const expectedState = /* state after the update */\n\n    const data = /* action creator input */;\n    const action = actions.actionCreator(data);\n    store.dispatch(action);\n\n    const state = store.getState();\n    expect(state).toEqual(expectedState);\n});\n</code></pre>"},{"location":"languages/javascript/react/redux-tests.html#tests-for-thunks","title":"Tests for Thunks","text":"<p>Thunk testing requires the mocking of:</p> <ul> <li>store (using <code>redux-mock-store</code>)</li> <li>HTTP calls (using <code>fetch-mock</code>)</li> </ul> JavaScript<pre><code>import thunk from \"redux-thunk\";\nimport fetchMock from \"fetch-mock\";\nimport configureMockStore from \"redux-mock-store\";\n\n// needed for testing async thunks\nconst middleware = [thunk];  // mock middlewares\nconst mockStore = configureMockStore(middleware);  // mock the store\n\nimport * as actions from \"path/to/actionCreators\";\n// import eventual action types constants\n// import mock data\n\ndescribe(\"Async Actions\", () =&gt; {\n    afterEach(() =&gt; {\n        fetchMock.restore();  // init fetch mock for each test\n    });\n\n    it(\"test description\", () =&gt; {\n        // mimic API call\n        fetchMock.mock(\n            \"*\",  // capture any fetch call\n            {\n                body: /* body contents */,\n                headers: { \"content-type\": \"application/json\" }\n            }\n        );\n\n        // expected action fired from the thunk\n        const expectedActions = [\n            { type: TYPE, /* ... */ },\n            { type: TYPE, /* ... */ }\n        ];\n\n        const store = mockStore({ data: value, ... });  // init mock store\n\n        return store.dispatch(actions.actionCreator())  // act\n            .then(() =&gt; {\n                expect(store.getActions()).toEqual(expectedActions);  // assert\n            });\n    });\n});\n</code></pre>"},{"location":"languages/javascript/react/redux.html","title":"Redux","text":"<p>Redux is a pattern and library for managing and updating application state, using events called actions. It serves as a centralized store for state that needs to be used across the entire application, with rules ensuring that the state can only be updated in a predictable fashion.</p>"},{"location":"languages/javascript/react/redux.html#actions-store-immutability-reducers","title":"Actions, Store, Immutability &amp; Reducers","text":""},{"location":"languages/javascript/react/redux.html#actions-action-creators","title":"Actions &amp; Action Creators","text":"<p>An Action is a plain JavaScript object that has a <code>type</code> field. An action object can have other fields with additional information about what happened. By convention, that information is stored in a field called <code>payload</code>.</p> <p>Action Creators are functions that create and return action objects.</p> JavaScript<pre><code>function actionCreator(data)\n{\n    return { type: ACTION_TYPE, payload: data };  // action obj\n}\n</code></pre>"},{"location":"languages/javascript/react/redux.html#store","title":"Store","text":"<p>The current Redux application state lives in an object called the store. The store is created by passing in a reducer, and has a method called <code>getState</code> that returns the current state value.</p> <p>The Redux store has a method called <code>dispatch</code>. The only way to update the state is to call <code>store.dispatch()</code> and pass in an action object. The store will run its reducer function and save the new state value inside.</p> <p>Selectors are functions that know how to extract specific pieces of information from a store state value.</p> <p>In <code>initialState.js</code>;</p> JavaScript<pre><code>export default {\n    // initial state here\n}\n</code></pre> <p>In <code>configStore.js</code>:</p> JavaScript<pre><code>// configStore.js\nimport { createStore, applyMiddleware, compose } from \"redux\";\n\nexport function configStore(initialState) {\n    const composeEnhancers =\n        window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; // support for redux devtools\n\n    return  createStore(\n        rootReducer, \n        initialState, \n        composeEnhancers(applyMiddleware(middleware, ...))\n    );\n}\n\n// available functions &amp; methods\nreplaceReducer(newReducer);  // replace an existing reducer, useful for Hot Reload\nstore.dispatch(action);  // trigger a state change based on an action\nstore.subscribe(listener);\nstore.getState();  // retrieve current state\n</code></pre>"},{"location":"languages/javascript/react/redux.html#reducers","title":"Reducers","text":"<p>Reducers are functions that receives the current state and an action, decide how to update the state if necessary, and return the new state.</p> <p>Reducers must always follow some specific rules:</p> <ul> <li>They should only calculate the new state value based on the <code>state</code> and <code>action</code> arguments</li> <li>They are not allowed to modify the existing <code>state</code>.   Instead, they must make immutable updates, by copying the existing <code>state</code> and making changes to the copied values.</li> <li>They must not do any asynchronous logic, calculate random values, or cause other \"side effects\"</li> </ul> JavaScript<pre><code>import initialState from \"path/to/initialState\";\n\nfunction reducer(state = initialState, action) {\n    switch(action.type){\n        case \"ACTION_TYPE\":\n            return { ...state, prop: value };  // return modified copy of state (using spread operator)\n            break;\n\n        default:\n            return state;  // return unchanged state (NEEDED)\n    }\n}\n\n// combining reducers\nimport { combineReducers } from \"redux\";\n\nconst rootReducer = combineReducers({\n    entity: entityReducer.\n    ...\n});\n</code></pre> <p>Note: multiple reducers can be triggered by the same action since each one operates on a different portion of the state.</p>"},{"location":"languages/javascript/react/redux.html#react-redux","title":"React-Redux","text":""},{"location":"languages/javascript/react/redux.html#container-vs-presentational-components","title":"Container vs Presentational Components","text":"<p>Container Components:</p> <ul> <li>Focus on how thing work</li> <li>Aware of Redux</li> <li>Subscribe to Redux State</li> <li>Dispatch Redux actions</li> </ul> <p>Presentational Components:</p> <ul> <li>Focus on how things look</li> <li>Unaware of Redux</li> <li>Read data from props</li> <li>Invoke callbacks on props</li> </ul>"},{"location":"languages/javascript/react/redux.html#provider-component-connect","title":"Provider Component &amp; Connect","text":"<p>Used at the root component and wraps all the application.</p> JavaScript<pre><code>// index.js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\n\nimport { configStore } from 'path/to/configStore';\nimport initialState from \"path/to/initialState\";\nimport App from './App';\n\nconst store = configStore(initialState);\n\nconst rootElement = document.getElementById('root');\nReactDOM.render(\n  &lt;Provider store={store}&gt;\n    &lt;App /&gt;\n  &lt;/Provider&gt;,\n  rootElement\n);\n</code></pre> JavaScript<pre><code>// Component.js\nimport { connect } from 'react-redux';\nimport { increment, decrement, reset } from './actionCreators';\n\n// const Component = ...\n\n// specifies which state is passed to the component (called on state change)\nconst mapStateToProps = (state, ownProps /* optional */) =&gt; {\n    // structure of the props passed to the component\n    return { propName: state.property };\n};\n\n// specifies the action passed to a component (the key is the name that the prop will have )\nconst mapDispatchToProps = { actionCreator: actionCreator };\n// or\nfunction mapDispatchToProps(dispatch) {\n    return {\n        // wrap action creators\n        actionCreator: (args) =&gt; dispatch(actionCreator(args))\n    };\n}\n// or\nfunction mapDispatchToProps(dispatch) {\n    return {\n        actionCreator: bindActionCreators(actionCreator, dispatch),\n        actions: bindActionCreators(allActionCreators, dispatch)\n    };\n}\n\n// both args are optional\n// if mapDispatch is missing the dispatch function is added to the props\nexport default connect(mapStateToProps, mapDispatchToProps)(Component);\n</code></pre>"},{"location":"languages/javascript/react/redux.html#async-operations-with-redux-thunk","title":"Async Operations with Redux-Thunk","text":"<p>Note: Redux middleware runs after and action and before it's reducer.</p> <p>Redux-Thunk allows to return functions instead of objects from action creators. A \"thunk\" is a function that wraps an expression to delay it's evaluation.</p> <p>In <code>configStore.js</code>:</p> JavaScript<pre><code>import { createStore, applyMiddleware, compose } from \"redux\";\nimport thunk from \"redux-thunk\";\n\nfunction configStore(initialState) {\n    const composeEnhancers =\n        window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; // support for redux devtools\n\n    return  createStore(\n        rootReducer, \n        initialState, \n        composeEnhancers(applyMiddleware(thunk, ...))  // add thunks middleware\n    );\n}\n</code></pre> JavaScript<pre><code>// usually action on async func success\nfunction actionCreator(arg) {\n    return { type: TYPE, data: arg };\n}\n\nexport function thunk() {\n    return function (dispatch) {  // redux-thunk injects dispatch as arg\n        return asyncFunction().then((data) =&gt; {  // async function returns a promise\n                dispatch(actionCreator(data));\n            })\n            .catch((error) =&gt; {\n                throw error;\n            });\n    };\n}\n\n// or using async/await\nexport async function thunk() {\n    return function (dispatch) {  // redux-thunk injects dispatch as arg\n        try {\n            let data = await asyncFunction();\n            return dispatch(actionCreator(data));\n        } catch(error) {\n                throw error;\n        }\n    }\n}\n</code></pre>"},{"location":"languages/javascript/react/redux.html#redux-toolkit","title":"Redux-Toolkit","text":"<p>The Redux Toolkit package is intended to be the standard way to write Redux logic. It was originally created to help address three common concerns about Redux.</p> <p>Redux Toolkit also includes a powerful data fetching and caching capability dubbed \"RTK Query\". It's included in the package as a separate set of entry points. It's optional, but can eliminate the need to hand-write data fetching logic yourself.</p> <p>These tools should be beneficial to all Redux users. Whether you're a brand new Redux user setting up your first project, or an experienced user who wants to simplify an existing application, Redux Toolkit can help you make your Redux code better. Installation\u200b Using Create React App\u200b</p> <p>The recommended way to start new apps with React and Redux is by using the official Redux+JS template or Redux+TS template for Create React App, which takes advantage of Redux Toolkit and React Redux's integration with React components.</p> Bash<pre><code># Redux + Plain JS template\nnpx create-react-app my-app --template redux\n\n# Redux + TypeScript template\nnpx create-react-app my-app --template redux-typescript\n</code></pre> <p>Redux Toolkit includes these APIs:</p> <ul> <li> <p><code>configureStore()</code>: wraps <code>createStore</code> to provide simplified configuration options and good defaults.   It can automatically combines slice reducers, adds whatever Redux middleware supplied, includes redux-thunk by default, and enables use of the Redux DevTools Extension.</p> </li> <li> <p><code>createReducer()</code>: that lets you supply a lookup table of action types to case reducer functions, rather than writing switch statements.   In addition, it automatically uses the <code>immer</code> library to let you write simpler immutable updates with normal mutative code, like <code>state.todos[3].completed = true</code>.</p> </li> <li> <p><code>createAction()</code>: generates an action creator function for the given action type string.   The function itself has <code>toString()</code> defined, so that it can be used in place of the type constant.</p> </li> <li><code>createSlice()</code>: accepts an object of reducer functions, a slice name, and an initial state value, and automatically generates a slice reducer with corresponding action creators and action types.</li> <li><code>createAsyncThunk</code>: accepts an action type string and a function that returns a promise, and generates a thunk that dispatches pending/fulfilled/rejected action types based on that promise</li> <li><code>createEntityAdapter</code>: generates a set of reusable reducers and selectors to manage normalized data in the store</li> <li>The <code>createSelector</code> utility from the Reselect library, re-exported for ease of use.</li> </ul>"},{"location":"languages/javascript/react/redux.html#configurestore","title":"<code>configureStore</code>","text":"<p>Included Default Middleware\u200b:</p> <ul> <li> <p>Immutability check middleware: deeply compares state values for mutations. It can detect mutations in reducers during a dispatch, and also mutations that occur between dispatches.   When a mutation is detected, it will throw an error and indicate the key path for where the mutated value was detected in the state tree. (Forked from <code>redux-immutable-state-invariant</code>.)</p> </li> <li> <p>Serializability check middleware: a custom middleware created specifically for use in Redux Toolkit   Similar in concept to <code>immutable-state-invariant</code>, but deeply checks the state tree and the actions for non-serializable values such as functions, Promises, Symbols, and other non-plain-JS-data values   When a non-serializable value is detected, a console error will be printed with the key path for where the non-serializable value was detected.</p> </li> <li> <p>In addition to these development tool middleware, it also adds <code>redux-thunk</code> by default, since thunks are the basic recommended side effects middleware for Redux.</p> </li> </ul> <p>Currently, the return value of <code>getDefaultMiddleware()</code> is:</p> JavaScript<pre><code>// development\nconst middleware = [thunk, immutableStateInvariant, serializableStateInvariant]\n\n// production\u200b\nconst middleware = [thunk]\n</code></pre> JavaScript<pre><code>import { combineReducers } from 'redux'\nimport { configureStore } from '@reduxjs/toolkit'\nimport monitorReducersEnhancer from './enhancers/monitorReducers'\nimport loggerMiddleware from './middleware/logger'\nimport usersReducer from './usersReducer'\nimport postsReducer from './postsReducer'\n\nconst rootReducer = combineReducers({\n  users: usersReducer,\n  posts: postsReducer,\n})\n\nconst store = configureStore({\n  // reducers combined automatically\n  reducer: rootReducer,\n  middleware: (getDefaultMiddleware) =&gt; getDefaultMiddleware().concat(loggerMiddleware),\n  enhancers: [monitorReducersEnhancer]\n})\n\nexport default store\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createaction","title":"<code>createAction</code>","text":"JavaScript<pre><code>import { createAction } from '@reduxjs/toolkit';\n\nconst increment = createAction&lt;number | undefined&gt;('counter/increment');\n\nconst action = increment();  // { type: 'counter/increment' }\nconst action = increment(3);  // { type: 'counter/increment', payload: 3 }\n\nincrement.toString();  // 'counter/increment'\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createreducer","title":"<code>createReducer</code>","text":"JavaScript<pre><code>import { createAction, createReducer } from '@reduxjs/toolkit'\n\ninterface CounterState {\n  value: number\n}\n\nconst increment = createAction('counter/increment')\nconst decrement = createAction('counter/decrement')\nconst incrementByAmount = createAction&lt;number&gt;('counter/incrementByAmount')\n\nconst initialState = { value: 0 } as CounterState\n\nconst counterReducer = createReducer(initialState, (builder) =&gt; {\n  builder\n    .addCase(increment, (state, action) =&gt; {\n      state.value++\n    })\n    .addCase(decrement, (state, action) =&gt; {\n      state.value--\n    })\n    .addCase(incrementByAmount, (state, action) =&gt; {\n      state.value += action.payload\n    })\n})\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createslice","title":"<code>createSlice</code>","text":"<p>A function that accepts an initial state, an object of reducer functions, and a \"slice name\", and automatically generates action creators and action types that correspond to the reducers and state.</p> <p>Internally, it uses <code>createAction</code> and <code>createReducer</code>, so it's possible to use Immer to write \"mutating\" immutable updates.</p> <p>Note: action types will have the <code>&lt;slice-name&gt;/&lt;reducer-name&gt;</code> shape.</p> JavaScript<pre><code>import { createSlice, PayloadAction } from '@reduxjs/toolkit'\n\ninterface CounterState {\n  value: number\n}\n\nconst initialState = { value: 0 } as CounterState\n\nconst counterSlice = createSlice({\n  name: 'counter',\n  initialState,\n  reducers: {\n    increment(state) {\n      state.value++\n    },\n    decrement(state) {\n      state.value--\n    },\n    incrementByAmount(state, action: PayloadAction&lt;number&gt;) {\n      state.value += action.payload\n    },\n  },\n})\n\nexport const { increment, decrement, incrementByAmount } = counterSlice.actions\nexport default counterSlice.reducer\n</code></pre>"},{"location":"languages/javascript/react/redux.html#createasyncthunk","title":"<code>createAsyncThunk</code>","text":"<p>The function <code>createAsyncThunk</code> returns a standard Redux thunk action creator. The thunk action creator function will have plain action creators for the pending, fulfilled, and rejected cases attached as nested fields.</p> <p>The <code>payloadCreator</code> function will be called with two arguments:</p> <ul> <li><code>arg</code>: a single value, containing the first parameter that was passed to the thunk action creator when it was dispatched.</li> <li><code>thunkAPI</code>: an object containing all of the parameters that are normally passed to a Redux thunk function, as well as additional options:</li> <li><code>dispatch</code>: the Redux store dispatch method</li> <li><code>getState</code>: the Redux store getState method</li> <li><code>extra</code>: the \"extra argument\" given to the thunk middleware on setup, if available</li> <li><code>requestId</code>: a unique string ID value that was automatically generated to identify this request sequence</li> <li><code>signal</code>: an <code>AbortController.signal</code> object that may be used to see if another part of the app logic has marked this request as needing cancellation.</li> <li>[...]</li> </ul> <p>The logic in the <code>payloadCreator</code> function may use any of these values as needed to calculate the result.</p> JavaScript<pre><code>import { createAsyncThunk, createSlice } from '@reduxjs/toolkit'\n\nconst payloadCreator = async (arg, ThunkAPI): Promise&lt;T&gt; =&gt; { /* ... */ };\nconst thunk = createAsyncThunk(\"&lt;action-type&gt;\", payloadCreator);\n\nthunk.pending; // action creator that dispatches an '&lt;action-type&gt;/pending'\nthunk.fulfilled; // action creator that dispatches an '&lt;action-type&gt;/fulfilled'\nthunk.rejected; // action creator that dispatches an '&lt;action-type&gt;/rejected'\n\nconst slice = createSlice({\n  name: '&lt;action-name&gt;',\n  initialState,\n  reducers: { /* standard reducer logic, with auto-generated action types per reducer */ },\n  extraReducers: (builder) =&gt; {\n    // Add reducers for additional action types here, and handle loading state as needed\n    builder.addCase(thunk.fulfilled, (state, action) =&gt; { /* body of the reducer */ })\n  },\n})\n</code></pre>"},{"location":"languages/javascript/react/redux.html#rtk-query","title":"RTK Query\u200b","text":"<p>RTK Query is provided as an optional addon within the <code>@reduxjs/toolkit</code> package. It is purpose-built to solve the use case of data fetching and caching, supplying a compact, but powerful toolset to define an API interface layer got the app. It is intended to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching &amp; caching logic yourself.</p> <p>RTK Query is included within the installation of the core Redux Toolkit package. It is available via either of the two entry points below:</p> C#<pre><code>import { createApi } from '@reduxjs/toolkit/query'\n\n/* React-specific entry point that automatically generates hooks corresponding to the defined endpoints */\nimport { createApi } from '@reduxjs/toolkit/query/react'\n</code></pre> <p>RTK Query includes these APIs:</p> <ul> <li><code>createApi()</code>: The core of RTK Query's functionality. It allows to define a set of endpoints describe how to retrieve data from a series of endpoints,   including configuration of how to fetch and transform that data.</li> <li><code>fetchBaseQuery()</code>: A small wrapper around fetch that aims to simplify requests. Intended as the recommended baseQuery to be used in createApi for the majority of users.</li> <li><code>&lt;ApiProvider /&gt;</code>: Can be used as a Provider if you do not already have a Redux store.</li> <li><code>setupListeners()</code>: A utility used to enable refetchOnMount and refetchOnReconnect behaviors.</li> </ul>"},{"location":"languages/javascript/svelte/svelte.html","title":"Svelte","text":"Bash<pre><code>npx degit sveltejs/template &lt;project name&gt;\n\n# set project to use typescript\nnode scripts/setupTypeScript.js\n\n# or using vite\nnpm init vite@latest\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#app-entry-point","title":"App Entry-point","text":"JavaScript<pre><code>import App from \"./App.svelte\"; // import the component\n\nconst app = new App({\n  target: document.body,\n  props: {\n    // props passed to the App component\n  },\n});\n\nexport default app;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#components-svelte","title":"Components (<code>.svelte</code>)","text":""},{"location":"languages/javascript/svelte/svelte.html#basic-structure","title":"Basic Structure","text":"HTML<pre><code>&lt;!-- code for the component --&gt;\n&lt;script lang=\"ts\"&gt;\n  import { Component } from \"Component.svelte\";\n\n  export let prop; // make a variable a prop\n&lt;/script&gt;\n\n&lt;!-- CSS for the component --&gt;\n&lt;style&gt;\n  /* CSS rules */\n\n  /* target elements outside of the current component */\n  :global(selector) {\n  }\n&lt;/style&gt;\n\n&lt;!-- html of the component  --&gt;\n\n&lt;!-- dynamic expressions --&gt;\n&lt;div&gt;{variable}&lt;/div&gt;\n\n&lt;!-- nested components --&gt;\n&lt;Component prop=\"{value}\" /&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#if-else","title":"If-Else","text":"JavaScript<pre><code>{#if &lt;condition&gt;}\n  // markup here\n{:else if &lt;condition&gt;}\n  // markup here\n{:else}\n  // markup here\n{/if}\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#loops","title":"Loops","text":"JavaScript<pre><code>{#each array as item, index}  // index is optional\n    // markup here\n{/each}\n\n{#each array as item (key)}  // use key to determine changes\n    // markup here\n{/each}\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#await-blocks","title":"Await Blocks","text":"JavaScript<pre><code>{#await promise}\n &lt;p&gt;...waiting&lt;/p&gt;\n{:then number}\n &lt;p&gt;The number is {number}&lt;/p&gt;\n{:catch error}\n &lt;p style=\"color: red\"&gt;{error.message}&lt;/p&gt;\n{/await}\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#event-handling","title":"Event Handling","text":"<p>The full list of modifiers:</p> <ul> <li><code>preventDefault</code> \u2014 calls <code>event.preventDefault()</code> before running the handler. Useful for client-side form handling, for example.</li> <li><code>stopPropagation</code> \u2014 calls <code>event.stopPropagation()</code>, preventing the event reaching the next element</li> <li><code>passive</code> \u2014 improves scrolling performance on touch/wheel events (Svelte will add it automatically where it's safe to do so)</li> <li><code>nonpassive</code> \u2014 explicitly set <code>passive: false</code></li> <li><code>capture</code> \u2014 fires the handler during the capture phase instead of the bubbling phase</li> <li><code>once</code> \u2014 remove the handler after the first time it runs</li> <li><code>self</code> \u2014 only trigger handler if <code>event.target</code> is the element itself</li> </ul> JavaScript<pre><code>&lt;script&gt;\n  const eventHandler = () =&gt; {};\n&lt;/script&gt;\n\n&lt;button on:event={eventHandler}&gt;\n// or\n&lt;button on:event={() =&gt; eventHandler(args)}&gt;\n\n&lt;button on:event|modifier={eventHandler}&gt;\n</code></pre> <p>Note: It's possible to chain modifiers together, e.g. <code>on:click|once|capture={...}</code>.</p>"},{"location":"languages/javascript/svelte/svelte.html#binding","title":"Binding","text":"HTML<pre><code>&lt;script&gt;\n  let name = \"Foo\";\n&lt;/script&gt;\n\n&lt;!-- modify value in real time --&gt;\n&lt;input bind:value=\"{stringValue}\" /&gt;\n&lt;input type=\"checkbox\" bind:checked={boolean}/ &gt;\n&lt;!-- ... --&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#reactive-declarations-reactive-statements","title":"Reactive declarations &amp; Reactive Statements","text":"<p>Svelte automatically updates the DOM when the component's state changes. Often, some parts of a component's state need to be computed from other parts and recomputed whenever they change.</p> <p>For these, Svelte has reactive declarations. They look like this:</p> JavaScript<pre><code>let count = 0;\n$: double =  count * 2;  // recalculated when count changes\n// or\n$: { }\n$: &lt;expression&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#routing","title":"Routing","text":"<p>Svelte Routing</p> JavaScript<pre><code>&lt;!-- App.svelte --&gt;\n&lt;script&gt;\n  import { Router, Link, Route } from \"svelte-routing\";\n  import Home from \"./routes/Home.svelte\";\n  import About from \"./routes/About.svelte\";\n  import Blog from \"./routes/Blog.svelte\";\n\n  export let url = \"\";\n&lt;/script&gt;\n\n&lt;Router url=\"{url}\"&gt;\n  &lt;nav&gt;\n    &lt;Link to=\"/\"&gt;Home&lt;/Link&gt;\n    &lt;Link to=\"about\"&gt;About&lt;/Link&gt;\n    &lt;Link to=\"blog\"&gt;Blog&lt;/Link&gt;\n  &lt;/nav&gt;\n  &lt;div&gt;\n    &lt;Route path=\"blog/:id\" component=\"{BlogPost}\" /&gt;\n    &lt;Route path=\"blog\" component=\"{Blog}\" /&gt;\n    &lt;Route path=\"about\" component=\"{About}\" /&gt;\n    &lt;Route path=\"/\"&gt;&lt;Home /&gt;&lt;/Route&gt;\n  &lt;/div&gt;\n&lt;/Router&gt;\n</code></pre>"},{"location":"languages/javascript/svelte/svelte.html#data-stores","title":"Data Stores","text":"JavaScript<pre><code>// stores.js\nimport { writable } from \"svelte/store\";\n\nexport const count = writable(0);\n</code></pre> HTML<pre><code>&lt;script&gt;\n  import { onDestroy } from \"svelte\";\n  import { count } from \".path/to/stores.js\";\n\n  const unsubscriber = count.subscribe((value) =&gt; {\n    // do stuff on load or value change\n  });\n\n  count.update((n) =&gt; n + 1);\n\n  count.set(1);\n  // or\n  $count = 1;\n\n  onDestroy(unsubscriber);\n&lt;/script&gt;\n\n&lt;!-- use $ to reference a store value --&gt;\n&lt;p&gt;{$count}&lt;/p&gt;\n</code></pre>"},{"location":"languages/kotlin/kotlin.html","title":"Kotlin","text":""},{"location":"languages/kotlin/kotlin.html#package-imports","title":"Package &amp; Imports","text":"Kotlin<pre><code>package com.app.uniqueID\n\nimport &lt;package&gt;\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#variable-constants","title":"Variable &amp; Constants","text":"Kotlin<pre><code>var variable: Type    //variable declaration\nvar variable = value    //type can be omitted if it can be deduced by initialization\n\nval CONSTANT_NAME: Type = value    //constant declaration\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#nullable-variables","title":"Nullable Variables","text":"<p>For a variable to hold a null value, it must be of a nullable type. Nullable types are specified suffixing <code>?</code> to the variable type.</p> Kotlin<pre><code>var nullableVariable: Type? = null\n\nnullableVariable?.method()    //correct way to use\n//if var is null don't execute method() and return null\n\nnullablevariavle!!.method()    //unsafe way\n//!! -&gt; ignore that var can be null\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#decision-statements","title":"Decision Statements","text":""},{"location":"languages/kotlin/kotlin.html#if-else-if-else","title":"<code>If</code> - <code>Else If</code> - <code>Else</code>","text":"Kotlin<pre><code>if (condition) {\n    //code here\n} else if (condition) {\n    //code here\n} else {\n    //code here\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#conditional-expressions","title":"Conditional Expressions","text":"Kotlin<pre><code>var variable: Type = if (condition) {\n    //value to be assigned here\n} else if (condition) {\n    //value to be assigned here\n} else {\n    //value to be assigned here\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#when-expression","title":"<code>When</code> Expression","text":"<p>Each branch in a <code>when</code> expression is represented by a condition, an arrow (<code>-&gt;</code>), and a result. If the condition on the left-hand side of the arrow evaluates to true, then the result of the expression on the right-hand side is returned. Note that execution does not fall through from one branch to the next.</p> Kotlin<pre><code>when (variable){\n    condition -&gt; value\n    condition -&gt; value\n    else -&gt; value\n}\n\n//Smart casting\nwhen (variable){\n    is Type -&gt; value\n    is Type -&gt; value\n}\n\n//instead of chain of if-else\nwhen {\n    condition -&gt; value\n    condition -&gt; value\n    else -&gt; value\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#loops","title":"Loops","text":""},{"location":"languages/kotlin/kotlin.html#for-loop","title":"<code>For</code> Loop","text":"Kotlin<pre><code>for (item in iterable){\n    //code here\n}\n\n//loop in a numerical range\nfor(i in start..end) {\n    //code here\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#functions","title":"Functions","text":"Kotlin<pre><code>fun functionName(parameter: Type): Type {\n    //code here\n\n    return &lt;expression&gt;\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#simplifying-function-declarations","title":"Simplifying Function Declarations","text":"Kotlin<pre><code>fun functionName(parameter: Type): Type {\n    return if (condition) {\n        //returned value\n    } else {\n        //returned value\n    }\n}\n\nfun functionName(parameter: Type): Type = if (condition) {\n    //returned value\n    else {\n        //returned value\n    }\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#anonymous-functions","title":"Anonymous Functions","text":"Kotlin<pre><code>val anonymousFunction: (Type) -&gt; Type = { input -&gt;\n    //code acting on input here\n}\n\nval variableName: Type = anonymousFunction(input)\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#higher-order-functions","title":"Higher-order Functions","text":"<p>A function can take another function as an argument. Functions that use other functions as arguments are called higher-order functions. This pattern is useful for communicating between components in the same way that you might use a callback interface in Java.</p> Kotlin<pre><code>fun functionName(parameter: Type, function: (Type) -&gt; Type): Type {\n    //invoke function\n    return function(parameter)\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/kotlin/kotlin.html#class","title":"Class","text":"Kotlin<pre><code>//primary constructor\nclass ClassName(private var attribute: Type) {\n\n}\n\nclass ClassName {\n\n    private var var1: Type\n\n    //secondary constructor\n    constructor(parameter: Type) {\n        this.var1 = parameter\n    }\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#companion-object","title":"Companion Object","text":"<p>Companion Object Docs</p> Kotlin<pre><code>class ClassName {\n\n    // in java: static\n    companion object  {\n        // static components of the class\n    }\n}\n</code></pre>"},{"location":"languages/kotlin/kotlin.html#collections","title":"Collections","text":""},{"location":"languages/kotlin/kotlin.html#arraylist","title":"ArrayList","text":"Kotlin<pre><code>var array:ArrayList&lt;Type&gt;? = null  // List init\n\narray.add(item)  //add item to list\n</code></pre>"},{"location":"languages/php/composer.html","title":"Composer &amp; Autoloading","text":""},{"location":"languages/php/composer.html#autoloading","title":"Autoloading","text":"<p>The function spl_autoload_register() allows to register a function that will be invoked when PHP needs to load a class/interface defined by the user.</p> <p>In <code>autoload.php</code>:</p> PHP<pre><code># custom function\nfunction autoloader($class) {\n\n\n    # __DIR__ -&gt; path of calling file\n    # $class -&gt; className (hopefully same as file)\n    # if class is in namespace $class -&gt; Namespace\\className (hopefully folders mirror Namespace)\n\n    $class = str_replace(\"\\\\\", DIRECTORY_SEPARATOR, $class);  # avoid linux path separator issues\n\n    $fileName = sprintf(\"%s\\\\path\\\\%s.php\", __DIR__, $class);  \n    # or\n    $filename = sprintf(\"%s\\\\%s.php\", __DIR__, $class);  # if class is in namespace\n\n    if (file_exists($fileName)) {\n        include $fileName;\n    }\n}\n\nspl_autoload_register('autoloader');  // register function\n</code></pre> <p>In <code>file.php</code>:</p> PHP<pre><code>require \"autoload.php\";\n\n# other code\n</code></pre> <p>Note: will fuck up if namespaces exists.</p>"},{"location":"languages/php/composer.html#multiple-autoloading","title":"Multiple Autoloading","text":"<p>It's possible to resister multiple autoloading functions by calling <code>spl_autoload_register()</code> multiple times.</p> PHP<pre><code># prepend adds the function at the start of the queue\n# throws selects if errors in loading throw exceptions\nspl_autoload_register(callable $func, $throw=TRUE, $prepend=FALSE);\n\nspl_autoload_functions()  # return a list of registered functions.\n</code></pre>"},{"location":"languages/php/composer.html#composer","title":"Composer","text":"<p>Open Source project for dependency management and autoloading of PHP libraries and classes.</p> <p>Composer uses <code>composer.json</code> to define dependencies with third-party libraries. Libraries are downloaded through Packagist and GitHub.</p> <p>In <code>composer.json</code>:</p> JSON<pre><code>{\n    \"require\": {\n        \"php\": \"&gt;=7.0\",\n        \"monolog/monolog\": \"1.0.*\"\n    }\n}\n</code></pre>"},{"location":"languages/php/composer.html#installing-dependencies","title":"Installing Dependencies","text":"<p>In the same folder of <code>composer.json</code> execute <code>composer install</code>.</p> <p>Composer will create:</p> <ul> <li><code>vendor</code>: folder containing all requested libraries</li> <li><code>vendor\\autoload.php</code>: file for class autoloading</li> <li><code>composer.lock</code></li> </ul> <p>In alternative <code>composer require &lt;lib&gt;</code> will add the library to the project and create a <code>composer.json</code> if missing.</p> <p>Note: to ignore the php version use <code>composer &lt;command&gt; --ignore-platform-reqs</code></p>"},{"location":"languages/php/composer.html#updating-dependencies","title":"Updating Dependencies","text":"<p>To update dependencies use <code>composer update</code>. To update only the autoloading section use <code>composer dump-autoload</code>.</p>"},{"location":"languages/php/composer.html#autoloading-project-classes","title":"Autoloading Project Classes","text":"<p>PSR-4 Spec</p> <p>Composer can also autoload classes belonging to the current project. It's sufficient to add the <code>autoload</code> keyword in the JSON and specify the path and autoload mode.</p> JSON<pre><code>{\n    \"autoload\": {\n        \"psr-4\": {\n            \"RootNamespace\": \"src/\",\n            \"Namespace\\\\\": \"src/Namespace/\",\n            },\n        \"file\": [\n            \"path/to/file.php\",\n            ...\n        ]\n    }\n}\n</code></pre>"},{"location":"languages/php/database.html","title":"Databases in PHP","text":""},{"location":"languages/php/database.html#php-data-objects-pdo","title":"PHP Data Objects (PDO)","text":"<p>PDO is the PHP extension for database access through a single API. It supports various databases: MySQL, SQLite, PostgreSQL, Oracle, SQL Server, etc.</p>"},{"location":"languages/php/database.html#database-connection","title":"Database Connection","text":"PHP<pre><code>$dsn = \"mysql:dbname=&lt;dbname&gt;;host=&lt;ip&gt;\";\n$user=\"&lt;db_user&gt;\";\n$password=\"&lt;db_password&gt;\";\n\ntry {\n    $pdo = new PDO($dsn, $user, $password);  # connect, can throw PDOException\n} catch (PDOException $e) {\n    printf(\"Connection failed: %s\\n\", $e-&gt;getMessage());  # notify error\n    exit(1);\n}\n</code></pre>"},{"location":"languages/php/database.html#queries","title":"Queries","text":"<p>To execute a query it's necessary to \"prepare it\" with parameters.</p> PHP<pre><code># literal string with markers\n$sql = 'SELECT fields\nFROM tables\nWHERE field &lt;operator&gt; :marker'\n\n$stmt = $pdo-&gt;prepare($sql, $options_array);  # returns PDOStatement, used to execute the query\n$stmt-&gt;execute([ ':marker' =&gt; value ]);  # substitute marker with actual value\n\n# fetchAll returns all matches\n$result = $stmt-&gt;fetchAll();  # result as associative array AND numeric array (PDO::FETCH_BOTH)\n$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);  # result as associative array\n$result = $stmt-&gt;fetchAll(PDO::FETCH_NUM);  # result as array\n$result = $stmt-&gt;fetchAll(PDO::FETCH_OBJ);  # result as object of stdClass\n$result = $stmt-&gt;fetchAll(PDO::FETCH_CLASS, ClassName::class);  # result as object of a specific class\n</code></pre>"},{"location":"languages/php/database.html#parameter-binding","title":"Parameter Binding","text":"PHP<pre><code># bindValue\n$stmt = pdo-&gt;prepare(sql);\n$stmt-&gt;bindValue(':marker', value, PDO::PARAM_&lt;type&gt;);\n$stmt-&gt;execute();\n\n# bindParam\n$stmt = pdo-&gt;prepare(sql);\n$variable = value;\n$stmt-&gt;bindParam(':marker', $variable);  # type optional\n$stmt-&gt;execute();\n</code></pre>"},{"location":"languages/php/database.html#pdo-data-types","title":"PDO &amp; Data Types","text":"<p>By default PDO converts all results into strings since it is a generic driver for multiple databases. Its possible to disable this behaviour setting <code>PDO::ATTR_STRINGIFY_FETCHES</code> and <code>PDO::ATTR_EMULATE_PREPARES</code> as <code>false</code>.</p> <p>Note: <code>FETCH_OBJ</code> abd <code>FETCH_CLASS</code> return classes and don't have this behaviour.</p> PHP<pre><code>pdo-&gt;setAttribute()\n\n$pdo-&gt;setAttribute(PDO::ATTR_STRINGIFY_FETCHES, false);\n$pdo-&gt;setAttribute(PDO::ATTR_EMULATE_PREPARES, false);\n\n$stmt = $pdo-&gt;prepare($sql);\n$stmt-&gt;execute([':marker' =&gt; value]);\n$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);\n</code></pre>"},{"location":"languages/php/database.html#pdo-debug","title":"PDO Debug","text":"PHP<pre><code>$stmt = $pdo-&gt;prepare($sql);\n$stmt-&gt;execute([':marker' =&gt; value]);\n$result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);\n\n$stmt-&gt;debugDumpParams();  # print the SQL query that has been sent to the database\n</code></pre>"},{"location":"languages/php/database.html#sqlite3","title":"SQLite3","text":"PHP<pre><code>$db = SQLite3(\"db_file.sqlite3\");  // connection\n\n$stmt = $db-&gt;prepare(\"SELECT fields FROM tables WHERE field &lt;operator&gt; :marker\");  // prepare query\n$stmt-&gt;bindParam(\":marker\", $variable);  // param binding\n\n$result = $stmt-&gt;execute();  // retrieve records\n$result-&gt;finalize();  // close result set, recommended calling before another execute()\n\n$records = $results-&gt;fetchArray(SQLITE3_ASSOC);  // extract records as array (false if no results)\n</code></pre> <p>Note: Result set objects retrieved by calling <code>SQLite3Stmt::execute()</code> on the same statement object are not independent, but rather share the same underlying structure. Therefore it is recommended to call <code>SQLite3Result::finalize()</code>, before calling <code>SQLite3Stmt::execute()</code> on the same statement object again.</p>"},{"location":"languages/php/dependency-injection.html","title":"Dependency Injection","text":"<p>Explicit definition of a class dependencies with the injection through the constructor or getters/setters.</p> PHP<pre><code>class Foo\n{\n    public function __construct(PDO $pdo)  // depends on PDO\n    {\n        $this-&gt;pdo = $pdo;\n    }\n}\n</code></pre>"},{"location":"languages/php/dependency-injection.html#dependency-injection-container","title":"Dependency Injection Container","text":"<p>The Dependency Injection Container (DIC) allow to archive all the dependencies in a single <code>Container</code> class. Some offer automatic resolution of the dependencies.</p>"},{"location":"languages/php/dependency-injection.html#php-di","title":"PHP-DI","text":"<p>The dependency injection container for humans. Installation: <code>composer require php-di/php-di</code></p> <ul> <li>Autowire functionality: the ability of the container to create and inject the dependency automatically.</li> <li>Use of Reflection</li> <li>Configuration of the container through annotations &amp; PHP code.</li> </ul> PHP<pre><code>class Foo\n{\n    private $bar;\n    public function __construct(Bar $bar)  // depends on Bar\n    {\n        $this-&gt;bar = $bar;\n    }\n}\n\nclass Bar{}\n\n$container = new DI\\Container();  // DI Container\n$foo = $container-&gt;get('Foo');  // get instance of Foo (automatic DI of Bar)\n</code></pre>"},{"location":"languages/php/dependency-injection.html#dic-configuration","title":"DIC Configuration","text":"PHP<pre><code>// Foo.php\nclass Foo\n{\n    public function __construct(PDO $pdo)  // depends on PDO\n    {\n        $this-&gt;pdo = $pdo;\n    }\n}\n</code></pre> PHP<pre><code>// config.php\nuse Psr\\Container\\ContainerInterface;\n\n// config \"primitive\" dependencies (dependency =&gt; construct &amp; return)\nreturn [\n    'dsn' =&gt; 'sqlite:db.sq3',\n    PDO::class =&gt; function(ContainerInterface $c) {\n        return new PDO($c-&gt;get('dsn'));\n    },\n\n    ...\n];\n</code></pre> PHP<pre><code>$builder = new \\DI\\ContainerBuilder();\n$builder-&gt;addDefinitions(\"config.php\");  // load config\n$container = $builder-&gt;build();  // construct container\n$cart = $container-&gt;get(Foo::class);  // Instantiate &amp; Inject\n</code></pre> <p>Note: <code>get(\"className\")</code> requires the explicit definition of <code>className</code> in the config file. <code>get(ClassName::class)</code> does not.</p>"},{"location":"languages/php/php.html","title":"PHP","text":"<p>PHP Docs</p> PHP<pre><code>declare(strict_types=1);  # activates variable type checking on function arguments\n# single line comment\n//single line comment\n/* multi line comment */\n</code></pre>"},{"location":"languages/php/php.html#include-require","title":"Include, Require","text":"PHP<pre><code>include \"path\\\\file.php\";  # import an external php file, E_WARNING if fails\ninclude_once \"path\\\\file.php\";  # imports only if not already loaded\n\nrequire \"path\\\\file.php\";  # import an external php file, E_COMPILE_ERROR if fails\nrequire_once \"path\\\\file.php\";  # imports only if not already loaded\n</code></pre>"},{"location":"languages/php/php.html#import-configs-from-a-file-with-include","title":"Import configs from a file with <code>include</code>","text":"<p>In <code>config.php</code>:</p> PHP<pre><code>//config.php\n\n//store configuration options in associative array\nreturn [\n    setting =&gt; value,\n    setting = value,\n]\n</code></pre> PHP<pre><code>$config = include \"config.php\";  // retrieve config and store into variable\n</code></pre>"},{"location":"languages/php/php.html#namespace","title":"Namespace","text":"<p>PSR-4 Spec</p> PHP<pre><code>namespace Foo\\Bar\\Baz;   # set namespace for all file contents, \\ for nested namespaces\n\nuse &lt;PHP_Class&gt;  # using a namespace hides standard php classes (WHY?!?)\n\n# namespace for only a block of code\nnamespace Foo\\Bar\\Baz {\n    function func() {\n        # coded here\n    }\n};\n\n\nFoo\\Bar\\Baz\\func();  # use function from Foo\\Bar\\Baz without USE instruction\n\nuse Foo\\Bar\\Baz\\func; # import namespace\nfunc(); # use function from Foo\\Bar\\Baz\n\nuse Foo\\Bar\\Baz\\func as f;  # use function with an alias\nf();  # use function from Foo\\Bar\\Baz\n\nuse Foo\\Bar\\Baz as fbb  # use namespace with alias\nfnn\\func();  # use function from Foo\\Bar\\Baz\n</code></pre>"},{"location":"languages/php/php.html#basics","title":"Basics","text":"PHP<pre><code>declare(strict_types=1);  # activates type checking\n# single line comment\n//single line comment\n/* multi line comment */\n</code></pre>"},{"location":"languages/php/php.html#screen-output","title":"Screen Output","text":"PHP<pre><code>echo \"string\";  # string output\necho 'string\\n';  # raw string output\nprintf(\"format\", $variables);  # formatted output of strings and variables\nsprintf(\"format\", $variables);  # return formatted string\n</code></pre>"},{"location":"languages/php/php.html#user-input","title":"User Input","text":"PHP<pre><code>$var = readline(\"prompt\");\n\n# if readline is not installed\nif (!function_exists('readline')) {\n    function readline($prompt)\n    {\n        $fh = fopen('php://stdin', 'r');\n        echo $prompt;\n        $userInput = trim(fgets($fh));\n        fclose($fh);\n\n        return $userInput;\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#variables","title":"Variables","text":"PHP<pre><code>$variableName = value;  # weakly typed\necho gettype(&amp;variable);  # output type of variable\n\nvar_dump($var);  # prints info of variable (bit dimension, type &amp; value)\n</code></pre>"},{"location":"languages/php/php.html#integers","title":"Integers","text":"PHP<pre><code>&amp;max = PHP_INT_MAX;  # max value for int type -&gt; 9223372036854775807\n&amp;min = PHP_INT_MIN;  # min value for int type -&gt; -9223372036854775808\n&amp;bytes = PHP_INT_SIZE;  # bytes for int type -&gt; 8\n\n&amp;num = 255;  # decimal\n&amp;num = 0b11111111;  # binary\n&amp;num = 0377;  # octal\n&amp;num = 0xff;  # hexadecimal\n</code></pre>"},{"location":"languages/php/php.html#double","title":"Double","text":"PHP<pre><code>$a = 1.234; // 1.234\n$b = 1.2e3; // 1200\n$c = 7E-10; // 0.0000000007\n</code></pre>"},{"location":"languages/php/php.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation <code>-</code> Subtraction <code>*</code> Multiplication <code>/</code> Division <code>%</code> Modulo <code>**</code> Exponentiation <code>var++</code> Post Increment <code>++var</code> Pre Increment <code>var--</code> Post Decrement <code>--var</code> Pre Decrement"},{"location":"languages/php/php.html#mathematical-functions","title":"Mathematical Functions","text":"<ul> <li><code>sqrt($x)</code></li> <li><code>sin($x)</code></li> <li><code>cos($x)</code></li> <li><code>log($x)</code></li> <li><code>round($x)</code></li> <li><code>floor($x)</code></li> <li><code>ceil($x)</code></li> </ul>"},{"location":"languages/php/php.html#strings","title":"Strings","text":"<p>A string is a sequence of ASCII characters. In PHP a string is an array of characters.</p>"},{"location":"languages/php/php.html#string-concatenation","title":"String Concatenation","text":"PHP<pre><code>$string1 . $string2; # method 1\n$string1 .= $string2;  # method 2\n</code></pre>"},{"location":"languages/php/php.html#string-functions","title":"String Functions","text":"PHP<pre><code>strlen($string);  # returns the string length\nstrpos($string, 'substring');  # position of substring in string\nsubstr($string, start, len);  # extract substring of len from position start\nstrtoupper($string);  # transform to uppercase\nstrtolower($string);  # transform to lowercase\n\nexplode(delimiter, string);  # return array of substrings\n\n$var = sprintf(\"format\", $variables)  # construct and return a formatted string\n</code></pre>"},{"location":"languages/php/php.html#constants","title":"Constants","text":"PHP<pre><code>define ('CONSTANT_NAME', 'value')\n</code></pre>"},{"location":"languages/php/php.html#magic-constants-__name__","title":"Magic Constants <code>__NAME__</code>","text":"<ul> <li><code>__FILE__</code>: script path + script filename</li> <li><code>__DIR__</code>: file directory</li> <li><code>__LINE__</code>: current line number</li> <li><code>__FUNCTION__</code>: the function name, or {closure} for anonymous functions.</li> <li><code>__CLASS__</code>: name of the class</li> <li><code>__NAMESPACE__</code>: the name of the current namespace.</li> </ul>"},{"location":"languages/php/php.html#array","title":"Array","text":"<p>Heterogeneous sequence of values.</p> PHP<pre><code>$array = (sequence_of_items);  # array declaration and valorization\n$array = [sequence_of_items];  # array declaration and valorization\n\n# index &lt; 0 selects items starting from the last\n$array[index];  # access to the items\n$array[index] = value;   # array valorization (can add items)\n\n$array[] = value;  # value appending\n</code></pre>"},{"location":"languages/php/php.html#multi-dimensional-array-matrix","title":"Multi Dimensional Array (Matrix)","text":"<p>Array of array. Can have arbitrary number of nested array</p> PHP<pre><code>$matrix = [\n    [1, 2, 3],\n    [4, 5, 6],\n    [7, 8, 9]\n];\n</code></pre>"},{"location":"languages/php/php.html#array-printing","title":"Array Printing","text":"<p>Single instruction to print whole array is ``</p> PHP<pre><code>$array = [1, 2, 3];\nprint_r($array);  # print all the array values\n</code></pre>"},{"location":"languages/php/php.html#array-functions","title":"Array Functions","text":"PHP<pre><code>count($array);  # returns number of items in the array\narray_sum($array)  # sum of the array value\nsort($array);  # quick sort\nin_array($item, $array);  // check if item is in the array\narray_push($array, $item);  // append item to the array\nunset($array[index]);  # item (or variable) deletion\n\n# array navigation\ncurrent();\nkey();\nnext();\nprev();\nreset();\nend();\n\n# sorting\nsort($array, $sort_flags=\"SORT_REGULAR\");\n\narray_values($array);   # regenerates the array fixing the indexes\n\nlist($array1 [, $array2, ...]) = $data;  # Python-like tuple unpacking\n</code></pre>"},{"location":"languages/php/php.html#associative-arrays","title":"Associative Arrays","text":"<p>Associative arrays have a value as an index. Alternative names are hash tables or dictionaries.</p> PHP<pre><code>$italianDay = [\n    'Mon' =&gt; 'Luned\u00ec',\n    'Tue' =&gt; 'Marted\u00ec',\n    'Wed' =&gt; 'Mercoled\u00ec',\n    'Thu' =&gt; 'Gioved\u00ec',\n    'Fri' =&gt; 'Venerd\u00ec',\n    'Sat' =&gt; 'Sabato',\n    'Sun' =&gt; 'Domenica'\n];\n\n$italianDay[\"Mon\"];  # evaluates to Luned\u00ec\n</code></pre>"},{"location":"languages/php/php.html#conditional-instructions","title":"Conditional Instructions","text":""},{"location":"languages/php/php.html#conditional-operators","title":"Conditional Operators","text":"Operator Operation $a <code>==</code> $b value equality $a <code>===</code> $b value &amp; type equality $a <code>!=</code> $b value inequality $a <code>&lt;&gt;</code> $b value inequality $a <code>!==</code> $b value or type inequality $a <code>&lt;</code> $b less than $a <code>&gt;</code> $b greater than $a <code>&lt;=</code> $b less or equal to $a <code>&gt;=</code> $b greater or equal to $a <code>&lt;=&gt;</code> $b spaceship operator <p>With <code>==</code> a string evaluates to <code>0</code>.</p>"},{"location":"languages/php/php.html#logical-operators","title":"Logical Operators","text":"Operator Example Result <code>and</code> <code>$a and $b</code> TRUE if both <code>$a</code> and <code>$b</code> are TRUE. <code>or</code> <code>$a or $b</code> TRUE if either <code>$a</code> or <code>$b</code> is TRUE. <code>xor</code> <code>$a xor $b</code> TRUE if either <code>$a</code> or <code>$b</code> is TRUE, but not both. <code>not</code> <code>!$a</code> TRUE if <code>$a</code> is not TRUE. <code>and</code> <code>$a &amp;&amp; $b</code> TRUE if both <code>$a</code> and <code>$b</code> are TRUE. <code>or</code> <code>$a || $b</code> TRUE if either <code>$a</code> or <code>$b</code> is TRUE."},{"location":"languages/php/php.html#ternary-operator","title":"Ternary Operator","text":"PHP<pre><code>condition ? result_if_true : result_if_false;\ncondition ?: result_if_false;\n</code></pre>"},{"location":"languages/php/php.html#null-coalesce","title":"NULL Coalesce","text":"PHP<pre><code>$var1 = $var2 ?? value;  # if variable == NULL assign value, otherwise return value of $var2\n\n# equivalent to\n$var1 = isset($var2) ? $var2 : value\n</code></pre>"},{"location":"languages/php/php.html#spaceship-operator","title":"Spaceship Operator","text":"PHP<pre><code>$a &lt;=&gt; $b;\n\n# equivalent to\nif $a &gt; $b\n    return 1;\nif $a == $b\n    return 0;\nif $a &lt; $b\n    return -1;\n</code></pre>"},{"location":"languages/php/php.html#if-elseif-else","title":"<code>If</code> - <code>Elseif</code> - <code>Else</code>","text":"PHP<pre><code>if (condition) {\n  # code here\n} elseif (condition) {\n  # code here\n} else {\n    # code here\n}\n\nif (condition) :\n    # code here\nelseif (condition):\n    # code here\nelse:\n    # code here\nendif;\n</code></pre>"},{"location":"languages/php/php.html#switch-case","title":"Switch Case","text":"PHP<pre><code># weak comparison\nswitch ($var) {\n    case value:\n        # code here\n        break;\n\n    default:\n        # code here\n}\n\n# strong comparison\nswitch (true) {\n    case $var === value:\n        # code here\n        break;\n\n    default:\n        # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#match-expression-php-8","title":"Match Expression (PHP 8)","text":"<p><code>match</code> can return values, doesn't require break statements, can combine conditions, uses strict type comparisons and doesn't do any type coercion.</p> PHP<pre><code>$result = match($input) {\n    0 =&gt; \"hello\",\n    '1', '2', '3' =&gt; \"world\",\n};\n</code></pre>"},{"location":"languages/php/php.html#loops","title":"Loops","text":""},{"location":"languages/php/php.html#for-foreach","title":"For, Foreach","text":"PHP<pre><code>for (init, condition, increment){\n    # code here\n}\n\nfor (init, condition, increment):\n    # code here\nendfor;\n\nforeach($sequence as $item) {\n    # code here\n}\n\nforeach($sequence as $item):\n    # code here\nendforeach;\n\n# foreach on dicts\nforeach($sequence as $key =&gt; $value) {\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#while-do-while","title":"While, Do-While","text":"PHP<pre><code>while (condition) {\n    # code here\n}\n\nwhile (condition):\n    # code here\nendwhile;\n\ndo {\n    # code here\n} while (condition);\n</code></pre>"},{"location":"languages/php/php.html#break-continue-exit","title":"Break, Continue, exit()","text":"<p><code>break</code> stops the iteration. <code>continue</code> skips one cycle of the iteration. <code>exit()</code> terminates the execution of any PHP code.</p>"},{"location":"languages/php/php.html#functions","title":"Functions","text":"<p>Function Docstring</p> <p>Parameters with default values are optional in the function call and must be the last ones in the function declaration. Return type is optional if type checking is disabled.</p> PHP<pre><code>declare(strict_types=1);  # activates type checking\n\n/**\n * Summary.\n *\n * Description.\n *\n * @since x.x.x\n *\n * @see Function/method/class relied on\n * @link URL\n * @global type $varname Description.\n * @global type $varname Description.\n *\n * @param type $var Description.\n * @param type $var Optional. Description. Default.\n * @return type Description.\n */\nfunction functionName (type $parameter, $parameter = default_value): Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#void-function","title":"Void function","text":"PHP<pre><code>function functionName (type $parameter, $parameter = default_value): Void\n{\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#passing-a-parameter-by-reference","title":"Passing a parameter by reference (<code>&amp;$</code>)","text":"PHP<pre><code>function functionName (type &amp;$parameter): Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#variable-number-of-parameters-variadic-operator","title":"Variable number of parameters, variadic operator (<code>...</code>)","text":"PHP<pre><code>function functionName (type $parameter, ...$args): Type\nfunction functionName (type $parameter, type ...$args): Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#nullable-parameters","title":"Nullable parameters","text":"PHP<pre><code>function functionName (?type $parameter): ?Type\n{\n    # code here\n    return &lt;expression&gt;;\n}\n</code></pre>"},{"location":"languages/php/php.html#anonymous-functions-closure","title":"Anonymous Functions (Closure)","text":"PHP<pre><code># declaration and assignment to variable\n$var = function (type $parameter) {\n    # code here\n};\n\n$var($arg);\n</code></pre>"},{"location":"languages/php/php.html#use-operator","title":"Use Operator","text":"PHP<pre><code># use imports a variable into the closure\n$foo = function (type $parameter) use ($average) {\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#union-types-php-8","title":"Union Types (PHP 8)","text":"<p>Union types are a collection of two or more types which indicate that either one of those can be used.</p> PHP<pre><code>public function foo(Foo|Bar $input): int|float;\n</code></pre>"},{"location":"languages/php/php.html#named-arguments-php-8","title":"Named Arguments (PHP 8)","text":"<p>Named arguments allow to pass in values to a function, by specifying the value name, to avoid taking their order into consideration. It's also possible to skip optional parameters.</p> PHP<pre><code>function foo(string $a, string $b, ?string $c = null, ?string $d = null) { /* \u2026 */ }\n\nfoo(\n    b: 'value b',\n    a: 'value a',\n    d: 'value d',\n);\n</code></pre>"},{"location":"languages/php/php.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/php/php.html#scope-visibility","title":"Scope &amp; Visibility","text":"<p><code>public</code> methods and attributes are visible to anyone (default). <code>private</code> methods and attributes are visible only inside the class in which are declared. <code>protected</code> methods and attributes are visible only to child classes.</p> <p><code>final</code> classes cannot be extended.</p>"},{"location":"languages/php/php.html#class-declaration-instantiation","title":"Class Declaration &amp; Instantiation","text":"PHP<pre><code># case insensitive\nclass ClassName\n{\n\n    const CONSTANT = value;  # public by default\n\n    public $attribute;  # null by default if not assigned\n    public Type $attribute;  # specifying the type is optional, it will be enforced if present\n\n    # class constructor\n    public function __construct(value)\n    {\n        $this-&gt;attribute =  value\n    }\n\n    public getAttribute(): Type\n    {\n        return $this-&gt;attribute;\n    }\n\n    public function func(): Type\n    {\n        # code here\n    }\n}\n\n$object = new ClassName;  # case insensitive (CLASSNAME, ClassName, classname)\n$object-&gt;attribute = value;\n$object-&gt;func();\n$object::CONSTANT;\n\n$var = $object;  # copy by reference\n$var = clone $object  # copy by value\n\n$object instanceof ClassName  // check type of the object\n</code></pre>"},{"location":"languages/php/php.html#static-classes-attributes-methods","title":"Static classes, attributes &amp; methods","text":"<p>Inside static methods it's impossible to use <code>$this</code>. A static variable is unique for the class and all instances.</p> PHP<pre><code>class ClassName {\n\n    public static $var;\n\n    public static function func(){\n        //code here\n    }\n\n    public static function other_func(){\n        //code here\n        self::func();\n    }\n}\n\nClassName::func();  // use static function\n\n$obj = new ClassName();\n$obj::$var;  // access to the static variable\n</code></pre>"},{"location":"languages/php/php.html#dependency-injection","title":"Dependency Injection","text":"<p>Parameters of the dependency can be modified before passing the required class to the constructor.</p> PHP<pre><code>class ClassName\n{\n    private $dependency;\n\n    public function __construct(ClassName requiredClass)\n    {\n        $this-&gt;dependency = requiredClass;  # necessary class is passed to the constructor\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#inheritance","title":"Inheritance","text":"<p>If a class is defined <code>final</code> it can't be extended. If a function is declared <code>final</code> it can't be overridden.</p> PHP<pre><code>class Child extends Parent\n{\n    public __construct() {\n        parent::__construct();  # call parent's method\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#abstract-class","title":"Abstract Class","text":"<p>Abstract classes cannot be instantiated;</p> PHP<pre><code>abstract class ClassName\n{\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#interface","title":"Interface","text":"<p>An interface is a \"contract\" that defines what methods the implementing classes must have and implement.</p> <p>A class can implement multiple interfaces but there must be no methods in common between interface to avoid ambiguity.</p> PHP<pre><code>interface InterfaceName {\n\n    // it is possible to define __construct\n\n    // function has no body; must be implements in the class that uses the interface\n    public function functionName (parameters) : Type;  // MUST be public\n}\n\n\nclass ClassName implements InterfaceName {\n    public function functionName(parameters) : Type {\n        //implementation here\n    }\n}\n</code></pre>"},{"location":"languages/php/php.html#traits","title":"Traits","text":"<p><code>Traits</code> allows the reutilization of code inside different classes without links of inheritance. It can be used to mitigate the problem of multiple inheritance, which is absent in PHP.</p> <p>In case of functions name conflict it's possible to use <code>insteadof</code> to specify which function to use. It's also possible to use an alias to resolve the conflicts.</p> PHP<pre><code>trait TraitName {\n    // code here\n}\n\nclass ClassName {\n    use TraitName, {TraitName::func() insteadof OtherTrait}, { func() as alias };  # can use multiple traits\n    # code here\n}\n</code></pre>"},{"location":"languages/php/php.html#anonymous-classes","title":"Anonymous Classes","text":"PHP<pre><code>$obj = new ClassName;\n\n$obj-&gt;method(new class implements Interface {\n    public function InterfaceFunc() {\n        // code here\n    }\n});\n</code></pre>"},{"location":"languages/php/php.html#serialization-json","title":"Serialization &amp; JSON","text":"PHP<pre><code>$serialized = serialize($obj);  # serialization\n$obj = unserialize($serialized);  # de-serialization\n\n$var = json_decode(string $json, bool $associative);  # Takes a JSON encoded string and converts it into a PHP variable.\u00f9\n$json = json_encode($value);  # Returns a string containing the JSON representation of the supplied value.\n</code></pre>"},{"location":"languages/php/php.html#files","title":"Files","text":""},{"location":"languages/php/php.html#readwrite-on-files","title":"Read/Write on Files","text":"PHP<pre><code>file(filename);  // return file lines in an array\n\n// problematic with large files (allocates memory to read all file, can fill RAM)\nfile_put_contents(filename, data);  // write whole file\nfile_get_contents(filename);  // read whole file\n</code></pre>"},{"location":"languages/php/php.html#regular-expressions","title":"Regular Expressions","text":"PHP<pre><code>preg_match('/PATTERN/', string $subject, array $matches);  # returns 1 if the pattern matches given subject, 0 if it does not, or FALSE if an error occurred\n# $matches[0] = whole matched string\n# $matches[i] = i-th group of the regex\n</code></pre>"},{"location":"languages/php/php.html#hashing","title":"Hashing","text":"<p>Supported hashing algrithms:</p> <ul> <li><code>md2</code>, <code>md4</code>, <code>md5</code></li> <li><code>sha1</code>, <code>sha224</code>, <code>sha256</code>, <code>sha384</code>, <code>sha512/224</code>, <code>sha512/256</code>, <code>sha512</code></li> <li><code>sha3-224</code>, <code>sha3-256</code>, <code>sha3-384</code>, <code>sha3-512</code></li> <li><code>ripemd128</code>, <code>ripemd160</code>, <code>ripemd256</code>, <code>ripemd320</code></li> <li><code>whirlpool</code></li> <li><code>tiger128,3</code>, <code>tiger160,3</code>, <code>tiger192,3</code>, <code>tiger128,4</code>, <code>tiger160,4</code>, <code>tiger192,4</code></li> <li><code>snefru</code>, <code>snefru256</code></li> <li><code>gost</code>, <code>gost-crypto</code></li> <li><code>adler32</code></li> <li><code>crc32</code>, <code>crc32b</code>, <code>crc32c</code></li> <li><code>fnv132</code>, <code>fnv1a32</code>, <code>fnv164</code>, <code>fnv1a64</code></li> <li><code>joaat</code></li> <li><code>haval128,3</code>, <code>haval160,3</code>, <code>haval192,3</code>, <code>haval224,3</code>, <code>haval256,3</code>, <code>haval128,4</code>, <code>haval160,4</code>, <code>haval192,4</code>, <code>haval224,4</code>, <code>haval256,4</code>, <code>haval128,5</code>, <code>haval160,5</code>, <code>haval192,5</code>, <code>haval224,5</code>, <code>haval256,5</code></li> </ul> PHP<pre><code>hash($algorithm, $data);\n</code></pre>"},{"location":"languages/php/php.html#password-hashes","title":"Password Hashes","text":"<p><code>password_hash()</code> is compatible with <code>crypt()</code>. Therefore, password hashes created by <code>crypt()</code> can be used with <code>password_hash()</code>.</p> <p>Algorithms currently supported:</p> <ul> <li>PASSWORD_DEFAULT - Use the bcrypt algorithm (default as of PHP 5.5.0). Note that this constant is designed to change over time as new and stronger algorithms are added to PHP.</li> <li>PASSWORD_BCRYPT - Use the CRYPT_BLOWFISH algorithm to create the hash. This will produce a standard <code>crypt()</code> compatible hash using the \"$2y$\" identifier. The result will always be a 60 character string, or FALSE on failure.</li> <li>PASSWORD_ARGON2I - Use the Argon2i hashing algorithm to create the hash. This algorithm is only available if PHP has been compiled with Argon2 support.</li> <li>PASSWORD_ARGON2ID - Use the Argon2id hashing algorithm to create the hash. This algorithm is only available if PHP has been compiled with Argon2 support.</li> </ul> <p>Supported options for PASSWORD_BCRYPT:</p> <ul> <li> <p>salt (string) - to manually provide a salt to use when hashing the password. Note that this will override and prevent a salt from being automatically generated.   If omitted, a random salt will be generated by password_hash() for each password hashed. This is the intended mode of operation.   Warning: The salt option has been deprecated as of PHP 7.0.0. It is now preferred to simply use the salt that is generated by default.</p> </li> <li> <p>cost (integer) - which denotes the algorithmic cost that should be used. Examples of these values can be found on the crypt() page.   If omitted, a default value of 10 will be used. This is a good baseline cost, but you may want to consider increasing it depending on your hardware.</p> </li> </ul> <p>Supported options for PASSWORD_ARGON2I and PASSWORD_ARGON2ID:</p> <ul> <li>memory_cost (integer) - Maximum memory (in kibibytes) that may be used to compute the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_MEMORY_COST.</li> <li>time_cost (integer) - Maximum amount of time it may take to compute the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_TIME_COST.</li> <li>threads (integer) - Number of threads to use for computing the Argon2 hash. Defaults to PASSWORD_ARGON2_DEFAULT_THREADS.</li> </ul> PHP<pre><code>password_hash($password, $algorithm);  # create a new password hash using a strong one-way hashing algorithm.\npassword_verify($password, $hash);  # Verifies that a password matches a hash\n</code></pre>"},{"location":"languages/php/php.html#errors","title":"Errors","text":"<p>Types of PHP errors:</p> <ul> <li>Fatal Error: stop the execution of the program.</li> <li>Warning: generated at runtime, does not stop the execution (non-blocking).</li> <li>Notice: informative errors or messages, non-blocking.</li> </ul> PHP<pre><code>$a = new StdClass()\n$a-&gt;foo();  // PHP Fatal Error: foo() does not exist\n</code></pre> PHP<pre><code>$a = 0;\necho 1/$a;  // PHP Warning: Division by zero\n</code></pre> PHP<pre><code>echo $a;  // PHP Notice: $a undefined\n</code></pre>"},{"location":"languages/php/php.html#error-reporting","title":"Error Reporting","text":"<p>PHP Error Constants</p> <p>Its possible to configure PHP to signal only some type of errors. Errors below a certain levels are ignored.</p> PHP<pre><code>error_reporting(E_&lt;type&gt;);  // set error report threshold (for log file)\n// does not disable PARSER ERROR\n\nini_set(\"display_errors\", 0);  // don't display any errors on stderr\nini_set(\"error_log\", \"path\\\\error.log\");  // set log file\n</code></pre>"},{"location":"languages/php/php.html#triggering-errors","title":"Triggering Errors","text":"PHP<pre><code>// generate E_USER_ errors\ntrigger_error(\"message\");  // default type: E_USER_NOTICE\ntrigger_error(\"message\", E_USER_&lt;Type&gt;);\n\ntrigger_error(\"Deprecated Function\", E_USER_DEPRECATED);\n</code></pre>"},{"location":"languages/php/php.html#writing-in-the-log-file","title":"Writing in the Log File","text":"<p>It's possible to use log files unrelated to the php log file.</p> PHP<pre><code>error_log(\"message\", 3, \"path\\\\log.log\");  // write log message to a specified file\n\n//example\nerror_log(sprintf(\"[%s] Error: _\", date(\"Y-m-d h:i:s\")), 3, \"path\\\\log.log\")\n</code></pre>"},{"location":"languages/php/php.html#exception-handling","title":"Exception Handling","text":"<p>PHP offers the possibility to handle errors with the exception model.</p> PHP<pre><code>try {\n    // dangerous code\n} catch(ExceptionType1 | ExceptionType2 $e) {\n    printf(\"Errore: %s\", $e-&gt;getMessage());\n} catch(Exception $e) {\n    // handle or report exception\n}\n\nthrow new ExceptionType(\"message\");  // throw an exception\n</code></pre> <p>All exceptions in PHP implement the interface <code>Throwable</code>.</p> PHP<pre><code>Interface Throwable {\n    abstract public string getMessage ( void )\n    abstract public int getCode ( void )\n    abstract public string getFile ( void )\n    abstract public int getLine ( void )\n    abstract public array getTrace ( void )\n    abstract public string getTraceAsString ( void )\n    abstract public Throwable getPrevious ( void )\n    abstract public string __toString ( void )\n}\n</code></pre>"},{"location":"languages/php/php.html#custom-exceptions","title":"Custom Exceptions","text":"PHP<pre><code>/**\n * Define a custom exception class\n */\nclass CustomException extends Exception\n{\n    // Redefine the exception so message isn't optional\n    public function __construct($message, $code = 0, Exception $previous = null) {\n        // some code\n\n        // make sure everything is assigned properly\n        parent::__construct($message, $code, $previous);\n    }\n\n    // custom string representation of object\n    public function __toString() {\n        return __CLASS__ . \": [{$this-&gt;code}]: {$this-&gt;message}\\n\";\n    }\n\n    public function customFunction() {\n        echo \"A custom function for this type of exception\\n\";\n    }\n}\n</code></pre>"},{"location":"languages/php/plates-templating.html","title":"Templates with Plates","text":""},{"location":"languages/php/plates-templating.html#template","title":"Template","text":"<p>To separate HTML code and PHP code it's possible to use templates with markers for variable substitution. Variables are created in the PHP code and are passed to the template in the rendering phase. The server transmits only the <code>index.php</code> file to the user. The php file renders the templates as needed.</p> HTML<pre><code>&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?= $this-&gt;e($title)?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n\n    &lt;body&gt;\n        &lt;?= $this-&gt;section('content')?&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/php/plates-templating.html#plates","title":"Plates","text":"<p>Plates is a template engine for PHP. A template engine permits to separate the PHP code (business logic) from the HTML pages.</p> <p>Installation through composer: <code>composer require league/plates</code>.</p> PHP<pre><code># index.php\nrequire \"vendor/autoload.php\";\n\nuse League\\Plates\\Engine;\n\n$templates = new Engine(\"path\\\\to\\\\templates\");\n\necho $templates-&gt;render(\"template_name\", [\n    \"key_1\" =&gt; \"value_1\",\n    \"key_2\" =&gt; \"value_2\"\n]);\n</code></pre> PHP<pre><code># template.php\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?= $key_1?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n\n    &lt;body&gt;\n        &lt;h1&gt;Hello &lt;?= $key_2 ?&gt;&lt;/h1&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre> <p>Variables in the template are created through an associative array <code>key =&gt; value</code>. The key (<code>\"key\"</code>) becomes a variable (<code>$key</code>) in the template.</p>"},{"location":"languages/php/plates-templating.html#layout","title":"Layout","text":"<p>It's possible to create a layout (a model) for a group of pages to make that identical save for the contents. In a layout it's possible to create a section called content that identifies content that can be specified at runtime.</p> <p>Note: Since only the template has the data passed eventual loops have to be done there.</p> PHP<pre><code># index.php\nrequire 'vendor/autoload.php';\nuse League\\Plates\\Engine;\n$template = new Engine('/path/to/templates');\necho $template-&gt;render('template_name', [ \"marker\" =&gt; value, ... ]);\n</code></pre> PHP<pre><code># template.php\n\n# set the layout used for this template\n&lt;?php $this-&gt;layout(\"layout_name\", [\"marker\" =&gt; value, ...]) ?&gt;  # pass values to the layout\n\n# section contents\n&lt;p&gt; &lt;?= $this-&gt;e($marker) ?&gt; &lt;/p&gt;\n</code></pre> PHP<pre><code># layout.php\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?= $marker ?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n        &lt;?= $this-&gt;section('content')?&gt;  # insert the section\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/php/plates-templating.html#escape","title":"Escape","text":"<p>It's necessary to verify that the output is in the necessary format.</p> <p>Plates offers <code>$this-&gt;escape()</code> or <code>$this-&gt;e()</code> to validate the output. In general the output validation allows to prevent Cross-Site Scripting (XSS).</p>"},{"location":"languages/php/plates-templating.html#folders","title":"Folders","text":"PHP<pre><code># index.php\n$templates-&gt;addFolder(\"alias\", \"path/to/template/folder\");  # add a template folder\necho $templates-&gt;render(\"folder::template\");  # use a template in a specific folder\n</code></pre>"},{"location":"languages/php/plates-templating.html#insert","title":"Insert","text":"<p>It's possible to inject templates in a layout or template. It is done by using the <code>insert()</code> function.</p> PHP<pre><code># layout.php\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;&lt;?=$this-&gt;e($title)?&gt;&lt;/title&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n        &lt;?php $this-&gt;insert('template::header') ?&gt;  # insert template\n\n        &lt;?= $this-&gt;section('content')?&gt;  # page contents\n\n        &lt;?php $this-&gt;insert('template::footer') ?&gt;  # insert template\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>"},{"location":"languages/php/plates-templating.html#sections","title":"Sections","text":"<p>It's possible to insert page contest from another template with the <code>section()</code> function. The content to be inserted must be surrounded with by the <code>start()</code> and <code>stop()</code> functions.</p> PHP<pre><code># template.php\n\n&lt;?php $this-&gt;start(\"section_name\") ?&gt;  # start section\n#  section contents (HTML)\n&lt;?php $this-&gt;stop() ?&gt;  # stop section\n\n# append to section is existing, create if not\n&lt;?php $this-&gt;push(\"section_name\") ?&gt;\n#  section contents (HTML)\n&lt;?php $this-&gt;end() ?&gt;\n</code></pre>"},{"location":"languages/php/psr-7.html","title":"PSR-7","text":""},{"location":"languages/php/psr-7.html#psr-7_1","title":"PSR-7","text":"<p>Standard of the PHP Framework Interop Group that defines common interfaces for handling HTTP messages.</p> <ul> <li><code>Psr\\Http\\Message\\MessageInterface</code></li> <li><code>Psr\\Http\\Message\\RequestInterface</code></li> <li><code>Psr\\Http\\Message\\ResponseInterface</code></li> <li><code>Psr\\Http\\Message\\ServerRequestInterface</code></li> <li><code>Psr\\Http\\Message\\StreamInterface</code></li> <li><code>Psr\\Http\\Message\\UploadedFileInterface</code></li> <li><code>Psr\\Http\\Message\\UriInterface</code></li> </ul> <p>Example:</p> PHP<pre><code>// empty array if not found\n$header = $request-&gt;getHeader('Accept');\n\n// empty string if not found\n$header = $request-&gt;getHeaderLine('Accept');\n\n// check the presence of a header\nif (! $request-&gt;hasHeader('Accept')) {}\n\n// returns the parameters in a query string\n$query = $request-&gt;getQueryParams();\n</code></pre>"},{"location":"languages/php/psr-7.html#immutability","title":"Immutability","text":"<p>PSR-7 requests are immutable objects; a change in the data will return a new instance of the object. The stream objects of PSR-7 are not immutable.</p>"},{"location":"languages/php/unit-tests.html","title":"PHP Unit Test","text":""},{"location":"languages/php/unit-tests.html#installation-configuration","title":"Installation &amp; Configuration","text":""},{"location":"languages/php/unit-tests.html#dev-only-installation","title":"Dev-Only Installation","text":"PowerShell<pre><code>composer require --dev phpunit/phpunit\n</code></pre> JSON<pre><code>    \"require-dev\": {\n        \"phpunit/phpunit\": \"&lt;version&gt;\"\n    }\n</code></pre>"},{"location":"languages/php/unit-tests.html#config","title":"Config","text":"<p>PHPUnit can be configured in a XML file called <code>phpunit.xml</code>:</p> XML<pre><code>&lt;phpunit xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n         xsi:noNamespaceSchemaLocation=\"vendor/phpunit/phpunit/phpunit.xsd\"\n         bootstrap=\"vendor/autoload.php\"\n         colors=\"true\"&gt;\n\n    &lt;testsuites&gt;\n        &lt;testsuit name=\"App\\\\Tests\"&gt;\n            &lt;directory&gt;./test&lt;directory&gt;\n        &lt;/testsuit&gt;\n    &lt;/testsuites&gt;\n\n    &lt;filter&gt;\n        &lt;whitelist processUncoveredFilesFromWhitelist=\"true\"&gt;\n            &lt;directory suffix=\".php\"&gt;./src&lt;/directory&gt;\n        &lt;/whitelist&gt;\n    &lt;/filter&gt;\n&lt;/phpunit&gt;\n</code></pre>"},{"location":"languages/php/unit-tests.html#testing","title":"Testing","text":""},{"location":"languages/php/unit-tests.html#test-structure","title":"Test Structure","text":"<p>PHPUnit tests are grouped in classes suffixed with <code>Test</code>. Each class extends <code>PHPUnit\\Framework\\TestCase</code>. A test is a method of a test class prefixed with <code>test</code>. PHPUnit is executed from the command line with <code>vendor/bin/phpunit  --colors</code>.</p> PHP<pre><code>namespace App;\n\nclass Filter\n{\n    public function isEmail(string $email): bool\n    {\n        // @todo implement\n    }\n}\n</code></pre> PHP<pre><code>namespace App\\Test;\nuse PHPUnit\\Framework\\TestCase;\nuse App\\Filter;\n\nclass FilterTest extends TestCase\n{\n    public function testValidMail()\n    {\n        $filter = new Filter();\n        $this-&gt;assertTrue($filter-&gt;isEmail(\"foo@bar.com\"));\n    }\n\n    public function testInvalidEmail()\n    {\n        $filter = new Filter();\n        $this-&gt;assertFalse($filter-&gt;idEmail(\"foo\"));\n    }\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#phpunit-assertions","title":"PHPUnit Assertions","text":"<ul> <li><code>asseretTrue()</code>: verifies that the element is true</li> <li><code>assertFalse()</code>: verifies that the element is false</li> <li><code>assertEmpty()</code>: verifies that the element is empty</li> <li><code>assertEquals()</code>: verifies that the two elements are equal</li> <li><code>assertGreaterThan()</code>: verifies that the element is greater than ...</li> <li><code>assertContains()</code>: verifies that the element is contained in an array</li> <li><code>assertInstanceOf()</code>: verifies that the element is an instance of a specific class</li> <li><code>assertArrayHasKey(mixed $key, array $array)</code>: verify that a specific key is in the array</li> </ul>"},{"location":"languages/php/unit-tests.html#phpunit-testing-exceptions","title":"PHPUnit Testing Exceptions","text":"PHP<pre><code>public function testAggiungiEsameException(string $esame)\n{\n    $this-&gt;expectException(Exception::class);\n    $this-&gt;expectExceptionMessage(\"exception_message\");\n\n    // execute code that should throw an exception\n}\n\n// https://github.com/sebastianbergmann/phpunit/issues/2484#issuecomment-648822531\npublic function testExceptionNotThrown()\n{\n    $exceptionWasThrown = false;\n\n    try\n    {\n        // code that should succeed\n    }\n    catch (EsameException $e)\n    {\n        $exceptionWasThrown = true;\n    }\n\n    $this-&gt;assertFalse($exceptionWasThrown);\n}\n\n// same as\n\n/**\n* @doesNotPerformAssertions\n*/\npublic function testNoExceptions(string $esame)\n{\n    // code that should succeed (exceptions will make the test fail)\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#test-setup-teardown-example","title":"Test Setup &amp; Teardown (Example)","text":"PHP<pre><code>class ClassTest extends TestCase\n{\n    // initialize the test\n    public function setUp(): void\n    {\n        file_put_contents(\"/tmp/foo\", \"Test\")\n    }\n\n    // reset the test\n    public function tearDown(): void\n    {\n        unlink(\"/tmp/foo\")\n    }\n\n    public function testFoo()\n    {\n        // use temp file\n    }\n}\n</code></pre> <p>Note: <code>setUp()</code> and <code>tearDown()</code> are called before and after each test method.</p>"},{"location":"languages/php/unit-tests.html#data-provider","title":"Data Provider","text":"PHP<pre><code>class DataTest extends TestCase\n{\n    /**\n    * @dataProvider provider\n    */\n    public function testAdd($a, $b, $expected)\n    {\n        $this-&gt;assertEquals($expected, $a + $b);\n    }\n\n    // test receives array contents as input\n    public function provider()\n    {\n        // must return array of arrays\n        return [\n            [0, 0, 0],\n            [0, 1, 1]\n        ];\n    }\n\n    // test receives array of arrays as input\n    public function provideArrayOfArrays()\n    {\n        return [\n            [\n                [\n                    [0, 0, 0],\n                    [0, 1, 1]\n                ]\n            ]\n        ];\n    }\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#mock-objects","title":"Mock Objects","text":"PHP<pre><code>class UnitTest extends TestCase\n{\n    public function setUp()\n    {\n        // names of mock are independent from tested class variables\n        $this-&gt;mock = $this-&gt;createMock(ClassName::class);  // create a mock object of a class\n        $this-&gt;returned = $this-&gt;createMock(ClassName::class);  // mock of returned object\n\n        $this-&gt;mock-&gt;method(\"methodName\")  // simulate method on mock\n            -&gt;with($this-&gt;equalTo(param), ...)  // specify input params (one param per equalTo)\n            -&gt;willReturn($this-&gt;returned);  // specify return value\n    }\n\n    public function testMethod()\n    {\n        $this-&gt;mock\n        -&gt;method(\"methodName\")\n        -&gt;with($this-&gt;equalTo($arg))  // arg passed to the method\n        -&gt;willReturn(value);  // actual return value for THIS case\n        // or\n        -&gt;will($this-&gt;throwException(new Exception()));  // method will throw exception\n\n        // assertions\n    }\n}\n</code></pre>"},{"location":"languages/php/unit-tests.html#code-coverage-needs-xdebug","title":"Code Coverage (needs XDebug)","text":"PowerShell<pre><code>vendor/bin/phpunit --coverage-text  # code coverage analysis in the terminal\n</code></pre>"},{"location":"languages/php/web.html","title":"PHP for the Web","text":""},{"location":"languages/php/web.html#php-internal-web-server","title":"PHP Internal Web Server","text":"<p>Command Line Web Server in PHP, useful in testing phase. Limited since handles only one request at a time. Do not use in production.</p> PowerShell<pre><code>PHP -S &lt;ip:post&gt;  # start web server\nPHP -S &lt;ip:post&gt; -t /path/to/folder  # execute in specified folder at specified address\nPHP -S &lt;ip:post&gt; file.php  # redirect requests to single file\n</code></pre>"},{"location":"languages/php/web.html#http-methods","title":"HTTP Methods","text":"<p>Handling of HTTP requests happens using the following global variables:</p> <ul> <li><code>$_SERVER</code>: info on request headers, version, URL path and method (dict)</li> <li><code>$_GET</code>: parameters of get request (dict)</li> <li><code>$_POST</code>: parameters of post request (dict)</li> <li><code>$_COOKIE</code></li> <li><code>$_FILES</code>: file to send to web app.</li> </ul>"},{"location":"languages/php/web.html#_files","title":"<code>$_FILES</code>","text":"HTML<pre><code>&lt;!-- method MUST BE post --&gt;\n&lt;!-- must have enctype=\"multipart/form-data\" attribute --&gt;\n&lt;form name=\"&lt;name&gt;\" action=\"file.php\" method=\"POST\" enctype=\"multipart/form-data\"&gt;\n    &lt;input type=\"file\" name=\"photo\" /&gt;\n    &lt;input type=\"submit\" name=\"Send\" /&gt;\n&lt;/form&gt;\n</code></pre> <p>Files in <code>$_FILES</code> are memorized in a system temp folder. They can be moved with <code>move_uploaded_file()</code></p> PHP<pre><code>if (! isset($_FILES['photo']['error'])) {\n    http_response_code(400);  # send a response code\n    echo'&lt;h1&gt;No file has been sent&lt;/h1&gt;';\n    exit();\n}\n\nif ($_FILES['photo']['error'] != UPLOAD_ERR_OK) {\n        http_response_code(400);\n        echo'&lt;h1&gt;The sent file is invalid&lt;/h1&gt;';\n        exit();\n}\n\n$path = '/path/to/' . $_FILES['photo']['name'];\n\nif (! move_uploaded_file($_FILES['photo']['tmp_name'], $path)) {\n    http_response_code(400);\n    echo'&lt;h1&gt;Error while writing the file&lt;/h1&gt;';\n    exit();\n}\n\necho'&lt;h1&gt;File successfully sent&lt;/h1&gt;';\n</code></pre>"},{"location":"languages/php/web.html#_server","title":"<code>$_SERVER</code>","text":"<p>Request Header Access:</p> PHP<pre><code>$_SERVER[\"REQUEST_METHOD\"];\n$_SERVER[\"REQUEST_URI\"];\n$_SERVER[\"SERVER_PROTOCOL\"];  // HTTP Versions\n$_SERVER[\"HTTP_ACCEPT\"];\n$_SERVER[\"HTTP_ACCEPT_ENCODING\"];\n$_SERVER[\"HTTP_CONNECTION\"];\n$_SERVER[\"HTTP_HOST\"];\n$_SERVER[\"HTTP_USER_AGENT\"];\n// others\n</code></pre>"},{"location":"languages/php/web.html#_cookie","title":"<code>$_COOKIE</code>","text":"<p>Cookie Laws Garante Privacy 8/5/2014</p> <p>All sites must have a page for the consensus about using cookies.</p> <p>Cookies are HTTP headers used to memorize key-value info on the client. They are sent from the server to the client to keep track of info on the user that is visiting the website. When a client receives a HTTP response that contains <code>Set-Cookie</code> headers it has to memorize that info and reuse them in future requests.</p> HTTP<pre><code>Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Expires=&lt;date&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Max-Age=&lt;seconds&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Domain=&lt;domain-value&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Path=&lt;path-value&gt;\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; Secure\nSet-Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;; HttpOnly\n</code></pre> <p>Anyone can modify the contents of a cookie; for this reason cookies must not contain personal or sensible info.</p> <p>When a client has memorized a cookie, it is sent in successive HTTP requests through the <code>Cookie</code> header.</p> HTTP<pre><code>Cookie: &lt;cookie-name&gt;=&lt;cookie-value&gt;\n</code></pre> <p>PHP setcookie docs</p> PHP<pre><code>setcookie (\nstring $name,\n[ string $value = \"\" ],\n[ int $expire = 0 ],  // in seconds (time() + seconds)\n[ string $path = \"\" ],\n[ string $domain = \"\" ],\n[ bool $secure = false ],  // use https\n[ bool $httponly = false ]  // accessible only through http (no js, ...)\n)\n\n// example: memorize user-id 112 with 24h expiry for site example.com\nsetcookie (\"User-id\", \"112\", time() + 3600*24, \"/\", \"example.com\");\n\n// check if a cookie exists\nif(isset($_COOKIE[\"cookie_name\"])) {}\n</code></pre>"},{"location":"languages/php/web.html#_session","title":"$_SESSION","text":"<p>Sessions are info memorized on the server associated to the client that makes an HTTP request.</p> <p>PHP generates a cookie named <code>PHPSESSID</code> containing a session identifier and an hash generated from <code>IP + timestamp + pseudo-random number</code>.</p> <p>To use the session it's necessary to recall the function <code>session_start()</code> at the beginning of a PHP script that deals with sessions. After starting the session information in be saved in the <code>$_SESSION</code> array.</p> PHP<pre><code>$_SESSION[\"key\"] = value;  // save data in session file (serialized data)\n\nunset($_SESSION[\"key\"]);  // delete data from the session\nsession_unset();  # remove all session data\nsession_destroy();  # destroy all of the data associated with the current session.\n# It does not unset any of the global variables associated with the session, or unset the session cookie.\n</code></pre> <p>Session data is be memorized in a file by serializing <code>$_SESSION</code>. Files are named as <code>sess_PHPSESSID</code> in a folder (<code>var/lib/php/sessions</code> in Linux).</p> <p>It's possible to modify the memorization system of PHP serialization variables by:</p> <ul> <li>modifying <code>session.save_handler</code> in <code>php.ini</code></li> <li>writing as personalized handler with the function <code>session_set_save_handler()</code> and/or the class <code>SessionHandler</code></li> </ul>"},{"location":"languages/php/web.html#php-web-instructions","title":"PHP Web Instructions","text":"<p><code>http_response_code()</code> is used to return an HTTP response code. If no code is specified <code>200 OK</code> is returned. <code>header(\"Location: /route\")</code> is used to make a redirect to another UTL.</p>"},{"location":"languages/php/simple-mvc/rest-api.html","title":"REST API with Simple-MVC","text":""},{"location":"languages/php/simple-mvc/rest-api.html#routing-example","title":"Routing (Example)","text":"PHP<pre><code>// config/route.php\nreturn [   \n   [ 'GET', '/api/user[/{id}]', Controller\\User::class ],\n   [ 'POST', '/api/user', Controller\\User::class ],\n   [ 'PATCH', '/api/user/{id}', Controller\\User::class ],\n   [ 'DELETE', '/api/user/{id}', Controller\\User::class ]\n];\n</code></pre>"},{"location":"languages/php/simple-mvc/rest-api.html#controller-example","title":"Controller (Example)","text":"PHP<pre><code>public class UserController implements ControllerInterface\n{\n    public function __construct(UserModel $user)\n    {\n        $this-&gt;userModel = $user;\n\n        // Set the Content-type for all the HTTP methods\n        header('Content-type: application/json');\n    }\n\n    // method dispatcher\n    public function execute(ServerRequestInterface $request)\n    {\n        $method = strtolower($request-&gt;getMethod());\n        if (!method_exists($this, $method)) {\n            http_response_code(405); // method not exists\n            return;\n        }\n        $this-&gt;$method($request);\n    }\n\n    public function get(ServerRequestInterface $request)\n    {\n        $id = $request-&gt;getAttribute('id');\n        try {\n            $result = empty($id)\n                ? $this-&gt;userModel-&gt;getAllUsers()\n                : $this-&gt;userModel-&gt;getUser($id);\n        } catch (UserNotFoundException $e) {\n            http_response_code(404); // user not found\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n\n    public function post(ServerRequestInterface $request)\n    {\n        $data = json_decode($request-&gt;getBody()-&gt;getContents(), true);\n        try {\n            $result = $this-&gt;userModel-&gt;addUser($data);\n        } catch (InvalidAttributeException $e) {\n            http_response_code(400); // bad request\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        } catch (UserAlreadyExistsException $e) {\n            http_response_code(409); // conflict, the user is not present\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n\n    public function patch(ServerRequestInterface $request)\n    {\n        $id = $request-&gt;getAttribute('id');\n        $data = json_decode($request-&gt;getBody()-&gt;getContents(), true);\n        try {\n            $result = $this-&gt;userModel-&gt;updateUser($data, $id);\n        } catch (InvalidAttributeException $e) {\n            http_response_code(400); // bad request\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        } catch (UserNotFoundException $e) {\n            http_response_code(404); // user not found\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n\n    public function delete(ServerRequestInterface $request)\n    {\n        $id = $request-&gt;getAttribute('id');\n        try {\n            $this-&gt;userModel-&gt;deleteUser($id);\n            $result = ['result' =&gt; 'success'];\n        } catch (UserNotFoundException $e) {\n            http_response_code(404); // user not found\n            $result = ['error' =&gt; $e-&gt;getMessage()];\n        }\n        echo json_encode($result);\n    }\n}\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html","title":"SimpleMVC Mini-Framework","text":"<p>SimpleMVC is a micro MVC framework for PHP using FastRoute, PHP-DI, Plates and PHP-DI standard for HTTP messages.</p> <p>This framework is mainly used as tutorial for introducing the Model-View-Controller architecture in modern PHP applications.</p>"},{"location":"languages/php/simple-mvc/simple-mvc.html#installation","title":"Installation","text":"PowerShell<pre><code>composer create-project ezimuel/simple-mvc\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#structure","title":"Structure","text":"Text Only<pre><code>|- config\n|  |- container.php --&gt; DI Container Config (PHP-DI)\n|  |- route.php --&gt; routing\n|- public\n|  |- img\n|  |- index.php  --&gt; app entry-point\n|- src\n|  |- Model\n|  |- View  --&gt; Plates views\n|  |- Controller  --&gt; ControllerInterface.php\n|- test\n|  |- Model\n|  |- Controller\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#indexphp","title":"<code>index.php</code>","text":"PHP<pre><code>&lt;?php\ndeclare(strict_types=1);\n\nchdir(dirname(__DIR__));\nrequire 'vendor/autoload.php';\n\nuse DI\\ContainerBuilder;\nuse FastRoute\\Dispatcher;\nuse FastRoute\\RouteCollector;\nuse Nyholm\\Psr7\\Factory\\Psr17Factory;\nuse Nyholm\\Psr7Server\\ServerRequestCreator;\nuse SimpleMVC\\Controller\\Error404;\nuse SimpleMVC\\Controller\\Error405;\n\n$builder = new ContainerBuilder();\n$builder-&gt;addDefinitions('config/container.php');\n$container = $builder-&gt;build();\n\n// Routing\n$dispatcher = FastRoute\\simpleDispatcher(function(RouteCollector $r) {\n    $routes = require 'config/route.php';\n    foreach ($routes as $route) {\n        $r-&gt;addRoute($route[0], $route[1], $route[2]);\n    }\n});\n\n// Build the PSR-7 server request\n$psr17Factory = new Psr17Factory();\n$creator = new ServerRequestCreator(\n    $psr17Factory, // ServerRequestFactory\n    $psr17Factory, // UriFactory\n    $psr17Factory, // UploadedFileFactory\n    $psr17Factory  // StreamFactory\n);\n$request = $creator-&gt;fromGlobals();\n\n// Dispatch \n$routeInfo = $dispatcher-&gt;dispatch(\n    $request-&gt;getMethod(), \n    $request-&gt;getUri()-&gt;getPath()\n);\nswitch ($routeInfo[0]) {\n    case Dispatcher::NOT_FOUND:\n        $controllerName = Error404::class;\n        break;\n    case Dispatcher::METHOD_NOT_ALLOWED:\n        $controllerName = Error405::class;\n        break;\n    case Dispatcher::FOUND:\n        $controllerName = $routeInfo[1];\n        if (isset($routeInfo[2])) {\n            foreach ($routeInfo[2] as $name =&gt; $value) {\n                $request = $request-&gt;withAttribute($name, $value);\n            }\n        }\n        break;\n}\n$controller = $container-&gt;get($controllerName);\n$controller-&gt;execute($request);\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#routephp","title":"<code>route.php</code>","text":"PHP<pre><code>&lt;?php\nuse SimpleMVC\\Controller;\n\nreturn [\n    [ 'GET', '/', Controller\\Home::class ],\n    [ 'GET', '/hello[/{name}]', Controller\\Hello::class ],\n    [ \"HTTP Verb\", \"/route[/optional]\", Controller\\EndpointController::class ]\n];\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#containerphp","title":"<code>container.php</code>","text":"PHP<pre><code>&lt;?php\nuse League\\Plates\\Engine;\nuse Psr\\Container\\ContainerInterface;\n\nreturn [\n    'view_path' =&gt; 'src/View',\n    Engine::class =&gt; function(ContainerInterface $c) {\n        return new Engine($c-&gt;get('view_path'));\n    }\n\n    // PHP-DI configs\n];\n</code></pre>"},{"location":"languages/php/simple-mvc/simple-mvc.html#controllerinterfacephp","title":"<code>ControllerInterface.php</code>","text":"<p>Each controller must implement this interface.</p> PHP<pre><code>&lt;?php\ndeclare(strict_types=1);\n\nnamespace SimpleMVC\\Controller;\n\nuse Psr\\Http\\Message\\ServerRequestInterface;\n\ninterface ControllerInterface\n{\n    public function execute(ServerRequestInterface $request);\n}\n</code></pre>"},{"location":"languages/powershell/commands.html","title":"Powershell Commands","text":"PowerShell<pre><code>Get-Location  # Gets information about the current working location or a location stack\nSet-Location -Path &lt;path&gt;  # change current working directory to specified path (DEFAULTs to ~)\nGet-ChildItem  -Path &lt;path&gt;  # Gets the items and child items in one or more specified locations.\nGet-Content -Path &lt;file&gt;  # Gets the content of the item at the specified location\n\nWrite-Output # Send specified objects to the next command in the pipeline. If the command is the last in the pipeline, the objects are displayed in the console\nWrite-Host  # Writes customized output to a host.\nClear-Host  # clear shell output\n\nNew-Item -ItemType File -Path filename.ext  # create empty file\nNew-Item -Path folder_name -Type Folder  # create a folder\nNew-Item -ItemType SymbolicLink -Path .\\link -Target .\\Notice.txt  # create a symlink\n\nMove-Item -Path &lt;source&gt; -Destination &lt;target&gt;  # move and/or rename files and folders\nCopy-Item -Path &lt;source&gt; -Destination &lt;target&gt;  # copy (and rename) files and folders\n\nTest-Path \"path\" -PathType Container  # check if the existing path exists and is a folder\nTest-Path \"path\" -PathType Leaf  # check if the existing path exists and is a file\n\n# start, list , kill processes\nStart-Process -FilePath &lt;file&gt;  # open a file with the default process/program\nGet-Process  # Gets the processes that are running on the local computer\nStop-Process [-Id] &lt;System.Int32[]&gt; [-Force] [-Confirm]  # Stops one or more running processes\n\n# network\nGet-NetIPConfiguration  # Gets IP network configuration\nTest-NetConnection &lt;ip&gt; # Sends ICMP echo request packets, or pings, to one or more computers\n\n# compressing into archive\nCompress-Archive -LiteralPath &lt;PathToFiles&gt; -DestinationPath &lt;PathToDestination&gt;  # destination can be a folder or a .zip file\nCompress-Archive -Path &lt;PathToFiles&gt; -Update -DestinationPath &lt;PathToDestination&gt;  # update existing archive\n\n# extraction from archive\nExpand-Archive -LiteralPath &lt;PathToZipFile&gt; -DestinationPath &lt;PathToDestination&gt;\nExpand-Archive -LiteralPath &lt;PathToZipFile&gt;  # extract archive in folder named after the archive in the root location\n\n# filtering stdout/stder\nSelect-String -Path &lt;source&gt; -Pattern &lt;pattern&gt;  # Finds text in strings and files\n</code></pre>"},{"location":"languages/powershell/scripting.html","title":"PowerShell Scripting","text":"<p>Cmdlets are formed by a verb-noun pair. Cmdlets are case-insensitive.</p> <p>It's all .NET A PS string is in fact a .NET System.String All .NET methods and properties are thus available</p> <p>Note that .NET functions MUST be called with parentheses while PS functions CANNOT be called with parentheses. If you do call a cmdlet/PS function with parentheses, it is the same as passing a single parameter list.</p>"},{"location":"languages/powershell/scripting.html#screen-output","title":"Screen Output","text":"PowerShell<pre><code>Write-Host \"message\"\n</code></pre>"},{"location":"languages/powershell/scripting.html#user-input","title":"User Input","text":"PowerShell<pre><code># Reading a value from input:\n$variable = Read-Host \"prompt\"\n</code></pre>"},{"location":"languages/powershell/scripting.html#variables","title":"Variables","text":"PowerShell<pre><code># Declaration\n[type]$var = value\n$var = value -as [type]\n\n[int]$a = 5\n$b = 6 -as [double]  # ?\n\n# Here-string (multiline string)\n@\"\nHere-string\n$a + $b = ($a + $b)\n\"@\n\n@'\nLiteral Here-string\n'@\n\n# Swapping\n$a, $b = $b, $a\n\n# Interpolation\nWrite-Host \"text $variable\"  # single quotes will not interpolate\nWrite-Host (&lt;expression&gt;)\n</code></pre>"},{"location":"languages/powershell/scripting.html#built-in-variables","title":"Built-in Variables","text":"PowerShell<pre><code>$True, $False  # boolean\n$null  # empty value\n$?  # last program return value\n$LastExitCode  # Exit code of last run Windows-based program\n$$  # The last token in the last line received by the session\n$^  # The first token\n$PID  # Script's PID\n$PSScriptRoot  # Full path of current script directory\n$MyInvocation.MyCommand.Path  # Full path of current script\n$Pwd  # Full path of current directory\n$PSBoundParameters  # Bound arguments in a function, script or code block\n$Args # Unbound arguments\n\n. .\\otherScriptName.ps1  # Inline another file (dot operator)\n</code></pre>"},{"location":"languages/powershell/scripting.html#lists-dictionaries","title":"Lists &amp; Dictionaries","text":"PowerShell<pre><code>$List = @(5, \"ice\", 3.14, $True)  # Explicit syntax\n$List = 2, \"ice\", 3.14, $True  # Implicit syntax\n$List = (1..10)  # Inclusive range\n$List = @()  # Empty List\n\n$String = $List -join 'separator'\n$List = $String -split 'separator'\n\n# List comprehensions\n$List = sequence | Where-Object {$_ command}  # $_ is current object\n$Dict = @{\"a\" = \"apple\"; \"b\" = \"ball\"}  # Dict definition\n$Dict[\"a\"] = \"acorn\"  # Item update\n\n# Loop through keys\nforeach ($k in $Dict.keys) {\n    # Code here\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#flow-control","title":"Flow Control","text":"PowerShell<pre><code>if (condition) {\n    # Code here\n} elseif (condition) {\n    # Code here\n} else {\n    # Code here\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#switch","title":"Switch","text":"<p><code>Switch</code> has the following parameters:</p> <ul> <li>Wildcard: Indicates that the condition is a wildcard string. If the match clause is not a string, the parameter is ignored. The comparison is case-insensitive.</li> <li>Exact: Indicates that the match clause, if it is a string, must match exactly. If the match clause is not a string, this parameter is ignored. The comparison is case-insensitive.</li> <li>CaseSensitive: Performs a case-sensitive match. If the match clause is not a string, this parameter is ignored.</li> <li>File: Takes input from a file rather than a value statement. If multiple File parameters are included, only the last one is used. Each line of the file is read and evaluated by the Switch statement. The comparison is case-insensitive.</li> <li>Regex: Performs regular expression matching of the value to the condition. If the match clause is not a string, this parameter is ignored. The comparison is case-insensitive. The <code>$matches</code> automatic variable is available for use within the matching statement block.</li> </ul> PowerShell<pre><code>switch(variable) {\n    20                      { \"Exactly 20\"; break }\n    { $_ -eq 42 }           { \"The answer equals 42\"; break }\n    { $_ -like 's*' }       { \"Case insensitive\"; break }\n    { $_ -clike 's*'}       { \"clike, ceq, cne for case sensitive\"; break }\n    { $_ -notmatch '^.*$'}  { \"Regex matching. cnotmatch, cnotlike, ...\"; break }\n    { $list -contains 'x'}  { \"if a list contains an item\"; break }\n    default                 { \"Others\" }\n}\n\n# syntax\nswitch [-regex|-wildcard|-exact][-casesensitive] (&lt;value&gt;)\n{\n    \"string\"|number|variable|{ expression } { statement_list }\n    default { statement_list }\n}\n\n# or\n\nswitch [-regex|-wildcard|-exact][-casesensitive] -file filename\n{\n    \"string\"|number|variable|{ expression } { statement_list }\n    default { statement_list }\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#loops","title":"Loops","text":"PowerShell<pre><code># The classic for\nfor(setup; condition; iterator) {\n    # Code here\n}\n\nrange | % { command }\n\nforeach (item in iterable) {\n    # Code Here\n}\n\nwhile (condition) {\n    # Code here\n}\n\ndo {\n    # Code here\n} until (condition)\n\ndo {\n    # Code here\n} while (condition)\n</code></pre>"},{"location":"languages/powershell/scripting.html#operators","title":"Operators","text":"PowerShell<pre><code># Conditionals\n$a -eq $b  # is equal to\n$a -ne $b  # in not equal to\n$a -gt $b  # greater than\n$a -ge $b  # greater than or equal to\n$a -lt $b  # less than\n$a -le $b  # less than or equal to\n\n# Logical\n$true -And $False\n$True -Or $False\n-Not $True\n</code></pre>"},{"location":"languages/powershell/scripting.html#exception-handling","title":"Exception Handling","text":"PowerShell<pre><code>try {} catch {} finally {}\ntry {} catch [System.NullReferenceException] {\n    echo $_.Exception | Format-List -Force\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#functions","title":"Functions","text":"PowerShell<pre><code>function func() {}\n\n# function with named parameters\nfunction func ([type]$param=default_value, ...) { }\nfunction func {\n    param([type]$param=default_value, ...)\n\n    # statements\n}\n\n# function call\nfunc argument  \nfunc -param value\n\n# switch parameters\nfunction func ([switch]$param, ...) { }\n\nfunc  # param is $false\nfunc -param  # param is $true\n</code></pre> <p>If the function defines a <code>Begin</code>, <code>Process</code> or <code>End</code> block, all the code must reside inside those blocks. No code will be recognized outside the blocks if any of the blocks are defined.</p> <p>If the function has a <code>Process</code> keyword, each object in <code>$input</code> is removed from <code>$input</code> and assigned to <code>$_</code>.</p> PowerShell<pre><code>function [&lt;scope:&gt;]&lt;name&gt; [([type]$parameter1[,[type]$parameter2])]\n{\n  param([type]$parameter1 [,[type]$parameter2])  # other way to specify named parameters\n  dynamicparam {&lt;statement list&gt;}\n\n  # processing pipelines\n  begin {&lt;statement list&gt;}  # runned once, at start of pipeline\n  process {&lt;statement list&gt;}  # runned for each item in the pipeline\n  end {&lt;statement list&gt;}  # runned once, at end of pipeline\n}\n</code></pre> <p>Optionally, it's possible to provide a brief help string that describes the default value of the parameter, by adding the <code>PSDefaultValue</code> attribute to the description of the parameter, and specifying the <code>Help</code> property of <code>PSDefaultValue</code>.</p> PowerShell<pre><code>function Func {\n  param (\n      [PSDefaultValue(Help = defValue)]\n      $Arg = 100\n  )\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#script-arguments","title":"Script Arguments","text":""},{"location":"languages/powershell/scripting.html#parsing-script-arguments","title":"Parsing Script Arguments","text":"PowerShell<pre><code>$args  # array of passed arguments\n$args[$index]  # access to the arguments\n$args.count  # number of arguments\n</code></pre>"},{"location":"languages/powershell/scripting.html#script-named-arguments","title":"Script Named Arguments","text":"<p>In <code>scripts.ps1</code>:</p> PowerShell<pre><code>param($param1, $param2, ...)  # basic usage\nparam($param1, $param2=defvalue, ...)  # with default values\nparam([Type] $param1, $param2, ...)  # specify a type\nparam([Parameter(Mandatory)]$param1, $param2, ...)  # setting a parameter as necessary\n\nparam([switch]$flag=$false, ...)  # custom flags\n</code></pre> <p>In PowerShell:</p> PowerShell<pre><code>.\\script.ps1 arg1 arg2  # order of arguments will determine which data goes in which parameter\n\n.\\script.ps1 -param2 arg2 -param1 arg1  # custom order\n</code></pre>"},{"location":"languages/powershell/scripting.html#filters","title":"Filters","text":"<p>A filter is a type of function that runs on each object in the pipeline. A filter resembles a function with all its statements in a <code>Process</code> block.</p> PowerShell<pre><code>filter [&lt;scope:&gt;]&lt;name&gt; {&lt;statement list&gt;}\n</code></pre>"},{"location":"languages/powershell/scripting.html#powershell-comment-based-help","title":"PowerShell Comment-based Help","text":"<p>The syntax for comment-based help is as follows:</p> PowerShell<pre><code># .&lt;help keyword&gt;\n# &lt;help content&gt;\n</code></pre> <p>or</p> PowerShell<pre><code>&lt;#\n.&lt;help keyword&gt;\n&lt;help content&gt;\n#&gt;\n</code></pre> <p>Comment-based help is written as a series of comments. You can type a comment symbol <code>#</code> before each line of comments, or you can use the <code>&lt;#</code> and <code>#&gt;</code> symbols to create a comment block. All the lines within the comment block are interpreted as comments.</p> <p>All of the lines in a comment-based help topic must be contiguous. If a comment-based help topic follows a comment that is not part of the help topic, there must be at least one blank line between the last non-help comment line and the beginning of the comment-based help.</p> <p>Keywords define each section of comment-based help. Each comment-based help keyword is preceded by a dot <code>.</code>. The keywords can appear in any order. The keyword names are not case-sensitive.</p>"},{"location":"languages/powershell/scripting.html#synopsis","title":".SYNOPSIS","text":"<p>A brief description of the function or script. This keyword can be used only once in each topic.</p>"},{"location":"languages/powershell/scripting.html#description","title":".DESCRIPTION","text":"<p>A detailed description of the function or script. This keyword can be used only once in each topic.</p>"},{"location":"languages/powershell/scripting.html#parameter","title":".PARAMETER","text":"<p>The description of a parameter. Add a <code>.PARAMETER</code> keyword for each parameter in the function or script syntax.</p> <p>Type the parameter name on the same line as the <code>.PARAMETER</code> keyword. Type the parameter description on the lines following the <code>.PARAMETER</code> keyword. Windows PowerShell interprets all text between the <code>.PARAMETER</code> line and the next keyword or the end of the comment block as part of the parameter description. The description can include paragraph breaks.</p> PowerShell<pre><code>.PARAMETER  &lt;Parameter-Name&gt;\n</code></pre> <p>The Parameter keywords can appear in any order in the comment block, but the function or script syntax determines the order in which the parameters (and their descriptions) appear in help topic. To change the order, change the syntax.</p> <p>You can also specify a parameter description by placing a comment in the function or script syntax immediately before the parameter variable name. For this to work, you must also have a comment block with at least one keyword.</p> <p>If you use both a syntax comment and a <code>.PARAMETER</code> keyword, the description associated with the <code>.PARAMETER</code> keyword is used, and the syntax comment is ignored.</p> PowerShell<pre><code>&lt;#\n.SYNOPSIS\n    Short description here\n#&gt;\nfunction Verb-Noun {\n    [CmdletBinding()]\n    param (\n        # This is the same as .Parameter\n        [string]$Computername\n    )\n    # Verb the Noun on the computer\n}\n</code></pre>"},{"location":"languages/powershell/scripting.html#example","title":".EXAMPLE","text":"<p>A sample command that uses the function or script, optionally followed by sample output and a description. Repeat this keyword for each example.</p>"},{"location":"languages/powershell/scripting.html#inputs","title":".INPUTS","text":"<p>The .NET types of objects that can be piped to the function or script. You can also include a description of the input objects.</p>"},{"location":"languages/powershell/scripting.html#outputs","title":".OUTPUTS","text":"<p>The .NET type of the objects that the cmdlet returns. You can also include a description of the returned objects.</p>"},{"location":"languages/powershell/scripting.html#notes","title":".NOTES","text":"<p>Additional information about the function or script.</p>"},{"location":"languages/powershell/scripting.html#link","title":".LINK","text":"<p>The name of a related topic. The value appears on the line below the <code>.LINK</code> keyword and must be preceded by a comment symbol <code>#</code> or included in the comment block.</p> <p>Repeat the <code>.LINK</code> keyword for each related topic.</p> <p>This content appears in the Related Links section of the help topic.</p> <p>The <code>.Link</code> keyword content can also include a Uniform Resource Identifier (URI) to an online version of the same help topic. The online version opens when you use the Online parameter of <code>Get-Help</code>. The URI must begin with \"http\" or \"https\".</p>"},{"location":"languages/powershell/scripting.html#component","title":".COMPONENT","text":"<p>The name of the technology or feature that the function or script uses, or to which it is related. The Component parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>"},{"location":"languages/powershell/scripting.html#role","title":".ROLE","text":"<p>The name of the user role for the help topic. The Role parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>"},{"location":"languages/powershell/scripting.html#functionality","title":".FUNCTIONALITY","text":"<p>The keywords that describe the intended use of the function. The Functionality parameter of <code>Get-Help</code> uses this value to filter the search results returned by <code>Get-Help</code>.</p>"},{"location":"languages/powershell/scripting.html#forwardhelptargetname","title":".FORWARDHELPTARGETNAME","text":"<p>Redirects to the help topic for the specified command. You can redirect users to any help topic, including help topics for a function, script, cmdlet, or provider.</p> PowerShell<pre><code># .FORWARDHELPTARGETNAME &lt;Command-Name&gt;\n</code></pre>"},{"location":"languages/powershell/scripting.html#forwardhelpcategory","title":".FORWARDHELPCATEGORY","text":"<p>Specifies the help category of the item in <code>.ForwardHelpTargetName</code>. Valid values are <code>Alias</code>, <code>Cmdlet</code>, <code>HelpFile</code>, <code>Function</code>, <code>Provider</code>, <code>General</code>, <code>FAQ</code>, <code>Glossary</code>, <code>ScriptCommand</code>, <code>ExternalScript</code>, <code>Filter</code>, or <code>All</code>. Use this keyword to avoid conflicts when there are commands with the same name.</p> PowerShell<pre><code># .FORWARDHELPCATEGORY &lt;Category&gt;\n</code></pre>"},{"location":"languages/powershell/scripting.html#remotehelprunspace","title":".REMOTEHELPRUNSPACE","text":"<p>Specifies a session that contains the help topic. Enter a variable that contains a PSSession object. This keyword is used by the Export-PSSession cmdlet to find the help topics for the exported commands.</p> PowerShell<pre><code># .REMOTEHELPRUNSPACE &lt;PSSession-variable&gt;\n</code></pre>"},{"location":"languages/powershell/scripting.html#externalhelp","title":".EXTERNALHELP","text":"<p>Specifies an XML-based help file for the script or function.</p> PowerShell<pre><code># .EXTERNALHELP &lt;XML Help File&gt;\n</code></pre> <p>The <code>.ExternalHelp</code> keyword is required when a function or script is documented in XML files. Without this keyword, <code>Get-Help</code> cannot find the XML-based help file for the function or script.</p> <p>The <code>.ExternalHelp</code> keyword takes precedence over other comment-based help keywords. If <code>.ExternalHelp</code> is present, <code>Get-Help</code> does not display comment-based help, even if it cannot find a help topic that matches the value of the <code>.ExternalHelp</code> keyword.</p> <p>If the function is exported by a module, set the value of the <code>.ExternalHelp</code> keyword to a filename without a path. <code>Get-Help</code> looks for the specified file name in a language-specific subdirectory of the module directory. There are no requirements for the name of the XML-based help file for a function, but a best practice is to use the following format:</p> PowerShell<pre><code>&lt;ScriptModule.psm1&gt;-help.xml\n</code></pre> <p>If the function is not included in a module, include a path to the XML-based help file. If the value includes a path and the path contains UI-culture-specific subdirectories, <code>Get-Help</code> searches the subdirectories recursively for an XML file with the name of the script or function in accordance with the language fallback standards established for Windows, just as it does in a module directory.</p> <p>For more information about the cmdlet help XML-based help file format, see How to Write Cmdlet Help in the MSDN library.</p>"},{"location":"languages/powershell/scripting.html#project-oriented-programming","title":"Project Oriented Programming","text":""},{"location":"languages/powershell/scripting.html#classes","title":"Classes","text":"PowerShell<pre><code>[class]::func()  # use function from a static class\n[class]::attribute  # access to static class attribute\n</code></pre>"},{"location":"languages/python/python.html","title":"Python Notes","text":""},{"location":"languages/python/python.html#basics","title":"Basics","text":""},{"location":"languages/python/python.html#naming-convention","title":"Naming Convention","text":"<p>Class -&gt; PascalCase Method, Function -&gt; snake_case Variable -&gt; snake_case</p> Python<pre><code># standard comment\n'''multiline comment'''\n\"\"\"DOCSTRING\"\"\"\n\nhelp(object.method) # return method explanation\ndir(object) # return an alphabetized list of names comprising (some of) the attributes of the given object\n\nimport sys # import module\nfrom sys import argv # import single item from a module\nfrom sys import * # import all elements of a module (no module syntax.method needed)\nimport sys as alias # import the module with an alias, I use alias.method\n\n# CHARACTER SET\nimport string\nstring.ascii_lowercase = 'abcdefghijklmnopqrstuvwxyz'\nstring.asci_uppercase = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\nstring.asci_letters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'\nstring.digits = '0123456789'\nstring.hexdigits = '0123456789abcdefABCDEF'\nstring.octdigits = '01234567'\nstring.punctuation\nstring.whitespace\n\n# SPECIAL CHARACTERS\n# (\\a, \\b, \\f, \\n, \\r, \\t, \\u, \\U, \\v, \\x, \\\\)\n</code></pre>"},{"location":"languages/python/python.html#assignment-operation","title":"Assignment Operation","text":"Python<pre><code>\"\"\"instructions to the right of = executed before instructions to the left of =\"\"\"\nvariable = expression # the type of the variable is dynamically decided by python based on the content\nvar_1, var_2 = value1, value2 # parallel assignment\nvar_1, var_2 = var_2, var_1 # swap values\n\n# conditional assignment\nx = a if condition else b\nx = a or b # If bool (a) returns False, then x is assigned the value of b\n# a series of OR expressions has the effect of returning the first item that evaluates True, or the last item (last item should be a literal).\n</code></pre>"},{"location":"languages/python/python.html#variable-type-conversion","title":"Variable Type Conversion","text":"<p><code>type(expression)</code></p>"},{"location":"languages/python/python.html#expression-assignment","title":"Expression Assignment","text":"Python<pre><code>(var: = expression) # assign an expression to a variable to avoid repeating the expression\n</code></pre>"},{"location":"languages/python/python.html#variable-comparison-vs-is","title":"Variable Comparison (<code>==</code> vs <code>is</code>)","text":"<p><code>==</code> compares the values \u200b\u200bof objects <code>is</code> compares the identities of objects</p>"},{"location":"languages/python/python.html#on-screen-output","title":"On Screen Output","text":"Python<pre><code>print() # print blank line and wrap\nprint('string' * n) # print string n times\nprint('string1 \\ n string2') # wrap with \\ n\nprint(variable) # print variable content\nprint('string', end = '') # print without wrapping\n\n# FORMATTING\nname = 'Alex'\nmarks = 94.5\nprint(name, marks)\nprint('Name is', name, '\\ nMarks are', marks)\n# expand the rest of the expression and write tense before = in output\nprint(f '{name =}, {marks =}') # OUTPUT: name = Alex, marks = 94.5\n\n# USE OF PLACEHOLDERS\nprint('Name is% s, Marks are% 3.2f'%(name, marks)) # method inherited from C. Variable is substituted for% ..\nprint(\"Name is {}, Marks are {}\". format(name, marks))\nprint(\"Name is {1}, Marks are {2}\". format(marks, name)) # indices in brackets sort elements in .format\nprint(\"Name is {n}, Marks are {m}\". format(m = '94 .5 ', n =' Alex ')) # indices in brackets sort elements in .format\nprint(f'Name is {name}, Marks are {marks} ') # formatting with f-strings\n</code></pre>"},{"location":"languages/python/python.html#format-specification-mini-language","title":"Format Specification Mini-Language","text":"<p><code>{value:width.precision symbol}</code></p> <p>Format: <code>[[fill]align] [sign] [#] [width] [grouping] [.precision] [type]</code></p> <code>[align]</code> Alignment <code>:&lt;</code> left alignment <code>:&gt;</code> right alignment <code>:=</code> padding after the mark <code>:^</code> centered <code>[sign]</code> NUMBER SIGNS <code>:+</code> sign for both positive and negative numbers <code>:-</code> sign only for negative numbers <code>:</code> space for num &gt; 0, '-' for num &lt; 0 <code>:#</code> alternative form:prefix integers type (0x, 0b, 0o), floats and complexes always have at least one decimal place <code>[grouping]</code> GROUPING <code>:,</code> use comma to separate thousands <code>:_</code> use underscore to separate thousands <code>[type]</code> OUTPUT TYPE <code>:s</code> output is string <code>:b</code> output is binary <code>:c</code> output is character <code>:d</code> output is a decimal integer (base 10) <code>:or</code> output is octal integer (base 8) <code>:x</code> output is hexadecimal integer (base 16) <code>:X</code> output is hexadecimal integer (base 16) with uppercase <code>:e</code> output is exponential notation (6-digit base precision) <code>:E</code> output is exponential notation (6-digit base precision) uppercase separator <code>:f</code> output is float (6-digit base precision) <code>:%</code> output is percentage (multiplies * 100, displays as:f)"},{"location":"languages/python/python.html#keyboard-input","title":"Keyboard Input","text":"Python<pre><code># input always returns a STRING\ns = input() # input request without message\ns = input('Prompt') # request input\ni = int(input('prompt')) # request input with type conversion\n\n# MULTIPLE INPUTS\nlist = [int(x) for x in input('prompt'). split('separator')]\n# save multiple inputs in a list(.split separates values \u200b\u200band defines separator\n</code></pre>"},{"location":"languages/python/python.html#numeric-types","title":"Numeric Types","text":"Python<pre><code>a = 77\nb = 1_000_000 # underscore can be used to separate groups of digits\nc = -69\n\n# float numbers\nx = 3.15\ny = 2.71\nz = 25.0\n\nd = 6 + 9j # complex number\n# returns a complex number starting with two reals\ncomplex(real, imag) # -&gt; complex #(real + imag * 1j)\n\ne = 0B1101 # BINARY TYPE(0B ...)\nf = 0xFF # EXADECIMAL TYPE(0X ...)\no = 0o77 # OCTAL TYPE\ng = True # BOOLEAN TYPE\n\n# VARIABLE TYPE CONVERSION\nh = int(y)\ni = float('22 .5 ')\n\n# NUMERIC BASIC CONVERSION\nbin(3616544)\nhex(589)\noct(265846)\n\n# UNICODE CONVERSION\nord(c) # Given a string representing one Unicode character, return an integer representing the Unicode code point of that character\nchr(i) # Return the string representing a character whose Unicode code point is the integer i\n\n\npow(x, y) # x ^ y\nabs(num) # returns absolute value of num(| num |)\nround(num, precision) # rounds number to given precision, does not convert float to int\n</code></pre>"},{"location":"languages/python/python.html#comparison-of-decimal-numbers","title":"Comparison of Decimal Numbers","text":"<p>Do not use <code>==</code> or <code>! =</code> To compare floating point numbers. They are approximations or have several digits. It is worth checking if the difference between the numbers is small enough.</p>"},{"location":"languages/python/python.html#strings","title":"Strings","text":"Python<pre><code>string = 'string content' # assignment and creation of string variable\nstring = '''multi\nline\nstring'''\n\nstring3 = string1 + string2 # string concatenation(operator polymorphism +)\n\n# INDEXING(selection of a character in the string)\nstring[0]\nstring[2]\nstring[-3] # selection starting from the bottom(negative index)\n\n# REPETITION (repeat string output)\nprint(string * n)\n\nlen(string) # show the length of a string\n\n# SLICING (extraction of sub-strings, does not include the position of the last index)\nstring[0: 5]\nstring[: 6]\nstring[-3: -1]\n\n# SLICING WITH STEP\nstring[0: 12: 3]\nstring[15 :: - 1]\nstring[:: - 1] # selection in reverse order (negative step)\n\n# STRIPPING (elimination of spaces before and after string)\nstring = 'stripping test'\nstring.strip()\nstring.lstrip() # only left spaces removed\nstring.rstrip() # only right spaces removed\nstring.removeprefix(prefix) # If the string starts with the prefix string, return string [len (prefix):]\nstring.removesuffix(suffix) # If the string ends with the suffix string and that suffix is \u200b\u200bnot empty, return string [: - len (suffix)]\n\n# SUBSTRING IDENTIFICATION\n#returns starting index of the substring or -1 if it is not present\nstring.find('substring', 0, len (string)) # you can specify the start and end index of the search\n\n# COUNT OF APPARITIONS\nstring.count('t')\n\n# REPLACEMENT\nstring.replace('multi', 'multiple')\n\n# UPPER CASE CONVERSION\nstring.upper()\nstring.lower()\nstring.title()\nstring.capitalize()\n\n# SEPARATION IN LIST ELEMENTS\nstring.split()\nstring.split('separator') # separate using separator (separator omitted in list)\nstring.partition('char') # -&gt; tuple # separates the string from the 3 parts at the first occurrence of separator\n\n# IS_CHECK METHODS -&gt; bool\nstring.isalnum()\nstring.isalpha()\nstring.islower()\nstring.isspace()\nstring.istitle()\nstring.isupper()\nstring.endswith('char')\n\n# JOIN INSTRUCTION()\n''.join(iterable) # merges all elements of the iterable into the new string\n\n# FORMATTING\nstring.center(width, 'char') # stretch the string with char to width\n'...\\t...'.expandtabs() # transform tabs into spaces\n</code></pre>"},{"location":"languages/python/python.html#lists","title":"Lists","text":"Python<pre><code>list = [9, 11, 'WTC', -5.6, True] # lists can contain data of different types\n\nlist[3] # indexing\nlist[3: 5] # slicing\nlist * 3 # repetition\nlen(list) # length\nlist3 = list1 + list2 # list concatenation (operator + polymorphism)\nlist[index] = value # modify list element\ndel (list [1]) # remove by index (INBUILT IN PYTHON)\n# modify the list between the start and stop indices by reassigning the elements of the iterable\nlist[start: stop] = iterable\n\n# LIST METHODS\nlist.append(object) # add object to background\nlist.count(item) # counts the number of occurrences of item\nlist.extend(sequence) # add sequence elements to the list\nlist.insert(position, object) # insert object in list [position]\nlist.index(item) # returns the index of item\nlist.remove(item) # remove item\npoplist(item) # delete item and return it\nlist.clear() # remove all elements\n\nlist.sort() # sorts in ascending order (in place)\nlist.sort(reverse = True) # sorts in descending order (in place)\nlist.reverse() # invert the string (in place)\n\n# CLONING\nlist1 = [...]\nlist2 = list1 # list2 points to the same object of list 1 (changes are shared)\nlist3 = list1 [:] # list3 is a clone of list1 (no shared changes)\n\n# NESTED LISTS (MATRICES)\nlist_1 = [1, 2, 3]\nlist_2 = [4, 5, 6]\nlist_3 = [7, 8, 9]\n\nmatrix = [list_1, list_2, list_3]\nmatrix [i][j] # identify element of list_i index j\n\n# MAXIMUM AND MINIMUM\nmax(list)\nmin(list)\n\n# ALL () &amp; ANY ()\nall(sequence) # returns TRUE if all elements of the sequence are true\nany(sequence) # returns TRUE if at least one element of the sequence has the value True\n\n# MAP INSTRUCTION\n# apply function to iterable and create new list (map object)\n# function can be lambda\nmap(function, iterable) # -&gt; map object\n\n# FILTER INSTRUCTION ()\n# create a new list composed of the iterable elements for which the function returns TRUE\nfilter(function, iterable) # -&gt; filter object\n\n# ZIP INSTRUCTION ()\n# create a tuple generator by joining two or more iterables\n# [(seq_1 [0], seq_2 [0], ...), (seq_1 [1], seq_2 [1], ...), ...]\n# truncate the sequence to the length of the shortest input sequence\nzip(seq_1, seq_2, ...) # -&gt; zip object (tuple generator)\n\n# LIST COMPREHENSIONS\nvar = [expression for element in sequence if condition] # create list from pre-existing list (instead of map, filter, reduce) applying any manipulations\n# expression can be lambda, if is optional\nvar = [expression if condition else statement for element in sequence] # list comprehension with IF-ELSE\nvar = [expression_1 for element in [expression_2 for element in sequence]] # nested list comprehension\nvar = [(exp_1, exp_2) for item_1 in seq_1 for item_2 in seq_2] # -&gt; [(..., ...), (..., ...), ...]\n</code></pre>"},{"location":"languages/python/python.html#tuple","title":"Tuple","text":"Python<pre><code># TUPLES CANNOT BE MODIFIED\ntuple = (69, 420, 69, 'abc') # tuple assignment\ntuple = (44,) # single element tuples need a comma\n\ntuple[3] # indexing\ntuple * 3 # repetition\ntuple.count(69) # counting\ntuple.index(420) # find index\nlen(tuple) # length tuple\n\n# CONVERSION FROM TUPLE TO LIST\ntuple = tuple(list)\n\n# TUPLE UNPACKING\ntup = (item_1, item_2, etc)\nvar_1, var_2, etc = tup\n# var_1 = item_1, var_2 = item_2, ...\n\ntup = (item_1, (item_2, item_3))\nvar_1, (var_2, var_3) = tup\n# var_1 = item_1, var_2 = item_2, var_3 = item_3\n\n#OPERATOR * VAR (tuple unpacking)\nvar_1, var_2, * rest = sequence # var_1 = seq [0], var_2 = seq [1], rest = seq [2:]\nvar_1, * body, var_2, var_3 = sequence # var_1 = seq [0], body = seq [1: -2], var_2 = sequence [-2], var_3 = seq [-1]\n# * var retrieves the excess items, if in parallel assignment usable max once but in any position\n</code></pre>"},{"location":"languages/python/python.html#set","title":"Set","text":"Python<pre><code># SETS MAY NOT CONTAIN REPEATED ELEMENTS (THEY ARE OMITTED)\n# THE ORDER DOES NOT MATTER (NO SLICING, INDEXING, REPETITION, ...)\nset = {10, 20, 30, 'abc', 20}\nlen(set) # length set\nset() # create empty set ({} create empty dictionary)\n# FREEZING SETS (no longer editable)\nfset = frozenset(set)\n\n# OPERATORS\nset_1 - set_2 # elements in set_1 but not in set_2\nset_1 | set_2 # elements in set_1 or set_2\nset_1 &amp; set_2 # elements in set_1 and set_2\nset_1 ^ set_1 # elements in either set_1 or set_2\nset_1 &lt;= set_2 # elements set_1 also in set_2\nset_1 &lt; set_2 # set_1 &lt;= set_2 and set_1! = set_2\nset_1 &gt;= set_2 # elements set_2 also in set_1\nset_1 &gt; set_2 # set_1&gt; = set_2 and set_1! = set_2\n\n# METHODS SET\nset.pop(item) # remove and return item\nset.add(item) # add item to set\n\nset.copy() # -&gt; set # returns a copy of the set\nset.clear() # remove all elements from the set\nset.remove(item) # remove item from set if present, otherwise raise KeyError\nset.discard(item) # remove item from set if present, otherwise do nothing\nset.difference(* sets) # -&gt; set # returns elements in set that are absent in * sets\nset.difference_update(* sets) # remove differences from set_2\nset.union(* sets) # -&gt; set # returns all elements of sets\nset.update(* sets) # add * sets elements to set\nset.intersection(* sets) # -&gt; set # returns the elements common to sets\nset.intersection_update(* sets) # remove all elements except those common to sets\nset.symmetric_difference(* sets) # -&gt; set # returns elements not common to sets\nset.symmetric_difference_update(* sets) # remove all elements common to sets (leave only uncommon elements)\n\nset_1.isdisjoint(set_2) # -&gt; bool # True if there are no common elements (intersection is empty)\nset_1.issubset(set_2) # -&gt; bool # True if every element of set_1 is also in set_2\nset_1.issuperset(set_2) # -&gt; bool # True if every element of set_2 is also in set_1\n\n# SET COMPREHENSIONS\nvar = {expression for element in sequence if condition}\n\n# SLICE OBJECT\n# [start: stop: step] -&gt; slice object (start, stop, step)\nvar_1 = slice(start, stop, step) # assignment to variable\nvar_2[var_1] # same as var_2 [start: stop: step]\n\n# ELLIPSIS OBJECT\nvar[i, ...] # -&gt; shortcut for var [i,:,:,:,]\n# used for multidimensional slices (NumPy, ...)\n</code></pre>"},{"location":"languages/python/python.html#bytes-e-bytearray","title":"Bytes e Bytearray","text":"Python<pre><code># THE BYTES CANNOT BE MODIFIED OR INDEXED\n# THE BYTEARRAYS CAN BE MODIFIED AND INDEXED\n# YOU CANNOT DO REPETITION AND SLICING ON BYTE OR BYTEARRAY\n\nb = bytes(list)\nba = bytearray(list)\n\n# item of bytes and bytearray is always integer between 0 and 255\n# slice of bytes and bytearray is binary sequence (even if len = 1)\n\n# BYTES AND BYTEARRAY METHODS\nbytes.fromhex(pair_hex_digits) # -&gt; byte literal\nb'bite_literal'.hex() # -&gt; str # returns a string containing hex digit pairs\nbytearray.fromhex(pair_hex_digits) # -&gt; byte literal\nbytes.count(subseq, start, end) # returns subseq appearance count between start and end positions\nbytearray.count(subseq, start, end) # returns subseq appearance count between start and end positions\n</code></pre>"},{"location":"languages/python/python.html#encoding-decoding-unicode","title":"Encoding-Decoding &amp; Unicode","text":"<p>Unicode Literals:</p> <ul> <li><code>\\u0041</code> \u2192 'A'</li> <li><code>\\U00000041</code> \u2192 'A'</li> <li><code>\\x41</code> \u2192 'A'</li> </ul> Python<pre><code># ENCODING\n# transform string into literal byte\n# UnicodeEncodeError on error\n# errors = ignore -&gt; skip error-causing characters\n# errors = replace -&gt; replace? to characters causing error\n# errors = xmlcharrefreplace -&gt; substitutes XML entities for error-causing characters\nstring.encode('utf-8', errors = 'replace') # -&gt; b'byte literals'\n\n# BOM (BYTE ORDER MARK)\n# byte literal given to indicate byte ordering (little-endian vs big-endian)\n# in little-endian the least significant bytes come first (e.g. U + 0045 -&gt; DEC 069 -&gt; encoded as 69 and 0)\n# U + FEFF (ZERO WIDTH NO-BREAK SPACE) -&gt; b '\\ xff \\ xfe' indicates little-endian\n\n# DECODING\n# transform byte literal to string\n# error = 'replace' replaces errors (byte literals not belonging to decoding format) with U + FFFD \"REPLACEMENT CHARACTER\"\nbytes.decode ('utf-8', errors = 'replace') # -&gt; str\n\n# UNICODE NORMALIZATION\n# handling canonical unicode equivalents (e.g. \u00e9, and \\ u0301 are equivalent for unicode)\nunicodedata.normalize(form, unicode_string) # FORM: NFC, NFD, NFCK, NFDK\n# NFC -&gt; \"Normalization Form C\" -&gt; produces the shortest equivalent string\n# NFD -&gt; \"Normalization Form D\" -&gt; produces the longest equivalent string\n\n# CASE FOLDING UNICODE\n# transform to lowercase with some differences (116 differences, 0.11% of Unicode 6.3)\nstring.casefold()\n\n# USEFUL FUNCTIONS FOR NORMALIZED EQUIVALENCE (Source: Fluent Python p. 121, Luciano Ramalho)\nfrom unicodedata import normalize\n\ndef nfc_eual(str_1, str_2):\n    return (normalize('NFC', str1) == normalize('NFC', str2))\ndef fold_equal (str_1, str_2):\n    return (normalize('NFC', str_1).casefold() ==\n            normalize('NFC', st_2).casefold())\n</code></pre>"},{"location":"languages/python/python.html#memoryview","title":"Memoryview","text":"Python<pre><code># memoryview objects allow python to access the data inside the object\n# without copy if it supports the buffer protocol\nv = memoryview(object) # create a memoryview with reference to object\n# slice of memoryview produces new memoryview\n\n# MEMORYVIEW METHODS\nv.tobytes() # return data as bytestring, equivalent to bytes (v)\nv.hex() # returns string containing two hex digits for each byte in the buffer\nv.tolist() # returns the data in the buffer as a list of elements\nv.toreadonly()\nv.release() # release the buffer below\nv.cast(format, shape) # change the format or shape of the memoryview\nsee object # object of the memoryview\nv.format # format of the memoryview\nv.itemsize # size in bytes of each element of the memoryview\nv.ndim # integer indicating the size of the multidimensional array represented\nv.shape # tuple of integers indicating the shape of the memoryview\n</code></pre> Format String C Type Python Type Standard Size <code>x</code> <code>pad byte</code> <code>no value</code> <code>c</code> <code>char</code> <code>bytes</code> <code>1</code> <code>b</code> <code>signed char</code> <code>integer</code> <code>1</code> <code>B</code> <code>unsigned char</code> <code>integer</code> <code>1</code> <code>?</code> <code>_Bool</code> <code>bool</code> <code>1</code> <code>h</code> <code>short</code> <code>integer</code> <code>2</code> <code>H</code> <code>unsigned short</code> <code>integer</code> <code>2</code> <code>i</code> <code>int</code> <code>integer</code> <code>4</code> <code>I</code> <code>unsigned int</code> <code>integer</code> <code>4</code> <code>l</code> <code>long</code> <code>integer</code> <code>4</code> <code>L</code> <code>unsigned long</code> <code>integer</code> <code>4</code> <code>q</code> <code>long long</code> <code>integer</code> <code>8</code> <code>Q</code> <code>unsigned long long</code> <code>integer</code> <code>8</code> <code>n</code> <code>ssize_t</code> <code>integer</code> <code>N</code> <code>size_t</code> <code>integer</code> <code>f</code> <code>float</code> <code>float</code> <code>4</code> <code>F</code> <code>double</code> <code>float</code> <code>8</code> <code>s</code> <code>char[]</code> <code>bytes</code> <code>P</code> <code>char[]</code> <code>bytes</code>"},{"location":"languages/python/python.html#dictionaries","title":"Dictionaries","text":"Python<pre><code># SET OF KEY-VALUE PAIRS\nd = {1: 'Alex', 2: 'Bob', 3: 'Carl'}\nd = dict (one = 'Alex', two = 'Bob', three = 'Carl')\nd = dict (zip ([1,2,3], ['Alex', 'Bob', 'Carl']))\nd = dict ([(1, 'Alex'), (2, 'Bob'), (3, 'Carl')])\n\nd[key] # returns value associated with key\nd[4] = 'Dan' # add or change element\nlist(d) # returns a list of all elements\nlen(d) # returns the number of elements\ndel(d[2]) # delete element\n\n# DICTIONARY METHODS\nd.clear() # remove all elements\nd.copy() # shallow copy of the dictionary\nd.get(key) # returns the value associated with key\nd.items() # return key-value pairs (view object)\nd.keys() # return dictionary keys (view object)\nd.values\u200b\u200b() # returns dictionary values \u200b\u200b(view object)\nd.pop(key) # remove and return the value associated with key\nd.popitem() # remove and return the last key-value pair\nd.setdefault(key, default) # if the key is present in the dictionary it returns it, otherwise it inserts it with the default value and returns default\n\nd.update(iterable) # add or modify dictionary elements, argument must be key-value pair\n\n# DICT UNION\nd = {'spam': 1, 'eggs': 2, 'cheese': 3}\ne = {'cheese': 'cheddar', 'aardvark': 'Ethel'}\n\nd | e # {'spam': 1, 'eggs': 2, 'cheese': 'cheddar', 'aardvark': 'Ethel'}\ne | d # {'aardvark': 'Ethel', 'spam': 1, 'eggs': 2, 'cheese': 3}\nd |= e # {'spam': 1, 'eggs': 2, 'cheese': 'cheddar', 'aardvark': 'Ethel'}\n\n# NESTED DICTIONARIES (it is possible to nest dictionaries within dictionaries)\nmy_dict = {'key_1': 123, 'key_2': [12, 23, 33], 'key_3': ['item_0', 'item_1', 'item_2']}\nmy_dict ['key'][0] # returns nested element\n\n# DICT COMPREHENSIONS\nvar = {key: value for element in sequence}\n</code></pre>"},{"location":"languages/python/python.html#operators","title":"Operators","text":""},{"location":"languages/python/python.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation x <code>+</code> y addition, string concatenation x <code>-</code> y subtraction x <code>*</code> y multiplication x <code>*+</code> y exponentiation x <code>/</code> y division (result always float) x <code>//</code> y integer division x <code>%</code> y modulo, remainder"},{"location":"languages/python/python.html#relational-operators","title":"Relational Operators","text":"Operator Operation x <code>&lt;</code> y less than x <code>&lt;=</code> y less or equal to x <code>&gt;</code> y greater than x <code>&gt;=</code> y greater or equal to x <code>==</code> y equality x <code>!=</code> y inequality"},{"location":"languages/python/python.html#assignment","title":"Assignment","text":"Operator Operation x <code>+=</code> y x = x + y x <code>-=</code> y x = x - y x <code>*=</code> y x = x * y x <code>/=</code> y x = x / y x <code>//=</code> y x = x // y x <code>%=</code> y x = x % y x <code>&lt;&lt;=</code> y x = x &lt;&lt; y x <code>&gt;&gt;=</code> y x = x &gt;&gt; y x <code>&amp;=</code> y x = x &amp; y x <code>| =</code> y x = x x <code>^=</code> y x = x ^ y"},{"location":"languages/python/python.html#bitwise-operators","title":"Bitwise Operators","text":"Operator Operation <code>~</code>x bitwise NOT x <code>&amp;</code> y bitwise AND x <code>^</code> y bitwise XOR x <code>|</code> y bitwise OR x <code>&lt;&lt;</code> y left bit shift x <code>&gt;&gt;</code> y right bit shift"},{"location":"languages/python/python.html#logical-operators","title":"Logical Operators","text":"Operator Operation <code>and</code> logical AND <code>or</code> logical OR <code>not</code> logical NOT"},{"location":"languages/python/python.html#identity-operators","title":"Identity Operators","text":"Operator Operation <code>is</code> reference equality <code>is not</code> reference inequality"},{"location":"languages/python/python.html#membership-operators","title":"Membership Operators","text":"Operator Operation <code>in</code> item in collection <code>not in</code> item not in collection"},{"location":"languages/python/python.html#operator-precedence","title":"OPerator Precedence","text":"<ol> <li>assignment operators <code>+=</code>, <code>-=</code>, <code>*=</code>, <code>/=</code>, <code>%=</code>, <code>**=</code>, <code>//=</code></li> <li>binary arithmetic operators <code>*</code>, <code>/</code>, <code>%</code>, <code>//</code> (floor division)</li> <li>binary arithmetic operators <code>+</code>, <code>-</code></li> <li>boolean operators <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code>, <code>&gt;=</code></li> <li>boolean operators <code>==</code>, <code>!=</code></li> <li>boolean operator <code>and</code></li> <li>boolean operator <code>or</code></li> <li>boolean operator <code>not</code></li> </ol>"},{"location":"languages/python/python.html#conditional-statements","title":"Conditional Statements","text":"<p>Any object can be tested for truth value for use in an if or while condition or as operand of the Boolean operations.</p> <p>built-in objects considered false:</p> <ul> <li>constants defined to be false: <code>None</code> and <code>False</code>.</li> <li>zero of any numeric type: <code>0</code>, <code>0.0</code>, <code>0j</code>, <code>Decimal(0)</code>, <code>Fraction(0, 1)</code></li> <li>empty sequences and collections: <code>''</code>, <code>()</code>, <code>[]</code>, <code>{}</code>, <code>set()</code>, <code>range(0)</code></li> </ul>"},{"location":"languages/python/python.html#if-else","title":"<code>if-else</code>","text":"Python<pre><code>if (condition):\n    # code here\nelif (condition):\n    # code here\nelse:\n    # code here\n</code></pre>"},{"location":"languages/python/python.html#context-manager","title":"Context Manager","text":"Python<pre><code>with resource as target:\n     # code here\n\n# start context manager and bind resource returned by method to target using as operator\ncontextmanager.__enter__(self)\n\n# exit runtime context\n# returns exc_type, exc_value, traceback\ncontextmanager.__exit__(self, exc_type, exc_value, traceback)\n# exc_type: exception class\n# exc_value: exception instance\n# traceback: traceback object\n# NO EXCEPTION -&gt; returns None, None, None\n# SUPPRESSION EXCEPTION: Must return True value\n</code></pre>"},{"location":"languages/python/python.html#loops","title":"Loops","text":""},{"location":"languages/python/python.html#while","title":"<code>while</code>","text":"Python<pre><code>while(condition):\n     # code here\nelse:\n     # executed only if condition becomes False\n     # break, continue, return in block while do not perform else block\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#for","title":"<code>for</code>","text":"Python<pre><code>for index in sequence: # sequence can be a list, set, tuple, etc ..\n     # code here\nelse:\n     # executed only if for reaches the end of the loop\n     # break, continue, return in block for do not perform else block\n     # code here\n\nfor index in range (start, end, step):\n     # code here\n\nfor key, value in dict.items ():\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#break-continue","title":"<code>break</code> &amp; <code>continue</code>","text":"<p><code>break</code>: causes the loop to exit immediately without executing subsequent iterations <code>continue</code>: skip the remaining iteration statements and continue the loop</p>"},{"location":"languages/python/python.html#range","title":"<code>range</code>","text":"Python<pre><code>range(start, end, step) # generate sequence num integers (does not include num stops) with possible step\nlist(range(start, end, step)) # return sequence of integers in a list\n</code></pre>"},{"location":"languages/python/python.html#enumerate","title":"<code>enumerate</code>","text":"Python<pre><code>enumerate(iterable) # iterable of item &amp; index pairs\nlist(enumerate(iterable)) # returns list of tuples [(1, iterable [0]), (2, iterable [1]), (3, iterable [2])]\n</code></pre>"},{"location":"languages/python/python.html#zip","title":"<code>zip</code>","text":"Python<pre><code>list_1 = [1, 2, 3, 4, 5]\nlist_2 = ['a', 'b', 'c', 'd', 'e']\n\nzip(list_1, list_2) # return zip object\nlist(zip(list_1, list_2)) # returns list of tuples by merging list [(list_1 [0], list_2 [0]), (list_1 [1], list_2 [1]), ...]\n</code></pre>"},{"location":"languages/python/python.html#shuffle-randint","title":"<code>shuffle</code> &amp; <code>randint</code>","text":"Python<pre><code>from random import shuffle, randint\nshuffle(iterable) # shuffle the list\nrandint(start, end) # returns a random integer between start and end\n</code></pre>"},{"location":"languages/python/python.html#in","title":"<code>in</code>","text":"Python<pre><code>item in iterable # check for the presence of item in iterable (returns True or False)\n</code></pre>"},{"location":"languages/python/python.html#functions","title":"Functions","text":""},{"location":"languages/python/python.html#function-definition","title":"Function Definition","text":"Python<pre><code>def function_name (parameters):\n     \"\" \"DOCSTRING\" \"\"\n     # code here\n     return expression # if return id missing the function returns None\n</code></pre>"},{"location":"languages/python/python.html#specify-type-parameters-in-functions","title":"Specify Type Parameters In Functions","text":"<ul> <li>parameters before <code>/</code> can only be positional</li> <li>parameters between <code>/</code> and <code>*</code> can be positional or keyworded</li> <li>parameters after <code>*</code> can only be keyworded</li> </ul> Python<pre><code>def func (a, b, /, c, d, *, e, f):\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#docstring-style","title":"Docstring Style","text":"Python<pre><code>\"\"\"function description\n\nArgs:\n     argument: Type - description of the parameter\n\nReturns:\n     Type - description of &lt;expr&gt;\n\nRaises:\n     Exception: Cause of the exception\n\"\"\"\n</code></pre>"},{"location":"languages/python/python.html#args-kwargs","title":"args *kwargs","text":"<p><code>*args</code> allows the function to accept a variable number of parameters (parameters stored in a tuple) <code>**kwargs</code> allows the function to accept a variable number of key-value parameters (parameters stored in a dictionary)</p> <p>When used in combination <code>*args</code> always goes before<code>**kwargs</code> (in def function and in function call)</p> Python<pre><code>def func(*args, **kwargs):\n    # code here\n</code></pre>"},{"location":"languages/python/python.html#function-with-default-parameters","title":"Function with default parameters","text":"Python<pre><code>def function(parameter1 = value1, parameter2 = value3): # default values in case of omitted use of arguments in the call\n     # code here\n     return expression\n\nfunction(parameter2 = value2, parameter1 = value1) # arguments passed with keyword to enforce the order of reference\n</code></pre>"},{"location":"languages/python/python.html#global-and-local-variables","title":"Global And Local Variables","text":"Python<pre><code># global scope\n\ndef external_func():\n     # enclosing local scope\n\n     def internal_func():\n         # local scope\n</code></pre> <p>LEGB Rule:</p> <ul> <li>L - Local: Names assigned in any way within a function (<code>def</code> or <code>lambda</code>), and not declared global in that function.</li> <li>E - Enclosing function locals: Names in the local scope of any and all enclosing functions (<code>def</code> or <code>lambda</code>), from inner to outer.</li> <li>G - Global (module): Names assigned at the top-level of a module file, or declared global in a def within the file.</li> <li>B - Built-in (Python): Names preassigned in the built-in names module : <code>open</code>, <code>range</code>, <code>SyntaxError</code>,...</li> </ul> <p><code>Note</code>: variables declared inside a function are not usable outside</p> Python<pre><code>def function():\n     # global statement makes a variable global\n     # actions on global variable within the function also have an effect outside\n\n     global variable\n</code></pre>"},{"location":"languages/python/python.html#iterables-iterators-generators","title":"Iterables, Iterators &amp; Generators","text":"<p>Iterable: object implementing <code>__iter __()</code>, sequences and objects supporting <code>__getitem__</code> with index <code>0</code></p> <p>Iterator: object implementing <code>__next__</code> and <code>__iter__</code> (iterator protocol), when entirely consumed by <code>next()</code> it becomes unusable. Returns <code>StopIteration</code> when <code>next()</code> has returned all elements.</p> <p>Generator Function: function with keyword <code>yield</code> (if present also <code>return</code> causes <code>StopIteration</code>), returns a generator that produces the values \u200b\u200bone at a time.</p> <p>Generator Factory: generator returning function (may not contain <code>yield</code>).</p> <p>Operation <code>iter()</code>:</p> <ul> <li>calls <code>__iter__()</code></li> <li>in the absence of it python uses <code>__getitem__()</code> (if present) to create an iterator that tries to retrieve the items in order, starting from the index <code>0</code></li> <li>on failure it returns <code>TypeError</code></li> </ul> <p>Note: <code>abc.Iterable</code> does not check for the presence of <code>__getitem__</code> to decide if a sub-object is a member therefore the best test for iterability is to use <code>iter()</code> and handle exceptions.</p>"},{"location":"languages/python/python.html#next-iter","title":"<code>next()</code> &amp; <code>iter()</code>","text":"Python<pre><code>next(iterable) # next item of the iterable or error StopIteration\n\niter(object) # get an iterator from an object\n# call callable_onj.next () with no arguments as long as it returns non-sentinel values\n\niter(callable_obj, sentinel)\n</code></pre>"},{"location":"languages/python/python.html#customs-generators","title":"Customs Generators","text":"<p>Used to generate a sequence of values to be used once (they are not stored)</p> Python<pre><code>def custom_generator(parameters):\n     while condition: # or for loop\n         yield variable # returns the value without terminating the function, values passed to the caller without storing in a variable\n\n# generator implementation\nfor item in custom_generator(parameters):\n     # code here\n</code></pre>"},{"location":"languages/python/python.html#termination-generator-and-exception-handling","title":"Termination Generator And Exception Handling","text":"Python<pre><code># raise exception at the suspension point and return generator value\n# if the generator terminates without returning values it raises StopIteration\n# if an exception is not handled it is propagated to the caller\ngenerator.throw(ExceptionType, exception_value, traceback)\n\n# raises GeneratorExit to the point of suspension\n# if generator returns a value -&gt; RuntimeError\n# if an exception is raised it propagates to the caller\ngenerator.close()\n</code></pre>"},{"location":"languages/python/python.html#generator-comprehensions","title":"Generator Comprehensions","text":"Python<pre><code># zero-length sequence (instantaneously generated values)\nvar = (for expression iterable in sequence if condition)\n# EDUCATION ENUMERATE ()\n# returns a list of tuples associating a position index to each element of the sequence\n# [(0, sequence [0]), (1, sequence [1]), (2, sequence [2]), ...)\nenumerate(sequence) # -&gt; enumerate object\n</code></pre>"},{"location":"languages/python/python.html#coroutines","title":"Coroutines","text":"Python<pre><code>def simple_coroutine():\n    \"\"\"coroutine defined as a generator: yield in block\"\"\"\n\n    # yield in expression to receive data\n    # returns None (no variables on the right of yield)\n    var = yield value # returns value and then suspends coroutine waiting for input\n    # instructions to the right of = executed before instructions to the left of =\n\ngen_obj = simple_coroutine() # returns generator object\nnext(gen_obj) # start coroutine (PRIMING)\ngen_obj.send(None) # start coroutine (PRIMING)\ngen_obj.send(value) # send value to the coroutine (only possible in suspended state)\n\n# STATES OF COROUTINE\ninspect.generatorstate() # returns the status of the coroutine\n# GEN_CREATED: waiting to start execution\n# GEN_RUNNING: currently run by the interpreter (visible if multithreaded)\n# GEN_SUSPENDED: currently suspended by yield statement\n# GEN_CLOSED: execution completed successfully\n\n# COROUTINE PRIMING\nfrom functools import wraps\n\ndef coroutine(func):\n    \"Decorator: primes 'func' by advancing to first 'yield'\"\n\n    @wraps(func)\n    def primer(*args, **kwargs):\n        gen = func(*args, **kwargs)\n        next(gen)\n        return gen\n    return primer\n\n# COROUTINE TERMINATION AND EXCEPTION HANDLING\n# exceptions in unhandled coroutines propagate to subsequent iterations\n# an exception causes the coroutine to terminate which it cannot resume\n\n# yield raises exception, if handled loop continues\n# throw() returns value of the generator\ncoroutine.throw(exc_type, exc_value, traceback)\n\n# yield raises GeneratorExit to the suspension point\n# if the generator yields a value -&gt; RuntimeError\n# if there are other exceptions they are propagated to the caller\ncoroutine.close()\n# coroutine state becomes GEN_CLOSED\n</code></pre>"},{"location":"languages/python/python.html#yield-from-iterabile","title":"<code>yield from &lt;iterabile&gt;</code>","text":"<p>Note: auto-priming generators incompatible with <code>yield from</code></p> <p>DELEGATING GENERATOR: generator function containing <code>yield from</code> SUBGENERATOR: generator obtained from <code>yield from</code> CALLER-CLIENT: code calling delegating generator</p> <p>The main function of <code>yield from</code> is to open a bidirectional channel between the external caller (client) and the internal subgenerator so that values and exceptions can pass between the two.</p> <ol> <li>client calls delegating generator, delegating generator calls subgenerator</li> <li>exhausted subgenerator returns value to <code>yield from &lt;expr&gt;</code> (<code>return &lt;result&gt;</code> statement)</li> <li> <p>delegating generator returns <code>&lt;expr&gt;</code> to client</p> </li> <li> <p>Any values that the subgenerator yields are passed directly to the caller of the delegating generator (i.e., the client code).</p> </li> <li> <p>Any values sent to the delegating generator using <code>send()</code> are passed directly to the subgenerator.</p> </li> <li>If the sent value is <code>None</code>, the subgenerator's <code>__next__()</code> method is called.</li> <li>If the sent value is not <code>None</code>, the subgenerator's <code>send()</code> method is called.</li> <li>If the call raises <code>StopIteration</code>, the delegating generator is resumed.</li> <li> <p>Any other exception is propagated to the delegating generator.</p> </li> <li> <p><code>return &lt;expr&gt;</code> in a generator (or subgenerator) causes <code>StopIteration(&lt;expr&gt;)</code> to be raised upon exit from the generator.</p> </li> <li> <p>The value of the <code>yield from</code> expression is the first argument to the <code>StopIteration</code> exception raised by the subgenerator when it terminates.</p> </li> <li> <p>Exceptions other than <code>GeneratorExit</code> thrown into the delegating generator are passed to the <code>throw()</code> method of the subgenerator.</p> </li> <li>If the call raises <code>StopIteration</code>, the delegating generator is resumed.</li> <li> <p>Any other exception is propagated to the delegating generator.</p> </li> <li> <p>If a <code>GeneratorExit</code> exception is thrown into the delegating generator, or the <code>close()</code> method of the delegating generator is called, then the <code>close()</code> method of the subgenerator is called if it has one.</p> </li> <li>If this call results in an exception, it is propagated to the delegating generator.</li> <li>Otherwise, <code>GeneratorExit</code> is raised in the delegating generator</li> </ol> Python<pre><code>def sub_gen():\n     sent_input = yield\n     # result of sub_gen() returned to delegating_gen()\n     # result of yield from &lt;expr&gt;\n\n     return result\n\ndef delegating_gen(var):\n     var = yield from sub_gen() # get values from sub_gen\n\ndef client():\n     result = delegating_gen() # use delegating_gen\n     result.send(None) # terminate sub_gen instance (IMPORTANT)\n</code></pre>"},{"location":"languages/python/python.html#lambda-functions","title":"LAMBDA Functions","text":"<p>Possible use within functions. Useful for replacing functions if the logic is simple.</p> Python<pre><code>var = lambda argument_list: &lt;expression&gt;\n</code></pre>"},{"location":"languages/python/python.html#object-oriented-programming","title":"Object Oriented Programming","text":""},{"location":"languages/python/python.html#class-definition","title":"Class Definition","text":"Python<pre><code>class Class:\n\n    static_var = expression\n\n    def __init__(self, value_1, value_2): # parameterized default constructor\n        self.variable = value_1 # create instance variables\n        self.__private = value_2 # private, accessed via NAME MANGLING\n\n    def method(self, parameters):\n        ...\n\n    @staticmethod\n    def static_method(parameters): # static methods do not affect instance variables (SELF not needed)\n        ...\n\n    @classmethod # method acting on the class and not on the object (useful for alternative constructors)\n    def class_method(cls, parameters):\n        ...\n\n    object = Class(parameters) # creation of an object\n    object.variable = expression # edit public variable\n    object.method(parameters) # invocation method of instance\n    object._Class__private # access to variable specifying the membership class (NAME MANGLING)\n    Class.method(parameters) # static method invocation\n</code></pre>"},{"location":"languages/python/python.html#setter-getter-with-property","title":"Setter &amp; Getter with <code>@Property</code>","text":"Python<pre><code>class Class:\n     def __init__(self, parameter):\n         self.__parameter = parameter\n\n     @property # getter\n     def parameter(self):\n         return self.__parameter\n\n     @&lt;parameter&gt;.setter\n     def parameter(self, value):\n         self.__parameter = value\n</code></pre>"},{"location":"languages/python/python.html#__slots__","title":"<code>__slots__</code>","text":"<p>The <code>__slots__</code> attribute implements the Flyweight Design Pattern: it saves the instance attributes in a tuple and can be used to decrease the cost in memory by inserting only the instance variables into it (suppress the instance dictionary).</p> <p>Default: attributes saved in a dictionary (<code>object .__ dict__</code>) Usage: <code>__slots_ = [attributes]</code></p> <p><code>__slots__</code> is not inherited by subclasses, it prevents dynamically adding attributes.</p>"},{"location":"languages/python/python.html#inner-classes","title":"Inner Classes","text":"Python<pre><code>class Class:\n     def __init__(self, parameters):\n         ...\n\n     class InnerClass:\n         def __init__(self, parameters):\n             ...\n\n         def method(self):\n             ...\n\nobject_1 = Class(arguments) # create 'external' class\nobject_2 = Class.InnerClass(arguments) # inner class created as object of the 'external' class\n</code></pre>"},{"location":"languages/python/python.html#special-methods","title":"Special Methods","text":"<p>Special methods are defined by the use of double underscores; they allow the use of specific functions (possibly adapted) on the objects defined by the class.</p> Python<pre><code>class Class():\n\n     def __init__(self, parameters):\n         instructions\n\n     # used by str() and print() method\n     # handle requests for impersonation as a string\n     def __str__ (self):\n         return expression # return required\n\n     def __len__ (self):\n         return expression # must return as len requires a length / size\n\n     def __del__ (self): # delete the class instance\n         instruction # any instructions that occur on deletion\n\nobject = Class()\nlen(object) # special function applied to an object\ndel object # delete object\n</code></pre>"},{"location":"languages/python/python.html#special-methods-list","title":"Special Methods List","text":"<p>Note: if the operator cannot be applied, returns <code>NotImplemented</code></p> Python<pre><code># arithmetic operators\n__add__(self, other)         # +\n__sub__(self, other)         # -\n__mul__(self, other)         # *\n__matmul__(self, other)      # (@) matrix multiplication\n__truediv__(self, other)     # /\n__floordiv__(self, other)  # //\n__mod__(self, other)         # %\n__divmod__(self, other)      # divmod()\n__pow__(self, other)         # **, pow()\n__lshift__(self, other)      # &lt;&lt;\n__rshift__(self, other)      # &gt;&gt;\n__and__(self, other)         # &amp;\n__xor__(self, other)         # ^\n__or__(self, other)          # |\n\n# reflex arithmetic operators\n# if self.__ dunder __(other) fails, other.__ dunder__(self) is called\n__radd__(self, other)         # reverse +\n__rsub__(self, other)         # reverse -\n__rmul__(self, other)         # reverse *\n__rmatmul__(self, other)      # reverse @\n__rtruediv__(self, other)     # reverse /\n__rfloordiv__(self, other)    # reverse //\n__rmod__(self, other)         # reverse %\n__rdivmod__(self, other)      # reverse divmod()\n__rpow__(self, other)         # reverse **, pow()\n__rlshift__(self, other)      # reverse &lt;&lt;\n__rrshift__(self, other)      # reverse &gt;&gt;\n__rand__(self, other)         # reverse &amp;\n__rxor__(self, other)         # reverse ^\n__ror__(self, other)          # reverse |\n\n# in-place arithmetic operators\n# base implementation (built-in) like self = self &lt;operator&gt; other\n#! not to be implemented for immutable objects!\n#! in-place operators return self!\n__iadd__(self, other)         # +=\n__isub__(self, other)         # -=\n__imul__(self, other)         # *=\n__imatmul__(self, other)      # @=\n__itruediv__(self, other)     # /=\n__ifloordiv__(self, other)    # //=\n__imod__(self, other)         # %=\n__ipow__(self, other)         # **=\n__ilshift__(self, other)      # &lt;&lt;=\n__irshift__(self, other)      # &gt;&gt;=\n__iand__(self, other)         # &amp;=\n__ixor__(self, other)         # ^=\n__ior__(self, other)          # |=\n\n# unary mathematical operators (-, +, abs (), ~)\n__neg__(self)  # (-) negazione matematica unaria [if x = 2 then -x = 2]\n__pos__(self)  # (+) addizione unaria [x = +x]\n__abs__(self)  # [abs()] valore assoluto [|-x| = x]\n__invert__(self)  # (~) inversione binaria di un intero [~x == -(x + 1)]\n\n# numeric type conversion\n__complex__(self)\n__int__(self)  # if not defined fall-back on __trunc__()\n__float__(self)\n__index__(self)  # conversion in bin(), hex(), oct() e slicing\n\n# operations round() math.trunc(), math.floor(), math.ceil()\n__round__(self)\n__trunc__(self)\n__floor__(self)\n__ceil__(self)\n\n# equality operators\nself.__eq__(other)  # self == other\nself.__ne__(other) # self != other\nself.__gt__(other) # self &gt; other\nself.__ge__(other) # self &gt;= other\nself.__lt__(other) # self &lt; other\nself.__le__(other) # self &lt;= other\n\n# reflected equality operators\nother.__eq__(self)  # other == self,   fall-back id(self) == id(other)\nother.__ne__(self)  # other != self,   fall-back not (self == other)\nother.__gt__(self)  # reverse self &lt; other,   fall-back TypeError\nother.__ge__(self)  # reverse self &lt;= other,   fall-back TypeError\nother.__lt__(self)  # reverse self &gt; other,   fall-back TypeError\nother.__le__(self)  # reverse self &gt;= other,   fall-back TypeError\n\n# called when the instance is \"called\" as a function\n# x (arg1, arg2, arg3) is short for x .__ call __ (arg1, arg2, arg3)\n__call__(self, args)\n\n# string object representation for the developer\n__repr__(self)\n\n# string object representation for user (used by print)\n__str__(self)\n\n# specify formatting for format ), str.format() [format_spec = format-mini-language]\n__format__(format_spec)\n\n# returns unique (integer) value for objects that have equal value\n# __EQ__ MUST EXIST IN THE CLASS, usually hash((self.param_1, self.param_2, ...))\n__hash__(self)\n\n# makes object iterable:\n# - returning self (in the iterator)\n# - returning an iterator (in the iterable)\n# - using yield (in the __iter__ generator)\n__iter__(self)\n\n# returns next available element, StopIteration otherwise (iterator scrolls)\n__next__()\n\n# returns truth value\n__bool__()\n\n# returns item associated with key of a sequence (self [key])\n# IndexError if key is not appropriate\n__getitem__(self, key)\n\n# item assignment operation in sequence (self [key] = value)\n# IndexError if key is not appropriate\n__setitem__(self, key, value)\n\n# operation deleting item in sequence (del self [key])\n# IndexError if key is not appropriate\n__delitem__(self, key)\n\n# called by dict.__getitem__() to implement self [key] if key is not in the dictionary\n__missing__(self, key)\n\n# implement container iteration\n__iter__(self)\n\n# implement membership test\n__contains__(self, item)\n\n# implementation issublass (instance, class)\n__instancecheck__(self, instance)\n\n# implementation issubclass (subclass, class)\n__subclasscheck__(self, subclass)\n\n# implement attribute access (obj.name)\n# called if AttributeError happens or if called by __getattribute __()\n__getattr__(self, name)\n\n# implement value assignment to attribute (obj.name = value)\n__setattr__(self, name, value)\n</code></pre> <p>Note: Itearbility is tricky.</p> <p>To make an object directly iterable (<code>for i in object</code>) <code>__iter__()</code> and <code>__next__()</code> are needed. To make an iterable through an index (<code>for i in range(len(object)): object[i]</code>) <code>__getitem()__</code> is needed.</p> <p>Some of the mixin methods, such as <code>__iter__()</code>, <code>__reversed__()</code> and <code>index()</code>, make repeated calls to the underlying <code>__getitem__()</code> method. Consequently, if <code>__getitem__()</code> is implemented with constant access speed, the mixin methods will have linear performance; however, if the underlying method is linear (as it would be with a linked list), the mixins will have quadratic performance and will likely need to be overridden.</p>"},{"location":"languages/python/python.html#inheritance","title":"Inheritance","text":"Python<pre><code>class Parent ():\n    def __init __ (self, parameters):\n        ...\n\n    def method_1(self):\n        ...\n\n    def method_2(self):\n        ...\n\nclass Child(Parent): # parent class in parentheses to inherit variables and methods\n\n    def __init__(self, parameters, parent_parameters):\n        Parent.__init__(self, parent_parameters) # inherit parent variables\n        ...\n\n    def method (self):\n        ...\n\n    def method_parent_1 (self): # override method (child class with homonymous method to parent class)\n        ...\n\nclass Child(Parent): # parent class in brackets to inherit properties\n\n    def __init__(self, parameters, parent_parameters):\n        super().__init__(parent_parameters) # different method to inherit parent variables (SELF not needed) using SUPER()\n        super(Parent, self).__init__(parent_parameters) # parent constructor invoked separately\n\n    def method(self):\n        ...\n\n    def method_2(self): # parent method updated\n        super().method_2() # invoke parent method as is\n        ...\n</code></pre>"},{"location":"languages/python/python.html#polymorphism","title":"Polymorphism","text":"<p>Note: python does not support method overloading</p> Python<pre><code># DUCKTYPING\n# Working with objects regardless of their type, as long as they implement certain protocols\n\nclass Class1:\n    def method_1(self):\n        ...\n\nclass Class2:\n    def method_1(self):\n        ...\n\n# since python is a dynamic language it doesn't matter what type (class) the object passed is\n# the function invokes the object method passed regardless of the object class\ndef polymorph_method(object):\n    object.method_1()\n\n# DEPENDENCY INJECTION WITH DUCKTYPING\nclass Class:\n    def __init__(self, object):\n        self.dependency = object\n\n    def method_1(self): # the function invokes the method of the object passed\n        self.dependency.method_1()\n</code></pre>"},{"location":"languages/python/python.html#operator-overloading","title":"Operator Overloading","text":"<p>Operators fundamental rule: always return an object, if operation fails return <code>NotImplemented</code></p> <p>Limitations of operator overloading:</p> <ul> <li>no overloading of built-in types</li> <li>no creation of new operators</li> <li>no overloading operators <code>is</code>, <code>and</code>, <code>or</code>, <code>not</code></li> </ul>"},{"location":"languages/python/python.html#astrazione","title":"Astrazione","text":"<p>The interfaces are abstract classes with all abstract methods, they are used to indicate which methods such as child classes must have. Interfaces have only a list of abstract methods.</p> <p>abstract classes have at least one abstract method; child classes that inherit from an abstract class must implement abstract methods. Abstract classes cannot be instantiated.</p> <p>Virtual subclasses are used to include third-party classes as subclasses of a class of their own. They are recognized as belonging to the parent class without however having to implement their methods.</p> <p>The <code>@Class.register</code> or <code>Class.register(subclass)</code> decorators are used to mark subclasses.</p> Python<pre><code>from abc import abstractmethod, ABC\n\nclass Abstract(ABC): # abstract class MUST INHERIT from parent class ABC\n    def __init__(self, parameters):\n        ...\n\n    def parent_method (self):\n        ...\n\n    @abstractmethod # abstract method MUST be marked with @abstractmethod decorator\n    def abstract_method (self):\n        pass\n        # abstract method MUST be overridden (can be non-empty)\n        # super() to invoke it in the concrete class\n\nclass Child(Abstract):\n\n    def __init__(self, parameters, parent_parameters):\n        parent_class.__init__(self, parent_parameters)\n\n    def method (self):\n        ...\n\n    def parent_method (self): # override method (child class with homonymous method to parent class)\n        ...\n\n    def abstract_method (self): # implementation of abstract method inherited from abstract class (NECESSARY) by override\n        ...\n</code></pre>"},{"location":"languages/python/python.html#exception-handling","title":"Exception Handling","text":"Python<pre><code># CHECK ASERATIONS\nassert condition, 'error message' # if the assertion is false show an error message\n\n# particular errors are objects of a particular class of exceptions which in turn is a child of the base exception class (exception)\nclass CustomExceptionError(Exception): # MUST somehow inherit from class exception (even in later inheritance steps)\n    pass # or instructions\n\n# try block contains code that might cause an exception\n# code inside try and after the error it is not executed\ntry:\n    ...\n    raise CustomExceptionError (\"message\") # raise the exception\n\n# except takes control of error handling without passing through the interpreter\n# block executed if an error occurs in try\n\n# except error specified by class\nexcept ExceptionClass:\n    # Default error message is not shown\n    # the program does not stop\n\n# except on generic errors\nexcept:\n     # code here\n\n# block executed if exception does not occur\nelse:\n    # code here\n\n# block executed in all cases, cleanup code goes here\nfinally:\n    # code here\n</code></pre>"},{"location":"languages/python/python.html#file","title":"File","text":""},{"location":"languages/python/python.html#opening-a-file","title":"Opening A File","text":"<p>Text file opening mode:</p> <ul> <li><code>w</code>: write, overwrite the contents of the file</li> <li><code>r</code>: read, read file contents</li> <li><code>a</code>: append, add content to the file</li> <li><code>w +</code>: write &amp; read</li> <li><code>r +</code>: write &amp; read &amp; append</li> <li><code>a +</code>: append &amp; read</li> <li><code>x</code>: exclusive creation, if the file already exists -&gt; <code>FileExistError</code> (extended write mode)</li> </ul> <p>Open binary file mode:</p> <ul> <li><code>wb</code>: write, overwrites the contents of the file</li> <li><code>rb</code>: read, read file contents</li> <li><code>ab</code>: append, add content to the file</li> <li><code>w + b</code>: write &amp; read</li> <li><code>r + b</code>: write &amp; read &amp; append</li> <li><code>a + b</code>: append &amp; read</li> <li><code>xb</code>: exclusive creation, if the file already exists -&gt; <code>FileExistError</code> (extended write mode)</li> </ul> <p>Note: Linux and MacOSX use <code>UTF-8</code> everywhere while windows uses <code>cp1252</code>, <code>cp850</code>,<code>mbcs</code>, <code>UTF-8</code>. Don't rely on default encoding and use explicitly <code>UTF-8</code>.</p> Python<pre><code>object = open('filename', mode = 'r', encoding = 'utf-8') # encoding MUST BE utf-8 for compatibility\n# filename can be the absolute path to the file location (default: file created in the source code folder)\n# double slash to avoid \\ escaping\n\nwith open('filename') as file:\n    instructions_to_file # block use filename to indicate file\n\n# CLOSE A FILE\nobject.close()\n\n# WRITE TO A FILE\nobject.write(string) # write single string to file\nobject.writelines(* strings) # write multiple strings to file\n\n# READING FROM A FILE\nobject.read() # return ALL the contents of the file (including escape sequence) and place the \"cursor\" at the end of the file\nobject.seek(0) # returns 0 (zero) and places the cursor at the beginning of the file\nobject.readlines() # return list of file lines (ATTENTION: keep everything in memory, be careful with large files)\nobject.readline() # returns single line file\n\n# CHECK FILE EXISTENCE\nimport os, sys\nif os.path.isfile('filepath'): # check file existence (TRUE if it exists)\n    # code here\nelse:\n    # code here\n    sys.exit() # exits the program and does not execute the next cosice\n</code></pre>"},{"location":"languages/python/python.html#copy","title":"COPY","text":"<p>SHALLOW COPY: copies the \"container\" and references to the content DEEP COPY: copies the \"container\" and contents (no reference)</p> Python<pre><code>copy (x) # returns shallow copy of xor\ndeepcopy (x) # returns shallow copy of x\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html","title":"Beautiful Soup Library","text":""},{"location":"languages/python/libs/beautiful-soup.html#making-the-soup","title":"Making the Soup","text":"Python<pre><code>from bs4 import BeautifulSoup\nimport requests\nimport lxml  # better html parser than built-in\n\nresponse = requests.get(\"url\")  # retrieve a web page\n\nsoup = BeautifulSoup(response.text, \"html.parser\")  # parse HTML from response w/ python default HTML parser\nsoup = BeautifulSoup(response.text, \"lxml\")  # parse HTML from response w/ lxml parser\n\nsoup.prettify()  # prettify parsed HTML for display\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#kinds-of-objects","title":"Kinds of Objects","text":"<p>Beautiful Soup transforms a complex HTML document into a complex tree of Python objects.</p>"},{"location":"languages/python/libs/beautiful-soup.html#tag","title":"Tag","text":"<p>A Tag object corresponds to an XML or HTML tag in the original document</p> Python<pre><code>soup = BeautifulSoup('&lt;b class=\"boldest\"&gt;Extremely bold&lt;/b&gt;', 'html.parser')  # parse HTML/XML\n\ntag = soup.b\ntype(tag)  # &lt;class 'bs4.element.Tag'&gt;\nprint(tag)  # &lt;b class=\"boldest\"&gt;Extremely bold&lt;/b&gt;\n\ntag.name  # tag name\ntag[\"attribute\"]  # access to tag attribute  values\ntag.attrs  # dict of attribue-value pairs\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#navigable-string","title":"Navigable String","text":"<p>A string corresponds to a bit of text within a tag. Beautiful Soup uses the <code>NavigableString</code> class to contain these bits of text.</p>"},{"location":"languages/python/libs/beautiful-soup.html#navigating-the-tree","title":"Navigating the Tree","text":""},{"location":"languages/python/libs/beautiful-soup.html#going-down","title":"Going Down","text":"Python<pre><code>soup.&lt;tag&gt;.&lt;child_tag&gt;  # navigate using tag names\n\n&lt;tag&gt;.contents  # direct children as a list\n&lt;tag&gt;.children  # direct children as a generator for iteration\n&lt;tag&gt;.descendants  # iterator over all children, recursive\n\n&lt;tag&gt;.string  # tag contents, does not have further children\n# If a tag's only child is another tag, and that tag has a .string, then the parent tag is considered to have the same .string as its child\n# If a tag contains more than one thing, then it's not clear what .string should refer to, so .string is defined to be None\n\n&lt;tag&gt;.strings  # generator to iterate over all children's strings (will list white space)\n&lt;tag&gt;.stripped_strings  # generator to iterate over all children's strings (will NOT list white space)\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#going-up","title":"Going Up","text":"Python<pre><code>&lt;tag&gt;.parent  # tags direct parent (BeautifulSoup has parent None, html has parent BeautifulSoup)\n&lt;tag&gt;.parents  # iterable over all parents\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#going-sideways","title":"Going Sideways","text":"Python<pre><code>&lt;tag&gt;.previous_sibling\n&lt;tag&gt;.next_sibling\n\n&lt;tag&gt;.previous_siblings\n&lt;tag&gt;.next_siblings\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#going-back-and-forth","title":"Going Back and Forth","text":"Python<pre><code>&lt;tag&gt;.previous_element  # whatever was parsed immediately before\n&lt;tag&gt;.next_element # whatever was parsed immediately afterwards\n\n&lt;tag&gt;.previous_elements  # whatever was parsed immediately before as a list\n&lt;tag&gt;.next_elements  # whatever was parsed immediately afterwards as a list\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#searching-the-tree","title":"Searching the Tree","text":""},{"location":"languages/python/libs/beautiful-soup.html#filter-types","title":"Filter Types","text":"Python<pre><code>soup.find_all(\"tag\")  # by name\nsoup.find_all([\"tag1\", \"tag2\"])  # multiple tags in a list\nsoup.find_all(function)  # based on a bool function\nsoup.find_all(True)  # Match everything\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#methods","title":"Methods","text":"<p>Methods arguments:</p> <ul> <li><code>name</code> (string): tag to search for</li> <li><code>attrs</code> (dict): attribute-value pai to search for</li> <li><code>string</code> (string): search by string contents rather than by tag</li> <li><code>limit</code> (int). limit number of results</li> <li><code>**kwargs</code>: be turned into a filter on one of a tag's attributes.</li> </ul> Python<pre><code>find_all(name, attrs, recursive, string, limit, **kwargs)  # several results\nfind(name, attrs, recursive, string, **kwargs)  # one result\n\nfind_parents(name, attrs, string, limit, **kwargs)  # several results\nfind_parent(name, attrs, string, **kwargs)  # one result\n\nfind_next_siblings(name, attrs, string, limit, **kwargs)  # several results\nfind_next_sibling(name, attrs, string, **kwargs)  # one result\n\nfind_previous_siblings(name, attrs, string, limit, **kwargs)  # several results\nfind_previous_sibling(name, attrs, string, **kwargs)  # one result\n\nfind_all_next(name, attrs, string, limit, **kwargs)  # several results\nfind_next(name, attrs, string, **kwargs)  # one result\n\nfind_all_previous(name, attrs, string, limit, **kwargs)  # several results\nfind_previous(name, attrs, string, **kwargs)  # one result\n\nsoup(\"html_tag\")  # same as soup.find_all(\"html_tag\")\nsoup.find(\"html_tag\").text  # text of the found tag\nsoup.select(\"css_selector\")  # search for CSS selectors of HTML tags\n</code></pre>"},{"location":"languages/python/libs/beautiful-soup.html#modifying-the-tree","title":"Modifying the Tree","text":""},{"location":"languages/python/libs/beautiful-soup.html#changing-tag-names-an-attributes","title":"Changing Tag Names an Attributes","text":"Python<pre><code>&lt;tag&gt;.name = \"new_html_tag\"  # modify the tag type\n&lt;tag&gt;[\"attribute\"]  = \"value\"  # modify the attribute value\ndel &lt;tag&gt;[\"attribute\"]  # remove the attribute\n\nsoup.new_tag(\"name\", &lt;attribute&gt; = \"value\")  # create a new tag with specified name and attributes\n\n&lt;tag&gt;.string = \"new content\"  # modify tag text content\n&lt;tag&gt;.append(item)  # append to Tag content\n&lt;tag&gt;.extend([item1, item2])  # add every element of the list in order\n\n&lt;tag&gt;.insert(position: int, item)  # like .insert in Python list\n\n&lt;tag&gt;.insert_before(new_tag)  # insert tags or strings immediately before something else in the parse tree\n&lt;tag&gt;.insert_after(new_tag)  # insert tags or strings immediately before something else in the parse tree\n\n&lt;tag&gt;.clear()  # remove all tag's contents\n\n&lt;tag&gt;.extract()  # extract and return the tag from the tree (operates on self)\n&lt;tag&gt;.string.extract()  # extract and return the string from the tree (operates on self)\n&lt;tag&gt;.decompose()  # remove a tag from the tree, then completely destroy it and its contents\n&lt;tag&gt;.decomposed  # check if tag has be decomposed\n\n&lt;tag&gt;.replace_with(item)  # remove a tag or string from the tree, and replaces it with the tag or string of choice\n\n&lt;tag&gt;.wrap(other_tag)  # wrap an element in the tag you specify, return the new wrapper\n&lt;tag&gt;.unwrap()  # replace a tag with whatever's inside, good for stripping out markup\n\n&lt;tag&gt;.smooth()  # clean up the parse tree by consolidating adjacent strings\n</code></pre>"},{"location":"languages/python/libs/numpy.html","title":"NumPy Lib","text":""},{"location":"languages/python/libs/numpy.html#most-important-attributes-attributes","title":"MOST IMPORTANT ATTRIBUTES ATTRIBUTES","text":"Python<pre><code>array.ndim     # number of axes (dimensions) of the array\narray.shape  # dimensions of the array, tuple of integers\narray.size  # total number of elements in the array\narray.itemsize  # size in bytes of each element\narray.data  # buffer containing the array elements\n</code></pre>"},{"location":"languages/python/libs/numpy.html#array-creation","title":"ARRAY CREATION","text":"<p>Unless explicitly specified <code>np.array</code> tries to infer a good data type for the array that it creates. The data type is stored in a special dtype object.</p> Python<pre><code>var = np.array(sequence)  # creates array\nvar = np.asarray(sequence)  # convert input to array\nvar = np.ndarray(*sequence)  # creates multidimensional array\nvar = np.asanyarray(*sequence)  # convert the input to an ndarray\n# nested sequences will be converted to multidimensional array\n\nvar = np.zeros(ndarray.shape)  # array with all zeros\nvar = np.ones(ndarray.shape)  # array with all ones\nvar = np.empty(ndarray.shape)  # array with random values\nvar = np.identity(n)  # identity array (n x n)\n\nvar = np.arange(start, stop, step)  # creates an array with parameters specified\nvar = np.linspace(start, stop, num_of_elements)  # step of elements calculated based on parameters\n</code></pre>"},{"location":"languages/python/libs/numpy.html#data-types-for-ndarrays","title":"DATA TYPES FOR NDARRAYS","text":"Python<pre><code>var = array.astype(np.dtype)  # copy of the array, cast to a specified type\n# return TypeError if casting fails\n</code></pre> <p>The numerical <code>dtypes</code> are named the same way: a type name followed by a number indicating the number of bits per element.</p> TYPE TYPE CODE DESCRIPTION int8, uint8 i1, u1 Signed and unsigned 8-bit (1 byte) integer types int16, uint16 i2, u2 Signed and unsigned 16-bit integer types int32, uint32 i4, u4 Signed and unsigned 32-bit integer types int64, uint64 i8, u8 Signed and unsigned 32-bit integer types float16 f2 Half-precision floating point float32 f4 or f Standard single-precision floating point. Compatible with C float float64, float128 f8 or d Standard double-precision floating point. Compatible with C double and Python float object float128 f16 or g Extended-precision floating point complex64, complex128, complex256 c8, c16, c32 Complex numbers represented by two 32, 64, or 128 floats, respectively bool ? Boolean type storing True and False values object O Python object type string_ <code>S&lt;num&gt;</code> Fixed-length string type (1 byte per character), <code>&lt;num&gt;</code> is string length unicode_ <code>U&lt;num&gt;</code> Fixed-length unicode type, <code>&lt;num&gt;</code> is length"},{"location":"languages/python/libs/numpy.html#operations-between-arrays-and-scalars","title":"OPERATIONS BETWEEN ARRAYS AND SCALARS","text":"<p>Any arithmetic operations between equal-size arrays applies the operation element-wise.</p> <p>array <code>+</code> scalar \u2192 element-wise addition (<code>[1, 2, 3] + 2 = [3, 4, 5]</code>) array <code>-</code> scalar \u2192 element-wise subtraction (<code>[1 , 2, 3] - 2 = [-2, 0, 1]</code>) array <code>*</code> scalar \u2192 element-wise multiplication (<code>[1, 2, 3] * 3 = [3, 6, 9]</code>) array / scalar \u2192 element-wise division (<code>[1, 2, 3] / 2 = [0.5 , 1 , 1.5]</code>)</p> <p>array_1 <code>+</code> array_2 \u2192 element-wise addition (<code>[1, 2, 3] + [1, 2, 3] = [2, 4, 6]</code>) array_1 <code>-</code> array_2 \u2192 element-wise subtraction (<code>[1, 2, 4] - [3 , 2, 1] = [-2, 0, 2]</code>) array_1 <code>*</code> array_2 \u2192 element-wise multiplication (<code>[1, 2, 3] * [3, 2, 1] = [3, 4, 3]</code>) array_1 <code>/</code> array_2 \u2192 element-wise division (<code>[1, 2, 3] / [3, 2, 1] = [0.33, 1, 3]</code>)</p>"},{"location":"languages/python/libs/numpy.html#shape-manipulation","title":"SHAPE MANIPULATION","text":"Python<pre><code>np.reshape(array, new_shape)  # changes the shape of the array\nnp.ravel(array)  #  returns the array flattened\narray.resize(shape)  # modifies the array itself\narray.T  # returns the array transposed\nnp.transpose(array)     # returns the array transposed\nnp.swapaxes(array, first_axis, second_axis)  # interchange two axes of an array\n# if array is an ndarray, then a view of it is returned; otherwise a new array is created\n</code></pre>"},{"location":"languages/python/libs/numpy.html#joining-arrays","title":"JOINING ARRAYS","text":"Python<pre><code>np.vstack((array1, array2))   # takes tuple, vertical stack of arrays (column wise)\nnp.hstack((array1, array2))  # takes a tuple, horizontal stack of arrays (row wise)\nnp.dstack((array1, array2)) # takes a tuple, depth wise stack of arrays (3rd dimension)\nnp.stack(*arrays, axis)  # joins a sequence of arrays along a new axis (axis is an int)\nnp.concatenate((array1, array2, ...), axis) # joins a sequence of arrays along an existing axis (axis is an int)\n</code></pre>"},{"location":"languages/python/libs/numpy.html#splitting-arrays","title":"SPLITTING ARRAYS","text":"Python<pre><code>np.split(array, indices)  # splits an array into equall7 long sub-arrays (indices is int), if not possible raises error\nnp.vsplit(array, indices)  # splits an array equally into sub-arrays vertically (row wise) if not possible raises error\nnp.hsplit(array, indices)  # splits an array equally into sub-arrays horizontally (column wise) if not possible raises error\nnp.dsplit(array, indices)  # splits an array into equally sub-arrays along the 3rd axis (depth) if not possible raises error\nnp.array_split(array, indices) # splits an array into sub-arrays, arrays can be of different lengths\n</code></pre>"},{"location":"languages/python/libs/numpy.html#view","title":"VIEW()","text":"Python<pre><code>var = array.view()  # creates a new array that looks at the same data\n# slicing returns a view\n# view shapes are separated but assignment changes all arrays\n</code></pre>"},{"location":"languages/python/libs/numpy.html#copy","title":"COPY()","text":"Python<pre><code>var = array.copy()  # creates a deep copy of the array\n</code></pre>"},{"location":"languages/python/libs/numpy.html#indexing-slicing-iterating","title":"INDEXING, SLICING, ITERATING","text":"<p>1-dimensional  \u2192 sliced, iterated and indexed as standard n-dimensional \u2192 one index per axis, index given in tuple separated by commas <code>[i, j] (i, j)</code> dots (<code>...</code>) represent as many colons as needed to produce complete indexing tuple</p> <ul> <li><code>x[1, 2, ...] == [1, 2, :, :, :]</code></li> <li><code>x[..., 3] == [:, :, :, :, 3]</code></li> <li><code>x[4, ..., 5, :] == [4, :, :, 5, :]</code> iteration on first index, use .flat() to iterate over each element</li> <li><code>x[*bool]</code> returns row with corresponding True index</li> <li><code>x[condition]</code> return only elements that satisfy condition</li> <li>x<code>[[*index]]</code> return rows ordered by indexes</li> <li><code>x[[*i], [*j]]</code> return elements selected by tuple (i, j)</li> <li><code>x[ np.ix_( [*i], [*j] ) ]</code> return rectangular region</li> </ul>"},{"location":"languages/python/libs/numpy.html#universal-functions-ufunc","title":"UNIVERSAL FUNCTIONS (ufunc)","text":"<p>Functions that performs element-wise operations (vectorization).</p> Python<pre><code>np.abs(array)  # vectorized abs(), return element absolute value\nnp.fabs(array)  # faster abs() for non-complex values\nnp.sqrt(array)  # vectorized square root (x^0.5)\nnp.square(array) # vectorized square (x^2)\nnp.exp(array)  # vectorized natural exponentiation (e^x)\nnp.log(array)  # vectorized natural log(x)\nnp.log10(array)  # vectorized log10(x)\nnp.log2(array)  # vectorized log2(x)\nnp.log1p(array)  # vectorized log(1 + x)\nnp.sign(array)  # vectorized sign (1, 0, -1)\nnp.ceil(array)  # vectorized ceil()\nnp.floor(array)  # vectorized floor()\nnp.rint(array)     # vectorized round() to nearest int\nnp.modf(array)  #  vectorized divmod(), returns the fractional and integral parts of element\nnp.isnan(array)   # vectorized x == NaN, return boolean array\nnp.isinf(array)  # vectorized test for positive or negative infinity, return boolean array\nnp.isfineite(array)  # vectorized test fo finiteness, returns boolean array\nnp.cos(array)  # vectorized cos(x)\nnp.sin(array)  # vectorized sin(x)\nnp.tan(array)  # vectorized tan(x)\nnp.cosh(array)  # vectorized cosh(x)\nnp.sinh(array)   # vector sinh(x)\nnp.tanh(array)  # vectorized tanh(x)\nnp.arccos(array)  # vectorized arccos(x)\nnp.arcsinh(array)  # vectorized arcsinh(x)\nnp.arctan(array)  # vectorized arctan(x)\nnp.arccosh(array)  # vectorized arccosh(x)\nnp.arcsinh(array)  # vectorized arcsin(x)\nnp.arctanh(array)  # vectorized arctanh(x)\nnp.logical_not(array)  # vectorized not(x), equivalent to -array\n\nnp.add(x_array, y_array)  # vectorized addition\nnp.subtract(x_array, y_array)  # vectorized subtraction\nnp.multiply(x_array, y_array)  # vectorized multiplication\nnp.divide(x_array, y_array)  # vectorized division\nnp.floor_divide(x_array, y_array)  # vectorized floor division\nnp.power(x_array, y_array)  # vectorized power\nnp.maximum(x_array, y_array)  # vectorized maximum\nnp.minimum(x_array, y_array)  # vectorized minimum\nnp.fmax(x_array, y_array)  # vectorized maximum, ignores NaN\nnp.fmin(x_array, y_array)  # vectorized minimum, ignores NaN\nnp.mod(x_array, y_array)  # vectorized modulus\nnp.copysign(x_array, y_array)  #  vectorized copy sign from y_array to x_array\nnp.greater(x_array, y_array)  # vectorized x &gt; y\nnp.less(x_array, y_array)  # vectorized x &lt; y\nnp.greter_equal(x_array, y_array)  # vectorized x &gt;= y\nnp.less_equal(x_array, y_array)  # vectorized x &lt;= y\nnp.equal(x_array, y_array)  # vectorized x == y\nnp.not_equal(x_array, y_array)  # vectorized x != y\nnp.logical_and(x_array, y_array)  # vectorized x &amp; y\nnp.logical_or(x_array, y_array)  # vectorized x | y\nnp.logical_xor(x_array, y_array)  # vectorized x ^ y\n</code></pre>"},{"location":"languages/python/libs/numpy.html#conditional-logic-as-array-operations","title":"CONDITIONAL LOGIC AS ARRAY OPERATIONS","text":"Python<pre><code>np.where(condition, x, y)  # return x if condition == True, y otherwise\n</code></pre>"},{"location":"languages/python/libs/numpy.html#mathematical-and-statistical-methods","title":"MATHEMATICAL AND STATISTICAL METHODS","text":"<p><code>np.method(array, args)</code> or <code>array.method(args)</code>. Boolean values are coerced to 1 (<code>True</code>) and 0 (<code>False</code>).</p> Python<pre><code>np.sum(array, axis=None)  # sum of array elements over a given axis\nnp.median(array, axis=None)  # median along the specified axis\nnp.mean(array, axis=None)  # arithmetic mean along the specified axis\nnp.average(array, axis=None)  #  weighted average along the specified axis\nnp.std(array, axis=None)  # standard deviation along the specified axis\nnp.var(array, axis=None)  # variance along the specified axis\n\nnp.min(array, axis=None)  # minimum value along the specified axis\nnp.max(array, axis=None)  # maximum value along the specified axis\nnp.argmin(array, axis=None)  # indices of the minimum values along an axis\nnp.argmax(array, axis=None)  # indices of the maximum values\nnp.cumsum(array, axis=None)  # cumulative sum of the elements along a given axis\nnp.cumprod(array, axis=None)  # cumulative sum of the elements along a given axis\n</code></pre>"},{"location":"languages/python/libs/numpy.html#methods-for-boolean-arrays","title":"METHODS FOR BOOLEAN ARRAYS","text":"Python<pre><code>np.all(array, axis=None)  # test whether all array elements along a given axis evaluate to True\nnp.any(array, axis=None)  # test whether any array element along a given axis evaluates to True\n</code></pre>"},{"location":"languages/python/libs/numpy.html#sorting","title":"SORTING","text":"Python<pre><code>array.sort(axis=-1)  # sort an array in-place (axis = None applies on flattened array)\nnp.sort(array, axis=-1)  # return a sorted copy of an array (axis = None applies on flattened array)\n</code></pre>"},{"location":"languages/python/libs/numpy.html#set-logic","title":"SET LOGIC","text":"Python<pre><code>np.unique(array)  # sorted unique elements of an array\nnp.intersect1d(x, y)  # sorted common elements in x and y\nnp.union1d(x, y)  # sorte union of elements\nnp.in1d(x, y)  #  boolean array indicating whether each element of x is contained in y\nnp.setdiff1d(x, y)  # Set difference, elements in x that are not in y\nnp.setxor1d()  # Set symmetric differences; elements that are in either of the arrays, but not both\n</code></pre>"},{"location":"languages/python/libs/numpy.html#file-io-with-arrays","title":"FILE I/O WITH ARRAYS","text":"Python<pre><code>np.save(file, array)  # save array to binary file in .npy format\nnp.savez(file, *array) # save several arrays into a single file in uncompressed .npz format\nnp.savez_compressed(file, *args, *kwargs)  # save several arrays into a single file in compressed .npz format\n# *ARGS: arrays to save to the file. arrays will be saved with names \"arr_0\", \"arr_1\", and so on\n# **KWARGS: arrays to save to the file. arrays will be saved in the file with the keyword names\n\nnp.savetxt(file, X, fmt=\"%.18e\", delimiter=\" \")   # save array to text file\n# X: 1D or 2D\n# FMT: Python Format Specification Mini-Language\n# DELIMITER: {str} -- string used to separate values\n\nnp.load(file, allow_pickle=False)  # load arrays or pickled objects from .npy, .npz or pickled files\nnp.loadtxt(file, dtype=float, comments=\"#\", delimiter=None)\n# DTYPE: {data type} -- data-type of the resulting array\n# COMMENTS: {str} -- characters used to indicate the start of a comment. None implies no comments\n# DELIMITER: {str} -- string used to separate values\n</code></pre>"},{"location":"languages/python/libs/numpy.html#linear-algebra","title":"LINEAR ALGEBRA","text":"Python<pre><code>np.diag(array, k=0)  # extract a diagonal or construct a diagonal array\n# K: {int} -- k&gt;0 diagonals above main diagonal, k&lt;0 diagonals below main diagonal (main diagonal k = 0)\n\nnp.dot(x ,y)  # matrix dot product\nnp.trace(array, offset=0, dtype=None, out=None)  # return the sum along diagonals of the array\n# OFFSET: {int} -- offset of the diagonal from the main diagonal\n# dtype: {dtype} -- determines the data-type of the returned array\n# OUT: {ndarray} -- array into which the output is placed\n\nnp.linalg.det(A)  # compute the determinant of an array\nnp.linalg.eig(A)  # compute the eigenvalues and right eigenvectors of a square array\nnp.linalg.inv(A)  # compute the (multiplicative) inverse of a matrix\n# A_inv satisfies dot(A, A_inv) = dor(A_inv, A) = eye(A.shape[0])\n\nnp.linalg.pinv(A)  # compute the (Moore-Penrose) pseudo-inverse of a matrix\nnp.linalg.qr()  # factor the matrix a as qr, where q is orthonormal and r is upper-triangular\nnp.linalg.svd(A)  # Singular Value Decomposition\nnp.linalg.solve(A, B)  # solve a linear matrix equation, or system of linear scalar equations AX = B\nnp.linalg.lstsq(A, B)  # return the least-squares solution to a linear matrix equation AX = B\n</code></pre>"},{"location":"languages/python/libs/numpy.html#random-number-generation","title":"RANDOM NUMBER GENERATION","text":"Python<pre><code>np.random.seed()\nnp.random.rand()\nnp.random.randn()\nnp.random.randint()\nnp.random.Generator.permutation(x)  # randomly permute a sequence, or return a permuted range\nnp.random.Generator.shuffle(x)  # Modify a sequence in-place by shuffling its contents\n\nnp.random.Generator.beta(a, b, size=None)  # draw samples from a Beta distribution\n# A: {float, array floats} -- Alpha, &gt; 0\n# B: {int, tuple ints} -- Beta, &gt; 0\n\nnp.random.Generator.binomial(n, p, size=None)  # draw samples from a binomial distribution\n# N: {int, array ints} -- parameter of the distribution, &gt;= 0\n# P: {float, arrey floats} -- Parameter of the distribution, &gt;= 0 and &lt;= 1\n\nnp.random.Generator.chisquare(df, size=None)\n# DF: {float, array floats} -- degrees of freedom, &gt; 0\n\nnp.random.Generator.gamma(shape, scale=1.0, size=None)  # draw samples from a Gamma distribution\n# SHAPE: {float, array floats} -- shape of the gamma distribution, != 0\n\nnp.random.Generator.normal(loc=0.0, scale=1.0, Size=None)  # draw random samples from a normal (Gaussian) distribution\n# LOC: {float, all floats} -- mean (\"centre\") of distribution\n# SCALE: {float, all floats} -- standard deviation of distribution, != 0\n\nnp.random.Generator.poisson(lam=1.0, size=None)  # draw samples from a Poisson distribution\n# LAM: {float, all floats} -- expectation of interval, &gt;= 0\n\nnp.random.Generator.uniform(low=0.0,high=1.0, size=None)  # draw samples from a uniform distribution\n# LOW: {float, all floats} -- lower boundary of the output interval\n# HIGH: {float, all floats} -- upper boundary of the output interval\n\nnp.random.Generator.zipf(a, size=None)  # draw samples from a Zipf distribution\n# A: {float, all floats} -- distribution parameter, &gt; 1\n</code></pre>"},{"location":"languages/python/libs/pandas.html","title":"Pandas","text":""},{"location":"languages/python/libs/pandas.html#basic-pandas-imports","title":"Basic Pandas Imports","text":"Python<pre><code>import numpy as np\nimport pandas as pd\nfrom pandas import Series, DataFrame\n</code></pre>"},{"location":"languages/python/libs/pandas.html#series","title":"SERIES","text":"<p>1-dimensional labelled array, axis label referred as INDEX. Index can contain repetitions.</p> Python<pre><code>s = Series(data, index=index, name='name')\n# DATA: {python dict, ndarray, scalar value}\n# NAME: {string}\ns = Series(dict)  # Series created from python dict, dict keys become index values\n</code></pre>"},{"location":"languages/python/libs/pandas.html#indexing-selection-slicing","title":"INDEXING / SELECTION / SLICING","text":"Python<pre><code>s['index']  # selection by index label\ns[condition]  # return slice selected by condition\ns[ : ]  # slice endpoint included\ns[ : ] = *value  # modify value of entire slice\ns[condition] = *value  # modify slice by condition\n</code></pre>"},{"location":"languages/python/libs/pandas.html#missing-data","title":"MISSING DATA","text":"<p>Missing data appears as NaN (Not a Number).</p> Python<pre><code>pd.isnull(array)  # return a Series index-bool indicating which indexes don't have data\npd.notnull(array)  # return a Series index-bool indicating which indexes have data\narray.isnull()\narray.notnull()\n</code></pre>"},{"location":"languages/python/libs/pandas.html#series-attributes","title":"SERIES ATTRIBUTES","text":"Python<pre><code>s.values  # NumPy representation of Series\ns.index  # index object of Series\ns.name = \"Series name\"  # renames Series object\ns.index.name = \"index name\"  # renames index\n</code></pre>"},{"location":"languages/python/libs/pandas.html#series-methods","title":"SERIES METHODS","text":"Python<pre><code>pd.Series.isin(self, values)  #  boolean Series showing whether elements in Series matches elements in values exactly\n\n# Conform Series to new index, new object produced unless the new index is equivalent to current one and copy=False\npd.Series.reindex(self, index=None, **kwargs)\n# INDEX: {array} -- new labels / index\n# METHOD: {none (don't fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method\n# COPY: {bool} -- return new object even if index is same -- DEFAULT True\n# FILLVALUE: {scalar} --value to use for missing values. DEFAULT NaN\n\npd.Series.drop(self, index=None, **kwargs)  # return Series with specified index labels removed\n# INPLACE: {bool} -- if true do operation in place and return None -- DEFAULT False\n# ERRORS: {ignore, raise} -- If \"ignore\", suppress error and existing labels are dropped\n# KeyError raised if not all of the labels are found in the selected axis\n\npd.Series.value_counts(self, normalize=False, sort=True, ascending=False, bins=None, dropna=True)\n# NORMALIZE: {bool} -- if True then object returned will contain relative frequencies of unique values\n# SORT: {bool} -- sort by frequency -- DEFAULT True\n# ASCENDING: {bool} -- sort in ascending order -- DEFAULT False\n# BINS: {int} -- group values into half-open bins, only works with numeric data\n# DROPNA: {bool} -- don't include counts of NaN\n</code></pre>"},{"location":"languages/python/libs/pandas.html#dataframe","title":"DATAFRAME","text":"<p>2-dimensional labeled data structure with columns of potentially different types. Index and columns can contain repetitions.</p> Python<pre><code>df = DataFrame(data, index=row_labels, columns=column_labels)\n# DATA: {list, dict (of lists), nested dicts, series, dict of 1D ndarray, 2D ndarray, DataFrame}\n# INDEX: {list of row_labels}\n# COLUMNS: {list of column_labels}\n# outer dict keys interpreted as index labels, inner dict keys interpreted as column labels\n# INDEXING / SELECTION / SLICING\ndf[col]  # column selection\ndf.at[row, col]  # access a single value for a row/column label pair\ndf.iat[row, col]  # access a single value for a row/column pair by integer position\n\ndf.column_label  # column selection\n\ndf.loc[label]  # row selection by label\ndf.iloc[loc]  # row selection by integer location\n\ndf[ : ]  # slice rows\ndf[bool_vec]  # slice rows by boolean vector\ndf[condition]  # slice rows by condition\n\ndf.loc[:, [\"column_1\", \"column_2\"]]  # slice columns by names\ndf.loc[:, [bool_vector]]  # slice columns by names\n\ndf[col] = *value  # modify column contents, if colon is missing it will be created\ndf[ : ] = *value # modify rows contents\ndf[condition] = *value  # modify contents\n\ndel df[col]  # delete column\n</code></pre>"},{"location":"languages/python/libs/pandas.html#dataframe-attributes","title":"DATAFRAME ATTRIBUTES","text":"Python<pre><code>df.index  # row labels\ndf.columns  # column labels\ndf.values  # NumPy representation of DataFrame\ndf.index.name = \"index name\"\ndf.columns.index.name = \"columns name\"\ndf.T # transpose\n</code></pre>"},{"location":"languages/python/libs/pandas.html#dataframe-methods","title":"DATAFRAME METHODS","text":"Python<pre><code>pd.DataFrame.isin(self , values)  # boolean DataFrame showing whether elements in DataFrame matches elements in values exactly\n\n# Conform DataFrame to new index, new object produced unless the new index is equivalent to current one and copy=False\npd.DataFrame.reindex(self, index=None, columns=None, **kwargs)\n# INDEX: {array} -- new labels / index\n# COLUMNS: {array} -- new labels / columns\n# METHOD: {none (don't fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method\n# COPY: {bool} -- return new object even if index is same -- DEFAULT True\n# FILLVALUE: {scalar} --value to use for missing values. DEFAULT NaN\n\npd.DataFrame.drop(self, index=None, columns=None, **kwargs)  # Remove rows or columns by specifying label names\n# INPLACE: {bool} -- if true do operation in place and return None -- DEFAULT False\n# ERRORS: {ignore, raise} -- If \"ignore\", suppress error and existing labels are dropped\n# KeyError raised if not all of the labels are found in the selected axis\n</code></pre>"},{"location":"languages/python/libs/pandas.html#index-objects","title":"INDEX OBJECTS","text":"<p>Holds axis labels and metadata, immutable.</p>"},{"location":"languages/python/libs/pandas.html#index-types","title":"INDEX TYPES","text":"Python<pre><code>pd.Index  # immutable ordered ndarray, sliceable. stores axis labels\npd.Int64Index  # special case of Index with purely integer labels\npd.MultiIndex  # multi-level (hierarchical) index object for pandas objects\npd.PeriodINdex  # immutable ndarray holding ordinal values indicating regular periods in time\npd.DatetimeIndex  # nanosecond timestamps (uses Numpy datetime64)\n</code></pre>"},{"location":"languages/python/libs/pandas.html#index-attributers","title":"INDEX ATTRIBUTERS","text":"Python<pre><code>pd.Index.is_monotonic_increasing  # Return True if the index is monotonic increasing (only equal or increasing) values\npd.Index.is_monotonic_decreasing  # Return True if the index is monotonic decreasing (only equal or decreasing) values\npd.Index.is_unique  # Return True if the index has unique values.\npd.Index.hasnans  # Return True if the index has NaNs\n</code></pre>"},{"location":"languages/python/libs/pandas.html#index-methods","title":"INDEX METHODS","text":"Python<pre><code>pd.Index.append(self, other)  # append a collection of Index options together\n\npd.Index.difference(self, other, sort=None)  # set difference of two Index objects\n# SORT: {None (attempt sorting), False (don't sort)}\n\npd.Index.intersection(self, other, sort=None)  # set intersection of two Index objects\n# SORT: {None (attempt sorting), False (don't sort)}\n\npd.Index.union(self, other, sort=None)  # set union of two Index objects\n# SORT: {None (attempt sorting), False (don't sort)}\n\npd.Index.isin(self, values, level=None)  # boolean array indicating where the index values are in values\npd.Index.insert(self, loc, item)  # make new Index inserting new item at location\npd.Index.delete(self, loc)  # make new Index with passed location(-s) deleted\n\npd.Index.drop(self, labels, errors='raise')  # Make new Index with passed list of labels deleted\n# ERRORS: {ignore, raise} -- If 'ignore', suppress error and existing labels are dropped\n# KeyError raised if not all of the labels are found in the selected axis\n\npd.Index.reindex(self, target, **kwargs)  # create index with target's values (move/add/delete values as necessary)\n# METHOD: {none (don't fill gaps), pad (fill or carry values forward), backfill (fill or carry values backward)}-- hole filling method\n</code></pre>"},{"location":"languages/python/libs/pandas.html#arithmetic-operations","title":"ARITHMETIC OPERATIONS","text":"<p>NumPy arrays operations preserve labels-value link. Arithmetic operations automatically align differently indexed data. Missing values propagate in arithmetic computations (NaN <code>&lt;operator&gt;</code> value = NaN)</p>"},{"location":"languages/python/libs/pandas.html#addition","title":"ADDITION","text":"Python<pre><code>self + other\npd.Series.add(self, other, fill_value=None)  # add(), supports substitution of NaNs\npd,Series.radd(self, other, fill_value=None)  # radd(), supports substitution of NaNs\npd.DataFrame.add(self, other, axis=columns, fill_value=None)  # add(), supports substitution of NaNs\npd.DataFrame.radd(self, other, axis=columns, fill_value=None)  # radd(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#subtraction","title":"SUBTRACTION","text":"Python<pre><code>self - other\npd.Series.sub(self, other, fill_value=None)  # sub(), supports substitution of NaNs\npd.Series.radd(self, other, fill_value=None)  # radd(), supports substitution of NaNs\nps.DataFrame.sub(self, other, axis=columns, fill_value=None)  # sub(), supports substitution of NaNs\npd.DataFrame.rsub(self, other, axis=columns, fill_value=None)  # rsub(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#multiplication","title":"MULTIPLICATION","text":"Python<pre><code>self * other\npd.Series.mul(self, other, fill_value=None)  # mul(), supports substitution of NaNs\npd.Series.rmul(self, other, fill_value=None)  # rmul(), supports substitution of NaNs\nps.DataFrame.mul(self, other, axis=columns, fill_value=None)  # mul(), supports substitution of NaNs\npd.DataFrame.rmul(self, other, axis=columns, fill_value=None)  # rmul(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#division-float-division","title":"DIVISION (float division)","text":"Python<pre><code>self / other\npd.Series.div(self, other, fill_value=None)  # div(), supports substitution of NaNs\npd.Series.rdiv(self, other, fill_value=None)  # rdiv(), supports substitution of NaNs\npd.Series.truediv(self, other, fill_value=None)  # truediv(), supports substitution of NaNs\npd.Series.rtruediv(self, other, fill_value=None)  # rtruediv(), supports substitution of NaNs\nps.DataFrame.div(self, other, axis=columns, fill_value=None)  # div(), supports substitution of NaNs\npd.DataFrame.rdiv(self, other, axis=columns, fill_value=None)  # rdiv(), supports substitution of NaNs\nps.DataFrame.truediv(self, other, axis=columns, fill_value=None)  # truediv(), supports substitution of NaNs\npd.DataFrame.rtruediv(self, other, axis=columns, fill_value=None)  # rtruediv(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#floor-division","title":"FLOOR DIVISION","text":"Python<pre><code>self // other\npd.Series.floordiv(self, other, fill_value=None)  # floordiv(), supports substitution of NaNs\npd.Series.rfloordiv(self, other, fill_value=None)  # rfloordiv(), supports substitution of NaNs\nps.DataFrame.floordiv(self, other, axis=columns, fill_value=None)  # floordiv(), supports substitution of NaNs\npd.DataFrame.rfloordiv(self, other, axis=columns, fill_value=None)  # rfloordiv(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#modulo","title":"MODULO","text":"Python<pre><code>self % other\npd.Series.mod(self, other, fill_value=None)  # mod(), supports substitution of NaNs\npd.Series.rmod(self, other, fill_value=None)  # rmod(), supports substitution of NaNs\nps.DataFrame.mod(self, other, axis=columns, fill_value=None)  # mod(), supports substitution of NaNs\npd.DataFrame.rmod(self, other, axis=columns, fill_value=None)  # rmod(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#power","title":"POWER","text":"Python<pre><code>other ** self\npd.Series.pow(self, other, fill_value=None)  # pow(), supports substitution of NaNs\npd.Series.rpow(self, other, fill_value=None)  # rpow(), supports substitution of NaNs\nps.DataFrame.pow(self, other, axis=columns, fill_value=None)  # pow(), supports substitution of NaNs\npd.DataFrame.rpow(self, other, axis=columns, fill_value=None)  # rpow(), supports substitution of NaNs\n# OTHER: {scalar, sequence, Series, DataFrame}\n# AXIS: {0, 1, index, columns} -- whether to compare by the index or columns\n# FILLVALUE: {None, float} -- fill missing value\n</code></pre>"},{"location":"languages/python/libs/pandas.html#essential-functionality","title":"ESSENTIAL FUNCTIONALITY","text":""},{"location":"languages/python/libs/pandas.html#function-application-and-mapping","title":"FUNCTION APPLICATION AND MAPPING","text":"<p>NumPy ufuncs work fine with pandas objects.</p> Python<pre><code>pd.DataFrame.applymap(self, func)  # apply function element-wise\n\npd.DataFrame.apply(self, func, axis=0, args=())  # apply a function along an axis of a DataFrame\n# FUNC: {function} -- function to apply\n# AXIS: {O, 1, index, columns} -- axis along which the function is applied\n# ARGS: {tuple} -- positional arguments to pass to func in addition to the array/series\n# SORTING AND RANKING\npd.Series.sort_index(self, ascending=True **kwargs)  # sort Series by index labels\npd.Series.sort_values(self, ascending=True, **kwargs)  # sort series by the values\n# ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True\n# INPALCE: {bool} -- if True, perform operation in-place\n# KIND: {quicksort, mergesort, heapsort} -- sorting algorithm\n# NA_POSITION {first, last} -- 'first' puts NaNs at the beginning, 'last' puts NaNs at the end\n\npd.DataFrame.sort_index(self, axis=0, ascending=True, **kwargs)  # sort object by labels along an axis\npd.DataFrame.sort_values(self, axis=0, ascending=True, **kwargs)  # sort object by values along an axis\n# AXIS: {0, 1, index, columns} -- the axis along which to sort\n# ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True\n# INPALCE: {bool} -- if True, perform operation in-place\n# KIND: {quicksort, mergesort, heapsort} -- sorting algorithm\n# NA_POSITION {first, last} -- 'first' puts NaNs at the beginning, 'last' puts NaNs at the end\n</code></pre>"},{"location":"languages/python/libs/pandas.html#descriptive-and-summary-statistics","title":"DESCRIPTIVE AND SUMMARY STATISTICS","text":""},{"location":"languages/python/libs/pandas.html#count","title":"COUNT","text":"Python<pre><code>pd.Series.count(self)  # return number of non-NA/null observations in the Series\npd.DataFrame.count(self, numeric_only=False)  # count non-NA cells for each column or row\n# NUMERIC_ONLY: {bool} -- Include only float, int or boolean data -- DEFAULT False\n</code></pre>"},{"location":"languages/python/libs/pandas.html#describe","title":"DESCRIBE","text":"<p>Generate descriptive statistics summarizing central tendency, dispersion and shape of dataset's distribution (exclude NaN).</p> Python<pre><code>pd.Series.describe(self, percentiles=None, include=None, exclude=None)\npd.DataFrame.describe(self, percentiles=None, include=None, exclude=None)\n# PERCENTILES: {list-like of numbers} -- percentiles to include in output,between 0 and 1 -- DEFAULT [.25, .5, .75]\n# INCLUDE: {all, None, list of dtypes} -- white list of dtypes to include in the result. ignored for Series\n# EXCLUDE: {None, list of dtypes} -- black list of dtypes to omit from the result. ignored for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#max-min","title":"MAX - MIN","text":"Python<pre><code>pd.Series.max(self, skipna=None, numeric_only=None)  # maximum of the values for the requested axis\npd.Series.min(self, skipna=None, numeric_only=None)  # minimum of the values for the requested axis\npd.DataFrame.max(self, axis=None, skipna=None, numeric_only=None)  # maximum of the values for the requested axis\npd.DataFrame.min(self, axis=None, skipna=None, numeric_only=None)  # minimum of the values for the requested axis\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#idxmax-idxmin","title":"IDXMAX - IDXMIN","text":"Python<pre><code>pd.Series.idxmax(self, skipna=True)  # row label of the maximum value\npd.Series.idxmin(self, skipna=True)  # row label of the minimum value\npd.DataFrame.idxmax(self, axis=0, skipna=True)  #  Return index of first occurrence of maximum over requested axis\npd.DataFrame.idxmin(self, axis=0, skipna=True)  #  Return index of first occurrence of minimum over requested axis\n# AXIS:{0, 1, index, columns} -- row-wise or column-wise\n# SKIPNA: {bool} -- exclude NA/null values. ff an entire row/column is NA, result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#quantile","title":"QUANTILE","text":"Python<pre><code>pd.Series.quantile(self, q=0.5, interpolation='linear')  # return values at the given quantile\npd.DataFrame.quantile(self, q=0.5, axis=0, numeric_only=True, interpolation='linear') # return values at the given quantile over requested axis\n# Q: {flaot, array} -- value between 0 &lt;= q &lt;= 1, the quantile(s) to compute -- DEFAULT 0.5 (50%)\n# NUMERIC_ONLY: {bool} -- if False, quantile of datetime and timedelta data will be computed as well\n# INTERPOLATION: {linear, lower, higher, midpoint, nearest} -- SEE DOCS\n</code></pre>"},{"location":"languages/python/libs/pandas.html#sum","title":"SUM","text":"Python<pre><code>pd.Series.sum(self, skipna=None, numeric_only=None, min_count=0)  # sum of the values\npd.DataFrame.sum(self, axis=None, skipna=None, numeric_only=None, min_count=0)  # sum of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n# MIN_COUNT: {int} -- required number of valid values to perform the operation. if fewer than min_count non-NA values are present the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#mean","title":"MEAN","text":"Python<pre><code>pd.Series.mean(self, skipna=None, numeric_only=None)   # mean of the values\npd.DataFrame.mean(self, axis=None, skipna=None, numeric_only=None)  # mean of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#median","title":"MEDIAN","text":"Python<pre><code>pd.Series.median(self, skipna=None, numeric_only=None)  # median of the values\npd.DataFrame.median(self, axis=None, skipna=None, numeric_only=None)  # median of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#mad-mean-absolute-deviation","title":"MAD (mean absolute deviation)","text":"Python<pre><code>pd.Series.mad(self, skipna=None)  # mean absolute deviation\npd.DataFrame.mad(self, axis=None, skipna=None)  # mean absolute deviation of the values for the requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n</code></pre>"},{"location":"languages/python/libs/pandas.html#var-variance","title":"VAR (variance)","text":"Python<pre><code>pd.Series.var(self, skipna=None, numeric_only=None)  # unbiased variance\npd.DataFrame.var(self, axis=None, skipna=None, ddof=1, numeric_only=None)  #  unbiased variance over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n# DDOF: {int} -- Delta Degrees of Freedom. divisor used in calculations is N - ddof (N represents the number of elements) -- DEFAULT 1\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#std-standard-deviation","title":"STD (standard deviation)","text":"Python<pre><code>pd.Series.std(self, skipna=None, ddof=1, numeric_only=None)  # sample standard deviation\npd.Dataframe.std(self, axis=None, skipna=None, ddof=1, numeric_only=None)  # sample standard deviation over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n# DDOF: {int} -- Delta Degrees of Freedom. divisor used in calculations is N - ddof (N represents the number of elements) -- DEFAULT 1\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#skew","title":"SKEW","text":"Python<pre><code>pd.Series.skew(self, skipna=None, numeric_only=None)  # unbiased skew Normalized bt N-1\npd.DataFrame.skew(self, axis=None, skipna=None, numeric_only=None)  #  unbiased skew over requested axis Normalized by N-1\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#kurt","title":"KURT","text":"<p>Unbiased kurtosis over requested axis using Fisher's definition of kurtosis (kurtosis of normal == 0.0). Normalized by N-1.</p> Python<pre><code>pd.Series.kurt(self, skipna=None, numeric_only=None)\npd.Dataframe.kurt(self, axis=None, skipna=None, numeric_only=None)\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values when computing the result\n# NUMERIC_ONLY: {bool} -- include only float, int, boolean columns, not implemented for Series\n</code></pre>"},{"location":"languages/python/libs/pandas.html#cumsum-cumulative-sum","title":"CUMSUM (cumulative sum)","text":"Python<pre><code>pd.Series.cumsum(self, skipna=True)  # cumulative sum\npd.Dataframe.cumsum(self, axis=None, skipna=True)  # cumulative sum over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#cummax-cummin-cumulative-maximum-minimum","title":"CUMMAX - CUMMIN (cumulative maximum - minimum)","text":"Python<pre><code>pd.Series.cummax(self, skipna=True)  # cumulative maximum\npd.Series.cummin(self, skipna=True)  # cumulative minimum\npd.Dataframe.cummax(self, axis=None, skipna=True)  # cumulative maximum over requested axis\npd.Dataframe.cummin(self, axis=None, skipna=True)  # cumulative minimum over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#cumprod-cumulative-product","title":"CUMPROD (cumulative product)","text":"Python<pre><code>pd.Series.cumprod(self, skipna=True)  # cumulative product\npd.Dataframe.cumprod(self, axis=None, skipna=True)  # cumulative product over requested axis\n# AXIS: {0, 1, index, columns} -- axis for the function to be applied on\n# SKIPNA: {bool} -- exclude NA/null values. if an entire row/column is NA, the result will be NA\n</code></pre>"},{"location":"languages/python/libs/pandas.html#diff","title":"DIFF","text":"<p>Calculates the difference of a DataFrame element compared with another element in the DataFrame. (default is the element in the same column of the previous row)</p> Python<pre><code>pd.Series.diff(self, periods=1)\npd.DataFrame.diff(self, periods=1, axis=0)\n# PERIODS: {int} -- Periods to shift for calculating difference, accepts negative values -- DEFAULT 1\n# AXIS: {0, 1, index, columns} -- Take difference over rows or columns\n</code></pre>"},{"location":"languages/python/libs/pandas.html#pct_change","title":"PCT_CHANGE","text":"<p>Percentage change between the current and a prior element.</p> Python<pre><code>pd.Series.Pct_change(self, periods=1, fill_method='pad', limit=None, freq=None)\npd.Dataframe.pct_change(self, periods=1, fill_method='pad', limit=None)\n# PERIODS:{int} -- periods to shift for forming percent change\n# FILL_METHOD: {str, pda} -- How to handle NAs before computing percent changes -- DEFAULT pad\n# LIMIT: {int} -- number of consecutive NAs to fill before stopping -- DEFAULT None\n</code></pre>"},{"location":"languages/python/libs/pandas.html#handling-missing-data","title":"HANDLING MISSING DATA","text":""},{"location":"languages/python/libs/pandas.html#filtering-out-missing-data","title":"FILTERING OUT MISSING DATA","text":"Python<pre><code>pd.Series.dropna(self, inplace=False)  # return a new Series with missing values removed\npd.DataFrame.dropna(axis=0, how='any', tresh=None, subset=None, inplace=False)  # return a new DataFrame with missing values removed\n# AXIS: {tuple, list} -- tuple or list to drop on multiple axes. only a single axis is allowed\n# HOW: {any, all} -- determine if row or column is removed from DataFrame (ANY = if any NA present, ALL = if all values are NA). DEFAULT any\n# TRESH: {int} -- require that many non-NA values\n# SUBSET: {array} -- labels along other axis to consider\n# INPLACE: {bool} -- if True, do operation inplace and return None -- DEFAULT False\n</code></pre>"},{"location":"languages/python/libs/pandas.html#filling-in-missing-data","title":"FILLING IN MISSING DATA","text":"<p>Fill NA/NaN values using the specified method.</p> Python<pre><code>pd.Series.fillna(self, value=None, method=None, inplace=False, limit=None)\npd.DataFrame.fillna(self, value=None, method=None, axis=None, inplace=False, limit=None)\n# VALUE: {scalar, dict, Series, DataFrame} -- value to use to fill holes, dict/Series/DataFrame specifying which value to use for each index or column\n# METHOD: {backfill, pad, None} -- method to use for filling holes -- DEFAULT None\n# AXIS: {0, 1, index, columns} -- axis along which to fill missing values\n# INPLACE: {bool} -- if true fill in-place (will modify views of object) -- DEFAULT False\n# LIMIT: {int} --  maximum number of consecutive NaN values to forward/backward fill -- DEFAULT None\n</code></pre>"},{"location":"languages/python/libs/pandas.html#hierarchical-indexing-multiindex","title":"HIERARCHICAL INDEXING (MultiIndex)","text":"<p>Enables storing and manipulation of data with an arbitrary number of dimensions. In lower dimensional data structures like Series (1d) and DataFrame (2d).</p>"},{"location":"languages/python/libs/pandas.html#multiiindex-creation","title":"MULTIIINDEX CREATION","text":"Python<pre><code>pd.MultiIndex.from_arrays(*arrays, names=None)  # convert arrays to MultiIndex\npd.MultiIndex.from_tuples(*arrays, names=None)  # convert tuples to MultiIndex\npd.MultiIndex.from_frame(df, names=None)  # convert DataFrame to MultiIndex\npd.MultiIndex.from_product(*iterables, names=None)     #  MultiIndex from cartesian product of iterables\npd.Series(*arrays)  # Index constructor makes MultiIndex from Series\npd.DataFrame(*arrays)  # Index constructor makes MultiINdex from DataFrame\n</code></pre>"},{"location":"languages/python/libs/pandas.html#multiindex-levels","title":"MULTIINDEX LEVELS","text":"<p>Vector of label values for requested level, equal to the length of the index.</p> Python<pre><code>pd.MultiIndex.get_level_values(self, level)\n</code></pre>"},{"location":"languages/python/libs/pandas.html#partial-and-cross-section-selection","title":"PARTIAL AND CROSS-SECTION SELECTION","text":"<p>Partial selection \"drops\" levels of the hierarchical index in the result  in a completely analogous way to selecting a column in a regular DataFrame.</p> Python<pre><code>pd.Series.xs(self, key, axis=0, level=None, drop_level=True)  # cross-section from Series\npd.DataFrame.xs(self, key, axis=0, level=None, drop_level=True)  #  cross-section from DataFrame\n# KEY: {label, tuple of label} -- label contained in the index, or partially in a MultiIndex\n# AXIS: {0, 1, index, columns} -- axis to retrieve cross-section on -- DEFAULT 0\n# LEVEL: -- in case of key partially contained in MultiIndex, indicate which levels are used. Levels referred by label or position\n# DROP_LEVEL: {bool} -- If False, returns object with same levels as self -- DEFAULT True\n</code></pre>"},{"location":"languages/python/libs/pandas.html#indexing-slicing","title":"INDEXING, SLICING","text":"<p>Multi index keys take the form of tuples.</p> Python<pre><code>df.loc[('lvl_1', 'lvl_2', ...)]  # selection of single row\ndf.loc[('idx_lvl_1', 'idx_lvl_2', ...), ('col_lvl_1', 'col_lvl_2', ...)]  # selection of single value\n\ndf.loc['idx_lvl_1':'idx_lvl_1']  # slice of rows (aka partial selection)\ndf.loc[('idx_lvl_1', 'idx_lvl_2') : ('idx_lvl_1', 'idx_lvl_2')]  # slice of rows with levels\n</code></pre>"},{"location":"languages/python/libs/pandas.html#reordering-and-sorting-levels","title":"REORDERING AND SORTING LEVELS","text":"Python<pre><code>pd.MultiIndex.swaplevel(self, i=-2, j=-1)  # swap level i with level j\npd.Series.swaplevel(self, i=-2, j=-1) # swap levels i and j in a MultiIndex\npd.DataFrame.swaplevel(self, i=-2, j=-1, axis=0) # swap levels i and j in a MultiIndex on a partivular axis\n\npd.MultiIndex.sortlevel(self, level=0, ascending=True, sort_remaining=True)  # sort MultiIndex at requested level\n# LEVEL: {str, int, list-like} -- DEFAULT 0\n# ASCENDING: {bool} -- if True, sort values in ascending order, otherwise descending -- DEFAULT True\n# SORT_REMAINING: {bool} -- sort by the remaining levels after level\n</code></pre>"},{"location":"languages/python/libs/pandas.html#data-loading-storage-file-formats","title":"DATA LOADING, STORAGE FILE FORMATS","text":"Python<pre><code>pd.read_fwf(filepath, colspecs='infer', widths=None, infer_nrows=100)  # read a table of fixed-width formatted lines into DataFrame\n# FILEPATH: {str, path object} -- any valid string path is acceptable, could be a URL. Valid URLs: http, ftp, s3, and file\n# COLSPECS: {list of tuple (int, int), 'infer'} -- list of tuples giving extents of fixed-width fields of each line as half-open intervals { [from, to) }\n# WIDTHS: {list of int} -- list of field widths which can be used instead of \"colspecs\" if intervals are contiguous\n# INFER_ROWS: {int} -- number of rows to consider when letting parser determine colspecs -- DEFAULT 100\n\npd.read_excel()  # read an Excel file into a pandas DataFrame\npd.read_json()  # convert a JSON string to pandas object\npd.read_html()  # read HTML tables into a list of DataFrame objects\npd.read_sql()  # read SQL query or database table into a DataFrame\n\npd.read_csv(filepath, sep=',', *args, **kwargs )  # read a comma-separated values (csv) file into DataFrame\npd.read_table(filepath, sep='\\t', *args, **kwargs)  # read general delimited file into DataFrame\n# FILEPATH: {str, path object} -- any valid string path is acceptable, could be a URL. Valid URLs: http, ftp, s3, and file\n# SEP: {str} -- delimiter to use -- DEFAULT \\t (tab)\n# HEADER {int, list of int, 'infer'} -- row numbers to use as column names, and the start of the data -- DEFAULT 'infer'\n# NAMES:{array} -- list of column names to use -- DEFAULT None\n# INDEX_COL: {int, str, False, sequnce of int/str, None} -- Columns to use as row labels of DataFrame, given as string name or column index -- DEFAULT None\n# SKIPROWS: {list-like, int, callable} -- Line numbers to skip (0-indexed) or number of lines to skip (int) at the start of the file\n# NA_VALUES: {scalar, str, list-like, dict} -- additional strings to recognize as NA/NaN. if dict passed, specific per-column NA values\n# THOUSANDS: {str} -- thousand separator\n# *ARGS, **KWARGS -- SEE DOCS\n\n# write object to a comma-separated values (csv) file\npd.DataFrame.to_csv(self, path_or_buf, sep=',', na_rep='', columns=None, header=True, index=True, encoding='utf-8', line_terminator=None, decimal='.', *args, **kwargs)\n# SEP: {str len 1} --  Field delimiter for the output file\n# NA_REP: {str} -- missing data representation\n# COLUMNS: {sequence} -- colums to write\n# HEADER: {bool, list of str} -- write out column names. if list of strings is given its assumed to be aliases for column names\n# INDEX: {bool, list of str} -- write out row names (index)\n# ENCODING: {str} -- string representing encoding to use -- DEFAULT \"utf-8\"\n# LINE_TERMINATOR: {str} -- newline character or character sequence to use in the output file -- DEFAULT os.linesep\n# DECIMAL: {str} -- character recognized as decimal separator (in EU ,)\n\npd.DataFrame.to_excel()\npd.DataFrame.to_json()\npd.DataFrame.to_html()\npd.DataFrame.to_sql()\n</code></pre>"},{"location":"languages/python/libs/requests.html","title":"Requests Lib","text":""},{"location":"languages/python/libs/requests.html#get-request","title":"GET REQUEST","text":"<p>Get or retrieve data from specified resource</p> Python<pre><code>response = requests.get('URL')    # returns response object\n\n# PAYLOAD -&gt; valuable information of response\nresponse.status_code    # http status code\n</code></pre> <p>The response message consists of:</p> <ul> <li>status line which includes the status code and reason message</li> <li>response header fields (e.g., Content-Type: text/html)</li> <li>empty line</li> <li>optional message body</li> </ul> Text Only<pre><code>1xx -&gt; INFORMATIONAL RESPONSE\n2xx -&gt; SUCCESS\n    200 OK -&gt; request successful\n3xx -&gt; REDIRECTION\n4xx -&gt; CLIENT ERRORS\n    404 NOT FOUND -&gt; resource not found\n5xx -&gt; SERVER ERRORS\n</code></pre> Python<pre><code># raise exception HTTPError for error status codes\nresponse.raise_for_status()\n\nresponse.content    # raw bytes of payload\nresponse.encoding = 'utf-8'    # specify encoding\nresponse.text    # string payload (serialized JSON)\nresponse.json()    # dict of payload\nresponse.headers    # response headers (dict)\n</code></pre>"},{"location":"languages/python/libs/requests.html#query-string-parameters","title":"QUERY STRING PARAMETERS","text":"Python<pre><code>response = requests.get('URL', params={'q':'query'})\nresponse = requests.get('URL', params=[('q', 'query')])\nresponse = requests.get('URL', params=b'q=query')\n</code></pre>"},{"location":"languages/python/libs/requests.html#request-headers","title":"REQUEST HEADERS","text":"Python<pre><code>response = requests.get(\n    'URL',\n    params={'q': 'query'},\n    headers={'header': 'header_query'}\n)\n</code></pre>"},{"location":"languages/python/libs/requests.html#other-http-methods","title":"OTHER HTTP METHODS","text":""},{"location":"languages/python/libs/requests.html#data-input","title":"DATA INPUT","text":"Python<pre><code># requests that entity enclosed be stored as a new subordinate of the web resource identified by the URI\nrequests.post('URL', data={'key':'value'})\n# requests that the enclosed entity be stored under the supplied URI\nrequests.put('URL', data={'key':'value'})\n# applies partial modification\nrequests.patch('URL', data={'key':'value'})\n# deletes specified resource\nrequests.delete('URL')\n# ask for a response but without the response body (only headers)\nrequests.head('URL')\n# returns supported HTTP methods of the server\nrequests.options('URL')\n</code></pre>"},{"location":"languages/python/libs/requests.html#sending-json-data","title":"SENDING JSON DATA","text":"Python<pre><code>requests.post('URL', json={'key': 'value'})\n</code></pre>"},{"location":"languages/python/libs/requests.html#inspecting-the-request","title":"INSPECTING THE REQUEST","text":"Python<pre><code># requests lib prepares the requests before sending it\nresponse = requests.post('URL', data={'key':'value'})\nresponse.request.something    # inspect request field\n</code></pre>"},{"location":"languages/python/libs/requests.html#authentication","title":"AUTHENTICATION","text":"Python<pre><code>requests.get('URL', auth=('username', 'password'))    # use implicit HTTP Basic Authorization\n\n# explicit HTTP Basic Authorization and other\nfrom requests.auth import HTTPBasicAuth, HTTPDigestAuth, HTTPProxyAuth\nfrom getpass import getpass\nrequests.get('URL', auth=HTTPBasicAuth('username', getpass()))\n</code></pre>"},{"location":"languages/python/libs/requests.html#personalized-auth","title":"PERSONALIZED AUTH","text":"Python<pre><code>from requests.auth import AuthBase\nclass TokenAuth(AuthBase):\n    \"custom authentication scheme\"\n\n    def __init__(self, token):\n        self.token = token\n\n    def __call__(self, r):\n        \"\"\"Attach API token to custom auth\"\"\"\n        r.headers['X-TokenAuth'] = f'{self.token}'\n        return r\n\nrequests.get('URL', auth=TokenAuth('1234abcde-token'))\n</code></pre>"},{"location":"languages/python/libs/requests.html#disabling-ssl-verification","title":"DISABLING SSL VERIFICATION","text":"Python<pre><code>requests.get('URL', verify=False)\n</code></pre>"},{"location":"languages/python/libs/requests.html#performance","title":"PERFORMANCE","text":""},{"location":"languages/python/libs/requests.html#request-timeout","title":"REQUEST TIMEOUT","text":"Python<pre><code># raise Timeout exception if request times out\nrequests.get('URL', timeout=(connection_timeout, read_timeout))\n</code></pre>"},{"location":"languages/python/libs/requests.html#max-retries","title":"MAX RETRIES","text":"Python<pre><code>from requests.adapters import HTTPAdapter\nURL_adapter = HTTPAdapter(max_retries = int)\nsession = requests.Session()\n\n# use URL_adapter for all requests to URL\nsession.mount('URL', URL_adapter)\n</code></pre>"},{"location":"languages/python/libs/seaborn.html","title":"Seaborn Lib","text":""},{"location":"languages/python/libs/seaborn.html#basic-imports-for-seaborn","title":"Basic Imports For Seaborn","text":"Python<pre><code>import numpy as np\nimport pandas as pd\nimport matplotlib.pyplot as plt\nimport seaborn as sns\n\n# set aesthetic parameters in one step\nsns.set(style='darkgrid')\n#STYLE: {None, darkgrid, whitegrid, dark, white, ticks}\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#replot-relationship","title":"REPLOT (relationship)","text":"Python<pre><code>sns.replot(x='name_in_data', y='name_in_data', hue='point_color', size='point_size', style='point_shape', data=data)\n# HUE, SIZE and STYLE: {name in data} -- used to differentiate points, a sort-of 3rd dimension\n# hue behaves differently if the data is categorical or numerical, numerical uses a color gradient\n# SORT: {False, True} -- avoid sorting data in function of x\n# CI: {None, sd} -- avoid computing confidence intervals or plot standard deviation\n# (aggregate multiple measurements at each x value by plotting the mean and the 95% confidence interval around the mean)\n# ESTIMATOR: {None} -- turn off aggregation of multiple observations\n# MARKERS: {True, False} -- evidenziate observations with dots\n# DASHES: {True, False} -- evidenziate observations with dashes\n# COL, ROW: {name in data}  -- categorical variables that will determine the grid of plots\n# COL_WRAP: {int} -- \"Wrap\" the column variable at this width, so that the column facets span multiple rows. Incompatible with a row facet.\n# SCATTERPLOT\n# depicts the joint distribution of two variables using a cloud of points\n# kind can be omitted since scatterplot is the default for replot\nsns.replot(kind='scatter')  # calls scatterplot()\nsns.scatterplot()  # underlying axis-level function of replot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#lineplot","title":"LINEPLOT","text":"<p>Using semantics in lineplot will determine the aggregation of data.</p> Python<pre><code>sns.replot(ci=None, sort=bool, kind='line')\nsns.lineplot()  # underlying axis-level function of replot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#catplot-categorical","title":"CATPLOT (categorical)","text":"<p>Categorical: divided into discrete groups.</p> Python<pre><code>sns.catplot(x='name_in_data', y='name_in_data', data=data)\n# HUE: {name in data} -- used to differenziate points, a sort-of 3rd dimension\n# COL, ROW: {name in data}  -- categorical variables that will determine the grid of plots\n# COL_WRAP: {int} -- \"Wrap\" the column variable at this width, so that the column facets span multiple rows. Incompatible with a row facet.\n# ORDER, HUE_ORDER: {list of strings} -- order of categorical levels of the plot\n# ROW_ORDER, COL_ORDER: {list of strings} -- order to organize the rows and/or columns of the grid in\n# ORIENT: {'v', 'h'} -- Orientation of the plot (can also swap x&amp;y assignment)\n# COLOR: {matplotlib color} -- Color for all of the elements, or seed for a gradient palette\n# CATEGORICAL SCATTERPLOT - STRIPPLOT\n# adjust the positions of points on the categorical axis with a small amount of random \u201cjitter\u201d\nsns.catplot(kind='strip', jitter=float)\nsns.stripplot()\n# SIZE: {float}  -- Diameter of the markers, in points\n# JITTER: {False, float} -- magnitude of points jitter (distance from axis)\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-scatterplot-swarmplot","title":"CATEGORICAL SCATTERPLOT - SWARMPLOT","text":"<p>Adjusts the points along the categorical axis preventing overlap.</p> Python<pre><code>sns.catplot(kind='swarm')\nsns.swarmplot()\n# SIZE: {float}  -- Diameter of the markers, in points\n# CATEGORICAL DISTRIBUTION - BOXPLOT\n# shows the three quartile values of the distribution along with extreme values\nsns.catplot(kind='box')\nsns.boxplot()\n# HUE: {name in data} -- box for each level of the semantic moved along the categorical axis so they don\u2019t overlap\n# DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-distribution-violinplot","title":"CATEGORICAL DISTRIBUTION - VIOLINPLOT","text":"<p>Combines a boxplot with the kernel density estimation procedure.</p> Python<pre><code>sns.catplot(kind='violin')\nsns.violonplot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-distribution-boxenplot","title":"CATEGORICAL DISTRIBUTION - BOXENPLOT","text":"<p>Plot similar to boxplot but optimized for showing more information about the shape of the distribution. It is best suited for larger datasets.</p> Python<pre><code>sns.catplot(kind='boxen')\nsns.boxenplot()\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-estimate-pointplot","title":"CATEGORICAL ESTIMATE - POINTPLOT","text":"<p>Show point estimates and confidence intervals using scatter plot glyphs.</p> Python<pre><code>sns.catplot(kind='point')\nsns.pointplot()\n# CI: {float, sd} -- size of confidence intervals to draw around estimated values, sd -&gt; standard deviation\n# MARKERS: {string, list of strings} --  markers to use for each of the hue levels\n# LINESTYLES: {string, list of strings} -- line styles to use for each of the hue levels\n# DODGE: {bool, float} -- amount to separate the points for each hue level along the categorical axis\n# JOIN: {bool} -- if True, lines will be drawn between point estimates at the same hue level\n# SCALE: {float} -- scale factor for the plot elements\n# ERRWIDTH: {float} -- thickness of error bar lines (and caps)\n# CAPSIZE: {float} -- width of the \"caps\" on error bars\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-estimate-barplot","title":"CATEGORICAL ESTIMATE - BARPLOT","text":"<p>Show point estimates and confidence intervals as rectangular bars.</p> Python<pre><code>sns.catplot(kind='bar')\nsns.barplot()\n# CI: {float, sd} -- size of confidence intervals to draw around estimated values, sd -&gt; standard deviation\n# ERRCOLOR: {matplotlib color} -- color for the lines that represent the confidence interval\n# ERRWIDTH: {float} -- thickness of error bar lines (and caps)\n# CAPSIZE: {float} -- width of the \"caps\" on error bars\n# DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#categorical-estimate-countplot","title":"CATEGORICAL ESTIMATE - COUNTPLOT","text":"<p>Show the counts of observations in each categorical bin using bars.</p> Python<pre><code>sns.catplot(kind='count')\nsns.countplot()\n# DODGE: {bool} -- whether elements should be shifted along the categorical axis if hue is used\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#univariate-distributions","title":"UNIVARIATE DISTRIBUTIONS","text":""},{"location":"languages/python/libs/seaborn.html#distplot","title":"DISTPLOT","text":"<p>Flexibly plot a univariate distribution of observations</p> Python<pre><code># A: {series, 1d-array, list}\nsns.distplot(a=data)\n# BINS: {None, arg for matplotlib hist()} -- specification of hist bins, or None to use Freedman-Diaconis rule\n# HIST: {bool} - whether to plot a (normed) histogram\n# KDE: {bool} - whether to plot a gaussian kernel density estimate\n# HIST_KWD, KDE_KWD, RUG_KWD: {dict} -- keyword arguments for underlying plotting functions\n# COLOR: {matplotlib color} -- color to plot everything but the fitted curve in\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#rugplot","title":"RUGPLOT","text":"<p>Plot datapoints in an array as sticks on an axis.</p> Python<pre><code># A: {vector} -- 1D array of observations\nsns.rugplot(a=data) # -&gt; axes obj with plot on it\n# HEIGHT: {scalar} --  height of ticks as proportion of the axis\n# AXIS: {'x', 'y'} -- axis to draw rugplot on\n# AX: {matplotlib axes} -- axes to draw plot into, otherwise grabs current axes\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#kdeplot","title":"KDEPLOT","text":"<p>Fit and plot a univariate or bivariate kernel density estimate.</p> Python<pre><code># DATA: {1D array-like} -- input data\nsns.kdeplot(data=data)\n# DATA2 {1D array-like} -- second input data. if present, a bivariate KDE will be estimated.\n# SHADE: {bool} -- if True, shade-in the area under KDE curve (or draw with filled contours is bivariate)\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#bivariate-distribution","title":"BIVARIATE DISTRIBUTION","text":""},{"location":"languages/python/libs/seaborn.html#jointplot","title":"JOINTPLOT","text":"<p>Draw a plot of two variables with bivariate and univariate graphs.</p> Python<pre><code># X, Y: {string, vector} -- data or names of variables in data\nsns.jointplot(x=data, y=data)\n# DATA:{pandas DataFrame} -- DataFrame when x and y are variable names\n# KIND: {'scatter', 'reg', 'resid', 'kde', 'hex'} -- kind of plot to draw\n# COLOR: {matplotlib color} -- color used for plot elements\n# HEIGHT: {numeric} -- size of figure (it will be square)\n# RATIO: {numeric} -- ratio of joint axes height to marginal axes height\n# SPACE: {numeric} -- space between the joint and marginal axes\n# JOINT_KWD, MARGINAL_KWD, ANNOT_KWD: {dict} -- additional keyword arguments for the plot components\n</code></pre>"},{"location":"languages/python/libs/seaborn.html#pair-wise-relationisps-in-dataset","title":"PAIR-WISE RELATIONISPS IN DATASET","text":""},{"location":"languages/python/libs/seaborn.html#pairplot","title":"PAIRPLOT","text":"<p>Plot pairwise relationships in a dataset.</p> Python<pre><code># DATA: {pandas DataFrame} -- tidy (long-form) dataframe where each column is a variable and each row is an observation\nsns.pairplot(data=pd.DataFrame)\n# HUE: {string (variable name)} -- variable in data to map plot aspects to different colors\n# HUE_ORDER: {list of strings} -- order for the levels of the hue variable in the palette\n# VARS: {list of variable names} -- variables within data to use, otherwise every column with numeric datatype\n# X_VARS, Y_VARS: {list of variable names} -- variables within data to use separately for rows and columns of figure\n# KIND: {'scatter', 'reg'} -- kind of plot for the non-identity relationships\n# DIAG_KIND: {'auto', 'hist', 'kde'} -- Kind of plot for the diagonal subplots. default depends hue\n# MARKERS: {matplotlib marker or list}\n# HEIGHT:{scalar} -- height (in inches) of each facet\n# ASPECT: {scalar} -- aspect * height gives the width (in inches) of each facet\n</code></pre>"},{"location":"languages/python/libs/tkinter.html","title":"Tkinter Module/Library","text":""},{"location":"languages/python/libs/tkinter.html#standard-imports","title":"Standard Imports","text":"Python<pre><code>from tkinter import *  # import Python Tk Binding\nfrom tkinter import ttk  # import Themed Widgets\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#geometry-management","title":"GEOMETRY MANAGEMENT","text":"<p>Putting  widgets on screen master widget \u2192 top-level window, frame slave widget \u2192 widgets contained in master widget geometry managers determine size and oder widget drawing properties</p>"},{"location":"languages/python/libs/tkinter.html#event-handling","title":"EVENT HANDLING","text":"<p>event loop receives events from the OS customizable events provide a callback as a widget configuration</p> Python<pre><code>widget.bind('event', function)  # method to capture any event and than execute an arbitrary piece of code (generally a function or lambda)\n</code></pre> <p>VIRTUAL EVENT \u2192 hig level event generated by widget (listed in widget docs)</p>"},{"location":"languages/python/libs/tkinter.html#widgets","title":"WIDGETS","text":"<p>Widgets are objects and all things on screen. All widgets are children of a window.</p> Python<pre><code>widget_name = tk_object(parent_window)  # widget is inserted into widget hierarchy\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#frame-widget","title":"FRAME WIDGET","text":"<p>Displays a single rectangle, used as container for other widgets</p> Python<pre><code>frame = ttk.Frame(parent, width=None, height=None, borderwidth=num:int)\n# BORDERWIDTH: sets frame border width (default: 0)\n# width, height MUST be specified if frame is empty, otherwise determined by parent geometry manager\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#frame-padding","title":"FRAME PADDING","text":"<p>Extra space inside widget (margin).</p> Python<pre><code>frame['padding'] = num  # same padding for every border\nframe['padding'] = (horizontal, vertical)  # set horizontal THEN vertical padding\nframe['padding'] = (left, top, right, bottom)  # set left, top, right, bottom padding\n\n# RELIEF: set border style, [flat (default), raised, sunken, solid, ridge, groove]\nframe['relief'] = border_style\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#label-widget","title":"LABEL WIDGET","text":"<p>Display text or image without interactivity.</p> Python<pre><code>label = ttk.Label(parent, text='label text')\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#defining-updating-label","title":"DEFINING UPDATING LABEL","text":"Python<pre><code>var = StringVar()  # variable containing text, watches for changes. Use get, set methods to interact with the value\nlabel['textvariable'] = var  # attach var to label (only of type StringVar)\nvar.set(\"new text label\")  #  change label text\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#display-images-2-steps","title":"DISPLAY IMAGES (2 steps)","text":"Python<pre><code>image = PhotoImage(file='filename')  # create image object\nlabel['image'] = image  # use image config\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#display-image-and-or-text","title":"DISPLAY IMAGE AND-OR TEXT","text":"Python<pre><code>label['compound'] = value\n</code></pre> <p>Compound value:</p> <ul> <li>none ../img if present, text otherwise)</li> <li>text (text only)</li> <li>image (image only)</li> <li>center (text in center of image)</li> <li>top (image above text), left, bottom, right</li> </ul>"},{"location":"languages/python/libs/tkinter.html#layout","title":"LAYOUT","text":"<p>Specifies edge or corner that the label is attached.</p> Python<pre><code>label['anchor'] = compass_direction  #compass_direction: n, ne, e, se, s, sw, w, nw, center\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#multi-line-text-wrap","title":"MULTI-LINE TEXT WRAP","text":"Python<pre><code># use \\n for multi line text\nlabel['wraplength'] = size  # max line length\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#control-text-justification","title":"CONTROL TEXT JUSTIFICATION","text":"Python<pre><code>label['justify'] = value  #value: left, center, right\n\nlabel['relief'] = label_style\nlabel['foreground'] = color  # color passed with name or HEX RGB codes\nlabel['background'] = color  # color passed with name or HEX RGB codes\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#font-style-use-with-caution","title":"FONT STYLE (use with caution)","text":"Python<pre><code># used outside style option\nlabel['font'] = font\n</code></pre> <p>Fonts:</p> <ul> <li>TkDefaultFont    -- default for all GUI items</li> <li>TkTextFont    -- used for entry widgets, listboxes, etc</li> <li>TkFixedFont    -- standard fixed-width font</li> <li>TkMenuFont    -- used for menu items</li> <li>TkHeadingFont -- for column headings in lists and tables</li> <li>TkCaptionFont    -- for window and dialog caption bars</li> <li>TkSmallCaptionFont -- smaller caption for subwindows or tool dialogs</li> <li>TkIconFont    -- for icon caption</li> <li>TkTooltipFont    -- for tooltips</li> </ul>"},{"location":"languages/python/libs/tkinter.html#button","title":"BUTTON","text":"<p>Press to perform some action</p> Python<pre><code>button = ttk.Button(parent, text='button_text', command=action_performed)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#text-or-image","title":"TEXT or IMAGE","text":"Python<pre><code>button['text/textvariable'], button['image'], button['compound']\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#button-invocation","title":"BUTTON INVOCATION","text":"Python<pre><code>button.invoke()  # button activation in the program\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#button-state","title":"BUTTON STATE","text":"<p>Activate or deactivate the widget.</p> Python<pre><code>button.state(['disabled'])            # set the disabled flag, disabling the button\nbutton.state(['!disabled'])           # clear the disabled flag\nbutton.instate(['disabled'])          # return true if the button is disabled, else false\nbutton.instate(['!disabled'])         # return true if the button is not disabled, else false\nbutton.instate(['!disabled'], cmd)  # execute 'cmd' if the button is not disabled\n# WIDGET STATE FLAGS: active, disabled, focus, pressed, selected, background, readonly, alternate, invalid\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#checkbutton","title":"CHECKBUTTON","text":"<p>Button with binary value of some kind (e.g a toggle) and also invokes a command callback</p> Python<pre><code>checkbutton_var = TkVarType\ncheck = ttk.Checkbutton(parent, text='button text', command=action_performed, variable=checkbutton_var, onvalue=value_on, offvalue=value_off)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#widget-value","title":"WIDGET VALUE","text":"<p>Variable option holds value of button, updated by widget toggle. DEFAULT: 1 (while checked), 0 (while unchecked) <code>onvalue</code>, <code>offvalue</code> are used to personalize checked and unchecked values if linked variable is empty or different from on-off value the state flag is set to alternate checkbutton won't set the linked variable (MUST be done in the program)</p>"},{"location":"languages/python/libs/tkinter.html#config-options","title":"CONFIG OPTIONS","text":"Python<pre><code>check['text/textvariable']\ncheck['image']\ncheck['compound']\ncheck.state(['flag'])\ncheck.instate(['flag'])\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#radiobutton","title":"RADIOBUTTON","text":"<p>Multiple-choice selection (good if options are few).</p> Python<pre><code>#RADIOBUTTON CREATION (usually as a set)\nradio_var = TkVarType\nradio_1 = ttk.Radiobutton(parent, text='button text', variable=radio_var, value=button_1_value)\nradio_2 = ttk.Radiobutton(parent, text='button text', variable=radio_var, value=button_2_value)\nradio_3 = ttk.Radiobutton(parent, text='button text', variable=radio_var, value=button_3_value)\n# if linked value does not exist flag state is alternate\n\n# CONFIG OPTIONS\nradio['text/textvariable']\nradio['image']\nradio['compound']\nradio.state(['flag'])\nradio.instate(['flag'])\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#entry","title":"ENTRY","text":"<p>Single line text field accepting a string.</p> Python<pre><code>entry_var = StringVar()\nentry = ttk.Entry(parent, textvariable=entry_var, width=char_num, show=symbol)\n# SHOW: replaces the entry test with symbol, used for password\n# entries don't have an associated label, needs a separate widget\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#change-entry-value","title":"CHANGE ENTRY VALUE","text":"Python<pre><code>entry.get()  # returns entry value\nentry.delete(start, 'end')  # delete between two indices, 0-based\nentry.insert(index, 'text value')  # insert new text at a given index\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#entry-config-options","title":"ENTRY CONFIG OPTIONS","text":"Python<pre><code>radio.state(['flag'])\nradio.instate(['flag'])\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#combobox","title":"COMBOBOX","text":"<p>Drop-down list of available options.</p> Python<pre><code>combobox_var = StringVar()\ncombo = ttk.Combobox(parent, textvariable=combobox_var)\ncombobox.get()  # return combobox current value\ncombobox.set(value)  # set combobox new value\ncombobox.current()  # returns which item in the predefined values list is selected (0-based index of the provided list, -1 if not in the list)\n#combobox will generate a bind-able &lt;ComboboxSelected&gt; virtual event whenever the value changes\ncombobox.bind('&lt;&lt;ComboboxSelected&gt;&gt;', function)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#predefined-values","title":"PREDEFINED VALUES","text":"Python<pre><code>combobox['values'] = (value_1, value_2, ...)  # provides a list of choose-able values\ncombobox.state(['readonly'])  # restricts choose-able values to those provided with 'values' config option\n# SUGGESTION: call selection clear method on value change (on ComboboxSelected event) to avoid visual oddities\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#listbox-tk-classic","title":"LISTBOX (Tk Classic)","text":"<p>Display list of single-line items, allows browsing and multiple selection (part og Tk classic, missing in themed Tk widgets).</p> Python<pre><code>lstbx = Listbox(parent, height=num, listvariable=item_list:list)\n# listvariable links a variable (MUST BE a list) to the listbox, each element is a item of the listbox\n# manipulation of the list changes the listbox\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#selecting-items","title":"SELECTING ITEMS","text":"Python<pre><code>lstbx['selectmode'] = mode  # MODE: browse (single selection), extended (multiple selection)\nlstbx.curselection()  # returns list of indices of selected items\n# on selection change: generate event &lt;ListboxSelect&gt;\n# often each string in the program is associated with some other data item\n# keep a second list, parallel to the list of strings displayed in the listbox, which will hold the associated objects\n# (association by index with .curselection() or with a dict).\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#scrollbar","title":"SCROLLBAR","text":"Python<pre><code>scroll = ttk.Scrollbar(parent, orient=direction, command=widget.view)\n# ORIENT: VERTICAL, HORIZONTAL\n# WIDGET.VIEW: .xview, .yview\n# NEEDS ASSOCIATED WIDGET SCROLL CONFIG\nwidget.configure(xscrollcommand=scroll.set)\nwidget.configure(yscrollcommand=scroll.set)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#sizegrip","title":"SIZEGRIP","text":"<p>Box in right bottom of widget, allows resize.</p> Python<pre><code>ttk.Sizegrip(parent).grid(column=999, row=999, sticky=(S, E))\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#text-tk-classic","title":"TEXT (Tk Classic)","text":"<p>Area accepting multiple line of text.</p> Python<pre><code>txt = Text(parent, width=num:int, height=num:int, wrap=flag)  # width is character num, height is row num\n# FLAG: none (no wrapping), char (wrap at every character), word (wrap at word boundaries)\ntxt['state'] = flag  # FLAG: disabled, normal\n# accepts commands xscrollcommand and yscrollcommandand and yview, xview methods\ntxt.see(line_num.char_num)  # ensure that given line is visible (line is 1-based, char is 0-based)\ntxt.get( index, string)   # insert string in pos index (index = line.char), 'end' is shortcut for end of text\ntxt.delete(start, end)  # delete range of text\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#progressbar","title":"PROGRESSBAR","text":"<p>Feedback about progress of lenghty operation.</p> Python<pre><code>progbar = ttk.Progressbar(parent, orient=direction, length=num:int, value=num, maximum=num:float mode=mode)\n# DIRECTION: VERTICAL, HORIZONTAL\n# MODE: determinate (relative progress of completion), indeterminate (no estimate of completion)\n# LENGTH: dimension in pixel\n# VALUE: sets the progress, updates the bar as it changes\n# MAXIMUM: total number of steps (DEFAULT: 100)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#determinate-progress","title":"DETERMINATE PROGRESS","text":"Python<pre><code>progbar.step(amount)  # increment value of given amount (DEFAULT: 1.0)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#indeterminate-progress","title":"INDETERMINATE PROGRESS","text":"Python<pre><code>progbar.start()  # starts progressbar\nprogbar.stop()  #stoops progressbar\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#scale","title":"SCALE","text":"<p>Provide a numeric value through direct manipulation.</p> Python<pre><code>scale = ttk.Scale(parent, orient=DIR, length=num:int, from_=num:float, to=num:float, command=cmd)\n# COMMAND: calls cmd at every scale change, appends current value to func call\nscale['value']  # set or read current value\nscale.set(value)  # set current value\nscale.get()  # get current value\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#spinbox","title":"SPINBOX","text":"<p>Choose numbers. The spinbox choses item from a list, arrows permit cycling lits items.</p> Python<pre><code>spinval = StringVar()\nspin = Spinbox(parent, from_=num, to=num, textvariable=spinval, increment=num, value=lst, wrap=boolean)\n# INCREMENT specifies increment\\decrement by arrow button\n# VALUE: list of items associated with the spinbox\n# WRAP: boolean value determining if value should wrap around if beyond start-end value\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#grid-geometry-manager","title":"GRID GEOMETRY MANAGER","text":"<p>Widgets are assigned a \"column\" number and a \"row\" number, which indicates their relative position to each other. Column and row numbers must be integers, with the first column and row starting at 0. Gaps in column and row numbers are handy to add more widgets in the middle of the user interface at a later time. The width of each column (or height of each row) depends on the width or height of the widgets contained within the column or row.</p> <p>Widgets can take up more than a single cell in the grid (\"columnspan\" and \"rowspan\" options).</p>"},{"location":"languages/python/libs/tkinter.html#layout-within-cell","title":"LAYOUT WITHIN CELL","text":"<p>By default, if a cell is larger than the widget contained in it, the widget will be centered within it, both horizontally and vertically, with the master's background showing in the empty space around it. The \"sticky\" option can be used to change this default behavior. The value of the \"sticky\" option is a string of 0 or more of the compass directions \"nsew\", specifying which edges of the cell the widget should be \"stuck\" to. Specifying two opposite edges means that the widget will be stretched so it is stuck to both. Specifying \"nsew\" it will stick to every side.</p>"},{"location":"languages/python/libs/tkinter.html#handling-resize","title":"HANDLING RESIZE","text":"<p>Every column and row has a \"weight\" grid option associated with it, which tells it how much it should grow if there is extra room in the master to fill. By default, the weight of each column or row is 0, meaning don't expand to fill space. This is done using the \"columnconfigure\" and \"rowconfigure\" methods of grid. Both \"columnconfigure\" and \"rowconfigure\" also take a \"minsize\" grid option, which specifies a minimum size.</p>"},{"location":"languages/python/libs/tkinter.html#padding","title":"PADDING","text":"<p>Normally, each column or row will be directly adjacent to the next, so that widgets will be right next to each other. \"padx\" puts a bit of extra space to the left and right of the widget, while \"pady\" adds extra space top and bottom. A single value for the option puts the same padding on both left and right (or top and bottom), while a two-value list lets you put different amounts on left and right (or top and bottom). To add padding around an entire row or column, the \"columnconfigure\" and \"rowconfigure\" methods accept a \"pad\" option.  </p> Python<pre><code>widget.grid(column=num, row=num, columnspan=num, rowspan=num, sticky=(), padx=num, pady=num)  # sticky: N, S, E, W\nwidget.columnconfigure(pad=num, weight=num)\nwidget.rowconfigure(pad=num, weight=num)\n\nwidget.grid_slaves()  # returns map, list of widgets inside a master\nwidget.grid_info()  # returns list of grid options\nwidget.grid_configure()  # change one or more option\n\nwidget.grid_forget(slaves)  # takes a list of slaves, removes slaves from grid (forgets slaves options)\nwidget.grid_remove(slaves)  # takes a list of slaves, removes slaves from grid (remembers slaves options)\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#windows-and-dialogs","title":"WINDOWS AND DIALOGS","text":""},{"location":"languages/python/libs/tkinter.html#creating-toplevel-window","title":"CREATING TOPLEVEL WINDOW","text":"Python<pre><code>tlw = Toplevel(parent)  # parent of root window, no need to grid it\n\nwindow.destroy()\n# can destroy every widget\n# destroying parent also destroys it's children\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#changing-behavior-and-style","title":"CHANGING BEHAVIOR AND STYLE","text":"Python<pre><code># WINDOW TILE\nwindow.title()  # returns title of the window\nwindow.title('new title')  # sets title\n\n# SIZE AND LOCATION\nwindow.geometry(geo_specs)\n'''full geometry specification: width * height +- x +- y (actual coordinates of screen)\n+x --&gt; x pixels from left edge\n-x --&gt; x pixels from right edge\n+y --&gt; y pixels from top edge\n-y --&gt; y pixels from bottom edge'''\n\n# STACKING ORDER\n# current stacking order (list from lowest to highest) --- NOT CLEANLY EXPOSED THROUGH TK API\nroot.tk.eval('wm stackorder ' + str(window))\n# check if window is above or below\nif (root.tk.eval('wm stackorder '+str(window)+' isabove '+str(otherwindow))=='1')\nif (root.tk.eval('wm stackorder '+str(window)+' isbelow '+str(otherwindow))=='1')\n# raise or lower windows\nwindow.lift()  # absolute position\nwindow.lift(otherwin)  # relative to other window\nwindow.lower()  # absolute position\nwindow.lower(otherwin)   # relative to other window\n\n# RESIZE BEHAVIOR\nwindow.resizable(boolean, boolean)  # sets if resizable in width (1st param) and width (2nd param)\nwindow.minsize(num, num)  # sets min width and height\nwindow.maxsize(num, num)  # sets max width and height\n\n# ICONIFYING AND WITHDRAWING\n# WINDOW STATE: normal. iconic (iconified window), withdrawn, icon, zoomed\nwindow.state()  # returns current window state\nwindow.state('state')  # sets window state\nwindow.iconify()  # iconifies window\nwindow.deiconify()  # deiconifies window\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#standard-dialogs","title":"STANDARD DIALOGS","text":"Python<pre><code># SLEETING FILE AND DIRECTORIES\n# on Windows and Mac invokes underlying OS dialogs directly\nfrom tkinter import filedialog\nfilename = filedialog.askopenfilename()\nfilename = filedialog.asksaveasfilename()\ndirname = filedialog.askdirectory()\n'''All of these commands produce modal dialogs, which means that the commands (and hence the program) will not continue running until the user submits the dialog.\nThe commands return the full pathname of the file or directory the user has chosen, or return an empty string if the user cancels out of the dialog.'''\n\n# SELECTING COLORS\nfrom tkinter import colorchooser\n # returns HEX color code, INITIALCOLOR: exiting color, presumably to replace\ncolorchooser.askcolor(initialcolor=hex_color_code)\n\n# ALERT AND COMFIRMATION DIALOGS\nfrom tkinter import messagebox\nmessagebox.showinfo(title=\"title\", message='text')  # simple box with message and OK button\nmessagebox.showerror(title=\"title\", message='text')\nmessagebox.showwarning(title=\"title\", message='text')\nmessagebox.askyesno(title=\"title\", message='text', detail='secondary text' icon='icon')\nmessagebor.askokcancel(message='text', icon='icon', title='title', detail='secondary text', default=button)  # DEFAULT: default button, ok or cancel\nmessagebox.akdquestion(title=\"title\", message='text', detail='secondary text', icon='icon')\nmessagebox.askretrycancel(title=\"title\", message='text', detail='secondary text', icon='icon')\nmessagebox.askyesnocancel(title=\"title\", message='text', detail='secondary text', icon='icon')\n# ICON: info (default), error, question, warning\n</code></pre> <p>POSSIBLE ALERT/CONFIRMATION RETURN VALUES:</p> <ul> <li><code>ok (default)</code> -- \"ok\"</li> <li><code>okcancel</code> -- \"ok\" or \"cancel\"</li> <li><code>yesno</code> -- \"yes\" or \"no\"</li> <li><code>yesnocancel</code> -- \"yes\", \"no\" or \"cancel\"</li> <li><code>retrycancel</code> -- \"retry\" or \"cancel\"</li> </ul>"},{"location":"languages/python/libs/tkinter.html#separator","title":"SEPARATOR","text":"Python<pre><code># horizontal or vertical line between groups of widgets\nseparator = ttk.Separator(parent, orient=direction)\n# DIRECTION: horizontal, vertical\n'''LABEL FRAME'''\n# labelled frame, used to group widgets\nlf = ttk.LabelFrame(parent, text='label')\n'''PANED WINDOWS'''\n# stack multimple resizable widgets\n# panes ara adjustable (drag sash between panes)\npw = ttk.PanedWindow(parent, orient=direction)\n# DIRECTION: horizontal, vertical\nlf1 = ttk.LabelFrame(...)\nlf2 = ttk.LabelFrame(...)\npw.add(lf1)  # add widget to paned window\npw.add(lf2)\npw.insert(position, subwindow)  # insert widget at given position in list of panes (0, ..., n-1)\npw.forget(subwindow)  # remove widget from pane\npw.forget(position)  # remove widget from pane\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#notebook","title":"NOTEBOOK","text":"<p>Allows switching between multiple pages</p> Python<pre><code>nb = ttk.Notebook(parent)\nf1 = ttk.Frame(parent, ...)  # child of notebook\nf2 = ttk.Frame(parent, ...)\nnb.add(subwindow, text='page title', state=flag)\n# TEXT: name of page, STATE: normal, dusabled (not selectable), hidden\n\nnb.insert(position, subwindow, option=value)\nnb.forget(subwindow)\nnb.forget(position)\nnb.tabs()  # retrieve all tabs\nnb.select()  # return current tab\nnb.select(position/subwindow)  # change current tab\nnb.tab(tabid, option)  # retrieve tab (TABID: position or subwindow) option\nnb.tab(tabid, option=value)   # change tab option\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#fonts-colors-images","title":"FONTS, COLORS, IMAGES","text":""},{"location":"languages/python/libs/tkinter.html#named-fonts","title":"NAMED FONTS","text":"<p>Creation of personalized fonts</p> Python<pre><code>from tkinter import font\nfont_name = font.Font(family='font_family', size=num, weight='bold/normal', slant='roman/italic', underline=boolean, overstrike=boolean)\n# FAMILY: Courier, Times, Helvetica (support guaranteed)\nfont.families()  # all avaiable font families\n</code></pre>"},{"location":"languages/python/libs/tkinter.html#colors","title":"COLORS","text":"<p>Specified w/ HEX RGB codes.</p>"},{"location":"languages/python/libs/tkinter.html#images","title":"IMAGES","text":"<p>imgobj = PhotoImage(file='filename') label['image'] = imgobj</p>"},{"location":"languages/python/libs/tkinter.html#images-w-pillow","title":"IMAGES W/ Pillow","text":"Python<pre><code>from PIL import ImageTk, Image\nmyimg = ImageTk.PhotoImage(Image.open('filename'))\n</code></pre>"},{"location":"languages/python/modules/argparse.html","title":"Argpasrse Module","text":""},{"location":"languages/python/modules/argparse.html#creating-a-parser","title":"Creating a parser","text":"Python<pre><code>import argparse\n\nparser = argparse.ArgumentParser(description=\"description\", allow_abbrev=True)\n</code></pre> <p>Note: All parameters should be passed as keyword arguments.</p> <ul> <li><code>prog</code>: The name of the program (default: <code>sys.argv[0]</code>)</li> <li><code>usage</code>: The string describing the program usage (default: generated from arguments added to parser)</li> <li><code>description</code>: Text to display before the argument help (default: none)</li> <li><code>epilog</code>: Text to display after the argument help (default: none)</li> <li><code>parents</code>: A list of ArgumentParser objects whose arguments should also be included</li> <li><code>formatter_class</code>: A class for customizing the help output</li> <li><code>prefix_chars</code>: The set of characters that prefix optional arguments (default: \u2018-\u2018)</li> <li><code>fromfile_prefix_chars</code>: The set of characters that prefix files from which additional arguments should be read (default: None)</li> <li><code>argument_default</code>: The global default value for arguments (default: None)</li> <li><code>conflict_handler</code>: The strategy for resolving conflicting optionals (usually unnecessary)</li> <li><code>add_help</code>: Add a -h/--help option to the parser (default: True)</li> <li><code>allow_abbrev</code>: Allows long options to be abbreviated if the abbreviation is unambiguous. (default: True)</li> </ul>"},{"location":"languages/python/modules/argparse.html#adding-arguments","title":"Adding Arguments","text":"Python<pre><code>ArgumentParser.add_argument(\"name_or_flags\", nargs=\"...\", action=\"...\")\n</code></pre> <p>Note: All parameters should be passed as keyword arguments.</p> <ul> <li><code>name or flags</code>: Either a name or a list of option strings, e.g. <code>foo</code> or <code>-f</code>, <code>--foo</code>.</li> <li><code>action</code>: The basic type of action to be taken when this argument is encountered at the command line.</li> <li><code>nargs</code>: The number of command-line arguments that should be consumed.</li> <li><code>const</code>: A constant value required by some action and nargs selections.</li> <li><code>default</code>: The value produced if the argument is absent from the command line.</li> <li><code>type</code>: The type to which the command-line argument should be converted to.</li> <li><code>choices</code>: A container of the allowable values for the argument.</li> <li><code>required</code>: Whether or not the command-line option may be omitted (optionals only).</li> <li><code>help</code>: A brief description of what the argument does.</li> <li><code>metavar</code>: A name for the argument in usage messages.</li> <li><code>dest</code>: The name of the attribute to be added to the object returned by <code>parse_args()</code>.</li> </ul>"},{"location":"languages/python/modules/argparse.html#actions","title":"Actions","text":"<p><code>store</code>: This just stores the argument's value. This is the default action.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo')\n&gt;&gt;&gt; parser.parse_args('--foo 1'.split())\nNamespace(foo='1')\n</code></pre> <p><code>store_const</code>: This stores the value specified by the const keyword argument. The <code>store_const</code> action is most commonly used with optional arguments that specify some sort of flag.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', action='store_const', const=42)\n&gt;&gt;&gt; parser.parse_args(['--foo'])\nNamespace(foo=42)\n</code></pre> <p><code>store_true</code> and <code>store_false</code>: These are special cases of <code>store_const</code> used for storing the values True and False respectively. In addition, they create default values of False and True respectively.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', action='store_true')\n&gt;&gt;&gt; parser.add_argument('--bar', action='store_false')\n&gt;&gt;&gt; parser.add_argument('--baz', action='store_false')\n&gt;&gt;&gt; parser.parse_args('--foo --bar'.split())\nNamespace(foo=True, bar=False, baz=True)\n</code></pre> <p><code>append</code>: This stores a list, and appends each argument value to the list. This is useful to allow an option to be specified multiple times. Example usage:</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', action='append')\n&gt;&gt;&gt; parser.parse_args('--foo 1 --foo 2'.split())\nNamespace(foo=['1', '2'])\n</code></pre> <p><code>append_const</code>: This stores a list, and appends the value specified by the const keyword argument to the list. (Note that the const keyword argument defaults to None.) The <code>append_const</code> action is typically useful when multiple arguments need to store constants to the same list. For example:</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--str', dest='types', action='append_const', const=str)\n&gt;&gt;&gt; parser.add_argument('--int', dest='types', action='append_const', const=int)\n&gt;&gt;&gt; parser.parse_args('--str --int'.split())\nNamespace(types=[&lt;class 'str'&gt;, &lt;class 'int'&gt;])\n</code></pre> <p><code>count</code>: This counts the number of times a keyword argument occurs. For example, this is useful for increasing verbosity levels: Note: the default will be None unless explicitly set to 0.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--verbose', '-v', action='count', default=0)\n&gt;&gt;&gt; parser.parse_args(['-vvv'])\nNamespace(verbose=3)\n</code></pre> <p><code>help</code>: This prints a complete help message for all the options in the current parser and then exits. By default a help action is automatically added to the parser.</p> <p><code>version</code>: This expects a version= keyword argument in the add_argument() call, and prints version information and exits when invoked:</p> Python<pre><code>&gt;&gt;&gt; import argparse\n&gt;&gt;&gt; parser = argparse.ArgumentParser(prog='PROG')\n&gt;&gt;&gt; parser.add_argument('--version', action='version', version='%(prog)s 2.0')\n&gt;&gt;&gt; parser.parse_args(['--version'])\nPROG 2.0\n</code></pre> <p><code>extend</code>: This stores a list, and extends each argument value to the list. Example usage:</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument(\"--foo\", action=\"extend\", nargs=\"+\", type=str)\n&gt;&gt;&gt; parser.parse_args([\"--foo\", \"f1\", \"--foo\", \"f2\", \"f3\", \"f4\"])\nNamespace(foo=['f1', 'f2', 'f3', 'f4'])\n</code></pre>"},{"location":"languages/python/modules/argparse.html#nargs","title":"Nargs","text":"<p>ArgumentParser objects usually associate a single command-line argument with a single action to be taken. The <code>nargs</code> keyword argument associates a different number of command-line arguments with a single action.</p> <p>Note: If the nargs keyword argument is not provided, the number of arguments consumed is determined by the action.</p> <p><code>N</code> (an integer): N arguments from the command line will be gathered together into a list.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', nargs=2)\n&gt;&gt;&gt; parser.add_argument('bar', nargs=1)\n&gt;&gt;&gt; parser.parse_args('c --foo a b'.split())\nNamespace(bar=['c'], foo=['a', 'b'])\n</code></pre> <p>Note: <code>nargs=1</code> produces a list of one item. This is different from the default, in which the item is produced by itself.</p> <p><code>?</code>: One argument will be consumed from the command line if possible, and produced as a single item. If no command-line argument is present, the value from default will be produced.</p> <p>For optional arguments, there is an additional case: the option string is present but not followed by a command-line argument. In this case the value from const will be produced.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', nargs='?', const='c', default='d')\n&gt;&gt;&gt; parser.add_argument('bar', nargs='?', default='d')\n&gt;&gt;&gt; parser.parse_args(['XX', '--foo', 'YY'])\nNamespace(bar='XX', foo='YY')\n&gt;&gt;&gt; parser.parse_args(['XX', '--foo'])\nNamespace(bar='XX', foo='c')\n&gt;&gt;&gt; parser.parse_args([])\nNamespace(bar='d', foo='d')\n</code></pre> <p><code>*</code>: All command-line arguments present are gathered into a list. Note that it generally doesn't make much sense to have more than one positional argument with <code>nargs='*'</code>, but multiple optional arguments with <code>nargs='*'</code> is possible.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser()\n&gt;&gt;&gt; parser.add_argument('--foo', nargs='*')\n&gt;&gt;&gt; parser.add_argument('--bar', nargs='*')\n&gt;&gt;&gt; parser.add_argument('baz', nargs='*')\n&gt;&gt;&gt; parser.parse_args('a b --foo x y --bar 1 2'.split())\nNamespace(bar=['1', '2'], baz=['a', 'b'], foo=['x', 'y'])\n</code></pre> <p><code>+</code>: All command-line args present are gathered into a list. Additionally, an error message will be generated if there wasn't at least one command-line argument present.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser(prog='PROG')\n&gt;&gt;&gt; parser.add_argument('foo', nargs='+')\n&gt;&gt;&gt; parser.parse_args(['a', 'b'])\nNamespace(foo=['a', 'b'])\n&gt;&gt;&gt; parser.parse_args([])\nusage: PROG [-h] foo [foo ...]\nPROG: error: the following arguments are required: foo\n</code></pre> <p><code>argparse.REMAINDER</code>: All the remaining command-line arguments are gathered into a list. This is commonly useful for command line utilities that dispatch to other command line utilities.</p> Python<pre><code>&gt;&gt;&gt; parser = argparse.ArgumentParser(prog='PROG')\n&gt;&gt;&gt; parser.add_argument('--foo')\n&gt;&gt;&gt; parser.add_argument('command')\n&gt;&gt;&gt; parser.add_argument('args', nargs=argparse.REMAINDER)\n&gt;&gt;&gt; print(parser.parse_args('--foo B cmd --arg1 XX ZZ'.split()))\nNamespace(args=['--arg1', 'XX', 'ZZ'], command='cmd', foo='B')\n</code></pre>"},{"location":"languages/python/modules/argparse.html#parsing-arguments","title":"Parsing Arguments","text":"Python<pre><code># Convert argument strings to objects and assign them as attributes of the namespace. Return the populated namespace.\nArgumentParser.parse_args(args=None, namespace=None)\n\n#  assign attributes to an already existing object, rather than a new Namespace object\nclass C:\n    pass\n\nc = C()\nparser = argparse.ArgumentParser()\nparser.add_argument('--foo')\nparser.parse_args(args=['--foo', 'BAR'], namespace=c)\nc.foo  # BAR\n\n# return a dict instead of a Namespace\nargs = parser.parse_args(['--foo', 'BAR'])\nvars(args)  # {'foo': 'BAR'}\n</code></pre>"},{"location":"languages/python/modules/collections.html","title":"Collections Module","text":"Python<pre><code># COUNTER ()\n# subclass dictionary for counting hash-capable objects\nfrom collections import Counter\nCounter (sequence) # -&gt; Counter object\n# {item: num included in sequence, ...}\n\nvar = Counter (sequence)\nvar.most_common (n) # produce list of most common elements (most common n)\nsum (var.values \u200b\u200b()) # total of all counts\nvar.clear () #reset all counts\nlist (var) # list unique items\nset (var) # convert to a set\ndict (var) # convert to regular dictionary\nvar.items () # convert to a list of pairs (element, count)\nCounter (dict (list_of_pairs)) # convert from a list of pairs\nvar.most_common [: - n-1: -1] # n less common elements\nvar + = Counter () # remove zero and negative counts\n\n\n# DEFAULTDICT ()\n# dictionary-like object that takes a default type as its first argument\n# defaultdict will never raise a KeyError exception.\n# non-existent keys return a default value (default_factory)\nfrom collections import defaultdict\nvar = defaultdict (default_factory)\nvar.popitem () # remove and return first element\nvar.popitem (last = True) # remove and return last item\n\n\n# OREDERDDICT ()\n# subclass dictionary that \"remembers\" the order in which the contents are entered\n# Normal dictionaries have random order\nname_dict = OrderedDict ()\n# OrderedDict with same elements but different order are considered different\n\n\n# USERDICT ()\n# pure implementation in pythondi a map that works like a normal dictionary.\n# Designated to create subclasses\nUserDict.data # recipient of UserDict content\n\n\n# NAMEDTUPLE ()\n# each namedtuple is represented by its own class\nfrom collections import namedtuple\nNomeClasse = namedtuple (NomeClasse, parameters_separated_from_space)\nvar = ClassName (parameters)\nvar.attribute # access to attributes\nvar [index] # access to attributes\nvar._fields # access to attribute list\nvar = class._make (iterable) # transformain namedtuple\nvar._asdict () # Return OrderedDict object starting from namedtuple\n\n\n# DEQUE ()\n# double ended queue (pronounced \"deck\")\n# list editable on both \"sides\"\nfrom collections import deque\nvar = deque (iterable, maxlen = num) # -&gt; deque object\nvar.append (item) # add item to the bottom\nvar.appendleft (item) # add item to the beginning\nvar.clear () # remove all elements\nvar.extend (iterable) # add iterable to the bottom\nvar.extendleft (iterable) # add iterable to the beginning '\nvar.insert (index, item) # insert index position\nvar.index (item, start, stop) # returns position of item\nvar.count (item)\nvar.pop ()\nvar.popleft ()\nvar.remove (value)\nvar.reverse () # reverse element order\nvar.rotate (n) # move the elements of n steps (dx if n&gt; 0, sx if n &lt;0)\nvar.sort ()\n</code></pre>"},{"location":"languages/python/modules/csv.html","title":"CSV Module","text":"Python<pre><code># iterate lines of csvfile\n.reader (csvfile, dialect, ** fmtparams) -&gt; reader object\n\n# READER METHODS\n.__ next __ () # returns next iterable object line as a list or dictionary\n\n# READER ATTRIBUTES\ndialect # read-only description of the dialec used\nline_num # number of lines from the beginning of the iterator\nfieldnames\n\n# convert data to delimited strings\n# csvfile must support .write ()\n#type None converted to empty string (simplify SQL NULL dump)\n.writer (csvfile, dialect, ** fmtparams) -&gt; writer object\n\n# WRITER METHODS\n# row must be iterable of strings or numbers or of dictionaries\n.writerow (row) # write row formatted according to the current dialect\n.writerows (rows) # write all elements in rows formatted according to the current dialect. rows is iterable of row\n\n# CSV METHODS\n# associate dialect to name (name must be string)\n.register_dialect (name, dialect, ** fmtparams)\n\n# delete the dialect associated with name\n.unregister_dialect ()\n\n# returns the dialect associated with name\n.get_dialect (name)\n\n# list of dialects associated with name\n.list_dialect (name)\n\n# returns (if empty) or sets the limit of the csv field\n.field_size_limit (new_limit)\n\n'''\ncsvfile - iterable object returning a string on each __next __ () call\n          if csv is a file it must be opened with newline = '' (universal newline)\ndialect - specify the dialect of csv (Excel, ...) (OPTIONAL)\n\nfmtparams --override formatting parameters (OPTIONAL) https://docs.python.org/3/library/csv.html#csv-fmt-params\n'''\n\n# object operating as a reader but maps the info in each row into an OrderedDict whose keys are optional and passed through fieldnames\nclass csv.Dictreader (f, fieldnames = None, restket = none, restval = None, dialect, * args, ** kwargs)\n'''\nf - files to read\nfieldnames --sequence, defines the names of the csv fields. if omitted use the first line of f\nrestval, restkey --se len (row)&gt; fieldnames excess data stored in restval and restkey\n\nadditional parameters passed to the underlying reader instance\n'''\n\nclass csv.DictWriter (f, fieldnames, restval = '', extrasaction, dialect, * args, ** kwargs)\n'''\nf - files to read\nfieldnames --sequence, defines the names of the csv fields. (NECESSARY)\nrestval --se len (row)&gt; fieldnames excess data stored in restval and restkey\nextrasaction - if the dictionary passed to writerow () contains key not present in fieldnames extrasaction decides action to be taken (raise cause valueError, ignore ignores additional keys)\n\nadditional parameters passed to the underlying writer instance\n'''\n\n# DICTREADER METHODS\n.writeheader () # write a header line of fields as specified by fieldnames\n\n# class used to infer the format of the CSV\nclass csv.Sniffer\n.sniff (sample, delimiters = None) #parse the sample and return a Dialect class. delimiter is a sequence of possible box delimiters\n.has_header (sample) -&gt; bool # True if first row is a series of column headings\n\n#CONSTANTS\ncsv.QUOTE_ALL # instructs writer to quote (\"\") all fields\ncsv.QUOTE_MINIMAL # instructs write to quote only fields containing special characters such as delimiter, quote char ...\ncsv.QUOTE_NONNUMERIC # instructs the writer to quote all non-numeric fields\ncsv.QUOTE_NONE # instructs write to never quote fields\n</code></pre>"},{"location":"languages/python/modules/ftplib.html","title":"Ftplib Module","text":""},{"location":"languages/python/modules/ftplib.html#ftp-classes","title":"FTP CLASSES","text":"Python<pre><code>ftplib.FTP(host=\"\", user=\"\", password=\"\", acct=\"\")\n# if HOST =&gt; connect(host)\n# if USER =&gt; login(user, password, acct)\n\n\nftplib.FTP_TLS(host=\"\", user=\"\", password=\"\", acct=\"\")\n</code></pre>"},{"location":"languages/python/modules/ftplib.html#exceptions","title":"EXCEPTIONS","text":"Python<pre><code>ftplib.error_reply  # unexpected error from server\nftplib.error_temp  # temporary error (response codes 400-499)\nftplib.error_perm  # permanent error (response codes 500-599)\nftplib.error_proto  # error not in ftp specs\nftplib.all_errors  # tuple of all exceptions\n</code></pre>"},{"location":"languages/python/modules/ftplib.html#ftp-objects","title":"FTP OBJECTS","text":"Python<pre><code># method on text files: -lines\n# method on binary files: -binary\n\n# CONNECTION\nFTP.connect(host=\"\", port=0)  # used once per instance\n# DON'T CALL if host was supplied at instance creation\n\nFTP.getwelcome()  # return welcome message\n\nFTP.login(user='anonymous', password='', acct='')\n# called once per instance after connection is established\n# DEFAULT PASSWORD: anonymous@\n# DON'T CALL if host was supplied at instance creation\nFTP.sendcmd(cmd)  # send command string and return response\nFTP.voidcmd(cmd)  # send command string and return nothing if successful\n# FILE TRANSFER\nFTP.abort()  # abort in progress file transfer (can fail)\n\nFTTP.transfercmd(cmd, rest=None)  # returns socket for connection\n# CMD active mode: send EPRT or PORT command and CMD and accept connection\n# CMD passive mode: send EPSV or PASV and start transfer command\n\nFTP.retrbinary(cmd, callback, blocksize=8192, rest=None) # retrieve file in binary mode\n# CMD: appropriate RETR command ('RETR filename')\n# CALLBACK: func called on every block of data received\n\nFTP.rertlines(cmd, callback=None)\n# retrieve file or dir list in ASCII transfer mode\n# CMD: appropriate RETR, LSIT (list and info of files), NLST (list of file names)\n# DEFAULT CALLBACK: sys.stdout\n\nFTP.set_pasv(value)  # set passive mode if value is true, otherwise disable it\n# passive mode on by default\n\nFTP.storbinary(cmd, fp, blocksize=8192, callback=None, rest=None)  # store file in binary mode\n# CMD: appropriate STOR command ('STOR filename')\n# FP: {file object in binary mode} read until EOF in blocks of blocksize\n# CALLBACK: func called on each block after sending\n\nFTP.storlines(cmd, fp, callback=None)  # store file in ASCII transfer mode\n# CMD: appropriate STOR command ('STOR filename')\n# FP: {file object} read until EOF\n# CALLBACK: func called on each block after sending\n</code></pre>"},{"location":"languages/python/modules/itertools.html","title":"Itertools Module","text":"Python<pre><code># accumulate ([1,2,3,4,5]) -&gt; 1, 3 (1 + 2), 6 (1 + 2 + 3), 10 (1 + 2 + 3 + 6), 15 (1+ 2 + 3 + 4 + 5)\n# accumulate (iter, func (,)) -&gt; iter [0], func (iter [0] + iter [1]) + func (prev + iter [2]), ...\naccumulate (iterable, func (_, _))\n\n# iterator returns elements from the first iterable,\n# then proceeds to the next until the end of the iterables\n# does not work if there is only one iterable\nchain (* iterable)\n\n# concatenates elements of the single iterable even if it contains sequences\nchain.from_iterable (iterable)\n\n# returns sequences of length r starting from the iterable\n# items treated as unique based on their value\ncombinations (iterable, r)\n\n# # returns sequences of length r starting from the iterable allowing the repetition of the elements\ncombinations_with_replacement (iterable, r)\n\n# iterator filters date elements returning only those that have\n# a corresponding element in selectors that is true\ncompress (data, selectors)\n\ncount (start, step)\n\n# iterator returning values \u200b\u200bin infinite sequence\ncycle (iterable)\n\n# iterator discards elements of the iterable as long as the predicate is true\ndropwhile (predicate, iterable)\n\n# iterator returning values \u200b\u200bif predicate is false\nfilterfalse (predicate, iterable)\n\n# iterator returns tuple (key, group)\n# key is the grouping criterion\n# group is a generator returning group members\ngroupby (iterable, key = None)\n\n# iterator returns slices of the iterable\nisslice (iterable, stop)\nisslice (iterable, start, stop, step)\n\n# returns all permutations of length r of the iterable\npermutations (iterable, r = None)\n\n# Cartesian product of iterables\n# loops iterables in order of input\n# [product ('ABCD', 'xy') -&gt; Ax Ay Bx By Cx Cy Dx Dy]\n# [product ('ABCD', repeat = 2) -&gt; AA AB AC AD BA BB BC BD CA CB CC CD DA DB DC DD]\nproduct (* iterable, repetitions = 1)\n\n# returns an object infinite times if repetition is not specified\nrepeat (object, repetitions)\n\n# iterator compute func (iterable)\n# used if iterable is pre-zipped sequence (seq of tuples grouping elements)\nstarmap (func, iterable)\n\n# iterator returning values \u200b\u200bfrom iterable as long as predicate is true\ntakewhile (predicate, iterable)\n\n# returns n independent iterators from the single iterable\ntee (iterable, n = 2)\n\n# produces an iterator that aggregates elements from each iterable\n# if the iterables have different lengths the missing values \u200b\u200bare filled according to fillervalue\nzip_longest (* iterable, fillvalue = None)\n</code></pre>"},{"location":"languages/python/modules/json.html","title":"JSON Module","text":""},{"location":"languages/python/modules/json.html#json-format","title":"JSON Format","text":"<p>JSON (JavaScript Object Notation) is a lightweight data-interchange format.     It is easy for humans to read and write.     It is easy for machines to parse and generate.</p> <p>JSON is built on two structures:</p> <ul> <li>A collection of name/value pairs.</li> <li>An ordered list of values.</li> </ul> <p>An OBJECT is an unordered set of name/value pairs. An object begins with <code>{</code> (left brace) and ends with <code>}</code> (right brace). Each name is followed by <code>:</code> (colon) and the name/value pairs are separated by <code>,</code> (comma).</p> <p>An ARRAY is an ordered collection of values. An array begins with <code>[</code> (left bracket) and ends with <code>]</code> (right bracket). Values are separated by <code>,</code> (comma).</p> <p>A VALUE can be a string in double quotes, or a number, or true or false or null, or an object or an array. These structures can be nested.</p> <p>A STRING is a sequence of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. A CHARACTER is represented as a single character string. A STRING is very much like a C or Java string. A NUMBER is very much like a C or Java number, except that the octal and hexadecimal formats are not used.</p> <p>WHITESPACE can be inserted between any pair of tokens.</p>"},{"location":"languages/python/modules/json.html#usage","title":"Usage","text":"Python<pre><code># serialize obj as JSON formatted stream to fp\njson.dump(obj, fp, cls=None, indent=None, separators=None, sort_keys=False)\n# CLS: {custom JSONEncoder} -- specifies custom encoder to be used\n# INDENT: {int &gt; 0, string} -- array elements, object members pretty-printed with indent level\n# SEPARATORS: {tuple} -- (item_separator, key_separator)\n#   [default: (', ', ': ') if indent=None, (',', ':') otherwise],\n#   specify (',', ':') to eliminate whitespace\n# SORT_KEYS: {bool} -- if True dict sorted by key\n\n# serialize obj as JSON formatted string\njson.dumps(obj, cls=None, indent=None, separators=None, sort_keys=False)\n# CLS: {custom JSONEncoder} -- specifies custom encoder to be used\n# INDENT: {int &gt; 0, string} -- array elements, object members pretty-printed with indent level\n# SEPARATORS: {tuple} -- (item_separator, key_separator)\n#   [default: (', ', ': ') if indent=None, (',', ':') otherwise],\n#   specify (',', ':') to eliminate whitespace\n# SORT_KEYS: {bool} -- if True dict sorted by key\n\n# deserialize fp to python object\njson.load(fp, cls=None)\n# CLS: {custom JSONEncoder} -- specifies custom decoder to be used\n\n# deserialize s (string, bytes or bytearray containing JSON doc) to python object\njson.loads(s, cls=None)\n# CLS: {custom JSONEncoder} -- specifies custom decoder to be used\n</code></pre>"},{"location":"languages/python/modules/json.html#default-decoder-jsonjsondecoder","title":"Default Decoder (<code>json.JSONDecoder()</code>)","text":"<p>Conversions (JSON -&gt; Python):</p> <ul> <li>object -&gt; dict</li> <li>array -&gt; list</li> <li>string -&gt; str</li> <li>number (int) -&gt; int</li> <li>number (real) -&gt; float</li> <li>true -&gt; True</li> <li>false -&gt; False</li> <li>null -&gt; None</li> </ul>"},{"location":"languages/python/modules/json.html#default-encoder-jsonjsonencoder","title":"Default Encoder (<code>json.JSONEncoder()</code>)","text":"<p>Conversions (Python -&gt; Json):</p> <ul> <li>dict -&gt; object</li> <li>list, tuple -&gt; array</li> <li>str -&gt; string</li> <li>int, float, Enums -&gt; number</li> <li>True -&gt; true</li> <li>False -&gt; false</li> <li>None -&gt; null</li> </ul>"},{"location":"languages/python/modules/json.html#extending-jsonencoder-example","title":"Extending JSONEncoder (Example)","text":"Python<pre><code>import json\n\nclass ComplexEncoder(json.JSONEncoder):\n    def default(self, obj):\n        if isinstance(obj, complex):\n            return [obj.real, obj.image]\n        # Let the base class default method raise the TypeError\n            return json.JSONEncoder.default(self, obj)\n</code></pre>"},{"location":"languages/python/modules/json.html#retrieving-data-from-json-dict","title":"Retrieving Data from json dict","text":"Python<pre><code>data = json.loads(json)\ndata[\"key\"]  # retrieve the value associated with the key\ndata[\"outer key\"][\"nested key\"]  # nested key value retrieval\n</code></pre>"},{"location":"languages/python/modules/logging.html","title":"Logging Module","text":""},{"location":"languages/python/modules/logging.html#configuration","title":"Configuration","text":"Python<pre><code># basic configuration for the logging system\nlogging.basicConfig(filename=\"relpath\", level=logging.LOG_LEVEL, format=f\"message format\", **kwargs)  \n# DATEFMT: Use the specified date/time format, as accepted by time.strftime().\n\n# create a logger with a name (useful for having multiple loggers)\nlogger = logging.getLogger(name=\"logger name\")  \nlogger.level  # LOG_LEVEL for this logger\n\n# disable all logging calls of severity level and below\n# alternative to basicConfig(level=logging.LOG_LEVEL)\nlogging.disable(level=LOG_LEVEL)  \n</code></pre>"},{"location":"languages/python/modules/logging.html#format-basicconfigformat","title":"Format (<code>basicConfig(format=\"\")</code>)","text":"Attribute name Format Description asctime <code>%(asctime)s</code> Human-readable time when the LogRecord was created. Modified by <code>basicConfig(datefmt=\"\")</code> created <code>%(created)f</code> Time when the LogRecord was created (as returned by <code>time.time()</code>). filename <code>%(filename)s</code> Filename portion of pathname. funcName <code>%(funcName)s</code> Name of function containing the logging call. levelname <code>%(levelname)s</code> Text logging level for the message. levelno <code>%(levelno)s</code> Numeric logging level for the message. lineno <code>%(lineno)d</code> Source line number where the logging call was issued (if available). message <code>%(message)s</code> The logged message, computed as <code>msg % args</code>. module <code>%(module)s</code> Module (name portion of filename). msecs <code>%(msecs)d</code> Millisecond portion of the time when the LogRecord was created. name <code>%(name)s</code> Name of the logger used to log the call. pathname <code>%(pathname)s</code> Full pathname of the source file where the logging call was issued (if available). process <code>%(process)d</code> Process ID (if available). processName <code>%(processName)s</code> Process name (if available). thread <code>%(thread)d</code> Thread ID (if available). threadName <code>%(threadName)s</code> Thread name (if available)."},{"location":"languages/python/modules/logging.html#datefmt-basicconfigdatefmt","title":"Datefmt (<code>basicConfig(datefmt=\"\")</code>)","text":"Directive Meaning <code>%a</code> Locale's abbreviated weekday name. <code>%A</code> Locale's full weekday name. <code>%b</code> Locale's abbreviated month name. <code>%B</code> Locale's full month name. <code>%c</code> Locale's appropriate date and time representation. <code>%d</code> Day of the month as a decimal number [01,31]. <code>%H</code> Hour (24-hour clock) as a decimal number [00,23]. <code>%I</code> Hour (12-hour clock) as a decimal number [01,12]. <code>%j</code> Day of the year as a decimal number [001,366]. <code>%m</code> Month as a decimal number [01,12]. <code>%M</code> Minute as a decimal number [00,59]. <code>%p</code> Locale's equivalent of either AM or PM. <code>%S</code> Second as a decimal number [00,61]. <code>%U</code> Week number of the year (Sunday as the first day of the week) as a decimal number [00,53]. <code>%w</code> Weekday as a decimal number [0(Sunday),6]. <code>%W</code> Week number of the year (Monday as the first day of the week) as a decimal number [00,53]. <code>%x</code> Locale's appropriate date representation. <code>%X</code> Locale's appropriate time representation. <code>%y</code> Year without century as a decimal number [00,99]. <code>%Y</code> Year with century as a decimal number. <code>%z</code> Time zone offset indicating a positive or negative time difference from UTC/GMT of the form +HHMM or -HHMM [-23:59, +23:59]. <code>%Z</code> Time zone name (no characters if no time zone exists). <code>%%</code> A literal '%' character."},{"location":"languages/python/modules/logging.html#logs","title":"Logs","text":"<p>Log Levels (Low To High):</p> <ul> <li>default: <code>0</code></li> <li>debug: <code>10</code></li> <li>info: <code>20</code></li> <li>warning: <code>30</code></li> <li>error: <code>40</code></li> <li>critical: <code>50</code></li> </ul> Python<pre><code>logging.debug(msg)  # Logs a message with level DEBUG on the root logger\nlogging.info(msg)  # Logs a message with level INFO on the root logger\nlogging.warning(msg)  # Logs a message with level WARNING on the root logger\nlogging.error(msg)  # Logs a message with level ERROR on the root logger\nlogging.critical(msg)  # Logs a message with level CRITICAL on the root logger\n</code></pre>"},{"location":"languages/python/modules/shutil.html","title":"Shutil Module","text":"<p>High-level file operations</p> Python<pre><code># copy file src to fil dst, return dst in most efficient way\nshutil.copyfile(src, dst)\n# dst MUST be complete target name\n# if dst already exists it will be overwritten\n\n# copy file src to directory dst, return path to new file\nshutil.copy(src, dst)\n\n# Recursively copy entire dir-tree rooted at src to directory named dst\n# return the destination directory\nshutil.copytree(src, dst, dirs_exist_ok=False)\n# DIRS_EXIST_OK: {bool} -- dictates whether to raise an exception in case dst\n# or any missing parent directory already exists\n\n# delete an entire directory tree\nshutil.rmtree(path, ignore_errors=False, onerror=None)\n# IGNORE_ERROR: {bool} -- if true errors (failed removals) will be ignored\n# ON_ERROR: handler for removal errors (if ignore_errors=False or omitted)\n\n# recursively move file or directory (src) to dst, return dst\nshutil.move(src, dst)\n# if the destination is an existing directory, then src is moved inside that directory.\n# if the destination already exists but is not a directory,\n# it may be overwritten depending on os.rename() semantics\n# used to rename files\n\n# change owner user and/or group of the given path\nshutil.chown(path, user=None, group=None)\n# user can be a system user name or a uid; the same applies to group.\n#  At least one argument is required\n\n# create archive file and return its name\nshutil.make_archive(base_name, format, [root_dir, base_dir])\n# BASE_NAME: {string} -- name of the archive, including path, excluding extension\n# FROMAT: {zip, tar, gztar, bztar, xztar} -- archive format\n# ROOT_DIR: {path} -- root directory of archive (location of archive)\n# BASE_DIR: {path} -- directory where the archiviation starts\n\n# unpack an archive\nshutil.unpack_archive(filename, [extract_dir, format])\n# FILENAME: full path of archive\n# EXTRACT_DIR: {path} -- directory to unpack into\n# FORMAT: {zip, tar, gztar, bztar, xztar} -- archive format\n\n# return disk usage statistics as Namedtuple w/ attributes total, used, free\nshutil.disk_usage(path)\n</code></pre>"},{"location":"languages/python/modules/smtplib.html","title":"SMTPlib Module","text":"Python<pre><code>import smtplib\n\n# SMTP instance that encapsulates a SMTP connection\n# If the optional host and port parameters are given, the SMTP connect() method is called with those parameters during initialization.\ns = smtplib.SMTP(host=\"host_smtp_address\", port=\"smtp_service_port\", **kwargs)\n\ns = smtplib.SMTP_SSL(host=\"host_smtp_address\", port=\"smtp_service_port\", **kwargs)\n# An SMTP_SSL instance behaves exactly the same as instances of SMTP.\n# SMTP_SSL should be used for situations where SSL is required from the beginning of the connection\n# and using starttls() is not appropriate.\n# If host is not specified, the local host is used.\n# If port is zero, the standard SMTP-over-SSL port (465) is used.\n\nSMTP.connect(host='localhost', port=0)\n#Connect to a host on a given port. The defaults are to connect to the local host at the standard SMTP port (25). If the hostname ends with a colon (':') followed by a number, that suffix will be stripped off and the number interpreted as the port number to use. This method is automatically invoked by the constructor if a host is specified during instantiation. Returns a 2-tuple of the response code and message sent by the server in its connection response.\n\nSMTP.verify(address)  # Check the validity of an address on this server using SMTP VRFY\n\nSMTP.login(user=\"full_user_mail\", password=\"user_password\")  # Log-in on an SMTP server that requires authentication\n\nSMTP.SMTPHeloError  # The server didn't reply properly to the HELO greeting\nSMTP.SMTPAuthenticationError  # The server didn't accept the username/password combination.\nSMTP.SMTPNotSupportedError  # The AUTH command is not supported by the server.\nSMTP.SMTPException  # No suitable authentication method was found.\n\nSMTP.starttls(keyfile=None, certfile=None, **kwargs)  # Put the SMTP connection in TLS (Transport Layer Security) mode. All SMTP commands that follow will be encrypted\n# from_addr &amp; to_addrs are used to construct the message envelope used by the transport agents. sendmail does not modify the message headers in any way.\n# msg may be a string containing characters in the ASCII range, or a byte string. A string is encoded to bytes using the ascii codec, and lone \\r and \\n characters are converted to \\r\\n characters. A byte string is not modified.\nSMTP.sendmail(from_addr, to_addrs, msg, **kwargs)\n# from_addr: {string} -- RFC 822 from-address string\n# ro_addrs: {string, list of strings} -- list of RFC 822 to-address strings\n# msg: {string} -- message string\n\n# This is a convenience method for calling sendmail() with the message represented by an email.message.Message object.\nSMTP.send_message(msg, from_addr=None, to_addrs=None, **kwargs)\n# from_addr: {string} -- RFC 822 from-address string\n# ro_addrs: {string, list of strings} -- list of RFC 822 to-address strings\n# msg: {email.message.Message object} -- message string\nSMTP.quit()  # Terminate the SMTP session and close the connection. Return the result of the SMTP QUIT command\n</code></pre>"},{"location":"languages/python/modules/socket.html","title":"Socket Module","text":""},{"location":"languages/python/modules/socket.html#definition","title":"Definition","text":"<p>A network socket is an internal endpoint for sending or receiving data within a node on a computer network.</p> <p>In practice, socket usually refers to a socket in an Internet Protocol (IP) network, in particular for the Transmission Control Protocol (TCP), which is a protocol for one-to-one connections. In this context, sockets are assumed to be associated with a specific socket address, namely the IP address and a port number for the local node, and there is a corresponding socket address at the foreign node (other node), which itself has an associated socket, used by the foreign process. Associating a socket with a socket address is called binding.</p>"},{"location":"languages/python/modules/socket.html#socket-creation-connection","title":"Socket Creation &amp; Connection","text":"Python<pre><code>import socket\n\n# socket over the internet, socket is a stream of data\nsocket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n\nsocket.connect = ((\"URL\", port: int))  # connect to socket\nsocket.close()  # close connection\n</code></pre>"},{"location":"languages/python/modules/socket.html#making-http-requests","title":"Making HTTP Requests","text":"Python<pre><code>import socket\nHTTP_Method = \"GET http://url/resource HTTP/version\\n\\n\".encode()  # set HTTP request (encoded string from UTF-8 to bytes)\nsocket.send(HTTP_Method)   # make HTTP request\n\ndata = socket.recv(buffer_size)  # receive data from socket\ndecoded = data.decode()  # decode data (from bytes to UTF-8)\n</code></pre>"},{"location":"languages/python/modules/sqlite.html","title":"sqlite3 Module","text":""},{"location":"languages/python/modules/sqlite.html#connecting-to-the-database","title":"Connecting To The Database","text":"<p>To use the module, you must first create a Connection object that represents the database.</p> Python<pre><code>import sqlite3\nconnection = sqlite3.connect(\"file.db\")\n</code></pre> <p>Once you have a <code>Connection</code>, you can create a <code>Cursor</code> object and call its <code>execute()</code> method to perform SQL commands.</p> Python<pre><code>cursor = connection.cursor()\n\ncursor.execute(sql)\nexecutemany(sql, seq_of_parameters)  # Executes an SQL command against all parameter sequences or mappings found in the sequence seq_of_parameters.\n\ncursor.close()  # close the cursor now\n# ProgrammingError exception will be raised if any operation is attempted with the cursor.\n</code></pre> <p>The data saved is persistent and is available in subsequent sessions.</p>"},{"location":"languages/python/modules/sqlite.html#query-construction","title":"Query Construction","text":"<p>Usually your SQL operations will need to use values from Python variables. You shouldn't assemble your query using Python's string operations because doing so is insecure: it makes your program vulnerable to an SQL injection attack</p> <p>Put <code>?</code> as a placeholder wherever you want to use a value, and then provide a tuple of values as the second argument to the cursor's <code>execute()</code> method.</p> Python<pre><code># Never do this -- insecure!\nc.execute(\"SELECT * FROM stocks WHERE symbol = value\")\n\n# Do this instead\nt = ('RHAT',)\nc.execute('SELECT * FROM stocks WHERE symbol=?', t)\nprint(c.fetchone())\n\n# Larger example that inserts many records at a time\npurchases = [('2006-03-28', 'BUY', 'IBM', 1000, 45.00),\n             ('2006-04-05', 'BUY', 'MSFT', 1000, 72.00),\n             ('2006-04-06', 'SELL', 'IBM', 500, 53.00),\n            ]\nc.executemany('INSERT INTO stocks VALUES (?,?,?,?,?)', purchases)\n</code></pre>"},{"location":"languages/python/modules/sqlite.html#writing-operations-to-disk","title":"Writing Operations to Disk","text":"Python<pre><code>cursor = connection.cursor()\ncursor.execute(\"SQL\")\nconnection.commit()\n</code></pre>"},{"location":"languages/python/modules/sqlite.html#multiple-sql-instructions","title":"Multiple SQL Instructions","text":"Python<pre><code>connection = sqlite3.connect(\"file.db\")\ncur = con.cursor()\ncur.executescript(\"\"\"\n    QUERY_1;\n    QUERY_2;\n    ...\n    QUERY_N;\n    \"\"\")\n\ncon.close()\n</code></pre>"},{"location":"languages/python/modules/sqlite.html#retrieving-records","title":"Retrieving Records","text":"Python<pre><code># Fetches the next row of a query result set, returning a single sequence.\n# Returns None when no more data is available.\ncursor.fetchone()  \n\n# Fetches all (remaining) rows of a query result, returning a list.\n# An empty list is returned when no rows are available.\ncursor.fetchall()  \n\n# Fetches the next set of rows of a query result, returning a list.\n# An empty list is returned when no more rows are available.\nfetchmany(size=cursor.arraysize)\n</code></pre> <p>The number of rows to fetch per call is specified by the <code>size</code> parameter. If it is not given, the cursor's <code>arraysize</code> determines the number of rows to be fetched. The method should try to fetch as many rows as indicated by the size parameter. If this is not possible due to the specified number of rows not being available, fewer rows may be returned.</p> <p>Note there are performance considerations involved with the size parameter. For optimal performance, it is usually best to use the arraysize attribute. If the size parameter is used, then it is best for it to retain the same value from one <code>fetchmany()</code> call to the next.</p>"},{"location":"languages/python/modules/time-datetime.html","title":"Time &amp; Datetime","text":""},{"location":"languages/python/modules/time-datetime.html#time","title":"Time","text":"Python<pre><code># epoch: elapsed time in seconds (in UNIX starts from 01-010-1970)\nimport time # UNIX time\nvariable = time.time () # returns the time (in seconds) elapsed since 01-01-1970\nvariable = time.ctime (epochseconds) # transform epoch into date\n\nvar = time.perf_counter () # returns the current running time\n# execution time = start time - end time\n</code></pre>"},{"location":"languages/python/modules/time-datetime.html#timesrtfrime-format","title":"time.srtfrime() format","text":"Format Data <code>%a</code> Locale's abbreviated weekday name. <code>%A</code> Locale's full weekday name. <code>%b</code> Locale's abbreviated month name. <code>%B</code> Locale's full month name. <code>%c</code> Locale's appropriate date and time representation. <code>%d</code> Day of the month as a decimal number <code>[01,31]</code>. <code>%H</code> Hour (24-hour clock) as a decimal number <code>[00,23]</code>. <code>%I</code> Hour (12-hour clock) as a decimal number <code>[01,12]</code>. <code>%j</code> Day of the year as a decimal number <code>[001,366]</code>. <code>%m</code> Month as a decimal number <code>[01,12]</code>. <code>%M</code> Minute as a decimal number <code>[00,59]</code>. <code>%p</code> Locale's equivalent of either AM or PM. <code>%S</code> Second as a decimal number <code>[00,61]</code>. <code>%U</code> Week number of the year (Sunday as the first day of the week) as a decimal number <code>[00,53]</code>. <code>%w</code> Weekday as a decimal number <code>[0(Sunday),6]</code>. <code>%W</code> Week number of the year (Monday as the first day of the week) as a decimal number <code>[00,53]</code>. <code>%x</code> Locale's appropriate date representation. <code>%X</code> Locale's appropriate time representation. <code>%y</code> Year without century as a decimal number <code>[00,99]</code>. <code>%Y</code> Year with century as a decimal number. <code>%z</code> Time zone offset indicating a positive or negative time difference from UTC/GMT of the form +HHMM or -HHMM <code>%Z</code> Time zone name (no characters if no time zone exists). <code>%%</code> A literal <code>%</code> character."},{"location":"languages/python/modules/time-datetime.html#datetime","title":"Datetime","text":"Python<pre><code>import datetime\ntoday = datetime.date.today () # returns current date\ntoday = datetime.datetime.today () # returns the current date and time\n\n# formatting example\nprint ('Current Date: {} - {} - {}' .format (today.day, today.month, today.year))\nprint ('Current Time: {}: {}. {}' .format (today.hour, today.minute, today.second))\n\nvar_1 = datetime.date (year, month, day) # create date object\nvar_2 = datetime.time (hour, minute, second, micro-second) # create time object\ndt = datetime.combine (var_1, var_2) # combine date and time objects into one object\n\ndate_1 = datetime.date ('year', 'month', 'day')\ndate_2 = date_1.replace (year = 'new_year')\n\n#DATETIME ARITHMETIC\ndate_1 - date_2 # -&gt; datetime.timedelta (num_of_days)\ndatetime.timedelta # duration expressing the difference between two date, time or datetime objects\n</code></pre>"},{"location":"languages/python/modules/unittest.html","title":"Unittest Module","text":"Python<pre><code>import unittest\nimport module_under_test\n\nclass Test(unittest.TestCase):\n\n    def test_1(self):\n        self.assert*(output, expected_output)\n\nif __name__ == '__main__':\n    unittest.main()\n</code></pre>"},{"location":"languages/python/modules/unittest.html#testcase-class","title":"TestCase Class","text":"<p>Instances of the <code>TestCase</code> class represent the logical test units in the unittest universe. This class is intended to be used as a base class, with specific tests being implemented by concrete subclasses. This class implements the interface needed by the test runner to allow it to drive the tests, and methods that the test code can use to check for and report various kinds of failure.</p>"},{"location":"languages/python/modules/unittest.html#assert-methods","title":"Assert Methods","text":"Method Checks that <code>assertEqual(a, b)</code> <code>a == b</code> <code>assertNotEqual(a, b)</code> <code>a != b</code> <code>assertTrue(x)</code> <code>bool(x) is True</code> <code>assertFalse(x)</code> <code>bool(x) is False</code> <code>assertIs(a, b)</code> <code>a is b</code> <code>assertIsNot(a, b)</code> <code>a is not b</code> <code>assertIsNone(x)</code> <code>x is None</code> <code>assertIsNotNone(x)</code> <code>x is not None</code> <code>assertIn(a, b)</code> <code>a in b</code> <code>assertNotIn(a, b)</code> <code>a not in b</code> <code>assertIsInstance(a, b)</code> <code>isinstance(a, b)</code> <code>assertNotIsInstance(a, b)</code> <code>not isinstance(a, b)</code> Method Checks that <code>assertRaises(exc, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises exc <code>assertRaisesRegex(exc, r, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises exc and the message matches regex <code>r</code> <code>assertWarns(warn, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises warn <code>assertWarnsRegex(warn, r, fun, *args, **kwds)</code> <code>fun(*args, **kwds)</code> raises warn and the message matches regex r <code>assertLogs(logger, level)</code> The with block logs on logger with minimum level Method Checks that <code>assertAlmostEqual(a, b)</code> <code>round(a-b, 7) == 0</code> <code>assertNotAlmostEqual(a, b)</code> <code>round(a-b, 7) != 0</code> <code>assertGreater(a, b)</code> <code>a &gt; b</code> <code>assertGreaterEqual(a, b)</code> <code>a &gt;= b</code> <code>assertLess(a, b)</code> <code>a &lt; b</code> <code>assertLessEqual(a, b)</code> <code>a &lt;= b</code> <code>assertRegex(s, r)</code> <code>r.search(s)</code> <code>assertNotRegex(s, r)</code> <code>not r.search(s)</code> <code>assertCountEqual(a, b)</code> a and b have the same elements in the same number, regardless of their order. Method Used to compare <code>assertMultiLineEqual(a, b)</code> strings <code>assertSequenceEqual(a, b)</code> sequences <code>assertListEqual(a, b)</code> lists <code>assertTupleEqual(a, b)</code> tuples <code>assertSetEqual(a, b)</code> sets or frozensets <code>assertDictEqual(a, b)</code> dicts"},{"location":"languages/rust/cargo.html","title":"Cargo build system and package manager","text":""},{"location":"languages/rust/cargo.html#creating-a-project","title":"Creating a project","text":"PowerShell<pre><code>cargo new project_name  # creates project folder and basic files\ncargo new --vcs=git project_name  # init project as git repo\n</code></pre>"},{"location":"languages/rust/cargo.html#building-running-checking-a-project","title":"Building, Running &amp; Checking a project","text":"<p>Inside the project directory:</p> PowerShell<pre><code>cargo build  # build project and download eventual needed dependencies\ncargo build --release  # build project for release (build + optimisations)\ncargo run  # executes the built executable\ncargo check  # verifies buildability without producing an executable\n</code></pre>"},{"location":"languages/rust/cargo.html#dependencies","title":"Dependencies","text":"<p>In <code>Cargo.toml</code>:</p> TOML<pre><code>[dependencies]\ncrate_name = \"&lt;version_number&gt;\"\n</code></pre>"},{"location":"languages/rust/cargo.html#code-organization","title":"Code Organization","text":"<p>Rust has a number of features that allow to manage the code's organization, including which details are exposed, which details are private, and what names are in each scope in the programs.</p> <p>These features, sometimes collectively referred to as the module system, include:</p> <ul> <li>Packages: A Cargo feature that allows to build, test, and share crates</li> <li>Crates: A tree of modules that produces a library or executable</li> <li>Modules and <code>use</code>: Allow to control the organization, scope, and privacy of paths</li> <li>Paths: A way of naming an item, such as a struct, function, or module</li> </ul>"},{"location":"languages/rust/cargo.html#packages-crates","title":"Packages &amp; Crates","text":"<p>A crate is a binary or library. The crate root is a source file that the Rust compiler starts from and makes up the root module of he crate. A package is one or more crates that provide a set of functionality. A package contains a <code>Cargo.toml</code> file that describes how to build those crates.</p> <p>Several rules determine what a package can contain. A package must contain <code>zero</code> or <code>one</code> library crates (<code>lib</code> ?), and no more. It can contain as many <code>binary</code> crates as you'd like, but it must contain at least one crate (either library or binary).</p> <p>If a package contains <code>src/main.rs</code> and <code>src/lib.rs</code>, it has two crates: a library and a binary, both with the same name as the package. A package can have multiple binary crates by placing files in the <code>src/bin</code> directory: each file will be a separate binary crate.</p> <p>A crate will group related functionality together in a scope so the functionality is easy to share between multiple projects.</p> <p>Cargo follows a convention that <code>src/main.rs</code> is the crate root of a binary crate with the same name as the package. Likewise, Cargo knows that if the package directory contains <code>src/lib.rs</code>, the package contains a library crate with the same name as the package, and <code>src/lib.rs</code> is its crate root.</p>"},{"location":"languages/rust/cargo.html#modules","title":"Modules","text":"<p>Modules allow to organize code within a crate into groups for readability and easy reuse. Modules also control the privacy of items, which is whether an item can be used by outside code (public) or is an internal implementation detail and not available for outside use (private).</p> <p>Define a module by starting with the <code>mod</code> keyword and then specify the name of the module and place curly brackets around the body of the module. Inside modules, it's possible to have other modules. Modules can also hold definitions for other items, such as structs, enums, constants, traits, or functions.</p>"},{"location":"languages/rust/cargo.html#paths","title":"Paths","text":"<p>A path can take two forms:</p> <ul> <li>An absolute path starts from a crate root by using a crate name or a literal crate.</li> <li>A relative path starts from the current module and uses self, super, or an identifier in the current module.</li> </ul> <p>Both absolute and relative paths are followed by one or more identifiers separated by double colons (<code>::</code>).</p> Rust<pre><code>module::function();  // rel path (same crate)\nsuper::function();;  // rel path starting in outer module (same crate)\n\ncrate::module::function();  // abs path (same crate)\n&lt;crate_name&gt;::module::function();  // abs path (other crate)\n</code></pre>"},{"location":"languages/rust/cargo.html#public-vs-private","title":"Public vs Private","text":"<p>Modules aren\u2019t useful only for organizing the code. They also define Rust\u2019s privacy boundary: the line that encapsulates the implementation details external code isn\u2019t allowed to know about, call, or rely on. So, to make an item like a function or struct private, put it in a module.</p> <p>The way privacy works in Rust is that all items (functions, methods, structs, enums, modules, and constants) are private by default. Items in a parent module can\u2019t use the private items inside child modules, but items in child modules can use the items in their ancestor modules. The reason is that child modules wrap and hide their implementation details, but the child modules can see the context in which they\u2019re defined.</p> Rust<pre><code>mod module {\n    fn func() {}\n}\n\n// for a function to be accessible both module and function must be public\npub mod public_module {\n    pub fn public_func() {}\n}\n\nmod file_level_module;  // define a module for the whole file (same name as file)\n</code></pre> <p>It's possible to use <code>pub</code> to designate structs and enums as public, but there are a few extra details. If <code>pub</code> is used before a struct definition, this makes the struct public, but the struct's fields will still be private. It's possible make each field public or not on a case-by-case basis.</p> <p>In contrast, if an enum is made public, all of its variants are then public.</p>"},{"location":"languages/rust/cargo.html#use","title":"<code>use</code>","text":"Rust<pre><code>use &lt;crate_name&gt;::module;  // import module (abs path, other crate)\nuse crate::module;  // import module (abs path, same crate)\nuse self::module;  // import module (rel path, same crate)\n\nuse &lt;crate_name&gt;::module as alias;  // import module w/ aliases\npub use &lt;crate_name&gt;::module;  // re-exporting (import and make available to others)\n\nuse &lt;crate_name&gt;::module::{self, Item}; // import multiple paths\npub use &lt;crate_name&gt;::module::*; // import all public items (Glob operator)\n\nmodule::function();  // use func w/ shorter path\n</code></pre>"},{"location":"languages/rust/cargo.html#separating-into-multiple-files","title":"Separating into multiple files","text":"Text Only<pre><code>src\n|_main.rs  --&gt; default executable file\n|_lib.rs  --&gt; default library file\n|__module\n|  |_mod.rs --&gt; export submodules\n|  |_submodule.rs --&gt; submodule\n</code></pre> Rust<pre><code>// main.rs\nmod module;  // declare module directory as a module\n\n// mod.rs\npub mod sub_module;  // declare sub_module file as a module\n</code></pre>"},{"location":"languages/rust/concurrency.html","title":"Concurrency","text":"<p>Rust Book - Concurrency Rust Atomics and Locks - Mara Bos</p> <p>Operating systems isolate processes from each other as much as possible, allowing a program to do its thing while completely unaware of what any other processes are doing. For example, a process cannot normally access the memory of another process, or communicate with it in any way, without asking the operating system\u2019s kernel first.</p> <p>However, a program can spawn extra threads of execution, as part of the same process. Threads within the same process are not isolated from each other. Threads share memory and can interact with each other through that memory.</p>"},{"location":"languages/rust/concurrency.html#threads","title":"Threads","text":"<p>Every program starts with exactly one thread: the main thread. This thread will execute the <code>main</code> function and can be used to spawn more threads if necessary.</p> <p>New threads are spawned using the <code>std::thread::spawn</code> function from the standard library. It takes a single argument: the function the new thread will execute. The thread stops once this function returns.</p> <p>Returning from <code>main</code> will exit the entire program, even if other threads are still running. To make sure the spawned threads have finished their work it's possible to wait by joining them.</p> Rust<pre><code>// spawn a new thread\nlet handle = std::thread::spawn(move || {\n\n    // read the current thread ID\n    let thread_id = std::thread::current().id();\n});\n\n// wait for the thread to finish by joining it\nhandle.join();\n</code></pre> <p>Since a thread might run until the very end of the program\u2019s execution, the spawn function has a <code>'static</code> lifetime bound on its argument type. In other words, it only accepts functions that may be kept around forever. A closure capturing a local variable by reference may not be kept around forever, since that reference would become invalid the moment the local variable ceases to exist.</p> <p>Getting a value back out of the thread is done by returning it from the closure. This return value can be obtained from the <code>Result</code> returned by the <code>join</code> method.</p> <p>Note: if a thread panics the handle will return the panic message so that it can be handled.</p> Rust<pre><code>let numbers = Vec::from_iter(0..=1000);\n\n// `move` ensures the tread takes ownership by move the data\nlet handle = thread::spawn(move || {\n    let len = numbers.len();\n    let sum = numbers.iter().sum::&lt;usize&gt;();\n    sum / len\n});\n\n\nlet average = handle.join().unwrap();\n</code></pre>"},{"location":"languages/rust/concurrency.html#scoped-threads","title":"Scoped Threads","text":"<p>Scoped threads ensure that all thread spawned within a scope do not outlive said scope. This makes possible to borrow data that outlives the scope. This is possible since the scope <code>spawn</code> function does not have a <code>'static</code> bound.</p> <p>Note: it's not possible to spawn multiple threads sharing the same data is one of the is mutating it.</p> Rust<pre><code>let numbers = Vec::from_iter(0..=10);\n\nstd::thread::scope(|scope| {\n    // data is borrowed since the `move` keyword is missing\n    scope.spawn(|| { \n        let len = numbers.len(); \n        // ...\n    });\n\n    scope.spawn(|| { /* ... */ });\n});\n</code></pre>"},{"location":"languages/rust/concurrency.html#shared-ownership","title":"Shared Ownership","text":"<p>When sharing data between two threads where neither thread is guaranteed to outlive the other, neither of them can be the owner of that data. Any data shared between them will need to live as long as the longest living thread.</p> <p>There are several ways to create data that is not owned by any single thread:</p> <ul> <li> <p>Statics: A <code>static</code> item has a constant initializer, is never dropped, and already exists before the main function of the program even starts. Every thread can borrow it, since it\u2019s guaranteed to always exist.</p> </li> <li> <p>Leaking: Using <code>Box::leak</code>, one can release ownership of a <code>Box</code>, promising to never drop it. From that point on, the <code>Box</code> will live forever, without an owner, allowing it to be borrowed by any thread for as long as the program runs.</p> </li> <li> <p>Reference Counting: To make sure that shared data gets dropped and deallocated data ownership it's never gave up completely, is instead shared. By keeping track of the number of owners, it's possible to make sure the value is dropped only when there are no owners left. The standard library offers such functionality with the <code>Rc&lt;T&gt;</code> &amp; <code>Arc&lt;T&gt;</code> types.</p> </li> </ul>"},{"location":"languages/rust/concurrency.html#thread-safety-send-and-sync","title":"Thread Safety: Send and Sync","text":"<p>The <code>Send</code> marker trait indicates that ownership of values of the type implementing <code>Send</code> can be transferred between threads. Any type composed entirely of <code>Send</code> types is automatically marked as <code>Send</code>.  Almost all primitive types are <code>Send</code>, aside from raw pointers.</p> <p>The <code>Sync</code> marker trait indicates that it is safe for the type implementing <code>Sync</code> to be referenced from multiple threads. In other words, any type <code>T</code> is <code>Sync</code> if <code>&amp;T</code> (an immutable reference to <code>T</code>) is <code>Send</code>, meaning the reference can be sent safely to another thread. Similar to <code>Send</code>, primitive types are <code>Sync</code>, and types composed entirely of types that are <code>Sync</code>are also <code>Sync</code>.</p> <p>Note: All primitive types such as <code>i32</code>, <code>bool</code>, and <code>str</code> are both <code>Send</code> and <code>Sync</code>.</p>"},{"location":"languages/rust/concurrency.html#locking-protecting-shared-data","title":"Locking: Protecting Shared Data","text":""},{"location":"languages/rust/concurrency.html#mutex","title":"Mutex","text":"<p>The most commonly used tool for sharing (mutable) data between threads is a mutex, which is short for \"mutual exclusion.\" The job of a mutex is to ensure threads have exclusive access to some data by temporarily blocking other threads that try to access it at the same time.</p> <p>A mutex has only two states: locked and unlocked.</p> <p>When a thread locks an unlocked mutex, the mutex is marked as locked and the thread can immediately continue. When a thread then attempts to lock an already locked mutex, that operation will block. The thread is put to sleep while it waits for the mutex to be unlocked. Unlocking is only possible on a locked mutex, and should be done by the same thread that locked it. If other threads are waiting to lock the mutex, unlocking will cause one of those threads to be woken up, so it can try to lock the mutex again and continue its course.</p> <p>Protecting data with a mutex is simply the agreement between all threads that they will only access the data when they have the mutex locked. That way, no two threads can ever access that data concurrently and cause a data race.</p> <p>The Rust standard library provides this functionality through <code>std::sync::Mutex&lt;T&gt;</code>. Since the mutex wraps and owns the <code>T</code> it protects, the data can only be accessed through the mutex, allowing for a safe interface that can guarantee only one thread at a time can access the wrapped <code>T</code>.</p> <p>To ensure a locked mutex can only be unlocked by the thread that locked it, it does not have an <code>unlock()</code> method. Instead, its <code>lock()</code> method returns a  a <code>MutexGuard</code> to represent the lock. The <code>MutexGuard</code> allows exclusive access to the data the mutex protects. Unlocking the mutex is done by dropping the guard.</p> Rust<pre><code>let mutex = std::sync::Mutex::new(0);\n\nstd::thread::scope(|scope| {\n    scope.spawn(|| {\n        let guard = mutex.lock().unwrap();  // obtain access\n        *guard += 1;  // mutate protected value\n    })\n});\n</code></pre>"},{"location":"languages/rust/concurrency.html#lock-poisoning","title":"Lock Poisoning","text":"<p>The <code>lock()</code> method returns a <code>Result</code> since the mutex can become poisoned. A mutex get marked as poisoned when a thread panics while holding the lock. Calling <code>lock()</code> on a poisoned mutex will return an <code>Err</code>. This poisoning mechanism protects against accessing data that may be in an inconsistent state.  </p> <p>Note: The lock is still acquired and the <code>Err</code> variant contains the guard, allowing to correct the data inconsistency.</p>"},{"location":"languages/rust/concurrency.html#reader-writer-lock","title":"Reader-Writer Lock","text":"<p>A reader-writer lock understands the difference between exclusive and shared access, and can provide either. It has three states: unlocked, locked by a single writer (for exclusive access), and locked by any number of readers (for shared access).</p> <p>The Rust standard library provides this lock through the <code>std::sync::RwLock&lt;T&gt;</code> type.  It has a <code>read()</code> and <code>write()</code> method for locking as either a reader or a writer and it has two guard types: <code>RwLockReadGuard</code> and <code>RwLockWriteGuard</code>.</p> <p>The first only implements <code>Deref</code> to behave like a shared reference to the protected data, while the second also implements <code>DerefMut</code> to behave like an exclusive reference.</p> <p>Most implementations will block new readers when there is a writer waiting, even when the lock is already read-locked. This is done to prevent writer starvation, a situation where many readers collectively keep the lock from ever unlocking, never allowing any writer to update the data.</p>"},{"location":"languages/rust/concurrency.html#waiting-putting-thread-to-sleep","title":"Waiting: Putting Thread to Sleep","text":""},{"location":"languages/rust/concurrency.html#thread-parking","title":"Thread Parking","text":"<p>One way to wait for a notification from another thread is called thread parking. A thread can park itself, which puts it to sleep, stopping it from consuming any CPU cycles. Another thread can then unpark the parked thread, waking it up from its sleep.</p> <p>Thread parking is available through the <code>std::thread::park()</code> function. For unparking, it's possible to call the <code>unpark()</code> method on a <code>Thread</code> handle.</p> <p>An important property of thread parking is that a call to <code>unpark()</code> before the thread parks itself does not get lost. The request to unpark is still recorded, and the next time the thread tries to park itself, it clears that request and directly continues without actually going to sleep.</p> <p>Note: calls to <code>unpark()</code> do not stack up.</p>"},{"location":"languages/rust/concurrency.html#condition-variables","title":"Condition Variables","text":"<p>Condition variables are a more commonly used option for waiting for something to happen to data protected by a mutex. They have two basic operations: wait and notify.</p> <p>Threads can wait on a condition variable, after which they can be woken up when another thread notifies that same condition variable. Multiple threads can wait on the same condition variable, and notifications can either be sent to one waiting thread, or to all of them.</p> <p>To avoid the issue of missing notifications in the brief moment between unlocking a mutex and waiting for a condition variable, condition variables provide a way to atomically unlock the mutex and start waiting. This means there is simply no possible moment for notifications to get lost.</p> <p>The Rust standard library provides a condition variable as <code>std::sync::Condvar</code>. Its <code>wait</code> method takes a <code>MutexGuard</code> that proves we\u2019ve locked the mutex. It first unlocks the mutex (allowing other threads to work on it) and goes to sleep. When woken up, it relocks the mutex and returns a new <code>MutexGuard</code> (which proves that the mutex is locked again).</p> <p>It has two notify functions: <code>notify_one</code> to wake up just one waiting thread (if any), and <code>notify_all</code> to wake them all up.</p>"},{"location":"languages/rust/concurrency.html#atomics","title":"Atomics","text":"<p>The word atomic comes from the Greek word \u1f04\u03c4\u03bf\u03bc\u03bf\u03c2, meaning indivisible, something that cannot be cut into smaller pieces. In computer science, it is used to describe an operation that is indivisible: it is either fully completed, or it didn\u2019t happen yet.</p> <p>Atomic operations are the main building block for anything involving multiple threads. All the other concurrency primitives, such as mutexes and condition variables, are implemented using atomic operations.</p> <p>Each of the available atomic types has the same interface with methods for storing and loading, methods for atomic \"fetch-and-modify\" operations, and some more advanced \"compare-and-exchange\" methods.</p> <p>Every atomic operation takes an argument of type <code>std::sync::atomic::Ordering</code>, which determines the guarantees about the relative ordering of operations. Based on the ordering the various threads can witness the same operations happening in different orders.</p>"},{"location":"languages/rust/concurrency.html#load-store","title":"Load &amp; Store","text":"<p>The first two atomic operations are the most basic ones: load and store. Their function signatures are as follows, using AtomicI32 as an example:</p> Rust<pre><code>impl AtomicI32 {\n    pub fn load(&amp;self, ordering: Ordering) -&gt; i32;\n    pub fn store(&amp;self, value: i32, ordering: Ordering);\n}\n</code></pre> <p>The <code>load</code> method atomically loads the value stored in the atomic variable, and the <code>store</code> method atomically stores a new value in it.</p> <p>Note: the store method takes a shared reference (<code>&amp;T</code>) even though it modifies itself.</p>"},{"location":"languages/rust/concurrency.html#fetch-and-modify-operations","title":"Fetch-and-Modify Operations","text":"<p>The fetch-and-modify operations modify the atomic variable, but also load (fetch) the original value, as a single atomic operation.</p> Rust<pre><code>impl AtomicI32 {\n    pub fn fetch_add(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_sub(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_or(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_and(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_nand(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_xor(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_max(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn fetch_min(&amp;self, v: i32, ordering: Ordering) -&gt; i32;\n    pub fn swap(&amp;self, v: i32, ordering: Ordering) -&gt; i32;  // aka fetch_store\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#compare-and-exchange-operations","title":"Compare-and-Exchange Operations","text":"<p>The compare-and-exchange operation checks if the atomic value is equal to a given value, and only if that is the case does it replace it with a new value, all atomically as a single operation. It will return the previous value and tell whether it replaced it or not.</p> Rust<pre><code>impl AtomicI32 {\n    pub fn compare_exchange(\n        &amp;self,\n        expected: i32,\n        new: i32,\n        success_order: Ordering,\n        failure_order: Ordering\n    ) -&gt; Result&lt;i32, i32&gt;;\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#memory-ordering","title":"Memory Ordering","text":""},{"location":"languages/rust/concurrency.html#reordering-and-optimizations","title":"Reordering and Optimizations","text":"<p>Processors and compilers perform tricks to make programs run as fast as possible. A processor might determine that two particular consecutive instructions in the program will not affect each other, and execute them out of order, if that is faster. Similarly, a compiler might decide to reorder or rewrite parts of the program if it has reason to believe it might result in faster execution. But only if that wouldn\u2019t change the behavior of the program.</p> <p>The logic for verifying that a specific reordering or other optimization won\u2019t affect the behavior of the program does not take other threads into account. This is why explicitly telling the compiler and processor what they can and can\u2019t do with the atomic operations it's necessary, since their usual logic ignores interactions between threads and might allow for optimizations that do change the result of the program.</p> <p>The available orderings in Rust are:</p> <ul> <li>Relaxed ordering: <code>Ordering::Relaxed</code></li> <li>Release and acquire ordering: <code>Ordering::{Release, Acquire, AcqRel}</code></li> <li>Sequentially consistent ordering: <code>Ordering::SeqCst</code></li> </ul>"},{"location":"languages/rust/concurrency.html#the-memory-model","title":"The Memory Model","text":"<p>The different memory ordering options have a strict formal definition to make sure their assumption are known, and compiler writers know exactly what guarantees they need to provide. To decouple this from the details of specific processor architectures, memory ordering is defined in terms of an abstract memory model.</p> <p>Rust\u2019s memory model allows for concurrent atomic stores, but considers concurrent non-atomic stores to the same variable to be a data race, resulting in undefined behavior.</p>"},{"location":"languages/rust/concurrency.html#happens-before-relationship","title":"Happens-Before Relationship","text":"<p>The memory model defines the order in which operations happen in terms of happens-before relationships. This means that as an abstract model only defines situations where one thing is guaranteed to happen before another thing, and leaves the order of everything else undefined.</p> <p>Between threads, however, happens-before relationships only occur in a few specific cases, such as when spawning and joining a thread, unlocking and locking a mutex, and through atomic operations that use non-relaxed memory ordering. Relaxed memory ordering is the most basic (and most performant) memory ordering that, by itself, never results in any cross-thread happens-before relationships.</p> <p>Spawning a thread creates a happens-before relationship between what happened before the <code>spawn()</code> call, and the new thread. Similarly, joining a thread creates a happens-before relationship between the joined thread and what happens after the <code>join()</code> call.</p> Rust<pre><code>static X: AtomicI32 = AtomicI32::new(0);\n\nfn main() {\n    X.store(1, Relaxed);\n\n    let t = thread::spawn(f);  // happens after \"store 1\"\n    X.store(2, Relaxed);\n    t.join().unwrap();  // happens before \"store 3\"\n\n    X.store(3, Relaxed);\n}\n\nfn f() {\n    let x = X.load(Relaxed);  // could happen after either before or after \"store 2\"\n    assert!(x == 1 || x == 2);\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#relaxed-ordering","title":"Relaxed Ordering","text":"<p>While atomic operations using <code>Relaxed</code> memory ordering do not provide any happens-before relationship, they do guarantee a total modification order of each individual atomic variable. This means that all modifications of the same atomic variable happen in an order that is the same from the perspective of every single thread.</p>"},{"location":"languages/rust/concurrency.html#release-and-acquire-ordering","title":"Release and Acquire Ordering","text":"<p><code>Release</code> and <code>Acquire</code> memory ordering are used in a pair to form a happens-before relationship between threads. <code>Release</code> memory ordering applies to store operations, while <code>Acquire</code> memory ordering applies to load operations.</p> <p>A happens-before relationship is formed when an acquire-load operation observes the result of a release-store operation. In this case, the store and everything before it, happened before the load and everything after it.</p> <p>When using <code>Acquire</code> for a fetch-and-modify or compare-and-exchange operation, it applies only to the part of the operation that loads the value. Similarly, <code>Release</code> applies only to the store part of an operation. <code>AcqRel</code> is used to represent the combination of <code>Acquire</code> and <code>Release</code>, which causes both the load to use <code>Acquire</code> ordering, and the store to use <code>Release</code> ordering.</p> Rust<pre><code>use std::sync::atomic::Ordering::{Acquire, Release};\n\nstatic DATA: AtomicU64 = AtomicU64::new(0);\nstatic READY: AtomicBool = AtomicBool::new(false);\n\nfn main() {\n    thread::spawn(|| {\n        DATA.store(123, Relaxed);\n        READY.store(true, Release); // Everything from before this store ..\n    });\n\n    while !READY.load(Acquire) { // .. is visible after this loads `true`.\n        thread::sleep(Duration::from_millis(100));\n        println!(\"waiting...\");\n    }\n    println!(\"{}\", DATA.load(Relaxed));\n}\n</code></pre>"},{"location":"languages/rust/concurrency.html#consume-ordering","title":"Consume Ordering","text":"<p><code>Consume</code> ordering is a lightweight, more efficient, \u200bvariant of <code>Acquire</code> ordering, whose synchronizing effects are limited to things that depend on the loaded value.</p> <p>Now there\u2019s good news and bad news.</p> <p>In all modern processor architectures, <code>Consume</code> ordering is achieved with the exact same instructions as <code>Relaxed</code> ordering. In other words, <code>Consume</code> ordering can be \"free,\" which, at least on some platforms, is not the case for acquire ordering. Unfortunately no compiler actually implements <code>Consume</code> ordering.</p> <p>The concept of a \"dependent\" evaluation hard to define, it\u2019s even harder to keep such dependencies intact while transforming and optimizing a program.</p> <p>Because of this, compilers upgrade <code>Consume</code> ordering to <code>Acquire</code> ordering, just to be safe. The C++20 standard even explicitly discourages the use of <code>Consume</code> ordering, noting that an implementation other than just <code>Acquire</code> ordering turned out to be infeasible.</p>"},{"location":"languages/rust/concurrency.html#sequentially-consistent-ordering","title":"Sequentially Consistent Ordering","text":"<p>The strongest memory ordering is ssequentially consistent ordering (<code>SeqCst</code>). It includes all the guarantees of <code>Acquire</code> ordering (for loads) and <code>Release</code> ordering (for stores), and also guarantees a globally consistent order of operations.</p> <p>This means that every single operation using <code>SeqCst</code> ordering within a program is part of a single total order that all threads agree on. This total order is consistent with the total modification order of each individual variable.</p> <p>Since it is strictly stronger than <code>Acquire</code> and <code>Release</code> memory ordering, a sequentially consistent load or store can take the place of an acquire-load or release-store in a release-acquire pair to form a happens-before relationship. In other words, an acquire-load can not only form a happens-before relationship with a release-store, but also with a sequentially consistent store, and similarly the other way around.</p> <p>Virtually all real-world uses of <code>SeqCst</code> involve a pattern of a store that must be globally visible before a subsequent load on the same thread. For these situations, a potentially more efficient alternative is to instead use <code>Relaxed</code> operations in combination with a <code>SeqCst</code> fence.</p>"},{"location":"languages/rust/concurrency.html#fences","title":"Fences","text":"<p>The <code>std::sync::atomic::fence</code> function represents an atomic fence and is either a release fence (<code>Release</code>), an acquire fence (<code>Acquire</code>), or both (<code>AcqRel</code> or <code>SeqCst</code>). A <code>SeqCst</code> fence additionally also takes part in the sequentially consistent total order.</p> <p>An atomic fence allows to separate the memory ordering from the atomic operation. This can be useful to apply a memory ordering to multiple operations, or to apply it conditionally.</p> <p>In essence, a release-store can be split into a release fence followed by a (<code>Relaxed</code>) store, and an acquire-load can be split into a (<code>Relaxed</code>) load followed by an acquire fence.</p> Rust<pre><code>// The store of a release-acquire relationship\natom.store(1, Release);\n\n// can be substituted by a release fence followed by a relaxed store\nfence(Release);\natom.store(1, Relaxed);\n</code></pre> Rust<pre><code>// The load of a release-acquire relationship,\natom.load(Acquire);\n\n// can be substituted by a relaxed load followed by an acquire fence\natom.load(Relaxed);\nfence(Acquire);\n</code></pre> <p>Note: Using a separate fence can result in an extra processor instruction which can be slightly less efficient. Note: A fence is not tied to any single atomic variable. This means that a single fence can be used for multiple variables at once.</p> <p>A release fence can take the place of a release operation in a happens-before relationship if that release fence is followed (on the same thread) by any atomic operation that stores a value observed by the acquire operation it's synchronizing with. Similarly, an acquire fence can take the place of any acquire operation if that acquire fence is preceded (on the same thread) by any atomic operation that loads a value stored by the release operation.</p> <p>An happens-before relationship is created between a release fence and an acquire fence if any store after the release fence is observed by any load before the acquire fence.</p> <p>A <code>SeqCst</code> fence is both a <code>Release</code> fence and an <code>Acquire</code> fence (just like <code>AcqRel</code>), but also part of the single total order of sequentially consistent operations. However, only the fence is part of the total order, but not necessarily the atomic operations before or after it. This means that unlike a release or acquire operation, a sequentially consistent operation cannot be split into a relaxed operation and a memory fence.</p>"},{"location":"languages/rust/macros.html","title":"Macros","text":"<p>Fundamentally, macros are a way of writing code that writes other code, which is known as metaprogramming.</p> <p>Metaprogramming is useful for reducing the amount of code to be written and maintained, which is also one of the roles of functions.  However, macros have some additional powers that functions don\u2019t.</p> <p>A function signature must declare the number and type of parameters the function has. Macros, on the other hand, can take a variable number of parameters. Also, macros are expanded before the compiler interprets the meaning of the code, so a macro can, for example, implement a trait on a given type. A function can\u2019t, because it gets called at runtime and a trait needs to be implemented at compile time.</p> <p>The downside to implementing a macro instead of a function is that macro definitions are more complex than function definitions because it's Rust code that writes Rust code. Due to this indirection, macro definitions are generally more difficult to read, understand, and maintain than function definitions.</p> <p>Note: macros need to be defined and brought into scope before they are usable in a file, as opposed to functions that can be defined anywhere and be called anywhere.</p>"},{"location":"languages/rust/macros.html#declarative-macros-macro-by-example","title":"Declarative Macros (Macro-by-Example)","text":"<p>At their core, declarative macros allow to write something similar to a Rust match expression.</p> <p>Macros compare a value to patterns that are associated with particular code: in this situation, the value is the literal Rust source code passed to the macro; the patterns are compared with the structure of that source code; and the code associated with each pattern, when matched, replaces the code passed to the macro. This all happens during compilation.</p> <p>Declarative macros are defined using the <code>macro_rules!</code> construct.</p> <p>Each macro has a name, and one or more rules.</p> <p>Each rule has two parts: a matcher, describing the syntax that it matches, and a transcriber, describing the syntax that will replace a successfully matched invocation. Both the matcher and the transcriber must be surrounded by delimiters. Macros can expand to expressions, statements, items (including traits, impls, and foreign items), types, or patterns.</p> Rust<pre><code>#[macro_export]\nmacro_rules! &lt;name&gt; {\n    ( &lt;matcher&gt; ) =&gt; {\n        &lt;transcriber&gt;\n    };\n}\n</code></pre>"},{"location":"languages/rust/macros.html#transcribing","title":"Transcribing","text":"<p>When a macro is invoked, the macro expander looks up macro invocations by name, and tries each macro rule in turn. It transcribes the first successful match; if this results in an error, then future matches are not tried.</p> <p>When matching, no lookahead is performed; if the compiler cannot unambiguously determine how to parse the macro invocation one token at a time, then it is an error.</p> <p>In both the matcher and the transcriber, the <code>$</code> token is used to invoke special behaviours from the macro engine. Tokens that aren't part of such an invocation are matched and transcribed literally, with one exception.</p> <p>The exception is that the outer delimiters for the matcher will match any pair of delimiters. Thus, for instance, the matcher (()) will match <code>{()}</code> but not <code>{{}}</code>.</p> <p>Note: The character <code>$</code> cannot be matched or transcribed literally.</p> <p>When forwarding a matched fragment to another macro-by-example, matchers in the second macro will see an opaque AST of the fragment type. The second macro can't use literal tokens to match the fragments in the matcher, only a fragment specifier of the same type. The <code>ident</code>, <code>lifetime</code>, and <code>tt</code> fragment types are an exception, and can be matched by literal tokens.</p> Rust<pre><code>macro_rules! foo {\n    (3) =&gt; {}\n}\n\nmacro_rules! bar {\n    ($l:expr) =&gt; { foo!($l); }\n    // ERROR:           ^^ no rules expected this token in macro call\n}\n\nmacro_rules! baz {\n    ($l:tt) =&gt; { foo!($l); }\n}\n</code></pre>"},{"location":"languages/rust/macros.html#metavariables","title":"Metavariables","text":"<p>In the matcher, <code>$name:fragment</code> matches a Rust syntax fragment of the kind specified and binds it to the metavariable <code>$name</code>.</p> <p>Valid fragment specifiers are:</p> <ul> <li><code>item</code>: an Item</li> <li><code>block</code>: a BlockExpression</li> <li><code>stmt</code>: a Statement without the trailing semicolon (except for item statements that require semicolons)</li> <li><code>pat</code>: a Pattern</li> <li><code>expr</code>: an Expression</li> <li><code>ty</code>: a Type</li> <li><code>ident</code>: an IDENTIFIER_OR_KEYWORD or RAW_IDENTIFIER</li> <li><code>path</code>: a TypePath style path</li> <li><code>tt</code>: a TokenTree (a single token or tokens in matching delimiters <code>()</code>, <code>[]</code>, or <code>{}</code>)</li> <li><code>meta</code>: an Attr, the contents of an attribute</li> <li><code>lifetime</code>: a LIFETIME_TOKEN</li> <li><code>vis</code>: a possibly empty Visibility qualifier</li> <li><code>literal</code>: matches LiteralExpression</li> </ul> <p>In the transcriber, metavariables are referred to simply by <code>$name</code>, since the fragment kind is specified in the matcher. Metavariables are replaced with the syntax element that matched them.</p> <p>The keyword metavariable <code>$crate</code> can be used to refer to the current crate. Metavariables can be transcribed more than once or not at all.</p>"},{"location":"languages/rust/macros.html#repetitions","title":"Repetitions","text":"<p>In both the matcher and transcriber, repetitions are indicated by placing the tokens to be repeated inside <code>$(\u2026)</code>, followed by a repetition operator, optionally with a separator token between. The separator token can be any token other than a delimiter or one of the repetition operators, but <code>;</code> and <code>,</code> are the most common.</p> <p>The repetition operators are:</p> <ul> <li><code>*</code>: indicates any number of repetitions.</li> <li><code>+</code>: indicates any number but at least one.</li> <li><code>?</code>: indicates an optional fragment with zero or one occurrence.</li> </ul> <p>Note: Since <code>?</code> represents at most one occurrence, it cannot be used with a separator.</p> <p>The repeated fragment both matches and transcribes to the specified number of the fragment, separated by the separator token. Metavariables are matched to every repetition of their corresponding fragment.</p> <p>During transcription, additional restrictions apply to repetitions so that the compiler knows how to expand them properly:</p> <ol> <li>A metavariable must appear in exactly the same number, kind, and nesting order of repetitions in the transcriber as it did in the matcher.</li> <li>Each repetition in the transcriber must contain at least one metavariable to decide how many times to expand it. If multiple metavariables appear in the same repetition, they must be bound to the same number of fragments.</li> </ol>"},{"location":"languages/rust/macros.html#scoping-exporting-and-importing","title":"Scoping, Exporting, and Importing","text":"<p>Macros have two forms of scope: textual scope, and path-based scope. Textual scope is based on the order that things appear in source files, or even across multiple files, and is the default scoping. Path-based scope works exactly the same way that item scoping does. The scoping, exporting, and importing of macros is controlled largely by attributes.</p> <p>When a macro is invoked by an unqualified identifier (not part of a multi-part path), it is first looked up in textual scoping. If this does not yield any results, then it is looked up in path-based scoping. If the macro's name is qualified with a path, then it is only looked up in path-based scoping.</p> Rust<pre><code>use lazy_static::lazy_static; // path-based import.\n\n// local textual definition.\nmacro_rules! lazy_static {\n    (lazy) =&gt; {};\n}\n\nlazy_static!{lazy} // textual lookup finds local macro first.\nself::lazy_static!{} // path-based lookup ignores local macro, finds imported one.\n</code></pre> <p>Note: It is not an error to define a macro multiple times; the most recent declaration will shadow the previous one unless it has gone out of scope.</p>"},{"location":"languages/rust/macros.html#the-macro_use-attribute","title":"The <code>macro_use</code> attribute","text":"<p>The <code>macro_use</code> attribute has two purposes. First, it can be used to make a module's macro scope not end when the module is closed, by applying it to a module:</p> Rust<pre><code>#[macro_use]\nmod inner {\n    macro_rules! m {\n        () =&gt; {};\n    }\n}\n\nm!();\n</code></pre> <p>Second, it can be used to import macros from another crate, by attaching it to an extern crate declaration appearing in the crate's root module. Macros imported this way are imported into the <code>macro_use</code> prelude, not textually, which means that they can be shadowed by any other name.</p> <p>While macros imported by <code>#[macro_use]</code> can be used before the import statement, in case of a conflict, the last macro imported wins. Optionally, a list of macros to import can be specified using the <code>MetaListIdents</code> syntax; this is not supported when <code>#[macro_use]</code> is applied to a module.</p> Rust<pre><code># [macro_use(lazy_static)] // or #[macro_use] to import all macros.\nextern crate lazy_static;\n\nlazy_static!{}\nself::lazy_static!{} // Error: lazy_static is not defined in `self`\n</code></pre> <p>Note: Macros to be imported with <code>#[macro_use]</code> must be exported with <code>#[macro_export]</code>.</p>"},{"location":"languages/rust/macros.html#the-macro_export-attribute","title":"The <code>macro_export</code> attribute","text":"<p>By default, a macro has no path-based scope. However, if it has the <code>#[macro_export]</code> attribute, then it is declared in the crate root scope and can be referred to normally.</p> Rust<pre><code>self::m!();\nm!(); // OK: Path-based lookup finds m in the current module.\n\nmod inner {\n    super::m!();\n    crate::m!();\n}\n\nmod mac {\n    #[macro_export]\n    macro_rules! m {\n        () =&gt; {};\n    }\n}\n</code></pre> <p>Note: Macros labeled with <code>#[macro_export]</code> are always pub and can be referred to by other crates, either by path or by <code>#[macro_use]</code>.</p>"},{"location":"languages/rust/macros.html#follow-set-ambiguity-restrictions","title":"Follow-set Ambiguity Restrictions","text":"<p>The parser used by the macro system is reasonably powerful, but it is limited in order to prevent ambiguity in current or future versions of the language.</p> <p>In particular, in addition to the rule about ambiguous expansions, a nonterminal matched by a metavariable must be followed by a token which has been decided can be safely used after that kind of match.</p> <p>The specific rules are:</p> <ul> <li><code>expr</code> and <code>stmt</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, or <code>;</code>.</li> <li><code>pat</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, <code>=</code>, <code>if</code>, or <code>in</code>.</li> <li><code>path</code> and <code>ty</code> may only be followed by one of: <code>=&gt;</code>, <code>,</code>, <code>=</code>, <code>|</code>, <code>;</code>, <code>:</code>, <code>&gt;</code>, <code>&gt;&gt;</code>, <code>[</code>, <code>{</code>, <code>as</code>, <code>where</code>, or a macro variable of block fragment specifier.</li> <li><code>vis</code> may only be followed by one of: <code>,</code>, an identifier other than a non-raw priv, any token that can begin a type, or a metavariable with a <code>ident</code>, <code>ty</code>, or <code>path</code> fragment specifier.</li> </ul> <p>All other fragment specifiers have no restrictions.</p> <p>When repetitions are involved, then the rules apply to every possible number of expansions, taking separators into account. This means:</p> <ul> <li>If the repetition includes a separator, that separator must be able to follow the contents of the repetition.</li> <li>If the repetition can repeat multiple times (<code>*</code> or <code>+</code>), then the contents must be able to follow themselves.</li> <li>The contents of the repetition must be able to follow whatever comes before, and whatever comes after must be able to follow the contents of the repetition.</li> <li>If the repetition can match zero times (<code>*</code> or <code>?</code>), then whatever comes after must be able to follow whatever comes before.</li> </ul>"},{"location":"languages/rust/rust.html","title":"Rust","text":""},{"location":"languages/rust/rust.html#basics","title":"Basics","text":"Rust<pre><code>use &lt;module&gt;;  // bring a type into scope\n\nfn main() {  //program entry point\n    // code here\n}\n</code></pre>"},{"location":"languages/rust/rust.html#standard-output","title":"Standard Output","text":"Rust<pre><code>// macro (func have no \"!\")\nprintln!(\"Value: {}\", value);  // {} is a placeholder for a value or variable\nprintln!(\"Values: {1}, {0}\", value1, value2);  // use index to print values\n\nprintln!(\"Value {a}, {b}\", a = value1, b = value2);  // named parameters\nprintln!(\"Value {scoped_variable}\");  // reference a variable in scope (must not have any parameters)\n\nprintln!(\"Num: {:&lt;total_digits&gt;.&lt;decimal_digits&gt;}\", number);\nprintln!(\"Num: {:0&lt;total&gt;.&lt;decimal&gt;}\", number);  // prefix number with zeroes\n\nprintln!(\"{:b}\", 0b11011);  // print as bits\n\nprint!();\n</code></pre>"},{"location":"languages/rust/rust.html#standard-input","title":"Standard Input","text":"Rust<pre><code>use io;\n\nlet mut buffer = String::new();\n\nio::stdin()  // read line from stdin\n    .read_line(&amp;mut buffer)  // put in into the string variable\n    .expect(\"Error Message\");  // in case of errors return an error message\n\nlet var: i32 = buffer.trim().parse()  // returns a Result enum\nlet var = buffer.trim().parse::&lt;i32&gt;()  // returns a Result enum\n</code></pre> <p>The <code>::</code> syntax in the <code>::new</code> line indicates that <code>new</code> is an associated function of the <code>String</code> type. An associated function is implemented on a type rather than on a particular instance of the type. Some languages call this a <code>static method</code>.</p>"},{"location":"languages/rust/rust.html#variables-mutability","title":"Variables &amp; Mutability","text":"<p>By default variables are immutable.</p> Rust<pre><code>let var1 = value;  // immutable var init\nlet var2: Type = value;  // explicit type annotation\n\nlet mut var3 = value;  // mutable var init\nlet mut var4: Type = value;  // explicit type annotation\n\nconst CONSTANT_NAME: type = value;  // constant must have the type annotation\n</code></pre>"},{"location":"languages/rust/rust.html#shadowing","title":"Shadowing","text":"<p>It's possible declare a new variable with the same name as a previous variable, and the new variable shadows the previous variable. By using let, it's possible to perform a few transformations on a value but have the variable be immutable after those transformations have been completed.</p> <p>The other difference between mut and shadowing is that because we're effectively creating a new variable when we use the let keyword again, we can change the type of the value but reuse the same name.</p> Rust<pre><code>let x: u32 = 10;\nlet x: i32 = 11;  // shadowing\n</code></pre>"},{"location":"languages/rust/rust.html#data-types","title":"Data Types","text":""},{"location":"languages/rust/rust.html#integer-types","title":"Integer Types","text":"Length Signed Unsigned 8-bit <code>i8</code> <code>u8</code> 16-bit <code>i16</code> <code>u16</code> 32-bit <code>i32</code> <code>u32</code> 64-bit <code>i64</code> <code>u64</code> 128-bit <code>i128</code> <code>u128</code> architecture <code>isize</code> <code>usize</code>"},{"location":"languages/rust/rust.html#explicit-mathematical-operations-integers","title":"Explicit Mathematical Operations (Integers)","text":"Rust<pre><code>i32::MAX.checked_add(value);  // Option&lt;i32&gt; =&gt; None if overflow\ni32::MAX.wrapping_add(value);  // i32 =&gt; Wrap around\ni32::MAX.saturating_add(value);  //  i32 =&gt; MIN &lt;= x &lt;= MAX (Clamp)\ni32::MAX.overflowing_add(value); // (i32, bool) =&gt; overflowed result and if overflowed\n</code></pre> <p>Note: analogous method exist for other mathematical operation</p>"},{"location":"languages/rust/rust.html#floating-point-types","title":"Floating-Point Types","text":"<p>Rust also has two primitive types for floating-point numbers, which are numbers with decimal points. Rust's floating-point types are <code>f32</code> and <code>f64</code>, which are 32 bits and 64 bits in size, respectively. The default type is <code>f64</code> because on modern CPUs it's roughly the same speed as <code>f32</code> but is capable of more precision.</p>"},{"location":"languages/rust/rust.html#numeric-byte-literals","title":"Numeric &amp; Byte Literals","text":"<p>Numeric Base Prefix:</p> <ul> <li><code>0x</code>: Hexadecimal Number</li> <li><code>0o</code>: Octal Number</li> <li><code>0b</code>: Binary Number</li> </ul> <p>Note: Number can have <code>_</code> interposed for legibility (E.g: <code>1_000_u64</code>)</p> <p>Binary Literals:</p> <ul> <li><code>b'\\''</code>, <code>b'\\1'</code>, <code>b'\\n'</code>, <code>b'\\r'</code>, <code>b'\\t'</code>: Escaped characters</li> <li><code>b'&lt;C&gt;'</code>: Byte whose value is the ASCII character <code>&lt;C&gt;</code></li> <li><code>b'\\x&lt;HH&gt;'</code>: Byte whose value is the hexadecimal <code>&lt;HH&gt;</code></li> </ul>"},{"location":"languages/rust/rust.html#numeric-operators","title":"Numeric Operators","text":"Operator Operation <code>&gt;</code> Greater than <code>&gt;=</code> Greater or Equal to <code>&lt;</code> Less than <code>&lt;=</code> Less or Equal to <code>==</code> Equals <code>!=</code> Not Equals"},{"location":"languages/rust/rust.html#comparison-operators","title":"Comparison Operators","text":"Operator Operation <code>+</code> Addition <code>-</code> Subtraction <code>*</code> Multiplication <code>/</code> Division <code>%</code> Modulo"},{"location":"languages/rust/rust.html#boolean-types","title":"Boolean Types","text":"<p>Boolean types in Rust have two possible values: <code>true</code> and <code>false</code>. Booleans are one byte in size. The Boolean type in Rust is specified using <code>bool</code>.</p>"},{"location":"languages/rust/rust.html#bitwise-operators","title":"Bitwise Operators","text":"Operator Operation <code>&amp;</code> AND <code>|</code> OR <code>&amp;&amp;</code> SHORT-CIRCUIT AND <code>||</code> SHORT-CIRCUIT OR <code>^</code> XOR <code>!</code> NOT <code>&lt;&lt;</code> LEFT SHIFT <code>&gt;&gt;</code> RIGHT SHIFT"},{"location":"languages/rust/rust.html#character-types","title":"Character Types","text":"<p>Rust's <code>char</code> type is the language's most primitive alphabetic type.</p> <p>Rust's <code>char</code> type is four bytes in size and represents a Unicode Scalar Value: range from <code>U+0000</code> to <code>U+D7FF</code> and <code>U+E000</code> to <code>U+10FFFF</code> inclusive.</p> Rust<pre><code>let c: char = 'C';  // SINGLE QUOTES\nlet c: char = '\\u{261D}';  // Unicode Code Point U+261D\nlet c: char = '\\x2A';  // ASCII for *\n\n\n'*'.is_alphabetic();  // false\n'\u03b2'.is_alphabetic(); // true\n'8'.to_digit(10);  // Some(8)\n'\\u{CA0}'.len_utf8();  // 3\nstd::char::from:digit(2, 10);  // Some(2)\n</code></pre>"},{"location":"languages/rust/rust.html#string-types","title":"String Types","text":"Rust<pre><code>let s = String::new();  // create empty string\nlet s = String::from(\"string literal\");  // construct string from literal\n\n// string literals\nlet s = \"a multiline\n    string literal\"; // includes whitespace and new lines\n\nlet s = \"single line \\\n    string literal\";  // the trailing \\ avoids the new line &amp; trailing/leading whitespace\n\n// raw strings\nlet raw = r\"\\d+(\\.\\d+)*\"  // backslash and whitespace included verbatim\nlet raw = r#\"raw literal with explicit delimiters, allows double quotes (\") inside\"#;\n\n// byte strings\nlet byte_string = b\"some bite string\"  // &amp;[u8] =&gt; slice og u8, equal to &amp;[b'E', b'q', ...]\n\ns.push_str(\"\"); // appending string literals\n</code></pre>"},{"location":"languages/rust/rust.html#tuple-types","title":"Tuple Types","text":"<p>A tuple is a general way of grouping together a number of values with a variety of types into one compound type. Tuples have a fixed length: once declared, they cannot grow or shrink in size.</p> Rust<pre><code>let tup: (i32, f64, u8) = (500, 6.4, 1);\nlet tup = (500, 6.4, 1);\n\nlet (x, y, z) = tup;  // tuple deconstruction (unpacking)\n\ntup.0 = value;  // member access &amp; update (mut be mutable)\n</code></pre>"},{"location":"languages/rust/rust.html#array-types","title":"Array Types","text":"<p>Every element of an array must have the same type. Arrays in Rust have a fixed length, like tuples. An array isn't as flexible as the <code>vector</code> type, though. A vector is a similar collection type provided by the standard library that is allowed to grow or shrink in size.</p> Rust<pre><code>let array = [0, 1, 2, 3, 4];\nlet array: [Type; length] = [...];\nlet array: [value; length];  // repeat expression (same as python's [value] * length)\n\nlet index: usize = &lt;index_value&gt;;  // indexes and ranges must be of type usize\narray[index] = value;  // member access and update (must be mutable)\n\nlet matrix = [\n    [0 ,1, 2],\n    [3, 4, 5]\n]\n\nlet matrix: [[Type, length]; length]; = [[...], [...], ...]\n\nmatrix[row][column];\n</code></pre>"},{"location":"languages/rust/rust.html#slice-types-t-mut-t","title":"Slice Types (<code>&amp;[T]</code>, <code>&amp;mut [T]</code>)","text":"<p>Slices allows to reference a contiguous sequence of elements in a collection rather than the whole collection. Slices don't take ownership.</p> <p>A mutable slice <code>&amp;mut [T]</code> allows to read and modify elements, but can\u2019t be shared; a shared slice <code>&amp;[T]</code> allows to share access among several readers, but doesn\u2019t allow to modify elements.</p> <p><code>&amp;String</code> can be used in place of a <code>&amp;str</code> (string slice)  trough String Coercion. The <code>&amp;String</code> gets converted to a <code>&amp;str</code> that borrows the entire string. The reverse is not possible since the slice lacks some information about the String.</p> <p>Note: When working with functions is easier to always expect a <code>&amp;str</code> instead of a <code>&amp;String</code>.</p> Rust<pre><code>let s = String::from(\"string literal\");\nlet slice: &amp;str = &amp;s[start..end];\n\nlet a = [0, 1, 2, 3, 4, 5];\nlet slice: &amp;[i32] =  &amp;a[start..end];\n\nsequence[start..]  // slice to end of sequence\nsequence[..end]  // slice from start to end (excluded)\n</code></pre>"},{"location":"languages/rust/rust.html#type-aliases","title":"Type Aliases","text":"Rust<pre><code>type Alias = T;\n</code></pre>"},{"location":"languages/rust/rust.html#functions","title":"Functions","text":"<p>Rust code uses snake_case as the conventional style for function and variable names.</p> <p>Function definitions in Rust start with <code>fn</code> and have a set of parentheses after the function name. The curly brackets tell the compiler where the function body begins and ends.</p> <p>Rust doesn't care where the functions are defined, only that they're defined somewhere.</p> Rust<pre><code>  // parameters MUST have the Type annotation\nfn func(param: Type) {}\n\n  // -&gt; specifies the return type\nfn func() -&gt; Type {}\n\nfn func() {\n    value  // returns value\n}\n// same as\nfn func() {\n    return value;\n}\n\nfn func() {\n    return (value1, value2, ...);  // return multiple values with tuples\n}\n</code></pre>"},{"location":"languages/rust/rust.html#control-flow","title":"Control Flow","text":""},{"location":"languages/rust/rust.html#if-else-if-else","title":"if, else-if, else","text":"Rust<pre><code>if condition {\n    // [...]\n} else if condition {\n    // [...]\n} else {\n    // [...]\n}\n</code></pre>"},{"location":"languages/rust/rust.html#let-if","title":"let if","text":"Rust<pre><code>let var = if condition { value } else { value };  // returned types must be the same\n</code></pre>"},{"location":"languages/rust/rust.html#if-let","title":"if-let","text":"Rust<pre><code>if let &lt;pattern&gt; = &lt;expr&gt; {\n    &lt;block1&gt;\n} else {\n    &lt;block2&gt;\n}\n\n// same as\nmatch &lt;expr&gt; {\n    &lt;pattern&gt; =&gt; { block1 }\n    _ =&gt; { block2 }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#loop","title":"loop","text":"Rust<pre><code>// loop's forever if not explicitly stopped (return or break)\nloop { }\n</code></pre>"},{"location":"languages/rust/rust.html#while-while-let","title":"while, while-let","text":"Rust<pre><code>while condition { }\n\nwhile let &lt;pattern&gt; {}\n</code></pre>"},{"location":"languages/rust/rust.html#for","title":"for","text":"Rust<pre><code>for item in sequence.iter() { }\nfor item in sequence.iter_mut() { }  // iterate over mutable items\n\nfor item in sequence { }  // consumes the values (moved into item)\nfor item in &amp;sequence { }  // doesn't consumes the values (item is a reference)\nfor item in &amp;mut sequence { }\n\n// for (i = start; i &lt; end; i += 1)\nfor i in (start..end) { }\n</code></pre>"},{"location":"languages/rust/rust.html#range","title":"Range","text":"Rust<pre><code>..  // RangeFull\na ..  // RangeFrom { start: a }\n.. b  // RangeTo { end: b }\na .. b  // Range { start: a, end: b }\n..= b  // RangeToInclusive { end: b }\na ..= b  // RangeInclusive::new(a, b)\n</code></pre>"},{"location":"languages/rust/rust.html#break-continue","title":"<code>break</code> &amp; <code>continue</code>","text":"Rust<pre><code>while &lt;condition&gt; {\n    // [...]\n\n    continue;  // jump to condition evaluation\n}\n\nlet loop_result = loop {\n    // [...]\n\n    break &lt;loop-value&gt;;\n}\n\n'outer: loop {\n    // [...]\n    loop {}\n\n    break 'outer;  // break labeled loop\n}\n\nlet loop_result = 'outer: loop {\n    // [...]\n    loop {}\n\n    break 'outer &lt;loop-value&gt;; // break labeled loop and return value\n}\n</code></pre>"},{"location":"languages/rust/rust.html#ownership","title":"Ownership","text":"<p>Ownership is Rust's most unique feature, and it enables Rust to make memory safety guarantees without needing a garbage collector.</p> <p>All programs have to manage the way they use a computer's memory while running. Some languages have garbage collection that constantly looks for no longer used memory as the program runs; in other languages, the programmer must explicitly allocate and free the memory. Rust uses a third approach: memory is managed through a system of ownership with a set of rules that the compiler checks at compile time. None of the ownership features slow down your program while it's running.</p>"},{"location":"languages/rust/rust.html#stack-heap","title":"Stack &amp; Heap","text":"<p>Both the stack and the heap are parts of memory that are available to your code to use at runtime, but they are structured in different ways.</p> <p>The stack stores values in the order it gets them and removes the values in the opposite order. This is referred to as last in, first out. Adding data is called pushing onto the stack, and removing data is called popping off the stack.</p> <p>All data stored on the stack must have a known, fixed size. Data with an unknown size at compile time or a size that might change must be stored on the heap instead.</p> <p>The heap is less organized: when you put data on the heap, you request a certain amount of space. The memory allocator finds an empty spot in the heap that is big enough, marks it as being in use, and returns a pointer, which is the address of that location. This process is called allocating on the heap and is sometimes abbreviated as just allocating.</p> <p>Pushing to the stack is faster than allocating on the heap because the allocator never has to search for a place to store new data; that location is always at the top of the stack. Comparatively, allocating space on the heap requires more work, because the allocator must first find a big enough space to hold the data and then perform bookkeeping to prepare for the next allocation.</p> <p>Accessing data in the heap is slower than accessing data on the stack because you have to follow a pointer to get there. Contemporary processors are faster if they jump around less in memory.</p> <p>Keeping track of what parts of code are using what data on the heap, minimizing the amount of duplicate data on the heap, and cleaning up unused data on the heap so you don't run out of space are all problems that ownership addresses.</p>"},{"location":"languages/rust/rust.html#ownership-rules","title":"Ownership Rules","text":"<ul> <li>Each value in Rust has a variable that's called its owner.</li> <li>There can only be one owner at a time.</li> <li>When the owner goes out of scope, the value will be dropped.</li> </ul>"},{"location":"languages/rust/rust.html#moving-cloning-copying-data","title":"Moving, Cloning &amp; Copying data","text":"<p>A \"shallow copy\" of a variable allocated on the heap causes the original variable goes out of scope and only the \"copy\" remains (MOVING). A \"deep copy\" (<code>var.clone()</code>) makes a copy of the data in the new variable without make the original fall out of scope (CLONING).</p> <p>When a variable goes out of scope, Rust calls the special function <code>drop</code>, where the code to return/free the memory is located.</p> <p>Rust has a special annotation called the <code>Copy</code> trait that it's placeable on types that are stored on the stack. If a type has the <code>Copy</code> trait, an older variable is still usable after assignment.</p> <p>Copies happen implicitly, for example as part of an assignment <code>y = x</code>. The behavior of <code>Copy</code> is not overloadable; it is always a simple bit-wise copy. Cloning is an explicit action, <code>x.clone()</code>. The implementation of Clone can provide any type-specific behavior necessary to duplicate values safely.</p> <p>Rust won't allow to annotate a type with the <code>Copy</code> trait if the type, or any of its parts, has implemented the <code>Drop</code> trait.  </p> Rust<pre><code>let s = String::new()\nlet t = s;  // MOVE, s is now uninitialized\nlet u = t.clone();  // deep copy, t is still valid\n\nlet n: i32 = 1;\nlet x = n;  // x holds a COPY of the VALUE of n\n</code></pre>"},{"location":"languages/rust/rust.html#ownership-functions","title":"Ownership &amp; Functions","text":"<p>The semantics for passing a value to a function are similar to those for assigning a value to a variable. Passing a variable to a function will move or copy, just as assignment does.</p> Rust<pre><code>fn main() {\n    let s = String::from(\"hello\");  // s comes into scope\n\n    takes_ownership(s);             // s's value moves into the function and so is no longer valid here\n\n    let x = 5;                      // x comes into scope\n\n    makes_copy(x);                  // x would move into the function, but i32 is Copy, so it's okay to still use x afterward\n\n} // Here, x goes out of scope, then s. But because s's value was moved, nothing special happens.\n\nfn takes_ownership(some_string: String) { // some_string comes into scope\n    println!(\"{}\", some_string);\n} // Here, some_string goes out of scope and `drop` is called. The backing memory is freed.\n\nfn makes_copy(some_integer: i32) { // some_integer comes into scope\n    println!(\"{}\", some_integer);\n} // Here, some_integer goes out of scope. Nothing special happens.\n</code></pre>"},{"location":"languages/rust/rust.html#return-values-scope","title":"Return Values &amp; Scope","text":"<p>Returning values can also transfer ownership.</p> Rust<pre><code>fn main() {\n    let s1 = gives_ownership();         // gives_ownership moves its return value into s1\n\n    let s2 = String::from(\"hello\");     // s2 comes into scope\n\n    let s3 = takes_and_gives_back(s2);  // s2 is moved into takes_and_gives_back, which also moves its return value into s3\n} // Here, s3 goes out of scope and is dropped. s2 goes out of scope but was moved, so nothing happens. s1 goes out of scope and is dropped.\n\nfn gives_ownership() -&gt; String {             // gives_ownership will move its return value into the function that calls it\n\n    let some_string = String::from(\"hello\"); // some_string comes into scope\n\n    some_string                              // some_string is returned and moves out to the calling function\n}\n\n// takes_and_gives_back will take a String and return one\nfn takes_and_gives_back(a_string: String) -&gt; String { // a_string comes into scope\n\n    a_string  // a_string is returned and moves out to the calling function\n}\n</code></pre>"},{"location":"languages/rust/rust.html#references-raw-pointers-borrowing","title":"References, Raw Pointers &amp; Borrowing","text":"<p>Reference types:</p> <ul> <li><code>&amp;T</code>: immutable (aka shared) reference, admits multiple references at the same time, (Read-Only, implements <code>Copy</code>)</li> <li><code>&amp;mut T</code>: mutable reference, there can be only one</li> </ul> <p>Raw Pointers types:</p> <ul> <li><code>*mut T</code></li> <li><code>* const T</code></li> </ul> <p>As long as there are shared references to a value, not even its owner can modify it, the value is locked down. Similarly, if there is a mutable reference to a value, it has exclusive access to the value; it's not possible to use the owner at all, until the mutable reference goes away.</p> <p>Note: raw pointers can be used only in <code>unsafe</code> block. Rust doesn't track the pointed value</p> <p>Mutable references have one big restriction: it's possible to have only one mutable reference to a particular piece of data in a particular scope.</p> <p>The benefit of having this restriction is that Rust can prevent data races at compile time. A data race is similar to a race condition and happens when these three behaviors occur:</p> <ul> <li>Two or more pointers access the same data at the same time.  </li> <li>At least one of the pointers is being used to write to the data.  </li> <li>There's no mechanism being used to synchronize access to the data.</li> </ul> Rust<pre><code>fn borrow(var: &amp;Type) {  // &amp;Type indicates that the var is a reference\n    // here var cannot be modified\n} // when var goes out of scope it doesn't get dropped because the scope didn't own it\n\nborrow(&amp;variable);  // &amp;variable creates a reference to variable but does not take ownership\n\nfn borrow2(var: &amp;mut Type) {\n    // here var can be modified\n}\n\n&amp;variable;  // borrow a value from a variable (returns reference)\n*variable;  // dereference value (access value pointed by the reference)\n</code></pre> <p>The <code>.</code> operator can implicitly borrow or dereference a reference</p> Rust<pre><code>let struct = Struct { field: /* [...] */ }\nlet ref = &amp;struct;\n\nref.field  // implicit deref\n(*ref).field  // explicit deref\n\nlet mut vec = vec![/* */];\n\nv.sort()  // implicit mutable borrow\n(&amp;mut vec).sort()  // explicit mutable borrow\n</code></pre> <p>Note: arithmetic expressions can \"see through\" one level of references. Note: comparison affect the final value of a reference chain. To compare references directly use <code>std::ptr::eq</code></p>"},{"location":"languages/rust/rust.html#structs","title":"Structs","text":"<p>A struct, or structure, is a custom data type that allows to name and package together multiple related values that make up a meaningful group.</p> <p>To define a struct enter the keyword struct and name the entire struct. A struct's name should describe the significance of the pieces of data being grouped together. Then, inside curly brackets, define the names and types of the pieces of data, which we call fields.</p> Rust<pre><code>struct Struct {\n    field: Type,\n    ...\n}\n\nstruct UnitStruct;  // no field, useful in generics\n\n{ x: Type, y: Type }  // anonymous struct\n</code></pre> <p>To use a struct after defining it, create an instance of that struct by specifying concrete values for each of the fields.</p> Rust<pre><code>let mut var = Struct {\n    field: value,\n    ...\n};\n</code></pre>"},{"location":"languages/rust/rust.html#field-init-shorthand","title":"Field Init Shorthand","text":"Rust<pre><code>let mut var = Struct {\n    field,  // shortened form since func param is named as the struct's field\n    ...\n};\n\nvar.field = value;  // member access\n</code></pre> <p>Note: the entire instance must be mutable; Rust doesn't allow to mark only certain fields as mutable.</p>"},{"location":"languages/rust/rust.html#struct-update-syntax","title":"Struct Update Syntax","text":"Rust<pre><code>let struct1 = Struct {\n    field1: value,\n    field2: value,\n    ...\n}\n// same as\nlet struct2 = Struct {\n    field1: other_value,\n    ..struct1  // all remaining fields have the same values of struct1\n}\n</code></pre>"},{"location":"languages/rust/rust.html#tuple-structs","title":"Tuple Structs","text":"<p>Use Tuple Structs to create different types easily. To define a tuple struct, start with the <code>struct</code> keyword and the struct name followed by the types in the tuple.</p> Rust<pre><code>struct Point(i32, i32, i32);\nstruct Color(i32, i32, i32);\n\nlet origin = Point(0, 0, 0);\n</code></pre>"},{"location":"languages/rust/rust.html#struct-printing","title":"Struct Printing","text":"Rust<pre><code>#[derive(Debug)]  // inherit the debug trait\nstruct Struct { }\n\nlet s: Struct = { /* valorization */};\nprintln!(\"{:?}\", s)  // debug output: { field: value, ... }\n</code></pre>"},{"location":"languages/rust/rust.html#associated-functions-type-associated-functions-aka-methods","title":"Associated Functions &amp; Type-Associated Functions (aka Methods)","text":"Rust<pre><code>struct Struct { };\nimpl Struct\n{\n    fn associated_function(&amp;self, arg: Type) -&gt; Type { }\n    fn associated_function(&amp;mut self, arg: Type) -&gt; Type { }  // able to modify instance\n    fn type_associated_function(arg: Type) -&gt; Type { }  // does not have self parameter\n}\n\nlet s: Struct = { /* valorization */};\ns.associated_function(arg);  // use struct method\n\nStruct::type_associated_function(arg);\n</code></pre>"},{"location":"languages/rust/rust.html#associated-consts","title":"Associated Consts","text":"Rust<pre><code>struct Struct {\n    const ASSOCIATED_CONST: Type = &lt;value&gt;;\n}\n\nStruct::ASSOCIATED_CONST;\n</code></pre>"},{"location":"languages/rust/rust.html#traits","title":"Traits","text":"<p>A Trait is a collection of methods representing a set of behaviours necessary to accomplish some task. Traits can be used as generic types constraints and can be implemented by data types.</p> Rust<pre><code>trait Trait {\n    fn method_signature(&amp;self, param: Type) -&gt; Type;\n    fn method_signature(&amp;self, param: Type) -&gt; Type {\n        // default implementation\n    }\n}\n\ntrait SubTrait: Trait { }  // must have impl blocks for all super traits\n//same as\ntrait SubTrait where Self: Trait\n\nimpl Trait for Struct {\n    fn method_signature(&amp;self, param: Type) -&gt; Type {\n        // specific implementation\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#fully-qualified-method-calls","title":"Fully Qualified Method Calls","text":"Rust<pre><code>value.method();\nType::method(value);\nTrait::method(value);\n&lt;Type as Trait&gt;::method(value);\n</code></pre> <p>Note: fully qualified method calls also works with associated functions</p>"},{"location":"languages/rust/rust.html#derive-traits","title":"Derive Traits","text":"<p>The Rust compiler is able to provide a basic implementation of a trait with the <code>derive</code> attribute.  </p> <p>Derivable Traits:</p> <ul> <li><code>Eq</code></li> <li><code>PartialEq</code></li> <li><code>Ord</code></li> <li><code>PartialOrd</code></li> <li><code>Clone</code></li> <li><code>Copy</code></li> <li><code>Hash</code></li> <li><code>Default</code></li> <li><code>Debug</code></li> </ul> Rust<pre><code>#[derive(Trait)]  // derive a trait for the struct\n#[derive(Trait, Trait, ...)]  // derive multiple traits\nstruct Struct {\n    // [...]\n}\n</code></pre>"},{"location":"languages/rust/rust.html#trait-bounds","title":"Trait Bounds","text":"<p>Trait Bound are used to require a generic to implement specific traits and guarantee that a type will have the necessary behaviours.</p> Rust<pre><code>fn generic_method&lt;T: RequiredTrait&gt;() {}\nfn generic_method&lt;T: RequiredTrait + RequiredTrait&gt;() {}  // multiple bounds\n// or\nfn generic_method&lt;T, U&gt;() \n    where T: RequiredTrait + RequiredTrait,\n          U: RequiredTrait + RequiredTrait\n{\n    // implementation\n}\n\n// returned must implement specified trait, retuned type can be only one\n// useful for closures or iterators\nfn generic_return() -&gt; impl RequiredTrait { }\n\n// trait as parameter or return (syntactic sugar for trait bounds)\nfn method_signature(param: &amp;impl Trait) -&gt; Type {}\nfn method_signature(param: &amp;(impl TraitOne + TraitTwo)) -&gt; Type {}\n</code></pre>"},{"location":"languages/rust/rust.html#trait-extensions","title":"Trait Extensions","text":"Rust<pre><code>extern crate foo;\nuse foo::Foo;\n\n// define the methods to be added to the existing type\ntrait FooExt {\n    fn bar(&amp;self);\n}\n\n// implement the extension methods\nimpl FooExt for Foo {\n    fn bar(&amp;self) { .. }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#generic-structs-methods","title":"Generic Structs &amp; Methods","text":"<p>Generic Data Types are abstract stand-ind for concrete data types or other properties. They can be used with structs, functions, methods, etc.</p> <p>Rust accomplishes this by performing monomorphization of the code that is using generics at compile time. Monomorphization is the process of turning generic code into specific code by filling in the concrete types that are used when compiled. For this reason if a function as a trait as return type (trait bound), only a single type that implements the trait can be returned.</p> Rust<pre><code>struct GenericStruct&lt;T, U&gt; {\n    T generic_field,\n    U generic_field,\n    ...\n}\n\nimpl&lt;T, U&gt; GenericStruct&lt;T, U&gt; {\n    fn generic_method&lt;T&gt;() -&gt; Type { }\n    fn generic_method&lt;U&gt;() -&gt; Type { }\n}\n\n// implementation for specific types\nimpl GenericStruct&lt;Type, Type&gt; {\n    fn method() -&gt; Type { }\n}\n\n// implementation for specific traits \nimpl&lt;T: Trait, U&gt; GenericStruct&lt;T, U&gt; {/* ...*/}\n\n// implement a trait for all types with a specific trait (AKA blanket implementation)\nimpl&lt;T: WantedTrait&gt; ImplementedTrait for T {/* ...*/}\n\nfn generic_func&lt;T&gt;() -&gt; Type { }\nfn generic_func&lt;T&gt;() -&gt; &amp;T { }  // T could be heap-based type, returning reference is always valid\n\nfn generic&lt;T: Trait&gt;() -&gt; Type { }  // use generic constraint\n</code></pre> <p>Note: the calling code needs to import your new trait in addition to the external type</p>"},{"location":"languages/rust/rust.html#associated-types","title":"Associated Types","text":"<p>Associated types connect a type placeholder with a trait such that the trait method definitions can use these placeholder types in their signatures. The implementor of a trait will specify the concrete type to be used instead of the placeholder type for the particular implementation.</p> Rust<pre><code>trait Iterator {\n    type Item;\n\n    fn next(&amp;mut self) -&gt; Option&lt;Self::Item&gt;;\n}\n</code></pre> <p>The type <code>Item</code> is a placeholder, and the next method\u2019s definition shows that it will return values of type <code>Option&lt;Self::Item&gt;</code>. Implementors of the <code>Iterator</code> trait will specify the concrete type for <code>Item</code>, and the next method will return an <code>Option</code> containing a value of that concrete type.</p> <p>Note: if the type is generic then then they are called generic associated types</p>"},{"location":"languages/rust/rust.html#generic-traits-vs-associated-types","title":"Generic Traits vs Associated Types","text":"<p>The difference is that when a trait has a generic parameter, it can be implemented for a type multiple times, changing the concrete types of the generic type parameters each time. With associated types, it's not possible to implement the trait multiple times so annotations are not needed.</p> <p>Associated types also become part of the trait\u2019s contract: implementors of the trait must provide a type to stand in for the associated type placeholder. Associated types often have a name that describes how the type will be used, and documenting the associated type in the API documentation is good practice.</p>"},{"location":"languages/rust/rust.html#trait-objects","title":"Trait Objects","text":"<p>A reference to a trait is called a Trait Object. Like any other reference, a trait object points to some value, it has a lifetime, and it can be either mut or shared. What makes a trait object different is that Rust usually doesn\u2019t know the type of the referent at compile time. So a trait object includes a little extra information about the referent\u2019s type.</p> <p>In memory, a trait object is a fat pointer consisting of a pointer to the value, plus a pointer to a table representing that value\u2019s type.  </p> <p>Note: Rust automatically converts ordinary references into trait objects when needed</p> Rust<pre><code>let trait_object = &amp;mut dyn Trait = &amp;mut source;\nlet trait_object: Box&lt;dyn Trait&gt; = Box::new(source);  // same for Rc&lt;T&gt;, Arc&lt;T&gt;, ...\n</code></pre> <p>This works differently from defining a struct or function that uses a generic type parameter with trait bounds. A generic type parameter can only be substituted with one concrete type at a time, whereas trait objects allow for multiple concrete types to fill in for the trait object at runtime.</p> Rust<pre><code>fn func() -&gt; Box&lt;dyn Trait&gt; { }  // return something that implements the specified trait\n</code></pre> <p>If homogeneous collections are needed, using generics and trait bounds is preferable because the definitions will be monomorphized at compile time to use the concrete types.</p> <p>The code that results from monomorphization uses static dispatch, which is when the compiler knows what method will be called at compile time.</p> <p>This is opposed to dynamic dispatch, which is when the compiler can't tell at compile time which method will be called.  At runtime Rust uses the pointers inside the trait object to know which method to call. There is a runtime cost when this lookup happens that doesn't occur with static dispatch.</p> <p>Dynamic dispatch also prevents the compiler from choosing to inline a method's code, which in turn prevents some optimizations.</p> <p>It's only possible to make object-safe traits into trait objects. A trait is object safe if all the methods defined in the trait have the following properties:</p> <ul> <li>The return type isn't <code>Self</code>.</li> <li>There are no generic type parameters.</li> </ul>"},{"location":"languages/rust/rust.html#lifetimes","title":"Lifetimes","text":"<p>Lifetime annotation indicates to the borrow checker that the lifetime of the returned value is as long as the lifetime of the referenced value. The annotation does not affect how long the references live.</p> <p>In case of different lifetimes the complier will use the most restrictive.</p> Rust<pre><code>// lifetime annotation syntax\nfn func&lt;'a&gt;(x: &amp;'a Type, y: &amp;'a Type) -&gt; &amp;'a Type { }\n\n// multiple lifetimes annotations\nfn func&lt;'a, 'b&gt;(x: &amp;'a Type, y: &amp;'b Type) -&gt; &amp;'a Type { }\n\n// struct lifetime annotation\nstruct Struct&lt;'a&gt; {\n    name: &amp;'a str  // is borrowed, needs lifetime\n}\n\nimpl&lt;'a&gt; Struct&lt;'a&gt; { }\nimpl&lt;'a, 'b&gt; Struct&lt;'a&gt; { \n    fn method(&amp;'a self, param: &amp;'b Type) -&gt; &amp;'b Type {}\n}\n\n// static lifetime, same duration as entire program\n// can be coerced to more restrictive lifetime\nlet string: &amp;'static str = \"...\";\n</code></pre>"},{"location":"languages/rust/rust.html#lifetime-elision-rules","title":"Lifetime Elision Rules","text":"<p>The Lifetime Elision Rules are a set of rules for the compiler to analyze references lifetimes. They describe situations that do not require explicit lifetime annotations.  </p> <ul> <li>Rule 1: Each input parameter that is a reference is assigned it's own lifetime</li> <li>Rule 2: If there is exactly one input lifetime, assign it to all output lifetimes</li> <li>Rule 3: If there is a <code>&amp;self</code> or <code>&amp;mut self</code> input parameter, it's lifetime will be assigned to all output lifetimes</li> </ul>"},{"location":"languages/rust/rust.html#enums","title":"Enums","text":"Rust<pre><code>// enum definition\nenum Enum\n{\n    Variant1,\n    Variant2(Type, ...),  // each variant can have different types (even structs and enums) and amounts of associated data\n    Variant3 { x: u8, y: u8 }  // c-like struct\n    ...\n}\n\n// value assignment\nlet e: Enum = Enum::Variant1;\nlet e: Enum = Enum::Variant2(arg, ...);  // variant w/ data\nlet e: Enum = Enum::Variant3 { x = 1, y = 0};\n\n// methods on enum\nimpl Enum\n{\n    fn method(&amp;self) -&gt; Type {\n        match self {\n            Enum::Variant1 =&gt; &lt;expr&gt;\n            Enum::Variant2(arg) =&gt; &lt;expr&gt;,\n            Enum::Variant3 { x = 1, y = 0} =&gt; &lt;expr&gt;;\n        }\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#match-expressions","title":"Match Expressions","text":"<p>A match expression is made up of arms. An arm consists of a pattern and the code that should be run if the value given to the beginning of the match expression fits that arm's pattern. Rust takes the value given to match and looks through each arm's pattern in turn.</p> <p>Note: <code>match</code> arms must be exhaustive for compilation.</p> Rust<pre><code>enum Enum {\n    Variant1,\n    Variant2,\n    Variant3(Type),\n    ...\n}\n\n// match expression on enum\nfn match_variant(e: Enum) {\n    match e {\n        Enum::Variant1 =&gt; &lt;expr&gt;,\n        Enum::Variant2 =&gt; { /* code block */ },\n        Enum::Variant3(parm_name) =&gt; &lt;expr&gt;,\n        _ =&gt; ()  // () is unit value\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#pattern-matching","title":"Pattern Matching","text":"Pattern Example Notes Literal <code>100</code> Match exact value or <code>const</code> name Range <code>x..=y</code> Match any value in range, including end Wildcard <code>_</code> Match any value and ignore it <code>ref</code> Variable <code>ref field</code> Borrow reference of matched variable Variable <code>count</code> Match any value and copy it to variable Bind with syb-pattern <code>variable @ &lt;pattern&gt;</code> Match pattern and copy to variable Enum <code>Some(value)</code> Tuple <code>(key, value)</code> Array <code>[first, second, third]</code> Slice <code>[first, .., last]</code> Struct <code>Point { x, y, .. }</code> Reference <code>&amp;value</code> Multiple Patterns <code>'a' \\| 'A'</code> <code>match, if let, while let</code> only Guard Expression <code>&lt;pattern&gt; if &lt;condition&gt;</code> <code>match</code> only <p>Note: <code>..</code> in slices matches any number of elements. <code>..</code> in structs ignores all remaining fields</p> Rust<pre><code>// unpack a struct into local variables\nlet Struct { local_1, local_2, local_3, .. } = source;\n\n// ...unpack a function argument that's a tuple\nfn distance_to((x, y): (f64, f64)) -&gt; f64 { }\n\n// iterate over keys and values of a HashMap\nfor (key, value) in &amp;hash_map { }\n\n// automatically dereference an argument to a closure\n// (handy because sometimes other code passes you a reference\n// when you'd rather have a copy)\nlet sum = numbers.fold(0, |a, &amp;num| a + num);\n</code></pre> <p>Patterns that always match are special in Rust. They\u2019re called irrefutable patterns, and they\u2019re the only patterns allowed in <code>let</code>, in function arguments, after <code>for</code>, and in closure arguments.</p> <p>A refutable pattern is one that might not match, like <code>Ok(x)</code>. Refutable patterns can be used in <code>match</code> arms, because match is designed for them: if one pattern fails to match, it\u2019s clear what happens next.</p> <p>Refutable patterns are also allowed in <code>if let</code> and <code>while let</code> expressions:</p> Rust<pre><code>// handle just one enum variant specially\nif let Enum::VariantX(_, _) = source { }\n\n// run some code only if a table lookup succeeds\nif let Some(value) = hash_map.get(&amp;key) { }\n\n// repeatedly try something until it succeeds\nwhile let Err(err) = fallible_func() { }\n\n// manually loop over an iterator\nwhile let Some(_) = lines.peek() { }\n</code></pre>"},{"location":"languages/rust/rust.html#error-handling","title":"Error Handling","text":""},{"location":"languages/rust/rust.html#option-result","title":"Option &amp; Result","text":"<p>The <code>Option</code> type is used in many places because it encodes the very common scenario in which a value could be something or it could be nothing. Expressing this concept in terms of the type system means the compiler can check whether you've handled all the cases you should be handling; this functionality can prevent bugs that are extremely common in other programming languages.</p> <p><code>Result&lt;T, E&gt;</code> is the type used for returning and propagating errors. It is an enum with the variants, <code>Ok(T)</code>, representing success and containing a value, and <code>Err(E)</code>, representing error and containing an error value.</p> Rust<pre><code>// std implementation\nenum Option&lt;T&gt; {\n    Some(T),\n    None\n}\n\nenum Result&lt;T, E&gt; {\n    Ok(T),\n    Err(E)\n}\n\nlet option: Option&lt;T&gt; = /* */;\n\noption.is_some();\noption.is_none();\n\noption.unwrap();  // get value of Some or panic\noption.unwrap_or(value);  // get value of Some or return a specified value\noption.unwrap_or_default(fallback);  // get value of Some or return the default value of T\n\nlet result: Result&lt;T, E&gt; = /* */;\n\nresult.is_ok();\nresult.is_err();\nresult.as_ref();  // returns Result&lt;&amp;T, &amp;E&gt;\nresult.as_mut();  // returns Result&lt;&amp;mut T, &amp;mut E&gt;\n\n// methods consuming the result\nresult.ok();  // returns Option&lt;T&gt;, discarding the error\nresult.err();  // returns Option&lt;T&gt;, discarding the error\nresult.unwrap();  // get value of Ok or panic if Err\nresult.unwrap_or(value);  // get value of OK or return a specified value\nresult.unwrap_or_default(fallback);  // get value of Ok or return the default value of T\nresult.unwrap_or_else(fallback_fn)\nresult.unwrap_err();  // get value of Err or panic if Ok\nresult.expect(message);  // write message to stderr if Err\n\nresult_or_option.expect(\"Error Message\");  // if Err or None panics with a custom error message\n\nfn returns_result() -&gt; Result&lt;T, E&gt; { \n    let result = match may_return_err() {\n        Ok(value) =&gt; value,\n        Err(error) =&gt; return Err(error)  // return Err early\n    };\n\n    Ok(result)\n}\n// same as\nfn returns_result() -&gt; Result&lt;T, E&gt; { \n    let result = may_return_err()?;  // error propagation\n    // result contains Err ot value of Ok\n\n    Ok(result)\n}\n</code></pre> <p>Ending an expression with <code>?</code> will result in the unwrapped success (<code>Ok</code>) value, unless the result is <code>Err</code>, in which case <code>Err</code> is returned early from the enclosing function. <code>?</code> can only be used in functions that return <code>Result</code> because of the early return of <code>Err</code> that it provides.</p> <p>Note: When <code>None</code> is used the type of <code>Option&lt;T&gt;</code> must be specified, because the compiler can't infer the type that the <code>Some</code> variant will hold by looking only at a <code>None</code> value. Note: error values that have the <code>?</code> operator called on them go through the <code>from</code> function, defined in the <code>From</code> trait in the standard library, which is used to convert errors from one type into another</p>"},{"location":"languages/rust/rust.html#multiple-error-types","title":"Multiple Error Types","text":"<p>When working with multiple error types is useful to return a \"generic error\" type. All the standard library error types can be represented by <code>Box&lt;dyn std::Error + Send + Sync + 'static&gt;</code>.</p> Rust<pre><code>// convenience type aliases for the generic error\ntype GenericError = Box&lt;dyn std::Error + Send + Sync + 'static&gt;;\ntype GenericResult&lt;T&gt; = Result&lt;T; GenericError&gt;;\n</code></pre> <p>Note: the <code>anyhow</code> crate provides error and result types like <code>GenericError</code> with additional features</p>"},{"location":"languages/rust/rust.html#custom-error-types","title":"Custom Error Types","text":"Rust<pre><code>use thiserror::Error;  // utility crate for custom errors\n\n#[derive(Error, Debug)]\n#[error(\"{message:} ({line:}, {column})\")]\npub struct JsonError {\n    message: String,\n    line: usize,\n    column: usize,\n}\n</code></pre> <p>Note: the <code>thiserror</code> crate provides utilities to create custom error types</p>"},{"location":"languages/rust/rust.html#collections","title":"Collections","text":""},{"location":"languages/rust/rust.html#vector","title":"Vector","text":"<p>Vectors allow to store more than one value in a single data structure that puts all the values next to each other in memory. Vectors can only store values of the same type. Like any other struct, a vector is freed when it goes out of scope. When the vector gets dropped, all of its contents are also dropped.</p> Rust<pre><code>let v: Vec&lt;Type&gt; = Vec&lt;Type&gt;::new();  // empty vec init\nlet mut v: vec![item1, item2, ...];  // vec init (type inferred)\n\nv.push(item);  // add elements to vector\nv.pop();  // last item as Option&lt;T&gt; (vector must be mutable)\n\n// element access\nlet value = v.get(index);  // get method (returns Option&lt;&amp;T&gt;)\nlet value = &amp;v[index];  // index syntax  (returns reference, panic on index out of bounds)\n\n// iterate over mutable references to each element in a mutable vector in order to make changes to all the elements\nfor i in mut &amp;v {\n    *i = value;  // dereference and modify value\n}\n</code></pre> <p>A vector can hold different types if those type are variants of the same enum. It's also possible to use trait objects.</p> Rust<pre><code>enum Enum {\n    Int(i32),\n    Float(f64),\n    Text(String)\n}\n\nlet v = vec![\n    Enum::Int(2),\n    Enum::Float(3.14),\n    Enum::Text(String::from(\"text\"))\n];\n</code></pre>"},{"location":"languages/rust/rust.html#hashmap","title":"HashMap","text":"<p>Stores data in key-value pairs.</p> Rust<pre><code>use std::collections::HashMap;\n\nlet map: HashMap&lt;K, V&gt; = HashMap::new();\n\nlet value = map.get(key); // returns Option&lt;&amp;V&gt;\nmap.inset(key, value);  // insert or override value\nmap.entry(key).or_insert(value); // insert if not existing\nmap.entry(key).and_modify(|value| { *value = &lt;expr&gt; });  // modify item based on current value\n</code></pre>"},{"location":"languages/rust/rust.html#closures","title":"Closures","text":"<p>Rust's closures are anonymous functions that can be saved in a variable or passed as arguments to other functions. Unlike functions, closures can capture values from the scope in which they're defined.</p> <p>Closures are usually short and relevant only within a narrow context rather than in any arbitrary scenario. Within these limited contexts, the compiler is reliably able to infer the types of the parameters and the return type, similar to how it's able to infer the types of most variables.</p> <p>The first time a closure is called with an argument, the compiler infers the type of the parameter and the return type of the closure. Those types are then locked into the closure and a type error is returned if a different type is used with the same closure.</p> Rust<pre><code>// closure definition\nlet closure = |param1, param2| &lt;expr&gt;;\nlet closure = |param1, param2| {/* multiple lines of code */};\nlet closure = |num: i32| = &lt;expr&gt;;\n\n// closure usage\nlet result = closure(arg1, arg2);\n</code></pre>"},{"location":"languages/rust/rust.html#storing-closures-using-generic-parameters-and-the-fn-traits","title":"Storing Closures Using Generic Parameters and the Fn Traits","text":"<p>To make a struct that holds a closure, the type of the closure must be specified, because a struct definition needs to know the types of each of its fields. Each closure instance has its own unique anonymous type: that is, even if two closures have the same signature, their types are still considered different. To define structs, enums, or function parameters that use closures generics and trait bounds are used.</p> <p>The <code>Fn</code> traits are provided by the standard library. All closures implement at least one of the traits: <code>Fn</code>, <code>FnMut</code>, or <code>FnOnce</code>.</p> Rust<pre><code>struct ClosureStruct&lt;T&gt; where T: Fn(u32) -&gt; u32 {\n    closure: T,\n}\n</code></pre>"},{"location":"languages/rust/rust.html#capturing-the-environment-with-closures","title":"Capturing the Environment with Closures","text":"<p>When a closure captures a value from its environment, it uses memory to store the values for use in the closure body. Because functions are never allowed to capture their environment, defining and using functions will never incur this overhead.</p> <p>Closures can capture values from their environment in three ways, which directly map to the three ways a function can take a parameter:</p> <ul> <li>taking ownership</li> <li>borrowing mutably</li> <li>and borrowing immutably.</li> </ul> <p>These are encoded in the three <code>Fn</code> traits as follows:</p> <ul> <li><code>FnOnce</code> consumes the variables it captures from its enclosing scope. The closure takes ownership of these variables and move them into the closure when it is defined.</li> <li><code>FnMut</code> can change the environment because it mutably borrows values.</li> <li><code>Fn</code> borrows values from the environment immutably.</li> </ul> <p>When a closure is created, Rust infers which trait to use based on how the closure uses the values from the environment. All closures implement <code>FnOnce</code> because they can all be called at least once. Closures that don't move the captured variables also implement <code>FnMut</code>, and closures that don't need mutable access to the captured variables also implement <code>Fn</code>.</p> <p>To force the closure to take ownership of the values it uses in the environment, use the <code>move</code> keyword before the parameter list. This technique is mostly useful when passing a closure to a new thread to move the data so it's owned by the new thread.</p> Rust<pre><code>let closure = move |param| &lt;expr&gt;;\n</code></pre>"},{"location":"languages/rust/rust.html#function-pointers","title":"Function Pointers","text":"<p>Function pointer types, written using the <code>fn</code> keyword, refer to a function whose identity is not necessarily known at compile-time. They can be created via a coercion from both function items and non-capturing closures.</p> Rust<pre><code>fn add_one(x: usize) -&gt; usize {\n    x + 1\n}\n\nlet ptr: fn(usize) -&gt; usize = add_one;\nassert_eq!(ptr(5), 6);\n\nlet clos: fn(usize) -&gt; usize = |x| x + 5;\nassert_eq!(clos(5), 10);\n</code></pre>"},{"location":"languages/rust/rust.html#iterators","title":"Iterators","text":"<p>The iterator pattern allows to perform some task on a sequence of items in turn. An iterator is responsible for the logic of iterating over each item and determining when the sequence has finished.</p> <p>In Rust, iterators are lazy, meaning they have no effect until a call to methods that consume the iterator to use it up.</p> Rust<pre><code>// iterator trait\npub trait Iterator {\n    type Item;\n\n    fn next(&amp;mut self) -&gt; Option&lt;Self::Item&gt;;\n\n    // methods with default implementations elided\n}\n</code></pre> <p>Calling the <code>next</code> method on an iterator changes internal state that the iterator uses to keep track of where it is in the sequence. In other words, this code consumes, or uses up, the iterator. Each call to next eats up an item from the iterator.</p> <p>Methods that call next are called <code>consuming adaptors</code>, because calling them uses up the iterator.</p> <p>Other methods defined on the <code>Iterator</code> trait, known as iterator adaptors, allow to change iterators into different kinds of iterators. It's possible to chain multiple calls to iterator adaptors to perform complex actions in a readable way. But because all iterators are lazy, a call one of the consuming adaptor methods is needed to get the results.</p> Rust<pre><code>let iterator: = vec![1, 2, 3];\niterator\n    .map(|x| x + 1)  // iterator adapter\n    .filter(|x| x % 2 == 0)  // iterator adapter\n    .collect();  // consuming adapter\n</code></pre>"},{"location":"languages/rust/rust.html#custom-iterators","title":"Custom Iterators","text":"Rust<pre><code>struct Counter {\n    count: u32,\n}\n\nimpl Counter {\n    fn new() -&gt; Counter {\n        Counter { count: 0 }\n    }\n}\n\nimpl Iterator for Counter {\n    type Item = u32;\n\n    fn next(&amp;mut self) -&gt; Option&lt;Self::Item&gt; {\n        if self.count &lt; 5 {\n            self.count += 1;\n            Some(self.count)\n        } else {\n            None\n        }\n    }\n}\n</code></pre>"},{"location":"languages/rust/rust.html#smart-pointers","title":"Smart Pointers","text":"<p>A pointer is a general concept for a variable that contains an address in memory. This address refers to, or \"points at\" some other data. The most common kind of pointer in Rust is a reference, which you learned about in Chapter 4. References are indicated by the <code>&amp;</code> symbol and borrow the value they point to. They don't have any special capabilities other than referring to data. Also, they don`t have any overhead and are the kind of pointer used most often.</p> <p>Smart pointers, on the other hand, are data structures that not only act like a pointer but also have additional metadata and capabilities. The different smart pointers defined in the standard library provide functionality beyond that provided by references.</p> <p>In Rust, which uses the concept of ownership and borrowing, an additional difference between references and smart pointers is that references are pointers that only borrow data; in contrast, in many cases, smart pointers own the data they point to.</p> <p>Smart pointers are usually implemented using structs. The characteristic distinguishing a smart pointer from a struct is that smart pointers implement the <code>Deref</code> and <code>Drop</code> traits. The <code>Deref</code> trait allows an instance of the smart pointer struct to behave like a reference so it's possible to write code that works with either references or smart pointers. The <code>Drop</code> trait allows to customize the code that is run when an instance of the smart pointer goes out of scope.</p> <p>The most common smart pointers in the standard library are:</p> <ul> <li><code>Box&lt;T&gt;</code>: for allocating values on the heap</li> <li><code>Rc&lt;T&gt;</code>: a reference counting type that enables multiple ownership</li> <li><code>Ref&lt;T&gt;</code> and <code>RefMut&lt;T&gt;</code>, accessed through <code>RefCell&lt;T&gt;</code>: a type that enforces the borrowing rules at runtime instead of compile time</li> </ul>"},{"location":"languages/rust/rust.html#using-boxt-to-point-to-data-on-the-heap","title":"Using <code>Box&lt;T&gt;</code> to Point to Data on the Heap","text":"<p>The most straightforward smart pointer is <code>Box&lt;T&gt;</code>. Boxes allow to store data on the heap rather than the stack. What remains on the stack is the pointer to the heap data. Boxes don't have performance overhead, other than storing their data on the heap instead of on the stack. But they don't have many extra capabilities either.</p> <p><code>Box&lt;T&gt;</code> use cases:</p> <ul> <li>Using a type whose size can't be known at compile time in a context that requires an exact size</li> <li>Transferring ownership of a large amount of data but ensuring the data won't be copied when you do so</li> <li>Owning a value and which implements a particular trait rather than being of a specific type</li> </ul> Rust<pre><code>let _box = Box::new(pointed_value);\n</code></pre>"},{"location":"languages/rust/rust.html#deref-trait-deref-coercion","title":"<code>Deref</code> Trait &amp; Deref Coercion","text":"<p>Implementing the <code>Deref</code> trait allows to customize the behavior of the dereference operator, <code>*</code>. By implementing <code>Deref</code> in such a way that a smart pointer can be treated like a regular reference.</p> Rust<pre><code>struct CustomSmartPointer&lt;T&gt;(T);\n\nimpl&lt;T&gt; CustomSmartPointer&lt;T&gt; {\n    fn new(x: T) {\n        CustomSmartPointer(x)\n    }\n}\n\nimpl&lt;T&gt; Deref for CustomSmartPointer&lt;T&gt; {\n    type Target = T;\n\n    fn deref(&amp;self) -&gt; &amp;Self::Target {\n        // return reference to value\n    }\n}\n\nlet s = CustomSmartPointer::new(value);\nlet v = *s;\n// same as\nlet v = *(s.deref());\n</code></pre> <p>Deref coercion is a convenience that Rust performs on arguments to functions and methods. It works only on types that implement the <code>Deref</code> trait and converts such a type into a reference to another type. Deref coercion was added to Rust so that programmers writing function and method calls don't need to add as many explicit references and dereferences with <code>&amp;</code> and <code>*</code>.</p> Rust<pre><code>fn hello(name: &amp;str) {\n    println!(\"Hello {}\", name);\n}\n\nfn main() {\n    let name = Box::new(String::from(\"Rust\"));\n    hello(&amp;name);  // Box&lt;string&gt; coerced to &amp;str (Box -&gt; String -&gt; &amp;str)\n}\n</code></pre> <p>When the <code>Deref</code> trait is defined for the types involved, Rust will analyze the types and use <code>Deref::deref</code> as many times as necessary to get a reference to match the parameter's type.</p> <p>Similar to the <code>Deref</code> trait to override the <code>*</code> operator on immutable references, it's possible to use the <code>DerefMut</code> trait to override the <code>*</code> operator on mutable references.</p> <p>Rust does deref coercion when it finds types and trait implementations in three cases:</p> <ul> <li>From <code>&amp;T</code> to <code>&amp;U</code> when <code>T: Deref&lt;Target=U&gt;</code></li> <li>From <code>&amp;mut T</code> to <code>&amp;mut U</code> when <code>T: DerefMut&lt;Target=U&gt;</code></li> <li>From <code>&amp;mut T</code> to <code>&amp;U</code> when <code>T: Deref&lt;Target=U&gt;</code></li> </ul>"},{"location":"languages/rust/rust.html#drop-trait","title":"<code>Drop</code> Trait","text":"<p><code>Drop</code> allows to customize what happens when a value is about to go out of scope. It-s possible to provide an implementation for the <code>Drop</code> trait on any type.</p> Rust<pre><code>struct CustomSmartPointer&lt;T&gt;(T);\n\nimpl&lt;T&gt; Drop for CustomSmartPointer&lt;T&gt; {\n    fn drop(&amp;mut self) {\n        // clean up memory\n    }\n}\n\nfn main() {\n    let var1 = CustomSmartPointer(value);  // dropped when var1 goes out of scope\n    let var2 = CustomSmartPointer(value);\n    drop(var2);  // dropped early by using std::mem::drop\n}\n</code></pre> <p>Rust automatically calls <code>drop</code> when the instances went go of scope. Variables are dropped in the reverse order of their creation.</p>"},{"location":"languages/rust/rust.html#rct-arct-multiple-ownership","title":"<code>Rc&lt;T&gt;</code>, <code>Arc&lt;T&gt;</code> &amp; Multiple Ownership","text":"<p>Rust provides the reference-counted pointer types <code>Rc&lt;T&gt;</code> and <code>Arc&lt;T&gt;</code>. The <code>Rc&lt;T&gt;</code> and <code>Arc&lt;T&gt;</code> types are very similar; the only difference between them is that an <code>Arc&lt;T&gt;</code> is safe to share between threads directly (the name Arc is short for atomic reference count) whereas a plain <code>Rc&lt;T&gt;</code> uses faster non-thread-safe code to update its reference count.</p> Rust<pre><code>use std::rc::Rc;\n\nlet s: Rc&lt;String&gt; = Rc::new(\"some string\".to_string());\nlet t: Rc&lt;String&gt; = s.clone();  // contains a new pointer to the value held by s\nlet u: Rc&lt;String&gt; = s.clone();  // contains a new pointer to the value held by s\n</code></pre> <p>Each of the <code>Rc&lt;T&gt;</code> pointers is referring to the same block of memory, which holds a reference count and space for the value. The usual ownership rules apply to the <code>Rc&lt;T&gt;</code> pointers themselves, and when the last extant <code>Rc&lt;T&gt;</code> is dropped, Rust drops the value as well.</p> <p>Note: A value owned by an <code>Rc&lt;T&gt;</code> pointer is immutable.</p>"},{"location":"languages/rust/rust.html#refcellt-interior-mutability-pattern","title":"<code>RefCell&lt;T&gt;</code> &amp; Interior Mutability Pattern","text":"<p>Interior mutability is a design pattern in Rust that allows to mutate data even when there are immutable references to that data; normally, this action is disallowed by the borrowing rules. To mutate data, the pattern uses unsafe code inside a data structure to bend Rust's usual rules that govern mutation and borrowing.</p> <p>With references and <code>Box&lt;T&gt;</code>, the borrowing rules' invariants are enforced at compile time. With <code>RefCell&lt;T&gt;</code>, these invariants are enforced at runtime. With references, if these rules are broken, a compiler error is thrown. With <code>RefCell&lt;T&gt;</code> the program will panic and exit.</p> <p>The advantages of checking the borrowing rules at compile time are that errors will be caught sooner in the development process, and there is no impact on runtime performance because all the analysis is completed beforehand. For those reasons, checking the borrowing rules at compile time is the best choice in the majority of cases, which is why this is Rust's default.</p> <p>The advantage of checking the borrowing rules at runtime instead is that certain memory-safe scenarios are then allowed, whereas they are disallowed by the compile-time checks. Static analysis, like the Rust compiler, is inherently conservative.</p> <p>Note: <code>RefCell&lt;T&gt;</code> is only for use in single-threaded scenarios and will cause a compile-time error if used it in a multithreaded context.</p> <p>When creating immutable and mutable references, the <code>&amp;</code> and <code>&amp;mut</code> syntax is used, respectively. With <code>RefCell&lt;T&gt;</code>, the <code>borrow</code> and <code>borrow_mut</code> methods are ued, which are part of the safe API that belongs to <code>RefCell&lt;T&gt;</code>. The <code>borrow</code> method returns the smart pointer type <code>Ref&lt;T&gt;</code>, and <code>borrow_mut</code> returns the smart pointer type <code>RefMut&lt;T&gt;</code>. Both types implement <code>Deref</code>, so can be treated like regular references.</p> <p>The <code>RefCell&lt;T&gt;</code> keeps track of how many <code>Ref&lt;T&gt;</code> and <code>RefMut&lt;T&gt;</code> smart pointers are currently active. Every time <code>borrow</code> is called, the <code>RefCell&lt;T&gt;</code> increases its count of how many immutable borrows are active. When a <code>Ref&lt;T&gt;</code> value goes out of scope, the count of immutable borrows goes down by one. Just like the compile-time borrowing rules, <code>RefCell&lt;T&gt;</code> allows to have many immutable borrows or one mutable borrow at any point in time.</p> <p>A common way to use <code>RefCell&lt;T&gt;</code> is in combination with <code>Rc&lt;T&gt;</code>. <code>Rc&lt;T&gt;</code> allows to have multiple owners of some data, but it only gives immutable access to that data. By having a <code>Rc&lt;T&gt;</code> that holds a <code>RefCell&lt;T&gt;</code>, its' possible to get a value that can have multiple owners and that can mutate.</p> <p>The standard library has other types that provide interior mutability:</p> <ul> <li><code>Cell&lt;T&gt;</code> which is similar except that instead of giving references to the inner value, the value is copied in and out of the <code>Cell&lt;T&gt;</code>.</li> <li><code>Mutex&lt;T&gt;</code> which offers interior mutability that's safe to use across threads;</li> </ul>"},{"location":"languages/rust/rust.html#reference-cycles-can-leak-memory","title":"Reference Cycles Can Leak Memory","text":"<p>Rust's memory safety guarantees make it difficult, but not impossible, to accidentally create memory that is never cleaned up (known as a memory leak). Rust allows memory leaks by using <code>Rc&lt;T&gt;</code> and <code>RefCell&lt;T&gt;</code>: it's possible to create references where items refer to each other in a cycle. This creates memory leaks because the reference count of each item in the cycle will never reach 0, and the values will never be dropped.</p>"},{"location":"languages/rust/rust.html#files","title":"Files","text":""},{"location":"languages/rust/rust.html#reading-files","title":"Reading Files","text":"Rust<pre><code>use std::fs;\n\nlet contents: Vec&lt;u8&gt; = fs::read(\"path/to/file\").unwrap_or_default();\nlet contents: String = fs::read_to_string(\"path/to/file\").unwrap_or_default();\n\ncontents.lines(); // iterator over text lines\n</code></pre>"},{"location":"languages/rust/rust.html#writing-files","title":"Writing Files","text":"Rust<pre><code>use std::fs;\nuse std::io::Write;  // write trait\n// or\nuse std::io::prelude::*;\n\nlet contents: [u8] = /* */;\nlet contents = String::from(/* */);\n\nfs::write(\"path/to/file\", contents);\n\nlet mut file = fs::OpenOptions::new().append(true).open(\"path/to/file\").unwrap();\nfile.write(b\"appended text\");  // write wants an [u8]\n</code></pre>"},{"location":"languages/rust/rust.html#external-code","title":"External Code","text":"<p>The extern keyword is used in two places in Rust:</p> <ul> <li>in conjunction with the crate keyword to make Rust code aware of other Rust crates in the project</li> <li>in foreign function interfaces (FFI).</li> </ul> <p><code>extern</code> is used in two different contexts within FFI. The first is in the form of external blocks, for declaring function interfaces that Rust code can call foreign code by.</p> Rust<pre><code>#[link(name = \"my_c_library\")]\nextern \"C\" {\n    fn my_c_function(x: i32) -&gt; bool;\n}\n</code></pre> <p>This code would attempt to link with <code>libmy_c_library.so</code> on unix-like systems and <code>my_c_library.dll</code> on Windows at runtime, and panic if it can't find something to link to. Rust code could then use my_c_function as if it were any other unsafe Rust function. Working with non-Rust languages and FFI is inherently unsafe, so wrappers are usually built around C APIs.</p> <p>The mirror use case of FFI is also done via the extern keyword:</p> Rust<pre><code>#[no_mangle]\npub extern \"C\" fn callable_from_c(x: i32) -&gt; bool {\n    x % 3 == 0\n}\n</code></pre> <p>If compiled as a dylib, the resulting <code>.so</code> could then be linked to from a C library, and the function could be used as if it was from any other library</p>"},{"location":"languages/rust/unit-tests.html","title":"Unit Tests","text":""},{"location":"languages/rust/unit-tests.html#test-functions","title":"Test Functions","text":"Rust<pre><code>// module code here\n\n#[cfg(test)]\nmod tests {\n    use super::*;\n\n    #[test]\n    fn test_func() {\n        //ARRANGE\n\n        // ACT\n\n        // ASSERT\n        assert!(bool, \"optional custom error message\");\n        assert_eq!(expected, actual, \"optional custom error message\");\n        assert_ne!(expected, actual, \"optional custom error message\");\n    }\n\n    #[test]\n    #[should_panic(\"optional custom error message\")]\n    fn test_func() {/* ... */}\n\n    #[test]\n    #[ignore]\n    fn test_func() {/* ... */}\n}\n</code></pre>"},{"location":"languages/rust/unit-tests.html#controlling-how-tests-are-run","title":"Controlling How Tests Are Run","text":"Bash<pre><code>cargo test -- --test-threads=&lt;number&gt;  # run tests in parallel (1 no parallelism)\ncargo test -- --show-output  # show content printed in stdout in each test\ncargo test &lt;test_name&gt;  # run only a specific test\ncargo test &lt;partial_test_name&gt;  # run only specific tests\ncargo test -- --ignored  # run tests annotated with #[ignore]\ncargo test --test  # run all integration tests\n</code></pre>"},{"location":"languages/rust/unit-tests.html#test-organization","title":"Test Organization","text":"<p>Unit Tests:</p> <ul> <li>Inside the same module as the tested code</li> <li>annotated with <code>#[cfg(test)]</code></li> <li>can test private code by default</li> <li>import tested code with <code>super::*</code></li> <li>compiled only with <code>cargo test</code></li> </ul> <p>Integration tests:</p> <ul> <li>inside top level <code>tests</code> folder</li> <li>need to import tested code by crate name</li> <li>place util functions in a <code>mod.rs</code> to avoid testing them, e.g: <code>tests/common/mod.rs</code></li> <li>compiled only with <code>cargo test</code></li> </ul>"},{"location":"languages/swift/swift.html","title":"Swift","text":""},{"location":"languages/swift/swift.html#basics","title":"Basics","text":""},{"location":"languages/swift/swift.html#macro","title":"Macro","text":"Swift<pre><code>#if DEBUG\n\n// contents compiled only if in DEBUG build\n\n#endif\n</code></pre>"},{"location":"languages/swift/swift.html#comments","title":"Comments","text":"Swift<pre><code>// single line comment\n\n/*  \nmulti line comment\n*/\n</code></pre>"},{"location":"languages/swift/swift.html#variables","title":"Variables","text":"Swift<pre><code>var variable = value  // implicit variable init (auto-determine type)\nvar variable: Type = value  // explicit variable init\nvar variable: Type? = value  // explicit nullable variable init\n</code></pre>"},{"location":"languages/swift/swift.html#constants","title":"Constants","text":"Swift<pre><code>let CONSTANT = value  // constant init (value can be assigned at runtime)\n</code></pre>"},{"location":"languages/swift/swift.html#console-output","title":"Console Output","text":"Swift<pre><code>print()  // empty line\nprint(variable)\nprint(\"string\")\n</code></pre>"},{"location":"languages/swift/swift.html#strings","title":"Strings","text":"Swift<pre><code>var string \"Text: \\(&lt;expr&gt;)\"  // string interpolation\nvar string = \"Hello\" + \"There\"  // string concatenation\n\nvar multilineString = \"\"\"Use double quotes trice\nto make a string span multiple lines\"\"\"\n</code></pre>"},{"location":"languages/swift/swift.html#array","title":"Array","text":"Swift<pre><code>var array = [\"firstItem\", \"secondItem\", ...]\nvar array = [Type()]  // init empty homogeneous array\n\narray[index]  // value access\narray[index] = value  // value update\n\narray.append(item)  // add item to the end\narray.contains(item)  // membership check\narray.sort()  // in place sort\n\n\n// Heterogeneous Array\nvar list: Any = [\"string\", 47, ...]  // cannot access with [index]\nvar list: Any = []  // init empty heterogeneous array\n</code></pre>"},{"location":"languages/swift/swift.html#tuple","title":"Tuple","text":"<p>A tuple type is a comma-separated list of types, enclosed in parentheses.</p> <p>It's possible to use a tuple type as the return type of a function to enable the function to return a single tuple containing multiple values. It's possible to name the elements of a tuple type and use those names to refer to the values of the individual elements. An element name consists of an identifier followed immediately by a colon (:).</p> Swift<pre><code>var tuple: (Type, Type) = (value, value)  // explicit type\nvar tuple = (value, value)  // implicit type\ntuple.0  // item access\n\n// named elements\nvar tuple = (name1: value1, name2: value2, ...)  // tuple init\ntuple = (value1, value2)  // names are inferred\ntuple.name1  // item access\n</code></pre>"},{"location":"languages/swift/swift.html#tuple-decomposition","title":"Tuple Decomposition","text":"Swift<pre><code>var tuple = (value1, value2)\nvar (var1, var2) = tuple  // var1 = value1, var2 = value2\n</code></pre>"},{"location":"languages/swift/swift.html#type-identifier","title":"Type Identifier","text":"Swift<pre><code>typealias Point = (Int, Int)\nvar origin: (0, 0)\n</code></pre>"},{"location":"languages/swift/swift.html#dictionary","title":"Dictionary","text":"Swift<pre><code>var dict = [\n    \"key\": \"value\",\n    ...\n]\n\nvar dict = [Type: Type]()  // init empty dict\n\ndict[key]  // value access\ndict[key] = value // value update\n</code></pre>"},{"location":"languages/swift/swift.html#expressions-operators","title":"Expressions &amp; Operators","text":""},{"location":"languages/swift/swift.html#primary-expressions","title":"Primary Expressions","text":"Syntax Operation x<code>.</code>m access to member <code>m</code> of object <code>x</code> (\".\" \u2192 member access operator) x<code>(...)</code> method invocation (\"()\" \u2192 method invocation operator) x<code>[...]</code> array access and indicization <code>new</code> T(...) object instantiation <code>x!</code> declare x as not nil"},{"location":"languages/swift/swift.html#unary-operators","title":"Unary Operators","text":"Operator Operation <code>+</code>x identity <code>-</code>x negation <code>!</code>x logic negation <code>~</code>x binary negation <code>++</code>x pre-increment <code>--</code>x pre-decrement x<code>++</code> post-increment x<code>--</code> post decrement <code>(type)</code>x explicit casting"},{"location":"languages/swift/swift.html#mathematical-operators","title":"Mathematical Operators","text":"Operator Operation x <code>+</code> y addition, string concatenation x <code>-</code> y subtraction x <code>*</code> y multiplication x <code>/</code> y integer division, always returns an <code>int</code> x <code>%</code> y modulo, remainder x <code>&lt;&lt;</code> y left bit shift x <code>&gt;&gt;</code> y right bit shift"},{"location":"languages/swift/swift.html#relational-operators","title":"Relational Operators","text":"Operator Operation x <code>&lt;=</code> y less or equal to x <code>&gt;</code> y greater than x <code>&gt;=</code> y greater or equal to x <code>is</code> T <code>true</code> if <code>x</code> is an object of type <code>T</code> x <code>==</code> y equality <code>!</code>x inequality"},{"location":"languages/swift/swift.html#logical-operators","title":"Logical Operators","text":"Operator Operation Name <code>~</code>x bitwise NOT x <code>&amp;</code> y bitwise AND x <code>^</code> y bitwise XOR x <code>|</code> y bitwise OR x <code>&amp;&amp;</code> y evaluate <code>y</code> only if <code>x</code> is <code>true</code> x <code>||</code> y evaluate <code>y</code> only if <code>x</code> is <code>false</code> x <code>??</code> y evaluates to <code>y</code> only if <code>x</code> is <code>nil</code>, <code>x</code> otherwise nil coalescing x<code>?.</code>y stop if <code>x == nil</code>, evaluate <code>x.y</code> otherwise nil conditional"},{"location":"languages/swift/swift.html#assignment","title":"Assignment","text":"Operator Operation x <code>+=</code> y x = x + y x <code>-=</code> y x = x - y x <code>*=</code> y x = x * y x <code>/=</code> y x = x / y x <code>%=</code> y x = x % y x <code>&lt;&lt;=</code> y x = x &lt;&lt; y x <code>&gt;&gt;=</code> y x = x &gt;&gt; y x <code>&amp;=</code> y x = x &amp; y x <code>|=</code> y x = x x <code>^=</code> y x = x ^ y x <code>??=</code> y if (x == nil) {x = y}"},{"location":"languages/swift/swift.html#conditional-operator","title":"Conditional Operator","text":"<p><code>&lt;condition&gt; ? &lt;return_if_condition_true&gt; : &lt;return_if_condition_false&gt;;</code></p>"},{"location":"languages/swift/swift.html#nil-checks","title":"Nil Checks","text":"Swift<pre><code>variable ?? value\n// same as\nif(variable == nil) { variable = value }\n</code></pre>"},{"location":"languages/swift/swift.html#if-else","title":"If-Else","text":"Swift<pre><code>if condition {\n    // code here\n} else if condition {\n    //code here\n} else {\n    // code here\n}\n\nif let var0 = var1 { /* statements */ }\n// same as\nlet var0 = var1\nif var0 != nil { /* statements */ }\n</code></pre>"},{"location":"languages/swift/swift.html#switch","title":"Switch","text":"Swift<pre><code>switch &lt;value&gt; {\n    case &lt;pattern/key&gt;:\n        // code here\n        break  // can be implicit\n\n    case key where &lt;condition_on_key&gt;:\n        // code here\n        break\n\n    default:\n        // code here\n        break\n}\n</code></pre>"},{"location":"languages/swift/swift.html#loops","title":"Loops","text":""},{"location":"languages/swift/swift.html#for-loop","title":"For Loop","text":"Swift<pre><code>// range based for\nfor i in start...end { /* statements */ }  // end included\nfor i in start..&lt;end { /* statements */ }  // end excluded\nfor _ in start...end\n\nfor item in sequence {\n    // code here\n}\n\nfor (key, value) in dict {\n    // code here\n}\n</code></pre>"},{"location":"languages/swift/swift.html#while-loop","title":"While Loop","text":"Swift<pre><code>while condition {\n    // code here\n}\n\n// \"do\"..while\nrepeat {\n    // code here\n} while condition\n</code></pre>"},{"location":"languages/swift/swift.html#functions","title":"Functions","text":"Swift<pre><code>// \"void function\"\nfunc funcName(param: Type, ...) {\n    // code here\n}\n\nfunc funcName(param: Type = defaultValue, ...) -&gt; Type {\n    //code here\n    return &lt;expression&gt;\n}\n\nfunc funcName(param: Type) -&gt; Type {\n    &lt;expression&gt;  // implicit return\n}\n\n// func call MUST have parameter's names\nfuncName(param: value, ...)\n\n// multiple return values\nfunc funcMultipleParameters(param: Type) -&gt; (retVal1: Type, retVal2: Type) {\n    //code here\n\n    return (&lt;expression&gt;, &lt;expression&gt;)\n}\n\nvar result = funcMultipleReturns(param: value)\nresult.retVal1  // access to tuple components\n\n// argument labels (only first label can be omitted)\nfunc funcWithLabels(_ param: Type, label param: Type, ...) -&gt; Type { }\nfuncWithLabels(value, label: value, ...)\n</code></pre>"},{"location":"languages/swift/swift.html#passing-functions-as-parameters","title":"Passing Functions as Parameters","text":"Swift<pre><code>func f(param: Type) -&gt; Type {}\nfunc g(f: (Type) -&gt; Type) {}  // (Type) -&gt; Type are the passed func input and output types\n</code></pre>"},{"location":"languages/swift/swift.html#functions-returning-functions","title":"Functions Returning Functions","text":"Swift<pre><code>func f() -&gt; ((Type) -&gt; Type) {\n    func g(param: Type) -&gt; type {}\n\n    return g\n}\n</code></pre>"},{"location":"languages/swift/swift.html#closure","title":"Closure (<code>{ .. }</code>)","text":"<p>Closures are self-contained blocks of functionality that can be passed around and used in code. Closures in Swift are similar to blocks in C and Objective-C and to lambdas in other programming languages.</p> Swift<pre><code>{ (parameters: Type) -&gt; Type in\n    // statements\n}\n\n{ parameters in return &lt;expression&gt; }  // type inference from context\n{ $0 &gt; $1 }  // $&lt;n&gt; identifies the n-th argument, IN can be omitted if closure has only the body\n</code></pre>"},{"location":"languages/swift/swift.html#enums","title":"Enums","text":""},{"location":"languages/swift/swift.html#enum-definition","title":"Enum Definition","text":"Swift<pre><code>enum EnumName {\n    case key1\n    case key2\n    case ...\n}\n\nEnumName.key1 // key1\n</code></pre>"},{"location":"languages/swift/swift.html#enum-with-raw-values","title":"Enum with Raw Values","text":"Swift<pre><code>enum EnumName: Type {\n    case key1 = value\n    case key2 = value\n    case ...\n}\n\nEnumName.key1.rawValue  // value\n\nenum IntegerEnum: Int {\n    // the value of each case is one more then the previous case\n    case one = 1\n    case two, three, four\n    case ...\n}\n</code></pre>"},{"location":"languages/swift/swift.html#matching-enumeration-values-with-a-switch-statement","title":"Matching Enumeration Values with a Switch Statement","text":"Swift<pre><code>enum Rank: Int {\n    case ace = 1, two, three, four, five, six, seven, eight, nine, ten\n    case jack, queen, king\n\n    func getValue() -&gt; String {\n        switch self {\n\n        case .jack:\n            return \"jack\"\n\n        case .queen:\n            return \"queen\"\n\n        case .king:\n            return \"king\"\n\n        default:\n            return String(self.rawValue)\n        }\n    }\n}\n\nRank.jack.getValue() // \"jack\"\nRank.jack.rawValue // 11\n</code></pre>"},{"location":"languages/swift/swift.html#struct-value-type","title":"Struct (Value Type)","text":"Swift<pre><code>struct StructName {\n    var attribute = value  // instance variable\n    private var _attribute: Type  // backing field for property\n\n    var property: Type {\n        get { return _attribute }\n\n        set { _attribute = newValue }  // newValue contains the passed value\n        // OR\n        set(param) { _attribute = param }\n    }\n\n    // constructor\n    init(param: Type) {\n        self.attribute = param  // attribute valorization\n    }\n\n    // de-initializer (free memory containing obj?)\n    deinit {\n        // empty the attributes\n    }\n\n    // overloading\n    func method() -&gt; Type { }\n    func method(param: Type, ...) -&gt; Type { }\n}\n\nvar structure = StructName()  // struct instantiation\n</code></pre>"},{"location":"languages/swift/swift.html#classes-reference-type","title":"Classes (Reference Type)","text":""},{"location":"languages/swift/swift.html#class-definition-instantiation","title":"Class Definition &amp; Instantiation","text":"Swift<pre><code>class ClassName {\n    var attribute = value  // instance variable\n    private var _attribute: Type  // backing field for property\n\n    var property: Type {\n        get { return _attribute }\n\n        set { _attribute = newValue }  // newValue contains the passed value\n        // OR\n        set(param) { _attribute = param }\n    }\n\n    // constructor\n    init(param: Type) {\n        self.attribute = param  // attribute valorization\n    }\n\n    // de-initializer (free memory containing obj?)\n    deinit {\n        // empty the attributes\n    }\n\n    // overloading\n    func method() -&gt; Type { }\n    func method(param: Type, ...) -&gt; Type { }\n}\n\nvar obj = ClassName()  // obj instantiation\n</code></pre>"},{"location":"languages/swift/swift.html#property-observers-willset-didset","title":"Property Observers <code>willSet</code> &amp; <code>didSet</code>","text":"<p>Do actions before/after modifying a property value.</p> <p>Note: <code>willSet</code> and <code>didSet</code> do not set the value of the property.</p> Swift<pre><code>class ClassName {\n\n    var _attribute: Type\n\n    var property {\n        get { return _attribute }\n        set{ _attribute = newValue }\n\n        willSet {\n            // act before setting the property value\n        }\n\n        didSet {\n            // act after setting the property value\n        }\n    }\n}\n</code></pre>"},{"location":"languages/swift/swift.html#inheritance","title":"Inheritance","text":"Swift<pre><code>class Derived: SuperClass {\n\n    var attribute: Type\n\n    init(param1: Type, param2: Type) {\n        self.attribute = param1\n        super.init(param: param2 )  // superclass init (NEEDED)\n    }\n\n    // overriding\n    override func method() {}\n}\n</code></pre>"},{"location":"languages/swift/swift.html#exception-handling","title":"Exception Handling","text":"Swift<pre><code>guard let variable = &lt;expression&gt;\nelse {\n    /* statements */\n    // throw or return to exit code branch\n}\n\n\ndo {\n    try &lt;throwing expression&gt;\n} catch &lt;pattern&gt; {\n    // statements\n}\n</code></pre>"},{"location":"linux/filesystem/file-links.html","title":"Symlink, Hardlink, Reflink","text":"<p>Unix files consist of two parts: the data part and the filename part. The data part is associated with something called an inode. The inode carries the map of where the data is, the file permissions, etc. for the data.</p> Text Only<pre><code>                                           +------+ +------+\n                         .---------------&gt; | data | | data | etc\n                        /                  +------+ +------+\n+--------------------------------+\n| permbits, etc | data addresses |\n+--------------inode-------------+\n</code></pre> <p>The filename part carries a name and an associated inode number.</p> Text Only<pre><code>                                  +---------------------------+\n                 .--------------&gt; | permbits, etc | addresses |\n                /                 +-----------inode-----------+\n+--------------------+\n| filename | inode # |\n+--------------------+\n</code></pre>"},{"location":"linux/filesystem/file-links.html#hardlinks","title":"Hardlinks","text":"<p>More than one filename can reference the same inode number. These files are said to be hard linked together.</p> Text Only<pre><code>+--------------------+\n| filename | inode # |\n+--------------------+\n                \\                 +---------------------------+\n                 &gt;--------------&gt; | permbits, etc | addresses |\n                /                 +------------inode----------+\n+---------------------+\n| othername | inode # |\n+---------------------+\n</code></pre>"},{"location":"linux/filesystem/file-links.html#symlinks-aka-softlinks","title":"Symlinks (aka Softlinks)","text":"<p>Symlinks are a special file type whose data part carries a path to another file. Since it is a special file, the OS recognizes the data as a path, and redirects opens, reads, and writes so that, instead of accessing the data within the special file, they access the data in the file named by the data in the special file.</p> Text Only<pre><code>+--------------------+\n| filename | inode # |\n+--------------------+\n              \\\n               \\     +---------------------------+\n                '--&gt; | permbits, etc | addresses |\n                     +-----------inode-----------+\n                                     /\n                                    /\n                                   /\n .--------------------------------'\n(     +--------------------------+\n '--&gt; |\"/path/to/some/other/file\"| \n      +----------data------------+\n                  /                     |\n .~ ~ ~ ~ ~ ~ ~ ~'                      |-- (redirected at open() time)\n(     +--------------------+            |\n '~~&gt; | filename | inode # |\n      +--------------------+\n                   \\               +---------------------------+\n                    '------------&gt; | permbits, etc | addresses |\n                                   +-----------inode-----------+\n                                                /\n                                               /\n .--------------------------------------------'\n(     +------+  +------+ \n '--&gt; | data |  | data | etc.\n      +------+  +------+ \n</code></pre> <p>Now, the filename part of the file is stored in a special file of its own along with the filename parts of other files; this special file is called a directory.</p>"},{"location":"linux/filesystem/file-links.html#reflink","title":"Reflink","text":"<p>A Reflink is a type of shallow copy of file data that shares the blocks but otherwise the files are independent and any change to the file will not affect the other. This builds on the underlying copy-on-write mechanism. A reflink will effectively create only a separate metadata pointing to the shared blocks which is typically much faster than a deep copy of all blocks.</p> Text Only<pre><code>+--------------------+\n| filename | inode # |\n+--------------------+\n            \\        +---------------------------+\n             '-----&gt; | permbits, etc | addresses |\n                     +-----------inode-----------+\n                                   \\                +------+  +------+\n                                    &gt;-------------&gt; | data |  | data | etc.\n                                   /                +------+  +------+\n                     +---------------------------+\n             .-----&gt; | permbits, etc | addresses |\n            /        +-----------inode-----------+\n+---------------------+\n| othername | inode # |\n+---------------------+\n</code></pre> <p>There are some constraints:</p> <ul> <li>cross-filesystem reflink is not possible, there\u2019s nothing in common between so the block sharing can\u2019t work</li> <li>reflink crossing two mount points of the same filesystem support depends on kernel version</li> </ul>"},{"location":"linux/filesystem/file-links.html#directories","title":"Directories","text":"<p>The directory, as a file, is just an array of filename parts of other files.</p> <p>When a directory is built, it is initially populated with the filename parts of two special files: the <code>.</code> and <code>..</code> files.</p> <p>The filename part for the <code>.</code> file is populated with the <code>inode</code> of the directory file in which the entry has been made: <code>.</code> is a hardlink to the file that implements the current directory.</p> <p>The filename part for the <code>..</code> file is populated with the <code>inode</code> of the directory file that contains the filename part of the current directory file: <code>..</code> is a hardlink to the file that implements the immediate parent of the current directory.</p> <p>The <code>ln</code> command knows how to build hardlinks and softlinks; the <code>mkdir</code> command knows how to build directories (the OS takes care of the above hardlinks).</p> <p>There are restrictions on what can be hardlinked (both links must reside on the same filesystem, the source file must exist, etc.) that are not applicable to softlinks (source and target can be on separate file systems, source does not have to exist, etc.).</p>"},{"location":"linux/filesystem/procfs.html","title":"<code>/proc</code> Filesystem","text":"<p>The proc file system contains a hierarchy of special files that represent the current state of the kernel.</p> <p>Files in the <code>/proc</code> directory contain information about the hardware and current processes running on the system. Files that have write permission can be modified to change the configuration of the kernel.</p>"},{"location":"linux/filesystem/procfs.html#top-level-files-within-proc","title":"Top-Level Files Within <code>/proc</code>","text":"<ul> <li> <p><code>/proc/buddyinfo</code>: This file is used primarily for diagnosing memory fragmentation issues.</p> </li> <li> <p><code>/proc/cmdline</code>: This file shows the parameters passed to the kernel at the time it is started.</p> </li> <li> <p><code>/proc/cpuinfo</code>: This virtual file identifies the type of processor used by the system.</p> </li> <li> <p><code>/proc/crypto</code>: This file lists all installed cryptographic ciphers used by the Linux kernel, including additional details for each.</p> </li> <li> <p><code>/proc/devices</code>: This file displays the various character and block devices currently configured (not including devices whose modules are not loaded).</p> </li> <li> <p><code>/proc/dma</code>: This file contains a list of the registered ISA DMA channels in use.</p> </li> <li> <p><code>/proc/execdomains</code>: This file lists the execution domains currently supported by the Linux kernel, along with the   range of personalities they support.</p> </li> <li> <p><code>/proc/filesystems</code>: This file displays a list of the file system types currently supported by the kernel.   The first column signifies whether the file system is mounted on a block device. Those beginning with <code>nodev</code> are not mounted on a device.   The second column lists the names of the file systems supported.   The mount command cycles through the file systems listed here when one is not specified as an argument.</p> </li> <li> <p><code>/proc/interrupts</code>: This file records the number of interrupts per IRQ on the <code>x86</code> architecture.</p> </li> <li> <p><code>/proc/iomem</code>: This file shows the current map of the system\u2019s memory for each physical device.</p> </li> <li> <p><code>/proc/ioports</code>: This file provides a list of currently registered port regions used for input or output communication with a device.</p> </li> <li> <p><code>/proc/kcore</code>: This file represents the physical memory of the system and is stored in the core file format.   The contents of this file are designed to be examined by a debugger, such as gdb, and is not human readable.</p> </li> <li> <p><code>/proc/kmsg</code>: This file is used to hold messages generated by the kernel. These messages are then picked up by other   programs, such as <code>/bin/dmesg</code>.</p> </li> <li> <p><code>/proc/loadavg</code>: This file provides a look at the load average in regard to both the CPU and I/O over time, as well as   additional data used by uptime and other commands.</p> </li> <li> <p><code>/proc/locks</code>: This file displays the files currently locked by the kernel. The contents of this file contain internal   kernel debugging data and can vary tremendously, depending on the use of the system.</p> </li> <li> <p><code>/proc/mdstat</code>: This file contains the current information for multiple-disk, RAID configurations.</p> </li> <li> <p><code>/proc/meminfo</code>: This file reports a large amount of valuable information about the system\u2019s RAM usage.</p> </li> <li> <p><code>/proc/modules</code>: This file displays a list of all modules loaded into the kernel. Most of this information can also be   viewed by using the /sbin/lsmod command.</p> </li> </ul>"},{"location":"linux/filesystem/procfs.html#process-directories-in-proc","title":"Process Directories in <code>/proc</code>","text":"<p>The <code>/proc</code> directory contains directories with numerical names. These directories are named after a program\u2019s process ID and contain information about that process. The owner and group of each process directory are set to the user running the process.</p> <p>Each <code>/proc/&lt;pid&gt;</code> directory contains several files including:</p> <ul> <li><code>cmdline</code>: The command issued when starting the process</li> <li><code>cwd</code>: A symbolic link to the current working directory for the process</li> <li><code>environ</code>: A list of the environment variables for the process</li> <li><code>exe</code>: A symbolic link to the executable of this process</li> <li><code>fd</code>: The directory containing all of the file descriptors for a particular process</li> <li><code>maps</code>: A list of memory maps to executables and library files associated with process</li> <li><code>mem</code>: The memory held by the process (the file cannot be read by the user)</li> <li><code>root</code>: A link to the root directory of the process</li> <li><code>stat</code>: The status of the process including run state and memory usage</li> <li><code>statm</code>: The status of the memory in use by the process</li> <li><code>status</code>: The status of the process in a more readable form than stat or statm</li> </ul>"},{"location":"linux/filesystem/procfs.html#other-directories-in-proc","title":"Other Directories in <code>/proc</code>","text":"<p>Other directories within the <code>/proc</code> directory group similar information by topic. The following is a partial list of these directories:</p> <ul> <li> <p><code>/proc/bus</code>: This directory contains information about the various buses available on the system.   The subdirectories and files available within /proc/bus vary depending on the devices connected to the system.</p> </li> <li> <p><code>/proc/bus/pci</code>, <code>/proc/bus/usb</code>: It's possible to get a list of all PCI and USB devices present on the system by using   the cat command on the devices file within these directories, but the output is difficult to read and interpret.   For a human-readable list of devices, run the <code>lspci</code> and <code>lsusb</code> commands.</p> </li> <li> <p><code>/proc/driver</code>: This directory contains information for specific drivers in use by the kernel.</p> </li> <li> <p><code>/proc/fs</code>: This directory shows which file systems are exported.</p> </li> <li> <p><code>/proc/irq</code>: This directory is used to set IRQ to CPU affinity, which allows the system to connect a particular IRQ to only one CPU.   Alternatively, it can exclude a CPU from handling any IRQs.</p> </li> <li> <p><code>/proc/self/net</code>: This directory provides a comprehensive look at various networking parameters and statistics.   Each directory and virtual file within this directory describes aspects of the system\u2019s network configuration.   The <code>/proc/net</code> file is a symbolic link to this directory.</p> </li> <li> <p><code>/proc/scsi</code>: The primary file in this directory is <code>/proc/scsi/scsi</code>, which contains a list of every recognized SCSI device.   From this listing, the type of device, as well as the model name, vendor, SCSI channel, and ID data is available.</p> </li> <li> <p><code>/proc/sys</code>: This directory is different from others in <code>/proc</code>, because it not only provides information about the system   but also allows to immediately enable and disable kernel features.   Changes made by writing to the files are not persistent and disappear when the system is restarted.   To make changes persist after rebooting, add them to the <code>/etc/sysctl.conf</code> file.</p> </li> <li> <p><code>/proc/sys/dev</code>: This directory provides parameters for particular devices on the system.</p> </li> <li> <p><code>/proc/sys/fs</code>: This directory contains options and information concerning various aspects of the file system, including quota, file handle, and inode information.</p> </li> <li> <p><code>/proc/sys/kernel</code>: This directory contains a variety of different configuration files that directly affect the operation of the kernel.</p> </li> <li> <p><code>/proc/sys/net</code>: This directory contains subdirectories concerning various networking topics.   Ir's possible to alter the files within these directories to adjust the network configuration on a running system.</p> </li> <li> <p><code>/proc/sysvipc</code>: This directory contains information about System V Interprocess Communication (IPC) resources.   The files in this directory relate to System V IPC calls for messages (msg), semaphores (sem), and shared memory (shm).</p> </li> <li> <p><code>/proc/tty</code>: This directory contains information about the available and currently used tty devices on the system.   The drivers file is a list of the current tty devices in use.</p> </li> </ul>"},{"location":"linux/filesystem/sysfs.html","title":"<code>/sys</code> Filesystem (<code>sysfs</code>)","text":""},{"location":"linux/filesystem/sysfs.html#sysfs-directories","title":"<code>sysfs</code> Directories","text":"<p>In addition to <code>/proc</code>, the kernel also exports information to another virtual file system called <code>sysfs</code>. <code>sysfs</code> is used by programs such as <code>udev</code> to access device and device driver information.</p>"},{"location":"linux/filesystem/sysfs.html#sysblock","title":"<code>/sys/block</code>","text":"<p>This directory contains entries for each block device in the system. Symbolic links point to the physical device that the device maps to in the physical device tree.</p> <p>For example, attributes for the sda disks reside in the <code>/sys/block/sda</code> directory.</p>"},{"location":"linux/filesystem/sysfs.html#sysbus","title":"<code>/sys/bus</code>","text":"<p>This directory contains subdirectories for each physical bus type supported in the kernel. Each bus type has two subdirectories: devices and drivers.  </p> <p>The devices directory lists devices discovered on that type of bus. The drivers directory contains directories for each device driver registered with the bus type. Driver parameters can be viewed and manipulated.</p>"},{"location":"linux/filesystem/sysfs.html#sysclass","title":"<code>/sys/class</code>","text":"<p>This directory contains every device class registered with the kernel. Device classes describe a functional type of device. Examples include input devices, network devices, and block devices.</p>"},{"location":"linux/filesystem/sysfs.html#sysdevices","title":"<code>/sys/devices</code>","text":"<p>This directory contains the global device hierarchy of all devices on the system. This directory also contains a platform directory and a system directory. </p> <p>The platform directory contains peripheral devices specific to a particular platform such as device controllers. The system directory contains non-peripheral devices such as CPUs and APICs.</p>"},{"location":"linux/filesystem/sysfs.html#sysfirmware","title":"<code>/sys/firmware</code>","text":"<p>This directory contains subdirectories with firmware objects and attributes.</p>"},{"location":"linux/filesystem/sysfs.html#sysmodule","title":"<code>/sys/module</code>","text":"<p>This directory contains subdirectories for each module that is loaded into the kernel.</p>"},{"location":"linux/filesystem/sysfs.html#syspower","title":"<code>/sys/power</code>","text":"<p>The system power state can be controlled from this directory. The disk attribute controls the method by which the system suspends to disk. The state attribute allows a process to enter a low power state.</p>"},{"location":"linux/init/open-rc.html","title":"OpenRC","text":"<p>OpenRC is a dependency-based init system for Unix-like systems that maintains compatibility with the system-provided init system, normally located in /sbin/init. OpenRC is Gentoo's native init system, although other init systems are available.</p> <p>OpenRC will start necessary system services in the correct order at boot, manage them while the system is in use, and stop them at shutdown. It can manage daemons installed from the Gentoo repository, can optionally supervise the processes it launches, and has an the possibility to start processes in parallel - when possible - to shorten boot time.</p>"},{"location":"linux/init/open-rc.html#runlevels-services","title":"Runlevels &amp; Services","text":"<p>OpenRC has a concept of runlevels. A runlevel is a collection of services that needs to be started. Instead of random numbers they are named, and users can create their own if needed.</p> <p>The <code>rc-status</code> helper will print all currently active runlevels and the state of services in them:</p> Bash<pre><code>Runlevel: default\n  modules                     [  started  ]\n  lvm                         [  started  ]\n</code></pre> <p>All runlevels are represented as folders in <code>/etc/runlevels/</code> with symlinks to the actual service scripts.</p> <p>Calling <code>openrc</code> with an argument will switch to that runlevel; this will start and stop services as needed.</p>"},{"location":"linux/init/open-rc.html#managing-runlevels","title":"Managing Runlevels","text":"<p>Managing runlevels is usually done through the <code>rc-update</code> helper, but could of course be done by hand if desired.</p> Bash<pre><code>rc-update add &lt;service&gt; &lt;runlevel&gt;\nrc-update del &lt;service&gt; &lt;runlevel&gt;\nrc-update show &lt;runlevel&gt;\n</code></pre> <p>The default startup uses the runlevels <code>sysinit</code>, <code>boot</code>, and <code>default</code>, in that order. Shutdown uses the <code>shutdown</code> runlevel.</p>"},{"location":"linux/init/open-rc.html#managing-services","title":"Managing Services","text":"<p>Any service can, at any time, be started/stopped/restarted by executing with the <code>rc-service</code> helper  someservice start, rc-service someservice stop, etc.</p> Bash<pre><code>rc-service &lt;service&gt; start\nrc-service &lt;service&gt; stop\nrc-service &lt;service&gt; restart\nrc-service &lt;service&gt; status\nrc-service &lt;service&gt; zap\n</code></pre> <p>Another, less preferred method, is to run the service script directly, e.g. /etc/init.d/service start, /etc/init.d/service stop, etc.</p> Bash<pre><code>/etc/init.d/&lt;service&gt; start\n/etc/init.d/&lt;service&gt; stop\n/etc/init.d/&lt;service&gt; restart\n/etc/init.d/&lt;service&gt; status\n/etc/init.d/&lt;service&gt; zap\n</code></pre> <p>There is a special command <code>zap</code> that makes OpenRC 'forget' that a service is started. This is mostly useful to reset a crashed service to stopped state without invoking the (possibly broken) stop function of the service script.</p> <p>Calling <code>openrc</code> without any arguments will try to reset all services so that the current runlevel is satisfied.</p>"},{"location":"linux/init/systemd.html","title":"Systemd","text":"<p>systemd is a suite of basic building blocks for a Linux system. It provides a system and service manager that runs as PID 1 and starts the rest of the system.</p> <p><code>systemd</code> provides aggressive parallelization capabilities, uses socket and D-Bus activation for starting services, offers on-demand starting of daemons, keeps track of processes using Linux control groups, maintains mount and automount points, and implements an elaborate transactional dependency-based service control logic.</p>"},{"location":"misc/git.html","title":"Git","text":"<p>Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.</p>"},{"location":"misc/git.html#terminology","title":"Terminology","text":"<p>Repository: collection of files (blobs) and directories (trees) managed by git Commit: snapshot of the entire repository and its metadata Head: pointer to the current commit Branch: timeline or collection of consecutive commits Remote: remote shared repository in which changes as synced Working Tree: current version of the repository on disk Index (Staging Area): collection of changes not yet committed Stash: collection of pseudo-commits not belonging to a specific branch</p>"},{"location":"misc/git.html#commands","title":"Commands","text":""},{"location":"misc/git.html#managing-configs","title":"Managing Configs","text":"<p>There are three git config sources/scopes:</p> <ol> <li>system: defined in git's installation folder and managed with <code>--system</code></li> <li>global: defined in <code>$HOME/.gitconfig</code> or <code>$XDG_CONFIG_HOME/git/config</code> and managed with <code>--global</code></li> <li>local: defined in <code>.git/config</code> and managed with <code>--local</code></li> </ol> <p>The applied config in each repository is the combination of all three scopes in order.</p> <p><code>git config [--&lt;scope&gt;] &lt;key&gt; &lt;value&gt;</code>: set git config key-value pair <code>git config [--&lt;scope&gt;] --unset &lt;key&gt;</code>: unset git config key-value pair <code>git config [--&lt;scope&gt;] --list</code>: list git config key-value pairs  </p>"},{"location":"misc/git.html#tracking-files-making-changes","title":"Tracking Files &amp; Making Changes","text":"<p><code>git status</code>: shows the status of changes as untracked, modified, or staged  </p> <p><code>git add &lt;files&gt;</code>: add files contents to the staging area <code>git add -u|--update &lt;files&gt;</code>: stage changes but ignore untracked files <code>git add -p|--patch &lt;files&gt;</code>: interactively stage chunks of files  </p> <p><code>git restore .</code>: discard uncommitted changes <code>git restore &lt;file&gt;</code>: discard uncommitted changes to file <code>git restore --staged</code>: discard changes made to a file <code>git restore --staged --worktree</code>: unstage and discard changes made to a file <code>git restore -p|--patch</code>: interactively unstage chunks of files  </p> <p><code>git commit</code>: save the snapshot to the project history <code>git commit -m|--message \"message\"</code>: commit and provide a message <code>git commit -a|--all</code>: automatically notice any modified (but not new) files and commit <code>git commit -v|--verbose</code>: show unified diff between the HEAD commit and what would be committed <code>git commit --amend</code>: modify latest commit with the new changes <code>git commit --no-verify</code>: commit without executing hooks <code>git commit --fixup &lt;commit&gt;</code>: mark commit as correction to another <code>git commit -s|--signoff</code>: Add a <code>Signed-off-by</code> trailer by the committer at the end of the commit log message  </p>"},{"location":"misc/git.html#managing-stashes","title":"Managing Stashes","text":"<p><code>git stash [push] [-m|--message]</code>: add all changes to the stash (and provide message) <code>git stash [push] -k|--keep-index</code>: create a stash but leave files as they are <code>git stash list</code> list all stashes <code>git stash show [&lt;stash&gt;]</code>: show changes in the stash <code>git stash pop</code>: restore last stash <code>git stash drop [&lt;stash&gt;]</code>: remove a stash from the list <code>git stash clear</code>: remove all stashes  </p>"},{"location":"misc/git.html#managing-remotes","title":"Managing Remotes","text":"<p><code>git remote</code>: list remotes <code>git remote -v|--verbose</code>: list remotes names and URLs <code>git remote show &lt;remote&gt;</code>: inspect the remote  </p> <p><code>git remote add &lt;remote&gt; &lt;url | path&gt;</code>: add a remote <code>git remote remove &lt;remote&gt;</code>: remove the specified remote <code>git remote rename &lt;old_name&gt; &lt;new_name&gt;</code>: rename a remote <code>git remote set-url &lt;name&gt; &lt;url&gt;</code>: change the URL for the remote <code>git remote set-url --add &lt;name&gt; &lt;url&gt;</code>: add another URL for the remote <code>git remote set-url --add --push &lt;name&gt; &lt;url&gt;</code>: add another push URL for the remote <code>git remote set-url &lt;name&gt; &lt;url&gt;</code>: change the URL for rhe remote <code>git branch -u|--set-upstream-to=&lt;remote&gt;/&lt;remote branch&gt;</code>: set up correspondence between local and remote branch  </p> <p><code>git push</code>: send objects to default remote on current branch <code>git push &lt;remote&gt; &lt;branch&gt;</code>: send objects to remote <code>git push &lt;remote&gt; &lt;local branch&gt;:&lt;remote branch&gt;</code>: send objects to remote, and update remote reference  </p> <p><code>git push -f|--force</code>: overwrite remote with local version <code>git push --force-with-lease</code>: overwrite remote with local version if remote has not been modified <code>git push --force-with-lease --force-if--includes</code>: will verify if updates from the remote that may have been implicitly updated in the background are integrated locally before allowing a forced update  </p> <p><code>git fetch [&lt;remote&gt;]</code>: retrieve objects/references from a remote <code>git pull</code>: incorporate remote changes by merging, same as <code>git fetch; git merge</code> <code>git pull --rebase</code>: incorporate remote changes by rebasing <code>git pull --ff</code>: fast-forward (only update branch tip) remote changes, merge if not possible <code>git pull --ff-only</code>: fast-forward (only update branch tip) remote changes, error if not possible  </p> <p><code>git fetch|pull -p|--prune</code>: remove any remote-tracking references that no longer exist on the remote <code>git fetch|pull -t|--tags</code>: retrieve all tags from the remote</p> <p><code>git clone &lt;url&gt; [&lt;folder_name&gt;]</code>: download repository and repo history from remote <code>git clone --shallow</code>: clone only repo files, not history of commits <code>git clone --depth &lt;depth&gt;</code>: clone only last <code>&lt;depth&gt;</code> commits  </p> <p>Note: for a in depth explanation of <code>--force-if-includes</code> see this</p>"},{"location":"misc/git.html#viewing-project-history","title":"Viewing Project History","text":"<p><code>git log [&lt;rev&gt;]</code>: show history of changes <code>git log -p|--patch</code>: show history of changes and complete differences <code>git log --stat --summary</code>: show overview of the change <code>git log --follow &lt;file&gt;</code>: list version history fo file, including renames <code>git log --all --graph --decorate</code>: visualizes history as a DAG <code>git log --oneline</code>: compact log  </p> <p><code>git log -S&lt;string&gt;</code>: Look for diffs that change the number of occurrences of the specified <code>&lt;string&gt;</code> <code>git log -G&lt;regex&gt;</code>: Look for diffs whose patch text contains added/removed lines that match <code>&lt;regex&gt;</code> </p> <p><code>git log -L &lt;start&gt;,&lt;end&gt;:&lt;file&gt;</code>: Trace the evolution of the line range given by <code>&lt;start&gt;,&lt;end&gt;</code>, within the <code>&lt;file&gt;</code> <code>git log -L /&lt;regex&gt;/:&lt;file&gt;</code>: Trace the evolution of the line range given by the function name regex <code>&lt;regex&gt;</code>, within the <code>&lt;file&gt;</code> </p> <p><code>git shortlog</code>: list commits by author <code>git reflog [&lt;rev&gt;]</code>: show record of when the tips of branches and other references were updated in the local repository  </p> <p><code>git show &lt;commit&gt;</code>: show commit metadata and content <code>git show --stat &lt;commit&gt;</code>: show number of changes in commit  </p> <p><code>git blame &lt;file&gt;</code>: show who last edited which line <code>git blame -L &lt;start&gt;,&lt;end&gt; -- &lt;file&gt;</code>: Annotate only the line range given by <code>&lt;start&gt;,&lt;end&gt;</code>, within the <code>&lt;file&gt;</code> <code>git blame -L /&lt;regex&gt;/ -- &lt;file&gt;</code>: Annotate only the range given by the function name regex <code>&lt;regex&gt;</code>, within the <code>&lt;file&gt;</code> <code>git blame -w</code>: Ignore whitespace when comparing the parent\u2019s version and the child\u2019s to find where the lines came from <code>git blame -M</code>: Detect moved or copied lines within a file. <code>git blame -M -C [-C -C]</code>: Detect moved or copied lines within a file (<code>-M</code>), from all modified files in the same commit (<code>-C</code>), in the commit that created the file (<code>-C -C</code>), in all commits (<code>-C -C -C</code>)  </p> <p><code>git diff &lt;filename&gt;</code>: show difference since the last commit <code>git diff &lt;commit&gt; &lt;filename&gt;</code>: show differences in a file since a particular snapshot <code>git diff &lt;reference_1&gt; &lt;reference_2&gt; &lt;filename&gt;</code>: show differences in a file between two snapshots <code>git diff  --staged</code>: show what is about to be committed <code>git diff &lt;first-branch&gt;...&lt;second-branch&gt;</code>: show content diff between two branches <code>git diff -w|--ignore-all-space</code>: show diff ignoring whitespace differences <code>git diff --word-diff</code>: show diff word-by-word instead of line-wise  </p> <p><code>git bisect start</code>: start binary search through commit history, to find the first \"bad\" commit <code>git bisect good</code>: mark current commit as \"good\" <code>git bisect bad</code>: mark current commit as \"bad\" <code>git bisect reset</code>: conclude search and restore HEAD  </p>"},{"location":"misc/git.html#managing-tags","title":"Managing Tags","text":"<p>Git supports two types of tags: lightweight and annotated.  </p> <p>A lightweight tag is very much like a branch that doesn't change: it's just a pointer to a specific commit.  </p> <p>Annotated tags, however, are stored as full objects in the Git database. They're checksummed; contain the tagger name, email, and date; have a tagging message; and can be signed. It's generally recommended creating annotated tags so it's possible to have all this information.  </p> <p><code>git tag</code>: list existing tags <code>git tag -l|--list &lt;pattern&gt;</code>: list existing tags matching a wildcard or pattern  </p> <p><code>git tag &lt;tag&gt; [&lt;commit_hash&gt;]</code>: create a lightweight tag on the commit <code>git tag -a|--annotate &lt;tag&gt; [&lt;commit_hash&gt; -m &lt;message&gt;]</code>: create am annotated tag on the commit <code>git tag -f|--force &lt;tag&gt; [&lt;commit_hash&gt;]</code>: update a tag if it exists <code>git tag -s|--sign &lt;tag&gt; [&lt;commit_hash&gt;]</code>: sign a tag  </p> <p><code>git push &lt;remote&gt; &lt;tagname&gt;</code>: push a tag to the remote <code>git push &lt;remote&gt; --tags</code>: push commits and their tags (both types) to the remote  </p> <p><code>git tag -d|--delete &lt;tagname&gt;</code>: delete a tag <code>git push &lt;remote&gt; :refs/tags&lt;tagname&gt;:</code>: remove a tag from the remote <code>git push &lt;remote&gt; --delete &lt;tagname&gt;</code>: remove a tag from the remote  </p> <p><code>git switch &lt;tag&gt;</code>: checkout a tag - WARNING: will go into detached HEAD </p>"},{"location":"misc/git.html#branching-and-merging","title":"Branching And Merging","text":"<p><code>git branch</code>: shows branches <code>git branch -vv</code>: show branch + last commit + remote status <code>git branch --merged [--remote]</code>: show branches (remote) that have been merged into current one (needs same history, merge squash/rebase break history) <code>git branch</code>: show list of all existing branches  (* indicates current) <code>git branch &lt;branch-name&gt;</code>: create new branch <code>git branch -d|--delete &lt;branch-name&gt;</code>: delete specified branch <code>git branch -m|--move &lt;old_name&gt; &lt;new_name&gt;</code>: rename a branch without affecting the branch's history <code>git switch -c|--create &lt;branch-name&gt;</code>: create a new branch and switch to it <code>git switch --orphan &lt;branch-name&gt;</code>: create an new un-rooted branch from scratch <code>git switch &lt;branch-name&gt;</code>: change current branch (update HEAD) and update working directory  </p> <p><code>git merge &lt;branch-name&gt;</code>: merges into current branch <code>git merge --continue</code>: continue previous merge after solving a merge conflict <code>git rebase &lt;branch&gt;</code>: rebase current branch commits onto another branch <code>git rebase --onto &lt;new-base&gt; &lt;old-base&gt;</code>: rebase a slice of commits from <code>&lt;old-base&gt;</code> onto <code>&lt;new-base&gt;</code> <code>git rebase --onto &lt;new-base&gt; --root &lt;old-base&gt;</code>: rebase a slice of commits from <code>&lt;old-base&gt;</code> onto <code>&lt;new-base&gt;</code>, including the root commit  </p> <p><code>git cherry-pick &lt;commit&gt;</code>: bring in a commit from another branch <code>git cherry-pick &lt;commit&gt;..&lt;commit&gt;</code>: bring in a range of commits from another branch (first excluded) <code>git cherry-pick &lt;commit&gt;^..&lt;commit&gt;</code>: bring in a range of commits from another branch (first included)  </p>"},{"location":"misc/git.html#worktrees","title":"Worktrees","text":"<p>A git repository can support multiple working trees, allowing to check out more than one branch at a time.</p> <p>Additional worktrees are called \"linked worktrees\" as opposed to the \"main worktree\" prepared by <code>git init</code> or <code>git clone</code>. A repository has one main worktree (if it\u2019s not a bare repository) and zero or more linked worktrees.</p> <p><code>git worktree list</code>: show worktrees <code>git worktree add &lt;path&gt; &lt;commit&gt;</code>: create worktree at <code>&lt;path&gt;</code> and checkout <code>&lt;commit&gt;</code> <code>git worktree add -b &lt;branch&gt; &lt;path&gt; &lt;commit&gt;</code>: create worktree and branch at <code>&lt;path&gt;</code> <code>git worktree remove &lt;worktree&gt;</code>: remove a worktree  </p>"},{"location":"misc/git.html#rewriting-history","title":"Rewriting History","text":"<p><code>git commit --amend</code>: replace last commit by creating a new one (can add files or rewrite commit message) <code>git commit --amend -m \"amended message\"</code>: replace last commit by creating a new one (can add files or rewrite commit message) <code>git commit --amend  --no-edit</code>: replace last commit by creating a new one (can add files or rewrite commit message)  </p> <p><code>git reset &lt;commit&gt;</code>: revert to specific commit but keep changes <code>git reset --soft &lt;commit&gt;</code>: revert to specific commit but keep changes and staged files <code>git reset --hard &lt;commit&gt;</code>: revert to specific commit and discard changes <code>git reset &lt;commit&gt; &lt;file&gt;</code>: revert <code>&lt;file&gt;</code> to specific commit  </p> <p><code>git clean</code>: remove untracked files form the working tree <code>git clean -d</code>: remove untracked files recursively <code>git clean --interactive</code>: remove untracked files interactively  </p> <p><code>git restore --source &lt;commit&gt; &lt;file&gt;</code>: revert file to commit version <code>git restore &lt;deleted-file&gt;</code>: recover deleted file if previously committed  </p> <p><code>git rebase -i|--interactive</code>: modify (reword, edit, drop, squash, merge, ...) current branch commits <code>git rebase -i|--interactive HEAD~&lt;n&gt;</code>: modify (reword, edit, drop, squash, merge, ...) n commits <code>git rebase -i|--interactive &lt;commit&gt;</code>: modify (reword, edit, drop, squash, merge, ...) from commit to latest <code>git rebase --autostash</code>: automatically create a temporary stash entry before rebasing <code>git rebase --autosquash</code>: automatically apply \"squash!\" or \"fixup!\" or \"amend!\" commits  </p>"},{"location":"misc/git.html#git-revisions","title":"Git Revisions","text":""},{"location":"misc/git.html#specifying-revisions","title":"Specifying Revisions","text":"<p>A revision parameter <code>&lt;rev&gt;</code> can take one of these forms:</p> <ul> <li><code>&lt;sha&gt;</code>: full or short sha of the object.</li> <li><code>&lt;refname&gt;</code>: a named object reference. One of:<ul> <li><code>refs/&lt;refname&gt;</code></li> <li><code>refs/tags/&lt;refname&gt;</code></li> <li><code>refs/heads/&lt;refname&gt;</code></li> <li><code>refs/remotes/&lt;refname&gt;</code></li> <li><code>refs/remotes/&lt;refname&gt;</code></li> <li><code>HEAD</code> or <code>*_HEAD</code></li> </ul> </li> <li><code>[&lt;refname&gt;]@{&lt;date&gt;}</code>: a revision at a specific point in time.</li> <li><code>[&lt;refname&gt;]@{n}</code>: <code>n</code>th prior value of a <code>&lt;refname&gt;</code>.</li> <li><code>@{-n}</code>: <code>&lt;n&gt;</code>th branch/commit checked out before the current one.</li> <li><code>&lt;rev&gt;^</code>: first parent of <code>&lt;rev&gt;</code>.</li> <li><code>&lt;rev&gt;~[&lt;n&gt;]</code>: <code>n</code>th parent of <code>&lt;rev&gt;</code></li> </ul>"},{"location":"misc/git.html#specifying-ranges","title":"Specifying Ranges","text":"<p>A revision range can take one of these forms:</p> <ul> <li><code>&lt;rev&gt;</code>: Include commits that are reachable from <code>&lt;rev&gt;</code> (<code>&lt;rev&gt;</code> and its ancestors).</li> <li><code>^&lt;rev&gt;</code>: Exclude commits that are reachable from <code>&lt;rev&gt;</code> (<code>&lt;rev&gt;</code> and its ancestors).</li> <li><code>&lt;rev1&gt;..&lt;rev2&gt;</code>: Include commits that are reachable from <code>&lt;rev2&gt;</code> but exclude those that are reachable from <code>&lt;rev1&gt;</code>.</li> <li><code>&lt;rev1&gt;...&lt;rev2&gt;</code>: Include commits that are reachable from either  or  but exclude those that are reachable from both. <code>&lt;rev&gt;^@</code>: A suffix <code>^</code> followed by <code>@</code> is the same as listing all parents of <code>&lt;rev&gt;</code> (meaning, include anything reachable from its parents, but not the commit itself). <code>&lt;rev&gt;^!</code>: A suffix <code>^</code> followed by <code>!</code> is the same as giving commit <code>&lt;rev&gt;</code> and all its parents prefixed with <code>^</code> to exclude them (and their ancestors). <code>&lt;rev&gt;^-&lt;n&gt;</code>: Equivalent to <code>&lt;rev&gt;^&lt;n&gt;..&lt;rev&gt;</code>, with <code>&lt;n&gt; = 1</code> if not given."},{"location":"misc/graph-ql.html","title":"GraphQL","text":"<p>How to GraphQL - The Fullstack Tutorial for GraphQL</p> <p>GraphQL is a query language for APIa, and a server-side runtime for executing queries by using a type system for the data. GraphQL isn't tied to any specific database or storage engine and is instead backed by existing code and data.</p> <p>A GraphQL service is created by defining types and fields on those types, then providing functions for each field on each type.</p>"},{"location":"misc/graph-ql.html#schema-and-types","title":"Schema and Types","text":""},{"location":"misc/graph-ql.html#object-types-and-fields","title":"Object types and fields","text":"<p>The most basic components of a GraphQL schema are object types, which just represent a kind of object fetchable from the service, and what fields it has.</p> GraphQL<pre><code>type Type {\n  field: Type\n  field: Type!  # non-nullable type\n  field: [Type]  # array of objects\n  field: [Type!]!  # non-nullable array of non-nullable objects\n}\n</code></pre>"},{"location":"misc/graph-ql.html#field-arguments","title":"Field Arguments","text":"<p>Every field on a GraphQL object type can have zero or more arguments. All arguments are named.</p> <p>Arguments can be either required or optional. When an argument is optional, it's possible to define a default value.</p> GraphQL<pre><code>type Type {\n  field: Type,\n  field(namedArg: Type = defaultValue): Type\n}\n</code></pre>"},{"location":"misc/graph-ql.html#query-and-mutation-types","title":"Query and Mutation types","text":"<p>Every GraphQL service has a <code>query</code> type and may or may not have a <code>mutation</code> type. These types are the same as a regular object type, but they are special because they define the entry point of every GraphQL query.</p>"},{"location":"misc/graph-ql.html#scalar-types","title":"Scalar Types","text":"<p>A GraphQL object type has a name and fields, but at some point those fields have to resolve to some concrete data. That's where the scalar types come in: they represent the leaves of the query. Scalar types do not have sub-types and fields.</p> <p>GraphQL comes with a set of default scalar types out of the box:</p> <ul> <li><code>Int</code>: A signed 32\u2010bit integer.</li> <li><code>Float</code>: A signed double-precision floating-point value.</li> <li><code>String</code>: A UTF\u20108 character sequence.</li> <li><code>Boolean</code>: <code>true</code> or <code>false</code>.</li> <li><code>ID</code>: The ID scalar type represents a unique identifier, often used to refetch an object or as the key for a cache. The ID type is serialized in the same way as a <code>String</code>; however, defining it as an <code>ID</code> signifies that it is not intended to be human\u2010readable.</li> </ul> <p>In most GraphQL service implementations, there is also a way to specify custom scalar types.</p> GraphQL<pre><code>scalar ScalarType\n</code></pre> <p>Then it's up to the implementation to define how that type should be serialized, deserialized, and validated.</p>"},{"location":"misc/graph-ql.html#enumeration-types","title":"Enumeration Types","text":"<p>Also called Enums, enumeration types are a special kind of scalar that is restricted to a particular set of allowed values.</p> <p>This allows to:</p> <ol> <li>Validate that any arguments of this type are one of the allowed values</li> <li>Communicate through the type system that a field will always be one of a finite set of values</li> </ol> GraphQL<pre><code>enum Type{\n  VALUE,\n  VALUE,\n    ...\n}\n</code></pre> <p>Note: GraphQL service implementations in various languages will have their own language-specific way to deal with enums. In languages that support enums as a first-class citizen, the implementation might take advantage of that; in a language like JavaScript with no enum support, these values might be internally mapped to a set of integers. However, these details don't leak out to the client, which can operate entirely in terms of the string names of the enum values.</p>"},{"location":"misc/graph-ql.html#lists-and-non-null","title":"Lists and Non-Null","text":"<p>Object types, scalars, and enums are the only kinds of types that can be defined in GraphQL. But when used in other parts of the schema, or in the query variable declarations, it's possible apply additional type modifiers that affect validation of those values.</p> <p>It's possible to mark a field as Non-Null by adding an exclamation mark, <code>!</code> after the type name. This means that the server always expects to return a non-null value for this field, and if it ends up getting a null value that will actually trigger a GraphQL execution error, letting the client know that something has gone wrong.</p> <p>The Non-Null type modifier can also be used when defining arguments for a field, which will cause the GraphQL server to return a validation error if a null value is passed as that argument, whether in the GraphQL string or in the variables.</p> <p>It's possible to use a type modifier to mark a type as a <code>List</code>, which indicates that this field will return an array of that type. In the schema language, this is denoted by wrapping the type in square brackets, <code>[</code> and <code>]</code>. It works the same for arguments, where the validation step will expect an array for that value.</p>"},{"location":"misc/graph-ql.html#interfaces","title":"Interfaces","text":"<p>Like many type systems, GraphQL supports interfaces. An Interface is an abstract type that includes a certain set of fields that a type must include to implement the interface.</p> <p>Interfaces are useful when returning an object or set of objects, but those might be of several different types.</p> GraphQL<pre><code>interface Interface {\n  fieldA: TypeA\n  fieldB: TypeB\n}\n\ntype Type implements Interface {\n  fieldA: TypeA,\n  fieldB: TypeB\n  field: Type,\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#union-type","title":"Union Type","text":"<p>Interfaces are useful when returning an object or set of objects, but those might be of several different types.</p> GraphQL<pre><code>union Union = TypeA | TypeB | TypeC\n</code></pre> <p>Note: members of a union type need to be concrete object types; it's not possible to create a union type out of interfaces or other unions.</p>"},{"location":"misc/graph-ql.html#input-type","title":"Input Type","text":"<p>In the GraphQL schema language, input types look exactly the same as regular object types, but with the keyword input instead of type:</p> GraphQL<pre><code>input Input {\n  field: Type,\n  ...\n}\n</code></pre> <p>The fields on an input object type can themselves refer to input object types, but it's not possible to mix input and output types in the schema. Input object types also can't have arguments on their fields.</p>"},{"location":"misc/graph-ql.html#queries-mutations-and-subscriptions","title":"Queries, Mutations and Subscriptions","text":""},{"location":"misc/graph-ql.html#simple-query","title":"Simple Query","text":"GraphQL<pre><code>{\n  field {  # root field\n    ...  # payload\n  }\n}\n</code></pre> JSON<pre><code>{\n  \"data\" : {\n    \"field\": {\n  ...\n    }\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#query-arguments","title":"Query Arguments","text":"<p>In a system like REST, it's possible to only pass a single set of arguments - the query parameters and URL segments in your request.</p> <p>But in GraphQL, every field and nested object can get its own set of arguments, making GraphQL a complete replacement for making multiple API fetches.</p> <p>It's aldo possible to pass arguments into scalar fields, to implement data transformations once on the server, instead of on every client separately.</p> GraphQL<pre><code>{\n  fieldA(arg: value)  # filter results\n  fieldB(arg: value)\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#aliases","title":"Aliases","text":"GraphQL<pre><code>{\n  aliasA: field(arg: valueA) {\n    field\n  }\n  aliasB: field(arg: valueB) {\n    field\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#fragments","title":"Fragments","text":"<p>Fragments allow to construct sets of fields, and then include them in queries where that are needed. The concept of fragments is frequently used to split complicated application data requirements into smaller chunks.</p> GraphQL<pre><code>{\n  aliasA: field(arg: valueA) {\n    ...fragment\n  },\n  aliasB: field(arg: valueB) {\n    ...fragment\n  }\n}\n\n# define a set of fields to be retrieved \nfragment fragment on Type {\n  field\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#using-variables-inside-fragments","title":"Using variables inside fragments","text":"<p>It is possible for fragments to access variables declared in the query or mutation.</p> GraphQL<pre><code>query Query($var: Type = value) {\n    aliasA: field(arg: valueA) {\n  ...fragment\n    }\n    aliasB: field(arg: valueB) {\n  ...fragment\n    }\n}\n\nfragment fragment on Type{\n    field\n    field(arg: $var) {\n  field\n    ...\n  }\n    }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#operation-name","title":"Operation Name","text":"<p>The operation type is either <code>query</code>, <code>mutation</code>, or <code>subscription</code> and describes what type of operation it's intended to be done. The operation type is required unless when using the query shorthand syntax, in which case it's not possible to supply a name or variable definitions for the operation.</p> <p>The operation name is a meaningful and explicit name for the operation. It is only required in multi-operation documents, but its use is encouraged because it is very helpful for debugging and server-side logging. When something goes wrong it is easier to identify a query in the codebase by name instead of trying to decipher the contents.</p> GraphQL<pre><code>query Operation {\n  ...\n}\n</code></pre>"},{"location":"misc/graph-ql.html#variables","title":"Variables","text":"<p>When  working with variables, three things need to be done:</p> <ol> <li>Replace the static value in the query with <code>$variableName</code></li> <li>Declare <code>$variableName</code> as one of the variables accepted by the query</li> <li>Pass <code>variableName: value</code> in the separate, transport-specific (usually JSON) variables dictionary</li> </ol> GraphQL<pre><code>query Operation($var: Type = defaultValue) {\n  field(arg: $var) {\n    field\n    ...\n  }\n}\n</code></pre> <p>All declared variables must be either scalars, enums, or input object types. So to pass a complex object into a field, the input type that matches on the server must be known.</p> <p>Variable definitions can be optional or required.  If the field requires a non-null argument, then the variable has to be required as well.</p> <p>Default values can also be assigned to the variables in the query by adding the default value after the type declaration. When default values are provided for all variables, it's possible to call the query without passing any variables. If any variables are passed as part of the variables dictionary, they will override the defaults.</p>"},{"location":"misc/graph-ql.html#directives","title":"Directives","text":"<p>A directive can be attached to a field or fragment inclusion, and can affect execution of the query in any way the server desires.</p> <p>The core GraphQL specification includes exactly two directives, which must be supported by any spec-compliant GraphQL server implementation:</p> <ul> <li><code>@include(if: Boolean)</code> Only include this field in the result if the argument is <code>true</code>.</li> <li><code>@skip(if: Boolean)</code> Skip this field if the argument is <code>true</code>.</li> </ul> <p>Server implementations may also add experimental features by defining completely new directives.</p>"},{"location":"misc/graph-ql.html#mutations","title":"Mutations","text":"<p>Operations of mutations:</p> <ul> <li>Creating new data</li> <li>Updating existing data</li> <li>Deleting existing data</li> </ul> GraphQL<pre><code>mutation Operation {\n  createObject(arg: value, ...) {\n    field\n    ..\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#subscriptions","title":"Subscriptions","text":"<p>Open a stable connection with the server to receive real-time updates on the operations happening.</p> GraphQL<pre><code>subscription Operation {\n  event {  # get notified when event happens\n    field  # data received on notification\n    ...\n  }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#inline-fragments","title":"Inline Fragments","text":"<p>If you are querying a field that returns an interface or a union type, you will need to use inline fragments to access data on the underlying concrete type. Named fragments can also be used in the same way, since a named fragment always has a type attached.</p> GraphQL<pre><code>query Operation($var: Type) {\n    field(arg: $var) {  # interface of union\n  field\n  ... on ConcreteTypeA {\n    fieldA\n  }\n  ... on ConcreteTypeB{\n    fieldB\n  }\n    }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#meta-fields","title":"Meta Fields","text":"<p>GraphQL allows to request <code>__typename</code>, a meta field, at any point in a query to get the name of the object type at that point.</p> GraphQL<pre><code>{\n    field(arg: value) {\n  __typename\n  ... on Type {\n    field\n  }\n    }\n}\n</code></pre>"},{"location":"misc/graph-ql.html#execution","title":"Execution","text":"<p>After being validated, a GraphQL query is executed by a GraphQL server which returns a result that mirrors the shape of the requested query, typically as JSON.</p> <p>Each field on each type is backed by a function called the resolver which is provided by the GraphQL server developer. When a field is executed, the corresponding resolver is called to produce the next value.</p> <p>If a field produces a scalar value like a string or number, then the execution completes. However if a field produces an object value then the query will contain another selection of fields which apply to that object. This continues until scalar values are reached. GraphQL queries always end at scalar values.</p>"},{"location":"misc/graph-ql.html#root-fields-and-resolvers","title":"Root fields and Resolvers","text":"<p>At the top level of every GraphQL server is a type that represents all of the possible entry points into the GraphQL API, it's often called the Root type or the Query type.</p> GraphQL<pre><code># root types for entry-points\n\ntype Query {\n  rootField(arg: Type = defValue, ...): Type\n  ...  # other query entry points\n}\n\ntype Mutation {\n  rootField(arg: Type = defValue, ...): Type\n  ...  # other mutation entry points\n}\n\ntype Subscription {\n  rootField(arg: Type = defValue, ...): Type\n  ...  # other subscription entry points\n}\n</code></pre> <p>A resolver function receives four arguments:</p> <ul> <li><code>obj</code> The previous object, which for a field on the root Query type is often not used.</li> <li><code>args</code> The arguments provided to the field in the GraphQL query.</li> <li><code>context</code> A value which is provided to every resolver and holds important contextual information like the currently logged in user, or access to a database.</li> <li><code>info</code> A value which holds field-specific information relevant to the current query as well as the schema details</li> </ul>"},{"location":"misc/regular-expressions.html","title":"Common Regex Syntax","text":"<p>A regular expression is a pattern that the regular expression engine attempts to match in input text. A pattern consists of one or more character literals, operators, or constructs.</p>"},{"location":"misc/regular-expressions.html#character-classes","title":"Character Classes","text":"<p>A character class matches any one of a set of characters.</p> <ul> <li><code>[character_group]</code>:: matches any single character in character_group.</li> <li><code>[^character_group]</code>: matches any single character not in character_group.</li> <li><code>[first-last]</code>: matches any single character in range from first to last.</li> <li><code>.</code>: matches any single character except <code>\\n</code>.</li> <li><code>\\p{name}</code>: matches any single character in the Unicode general category or named block specified by name.</li> <li><code>\\P{name}</code>: matches any single character not in the Unicode general category or named block specified by name.</li> <li><code>\\w</code>: matches any word character.</li> <li><code>\\W</code>: matches any non word character.</li> <li><code>\\s</code>: matches any whitespace character.</li> <li><code>\\S</code>: matches any non whitespace character.</li> <li><code>\\d</code>: matches any decimal digit.</li> <li><code>\\D</code>: matches any character other than a decimal digit.</li> </ul> <p>Note: <code>^</code>, <code>\\</code>, <code>-</code> and <code>]</code> must be escaped to be used in ranges. (<code>[ \\] \\[ \\^ \\- ]</code>)</p>"},{"location":"misc/regular-expressions.html#anchors","title":"Anchors","text":"<p>Anchors, or atomic zero-width assertions, cause a match to succeed or fail depending on the current position in the string, but they do not cause the engine to advance through the string or consume characters.</p> <ul> <li><code>^</code>: The match must be at the start of a string/line.</li> <li><code>$</code>: The match must be at the end of a string/line.</li> <li><code>\\A</code>: The match must occur at the start of the string.</li> <li><code>\\Z</code>: The match must occur at the end of the string or before <code>\\n</code> at the end of the string.</li> <li><code>\\z</code>: The match must occur at the end of the string.</li> <li><code>\\G</code>: The match must occur at the point where the previous match ended, or if there was no previous match, at the position in the string where matching started.</li> <li><code>\\b</code>: The match must occur on a boundary between a <code>\\w</code> (alphanumeric) and a <code>\\W</code> (non-alphanumeric) character.</li> <li><code>\\B</code>: The match must not occur on a <code>\\b</code> boundary.</li> </ul>"},{"location":"misc/regular-expressions.html#grouping-constructs","title":"Grouping Constructs","text":"<p>Grouping constructs delineate subexpressions of a regular expression and typically capture substrings of an input string.</p>"},{"location":"misc/regular-expressions.html#subexpressions","title":"Subexpressions","text":"Regex Syntax<pre><code>(subexpression)\n</code></pre> <p>The subexpression is any valid regular expression pattern.</p> <p>Captures that use parentheses are numbered automatically from left to right based on the order of the opening parentheses in the regular expression, starting from <code>1</code>. The capture that's numbered <code>0</code> is the text matched by the entire regular expression pattern.</p> <p>Note: named capture groups are always ordered last, after non-named capture groups.</p> <p>It's possible to access the captured group in the following ways:</p> <ul> <li> <p>By using the backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\number</code>, where number is the ordinal number of the captured subexpression.</p> </li> <li> <p>By using the named backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\k&lt;name&gt;</code>, where name is the name of a capturing group, or <code>\\k&lt;number&gt;</code>, where number is the ordinal number of a capturing group.</p> <p>A capturing group has a default name that is identical to its ordinal number. For more information, see Named matched subexpressions later in this topic.</p> </li> <li> <p>By using the <code>$number</code> replacement sequence where number is the ordinal number of the captured subexpression.</p> </li> </ul>"},{"location":"misc/regular-expressions.html#named-subexpressions","title":"Named Subexpressions","text":"Regex Syntax<pre><code>(?&lt;name&gt; subexpression)\n(?'name' subexpression)\n</code></pre> <p>THe name is a valid group name, and subexpression is any valid regular expression pattern. name must not contain any punctuation characters and cannot begin with a number.</p> <p>It's possible to access the named captured group in the following ways:</p> <ul> <li> <p>By using the named backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\k&lt;name&gt;</code>, where name is the name of the captured subexpression.</p> </li> <li> <p>By using the backreference construct within the regular expression.</p> <p>The matched subexpression is referenced in the same regular expression by using the syntax <code>\\number</code>, where number is the ordinal number of the captured subexpression.</p> <p>Named matched subexpressions are numbered consecutively from left to right after matched subexpressions.</p> </li> <li> <p>By using the <code>${name}</code> replacement sequence where name is the name of the captured subexpression.</p> </li> <li>By using the <code>$number</code> replacement sequence where number is the ordinal number of the captured subexpression.</li> </ul>"},{"location":"misc/regular-expressions.html#noncapturing-groups","title":"Noncapturing groups","text":"Regex Syntax<pre><code>(?:subexpression)\n</code></pre> <p>The subexpression is any valid regular expression pattern. The noncapturing group construct is typically used when a quantifier is applied to a group, but the substrings captured by the group are of no interest.</p>"},{"location":"misc/regular-expressions.html#zero-width-positive-lookahead-assertions","title":"Zero-width positive lookahead assertions","text":"Regex Syntax<pre><code>(?= subexpression)\n</code></pre> <p>The subexpression is any regular expression pattern. For a match to be successful, the input string must match the regular expression pattern in subexpression, although the matched substring is not included in the match result. A zero-width positive lookahead assertion does not backtrack.</p> <p>Typically, a zero-width positive lookahead assertion is found at the end of a regular expression pattern. It defines a substring that must be found at the end of a string for a match to occur but that should not be included in the match. It is also useful for preventing excessive backtracking.</p> <p>It's possible to use a zero-width positive lookahead assertion to ensure that a particular captured group begins with text that matches a subset of the pattern defined for that captured group.</p>"},{"location":"misc/regular-expressions.html#zero-width-negative-lookahead-assertions","title":"Zero-width negative lookahead assertions","text":"Regex Syntax<pre><code>(?! subexpression)\n</code></pre> <p>The subexpression is any regular expression pattern. For the match to be successful, the input string must not match the regular expression pattern in subexpression, although the matched string is not included in the match result.</p> <p>A zero-width negative lookahead assertion is typically used either at the beginning or at the end of a regular expression. At the beginning of a regular expression, it can define a specific pattern that should not be matched when the beginning of the regular expression defines a similar but more general pattern to be matched. In this case, it is often used to limit backtracking. At the end of a regular expression, it can define a subexpression that cannot occur at the end of a match.</p>"},{"location":"misc/regular-expressions.html#zero-width-positive-lookbehind-assertions","title":"Zero-width positive lookbehind assertions","text":"Regex Syntax<pre><code>(?&lt;= subexpression)\n</code></pre> <p>The subexpression is any regular expression pattern. For a match to be successful, subexpression must occur at the input string to the left of the current position, although subexpression is not included in the match result. A zero-width positive lookbehind assertion does not backtrack.</p> <p>Zero-width positive lookbehind assertions are typically used at the beginning of regular expressions. The pattern that they define is a precondition for a match, although it is not a part of the match result.</p>"},{"location":"misc/regular-expressions.html#zero-width-negative-lookbehind-assertions","title":"Zero-width negative lookbehind assertions","text":"Regex Syntax<pre><code>(?&lt;! subexpression)\n(?&gt; subexpression)\n</code></pre> <p>Hte subexpression is any regular expression pattern. For a match to be successful, subexpression must not occur at the input string to the left of the current position. However, any substring that does not match subexpression is not included in the match result.</p> <p>Zero-width negative lookbehind assertions are typically used at the beginning of regular expressions. The pattern that they define precludes a match in the string that follows. They are also used to limit backtracking when the last character or characters in a captured group must not be one or more of the characters that match that group's regular expression pattern.</p>"},{"location":"misc/regular-expressions.html#atomic-groups","title":"Atomic groups","text":"Regex Syntax<pre><code>(?&gt; subexpression )\n</code></pre> <p>The subexpression is any regular expression pattern.</p> <p>Ordinarily, if a regular expression includes an optional or alternative matching pattern and a match does not succeed, the regular expression engine can branch in multiple directions to match an input string with a pattern. If a match is not found when it takes the first branch, the regular expression engine can back up or backtrack to the point where it took the first match and attempt the match using the second branch. This process can continue until all branches have been tried.</p> <p>The <code>(?&gt;subexpression)</code> language construct disables backtracking. The regular expression engine will match as many characters in the input string as it can. When no further match is possible, it will not backtrack to attempt alternate pattern matches. (That is, the subexpression matches only strings that would be matched by the subexpression alone; it does not attempt to match a string based on the subexpression and any subexpressions that follow it.)</p>"},{"location":"misc/regular-expressions.html#quantifiers","title":"Quantifiers","text":"<p>A quantifier specifies how many instances of the previous element (which can be a character, a group, or a character class) must be present in the input string for a match to occur.</p> <ul> <li><code>*</code>: Matches the previous element zero or more times.</li> <li><code>+</code>: Matches the previous element one or more times.</li> <li><code>?</code>: Matches the previous element zero or one time.</li> <li><code>{n}</code>: Matches the previous element exactly n times.</li> <li><code>{n,}</code>: Matches the previous element at least n times.</li> <li><code>{n,m}</code>: Matches the previous element at least n times, but no more than m times.</li> <li><code>*?</code>: Matches the previous element zero or more times, but as few times as possible.</li> <li><code>+?</code>: Matches the previous element one or more times, but as few times as possible.</li> <li><code>??</code>: Matches the previous element zero or one time, but as few times as possible.</li> <li><code>{n}?</code>: Matches the previous element at least n times, but as few times as possible.</li> <li><code>{n,m}?</code>: Matches the previous element between n and m times, but as few times as possible.</li> </ul>"},{"location":"misc/regular-expressions.html#alternation-constructs","title":"Alternation Constructs","text":"<p>Alternation constructs modify a regular expression to enable either/or matching.</p> <ul> <li><code>|</code>: Matches any one element separated by the vertical bar (<code>|</code>) character.</li> </ul>"},{"location":"misc/regular-expressions.html#backreference-constructs","title":"Backreference Constructs","text":"<p>A backreference allows a previously matched subexpression to be identified subsequently in the same regular expression.</p> <p><code>\\number</code>: Backreference. Matches the value of a numbered subexpression. <code>\\k&lt;name&gt;</code>: Named backreference. Matches the value of a named expression.</p>"},{"location":"misc/regular-expressions.html#substitutions","title":"Substitutions","text":"<p>Substitutions are regular expression language elements that are supported in replacement patterns.</p> <ul> <li><code>$ number</code>: Substitutes the substring matched by group number.</li> <li><code>${ name }</code>: Substitutes the substring matched by the named group name.</li> <li><code>$$</code>: Substitutes a literal \"$\".</li> <li><code>$&amp;</code>: Substitutes a copy of the whole match.</li> <li>$`: Substitutes all the text of the input string before the match.</li> <li><code>$'</code>: Substitutes all the text of the input string after the match.</li> <li><code>$+</code>: Substitutes the last group that was captured.</li> <li><code>$_</code>: Substitutes the entire input string.</li> </ul>"},{"location":"misc/regular-expressions.html#special-constructs","title":"Special Constructs","text":"<ul> <li><code>(.*)</code>: Matches anything</li> <li><code>(.*?)</code>: Matches anything, but as few times as possible</li> <li><code>(?# comment )</code>: code comment, can be in the middle of the pattern</li> </ul> <p>Brackets escapes:</p> <ul> <li><code>\\(</code></li> <li><code>\\)</code></li> <li><code>\\[</code></li> <li><code>\\]</code></li> </ul> <p>Special characters escapes:</p> <ul> <li><code>\\a</code></li> <li><code>\\b</code></li> <li><code>\\f</code></li> <li><code>\\n</code></li> <li><code>\\r</code></li> <li><code>\\t</code></li> <li><code>\\u</code></li> <li><code>\\U</code></li> <li><code>\\v</code></li> <li><code>\\x</code></li> <li><code>\\\\</code></li> <li><code>\\?</code></li> <li><code>\\*</code></li> <li><code>\\+</code></li> <li><code>\\.</code></li> <li><code>\\^</code></li> <li><code>\\$</code></li> </ul>"},{"location":"misc/ssh.html","title":"SSH","text":"<p><code>ssh</code> is a program for logging into a remote machine and for executing commands on a remote machine. It is intended to provide secure encrypted communications between two untrusted hosts over an insecure network.</p>"},{"location":"misc/ssh.html#basics","title":"Basics","text":"Bash<pre><code>ssh user@destination &lt;command&gt; # exec &lt;command&gt; in remote machine ($SHELL if omitted)\nssh user@destination -i &lt;path/to/private-key&gt;  # use key for auth\nssh user@destination -f  # exec ssh in the background\nssh user@destination -N  # do not send commands to the server (do not start $SHELL)\nssh user@destination -g  # allow remote hosts to connect to local forwarded ports\nssh user@destination -t  # force pseudo-tty emulation\n</code></pre> <p>Note: use <code>~</code> while connected to use the \"ssh console\".</p>"},{"location":"misc/ssh.html#jump-hosts","title":"Jump-Hosts","text":"<p>Connect to the final destination jumping through the specifies other destinations.</p> Bash<pre><code>ssh -J user_1@destination_1,user_2@destination_2 user@final_destination\n</code></pre>"},{"location":"misc/ssh.html#port-forwarding","title":"Port Forwarding","text":""},{"location":"misc/ssh.html#local-port-forwarding","title":"Local Port Forwarding","text":"<p>Start listening on <code>local_address:local_port</code> and forward any traffic to <code>remote_address:remote_port</code>.</p> Bash<pre><code>ssh -N -f -L local_address:local_port:remote_address:remote_port user@destination\nssh -N -f -L local_port:remote_address:remote_port user@destination  # local_address defaults to localhost\n</code></pre>"},{"location":"misc/ssh.html#remote-port-forwarding","title":"Remote Port Forwarding","text":"<p>Start listening on <code>remote_address:remote_port</code> and forward any traffic to <code>local_address:local_port</code>.</p> Bash<pre><code>ssh -N -f -R remote_address:remote_port:local_address:local_port user@destination\n</code></pre>"},{"location":"misc/web-components.html","title":"Web Components","text":""},{"location":"misc/web-components.html#custom-elements","title":"Custom Elements","text":"<p>A set of JavaScript APIs that allow you to define custom elements and their behavior, which can then be used as desired in your user interface.</p>"},{"location":"misc/web-components.html#types-of-custom-elements","title":"Types of Custom Elements","text":"<p>There are two types of custom element:</p> <ul> <li>Customized built-in elements inherit from standard HTML elements such as <code>HTMLImageElement</code> or <code>HTMLParagraphElement</code>. Their implementation customizes the behavior of the standard element.</li> <li>Autonomous custom elements inherit from the HTML element base class <code>HTMLElement</code>. Need to implement their behavior from scratch.</li> </ul> <p>A custom element is implemented as a class which extends <code>HTMLElement</code> (in the case of autonomous elements) or the interface to be customized customized (in the case of customized built-in elements).</p> JavaScript<pre><code>class CustomParagraph extends HTMLParagraphElement {\n  constructor() {\n// self is reference to this element\n    self = super();\n  }\n}\n\nclass CustomElement extends HTMLElement {\n  constructor() {\n    super();\n  }\n}\n</code></pre>"},{"location":"misc/web-components.html#registering-using-custom-elements","title":"Registering &amp; Using Custom Elements","text":"<p>To make a custom element available in a page, call the <code>define()</code> method of <code>Window.customElements</code>.</p> <p>The <code>define()</code> method takes the following arguments:</p> <ul> <li><code>name</code>: The name of the element. This must start with a lowercase letter, contain a hyphen, and satisfy certain other rules listed in the specification's definition of a valid name.</li> <li><code>constructor</code>: The custom element's constructor function.</li> <li><code>options</code>: Only included for customized built-in elements, this is an object containing a single property extends, which is a string naming the built-in element to extend.</li> </ul> JavaScript<pre><code>// register a customized element\nwindow.customElements.define(\"custom-paragraph\", CustomParagraph, { extends: \"p\" });\n\n// register a fully custom element\nwindow.customElements.define(\"custom-element\", CustomElement);\n</code></pre> HTML<pre><code>&lt;!-- need to specify customized name --&gt;\n&lt;p is=\"custom-paragraph\"&gt;&lt;/p&gt;\n\n&lt;!-- cannot be used as self-closing tag --&gt;\n&lt;custom-element&gt;\n    &lt;!-- content of the element --&gt;\n&lt;/custom-element&gt;\n</code></pre>"},{"location":"misc/web-components.html#custom-elements-lifecycle-callbacks","title":"Custom Elements Lifecycle Callbacks","text":"<p>Once the custom element is registered, the browser will call certain methods of the class when code in the page interacts with the custom element. By providing an implementation of these methods, which the specification calls lifecycle callbacks, it's possible to run code in response to these events.</p> <p>Custom element lifecycle callbacks include:</p> <ul> <li><code>connectedCallback()</code>: called each time the element is added to the document. The specification recommends that, as far as possible, developers should implement custom element setup in this callback rather than the constructor.</li> <li><code>disconnectedCallback()</code>: called each time the element is removed from the document.</li> <li><code>adoptedCallback()</code>: called each time the element is moved to a new document.</li> <li><code>attributeChangedCallback(name, oldValue, newValue)</code>: called when attributes are changed, added, removed, or replaced.</li> </ul> JavaScript<pre><code>class CustomElement extends HTMLElement {\n\n  // array containing the names of all attributes for which the element needs change notifications\n  static observedAttributes = [\"size\"];\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    console.log(\"Custom element added to page.\");\n  }\n\n  disconnectedCallback() {\n    console.log(\"Custom element removed from page.\");\n  }\n\n  adoptedCallback() {\n    console.log(\"Custom element moved to new page.\");\n  }\n\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    // name is one of observedAttributes\n    console.log(`Attribute ${name} has changed.`);\n  }\n}\n</code></pre>"},{"location":"misc/web-components.html#shadow-dom","title":"Shadow DOM","text":"<p>THe Shadow DOM allows to attach a DOM tree to an element, and have the internals of this tree hidden from JavaScript and CSS running in the page.</p> <p>The shadow DOM tree starts with a shadow root, underneath which it's possible to attach any element, in the same way as the normal DOM.</p> <p>Terminology:</p> <ul> <li>Shadow host: The regular DOM node that the shadow DOM is attached to.</li> <li>Shadow tree: The DOM tree inside the shadow DOM.</li> <li>Shadow boundary: the place where the shadow DOM ends, and the regular DOM begins.</li> <li>Shadow root: The root node of the shadow tree.</li> </ul> <p></p>"},{"location":"misc/web-components.html#creating-a-shadow-dom","title":"Creating a Shadow DOM","text":"HTML<pre><code>&lt;div id=\"host\"&gt;&lt;/div&gt;\n&lt;span&gt;I'm not in the shadow DOM&lt;/span&gt;\n</code></pre> JavaScript<pre><code>const host = document.querySelector(\"#host\");\nconst shadow = host.attachShadow({ mode: \"open\" });\nconst span = document.createElement(\"span\");\nspan.textContent = \"I'm in the shadow DOM\";\nshadow.appendChild(span);\n</code></pre> <p>Note: <code>{mode: \"open\"}</code> allows accessing the shadow DOM from the root node <code>shadowDom</code> property. The \"close\" mode does not expose this property.</p>"},{"location":"misc/web-components.html#javascript-css-encapsulation","title":"JavaScript &amp; CSS Encapsulation","text":"<p>The JavaScript and CSS defined outside the shadow DOM do not have effect inside. To style a shadow dom there are two possibilities:</p> <ul> <li>defining a <code>CSSStylesheet</code> and assigning it to the <code>ShadowRoot: adoptedStyleSheets</code></li> <li>adding a <code>&lt;style&gt;</code> element in a <code>&lt;template&gt;</code> element's declaration.</li> </ul> JavaScript<pre><code>const sheet = new CSSStyleSheet();\nsheet.replaceSync(\"span { color: red; border: 2px dotted black; }\");\n\nconst host = document.querySelector(\"#host\");\n\nconst shadow = host.attachShadow({ mode: \"open\" });\nshadow.adoptedStyleSheets = [sheet];\n\nconst span = document.createElement(\"span\");\nspan.textContent = \"I'm in the shadow DOM\";\nshadow.appendChild(span);\n</code></pre> HTML<pre><code>&lt;template id=\"custom-element\"&gt;\n  &lt;style&gt;\n    span {\n      color: red;\n      border: 2px dotted black;\n    }\n  &lt;/style&gt;\n  &lt;span&gt;I'm in the shadow DOM&lt;/span&gt;\n&lt;/template&gt;\n\n&lt;div id=\"host\"&gt;&lt;/div&gt;\n&lt;span&gt;I'm not in the shadow DOM&lt;/span&gt;\n</code></pre>"},{"location":"misc/web-components.html#template-and-slot","title":"<code>&lt;template&gt;</code> and <code>&lt;slot&gt;</code>","text":""},{"location":"misc/web-components.html#the-template-element","title":"The <code>&lt;template&gt;</code> element","text":"<p>To reuse the same markup structures repeatedly on a web page, it makes sense to use some kind of a template rather than repeating the same structure over and over again. The HTML <code>&lt;template&gt;</code> and its contents are not rendered in the DOM, but it can still be referenced using JavaScript.</p> HTML<pre><code>&lt;template id=\"template-id\"&gt;\n  &lt;p&gt;template fallback content&lt;/p&gt;\n&lt;/template&gt;\n</code></pre> JavaScript<pre><code>let template = document.getElementById(\"template-id\").content;\ndocument.body.appendChild(template);\n</code></pre>"},{"location":"misc/web-components.html#templates-custom-elements","title":"Templates &amp; Custom Elements","text":"<p>Templates are useful on their own, but they work even better with web components.</p> <p>Since the template is added to a shadow DOM, it's possible to include styling information inside the template in a <code>&lt;style&gt;</code> element, which is then encapsulated inside the custom element.</p> HTML<pre><code>&lt;template id=\"template-id\"&gt;\n  &lt;style&gt;\n    p {\n      color: white;\n      background-color: #666;\n      padding: 5px;\n    }\n  &lt;/style&gt;\n\n  &lt;p&gt;My paragraph&lt;/p&gt;\n&lt;/template&gt;\n</code></pre> JavaScript<pre><code>class CustomElement extends HTMLElement {\n    constructor() {\n        super();\n        let template = document.getElementById(\"template-id\").content;;\n\n        const shadowRoot = this.attachShadow({ mode: \"open\" });\n        shadowRoot.appendChild(template.cloneNode(true));\n    }\n}\n\ncustomElements.define(\"custom-element\", CustomElement);\n</code></pre>"},{"location":"misc/web-components.html#the-slot-element","title":"The <code>&lt;slot&gt;</code> element","text":"<p>It possible to display different content in each element instance in a nice declarative way using the <code>&lt;slot&gt;</code> element.</p> <p>Slots are identified by their name attribute, and allow to define placeholders in the template that can be filled with any markup fragment when the element is used in the markup.</p> HTML<pre><code>&lt;template id=\"template-id\"&gt;\n  &lt;p&gt;\n    &lt;slot name=\"slot-name\"&gt;Default slot content&lt;/slot&gt;\n  &lt;/p&gt;\n&lt;/template&gt;\n\n&lt;custom-element&gt;\n  &lt;span slot=\"slot-name\"&gt;Substituted slot content&lt;/span&gt;\n&lt;/custom-element&gt;\n</code></pre>"}]}
\ No newline at end of file
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..18c21c1
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,383 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/index.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/containers/docker.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/containers/kubernetes.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/databases/mongo-db.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/databases/redis.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/databases/sql.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/markdown.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/assembly/intel.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/assembly/riscv.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/bash/commands.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/bash/scripting.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/c/c.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/css/css.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/blazor.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/filters.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/middleware.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/minimal-api.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/razor-syntax.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/signalr.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/asp.net/web-forms.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/async-programming.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/collections.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/csharp.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/linq.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/reactive-extensions.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/csharp/unit-tests.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/database/ado.net.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/dotnet/database/entity-framework.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/html/html.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/java/dao.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/java/java-collection-framework.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/java/java.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/java/spring/pom.xml.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/java/spring/spring-project.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/java/web/servlet.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/ajax.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/dom.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/events-animation.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/javascript.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/jquery.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react-router.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react-tests.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/react/react.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/react/redux-tests.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/react/redux.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/javascript/svelte/svelte.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/kotlin/kotlin.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/composer.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/database.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/dependency-injection.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/php.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/plates-templating.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/psr-7.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/unit-tests.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/web.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/simple-mvc/rest-api.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/php/simple-mvc/simple-mvc.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/powershell/commands.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/powershell/scripting.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/python.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/libs/beautiful-soup.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/libs/numpy.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/libs/pandas.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/libs/requests.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/libs/seaborn.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/libs/tkinter.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/argparse.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/collections.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/csv.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/ftplib.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/itertools.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/json.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/logging.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/shutil.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/smtplib.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/socket.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/sqlite.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/time-datetime.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/python/modules/unittest.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/rust/cargo.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/rust/concurrency.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/rust/macros.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/rust/rust.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/rust/unit-tests.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/languages/swift/swift.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/linux/filesystem/file-links.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/linux/filesystem/procfs.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/linux/filesystem/sysfs.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/linux/init/open-rc.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/linux/init/systemd.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/misc/git.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/misc/graph-ql.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/misc/regular-expressions.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/misc/ssh.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+    <url>
+         <loc>http://m-lamonaca.github.io/dev-notes/misc/web-components.html</loc>
+         <lastmod>2025-03-22</lastmod>
+    </url>
+</urlset>
\ No newline at end of file
diff --git a/sitemap.xml.gz b/sitemap.xml.gz
new file mode 100644
index 0000000000000000000000000000000000000000..725ce1e3540d0a39f630573ea5a61cd6f7ad62f6
GIT binary patch
literal 958
zcmV;v13~;BiwFpS{oQ8*|8r?{Wo=<_E_iKh0L|M=a^p4-2H^di!lgY#k5j2U%GT`W
z1d{`RV2gx=m%Bkq%IVXf<gsTet7M^HRRSQIroO@(B=r2{9K*vxEIy}~&FAgo=7EyS
zgHPkj=C5yG&F`BpyHC$E2ci0)CntH?OtqFjyY6&4ZN*oLw#YW~*om9;gLJop-Q)I;
z&F<5KzS;$@srB_7vfJIR5>2o%C+qBX^mUs1t<T*+i%GeXbUqDq-cB`!=dS(N$BS60
zF%P?^$ERP-<1gmvNl&>QyMAl;{cHa_z~xk}Pnt#Dklm3O1aq8w;zWA%o}j^2+gs6;
zo-}4N^cWhZ!GmOsyoP&1f=%OW$5uj?k3&8s42>0`*oTX@@Ja#9#9rKjVbV%8X}gcn
zra^#6;@Fp};{=Aubq)j~>l*_z<f=o2*6XruaUbm8nIUO=AF2*(khbWDA<)S(f%1}%
zHW*txq>o#rGjh?X%NY_VeoQuCwu=+>W}i7?wG1bd<)X+-a;9(|*~SPn7W{~GIRtW5
z7dVi4c#RNc!KYV57n9ZET*%P5QWDgHos+LdPpDYBw}nY(hunG?OdO@^>&5J~U!hax
zBZjge)&PTZu#43!%RrhInD-tRtpL9pfjClFN6xO~xIIJFtQ+hawNd_{g$m@;sZl4y
zOCTWCby?im1Ik?Y18UGJhGwEgyLvIUEn!-Z0SA0f;?Z7b;tL#Wou6Gp!+Ea6&_tjq
z+P@27ZNq#9&pj2w*<_(m=@wz=j=Ab$?-pT@%G6fwv1CE%KAPxleF7w+LTRAnF2<+B
zb=Hle(>D+%SUspcR%|JlyHzVq*!+gWLA!O)Ogh`g!HCy7L?$jy2N|h2x88rky(d9<
z`9v%eg#h+Q^8*a*!DhMCDW_WmMGC%`t|vQJzn_DVJQqA)nq#@(v5HoGD|jv@T~p%p
z`yXUNw$BXM0_w5tU|}ejUVaX3Lko|^GR%DSM;zRPxu1QqK)Uv|XvKr1d2I+a=YUzD
z2LT&F-(Vq+Bie-H%_ftM?*Wq*aa)44y}}if_8NS}91^OJWCmTPw*;iHEsfjC7z4+%
z)XwQBpOHK{xtY1$lLAsj>o^M#s0BbAw0k~s^80!X?+Ws1KDXVeBp0a^*QC*-M}cA$
z&TfxI(g;E1wPJU<P%`X5G}jCo?x~4hT&I7yzkzL;%zb|&vqG50IaoGyE=+RwZH22z
gWV*Yd?Lc0i#HF@V<NtBiNT}}q0dEt=dU-ei0AQHpi2wiq

literal 0
HcmV?d00001